Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Kako Izraditi 'Flat' Zimski Prizor u Adobe Illustratoru

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Learn Adobe Illustrator.
Create a Hill Scene Using Gradients in Adobe Illustrator
27 Amazingly Detailed Adobe Illustrator Tutorials

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 ugodan zimski prizor šume u 'trendi flat' stilu. Koristiti ćemo razne osnovne oblike i Pathfinder operacije Adobe Illustratora, gradeći zgodan prizor koji se može upotrijebiti kao zaglavlje za blog ili web stranicu, kao čestitku ili pak ilustraciju za print. Proces je vrlo jednostavan i razumljiv.

Vektorski 'flat' prizori su postali vrlo popularni elementi dizajna i rašireni su u reklamnim 'bannerima', website 'layout-evima' i brošurama. Možete ih pronaći mnogo na Envato Market-u i kombinirati nekoliko različitih koncepata u jednu seriju. U ovom tutorijalu ćemo izraditi jedan od nekoliko takvih setova scena: šumu u zimskom razdoblju. Počnimo!

1. Izradite 'Flat' Jelku

1. korak

Počnimo izrađivati deblo našeg prvog drveta. Uzmite Rectangle Tool (M) i napravite usku traku dimenzija 7 x 90 px.

Ispunite je smeđom bojom. Upotrijebite Live Corners funkciju i povucite oznake u obliku kružića u sredinu da rubove trake učinite oblima. Ako koristite raniju verziju Adobe Illustratora, možete upotrijebiti Effect > Stylize > Round Corners.

Dodajte još jednu tanku traku sa oblim kutovima, dimenzija 7 x 60 px i ispunite je svijetlo plavom bojom.

make a tree trunk with rectangle tool

2. korak

Džite Alt-Shift tipke i povucite izrađeni plavi oblik udesno da napravite kopiju. Pritisnite Control-D nekoliko puta da napravite još kopija. I dodajmo granama malo različitosti. Kopirajte/Copy prvu granu i zalijepite sprijeda/Paste it in Front (Control-C > Control-F). Spljoštite oblik , učinite ga kraćim, ali zadržite početnu širinu od 7 px.

make a fir branch with rectangle tool

3. korak

Učinite svaku traku malo dužom od druge, selektiranjem njihovim donjih točaka sidrišta sa Direct Selection Tool (A) alatom i koje zatim povučete dolje. Ostavite jednaku širinu svim oblicima. Dodajte kraće kopije na vrh svake trake. Prebojite trake, postupno potamnjujući donje oblike, kao što je prikazano ispod na primjeru.

make a fir branch with rectangle tool 2

4. korak

Grupirajte/Group (Control-G) dijelove svake trake da oblikujete grane i smjestite trake vertikalno. Selektirajte sada gornju granu i dvaput kliknite Rotate Tool (R) da otvorite Options izbornik. Podesite Angle vrijednost na 30 stupnjeva i ponovite isto za svaku traku, rotirajući je pod istim kutom.

rotate the branches

5. korak 

Smjestite rotirane grane s lijeve strane drveta pa ih grupirajte/Group (Control-G) i dvaput kliknite Reflect Tool (O) da otvorite Options izbornik. Odaberite Vertical Axis i kliknite Copy da zrcalno kopirate/reflektirate grupu na drugu stranu drveta.

reflect the branches

6. korak

I na kraju dodajmo deblu malo detalja. Kopirajte/Copy oblik debla i zatim ga zalijepite sprijeda/ Paste in Front (Control-C>Control-F). Posvijetlite kopiju. Uzmite Scissors Tool (C) i kliknite na vrh gornje i donje točke sidrišta da razdvojite oblike u dvije polovice. Obrišite lijevu polovicu kopije.

Prekrasno! Naše prvo stablo - zimska jelka - je dovršeno! Idemo na sljedeće!

use the scissors tool for the trunk

2. Renderirajte Drugo Stablo

1. korak

Učinimo drugo drvo više. Počnite formiranjem dvobojnog debla. Možete izraditi novi oblik, drukčije dužine i visine po vašoj želji, ili samo kopirati deblo prvog stabla (jelke) i učinite ga višim.

Uzmite Rounded Rectangle Tool i napravite dva mala svijetlo plava oblika na vrhu debla, koji oblikuju stiliziranu krunu drveta.

Selektirajte plave oblike zajedno sa deblom i upotrijebite Align karticu da poravnate oblike odabirom opcije Align to Key Object i klikom na Horizontal Align Center.

make a rounded rectangle tree crown

2. korak

Izradite duplikate oba plava oblika (Control-C > Control-F) i potamnite im boju. Zatim upotrijebite Scissors Tool (C) da razdvojite gornje kopije klikom na njihove bočne točke sidrišta i brisanjem neželjenih dijelova.

Ovako bi trebalo izgledati drugo stablo u usporedbi s prvim. Možemo ga povisiti kako bismo cijelu kompoziciju dodatno promijenili.

use scissors tool on the rounded rectangle shapes

3. korak

Dodajmo i ovom drvetu nekoliko grana također. Prije svega napravite duplikat jednog od tri oblika zaobljenih rubova krune i smjestite ga na desnu stranu debla. Uzmite zatim Pen Tool (P) ili Line Segment Tool (\) i napravite kockasti oblik.

U Color kartici podesite Stroke boju u smeđu i idite na Stroke karticu. Ovdje podesite Cap i Corner na srednje pozicije čime ćete rub i krajeve linije učiniti oblima. I podesite Stroke Weight na 3 pt.

use strokes lines to make branches

Rubove možete još više 'zaokružiti' pomoću Live Corners funkcije.

make the corners rounded with live corners feature

4. korak

Dodajmo stablu još malo grana. Izradite duplikate onih koje smo napravili i mijenjajte im veličine i pozicije. Možda ćemo morati još povisiti stablo kako bismo imali više mjesta za dodatne grane.

copy and add more branches

5. korak

Dodajmo mali, zaobljeni grm koji se sastoji od dva kruga izrađena pomoću alata Ellipse Tool (L). Dodajte tamno smeđe deblo. Ovaj maleni grm će nam pomoći da ispunimo neke praznine na ilustraciji.

make a circle tree

3. Izradite Grmoviti Hrast

1. korak

Početi ćemo izradom krune. Oblikujte pravokutnik dimenzija 90 x 45 px svijetlo plave boje i učinite mu rubove potpuno oblima.  Izradite još dva pravokutnika zaobljenih kutova manje veličine i oblikujte piramidu smještajući jednog na drugog.

form the oak crown from rectangles

2. korak

Grupirajte/Group (Control-G) oblike i napravite njihove duplikate (Control-C > Control-F), te potamnite gornju kopiju. Dok je gornja grupa oblika selektirana, uzmite Eraser Tool (Shift-E), držite tipku Alt i razvucite selekciju preko desne polovice krune drveta da je obrišete.

add a shadow with the eraser tool

3. korak

Sprijeda dodajte deblo drveta tamno smeđe boje. Uzmite Polygon Tool i podesite Sides vrijednost na 3 da izradite maleni trokut. Kopirajte izrađeni trokut i rasporedite kopije preko lijeve strane krune i preko stabla, čime ćete drvetu dodati teksturu.

add a trunk and triangle details

4. Izradite Bor

1. korak

Upotrijebimo prvo stablo koje smo izradili - jelku - da oblikujemo visoki detaljni bor. Prvo izradite mnogo više deblo povlačeći donje točke sidrišta prema dolje sa alatom Direct Selection Tool (A).

Zatim selektirajte sve grane, osim onih gornjih i pritisnite tipku Enter da otvorite Move prozor. Podesite Horizontal vrijednost na 0 px i Vertical vrijednost na 10 px kako biste selektiranu grupu grana pomaknuli 10 px dolje.

Sada uklonite selekciju s grupe gornjih grana koju smo upravo pomaknuli i ponovite isti proces da pomaknete ostale grane 10 px dolje.

move the branches down

2. korak

Sada prebojite grane u tamno smeđu nijansu kako bi odgovarale deblu. I počnimo sada oblikovati iglice bora. Upotrijebite Rounded Rectangle Tool da smjestite maleni vertikalni oblik s lijeve strane gornje grane.

add pine needles with rounded rectangle tool

3. korak

Pomaknite izrađenu iglicu ispod grane (Shift-Control-[). Držite Alt-Shift tipke i povucite je udesno i malo gore, izrađujući kopiju. Pritisnite još nekoliko puta Control-D ispunjavajući gornju granu stiliziranim iglicama. Mijenjajte nijanse plave boje kako ne bi sve grančice bile jednake.

add pine needles with rounded rectangle tool 2

4. korak

Grupirajte/Group (Control-G) iglice koje smo izradili za gornju granu i prenesite (paste) ih nekoliko puta da na sve prazne grane da ih sve ispunite. Produžite malo donje iglice tako što ćete selektirati njihove donje točke sidrišta sa alatom Lasso Tool (Q) i pomaknuti ih dolje pomoću tipke sa strelicom dolje na tipkovnici.

Lijevu stranu bora možete učiniti tamnijom kako bi izgledao detaljnije. I idemo na posljednje stablo!

add details to the pine

5. Izradite Stiliziranu Jelu

1. korak

I na kraju, izradimo još jedno igličasto stablo, ali ovaj puta vrlo jednostavno i stilizirano. Za početak pomoću Polygon Tool alata izradite tri trokuta. Mienjajte po redu veličine i boje trokuta, tako da najgornji učinite najmanjim i najsvjetlijim (upotrijebite plavu boju) a donji najveći i najtamniji.

Uklopite tri trokuta u smještajući ih jednog ispod drugog, u obliku piramide.

make a fir tree from triangles

2. korak

Dodajte deblo i i dok je još selektirano, kliknite Send to Back (Shift-Control-[). Sada napravite set tamno plavih trokuta i rasporedite ih po plavim oblicima trokuta koji čine jelu kako biste joj dodali teksturu.

add texture to the fir tree with triangles

6. Izradite Zimski Prozor Šume

1. korak

Posložimo drveće u redove, izrađujući duplikate nekih od njih kojima promijenite veličinu kako biste formirali dobro uravnoteženu kompoziciju. Sa Rounded Rectangle Tool alatom na dnu šume dodajte dugu horizontalnu traku koja će predstavljati tlo.

Drveće možete preurediti promjenom njihovih položaja smještajući jednog preko drugog pomoću kombinacije tipki Control-[ i Control-].

Selektirajte svo drveće i idite na Align karticu. Ovdje odaberite Align to Key Object i kliknite Vertical Align Bottom.

align the trees to key object

Sada je svo drveće poravnato sa tlom.

make a balanced composition

2. korak

Dodajmo sada ispod drveća svijetli bež pravokutnik za pozadinu kako bismo mogli dodati malo bijelih, snježnih detalja. Prebojite horiznotalno tlo u bijelu boju i dodajte mali bijeli krug na lijevu stranu  tla. Pritisnite Alt-Shift i povucite bijeli krug udesno izrađujući kopiju. Pritisnite Control-D nekoliko puta da izradite još kopija, prekrivajući svo tlo bijelim kružićima.

add white circles for the ground

3. korak

Ostavite sve krugove selektirane, zatim kliknite Unite u Pathfinder kartici. Uzmite Eraser Tool (Shift-E), držite tipku Alt i povucite pravokutnik/okvir za selektiranje na donju polovicu okruglog oblika kako biste ga obrisali.

unite the circles in pathfinder

Ako ulkopite krugove sa trakom za tlo, trebalo bi izgledati ovako.

flat forest scene composition

4. korak

I sada dodajmo nekoliko završnih detalja ne nebo kako bismo ispunili prazan prostor na kompoziciji. Upotrijebite Rounded Rectangle Tool da izradite oblik dimenzija 50 x 15 px.  Smjestite manji oblik gore na vrh, pomičući ga ulijevo i tako oblikujući stilizirani oblak.

Izradite još oblaka i rasporedite ih po gornjem dijelu ilustracije. Sada izgleda završeno!

add clouds with rounded rectangle tool

Čestitam! Naša 'Flat' Ilustracija Šume u Zimsko Doba je Završena!

Odlično ste odradili posao! Naš  u prizor šume u zimsko doba u 'flat' stilu je gotov! Dodali smo mali završni detalj: pahulje snijega koje padaju iz oblaka kako bismo ilustraciju učinili detaljnijom. Nadam se da ste otkrili neke nove trikove i savjete koje možete upotrijebiti u budućem radu.

Za ovu vektorsku ilustraciju šume u zimsko doba možete dobiti izvornu datoteku da provjerite kako je izrađena i vidite koje druge sheme boja možete primijeniti i samim time proširiti njezinu upotrebu u različite svrhe. Prateći ovaj primjer možete pokušati prebojiti sliku u nijanse raznih godišnjih sezona ili razna osvjetljenja, i slično.

Zabavite se!

flat forest scene composition
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.