SLIKOVNO GRADIVO Z UPORABO RASTRSKE IN VEKTORSKE GRAFIKE – varnost na spletu

Pri projektni nalogi Slikovno gradivo z uporabo rastrske in vektorske grafike sem se osredotočila na tematiko varnost na spletu. Prvi dve sliki sem obdelala s programom Photoscape, za izdelavo vektorske slike pa sem uporabila program Inkscape.

  1. RASTRSKA GRAFIKA

PRVA FOTOGRAFIJA

FOTOGRAFIJA PRED OBDELAVO

Licenca Creative Commons

FOTOGRAFIJA PO OBDELAVI

Licenca Creative Commons

POSTOPEK OBDELAVE:

  1. Editor: v programu Photoscape kliknemo na ikono editor.
Licenca Creative Commons

2. Vstavimo sliko iz dokumentov

Licenca Creative Commons

3. Resize: pod zavihkom resize izberemo možnost reduce the longer lenght 800px in s tem zmanjšamo velikost slike iz 1536×2048 na 600×800

Licenca Creative Commons

4. Crop: izberemo zavihek crop in sliko prosto obrežemo tako kot nam ustreza (crop freely), da se znebimo odvečnih delov

Licenca Creative Commons
Licenca Creative Commons

5. Film effect: izberemo zavihek film effect in sliki dodamo filter po želji. Sama sem ji dodala filter BL1 (low), da je slika malo temačnejša

Licenca Creative Commons

6. Auto level: izberemo zavihek auto level- auto contrast low, da so kontrasti na sliki še malo bolj poudarjeni

Licenca Creative Commons

7. Object-text: izberemo zavihek object (text), da sliki dodamo besedilo, ki ga lahko kasneje tudi preuredimo (text, colour, size, shadow), besedilo na koncu z miško premaknemo še na ustrezno mesto. Tako slika dobi neko sporočilnost.

Licenca Creative Commons
Licenca Creative Commons

8. Object-icons: izberemo zavikeh object (icons), da sliki dodamo ikono, ki jo izberemo sami po želji (sama sem izbrala kri, ker paše v kontekst). Slika ima tako še globlji pomen

Licenca Creative Commons
Licenca Creative Commons

9. Save: v desnem spodnjem kotu kliknemo save- save as in sliko shranimo

Licenca Creative Commons

DRUGA FOTOGRAFIJA

FOTOGRAFIJA PRED OBDELAVO

Licenca Creative Commons

FOTOGRAFIJA PO OBDELAVI

Licenca Creative Commons

POSTOPEK OBDELAVE

  1. Editor: v programu Photoscape kliknemo na ikono editor.
This image has an empty alt attribute; its file name is image-51-1024x432.png
Licenca Creative Commons

2. Vstavimo sliko iz dokumentov

Licenca Creative Commons

3. Resize: pod zavihkom resize izberemo možnost reduce the longer lenght 800px in s tem zmanjšamo velikost slike iz 945×2048 na 369×800

Licenca Creative Commons

4. Crop: izberemo zavihek crop in sliko prosto obrežemo tako kot nam ustreza (crop freely), da se znebimo odvečnih delov

Licenca Creative Commons
Licenca Creative Commons

5. Filter: pod zavihkom filter izberemo region (out of focus) da izpostavimo glaven del slike, ostalo pa zameglimo, tako da izberemo blur. Zameglitev lahko tudi še malo uredimo (level, size, feather)

Licenca Creative Commons

6. Object-text: izberemo zavihek object (text), da sliki dodamo besedilo, ki ga lahko kasneje tudi preuredimo (text, colour, size, shadow), besedilo na koncu z miško premaknemo še na ustrezno mesto. Tako slika dobi neko sporočilnost.

Licenca Creative Commons
Licenca Creative Commons
Licenca Creative Commons

7. Save: v desnem spodnjem kotu kliknemo save- save as in sliko shranimo

Licenca Creative Commons

2. VEKTORSKA GRAFIKA

KONČNI IZDELEK

Licenca Creative Commons

POSTOPEK

  1. Odpremo program Inkscape
  2. Narišemo pravokotnik s funkcijo za risanje kvadratov in pravokotnikov (pravokotnik bo predstavljal ekran), barvo spremenimo na barvnem traku spodaj
Licenca Creative Commons

3. Zmanjšamo ostre kote: ker nisem hotela da ima računalnik ostre robove sem jih s funkcijo edit paths by nodes popravila. Preprosto klikneš na izbrano funkcijo, nato na en rob pravokotnika in tako se z vlečenjem miške proti središču vsi robovi enakomerno popravijo

