Cum se creează pictograme de artă pixel în Adobe Illustrator

Ce veți crea

Î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.

1. Configurarea documentului

Pasul 1

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.

Pasul 2

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

Pasul 3

Asigurați-vă că grila rectangulară se aliniază cu dvs. artboardSelectaț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ă.

2. Desenarea conturului notebook-ului

Pasul 1

Selectați grilă și apucați-o Instrument de vopsea live Paint (K) (în Bara de instrumente sub Shape Builder Tool (Shift-M)).

  1. Faceți clic pe grila pentru a Faceți un Live Paintgroup.
  2. Deselectați și începeți să completați câteva dintre spațiile de rețea, folosind culoarea maro (# 801800) ca culoare de umplere.

Pasul 2

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.

Pasul 3

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.

Pasul 4

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.

3. Completarea și extragerea Notebook-ului

Pasul 1

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).

Pasul 2

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).

Pasul 3

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ă.

Pasul 4

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.

4. Crearea unui creion simplu

Pasul 1

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.

Pasul 2

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ă.

Pasul 3

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ă:

  • Lemn: Tan (# eeb55c) și Light Tan (# f8dd92)
  • Corp galben: Galben (# fbc423) și galben deschis (# ffef42)
  • Bit metalic: Gri (# b1b1b1) și gri deschis (# d8d8d8)
  • Radieră: Roz (# f8a8a0) și Pink (# f8d8d0)

Pasul 4

Î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.

5. Crearea unui set mic de marcatori

Pasul 1

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.

  1. Sfatul este chiseled și începe cu umplerea a două spații în dreapta și una în diagonală.
  2. Sfatul are patru spații înalte, patru spații, și are trei pe diagonală.
  3. Completați două spații pe fiecare parte a vârfului de marcator. Apoi, completați opt spații pentru partea superioară a corpului de marcator.
  4. Completați jumătatea superioară a marcatorului cu laturi care au șapte spații în jos pe fiecare parte. Partea de jos și banda de lângă partea de sus sunt opt ​​spații pe fiecare.
  5. În cele din urmă, corpul markerului are 21 de spații în jos pe fiecare parte și opt spații de-a lungul fundului. Există trei rânduri de maronie în corpul markerului (vezi mai jos).

Pasul 2

Ca și creionul, culorile marcatorului sunt separate în coloane.

  1. Începeți cu verde strălucitor (# b7e835) în centru două coloane. Am decis că verde ar trebui să fie umplut în patru din cele șapte secțiuni.
  2. Completați cele două coloane din partea dreaptă a fiecăreia dintre cele patru secțiuni verzi cu verde mediu (# 9dc107).
  3. Partea stângă a secțiunilor verzi este umplută cu verde închis (# 768d12).
  4. Celelalte trei secțiuni sunt completate cu trei nuanțe de gri: întuneric (# b1b1b1), ușoară (#FFFFFF) și mediu (# d8d8d8).

Pasul 3

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ă:

  1. Selectați grila, Click dreapta, și lovit Degrupeaza.
  2. Mergi la Obiect> Vopsea live> Extindeți.
  3. Lovit Divide în deschizător de drumuri panou. În cele din urmă, utilizați Magic Wand Tool pentru a șterge grila.

6. Schimbarea culorilor pentru modelele alternative

Pasul 1

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.

Pasul 2

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.

Pasul 3

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.

Locul de muncă mare, ai terminat!

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!