Advertisement
  1. Design & Illustration
  2. Game Art

Kako u Adobe Illustratoru Izraditi Fantasy Oružje za Igre

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
How to Create a Pool-Themed Seamless Pattern in Adobe Illustrator
How to Create a Stripes and Flowers Pattern From Scratch in Adobe Illustrator

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 pratiti uzbudljiv proces izrade flat srednjovjekovnog oružja za igre! Raditi ćemo sa jednostavnim geometrijskim oblicima i koristiti razne funkcije i alate Adobe Illustratora da transformiramo i modificiramo oblike.

Do kraja tutorijala moći ćete izraditi fantasy dugi mač, težak ratni čekić i borbenu sjekiru, ali navedene tehnike možete također upotrijebiti da sami izradite cijeli set srednjovjekovnog oružja ili fantasy elemente za vašu igru! Na Envato Marketu možete pretražiti reference srednjovjekovnog oružja i zatim možemo početi!

1. Izradite Oštar Mač

1. korak

Počnimo izradom novog dokumenta/New Document od 800 x 600 px veličine i napravite sivo-plavi pravokutnik iste veličine koristeći Rectangle Tool (M) da oblikujete pozadinu.

form a background

2. korak

Počnimo oblikovati mač od pravokutnika dimenzija 30 x 280 px. Ispunite oblik sa nježnim linearnim gradijentom koji se sastoji od tri boje: blijedo plave, svijetlo žute i svijetlo ružičaste stvarajući efekt metalne površine. Upotrijebite Gradient Tool (G) da ga smjestite vertikalno.

Korištenje pravilnih boja jedna je od najvažnijih stvari koje oživljavaju vašu ilustraciju! Ako želite primijeniti istu paletu boja kao i u ovom tutorialu, možete upotrijebiti Eyedropper Tool (I) i držati Shift da odaberete boju s bilo kojeg mjesta na vašem ekranu. Tako ćete pokupiti boje izravno s ovih screenshot-ova!

To također vrijedi i za gradijente: odaberite slajder za gradijente u Gradient kartici, uzmite Eyedropper Tool (I), držite Shift i odaberite potrebnu boju, čime ćete promijeniti boju na slajderu. Ovaj savjet vam zaista može ubrzati rad. Prikladno, zar ne?

make a sword blade

3. korak

Idite na Object > Path > Add Anchor Points. Upotrijebite Direct Selection Tool (A) da selektirate novu točku sidrišta u sredini gornjeg ruba i povučete je gore, oblikujući šiljasti vrh oštrice.

shape the blade of the sword

4. korak

Idite na Object > Path > Offset Path i podesite Offset vrijednost na -7 px oblikujući manji oblik unutra.

Kopirajte/Copy oblik i zalijepite straga/Paste in Back (Control-C > Control-B). Pomaknite ga nekoliko piksela ulijevo koristeći tipke sa strelicama i u Transparency kartici prebacite Blending Mode u Multiply oblikujući blagu sjenu.

Ponovite opet istu radnju ali ovaj puta pomaknite kopiju nekoliko piksela udesno. Prebacite Blending Mode u Screen, stvarajući svijetli odsjaj.

shape the inner part of the blade

5. korak

Spojimo sada vrhove sva tri oblika u jednu točku. Uzmite Lasso Tool (Q) i selektirajte točke. Idite na Align karticu i označite da ste odabrali Align to Selection. Na kraju kliknite Horizontal Align Center i Vertical Align Center da poravnate sve točke u jednu točku.

 merge the tips of all three shapes at one point

6. korak

Oblikujmo sada utor na maču. Upotrijebite Line Segment Tool (\) i držite Shift da napravite vertikalnu liniju uzduž središnjeg izbočenja na maču. Primijenite bijelu boju za Stroke i promijenite Profile na Width Profile 1 u Stroke kartici da liniju učinite šiljastom.

Poravnajmo oblike. Selektirajte liniju i bazu mača ispod nje. Još jednom kliknite mač da ga odredite kao Key Object (biti će označen debljom selektivnom linijom). Idite na Align karticu te kliknite Horizontal Align Center i Vertical Align Center da poravnate oblike.

shape the fuller from a stroke

7. korak

