Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)


Ovaj tutorial nadahnut je Sheppard Fairey-evom poznatom serijom političkih postera za Obama kapmanju u Americi. Pokazati ćemo vam kako dizajnirati ovakav stil. Početi ćemo tehnikama osnovnog editiranja slika u Adobe Photoshopu kako bismo podesili naše smjernice za layout, i zatim ćemo se prebaciti na Adobe Illustrator. Za ovo vam ne treba nikakva posebna oprema. Ja sam koristio stariji miš koji još uvijek ima gumenu lopticu.
Opaska Urednika: Vectortuts+ u ovom tutorialu ne potiče nijedna politička uvjerenja. Fokus tutoriala je na demonstraciji izrade ovog estetski zanimljivog efekta.
1. Obrežite i Modificrajte Sliku
1. korak
Za ovaj efekt je najbolje imati sliku u stilu portreta, po mogućnosti subjekta koji izgleda kao da razmišlja ili gleda u daljinu. Ja sam upotrijebio ovu fotografiju preuzetu sa stranice iStockphoto.

2. korak
Kada imate svoju sliku, morate kliknuti Open da je otvorite u Photoshopu i upotrijebite Crop da je obrežete. Vrh slike bi trebao biti odrezan do vrha subjektove glave, a dno bi trebalo biti malo više iznad visine prsa. "Izrez" bi trebao imati omjer oko 2:1.

3. korak
Sada moramo na sliku primijeniti Posterize efekt. Idite na Image > Adjustments > Posterize. Prikladna razina posterizacije za ovaj izgled koji mi želimo je 5.

4. korak
Sada ćemo izraditi slojeve sa smjernicama za upotrebu u Illustratoru. Počnite dupliciranjem posteriziranog sloja, i nazovite taj novi duplicirani sloj "Pattern Guide". Zatim idite na Image > Adjustments > Threshold. Povući ćemo našu točku dok ne dobijemo rezultat poput ovog na slici ispod. Želimo da bude prilično tamno, ali opet sa malo detalja. Također, kada koristite Threshold, najbolje je upotrijebiti najviše točke koje vidite.

5. korak
Kliknite Save da pohranite ovaj novi sloj koji ste izradili pod imenom poput "patternguide.psd" ili nešto slično, jer ćete ga trebati za Illustrator.

6. korak
Moramo ponoviti 4. korak i 5. korak još tri puta. Svaki puta primijenite niži treshold, i pohranite svaki novi sloj. Ispod su postavke koje sam ja koristio. Opet, obratite pozornost na naviše točke.

2. Podesite Svoj Dokument i Palete
1. korak
Prije nego što počnemo konturirati slojeve, moramo napraviti uzorak sa horizontalnom plavom linijom. Za to moramo napraviti novi Illustrator dokument. Podesite mu Height i Width od 4 px. Zatim izradite pravokutnik ispunjen svijetlo plavom bojom (#4F919F), i prekrijte gornju polovicu radne površine.

2. korak
Prekrijte donju polovicu sa pravokutnikom ispunjenim bež bojom. Zatim odaberite Select All (Control + A),i povucite sve u Swatches karticu. Čestitam, izradili ste uzorak!

3. korak
Sada moramo pohraniti ovaj Swatch set kako bismo ga mogli upotrijebiti u plakatu koji ćemo upravo napraviti. U donjem lijevom kutu Swatches kartice ćemo odabrati Save Swatches iz Swatches Library Menu. Nazovite ga kako želite, ja sam upotrijebio naziv "pattern". Možete zatvoriti ovaj dokument, više ga nećemo trebati.

4. korak
Evo palete boja koju ćemo koristiti za ovaj tutorial. Ovdje imamo četiri boje i jedan uzorak. Koristiti ćemo kombinaciju bež boje i svijetlo plave boje.

3. Napravite Portret
1. korak
Sada kada smo napravili uzorak i imamo sliku reference, vrijeme je da napravimo Novi dokument u Illustratoru. Ja sam upotrijebio veličinu 700 x 850px.

2. korak
Početi ćemo najtamnijim slojem/smjernicom, a ti će biti naš sloj uzorka. Konturirati ćemo sloj koristeći Pen Tool (P). Kako biste počeli, idite na File > Place i odaberite naš prvi sloj reference da ga smjestite u Illustrator. Ako mu niste dodijelili drugačije ime, taj se uzorak zove "patternguide.psd".

3. korak
Zastanimo na trenutak da pojasnimo pravilnu upotrebu Pen Tool (P) alata u Illustratoru. To je jedno područje u kojem Illustrator nadmašuje Photoshop, ali samo ako ga pravilno upotrijebite.
Za krivulju, imate zapravo tri klika; dva su točke sidrišta, a drugi je točka krivulje. Smjestite točku krivulje na najvišu točku krivulje. Smjestite točke sidrišta tamo gdje krivulja počinje i završava.
Jedan klik je sve što je potrebno kada radite krivulju. Zatim možete promijeniti točke krivulje u krivulje, nakon što ste napravili cijeli oblik. Kako biste ih konvertirali upotrijebite Direct Selection Tool (A) i kliknite na ikonu Convert Selected Anchor Points to Smooth.

4. korak
Prije nego što konturiramo naš prvi sloj, moramo učitati uzorak u Swatches Library. Kako biste to učinili odaberite Other Library iz Swatches Library izbornika u Swatches kartici.

5. korak
Ok, idemo nazad na konturiranje prvog sloja. Kliknite Create New Layer i napravite novi sloj ispod datoteke koju ste upravo smjestili u Illustrator. Na tom sloju će biti kontura. Smjestiti ćemo ga ispod jer ćemo tako lakše vidjeti što konturiramo.
Sada uzmite Pen Tool (P), podesite liniju bez boje, a ispunu podesite na naš uzorak. Zatim sa Pen Tool (P) alatom počnite konturirati sve crne dijelove. Trebate sve izjednačiti i izravnati, nemojte baš potpuno precizno pratiti sloj prema kojem konturirate. Samo "ugrubo" pratite rub, i ne brinite o zakrivljenim linijama, sve ćemo popraviti kada napravimo konture.
Ovo je najgori dio procesa.

6. korak
Možda ste primijetili da u sredini ima dijelova koji su svjetliji. To ćemo popraviti konturirajući ih koristeći isti proces. Ispunite ih bež bojom, kao što je prikazano ispod. To ćemo napraviti na novom sloju odmah iznad sloja uzorka. Nakon što završite, trebali biste dobiti nešto slično kao što je sljedeći primjer.

7. korak
Sada moramo izgladiti oblike koje smo napravili. Većinu ćemo izgladiti, ali smatram da izgleda bolje kada ostavite tu i tamo onako kako jest. Pogledajte efekt ispod, nakon što su izglađeni i uzorak i bež sloj.
Napomena: Krivo sam podesio boje, ali ne brinite za razliku u boji.

8. korak
Sada samo ponavljamo isto za svaki sloj. Konturirajte, zatim konturirajte osvijetljene dijelove sa bojom odmah ispod, te izgladite konture. Sljedeći sloj bi trebao biti svijetlo plav, prati ga crvena boja, i na kraju dolazi tamno plava.

9. korak
Ok, trebali biste imati nešto otprilike kao na sljedećem primjeru. Najzahtjevniji dio je gotov. Sada ga moramo pretvoriti u plakat. Prvo ćemo ispod svih ovih slojeva staviti pravokutnik ispunjen bež bojom. To će nam poslužiti kao pozadina.

10. korak
Sada ćemo morati staviti na nju crvene i plave polovice. Smjestiti ćemo ih iznad bež sloja. Upotrijebite Rectangle Tool (M) alat da smjestite dva pravokutnika.

11. korak
Naš plakat izgleda prilično dobro. Napravimo mjesto potrebno za motivacijski tekst na dnu. Vjerojatno ćete morati povećati svoju radnu površinu. To ćete učiniti tako da idete na File > Document Setup. Ja sam na svoj dokument dodao 300 px.

12. korak
Sada produžite bež pravokutnik tako da prekriva novu dužinu vaše radne površine. Zatim izradite novi pravokutnik ispunjen tamno plavom bojom. Trebao bi biti velik kao četvrtina glavnog subjekta.

13. korak
Vrijeme je da dodamo motivacijski tekst. Za boju teksta ćemo upotrijebiti svijetlo plavu, i moramo podesiti postavke teksta tako da riječ prekriva većinu tamno plavog pravokutnika. Za promjenu razmaka između slova, upotrijebite Character karticu. To nam je dostupno kada koristimo Text Tool (T) alat. Ja sam koristio font "Myriad Pro".

14. korak
Uskoro smo gotovi, moramo još malo očistiti rubove. Prvo, selektirajte svaki sloj, osim bež sloja. Zatim napravite grupu/Group (Control + G). Sada kliknite Vertically i Horizntally Align da ih poravnate na radnu površinu.

15. korak
Sada ćemo očistiti rubove plakata. Prekrijte slojeve koje smo grupirali u pravokutnik bilo koje boje. Zatim upotrijebite Pathfinder karticu i odaberite Subtract Shape From Area.

Odličan posao! Završili ste!
Bravo, završili smo! Uspjeli smo izraditi zaista fantastičan efekt za koji nisu potrebne neke prevelike umjetničke sposobnosti. Također smo naučili kako učinkovito upotrijebiti Pen alat, i kako upotrijebiti Photoshop i Illustrator u tandemu. Ovo je moj prvi tutorial, stoga sam uvjeren da će biti pitanja. Slobodno ih postavite u komentarima, i pokušati ću odgovoriti u najkraćem mogućem roku. Hvala!

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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post