Share
Ce veți creaÎn următorii pași veți învăța cum să creați o pictogramă de cursor 3D în Adobe Illustrator. Pentru început, veți învăța cum să configurați o rețea simplă și cum să vă creați forma principală utilizând instrumentele de bază împreună cu caracteristica Snap to Grid. Apoi, veți da o senzație 3D utilizând efectul 3D Extrude & Bevel. Deplasarea pe dvs. va învăța cum să adăugați culoarea, umbrirea și evidențiați utilizând panoul Aspect și câteva tehnici de amestecare de bază. În cele din urmă, veți învăța cum să recolorați cu ușurință întregul cursor folosind o singură formă.
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, 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ă 1 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, și intră 1 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca ș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 = 209 G = 211 B = 212. Deplasați-vă la tabloul de bord și creați pur și simplu o 42 x 41 px dreptunghi the Fixat la retea ar trebui să vă ușureze munca.
Asigurați-vă că acest dreptunghi rămâne selectat și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Treceți la Ștergeți instrumentul pentru punctul de ancorare (-) și pur și simplu faceți clic pe cele patru puncte de ancorare evidențiate în prima imagine pentru a le elimina. Aceasta ar trebui să transforme dreptunghiul dvs. într-un triunghi, așa cum se arată în a doua imagine. Concentrați-vă pe partea de jos a triunghiului și apucați-l Instrumentul de selecție directă (A). Selectați punctul de ancorare de mijloc și trageți-l 6 px la dreapta. Încă o dată, grila și Fixat la retea caracteristică va veni la îndemână.
Asigurați-vă că triunghiul dvs. rămâne selectat, păstrați focalizarea pe partea de jos, apucați-l Adăugați un instrument de ancorare (+) și adăugați un nou punct de ancorare așa cum este arătat în prima imagine. Treceți la Instrumentul de selecție directă (A), selectați cele două puncte de ancorare evidențiate în a doua imagine și pur și simplu trageți-le 6 px sus. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 12 x 22 pixeli formați-o și plasați-o exact așa cum este prezentat în prima imagine. Selectați acest nou dreptunghi împreună cu cealaltă formă, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton.
Asigurați-vă că forma dvs. este selectată și mergeți la Efect> 3D> Extrude & Bevel. Introduceți toate atributele afișate în imaginea următoare, verificați Desenați fețele ascunse , apoi faceți clic pe O.K.
Resetați forma și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că grupul rezultat este selectat și pur și simplu lovit Shift-Control-G de două ori Degrupeaza aceasta.
Utilizarea Instrument de selecție (V) si Schimb , selectați numai formele vizibile (evidențiate în prima imagine) și pur și simplu lovit Control-G la grup lor. Continuați să vă concentrați pe straturi și dezactivați vizibilitatea grupului dvs., astfel încât să puteți arunca o privire asupra formelor care stau în spatele lor.
Scapa de acele forme gri mai închise și apoi selectați restul și înlocuiți culoarea de umplere existentă cu un simplu negru (R = 0G = 0B = 0). După ce ați terminat, puteți reveni la straturi , reveniți la vizibilitatea grupului dvs. și selectați și apoi Degrupeaza folosind același lucru Shift-Control-G Comanda rapidă de la tastatură.
Selectați cele cinci forme care alcătuiesc laturile laterale ale cursorului și faceți copii în față (Control-C> Control-F). Asigurați-vă că sunt selectate numai aceste copii, faceți clic pe Uni butonul din deschizător de drumuri panou, apoi apăsați butonul Control-8 tastatură rapidă pentru a transforma formele selectate într-o cale simplă. Asigurați-vă că este selectată calea combinată și pur și simplu înlocuiți culoarea de umplere existentă cu R = 39 G = 170 B = 225.
Deplasați-vă la straturi panou, selectați forma neagră, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-]). Asigurați-vă că această copie rămâne selectată și că focalizați pe Aspect panou. Îndepărtați culoarea din umplutură și apoi concentrați-vă asupra cursei. Adăuga R = 247 G = 148 B = 30 pentru culoare și pentru a crește Greutate la 2 px. Cu această cale portocalie selectată, mergeți la Obiect> Cale> Accident vascular cerebral.
Resetați calea albastră combinată cu forma portocalie și faceți clic pe intersecta butonul din deschizător de drumuri panou. Asigurați-vă că grupul de forme care rezultă este selectat și transformați-l într-o nouă cale compusă utilizând aceiași Control-8 Comanda rapidă de la tastatură.
Continuați să vă concentrați pe această cale portocalie, apucați-o Ștergeți instrumentul pentru punctul de ancorare (-) și pur și simplu eliminați cele șase puncte de ancorare evidențiate în a doua imagine. În final, calea dvs. compusă din portocaliu ar trebui să arate ca în a treia imagine.
Asigurați-vă că traiectoria complexă de culoare portocalie este încă selectată și treceți la Aspect panou. Înlocuiți culoarea de umplere existentă cu un negru simplu și apoi faceți clic pe faptul că "Opacitate"bucată de text pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba.
Selectați cele cinci forme care alcătuiesc unul câte unul pe laturile laterale ale cursorului și înlocuiți pur și simplu culorile de umplere existente cu gradientele liniare indicate în imaginea următoare.
Selectați forma care formează partea superioară a cursorului și înlocuiți pur și simplu culoarea de umplere existentă cu gradientul liniar prezentat în imaginea următoare.
Resetați forma care formează partea superioară a cursorului și focalizați-vă pe Aspect panou.
Selectați cursa existentă, modificați-o Mod de amestecare la Lumina slaba și adăugați gradientul liniar prezentat în imaginea următoare. Rețineți că numerele albastre din Gradient imagine stand pentru Locație procent, în timp ce cele galbene reprezintă Opacitate procent. Reveniți la Aspect și faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral meniu flyout. Asigurați-vă că Greutate este setat la 1 px și apoi verificați Intoarcere rotunda si Aliniați Accident vascular cerebral la interior butoane.
Resetați cele șase forme care alcătuiesc marginile vizibile ale cursorului și duplicați-le (Control-C> Control-F). Asigurați-vă că sunt selectate numai aceste copii, înlocuiți atributele de umplere existente cu două nuanțe aleatoare de albastru, după cum se arată în a doua imagine, și nu uitați să eliminați cursa folosită pentru formele de vârf.
Selectați forma albastră care formează partea superioară a cursorului și faceți o copie în față (Control-C> Control-F). Selectați această copie împreună cu forma albastră mai închisă evidențiată în prima imagine și faceți clic pe Minus Front butonul din deschizător de drumuri panou.
Resetați toate formele albastre și concentrați-vă pe Aspect panou. Eliminați culorile de umplere și apoi adăugați a 1 px negru accident vascular cerebral. Odată ce ați terminat, grup aceste forme (Control-G).
Asigurați-vă că grupul dvs. este încă selectat și faceți o copie în față (Control-C> Control-F). Selectați această copie și faceți clic pe Uni butonul din deschizător de drumuri panou. Concentrați-vă pe forma rezultată, setați culoarea de umplere la alb, scăpați de cursa neagră și apoi folosiți Ștergeți instrumentul pentru punctul de ancorare (-) pentru a elimina punctul de ancorare evidențiat în a doua imagine. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.
Resetați forma albă făcută în pasul anterior, împreună cu grupul dvs. numai, deschideți Transparenţă panou (Fereastră> Transparență) și faceți clic pe Faceți masca , iar lucrurile ar trebui să arate ca în a doua imagine. Continuați să vă concentrați pe Transparenţă panou, modificați Mod de amestecare la Lumina slaba și coborâți Opacitate la 30%.
Concentrați-vă pe straturi , selectați forma neagră care formează partea de jos a cursorului și treceți la Aspect panou. Selectați accident vascular cerebral existent, faceți-l negru, micșorați-l Opacitate la 5% și apoi deschideți asta Accident vascular cerebral panou flyout. Asigurați-vă că Greutate este setat la 1 px și apoi verificați Intră în runda și Aliniați accident vascular cerebral în afară butoane.
Resetați forma neagră care formează partea de jos a cursorului, reveniți la Aspect panou, asigurați-vă că este selectată întreaga cale (faceți clic pe "cale"bucată de text din partea superioară a panoului dvs.) și mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga sus (în imaginea următoare), faceți clic pe O.K și apoi adăugați celelalte trei Umbra efectele afișate în imaginea următoare.
Resetați grupul mascat și faceți o copie în față (Control-C> Control-F). Asigurați-vă că acesta rămâne selectat și faceți clic pe Uni butonul din deschizător de drumuri panou. Acum, puteți utiliza această nouă formă pentru a vă recolora cu ușurință întregul cursor. Asigurați-vă că acesta rămâne selectat și că focalizați pe Aspect panou. Setați culoarea de umplere la R = 28 G = 117 B = 188 și apoi schimbați Mod de amestecare la Lumina slaba.
Simțiți-vă liber să utilizați un mod de amestecare diferit pentru această formă care reambală întregul cursor.
Puteți ajusta întotdeauna procentul opacității pentru a mări / micșora intensitatea culorii pentru forma care adaugă culoarea cursorului.
De asemenea, puteți încerca să combinați două moduri de amestecare diferite.
În cele din urmă, nu ezitați să experimentați diferite culori.
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