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!