Cum să creați o schimbare climatică Infographic în Adobe InDesign

Ce veți crea

Ajutați la răspândirea gradului de conștientizare cu privire la efectele încălzirii globale asupra acestei informații informaționale privind schimbările climatice infografice. Ușor adaptabil la alegerea propriilor fapte și statistici, acesta este un șablon excelent pentru crearea unui design unic.

Vom configura aspectul în Adobe InDesign și să o pregătească pentru partajarea online, pe social media sau pe Pinterest. 

Sunteți gata să răspândiți cuvântul despre schimbările climatice? Să începem…

Ce veți avea nevoie pentru a vă crea informațiile infografice

Veți avea nevoie de acces Adobe InDesign și Adobe Photoshop pentru a crea designul. Dacă doriți să creați grafice circulare grafice pe plăci, va trebui, de asemenea, să le aveți Adobe Illustrator a inmana. În plus, va trebui să descărcați următoarele imagini și fișiere de fonturi:

  • Polar bear fotografie
  • Charlevoix Pro font, în Greutate normală și Bold
  • Greutate vector ilustrare din acest set de pictograme

Dacă doriți să vă personalizați design-ul cu mai multe detalii despre pictograme, puteți să vă uitați să utilizați câteva dintre pictogramele din setul de energie pe linie sau acest set de mediu.

Odată ce ați descărcat imaginile și ați instalat fonturile pe computer, sunteți gata să vă scufundați.

1. Cum să configurați documentul Infographic

Pasul 1

Deschide InDesign și du-te la Fișier> Nou> Document. Alege Web pentru scop în partea de sus și deselectați Paginile cu care se confruntă

Sub Mărimea paginii, Seteaza Lăţime la 1800 px * si Înălţime la 6950 px (puteți ajusta înălțimea mai târziu dacă doriți să folosiți Page Tool).

Clic O.K pentru a crea documentul. 

* Pinterest recomandă o lățime a imaginii de 600 px. 1800 px este de trei ori mai mare decât lățimea recomandată, ceea ce înseamnă că designul dvs. va arăta clar și clar atunci când va fi redimensionat mai târziu

Pasul 2

Extindeți straturi panou (Fereastră> Straturi), și faceți dublu clic pe Stratul 1 pentru a deschide Opțiuni fereastră. Redenumiți stratul fundal și faceți clic pe O.K.

Faceți clic pe Creați un nou strat butonul din partea inferioară a panoului și redenumiți acest al doilea strat Fotografie. Apoi creați un strat final nou numit Tipografie

Blocați toate straturile cu excepția fundal

Pasul 3

Este o idee bună să creați o paletă completă de culori pentru a vă putea folosi designul înainte de a începe. Iată cum.

Extindeți Specimene panou (Fereastră> Culoare> Swatches), și selectați Swatch de culoare nou din meniul derulant al panoului (în partea dreaptă sus). 

Cu Tip setat la Proces și mod la RGB, ajustați nivelurile Rosu verde și Albastru până când veți crea rezultatul dorit. Clic Adăuga și apoi O.K

Repetați acest proces pentru a crea mai multe exemple de RGB, construind o paletă completă. Pentru a crea paleta folosită pentru designul prezentat aici, creați următoarele exemple:

  • R = 251 G = 252 B = 247
  • R = 224 G = 110 B = 9
  • R = 164 G = 104 B = 13
  • R = 118 G = 81 B = 37
  • R = 229 G = 35 B = 47
  • R = 168 G = 217 B = 232
  • R = 83 G = 172 B = 188
  • R = 45 G = 4 B = 11
  • R = 116 G = 194 B = 206
  • R = 47 G = 154 B = 172
  • R = 0 G = 127 B = 159
  • R = 51 G = 52 B = 80

Pasul 4

De asemenea, aveți posibilitatea să creați două mostre de gradient alegând Noul Gradient Swatch din meniul panoului. Aici putem crea un "gradient de căldură" și un "Gradient de inundații" pentru a crea efecte contrastante asupra designului. 

Pentru Gradientul de căldură swatch, setați Tip la Radial și alegeți Specimene pentru Opriți culoarea. Apoi alegeți un specimen roșu mai închis pentru o singură oprire și un specimen portocaliu pentru cealaltă.

Pentru Gradientul de inundații selectați un albastru deschis pentru o singură oprire și [Hârtie] (alb) pentru celălalt. 

Pasul 5

Cu conducătorii vizibili (Vizualizare> Afișare rigle), trageți un ghid în jos de la rigla de sus, până la poziția Y 1865 px (puteți vedea acest lucru în partea de sus Controale panou).

Trageți un al doilea ghid până la 3780 px, o treime la 4540 px, și un final la 5385 px. Această secțiune de pagină este pregătită pentru aplicarea culorii de fundal. 

2. Cum să construiți un fundal pentru aspectul dvs.

Pasul 1

Luați Instrumentul dreptunghiular (M) și trageți în partea de sus a paginii, extindându-l până la primul ghid. De la Specimene panou, setați Completati la un specimen albastru deschis. 

Creați mai multe forme de dreptunghi, umpleți fiecare secțiune desemnată cu o culoare, trecând de la albastru deschis până la albastru spre fund. 

Pasul 2

Măriți în partea de jos a paginii. Folosește Instrument Pen (P) pentru a desena o formă grosolană, imitând curbele nisipoase ale fundului oceanului. Seteaza Completati la o nuanță de piersic întunecată. 

Editați> Copiere, Editare> Lipire forma și mutați-o mai jos, acoperind complet partea de jos a paginii. Ajustează Completati la o nuanta bej. 

Pasul 3

Derulați în sus în partea de sus a paginii. 

Folosește Instrument Pen (P) pentru a desena o linie dreaptă peste ghidajul de sus (sub prima secțiune colorată), apoi trageți-o în jos și faceți-vă drumul, creând o ilustrare clară. Acest lucru dă impresia de dedesubtul unui aisberg. 

Alăturați ilustrația într-o formă completă și setați Completati la [Hârtie].

Extindeți Accident vascular cerebral panou (Fereastra> Accident vascular cerebral), și setați Greutate de accident vascular cerebral la 6 pt și Tip la Spațiul drept, pentru a da designului niște texturi. 

În cele din urmă, conduceți-vă Obiect> Efecte> Drop Shadow. Adu Opacitate până la 10% și setați Culoarea efectului (făcând clic pe pătratul colorat de lângă mod meniul din partea de sus) până la o umbra albastră ușor contrastantă, pentru ca umbra să apară subtilă și naturală. 

Clic O.K a iesi. 

3. Cum să editați fotografia pentru infografia dvs.

Pasul 1

Treceți la Fișier> Salvare pentru a salva designul și pentru a minimiza fereastra pentru un moment. Deschideți poza ursului polare în Photoshop

Duplicați fundal strat pentru a păstra intact o copie a imaginii și a opri vizibilitatea acesteia. 

Apoi utilizați Lasso Tool (L) pentru a tăia o zonă în jurul marginea siluetă a ursului. Scopul este de a izola imaginea de fundal. 

Odată ce ați selectat o zonă, faceți clic pe Rafinați muchia butonul din partea de sus Controale panou, și verificați Radius inteligent. Reglați glisoarele până când sunteți mulțumit de precizia selecției, înainte de a da clic O.K

Apoi a lovit Șterge pe tastatură pentru a elimina selecția. 

Lucrați în jurul întregii imagini până când se elimină tot fundalul. 

Pasul 2

Imaginea va arăta mai elegantă în aspectul final dacă îl vom converti în alb-negru.

Treceți la Imagine> Ajustări> Mixer canal. Verifica Monocrom în partea de jos a ferestrei și ajustați nivelurile până când sunteți mulțumit de rezultat. Clic O.K.

Atunci Fișier> Salvare ca imaginea ta ca a Photoshop (.psd) , care va păstra fundalul transparent și calitatea imaginii. 

Pasul 3

Întoarce-te la tine InDesign documentați și blocați fundal strat. Deblocați stratul de deasupra, Fotografie

Folosește Instrument cadru dreptunghi (F) pentru a crea un cadru de imagine peste partea de sus a ilustrației aisberg și partea de jos a secțiunii colorate în cer albastru.

Fișier> Locul, Alegeti Photoshop imagine, și Deschis

Pasul 4

Cu cadrul de imagine selectat, mergeți la Obiect> Efecte> Transparență, și setați mod la Lumină tare. Clic O.K.

Apoi selectați cadrul de imagine și Editați> Copiere, Editare> Lipire pe loc, crearea unei a doua copii a imaginii stratificate deasupra. Întoarceți-vă la Efecte din nou, și ajustați mod la Normal și Opacitate la 50%

4. Cum să formatați tipografia pentru informațiile dvs. infografice

Pasul 1

Blocați Fotografie strat și deblocați stratul superior, Tipografie

Folosește Instrumentul tip (T) pentru a crea un cadru de text în partea de sus a paginii și introduceți titlul imaginii infografice. 

De la fie Controale panou din partea de sus a spațiului de lucru sau Caracter și Paragraf panouri (Fereastră> Tip și tabele> Caracter), Seteaza Font la Charlevoix Pro Bold, dimensiune 140 pt, urmărire 40, și Aliniere la centru. Ajustează Culoare font la [Hârtie] de la Specimene panou.

Pentru a crea o margine în jurul titlului, faceți clic pe cadrul de text cu Instrument de selecție (V, Escape), și setați Accident vascular cerebral a cadrului la [Hârtie] de la Specimene panou. Apoi du-te la Obiect> Opțiuni cadru text și să crească Medalion valoare (aici, la 30 px) până când textul este bine centrat în cadru.

De asemenea, puteți crea un cadru de text sub titlul principal pentru o subtitrare, dacă doriți. Setați textul în Charlevoix Pro Regular.

Pasul 2

Creați un alt cadru text și un strat deasupra imaginii ursului polare. Introduceți '2050' și setați Culoare font la Gradientul de căldură. Seteaza Font la Bebas Neue și a face Marimea fontului foarte generos (în jur de 600 pt).

De asemenea, puteți ajusta Transparenţă setările din Efecte fereastră la Multiplica, pentru a aduce o parte din fotografia de dedesubt. 

Pasul 3

Creați un cadru de text în partea din stânga sus a ursului polar și tastați primul dvs. fapt. Puteți, bineînțeles, să o adaptați la orice statistică pe care doriți să o prezentați. 

Seteaza Font la Charlevoix Pro și să se joace cu proporțiile textului, ajustând Dimensiunea fontului, Leading (linia de spațiere) și Culoare font pentru a crea o ierarhie în paragraf și a scoate cuvinte cheie. 

Pasul 4

Puteți crea "pointeri" pentru elemente de text utilizând Instrumentul pentru linii (\). În Accident vascular cerebral panou, setați Tip la CircleSolid.

Adăugați credite pentru fiecare statistică într-un cadru de text separat, setat într-un interval mai mic Marimea fontului.

Pasul 5

Puteți crea săgeți utilizând Instrumentul pentru linii (\) și Accident vascular cerebral de asemenea, chiar dacă prefer să folosesc Instrument de linie pentru a crea atât capul de săgeată cât și săgeata, permițându-mi să controlez exact proporțiile săgeții. 

Aici am creat o săgeată în partea dreaptă a ursului polar, înainte de a stabili o statistică în Charlevoix Pro Bold într-un cadru de text de lângă el. Am ajustat Culoare font la Gradientul de căldură pentru impact suplimentar. 

Continuam sa construiesc un text in jurul acestei statistici cheie, stabilit in mai mult inapoi Charlevoix Pro Regular și a [Paper] Culoare font. 

Pasul 6

Odată ce ați proiectat o statistică, puteți utiliza acest model ca model pentru crearea altora, prin copiere și lipire. 

Aici am inserat săgețile și cadrele text în centrul secțiunii iceberg și am ajustat conținutul textului și Culoare font. 

Odată ce sunteți complet mulțumit de formatarea și aranjarea textului, vă puteți îndrepta Tip> Creați contururi pentru a vectoriza acest text *. Acest lucru vă permite să scalați cu ușurință grupul pentru a vă potrivi designului. 

* Vă rugăm să rețineți că acest lucru vă va împiedica să aplicați formate suplimentare, cum ar fi ajustarea urmăririi etc., astfel încât ar putea fi util să inserați o copie a textului original pe tabloul de bord de lângă pagină. 

Pasul 7

