Slikovno gradivo z uporabo rastrske in vektorske grafike
Projektno nalogo sem izdelala na temo Varnost na spletu v programu PhotoScape X (rastrsko grafiko) in v programu Inkscape (vektorsko grafiko). Fotografije sem oblikovala v programu 3D Slikar.
RASTRSKA GRAFIKA 1
FOTOGRAFIJA PRED OBDELAVO
![](https://razredniikt.splet.arnes.si/files/2021/07/fotografija1-pred-obdelavo.jpg)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
FOTOGRAFIJA PO OBDELAVI
![](https://razredniikt.splet.arnes.si/files/2021/07/fotografija1-po-obdelavi.jpg)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
OBDELAVA FOTOGRAFIJE
- KORAK: odprla sem program PhotoScape X ter odprla zavihek ”Editor”. Želeno fotografijo sem poiskala v mapi, v kateri sem si jo tudi shranila. Ko se je fotografija pokazala, sem jo z miško prenesla na sredino v prazno polje za urejanje.
![](https://razredniikt.splet.arnes.si/files/2021/07/1.slika-rastrska-grafika1-1024x790.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
2. KORAK: v nadaljevanju sem uredila barve na fotografiji. To sem naredila s klikom na ”Color”. Fotografiji sem nekoliko povečala svetlost (”Brighten”), čistost (”Clarity) in kontrast (”Contrast”). Vse spremembe sem potrdila s klikom na gumb ”Apply”.
![](https://razredniikt.splet.arnes.si/files/2021/07/2.-slika-rastrska-grafika1-1024x845.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
3. KORAK: v nadaljevanju sem želela narisati rdečo kljukico, ki ponazarja pravilnost napisanega gesla. V ta namen sem kliknila na ”Insert”. Nato sem izbrala ”Line” in z miško narisala prvo črtico ter ji določila barvo (rdeča).
![](https://razredniikt.splet.arnes.si/files/2021/07/3.slika-rastrska-grafika1-4.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/4.slika-rastrska-grafika1-3.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
4. KORAK: ponovno sem kliknila ”Line” in na enak način narisala še drugo črtico ter jo premaknila na konec prve in tako dobila puščico. Pri tem barve nisem spreminjala.
![](https://razredniikt.splet.arnes.si/files/2021/07/5.slika-rastrska-grafika-1024x737.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
5. KORAK: odprla sem zavihek ”Figure”. Izbrala sem obliko želenega oblačka z dvakratnim klikom na njo. Obliko sem nekoliko povečala, malo zasukala in jo postavila na želeno mesto.
![](https://razredniikt.splet.arnes.si/files/2021/07/6.slika-rastrska-grafika1-1024x588.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
6. KORAK: obliki sem določila barvo (rumena).
![](https://razredniikt.splet.arnes.si/files/2021/07/7.slika-rastrska-grafika1-1024x578.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
7. KORAK: kliknila sem na ikono ”Text” in pojavil se je prazen okvirček. Besedilo sem napisala v mesto, namenjeno temu. Izbrala sem vrsto pisave in njeno velikost ter barvo. Nato sem še okvirček z besedilom premaknila v rumen oblaček.
![](https://razredniikt.splet.arnes.si/files/2021/07/8.slika-rastrska-grafika1-1024x582.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
8. KORAK: nazadnje sem hotela izdelek še shraniti. V ta namen sem v spodnjem desnem kotu kliknila na ”Save”. Odprlo se je okno, v katerem sem kliknila na ”Save as” in na ta način poimenovala izdelek ter ga shranila v poljubno mapo v svoj računalnik.
![](https://razredniikt.splet.arnes.si/files/2021/07/9.slika-rastrska-grafika1-1024x616.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
RASTRSKA GRAFIKA 2
FOTOGRAFIJA PRED OBDELAVO
![](https://razredniikt.splet.arnes.si/files/2021/07/fotografija2-pred-obdelavo.jpg)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
FOTOGRAFIJA PO OBDELAVI
![](https://razredniikt.splet.arnes.si/files/2021/07/fotografija2-po-obdelavi.jpg)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
OBDELAVA FOTOGRAFIJE
1. KORAK: kliknila sem na ikono ”Editor” ter nato izbrala mapo, v kateri sem imela shranjeno želeno fotografijo. Ko se je le-ta prikazala, sem jo z miško premaknila v prazno črno polje za urejanje.
![](https://razredniikt.splet.arnes.si/files/2021/07/1.slika-rastrska-grafika2-1-1024x865.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
2. KORAK: fotografijo sem želela izboljšati s filtrom, zato sem kliknila na ”Film” ter izmed ponujenih filtrov izbrala tistega z naslovom ”Portra” s klikom nanj. Spremembe sem potrdila s klikom na ”Apply”.
![](https://razredniikt.splet.arnes.si/files/2021/07/2.-slika-rastrska-grafika2-1-1024x762.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
3. KORAK: fotografiji sem želela dodati še svetlobni učinek, zato sem kliknila na ”Insert”. Nato na ”Bokeh” in izmed ponujenih efektov izbrala drugega po vrsti (002). Vse skupaj sem potrdila s klikom na ”Apply”.
![](https://razredniikt.splet.arnes.si/files/2021/07/3.-slika-rastrska-grafika2-1-1024x762.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
4. KORAK: želela sem narediti križ čez lokacijo na fotografiji, ki bi ponazarjal to, da ni varno objavljati svoje lokacije na spletu. V ta namen sem kliknila na ”Insert”, nato pa na ”Line”. Potezi sem določila debelino (”Thickness”) ter barvo (rdeča).
![](https://razredniikt.splet.arnes.si/files/2021/07/4.-slika-rastrska-grafika2-2.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/5.slika-rastrska-grafika2-1024x722.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
5. KORAK: ponovno sem kliknila na ”Line” in narisala še drugo črto ter jo postavila tako, da je skupaj z že narisano črto tvorila križ.
![](https://razredniikt.splet.arnes.si/files/2021/07/6.-slika-rastrska-grafika2-1024x719.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
6. KORAK: s klikom na ikono ”Text” se je prikazal prazen okvir. Besedilo sem napisala v prostor, ki je temu namenjen. Določila sem vrsto pisave, njeno velikost in barvo (rdeče-rumena). Prav tako sem določila barvo ozadja (”Background”) napisanega besedila – izbrala sem črno ozadje.
![](https://razredniikt.splet.arnes.si/files/2021/07/7.-slika-rastrska-grafika2-1024x728.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
7. KORAK: v zadnjem koraku sem izdelek želela še shraniti. Zato sem kliknila na ”Save” v spodnjem desnem kotu in prikazalo se je okno, na katerem sem kliknila ”Save as” ter izdelek poimenovala ter shranila v mapo na svoj računalnik.
![](https://razredniikt.splet.arnes.si/files/2021/07/8.-slika-rastrska-grafika2-1024x767.png)
Postopek urejanja by Flamingo is licensed under CC BY-NC-ND 4.0
VEKTORSKA GRAFIKA
POSTOPEK IZDELAVE
1. KORAK: odprla sem program Inkscape in kliknila na funkcijo ”Riši kvadrate in pravokotnike” ter z miško narisala pravokotnik, ki bo predstavljal mobilni telefon. Nato sem v spodnji vrstici barv kliknila na črno barvo in pravokotnik se je pobarval v črno. Zatem sem želela nekoliko zaokrožiti robove pravokotnika, zato sem z miško potegnila zgornje desno oglišče (okroglo) nekoliko navzdol in tako so se vsi štirje robovi postali zaokroženi.
![](https://razredniikt.splet.arnes.si/files/2021/07/1.-slika-vektorska-grafika-1024x822.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/2.-slika-vektorska-grafika-1024x829.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
2. KORAK: s pomočjo funkcije ”Riši kvadrate in pravokotnike” sem znotraj črnega pravokotnika narisala še enega nekoliko manjšega, ki bo predstavljal zaslon mobilnega telefona. S klikom na belo barvo v spodnji vrstici z barvami sem liku določila želeno barvo.
![](https://razredniikt.splet.arnes.si/files/2021/07/3.-slika-vektorska-grafika-1024x828.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
3. KORAK: izbrala sem funkcijo ”Riši kroge, elipse, loke” ter najprej narisala spodnjo tipko na mobilnem telefonu ter nato še zgornje dve (krogec in podolgovato elipso). Belo barvo sem določila že v prejšnjem koraku in je nisem spreminjala.
![](https://razredniikt.splet.arnes.si/files/2021/07/4.-slika-vektorska-grafika-1024x783.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
4. KORAK: kliknila sem na funkcijo ”Ustvari in urejaj besedilo” ter narisala prazno polje, v katero sem napisala ”Sporočila”. Nato pa še na funkcijo ”Riši kroge, elipse, loke” ter narisala majhen krogec. V spodnji vrstici z barvami sem mu določila modro barvo.
![](https://razredniikt.splet.arnes.si/files/2021/07/5.-slika-vektorska-grafika-1024x781.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
5. KORAK: ponovno sem izbrala funkcijo ”Ustvari in urejaj besedilo” in v narisano prazno polje napisala želeno besedilo (obvestilo o nagradi). Ponovno sem kliknila enako funkcijo ter v polje za besedilo napisala ”NAGRADA51” ter ga nekoliko povečala.
![](https://razredniikt.splet.arnes.si/files/2021/07/6.-slika-vektorska-grafika-1024x777.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
6. KORAK: izbrala sem funkcijo ”Riši krivulje in ravne črte” ter z miško narisala ravno črto čez besedilo NAGRADA51. Črto sem zaključila z dvakratnim klikom na vozlišče na koncu črte. V razdelku ”Polnilo in poteza” sem kliknila na ”Barva poteze” ter določila njeno barvo. V razdelku ”Slog poteze” sem potezi oz. črti še nekoliko povečala širino.
![](https://razredniikt.splet.arnes.si/files/2021/07/7.-slika-vektorska-grafika-1024x534.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/8.-slika-vektorska-grafika-1024x834.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
7. KORAK: prav tako sem s pomočjo funkcije ”Riši krivulje in ravne črte” narisala še drugo črto čez besedo NAGRADA51 ter jo zaključila z dvakratnim klikom na vozlišče na koncu črte. V razdelku ”Barva poteze” sem črti določila barvo (rdeča). V razdelku ”Slog poteze” pa še širino poteze.
![](https://razredniikt.splet.arnes.si/files/2021/07/9.-slika-vektorska-grafika-1024x534.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/10.-slika-vektorska-grafika-1024x837.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
8. KORAK: kliknila sem na funkcijo ”Riši kroge, elipse, loke” ter narisala krog. V zavihku ”Zapolni” sem liku še določila želeno barvo.
![](https://razredniikt.splet.arnes.si/files/2021/07/11.-slika-vektorska-grafika-1024x535.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
9. KORAK: s pomočjo funkcije ”Riši krivulje in ravne črte” sem narisala ravno črto od kroga do podobe mobilnega telefona. Črti sem v razdelku ”Barva poteze” določila enako barvo kot jo je imel krog. Nato sem kliknila še na ”Slog poteze” ter potezi določila želeno širino in obliko črtic.
![](https://razredniikt.splet.arnes.si/files/2021/07/12.-slika-vektorska-grafika-1024x532.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/13.-slika-vektorska-grafika-1024x609.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
10. KORAK: v tem koraku sem kliknila na funkcijo ”Ustvari in urejaj besedilo” ter narisala prazno polje za besedilo, v katerega sem napisala želeno poved. Polje sem še nekoliko povečala.
![](https://razredniikt.splet.arnes.si/files/2021/07/14.-slika-vektorska-grafika.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
11. KORAK: v zadnjem koraku sem svoj izdelek shranila v png obliki. To sem naredila tako, da sem v zgornjem kotu izbrala ”Datoteka”, nato pa ”Export PNG Image”. Potem sem pri ”Export area” izbrala ‘Risba”, izdelku določila ime (Filename) in nazadnje še kliknila na ”Export As” ter izdelek shranila v svoj računalnik.
![](https://razredniikt.splet.arnes.si/files/2021/07/15.-slika-vektorska-grafika-2.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
![](https://razredniikt.splet.arnes.si/files/2021/07/16.-slika-vektorska-grafika.png)
Postopek izdelave by Flamingo is licensed under CC BY-NC-ND 4.0
SAMOREFLEKSIJA IN VREDNOTENJE
1. Kaj sem se novega naučil/a v tem projektu?
V tem projektu sem obnovila svoje znanje o izdelovanju rastrske grafike z urejevalnikom PhotoScape X ter vektorske grafike z urejevalnikom Inkscape.
2. Če bi imel/a več časa, bi dodal/a, spremenil/a, izboljšal/a …
Za nalogo sem si vzela veliko časa, zato v načrtovanju in izvedbi le-te ne bi ničesar spreminjala.
3. Kateremu delu si posvetil/a največ časa in zakaj?
Največ časa sem porabila za iskanje primernih idej za izdelavo rastrske in vektorske grafike.
4. Kako ocenjuješ svoje delo glede na dan kriterij ocenjevanja?
Z vsemi tremi končnimi izdelki sem zadovoljna, saj mislim, da sem izpolnila svoja pričakovanja kot tudi kriterije ocenjevanja.
5. Kje in kako bom lahko pridobljeno znanje uporabil/a tekom študija in na svoji poklicni poti?
Pridobljeno znanje lahko uporabim v šoli pri različnih predmetih v različne namene (npr. urejanje in dopolnjevanje nejasnih fotografij; izdelovanje poljubne vektorske fotografije, ki je ni mogoče najti na spletu..)
6. Kaj mi je bilo pri projektu najljubše in kaj najmanj?
Najraje sem uredila fotografiji v programu PhotoScape X. Najbolj zahtevno pa je zame bilo izdelovanje vektorske grafike, saj sem veliko stvari s tega področja že pozabila in sem v ta namen morala še enkrat pogledati video vodiče za uporabo programa Inkscape.
7. Kaj bi spremenil v definiciji projekta, da bi bil boljši?
Projekt se mi zdi zastavljen korektno, čeprav sem zanj porabila več časa, kot sem pričakovala, da bom (predvsem zaradi dodajanja opisov postopkov).
Avtorica: Flamingo
Mentorica: mag. Alenka Žerovnik
Nosilka predmeta: dr. Irena Nančovska Šerbec
Predmet: informacijsko-komunikacijske tehnologije v izobraževanju
Letnik in študijska smer: 1. letnik, razredni pouk
Univerza v Ljubljani, Pedagoška fakulteta
Datum: 26. 7. 2021
Slikovno gradivo z uporabo rastrske in vektorske grafike by FLamingo is licensed under CC BY-NC-ND 4.0