Advertisement
  1. Design & Illustration
  2. Fan Art

Kako Izraditi Set X-Men Avatara u Adobe Illustratoru

Scroll to top
Read Time: 11 min
This post is part of a series called X-Men Week.
Colossus: How to Turn Skin to Metal in Adobe Photoshop

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

Čekate li da izađe novi X-Men: Apocalypse film jednako kao i ja? Pripremimo se zajedno i pratite ovaj tutorijal da napravite flat avatare X-Mena bez lica! Otkriti ćemo neke nove korisne savjete i trikove i naučiti jednostavne tehnike dok koristimo osnovne oblike, Pathfinder panel, Shape Buider alat i Clipping Masks.

X-Men su moji omiljeni heroji iz cijelog Marvelovog svemira, pa uvijek s nestrpljenjem čekam nove filmove. Ipak, ovaj tutorijal može biti koristan i onima koji nisu X-Men fanovi! Možete pratiti sljedeće tehnike kako biste napravili neke avatare superheroja, flat portrete i bilo koju drugu vrstu flat avatara! Kako biste izradili sličan avatar za svoj profil na društvenim mrežama, možete čak upotrijebiti i vlastitu fotografiju ili bilo koju sliku za referencu sa Envato Marketa. Isprobajmo ga!

1. Izradite Avatar Wolverine-a

1. korak

Oblikujmo lice Wolverine-a počevši sa njegovom bradom. Uzmite Rectangle Tool (M) i napravite oblik dimenzija 100 x 60 px, u roskasto-bež boji kože. Dok je oblik selektiran, idite na Object > Path > Add Anchor Points kako biste u sredini sa svake strane dodali točku.

create face from the rectangle 1create face from the rectangle 1create face from the rectangle 1

2. korak

Oblikujmo bradu. Selektirajte donju lijevu sidrišnu točku sa alatom Direct Selection Tool (A) i pritisnite Enter da otvorite Move prozor. Podesite Horizontal vrijednost u 20 px i Vertical u 0 px. Kliknite OK da pomaknete našu točku 20 px udesno.

Ponovite isto za donju desnu sidrišnu točku, ali ovaj put podesite Horizontal vrijednost u -20 px kako bi pomaknuli točku u suprotnom smjeru.

create face from the rectangle 2create face from the rectangle 2create face from the rectangle 2

3. korak

Zaokružimo sada i zagladimo oblik brade uz pomoć Live Corners funkcije. Alatom Direct Selection Tool (A) odaberite sve sidrišne točke osim gornje dvije i povucite gore Live Corners markere od kruga, lagano zaokružujući rubove.

Ako koristite starije verzije Adobe Illustratora koje nemaju ovu funkciju, možete umjesto toga upotrijebiti Effect > Stylize > Round Corners. Ali pripazite jer će svi krugovi biti zaobljeni. U tom slučaju, dok držite tipku Alt, upotrijebite Eraser Tool (Shift-E) kako biste gornji oblik ponovno izravnali.

make the chin rounded using live cornersmake the chin rounded using live cornersmake the chin rounded using live corners

4. korak

Oblikujmo sada gornji dio lica. Izradite pravokutnik dimenzija 100 x 75 px. Idite na Object > Path > Add Anchor Points.

shape the upper part of the faceshape the upper part of the faceshape the upper part of the face

5. korak

Uredimo malo liniju gdje će biti kosa. Selektirajte gornju srednju sidrišnu točku sa alatom Direct Selection Tool (A) i pomaknite je za 10 px dolje. Prebacite u Anchor Point Tool (Shift-C) i povucite gore sidrišne drške selektirane točke, kao što je prikazano dolje na slici. Na ovaj način oblikujemo linju kose poput galeba u daljini kao što je prikazano na slici ispod.

adjust the hairlineadjust the hairlineadjust the hairline

6. korak

Pomaknite malo drške gornje lijeve i desne sidrišne točke kako bi linija kose bila ljepše zaobljena i vitičasta..

make the hairline more flowingmake the hairline more flowingmake the hairline more flowing

7. korak

Pripazimo da su dijelovi lica savršeno poravnati jedan do drugog. Koristiti ćemo istu tehniku i dalje kad ćemo trebati poravnati objekte jedne do drugih.

