Hoe een onderwijsinfographic in Adobe InDesign te maken

Wat je gaat creëren

Deze infographic kijkt naar hoe organisaties wereldwijd strijden om het onderwijs voor meisjes te verbeteren. Vanwege een aantal factoren gaan momenteel meer dan 130 miljoen meisjes over de hele wereld niet naar school, een aantal dat liefdadigheidsinstellingen en regeringen hopen te verminderen in de nabije toekomst. 

Hier leren we hoe we de infographic in InDesign kunnen samenstellen, maar je kunt de inhoud ook gemakkelijk aanpassen aan je eigen educatieve thema. U hoeft alleen maar uw eigen tekst en statistieken in te voeren.

Dit is een eenvoudige en leuke introductie tot het maken van social media-vriendelijke infographics voor beginners.

Short op tijd? U kunt tal van eenvoudig te bewerken infographic sjablonen vinden op GraphicRiver en Envato Elements.

Vind andere infographic tutorials hier:

  • Hoe maak je een Rainbow Road Infographic om Pride Month te vieren

    Om de Pride Month hier bij Envato Tuts + te vieren, hebben we een infographic gemaakt met behulp van het thema van Pride Marches, dat je zelf kunt maken met behulp van ...
    Grace Fussell
    infographics
  • Hoe een Infographic Klimaatverandering te creëren in Adobe InDesign

    Help het bewustzijn te verspreiden over de gevolgen van het broeikaseffect met deze informatieve infographic over klimaatverandering, die we in Adobe InDesign zullen maken.
    Grace Fussell
    infographics

Wat u nodig hebt om uw Infographic te maken

Behalve de toegang tot Adobe InDesign, moet u de volgende lettertypen en afbeeldingen downloaden om te gebruiken in uw lay-out:

  • BW Modelica-lettertypefamilie
  • Platte boek vector iconen

Installeer de lettertypen op uw computer en u bent klaar om aan de slag te gaan. 

1. Hoe u uw InDesign-document kunt maken

Stap 1

In InDesign, ga naar Bestand> Nieuw> Document. 

Kiezen Web uit de opties bovenaan het venster en stel de Breedte naar 870 px en Hoogte naar 2600 px. 

Stel de marges naar 44 px, en klik creëren

Stap 2

Vouw het Lagen paneel (Venster> Lagen) en dubbelklik op Laag 1, het hernoemen Achtergrond

Maak nog drie nieuwe lagen-pijlen, Boeken, en tenslotte, Type.

Sluit alle lagen behalve Achtergrond, waar we eerst aan zullen werken. 

Stap 3

Vouw het Stalen paneel (Venster> Kleur> Stalen) en kies Nieuw kleurenstaal in het vervolgkeuzemenu van het paneel. 

Maak een nieuwe RGB-staal, R = 209 G = 207 B = 194, en klik Toevoegen en dan Gedaan.

Herhaal het proces om nog vijf RGB-stalen te maken:

  • R = 51 G = 56 B = 97
  • R = 82 G = 48 B = 112
  • R = 237 G = 164 B = 192
  • R = 255 G = 54 B = 102
  • R = 90 G = 88 B = 91

Gebruik de Rechthoekgereedschap (M) om een ​​vorm over de hele pagina te maken, op de Achtergrond laag. Van de Stalen paneel, stel de Vullen naar een 30% Tint van het grijze staal, R = 90 G = 88 B = 91.

2. Hoe een stapel boeken te maken

Stap 1

Open de platte vector van boekpictogrammen Illustrator

Op de afbeelding, Klik met de rechtermuisknop> Clipping Mask vrijgeven.

Stap 2

Klik met de rechtermuisknop> Groep opheffen de tweede rij pictogrammen.

Dan Ungroup de stapel boeken aan de rechterkant.

Selecteer alleen de stapel met vijf gesloten boeken en vervolgens Bewerken> Kopiëren hen.

Stap 3

Keer terug naar jouw InDesign documenteer en sluit de Achtergrond laag. 

Ontgrendel de Boeken laag, en Bewerken> Plakken de vector op de laag. Schaal het op en plaats het in de rechterbenedenhoek van de lay-out, zoals hieronder weergegeven. 

Stap 4

Ga terug naar de Illustrator bestand, en Ungroup het pictogram helemaal rechts van de derde rij naar beneden.

Isoleer een paar gesloten boeken, en Bewerken> Kopiëren hen.

Stap 5

Terug in InDesign, Bewerken> Plakken deze op de lay-out, en dan Klik met de rechtermuisknop> Transformeren> Horizontaal spiegelen om hun positie te veranderen. 

Manoeuvreer ze naar de linkerkant van de bovenkant van de stapel. 

Stap 6

Blijf heen en weer schakelen tussen uw Illustrator-document en de InDesign-infographic, selecteer en kopieer afzonderlijke stapels boeken en plak ze in uw InDesign-lay-out. 

Schik ze in een zigzagsequentie, met afwisselend spleten aan de linker- en rechterkant van de pagina. 

Stap 7

