Creați un grafic liniar simplu în Adobe Illustrator

Ce veți crea

În pașii următori veți afla cum să creați un grafic simplu în Adobe Illustrator. Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați cele două dreptunghiuri principale. În continuare, veți învăța cum să creați o rețea punctată utilizând instrumentul Rectangular Grid Tool împreună cu câteva efecte de bază și atributele Stroke. Deplasând-o pe tine, vei învăța cum să creezi ghidurile de linie folosind doar panoul Aspect și cum să salvezi și să utilizezi un stil grafic simplu. În sfârșit, veți învăța cum să creați niște bucăți simple de text și cum să adăugați umbre subtile.

1. Creați un document nou și configurați o rețea

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.

2. Creați fundalul și forma principală

Pasul 1

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 = 40 G = 35 B = 45. Pur și simplu faceți clic 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. 

Apoi, trebuie să centrați această nouă formă, deschideți astfel 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 după cum se arată în imaginea următoare), 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. 

Deplasați-vă la straturi panou (Fereastră> Straturi), deschideți stratul existent, pur și simplu dublu click pe forma ta și redenumiți-o "fundal".

Pasul 2

Asigurați-vă că Instrumentul dreptunghiular (M) este încă activ, setați culoarea de umplere la R = 30 G = 61 B = 81, creeaza o 475px pătrați și plasați-o aproximativ ca în imaginea de mai jos. Deplasați-vă la straturi panou și pur și simplu redenumiți această nouă formă "principal".

3. Creați grila punctată

Pasul 1

Concentrați-vă pe Bara dvs. de instrumente, îndepărtați culoarea de la umplere, apoi selectați cursa și setați culoarea albă (R = 255 G = 255 B = 255). Continuați să vă concentrați pe Bara dvs. de instrumente și selectați Rectangular Grid Tool pentru a deschide Rectangular Opțiuni de instrument de rețea fereastră. Doar faceți clic pe tabloul de bord, introduceți toate atributele afișate în următoarea imagine, apoi dați clic pe O.K buton. Asigurați-vă că această nouă rețea este selectată și plasați-o exact așa cum este prezentat în prima imagine Fixat la retea facilitate ar trebui să ușureze munca ta.

Pasul 2

Asigurați-vă că întreaga dvs. rețea este încă selectată și pur și simplu lovită Shift-Control-G la Degrupeaza aceasta. Selectați dreptunghiul care încadrează grilă dvs. și pur și simplu atingeți Șterge de pe tastatură pentru al elimina. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.

Pasul 3

Continuați să vă concentrați asupra grilajului, selectați cele zece căi orizontale și deschideți Transforma panou (Fereastră> Transformați). Asigurați-vă că Reduceți proporțiile lățimii și înălțimii butonul nu este activat și pur și simplu introduceți 360 de pixeli în Lăţime cutie. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.

Pasul 4

Asigurați-vă că toate căile albe sunt selectate, focalizați pe Aspect panou și pur și simplu faceți clic pe faptul că "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Verifică Linie întreruptă și caseta Aliniați liniuțele spre colțuri și capetele traseului butoanele apoi introduceți pur și simplu 5px în primele două rubrici și linii de spațiu. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 5

Asigurați-vă că toate căile albe sunt selectate și pur și simplu lovite Control-G la grup lor. Apoi, trebuie să vă asigurați că aceste căi subțiri sunt perfect aliniate la grila pixelilor. Selectați grupul făcut în acest pas și accesați Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la -0.5px și faceți clic pe O.K

Activați Previzualizarea pixelilor (Vizualizați> Previzualizarea pixelilor), apoi aruncați o privire la drumul dvs. cu și fără Transforma să înțeleagă exact cum se schimbă lucrurile. Nu uitați să dezactivați Previzualizarea pixelilor (Vizualizați> Previzualizarea pixelilor) după ce ați terminat.

Pasul 6

Resetați grupul de căi albe, concentrați-vă pe Aspect panou și pur și simplu faceți clic pe faptul că "Opacitate"bucată de text pentru a deschide Transparenţă panou flyout. Coborâți Opacitate la 25% și să se concentreze pe Aspect panou. Asigurați-vă că grupul dvs. este încă selectat și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

4. Creați primul ghid de linie

Pasul 1

Prindeți Instrument Pen (P) și să creați o cale simplă, așa cum se arată în imaginea următoare. Selectați-l și focalizați-vă pe Aspect panou. Asigurați-vă că nu există set de culori pentru umplere, selectați cursa, setați culoarea la R = 255 G = 25 B = 100 apoi deschideți Accident vascular cerebral panou flyout. Seteaza Greutate la 4px apoi verificați pur și simplu Round Cap si Intră în runda butoanele (indicate de cercurile albastre din imaginea următoare).

Pasul 2

Asigurați-vă că calea dvs. galbenă rămâne selectată, focalizați-vă pe Aspect selectați cursa existentă și pur și simplu o duplicați folosind Duplicați articolul selectat (indicat de cercul albastru din imaginea următoare). Selectați această curbă nouă, setați Greutate la 3px și culoarea la R = 255 G = 222 B = 23 apoi du-te la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 3

Asigurați-vă că calea dvs. galbenă rămâne selectată, focalizați-vă pe Aspect panou, selectați cursorul de sus și duplicați-l utilizând același lucru Duplicați articolul selectat buton. Selectați această curbă nouă, setați Greutate la 1px și culoarea la R = 247 G = 148 B = 30 apoi deschideți existența Transforma efect. Înlocuiți proprietățile existente cu cele afișate în imaginea de mai jos și dați clic pe O.K.

Pasul 4

Asigurați-vă că calea dvs. galbenă rămâne selectată, focalizați-vă pe Aspect panou, selectați cursorul de jos și duplicați-l utilizând același Duplicați articolul selectat buton. Selectați această curbă nouă, glisați-o în partea de jos a ecranului Aspect panou, setați Greutate la 6px și culoarea la negru (R = 0G = 0B = 0), apoi micșorați-l Opacitate la 15%.

Pasul 5

Asigurați-vă că calea dvs. galbenă rămâne selectată, focalizați-vă pe Aspect panou, selectați 4px accident vascular cerebral și du-te 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 apoi lovit Shift-Control-E de două ori pentru a adăuga același efect încă de două ori. Asigurați-vă că dvs. 4px este încă selectată și mergeți încă o dată Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta și dați clic pe O.K.

Pasul 6

Resetați calea dvs. galbenă, focalizați-vă pe 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 5px Radius și faceți clic pe O.K. Asigurați-vă că calea dvs. galbenă este încă selectată, deschideți-o Stiluri grafice panou (Fereastră> Stiluri grafice) și pur și simplu faceți clic pe Stil nou grafic pentru a salva un nou stil grafic.

5. Creați celelalte două ghiduri de linii

Pasul 1

Prindeți Instrument Pen (P) și creați o nouă cale după cum se arată în imaginea următoare. Selectați-l și pur și simplu adăugați stilul dvs. grafic salvat din Stiluri grafice panou. Asigurați-vă că această cale proaspătă rămâne selectată și se concentrează pe Aspect panou. Selectați cursa de sus și înlocuiți culoarea existentă cu R = 239 G = 65 B = 54. Continuați să vă concentrați pe Aspect panou, treceți în jos până la următorul curs, selectați-l și înlocuiți culoarea existentă cu R = 247 G = 148 B = 30. În cele din urmă, selectați 4px cursa și înlocuiți culoarea existentă cu R = 255 G = 205 B = 109.

Pasul 2

Prindeți Instrument Pen (P) și creați o nouă cale după cum se arată în imaginea următoare. Selectați-l și pur și simplu adăugați stilul dvs. grafic salvat din Stiluri grafice panou. Asigurați-vă că această cale proaspătă rămâne selectată, focalizați pe Aspect și înlocuiți pur și simplu culorile de curse existente cu cele prezentate mai jos.

6. Creați

Pasul 1

Utilizarea Instrument de elipsă (L), creeaza o 20px cerc și plasați-o așa cum se arată în prima imagine. Selectați această nouă formă și focalizați pe Aspect panou. Asigurați-vă că nu aveți setul de culori pentru umplere, selectați cursa, setați culoarea la R = 39 G = 170 B = 225 apoi deschideți Accident vascular cerebral panou flyout. Seteaza Greutate la 4px, verifică Aliniați accident vascular cerebral în afară butonul (evidențiat de cercul albastru din imaginea următoare), apoi mergeți la Obiect> Cale> Accident vascular cerebral.

Pasul 2