Selektirajte oba dijela lica sa alatom Selection Tool (V) i kliknite gornji oblik još jednom da ga napravite kao Key Object. Biti će označen debljom linijom oko oblika. Sada idite u Align panel i kliknite Horizontal Align Center. Na ovaj način ćemo poravnati bradu sa gornjom oblikom.

align the shapes to the centeralign the shapes to the centeralign the shapes to the center

8. korak

Pomaknite gornji dio lica dolje, pripajajući ga bradi.

attach the parts of the faceattach the parts of the faceattach the parts of the face

9. korak

Opet upotrijebite Move funkciju da pomaknete gornji lijevi i desni kut malo bliže jedan drugome kako bi suzili malo oblik.

make the face narrowermake the face narrowermake the face narrower

10. korak

Nacrtajmo sada Wolverine-ovu dobro poznatu frizuru! Naoružajte se alatom Pencil Tool (N) i nacrtajte lijevi dio kose. Spojite ekstremne sidrišne točke ili sa Pencil Tool (N) ili sa Pen Tool (P) kako biste desni rub oblika izravnali i učinili četvrtastim.

draw hair with pencil tooldraw hair with pencil tooldraw hair with pencil tool

11. korak

Ispunite oblik tamno sivom bojom. I prebacimo kopiju na drugu stranu da napravimo drugi dio frizure. Dvaput kliknite Reflect Tool (O) da otvorite izbornik i odaberete Vertical Axis. Kliknite Copy i spojite desni dio frizure.

form the hairdoform the hairdoform the hairdo

12. korak

Dodajmo sada uši. Uzmite Ellipse Tool (L) i napravite oval dimenzija 15 x 30 px. Pripojite oblik licu i malo ga nakrivite. Dodajte drugo uho uz pomoć alata Rectangle Tool (O).

add the ears with ellipse tooladd the ears with ellipse tooladd the ears with ellipse tool

13. korak

Oblikujmo sada Wolverine-ovu bradu! Prije svega, kliknite Copy i kopirajte oblik pa zatim Paste in Front (Control-C > Control-F). Upotrijebite Eyedropper Tool (I) da odaberete boju s kose i primijenite je na napravljenu kopiju.

Uzmite Ellipse Tool (L) i napravite oblik dimenzija 125 x 130 px smještajući ga iznad gornjeg dijela lica. Sada možete vidjeti da se brada počela pojavljivati na dnu lica.

form the beard 1form the beard 1form the beard 1

14. korak

Dodajte drugu elipsu manje veličine (60 x 45 px), djelomično prekrivajući bradu.

form the beard 2form the beard 2form the beard 2

15. korak

Selektirajte oba oblika i kliknite Unite u Pathfinder panelu združujući ih u jedan oblik.

Unite the shapes in PathfinderUnite the shapes in PathfinderUnite the shapes in Pathfinder

16. korak

Izrežimo sada elipse ostavljajući samo tamno sive dijelove za bradu. Selektirajte tamno sivi oblik i združene elipse, te upotrijebite Minus Front funkciju iz Pathfinder panela da odrežete oblike.

use minus front to cut out the bearduse minus front to cut out the bearduse minus front to cut out the beard

17. korak

Dodajmo nekoliko kovrči na Wolverine-ovo čelo. Napravite elipsu dimenzija 60 x 5 px. Selektirajte mu sidrišne točke sa strane sa Direct Selection Tool (A) i učinite vrhove oblika šiljastim koristeći funkciju Convert selected anchor points to corner na kontrolnom panelu pri vrhu.

Dok je oblik selektiran idite na Effect > Warp > Arc. Podesite Horizontal Blend vrijednost u 30% i kliknite Object > Expand Appearance da primijenite efekt.

form a hair lock from ellipseform a hair lock from ellipseform a hair lock from ellipse

18. korak

Liniji kose pripojite izrađenu kovrču i dodajte pokraj manju kopiju.

Attach the created hair lock to the hairlineAttach the created hair lock to the hairlineAttach the created hair lock to the hairline

19. korak

