1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Kako Pretvoriti Naočale u Odličnu 'Geek' Ikonu

Scroll to top
Read Time: 6 min
This post is part of a series called Icon Design.
How to Create a Magic Wand Icon
How to Make a Vector Military Cap Icon

() translation by (you can also view the original English article)

U ovom tutorialu ćemo vam pokazati kako napraviti super, ili bilo bi bolje da kažemo štrebersku ikonu naočala. Kako biste dovršili ovaj tutorial, trebali biste biti vješti sa Adobe Illustrator alatima. Naučiti ćete kako uzeti kreativnu dozvolu i kreirati ilustraciju koja koristi foto referencu, ali se ipak malo razlikuje u konačnom dizajnu.

Ponovno Objavljeni Tutorial

Svakih nekoliko tjedana iznova pregledavamo neke od najomiljenijih članaka naših čitatelja kroz povijest stranice. Ovaj tutorial prvo je objavljen u prosincu 2008.

1. korak

Počnite preuzimanjem neke fotografije naočala. Pazite da je preuzmete u dovoljno visokoj rezoluciji kako ne bi bila pikselizirana kada je gledate uvećanu dok radite.

Krajnji rezultat izgleda mnogo više u stilu crtanog filma i štreberski. Ako vaše naočale nisu točno kao što biste željeli da izgledaju na ilustraciji morati ćete improvizirati dok je radite. Ipak, fotografija je ionako samo referenca. Odstupiti ćemo od stvarne fotografije u konačnoj ikoni.

2. korak

Smjestite fotografiju na vlastiti sloj i zaključajte ga. Koristeći Pen Tool (P) i crtajte oko ruba okvira naočala. Konvertirati ćemo liniju u oblik u nadolazećem koraku. To će nas poštedjeti gnjavaže crtanja dva različita pravokutnika za izradu okvira naočala.

3. korak

Zatim ocrtajte krila tj. "ručke" naočala. Ovoj liniji (Stroke) podesite Round Cap klikom na postavku označenu ispod na slici.

4. korak

Kada završite ocrtavanje obiju ručki i okvira, ekspandirajte linije tako što ćete ići na

5. korak

Koristeći Direct Selection Tool (A) pomaknite točke da podebljate ručke prema početku, gdje se spajaju sa staklima.

6. korak

Možete također obrisati točke ako vas smetaju dok pomičete druge točke.

7. korak

Pošto težim štreberskom izgledu, odlučio sam središnji dio naočala učiniti mnogo većim. Ovaj dio je potpuno kreiran prema onome kako izgleda.  Nemojte se bojati odstupiti od fotografije. Morate znati kada trebate pratiti pravila, a kada ih kršiti. Trenutno sada je savršena prilika da ih kršimo.

8. korak

Ovako bi vaša ikona sada trebala izgledati.

9. korak

Uvećajte i pripazite da su vam sve linije glatke. Ovaj korak mnogo će značiti u krajnjem rezultatu. Posvetite malo više vremena sada kako biste kasnije sami sebe poštedjeli glavobolje.

10. korak

Dodajte naočalama dubinu duplicirajući svaki dio naočala. Dok držite Option, kliknite te povucite oblik da ga duplicirate i tako ponovite sa svakim oblikom.

11. korak

Koristeći Pen Tool nacrtajte lijevu stranu naočala koja spaja okvir sa ručkom.

12. korak

Sada nacrtajte desnu stranu. Možete primijetiti da je ilustracija malo drugačija od fotografije. Pošto su ručke naočala mnogo veće, oblik koji spaja okvire i ručke morati će također biti veći. Također, imajte na umu da je konačni rezultat koji želimo postići ikona. Većina ikona ima jednostavne oblike stoga se ne zabrinjavajte previše prateći svaki detalj fotografije. Ovo je više-manje radnja u kojoj postižete ravnotežu koju ćete naučiti s vremenom i eksperimentiranjem.

13. korak

Spojnom obliku također dodajte dubinu dupliciranjem.

14. korak

Nacrtajte vrh i bočnu stranu da dovršite spoj.

15. korak

Promotrite kako se osnovni oblik ikone razlikuje od fotografije.

16. korak

Izradite stakla naočala duplicirajući okvir, crtajući oblik iza njega i koristeći Divide u Pathfinder kartici da razdvojite oblike. Nakon što ih razdvojite idite na Object > Ungroup da selektirate samo dio sa staklima. Obrišite preostale neiskorištene dijelove.

17. korak

Smjestite stakla preko okvira.

18. korak

Selektirajte oba stakla i dodajte im gradijent. Poigrajte se bojama i kutom gradijenta dok ne dobijete rezultat koji vam se sviđa. U Transparency Palette kartici prilagodite opacity vrijednost za stakla na oko 50%.

