Vektorsko crtanje i pretvorba fotografija u vektorske ilustracijeOvaj tutorial namijenjen je poetnicima bez veeg znanja i rutine u radu s programima za vektorsko crtanje. Naglasak stavlja na tri metode vektorizacije i usporedbu prednosti i mana svake od njih. Ideju za ovu temu dobio sam pri itanju recenzije nove generacije digitalnih olovaka kojima se ne crta po aktivnoj povrini grafikog tableta, nego po obinom papiru. Digitalna olovka infracrvenom je vezom povezana s kontrolerom koji se zakvai za gornji dio papira i podloge ispod njega. Kontroler pohranjuje zapis digitalne olovke na papiru. Potom se zapis sa kontrolera eksportira u raunalo kao vektorski zapis ili kao zapis u pikselima (rasterski). Vektorski zapis moe se dalje direktno editirati u vektorskom programu kao to je Adobe Illustrator. Zbog ovih pogodnosti ovaj koncept mi djeluje genijalno.Ideja je genijalna zbog nekoliko razloga. Crtanje digitalnom olovkom po papiru daje prirodniji osjeaj pri radu u odnosu na crtanje po aktivnoj povrini grafikog tableta. Etui koji sadri digitalnu olovku, kontroler i usb - kabal vrlo je kompaktnih dimenzija te prikladan za noenje sa sobom, u odnosu na priline dimenzije profesionalnog grafikog tableta. Cijela pria iznenada postaje manje idilina kad doemo do cijene. Tako dolazimo do zakljuka da je ovakav ureaj prikladan za profesionalne crtae ilustratore koji puno crtaju u hodu. Za amatera kojem bi ovakve pogodnosti trebale samo ponekad, cijena bi bila prepreka za kupnju. Meutim, uz malo truda i upotrebom besplatnog softvera mogu se prethodno reene pogodnosti postii i bez navedenog ureaja. Opisati u prilagoene metode kojima poetnik bez adekvatnog znanja i rutine u radu s vektorskim programima moe dobiti vektorske ilustracije prihvatljivog izgleda. Zato je toliko teite stavljeno na vektorski format zapisa? Vektorski format superioran je u odnosu na rasterski (zapis u pikselima) zbog velikih mogunosti skaliranja (poveanje ili smanjenje dimenzije). Tako isti vektorski zapis moete koristiti kao motiv za veliki plakat kao i za minijaturni otisak na kemijskoj olovci. U oba sluaja poveanje ili smanjenje dimenzije nee rezultirati smanjenjem kvalitete vektorskog crtea. Razlog za tako velike mogunosti skaliranja lei u strukturi vektora, zbog koje oni nisu ovisni o rezoluciji slike. Zato kad god moete, trebate teiti da vam ilustracije budu u vektorskom formatu. Standardni postupak pretvorbe piksela fotografije u vektore (krivulje) obuhvaa kod npr. portreta osobe vektorsko iscrtavanje svih esencijalnih struktura glave kao to su oi,

obrve, kontura nosa s nosnicama, usne, oblik lica, ui i kosu.

ishodini portret

iscrtavanje oka, obrva i oblika naoala

iscrtavanje nosa, usana, oblika lica, vrata i koulje

gotovi iscrtani vektorski portret

Takav postupak iziskuje veliku rutinu pri radu s alatom za vektorsko crtanje, puno vremena, strpljivost i upornost. Postupak je bitno olakan upotrebom grafikog tableta ili navedene digitalne olovke s kontrolerom. Ukoliko morate vektorska iscrtavanja raditi raunalnim miem, postupak je poput hoda po trnju. Stoga e poetnik eljeti izbjei navedeni postupak, te dobro promisliti oko kupnje navedene opreme, pogotovo ukoliko e vektorske ilustracije trebati samo ponekad. Naredni postupak ukljuuje prostoruno crtanje ilustracije olovkom na papiru, te vektorske ispune umjesto vektorskog iscrtavanja. Najprije nacrtate osnovni oblik bez ispuna bojom. U ovom sluaju to je ova kravica:

