Advertisement
  1. Design & Illustration
  2. Nature

Kako Izraditi 'Banner' sa Travom

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

U ovom tutorijalu ćete naučiti kako upotrijebiti Mesh Tool i Warp efekte u Adobe Illustratoru kako biste izradili proljetni travnati 'banner'!

Možete kupiti ilustraciju uključujući slične bannere sa travom, pa čak i cvijećem ovdje na mojem portfelju!

Green GrassGreen GrassGreen Grass
Zelena Trava

1. Kako Izraditi Travku

1. korak

Naš prvi korak biti će izrada jedne vlati trave. Izradite dugi, uski pravokutnik pomoću alata Rectangle Tool (M).

Green rectangleGreen rectangleGreen rectangle

2. korak

Obojite ga zeleno. Možete upotrijebiti boju #699108, kao što ću i ja u ovom tutorijalu.

Colored with 699108Colored with 699108Colored with 699108

3. korak

Sa alatom Direct Selection Tool (A) selektirajte gornji desni kut pravokutnika, te ga obrišite klikom na Delete  da izradite trokutasti oblik.

Deleted node to create triangleDeleted node to create triangleDeleted node to create triangle

4. korak

Uzmite Mesh Tool (U) i izradite četiri čvorišta mreže na međusobnoj jednakoj udaljenosti jednostavnim klikom sa alatom na putanji. Na kraju biste trebali imati šest čvorova, kao što je prikazano na slici.

Created nodes with Mesh ToolCreated nodes with Mesh ToolCreated nodes with Mesh Tool

5. korak

Sada ćemo obojiti izrađenu mrežu (Mesh). Početi ćemo od najnižeg čvora, kojeg ćemo obojiti bojom #325001.

Colored node with 325001Colored node with 325001Colored node with 325001

6. korak

Zatim ćemo uzeti drugi čvor na dnu i obojiti ga bojom #7CA10F.

Colored node with 7CA10FColored node with 7CA10FColored node with 7CA10F

7. korak

Nastaviti ćemo bojiti čvorove, izmjenjujući tamnije i svjetlije boje kao što je prikazano na donjoj slici:

Primijenite boju #4C6C06 na treći čvor.

Colored node with 4C6C06Colored node with 4C6C06Colored node with 4C6C06

I boju #7CA10F na četvrti.

Colored node with 7CA10F Colored node with 7CA10F Colored node with 7CA10F

Bojom #416203 obojite peti čvor.

Colored node with 416203 Colored node with 416203 Colored node with 416203

I na kraju bojom #CA00D obojite najgornji čvor.

Colored node with 7CA00DColored node with 7CA00DColored node with 7CA00D

8. korak

Izradite još jedan red mreže tako da kliknete točno oko sredine oblika sa alatom Mesh Tool (U).

Created node in the middle of the shapeCreated node in the middle of the shapeCreated node in the middle of the shape

9. korak

Posvijetlite vrh travke selektirajući sve čvorove sa alatom Lasso Tool (Q) i obojite ih bojom #F3FF84.

Colored the tip with F3FF84Colored the tip with F3FF84Colored the tip with F3FF84

10. korak

Selektirajte srednji red čvorova koristeći Lasso Tool (Q) i idite na Edit > Edit Colors > Adjust Colors da im podesite boju.

Unesite ispod prikazane postavke: 17% Red, 12% Green.

Adjusted the colors 17 Red 12 GreenAdjusted the colors 17 Red 12 GreenAdjusted the colors 17 Red 12 Green

2. Kako Izraditi Oblike Trave Koristeći Warp Efekte

1. korak

Sada ćemo izraditi još četiri kopije travke da ih modificiramo. Možete ih klonirati koristeći Control-CControl-V, ili samo povući oblik dok držite tipku Alt.

Created five copiesCreated five copiesCreated five copies

2. korak

Uzmite jednu od kopija i idite na Effect > Warp > Flag. Upotrijebite ove postavke:

  • 45% Bend
  • 21% Horizontal Distortion

