Create en Super Simple Infographic mal i Adobe InDesign
Hva du skal lage
Du må ha hatt hodet begravd i sanden hvis du ikke har lagt merke til infographic invasjon over design verden! Infografikk nyter en bølge i popularitet, og det er lett å se hvorfor, de kan fargerikt, engasjerende og dynamisk måte å presentere store mengder informasjon, og de låne visuell kraft til ellers kjedelig statistikk og data.
Infographic proffene ofte bruker Adobe Photoshop og Illustrator til å lage sine statistiske begreper, men her vil vi vise hvordan du kan lage en super enkel og effektfull Infographic bruker bare de verktøyene som er tilgjengelige for deg i Adobe InDesign. I denne opplæringen vil du opprette en gjenbrukbar mal for en Infographic, og skape utskiftbare, fleksible Infographic elementer for fremtidige prosjekter.
La oss komme i gang!
1. Sett opp din InDesign dokument
Du kan lage din Infographic mal for trykk eller på nettet, men for nå skal vi sette den opp som en stor skrift dokument.
Trinn 1
Åpne InDesign Hotell og velg Fil > New Document
. I Nytt dokument
window sette Intent
til Print Hotell og sette Nei. av Pages anbefale til 1
. Angre velg motstående sider
.
Under Sidestørrelse
velge 'Custom ...'
fra rullegardinmenyen for å opprette en ny Custom Page Size
. Gi denne nye størrelsen ' Infographic
' og sette Bredde
til 297 mm Hotell og Høyde anbefale til 600 mm
. Klikk Legg Hotell og deretter OK
.
Tilbake i Nytt dokument
vinduet holde Marger
standardverdiene (12,7 mm) og angi bleed
til 3 mm
på alle sider. Klikk OK
.
Trinn 2
For å gi Infographic elementer en enhetlig og profesjonelt utseende, kan vi gi dokumentet en farget bakgrunn med en subtil gradient.
Først gå til Lag
panel product: ( Vindu > Layers
, hvis den ikke allerede er åpen) og dobbeltklikk
på standard '< b> Layer 1
'navn for å åpne lagalternativer
vinduet. Gi nytt navn til dette laget ' Bakgrunn
"og klikk OK
.
Bruke rektangelverktøyet (M)
, dra for å skape en ramme som strekker seg over hele siden, og opp til kanten av blø.
Åpne Fargeprøver
panelet product: ( Vindu > Farge > Fargeprøver
) og velg Ny fargeprøve ...
fra rullegardinmenyen i panelet. Opprett en ny CMYK product: (velges fra Fargemodus
menyen) Swatch
, C = 63 M = 10 Y = 10 K = 0
, og klikk OK
. Sett Fyll
av den nye rammen til denne nye blå fargeprøve, og Stroke
til [Ingen]
.
Som en siste touch, med den valgte rammen, gå til Object > Effekter > Uttoningsforløpning Hotell og sette Skriv
til Radial.
Trinn 3
Gå tilbake til Lag
panel < b> Hotell og Lås
' Bakgrunn
' lag ved å klikke i den tomme boksen ved siden av ikonet øyet. Fra rullegardinmenyen i panelet, velger du Nytt lag ...
Navn dette laget ' Frame
"og klikk OK
.
Velg linje~~POS=TRUNC (\\) Hotell og, holder Skift
, dra fra venstre til høyre for å lage en rett linje som strekker seg fra venstre blø til høyre blø.
Med linjen valgt, åpner du Stroke
panel ( Vindu > Stroke
) og angi Vekt
til 8 mm
. Sett Stroke Color
til C = 63 M = 10 Y = 10 K = 0
, som før. Plasser linjen øverst på siden.
Rediger > Kopier
, og Rediger > Lim
linjen og posisjon nederst på siden.
Trinn 4
Opprett en rekke linjer i ulike iskrem nyanser ved å kopiere den linjen du opprettet i Trinn 3 product: ( Rediger > Kopier, Rediger > lim
) fem ganger.
Plasser de fire andre innlimte linjer oppå hverandre i en blokk på Y posisjon 56 mm
. Legg til følgende Fargeprøver
i Fargeprøver
panel og gjelder rekken av linjer etter tur:
C = 8 M = 41 Y = 12 K = 0
C = 8 M = 5 Y = 12 K = 0
C = 58 M = 10 Y = 40 K = 0
C = 49 M = 41 Y = 41 K = 5
Trinn 5
Innføre en tittel på infographic dokumentet. Gå tilbake til Lag
panel og Lås
' Frame
' lag. Lag en Nytt lag
og endre navnet ' Tittel
'.
Velg en skrifttype som er frisk og kvikk, men klart å lese (klarhet og lesbarhet på infografikk er spesielt viktig). Her har jeg brukt Josefin Sans
hele dokumentet.
Velg Type Tool (T) Hotell og dra for å opprette en tekstramme 297 mm Bredde
og 26 mm i høyde
. Skriv inn Tittel og (linjeskift) Sub-tittel
av dokumentet, og plasser rammen sentralt i gapet mellom fargede linjer på toppen av siden.
Fra tegnformatering Controls
panel som går langs toppen av skjermen, sette Font
til Josefin Sans Regular
, Størrelse 35 pt
, < b> Ledende 42 pt Hotell og Skriftfarge
til C = 49 M = 41 Y = 41 K = 5.
Sett Orientering
til Juster senter
. Du kan også innføre en annen farge inn i sub-tittelen hvis du vil.
2. Lag en Easy-Peasy Pie Chart
Det første elementet i infographic malen vil være en enkel Kakediagrammet diagram. Du kan bruke dette til å gi en oversikt over den informasjonen som blir analysert, og trekke ut bestemte deler av den demografiske for kommentarer.
Trinn 1
Gå tilbake til lag
panel og Lås
' Tittel
' lag. Lag en Nytt lag
, name it ' Pie Chart
", og klikk OK
.
Gå til Verktøy
panel Hotell og velg Ellipse Tool (L).
Holding Skift
, dra for å lage en perfekt sirkel 100 mm
i Diameter
. Plassering denne mot toppen til venstre på siden (under de fargede linjer) og angi Fyll
til C = 49 M = 41 Y = 41 K = 5
. Dra guider fra toppen og venstre Linjaler
( View > Vis linjaler
) for å markere midten av sirkelen.
Trinn 2
Med den valgte sirkelen, gå til Rediger > Kopier Hotell og Rediger > Lim i Place Hotell og endre Fyll
av andre sirkelen til C = 63 M = 10 Y = 10 K = 0
.
Velg Saks Tool (C) Hotell og sveve over den blå sirkelen. Klikk én gang på den nederste kanten av sirkelen og igjen på høyre kant, for å skape et eget avsnitt. Klikk for å velge en større del av den blå sirkelen og Slett
, slik at den grå sirkelen er igjen synlig.
Avhengig av hvor stort du ønsker å gjøre den delen av din kakediagram, kan du opprettholde diameteren på delen som det er, som er omtrent en fjerdedel av det hele. Eller som jeg har gjort her, kan du dele det videre inn i et avsnitt en åttendedel
av helheten. For å gjøre dette, bruker du Saks Tool (C)
igjen, og klikk en gang halvveis langs ytterkanten av kuttet seksjonens diameter, som vist nedenfor.
Kast en av de kuttede seksjoner, og med den gjenværende delen valgt, velger du Pen Tool (P)
. Klikk én gang i midten av grå sirkel for å lage en kake formet seksjon
Trinn 3
Opprett en annen kake delen ved å velge den blå delen og Kopier >.; Rediger Hotell og Rediger > Lim inn.
Endre Fyll
til en annen farge, og plassere delene i en posisjon du er fornøyd med.
Du kan legge til en 3D-effekt ved å bruke en subtil Drop Shadow anbefale til en av kake seksjoner. Gå til Object > Effekter > Drop Shadow Hotell og sette Opacity
til 25%
, og Avstand Hotell og Størrelse
til 2 mm
.
Trinn 4
Legg kommentaren til kakediagram ved å innføre et par tekstrammer ved hjelp av Type Tool (T)
. Sett Font
til Josefin Sans halvfet
, Størrelse 20 pt
, og bruk matchende Font Colors anbefale til de tilsvarende avsnittene.
Bruk Linjeverktøy (\\)
, holder Shift
, for å lage pekere. I Stroke
panel, sette Vekt
til 1 mm
, Skriv
til japanske Dots Hotell og Sluttverdi
til CircleSolid
.
3. Vis Trender med Directional Bar Chart
Trinn 1
Naviger litt nedover på siden, slik at du ser på den delen av siden under kakediagrammet. I Layers
panel, Lås
alle eksisterende lag og skape en Nytt lag
, døpe det Bar Chart
'.
Velg linje~~POS=TRUNC (\\) Hotell og, holder Shift
, drar vertikalt for å skape en linje om 120 mm
i Lengde
. Stroke
panel, sette Vekt
til 18 mm
, Avslutt
verdien til TriangleWide Hotell og Stroke Color
til C = 49 M = 41 Y = 41 K = 5
.
Trinn 2
Rediger > Kopier Hotell og Rediger > Lim
denne pilen flere ganger, varierende Stroke Color Hotell og Lengde
. Ordne pilene nøyaktig ved siden av hverandre for å skape en tett, lagdelt utseende.
Trinn 3
For å gi en 3D titt på diagrammet, innføre en horisontal linje ved hjelp av Linjeverktøy ( \\)
. Kontroller at Stroke
har noen Color
og en Vekt
av 1 mm, etter deretter bruke en skygge ved å gå til Object > Effekter > Drop Shadow ... Hotell og sette Opacity
til 75%
.
Send linjen bak pilene, noe som gjør selve linjen usynlig, etter Ctrl-klikk (Mac) eller høyreklikk (PC) > Ordne > Send til Back.
Trinn 4
Du kan introdusere en bildetekst under stolpediagram, samt beskrivelser av prosenter, etc., på selve diagrammet ved å bruke individuelle tekstrammer på toppen av tabellen og legge inn dine dataverdier.
Sett Font
i alle tilfeller til Josefin Sans
å være konsekvent.
4. Lag People Icons uten å bruke Illustrator
Fokus på å få mest mulig ut av de Shape Tools
tilbys deg i InDesign. Det er utrolig hva du kan lage! Når du mestrer å lage en enkel person silhuett, prøv å bruke Shape verktøy for å skape andre enkle Infographic ikoner.
Trinn 1
Layers
panel, sikrer alle de eksisterende lagene er Låst
, før du oppretter en nytt lag.
navn denne ' Tall
'.
Naviger til papp
, som grenser til side enten på venstre eller høyre side. Du kan bruke dette området til å eksperimentere med å lage figurer.
Bruk rektangelverktøyet (M)
å tegne en ramme om 24 mm i bredde Hotell og 50 mm i høyde
. Sett Fyllfarge
til C = 49 M = 41 Y = 41 K = 5
for nå.
Med den valgte rammen, gå til Object > Corner alternativer
å åpne Corner alternativer
vinduet. Sett Størrelse
av alle hjørner til 5 mm Hotell og Shape
til Avrundet
. Denne rammen vil danne torso av figuren.
Nå Rediger > Kopier Hotell og Rediger > Lim
denne rammen gjentatte ganger og manipulere Bredde Hotell og Høyde
å lage smalere rammer for armer, ben og skuldre. Ctrl-klikk (Mac) eller høyreklikk (PC) > Transform > Roter ...
å justere retningen på figurene. Hold Skift
mens du bruker Ellipse Tool (L)
å skape et hode.
For brukervennlighet, kan du gruppere figurene sammen med Ctrl-klikk (Mac) eller høyreklikk (PC) > Gruppe.
Trinn 2
Opprett en kvinnelig figur ved å velge en mannlig figur og lage en kopi ( Rediger > Kopier Hotell og Rediger > Lim
). Sett Fyll
til C = 8 M = 5 Y = 12 K = 0
. Roter venstre side arm til -21 grader
( Ctrl-klikk (Mac) eller høyreklikk (PC) > Roter ...
) og roter høyre side arm 21 grader
å speile den venstre armen.
Bruk rektangelverktøyet (M)
å opprette en ekstra firkantet ramme som strekker seg over torso. For å lage et skjørt form, bruker du Saks Tool (C) anbefale til klipp bort ytterkantene (kvitte seg med to opp-ned trekanter på hver side, og deretter gå til Objekt > Paths > Bli
, med de resterende banene til den valgte rammen, for å skape en trapes form).
Trinn 3
Nå har du opprettet tall, kan du bruke dem i alle slags Infographic ordninger.
Du kan bruke dem til å vise et kjønns demografisk med enkle piler (som ligner på dem vi opprettet tidligere for Bar Chart
, rett og slett Kopier Hotell og Lim Hotell og variere Stroke Color
) og tekst bildetekster som sier dataene (sett i Josefin Sans halvfet
).
Du kan også redusere Størrelse
av en figur (hold Skift
mens endre størrelse for å opprettholde samme proporsjoner), og Kopier Hotell og Lim
, gjenta i rader for å gi en følelse av befolkningsdata.
for å gjenskape denne effekten, sitte en rekke gjentatte tall i en rad langs den samme baseline (dra ned en guide
fra toppen Ruler
å få dem alle stilt opp nøyaktig).
Innføre en horisontal linje ved hjelp av Linjeverktøy (\\)
, sette Skriv
til Prikket Hotell og Vekt
til 1 mm
, og sitte linjen mellom kanten av tallene og en tekstramme. I tekstrammen ( tekstverktøyet [T]
) skriver prosent /datanummer, og angi Font
til Josefin Sans Bold, størrelse 80 pt.
for å opprette en dråpeform i starten av en rad med tall, bruker du Ellipse Tool (L)
å skape en perfekt sirkel (hold Skift
). Separat, skape en Linje
på en ca 45 graders
vinkel og Rediger > Kopier > Lim
å lage en kopi av linjen.
Ctrl-klikk (Mac) eller høyreklikk (PC) > Transform > Vend vannrett Hotell og plassere den andre linjen under den første linjen, med sine kanter tilkobling. Gå til Object > Baner > Bli Hotell og sette Fyllfarge
til samme fargeprøven som sirkelen du nettopp opprettet. Plasser trekanten over sirkelen, med trekanten kanten kanter ut fra høyre side av sirkelen. Ctrl-klikk (Mac) eller høyreklikk (PC) > Gruppe
de to figurene sammen for enkel manøvrering.
5. Kommenter et enkelt kart Grafisk
Noen ganger kan det være nødvendig å innføre mer detaljerte ikoner eller bilder fra Illustrator eller Photoshop til Infographic, for eksempel et kart diagram. Du kan legge til kommentarer til disse i InDesign
Trinn 1
Fil >.; Plasser
et utvalgt EPS eller Illustrator grafikk i dokumentet på en Nytt lag
. Plassering denne mot toppen til høyre på siden, under Pie Chart
grafisk.
Hvis du vil legge mer dimensjon til kartet ditt, kan du legge sirkler av varierende størrelser for å gi en følelse av forskjellig andel av data over et geografisk område (f.eks andelen av en befolkning i en gitt region) .
Bruk Ellipse Tool (L)
, holder Shift
, for å skape tre eller fire sirkler i forskjellige størrelser og farger, og posisjonen disse over kartet.
Med figurer valgt, gå til Object > Effekter > Åpenhet Hotell og sette Opacity
av sirklene til 85%
.
For en pop-out, 3D-effekt, legger en skygge ved å sjekke Drop Shadow
boksen i Effekter
panel. Sett Opacity
til 30% Hotell og øke Størrelse
til 4 mm
.
Trinn 2
< p> Stikk innom tekst bildetekster ved hjelp av Type Tool (T) Hotell og skape sammenhengende pekere ved hjelp av Linjeverktøy (\\)
, sette Vekt
til 1 mm
og Skriv
til japanske Dots
. I Stroke
panelet (Vindu > Stroke)
sette Avslutt
verdien til CircleSolid
å lage en peker effekt
<. h3> Og det du har det! Flott arbeid!
Du har laget et sett av enkle, men super effektive infografikk, med en moderne, frisk estetisk.
Du kan redigere denne grunnleggende infographic malen for å imøtekomme alle slags grunnleggende data om populasjoner og demografi. Du kan også trekke ut elementer fra hver infographic for å lage dine egne infographic dokument. Ha det gøy å finne dine egne måter å gjøre informasjon vakkert!