Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vector
Design

Dizajnirajte Ludi Retro Poster sa Otkačenim Slovima u Adobe Illustratoru

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

U ovom tutorijalu ćemo izraditi ludi poster, ilustrirajući poznatu izreku Oscara Wildea - "Budi što jesi, svi ostali su već zauzeti". Primijeniti ćemo razne Warp efekte kako bismo lakše izradili elemente. Naučite raditi blagi zrnati efekt kako bi poster poprimio vintage izgled i izrađivati rukom pisana slova. Krenimo!

1. Izradite 'Top Hat' Šešir

1. korak

Prvo izradite New Document/novi dokument veličine 600x800 px. Napravite paletu koju ćemo koristiti na našoj slici kako bismo učinili raznobojnu kompoziciju živih boja a opet zadržali tipičan izgled retro plakata.

Document palette

2. korak

Uzmite Ellipse Tool (L) i nacrtajte spljošteni oblik. Sada uzmite Rectangle Tool (M) da dodate oblik pravokutnika i poravnajte mu gornje točke sidrišta sa srednjim dijelom elipse.

Create upper part of top hat

Selektirajte donju lijevu točku sidrišta i pritisnite tipku Enter da otvorite Move okvir. Podesite Horizontal u position vrijednost na 35px i Vertical na 0 px, te kliknite OK gumb. Ponovite isto sa desnom točkom sidrišta ali ovaj puta pomaknite position vrijednost na Horizontal -35 px.

Create middle part of top hat

3. korak

Pravokutnik ostavite selektiran i idite na Effect > Warp > Bulge, podesite Bend vrijednost na -11%.

Apply bulge effect

4. korak

Pomoću Rectangle Tool (M) alata izradite usku traku i koja će formirati obod šešira. Ovaj puta upotrijebite Arc efekt, podesite Bend vrijednost na -20% daučinite rub/obod šešira uvijenim poput luka.

apply arc effect to hat brim

5. korak

Oblikujmo jednostavnu vrpcu kako bismo dodatno uredili šešir. Duplicirajte oblik oboda i malo pomaknite kopiju. Selektirajte oba oblika (oblik u sredini šešira i kopiju oboda) i upotrijebite Shape Builder Tool (Shift-M) da obrišete neželjene dijelove klikajući na njih dok držite tipku Alt.

create a ribbon

6.korak

Napravite duplikat srednjeg dijela šešira, suzite ga i podesite mu Blending Mode u Screen. Još jednom ponovite isto, i na kraju se riješite neželjenih dijelova čime ćete postići odsjaj na vrpci.

create highlights on the ribbon

2. Stilizirajte Lude Okrugle Naočale

1. korak

Izradimo trendovske okrugle naočale kako bismo poster učinili jedinstvenim i ludim! Počnite oblikovanjem pravilnog kruga koristeći alat Ellipse Tool (L). Idite na Object > Path > Offset Path i podesite Offset vrijednost na -10px. I na kraju, selektirajte vanjski oblik i promijenite mu boju u narančastu. Boju odaberite sa palete koju smo ranije izradili.

make round glasses with ellipse tool

2. korak

Okviru dodajte jednostavan odsjaj i sjenu. Izradimo također i reflektivni odsjaj na stalkima. Smjestite mali bijeli pravokutnik na staklo i kliknite Move pa odaberite Horizontal 12 px da ga pomaknete. Kliknite Copy gumb da napravite kopiju pravokutnika. Dodajte još dvije kopije pravokutnika i smjestite ih ispod prva dva.

make reflections on glasses

3. korak

Selektirajte objekte koji čine odsjaj, grupirajte ih klikom na Group i primijenite Arc efekt sa 20% Bend vrijednosti. Sa selektiranim oblikom idite na Object > Expand Appearance i primijenite još jedan efekt – ovaj puta Arch – sa 23% Bend vrijednosti.

apply arc and arch effects

4. korak

Moramo dodati odraz kako bi naočale izgledale sjajnije i djelovale življe. Samo kopirajte oblik unutarnjeg stakla, posvijetlite ga i upotrijebite Shape Builder Tool (Shift-M) da oblikujete zakrivljeni odraz.

create colored reflection on the glass

5. korak

Vrijeme je da izradimo cijele naočale! Dodajte drugi dio naočala i spojite ga uskim pravokutnikom. Dodajte odsjaj i sjenu sličnu onima na okviru naočala.

add second part of glasses and connect them with a bridge

6. korak

Grupirajte sve dijelove "mosta" zajedno i primijenite Arc efekt sa 40% vrijednosti da svinete most prema gore.

apply arc effect to the bridge

3. Stilizirajte Trendovske Hipster Brkove

1. korak

Moramo napraviti jednostavan kist kako bismo u nekoliko klikova oblikovali brkove. Počnite izrađivanjem kruga pa upotrijebite Direct Selection Tool (A) da uhvatite bočnu točku sidrišta i povučete je više udesno. Kliknite ga sa alatom Convert Anchor Point tool (Shift-C) da učinite šiljasti vrh.

