Cum se creează o sabie elementară asemănătoare desenelor animate în Adobe Illustrator

Ce veți crea

În acest tutorial vă voi arăta cum să creați propria sa desen animat, cum ar fi Elemental Sword, care ar putea fi utilă în viitoarele proiecte.

Tutorialul se va baza în cea mai mare parte pe utilizarea Instrumentului Pen și a altor funcții ușor de oferit de Adobe Illustrator. Deci sa începem!

1. Configurarea documentului nostru

Deschideți Adobe Illustrator și creați un nou document utilizând fie Control-N prin comanda rapidă sau prin accesarea Fișier> Nou.

După ce apare fereastra pop-up, configurați-vă documentul după cum urmează:

  • Numărul de tablouri: 1 (cum vom crea doar o ilustrare)
  • Lăţime: 640 px
  • Înălţime: 1400 px
  • Unități: pixeli (așa cum vom crea pentru mediul digital)

Și de la Avansat fila:

  • Modul color: RGB (ecrane digitale)
  • Efecte Raster: Ecran (72 ppi)
  • Aliniați obiectele noi la grilă pixel: bifați (așa cum dorim ca totul să arate claritatea pixelilor)

Sfat rapid: efectele raster controlează modul de afișare a umbrelor, texturilor și a altor efecte pe diferite suporturi media. Dacă începeți să creați pentru digital, dar la finalul proiectului decideți că doriți să tipăriți designul pe hârtie, va trebui să vă asigurați că Efecte Raster sunt setate la o valoare minimă de 300 ppi. Cel mai rapid mod de a face acest lucru este să mergeți la Efect> Setări efecte raster pentru documente și de la Rezoluţie secțiunea schimbă la 300.

2. Plasarea documentului nostru

Ca și în cazul oricărei ilustrații orientate spre detaliu, îmi place să plasez piesele care fac acest lucru, astfel încât să pot accesa și edita cu ușurință secțiunile de care am nevoie.

Presupunând că aveți câteva cunoștințe de bază despre modul în care funcționează straturile, continuați și creați optstraturi și denumiți-le după cum urmează:

  1. fundal
  2. schiță
  3. umbră
  4. sabia mâner
  5. lamă
  6. mână de pază
  7. gradient overlay
  8. textură

S-ar putea să fi observat că unele dintre straturile etichetate par inversate dintr-o perspectivă logică (lama și protecția mâinilor), dar asta doar pentru că avem nevoie de lama pentru a fi poziționată sub stratul de protecție a mâinilor.

3. Schițarea unor linii aspre

Odată ce documentul nostru este configurat și stratificat în mod corespunzător, este timpul să începem să desenăm câteva linii aspre care ne vor ajuta să construim ilustrația reală. Dacă aveți o tabletă sau sunteți foarte priceput cu mouse-ul, puteți începe să desenați direct în Illustrator utilizând Instrumentul pentru perie Blob (Shift-B). Pe de altă parte, dacă preferați să utilizați combinația tradițională de stilou și hârtie, puteți scana și importa cu ușurință schița în Illustrator după aceea. Totul depinde de tine.

În cazul meu, voi merge pe deplin digital și începeți să așezați conturul sabie direct pe stratul de schiță.

Înainte de a începe, aș dori să subliniez că liniile dvs. (atât cele schițate cât și cele trasate) nu trebuie să fie perfecte. După cum puteți vedea, ilustrația urmează un stil de cartonare mai mult, cu linii care rupe factorul natural, realist, și făcând astfel să creeze ceva care arată ca și cum ar proveni dintr-o carte pentru copii.

4. Definirea formelor noastre de bază

Pasul 1

Odată ce terminăm cu partea de schiță, este timpul să definim cele trei forme de bază care vor compune sabia noastră. Vom face acest lucru începând cu mânerul, așa că du-te la stratul mânerului sabia și începe trasarea cu Instrument Pen (P), folosind schița ca ghid.

Sfat rapid: Asigurați-vă că formele se suprapun prin fixarea punctelor de ancorare merg doar cu câțiva pixeli spre partea interioară a celei mai apropiate forme, astfel încât să nu apară spații albe nedorite.

Folosește Aranja funcția (dați clic dreapta> Aranjați)pentru a poziționa formele sub sau peste unul de altul, astfel încât fiecare formă să poată fi vizualizată în mod clar.

După cum puteți vedea, vom colora forma principală folosind un ton maro închis (# 633B3B), iar segmentul inferior utilizând un element ușor mai ușor (# 875050). Pentru piatra de bijuterie, vom folosi # A6E0A6pentru secțiunea exterioară și # C6F4C6pentru cel interior.

Acum este un moment bun pentru a verifica dacă punctele noastre de ancorare sunt corect încorporate la grila pixelilor, astfel încât designul nostru să arate pixel crisp. Mai întâi trebuie să trecem la Previzualizarea pixelilor (Vizualizați> Previzualizarea pixelilor)și asigurați-vă că Faceți clic pe Pixel este pornit.

În cazul în care întâlniți ancore care nu s-au lovit la grila, luați-o Instrumentul de selecție directă (A) și forțați-le prin simpla clic și tragerea lor. Vă recomandăm să repetați procesul în timp ce mergeți sau lăsați-l la sfârșit ca etapă de retușare.

Pasul 2

După ce ați terminat cu partea inferioară a ilustrației, deplasați-vă până la protecția mâinilor și faceți aceeași urmărire simplă a conturului schițat ca mai înainte. Pentru culori, vom folosi maro mai deschis (# 875050) pe forma principală și tonul mai întunecat (# 633B3B) pentru porțiunea de mijloc care deține piatra verde.

Utilizare # 9BD19Bpentru forma de fundal a pietrei și # E1FFE1 pentru secțiunea interioară, mai ușoară.

Pasul 3

Finisați sabia de bază urmărind lama și colorați-o # EFD5D5.

După ce ați terminat să lucrați la formele simple, puteți ascunde stratul de schiță, deoarece ilustrația noastră este luată încet.

5. Adăugați detalii mici la mânerul sabiei

În acest stadiu al procesului nostru vom lucra pe fiecare strat în același timp și vom rafina aspectul ilustrației noastre folosind forme simple create cu Instrumentul Pen.

Pasul 1

Primul lucru pe care trebuie să-l facem este să aderăm mâna noastră. Prindeți Instrument Pen (P) și să creați cinci dreptunghiuri în unghiuri și dimensiuni diferite și să le folosiți pentru a le colora # 452929.

Grupați-i (Control-G) și apoi creați o mască de tăiere prin copiere (Control-C) și lipirea (Control-F) secțiunea mânerului deasupra lor. Atât grupul, cât și mânerul selectat, dați clic dreapta> Faceți o mască de tăiere.

Apoi, selectați atât prinderea, cât și mânerul și trimiteți-le înapoi, astfel încât delimitatorul să poată apărea.

Pasul 2

Folosind imaginea mea ca model de referință, desenați două forme și colorați sub cealaltă # 633B3Bși cea de la început utilizată # 452929. Ca și în cazul aderenței, copiați și plasați forma de dedesubt și creați o mască de tăiere, astfel încât fisura să nu meargă complet.

Pasul 3

Prindeți Instrument Pen (P), setați culoarea de umplere la alb (#FFFFFF) Și apoi trageți o formă care are marginea inferioară aproape paralelă cu direcția delimitatorului mânerului inferior. Poți să mergi la fel de unghiular pe cât vrei cu liniile, dar întotdeauna să te asiguri că merg în afara formei dedesubt. Vrem ca ele să fie astfel încât masca de tăiere să le poată da forma obiectului dedesubt, în loc să încerce să realizeze același lucru folosind Instrument Pen (P).

După cum puteți vedea, acum trebuie să mascăm noua formă creată și să facem mici ajustări ale modului său de opacitate și de amestecare. Mai întâi să o mascăm astfel încât să se potrivească segmentului de sub ea. Pur și simplu copiați (Control-C) și lipiți (Control-F) delimitatorul maro deasupra obiectului alb și apoi, cu ambele selectate, dați clic dreapta> Faceți o mască de tăiere.

Utilizarea Instrumentul de selecție directă (A), selectați obiectul alb și apoi utilizați Transparenţă panou, setați-l Mod de amestecare la Acoperire si este Opacitate la 40%.

Desenați un alt obiect, utilizând aceleași setări de culoare ca înainte și poziționați-l spre partea stângă sus a delimitatorului mânerului.

Acum este timpul să adăugați puțin strălucire la pietre prețioase. Utilizați aceeași tehnică ca mai sus, dar de această dată creați o diagonală într-un unghi diferit, după cum se arată mai jos.

Pasul 4

Aproape am terminat cu stratul mânerului; tot ce trebuie să adăugăm sunt umbrele. Prindeți Instrument Pen (P) și începeți să desenați o nouă formă, colorându-l negru (# 000000). Schimbă-l Mod de amestecare la Multiplica si este Opacitate la 40%.

Copiați umbra (Control-C) apoi faceți dublu-clic pe unul dintre dreptunghiurile care formează mânerul pentru a intra Modul de izolare. Odată izolat, pur și simplu lipiți (Control-F) umbra deasupra celorlalte obiecte. Procedând astfel, veți elimina necesitatea unei măști seculare secundare.

Vom crea umbre similare pentru secțiunile inferioare ale mânerului, astfel încât în ​​final veți avea ceva similar cu acesta.

Am selectat obiectele pentru a observa că fiecare utilizează diferite măști de tăiere formate de obiectele aflate sub ele.

La fel ca în cele mai importante momente, vom adăuga un segment secundar secundar care va adăuga efectul de desen animat. Selectează Instrument Pen (P) și să creați un segment scurt, colorați-l # 5E3838, și poziționați-o spre partea dreaptă inferioară a delimitatorului mânerului.

Deoarece am terminat cu acest strat, vom trece la următorul și vom repeta multe dintre acțiunile pe care le-am aplicat mai sus.

6. Adăugarea detaliilor la Garda mâinii Swordului

Pasul 1

Primul lucru pe care îl vom crea pe acest strat este șirul care păstrează bijuteria mai mică. Pornind de la regiunea exterioară a pazei sabiei, trageți două obiecte diagonale cu diferite lățimi și colorați-le folosind o valoare maro închisă a # 4D2E2E.

După cum puteți vedea, obiectele trebuie să fie mascate astfel încât să nu meargă în afara suprafeței gardianului. Trebuie doar să copiați obiectul de sus în partea de sus și dați clic dreapta> Faceți o mască de tăiere.

Odată ce se realizează tăierea, șirul va fi poziționat pe partea superioară a bijuteriei. Pentru a corecta acest lucru, selectați pur și simplu bijuteria și apoi dați clic dreapta> Aranjare> Atingeți în față.

Pasul 2

Desenați o pereche simplă de triunghiuri și folosiți culoarea # 804C4Cca bază de culoare, și # 6E4242 pentru triunghiul de sus. Cu ambele obiecte selectate, utilizați Control-G pentru a le grupa, apoi copiați-le în masca de tăiere utilizată pe șir, astfel încât marginile care ies în exterior să fie mascate.

Pasul 3

Pentru a adăuga un pop la gardă, vom crea un punct de atracție oarecum încurcat, care va trece peste aproape jumătate din suprafața sa. Vom folosi aceleași lucruri Mod de amestecare (Acoperire) și Opacitate valoare (40%) așa cum am făcut înainte. Singura diferență majoră va fi faptul că cipul de lemn și șirul vor trebui să fie poziționate pe partea de sus a dreptunghiului evidențiat după cum urmează.

De asemenea, trebuie să adăugăm o evidențiere bijuteriei în sine. Încercați să modificați liniile, creând o diagonală care se opune celei create pentru bijuteria de jos. Seteaza Mod de amestecare la Acoperire și coborâți Opacitate la aproximativ 60%.

Asigurați-vă că mascați evidențiarea prin copierea piesei mai întunecate a bijuteriei deasupra și crearea unei mici măști de tăiere.

Pasul 4

Pentru a finaliza această parte a ilustrației, vom adăuga o scurtă bucată de umbră pe partea stângă a stâlpului sabiei.

Utilizarea Instrument Pen (P),trageți un obiect lung, cu pointer și utilizați culoarea # 5E3838.

7. Adăugarea de detalii la lama sabiei

Pasul 1

Pentru a crea umărul lamei, trebuie să desenați un dreptunghi care să aibă o ancoră superioară și să-l colorați într-o nuanță mai deschisă (# F7DFDF),în mod normal, ar fi mai aproape de ochi și de orice lumină soarelui reală.

După cum puteți vedea, datorită faptului că lama este poziționată pe un strat care se află sub stratul de gardă, partea inferioară a umărului va fi ascunsă. Chiar și așa, trebuie să cream o mască de tăiere, astfel încât forma să nu meargă în afara lamei.

Apoi, încercați să adăugați o secțiune centrală și un inel, folosind culoarea # C4A5A5, și asigurați-vă că sunt în interiorul aceleiași măști de tăieream creat pentru umăr.

Pasul 2

Ca și în cazul pietrelor de bijuterie, evidențiarea lamei va fi înclinată puțin mai mult, fiecare secțiune acoperind și subliniind pe cea dedesubt.

Primul punct culminant ar trebui să înceapă la aproximativ mijlocul lamei și să meargă ușor în afara acestuia.

Copiați noul obiect creat în aceeași mască de tăiereca umăr, și asigurați-vă că schimbați Mod de amestecare la Acoperire și coborâți Opacitate la 14%.

Creați un al doilea punct de atracție, de data aceasta într-un unghi și mai puternic. Setați același lucru Mod de amestecare și Opacitate, apoi copiați-o pe prima.

Ultimul punct de atracție pe care trebuie să-l adăugăm este chiar în partea de sus a lamei. Încercați și desenați un segment arcuit, apoi schimbați-l Mod de amestecare la Acoperire și coborâți Opacitate la 30%. Asigurați-vă că noul obiect se află pe partea de sus a oricăror alte elemente și apoi copiați-l lângă restul elementelor importante.

Pasul 3

Prima umbră pe care o vom adăuga va fi aproximativ un sfert din drumul de sus de la baza lamei. Acesta va urma aproape același unghi ca și culoarea de deasupra lui, dar va trebui să o colorăm cu o nuanță mai închisă decât cea a lamei (# E8CFCF).

Al doilea și ultima umbră va merge deasupra unei jumătăți de segment de umăr și va folosi negru (# 000000) Ca culoare, cu Mod de amestecare setat pe Multiplica si Opacitate coborât la 10%.

În acest moment, ilustrația este aproape finalizată, deci tot ce trebuie să facem acum este să adăugăm un fundal, o anumită textură și câteva alte lucruri mici pentru ao face să strălucească.

8. Reglarea culorilor

S-ar putea să vă întrebați de ce schema de culori folosită până acum este aproape complet diferită de cea a imaginii finale. Ei bine, acest lucru se datorează gradientului pe care l-am suprapus cu privire la designul final ca o modalitate de a spori anumite culori.

Pasul 1

În primul rând, trebuie să copiem formele de bază ale sabiei (cele pe care le-am creat la început: lama, garda și mânerul) și să le lipim pe stratul de acoperire cu gradient.

Cu toate obiectele selectate (Control-A) utilizare Pathfinder Unite pentru a crea o singură formă.

Pasul 2

Apoi, selectați forma nou creată și transformați-o într-o Liniar gradient cu următoarele valori:

  • Unghi: -90
  • Stânga Gradient culoarea glisorului: # FCEE21 / Locație: 0% / Opacitate: 100%
  • Gradient dreapta Culoare cursor: # F15A24 / Locație: 100% / Opacitate: 100%

Pasul 3

Acum, tot ce trebuie să facem este să schimbăm Mod de amestecare la Color Burn și coborâți Opacitate la 22%, și ar trebui să avem o schimbare interesantă în culori.

9. Adăugarea texturii

Pentru a adăuga mai multe detalii la ilustrație, copiați fișierul de textură atașat (puteți găsi linkul de descărcare din bara laterală), inserați-l pe stratul de textura, modificați culoarea albului (#FFFFFF) și apoi creați un Mască de tăiere (așa cum am făcut-o cu unele detalii despre sabie), astfel încât să nu depășească doar sabia și nu în afara ei. De asemenea, asigurați-vă că aliniați-l vertical și orizontal cu ajutorul funcției Alinia panou.

Sfat rapid:verificați întotdeauna modul în care se face alinierea prin vizualizarea Aliniați la scapă jos. Dacă, de exemplu, doriți să aliniați elementele unul față de celălalt, utilizați Aliniați la Selecție opțiune și dacă doriți să vă aliniați la tabloul de bord real, cred că aveți ideea.

10. Adăugarea unui fundal

Vom desena doua forme diferite pentru fundal. Am constatat că folosirea unui dreptunghi cu unghiuri asemănătoare și distorsiuni ale sabiei ar crea un sentiment mai interesant pentru ilustrație.

Pasul 1

Deci, folosind Instrument Pen (P),trage o formă care pare să se deschidă mai mult spre partea superioară. Utilizați culoarea # 3B2323 și asigurați-vă că ați pus-o pe stratul de fundal.

Pasul 2

Pentru că lăsând restul spațiului din jur albul ar putea să-i dea o privire neterminată, o vom apuca Instrumentul dreptunghiular (M) și să creați o formă de lățime și înălțime a documentului (640 x 1400px) folosind culoarea # 452929, și apoi trimiteți-o în partea din spate a tabloului de bord (faceți clic dreapta> Aranjare> Trimitere înapoi).

11. Adăugarea unei umbre de fundal

Pentru a finaliza ilustrația noastră, vom crea o umbră interioară limitată la limitele segmentului de fundal mai mic. Pentru a face acest lucru, pur și simplu duplicați forma din stratul suprapus de gradient în stratul de umbră și schimbați culoarea # 2E1C1C. Mutați-o cu câțiva pixeli în colțul din dreapta jos al tabloului de bord și apoi, folosind forma de fundal ca o mască, ascundeți toate părțile care ies din ea.

Asta e!

Ar trebui să aveți acum o ilustrație minunată pe care o puteți folosi oricum doriți și, cel mai important, ați învățat câteva lucruri utile pe parcurs.