Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Nature
Design

Kako Kreirati Proljetnu Livadu 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

U ovom tutorialu ćete naučiti kako upotrijebiti Mesh Tool i Gradient Tool alate u Adobe Illustratoru da kreirate proljetnu pozadinu sa bijelom, obasjanom ogradom.

Ako želite preskočiti tutorial i odmah koristiti ovu pozadinu, možete kupiti "Nature Meadow Landscape with a Bicycle" ilustraciju na GraphicRiver-u i uz nju također dobiti i vektor bicikl!

nature background with bike from graphicriver
"Nature Meadow Landscape with a Bicycle" ilustracija

1. Kako Izraditi Pozadinu

1. korak

Idemo započeti "slikanjem" pozadine pomoću Mesh Tool (U) alata.

Samo izradite pravokutnik, podesite mu Fill u sivu boju #F5F3EA i, koristeći Mesh Tool izradite mrežu za pravokutnik.

Nastavite bojenjem čvorišta, kao što je prikazano ispod na slici.

Evo popisa boja koje ćete trebati za sljedeći korak:

  1. #F5F3EA
  2. #399F92
  3. #AAD2C9
  4. #52531A
  5. #D7D483
  6. #CCD8C1
  7. #E0E6C8
  8. #BFD9C7
paint the background with the mesh tool

2. korak

Nastavimo dalje sa izradom travnatih brda! Proces je vrlo sličan 1. koraku, ali na kraju ćete morati svinuti brdo koristeći Mesh Tool.

Jednostavno izradite nekoliko dodatnih čvorišta i povucite ih da napravite valoviti oblik!

Ovo su boje koje ćete trebati:

  1. #E7E3AB
  2. #C5CD60
  3. #95A542
  4. #5B6D1C
create the grassy hills

3. korak

Koristeći ponovno Mesh Tool, na sličan način izradite još jedno brdo sa sljedećim bojama:

  1. #DFDFA8
  2. #BAC569
  3. #6C8427
create another hill

4. korak

Smjestite oba brda na prethodno kreiranu pozadinu. Manje brdo bi djelomično trebalo biti sakriveno ispod većeg brda.

arrange the hills

5. korak

Sada, na pozadini izradite pravokutnik bez ispune (No Fill) bez boje, "uokvirujući" sliku. Pobrinite se da svaki element, za koji želite da bude vidljiv, nalazi unutar pravokutnika.

Zatim selektirajte sve elemente i nakon toga kliknite desnim gumbom miša i odaberite Make Clipping Mask.

Ovaj alat ćemo koristiti još nekoliko puta, pa ga nemojte zaboraviti!

create a clipping mask

6. korak

Sa kreiranom Clipping Mask maskom, naš prvi dio slike je završen!

finished background result

2. Kako Izraditi Ogradu

1. korak

Počnimo crtajući oblik letvica za ogradu.

Uzmite Pen Tool (P) i nacrtajte pola letvice. Kada završite konturiranje, kliknite na konturu desnim gumbom miša i odaberite Transform > Reflect. Selektirajte Vertical Axis i kliknite Copy da napravite drugu polovicu oblika.

draw the fence shapes

2. korak

Sada pomaknite drugu polovicu tako da se savršeno zrcalno reflektira na originalnu polovicu (boje na primjeru su samo za ilustraciju).

Nakon toga, selektirajte oba dijela i u Pathfinder izborniku kliknite Unite. To će kreirati punu, simetričnu konturu!

unite the paths

3. korak

Obliku podesite Fill u svu boju (za sada nije važno koju).

Uzmite Lasso Tool (L) i selektirajte dva srednja čvorišta na dnu oblika. Pritisnite Delete da ih uklonite.

To će kasnije biti vrlo važno, stoga nemojte preskočiti ovaj korak!

delete the bottom nodes

4. korak

Pošto je sada na dnu oblika praznina, upotrijebite Object > Path > Join da ga opet ujedinite.

Izradite kopiju konture i stavite je sa strane. Trebati će nam kasnije.

join the gaps together

5. korak

Dodajmo sada letvici za ogradu malo dubine! Idite na Effect > 3D > Extrude and Bevel i unesite sljedeće postavke za Rotation:

  • -7°
  • 19°
  • -2°

Extrude Depth vrijednost bi trebala biti oko 5 px.

extrude and bevel options

6. korak

Nakon primjene efekta na oblik, idite na Object > Expand Appearance kako biste od njega kreirali putanje.

Klikom na Ungroup uklonite rezultat iz grupe nekoliko puta sve dok ne dobijete tri odvojene putanje.

ungroup the result

7. korak

Selektirajte dvije putanje koje oblikuju bočnu stranu grede za ogradu i odaberite Unite u Pathfinder izborniku da ih ujedinite.

unite the paths

8. korak

Obojite prednju stranu ograde bojom #F1EBE1 i bočnu stranu bojom #D8CFC2.

color the fence

9. korak

Za ovaj korak ćete trebati fotografiju drvene grede sa teksturom drveta.

Preporučam da upotrijebite moju fotografiju, koju možete preuzeti kao privitak za ovaj tutorial (texture.jpg).

Premjestite fotografiju u datoteku s vašom proljetnom pozadinom i otvorite Image Trace karticu (Window > Image Trace).

Nakon što selektirate objekt s teksturom, u karticu unesite postavke koje sam ja odabrao (možda ćete morati kliknuti Advanced da se prikaže ostatak postavki) i kliknite Trace.

Image Trace Postavke:

  • Mode: Black and White
  • Threshold: 164
  • Paths: 50%
  • Corners: 75%
  • Noises: 25px
  • Create: Fills
  • Ignore White: Checked
wooden plank texture

10. korak

Selektirajte dobiveni rezultat i idite na Object > Expand.

expand options

11. korak

U Transparency kartici podesite Opacity na 30% i Transparency Mode u Overlay.

transparency options

12. korak

Uzmite konturu koju smo izradili u 4. koraku ovog dijela i smjestite je preko teksture. Izradite Clipping Mask od ta dva oblika.

Položite rezultat preko grede za ogradu.

how to apply the fence texture

13. korak

Odvucite stupić malo u desno dok držite Shift i Alt tipke, stvarajući njegovu kopiju na odgovarajućem razmaku.

Nastavite pritiskom Control-D tipki da ponovite svaku sljedeću radnju, efektivno kreirajući koliko god letvica želite. Zaustavite se na željenoj dužini vaše ograde.

create the fence

14. korak

Izradimo sada i stražnju dasku za našu ogradu!

Prvo, nacrtajte pravokutnik, malo duži od vaše ograde. Obojite ga bojom #EEE7DE. Dodajte još jedan, mnogo uži pravokutnik na vrhu i obojite ga bojom #E2DCD2.

create the fence board

15. korak

U ovom koraku ćemo raditi sjene koje bacaju stupići ograde.

Nacrtajte dva vertikalna pravokutnika jedan do drugog, obojite ih bojom #7B6F5B (lijevi) i bojom #DEDBD2 (desni). Desni pravokutnik treba biti malo širi.

Zatim, podesite Opacity vrijednost desnog pravokutnika na 0% i nastavite na Object > Blend > Blend Options. Podesite Spacing na Specified Steps i za količinu odaberite 30.

I na kraju, selektirajte oba pravokutnika te idite na Object > Blend > Make.

creating the fence shadows

16. korak

Pomaknite "blend" na dasku koju smo izradili. Baš kao i prije, upotrijebite Control-D da duplicirate sjene uzduž cijele daske.

blending the shadows

17. korak

Pomaknite dasku sa sjenama iza ograde. Pokušajte savršeno poravnati sjene!

add the board to the fence

18. korak

Na kraju ćemo izraditi vijke koji učvršćuju ogradu.

Upotrijebite Mesh Tool (U) da rekreirate oblik vijka, prateći sljedeće korake.

Evo boja koje ćete trebati:

  1. #D1D0C7
  2. #535044
  3. #AAA99F
  4. #B0AFA5
  5. #000000
create the screws

19. korak

Upotrijebite dva kruga za sjene. Izradite manji unutar većeg, ali mrvicu izvan sredine. Obojite veći krug bojom #D8D4C9 i manji sa bojom #6C6557.

Opacity vrijednost svjetlijeg kruga podesite na 0% i zatim idite na Object > Blend > Make.

add shadows to the screws

20. korak

Smjestite Mesh mrežu na sjenu i blago je zaokrenite. Vijak je završen!

add mesh to screw

21. korak

Smjestite vijak na dovršenu ogradu u sredinu svakog dijela gdje se letvice spajaju sa stražnjom daskom.

Upotrijebite Control-D da duplicirate vijke nakon što pomaknete jedan (dok držite Alt Shift).

add the screws to the fence

3. Kako Izraditi Oblake i Travu

1. korak

Sada kada je ograda završena, slici su potrebni samo neki završni detalji!

Ako želite dodati oblake na nebu vašeg proljetnog krajolika, pratite ovaj tutorial: Kako Izraditi Noćno Nebo sa Oblacima Koristeći Adobe Illustrator i Photoshop.

Nakon što završite sa oblacima, vratite se na pozadinu i smjestite ih na nebo.

Predlažem da izradite nekoliko kopija prvog oblaka a zatim ih kombinirate zajedno da kreirate zanimljive oblike!

add clouds to the background

2. korak

Kako bismo dodatno uljepšali nebo, izraditi ćemo i sunce!

Nacrtajte krug i primijenite Radial Gradient koji prelazi iz bijele boje u #95896A boju, i zatim u crnu. Transparency Mode oblika promijenite u Screen.

create a sun

3. korak

Smjestite odsjaj negdje na nebo. Sada imamo sunce!

place the sun

4. korak

Za posljednji korak možemo izraditi malo trave. Naučite kako izraditi travu u sljedećem tutorialu: Kako Izraditi Banner s Travom u Adobe Illustratoru.

Nakon što završite svoj vektor trave, vratite se na ogradu koju ste izradili u prethodnom dijelu. Smjestite je preko bannera s travom, tako da donji dio ograde malo viri izvan nje.

Zatim napravite kopiju trave i pomaknite je iznad ograde. Pobrinite se da je smjestite niže kako biste i dalje mogli vidjeti ogradu!

add the grass to the fence

5. korak

Još nam je samo preostalo da pomaknemo ogradu i travu na pozadinu! Ne zaboravite upotrijebiti Clipping Mask da "obrežete" svoju sliku!

add the fence to the background

Odličan posao, sada ste završili!

Što sada? Možete isprobati neki od ostalih tutoriala koji su dostupni na mojem profilu ili pogledajte moj portfelj na GraphicRiver-u, kao i originalnu sliku prirode koju smo rekreirali u ovom tutorialu.

Nadam se da ste uživali u tutorialu i bilo bi mi izuzetno drago vidjeti vaše rezultate ispod u komentarima!

Spring Grass Fence and Sky Background Adobe Illustrator Tutorial
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.