How å lage optimale Moderne infographics
Dette innlegget er en del av en serie kalt Design Essentials.Publishing en Multiple Paged PDF dokument med IllustratorThis innlegget er en del av en serie kalt Infographic Design.How å lage et kampanjetilbud Website Infographic i Adobe IllustratorQuick Tips: Bruk Illustrator Effects å krydre Grafer
I denne opplæringen vil du lære at data ikke trenger å være kjedelig, kan det være vakkert! Lær hvordan du kan bruke ulike grafiske verktøy, illustrasjon teknikker og typografi for å gjøre en nøyaktig og inspirerende Infographic i Adobe Illustrator.
1. Sett opp din Document
Trinn 1
Start med å bruke rektangelverktøyet (M) for å tegne en figur. Gi det en subtil radial gradient også.
Trinn 2
Hele designet er basert på et rutenett av fire kolonner. For å gjøre kolonnene først velge rektangel og dra en guide på midten av formen. Dra guider på venstre og høyre kant av formen også. Tips:. Raskt viser linjalen ved å trykke på Kommando-R
Trinn 3
Knepet formen slik at den passer i venstre mest guide og sentrum guide. Nå legger en annen guide hvor midten av dette kondensert formen er.
Trinn 4
Flytt formen over til høyre og legge til en annen guide til sentrum her. Anmeldelser
Trinn 5
Bruke rektangel Tool (M) trekke en tynn hvit boks på midtlinjen som vil være bredden av gapet mellom kolonnene. Legg guider til begge sider av den lille boksen og slette sentrum guide. Tips: Guides er låst som standard. For å slette en guide gå til Vis > Guides > og fjern Lås hjelpelinjer. Deretter klikker du på guiden og trykk på slettetasten.
Trinn 6
Gjenta prosessen for de andre kolonnene med det endelige resultatet blir under. Utvide den oransje boksen, så det er litt større enn de ytterste guider.
2. Opprett Tittel og Header
Trinn 1
Jeg liker å plassere de viktigste grafikk først og work-in hjelpe diagrammer og grafer etterpå. Ta hensyn til omfang og balanse som du begynner å plassere elementer på siden. Nedenfor kombinasjonen av tung og tynn tekst utfyller hverandre.
Trinn 2
Tidlig du kan eksperimentere med å plassere en hoved grafikk som vil bidra til å gi stykket noen visuell interesse. Jeg valgte å bruke sirkler som svært høye orientering av oppsettet vil dra nytte av disse kontrasterende former. Bruke Ellipse Tool (L) trekke noen vilkårlige sirkler eller varierende størrelser.
Trinn 3
Gi sirklene en rekke graderinger. For å få tilgang Illustrator forhåndsdefinerte gradienter gå til Vindu > Swatch Bibliotekene > Gradienter > Bright-tallet.
Trinn 4
Jeg har plassert den første gruppen av sirkler i hjørnet og utvidet dem utenfor siden.
Trinn 5
For å sikre en ren kant skal vi klippe sirklene slik at de ser ut som de stopper der bakgrunnen stopper. Først tegne et rektangel uten fyll eller hjerneslag. Sørg for at rektangelet er foran sirklene. Velg sirklene og rektangelet deretter gå til Objekt > Klipping Mask > Gjør.
3. Lag en Pie Graph
Trinn 1
Jeg bruker en rekke grafer i denne infographic. Å lage en nøyaktig sektordiagram klikke riktig grafen, og klikk og dra på dokumentet for å lage en graf med en bestemt størrelse. Den første grafen vi vil plotte data, 50 opplæring med 39 som standard og 11 blir premie. Når det er sagt, skriv 39 i den første boksen og 11 i den andre. Trykk på tasten tab for å gå videre til neste boks. Når du er ferdig klikker du på haken ikonet i øvre høyre.
Trinn 2
Mye av styling av alle grafene er laget for hånd. For ytterligere å manipulere grafen dele opp det ved å gå til Objekt > Løs opp gruppe. Du vil motta en dialogboks som vist nedenfor. Hvis du er fornøyd med grafen klikk OK. Tips:. Når du er plottet grafen, men før du løse opp det rett og slett Ctrl-klikk på den og gå til Data til ytterligere redigere informasjonen
Trinn 3
Dette trinnet er et spørsmål om preferanser. Jeg liker ikke hvordan den lille grå området var på venstre så jeg knipset mitt grafen med Reflect Tool (O).
Trinn 4
manuelt legge graf tall og nøkkel.
4. Sett inn Graph
Trinn 1
Som forventet, jeg bruker nettet som et grunnlag for hvor bred mine grafer er. Å skape et skille mellom grafene bruke Pen Tool (P) og tegne en vertikal linje. I Strek-panelet velger stiplet linje og skriv 2pt i den første boksen. Tips: Når skalering tidligere trukne slag, eller fjerne merkingen Scale Strokes og effekt i valgpanelet (Kommando-K) for å oppnå un-skalert eller skalert slag
Trinn 2
. å skape effekten av en innfelt linje tegne to linjer, en mørkere og en lighter.
Trinn 3
Plasser mørkere linje litt over lysere linje for å skape en illusjon av lys kommer ovenfra.
5. Opprett en kolonne Graph
Trinn 1
Den neste grafen jeg skal lage er en kolonne Graph (J). Igjen, klikk-dra for å lage grafen størrelsen du ønsker. Skriv inn verdiene for diagrammet. Skalaen til venstre automatisk generert basert på de variablene du skriver. Klikker du på haken ikon når du er ferdig.
Trinn 2
Løs opp gruppe diagrammet, slik at du kan lage visuelle endringer til det. Nedenfor har jeg kondensert grafen slik at det ser høyere snarere enn bredere. Selvfølgelig kunne jeg har nettopp trukket boksen for grafen høye, men dette er i ettertid.
Trinn 3
Nedenfor Jeg vil at teksten som samsvarer med grafen for å være et sett bredde. For å oppnå dette, bruker Text Tool (T) og klikk-dra fra toppen uthevet sirkelen til lavere uthevede området. Dette vil forhåndsdefinere tekstområdet slik at informasjonen passer perfekt mellom førerne.
6. Lag en grafisk Stacked Graph
Trinn 1
For å opprette symbolet for mannen, bruke enkle former. Start med Avrundet rektangel Tool. Juster radius av hjørnene ved å holde pil opp eller ned som du tegne formen.
Trinn 2
Tegn et rektangel med ingen avrundede hjørner for overkroppen.
Trinn 3
Bruk en annen avrundet rektangel for skuldrene.
Trinn 4
Til slutt bruker du en ellipse for hodet. Velg alle individuelle former som utgjør mannen og i Pathfinder klikk Unite. Dette vil gi deg en solid form.
Trinn 5
For å skape en mer stilisert graf vi skal bruke mannen til å representere informasjonen. Bruke Stablet Column Graph Tool klikk og dra for å tegne grafen samme høyde av mannen. Skriv inn din variabler deretter klikker du på haken ikonet.
Trinn 6
Bli kvitt de andre tallene og linjer. Bruke Pathfinder-panelet igjen, klikker Divide. Nå er hver del av din mann delt inn nøyaktige seksjoner. Del opp alle figurene og bli kvitt de ekstra grå figurer rundt kantene.
Trinn 7
Separer hver del av mannen ved å velge dem med markeringsverktøyet (V) og trykke opp eller ned én gang.
Trinn 8
For å opprette saksen du trenger å bruke Pen Tool (P) og frihånd tegne formen som vist. Anmeldelser
7. Lag et linjediagram
Trinn 1
Denne grafen er opprettet ved hjelp av linje Graph Tool.
Trinn 2
Legg nøkkelen til bunn manuelt og tallene over punktene manuelt.
8. Legg de endelige detaljene
Trinn 1
Den siste grafen er opprettet ved hjelp av Stacked Bar Graph Tool. Igjen, legg detaljene manuelt.
Trinn 2
Hvis du vil legge til noen interesse for design har jeg lagvis i sirkelen grafisk bak grafene. Det er ingen hemmelighet til prosessen ... så lenge det ser bra ut, og bidrar til å balansere design, gå for det!
Trinn 3
For å lage en liste over kommentarer uavgjort en tekstboks.
Trinn 4
Siden kommentarene vil spenne fra en boks til en annen klikker du plusstegnet i nederste høyre hjørne og klikk deretter hvor som helst på siden og en ny koblet tekst boks av samme størrelse vil bli opprettet!
Trinn 5
Når du arbeider med store mengder tekst er det en god idé å lage stiler for denne teksten. I dette tilfellet har jeg laget en stil for dato og opplæringen tittel. Styles gjør det enkelt å endre all teksten på en gang hvis du noen gang trenger å gå tilbake og gjøre en endring i farge, størrelse, font etc. For å skape en stil først velge teksten du ønsker å style. Deretter i Tegnmaler-panelet (bruk Avsnittsmaler-panelet hvis du styling et tekstavsnitt) klikk Opprett ny stil.
Trinn 6
Dobbeltklikk på nytt stil i Tegnmaler-panelet til å åpne opp dialogen. I alternativpanelet justere tekst som passer din smak. Klikk på OK. Merk:. Selv om du sjekker Preview, kan nye stiler som ikke har vært benyttet ikke forhåndsvises
Trinn 7
Med din tekst du ønsker å style fortsatt markert, Dobbeltklikk sakte på stilen i Tegnmaler-panelet for å bruke stilen.
Trinn 8
Jeg har opprettet en stil for opplæringen tittelen i tillegg til en stil for datoen.
Trinn 9
Avslutt design ved å legge til noen relevante opplysninger til bunnen.
Great Work! Nå er du Ferdig
Det er det! Du har akkurat lært å skape et moderne infographic.
Ekstra Resources
Hvis du er interessert i å få litt hjelp med infographics, har Envato Studio en stor samling av Infographic design tjenester som du kanskje har lyst til å utforske.