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!

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
   

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
   

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
   

4. korak

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

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!

6. korak

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

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.

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!

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!

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.

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.

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.

7. korak

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

8. korak

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

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
  

10. korak

Selektirajte dobiveni rezultat i idite na Object > Expand.

11. korak

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

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.

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.

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.

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.

16. korak

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

17. korak

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

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
   

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.

20. korak

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

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 i Shift).

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!

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.

3. korak

Smjestite odsjaj negdje na nebo. Sada imamo sunce!

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!

5. korak

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

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!