Za fino ugađanje boja možete selektirati Edit > Edit Colors > Adjust Color Balance... i urediti ih dodatno (kao što je prikazano na donjem primjeru).

19. korak

Zatim ćemo izraditi dio bijele trake koja će biti omotana oko sredine okvira. Za kompliciranije, proizvoljne oblike smatram da je najlakše upotrijebiti Pencil Tool (N) da nacrtate oblik. Pencil Tool omogućuje vam da crtate kao da ste zapravo koristili olovku, u jednoj kontinuiranoj liniji. Pošto bi komad trake trebao imati prirodniji izgled, ovo funkcionira savršeno. Savjet: Kada crtate sa Pencil Tool alatom, uvijek možete zatvoriti oblik pritiskom na Option i zatim otpustite gumb miša.

20. korak

Pružite komadu trake detaljni gradijent. Možete primijetiti da dno trake ima odsjaj koji sugestira da se svijetlo odražava od površine na kojoj se nalaze naočale.

21. korak

Idite na Effect > Stylize > Inner Glow da dodate traci tamni Inner Glow.

22. korak

Na kraju, idite na Effect > Stylize > Drop Shadow da dodate traci blagu padajuću sjenu.

23. korak

Sitni detalji mnogo znače. Idite na Effect > Stylize > Inner Glow... da dodate staklima tamni unutarnji sjaj. Odlučio sam koristiti tamne plavkasto-zelene tonove za unutarnji sjaj da se bolje izblenda sa bojom stakla.

24. korak

Sljedeće ćemo naglasiti okvire naočala. Selektirajte dijelove jedan po jedan i dodajte im kompleksne gradijente. Obratite pažnju na svaki dio okvira gdje će udariti svijetlo. Pokušajte napraviti što svjetliji gradijent u tim dijelovima. Na slici ispod, označio sam dijelove ručke naočala koji bi trebali biti najsvjetliji.

Također, idite na Effect > Stylize > Inner Glow... da dodate svakom dijelu područja koje naglasite unutarnji sjaj. Taj unutarnji sjaj bi trebao biti delikatan kako ne bi previše utjecao na gradijente koje primijenite.

25. korak

Selektirajte drugi dio okvira i i dodajte mu kompleksan gradijent. Opet, dio koji bi trebao biti najsvjetliji, istaknut je ispod na slici. Može postojati više dijelova koji imaju odsjaj.

26. korak

Obliku koji spaja okvir i ručku naočala također dodajte suptilni gradijent.

27. korak

Cijelo naličje naočala ima vrlo jednostavan gradijent koji je gotovo neprimjetan. Kada se radi o naličju naočala, pošto je u potpunosti ravno, ja koristim gradijent proizvoljno. Samo pazite da bude suptilan.

28. korak

Dodajte odsjaje na pravim mjestima koji će definirati sve vizualno nezanimljive dijelove ili dijelove koji bi očito reflektirali svjetlost.

29. korak

Blagi odsjaj na rubu stakla je obavezan. Umjesto dosadnog crtanja odsjaj uzduž ruba stakla, upotrijebite Pathfinder. Duplicirajte stakla i kliknite na "Subtract from shape" dio, kao što je označeno na donjoj slici.

30. korak

Kako biste staklima dodali još jednu razinu dimenzije, nacrtajte oblik luka i idite na Effect > Blur > Gaussian Blur... da ga zamaglite. Ako je potrebno, prilagodite Opacity vrijednost oblika.

31. korak

Sjena će naočalama dodati lijep završni detalj. Sastoji se od dva oblika koji čine ručke i još jednu horizontalnu liniju ispod. Selektirajte oblik i idite na Effect > Blur > Gaussian Blur.

32. korak

Primijetiti ćete da su vrhovi ručki naočala blago zakrivljeni prema gore. Premjestite poziciju točaka koristeći Direct Selection Tool kako biste prikazali da vrh naočala ne sjedi položen u ravnini sa stolom.

33. korak

Selektirajte sjenu. U Transparency kartici podesite način na Multiply kako bi se sjena bolje uklopila kada iza nje smjestite pozadinu.

34. korak

Koristeći Rectangle Tool (M) nacrtajte pravokutnik i dodajte mu blijedi gradijent.

35. korak

Idite na Effect > Stylize > Round Corners da zaokružite kutove.

36. korak

Idite na Effect > Stylize > Inner Glow da dodate pravokutniku unutarnji sjaj.

Konačna Slika

Evo konačne vektorske ikone naočala! Kao što možete primijetiti, krajnji rezultat je malo drugačiji od fotografije. To je ljepota kreiranja ilustracije, možete je učiniti točno onako kako želite.

Pretplatite se na VECTORTUTS RSS Feed da ostanete u toku sa najnovijim vektor tutorialima i člancima.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads