Napravite stiliziranu grafiku u Illustratoru

01 od 19

Izradite stiliziranu grafiku iz fotografije u Illustratoru

Tekst i slike © Sandra Trainor

U ovom vodiču upotrebljavat ću Illustrator kako bih napravio stilizirani grafikon s monokromatskom shemom boja, što znači da ću koristiti samo jednu boju s različitim tonovima. Kada završite, napravit ću drugu verziju grafičkog prikaza pomoću više boja. Prepoznat ću fotografiju, pomoću alata za olovke stvoriti oblike koji opisuju različite tonove, a zatim popuniti svoje oblike bojom i preurediti slojeve . Kada završite, imat ću dvije verzije iste grafike, a znanje će napraviti još više.

Iako koristim Illustrator CS6 , trebali biste biti u mogućnosti pratiti zajedno s bilo kojom novijom inačicom. Samo kliknite desnom tipkom miša na vezu u nastavku da biste spremili datoteku s praksom na računalo, a zatim otvorite datoteku u Illustratoru. Da biste datoteku spremili s novim imenom, odaberite Datoteka> Spremi kao, preimenujte datoteku, "ice_skates", formatirajte format Adobe Illustrator i kliknite Spremi.

Preuzmi datoteku za praksu: st_ai-stylized_practice_file.png

02 od 19

Veličina Artboard

Tekst i slike © Sandra Trainor

Želim pretvoriti par ledenih klizača u fotografiju u stiliziranu grafiku. Odabrao sam ovu fotografiju jer ima lijepu paletu tonova, što je važno za vrstu grafike koju ću napraviti.

Na ploči Alati ću odabrati alat Artboard, a zatim kliknite na jedan od uglova Arboard ručke i povucite ga samo unutar rubova fotografije. Učinit ću isto s suprotnom ručkom, a zatim pritisnite tipku Escape da biste izašli iz načina rada Uređivanje ureðenja.

03 od 19

Pretvori u nijansu sive

Tekst i slike © Sandra Trainor

Da biste odabrali fotografiju, odabrat ću alat za odabir na ploči Alati i kliknuti bilo gdje na fotografiji. Zatim ću odabrati Uredi> Uredi boje> Pretvori u sive tonove. To će pretvoriti fotografiju crno-bijelom, što će olakšati razlikovanje različitih tonova.

04 od 19

Prigušite fotografiju

Tekst i slike © Sandra Trainor

Na ploči slojeva dvaput ću kliknuti sloj. Time ćete otvoriti dijaloški okvir Mogućnosti sloja. Ja ću kliknuti na Predložak i Dim slike, zatim upišite 50% i kliknite U redu. Fotografija će zasjeniti, što će mi omogućiti da bolje vidim linije koje ću uskoro crtati na fotografiji.

05 od 19

Preimenujte slojeve

Tekst i slike © Sandra Trainor

Na ploči Slojevi, ja ću kliknuti na sloj 1, koji će mi dati tekstno polje za upisivanje novog imena. Upotpunit ću ime, "Predložak". Zatim ću kliknuti gumb Napravi novi sloj. Prema zadanim postavkama novi sloj naziva se "sloj 2." Kliknuvši na ime, upišite tekstualno polje "Tamni tonovi".

06 od 19

Uklonite boju ispune i moždanog udara

Tekst i slike © Sandra Trainor

S odabranim slojem Dark Tones, kliknut ću alat Pen, koji se nalazi na ploči Tools (Alati). Na ploči Alati također se nalaze polja za popunu i potezanje. Kliknit ću na polje Fill (Ispunjavanje) i na gumbu None (Ništa) ispod njega, a zatim na gumb Stroke i gumb None (Nijedan).

07 od 19

Trag oko tamnih tonova

Tekst i slike © Sandra Trainor

Pogled bliže pomoći će mi da pronađem veću točnost. Da biste povećali, mogu odabrati Prikaz> Zoom In, kliknite na malu strelicu u donjem lijevom kutu glavnog prozora kako biste odabrali razinu zumiranja ili upotrijebite alat Zumiranje.

Pomoću alata za olovku nacrtat ću tamne tonove radi oblikovanja. Počnjem s tamnim tonovima koji oblikuju oblik koji čini štit i peta snježnog klizača ispred. Za sada ću zanemariti svjetlosne tonove unutar ovog oblika. Također neću obratiti pozornost na zid iza ledenih klizaljki.

Ako ste novi u upotrebi alata za olovke, nalazi se na ploči Alati i funkcionira klikom da biste stvorili bodove. Dvije ili više točaka stvaraju put. Ako želite zakrivljenu stazu, kliknite i povucite. Pojavljuju se kontrolne ručke koje se mogu koristiti za uređivanje zakrivljenih staza. Jednostavno kliknite na kraj ručke i pomaknite ga za podešavanje. Izrada posljednje točke preko prve točke spaja dva i stvara oblik. Korištenje alata za olovke zahtijeva neko navikavanje, no praksa je lakša.

08 od 19

Odaberite Putanja

Tekst i slike © Sandra Trainor

Nastavit ću tragati oko svih tamnih oblika, kao što su djelomično otkriveni potplat klizača na leđima i mnogi eyelets. Zatim, na ploči Slojevi, kliknite na ciljni krug za sloj Dark Tones. Ovo će odabrati sve staze koje sam nacrtala za ovaj sloj.

09 od 19

Nanesite tamnu boju

Tekst i slike © Sandra Trainor

S slojem tamnih tonova odabranih na ploči Slojevi, dvaput ću kliknuti okvir Ispuni na ploči Alati, koji će otvoriti alat za odabir boje. Da biste označili vrlo tamni ton plave, upisujem polja RGB vrijednosti, 0, 0 i 51. Kada kliknem na OK, oblici će se ispuniti ovom bojom.

Na ploči Slojevi kliknite ikonu oka s lijeve strane na sloju tamnih tonova kako bih bio nevidljiv.

10 od 19

Trag oko srednjih tonova

Tekst i slike © Sandra Trainor

Izradit ću drugi sloj i nazvati ga "Srednji tonovi". Ovaj novi sloj bi trebao biti odabran i sjediti iznad ostatka na ploči Slojevi. Ako nije, morat ću ga kliknuti i povlačiti na svoje mjesto.

Ako alat Olovka bude još uvijek odabran, kliknuti na okvir Ispun i Niži. Potom ću pratiti sve srednje tonove na isti način na koji sam pratio sve tamne tonove. Na ovoj fotografiji, čini se da su oštrice srednjeg tonusa, a također dio pete i neke sjene. Koristit ću svoju "umjetničku licencu" kako bi sjene bile manje blizu kukica. I, ignorirat ću male detalje, kao što su šavovi i oznake.

Kada završim s tragovima oko srednjih tonova, kliknit ću na ciljni krug za sloj Srednjeg tonova.

11 od 19

Primijenite ispunu boje boje srednjeg tona

Tekst i slike © Sandra Trainor

S odabranim slojem srednjih tonova, kao i nacrtanim stazama, dvaput ću kliknuti okvir Ispuni na ploči Alati. U Biraču boja upisujem polja RGB vrijednosti, 102, 102 i 204. To će mi dati srednji ton plave boje. Zatim ću kliknuti U redu.

Ja ću kliknuti na ikonu oka za sloj Srednje tonove. Sad, sloj Dark Tones i sloj Srednje tonovi trebaju biti nevidljivi.

12 od 19

Trag oko svjetlosnih tonova

Tekst i slike © Sandra Trainor

Na ovoj fotografiji postoje svjetlosni tonovi i vrlo lagani tonovi. Vrlo lagani tonovi se nazivaju naglašava. Za sada, zanemariti ću naglaske i usredotočiti se na svjetlosne tonove.

Na ploči Slojevi izradit ću novi novi sloj i nazvati ga "Svjetlosni tonovi". Zatim ću kliknuti i povući taj sloj kako bi ga sjedio između sloja tamnih tonova i slojnog predloška.

Ako je alat Pen još uvijek odabran, kliknit ću na polje Fill i None. Tada ću pratiti svjetlosne tonove na isti način kao i tragove oko tamnih i srednjih tonova. Čini se da su svjetlosni tonovi čizme i čipke, koje se mogu nacrtati na način da stvore jedan veliki oblik.

13 od 19

Nanesite lagani ispis u boji

Tekst i slike © Sandra Trainor

