1. Design & Illustration
  2. Nature

Kako Kreirati Proljetnu Livadu u Adobe Illustratoru

by
Read Time:7 minsLanguages:

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

Final product imageFinal product imageFinal 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 graphicrivernature background with bike from graphicrivernature 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 toolpaint the background with the mesh toolpaint 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 hillscreate the grassy hillscreate 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 hillcreate another hillcreate 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 hillsarrange the hillsarrange 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 maskcreate a clipping maskcreate a clipping mask

6. korak

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

finished background resultfinished background resultfinished 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 shapesdraw the fence shapesdraw 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 pathsunite the pathsunite 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 nodesdelete the bottom nodesdelete 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 togetherjoin the gaps togetherjoin 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 optionsextrude and bevel optionsextrude 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 resultungroup the resultungroup 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 pathsunite the pathsunite the paths

8. korak

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

color the fencecolor the fencecolor 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 texturewooden plank texturewooden plank texture

10. korak

Selektirajte dobiveni rezultat i idite na Object > Expand.

expand optionsexpand optionsexpand options

11. korak

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

transparency optionstransparency optionstransparency 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 texturehow to apply the fence texturehow 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 fencecreate the fencecreate 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 boardcreate the fence boardcreate 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 shadowscreating the fence shadowscreating 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 shadowsblending the shadowsblending the shadows

17. korak

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

add the board to the fenceadd the board to the fenceadd 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 screwscreate the screwscreate 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 screwsadd shadows to the screwsadd shadows to the screws

20. korak

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

add mesh to screwadd mesh to screwadd 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 fenceadd the screws to the fenceadd 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 backgroundadd clouds to the backgroundadd 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 suncreate a suncreate a sun

3. korak

Smjestite odsjaj negdje na nebo. Sada imamo sunce!

place the sunplace the sunplace 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 fenceadd the grass to the fenceadd 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 backgroundadd the fence to the backgroundadd 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 TutorialSpring Grass Fence and Sky Background Adobe Illustrator TutorialSpring Grass Fence and Sky Background Adobe Illustrator Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads