Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Kako Izraditi Vektor Retro Zabavnog Parka u Adobe Illustartoru

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Grease Movie Week.
How to Create a 50s Fashion Illustration in Adobe Illustrator

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

Final product image
What You'll Be Creating

Želite li se malo zabaviti u zabavnom parku? Tada mi se pridružite u ovom tutorijalu i napravite flat prikaz zabavnog parka u retro stilu. Ovdje vam nisu potrebne nikakve posebne sposobnosti crtanja—raditi ćemo sa jednostavnim geometrijskim oblicima i Pathfinder operacijama Adobe Illustratora. I još ćemo naučiti kako koristiti kistove i Draw Inside mod kako bismo sa svega nekoliko klikova na objekat primijenili teksturu oštećene površine.

Jeste li gledali Briljantin (Grease) film sa John Travoltom i Oliviom Newton-John? Svakako ga pogledajte ako volite 50-e godine. Sadrži sve što je potrebno za stvaranje prave retro atmosfere—odjeću, frizure, aute i muziku—sve što možete zamisliti. Za mene, jedan od najzapamćenijih trenutaka je ples na zabavnom sajmu. Stoga ćemo u ovom tutorijalu izraditi pojednostavljenu i stiliziranu verziju tog zabavnog parka iz filma.

Slobodno pretražite odjeljak Zabavnog Parka na Envato Marketu kako biste saznali kako izgledaju njegovi elementi i dobili malo inspiracije u slučaju da želite napraviti još objekata osim onih koje ćemo izraditi u ovom tutorijalu. Također možete pronaći neke zgodne foto-reference Vintage Zabavnog Parka na PhotoDune stranici koji će vam pružiti bolji uvid u temu.

Počnimo!

1. Napravimo Zabavan Prugasti Šator

1. korak

Veliki prugasti šator je jedan od prvih elemenata kojih se sjetite kada je riječ o retro zabavnim parkovima. Počnimo graditi takav paviljon od trokuta dimenzija 280 x 105 px koji možemo napraviti uz pomoć alata Poygon Tool.

Zatim spljoštite oblik koristeći Selection Tool (V) kako biste ga snizili.

make a triangle with polygon tool

2. korak

Uzmite Rectangle Tool (M) i formirajte zid paviljona pripajajući ga trokutastom krovu. Poravnajmo zid sa krovom koristeći krov kao Key Object. Selektirajte oba oblika, držite tipku Alt i kliknite na trokutasti krov. Vidjeti ćete debelu odabranu vanjsku liniju, koja ukazuje na Key Object. Sada možemo nastaviti na Align panel i kliknuti Horizontal Align Center.

Odlično! Sad kad je baza gotova, dodajmo pruge! Upotrijebite Rectangle Tool (M) da napravite 20 x 125 px široku vertikalnu prugu, ispunjavajući je svijetlo crvenom bojom.

make the base of the tent

3. korak

Kliknite Align da poravnate prugu s lijeve strane zida koristeći zid kao Key Object.

Klikom na Copy kopirajte prugu i zatim kliknite Paste in Front (Control-C > Control-F). Kliknite Align da poravnate kopiju na suprotnu stranu zida.

Selektirajte obje pruge i idite na Object > Blend > Make. Sada u Object > Blend > Blend Options možemo promijeniti postavke kako želimo. Podesimo Spacing u Specified Steps sa 5 koraka.

Idite na Object > Expand Appearance da vratite Blend grupu u skupinu odvojenih pruga. Promijenite boju zida u svijetlo žutu.

add stripes with blend tool

4. korak

Dodajmo sada malo pruga i na krov. Klikom na Duplicate (Control-C > Control-F) duplicirajte krov, držite tipku Alt i smanjite oblik alatom Selection Tool (V), stvarajući uzak trokut. Ispunite ga crvenom bojom.

Duplicirajte napravljenu prugu, selektirajte joj donje sidrišne točke sa alatom Direct Selection Tool (A) i povucite ih u lijevo, tako da je trokut nagnut i njegova gornja sdrišna točka ostaje spojena sa vrhom krova.

Napravite još jednu kopiju trokutaste pruge i pomaknite je dalje ulijevo.

Konačno odaberite dvije kopije koje smo napravili i dvaput kliknite Refelect Tool (O) da otvorite 'options' prozor. Prebacite oblike preko Vertcal Axis (vertikalne osi) i kliknite Copy da napravite iste pruge s desne strane krova.

add stripes to the roof

5. korak

Primijenite malo svjetlije boje na krovne elemente kako biste odvojili krov od zida. I dodajmo još malo detalja.

Uzmite Ellipse Tool (L), držite tipku Shift i napravite pravilan krug koji pristaje širini srednje pruge. Uzmite Smart Guide (View > Smart Guides) da vam bude lakše "zalijepiti" oblike jedne na druge.

Opcijom Align horizontalno poravnajte oblike.

add circle details to the tent

6. korak

Dodajmo još krugova! Sada selektirajte krug i kliknite tipku Enter da otvorite prozor sa Move postavkama. Podesite Horizontal vrijednost jednaku širini kruga. U mojem slučaju to je 28 px. Ako želimo pomaknuti krug ulijevo, vrijednost mora biti negativna, pa moramo podesiti Horizontal vrijednost u -28 px i kliknuti Copy.

add circle details to the tent 2

7. korak

Odlično! Sada samo nekoliko puta pritisnite Control-D kako biste ponovili posljednju radnju stvarajući još krugova.

I zatim ponovite isto na desnoj polovici šatora, pomičući kopiju središnjeg kruga 28 px udesno i ponavljajući radnju.

Izmijenite boje krugova u iste boje kakve su na prugama krova.

add circle details to the tent 3

8. korak

Ako primijetite da neki krugovi ne odgovaraju prugama, samo ih pomaknite malo lijevo ili desno ili upotrijebite Selection Tool (V) da ih proširite ili stanjite, pljošteći ili produžujući oblike.

adjust the shapes with the selection tool

9. korak

Obrišimo sada nepotrebne dijelove. Selektirajte krugove sa svake strane zajedno sa krovom i naoružajte se alatom Shape Buider Tool (Shift-M). Držite tipku Alt i kliknite dijelove koje želite obrisati.

Konačno kliknite Group (Control-G) i grupirajte sve krugove te ih smjestite ispod krova (Control-[), i malo potamnite. Ne zaboravite grupirati elemente krova također, kako bi vam rad bio bolje organiziran i uredan.

use the shape builder tool to delete elements

10. korak

Dodajte tamno smeđi trokut za ulaz, smještajući ga u sredinu zida.

Add a dark-brown triangle for the entrance

11. korak

Konačno, dodajmo polu-transparentnu sjenu u flat stilu. Klknite Duplicate (Control-C > Control-F) na paviljon i dok je kopija selektirana, kliknite Unite u Pathfinder panelu stvarajući flat siluetu.

Upotrijebite Line Segment Tool (\) da napravite vertikalnu liniju i kliknite Align da je poravnate u sredinu siluete.

Dok su oba oblika selektirana, kliknite Divide u Pathfinder panelu i razdvojite siluetu u dva jednaka dijela.

Konačno, obrišite lijevu polovicu i prebacite desnu u Multiply Blending Mode, te potamnite paviljon.

I to je to! Naš prugasti šator je završen! Sada možemo nastaviti dalje na sljedeći element našeg zabavnog parka.

create a shadow in multiply mode

2. Nacrtajmo Fancy Vintage Vrtuljak

Napravimo nekoliko vrtuljaka za naš retro zabavni park.

1. korak

Napravimo gornji dio vrtuljka od pravokutnika tirkizne boje i dimenzija 175 x 35 px. Selektirajte donju lijevu sidrišnu točku sa Direct Selection Tool (A) alatom i unesite Enter da otvorite Move prozor. Podesite Horizontal vrijednost u 10 px kako bi pomaknuli točku udesno. Kliknite OK.

Ponovite isto za donju sidrišnu točku, ali ovaj put podesite Horizontal vrijednost u -10 px, pomičući točku ulijevo.

make the top part of our carousel from rectangle

2. korak

Sada duplicirajte (Control-C > Control-V) oblik. Uzmite Selection Tool (V), pa uzmite gornju stranu oblika i povucite ga dolje, okrećući oblik naopako. Malo ga smanjite i ispunite svijetlo žutom bojom.

Upotrijebite Direct Selection Tool (A) i sa Move funkcijom pomaknite donje sidrišne točke bliže jedne drugima. 

make the bottom of the carousel

3. korak

Uzmite Rectangle Tool (M) i napravite stup tako da pristaje donjem žutom obliku (u mojem slučaju stup je oko 50 x 75 px). Stupu dodajte tamnije vertikalne pruge na isti način kao što smo to učinili sa zidom prugastog šatora.

Tirkiznom vrhu vrtuljka dodajte svjetliju prugu i upotrijebite Shape Builder Tool (Shift-M) dok držite tipku Alt kako biste obrisali nepotrebne dijelove izvan vrtuljka.

add a striped column

4. korak

Dodajmo sada stilizirana sjedala ili kabine koje će se vrtjeti oko vrtuljka. Napravite krug dimenzija 15 x 15 px i uz pomoć alata Eyedropper Tool (I) odaberite svijetlo crvenu boju s šatora.

Selektirajte napravljeni krug, držite tipku Alt i odvucite krug sa strane stvarajući nekoliko kopija. Upotrijebite Line Segment Tool (\) da spojite kabine na vrtuljak.

make the circle cabins

Dodajte još kabina i spojite ih na vrtuljak. Smjestite krugove na vrh (Shift-Control-]), tako da su špage sakrivene ispod kabina.

make the circle cabins 2

5. korak

Dodajmo vrtuljku blagu sjenu. Odaberite osnovne oblike (bez kabina) i duplicirajte ih. Upotrijebite Unite u Pathfinder panelu da združite elemente kopije stvarajući pripojenu siluetu. Nacrtajte vertikalnu liniju preko siluete i klknite Align da je poravnate u sredinu vrtuljka.

Na kraju, kliknite Divide u Pathfinder panelu da podijelite liniju i siluetu, obrišite lijevu polovicu i prebacite preostali dio u Multiply mod.

To je to! Napravimo još jedan vrtuljak.

add a flat shadow to the carousel

6. korak

Za naš slijedeći vrtuljak upotrijebimo trokutasti vrh prugastog šatora i stup s kabinama iz vrtuljka koji smo upravo napravili. Uklonite pruge s krova i ispunite ga svijetlo plavom bojom.

prepare the elements

7. korak

Prilagodimo malo boju krova. Napravite kopiju i pomaknite je malo gore. Selektirajte oba oblika i upotrijebite Shape Builder Tool (Shift-M) držeći tipku Alt kako biste obrisali dijelove izvan krova. Napravite vrh krova svijetlo ljubičasto-plavim.

add details to the roof

8. korak

Zamijenimo sada okrugle kabine sjedalima drugačijeg oblika. Uzmite Pencil Tool (N) i nacrtajte malo sjedalo u obliku graha. Ako želite da linije budu glađe dok crtate, dvaput kliknite na Pencil Tool (N) i pomaknite Fidelity slajder skroz udesno.

Napravite još kopija sjedala i poredajte ih oko stupa. Neka sjedala napravite manja i ispunite ih svjetlijom crvenom bojom tako da stvorite razmak između objekata.

draw a seat with pencil tool

9. korak

I na kraju, proširite stup i povisite ga selektiranjem njegovih donjih sidrišnih točaka sa Direct Selection Tool (A) i povlačeći ih prema dolje. Dodajte krovu još jednu prugu. Završite dodavanjem polu-transparentne sjene desnoj polovici objekta, čime ćete ga završiti.

make the carousel taller and add a shadow

3. Napravimo Šareni Ferris Kotač

1. korak

Početi ćemo izradom najdetaljnijeg dijela velikog kotača: kabine. Napravite svijetli tirkizni pravokutnik veličine 20 x 15 px.

Upotrijebite funkciju Live Corners da napravite zaobljene rubove kabine. Kako biste ih izradili, prebacite u Direct Selection Tool (A) i povucite oznaku sićušnog kružića bliže sredini. Ako radite u starijim verzijama Adobe Illustratora, možete umjesto toga upotrijebiti Effect > Stylize > Round Corners, čime ćete postići potpuno isti rezultat.

