Share
Ce veți creaEste aproape acel moment special al anului când morții se ridică din nou din mormintele lor și se plimbă printre noi, dând tuturor celor vii o noapte de amintit. Așa că am crezut că ar fi frumos să vă dau un mic tratat sub forma unui tutorial de tematică pentru Halloween, utilizând unele dintre cele mai elementale instrumente pe care Adobe Illustrator le poate oferi.
Luați o felie de plăcintă dulce de dovleac și să începem!
Oh, și să nu uitați că puteți întotdeauna să vă extindeți ambalajul, îndreptându-vă spre Envato Market unde veți găsi numeroase pachete de pictograme tematice de Halloween.
Din moment ce sunt mai mult decât sigur că deja aveți Illustrator în desfășurare în fundal, aduceți-o în sus și să organizăm o Document nou (Fișier> Nou sau Control-N) folosind următoarele setări:
Și de la Avansat fila:
După cum probabil știți deja, Illustrator vă permite să profitați de performanțele sale puternice Sistem grilă prin stabilirea acestuia folosind valorile cele mai scăzute posibile, astfel încât în cele din urmă veți avea control complet asupra forțelor dvs., deoarece vă puteți asigura că sunt perfect conectați la subiacent Pixel Grid.
Setările care ne interesează pot fi găsite în secțiunea Editați> Preferințe> Ghiduri și Grilă submeniul și trebuie ajustat după cum urmează:
Sfat rapid:puteți afla mai multe despre grile prin citirea acestei detalii în profunzime cum functioneaza sistemul Grid al Illustratorului.
Odată ce am creat grila noastră personalizată, tot ceea ce trebuie să facem pentru a ne asigura că formele noastre arată clar sunt permise Fixat la retea opțiune găsită în cadrul Vedere meniu, care se va transforma în Faceți clic pe Pixel de fiecare dată când intri Previzualizarea pixelilor mod.
Acum, din moment ce vrem să creăm pictogramele utilizând un flux de lucru pixel-perfect, vă recomandăm să treceți prin modul de creare a tutorialului de artă perfectă pixel, care vă va ajuta să vă lărgi abilitățile tehnice în cel mai scurt timp.
Odată cu crearea noului document, ar fi o idee bună să îmbrăcăm proiectul, deoarece astfel putem menține un flux constant de lucru concentrându-ne pe o singură icoană pe rând.
Acestea fiind spuse, ridicați straturi și creați un total de patru straturi, pe care le vom redenumi după cum urmează:
Grile de referință (sau Grile de bază) reprezintă un set de suprafețe de referință precis delimitate, care ne permit să construim icoanele noastre concentrându-ne pe mărime și consistență.
De obicei, dimensiunea grilelor determină dimensiunea icoanelor reale și ele ar trebui să fie întotdeauna prima decizie pe care o luați atunci când începeți un nou proiect, deoarece veți dori întotdeauna să începeți de la cea mai mică dimensiune posibilă și să vă construiți pe aceasta.
Acum, în cazul nostru, vom crea un pachet de pictograme folosind doar o mărime, mai exact 128 x 128 px, care este destul de mare.
Începeți prin a bloca tot stratul de referință, dar apoi apucați-l Instrumentul dreptunghiular (M) și de a crea un 128 x 128 px portocale (# F15A24), care va ajuta la definirea dimensiunii generale a icoanelor noastre.
Adăugați un număr mai mic 120 x 120 px unu (#FFFFFF), care va acționa ca suprafață activă de desenare, oferindu-ne astfel totul 4 px umplutură.
Grupați cele două pătrate care compun grila de referință folosind Control-G comanda rapidă de la tastatură și apoi creați două copii la o distanță de 40 px unul de celălalt, asigurându-vă că le aliniați la centrul artboard.
După ce ați terminat, blocați stratul curent și treceți la următorul, unde vom începe să lucrăm la prima noastră pictogramă.
Mai întâi, asigurați-vă că sunteți pe stratul potrivit - acesta ar fi cel de-al doilea - și apoi măriți-vă pe prima rețea de referință, astfel încât să puteți avea o vedere mai bună asupra a ceea ce veți crea.
Începeți să lucrați pe secțiunea de jos a mormântului apucând Instrumentul dreptunghiular (M) și să o folosească pentru a crea o 90 x 10 px forma (# AFA0A0), pe care o vom poziționa 2 px din secțiunea inferioară a zonei de desen activ, lăsând un 8 px spațiu spațiu pe partea stângă.
Sfat rapid: Vă recomandăm să utilizați Previzualizarea pixelilor mod (Vizualizați> Previzualizarea pixelilor sau Alt-Control-Y) de fiecare dată când trebuie să vă ocupați de poziționarea precisă, deoarece va fi mult mai ușor să urmați pașii în acest fel.
Dă forma pe care tocmai am creat-ogros, făcând o copie a acestuia (Control-C> Control-F) pe care le vom folosi culoarea # 2A2F35, și apoi ajustați-o prin rotirea sa Completati cu 4 px gros Accident vascular cerebral (Shift-X).
După ce ați terminat, selectați și grupați cele două forme (Control-G), deoarece le vom folosi din nou în etapa următoare.
Sfat rapid:pentru acest tutorial, vom crea toate contururile folosind Metoda Stroke, așa că vă recomandăm să luați câteva minute și treceți prin comparația mea cele două metode principale de creare a icoanelor de linie, deoarece va răspunde probabil la toate întrebările dvs..
Creați o copie a formelor pe care tocmai le-am grupat (Control-C> Control-F) și poziționați-le spre partea dreaptă, lăsând a 6 px spațiul dintre ele și zona de desen activă. Deoarece va acționa ca o secțiune laterală mai groasă, asigurați-vă că o dați o anumită adâncime schimbând culoarea formei de umplere la # 917D7D.
Adăugați un ușor mai restrâns 82 x 8 px dreptunghi (# 917D7D) cu 4 px contur (# 2A2F35) pe care o vom grupa (Control-G) și apoi poziția deasupra primei forme pe care am creat-o, asigurându-ne că suprapunerile se suprapun.
Creați o copie (Control-C> Control-F) a celor două forme din etapa anterioară și poziționați duplicatele spre partea dreaptă a zonei active de desen, lăsând a 10 px între ele.
Oh, și nu uitați să ajustați culoarea formei de umplere laterală la ceva mai întunecat (# 726060).
Începeți să lucrați pe piatră prețioasă prin desenarea a 64 x 98 px dreptunghi (# C4B8B8), pe care o vom regla prin setarea Raza de colț de sus Puncte de ancorare la 32 px în cadrul Panoul de transformare. Dă-i a 4 px contur (# 2A2F35) și apoi grupați (Control-G) și aliniați cele două forme la secțiunea de jos a mormântului.
Creați secțiunea laterală a pietrei funerare prin desenarea a 44 x 98 px dreptunghi (# 917D7D), pe care o vom regla prin setarea Raza de colț din dreapta sus Punct de ancorare la 32 px. Adaugă 4 px grosime (# 2A2F35) folosind Accident vascular cerebral și apoi poziționați cele două forme spre partea dreaptă a părții frontale, lăsând a 19 px spațiul dintre ele și zona de desen activă.
Deoarece în acest moment avem principalele forme ale icoanei noastre, putem începe să adăugăm puțin detalii despre aceasta.
Începeți prin dublul clic pe secțiunea frontală a pietrei funerare și desenând crucea folosind a 24 x 8 px forma (# 2A2F35) pentru linia orizontală și a 8 x 42 px unu (# 2A2F35) pentru cea verticală. Grupați cele două forme (Control-G) și apoi aliniați-le la centrul formei subiacente.
Creați plăcuța de nume mică prin desenarea a 28 x 14 px dreptunghi (# 917D7D) pe care o vom ajusta prin eliminarea unui 8 x 8 px cerc din fiecare colț al său. Dați formei rezultante o contur (# 2A2F35), Două 2 px înalt dreptunghiuri (# 2A2F35), apoi poziționați-o sub cruce, la o distanță de 12 px.
Utilizarea Instrument de elipsă (L), creați forma principală a usturoiului prin desenarea unui 12 x 12 px cerc (# EAD3D3) (1) pe care o vom ajusta prin mutarea topului Punct de ancorare spre exterior prin 2 px (2). Ascuți vârful care rezultă dând clic pe el folosind Anchor Point Tool (3) și apoi dați-i a 2 px grosime (# 2A2F35) (4).
Dați obiectului o adâncime adăugând o elipsă cu 2 px gros Accident vascular cerebral (# 2A2F35) (5) și apoi terminați-o prin desenarea secțiunilor inferioare ale liniei inferioare folosind Instrumentul Pen (P) (5 și 6).
Grupează toate formele de usturoi împreună folosind Control-G tastatura rapidă și apoi poziționați-o pe secțiunea frontală a pietrei, lăsând un atelier 54 px spațiu spre partea de sus, și un mai mic 8 px unul spre partea dreaptă.
Prindeți Instrument Pen (P) și, folosind a 2 px gros Accident vascular cerebral (# 2A2F35), trageți mica frânghie care ține usturoiul pe piatră.
Terminați pictograma adăugând linii de detaliu minuscule folosind Instrument Pen (P). Setați-vă Accident vascular cerebral„s Greutate la 2 px utilizând # 2A2F35 pentru culoarea cu Capac setat la Rundă, și pur și simplu să vă luați timp și să adăugați segmente de linie de diferite lungimi în fața și secțiunile laterale ale pictogramei.
Odată ce ați terminat, selectați toate formele de compunere ale pictogramei și grupați-le (Control-G), astfel încât să nu se despartă de accident.
Presupunând că ați blocat deja stratul anterior și că ați mutat-o până la următoarea, măriți-vă al doilea grilă de referință și începeți să lucrați la pictograma micului coșciug.
Creați secțiunea frontală a pictogramei desenând a 72 x 72 px pătrate (# F2A85F) urmat de altul 72 x 44 px dreptunghi (# F2A85F) chiar deasupra. Combinați cele două într-o singură formă folosind deschizător de drumuri„s Activați modul Shape, și apoi poziționați forma rezultată 12 px din partea stângă a zonei de desen activ.
Reglați noua formă, selectând fiecare dintre colțurile sale folosind Instrumentul de selecție directă (A), și împingându-le orizontal spre interior prin 18 px folosind Mutați instrumentul (dați clic dreapta> Transformați> mutați> și intră +18 sau -18 în funcție de ce parte Ancoră se află pe).
Adauga o 4 px grosime (# 2A2F35) la forma ajustată folosind Accident vascular cerebral , apoi selectați și grupați ambele (Control-G).
Creați secțiunea laterală a sicriului prin preluarea unei copii (Control-C) din secțiunea frontală pe care o vom lipi sub ea (Control-B), poziționându-l spre partea dreaptă, 10 px din marginea activă a zonei de desen, schimbând culoarea formei de umplere în # C67F40.
Prindeți Instrument de elipsă (L) și a crea gaura frontală prin desenarea a 20 x 20 px cerc pe care îl vom folosi # C67F40. Dă forma a 4 px contur (# 2A2F35) și apoi grupați și poziționați cele două 16 px de la marginea de sus a zonei de desen activă.
Adăugați adâncimea la gaura frontală, creând o copie a acesteia (Control-C> Control-F) pe care o vom muta spre partea dreaptă 8 px, mascându-l folosind cercul de dedesubt (selectați formele> clic dreapta> Faceți masca de tăiere), apoi ajustând-o schimbând culoarea formei de umplere la # 965C30.
Și, din moment ce dorim ca formele compuse ale găurilor să rămână împreună, nu uitați să le selectați și să le grupați folosind Control-G Comanda rapidă de la tastatură.
Prindeți Instrument Pen (P) și trageți a 4 px grosimea segmentului orizontal gros (# 2A2F35) peste secțiunea laterală a sicriului pentru a adăuga cantitatea necesară de adâncime.
Cu linia în loc, adăugați patru 4 x 4 px șuruburi (# 2A2F35), două deasupra și două sub el, lăsând a 2 px spațiu între ele.
Creați micul păianjen prin desenarea a 6 x 8 px elipsă (# 2A2F35) pentru corp și mai mică 4 x 4 px cerc (# 2A2F35) pentru cap, care se va suprapune ușor. Apoi, folosind Instrument Pen (P), trageți picioarele cu ajutorul a 2 px gros Accident vascular cerebral cu culoarea setată la # 2A2F35.
Grup (Control-G) și apoi poziționați micul păianjen pe secțiunea frontală a sicriului, aproximativ 16 px din gaură, desenând linia de web mică folosind a 2 px gros Accident vascular cerebral (# 2A2F35).
Finalizați pictograma prin adăugarea segmentelor de linii de detaliu, așa cum am făcut-o cu mormântul, cu ajutorul funcției Instrument Pen (P). Utilizați același lucru 2 px gros Accident vascular cerebral (# 2A2F35) cu Round Cap.
Odată ce ați terminat, selectați toate formele de compoziție ale pictogramei și grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Acum suntem la cea de-a treia și ultima icoană din pachet, deci asigurați-vă că sunteți pe stratul drept și măriți grila de referință pentru a putea începe.
Începeți să lucrați la secțiunea de jos a pictogramei, creând un 80 x 8 px dreptunghi pe care îl vom folosi # 989E98, da un 4 px contur (# 2A2F35), apoi grupați (Control-G). Poziționați cele două spre marginea inferioară a zonei active de desen, lăsând a 14 px spațiu spațiu spre partea stângă.
Creați secțiunea laterală grabind o copie (Control-C) a formelor pe care tocmai le-am creat și pe care le-am lipit în spate (Control-B), modificând culoarea formei umplerii la (# 636566). Aliniați copia spre partea dreaptă a zonei de desen activ, lăsând-o la fel 14 px spațiu gol.
Creați secțiunea superioară a ghilotinei prin desenarea acesteia 80 x 12 px dreptunghi (# 989E98) cu 4 px contur (# 2A2F35) pe care o vom grupa (Control-G) și apoi utilizați pentru a crea o copie (Control-C> Control-B) că ne vom alinia la secțiunea laterală a corpului inferior, schimbând culoarea formei umplerii la # 636566.
Prindeți Instrumentul dreptunghiular (M) și trageți a 6 x 96 px forma pe care o vom folosi # 989E98, și apoi dați-i a 4 px grosime (# 2A2F35) folosind Accident vascular cerebral metodă. Grup (Control-G) și poziționează ambele forme între secțiunea de sus și cea inferioară a ghilotinei, la o distanță de 20 px din marginea din stânga a zonei de desen activă.
Dați piciorul pe care tocmai l-am creat adâncime, prinsând o copie a acestuia (Control-C> Control-B) pe care le vom alinia la partea sa dreapta, schimbând culoarea formei de umplere la # 3C4549 și apoi adăugarea a 4 px segment de linie gros (# 2A2F35) în partea de sus, asigurându-vă că selectați și grupați (Control-G) după aceea.
Adăugați al doilea picior utilizând o copie (Control-C> Control-F) a celui pe care tocmai l-am creat și plasându-l spre dreapta la distanță 18 px de la marginea zonei de desen activ.
Începeți să lucrați pe secțiunea care ar fi ținut în mod normal capul victimei, altfel cunoscut sub numele de lunetă, prin crearea unui 56 x 28 px dreptunghi pe care îl vom folosi # 636566. Reglați forma eliminând a 16 x 16 px cerc din centrul său și apoi adăugați o 4 px grosime (# 2A2F35), centrându-l în partea inferioară a picioarelor.
Adăugați o adâncime la gaura lunetă, creând o 18 x 20 px dreptunghi (# 3C4549) (1) și adăugând a 16 x 16 px cerc pe care îl vom folosi pentru a crea o decupare din partea dreaptă (2). După ce ați făcut ajustările, dați forma rezultată a 4 px contur (# 2A2F35) (3) și apoi poziționați-le pe cele două sub lunetă (faceți clic dreapta> Aranjare> Trimitere înapoi).
Prindeți Instrument Pen (P) și trageți două segmente de linie care leagă gaura de laturile lunetă folosind a 4 px gros Accident vascular cerebral (# 2A2F35). Odată ce ați terminat, selectați toate formele de compoziție ale lunetei și grupați-le folosind Control-G Comanda rapidă de la tastatură.
Creați lama prin desenarea a 52 x 22 px dreptunghi (# C4B8B8) pe care o vom ajusta prin selectarea și apoi împingând punctul de ancorare de jos-dreapta spre partea superioară 8 px (faceți clic dreapta> Transformați> Mutare> Vertical> -8).
Dați forma rezultată a 4 px contur (# 3C4549) și apoi grupați (Control-G) și poziționați-le în partea superioară a ghilotinei.
Adăugați coarda mică (# 2A2F35) care acționează ca mânerul de eliberare prin desenarea acestuia utilizând fie Instrumentul dreptunghiular (M) sau Instrument Pen (P). Apoi, grupul (Control-G) și poziționează forma sa de compoziție spre partea dreaptă a lamei.
Apoi, creați șobolanul mic folosind un 8 x 4 px dreptunghi rotunjit (# 2A2F35) cu 1 px Radius colț pentru organism, pe care o vom regla prin setarea Rază din colțul din stânga sus spre 2 px. Adăugați capul folosind a 4 x 4 px cerc (# 2A2F35), pe care o vom ajusta selectând dreptul său Punct de ancorare folosind Instrumentul de selecție directă (A) și împingând-o spre dreapta prin 2 px.
Adăugați urechea mică folosind a 2 x 2 px cerc (# 2A2F35) și apoi trageți coada folosind Instrument Pen (P), grupând toate formele sale împreună (Control-G).
Luați-vă timpul și adăugați sângele care se scurge folosind # DD5228 ca culoare de umplere, dând forme a 2 px grosime (# 2A2F35).
Finalizați-vă pictograma prin adăugarea liniilor mici de detaliu, așa cum am făcut-o cu toate celelalte pictograme, utilizând a 2 px gros Accident vascular cerebral (# 2A2F35) cu Round Cap.
Apoi, odată ce ați terminat, selectați toate formele de compunere ale pictogramei și grupați-le folosind Control-G Comanda rapidă de la tastatură.
Acolo îl aveți: un tutorial curat și direct despre cum să creați un pachet de pictograme minunat cu tematică Halloween. Sper că ați reușit să urmați fiecare pas și, cel mai important, ați învățat un nou truc de-a lungul drumului.
Accentsconagua