Share
Ce veți creaDe când Anul Nou se află chiar la colț, m-am gândit că ar fi bine dacă am petrecut ceva timp împreună creând un mic pachet de pictograme cu tematică de sărbători, utilizând câteva dintre cele mai simple forme și instrumente pe care Illustrator le poate oferi.
Acestea fiind spuse, luați un lot de cafea din 2016 și să începem!
Oh, și nu uitați că puteți întotdeauna să vă extindeți pachetul, îndreptându-vă spre GraphicRiver unde veți găsi o mulțime de pictograme tematice.
Din moment ce sunt 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:
Sfat rapid: unii dintre voi ar fi putut observa că Aliniați obiectele noi la grila Pixel opțiunea lipsește. Aceasta se datorează faptului că rulez noua versiune CC 2017 a software-ului, unde au fost făcute mari schimbări în ceea ce privește modul în care Illustratormânerează modul în care formează snap-ul la grila pixelilor care stau la baza.
De vreme ce vom crea pictogramele utilizând un flux de lucru pixel-perfect, vom dori să înființăm un pic frumos Grilă astfel încât să putem avea control complet asupra formelor noastre - adică dacă executăm versiunea mai veche a software-ului.
Mergeți la Editați> Preferințe> Ghiduri și Grilă submeniu și ajustați următoarele setări:
Sfat rapid: puteți afla mai multe despre grile, citiți această lucrare detaliată despre modul în care funcționează 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, dacă sunteți nou în întregul "flux de lucru pixel-perfect", vă recomand să vă prezentați 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.
Cu noul document creat, ar fi o idee bună să ne structurăm proiectul folosind câteva straturi, deoarece astfel putem menține un flux constant de lucru concentrându-ne pe o singură pictogramă la un moment dat.
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ă.
După cum probabil ați observat deja, toate cele trei icoane utilizează același fundal, care va fi primul lucru pe care vom dori să-l creăm pentru a ne raționaliza fluxul de lucru. Așadar, poziționați-vă pe cel de-al doilea strat și să începem.
Utilizarea Instrument Pen (P), trage un mic 4 px largă (# 302222) folosind un 8 px gros Accident vascular cerebral cu Round Cap,pe care o vom poziționa, aliniindu-l la colțul din stânga jos al zonei de desen activ.
Creați segmentul de a doua linie folosind a 96 px cu aceeași cale 8 px gros Accident vascular cerebral (# 302222), pe care o vom alinia la colțul din dreapta jos al zonei active de desen, asigurându-vă că este setat Capac la Rundă.
După ce ați terminat, selectați și grupați cele două împreună utilizând Control-G Comanda rapidă de la tastatură.
Selectează Instrument de elipsă (L) și folosiți-l pentru a crea un 96 x 96 px cerc, pe care o vom folosi # D8D8D8 și apoi aliniați centrul la partea inferioară a suprafeței portocalii a rețelei de referință.
Dați formă contur folosind Accident vascular cerebral metodă, prin crearea unei copii a acesteia (Control-C) pe care o vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati cu al ei; cu al lui Accident vascular cerebral (Shift-X), setarea lui Greutate la 8 px și culoarea sa la # 302222.
După ce ați terminat, grupează ambele forme împreună (Control-G), asigurându-vă că le trimiteți în partea din spate a segmentului de linie (faceți clic dreapta> Transformați> Aranjare> Trimitere înapoi).
De vreme ce vom dori ca fundalul să rămână conținut în suprafața desenului nostru activ, va trebui mai întâi să selectăm și să grupăm (Control-G) toate elementele sale de compunere, și apoi să creeze și să poziționeze a 120 x 120 px pătrat (evidențiat cu alb) pe partea de sus a acestora, pe care îl vom folosi ca a Mască de tăiere (faceți clic dreapta> Faceți o mască de tăiere).
În cele din urmă, ajustați fundalul Transparenţă prin scăderea lui Opacitate la 20%, crearea și poziționarea unei copii pentru fiecare dintre pictogramele rămase.
Cu fundalul în loc, putem începe să lucrăm la prima noastră pictogramă, așa că asigurați-vă că sunteți pe stratul potrivit (care ar fi cel de-al doilea) și măriți-vă pe prima rețea de referință, astfel încât să putem lovi lucrurile.
Creați corpul mai mare de focuri de artificii folosind un a 24 x 40 px dreptunghi, pe care o vom folosi folosind culoarea # 706464 și apoi poziția în centrul zonei de desen activ, la o distanță de 38 px de la marginea stângă și 42 px din partea inferioară.
Selectează Instrument Pen (P), și trageți pe segmentele de linie decorative diagonale (# 302222) folosind un 4 px gros Accident vascular cerebral, în timp ce țineți apăsată tasta Schimb cheie pentru a obține un unghi perfect de 45 de grade. Stivă vertical cele patru linii la -14 px unul de altul, asigurându-vă că grupați (Control-G) și aliniați-le ulterior la forma subiacentă.
Creați o copie (Control-C) a corpului focului de artificii (evidențiat cu portocaliu) și lipiți-l în față (Control-F) și folosiți-o pentru a masca liniile detaliate, selectând-le și apoi faceți clic dreapta> Faceți o mască de tăiere.
Dați corpului focului o schemă, creând o copie a acestuia (Control-C) pe care o vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati (Shift-X)cu un 8 px gros Accident vascular cerebral (# 302222), selectarea și gruparea (Control-G) toate elementele sale compuse apoi împreună.
Folosind un 8 px gros Accident vascular cerebral cu culoarea setată la # 302222, trageți coada focului de artificii, pornind de la centrul secțiunii inferioare a conturului său și mergând până la marginea inferioară a zonei de desen activ.
Creați secțiunea capului focului de artificii folosind a 40 x 22 px dreptunghi (# EF6135), pe care o vom transforma într-un triunghi prin adăugarea unui nou punct de ancorareîn centrul marginii de sus, folosind Adăugați un instrument de ancorare (+),și apoi îndepărtarea colțurilor cu ajutorul Ștergeți instrumentul pentru punctul de ancorare (-). Odată ce ați terminat, centrați orizontal centrul, aliniați forma la corpul mai mare, poziționându-l astfel încât să se suprapună jumătatea superioară a grosimii conturului.
Dați forma pe care tocmai am plasat-o, creând o copie a acesteia (Control-C) pe care o vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati (Shift-X) cu un 8 px gros Accident vascular cerebral (# 302222), cu Colţ setat la Intră în runda. După ce ați terminat, grupați (Control-G) cele două forme împreună, și apoi faceți același lucru pentru secțiunile de compunere ale focului de artificii.
Creați forma principală pentru focurile de artificii mai mici utilizând a 14 x 32 px dreptunghi, pe care o vom folosi folosind culoarea # F4C253 și apoi poziția în partea dreaptă a celei mai mari, la o distanță de 30 px din marginea dreaptă a zonei de desen activ și 26 px din partea inferioară.
Adăugați secțiunea roșie superioară a focului de artificii, creând o 14 x 12 px dreptunghi, pe care o vom folosi folosind culoarea # EF6135 și apoi aliniați centrul la marginea superioară folosind Alinia panou.
Adăugați conturul principal al focului de artificii utilizând o copie (Control-C) din corpul pe care îl vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati (Shift-X) cu un 8 px gros Accident vascular cerebral (# 302222).
Selectează Instrument Pen (P) și trageți separatorul liniei orizontale care separă cele două secțiuni ale focului de artificii, folosind o secțiune 8 px gros Accident vascular cerebral cu culoarea setată la # 302222. După ce ați terminat, selectați toate formele sale de compunere și grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Desenați coada focului de artificii, utilizând o 8 px gros Accident vascular cerebral cu culoarea setată la # 302222, după ce ați terminat, selectați și grupați împreună toate secțiunile de compunere folosind Control-G Comanda rapidă de la tastatură.
Apoi, vom deveni puțin creativi și vom începe să adăugăm elementele mici confetti, folosind câteva modele de dimensiuni diferite 8 px gros (# 302222), pe care o vom poziționa în jurul elementelor principale ale icoanei.
Terminați pictograma adăugând micile forme dreptunghiulare (# 302222), pe care o vom crea folosind câteva 6 x 8 px dreptunghiuri și unele mai mici 4 x 4 px pătrate (# 302222), pe care le vom regla selectând și împingând punctele de ancorare de susla exterior prin 4 px pentru cele mai mari și 2 px pentru cele mai mici.
Odată ce ați terminat, grupați împreună toate elementele confetti (Control-G), făcând același lucru pentru secțiunile de compunere ale pictogramei după aceea.
Presupunând că ați trecut deja până la următorul strat (care ar fi cel de-al treilea strat), măriți-vă pe a doua rețea de referință și începeți să lucrați la a doua pictogramă.
Creați forma principală a flaconului utilizând a 38 x 100 px dreptunghi, pe care o vom folosi folosind culoarea # 789E43 și apoi poziția în partea stângă a zonei de desen activ, la o distanță de 4 px de la marginea de jos și 26 px din partea stângă.
Aprinde Modul de previzualizare pixel (Alt-Control-Y) și utilizați Adăugați un instrument de ancorare (+) pentru a adăuga o pereche de două puncte de ancorare lateralela o distanță de 24 px de la marginea superioară a formei.
Adăugați oa doua pereche de ancorela secțiunea de jos a sticlei, la o distanță de 30 px de la marginea de jos.
Odată ce ați terminat, puteți să vă dezactivați Previzualizarea pixelilor mod cu ajutorul funcției Alt-Control-Y comanda rapidă de la tastatură din nou.
Reglați forma flaconului prin selectarea și împingerea individuală a punctelor de ancorarela interior prin 12 px folosind Mutați instrumentul (dați clic dreapta> Transformați> mutați> orizontal> +/- 12 px în funcție de ce parte începeți).
Reglați tranziția de curbură a secțiunii de gât a sticlei, eliminând-o Puncte de ancorare cu ajutorul Conversia punctelor de ancorare selectate pentru a netezi , apoi jucând cu mânerele lor.
În cele din urmă, ajustați secțiunea de fund a flaconului, prin setarea Rază din colțurile sale 6 px din interiorul Live Corner câmp de introducere.
Începeți să adăugați detalii la gâtul sticlei, creând o 14 x 40 px dreptunghi, pe care o vom folosi folosind culoarea # 564E4E și apoi aliniați centrul la marginea superioară.
Ajustați forma pe care tocmai am creat-o adăugând un nou punct de ancorarepână la centrul marginea inferioară a acesteia, apoi selectând-o și împingând-o până la capăt 6 px folosind Mutați instrumentul (dați clic dreapta> Transformați> mutați> vertical> 6 px).
Creați dopul folosind a 14 x 12 px dreptunghi, pe care o vom folosi folosind culoarea # EFAF30 și apoi aliniați centrul la marginea superioară a gâtului.
Adăugați conturul principal al ambalajului gâtului, utilizând o copie (Control-C) a formei gri pe care o vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati (Shift-X) cu un 8 px gros Accident vascular cerebral (# 302222), asigurându-vă că setați Colţ la Intră în runda.
Adăugați un mic 4 x 10 px elipsă decorativă (# 302222), pe care o vom centra aliniați la ambalajul gâtului, la o distanță de 8 px din pluta flaconului.
Odată ce ați terminat, selectați și grupați împreună toate elementele de compilare ale ambalajului utilizând Control-G Comanda rapidă de la tastatură.
Creați eticheta principală a flaconului utilizând a 38 x 20 px dreptunghi, pe care o vom folosi folosind culoarea # F4C253 și apoi aliniați centrul la forma verde de bază, la o distanță de 12 px de la marginea de jos.
Ajustați forma pe care tocmai am creat-o adăugând un nou punct de ancorarela centrul marginea superioară a acesteia, și două laterale la o distanță de 6 px de la marginile sale exterioare.
Apoi, selectați ancora centrală și împingeți-o spre exterior prin 6 px folosind Mutați instrumentul (dați clic dreapta> Transformați> mutați> vertical> - 6 px).
Reglați curbarea etichetei, smulând cele trei puncte de ancorare noifolosind Conversia punctelor de ancorare selectate pentru a netezi , apoi jucând cu mânerele lor.
Dă-i etichetei frumos 8 px grosime (# 302222) folosind Accident vascular cerebral metodă, asigurându-vă că setați Colţ la Intră în runda.
Desenați în linia de text minuscule folosind două 4 px gros Accident vascular cerebral linii cu culoarea setată la # 302222, pe care o vom poziționa 2 px unul de altul, gruparea (Control-G) și aliniați-le ulterior la forma mai subțire.
După ce ați terminat, selectați și grupați (Control-G) toate formele de compoziție ale etichetei.
Selectați și grupați (Control-G) ambalajul gâtului sticlei șampaniei și eticheta sa orientată spre față și apoi creați o copie (Control-C) din forma sa principală și lipiți-o în față (Control-F), astfel încât să putem folosi ca a Mască de tăiere (faceți clic dreapta> Faceți o mască de tăiere).
Finalizați sticla prin adăugarea conturului său principal folosind o 8 px gros Accident vascular cerebral cu culoarea setată la # 302222, și linia mică de separare orizontală (culoare: # 302222, Cap: Cap rotund) separând pluta de gât, apoi selectați și grupați împreună toate elementele de compunere folosind Control-G Comanda rapidă de la tastatură.
Creați corpul principal al flautului de șampanie, folosind un a 16 x 30 px dreptunghi (# F4C253) pe care o vom regla prin setarea Rază din colțurile de jos până la 8 px din interiorul Transforma panoul Dreptunghi Proprietăți.
Poziționați forma rezultată pe partea dreaptă a flaconului, la o distanță de 26 px din marginea dreaptă a zonei de desen activ și 28 px din partea inferioară.
Creați un număr mai mic 16 x 10 px dreptunghi, pe care o vom folosi folosind culoarea # F2DFC2 și apoi aliniați centrul la marginea superioară a corpului flautului.
Adăugați conturul principal al flautului, utilizând o copie (Control-C) din corpul pe care îl vom lipi în față (Control-F) și apoi reglați prin rotirea lui Completati (Shift-X) cu un 8 px gros Accident vascular cerebral (# 302222).
Selectează Instrument Pen (P) și trageți linia de separare orizontală care separă secțiunile mai întunecate și mai deschise ale flautului, folosind o 8 px gros Accident vascular cerebral cu culoarea setată la # 302222. Odată ce ați terminat, selectați și grupați toate formele sale de compunere împreună folosind Control-G Comanda rapidă de la tastatură.
Trageți în stem-ul flautului utilizând aceleași 8 px gros Accident vascular cerebral (# 302222), pornind de la centrul conturului său și poziționând punctul de ancorare final la o distanță de 4 px de la marginea inferioară a zonei de desen activ.
Desenați baza folosind a 12 px segment de linie largă, cu un 8 px gros Accident vascular cerebral (# 302222) pe care le vom centra aliniați la forma creată anterior, asigurându-vă că ați setat-o Capac la Rundă.
Utilizarea Instrument Pen (P), reglați curbura inferioară a tijei flautului prin tragerea unei noi forme pe care o vom folosi cu culoarea # 302222. După ce ați terminat, selectați și grupați (Control-G) toate formele de compoziție ale tulpinii împreună, făcând același lucru pentru întregul flaut după aceea.
Finalizați pictograma prin adăugarea elementelor mici confetti, așa cum am făcut pentru prima, selectând și grupând (Control-G) toate secțiunile sale de compunere împreună după aceea.
Acum suntem la cea de-a treia și ultima icoană, deci presupunând că te-ai poziționat deja pe ultimul strat, măriți grila de referință și terminăm acest lucru.
Creați corpul principal al pălării folosind a 54 x 84 px dreptunghi, pe care o vom folosi folosind culoarea # EF6135 și apoi poziționați-o pe partea stângă a zonei de desen activ active, la o distanță de 14 px de la marginea stângă și 20 px din partea inferioară.
Întoarceți dreptunghiul într-un triunghi prin adăugarea unui nou punct de ancorareîn centrul marginii de sus, folosind Adăugați un instrument de ancorare (+), și apoi scoateți cele laterale folosind Ștergeți instrumentul pentru punctul de ancorare (-).
Creați secțiunea decorativă centrală a pălării folosind a 54 x 28 px dreptunghi, pe care o vom folosi folosind culoarea # F2DFC2 și apoi centru aliniați la triunghi, la o distanță de 14 px de la marginea de jos.
Reglați dreptunghiul selectând punctele sale de ancorare din partea dreaptăși apoi împingându-le spre vârf 16 px folosind Mutați instrumentul (faceți clic dreapta> Transformați> Mutare> Vertical> -16 px).
Dați forma rezultată 8 px grosime (# 302222), gruparea (Control-G) și apoi mascarea celor două folosind o copie (Control-C> Control-F) din forma principală a pălăriei (faceți clic dreapta> Faceți o mască de tăiere).
Dați pălăriei principala schiță, folosind o 8 px gros Accident vascular cerebral (# 302222) cu Colţ setat la Intră în runda, apoi selectați și grupați (Control-G) toate formele sale de compunere împreună.
Adăugați șirul pălăriei utilizând a 42 x 32 px elipsă cu un 8 px gros Accident vascular cerebral (# 302222), pe care le vom alinia spre triunghiul mai mare, poziționându-l lângă marginea inferioară a zonei de desen activ, asigurându-vă că îl trimiteți în spatele pălăriei (faceți clic dreapta> Aranjare> Trimitere înapoi).
Odată ce ați terminat, nu uitați să selectați și să grupați toate elementele de compunere ale pălării utilizând Control-G Comanda rapidă de la tastatură.
Creați corpul principal al cornului de partid utilizând a 16 x 42 px dreptunghi, pe care o vom folosi folosind culoarea # F4C253 și apoi poziționați-o pe partea dreaptă a pălăriei, la o distanță de 22 px din marginea dreaptă a zonei de desen activă și 4 px din partea inferioară.
Ajustați forma pe care tocmai am creat-o adăugând o pereche de puncte de ancorare lateralela o distanță de 16 px de la marginea de jos, apoi selecționând individual și împingându-i cele de jos către interior prin 2 px folosind Mutați instrumentul (faceți clic dreapta> Transformați> mutați> orizontal> +/- 2 px în funcție de ce parte începeți).
Creați secțiunea superioară a claxonului, folosind a 16 x 26 px dreptunghi, pe care o vom folosi folosind culoarea # C1411F și apoi aliniați centrul la marginea superioară a corpului său principal.
Utilizarea Instrument Pen (P),trageți cele două 4 px diagonală groasă Accident vascular cerebral linii (# 302222), așezându-le vertical -6 px unul de altul, gruparea (Control-G) și apoi să le aliniați la secțiunea mai întunecată.
Creați conturul principal al claxonului cu ajutorul unui buton 8 px gros Accident vascular cerebral (# 302222), apoi trageți linia mică de separare orizontală care separă cele două secțiuni.
Finalizați această secțiune a cornului prin adăugarea micului 4 x 4 px introducere (# 302222) la marginea de jos a formei galbene, selectarea și gruparea (Control-G) toate formele sale compuse apoi împreună.
Creați secțiunea laminată a cornului folosind a 32 x 12 px rotunjit cu un dreptunghi 2 px Radius colț, pe care o vom colora folosind # EF6135 și apoi centrați alinierea la corpul său, poziționându-l peste jumătatea superioară a marginii superioare a conturului.
Dă forma pe care tocmai am creat-o cu ajutorul unui 8 px gros Accident vascular cerebral (# 302222), apoi grupați cele două (Control-G), selectând și făcând același lucru pentru elementele compuse ale cornului.
Terminați pictograma prin adăugarea elementelor mici de confetti și, după ce ați terminat, selectați și grupați toate secțiunile de compunere împreună, utilizând Control-G Comanda rapidă de la tastatură.
Accentsconagua