Dezactivați modul Snap în rețea (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. Asigurați-vă că forma albastră este selectată și faceți două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și mutați-o 1px în jos, utilizând butonul săgeată în jos din tastatură. 

Resetați ambele copii realizate în acest pas, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton. Asigurați-vă că grupul de forme care rezultă este selectat și pur și simplu lovit Control-8 pentru ao transforma într-o cale simplă. Selectați-l, setați culoarea albă și modificați-o Mod de amestecare la Lumina slaba.

Pasul 3

Asigurați-vă că forma albastră este selectată și faceți încă două copii în față (Control-C> Control-F> Control-F). Selectați copia de început și 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. Transformați grupul de forme care rezultă într-o nouă cale complexă (Control-8), setați culoarea de umplere la negru și schimbați culoarea Mod de amestecare la Lumina slaba.

Pasul 4

Resetați forma albastră și focalizați-vă pe Aspect panou. Selectați umplerea, micșorați-o Opacitate la 10% și înlocuiți culoarea existentă cu alb.

Pasul 5

Asigurați-vă că cercul dvs. alb rămâne selectat, focalizați-vă pe Aspect și selectați cursorul. Setați culoarea în negru și Greutate la 1px, micșorați-l Opacitate la 20% și verificați Aliniați accident vascular cerebral în afară butonul din Accident vascular cerebral panou flyout. 

Continuați să vă concentrați pe Aspect și adăugați un al doilea curs pentru forma folosind butonul Adăugați un accident vascular cerebral nou (indicat de cercul albastru din imaginea următoare). Selectați această curbă nouă, setați culoarea alb și Greutate la 1px, micșorați-l Opacitate la 10% și verificați Aliniați Accident vascular cerebral la interior butonul din Accident vascular cerebral panou flyout.

Pasul 6

Resetați cercul alb, concentrați-vă pe Aspect panou, asigurați-vă că este selectată întreaga cale și adăugați cele trei Umbra efecte (Efect> Stylize> Drop Shadow) afișat în imaginea următoare.

Pasul 7

Activați Fixat la retea (Vizualizare> Snap to Grid). Resetați cercul alb împreună cu cele două căi compuse subțiri și grup lor (Control-G). Înmulțiți acest nou grup (Control-C> Control-F) și împrăștiați copiile aproximativ la fel ca în cea de-a doua imagine.

7. Adăugați textul

Pasul 1

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. Prindeți Instrumentul tip (T), trebuie doar să faceți clic pe tabloul de bord și să adăugați piesa de text prezentată în imaginea următoare. Asigurați-vă că toate aceste texte rămân selectate, setați culoarea la R = 187 G = 183 B = 200 și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Calibri, faceți-l Îndrăzneţ și setați mărimea la 12px.

Pasul 2

Resetați tot textul și adăugați cele cinci Umbra efectele afișate în imaginea următoare. Asigurați-vă că una dintre aceste bucăți de text este încă selectată și salvați un nou stil grafic folosind aceleași elemente Stil nou grafic butonul din Stiluri grafice panou.

Pasul 3

Prindeți Instrumentul tip (T) și adăugați o bucată de text mai lungă după cum se arată în imaginea următoare. Utilizați aceeași culoare, font și stil, dar măriți dimensiunea fontului la 15px. Asigurați-vă că este selectată această nouă piesă de text și pur și simplu adăugați stilul grafic salvat în pasul anterior.

8. Adăugați culoarea, umbrirea și evidențiați pentru forma principală

Pasul 1

Selectați "principal"formă, se concentreze pe Aspect și adăugați oa doua umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare). Selectați această umplere nouă, micșorați-o Opacitate la 50%, schimba Mod de amestecare la Acoperire și deschideți Gradient panou (Fereastră> Gradient). Pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb. Continuați să vă concentrați asupra dvs. Gradient , selectați glisorul din stânga și asigurați-vă că culoarea este setată pe alb, apoi selectați cursorul din dreapta, setați culoarea la R = 30 G = 61 B = 81 și să-i coborâți Opacitate la 0%. Asigurați-vă că umplerea adăugată în acest pas rămâne selectată, apucați-o Instrument de gradient (G), concentrați-vă asupra tabloului de bord și întindeți-vă gradientul linear aproximativ după cum se arată în imaginea următoare.

Pasul 2

Reluați-vă "principal"formă, se concentreze pe Aspect panou și adăugați oa treia umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea în negru, micșorați-o Opacitate la 7%, schimba Mod de amestecare la Multiplica și du-te la Efect> Artistic> Film Cereal. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 3

Asigurați-vă că forma "principală" rămâne selectată, focalizați pe Aspect și selectați cursorul. Setați culoarea la alb, micșorați-o Opacitate la 50%, schimba Mod de amestecare la Acoperire apoi setați Greutate la 2px și verificați Aliniați Accident vascular cerebral la interior butonul din Accident vascular cerebral panou flyout.

Pasul 4

Asigurați-vă că "principal"forma rămâne selectată, se concentrează pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați un accident vascular cerebral nou buton. Selectați această curbă nouă, setați culoarea la R = 55 G = 32 B = 35 si Greutate la 1px apoi verificați Aliniați Accident vascular cerebral la interior butonul din Accident vascular cerebral panou flyout. Reveniți la Aspect și adăugați un al treilea curs pentru forma. Setați culoarea la R = 35 G = 31 B = 32, micșorați-l Opacitate la 10%, schimba Mod de amestecare la Lumina slaba apoi setați Greutate la 1px și verificați Aliniați accident vascular cerebral în afară butonul din Accident vascular cerebral panou flyout.

Pasul 5

Asigurați-vă că "principal"forma rămâne selectată, se concentrează pe Aspect panou, selectați umplutura de fund și adăugați cele patru Umbra efectele afișate în imaginea următoare.

Pasul 6

Reluați-vă "principal"formă, se concentreze pe Aspect panou, asigurați-vă că este selectată întreaga cale și căutați Efect> Stylă> Colțuri rotunjite. Introduceți a 5px Radius, clic O.K și ați terminat.

Felicitări! 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.