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

Kako Dizajnirati Retro Poster u Adobe Illustratoru

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Ne možete živjeti bez vaše doze kave? Ovaj veseo poster u retro stilu bio bi savršen dodatak svakoj kuhinji—vizualno društvo vašem jutarnjem napitku.

U ovom tutorijalu koristiti ćemo razne alate u Illustratoru (uključujući, između ostalog, Pen, Pencil, i Pathfinder alate) kako bismo izradili jednostavnu vektorsku ilustraciju. Također ćemo, kako bismo završili dizajn, modificirati neke stilske oblike fontova.

Ako ste raspoloženi za jedan brži projekt, možete početi sa ovim vektorskim paketom. Možete smjestiti lonac s kavom i oblike šalica kakvi jesu, ili im dodati ukrase po vašoj želji.

Za daljnju insipraciju, pogledajte druge retro vektore i vektore na temu kave, na stranici Envato Market.

Spremni? Primimo se posla!

1. Pripremite svoj dokument

1. korak

Početi ćemo otvaranjem novog dokumenta u Illustratoru. Namjestio sam veličinu dokumenta na A3, uobičajenu veličinu postera koja je otprilike u U.S mjerama jednaka dimenzijama od 11 x 17 inča. Ispod možete vidjeti postavke:

Open new Illustrator document

2. korak

