Share
În acest tutorial veți afla că datele nu trebuie să fie plictisitoare, ele pot fi frumoase! Aflați cum să utilizați diferite instrumente grafice, tehnici de ilustrare și tipografie pentru a crea o infogradă precisă și inspirată în Adobe Illustrator.
Înainte de a începe, luați în considerare utilizarea unui Template Infographic pentru următorul proiect - adică aveți nevoie de o soluție rapidă și profesională.
Șabloane de informații despre Envato ElementsÎn caz contrar, este timpul să sapi în acest tutorial pas cu pas.
Începeți cu ajutorul funcției Instrumentul dreptunghiular (M) pentru a desena o formă. Dați-i și un gradient radial subtil.
Întregul design se bazează pe o rețea de patru coloane. Pentru a face coloanele selectați mai întâi dreptunghiul și trageți un ghidaj în centrul formei. Trageți ghidaje și pe marginea stângă și dreaptă a formei. Sfat: afișați rapid rigla apăsând Command-R.
Congelați forma astfel încât să se potrivească în cel mai stânga ghid și centru. Acum, adăugați un alt ghid unde centrul acestei forme condensate este.
Deplasați forma spre dreapta și adăugați un alt ghid spre centru aici.
Utilizarea Instrumentul dreptunghiular (M) trageți o cutie albă subțire pe linia centrală care va fi lățimea spațiului dintre coloane. Adăugați ghidaje pe ambele părți ale casetei mici și ștergeți ghidajul central. Sfat: Ghidurile sunt blocate în mod implicit. Pentru a șterge un ghid mergeți la Vizualizați> Ghiduri> și debifați Ghiduri de blocare. Apoi, faceți clic pe ghid și apăsați pe șterge cheie.
Repetați procesul pentru celelalte coloane, rezultatul final fiind mai jos. Extindeți cutia portocalie, astfel că este puțin mai mare decât ghidajele cele mai îndepărtate.
Îmi place să plasez mai întâi cea mai importantă grafică și să lucrez în graficele și graficele ulterioare. Aveți grijă la scară și la echilibru pe măsură ce începeți să plasați elementele pe pagină. Mai jos, combinația de text greu și subțire se completează reciproc.
La inceput puteti experimenta cu plasarea unui grafic principal care va ajuta la obtinerea piesei un interes vizual. Am ales să folosesc cercuri deoarece orientarea foarte înaltă a aspectului va beneficia de aceste forme contrastante. Utilizarea Instrument de elipsă (L) trageți anumite cercuri arbitrare sau dimensiuni diferite.
Dați cercurilor o varietate de înclinații. Pentru a accesa gradientele predefinite ale Illustrator mergeți la Fereastră> Bibliotecile Swatch> Gradienți> Bright's.
Am plasat primul grup de cercuri în colț și le-am extins de pe pagină.
Pentru a vă asigura o margine curată, vom fixa cercurile astfel încât să pară că se opresc acolo unde se oprește fundalul. În primul rând, trageți un dreptunghi fără umplere sau accident vascular cerebral. Asigurați-vă că dreptunghiul este în fața cercurilor. Selectați cercurile și dreptunghiul apoi mergeți la Obiect> Mască de tăiere> Make.
Folosesc o varietate de grafice în acest infographic. Pentru a crea un graf plăcut precis, faceți clic pe graficul corespunzător, apoi faceți clic și trageți pe documentul dvs. pentru a crea un grafic la o anumită dimensiune. Primul grafic vom compila datele, 50 de tutoriale cu 39 fiind standard și 11 cu premii. După spus, introduceți 39 în prima cutie și 11 în a doua. apasă pe fila pentru a trece la următoarea casetă. După ce ați terminat, faceți clic pe pictograma de marcare din colțul din dreapta sus.
O mare parte din stilul tuturor grafurilor este creat manual. Pentru a manipula mai departe graful ungroup-l prin a merge la Obiect> Ungroup. Veți primi un dialog după cum se arată mai jos. Dacă sunteți mulțumit de grafic, faceți clic pe OK. Sfat: După ce ați reprezentat graficul, dar înainte de a îl dezgropați pur și simplu Control-clic pe ea și du-te la Date pentru a edita ulterior informațiile.
Acest pas este o chestiune de preferință. Nu mi-a plăcut cum a fost zona mică gri în stânga, așa că mi-am răsturnat graficul folosind Reflect Tool (O).
Adăugați manual numerele de graf și cheia.
După cum era de așteptat, folosesc grila ca bază pentru cât de largi sunt graficele mele. Pentru a crea o linie de separare între grafice, utilizați Instrument Pen (P) și trageți o linie verticală. În Accident vascular cerebral selectați panoul Linie întreruptă și intră 2PT în prima casetă. Sfat: când scalați cursele trase anterior, bifați sau debifați Scale Strokes și Efect în panoul de preferințe (Command-K) pentru a realiza accidente neclasificate sau scalate.
Pentru a crea efectul unei linii încastrate, trageți două linii, una mai întunecată și una mai ușoară.
Plasați linia mai întunecată ușor deasupra liniei de brichetă pentru a crea iluzia de lumină care vine de sus.
Graficul următor pe care îl voi crea este a Graficul grafic (J). Din nou, click-tragere pentru a crea dimensiunea graficului aleasă de dvs. Introduceți valorile pentru graficul dvs. Scala din stânga este generată automat pe baza variabilelor pe care le introduceți. Faceți clic pe pictograma de bifare când ați terminat.
Degrupeaza graficul dvs., astfel încât să puteți face modificări vizuale la acesta. Mai jos, am condensat graficul astfel încât să pară mai înalt decât mai larg. Sigur că aș fi putut desena cutia pentru graficul înalt, dar asta e după fapt.
Mai jos, vreau ca textul care corespunde graficului să fie o lățime setată. Pentru a realiza acest lucru, utilizați Instrument text (T) și click-tragere din cercul evidențiat în partea de sus a zonei evidențiate mai jos. Aceasta va predefini zona de text, astfel încât informațiile să se potrivească perfect între ghizii.
Pentru a crea icoana omului, folosiți forme simple. Începeți cu Instrument rotunjit dreptunghi. Reglați raza colțurilor ținând apăsată tasta Sus sau Sageata in jos pe măsură ce desenați forma.
Desenați un dreptunghi fără colțuri rotunjite pentru trunchi.
Utilizați un alt dreptunghi rotunjit pentru umeri.
În cele din urmă, utilizați o elipsă pentru cap. Selectați toate formele individuale care cuprind omul și în deschizător de drumuri clic Uni. Acest lucru vă va oferi o formă solidă.
Pentru a crea un grafic mult mai stilizat, vom folosi omul pentru a reprezenta informațiile. Utilizarea Instrumentul pentru coloane stacked faceți clic și trageți pentru a desena graficul la aceeași înălțime a omului. Introduceți variabilele, apoi faceți clic pe pictograma de marcaj.
Scapa de celelalte numere și linii. Utilizarea deschizător de drumuri din nou, faceți clic pe Divide. Acum, fiecare secțiune a omului tău este împărțită în secțiuni precise. Degrupeaza toate formele și să scape de formele extra gri în jurul marginilor.
Separați fiecare secțiune a bărbatului selectându-l folosind Instrument de selecție (V) și apăsând o dată în sus sau în jos.
Pentru a crea foarfecele, va trebui să utilizați Instrument Pen (P) și mâna trageți forma așa cum este arătat.
Acest grafic este creat folosind Instrumentul de grafic pe linie.
Adăugați manual cheia în partea de jos și cifrele deasupra punctelor manual.
Ultimul grafic este creat folosind Instrumentul pentru grafice cu bare stacked. Din nou, adăugați detaliile manual.
Pentru a adăuga un anumit interes designului pe care l-am plasat în graficul cercului din spatele grafurilor. Nu există nici un secret în acest proces? atâta timp cât arată bine și ajută la echilibrarea designului, mergeți la el!
Pentru a crea lista de comentarii, trageți o casetă de text.
Întrucât comentariile se vor extinde de la o casetă la alta, faceți clic pe semnul plus din colțul din dreapta jos, apoi faceți clic oriunde pe pagină și se va crea o casetă de text nouă de aceeași dimensiune!
Atunci când se ocupă cu cantități mari de text, este o idee bună să creați stiluri pentru textul respectiv. În acest caz, am creat un stil pentru data și titlul tutorialului. Stilurile ușurează modificarea simultană a textului dacă vreodată trebuie să vă întoarceți și să modificați culoarea, dimensiunea, fontul etc. Pentru a crea un stil, selectați mai întâi textul pe care doriți să-l stylizați. Apoi, în Stiluri de caractere panou (utilizați Stiluri de paragrafe dacă stylizați un paragraf de text) faceți clic pe Creați un stil nou.
Dublu click noul stil în Stiluri de caractere pentru a deschide panoul de opțiuni. În panoul de opțiuni ajustați textul astfel încât să se potrivească preferințelor dvs. Clic O.K. Notă: Chiar dacă verificați previzualizare, stilurile noi care nu au fost aplicate nu pot fi previzualizate.
Cu textul pe care doriți să-l stilul încă evidențiat, încet dublu click cu privire la stilul în Stiluri de caractere pentru a aplica stilul.
Am creat un stil pentru titlul de tutorial în plus față de un stil pentru dată.
Finalizați-vă designul adăugând orice detalii pertinente în partea de jos.
Asta e! Tocmai ați învățat cum să creați un infographic modern.
Dacă sunteți interesat să obțineți ajutor cu infografiile dvs., Envato Studio are o colecție minunată de servicii de design pe care ați dori să o explorați. Sau navigați prin colecția noastră de șabloane infografice pe GraphicRiver.
Accentsconagua