To će iskriviti vrh travke i učiniti je prirodnijom.

Warped with Flag 45 Bend 21 Horizontal DistortionWarped with Flag 45 Bend 21 Horizontal DistortionWarped with Flag 45 Bend 21 Horizontal Distortion

3. korak

Selektirajte prethodno dobiveni oblik i idite na Object > Expand Appearance da prilagodite oblik na primijenjeni efekt. Ne zaboravite ponoviti ovaj korak nakon svake primjene Warp efekta!

Expanded AppearanceExpanded AppearanceExpanded Appearance

4. korak

Drugu travku ćemo modificirati koristeći Effect > Warp > Arc sa sljedećim postavkama:

  • 8% Bend
  • -6% Horizontal Distorion

Nakon ovog ponovite 3. korak.

Warped with Arc 8 Bend -6 Horizontal DistortionWarped with Arc 8 Bend -6 Horizontal DistortionWarped with Arc 8 Bend -6 Horizontal Distortion

5. korak

Za treći oblik upotrijebite opet Effect > Warp > Flag ali s ovim postavkama:

  • -35% Bend
  • -10% Horizontal Distortion

Ponovite 3. korak.

Warped with Flag -35 Bend -10 Horizontal DistortionWarped with Flag -35 Bend -10 Horizontal DistortionWarped with Flag -35 Bend -10 Horizontal Distortion

6. korak

Da postignete drugačiji izgled, možete na obliku izraditi točke sidrišta koristeći Add Anchor Point (+) funkciju i zatim ih povući sa alatom Direct Selection Tool (A), kao što sam i ja učinio ovdje:

Added Archor Point and dragged it a little downwardsAdded Archor Point and dragged it a little downwardsAdded Archor Point and dragged it a little downwards

7. korak

Idemo na četvrti oblik. Primijenite Effect > Warp > Rise sa sljedećim postavkama:

  • -46% Bend
  • 26% Horizontal Distortion
  • 1% Vertical Distortion

Ponovite 3. korak.

Warped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical DistortionWarped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical DistortionWarped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical Distortion

8. korak

Modificirajte posljednji preostali oblik sa Effect > Warp > Flag i ovim postavkama:

  • 75% Bend
  • 71% Horizontal Distortion
  • 1% Vertical Distortion

Ponovite 3. korak.

Warped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical DistortionWarped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical DistortionWarped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical Distortion

9. korak

Gotovi smo sa primjenom warp efekta! Sada rotirajte travke tako da budu okrenute u ispravnom smjeru. Selektirajte ih svih pet i izradite kopiju (Control-C, Control-V).

Created a copy of the grassCreated a copy of the grassCreated a copy of the grass

10. korak

Selektirajte kopije i idite na Edit > Edit Colors > Adjust Colors da potamnite travu.

  • -18% Red
  • -19% Green
Adjusted the colors -18 Red -19 GreenAdjusted the colors -18 Red -19 GreenAdjusted the colors -18 Red -19 Green

11. korak

Izradite još jednu kopiju originalne trave i također podesite boje.

Edit > Edit Colors > Adjust Colors

  • 12% Red
  • 13% Green
Adjusted the colors 12 Red 13 GreenAdjusted the colors 12 Red 13 GreenAdjusted the colors 12 Red 13 Green

12. korak

Sad kad imamo sve različite boje, razmislimo o dužini trave!

Selektirajte svu travu koju smo dosad izradili i podešavanjem veličine je malo smanjite. 

Created more copies and scaled them to look shorterCreated more copies and scaled them to look shorterCreated more copies and scaled them to look shorter

3. Kako Izraditi Vlastiti 'Banner' s Travom

Sada kada imamo i različite tipove trave, sljedeći korak će ovisiti o vašoj kreativnosti!

1. korak