Wanneer u een grote stapel boeken over het midden van de pagina hebt opgebouwd, selecteert u alle vectoren en Klik met de rechtermuisknop> Groep Hun samen.

Selecteer de groep en ga naar Object> Effecten> Slagschaduw. Met de ondoorzichtigheid ongeveer 50%, Grootte op 9 px, Verspreiding op 13% en Lawaai op 13%, klik op het gekleurde vierkant rechts van de mode menu. 

Pas de .... aan Effectkleur naar een meer subtiel staal, zoals deze lichtroze, voordat u klikt OK, en dan OK nogmaals om het venster te verlaten. 

3. Hoe typografie op uw Infographic

Stap 1

Vergrendel de Boeken laag en ontgrendel de bovenste laag, Type.

Gebruik de Type Tool (T) om een ​​tekstkader aan de bovenkant van de pagina te maken, typ de hoofdtitel van de infographic in. 

Vanaf de bovenkant controls paneel of de Karakter en paragraaf panelen (Venster> Type en tabellen> Teken / alinea), stel de doopvont naar Bw Modelica Black, maat 63 pt, en Centre uitlijnen. 

Van de Stalen paneel, schakel het Letterkleur naar R = 82 G = 48 B = 112.

U kunt ondertitels toevoegen rond de hoofdkopset Bw Modelica ExtraBold, maat 21 pt.

Stap 2

Gebruik de Lijngereedschap (\) om een ​​optionele lijn te maken naast een van de ondertitels. 

Van de Beroerte paneel (Venster> Streek), je kunt het aanpassen Gewicht naar 14 pt en solliciteer een Afgeronde dop om de lijn te verzachten.

Van de Stalen paneel, stel de Lijnkleur naar [Papier]. 

Kopiëren en Pasta de lijn om aan de andere kant van de ondertiteling (en) te ontmoeten.

Selecteer vervolgens alle regels en ga naar Object> Effecten> Transparantie, brengen van de ondoorzichtigheid naar beneden 60%.

Stap 3

Nu is het tijd om uw infographic te vullen met feiten en statistieken!

Stel uitschuifstatistieken in Bw Modelica ExtraBold en het felroze staal, R = 255 G = 54 B = 102.

Voeg hier ondersteunende tekst om toe Bw Modelica Black en R = 82 G = 48 B = 112.

Stap 4

Stel voor langere informatie de titel in Bw Modelica ExtraBold, R = 51 G = 56 B = 97.

Stel de hoofdtekst in Bw Modelica Bold, R = 82 G = 48 B = 112.

Stap 5

U kunt deze twee sets tekstframes gebruiken als sjabloon voor het invullen van de rest van de infographic.

eenvoudigweg Kopiëren en Pasta de tekstframes, plaats ze in openingen aan de linker- en rechterkant van de pagina en bewerk de tekst terwijl u aan het werk bent. 

Stap 6

U kunt ook pijlen aan uw infographic toevoegen om een ​​flow en hiërarchie in het ontwerp te maken. 

Hiertoe vergrendelt u de Type laag en ontgrendel de pijlen laag. Gebruik de Lijngereedschap (\) om een ​​korte lijn te maken die zich uitstrekt van achter een van de boeken tot de rand van een van de ondertitels. 

Stel de Lijnkleur van de regel naar R = 255 G = 54 B = 102. Van de Beroerte paneel (Venster> Streek), pas de .... aan Gewicht naar 5 pt en de Einde stijl van de lijn naar CircleSolid, om een ​​aanwijzereffect te maken. 

Ga naar Object> Effecten> Slagschaduw om een ​​subtiele schaduw toe te passen op de pijl. 

Dan kunt u Kopiëren en Pasta de pijl, omdraaien (Rechtermuisklik> Transformeren> Horizontaal spiegelen) om voor de andere kant van de lay-out te werken. 

4. Hoe u uw infographic kunt exporteren

Je infographic-artwork is klaar - geweldig werk! Het enige dat u nu hoeft te doen, is het exporteren naar een geschikt formaat om online te delen. Lees verder om erachter te komen hoe. 

Stap 1

Controleer eerst uw infographic op spelfouten (Bewerken> Spelling> Controleer spelling), en ga dan naar Bestand> Exporteren. 

Geef uw infographic afbeeldingsbestand een naam en kies vervolgens PNG van de Formaat drop-down menu. Klik Opslaan.

Stap 2

In de PNG exporteren venster dat opent, stelt u de Kwaliteit naar Medium en Resolutie naar 72 ppi, en zorg ervoor dat de Kleur ruimte ingesteld op RGB. Dan klikken Exporteren

Conclusie: uw voltooide infographic

En daar hebben we het! Je educatieve infographic is klaar en kan online worden gedeeld. Waarom upload je het niet naar Pinterest of Facebook en moedig je vrienden aan om het met anderen te delen?

Je kunt de hoge-resolutie versie van deze infographic hier downloaden.

Voor meer informatie over de campagne om het onderwijs voor meisjes wereldwijd te verbeteren, gaat u naar de Malala Fund-website.

U kunt meer infographic sjablonen en pictogrammen vinden voor uw ontwerpen op GraphicRiver en Envato Elements.