Dodajmo vrat. Napravite pravokutnik tamnije boje kože, dimenzija 60 x 70 px. Smjestite vrat ispod glave odabirom na Move to Back (Shift-Control-[). Prilagodite dužinu vrata pomičući ga gore ili dolje, skrivajući nepotrebni dio ispod glave.

Za ovratnik dodajte još jedan pravokutnik dimenzija 75 x 25 px i ispunite ga tamnom plavo-sivom bojom.

add neck and collar from rectanglesadd neck and collar from rectanglesadd neck and collar from rectangles

20. korak

Oblikujmo torzo. Napravite pravokutnik dimenzija 160 x 110 px, svjetlije sivo-plave boje i smjestite ga točno ispod ovratnika. Ako je potrebno, poravnajte sve oblike u sredinu.

Selektirajte donju sidrišnu točku sa alatom Direct Selection Tool (A) i pritisnite Enter da otvorite Move prozor. Pomaknite točku dalje ulijevo podešavajući Horizontal Position vrijednost u -20 px.

Pomaknite desnu sidrišnu točku u suprotnom smjeru šireći donji dio pravokutnika i oblikujući trapez.

form a torso from rectangleform a torso from rectangleform a torso from rectangle

21 korak

Upotrijebite Live Corners funkciju (ili Round Corners efekt) da zaokružite ramena torza.

Na ovratnik dodajmo okrugli X-Men znak. Napravite krug dimenzija 28 x 28 px sa Ellipse Tool (L) tamno sive ispune (Fill) i debelim žutim potezom (Stroke) čiji Stroke Weight podesite u 5 pt u gornjem kontrolnom izborniku.

Upotrijebite Line Segment Tool (\) da oblikujete dva žuta 5 pt poteza za znak X u sredini.

make the X-Men round emblemmake the X-Men round emblemmake the X-Men round emblem

22. korak

Dodajmo našem avataru bazu. Napravite žuti kvadrat dimenzija 300 x 300 px i kliknite Send to Back (Shift-Control-[) da ga stavite ispod lika. Klikom na Group (Control-G) grupirajte sve dijelove Wolverine-a i promijenite mu veličinu tako da njegova silueta pristaje u kvadrat. Možete ostaviti donji dio torza izvan kvadrata, kao što je prikazano na slici ispod.

Kopirajte kvadrat i kliknite Bring to Front (Shift-Control-]), da ga stavite iznad svih objekata.

Konačno, selektirajte sve (Control-A), kliknite desnim gumbom miša i zatim kliknite Make Clipping Mask što će sakriti neželjene dijelove izvan kvadrata. Odlično!

make the base from squaremake the base from squaremake the base from square

Sada imamo završen prvi avatar X-Mena! Krenimo dalje na sljedeći.

wolverine avatarwolverine avatarwolverine avatar

2. Nacrtajte Avatar Mystique

1. korak

Naš drugi lik će biti fenomenalna Mystique.

Počnimo oblikovanjem njezinog lica od brade, kao što smo učinili na prijašnjem. Uzmite bradu Wolverine-a s našeg prvog avatara i izmijenite je malo više zaokružujući rubove uz pomoć Live Corners funkcije. Selektirajte donju srednju sidrišnu točku (vrh brade) i malo je zašiljite odabirom Converting to Corner u Convert meniju na vrhu.

form the chinform the chinform the chin

2. korak

Oblikujmo sada gornji dio lica. Izradite pravokutnik dimenzija 100 x 60 px i kliknite Align da ga poravnate sa oblikom brade. Upotrijebite Direct Selection Tool (A) da selektirate obje gornje (lijevu i desnu) sidrišne točke i potpuno zaokružite gornji oblik.

Upotrijebite Anchor Point Tools (Shift-C) da oblikujete srcoliku liniju kose stavljajući sidrišne drške kao što je prikazano na slici ispod.

form the hairlineform the hairlineform the hairline

3. korak

Spojite gornji dio lica s donjim dijelom i promijenite boju kože u plavu.

Dodajmo oblik frizure! Napravite crveni pravokutnik dimenzija 100 x 80 px i stavite ga ispod lica u gornjem dijelu glave. Potpuno zaokružite vrh pravokutnika.

Pozicionirajte oblike jedan prema drugome. U mojem slučaju, gornji dio lica sam pomaknula više prema dolje da skratim lice i otkrijem malo više frizuru.

recolor the skin and add hairrecolor the skin and add hairrecolor the skin and add hair

4. korak

Dodajte uši i vrat Mystique-inoj glavi. Oblikujte trapez za torzo i ovaj put združite torzo i vrat klikom na Unite u Pathfinder panelu.

add ears neck and torsoadd ears neck and torsoadd ears neck and torso

5. korak

Upotrijebite Direct Selection Tool (A) da selektirate sidrišne točke na dnu vrata. Zaokružite ih koristeći Live Corners funkciju. Zaokružite također i ramena formirajući glatku, nježnu siluetu.

make the silhouette roundedmake the silhouette roundedmake the silhouette rounded

6. korak

Upotrijebite Ellipse Tool (L) da napravite elipsu dimenzija 5 x 10 px, malo tamniju od boje lica. Dodajte licu malo neravnomjerno raspoređenih točkica, različitih veličina.

add elliptical spotsadd elliptical spotsadd elliptical spots

7. korak

Završite sa avatarom Mystique dodajući nešto točkica njezinom tijelu i smještanjem lika u masku kvadrata sa tamno plavom pozadinom.

Mystique avatarMystique avatarMystique avatar

3. Renderirajte Avatar Magneta

1. korak

Napravimo glavu i kacigu za Magneta. Kopirajte bazu tijela od Wolverine-a i promijenite gornji dio glave zamjenom Wolverine-ovog lica i kose sa pravokutnikom dimenzija 100 x 75 px. Potpuno zaokružite vrh glave koristeći Live Corners funkciju.

Na vrhu napravite pravokutnik (malo veći od glave) i također mu zaokružite gornji dio. To će biti Magnetova kaciga.

Ja u ovom stadiju također uklanjam i uši te podesim Fill boju kacige u None kako bih jasno vidjela glavu.

make Magnetos helmet from rectanglemake Magnetos helmet from rectanglemake Magnetos helmet from rectangle

2. korak

Formirajmo sada prednje dijelove kacige. Ako se sjećate X-Men filmova, Magneto ima veliki izrez za oči, nos i usta.

Napravite malu elipsu i smjestite je u područje očiju s lijeve strane, kao što je prikazano dolje na slici. Upotrijebite Reflect Tool (O) da napravite i drugu elipsu. Dodajte vertikalnu prugu kombinirajući je sa rupama za oči. Konačno, selektirajte izrađene elipse i prugu te ih združite klikom na Unite u Pathfinder panelu.

make the elements of the helmet 1make the elements of the helmet 1make the elements of the helmet 1

3. korak

Prebacite Fill boju kacige u tamno ljubičastu, a središnji oblik u bilo koju kontrastnu boju, na primjer žutu. Zadržite žuti oblik selektiran, idite na Object > Path > Offset Path i podesite Offset vrijenost u 5 px, praveći veći oblik.

make the elements of the helmet 2make the elements of the helmet 2make the elements of the helmet 2

4. korak

Selektirajte kacigu i manji žuti oblik. Upotrijebite Minus Front funkciju iz Pathfinder panela da izrežete oblik.

Sada imamo tamniji žuti oblik i kacigu sa rupom u sredini.

Use the Minus Front functionUse the Minus Front functionUse the Minus Front function

5. korak

Dok su oba oblika selektirana, naoružajte se alatom Shape Builder Tool (Shift-M), držite pritisnutu tipku Alt i kliknite u sredinu tamno žutog oblika koji trebamo obrisati. Odlično! Sada možemo vidjeti lice.

use the Shape Builder Tooluse the Shape Builder Tooluse the Shape Builder Tool

6. korak

Promijenite tamno žutu boju u svijetlo ljubičastu kako bi se boja ljepše uklopila sa kacigom. I dodajmo tanku prugu od 5 px na dnu kacige također. Upotrijebite opet Shape Builder Tool (Shift-M) da obrišete nepotrebne dijelove pruge izvan kacige.

complete the helmetcomplete the helmetcomplete the helmet

7. korak

Poradimo malo na Magnetovom odijelu. Potamnite ga promjenom Fill boje u tamnu sivo-ljubičastu. Dodajte tanku liniju u sredini odijela koja predstavlja stilizirani patent zatvarač.

I potamnimo malo ramena. Uzmite Line Segment Tool(\) i nacrtajte dvije dijagonalne linije preko ramena. Selektirajte obje linije i torzo te upotrijebite  Shape Builder Tool (Shift-M) da kliknete dijelove ramena koje trebamo odrezati. Prekrasno—sada su dijelovi ramena odvojeni od ostatka torza i možemo ih potamniti.

Ne zaboravite obrisati dijelove linije koje ne trebamo.

add details to the suiteadd details to the suiteadd details to the suite

8. korak

Napravite svijetlo ljubičastu bazu avatara i upotrijebite Clipping Mask da formirate kompoziciju.

I na kraju, upotrijebite Convert funkciju da vanjske kuteve izreza za oči učinite šiljastima. Uredite oblike sa alatom Direct Selection Tool (A).

make the eyes pointedmake the eyes pointedmake the eyes pointed

Odlično! Magnetov avatar je završen. Ostao nam je još posljednji!

The Magnetos avatar is readyThe Magnetos avatar is readyThe Magnetos avatar is ready

4. Nacrtajte avatar Rogue

1. korak

Naš posljednji avatar će biti zgodna mlada Rogue.

Napravimo duplikat cijele siluete Mystique-inog avatara i upotrijebimo je za bazu Rouge-ina avatara promjenom boje i uklanjanjem točkica s tijela.

duplicate Mystiques bodyduplicate Mystiques bodyduplicate Mystiques body

2. korak

Selektirajte središnju točku linije kose sa Direct Selection Tool (A) i pomaknite je malo u desno mijenjajući oblik linije kose.

Sada uzmite Pencil Tool (N) i napravite lagano iskrivljenu liniju za pramen kose na šiškama.

change the hairchange the hairchange the hair

3. korak

Modificirajmo šiške. Prebacite Stroke boju u svijetlo sivu. Idite na Stroke panel (Window > Stroke) i podesite Weight u 16 pt podebljavajući pramen.

Podesite Cap i Corner u srednju poziciju da vrhove poteza učinite zaobljenim.

Konačno, promijenite Profile u Width Profile 5 (jedan od zadanih profila u padajućem izborniku) i upotrijebite Flip Along gumb pokraj da promijenite smjer linije poteza. Odlično odrađeno!

Dodajte vertikalni potez  svijetle bež boje na vrh tamne kose za razdjeljak. Podesite Stroke Weight u 1.5 pt i Profile u Width Profile 1.

make a bang from a strokemake a bang from a strokemake a bang from a stroke

4. korak

Dodajte još jedan pramen na suprotnu stranu lica i upotrijebite slične postavke kao u prijašnjem koraku. Možete upotrijebiti Eyedropper Tool (I) da odaberete boju s prijašnjeg pramena i primijenite je na novi smanjujući Weight u 12 pt.

Kopirajte ovratnik od Wolverine-ovog avatara i smjestite ga na Rogue-in vrat.

add a second lock the the hairadd a second lock the the hairadd a second lock the the hair

5. korak

Sada je obucimo.  Selektirajte oblik tijela i upotrijebite Knife alat da prepolovite oblik u dva dijela. Ispunite torzo tamno sivom bojom koja predstavlja X-Men odijelo.

add a dark suiteadd a dark suiteadd a dark suite

6. korak

Rogue-inom odijelu dodajte patent zatvarač i X-Men logo.

add details to the suitadd details to the suitadd details to the suit

7. korak

Završite avatar dodavanjem zelene kvadratne baze i stavljanjem objekata u Clipping Mask.

Avatar of RogueAvatar of RogueAvatar of Rogue

Sjajno! Naši X-Men Flat Avatari su Završeni!

Obavili smo fantastičan posao! Po vlastitoj želji možete nastaviti uređivati avatare i dodati još manjih detalja. Štoviše, ove jednostavne tehnike možete upotrijebiti da izradite cijeli X-Men tim uključujući i dobre momke i zlikovce!

Zabavite se!

X-men flat avatars are finishedX-men flat avatars are finishedX-men flat avatars are finished
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