Slikovno gradivo z uporabo rastrske in vektorske grafike

Avtor: NS · Objavljeno 23. junija, 2021 · Posodobljeno 27. junija, 2021

Projektno nalogo na temo Varnost na spletu sem izdelala s pomočjo urejevalnikov PhotoScape X za rastrsko grafiko in Inkscape za vektorsko grafiko. Ideje sem iskala in pridobila na spletnih straneh Safe.si in Pinterest.

RASTRSKA GRAFIKA

Fotografija 1 pred obdelavo

Fotografija 1 pred obdelavo
Dimenzije fotografije: 4031 x 3024
Velikost fotografije: 1,9 MB
Format fotografije: JPEG

Rastrska fotografija by NS is licensed under CC BY-NC-ND 4.0

Fotografija 1 po obdelavi

Fotografija 1 po obdelavi
Dimenzije fotografije: 3987 x 2475
Velikost fotografije: 4,7 MB
Format fotografije: JPEG

Rastrska fotografija by NS is licensed under CC BY-NC-ND 4.0

Postopek obdelave fotografije 1

Fotografijo sem urejala z urejevalnikom PhotoScape X. Ko sem odprla program, sem pod zavihkom “Editor” izbrala temo “Folders”, pod katero so se mi prikazale moje datoteke z računalnika. Poiskala sem mapo za projektne naloge, kjer imam v novi mapi shranjeno fotografijo, ki jo želim urediti. To fotografijo iz levega kota spodaj povlečemo v prostor za urejanje, ki se nahaja na sredini našega ekrana (označeno z rumeno puščico).

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Fotografija se mi je nato prikazala čez večji del zaslona. Prvo sem jo želela obrezati, zato sem izbrala “EDIT” in možnost “Crop”. Okrog fotografije se je prikazala mreža za obrezovanje, s katero sem označila tisti del, ki ga želim obdržati. Ko sem bila zadovoljna z obliko, sem to potrdila z gumbom “Crop” s kljukico, označeno desno spodaj na sliki. Fotografija je bila tako obrezana.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Temu je sledilo urejanje barv, svetlobe in kontrasta. Za to sem izbrala “COLOR”, pod katero se mi je prikazal spodaj prikazan urejevalnik barv. Fotografiji sem popravila svetlobo, jo obogatila in malo izboljšala jasnost slike ter dodala kontrast. Po željenem učinku sem vse skupaj shranila z gumbom “Apply” s kljukico.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Za estetski učinek sem fotografiji dodala tudi okvir. Na vrhu v desnem kotu sem izbrala funkcijo “FRAME”, pod katero so se mi nato prikazali različni okvirji. Okvir, ki sem ga izbrala, se je namestil na fotografijo v vseh štirih kotih. Izbiro sem shranila z gumbom “Apply” s kljukico, označen desno spodaj.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Besedilo sem se odločila dodati na koncu, da ga lahko barvno in pozicijsko lahko primerno umestim na fotografijo. Do besedila sem prišla s klikom na gumb “INSERT”, ki je postavljen zgoraj desno med gumboma “FRAME” in “TOOLS” (sklicujte se na prejšnjo sliko). Odpre se nam vrstica, kjer izberemo “TEXT”, zgoraj desno na sliki. Po kliku se nam prikaže polje za vstavljanje besedila. Tukaj sem zapisala izbrano besedilo, izbrala primerno pisavo, barvo besedila in ozadje. Na koncu sem vrstico z besedilom postavila na primerno mesto na fotografiji in shranila spremembe.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Ko sem fotografijo uredila dokončno, sem si jo shranila v računalnik. To sem storila z gumbom “SAVE” (označen spodaj desno). Odprlo se mi je manjše okno, ki ga lahko vidimo spodaj. Tu sem izbrala kvaliteto fotografije, vidimo lahko tudi velikost fotografije. Svoj izdelek pa lahko tudi shranimo v poljubno mapo s klikom na tri pike, lahko pa ga tudi poimenujemo s klikom na “Save As…”. Fotografija bo nato shranjena v naš računalnik. S temi postopki sem shranila svoj izdelek.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Fotografija 2 pred obdelavo

Fotografija 2 pred obdelavo
Dimenzije fotografije: 4032 x 3024
Velikost fotografije: 1,6 MB
Format fotografije: JPEG

Rastrska fotografija by NS is licensed under CC BY-NC-ND 4.0

Fotografija 2 po obdelavi

Fotografija 2 po obdelavi
Dimenzije fotografije: 3876 x 2367
Velikost fotografije: 3,7 MB
Format fotografije: JPEG

Rastrska fotografija by NS is licensed under CC BY-NC-ND 4.0

Postopek obdelave fotografije 2

Tudi pri urejanju 2. fotografije sem izbrala urejevalnik PhotoScape X. V levem zgornjem kotu sem izbrala “Editor” in nato “Folders”, kjer sem med datotekami na mojem računalniku poiskala mapo s fotografijo, ki sem jo želela urediti. Izbrano fotografijo sem z miško povlekla v veliko črno polje (označeno z rumeno puščico).

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Fotografija se je nato prikazala čez večji del zaslona. Najprej sem jo želela obrezati, zato sem izbrala gumb “EDIT” in nato “Crop” (oboje je na spodnji sliki označeno z zelenim okvirjem).

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Okrog fotografije se je prikazala mreža za obrezovanje, s katero sem omejila del, ki sem želela, da ostane. Spremembe sem shranila s pritiskom na “Crop” s kljukico. Slika je bila nato obrezana v izbrano obliko.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Sledilo je urejanje barve. V zgornji vrstici sem pritisnila na “COLOR” in nato se mi je odprlo polje za urejanje. Uredila sem svetlobo, živost in jasnost fotografije ter dodala kontrast. Ko sem bila z videzom zadovoljna, sem spremembe shranila z gumbom “Apply” s kljukico (spodaj desno).

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Fotografiji sem želela dodati okvir. Da sem to storila, sem v zgornji vrstici izbrala “FRAME”. Pod tem so se prikazali različni okvirji, med katerimi sem lahko izbirala. Hotela sem, da ima druga fotografija enak okvir kot prva, zato sem ponovno izbrala takšnega, kot ga lahko vidite na prikazani sliki. Po izbiri okvirja, se je ta pojavil ob kotih, kot to prikazuje puščica. Da je tam ostal, sem izbiro shranila s tipko “Apply”, ki ima ob sebi puščico.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Zadnji korak pri urejanju pa je bilo dodajanje besedila. Izbrala sem tipko “INSERT” in nato “TEXT”. Pod tem se je odprl predel za urejanje besedila. Izbrano besedilo sem zapisala v to namenjen prostor, izbrala velikost, barvo besedila in ozadja (označeno z velikim, zelenim okvirjem). Ustvarjeno besedilo se sproti prikazuje na zaslonu. Na koncu sem izbrala mesto in shranila narejeno.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

Po končanem urejanju sem fotografijo shranila. To sem naredila tako, da sem pritisnila “SAVE” (spodaj desno). Odprlo se je manjše okno, kjer lahko vidimo velikost slike, izberemo kakovost in shranimo pod določenim imenom ter v izbrano mapo. Fotografija se tako shrani v naš računalnik.

Postopek obdelave by NS is licensed under CC BY-NC-ND 4.0

VEKTORSKA GRAFIKA

Vektorska grafika by NS is licensed under CC BY-NC-ND 4.0

Postopek izdelave

Za izdelavo vektorske grafike sem uporabila Inkscape, slike pa uredila v urejevalniku Photoscape X.

Pričela sem z izdelavo trupa, ki je prikazana na prvih treh slikah. Narisala sem osnovo z orodjem za risanje krivulj in ravnih črt (“Draw Bezier curves and straight lines (B)”; slika 1). Ogrodje iz ravnih črt sem nato preoblikovala v krivulje, da sem dobila obliko polkroga (“Edit paths by nodes (N)”; slika 2). Polkrog sem nato še zapolnila s črno barvo z orodjem za polnjenje praznin z barvo (“Fill bounded areas (U)”; slika 3).