Pomaknite oblikovani oblik u Brushes karticu i izradite Art Brush. Ovdje sam ostavila zadane postavke pošto ne trebam kasnije mijenjati boju ili veličinu oblika, ali ipak se uvijek možete vratiti na ovaj izbornik i urediti postavke dvostrukim klikom na vaš kist u Brushes kartici.

create art brush

2. korak

Izradite novu liniju poput luka sa alatom Pencil Tool (N) ili Arc Tool i primijenite novo izrađeni kist. Idite na Object > Expand Appearance da ekspandirate prikaz našeg objekta. Odaberite Smooth Tool (ili kliknite i držite Alt tipku dok je odabran Pencil Tool (N)) i napravite potez/stroke na obliku da smanjite broj točaka sidrišta čime ćete postići glađi izgled.

expand art brush

3. korak

Dodajte blagu sjenu na donji dio brkova za koju odaberite tamniju crvenu boju s naše palete. Smjestite brkove ispod naočala i upotrijebite Reflect Tool (O) da izradite drugu polovicu brkova zrcalnim odrazom preko vertikalne osi.

style the mustache

4. Renderirajte Nasmijana Usta i Vintage Preklopljenu Vrpcu

1. korak

Za početak uzmite Rounded Rectangle Tool, podesite Corner Radius na 20px i izradite oblik poput kobasice. Primijenite Arc efekt u kojem označite Horizontal i podesite Bend vrijednost na -38% da ga horizontalno svinete u obliku luka.

use rounded rectangle tool for the mouth

2. korak

Dodajte drugi, manji oblik da formirate unutarnji dio usta i povećate usne. Nastavite dodavanjem dva bijela kruga u kutove usana. To će oblikovati zube. Selektirajte oba kruga i idite na Object > Blend > Make, podesite Spacing na Specified Steps, 3 u Blend Options kartici.

use blend tool for the teeth

3. korak

Selektirajte grupu Blend group pomoću Direct Selection Tool (A) alata i uredite liniju u oblik poput luka. Smjestite kopiju unutarnjeg oblika usta iznad drugih objekata i kliknite Make Clipping Mask da sakrijete nepotrebne dijelove zubi.

modify the blend group and use clipping mask

4. korak

Dodajte još dva kruga u usta i sakrijte ih u Clipping Mask također, oblikujući jezik. Upotrijebite Paintbrush Tool (B) i napravite glatki potez/stroke istim kistom koji smo izradili za brkove.

make the tongue with art brush

5. korak

Ekspandirajte potez/stroke i modificirajte ga izrezivanjem nepotrebnog gornjeg dijela. Učinite vrh jezika više realističnim i glatkim pomoću alata Convert Anchor Point Tool (Shift-C) i na kraju dodajte blagu sjenu sa alatom Pencil Tool (N).

modify the tongue

6. korak

Posljednji, ali ne manje važan element naše kompozicije je elegantna vintage vrpca, koju je vrlo lako napraviti. Izradite dvije trake tirkizne boje sa Rectangle Tool (M) alatom i nakrivite ih selektiranjem bočnih sidrišnih točaka nakon čega ih povucite gore sa alatom Direct Selection Tool (A). Dodajte tamnije pozadinske dijelove vrpce i na kraju upotrijebite Arc efekt sa označenim Horizontal načinom i na -10% podešenom Bend vrijednosti kako biste lagano svinuli vrpcu.

create a ribbon

Završili smo elemente lica!

Idemo dalje na slova!

5. Dizajnirajte Ekscentrična Rukom Pisana Slova

"Budi što jesi, svi ostali su zauzeti" - Oscar Wilde.

1. korak

Uzmite Pen Tool (P) i počnite graditi prvo slovo izreke - slovo "B". Izradite ravne linije i izrežite srednje dijelove koristeći Minus funkciju u Pathfinder kartici.

create the letter B with Pen tool

2. korak

Dekorirajmo slova svijetlim "žaruljama". Smjestite nekoliko krugova u rubove slova i upotrijebite Blend Tool (W) da ih spojite u lijepi vijenac.

use blend tool for decoration

3. korak

Na isti način oblikujte slovo "E" i učinite slova dimenzionalnijima dodajući im sjenu. Duplicirajte osnovne oblike i pomaknite kopije nekoliko piksela dolje i ulijevo.

make the letters dimensional

Smjestite slova na vrh šešira.

Place the letters on top of the hat

4. korak

Sada uzmite Pencil Tool (N) i rukom napišite slova za prvi dio sljedeće riječi  - "yourself" - na jednostavan način poput slova u crtanim filmovima. 

use Pencil Tool N and freehand the letters

Nacrtajte svjetliji žuti oblik iznad gornjih dijelova slova i uredite ih sa Shape Builder Tool (Shift-M), pretvarajući ih u lijepe odsjaje.