Potom crte skenirate i prebacite u raunalo. Ukoliko nemate skener, moete je fotografirati i prebaciti u raunalo. Samo pazite da fotografija ispadne otra. Obzirom da je ovaj tutorial namjenjen poetnicima koristiti emo besplatni vektorski program Inkscape. Crte prvo otvorimo komandom File Import

Odaberemo nau kravicu. Za import opciju kliknemo embed image.

Potom na opciji Object odaberemo Fill and Stroke. Otvorit e nam se dotina paleta s desne strane monitora. Selektiramo opciju Fill (gore lijevo) te opciju Flat color (drugi red, druga opcije s lijeve strane).

Potom pomicanjem klizaa za boje R, G, B podesimo eljenu boju. Na traci s alatima s lijeve strane kliknemo na kanticu s bojom. Opcija se zove Fill Bounded Areas. Kursor mia poprimit e izgled kantice.

Kanticom kliknemo na dio crtea (npr. na trup kravice) i dotini dio biti e obojan zadanom bojom.

Navedeni postupak ponovimo za ostale dijelove crtea (vime, papci, zvonce, glava, oi, rogovi, ui). Za svaku ispunu moemo zadati neku drugu boju. Na kraju moemo po potrebi dodati pozadinsku pravokutnu podlogu, natpis itd. Na kraju kliknemo na ishodinu ilustraciju koju smo importirali na poetku. Izvuemo je iz vektorske ispune i izbriemo.

Vektorska ilustracija koju smo dobili na ovaj nain sastoji se od segmenata sa vektorskom ispunom. Svaki od segmenata moe se modificirati na nain da kliknuvi na rubni dio segmenta dodamo vornu toku (node), koja je podruje modifikacije segmenta. Moemo kliknuti na gornji dio lea krave gdje e nastati vorna toka na mjestu gdje smo kliknuli. Potom moemo vornu toku odvui prema gore, ime e itav taj segment biti izoblien. Izgledati e kao da krava na leima ima devinu grbu. Isto tako moemo kliknuti na vrh roga i produiti ga ili savinuti. Metodom vektorskih ispuna dobivamo vektorske oblike koji imaju sva bitna vektorska svojstva. Takvom vektorskom obliku moemo mijenjati veliinu, oblik i boju u svakom njegovom zasebnom segmentu. Kod pretvorbe fotografije u vektore najbolje rezultate dobivamo kod struktura sa to manjim udjelom detalja i to manje razliitih boja i nijansi boja. Stoga najbolji rezultat dobivamo kad ilustraciju sa to manje boja pretvaramo u vektore. Strukture s puno detalja i puno boja prije vektorizacije treba uiniti jednostavnijima (manje detalja i manje boja), odnosno pretvoriti ih u ilustraciju. Naredna metoda temelji se na filter opciji Duotone. U programu Inkscape otvorimo eljenu fotografiju. Potom na opciji Filter odaberemo Color i na toj opciji Duotone. Dobili smo fotografiju u plavim tonovima, odnosno dobili smo dva tona na slici.

Potom idemo na opciju Path i na njoj Trace Bitmap. Odaberemo opciju Brightness steps i na izborniku iznad desno (izbornik za broj boja) zadamo 3 boje. Kliknemo na OK, time smo pokrenuli vektorizaciju. Dobili smo vektorsku ilustraciju s karakteristinim flekama u drugoj boji, odnosno otrim linijama razgranienja boja ili nijansi slinih boja. Naa Duotone slika nalazi se ispod dobivene vektorske ilustracije.

