30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Global Influences
Design

Kako Izraditi Set Vela i Hijab Avatara u Adobe Illustratoru

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Što je "Hijab" i zašto se nosi?

Hijab na arapskom jeziku zapravo znači "pokriveno" ili veo/marama za glavu, ali češće se odnosi na žene islamskog porijekla koje prekrivaju glavu kao dokaz vjere, znak skromnosti, ili izražavaju svoj kulturalni identitet. Riječ "hijab" se također odnosi na nošenje opuštene, neotvorene odjeće, upotpunjene pokrivalom/maramom za glavu.

Pratite ovaj Adobe Illustrator tutorial i naučimo zajedno kako dizajnirati različite stilove hijab avatara koristeći jednostavne alate i korisne prečace. Do kraja ovog tutoriala moći ćete razlikovati stilove hijaba i povezati ih sa regijama u kojima se nose, te kreirati vlastite avatare.

Istražite dodatnu inspiraciju za izvrsne Hijab Dizajne na GraphicRiver-u.

Počnimo sa tutorialom!

1. Kako Podesiti Avatar Projekt

1. korak

Počnite traženjem nekih foto referenci hijaba kako biste mogli razlikovati stilove i shvatiti način na koji se nose.

Postoje razni stilovi "hijaba", sa različitim imenima. Mi ćemo ilustrirati osam najčešćih:

  1. Najpopularniji hijab je Shayla: To je opušteni, dugi, pravokutni šal koji je lagano omotan tako da prekrije cijelu glavu i uguran ili pričvršćen pribadačom na ramenima, ostavljajući vrat i lice nepokrivenima. Ponekad je modno stiliziran sa broševima ili kvačicama, i popularan je u zemljama na području Perzijskog zaljeva kao što su Ujedinjeni Arapski Emirati, Kuvajt, Bahrein, Oman, Irak, Katar i Saudijska Arabija.
  2. Drugi najčešće nošeni u području Perzijskog zaljeva odnosi se samo na Hijab. Sličan je Shayli ali kvadratnog je oblika. Razlikuju se po tome što krajevi završavaju sa strane lica umjesto da su položeni na ramena kao što je Shayla.
  3. Niqāb je veo za prekrivanje lica koji otkriva oči, ali pokriva usta i nos, a nosi se maramom za glavu koja se zove Khimar.
  4. Khimar je duga marama poput plašta koja okružuje lice i spušta se do sredine leđa. Prekriva glavu, vrat i ramena. Uglavnom se nosi u Iranu.
  5. Chador je veoma dugačak plašt bez otvora za ruke, koji prekriva cijel tijelo do stopala. Drži se rukama i omotava oko glave, ponekad prekrivajući usta. Najčešće se nosi u Iranu ili tijekom vjerskih hodočašća.
  6. Gulf Burqa ili Batula je zlatni ili metalni dekorativni komad, koji nose žene u Ujedinjenim Arapskim Emiratima, Bahrainu, Omanu, Kataru i regijama u Južnom Iranu. Horizontalnog je "H" oblika i djelomično pokriva čelo i gornju usnu. Nosi se preko Shayla/Hijaba i češće se viđa na starijim ženama.
  7. Iranska Burqa je potpuno drugačija od one iz zemalja s područja Perzijskog zaljeva. Uglavnom ga nose u Iranu i Središnjoj Aziji. prekriva cijelo lice i tijelo, ostavljajući malenu mrežu za oči.
  8. Al-Amira hijab je dvodijelni veo koji se nosi u dijelovima Azije i Perzijskog zaljeva. Prvo, udoban, jednodijelni obruč poput tube klizi preko glave i konturira lice. Zatim se na njega zakvači Hijab.

U današnjem svijetu, hijab moda je zauzela različite modne trendove, raznobojne dekorativne printove, uzorke i izvezene stilove, ali je zadržala svoju skromnost i jednostavnost.

Upotrijebite Adobe Photoshop da skicirate jedno tijelo i gornji dio tijela i umnožite skicu uzduž radne površine tako da imamo značajke na svim avatarima. Zatim preko svakog avatara skicirajte različite tipove vela.

Savjet: Digitalni/Grafički Tablet pomaže ubrzati proces.

Pohranite (Save) skicu u JPG formatu.

hijab avatar sketches

2. korak

Pokrenite Adobe Illustrator.

Idite na File > New (Control-N) da otvorite New Document (novi dokument) i podesite dimenzije:

Name: "Hijab_Avatars".

  • Number of Artboards: 1
  • Width: 680 px
  • Height: 680 px
  • Units: Pixels
  • Color Mode: RGB

Koristeći Place prečac (Command-Shift-P), smjestite i ekspandirajte skicu, tako da jedna skica avatara bude u sredini radne površine.

Place sketch onto artboard hijab adobe illustrator

Zatim zamaglite sloj tako da možemo ilustrirati preko skice.

Otvorite Layers karticu, Window > Layers.

Napravite dvostruki klik na sloj ili kliknite na pod-izbornik Layers kartice, i:

  • Name: Sketch
  • Check: Lock
  • Dim Images to: 20%
  • Kliknite OK.
layer dim sketch lock Illustration adobe Illustrator

Iznad 'Sketch' skice izradite novi sloj (Create New Layer) i nazovite ga 'Body'.

Idite na File > Save (Command-S) i da pohranite Illustrator datoteku.

2. Kako Izraditi Bazu Avatara

1. korak

Počnite crtanjem okrugle pozadine koja će pristajati dimenzijama avatara. U Tools izborniku podesite Fill bez boje i za Stroke odredite crnu.

Odaberite Ellipse Tool (L) u Tools izborniku. Kliknite jednom na radnu površinu (Artboard) i otvoriti će se Ellipse dijaloški okvir. Za Width i Height kruga unesite 680 px kako bi odgovarao veličini radne površine.

create a circular background

Smjestite krug na sredinu radne površine.

Zatim odaberite Pen Tool (P) i sa Fill bojom podešenom na  None, Stroke bojom podešenom u crnu, precrtajte dijelove lijeve strane lica, vrata i tijela. Drugu stranu ćemo kasnije zrcalno reflektirati.

Za crtanje zjenica upotrijebite Ellipse Tool (L).

Selektirajte Ellipse Tool (L), držite Option i Shift tipke i povucite da ograničite selekciju.

Vaša ilustracija bi trebala biti slična ovoj:

trace with the pen tool

2. korak

Sljedeća je na redu boja. Svakom dijelu lica podesite Fill boju po vlastitom izboru.

Nene elemente ćete možda morati poravnati u Align kartici na sprijeda ili straga..