Zatim ćemo odabrati boje. Ako želite koristiti istu paletu boja kao i ja, podesite hex kodove sa prikazane liste. Dvaput kliknite na Fill na alatnoj traci (gdje se pojavljuju odabiri boja) i upišite kod u okvir na dnu prozora, kojem prethodi znak (#).

Choose color palette

3. korak

Dodajte pozadinu koristeći Rectangle Tool da ispunite cijelu radnu površinu žutom bojom / #F9CF1C.

U Layers panelu zaključajte sloj na kojem se nalazi, tako da kliknete na prazan okvir s lijeve strane.

2. Smjestite Tipografiju

U izradi dizajna koji odražava određeni vremenski period, jedna od ključnih stvari je odabir fontova autentičnog izgleda. Za ovaj projekt želimo stil koji odgovara 1950-im i 60-im godinama (u SAD uobičajenog naziva "mid-century" ili "mid-century modern"). Ja sam odabrao dva besplatna fonta dizajnirana u duhu tog razdoblja, koje možete preuzeti na dolje navedenim linkovima:

1 korak

Napravite novi sloj i utipkajte 'Fresh' na 170 pt. Promijenite font u Carosello i boju u narančastu / #F77823. Zatim malo povećajte slovo 'F', oko 180 pt.

2. korak

Utipkajte 'COFFEE' na 145 pt. Promijenite font u Maiden Orange i boju u modro-zelenu / #3BAD9D.

Slova izgledaju malo pretanko pored debelih linija skript fonta, pa tekstu 'COFFEE' podesite Stroke 5 pt i izmjenite Tracking u 50. Ovim postavkama možete pristupiti na alatnoj traci Type koja se nalazi na vrhu vašeg ekrana kada odaberete okvir teksta. 

Add text stroke

Odvucite obje riječi u gornji desni okvir, gdje ćemo ih uređivati. Evo što zasad imamo:

Place text

3. Preoblikujte i Ukrasite Tekst

Sada ćemo napraviti neke promjene na tekstu kako bismo u njega unijeli dodatni retro "štih".

1 korak

Prvo, selektirajte 'Fresh' i idite na Effect > Warp > Rise i podesite Bend na 18%.

Warp text

Zatim, koristeći jedan od zadanih kistova u Illustratoru, dodati ćemo liniju ispod 'Fresh' za isticanje i kako bismo ispunili prostor između teksta 'Fresh' i 'COFFEE'.

2. korak

Odaberite Paintbrush Tool. U prozoru Brush Libraries Menu, odaberite Artistic > Artistic_Ink i pronađite Tapered - Round kist.

Prateći nagib slova, nacrtajte nekoliko narančastih poteza ispod 'Fresh'. Ako vam linije ispadnu malo kvrgavo, preko njih povucite Smooth Tool (nalazi se pod Pencil Tool; pristupite mu klikom miša kojeg nastavite držati). Kako bih napravio malu varijaciju među njima, da izgledaju kao da su zaista nacrtani kistom, promijenio sam potez kista (stroke) gornje linije u 1.5 pt i zadržao sam donju liniju na 1 pt.

Create swashes with paintbrush tool

Neki kistovi u Illustratoru mogu malo varirati od boje poteza koje im dodijelite. Ovdje možete primijetiti da su linije malo svjetlije narančaste boje od one koja se nalazi na tekstu 'Fresh'. Ako ikada primijetite taj problem na svojem radu, samo odaberite one poteze koji ne izgledaju dobro, idite na Object > Expand Appearance i ponovno odaberite vašu željenu boju.

3. korak

Naše posljednje ukrašavanje je dodavanje suptilne sjene na tekst 'COFFEE'. Prvo ćemo napraviti sva slova kao jedan oblik, tako da se ne moramo zezati sa promjenom ispune i boje poteza kista odvojeno. Kako biste to učinili, idite na Type > Create Outlines, zatim Object > Expand (ostavite zadane postavke) > OK. Za završetak procesa, odaberite Window > Pathfinder > Unite.

Sada napravite Copy i Paste teksta 'COFFEE' kako biste ga duplicirali. Promijenite boju u zlatnu / #F9B31C i smjestite kopiju malo niže i lijevo od originalne riječi. Sada kliknite nazad na zeleno.plavi tekst 'COFFEE' i odaberite Object > Arrange > Bring to Front.

Add shadow to text

I time smo završili dio sa tipografijom našeg projekta. Možda ćete željeti prilagoditi smještaj riječi sve dok vam se ne svidi njihov konačan raspored.

4. Izradite Ilustracije

Sada dodajemo naš glavni dio: lonac za kavu i šalicu. Ovome dijelu možete pristupiti kako god želite, ali neke tehnike koje biste mogli uzeti u obzir su:

  • korištenje već postojećih oblika vektora, kao onih u uvodu za koje sam naveo linkove
  • crtanje vektora rukom, prvo na papiru ili izravno u Illustratoru
  • korištenje reference s fotografije i Pen Tool

Ja sam odabrao treću opciju iz nekoliko razloga. Prvo, volim kontrolu koju mi pruža Pen Tool za izradu zaobljenih i geometrijskih likova. Drugo, na umu sam imao određeni stil lonca za kavu, i htio sam točno pogoditi oblike uz pomoć reference s fotografije.

Ako biste i vi željeli koristiti ovu metodu, evo nekih osnovnih koraka. Prijedloge fotografija sa referencama pogledajte na linkovima ispod  (Creative Commons-licencirane slike via Flickr, vlasništvo korisnika Jay Kaye). One koje ću ja koristiti su prve opcije, ali ove tehnike možete koristiti bez obzira na to koje fotografije odaberete.

  • Lončići za kavu: 1, 2,
  • Šalice: 1, 2, 3

1 korak

Smjestite vašu fotografiju s referencom skroz sa strane vaše radne površine i smanjite joj Opacity na oko 50%.  Koristeći Pen Tool, konturirajte osnovne oblike vašeg lonca za kavu. Ako želite da neki dijelovi budu drugačije boje od glavnog tijela, napravite ih kao odvojene oblike za kasnije lakše bojenje. Ne brinite oko savršeno ravnih linija; oblici koji su malo krivudavi će ovom stilu sasvim dobro pristajati.

Evo kako su ispale moje konture. Iako će kljun biti iste boje kao i ostatak lonca, dao sam mu njegov oblik kako bih stvorio čiste kuteve tamo gdje se spaja.

Outline coffee pot with pen tool

2. korak

Promijenite konture u ispunjene oblike klikom na Swap Fill and Stroke strelicu ili pritiskom na Shift-X. Primijenite boje po želji. Možda ćete morati poslati neke oblike straga (kao što su drške ovdje).

Fill outlined shapes

Smjestite vaš završeni lonac za kavu u donji lijevi kut i prilagodite mu veličinu tako da zauzima dvije trećine mjesta ispod teksta. Pripazite da je kljun okrenut udesno. Ako je na vašoj fotografiji koju koristite kao referencu u drugom smjeru, to je lako popraviti. Samo povucite kurzor kako biste selektirali cijeli lonac, zatim kliknite Object > Transform > Reflect > Vertical.

3. korak

Ponovite prijašnja dva koraka na šalicu. Ako trebate izrezati oblik, kao što je unutrašnjost drške, lagani način je da provjerite da je oblik ili kontura sprijeda, selektirajte je i selektirajte pozadinski oblik (držeći tipku Shift), te idite na Window > Pathfinder > Minus Front (to je drugi gumb u gornjem redu).

Outline cup with pen tool
Fill shapes with color

Smjestite šalicu nasuprot lonca u desnom kutu (ručka okrenuta prema van). Za unutrašnjost šalice, odabrao sam svjetliju verziju naše modro-zelene boje.

5. Dodajte završne detalje

1. korak

Ne možete zaboraviti napuniti šalicu! Koristite Ellipse Tool kako biste dodali smeđi oval koji predstavlja kavu. Možete koristiti Direct Selection Tool da odvučete van sidrišne točke ovala dok ne bude pristajalo unutar šalice. Koristeći Pen Tool, završite crtanjem svijetlo smeđeg zaobljenog oblika koji predstavlja osvjetljenje.

Fill coffee cup with ellipse tool

2. korak

Napravite novi sloj i pomaknite ga da bude drugi odozdo u Layers Panel. Koristite istu tehniku kao u prijašnjem koraku (Ellipse Tool i pomaknute sidrišne točke) kako bi dodali sjene između lonca za kavu i šalicu u našoj zlatnoj boji.

Create shadows with ellipse tool

3. korak

Naš posljednji korak je nacrtati paru koja izlazi iz lonca za kavu. Koristite Pencil Tool na 3 pt i potez kista (stroke) bijele boje. Nacrtajte neke krivudave, preklapajuće linije koje ispunjavaju prostor iznad lonca i prostor lijevo od teksta. Shvatio sam da je najbolji način crtanja fluidnih, krivudavih linija, nacrtati ih u dva luka, koja oba počinju i završavaju na kljunu lonca za kavu.

Draw lines with pencil tool

To je sve, ljudi!

Odličan posao—Mislim da ste zaslužili predah za kavu. Nadam se da ste se zabavili koristeći neke najosnovnije oblike i alate za crtanje u Illustratoru, zajedno sa nekim korisnim prečacima za izradu laganih vektorskih ilustracija. Ako ste zainteresirani za učenje o izradi dizajna autentičnog izgleda u stilu 50ih godina, svakako pogledajte naših Top 10 Savjeta za Izradu Dizajna Inspiriranog Retro Stilom.

Slobodno podijelite s nama kako je ispao vaš projekt ili nam postavite pitanje u komentarima. Kao i uvijek, uspješno dizajniranje!

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.