Puteți adăuga rapid și ușor pictogramele pentru infografiere prin deschiderea unui set vectorial de pictograme în Illustrator, înainte de copierea și lipirea pe pictogramele individuale. 

Aici, am lipit într-o pictogramă de greutate de la aceste scale și rigle stabilite, înainte de ajustarea Completati la un specimen alb murdar. 

Îmbogăiți designul icoanelor cu săgeți și text și trageți cifrele sau cuvintele cheie într-o culoare contrastantă. 

Pasul 8

De asemenea, puteți crea pictograme săgeți secțiune utilizând Instrument de elipsă (L) și deținerea Schimb pentru a crea un cerc mic spre partea de jos a unei secțiuni colorate. 

Folosește Instrument Pen (P) pentru a crea o simplă formă de săgeată în interiorul cercului.

Faceți clic dreapta> Grupați elementele împreună pentru a crea o pictogramă ușor de copiat și lipit. 

Continuați să construiți statistici în funcție de lungimea imaginii dvs., variind Culori de caractere pentru contrast și interes. 

Pasul 9

Pentru a crea o diagrama plăcuță, vom avea nevoie de ajutorul scurt al Illustratorului. Minimizați documentul InDesign și deschideți-l Ilustrator.

Folosește Instrument de elipsă (L) și țineți Schimb pentru a crea un cerc pe tabloul de bord, setându-l să nu aibă umplere și un accident vascular cerebral gros (în jur de 50 pt).

Mergi la Obiect> Cale> Accident vascular cerebral.

Apoi, mergeți la Editați> Copiere.

Pasul 10

Întoarce-te la tine InDesign documentul și Editați> Lipire cercul pe pagină, așezându-l în centrul unei secțiuni colorate. Ajustați culoarea la un specimen palid.

Editați> Lipire, Editați> Lipire pe loc cercul direct deasupra primului și reglați culoarea într-un specimen contrastant. 

Apoi luați Instrumentul pentru scule (C) și îndepărtați-o de partea laterală a cercului, izolând o secțiune a plăcii pentru a se potrivi aproximativ cu procentul statistic. 

Pasul 11

De asemenea, puteți adăuga diagrame de bare la infografice, care sunt mai ușor de realizat direct în InDesign. 

Mai întâi, utilizați Instrumentul pentru linii (\) pentru a crea două săgeți, unul îndreptat în sus și celălalt dreapta. 

Apoi utilizați Instrumentul dreptunghiular (M) pentru a crea "bare" pe diagramă. Aveți posibilitatea să înmuiați colțurile acestora, mergând la Obiect> Opțiuni colț și setarea Formă la rotunjit

Adăugați subtitrări sub săgeata inferioară și deasupra fiecărei bare dacă doriți. 

Am folosit-o Gradientul de inundații swatch pentru a face titlul principal al barei de bare într-adevăr ies în evidență. 

5. Cum să exportați designul pentru Web

Pasul 1

Când ați terminat designul dvs. infografic, asigurați-vă că Fișier> Salvare toată munca ta grea.

Pentru a exporta design-ul gata pentru partajarea online, mergeți la Fișier> Exportați. Alege JPEG sau PNG de la Format din partea de jos a ferestrei și dați imaginii un nume potrivit. 

Clic Salvați.

Pasul 2

În fereastra de opțiuni de export, puteți ajusta setările imaginii pentru a fi adecvată pentru încărcarea online. Ajustează Calitate la Mediu sau Înalt, Seteaza Rezoluţie la 72 ppi, și asigurați-vă că Spațiu de culoare este setat sa RGB

În cele din urmă, faceți clic pe Export pentru a crea imaginea gata pentru web. 

O treaba excelenta! Infografia dvs. a fost terminată!

Concluzie: Info-ul dvs. terminat

Odată cu exportul dvs. infografic, este timpul să-l informați online și să răspândiți cuvântul despre impactul încălzirii globale asupra schimbărilor climatice și de mediu. Sau de ce să nu-l imprimați și să-l postați pe panoul de bord la colegiu sau la locul de muncă?

Dacă căutați mai multe resurse pentru desenele dvs. infografice, puteți găsi o mulțime de pictograme tematice pe GraphicRiver și gata pentru a edita șabloane infografice pe Envato Elements.