Licenca Creative Commons

4. Duplicate: z desnim klikom in opcijo duplicate prvi prevokotnik podvojimo in tako dobimo ogrodje za prenosni računalnik (po želji spremenimo barvo)

Licenca Creative Commons

5. Dodajamo pravokotnike: s poustvarjanjem pravokotnikov zrišemo detajle na prenosnem računalniku (tipkovnica, on/off gumb, površina za upravljanje miške)

Licenca Creative Commons
Licenca Creative Commons

6. Trikotnik na zaslonu: s pomočjo funkcije create polygons na zaslon zrišemo trikotnik (corners: 3) in mu spremenimo barvo na rdečo, nato ga podvojimo, mu spremenimo barvo na rumeno, ga pomanjšamo in vstavimo na večjega rdečega

Licenca Creative Commons
Licenca Creative Commons

7. Dodamo napis: s pomočjo funkcije create and edit text objects dodamo sliki besedilo *virus* in ga z miško povlečemo na sredino trikotnika, nato z istim postopkom dodamo še klicaje

Licenca Creative Commons
Licenca Creative Commons

8. Ustvarjenje ključavnice: s funkcijo create circles ustvarimo dva kroga in tako naredimo vrh ključavnice, nato pa s funkcijo za risanje pravokotnikov narišemo pravokotnik in z njim prekrijemo kroge

Licenca Creative Commons
Licenca Creative Commons

9. Napis na ključavnici: s prej omenjeno funkcijo za vstavljanje besedil na ključavnico vstavimo besedilo

Licenca Creative Commons

REFLEKSIJA IN SAMOVREDNOTENJE

  1. V tem projektu sem se naučila uporabljati programa Photoscape in Inkscape. Čeprav smo programa uporabljali že na kliničnih vajah sem ju zdaj uporabljala bolj natančno in sledila vsakemu koraku posebej (posnetki zaslona). Potek urejanja slik in ustvarjanja vektorske slike sem si načrtovala že vnaprej in tako postopek tudi večkrat ponovila (boljše pomnjenje).
  2. Če bi imela več časa, bi definitivno izboljšala vse izdelke in se v programa še dodatno poglobila. Naučila bi se vseh trikov in bližnjic, da bi lahko izdelke še izboljšala, mogoče celo pohitrila proces urejanja. Z veseljem bi izdelala še kakšno vektorsko sliko, pa tudi še kakšno sliko bi z veseljem preuredila v programu Photoscape.
  3. Največ časa sem posvetila razumljivi razlagi, da bi se lahko bralci tega članka kaj naučili in iz njega pridobili kakšno znanje. Vse posnetke zaslona sem poizkušala kar se da dobro zajeti, da so glavni koraki lepo vidni.
  4. Glede na mojo neizkušenost z danima programoma (prvič sem jo uporabljala na kliničnih vajah) se mi zdi moje delo zelo dobro opravljeno. Menim da sem dobro sledila navodilom in zajela vse dane naloge. Naloga mi je vzela zelo veliko časa, potrudila pa sem se tudi, da so slike čimbolj izvirne jih bom lahko uporabila tudi v nadaljnjih projektnih nalogah.
  5. pridobljeno znanje bom lahko uporabila za urejanje slik v kakšnih seminarskih nalogah z vektorsko grafiko pa bom lahko popestrila marsikatero učno uro učencem v svojem bodočem poklicu (dodana vrednost pouku).
  6. Projekt mi je bil všeč predvsem zaradi pridobljenega znanja. Zelo veliko mi pomeni, da smo lahko posneli lastne fotografije in se prosto odločali, kakšne fotografije bomo predelovali in kakšno vektorsko sliko bomo ustvarili. Pri projektni nalogi me je malo zmotila njena obsežnost (morda bi lahko preurejali zgolj eno sliko), pa vendar se zavedam da znanja ni nikoli preveč, zato sem nalogo z veseljem v celoti naredila. Zopet bi pohvalila jasna navodila.
  7. V definiciji projekta ne bi spreminjala ničesar, saj sem se iz njega veliko naučila in je zagotovo vreden svojega časa.

Avtorica: Nika Kušar
Mentorica: mag. Alenka Žerovnik
Predmet: Informacijsko komunikacijske tehnologije v izobraževanju
1. letnik, razredni pouk
Pedagoška fakulteta, Univerza v Ljubljani
17. avgust 2020

(Skupno 36 obiskov, današnjih obiskov 1)

Morda vam bo všeč tudi...

Dodaj odgovor

Vaš e-naslov ne bo objavljen. * označuje zahtevana polja

Dostopnost