Od pravokutnika veličine 90 x 10 px počnimo oblikovati metalni dio koji se poprečno nalazi između oštrice i drške mača (vidi primjer na slici). Ispunite ga sivo-ljubičastim gradijentom i smjestite gradijent dijagonalno koristeći Gradient Tool (G).

Kopirajte/Copy oblik i zalijepite sprijeda/Paste in Front (Control-C > Control-F). Spljoštite oblik da ga učinite užim i malo potamnite boje gradijenta

start shaping the cross-guard from a rectangle

8. korak

Kopirajte/Copy veći pravokutnik i zalijepite straga/Paste in Back (Control-C > Control-B). Kopiju pomaknite malo dolje i potamnite je. Ponovite istu radnju, pomičući novu kopiju gore i posvijetlite je da poprečni metalni dio učinite detaljnijim i trodimenzionalnijim.

start shaping the cross-guard from a rectangle 2

9. korak

Dodajmo još elemenata tom dijelu. Dodajte mu mali vertikalni pravokutnik veličine 7 x 23 px s lijeve strane. Ispunite ga linearnim gradijentom istih boja kao što je i taj dio, ali malo tamnije.

Dodajte mali 13 x 13 px krug smještajući ga ispod pravokutnika (Shift-Control-[).

Sa Direct Selection Tool (A) selektirajte gornju lijevu i donju lijevu točku sidrišta pravokutnika i upotrijebite Live Corners značajku da malo zaokružite rubove tako da povučete markere u obliku kružića.

Grupirajte/Group (Control-G) pravokutnik i krug. Dvaput kliknite na Reflect Tool (O) i odaberite Vertical Axis. Kliknite Copy gumb da napravite zrcalnu kopiju i smjestite je na suprotnu stranu metalnog poprečnog dijela mača.

add more elements to the guard

10. korak

Dodajmo maču jednostavnu, elegantnu dršku. Izradite pravokutnik veličine 30 x 85 px koristeći istu tamnu paletu boja. Izradite nekoliko kopija pravokutnika na vrhu i učinite ih užima oblikujući trake tamnije i svjetlije boje.

Kopirajte dekorativni element s vrha poprečnog metalnog dijela, povećajte ga i spojite na dno drške.

add a simple elegant grip

11. korak

Dovršimo dršku dodavanjem još jednog elementa. Napravite tanki pravokutnik preko drške kao što je prikazano dolje na slici. Selektirajte njegovu donju i gornju točku sidrišta sa Direct Selection Tool (A) alatom i povucite ih gore kako bi nakrivili oblik.

Upotrijebite Reflect Tool (O) da prebacite oblik preko Vertical Axis (vertikalne osi) i napravite kopiju (Copy). Sada imamo dvije dekorativne ukrštene metalne trake.

finish up with the grip by adding one more element

12. korak

Dodajmo malo odsjaja na metalnu površinu mača kako bi izgledao realistično. Upotrijebite Rectangle Tool (M) da napravite set horizontalnih traka. Ispunite ih plavom bojom i prebacite Blending Mode u Screen.

Smjestite trake preko oštrice mača rotirajući ih oko 30 stupnjeva.

Sada selektirajte oblik oštrice zajedno sa trakama i uzmite Shape Builder Tool (Shift-M). Držite tipku Alt i kliknite nepotrebne dijelove izvan oštrice da ih obrišete.

add highlights to the metal surface of our sword

13. korak

Na kraju dodajmo oštrici mača još nekoliko završnih detalja. Uvećajte i upotrijebite Pen Tool (P) da dodate tri točke sidrišta na desnom rubu oštrice. Selektirajte središnju točku sa Direct Selection Tool (A) alatom i pomaknite je na suprotnu stranu oblikujući urez. Dodajte još urezanih dijelova na oštricu  kako bi mač poprimio stariji izgled, sa okrznutim dijelovima kao da je već bio korišten u borbama.

I evo ga! Naš mač je gotov. Nastavimo dalje i izradimo sada masivni ratni malj!

add notches to the sword

2. Nacrtajte Zlatni Ratni Malj (Warhammer)

1. korak

Počnimo renderirati gronji dio čekića. Upotrijebite Rectangle Tool (M) i napravite 60 x 95 px oblik ispunjavajući ga zlatnim linearnim gradijentom koristeći blage tonove žute i narančaste boje. Smjestite gradijent dijagonalno.

Dodajte još dva uska pravokutnika i smjestite ih na lijevi dio većeg oblika. Prilagodite boje stvarajući sjajni metalni izgled: tamni dio donjeg pravokutnika učinite malo tamnijim od gornjeg oblika. I svijetlo žuti dio donjeg oblika učinite svjetlijim od gornjeg, stvarajući kontrast i dodajući obliku dimenziju.

Dodajte još dvije grupe pravokutnika za dekoraciju čekića.

start shaping the top of the hammer

2. korak

Sada ćemo napraviti sredinu vrha čekića. Izradite 45 x 85 px pravokutnik, ispunite ga tamno ljubičastim linearnim gradijentom. Duplicirajte (Control-C > Control-F) oblik i smanjite ga na 20 x 85 px čime ćete ga učiniti užim. Malo posvijetlite boju gradijenta.

Duplicirajte novi oblik i rotirajte za 90 stupnjeva, stvarajući križ. Podesite širinu oblika kako bi pristajao većem pravokutniku. Selektirajte prekrižene trake i kliknite Unite u Pathfinder kartici da ih spojite u jedan oblik.

shape the center of the hammers top

3. korak

Dodajte još dvije trake ispod križa, ispunjavajući ih tamnijim gradijentom da izradite suptilnu sjenu.

Add two more stripes beneath the cross

4. korak

Izradimo sjajni dijamant da dekoriramo malj. Upotrijebite Polygon Tool i podesite broj stranica/Sides na 6 oblikujući šesterokut veličine oko 8 x 8 px. Ispunite ga linearnim gradijentom od svijetlo ružičaste do tamnije ružičaste boje. Duplicirajte oblik i smanjite ga da izradite unutar njega manji šesterokut. Malo posvijetlite boje gradijenta čime ćete istaknuti oblik.

make a shiny gem from polygon

5. korak

Dodajte tamnu traku na lijevu stranu čekića. I spojimo sada rubine! Smjestite ih na vrh oblika, držite Alt-Shift i povucite dolje da napravite kopiju. Pritisnite Control-D nekoliko puta da ponovite posljednju radnju, stvarajući još kopija.

Dekorirajte tamni dio malja sa većim dijamantom također.

attach the rubies to the hammer

6. korak

Sada ćemo upotrijebiti Reflect Tool (O) da prebacimo zlatni dio čekića na suprotnu stranu.

Napravite nekoliko smeđih traka sa Rectangle Tool (M) alatom i podesite Blending Mode u Screen. Smjestite ih preko zlatne baze čekića i upotrijebite Shape Builder Tool (M) dok držite Alt da obrišete nepotrebne dijelove.

Dodajte nekoliko ureza na tamne dijelove čekića da ga malo oštetimo.

add reflections and notches to the hammer

7. korak

Dodajmo čekiću i sjajnu zlatnu dršku. Oblikujte 15 x 180 px pravokutnik i ispunite ga vertikalnim linearnim gradijentom od žute do narančaste, stvarajući sjajni metalni izgled. Dodajte još jedan pravokutnik ispod da ga malo proširite i posvijetlite boje gradijenta stvarajući lijep kontrast između oblika.

add a shiny golden handle to our hammer

8. korak

Sada ćemo dodati drški dodati ručku. Izradite grupu tamno ljubičastih pravokutnika istog tipa kao što smo učinili na metalnom poprečnom dijelu mača. Podesite im veličinu na 55 x 15 px.

Dodajte još jedan tamni pravokutnik od 40 x 125 px za ručku. Smjestite tri tanke vertikalne trake iznad ručke da joj dodate teksturu. Dodajte dekorativni element na dno ručke. Možete kopirati jedan s mača ili napraviti novi koristeći Rectangle Tool (M) i Ellipse Tool (L) alate.

add a grip to the handle

9. korak

Kopirajte prekriženi element s ručke mača i primijenite ga na ručku čekića.

Sada je drška dobila detalje i masivan izgled!

I to je to što se tiče ratnog čekića! Nastavljamo dalje na sjekiru!

finish up with the grip and the warhammer

3. Renderirajte Masivnu Borbenu Sjekiru!

1. korak

Počnimo raditi glavu sjekire sa dvostrukim oštricama. Upotrijebite Ellipse Tool (L) da izradite krug dimenzija 195 x 195 px i ispunite ga blagim linearnim gradijentom. Koristim istu boju kao i za oštricu mača.

Dodajte dva manja kruga koja prekrivaju gornji donji dio prvog kruga. Poravnajte/Align sva tri oblika na Vertical Center (vertikalnu sredinu) i upotrijebite Shape Builder Tool (Shift-M) dok držite Alt da izrežete krugove.

shape the blades of the axe from circles

2. korak

Duplicirajte dvaput oštricu (Control-C > Control-F > Control-F) i sploštite gornju kopiju da bude uža. Selektirajte gornji oblik i onaj ispod njega te upotrijebite Minus Front funkciju na Pathfinder kartici da izrežete oblike oblikujući rubove oštrice. Prebacite preostale dijelove u Multiply Blending Mode da ih donekle potamnite.

form the edges of the blades

3. korak

Renderirajmo dekorativni element u sredini oštrice. Kombinirajte tri geometrijska oblika kao što je prikazano na donjem primjeru, rotirajući kvadrat za 45 stupnjeva i smještajući dva prekrižena ovala na njega. Selektirajte sva tri oblika i kliknite Unite u Pathfinder kartici.

Ispunite izrađeni oblik zlatnim linearnim gradijentom.

ender a decorative element in the center of the blade 1

4. korak

Ostavite oblik selektiran i idite na Object > Path > Offset Path te primijenite -5 px Offset vrijednost. Prilagodite boju gornjeg oblika da ga malo posvijetlite i dodate dimenziju.

Dodajte još jedan manji oblik iznad i ispunite ga tamno ljubičastim gradijentom. Izradite duplikat sijetlog dijamanta s čekića i njime dekorirajte oblik.

ender a decorative element in the center of the blade 2

5. korak

Oblikujmo sada drveni držak za našu borbenu sjekiru. Koristim oštricu mača da oblikujem polovicu i prebacujem boje gradijenta u tamno smeđu da prikažem drvenu površinu.

Također moramo dodati masivnu ručku na držak ali ne moramo raditi novi! Upotrijebiti ćemo ručku koju smo napravili za čekić i promijeniti boje njezinih dijelova iz tamno ljubičaste u zlatnu.

form a wooden haft of our battle axe

6. korak

Kopirajte horizontalnu traku s ručke i dodajte ih nekoliko na gornji dio drška kako bi držali oštricu.

Još malo poradite na oštrici dodajući par ureza i sjajnih odraza na metalnu površinu. Sada izgleda dovršeno!

Work at the blade a little bit more

7. korak

Dodajmo još jedan posljednji detalj da cijeloj kompoziciji oružja dodamo kompletno završeni izgled. Upotrijebite Ellipse Tol (L) da napravite 120 x 15 px oval i ispunite ga radijalnim gradijentom od plave u sredini do bijele na rubovima. Spljoštite gradijent koristeći Gradient Tool (G).

Prebacite Blending Mode oblika u Multiple oblikujući blagu sjenu.

form a subtle shadow from radial gradient

Čestitam! Naš set srednjovjekovnog oružja je gotov!

Odličan posao! Upravo smo završili dizajniranje našeg seta flat fantasy oružja. Smjestimo ih u niz i dodajmo sjenu ispod svakog oružja kako bismo sve učinili potpuno dovršenim.

Nadam se da ste uživali prateći ovaj tutorial i tkrili neke korisne savjete i trikove koji vam mogu pomoći proširiti set izrađujući još oružja različitih vrsta, poput šiljaka, bodeža i sl. Pogledajte ovaj Set Srednjovjekovnog Fantasy Oružja ako želite preuzeti izvornu datoteku i da vidite koje još tipove oružja možete izraditi koristeći ovu tehniku.

Zabavite se i slobodno podijelite s nama svoje rezultate!

Set of Medieval Weapons is Ready
Advertisement
Advertisement
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.