Share
În acest tutorial, veți învăța să trasați un graf de bare precis utilizând Instrumentul grafic al Adobe Illustrator. De asemenea, vom face graficul să îi ofere o atracție vizuală suplimentară. Finalizarea cu succes a acestui tutorial necesită o cunoaștere intermediară a instrumentelor Illustratorilor. Să începem!
Tutorial publicatLa fiecare câteva săptămâni, revizuim câteva postări preferate ale cititorului nostru de-a lungul istoriei site-ului. Acest tutorial a fost publicat pentru prima oară în octombrie 2008.
Faceți dublu clic pe Instrumentul pentru coloanele grafice (J). Caseta de dialog care se deschide vă va oferi mai multe opțiuni pe care le puteți personaliza după preferințele dvs. Am decis să păstrăm toate opțiunile standard. Dacă nu doriți să modificați nicio opțiune, faceți clic pe OK.
Cu ajutorul Instrumentului pentru coloana grafică, faceți clic și trageți pe placa de desen pentru a desena unde va cădea graficul. Introduceți informațiile de la stânga la dreapta. Unitățile de măsură din partea stângă vor fi ajustate automat în funcție de valorile introduse în grafic. Faceți clic pe caseta de validare din colțul din dreapta sus când ați terminat.
Rezultatul final va cere ca graficul să aibă o profunzime și o perspectivă, dar numerele de pe partea laterală vor avea doar o perspectivă. Pentru a realiza acest lucru, va trebui să aplicăm setarea 3D la numere și grafic separat. Duplicați graficul și numerele. Păstrați o copie în partea laterală. Ungroupați graficul astfel încât să puteți șterge numerele din lateral. Veți primi un dialog de avertizare care vă spune că graficele nu pot fi editate odată ce acestea nu sunt grupate. Faceți clic pe OK.
Ștergeți numerele din lateral și dați grafului dvs. o umplutură gri deschis și îndepărtați conturul negru subțire.
Selectați graficul și mergeți la Efect> 3D> Extrude & Bevel ... Introduceți variabilele afișate mai jos pentru a obține aspectul pe care l-am detaliat. Simțiți-vă liber să experimenteze cu unghiuri și perspective diferite pentru a face să pară cum doriți. Notați valorile pe care le introduceți, deoarece va trebui să le folosiți din nou într-un pas mai târziu.
Accesați Obiect> Extindeți aspectul.
Accesați Object> Ungroup. Este posibil să trebuiască să repetați acest pas de mai multe ori pentru a dezgrupa complet toate piesele.
Illustratorul are built-in gradients din care puteți alege. Acest lucru face foarte convenabil pentru a alege culori care arata bine fara prea mult efort. Pentru a deschide swedelele de gradienți, accesați Window> Swatch Libraries> Gradients> Brights. Selectați fiecare segment al graficului și dați-i un gradient de umplere.
Observați că am ales să dau coloana verde o culoare puțin mai închisă în cazul în care se întâlnește cu coloana galbenă. Acest lucru va da impresia că partea coloanei verde este în umbră.
Vom da coloanele o reflecție folosind Instrumentul Pen (P) pentru a desena o formă fără umplere care să taie graficul.
Selectați forma pe care tocmai ați atras-o, precum și chipul fiecărei coloane pe care se trage forma. Faceți clic pe Divide în Pathfinder (evidențiat mai jos.) Mergeți la Object> Ungroup pentru a vă dezgheța obiectele. Ștergeți formele inutile din jurul marginilor.
Reglați gradientul de pe fața fiecărei coloane pentru a reproduce reflexia prezentată mai jos.
Faceți o umbră de picătură prin desenarea unui dreptunghi cu mâna care se potrivește cu unghiul coloanelor. Dați dreptunghiului o estompare prin trecerea la Efect> Blur> Gaussian Blur.
Plasați umbra picăturilor în spatele grafului. Mai jos ar trebui să arate arta ta chiar acum.
Adăugați un interes suplimentar graficului, dând fiecărei margini a graficului evidențierea. Pur și simplu utilizați instrumentul Pen (P) și faceți linii subțiri care sunt ușor mai largi în centru și înclinate până la un punct.
Faceți scânteie capricioasă prin desenarea unei elipse utilizând instrumentul Ellipse (L), apoi distorsionând elipsa prin accesarea Efect> Distort & Transform> Pucker & Bloat ... Introduceți un număr negativ și faceți clic pe OK.
Rotiți scânteile și le așezați în mod moderat pe tot ilustrația. Dați mai puțină strălucire Opacitate utilizând paleta Transparency.
Adăugați o strălucire în jurul fiecărei străluciri prin desenarea unei elipse albe utilizând instrumentul Ellipse (L) și dând-o o blură prin trecerea la Efect> Blur> Gaussian Blur.
Obțineți copia graficului care a fost oprit în lateral și utilizați numai numerele acum. Având în vedere că graficul va fi 3D și va avea o perspectivă, va fi imperativ să extindem liniile de-a lungul coloanelor, astfel încât să fie ușor să citiți graficul când acesta este complet. Utilizând instrumentul Pen (P) trageți o linie peste fiecare număr și dați-i o linie Dashed cu o greutate de 10 pt.
Desenați o altă linie întreruptă, dar de data aceasta dați o greutate de 1 pt.
Vom face celelalte 4 linii care se extind de la numerele 30 până la 120 selectând cele două linii întrerupte pe care tocmai le-ați atras și mergând la Object> Blend> Blend Options ... În meniul derulant Spacing selectați Pași specificați și introduceți 4 este suma numerelor din stânga graficului care nu au încă linii întrerupte care se extind de la ele) și faceți clic pe OK. Cea de-a doua imagine de mai jos arată rezultatul în care vă veți încheia.
Introduceți valorile pe care le-ați folosit pentru a crea coloana 3D, cu excepția introducerii unui număr pentru Extrude Depth. Acest număr ar trebui să fie 0. Dacă, odată ce adăugați perspectivă în graficul dvs. și unele dintre linii nu se afișează (a se vedea ultima imagine din acest pas pentru un exemplu), pur și simplu utilizați Instrumentul de selecție directă (A) și selectați un punct final al liniei care se extinde de la numărul 0 și crește greutatea acesteia până când toate liniile devin vizibile.
Repoziționați graficul peste coloane utilizând linia de centru evidențiată mai jos ca ghid pentru a asigura că graficul este poziționat perfect.
Reglați transparența liniilor de pe grafic pentru a vă oferi o atracție vizuală mai mică.
Adăugați un tip de sub grafic pentru a finaliza proiectul. Dacă ați folosit propriile variabile 3D în acest tutorial, pur și simplu experimentați cu rotirea cubului în dialogul 3D Extrude & Bevel până când se potrivește cu unghiul și perspectiva coloanelor. Puteți continua să ajustați unghiul și perspectiva chiar și după ce faceți clic pe OK. Pentru a efectua ajustări odată ce ați făcut clic pe OK, mergeți la paleta Aspect și faceți dublu clic pe efectul pe care doriți să-l editați.
Acesta ar trebui să arate graficul dvs. final. Acum, data viitoare când trebuie să includeți un grafic plictisitor într-unul din desenele dvs., veți putea să adăugați un accent suplimentar și să îi atrageți pe oameni să acorde cu adevărat atenție acelor numere!
Abonați-vă la fluxul RSS al VECTORTUTS pentru a rămâne la curent cu ultimele tutoriale vectoriale și articole.
Accentsconagua