Kako biste pomaknuli selekciju na gornju ili donju poziciju, selektirajte objekt i odaberite Object > Arrange > Bring to Front (Shift-Command-]) ili Object > Arrange > Send to Back (Shift-Command-[).

Kako biste pomaknuli objekte za samo jedan korak otraga ili naprijed, selektirajte objekt i odaberite Object > Arrange > Send Backward (Command-[) ili Object > Arrange > Bring Forward (Command‑]).

Stoga pomaknite svaku značajku prema njezinom odgovarajućem rasporedu sloja. Ilustracija bi trebala izgledati slično ovoj:

fill the half side of the face

Kako biste obrazima dodali rumenilo, upotrijebite svijetlu nijansu ružičaste čiji Hex Code je #F9CDD9.

Otvorite Transparency izbornik: Window > Transparency. U Transparency izborniku, podesite Blending Mode u Multiply.

U glavnom izborniku, idite na Effect > Stylize > Feather, i podesite ga na 8 px.

add blush to the cheeks

3.korak

Nakon toga, moramo zrcalno reflektirati neke značajke kako bismo lice avatara učinili simetričnim.

Koristeći Selection Tool (V), selektirajte značajke koje ćete zrcaliti.

Odaberite Reflect Tool (O) i podesite plavu središnju referentnu točku u sredinu radne površine; idite na Option-Shift-Povucite i otpustite kada je objekt ispravno zrcalno reflektiran na poziciju.

mirror the avatar features

Možda ćete morati urediti neke elemente koristeći Direct Selection Tool (A).

4. korak

Odaberite Pen Tool (P). Podesite Fill u None, Stroke u crnu boju i dodajte neke vizualne efekte kako biste radu dodali malo više osobnosti. Sada ne izgleda toliko simetrično i beživotno. Na primjer, jednostavna sjena na vratu ili lijepi odsjaj na usnama pomoći će oživjeti sliku.

add shadows and shine

Novim značajkama odredite Fill boju i pomoću Align funkcije ih međusobno poravnajte.

Kada završite, selektirajte sve elemente (osim okrugle pozadine avatara) i
idite na Command-G da grupirate zajedno elemente. 

Zatim idite na File > Save (Command-S).

group the elements together

3. Kako Izraditi Višestruke Hijab Avatare

1. korak

Sada kada su izrađene sve osnovne značajke avatara, trebali bismo duplicirati radnu površinu (artboard) da izradimo naših osam Hijab stilova koristeći iste elemente avatara.

U glavnom izborniku, idite na Window > Artboards. Da duplicirate radnu površinu (artboard) sa sadržajem na Artboard kontrolnoj kartici, kliknite padajući izbornik i odaberite Duplicate Artboards.

Napomena: Pripazite da vam je sav sadržaj koji želite duplicirati otključan kako biste ga mogli duplicirati.

Izradite sedam dodatnih Artboard radnih površina.

create multiple avatars

Za njihov prilagođeni redoslijed iz Artboard kontrolne kartice, kliknite na padajući izbornik, odaberite Rearrange Artboards i podesite je na:

  • Layout: Grid by Row
  • Columns: 4
  • Spacing: 25 px
  • Kliknite OK.
arrange the order of the artboards

2. korak

Sada moramo pomaknuti skicu iznad svih avatara kako bismo mogli vidjeti i precrtati svaki hijab.

U Layers kartici, otključajte 'Sketch' sloj, selektirajte skicu i pomaknite je na 'Body' sloj.

Blending Mode skice podesite u Multiply kako bismo mogli vidjeti kroz sloj nakon što ga pravilno položimo preko avatara.

trace the sketches for the hijabs

U Layers kartici, zaključajte 'Body' sloj.

Moramo pomaknuti skicu pomoću Selection Tool (V) alata da je poravnamo sa radom koji smo kreirali.

Prerasporedite 'Sketch' sloj tako da ga odvučete iznad 'Body' sloja i promijenite mu naziv u 'Hijabs'.

align the sketch to the artwork

3.korak

Zatim počnite precrtavati preko linijskog crteža hijaba, koristeći Pen Tool (P) alat. Podesite Fill u None i Stroke u crnu boju.

  1. 1. Precrtajte konturu.
  2. Nacrtajte dijelove koji će biti ispunjeni bojom.
trace the hijab linework

Nakon što ste položili linije:

  1. Konturama hijaba podesite Fill u crnu boju.
  2. "Popunjenim dijelovima" podesite Fill u sivkastu boju. Izmjenjujte sive tonove kako ilustracija ne bi izgledala previše jednostavno.
  3. Kada je potrebno, premjestite objekte sprijeda ili straga. Idite na Object > Arrange > Send Backward (Command-[) ili Object > Arrange > Bring Forward (Command‑]).
fill in the hijabs

Sa Pen Tool (P) alatom, dodajte malo svijetlo sivih odsjaja na mjestima na kojima je vizualno prikladno.

add grey highlights
  1. U Layers kartici otključajte "Body" sloj. Upotrijebite Selection Tool (V) da pomaknete skicu pokraj artboard radne površine i položite odgovarajući hijab preko avatara.
  2. Zaključajte "Body" sloj i selektirajte "Hijab" sloj da opet počnete precrtavati.

4. korak

Ponavljajte ove korake dok ne precrtate sve avatare i ispunite ih.

Kada završite, uklonite skicu.

Sada otključajte "Body" sloj, selektirajte skicu i obrišite je.

create all the hijab avatars

5. korak

Dodajmo sada hijabu sjenu koja pada na tijelo avatara.

Idite na Create New Layer u Layers kartici (između 'Body' i 'Hijab' sloja) i novi sloj nazovite 'Cast Shadow'.

Sada uzmite Pen Tool (P) te podesite Fill u None i Stroke u crnu boju..

add a cast shadow

Dodajte padajuću sjenu svim avatarima.

add cast shadows to all avatars

6. korak

Selektirajte sve ilustrirane padajuće sjene. Dodajte im Fill koji podesite u svijetlu bež boju čiji hex code je #DFB07C.

U Transparency kartici podesite Blending Mode u Multiply. Ovaj efekt će baciti lijepu sjenu preko svih lica.

Add shadows to their faces

7. korak

Primijetiti ćete malo praznog prostora iza lica i vrata nekih avatara. Moramo ih ispuniti.

Pobrinite se da radite na 'Body' sloju, koji selektirate u Layers kartici.

  1. Odaberite Ellipse Tool (L) u Tools kartici i docrtajte ih preko tih praznih područja.
  2. Idite na Object > Arrange > Send to Back (Shift-Command-[) da ih pošaljete iza značajki.
fill in the empty spaces

8. korak

Dodajmo boju.

Na šestom Artboardu je Gulf Burqa koja mora biti metalik srebrne ili zlatne boje.

Upotrijebite Selection Tool (V) i selektirajte dijelove Burqa-e kako biste im dodali dva različita žuta tona. To će pomoći kreirati 2D efekt pomoću boja:

  • Tamno Smeđa: Hex Code #FFCE02
  • Svijetlo Žuta: Hex Code #FFDE52
add color to the burqa

9. korak

Dodajmo pozadini avatara neke ženstvene boje poput ružičaste, ljubičaste, koraljne i pastelne.

Sa Selection Tool (V), selektirajte svaku okruglu elipsu koju smo izradili za pozadinu avatara i dodajte im ženstvene boje po vlastitom izboru.

Zatim idite na Object > Arrange > Send to Back (Shift-Command-[).

add background colors

4. Kako Dovršiti Datoteku i Eksportirati je

1. korak

U Layers kartici, (iznad 'Hijab' sloja) izradite novi sloj (idite na Create a New Layer) i nazovite ga 'Avatars'.

  1. Koristeći Selection Tool (V), selektirajte ružičaste pozadine.
  2. Zatim idite na Copy (Command-C).
  3. I Paste in Front (Command-F).
  4. U Layers kartici, odvucite selekciju na 'Avatars' sloj.
Create the final avatars
  1. Zaključajte 'Avatar' sloj.
  2. Isključite Toggle Visibility (ikona oka) u Layers kartici, kako bismo mogli vidjeti slojeve ispod.

2. korak

Zatim moramo grupirati svaki avatar zajedno s njegovim sadržajem.

  1. Koristeći Selection Tool (V), selektirajte sve ružičaste pozadine.
  2. Idite na Object > Lock > Selection (Command-2).
  3. Selektirajte sve elemente jednog avatara i idite na Group (Command-G) da ih grupirate zajedno.
group each avatars components

Moramo malo uvećati ilustraciju kako bi pristajala unutar dimenzija kruga.

Sa selektiranom novom grupom, idite na Object > Transform > Scale. Otvoriti će se Scale dijaloški okvir, pa unesite:     

  • Uniform: 110%
  • Odaberite Preview da vidite uvećava li se ispravno
  • Kliknite OK.
scale up the artwork

Ponavljajte ove korake dok ne grupirate sve avatare i uvećate ih.

3. korak

Uključite Toggle Visibility za 'Avatare' klikom na ikonu oka u Layers kartici i otključajte sloj.

Trebamo Clipping Mask kako bi avatar pristajao unutar dimenzija kruga.

Počnite sa prvim Artboard-om i nastavite raditi dalje na preostalima.

  1. Selektirajte avatar.
  2. Selektirajte elipsu na vrhu.
  3. Idite na Object > Clipping Mask > Make (Command-7).
clip the avatars to the circles

Nastavite primjenjivati jednake korake sa sedam preostalih Artboarda.

clip all the avatars

4. korak

Na kraju, u Artboard kartici, imenujte svaki artboard prema velu. Pogledajte ispod:

name each artboard

5. korak

Idite na File > Export As.

Za Format, odredite PNG kojem podesite Transparent pozadinu ili JPG sa bijelom pozadinom, ovisno o tome kako ili gdje ćete koristiti datoteku. Pripazite da vam je Use Artboards opcija selektirana. Zatim idite na Export.

Sada će se pojaviti PNG dijaloški okvir. Podesite Resolution na Screen (72 ppi) i kliknite OK.

export the avatars

Odlično! Naš Set Hijab Avatara je Završen!

Čestitam! Odradili smo izvanredan posao u izradi hijab avatara koristeći osnovne prečace te Pen i Ellipse alate. Ove jednostavne tehnike možemo upotrijebiti za proširenje seta i izradu dodatnih izvanrednih avatara za naše kontakte ili račune na društvenim mrežama.

hijab avatars on instagram and social media

Uživajte u njihovoj izradi i objavljivanju na bilo koji vaš profil društvenih mreža!

Hijab Avatars Adobe Illustrator Tutorial by Miss Chatz
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.