Slikovno gradivo z uporabo rastrske in vektorske grafike

Tako rastrska kot vektorska grafika sta nastali na temo varnost na spletu.

Fotografiji sem posnela s telefonom in ju nato obdelala s programom PhotoScape X, sliko pa sem ustvarila s programom Inkscape. Oba programa sem si predhodno namestila na računalnik. Pri izbiri in izdelavi ustreznih licenc pa sem uporabila CC creative commons licence chooser.

RASTRSKA GRAFIKA

1. FOTOGRAFIJA

1. fotografija pred obdelavo:

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

1. fotografija po obdelavi:

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

Postopek obdelave 1. fotografije:

1. korak: najprej sem fotografiji povečala kontrast. To sem naredila v razdelku Color z orodjem Contrast.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

2. korak: nato sem na fotografiji zabrisala del ozadja. To sem naredila tako da sem izbrala edit in tam izbrala orodje Blur. Določila sem si velikost in obliko “čopiča” in izbrala del, ki sem ga želim zabrisati.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

3. korak: fotografiji sem dodala še učinek Vignette, ki sem ga tudi našla pod zavihkom Edit.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

4. korak: iz zavihka Insert, sem izbrala element – poln kvadrat, ki sem mu za tem tudi spremenila barvo.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

5. korak: dodala sem še črno besedilo in ga uredila tako, da je ustrezalo v pravokotnik.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

6. korak: dodala sem še nekaj elementov, ki kažejo na kamero računalnika in bolje povezujeo besedilo s fotorafijo. Te sem našla pod razdelkom Insert.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

7. korak: ko sem s končnim izdelkom zadovoljna, kliknem v spodnji desni kot na navzdol obrnjeno puščico in izberem kakovost fotografije med 80 in 100.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

2. FOTOGRAFIJA

2. fotografija pred obdelavo:

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

2. fotografija po obdelavi:

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

Postopek obdelave 2. fotografije:

1. korak: v začetku oblikovanja, sem fotografijo najprej obrezala. To sem naredila z orodjem Crop Free, ki se nahaja pod zavihkom Edit.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

2. korak: fotografijo sem v razdelku Color potemnila z uporabo funkcij Darken in Deepen.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

3. korak: v razdelku Edit sem nato izbrala Adjustments, kjer sem uporabila orodje Vignette, ki je fotografijo malce zatemnilo v robovih.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

4. korak: najprej sem v razdelku Insert najprej dodala lik in ga ustrezno oblikovala (spremenila sem velikost in barvo), nato pa sem izbrala orodje Text, s katerim sem vnesla besedilo. To sem še ustrezno oblikovala, da sem ga lahko umestila v lik.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

5. korak: zatem sem v razdelku Insert izbrala funkcijo Sticker, kjer sem v različnih zbirkah poiskala ustrezne sličice, ki sem jih vdelala na fotografijo.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

6. korak: ko sem z izdelkom zadovoljna, izberem navzdol obrnjeno puščico v spodnjem desnem kotu in urejeno fotografijo izvozim.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

VEKTORSKA GRAFIKA

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

Postopek izdelave vektorske grafike:

1. korak: najprej sem v levem stolpcu izbrala kvadrat, da sem narisala dva pravokotnika. Na desni strani sem nato izbrala Zapolni – Čista barva in izberala želen odtenek (pogostejše odtenke najdemo tudi na dnu strani).

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

2. korak: ponovno sem izberala kvadrat na levi strani in narisala še en pravokotnik. S klikom na krog (pod sliko kvadrata) pa sem zatem narisala dva kroga. Narisane like sem potem uredila (spremenila sem jim velikost in barvo) ter jih zložila v želeno obliko.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

3. korak: notranjemu pravokotniku sem spremenila barvo, nato pa sem v levem stolpcu izberala funkcijo Ustvari in urejaj prelive. Na desni strani sem zatem dodala še malo zameglitve – Blur.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

4. korak: ponovno sem narisala pravokotnik in dva kroga s pomočjo funkcij v levi koloni (slikica lika kroga in kvadrata). Like sem oblikovala v želeno obliko, jih vse skupaj označila in v zavihku Pot izberala funkcijo Unija. Ta je združila vse izbrane like v en element.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

5. korak: dobljeni lik sem izbrala, kliknila na funkcijo Uredi poti po vozliščih, ki se nahaja v levem stolpcu in uredila element v željeno obliko.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

6. korak: izbrala sem preoblikovani element, nanj kliknila z desnim klikom in izberala možnost podvoji, ki mi je izbran element podvojila. To sem ponovila štirikrat.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

7. korak: dobljenim podvojenim oblikam sem zatem spremenila barvo in jih poljubno razporedila. Zopet sem dodala še dva pravokotnika s funkcijo iz levega stolpca – Riši kvadrate in pravokotnike.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

8. korak: vse narejene elemente sem označila in v zavihku predmet izberala funkcijo združi. Ta mi je združila vse izbrane elemente v eno celoto oziroma sliko.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

9. korak: v stolpcu na levi strani sem izberala funkcijo Ustvari in urejaj besedilo. Zapisala sem besedilo, ki sem ga želela imeti na sliki in mu spremenila barvo (to sem izberala na dnu strani) in velikost ter razmik med vrsticami.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

10. korak: besedilo sem umestila v predhodno oblikovane like. Pomembnejše dele besedila sem poudarila (odebelila s pomočjo tipk ctrl + b ali jih napisala z velikimi tiskanimi črkami).

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

11. korak: ko sem z izdelkom zadovoljna, v desnem stolpcu izberem funkcijo Export this document or a selection as a PNG image. Pri tem izberem lokacijo na računalniku, kamor se mi bo datoteka shranila. Nazadnje pa pritisnem Izvozi.

This work by DreamyMelody is licensed under CC BY-NC-ND 4.0

REFLEKSIJA IN SAMOVREDNOTENJE:

Pri izdelavi tega projekta sem se naučila samostojno uporabljati program Photoscape X za rastrsko grafiko in program Inkscape za izdelavo vektorske grafike, ki ju predhodno nisem uporabljala. Za projekt sem si vzela kar nekaj časa, saj sem pri izdelavi in obdelavi grafik uživala. Mogoče bi se ob večji količini časa spomnila kakšne boljše ideje ali pa bolj detaljno dodelala posamezno grafiko. Največ časa mi je vzelo pisanje postopkov, ker sem morala poleg zajetja zaslona, posamezne funkcije še označiti in nazadnje še opisati. To opravilo mi je bilo najman všeč, najbolj pa sem uživala pri oblikovanju rastrske grafike. Sama menim, da sem sledila vsem navodilom in nalogo korektno opravila. Pridobljeno znanje mi bo v bodočem poklicu koristilo pri izdelavi delovnih listov, predstavitev in drugih potrebščin, ki jih bom uporabljala pri počevanju. Prav tako lahko to znanje uporabim tudi v vsakdanjem življenju. Menim, da je ta projektna naloga zelo zanimiva in poučna, zato ne bi ničesar spremenila.

Avtorica: DreamyMelody

Mentorica: mag. Alenka Žerovnik

Nosilka predmeta: dr. Irena Nančovska Šerbec

Predmet: informacijsko-komunikacijske tehnologije v izobraževanju

Univerza v Ljubljani, Pedagoška fakulteta

Razredni pouk, 1. letnik

Datum: 24. 5. 2021

2. projektna naloga – Slikovno gradivo z uporabo rastrske in vektorske grafike by DreamyMelody is licensed under CC BY-NC-ND 4.0