Share
În următorii pași veți învăța cum să creați un set de cursoare de mână perfect pixel în Adobe Illustrator. Pentru început, veți învăța cum să vă pregătiți noul document și cum să configurați o rețea simplă. Apoi, folosind Instrumentul dreptunghi, instrumentul Ellipse și instrumentul Pen, împreună cu efectul Rounded Corners, veți învăța cum să creați formele care alcătuiesc cursorul mâinii. Folosind tehnici de construcție a formei vectoriale de bază, un accident vascular cerebral simplu, un gradient liniar, unele efecte Drop Shadow și un efect Transform simplu veți învăța cum să adăugați culori, evidențiază și umbre pentru cursorii finali de mână.
Lovit Control + N pentru a crea un Nou document. introduce 600 în Lăţime și 300 în Înălţime apoi 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). Veți avea nevoie de câte o grilă 1px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 1 în Grilă în fiecare și 1 în subdiviziunile cutie. 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-o pe culoarea roșie (R = 237 G = 28 B = 36). Deplasați-vă la Artboard, creați pur și simplu a 4 x 15 pixeli dreptunghi și să-i coborâți Opacitate la 30%. Reducerea opacității formei vă va face mai ușor să vedeți grilajul din spate, ceea ce va ușurează înțelegerea poziționării exacte pentru fiecare formă. Asigurați-vă că dreptunghiul dvs. este încă selectat și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a 2px raza și faceți clic pe O.K.
Asigurați-vă că Instrumentul dreptunghiular (M) rămâne activ, creați un 6 x 10 pixeli forma, plasați-o după cum se arată în a doua imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E pentru a adăuga același 2px Colturi rotunjite efect. Creeaza o 6 x 9 pixeli forma, plasați-o așa cum se arată în a treia imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E. În cele din urmă, creați o 6 x 7 pixeli forma, plasați-o așa cum se arată în a patra imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E.
Utilizarea Instrument de elipsă (L), creeaza o 4px cerc, umpleți-l cu același roșu (R = 237 G = 28 B = 36), plasați-o după cum se arată în imaginea următoare și micșorați-o Opacitate la 30%. Treceți la Instrumentul dreptunghiular (M), creaza un 8 x 10 pixeli forma, plasați-o după cum se arată în imaginea următoare și micșorați-o Opacitate la 30%.
Focalizați pe partea dreaptă a dreptunghiului și alegeți Instrument Pen (P). Setați culoarea de umplere la negru, coborâți Opacitate la 30% și creați o cale "L" așa cum este prezentată în prima imagine. Asigurați-vă că această nouă cale rămâne selectată, adăugați un al patrulea punct de ancorare, așa cum se arată în a doua imagine, și glisați mânerele de 2px în sus și 1px spre dreapta. Deplasați-vă în sus, adăugați un al cincilea punct de ancorare, așa cum se arată în a treia imagine, și trageți mânerele 2px în sus. Tine Alt cheie de pe tastatură, clic pe acest al cincilea punct de ancorare, pur și simplu clic pe punctul de ancorare de pornire pentru a închide calea.
Concentrați-vă pe partea stângă a dreptunghiului roșu, alegeți Instrument Pen (P) și creați o cale așa cum este prezentată în prima imagine. Asigurați-vă că această nouă cale rămâne selectată, adăugați un al patrulea punct de ancorare așa cum se arată în cea de-a doua imagine și trageți mânerele 2px în sus și 1px spre stânga. Deplasați-vă în jos, adăugați un al cincilea punct de ancorare, așa cum se arată în a treia imagine, și trageți mânerele în jos cu 4px. Tine Alt cheie de pe tastatură, clic pe acest al cincilea punct de ancorare, pur și simplu clic pe punctul de ancorare de pornire pentru a închide calea. În cele din urmă, asigurați-vă că forma realizată în acest pas este umplută cu negru și coborâți-o Opacitate la 30%.
Selectați toate formele create până acum și grup lor (Control + G). Deplasați-vă la straturi panou (Fereastră> Straturi), faceți dublu clic pe acest nou grup și denumiți-l "pointerHandCursor"Duplicați acest grup (Control + C> Control + F), selectați copia și trageți-o spre dreapta, după cum se arată în a doua imagine. Reveniți la straturi panou și numele acestui nou grup "palmHandCursor"Continuați să vă concentrați asupra acestor două grupuri, selectați cele patru dreptunghiuri rotunjite și pur și simplu le ștergeți.
Concentrați-vă pe "palmHandCursor"grupați și alegeți Instrumentul dreptunghiular (M). Creeaza o 4 x 13 pixeli formați-o și plasați-o după cum se arată în prima imagine. Umpleți-l cu roșu, micșorați-l Opacitate la 30% și du-te la Efect> Stylă> Colțuri rotunjite. Introduceți o rază de 2 pixeli și faceți clic pe O.K. Asigurați-vă că Instrumentul dreptunghiular (M) rămâne activ, creați un 4 x 14 pixeli forma, plasați-o după cum se arată în a doua imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E.
Creați o secundă, 4 x 14 pixeli forma, plasați-o așa cum se arată în a treia imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E. În cele din urmă, creați o 4 x 11 pixeli forma, plasați-o așa cum se arată în a patra imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E. Concentrați-vă pe straturi , selectați cele patru dreptunghiuri rotunjite făcute în acest pas și trageți-le pur și simplu în interiorul "palmHandCursor" grup.
Duplicați (Control + C> Control + F) ta "palmHandCursor", selectați copia și trageți-o spre dreapta, după cum se arată în a doua imagine straturi panou și numele acestui nou grup "fistHandCursor"Continuați să vă concentrați asupra acestor grupuri terțe, selectați cele patru dreptunghiuri rotunjite împreună cu 20px cerc și pur și simplu le ștergeți.
Concentrați-vă pe "fistHandCursor"grupați și luați Instrument de elipsă (L). Creeaza o 6px cerc, umpleți-l cu roșu, micșorați-l Opacitate la 30% și plasați-o așa cum se arată în prima imagine. Alegeți Instrumentul dreptunghiular (M). Creeaza o 4 x 9 pixeli formați-o și plasați-o așa cum se arată în a doua imagine. Umpleți-l cu roșu, micșorați-l Opacitate la 30% și du-te la Efect> Stylă> Colțuri rotunjite. Introduceți a 2px raza și faceți clic pe O.K. Asigurați-vă că Instrumentul dreptunghiular (M) rămâne activ, creați un 4 x 10 pixeli forma, plasați-o așa cum se arată în a treia imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E.
Creeaza o 4 x 9 pixeli forma, plasați-o așa cum se arată în a patra imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E. În cele din urmă, creați o 4 x 7px forma, plasați-o așa cum se arată în a cincea imagine, micșorați-o Opacitate la 30% și lovit Shift + Control + E. Concentrați-vă pe straturi panou, selectați cele patru dreptunghiuri rotunjite și 6px cerc făcute în acest pas și pur și simplu trageți-le în interiorul "fistHandCursor" grup.
Selectați "pointerHandCursor"grup, du-te la Obiect> Extindeți aspectul apoi deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton. Selectați forma rezultată, măriți Opacitate la 100% și să se concentreze pe Aspect panou (Fereastră> Aspect). Eliminați culoarea din umplere, adăugați a 1pt apăsați și selectați-l. Setați culoarea la R = 70 G = 70 B = 70, aliniați-l spre interior și deschideți-l Accident vascular cerebral panou (Fereastra> Accident vascular cerebral). Concentrați-vă pe Colţ secțiune și pur și simplu verificați Intră în runda buton. Odată ce ați terminat, mergeți la Obiect> Cale> Accident vascular cerebral.
Alegeți Instrumentul dreptunghiular (M), creați două, 1 x 3 pixeli forme, a 1 x 4 pixeli forma și a 1 x 5 pixeli formă. Umpleți toate cele patru forme cu R = 70 G = 70 B = 70 și plasați-le așa cum se arată în a patra imagine. Odată ce ați terminat, selectați toate formele făcute în acest pas și faceți clic pe Uni butonul din deschizător de drumuri panou.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 21 x 26 px dreptunghi, umpleți-l cu alb, plasați-l așa cum este arătat în prima imagine și trimiteți-l înapoi (Shift + Control + [ ). Selectați acest dreptunghi alb împreună cu conturul mâinii și faceți clic pe Divide butonul din deschizător de drumuri panou. Asigurați-vă că grupul rezultat este selectat și pur și simplu lovit Shift + Control + G la Degrupeaza aceasta. Selectați forma albă exterioară și ștergeți-o, apoi selectați forma albă interioară și înlocuiți-o pe cea albă cu gradientul liniar prezentat în imaginea finală.
Dezactivați Fixat la retea (Vizualizare> Snap to Grid) apoi du-te la Editați> Preferințe> Generale și asigurați-vă că Creșterea tastaturii este setat la 1px. Resetați forma umplută cu gradientul liniar și faceți două copii în față (Control + C> Control + F> Control + F). Selectați copia de început și apăsați o dată săgeata dreapta pentru ao muta cu 1px spre dreapta. Resetați ambele copii și clic Minus Front butonul din deschizător de drumuri panou. Selectați grupul de forme care rezultă, transformați-l în a Traseul compusului (Control + 8 sau Obiect> Calea compusă> Efectuați) și setați culoarea de umplere la R = 205 G = 205 B = 205.
Resetați forma umplută cu gradientul liniar și faceți încă două copii în față (Control + C> Control + F> Control + F). Selectați copia de sus și o dată apăsați săgeata stânga pentru a o deplasa cu 1px spre stânga. Resetați ambele copii și dați clic pe Minus Front butonul din deschizător de drumuri panou. Selectați grupul de forme care rezultă, transformați-l în a Traseul compusului (Control + 8 sau Obiect> Calea compusă> Efectuați) și setați culoarea de umplere la alb.
Resetați forma umplută cu gradientul liniar și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga (în imaginea următoare), faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta (în imaginea următoare) și dați clic pe O.K.
Activați Fixat la retea (Vizualizare> Snap to Grid). Utilizarea Instrumentul dreptunghiular (M), creeaza o 1 x 3 pixeli forma și completați-l cu R = 215 G = 215 B = 215. Plasați acest dreptunghi minuscul așa cum se arată în imaginea următoare și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate mai jos și faceți clic pe O.K.
Selectați "palmHandCursor"grup, du-te la Obiect> Extindeți aspectul și faceți clic pe Uni butonul din deschizător de drumuri panou. Selectați forma rezultată, măriți Opacitate la 100% și să se concentreze pe Aspect panou (Fereastră> Aspect). Eliminați culoarea din umplere, adăugați a 1pt apăsați și selectați-l. Setați culoarea la R = 70 G = 70 B = 70, aliniați-l spre interior și verificați Intră în runda butonul din Accident vascular cerebral panou. Odată ce ați terminat, mergeți la Obiect> Cale> Accident vascular cerebral.
Alegeți Instrumentul dreptunghiular (M), creați două, 1 x 8 pixeli forme și a 1 x 7 pixeli formă. Umpleți toate cele patru forme cu R = 70 G = 70 B = 70 și plasați-le așa cum se arată în a treia imagine. Prindeți Instrumentul de selecție directă (A), focalizați pe partea superioară a dreptunghiului din stânga, selectați punctul de ancorare din stânga și trageți pur și simplu 1px în jos. Odată ce ați terminat, selectați toate formele făcute în acest pas și faceți clic pe Uni butonul din deschizător de drumuri panou.
Concentrați-vă pe conturul mâinii realizat în etapa anterioară și repetați tehnicile și efectele utilizate pentru cursorul mâinii pointerului. În final lucrurile ar trebui să arate ca în imaginea următoare.
Selectați "fistHandCursor"grup, du-te la Obiect> Extindeți aspectul și faceți clic pe Uni butonul din deschizător de drumuri panou. Selectați forma rezultată, măriți Opacitate la 100% și să se concentreze pe Aspect panou (Fereastră> Aspect). Eliminați culoarea din umplere, adăugați a 1pt apăsați și selectați-l. Setați culoarea la R = 70 G = 70 B = 70, aliniați-l spre interior și mergeți la Obiect> Cale> Accident vascular cerebral.
Alegeți Instrumentul dreptunghiular (M), creați trei, 1 x 4 pixeli forme și a 1 x 2 pixeli formă. Umpleți toate cele patru forme cu R = 70 G = 70 B = 70 și plasați-le așa cum se arată în a treia imagine. Prindeți Instrumentul de selecție directă (A), se concentreze pe partea de sus a mijlocului 1 x 4 pixeli dreptunghi, selectați punctul de ancorare din stânga și trageți pur și simplu 1px în jos. Mergeți la dreapta 1 x 4 pixeli dreptunghi, concentrați pe partea superioară, selectați punctul de ancorare corect și trageți-l pur și simplu 1px în jos. Odată ce ați terminat, selectați toate formele făcute în acest pas și faceți clic pe Uni butonul din deschizător de drumuri panou.
Concentrați-vă pe conturul mâinii realizat în etapa anterioară și repetați tehnicile și efectele utilizate pentru ceilalți doi cursori de mână. În final lucrurile ar trebui să arate ca în imaginea următoare.
Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.
Dacă sunteți interesat în crearea butonului Abonare, consultați acest tutorial minunat pentru crearea unui buton cu doar o linie de text în panoul Aspect!
Accentsconagua