Share
Was Sie erstellen werdenHelfen Sie mit dieser informativen Infografik zum Klimawandel, das Bewusstsein für die Auswirkungen der globalen Erwärmung zu verbreiten. Diese Vorlage lässt sich leicht an Ihre eigenen Fakten und Statistiken anpassen und eignet sich hervorragend für die Erstellung eines einzigartigen Designs.
Wir werden das Layout in einrichten Adobe InDesign und bereiten Sie sich darauf vor, sie online, auf sozialen Medien oder auf Pinterest zu teilen.
Bereit, die Nachricht über den Klimawandel zu verbreiten? Lass uns anfangen…
Sie benötigen Zugriff auf Adobe InDesign und Adobe Photoshop um Ihr Design zu erstellen. Wenn Sie kreisförmige Kreisdiagrammgrafiken erstellen möchten, müssen Sie diese auch haben Adobe Illustrator zur Hand Außerdem müssen Sie die folgenden Bilder und Schriftdateien herunterladen:
Wenn Sie Ihr Design mit mehr Symboldetails anpassen möchten, können Sie einige der Symbole in diesem Energieliniensatz oder diesem Umgebungssatz verwenden.
Nachdem Sie die Bilder heruntergeladen und die Schriftarten auf Ihrem Computer installiert haben, können Sie eintauchen.
Aufmachen InDesign und gehe zu Datei> Neu> Dokument. Wählen Netz für die Absicht oben und heben Sie die Auswahl auf Gegenüberliegende Seiten.
Unter Seitengröße, stellen Sie das ein Breite zu 1800 px * und das Höhe zu 6950 px (Sie können die Höhe später anpassen, wenn Sie möchten Seitenwerkzeug).
Klicken OK um Ihr Dokument zu erstellen.
* Pinterest empfiehlt eine Bildbreite von 600 px. 1800 px ist das Dreifache der empfohlenen Breite. Dies bedeutet, dass Ihr Design bei späterer Größenänderung scharf und klar erscheint.
Erweitere die Schichten Panel (Fenster> Ebenen), und doppelklicken Sie auf Schicht 1 die öffnen Optionen Fenster. Benennen Sie die Ebene um Hintergrund und klicken Sie auf OK.
Klicke auf das Neue Ebene erstellen Schaltfläche unten im Bedienfeld und benennen Sie diese zweite Ebene um Foto. Dann erstellen Sie eine letzte neue Ebene mit dem Namen Typografie.
Sperren Sie alle Ebenen außer Hintergrund.
Es empfiehlt sich, eine vollständige Farbpalette zu erstellen, die Sie in Ihrem gesamten Design verwenden können, bevor Sie beginnen. Hier ist wie.
Erweitere die Farbfelder Panel (Fenster> Farbe> Farbfelder), und wählen Sie Neues Farbfeld aus dem Dropdown-Menü des Bedienfelds (oben rechts).
Mit dem Art einstellen Verarbeiten und Modus zu RGB, Stellen Sie die Pegel von ein Rot grün und Blau bis Sie Ihr gewünschtes Ergebnis erstellt haben. Klicken Hinzufügen und dann OK.
Wiederholen Sie diesen Vorgang, um weitere RGB-Farbfelder zu erstellen und eine vollständige Palette aufzubauen. Um die Palette für das hier abgebildete Design zu erstellen, erstellen Sie die folgenden Farbfelder:
Sie können auch zwei Verlaufsfelder erstellen, indem Sie wählen Neues Farbfeld aus dem Panel-Menü. Hier können wir einen „Wärmegradienten“ und einen „Flutgradienten“ erstellen, um kontrastierende Effekte auf das Design zu erzeugen.
Für die Wärmegradient Muster, stellen Sie das ein Art zu Radial und wähle Farbfelder für die Stoppen Sie die Farbe. Wählen Sie dann ein dunkleres rotes Farbfeld für einen Stopp und ein orangefarbiges Farbfeld für den anderen.
Für die Flutverlauf Farbfeld, wählen Sie ein blasses Blau für eine Haltestelle und [Papier] (weiß) für den anderen.
Mit den Linealen sichtbar (Ansicht> Lineale anzeigen), Ziehen Sie eine Hilfslinie vom oberen Lineal nach unten in die Y-Position 1865 px (Sie können das oben sehen Steuerelemente Panel).
Ziehen Sie eine zweite Anleitung nach unten 3780 px, ein dritter zu 4540 px, und ein final zu 5385 px. Dieser Abschnitt befindet sich auf der Seite, bereit für die Anwendung unserer Hintergrundfarbe.
Nehmen Sie die Rechteckwerkzeug (M) Ziehen Sie über den oberen Bereich der Seite und ziehen Sie sie bis zur ersten Hilfslinie. Von dem Farbfelder Stellen Sie das Panel ein Füllen zu einem himmelblauen Farbfeld.
Erstellen Sie weitere Rechteckformen, die jeden bestimmten Bereich mit einer Farbe ausfüllen und zum Ende hin von hellblau bis tiefblau reichen.
Untersuche den unteren Rand der Seite. Verwenden Sie die Stiftwerkzeug (P) eine raue Form zu zeichnen, die die sandigen Kurven des Meeresbodens nachahmt. Stellen Sie das ein Füllen zu einem dunklen Pfirsichton.
Bearbeiten> Kopieren, Bearbeiten> Einfügen die Form, und verschieben Sie sie nach unten, wobei Sie den unteren Rand der Seite vollständig bedecken. Verstelle die Füllen zu einem beigen Farbton.
Scrollen Sie nach oben zum Seitenrand.
Verwenden Sie die Stiftwerkzeug (P) Ziehen Sie eine gerade Linie über die obere Hilfslinie (unter dem ersten farbigen Abschnitt) und ziehen Sie sie dann nach unten, und arbeiten Sie sich hin und her, um eine gezackte Abbildung zu erzeugen. Dies vermittelt den Eindruck eines Eisberges.
Fügen Sie die Illustration zu einer vollständigen Form zusammen und setzen Sie die Füllen zu [Papier].
Erweitere die Schlaganfall Panel (Fenster> Strich), und setze das Gewicht vom Schlaganfall bis 6 pt und Art zu Right Slant Hash, um dem Design etwas Textur zu geben.
Zum Schluss geht es weiter Objekt> Effekte> Schlagschatten. Bringe den Opazität bis zu 10% und setze das Effektfarbe (Klicken Sie auf das farbige Quadrat neben dem Symbol Modus Menü oben) mit einem leicht kontrastierenden blauen Farbton, damit der Schatten subtil und natürlich erscheint.
Klicken OK beenden.
Kopf bis zu Datei> Speichern Speichern Sie Ihr Design und minimieren Sie das Fenster für einen Moment. Öffnen Sie das Eisbärenfoto Photoshop.
Duplizieren Sie die Hintergrund Ebene, um eine Kopie des Bildes beizubehalten und die Sichtbarkeit auszuschalten.
Dann benutzen Sie die Lasso-Werkzeug (L) einen Bereich um den Rand der Silhouette des Bären abschneiden. Ziel ist es, das Bild vom Hintergrund zu isolieren.
Wenn Sie einen Bereich ausgewählt haben, klicken Sie auf Kanten korrigieren Knopf oben Steuerelemente Panel und überprüfen Intelligenter Radius. Passen Sie die Schieberegler an, bis Sie mit der Genauigkeit der Auswahl zufrieden sind, bevor Sie klicken OK.
Dann schlagen Sie Löschen auf Ihrer Tastatur, um die Auswahl zu entfernen.
Bewegen Sie sich durch das gesamte Bild, bis der gesamte Hintergrund entfernt ist.
Das Bild wird im endgültigen Layout stilvoller aussehen, wenn wir es in Schwarzweiß konvertieren.
Kopf bis zu Bild> Einstellungen> Kanalmixer. Prüfen Einfarbig am unteren Rand des Fensters und passen Sie die Pegel an, bis Sie mit dem Ergebnis zufrieden sind. Klicken OK.
Dann Datei> Speichern unter Dein Bild als Photoshop (.psd) Datei, die den transparenten Hintergrund und die Qualität des Bildes erhält.
Kehre zu deinem zurück InDesign dokumentieren und sperren Hintergrund Schicht. Entsperre die Ebene darüber, Foto.
Verwenden Sie die Rechteckrahmenwerkzeug (F) So erstellen Sie einen Bilderrahmen über der Eisbergillustration und dem himmelblauen Abschnitt.
Datei> Platzieren, Wähle deinen Photoshop Bild und Öffnen.
Gehen Sie mit ausgewähltem Bildrahmen zu Objekt> Effekte> Transparenz, und setze das Modus zu Hartes Licht. Klicken OK.
Wählen Sie dann den Bildrahmen und Bearbeiten> Kopieren, Bearbeiten> Einfügen, Erstellen einer zweiten Kopie des überlagerten Bilds. Geh zurück zum Auswirkungen Fenster erneut und stellen Sie die Modus zu Normal und Opazität zu 50%.
Schließ das Foto schichten und entsperren Sie die oberste Ebene, Typografie.
Verwenden Sie die Schreibwerkzeug (T) Um einen Textrahmen oben auf der Seite zu erstellen, geben Sie den Titel der Infografik ein.
Entweder der Steuerelemente oben im Arbeitsbereich oder im Charakter und Absatz Platten (Fenster> Typ & Tabellen> Zeichen), stellen Sie das ein Schriftart zu Charlevoix Pro Bold, Größe 140 pt, Tracking 40, und Im Zentrum anordnen. Verstelle die Schriftfarbe zu [Papier] von dem Farbfelder Panel.
Um einen Rahmen um den Titel zu erstellen, klicken Sie auf den Textrahmen mit Auswahlwerkzeug (V, Flucht), und setze das Schlaganfall des Rahmens zu [Papier] von dem Farbfelder Panel. Dann geh zu Objekt> Textrahmenoptionen und erhöhen die Einsatz Wert (hier, bis 30 px) bis der Text im Rahmen schön zentriert ist.
Sie können auch einen Textrahmen unterhalb des Haupttitels für einen Untertitel erstellen, wenn Sie möchten. Setzen Sie den Text in Charlevoix Pro Regular.
Erstellen Sie einen weiteren Textrahmen und eine weitere Ebene über dem Eisbärenfoto. Eintippen '2050' und setze das Schriftfarbe zu Wärmegradient. Stellen Sie das ein Schriftart zu Bebas Neue und machen das Schriftgröße sehr großzügig (um 600 pt).
Sie können das auch einstellen Transparenz Einstellungen in der Auswirkungen Fenster zu Multiplizieren, um etwas von dem Foto darunter zu bringen.
Erstellen Sie einen Textrahmen oben links vom Eisbären und geben Sie Ihre erste Tatsache ein. Sie können dies natürlich an jede Statistik anpassen, die Sie präsentieren möchten.
Stellen Sie das ein Schriftart zu Charlevoix Pro und spielen Sie mit den Proportionen des Textes und passen Sie das an Schriftgröße, führend (Zeilenabstand) und Schriftfarbe Eine Hierarchie im Absatz erstellen und Schlüsselwörter herausziehen.
Sie können "Zeiger" für Textelemente erstellen, indem Sie die Linienwerkzeug (\). In dem Schlaganfall Stellen Sie das Panel ein Art zu CircleSolid.
Fügen Sie Credits für jede Statistik in einem separaten Textrahmen hinzu Schriftgröße.
Sie können Pfeile erstellen, indem Sie die verwenden Linienwerkzeug (\) und Schlaganfall Panel auch, obwohl ich generell lieber die Linienwerkzeug sowohl den Vorbau als auch die Pfeilspitze zu erstellen, sodass ich die genauen Proportionen des Pfeils steuern kann.
Hier habe ich einen Pfeil auf der rechten Seite des Eisbären erstellt, bevor ich eine Statistik einstelle Charlevoix Pro Bold in einem Textrahmen daneben. Ich habe die eingestellt Schriftfarbe zu Wärmegradient für zusätzliche Wirkung.
Ich baue weiter Text um diese Schlüsselstatistik auf, in etwas reduzierter Form Charlevoix Pro Regular und ein [Papier] Schriftfarbe.
Nachdem Sie eine Statistik erstellt haben, können Sie diese als Modell für das Erstellen anderer Statistiken verwenden, indem Sie sie kopieren und einfügen.
Hier habe ich den Pfeil und die Textrahmen in die Mitte des Eisberges eingefügt und den Textinhalt und angepasst Schriftfarbe.
Wenn Sie mit der Formatierung und Anordnung des Textes vollständig zufrieden sind, können Sie sich auf den Weg machen Typ> Konturen erstellen um diesen Text zu vektorisieren *. Auf diese Weise können Sie die Gruppe leicht an Ihr Design anpassen.
* Bitte beachten Sie, dies verhindert, dass Sie weitere Formatierungen anwenden, z. B. das Tracking anpassen usw., und es kann sinnvoll sein, eine Kopie des Originaltexts auf der Zeichenfläche neben der Seite einzufügen.
Sie können Ihrer Infografik schnell und einfach Symbole hinzufügen, indem Sie in Illustrator einen Vektorsatz mit Symbolen öffnen, bevor Sie einzelne Symbole kopieren und einfügen.
Hier habe ich ein Gewichtssymbol aus diesen Skalen und Linealen eingefügt, bevor Sie die Einstellung vornehmen Füllen zu einem cremefarbenen Muster.
Verschönern Sie Ihre Ikonendesigns mit Pfeilen und Text, und ziehen Sie Schlüsselfiguren oder Wörter in einer kontrastierenden Farbe heraus.
Sie können auch Abschnittspfeilsymbole erstellen, indem Sie die verwenden Ellipsenwerkzeug (L) und halten Verschiebung um einen kleinen Kreis am unteren Rand eines farbigen Abschnitts zu erstellen.
Verwenden Sie die Stiftwerkzeug (P) Eine einfache Pfeilform innerhalb des Kreises erstellen.
Klicken Sie mit der rechten Maustaste> Gruppe die Elemente zusammen, um ein Symbol zu erstellen, das leicht kopiert und eingefügt werden kann.
Erstellen Sie weitere Statistiken entlang der Länge Ihrer Infografik Schriftfarben für Kontrast und Interesse.
Um ein Kreisdiagramm zu erstellen, benötigen wir die kurze Hilfe von Illustrator. Minimieren Sie Ihr InDesign-Dokument und öffnen Sie es Illustrator.
Verwenden Sie die Ellipsenwerkzeug (L) und halte Verschiebung Um einen Kreis auf der Zeichenfläche zu erstellen, setzen Sie ihn so, dass er keine Füllung und einen dicken Strich (rund 50 pt).
Gehe zu Objekt> Pfad> Umrissstrich.
Dann mach dich auf zu Bearbeiten> Kopieren.
Kehre zu deinem zurück InDesign Dokument und Bearbeiten> Einfügen Den Kreis auf die Seite setzen und ihn in die Mitte eines farbigen Abschnitts setzen. Passen Sie die Farbe an ein blasses Farbfeld an.
Bearbeiten> Einfügen, Bearbeiten> Einfügen den Kreis direkt über dem ersten und stellen Sie die Farbe auf ein kontrastierendes Farbfeld ein.
Dann nimm die Scherenwerkzeug (C) und schnappen Sie sich an den Seiten des Kreises oben ab und isolieren Sie einen Abschnitt der "Torte", um ungefähr den Prozentsatz Ihrer Statistik abzugleichen.
Sie können Ihrer Infografik auch Balkendiagramme hinzufügen, die Sie direkt in InDesign ausführen können.
Verwenden Sie zuerst die Linienwerkzeug (\) um zwei Pfeile zu erzeugen, einer nach oben und der andere nach rechts.
Dann benutzen Sie die Rechteckwerkzeug (M) 'Balken' auf dem Chart erstellen. Sie können die Ecken davon mildern, indem Sie zu gehen Objekt> Eckenoptionen und das einstellen Gestalten zu Gerundet.
Fügen Sie unter dem unteren Pfeil und über jedem Balken Bildunterschriften hinzu, wenn Sie möchten.
Ich habe die verwendet Flutverlauf swatch, um den Haupttitel des Balkendiagramms wirklich hervorzuheben.
Wenn Sie mit Ihrem Infografik-Design fertig sind, sollten Sie dies unbedingt tun Datei> Speichern all deine harte Arbeit.
Um das Design für die Online-Freigabe zu exportieren, gehen Sie zu Datei> Exportieren. Wählen JPEG oder PNG von dem Format Menü am unteren Rand des Fensters und geben Sie dem Bild einen geeigneten Namen.
Klicken sparen.
Im Fenster mit den Exportoptionen können Sie die Einstellungen des Bildes anpassen, um es für den Online-Upload geeignet zu machen. Verstelle die Qualität zu Mittel oder Hoch, stellen Sie das ein Auflösung zu 72 ppi, und stellen Sie sicher, dass die Farbraum ist eingestellt auf RGB.
Klicken Sie abschließend auf Export um ein webfähiges Bild zu erstellen.
Beeindruckende Arbeit! Ihre Infografik ist fertig!
Wenn Ihre Infografik exportiert wird, ist es Zeit, sie online zu stellen und die Auswirkungen der globalen Erwärmung auf Klima- und Umweltveränderungen zu verbreiten. Oder drucken Sie es aus und zeigen Sie es an Ihrem College oder am Arbeitsplatz auf dem schwarzen Brett?
Wenn Sie nach mehr Ressourcen für Ihre Infografik-Designs suchen, finden Sie auf GraphicRiver zahlreiche Themensymbole und in Envato Elements bereite Infografik-Vorlagen.
Accentsconagua