Na panelu Slojevi, pobrinut ću se da odaberete sloj Svjetlosnih tonova, kao i nacrtane staze. Zatim ću dvaput kliknuti okvir Ispuni na ploči Alati, a u Biraču boja upisujem polja RGB vrijednosti, 204, 204 i 255. To će mi dati srednji ton plave boje. Zatim ću kliknuti U redu.

Ja ću kliknuti na ikonu oka za sloj Light Tones, što ga čini nevidljivim.

14 od 19

Trag oko najvažnijih

Tekst i slike © Sandra Trainor

Istaknute su nekoliko najsjajnijih bijelih dijelova objekta ili objekta, gdje je jako osvijetljeno.

Na ploči Slojevi ću izraditi novi novi sloj i nazvati ga "naglašava". Ovaj sloj trebao bi sjediti iznad ostatka. Ako ga ne mogu kliknuti i povlačiti na svoje mjesto.

S novim odabranim slojem Istaknuto, kliknut ću alat Olovka i ponovo postaviti okvir Ispuni na Ništa. Naći ću se oko čistih bijelih ili istaknutih područja.

15 od 19

Nanesite bijelu ispunu

Tekst i slike © Sandra Trainor

Uz odabrane nacrtane staze dvaput ću kliknuti okvir Ispuni na ploči Alati, koji će otvoriti odabir boja. Upišit ću polja RGB vrijednosti, 255, 255 i 255. Kada kliknem OK, oblici će se ispuniti čistim bijelim.

16 od 19

Prikaz kombiniranih slojeva

Tekst i slike © Sandra Trainor

Sada dolazi zabavan dio, koji je otkriti sve slojeve i vidjeti nacrtana oblika koji rade zajedno kako bi oblikovali sliku. Na ploči Slojevi kliknit ću svaki prazan okvir u kojemu je nekad bila ikona oka kako bi se otkrila ikona i učinila slojeve vidljivima. Da biste bili sigurni da su svi slojevi poništeni, kliknit ću na alat za odabir na ploči Alati, a zatim kliknuti na platno.

17 od 19

Napravite trg

Tekst i slike © Sandra Trainor

Budući da sam učinio praćenje, sada mogu izbrisati predložak. Na ploči Slojevi kliknite na sloj Predloška, ​​zatim na mali gumb Izbriši odabir, koji izgleda kao mali kantu za smeće.

Da biste napravili kvadrat, odabrat ću pravokutni alat s ploče Alati, dvaput kliknite na okvir Ispunjavati, a u odabiru boja upisujem 51, 51 i 153 za RGB vrijednosti, a zatim kliknite U redu. Tada ću pritisnuti tipku Shift dok kliknem i povučem kako bi stvorio trg koji okružuje ledene klizaljke.

18 od 19

Promijenite veličinu Artboard

Tekst i slike © Sandra Trainor
Ja ću kliknuti na alat Artboard i promjeniti veličinu Arboard pomicanjem ručki prema unutra dok ne bude iste veličine kao trg. Pritisnut ću Escape da napustim način rada Artboard, izaberite File, Save i ja sam gotova! Sada imam stiliziranu grafiku pomoću monokromatskog shema boja. Da biste napravili verziju pomoću više boja, nastavite na sljedeći korak.

19 od 19

Napravite drugu verziju

Tekst i slike © Sandra Trainor

Lako je izraditi različite verzije iste grafike. Da biste napravili verziju pomoću više boja, odabrat ću Datoteka> Spremi kao i preimenovati datoteku. Nazvat ću ga, "ice_skates_color" i kliknite Spremi. Ovo će sačuvati moju originalnu spremljenu inačicu i omogućiti da napravim izmjene u novoj spremljenoj verziji.

Želim da se isti sloj ostane isti, pa ću samo ostaviti taj sloj i kliknuti na ciljni krug za sloj Svjetlosnih tonova. Dvaput ću kliknuti okvir Ispunjavati, a u Biraču boja premjestit ću klizač boja niz bočnu špulicu boja sve dok ne dosegne žuto područje, a zatim kliknite U redu. Na isti način učinit ću promjene sloju Srednje tonovi i sloj Tamnih tonova; odabirom različite boje za svaku. Kada završite, odabrat ću Datoteka> Spremi. Sada imam drugu inačicu, i mogu napraviti trećinu, četvrtu i tako dalje, ponavljanjem gore navedenih koraka.