Share
Ce que vous allez créerAidez à mieux faire connaître les effets du réchauffement de la planète avec cette infographie informative sur les changements climatiques. Facilement adaptable à votre propre choix de faits et de statistiques, il s'agit d'un excellent modèle pour créer un design unique..
Nous allons configurer la mise en page Adobe InDesign et préparez-le pour le partage en ligne, sur les réseaux sociaux ou sur Pinterest.
Prêt à faire connaître le changement climatique? Commençons…
Vous aurez besoin d'accéder à Adobe InDesign et Adobe Photoshop pour créer votre design. Si vous souhaitez créer des graphiques circulaires, vous devez également disposer de Adobe Illustrator à portée de main. De plus, vous devrez télécharger les images et les fichiers de polices suivants:
Si vous souhaitez personnaliser votre conception avec davantage de détails sur les icônes, vous pouvez utiliser certaines des icônes de cet ensemble d'énergie de ligne ou cet environnement..
Une fois que vous avez téléchargé les images et installé les polices sur votre ordinateur, vous êtes prêt à plonger dans.
S'ouvrir InDesign et allez à Fichier> Nouveau> Document. Choisir Web pour le Intention en haut, et désélectionnez Affronter des pages.
Sous Taille de la page, met le Largeur à 1800 px * et le la taille à 6950 px (vous pouvez ajuster la hauteur ultérieurement si vous le souhaitez en utilisant le bouton Outil de page).
Cliquez sur D'accord pour créer votre document.
* Pinterest recommande une largeur d'image de 600 px. 1800 px correspond à trois fois la largeur recommandée, ce qui signifie que votre conception paraîtra nette et claire une fois redimensionné par la suite..
Étendre le Couches panneau (Fenêtre> Calques), et double-cliquez sur Couche 1 ouvrir le Les options la fenêtre. Renommez le calque Contexte et cliquez D'accord.
Clique sur le Créer un nouveau calque bouton en bas du panneau et renommez cette seconde couche Photo. Créez ensuite une dernière couche appelée Typographie.
Verrouille toutes les couches sauf Contexte.
C'est une bonne idée de créer une palette de couleurs complète à utiliser dans votre conception avant de commencer. Voici comment.
Étendre le Échantillons panneau (Fenêtre> Couleur> Nuancier), et sélectionnez Nouvelle nuance de couleur dans le menu déroulant du panneau (en haut à droite).
Avec le Type mis à Processus et Mode à RVB, ajuster les niveaux de Rouge vert et Bleu jusqu'à ce que vous ayez créé le résultat souhaité. Cliquez sur Ajouter et alors D'accord.
Répétez cette procédure pour créer davantage de nuances RVB et créer une palette complète. Pour créer la palette utilisée sur le dessin illustré ici, créez les échantillons suivants:
Vous pouvez également créer deux échantillons de dégradé en choisissant Nouvelle nuance de dégradé dans le menu du panneau. Ici, nous pouvons créer un "gradient de chaleur" et un "gradient d'inondation" pour créer des effets contrastants sur le dessin..
Pour le Gradient de chaleur swatch, réglez le Type à Radial et choisir Échantillons pour le Arrêter la couleur. Choisissez ensuite une nuance rouge foncé pour un arrêt et une nuance orange pour l'autre.
Pour le Gradient d'inondation swatch, choisissez un bleu pâle pour un arrêt et [Papier] (blanc) pour l'autre.
Avec les règles visibles (Affichage> Afficher les règles), faites glisser un guide de la règle supérieure vers le bas jusqu'à la position Y 1865 px (vous pouvez le voir en haut Les contrôles panneau).
Faites glisser un deuxième guide vers le bas pour 3780 px, un tiers à 4540 px, et une finale à 5385 px. Cette section coupe la page, prête à appliquer notre couleur de fond.
Prendre le Outil Rectangle (M) et faites glisser le curseur sur la partie supérieure de la page, en l’étendant jusqu’au premier guide. Du Échantillons panneau, réglez le Remplir à un échantillon bleu ciel.
Créez davantage de formes rectangulaires, en remplissant chaque section désignée avec une couleur allant du bleu de la mer pâle au bleu profond vers le bas.
Zoomez sur le bas de la page. Utilisez le Outil stylo (P) dessiner une forme approximative, imitant les courbes sableuses du fond de l'océan. Met le Remplir à une teinte de pêche noire.
Édition> Copier, Éditer> Coller la forme, et déplacez-le en dessous, couvrant complètement le bas de la page. Ajuste le Remplir à une teinte beige.
Faites défiler vers le haut de la page.
Utilisez le Outil stylo (P) tracer une ligne droite sur le guide supérieur (sous la première section colorée), puis abaissez-le et parcourez-le en créant une illustration irrégulière. Cela donne l'impression du dessous d'un iceberg.
Joignez l’illustration dans une forme complète et définissez le Remplir à [Papier].
Étendre le Accident vasculaire cérébral panneau (Fenêtre> Course), et mettre le Poids de la course à 6 pt et Type à Hachage oblique droite, donner de la texture au design.
Enfin, dirigez-vous vers Objet> Effets> Ombre portée. Amene le Opacité jusqu'à dix% et mettre le Couleur d'effet (en cliquant sur le carré de couleur à côté de la Mode menu en haut) à une teinte bleue légèrement contrastée pour donner à l’ombre une apparence subtile et naturelle.
Cliquez sur D'accord pour quitter.
Tête jusqu'à Fichier> Enregistrer pour enregistrer votre conception et minimiser la fenêtre un instant. Ouvrez la photo de l'ours polaire dans Photoshop.
Dupliquer le Contexte couche pour conserver une copie de l'image intacte et désactiver sa visibilité.
Puis utilisez le Outil de lasso (L) sectionner une zone autour de la silhouette de l’ours. Le but est d'isoler l'image de son fond.
Une fois que vous avez sélectionné une zone, cliquez sur le bouton Améliorer le contour bouton en haut Les contrôles panneau, et vérifier Rayon intelligent. Ajustez les curseurs jusqu'à ce que vous soyez satisfait de la précision de la sélection, avant de cliquer sur D'accord.
Puis frappe Effacer sur votre clavier pour supprimer la sélection.
Parcourez toute l'image jusqu'à ce que tout l'arrière-plan soit supprimé.
L'image sera plus élégante dans la mise en page finale si nous la convertissons en noir et blanc.
Tête jusqu'à Image> Réglages> Mélangeur de canaux. Vérifier Monochrome au bas de la fenêtre et ajustez les niveaux jusqu'à ce que vous soyez satisfait du résultat. Cliquez sur D'accord.
ensuite Fichier> Enregistrer sous votre image en tant que Photoshop (.psd) fichier, qui préservera l'arrière-plan transparent et la qualité de l'image.
Retournez à votre InDesign documenter et verrouiller le Contexte couche. Déverrouiller le calque au dessus, Photo.
Utilisez le Outil Cadre Rectangle (F) créer un cadre d'image au-dessus de l'illustration de l'iceberg et du bas de la section de couleur bleu ciel.
Fichier> Place, choisi ton Photoshop image, et Ouvrir.
Avec le cadre d'image sélectionné, allez à Objet> Effets> Transparence, et mettre le Mode à Lumière forte. Cliquez sur D'accord.
Puis sélectionnez le cadre d'image et Édition> Copier, Éditer> Coller en place, créer une deuxième copie de l'image superposée. Retournez au Effets fenêtre à nouveau, et ajustez la Mode à Ordinaire et Opacité à 50%.
Verrouiller le Photo couche et déverrouiller la couche supérieure, Typographie.
Utilisez le Outil de type (T) créer un bloc de texte en haut de la page et taper le titre de l'infographie.
De la Les contrôles panneau en haut de l'espace de travail ou le Personnage et Paragraphe panneaux (Fenêtre> Texte et tableaux> Caractère), met le Police de caractère à Charlevoix Pro Bold, taille 140 pt, suivi de 40, et Aligner le centre. Ajuste le Couleur de la police à [Papier] du Échantillons panneau.
Pour créer une bordure autour du titre, cliquez sur le bloc de texte avec le Outil de sélection (V, Escape), et mettre le Accident vasculaire cérébral du cadre à [Papier] du Échantillons panneau. Ensuite aller à Objet> Options du cadre de texte et augmenter le Encart valeur (ici, à 30 px) jusqu'à ce que le texte soit bien centré dans le cadre.
Vous pouvez également créer un cadre de texte sous le titre principal d'un sous-titre si vous le souhaitez. Définir le texte dans Charlevoix Pro Regular.
Créez un autre cadre de texte et couchez-le par-dessus la photo de l'ours polaire. Tapez '2050' et mettre le Couleur de la police à Gradient de chaleur. Met le Police de caractère à Bebas Neue et faire le Taille de police très généreux 600 pt).
Vous pouvez également ajuster le Transparence paramètres dans le Effets fenêtre à Multiplier, apporter à travers une partie de la photo ci-dessous.
Créez un cadre de texte en haut à gauche de l'ours polaire et tapez votre premier fait. Vous pouvez bien sûr adapter cela à la statistique que vous souhaitez présenter..
Met le Police de caractère à Charlevoix Pro et jouer avec les proportions du texte, en ajustant la Taille de la police, menant (interligne), et Couleur de la police créer une hiérarchie dans le paragraphe et extraire les mots clés.
Vous pouvez créer des "pointeurs" pour les éléments de texte en utilisant le Outil Ligne (\). dans le Accident vasculaire cérébral panneau, réglez le Type à CircleSolid.
Ajouter des crédits pour chaque statistique dans un bloc de texte séparé, défini dans un Taille de police.
Vous pouvez créer des flèches en utilisant le Outil Ligne (\) et Accident vasculaire cérébral aussi, bien que je préfère généralement utiliser le Outil Ligne créer à la fois la tige et la tête de flèche, me permettant de contrôler les proportions exactes de la flèche.
Ici, j'ai créé une flèche sur le côté droit de l'ours polaire, avant de définir une statistique dans Charlevoix Pro Bold dans un cadre de texte à côté. J'ai ajusté le Couleur de la police à Gradient de chaleur pour plus d'impact.
Je continue à construire du texte autour de cette statistique clé, définie de manière plus détaillée Charlevoix Pro Regular et un [Papier] Couleur de police.
Une fois que vous avez conçu une statistique, vous pouvez l’utiliser comme modèle pour la création d’autres statistiques, en copiant et collant.
Ici, j’ai collé les cadres de flèche et de texte au centre de la section iceberg, puis ajusté le contenu du texte et Couleur de la police.
Une fois que vous êtes complètement satisfait du formatage et de la disposition du texte, vous pouvez vous diriger vers Type> Créer des contours vectoriser ce texte *. Cela vous permet d’adapter facilement le groupe à votre conception..
* Veuillez noter que cela vous empêchera d'appliquer une mise en forme supplémentaire, comme l'ajustement du suivi, etc., il serait donc judicieux de coller une copie de votre texte original sur la planche graphique à côté de la page..
Vous pouvez ajouter des icônes à votre infographie rapidement et facilement en ouvrant un jeu d’icônes vectorielles dans Illustrator, avant de les copier et les coller sur des icônes individuelles..
Ici, j’ai collé une icône de poids de cette balance et de ces règles, avant d’ajuster la Remplir à un échantillon blanc cassé.
Embellissez vos icônes avec des flèches et du texte, et sortez des chiffres ou des mots clés de couleur contrastante.
Vous pouvez également créer des icônes de flèche de section à l’aide des touches Outil Ellipse (L) et tenant Décalage créer un petit cercle vers le bas d'une section colorée.
Utilisez le Outil stylo (P) créer une forme de flèche simple à l'intérieur du cercle.
Clic droit> Groupe les éléments réunis pour créer une icône facile à copier et coller.
Continuez à établir des statistiques sur toute la longueur de votre infographie, en variant les Couleurs de police pour le contraste et l'intérêt.
Pour créer un graphique à secteurs, nous avons besoin de la brève aide d’Illustrator. Réduisez votre document InDesign et ouvrez-le. Illustrateur.
Utilisez le Outil Ellipse (L) et maintenir Décalage pour créer un cercle sur la planche d’art, en le réglant pour qu’il n’ait pas de remplissage et que le trait soit épais (environ 50 pt).
Aller à Objet> Chemin> Contour de contour.
Puis dirigez-vous vers Édition> Copier.
Retournez à votre InDesign document et Édition> Coller le cercle sur la page, en le plaçant au centre d'une section colorée. Ajustez la couleur à une nuance pâle.
Édition> Coller, Éditer> Coller en place le cercle directement au-dessus du premier et ajustez la couleur à une nuance contrastante.
Alors prenez le Outil Ciseaux (C) et coupez les côtés du cercle en haut, en isolant une partie du "camembert" qui correspond à peu près au pourcentage de votre statistique.
Vous pouvez également ajouter des graphiques à barres à votre infographie, ce qui est plus facile à faire directement dans InDesign..
Tout d'abord, utilisez le Outil Ligne (\) créer deux flèches, l'une dirigée vers le haut et l'autre vers la droite.
Puis utilisez le Outil Rectangle (M) pour créer des «barres» sur le graphique. Vous pouvez adoucir les coins de ceux-ci en allant à Objet> Options de coin et mettre le Forme à Arrondi.
Ajoutez des légendes sous la flèche inférieure et au-dessus de chaque barre si vous le souhaitez..
J'ai utilisé le Gradient d'inondation swatch pour faire le titre principal du graphique à barres vraiment se démarquer.
Lorsque vous avez terminé votre conception infographique, assurez-vous de Fichier> Enregistrer tout ton dur travail.
Pour exporter le dessin prêt à être partagé en ligne, allez à Fichier> Exporter. Choisir JPEG ou PNG du Format menu en bas de la fenêtre et donnez à l'image un nom approprié.
Cliquez sur sauvegarder.
Dans la fenêtre des options d’exportation, vous pouvez ajuster les paramètres de l’image afin de l’adapter au téléchargement en ligne. Ajuste le Qualité à Moyen ou Haute, met le Résolution à 72 ppi, et assurez-vous que le Espace de couleur est réglé sur RVB.
Enfin, cliquez sur Exportation pour créer votre image prête pour le Web.
Emploi super! Votre infographie est terminée!
Votre infographie exportée, il est temps de la mettre en ligne et de faire connaître l’impact du réchauffement de la planète sur le changement climatique et environnemental. Ou pourquoi ne pas l'imprimer et l'afficher sur le tableau d'affichage de votre collège ou de votre lieu de travail?
Si vous recherchez plus de ressources pour vos conceptions infographiques, vous pouvez trouver de nombreuses icônes thématiques sur GraphicRiver et des modèles d'infographie prêts à être édités sur Envato Elements..
Accentsconagua