Ukoliko nas sporna bijela podruja na licu, elu, nosu, uhu i vratu smetaju, moemo ih obojati. Prvo kliknemo kapaljkom (drugi alat odozdo na paleti sa alatima) na podruje sive boje na licu. Potom kanticom sa bojom (etvrti alat odozdo) kliknemo na bijela podruja. Kliknemo jednom ili vie puta dok ne dobijemo istu boju ispune u odnosu na okolne dijelove gdje smo kliknuli kapaljkom. Potom alatom Calligraphic kist (iznad crnog slova A na paleti s alatima) bojamo po preostalim bijelim linijama. Za alat Calligraphic kist na svojstvu Width zadamo manju vrijednost (manja irina poteza kista, bitno za preciznost).

Ova metoda naknadnog bojanja nepravilnosti kod programa Inkscape ima jednu manu.Ukoliko ovako doraenu vektorsku ilustraciju elimo poveati doivjet emo neugodno iznenaenje. Pri poveanju prvobitna vektorska ilustracija se poveava ali naknadno bojani potezi i ispune kantice i kaligrafskog kista ostaju isti. Da bi doskoili tom problemu moramo prije dodatnog bojanja kanticom i kaligrafskim kistom vektorski crte uveati na maksimalnu dimenziju koja e nam trebati za daljnji rad. Znai, ako e nam vektorska ilustracija ii kao element za veliki plakat, poveat emo je na veliinu u kojoj emo je staviti na plakat.

Tek nakon definiranja potrebne finalne veliine koristit emo kanticu za bojanje i kaligrafski kist. Na kraju smo dobili vektorsku sliku prihvatljivog izgleda i precizne potrebne veliine. Snimimo je u vektorskom formatu. Obzirom da slika ima eljena svojstva (izgled i dimenzije) vektorski format je ispunio svoju funkciju. Kao takav nam vie nije potreban. Sad moemo vektorski format eksportirati u fotografski ( u jpeg format). Sliku dalje moemo koristiti u programima za obradu fotografija. Takoer smo mogli prvobitno dobivenu vektorsku sliku poveati na potrebnu dimenziju i kao takvu eksportirati u jpeg format. Tada bi u programu za odradu fotografija kistom ili kanticom korigirali nepravilnosti, umjesto kanticom i kaligrafskim kistom u vektorskom programu. Ovako dobivena ilustracija nema sva bitna vektorska svojstva. Ne moemo zadati vorne toke kao kod ilustracije s vektorskom ispunom (naa kravica) i modificirati oblik na eljenom mjestu. Trea metoda daje vektorsku ilustraciju koja izgleda kao da je nacrtana olovkom, daje mogunost parcijalnog bojanja eljenih selektiranih dijelova na slici. Za pripremne radnje koristit emo besplatni program za obradu fotografija Gimp. Postoji portabilna varijanta tog programa koja se zove GimPhoto s dodatnim modulom GimPad. Moe se instalirati na usb stick, pa ga moete uvijek imati sa sobom. Fotografiju emo otvoriti komandom File Open (izbornik na paleti s alatima lijevo). Potom na opciji Filter odaberemo Edge Detect. Na toj opciji odaberemo Difference of Gaussians. Otvorit e se paleta na kojoj zadamo parametre Radius 1 na 8,0 te Radius 2 na 1,0. Kliknemo na OK. Potom kliknemo na opciju Image pa na Colors i na opciji Colors svojstvo Brightness-Contrast. Za Brightness zadamo vrijednost -80 i za Contrast 2. Dobili smo ovakvu ilustraciju:

Ovisno kako podesimo opcije za Brightness ilustracija sa pozadinom biti e svjetlija ili tamnija. Smanjenje vrijednosti za Brightness daje tamniju ilustraciju i tamniju podlogu. Na kraju smo dobili ilustraciju koja kao da je nacrtana olovkom, sa bojom u podruju oiju i usana. Postigli smo prvi korak procesa tj. dobili smo sliku sa manje detalja i boja. Ukoliko elimo vie boja moemo npr. dodati boju kosi. Prvo moramo selektirati dio koji emo bojati. Koristit emo alat Lasso koji je na paleti s alatima prvi desno u gornjem redu. Kliknemo na alat i njime iscrtamo vanjski dio kose (lijeva tipka mia mora biti stalno stisnuta pri iscrtavanju).

