Share
Ce veți creaÎn pașii următori veți afla cum să creați o simplă ilustrare a săgeților cu săgeți în Adobe Illustrator. Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați formele principale utilizând instrumente de bază, câteva efecte simple și caracteristica Live Corners. Apoi, veți învăța cum să creați, să salvați și să utilizați un gradient liniar și cum să adăugați umbre subtile pentru formele voastre. În cele din urmă, veți învăța cum să recolorați cu ușurință săgețile săgeți finale.
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 și 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 = 39 G = 170 B = 225. Deplasați-vă la tabloul de bord și creați pur și simplu o 22 x 4 px dreptunghi.
Asigurați-vă că acest dreptunghi albastru rămâne selectat și mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați vertical glisați la -6 px, introduce 2 in aceea Copii , faceți clic pe O.K buton și apoi du-te la Obiect> Extindeți aspectul. Asigurați-vă că grupul de forme care rezultă este selectat și Degrupeaza folosind Shift-Control-G Comanda rapidă de la tastatură.
Folosind același lucru Instrumentul dreptunghiular (M), creeaza o 22 x 17 px formați-o și plasați-o exact așa cum este prezentat în prima imagine. Concentrați-vă pe partea superioară a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare, deplasați-vă în bara superioară și setați cornere la 2 px.
Funcția Live Corners este disponibilă numai pentru utilizatorii CC. Cea mai bună soluție pentru ao înlocui ar fi Rotunde orice colț script care poate fi găsit în acest articol: 20 scripturi gratuite și utile Adobe Illustrator. Salvați-l pe unitatea hard disk, reveniți la Illustrator și asigurați-vă că Instrumentul de selecție directă (A) este activ.
Selectați aceleași puncte de ancorare și mergeți la Fișier> Scripturi> Alt script. Deschide Rotunjire orice colț Script, introduceți a 2 px raza și faceți clic pe O.K. În unele cazuri, este posibil să trebuiască să măriți / micșorați valoarea menționată cornere cutie.
Deplasați-vă în partea de jos a formelor realizate în acest pas, selectați ambele puncte de ancorare, reveniți la acestea cornere și de data aceasta a setat-o 1 px. În final, noua dvs. formă albastră ar trebui să arate ca în a doua imagine.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 14 x 7 px formați-o și plasați-o după cum se arată în prima imagine. Concentrați-vă pe partea superioară a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare, reveniți la bara de sus și introduceți 3 px in aceea cornere cutie.
Reveniți la Bara dvs. de instrumente Google și înlocuiți culoarea de umplere existentă cu o culoare galbenă simplă (R = 255 G = 200 B = 0). Utilizarea Instrumentul dreptunghiular (M), creați două 20 x 3 px forme și două 20 x 2 px forme și plasați-le exact așa cum este prezentat în prima imagine.
Concentrați-vă pe dreptunghiul galben inferior și comutați la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare de fund și apoi introduceți 1 px in aceea cornere cutie.
Selectați toate formele albastre, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniatură gradient pentru a adăuga gradientul linear de culoare alb-negru.
Continuați să vă concentrați asupra dvs. Gradient panou, setați Unghi la 0 grade, apoi concentrați pe glisoarele de gradient. Mai întâi, selectați glisorul pentru gradientul din stânga și setați culoarea la R = 139 G = 146 B = 152, apoi selectați glisorul pentru gradientul drept și setați culoarea la R = 209 G = 211 B = 212.
Concentrați-vă pe bara de gradienți și faceți clic pe ea pentru a adăuga un cursor de gradient nou. Asigurați-vă că acest glisor nou este selectat, setați culoarea la R = 229 G = 226 B = 223, se concentreze pe Locație caseta (de la Gradient panou) și setați-l la 15%. Rețineți că numerele albastre din Gradient imaginile stau în picioare Locație procent. Adăugați trei glisoare noi pentru acest gradient și apoi utilizați culoarea și Locație atributele afișate în imaginea următoare.
Acum, trebuie să salvați acest gradient liniar. Reveniți la Gradient panou, faceți clic pe această miniatură de gradient și pur și simplu trageți-l înăuntru Specimene panou (Fereastră> Swatches).
Asigurați-vă că formele pline cu gradientul dvs. liniar sunt încă selectate, focalizați pe Aspect panou (Fereastră> Aspect) și adăugați un al doilea umplere folosind Adăugați o nouă umplere buton. Selectați această umplutură nouă, înlocuiți culoarea existentă cu un alb simplu (R = 255 G = 255 B = 255) și apoi modificați-o Mod de amestecare la Lumina slaba.
Selectați toate formele galbene și înlocuiți pur și simplu culoarea de umplere existentă cu gradientul dvs. liniar salvat.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 4 x 62 px albastru și plasați-o așa cum se arată în prima imagine. Asigurați-vă că acesta rămâne selectat și mergeți la Obiect> Cale> Adăugați puncte de ancorare. Concentrați-vă pe partea superioară a acestui nou dreptunghi, alegeți Ștergeți instrumentul pentru punctul de ancorare (-) și pur și simplu faceți clic pe cele două puncte de ancorare evidențiate în a doua imagine pentru a scăpa de ele.
Forma dvs. ar trebui să arate ca a doua imagine. Treceți la Instrumentul de selecție directă (A), selectați cele două puncte de ancorare evidențiate în a treia imagine și trageți-le 15 px jos. În final, forma albastră ar trebui să arate ca în a patra imagine.
Asigurați-vă că forma albastră este selectată și faceți o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 1 x 62 px formați-o și plasați-o după cum se arată în prima imagine. Selectați acest nou dreptunghi împreună cu copia formei dvs. albastre, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe intersecta buton.
Asigurați-vă că forma rezultată rămâne selectată, focalizați pe Aspect și înlocuiți culoarea de umplere existentă cu R = 190 G = 200 B = 203.
Asigurați-vă că forma albastră este selectată și faceți o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 1 x 62 px formați-o și plasați-o după cum se arată în prima imagine. Selectați acest nou dreptunghi împreună cu o copie a formei albastre și faceți clic pe intersecta butonul din deschizător de drumuri panou.
Asigurați-vă că forma rezultată rămâne selectată, focalizați pe Aspect și înlocuiți culoarea de umplere existentă cu R = 222 G = 232 B = 235. Resetați forma albastră, focalizați pe panoul Aspect și înlocuiți cu albastru R = 145 G = 155 B = 158.
Utilizarea Instrumentul dreptunghiular (M), creaza un 18 x 174 px forma verde și plasați-o după cum se arată în prima imagine. Concentrați-vă pe partea de jos a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați punctul de ancorare din stânga și trageți-l 5 px spre dreapta, apoi selectați punctul de ancorare drept și trageți-l 5 px la stanga.
Resetați întreaga formă verde și mergeți la Efect> Warp> Arderea. Introduceți atributele afișate în imaginea următoare, faceți clic pe O.K buton și apoi du-te la Obiect> Extindeți aspectul.
Asigurați-vă că forma verde rămâne selectată și se concentrează pe Aspect panou. Mai întâi, selectați umplerea și pur și simplu înlocuiți acea culoare plată cu gradientul dvs. liniar salvat. Apoi, adăugați un al doilea umplere pentru această formă utilizând același lucru Adăugați o nouă umplere buton.
Selectați această umplere nouă, micșorați-o Opacitate la 50% și adăugați gradientul liniar prezentat în imaginea următoare. Rețineți că numărul albastru din Gradient imaginea reprezintă Locație procent, în timp ce zero galben reprezintă Opacitate procent.
Asigurați-vă că forma editată în pasul anterior este încă selectată, continuați să focalizați pe Aspect și adăugați un al treilea umplutură. Selectați această umplere nouă, micșorați-o Opacitate la 70%, schimba Mod de amestecare la Lumină tare și setați culoarea la R = 247 G = 148 B = 30.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 26 x 102 pixeli albastru și plasați-o așa cum se arată în prima imagine. Treceți la Instrumentul de selecție directă (A) și continuați să vă concentrați asupra acestui nou dreptunghi. Selectați punctul de ancorare din dreapta sus și trageți-l 64 px în jos și 6 px spre dreapta, apoi selectați punctul de ancorare stânga jos și trageți-l 4 px la stanga.
Continuați să vă concentrați asupra formei dvs. albastre și asigurați-vă că Instrumentul de selecție directă (A) este încă activă. Selectați trei puncte de ancorare unul câte unul și introduceți cornere atributele indicate în imaginea următoare.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 24 x 102 px roșu și plasați-o după cum se arată în prima imagine. Treceți la Instrumentul de selecție directă (A) și continuați să vă concentrați asupra acestui nou dreptunghi. Selectați punctul de ancorare din stânga sus și trageți-l 64 px în jos și 6 px spre stânga, apoi selectați punctul de ancorare din dreapta jos și trageți-l 4 px la dreapta.
Continuați să vă concentrați asupra formei roșii și asigurați-vă că Instrumentul de selecție directă (A) este încă activă. Selectați trei puncte de ancorare unul câte unul și introduceți cornere atributele indicate în imaginea următoare.
Utilizarea Instrumentul dreptunghiular (M), creeaza o 19 x 144 px forma verde și plasați-o după cum se arată în prima imagine. Treceți la Instrumentul de selecție directă (A) și continuați să vă concentrați asupra acestui nou dreptunghi. Selectați punctul de ancorare din stânga sus și trageți-l 73 px în jos, selectați punctul de ancorare stânga jos și trageți-l 5 px spre dreapta, apoi selectați punctul de ancorare din dreapta jos și trageți-l 51 px sus si 3 px la dreapta.
Continuați să vă concentrați asupra formei verzi și asigurați-vă că Instrumentul de selecție directă (A) este încă activă. Selectați unul câte unul cele două puncte de ancorare și introduceți cornere atributele indicate în imaginea următoare.
Asigurați-vă că ați selectat forma albastră și că vă concentrați pe Aspect panou. Mai întâi, selectați umplerea existentă și înlocuiți albastrul cu gradientul liniar prezentat în imaginea următoare. Apoi, adăugați un al doilea umplere pentru această formă și selectați-o. Setați culoarea la R = 247 G = 148 B = 30, micșorați-l Opacitate la 70%, și schimbați Mod de amestecare la Lumină tare.
Asigurați-vă că ați selectat forma roșie și că vă concentrați pe Aspect panou. Mai întâi, selectați umplerea existentă și înlocuiți roșu cu gradientul liniar prezentat în imaginea următoare. Apoi, adăugați un al doilea umplere pentru această formă și selectați-o. Setați culoarea la R = 247 G = 148 B = 30, micșorați-l Opacitate la 70%, și schimbați Mod de amestecare la Lumină tare.
Asigurați-vă că ați selectat forma verde și că vă concentrați pe Aspect panou. Mai întâi, selectați umplerea existentă și înlocuiți verde cu gradientul liniar prezentat în următoarea imagine. Apoi, adăugați un al doilea umplere pentru această formă și selectați-o. Setați culoarea la R = 247 G = 148 B = 30, micșorați-l Opacitate la 70%, și schimbați Mod de amestecare la Lumină tare.
Resetați toate formele realizate până acum și duplicați-le (Control-C> Control-F). Selectați numai copiile și faceți clic pe Uni butonul din deschizător de drumuri panou. Asigurați-vă că este selectată forma rezultată, focalizați pe Aspect panou, a scăpa de cea de-a doua umplere, apoi selectați restul de umplere și setați-i culoarea R = 167 G = 169 B = 172.
Asigurați-vă că forma dvs. gri rămâne selectată, trimiteți-o înapoi folosind Shift-Control-[ comanda rapidă de la tastatură și apoi accesați 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 apoi adăugați celelalte trei Umbra efectele prezentate mai jos.
Resetați toate formele realizate până acum și grup ei folosind Control-G Comanda rapidă de la tastatură. Asigurați-vă că acest grup nou rămâne selectat și mergeți la Efect> Distortare & Transformare> Transformare. Seteaza Unghi la 30 de grade, verificați punctul de referință din dreapta sus, introduceți 3 in aceea Copii , apoi faceți clic pe O.K buton.
În sfârșit, iată cum puteți să vă recolorați cu ușurință săgeata. Selectați cele patru forme care au umplut portocaliu (R = 247 G = 148 B = 30), se concentreze pe Aspect și pur și simplu înlocuiți acel portocaliu cu culoarea preferată.
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