Koristeći vlati trave koje smo dosad izradili, smještajući ih jednu do druge, napravite busen trave. Možete kopirati oblike i poslati ih straga (Shift-Control-[) ili sprijeda (Shift-Control-]). Naravno, možete modificirati i različite dijelove također, koristeći funkcije koje ste dosad naučili u tutorijalu (promjena boje, warp efekt, itd.).

Arranging the grassArranging the grassArranging the grass

Nastavite sve dok ne postignete izgled koji vam se sviđa. Možete upotrijebiti moj za inspiraciju!

Final arranged pictureFinal arranged pictureFinal arranged picture

2. korak

Ako ste zadovoljni rezultatom, selektirajte busen trave, izradite grupu (Control-G) i zatim je pomaknite odmah do njezinog originalnog mjesta držeći tipku Alt. To će izraditi kopiju. Između dva busena ne bi trebalo biti nikakvih praznih dijelova.

Copying the grass patch - do not leave white spacesCopying the grass patch - do not leave white spacesCopying the grass patch - do not leave white spaces

3. kork

Ostavite drugu grupu selektiranu i pritisnite Control-D. To će opet stvoriti kopiju.
Ponovite ovaj korak dok ne budete zadovoljni duljinom 'bannera'. 

Final bannerFinal bannerFinal banner

4. Kako Uljepšati Dizajn

Uskoro smo gotovi! Još samo trebamo malo uljepšati izgled 'bannera'.

1. korak

Izradite bijeli pravokutnik sa alatom Rectangle Tool (M). Za sada je veličina nebitna.
Uzmite Mesh Tool (U) i izradite čvor točno u sredini oblika.

White rectangle mesh node in the middleWhite rectangle mesh node in the middleWhite rectangle mesh node in the middle

2. korak

Selektirajte donja tri čvora sa alatom Lasso Tool (Q) i primijenite na njih boju #293500.

Coloring the bottom row with 293500Coloring the bottom row with 293500Coloring the bottom row with 293500

3. korak

Slično, selektirajte srednje čvorove i obojite ih bojom #B8B87A.

Coloring the middle row with B8B87AColoring the middle row with B8B87AColoring the middle row with B8B87A

4. korak

Otvorite Transparency karticu (Window > Transparency) i na oblik primijenite Multiply Transparency način.

Setting the Transparency to MultiplySetting the Transparency to MultiplySetting the Transparency to Multiply

5. korak

Razvucite i  podesite veličinu oblika tako da pristaje na dno 'bannera' s travom. Ako mislite da je sjena previše tamna, podesite Opacity u Transparency kartici - kod mene je podešeno na 70%.

Scaling the shape so it goes from the bottom to about the half of the bannerScaling the shape so it goes from the bottom to about the half of the bannerScaling the shape so it goes from the bottom to about the half of the banner

6. korak

Ovdje ćemo primijeniti Clipping Mask, obrezujući 'banner'.

Zato sada izradite pravokutnik i pomaknite ga na vrh slike. Morao bi se sastojati od svega što želite imati na konačnoj  slici.

Creating rectangle for Clipping MaskCreating rectangle for Clipping MaskCreating rectangle for Clipping Mask

7. korak

Selektirajte sve (Control-A) i zatim pritisnite desni gumb miša i selektirajte Make Clipping Mask.

Doing the Clipping MaskDoing the Clipping MaskDoing the Clipping Mask

Čestitam, Završili Ste!

Što sada? Možete se igrati još  malo sa 'bannerom', na primjer rotiranjem ili razvlačenjem različitih travki. Možete također podesiti boju sjene.

Final ResultFinal ResultFinal Result

U ovom tutorijalu ste naučili izraditi proljetnu travnatu pozadinu, primarno koristeći Mesh Tool alat i različite Warp efekte!

Nadam se da ste uživali u tutorijalu i naučili raditi s korisnim alatima!

Ovaj 'banner' s travom je unikatno izrađen kroz ovaj tutorijal, ali slične 'bannere' sa ovom ilustracijom i još više ostalih. možete naći na mojem portfelju!

Green GrassGreen GrassGreen Grass
Banneri sa zelenom travom
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads