În acest tutorial pentru începători, veți învăța tehnici pentru crearea unei arte pixel scalabile pentru totdeauna în Adobe Illustrator. Cu ajutorul Instrumentului Rectangular Grid și Live Paint Bucket Tool vom crea pictograme artistice simple, drăguțe, și apoi vă vom arăta cum să le scoateți din rețea, creând icoane fără pierderi, modele de artă pixel , și altele.
Deschide Adobe Illustrator CC 2014 (acest tutorial este destul de utilizabil cu alte versiuni ale Adobe Illustrator, dar de aici vin toate capturile de ecran) și să creez un Document nou. Îmi place să lucrez într-un pătrat, 800 px de 800 px document. Aveți posibilitatea să utilizați un fișier mai mic sau mai mare, dacă aveți nevoie de apel pentru acest lucru.
De la Bara de instrumente, apuca Rectangular Grid Tool (găsite în Instrumentul pentru segmentul de linie (/). Dublu click instrumentul să-și aducă la iveală opțiunile. Introduceți în dimensiunea documentului dvs. pentru Lăţime și Înălţime. introduce 30 pentru ambele Orizontală și Dividere verticale.
Asigurați-vă că grila rectangulară se aliniază cu dvs. artboard. Selectați grilă și setați Accident vascular cerebral culoarea neagră sau orice culoare vă place cel mai bine, astfel încât să puteți vedea cu ușurință grilă.
Selectați grilă și apucați-o Instrument de vopsea live Paint (K) (în Bara de instrumente sub Shape Builder Tool (Shift-M)).
# 801800
) ca culoare de umplere.Puteți fie să faceți clic pe un spațiu de rețea la un moment dat, fie să faceți clic și să trageți de-a lungul grila pentru a completa mai multe spații dintr-o dată. Indiferent de metoda dvs., completați o linie dreptunghiulară de 15 pixeli și 18 pixeli în jos.
Utilizarea Instrumentul de selecție a vopselei live (Shift-M), selectați caseta maro în colțul din stânga jos al dreptunghiului maro și Șterge aceasta. Apoi, folosind Instrument de vopsea live Paint, completați trei casete diagonale în colțul din dreapta jos.
Pentru spiralele laptopului, porniți două spații de rețea în stânga și completați două casete în sus, o cutie în diagonală în sus și două cutii în jos. Omiteți o coloană și repetați de două ori.
Apoi, utilizați Instrumentul de selecție a vopselei live pentru a șterge spațiul din conturul dreptunghiului maro, astfel încât spiralele notebook-ului să aibă patru spații albe de sus în jos (vezi mai jos).
Completați trei spații sub conturul notebook-ului care se conectează în diagonală pentru a termina contururile spirale.
Schimbați culoarea de umplere pe albastru (# 4dc6e1
) și completați notebook-ul, începând cu marginea dreaptă și marginea inferioară. Completați spațiile sub fiecare formă de spirală și apoi, cinci rânduri din partea de sus a notebook-ului, completați o linie orizontală (vedeți mai jos).
Completați două linii mai orizontale, fiecare cu două rânduri între ele. Apoi, folosind albastru deschis (# b6f9ff
) ca culoare de umplere, completați spații mari dintr-o dată, mai degrabă decât doar o coloană sau un rând).
Completați restul paginii notebook (cu excepția unei singure coloane albe pe partea stângă). Cu gri (# b1b1b1
), completați cele patru spații din fiecare spirală.
Odată terminat cu designul de artă pixel, Selectați grila, Click dreapta, și lovit Degrupeaza. Apoi, du-te la Obiect> Vopsea live> Extindeți pentru a vă transforma Live Paint Group în obiecte. Lovit Divide în deschizător de drumuri astfel încât spațiile dvs. completate vor fi separate de grilă. În cele din urmă, utilizați Magic Wand Tool pentru a selecta grila și Șterge aceasta. Vom trece din nou acest proces pentru celelalte pictograme din acest tutorial.
Folosește Rectangular Line Grid Tool pentru a crea o altă rețea pentru arta pixelului dvs. vectorial. Încă o dată, utilizați Instrument de vopsea live Paint pentru a începe să umpleți spațiile cu maro.
Completați patru spații diagonale care merg în partea dreaptă sus și apoi trei spații diagonale mergând în dreapta jos pentru a crea punctul creionului. Restul vârfului creionului este de patru spații în jos pe fiecare parte a punctului și nouă spații.
Partea creionului are 19 de spații în jos, iar partea de jos are șapte spații. Nu uitați să completați primele trei rânduri pentru plumbul creionului și două rânduri de șapte spații lângă partea inferioară pentru bucata de metal a radieră.
Avem nevoie de două culori pentru fiecare secțiune a creionului: lemnul, corpul galben, bucata de metal și radiera. Culoarea mai întunecată umple două coloane complete pe ambele părți ale culorii mai deschise, care umple trei coloane. Culorile sunt după cum urmează:
# eeb55c
) și Light Tan (# f8dd92
)# fbc423
) și galben deschis (# ffef42
)# b1b1b1
) și gri deschis (# d8d8d8
)# f8a8a0
) și Pink (# f8d8d0
)În cele din urmă, să repetăm procesul de extragere a vectorului dvs. de pixel vectorial din grila rectangulară. Selectați grila, Click dreapta, și lovit Degrupeaza. Apoi, du-te la Obiect> Vopsea live> Extindeți pentru a vă transforma Live Paint Group în obiecte. Lovit Divide în deschizător de drumuri astfel încât spațiile dvs. completate vor fi separate de grilă. În cele din urmă, utilizați Magic Wand Tool pentru a selecta grila și Șterge aceasta.
Acest design este similar cu creionul, așa că voi trece peste contur destul de repede. Configurați grila de linie în același mod ca și notebook-ul și creionul.
Ca și creionul, culorile marcatorului sunt separate în coloane.
# b7e835
) în centru două coloane. Am decis că verde ar trebui să fie umplut în patru din cele șapte secțiuni.# 9dc107
).# 768d12
).# b1b1b1
), ușoară (#FFFFFF
) și mediu (# d8d8d8
).Pentru a treia și ultima oară în acest tutorial, să examinăm pașii de extragere a artei pixelilor pe bază de vectori dintr-o rețea dreptunghiulară:
O modalitate de schimbare ușoară a culorilor este Copiați (Control-C) și Lipiți (Control-V) designul grilajului înainte de extragerea pictogramei de artă pixel pe bază de vector din rețeaua dreptunghiulară. Apoi, puteți reîncărca cu ușurință Live Paint spații.
Alternativ, Selectați designul tău, du-te la Editați> Editați culorile> Recolor Artwork,și modificați nuanțele obiectului selectat. Consider că acesta este cel mai rapid mod de a schimba culorile obiectului.
Rețineți că opera de artă a fost suprapusă pe panoul de lucrări Recolor Artwork pentru a demonstra utilizarea acesteia.Creați cât mai multe variante ale icoanelor mici de artă pixelă după cum doriți. Asigurați-vă că pătratele fiecărui design sunt Grupat (Control-G) împreună. Mai jos, puteți vedea Previzualizare (Control-Y) mod versus Contur mode, arătând toate pătratele dvs. vectoriale scalabile care alcătuiesc fiecare desen sau model.
Acum, că ați înlăturat tehnica, puteți crea seturi de pictograme, modele tipărite fără sudură cu opțiunile de modelpanou, elemente de joc mobile și multe altele. În timp ce arta pixel pur nu este acest lucru, principiul de lucru pe o scară mică este același, cu avantajul de a redimensiona opere de artă într-un format fără pierderi. Distribuiți-vă împreună cu dvs. creațiile de artă pixel pe bază de vectori în secțiunea de comentarii de mai jos!