Share
Ce veți creaÎn tutorialul de astăzi vom pune plicurile noastre de grădinărit și vom crea un set de patru mici pictograme de cactus care nu vor folosi nimic altceva decât formele și instrumentele de bază din Adobe Illustrator pe care probabil că deja le lucrezi zilnic.
De asemenea, nu uitați că puteți întotdeauna să vă extindeți proiectul, îndreptându-vă spre GraphicRiver unde veți găsi o mare selecție de icoane de grădină.
Acestea fiind spuse, să mergem direct în ea!
Presupunând că aveți deja Illustrator activat în fundal, aduceți-l în sus și să lăsăm un a Document nou (Fișier> Nou sau Control-N) folosind următoarele setări:
Și de la Avansat fila:
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 controlul total asupra formelor noastre.
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 prin citirea acestei lucrări detaliate 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 și Faceți clic pe Pixel opțiuni găsite în cadrul Vedere meniu, care se va transforma în Faceți clic pe Pixel de fiecare dată când intri Previzualizarea pixelilor (dacă utilizați o versiune mai veche a software-ului).
Acum, dacă sunteți nou în întregul "flux de lucru pixel-perfect", vă recomand să vă adresați tutorialului Cum de a crea Pixel-Perfect Artwork, 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ă ne structurăm proiectul folosind câteva straturi, deoarece astfel putem menține un flux de lucru constant concentrându-ne pe o pictogramă la un moment dat.
Acestea fiind spuse, ridicați straturi și creați un total de cinci straturi, pe care le vom redenumi după cum urmează:
grilele de referință (sau grilele de bază) reprezintă un set de suprafețe de referință precis delimitate, care ne permit să construim icoanele noastre, concentrându-ne pe mărimea și consistența.
De obicei, mărimea grilelor determină dimensiunea pictogramelor actuale și ele ar trebui să fie întotdeauna prima decizie pe care o luați odată ce î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 blocarea tuturor straturilor decât "grila de referință", apoi apucați 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) pe care o vom poziționa în partea superioară a formei anterioare, deoarece aceasta va acționa ca suprafața noastră activă de desenare, oferindu-ne astfel o imagine de ansamblu 4 px padding pentru a lucra cu.
Selectați și grupați cele două pătrate împreună folosind Control-G comanda rapidă de la tastatură, aliniați-le apoi la Artboard ulterior. Creați grilele rămase utilizând trei copii (Control-C> Control-F de trei ori) la o distanță orizontală de 40 px din original, blocând stratul curent înainte de a trece la următoarea secțiune.
Presupunând că ați terminat crearea rețelelor de referință, treceți până la următorul strat (care ar fi cel de-al doilea strat) și lăsați-l să demareze proiectul creând prima noastră pictogramă.
Începeți prin a crea oala de ceramică a plantei cu ajutorul unui a 68 x 32 px rotunjit cu un dreptunghi 8 px Radius colț, pe care o vom colora folosind # E5E5E5 și apoi aliniați centrul la zona de desen activă care stau la baza, poziționându-l la o distanță de 4 px de la marginea de jos.
Dați forma pe care tocmai am creat-o 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 mai întâi schimbând culoarea # 3A2E2A. Răsturnați copia Completati cu al ei; cu al lui Accident vascular cerebral (Shift-X), asigurați-vă că setați-o Greutate la 8 px.
Adăugați linia orizontală detaliată orizontală utilizând a 68 px larg 4 px gros Accident vascular cerebral (# 3A2E2A), pe care le vom alinia la corpul mai mare al oalei, poziționându-l 4 px de la marginea superioară. Odată ce ați terminat, selectați și grupați toate cele trei forme împreună folosind Control-G Comanda rapidă de la tastatură.
Creați corpul principal al plantei folosind un a 28 x 80 px dreptunghi (# 88AF66), pe care o vom poziționa în partea de sus a potului, la o distanță de 38 px din marginea dreaptă a zonei de desen.
Reglați forma pe care tocmai am creat-o, selectând-o mai întâi și apoi setând Rază din colțurile sale de sus 14 px de la Transforma panoul Dreptunghi Proprietăți.
Apoi, faceți câteva momente și desenați cele două linii diagonale de textura cu ajutorul Instrument Pen (P). Folosește o 4 px Accident vascular cerebral (# 6D894E) pentru partea de sus, urmată de o grosime 8 px unu (# 6D894E) pentru cea de jos, stabilind ambele lor Lățimea profilelor la una dintre cele implicite incluse în Ilustrator (Lățimea profilului 5).
grup (Control-G) cele două lovituri împreună și apoi mascați-le folosind o copie (Control-C) a formei subiacente pe care o vom lipi în față (Control-F) și apoi utilizați ca a Mască de tăiere. Cu copia în loc, pur și simplu selectați atât ea și strokes și apoi faceți clic dreapta> Faceți o mască de tăiere.
Dați cactusului un 8 px grosime folosind Accident vascular cerebral , asigurându-vă că setați culoarea # 3A2E2A.
Adăugați linia detaliată verticală utilizând a 66 px înalt 4 px gros Accident vascular cerebral (# 3A2E2A) cu Round Cap, pe care le vom alinia la marginea de jos a plantei. După ce ați terminat, selectați și grupați (Control-G) toate formele sale împreună înainte de a trece la pasul următor.
Începeți să lucrați la planta din stânga a pictogramei, creând corpul său principal folosind a 28 x 52 px dreptunghi (# A9D884), pe care o vom regla prin setarea Rază din colțurile sale de sus 14 px din interiorul Transforma panoul Dreptunghi Proprietăți. Poziționați forma rezultată în partea de sus a vasului, la o distanță de 38 px din marginea din stânga a zonei active de desen.
Adăugați cele două linii diagonale de textură, urmând același proces utilizat pentru planta dreaptă, răsturnând partea de sus Accident vascular cerebrallățime pentru a da o varietate.
Dați plantei o 8 px grosime (# 3A2E2A), urmată de a 38 px înalt 4 px gros Accident vascular cerebral linie (# 3A2E2A) în centrul muchiei inferioare. După ce ați terminat, selectați și grupați împreună toate formele de compoziție utilizând Control-G Comanda rapidă de la tastatură.
Adăugați roca mai mică folosind a 14 x 12 px elipsă (# BAB6B3) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi poziționați-o pe marginea dreaptă a oalei, asigurându-vă că o trimiteți sub forma sa mai mare după aceea (faceți clic dreapta> Aranjare> Trimitere înapoi).
Ia câteva momente și desenează secțiunea de rock mai mare cu ajutorul lui Instrument Pen (P), utilizând # 9B928E ca al tau Completati culoare. Dați forma rezultată 8 px grosime (# 3A2E2A) cu Intră în runda, grupare (Control-G) și apoi poziționarea celor două din spatele vasului de ceramică (Click dreapta > Aranjare> Trimitere înapoi). De asemenea, nu uitați să selectați și să grupați (Control-G) toate formele pe care le avem până acum, înainte de a trece la pasul următor.
Începeți să lucrați în prim-planul pictogramei creând un 96 px larg 8 px gros Accident vascular cerebral linie (# 3A2E2A) cu Round Cap, pe care o vom alinia la colțul din stânga-jos al zonei de desen activ.
Finalizați în prim plan, și cu ea pictograma în sine, prin adăugarea segmentului de linii mai mici utilizând a 4 px larg 8 px gros Accident vascular cerebral linie (# 3A2E2A) cu Round Cap, pe care o vom alinia la colțul din dreapta jos al zonei de desen. După ce ați terminat, selectați și grupați (Control-G) toate formele de compunere ale secțiunii curente, făcând același lucru pentru întreaga pictogramă în cele ce urmează.
Presupunând că ați terminat lucrul la prima pictogramă, blocați stratul și apoi treceți la cel de-al doilea (care ar fi cel de-al treilea), unde vom începe să lucrăm la cea de-a doua instalație.
Creați oala de ceramică folosind a 68 x 40 px dreptunghi rotunjit (# E5E5E5) cu un 8 px Radius colț si un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la marginea inferioară a zonei de desen activă.
Adăugați linia detaliată orizontală utilizând a 68 px larg 4 px gros Accident vascular cerebral linie (# 3A2E2A), pe care îl vom alinia la corpul mai mare al vasului, poziționându-l la o distanță de 4 px de la vârf. După ce ați terminat, selectați și grupați (Control-G) toate cele trei forme împreună înainte de a trece la pasul următor.
Începeți să lucrați pe corpul principal al cactusului, creând secțiunea exterioară folosind a 64 x 64 px cerc (# A9D884) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la vasul de ceramică.
Adăugați secțiunea interioară a plantei folosind a 34 x 64 px elipsă (# 88AF66) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la corpul său mai mare.
Împărțiți secțiunea centrală în jumătate adăugând a 64 px înalt 8 px gros Accident vascular cerebral linie (# 3A2E2A) către centrul său, selectând și grupând (Control-G) toate formele compoziției plantei împreună înainte de a trece la pasul următor.
De vreme ce dorim ca planta să stea în spatele vasului de ceramică, va trebui să o selectăm și apoi să o poziționăm dedesubt faceți clic dreapta> Aranjare> Trimitere înapoi.
Începeți să lucrați la micuța floare roșie, creând o petală centrală utilizând a 12 x 16 px elipsă (# EF835E) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la marginea superioară a zonei de desen activă.
Creați petala stângă folosind a 16 x 16 px dreptunghi (# EF835E) pe care o vom regla prin setarea Rază din colțurile din stânga și din dreapta sus 12 px din interiorul Transforma panoul Dreptunghi Proprietăți. Dați forma rezultată 8 px grosime (# 3A2E2A) cu Intră în runda, grupare (Control-G) și apoi poziționați cele două pe partea laterală a petalei centrale.
Creați petala potrivită utilizând o copie (Control-C> Control-F) a celei pe care tocmai am terminat să lucrăm, pe care o vom poziționa pe partea opusă a plantei. După ce ați terminat, selectați și grupați (Control-G) toate formele de compoziție ale floarelor împreună, asigurându-vă că le trimiteți înapoi după aceea (faceți clic dreapta> Aranjare> Trimitere înapoi). De asemenea, din moment ce ne-am ocupat destul de mult de planta, puteți selecta și grupa (Control-G) toate formele pe care le avem până acum.
Creați roca mai mică folosind a 16 x 14 px elipsă (# BAB6B3) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați partea inferioară la corpul principal al vasului ceramic, poziționându-l 4 px de la marginea dreaptă.
Luați câteva momente și trageți rocile mai mari folosind # 9B928E ca culoare de umplere. Dați forma rezultată 8 px grosime (# 3A2E2A) cu Intră în runda, grupare (Control-G) și apoi poziționarea celor două sub alte forme (faceți clic dreapta> Aranjare> Trimitere înapoi).
Finalizați-vă pictograma adăugând preeminentul folosind o copie (Control-C) din cea pe care am creat-o pentru prima icoană pe care o vom lipi pe stratul actual (Control-F) și apoi aliniați centrul la marginea inferioară a zonei de desen activă. După ce ați terminat, selectați și grupați (Control-G) toate secțiunile sale de compunere înainte de a trece la următorul.
Faceți-vă drumul spre următorul strat (care ar fi cel de-al patrulea), blocând cel anterior, apoi măriți grila de referință pentru a putea începe să lucrați la cea de-a treia fabrică.
Creați oala de ceramică folosind a 68 x 32 px dreptunghi rotunjit (# E5E5E5) cu un 8 px Radius colț si un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la marginea inferioară a zonei de desen activă.
Adăugați linia detaliată orizontală utilizând a 68 px larg 4 px gros Accident vascular cerebral linie (# 3A2E2A), pe care o vom centra aliniați la corpul principal al oalei, poziționându-l la o distanță de 4 px de la marginea superioară. După ce ați terminat, selectați toate cele trei forme și grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Începeți să lucrați la instalația actuală, creând secțiunea de jos utilizând a 64 x 64 px cerc (# A9D884), pe care o vom centra aliniați la vasul ceramic, poziționându-l la o distanță de 28 px de la marginea superioară a zonei de desen activ.
Adăugați cele trei linii diagonale de textură folosind # 88AF66 ca principalul tău Accident vascular cerebral culori, asigurându-vă că grupați (Control-G) și apoi mascați-le folosind o copie (Control-C> Control-F) a cercului mai mare.
Sfat rapid: observați că cu cât sunt mai lungi căile de atac, cu atât mai subțiri vor fi liniile de textură, așa că încercați să jucați cu ele până când veți obține ceva care arată bine.
Specificați secțiunea curentă 8 px grosime (# 3A2E2A), selectarea și gruparea (Control-G) toate formele sale compuse apoi împreună.
Creați secțiunea din stânga sus a plantei folosind a 36 x 36 px cerc (# 88AF66), deasupra căruia adăugăm liniile diagonale de textură obișnuite (# 6D894E) și 8 px grosime (# 3A2E2A). Selectați și grupați (Control-G) toate cele trei forme împreună, aliniați-le la marginea superioară a zonei de desen activă, asigurându-vă că le poziționați sub secțiunea mai mare (faceți clic dreapta> Aranjare> Trimitere înapoi).
Adăugați prima dintre secțiunile mai mici utilizând a 16 x 16 px cerc (# A9D884) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi poziționați-o pe partea dreaptă a formelor create anterior.
Creați a doua secțiune mai mică utilizând a 24 x 24 px cerc (# 88AF66) cu două linii diagonale de textură (# 6D894E) si un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi poziționați pe partea dreaptă a corpului mai mare, la o distanță de 16 px din colțul din dreapta sus al desenului activ.
Selectați și grupați (Control-G) toate cele patru secțiuni ale plantei, asigurându-vă că le trimiteți în partea din spate a vasului (faceți clic dreapta> Aranjare> Trimitere înapoi) înainte de a trece la pasul următor.
Creați roca mai mică folosind a 14 x 12 px elipsă (# BAB6B3) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi poziționați-o pe partea stângă a oalei ceramice mai mari, asigurându-vă că le trimiteți sub forme mai mari (faceți clic dreapta> Aranjare> Trimitere înapoi).
Luați câteva momente pentru a desena secțiunea de rock mai mare, folosind # 9B928E ca al tau Completati culoare. Dați forma rezultată 8 px grosime (# 3A2E2A) cu Intră în runda, grupare (Control-G) și apoi poziționați cele două sub recipientul ceramic (faceți clic dreapta> Aranjare> Trimitere înapoi).
Finalizați-vă pictograma adăugând preeminentul folosind o copie (Control-C) a celei pe care am creat-o pentru a doua pictogramă pe care o vom lipi pe stratul actual (Control-F) și apoi aliniați centrul la marginea inferioară a zonei de desen activă. După ce ați terminat, selectați și grupați (Control-G) înainte de a trece la cel de-al patrulea și ultimul.
Acum suntem la cea de-a patra și ultima icoană, așa că asigurați-vă că sunteți pe stratul potrivit (care ar fi cel de-al cincilea) și să încheiem lucrurile!
Așa cum am făcut cu toate celelalte icoane, începeți prin a crea oala ceramică folosind a 68 x 24 px dreptunghi rotunjit (# E5E5E5) cu un 8 px Radius colț si un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi aliniați centrul la marginea inferioară a zonei de desen activă.
Adăugați linia detaliată orizontală utilizând a 68 px larg 4 px gros Accident vascular cerebral linie (# 3A2E2A), pe care o vom centra aliniați la corpul principal al oalei, poziționându-l la o distanță de 4 px de la marginea superioară. După ce ați terminat, selectați toate cele trei forme și grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Începeți să lucrați la planta actuală, creând o 24 x 24 px cerc (# A9D884), pe care le vom alinia la zona de desen activă, poziționând-o 4 px de la marginea superioară.
Creați un alt ușor mai mare 44 x 44 px cerc (# A9D884), pe care o vom poziționa de la distanță 24 px de la cel mai mic.
Deschideți căile celor două cercuri selectând în mod individual punctele lor de ancorare cu fața în jos utilizând Instrumentul de selecție directă (A) și apoi scoateți-le apăsând Șterge.
Combinați cele două căi într-o singură formă mai mare prin selectarea acestora și apoi apăsând Control-J de două ori.
Reglați forma obiectului rezultat, selectând și smulgând fiecare din cele patru puncte de ancorare cu fața în jos, utilizând Conversia punctelor de ancorare selectate pentru a netezi , apoi repoziționați mânerele până când veți obține o tranziție lină între cele două secțiuni.
Luați câteva momente și adăugați linii diagonale de textura folosind # 88AF66 ca al tau Accident vascular cerebral culori, asigurându-vă că le mascați ulterior (faceți clic dreapta> Faceți o mască de tăiere) utilizând o copie (Control-C> Control-F) a formei subiacente.
Dați plantei o 8 px grosime (# 3A2E2A), urmată de o 80 px înalt 4 px gros Accident vascular cerebral linie (# 3A2E2A) în centrul muchiei inferioare. După ce ați terminat, selectați și grupați împreună toate formele de compoziție utilizând Control-G Comanda rapidă de la tastatură.
Poziționați forma pe care tocmai am grupat-o sub vasul ceramic (faceți clic dreapta> Aranjare> Trimitere înapoi), selectând și grupând ambele secțiuni împreună folosind Control-G Comanda rapidă de la tastatură.
Adăugați roca mai mică folosind a 22 x 16 px elipsă (# BAB6B3) cu un 8 px grosime (# 3A2E2A), pe care o vom grupa (Control-G) și apoi poziționați-o pe partea dreaptă a vasului ceramic, la o distanță de doar 4 px de la marginea dreaptă.
Luați câteva momente și trageți secțiunea de rock mai mare folosind # 9B928E ca al tau Completati culoare. Dați forma rezultată 8 px grosime (# 3A2E2A) cu Intră în runda, grupare (Control-G) și apoi poziționați-le sub vasul de ceramică (faceți clic dreapta> Aranjare> Trimitere înapoi).
Finalizați-vă pictograma adăugând preeminentul folosind o copie (Control-C) a celui pe care l-am creat pentru a treia pictogramă, pe care o vom lipi pe stratul actual (Control-F) și apoi aliniați centrul la marginea inferioară a zonei de desen activă. După ce ați terminat, selectați și grupați (Control-G) înainte de a salva întregul proiect.
Acolo îl aveți, iubiți de colegi de cactuși - o abordare ușoară pas cu pas pentru a vă crea propriile icoane de grădină folosind nimic altceva decât câteva forme de bază și unelte găsite în vechiul Illustrator.
Accentsconagua