Potom kliknemo na alat Paint Bucket (kantica s bojom) koji je desno od alata za pisanje (crno slovo A). Klikom na alat Foreground/Background color (povrinska/pozadinska boja) koji je najdonji na traci s alatima, odabiremo boju. Kliknuti emo na gornju sliicu (Foreground color). Kad se otvori paleta s bojama kliknemo negdje na podruju sa svijetlo smeom bojom. Moemo umjesto toga koristiti klizae R, G, B za boje kojima precizno zadajemo pojedine boje unutar ukupne boje. Kada smo definirali boju kose, alatom kantica s bojom kliknemo na podruje kose koje smo selektirali alatom Lasso. Na paleti za alat kantica s bojom smanjimo svojstvo Opacity sa 100% na 10%. Time smo 100%-tni udio odabrane boje smanjili na 10%-tni, odnosno imamo 10% ukupne koliine boje i 90% prozirnosti. Time smo istovremeno obojali kosu u smeu boju i zadrali prikaz vlasi kose unutar boje. Da smo svojstvo Opacity ostavili na 100%, dobili bismo jednolinu ispunu smeom bojom, u sklopu koje se ne bi vidjele vlasi kose. Tako bi obojana kosa izgledala neprirodno. Boja usana malo je blijeda pa emo dodatno obojati usne. Selektirati emo alatom Lasso vanjski oblik usana i obojati ih kanticom s bojom u crvenu boju. Potom na isti nain prostor zubi selektiramo i obojamo u bijelo.

Na kraju sliku spremimo u jpeg formatu. Zato na paleti Save As na opciji Select file extension u padajuem izborniku odaberemo format jpeg image. Time smo zavrili drugi korak procesa. Dobili smo ilustraciju obojanu kako smo eljeli. Ukoliko dimenzija ilustracije zadovoljava nae potrebe za ispis, gotovi smo sa poslom. Ukoliko nam treba velika dimenzija ilustracije za npr. veliki plakat, morati emo odraditi i 3. korak, to je pretvorba ilustracije u vektorski format.

Opet emo koristiti program Inkscape i opciju Path na kojoj emo zadati Trace Bitmap. Napravit emo vektorizaciju na 2 naina, metodom Brightness steps odnosno Color. Opcije se na paleti Trace Bitmap nalaze jedna ispod druge.

Opcijom Brightness steps dobili smo precizniji prikaz oiju, nosa i usana, sa manje preciznim prikazom vlasi kose.

Metodom Color dobili smo precizniji prikaz vlasi kose sa manje preciznim prikazom oiju, nosa i usana. Obzirom da nam je detaljnost prikaza oiju, nosa i usana na portretu vanija od prikaza detalja na kosi, opcija Brightness steps dala je prihvatljiviji rezultat. I ovom metodom dobili smo vektorsku ilustraciju koja nema sva bitna vektorska svojstva. Ovako dobivenu ilustraciju moemo skalirati (poveati ili smanjiti ukupnu dimenziju bez gubitka kvalitete). Ne moemo je editirati na odreenom mjestu. Ne moemo kliknuti na npr. vrh nosa ili vrh uha i produljiti ga. Ne moemo selektirati odreeni dio i promijeniti mu boju. I ovdje vrijedi ono to je reeno kod metode broj 2. Treba uiniti sva bojanja i postaviti finalnu dimenziju prije nego snimite sliku u vektorski ili je eksportirate u fotografski format. Ovako dobivena ilustracija ostavlja dojam kao da je ishodina slika crtana olovkom. Kod metode broj 2 ilustracija sadri vie detalja sa ishodine fotografije te i ostavlja dojam vektorizirane fotografije.