add highlights

Smjestite slova u sredinu šešira.

Put the letters on the center of our cylinder-hat

5. korak

Za font upotrijebite neku lijepu kaligrafiju da ispišete drugi dio riječi. U ovom slučaju, ja sam upotrijebila font "Adventure", a vi možete odabrati bilo koji drugi italic skript font po vlastitoj želji. Selektirajte riječ ispisanu skript fontom i kliknite Expand i dodajte mu odsjaje i sjene da postignete ljepši izgled. Upotrijebite Arc warp efekt da lagano svinete objekt kako bi savršeno pristajao rubu šešira.

use a custom font to create text

6. korak

Sljedeća riječ će biti "everyone". Izradimo jednostavan Pattern Brush za luckasti tekst. Izradite traku i iznad nje smjestite isprekidanu liniju. Napravite jednostavan oblik koji se sastoji od krugova koje ćemo upotrijebiti kao vrhove slova.

create a pattern brush 1

Ekspandirajte liniju, grupirajte je sa pravokutnikom i izradite Pattern Brush sa već zadanim postavkama.

create a pattern brush 2

Uzmite Paintbrush Tool (B) i napravite nekoliko poteza da formirate svako slovo. Pripojite okrugle elemente vrhovima svakog slova.

add details

7. korak

Postoji također i "lijeni" način da izradimo cijelu riječ. Kistu sa uzorkom možete dodati i okrugle vrhove također. Samo povucite element i njegovu reflektiranu kopiju Swatches karticu i zatim ih dodajte u Pattern Brush Options okvir kao  “Start Tile” i “End Tile”.

create a pattern brush 3

Ovako ćete moći izraditi liniju sa oblikovanim vrhovima, ali oni se ponekad mogu deformirati i ne izgledaju baš lijepo.

apply pattern brush

Ipak, omjer riječi će biti prilično malen u usporedbi s veličinom ostalih objekata stoga je na vama da odlučite koju tehniku ćete upotrijebiti. Ispod možete vidjeti usporedbu ove dvije metode.

comparison of two methods

Stavite slova na vašu sliku i lijepo ih rasporedite oko naočala. Dodajte svijetlu sjenu da slova odvojite od objekata koji se nalaze ispod i da ih učinite uočljivijima. Sada oblikujte riječ "else" sa alatom Pencil Tool (N) i smjestite je na brkove.

distribute the letters around the glasses

8.korak

Isprobajmo još jedan koristan koristan alat Adobe Illustratora - Blob Brush Tool (Shift-B). Provjerite moje postavke na slici ispod i oblikujte riječ "is" na vrhu jezika te područje oko njega dekorirajte jednostavnim crticama/zrakama kao kada crtate npr. sunce ili neki odsjaj.

use the blob brush tool

9. korak

I konačno, oblikujte posljednje dvije riječi - "already taken" - na isti način kao što ste oblikovali i riječ "your" pomoću alata Pencil Tool (N). Smjestite slova i malo ih zarotirajte kako bi odgovarale položaju vrpce.

add text to the ribbon

6. Dodajte Posteru Vintage Zrnati Izgled

1. korak

Iako smo završili sa glavnim elementima kompozicije, moramo dodati dobru jednostavnu pozadinu koja neće sklanjati pozornost sa slike a istovremeno će pojačati 'živahnost' postera. Igrala sam se sa bojama mijenjajući neke od njih kako bi bile jasno vidljive na pozadini. Kao što ste mogli primijetiti ispod na slici, promijenila sam boje riječi "be", "everyone else" i "is", ali i dalje sam koristila boje s naše osnovne palete.

recolor your image

2. korak

Dodajte pravokutnik veličine kao što je cijela radna površina (artboard) i ispunite ga svijetlim radijalnim gradijentom od jarko žute u sredini do narančaste na rubovima.

add background with radial gradient

3. korak

Vrijeme je da dodamo vintage zrnati efekt! Selektirajte gornji dio šešira, prvo kliknite Copy i zatim Paste in Front (Control-C > Control-F). Ispunite oblik linearnim gradijentom od bijele do tamno crvene i prebacite Blending Mode u Multiply.

I na kraju idite na Effect > Effect Gallery > Textures > Grain i primijenite efekt sa Sprinkles Grain Type, podešavajući Intensity na 72 i Contrast na 55. Možete promijeniti ove vrijednosti kad god zaželite. Samo odaberite Grain u Appearance kartici.

add grain effect to the hat

Primijenite isti Grain efekt na druge elemente naše slike odabirući ispravne boje gradijenata.

add grain effect to other elements

Čestitam na završetku vašeg ludog postera!

Odlično odrađen posao! Upravo ste završili izradu zabavnog retro postera sa otkačenim tekstom. Nadam se da vas je ovaj rad motivirao za izradu nekih drugih kreacija i da ste dobili neke korisne savjete i trikove. Ostanite s nama i pratite svoju inspiraciju!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.