Share
Ce veți creaÎn următorii pași veți învăța cum să creați o pictogramă cutie destul de simplă în Adobe Illustrator.
Pentru începători veți învăța cum să configurați o rețea simplă și cum să creați o grămadă de forme perfect pixel folosind Instrumentul de Rectangulare și Selecție Directă împreună cu câteva opțiuni de bază pentru Pathfinder și caracteristica Live Corners. Mergând mai departe, veți învăța cum să adăugați culori simple și culori elegante folosind culori plane sau gradienți liniari și câteva tehnici de bază de amestecare. În cele din urmă, veți adăuga fundalul și o umbră subtilă folosind un dreptunghi simplu, unele tehnici de amestecare noi și efectul Blur Gaussian.
Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și înălțime, faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi) și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K.
Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Pentru începători veți avea nevoie de o rețea în fiecare 5px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă, va ușura munca dvs. și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură. De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 127 G = 63 B = 152. Deplasați-vă la tabloul de bord și creați pur și simplu o 90 x 40 px dreptunghi, Fixat la retea facilitate ar trebui să ușureze munca ta. Focalizați pe partea de jos a acestei forme proaspete și treceți la Instrumentul de selecție directă (A). Selectați punctul de ancorare din stânga și trageți-l 15px la dreapta, selectați punctul de ancorare drept și trageți-l 15px la stanga. În cele din urmă, dreptunghiul tău violet ar trebui să se transforme într-un trapez simplu, așa cum se arată în a doua imagine.
Setați culoarea de umplere la R = 28 G = 117 B = 188, alegeți Instrumentul dreptunghiular (M), creeaza o 120 x 75 pixeli formați-o și plasați-o exact așa cum este prezentat în prima imagine. Focalizați pe partea superioară a acestei forme noi și comutați la Instrumentul de selecție directă (A). Selectați punctul de ancorare din stânga și trageți-l 35px la dreapta, selectați punctul de ancorare drept și trageți-l 35px la stanga. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.
Setați culoarea de umplere la R = 39 G = 170 B = 225, alegeți Instrumentul dreptunghiular (M), creeaza o 180 x 35 px formați-o și plasați-o exact așa cum este prezentat în prima imagine. Focalizați pe partea superioară a acestei forme noi și comutați la Instrumentul de selecție directă (A). Selectați punctul de ancorare din stânga și trageți-l 30px la dreapta, selectați punctul de ancorare drept și trageți-l 30px la stanga. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.
Resetați ambele trapezoide albastre, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Divide buton. Asigurați-vă că grupul de forme care rezultă este selectat și pur și simplu lovit Shift-Control-G la Degrupeaza aceasta. Focalizați pe formele rezultate și înlocuiți culorile de umplere existente cu cele prezentate în imaginea următoare.
Alegeți Instrumentul de selecție directă (A), selectați cele zece puncte de ancorare evidențiate în prima imagine, deplasați-vă la panoul de control, focalizați pe cornere secțiune și pur și simplu introduceți 5px în acea cutie albă. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.
Dezactivați Fixat la retea (Vizualizare> Snap to Grid), activați Ghiduri inteligente (Control-U), setați culoarea de umplere la alb (R = 255 G = 255 B = 255) și alegeți Instrument Pen (P).
Plasați cursorul peste ancora dreaptă deasupra formei albastre până când veți obține o "ancoră"bucată de text. Pur și simplu faceți clic pe acel loc apoi treceți la partea de jos a formei albastre și faceți clic pur și simplu pe el atunci când obțineți"intersectaghid inteligent.
Continuați cu Instrumentul Pen, faceți clic pe punctul de ancorare din partea de jos, din dreapta a formei albastre, apoi reveniți la punctul de ancorare de sus și închideți calea. În final, ar trebui să aveți un triunghi alb simplu, așa cum se arată în a patra imagine.
Asigurați-vă că triunghiul alb este încă selectat, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb.
Asigurați-vă că forma dvs. rămâne selectată și se concentrează pe Gradient panou. Seteaza Unghi la 0 apoi concentrați pe culorile gradientului. Selectați cursorul gradient stâng și setați culoarea la R = 117 G = 76 B = 41 apoi selectați glisorul pentru gradientul drept și setați culoarea la R = 139 G = 94 B = 60. Selectați din nou Instrument Pen (P), adăugați un al doilea triunghi așa cum se arată în a doua imagine și completați-l cu același gradient liniar.
Dezactivați Ghiduri inteligente (Control-U) apoi du-te la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat la 1px. Selectați forma albastră și faceți două copii în față (Control-C> Control-F> Control-F).
Selectați copia de început și pur și simplu mutați-o 1px în jos, utilizând butonul săgeată în jos din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la alb, apoi faceți clic pe "Opacitate"bucată de text pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.
Resetați forma albastră și faceți încă două copii în față (Control-C> Control-F> Control-F).
Selectați copia de început și pur și simplu mutați-o 1px utilizați butonul săgeată sus din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată, aduceți-o în față (Shift-Control-] ) și să se concentreze pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru (R = 0G = 0B = 0), micșorați-l Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba. Resetați forma albastră și înlocuiți pur și simplu culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea finală.
Selectați forma stânga, portocalie și faceți două copii în față (Control-C> Control-F> Control-F).
Selectați copia de început și pur și simplu mutați-o 1px în jos, utilizând butonul săgeată în jos din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru, micșorați-o Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba. Mutați-vă în dreapta, în formă portocalie și repetați tehnicile folosite pentru cea stângă.
Resetați forma stânga, portocalie și înlocuiți pur și simplu culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare. Mutați-vă în dreapta, în forma portocalie și înlocuiți culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea următoare.
Selectați forma verde și faceți două copii în față (Control-C> Control-F> Control-F).
Selectați copia de început și pur și simplu mutați-o 1px în jos, utilizând butonul săgeată în jos din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru, micșorați-o Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba. Resetați forma verde și înlocuiți pur și simplu culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea finală.
Selectează forma violet și face o copie în față (Control-C> Control-F) apoi selectați forma roșie și faceți o copie în spate (Control-C> Control-B).
Deplasați-vă la straturi , selectați această copie roșie și mutați-o 1px jos. Resetați ambele copii realizate în acest pas și dați clic pe intersecta butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la negru, micșorați-o Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.
Selectați forma roșie și faceți două copii în față (Control-C> Control-F> Control-F).
Selectați copia de început și pur și simplu mutați-o 1px utilizați butonul săgeată sus din tastatură. Resetați ambele copii realizate în acest pas și dați clic pe Minus Front butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată și că focalizați pe Aspect panou (Fereastră> Aspect). Setați culoarea de umplere la alb, micșorați-o Opacitate la 80% și schimbați Mod de amestecare la Lumina slaba. Resetați forma roșie și înlocuiți pur și simplu culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea finală.
Selectați forma violet și înlocuiți pur și simplu culoarea plană folosită pentru umplere cu gradientul liniar prezentat în imaginea finală.
Alegeți Instrumentul dreptunghiular (M) și faceți clic pur și simplu pe tabloul de bord pentru a deschide Dreptunghi fereastră. introduce 610 în Lăţime și Înălţime apoi faceți clic pe O.K pentru a vă crea 610px pătrat.
Asigurați-vă că această nouă formă rămâne selectată, trimiteți-o înapoi (Shift-Control-[ ) apoi deschideți Alinia panou (Fereastra> Aliniere). Setați alinierea la Artboard (deschideți meniul derulant și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiune așa cum se arată în imaginea următoare), asigurați-vă că forma dvs. este selectată, apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, pătratul dvs. ar trebui să acopere întregul tablou de artă, așa cum se arată în imaginea următoare.
Resetați pătratul dvs., focalizați-vă pe Aspect și adăugați oa doua umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare).
Asigurați-vă că această umplutură nouă rămâne selectată, micșorați-o Opacitate la 30% apoi treceți la Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe această miniatură gradient. Continuați să vă concentrați asupra dvs. Gradient panou, selectați Radial de la Tip drop-down meniul apoi trecerea la culori gradient. Selectați cursorul din dreapta și setați culoarea la R = 169 G = 124 B = 80 apoi selectați glisorul din stânga, setați culoarea la R = 255 G = 239 B = 210 și să-i coborâți Opacitate la 0%. Prindeți Instrument de gradient (G), concentrați-vă asupra tabloului de bord și întindeți-vă gradientul radial așa cum se arată în imaginea următoare.
Activați Fixat la retea (Vizualizare> Snap to Grid). Pentru acest pas veți avea nevoie de câte o grilă 1px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 66 x 6 px forma, setați culoarea de umplere în negru și plasați-o după cum se arată în prima imagine. Focalizați pe partea de jos a acestui dreptunghi proaspăt și treceți la Instrumentul de selecție directă (A).
Selectați punctul de ancorare din stânga și trageți-l 2px la dreapta, selectați punctul de ancorare drept și trageți-l 2px la stanga. Asigurați-vă că această formă neagră rămâne selectată, focalizați pe straturi panou și trageți-l sub toate formele care formează pictograma casetei.
Deplasați-vă la Aspect panou, selectați umplerea existentă și micșorați-o Opacitate la 10%. Continuați să focalizați Aspect panou, asigurați-vă că umplerea existentă este încă selectată și pur și simplu duplicați-o folosind Duplicați articolul selectat (indicat de cercul albastru din imaginea următoare).
Selectați umplutura de fund, măriți-o Opacitate la 20% și du-te la Efect> Blur> Gaussian Blur. Introduceți a 5px Radius și faceți clic pe O.K. Reveniți la Aspect panou, asigurați-vă că este selectată întreaga cale (faceți clic pe "cale"bucată de text din partea de sus a Aspect panou) și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Rază 3px și faceți clic pe O.K.
Intoarce-te grilă la fiecare 5 pixeli, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie. Utilizarea Instrument de elipsă (L), creeaza o 100 x 50 px forma, setați culoarea de umplere în negru și plasați-o după cum se arată în prima imagine.
Concentrați-vă pe straturi și trageți pur și simplu această nouă formă sub toate formele care formează pictograma casetei. Deplasați-vă la Aspect panou, asigurați-vă că cercul dvs. stins este încă selectat, micșorați-l Opacitate la 15% și du-te la Efect> Blur> Gaussian Blur. Introduceți a 15px Radius, clic O.K și ați terminat.
Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.
Accentsconagua