1. Design & Illustration
  2. Designing

Dizajnirajte uvodnu stranicu knjige bajki, s diskretnom notom kiča

by
Read Time:6 minsLanguages:

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Bio jednom jedan tutorijal. Tutorijal koji nas je vodio magičnim, začaranim putovima izrade stranica za knjigu bajki u Adobe Illustratoru. Jeste li se udobno smjestili? Započnimo...

Prikaz gotove stranice

Dolje je gotova slika koju ćemo izraditi. Trebate li pristup vektorskim datotekama s elementima i kopijama dostupnim za učitavanje bilo kojeg tutorijala, pa i ovog? Pridružite nam se na stranici VECTORTUTS PLUS na 9 samo mjeseci.

1. korak: Postavljanje dokumenta

Veličina je proizvoljna, o vama ovisi koliko velik dokument želite. Kako bi bili precizni, radit ćemo na stranici formata A5, odnosno, visine 210 mm i širine 150 mm.

Na postojeću crtaću podlogu postavite pravokutnik iste veličine i postavite poravnanje po sredini.

2. korak: Vodilice

Ovom prvom sloju dajte ime "guides" jer ćemo na njega postaviti samo vodilice. Napravite kopiju pravokutnika koji ste već napravili (Command + C), selektirajte originalni pravokutnik i odaberite View > Guides > Make Guides.

Zalijepite kopirani pravokutnik (Command + F) i postavite Offset -10 mm nakon što odaberete Effect > Path > Offset Path. Zatim odaberite Object > Expand Appearance.

Sada ćemo podijeliti manji pravokutnik u mrežu koja će nam poslužiti kao osnova. Odaberite Object > Path > Split Into Grid i upišite donje vrijednosti.

Za lijep estetski dojam dobro je podijeliti stranice u cjeline djeljive s tri. Nakon što podijelite pravokutnik sve selektirajte (Command + A) i prethodno primijenjenom metodom napravite vodilice. Sakrijte crtaću podlogu (View > Hide Artboard) kako bi mreža dobila ovakav izgled.

3. korak: Slojevi

Zahvaljujući svom daru predviđanja mogu vam unaprijed reći što će vam trebati za izradu dokumenta i kako najbolje organizirati stvari. Napravite još nekoliko slojeva i dajte im ova imena:

  • "guides"
  • "text"
  • "texture"
  • "illustrations"
  • "background"

Isključite/uključite vidljivost slojeva kako vam odgovara dok radite.

4. korak: Pozadinski sloj

Dodajmo sada pozadinsku boju. Još uvijek biste u spremniku trebali imati originalni pravokutnik. Zalijepite ga još jednom kombinacijom tipki Command + F, ali ovaj put na pozadinski sloj i dodajte mu ispunu bojom #F2F1ED. Jako dobro!

5. korak: Fontovi

Za inicijal i uvodnu rečenicu potreban vam je dekorativan kaligrafski font. Plain Germanica sa stranice dafont.com je savršena za to. Učitajte font i instalirajte na svoje računalo. Za tijelo teksta koristit ćemo font Georgia ili bilo koji drugi font dostupan u programu.

Na kraju, kad već glavinjate stranicama dafont.com učitajte i instalirajte font Ma Sexy koji će vam trebati poslije.

6. korak: Alat Type Area

Primijenite Type Tool da razvučete okvir (poslužite se vodilicama) na tekstnom sloju kako je dolje prikazano. Ispunite ga tekstom generiranim u vašem programu, tzv, dummy text, obojite ga bojom #1E1B19 i postavite veličinu na 11 pt.

7. korak: nce Upon a Time

Dodajte nekoliko početnih riječi Once upon a time.. ali izostavite O, kasnije ćemo ga posebno dodati. Ove riječi upišite fontom Plain Germanic Regular i povećajte font na 21 pt.

8. korak: O

Primijenite Type Tool da slovo O postavite na stranicu. Povećajte ga na 113 pt da se lijepo istakne veličinom.

Kako bismo oko njega omotali preostali tekst moramo napraviti sljedeće: označite slovo O i odaberite Object > Text Wrap > Make. Kao što možete vidjeti, okvir je promijenio izgled, dobio je ispunu tzv. padding, definirajući obrub oko kojeg će se tekst omatati. Kako bi se to postiglo, naše O treba biti na istom sloju i iznad omatajućeg teksta. Precizne vrijednosti mogu se definirati odabirom Object > Text Wrap > Text Wrap Options. Naše O dobit će Offset od 10 pt. Postavite dva tekstna objekta kao na donjoj slici.