Napravite duplikat oblika i smanjite kopiju, te je ispunite svijetlo plavom bojom čime ćete postići dojam stakla.

Dok vam je staklo selektirano, uzmite Erser Tool (Shift-E), držite tipku Alt i povucite preko donje polovice oblika kako biste ga obrisali.

make a rounded cabin of ferris wheel

2. korak

Napravite dvije vertikalne pruge svjetlije plave boje i rotirajte ih za 45° držeći Shift i koristeći Selection Tool (V).

Smjestite pruge iznad prozora i upotrijebite Shape Builder Tool (Shift-M) da obrišete nepotrebne dijelove.

I na kraju, dodajte pruge dimenzija 2 x 12 px u sredinu prozora da ga prepolovite na dva dijela.

Smjesite tamniji tirkkizni krug na vrh kabine (Shift-Control-[).

make a rounded cabin of ferris wheel 2

3. korak

Oblikujmo sada kotač. Napravite krug veličine 270 x 270 px, čiji je Stroke podešen na sivu boju bez ispune (to možete podesiti tako da Fill podesite u none u Color panelu).

Smjestite krug dimenzija 205 x 205 px unutar prvog. Nastavite dodavati šarene detalje u sredinu koja se sastoji od dva kruga. Uzmite Scissors Tool (C) i kliknite stranu sidrišnih točaka crvenog kruga kako biste ga razdvojili.  Napravite donji dio malo tamnijim.

make a ferris wheel from circles

4. korak

Upotrijebite Line Segment Tool (\) da napravite žbicu 270 px visine (jednaku visini većeg kruga). Dvaput kliknite Rotate Tool (R) i podesite Angle vrijednost u 36 stupnjeva. Kliknite Copy i nekoliko puta pritisnite Control-D dodajući još žbica.

Sad kad imamo dovoljno žbica, smjestite kabine na vrhove svake žbice.

add spokes with line segment tool

5. korak

Prebojite neke kabine kako bi kotač izgledao šarenije i veselije. I konačno, kotaču dodajte bazu praveći trokut dimenzija 175 x 230 px  s podešenim sljedećim vrijednostima: Stroke 6 pt, bez ispune (Fill). Kliknite zatim Send to Back (Shift-Control-[), da ga stavite iza kotača.

recolor the cabins and add a footing

4. Napravite Dodatne Elemente

1. korak

Zabavni sajmovi su poznati po tome što sadrže mnogo uzbudljivih atrakcija i zabavnih sadržaja poput galerije za pucanje, natjecanja, vožnje u metalnim autima i tako dalje.

Napravimo jednu od njih i kasnije ih možete zapravo napraviti još, uz pomoć izrađene baze.  Raditi ćemo kabinu za pucanje.

Počnite sa izradom prugastog zeleno-bijelog krova. Možete pogledati 2. dio (3. korak pa nadalje) tutorijala Izradite Šareni Animirani Hot Dog Kombi u Adobe Illustratoru da vidite kako točno napraviti isti oblik cerade.

Napravite smeđi pravokutnik dimenzija 270 x 150 px i kliknite Send to Back (Shift-Control-[), da ga stavite iza baldahina. Napravite manje i tamnije pravokutnike za unutrašnjost kabine.

I na kraju, galeriji za pucanje napravite mete. Izradite krug dimenzija 65 x 65 px svijetlo žute boje i unutra dodajte manje krugove sa Stroke podešenim na 5 px  i bez ispune (Fill).

make a shooting gallery

2. korak

I napravimo sada neke biljke i drveće koje će nam pomoći izraditi lijep zeleni okoliš.

Počnite sa krošnjom drveta tako da napravite krug dimenzija 45 x 45 px. Upotrijebite Rectangle Tool (M) kako biste za deblo drveta napravili usku prugu dimenzija 3 x 55 px. Uz pomoć funkcije Live Corners lagano zaokružite vrh debla.

Sada uzmite Pencil Tool (N) i nacrtajte oblik mjehurića za grm koji izgleda kao u crtanim filmovima. Upotrijebite Eraser Tool (Shift -E) i držite tipku Alt da obrišete donji dio grma kako biste ga izravnali sa vodoravnim rubom.

make plants and trees with basic shapes and pencil tool

5. Izradite Kompoziciju Retro Zabavnog Sajma

1. korak

Sada ćemo uklopiti sve elemente u jedan prizor, stvarajući uravnoteženu kompoziciju. Podesite veličinu vaše radne ploče u 900 x 500 px uz pomoć alata Artboard Tool (Shift-O). Za nebo napravite svijetlo plavi pravokutnik jednake veličine, pa napravite još jedan manji zeleni za tlo, dimenzija 900 x 70 px.

Upotrijebite Align panel da oblike pravilno poredate koristeći Align to Artboard i Align to Key Object funkcije.

Poredajte izrađene elemente zabavnog sajma jedne do drugih, preklapajući neke od njih. Možete promijeniti veličinu objekata, neke povećati, a neke smanjiti.

start making a composition

2. korak

Ispunite mjesta između objekata drvećem i grmljem koje smo izradili ranije. Neke od njih smanjite, a neke povećajte. Izmijenite boje krošnjama drveća grmlja od svijetlo zelene do tamno zelene kako bi se razlikovali i time dodali slici dubinu.

Fill up the spaces between the objects with the trees and bushes

3. korak

Upotrijebite elemente koje smo izradili od grmlja da napravite oblake i smjestite ih na nebo. Poredajte oblake po nebu i prebojite ih u bijelu i svijetlo plavu boju. Također ih napravite različitih veličina kako ne bi svi bili jednaki.

Naša kompozicija već izgleda završeno, i možete ustvari sada završiti ako želite čist i jednostavan flat dizajn.

Ipak, ako želite dodati malo više retro detalja slici, idite na sljedeći dio i naučite kako objektu dodati teksturu.

add the clouds

6. Koristeći Kistove Dodajte Teksturu Oštećenog Izgleda

1. korak

Kao primjer, uzeti ćemo naš ljubičasti vrtuljak. Napravite duplikat njegovog trokutastog krova i odvucite ga na sam vrh grupe vrtuljka u Layers panelu.

Idite na Tools panel i pronađite gumb Draw Inside ispod Fill i Stroke boja. Vidjeti ćete točkama označene kuteve oko selektiranih objekata koji vam ukazuju na to da ćete crtati unutar ovog oblika isto onako kako biste i unutar Clipping Mask-a.

use teh draw inside mode

2. korak

Odaberimo sada u Adobe Illustratoru neki dobar kist sa efektom ogrebotina. Otovorite Brushes panel (Window > Brushes) i idite na Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil. Odaberite Chalk kist na vrhu liste, uzmite Paintbrush Tool (B), i napravite nekoliko poteza na dnu trokutastog krova.

Pretvorimo naše poteze kistom u oblike tako da ih možemo prilagoditi. Selektirajt napravljene poteze kistom i idite na Object > Expand Appearance. Ispunite oblike vrlo svijetlom ljubičastom bojom i prebacite u Multiply Blending Mode stvarajući lagani efekt ogrebotina i time dodajući vrtuljku dojam oštećenosti.

use the chalk brush from the library

3. korak

Upotrijebite isti Chalk kist ili bilo koji drugi poput njega (kojim ćete postići taj oštećeni dojam) i dodajte lagani efekt na druge objekte također.

add grungy effect to the objects

Završili Ste! Naš Retro Zabavni Park je Završen!

Odlično odrađeno! Izradili smo zgodnu flat kompoziciju zabavnog sajma inspiriranu filmom Briljantin! Koristili smo osnovne oblike i jednostavne Pathfinder opreacije te čak dodali oštećeni retro izgled koristeći ugrađene Adobe Illsutrator kistove.

Nadam se da ste uživali prateći ovaj tutorijal i otkrili neke nove trikove i savjete koji će vam pomoći u izradi drugih flat slika u retro stilu, kao što su prizori karnevala ili vintage cirkus itd.

Ako želite pobliže pogledati ilustraciju koju smo mi radili u ovom tutorijalu i želite takvu noćnu veziju, možete preuzeti Flat Ilustraciju Zabavnog Parka u Retro Stilu na stranici GraphicRiver.

Zabavljajte se i ne zaboravite podijeliti vaš rezultat! Sretno!

retro funfair flat illustration grease movie
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.