9. korak: Ilustracije

Kako bismo našoj stranici udahnuli uvjerljiv ugođaj bajkovitosti trebamo dodati ilustracije s jedva primjetnom nijansom kiča. Koristit ćemo jednostavne geometrijske oblike i ograničenu paletu, oživljavajući stil ilustriranja iz 60-ih i 70-ih godina. Svoj postmodernističko-kičasto-nostalgični ugođaj započet ćemo izradom drveta. Jednostavnim objektima nacrtanim alatom Pen, a s ciljem da postignemo kontroliranu neujednačenost.

10. korak: Još drveća

Primjenom palete Color Guide imate mogućnost diskretno varirati boje koje koristite (Window > Color Guide) i zadržati paletu u prihvatljivim granicama. Dodajte još dva drveta i postavite ih kako je prikazano. Trebali bi se neznatno razlikovati po obliku i boji. Lijepo!

11. korak: Sova

Q: Why did the Owl 'owl?
A: Because the Woodpecker would peck 'er...!

Ovu sam klasičnu šalu čuo od svog djeda prije 25 godina... Malo skretanje s teme...(isključivo na engleskom..).

Imajući na umu isti stil nacrtajte jednostavne oblike da prikažete sovu. Postavit ćemo ju da čuči na slovu O.

12. korak: Sovino završno dotjerivanje

Perje i oči napravljene su korištenjem opcija Warp. Perje se, primjerice, može izraditi od nekoliko ovala, elipsi različitih veličina razbacanih preko sovinog trbuha.

Kad ih sve selektirate odaberite Effect > Warp > Arch i upišite vrijednosti koje dolje vidite.

Na kraju, dodatkom jednog govornog oblačića sa sovinim mislima završit ćemo rad na sovi. Upotrijebite font Ma Sexy koji ste prethodno učitali za "kičasti" ugođaj koji smo htjeli dobiti.

13. korak: Dvorac

Ilustracija za bajku ne bi bila gotova da nema dvorca, zar ne? Kopirajte oblike i boje koje dolje vidite i ponovo ih napravite alatima Pen i Pathfinder.

Pločasti uzorak na krovu jednostavno je napraviti koristeći Pen Tool i zatim "zamaskirati" kopijama točaka krova. Treba li vam dodatna vježba  tehnike crtanja alatom Pen učitajte datoteku VECTORTUTS Pen Tool Exercise.

14. korak: Razmjestite elemente

Grupirajte zajedno objekte dvorca i cijeloj grupi postavite Opacity na 30%. Postavite elemente ilustracije kako je ovdje prikazano. Ne brinite ako neke malo strše izvan mreže, "odokativno" procijenite je li stranica vizualno "uravnotežena".

15. korak: Dodavanje detalja

Postavite četvrto drvce i grmić u donji desni kut stranice. Dolje na sredinu stranice postavite broj stranice i dodajte diskretnu sjenu.

16. korak: Teksture

Za završno dotjerivanje uvodne stranice knjige bajki koristit ćemo besplatnu teksturu papira, paper texture, što je omogućeno na stranici bittbox.com. Nakon učitavanja odaberite File > Place i postavite dokument na sloj s teksturom. Nakon što namjestite dokument ponovo kopirajte pravokutnik na pozadini i zalijepite kombinacijom tipki Command + F preko teksture. Selektirajte i jedno i drugo i pritisnite Command + 7 da "zamaskirate" papir.

Na kraju, postavite transparentnost na Overlay 100%. To će ilustraciji, pa i cijeloj stranici dodati lijep zrnasti efekt.

Zaključak

Ovaj je tutorijal trebao pokazati kako primjenom nekoliko jednostavnih tehnika možemo oživjeti ugođaj nostalgije za djetinjstvom u ovom modernom tehnologiji podređenom svijetu. I svi smo zauvijek živjeli sretno...  

Prijavite se na VECTORTUTS RSS Feed kako biste dobili svježe obavijesti o najnovijim vektorskim tutorijalima i člancima.

One subscription.
Unlimited Downloads.
Get unlimited downloads