Share
Ce que vous allez créerVous devez avoir la tête dans le sable si vous n'avez pas remarqué l'invasion infographique à travers le monde du design! Les infographies jouissent d'une popularité croissante, et il est facile de comprendre pourquoi. Elles constituent un moyen coloré, engageant et dynamique de présenter de grandes quantités d'informations, et elles donnent un impact visuel à des statistiques et des données par ailleurs terne..
Les professionnels de l'infographie utilisent souvent Adobe Photoshop et Illustrator pour créer leurs concepts statistiques, mais nous allons montrer ici comment créer une infographie extrêmement simple et percutante à l'aide des seuls outils disponibles dans Adobe InDesign. Dans ce didacticiel, vous allez créer un modèle réutilisable pour une infographie et créer des éléments infographiques interchangeables et flexibles pour les projets futurs..
Commençons!
Vous pouvez créer votre modèle d'infographie pour impression ou en ligne, mais pour l'instant, nous allons le configurer en tant que document grand format..
Ouvrez InDesign et sélectionnez Fichier> Nouveau document. dans le Nouveau document fenêtre définie le Intention à Impression et mettre le Nombre de pages à 1. Désélectionner les pages en regard.
Sous Taille de la page sélectionner 'Douane… ' dans le menu déroulant pour créer un nouveau Taille de page personnalisée. Nommez cette nouvelle taille 'Infographie'et mettre le Largeur à 297 mm et la taille à 600 mm. Cliquez sur Ajouter et alors D'accord.
Retour dans le Nouveau document fenêtre, gardez la Marges à leur valeur par défaut (12,7 mm) et régler le Saigner à 3 mm de tous les côtés. Cliquez sur D'accord.
Pour donner à vos éléments infographiques un aspect et une convivialité uniformes et professionnels, nous pouvons attribuer au document un arrière-plan coloré avec un dégradé subtil..
D'abord, allez au Couches panneau(Fenêtre> Calques, si pas déjà ouvert) et double-clic sur le défaut 'Couche 1'nom pour ouvrir le Options de calque la fenêtre. Renommez cette couche 'Contexte'et cliquez D'accord.
En utilisant le Outil Rectangle (M), faites glisser pour créer un cadre qui s'étend sur toute la page et jusqu'aux bords du fond perdu.
Ouvrez le Échantillons panneau(Fenêtre> Couleur> Nuancier) et sélectionnez Nouvelle couleur… dans le menu déroulant du panneau. Créer un nouveau CMJN (sélectionné parmi les Mode de couleur menu) Swatch, C = 63 M = 10 Y = 10 K = 0, et cliquez D'accord. Met le Remplir de votre nouveau cadre à cette nouvelle nuance bleue, et Accident vasculaire cérébral à [Aucun].
Pour terminer, avec le cadre sélectionné, allez à Objet> Effets> Plume de dégradé et mettre le Type à Radial.
Retour à la Couches panneauet Fermer à clé la 'Contexte'couche en cliquant dans la case vide à côté de l'icône œil. Dans le menu déroulant du panneau, sélectionnez Nouvelle Couche… Nommez cette couche 'Cadre'et cliquez D'accord.
Sélectionnez le Outil Ligne (\) et tenant Décalage, faites glisser de gauche à droite pour créer une ligne droite s'étendant du saignement gauche au saignement droit.
Avec la ligne sélectionnée, ouvrez le Accident vasculaire cérébral panneau (Fenêtre> Course) et régler le Poids à 8 mm. Met le Couleur de trait à C = 63 M = 10 Y = 10 K = 0, comme avant. Positionnez la ligne en haut de la page.
Édition> Copier, et Édition> Coller la ligne et la position au bas de la page.
Créez une série de lignes dans différentes nuances de crème glacée en copiant la ligne que vous avez créée dans Étape 3 (Édition> Copier, Éditer> Coller) cinq fois de plus.
Placez les quatre autres lignes collées les unes sur les autres dans un bloc à Position Y 56 mm. Ajouter ce qui suit Échantillons dans le Échantillons panneau et appliquer successivement à la série de lignes:
Introduisez un titre pour votre document infographique. Retour à la Couches panneau et Fermer à clé la 'Cadre' couche. Créer un Nouvelle Couche et le renommer 'Titre'.
Choisissez une police fraîche et enjouée, mais claire à lire (la clarté et la lisibilité des infographies sont particulièrement importantes). Ici, j'ai utilisé Josefin Sans tout au long du document.
Sélectionnez le Outil de type (T) et faites glisser pour créer un cadre de texte 297 mm de largeur et 26 mm de hauteur. Tapez le Titre et sous-titre (saut de paragraphe) de votre document et placez le cadre au centre de l’espace entre les lignes colorées en haut de la page.
Du Commandes de formatage des caractères panneau en haut de votre écran, définissez le paramètre Police de caractère à Josefin Sans Regular, Taille 35 pt, Menant 42 pt et Couleur de la police à C = 49 M = 41 Y = 41 K = 5. Met le Orientation à Aligner le centre. Vous pouvez également introduire une couleur différente dans votre sous-titre si vous le souhaitez..
Le premier élément de votre modèle d'infographie sera un diagramme à secteurs simple. Vous pouvez vous en servir pour donner un aperçu des données analysées et extraire des sections spécifiques de la démographie pour les commenter..
Retour à la Couches panneau et Fermer à clé la 'Titre' couche. Créer un Nouvelle Couche, nomme le 'Camembert'et cliquez D'accord.
Aller au Outils panneauet sélectionnez le Outil Ellipse (L). En portant Décalage, faites glisser pour créer un cercle parfait 100 mm dans Diamètre. Placez-le en haut à gauche de la page (sous les lignes colorées) et réglez le paramètre Remplir à C = 49 M = 41 Y = 41 K = 5. Faites glisser les guides en haut et à gauche Règles (Voir> Afficher les règles) pour marquer le centre du cercle.
Avec le cercle sélectionné, allez à Édition> Copier et Édition> Coller en place et changer le Remplir de ce second cercle à C = 63 M = 10 Y = 10 K = 0.
Sélectionnez le Outil Ciseaux (C) et survolez le cercle bleu. Cliquez une fois sur le bord inférieur du cercle et de nouveau sur le bord droit pour créer une section séparée. Cliquez pour sélectionner la plus grande partie du cercle bleu et Effacer, de sorte que le cercle gris est à nouveau visible.
En fonction de la taille de la section de votre graphique à secteurs, vous pouvez conserver le diamètre de la section tel qu’il est, ce qui correspond à environ un quart du tout. Ou, comme je l'ai fait ici, vous pouvez le diviser plus loin dans une section un huit dans le trou. Pour ce faire, utilisez le Outil Ciseaux (C) encore une fois, et cliquez une fois à mi-chemin le long du bord extérieur du diamètre de la coupe, comme indiqué ci-dessous.
Jeter une des sections coupées et, avec la section restante sélectionnée, sélectionner la Outil stylo (P). Cliquez une fois au centre du cercle gris pour créer une section en forme de camembert.
Créez une autre section en sélectionnant la section bleue et Copier> Modifier et Édition> Coller. Changer la Remplir dans une couleur différente et positionnez les sections dans une position qui vous convient.
Vous pouvez ajouter un effet 3D en appliquant une subtile Ombre portée à l'une des sections de la tarte. Aller à Objet> Effets> Ombre portée et mettre le Opacité à 25%, et le Distance et Taille à 2 mm.
Ajoutez des commentaires à votre graphique à secteurs en introduisant quelques blocs de texte à l'aide de la touche Outil de type (T). Met le Police de caractère à Josefin Sans SemiBold, Taille 20 pt, et utiliser la correspondance Couleurs de police aux sections correspondantes.
Utilisez le Outil Ligne (\), en portant Décalage, créer des pointeurs. dans le Accident vasculaire cérébral panneau, réglez le Poids à 1 mm, Type à Points japonais et le Valeur finale à CircleSolid.
Naviguez un peu en bas de la page, de sorte que vous regardez la section de la page située sous le graphique à secteurs. dans le Couches panneau, Fermer à clé toutes les couches existantes et créer un Nouvelle Couche, le renommer 'Diagramme à bandes'.
Sélectionnez le Outil Ligne (\) et tenant Décalage, faites glisser verticalement pour créer une ligne à propos de 120 mm dans Longueur. Du Accident vasculaire cérébral panneau, réglez le Poids à 18 mm, Fin valeur à TriangleWide et Couleur de trait à C = 49 M = 41 Y = 41 K = 5.
Édition> Copier et Édition> Coller cette flèche plusieurs fois, en variant la Couleur de trait et Longueur. Disposez les flèches exactement les unes à côté des autres pour créer un look superposé en couches.
Pour donner un aspect 3D au graphique, insérez une ligne horizontale en utilisant le Outil Ligne (\). Assurer le Accident vasculaire cérébral a quelques Couleur et un Poids de 1 mm, puis appliquez une ombre portée en allant à Objet> Effets> Ombre portée… et mettre le Opacité à 75%.
Envoyez la ligne derrière les flèches, rendant la ligne elle-même invisible, en Ctrl-Clic (Mac) ou Clic droit (PC)> Arranger> Arrière-plan.
Vous pouvez introduire une légende sous le graphique à barres, ainsi que des descriptions de pourcentages, etc., sur le graphique lui-même en appliquant des cadres de texte individuels en haut du graphique et en entrant vos valeurs de données..
Met le Police de caractère dans tous les cas à Josefin Sans rester cohérent.
Concentrez-vous pour tirer le meilleur parti de la Outils de forme offert à vous dans InDesign. C'est incroyable ce que vous pouvez créer! Une fois que vous maîtrisez la création d’une silhouette de personne simple, essayez d’utiliser les outils de forme pour créer d’autres icônes infographiques simples..
dans le Couches panneau, assurez-vous que toutes les couches existantes sont Fermé à clef, avant de créer un Nouvelle Couche. Nommez-le 'Les chiffres'.
Accédez au Carton, adjacente à la page à gauche ou à droite. Vous pouvez utiliser cette zone pour expérimenter avec la création de vos formes.
Utilisez le Outil Rectangle (M) dessiner un cadre sur 24 mm de largeur et 50 mm de hauteur. Met le La couleur de remplissage à C = 49 M = 41 Y = 41 K = 5 pour l'instant.
Avec le cadre sélectionné, allez à Objet> Options de coin ouvrir le Options de coin la fenêtre. Met le Taille de tous les coins à 5 mm et Forme à Arrondi. Ce cadre formera le torse de la figure.
À présent Édition> Copier et Édition> Coller ce cadre à plusieurs reprises et manipuler le Largeur et la taille créer des cadres plus étroits pour les bras, les jambes et les épaules. Ctrl-Clic (Mac) ou Clic droit (PC)> Transformer> Rotation… ajuster l'orientation des formes. Tenir Décalage en utilisant le Outil Ellipse (L) créer une tête.
Pour faciliter l’utilisation, vous pouvez regrouper les formes par Ctrl-clic (Mac) ou clic-droit (PC)> Groupe.
Créez une figure féminine en sélectionnant la figure masculine et en en faisant une copie (Édition> Copier et Édition> Coller). Met le Remplir à C = 8 M = 5 Y = 12 K = 0. Faites pivoter le bras gauche pour -21 degrés (Ctrl-Clic (Mac) ou Clic droit (PC)> Rotation… ) et faites pivoter le bras droit pour 21 degrés refléter le bras gauche.
Utilisez le Outil Rectangle (M) pour créer un cadre carré supplémentaire qui s’étend sur le torse. Pour créer une forme de jupe, utilisez le Outil Ciseaux (C) pour couper les bords extérieurs (débarrassez-vous de deux triangles renversés de chaque côté, puis allez à Objet> Chemins> Rejoindre, avec les chemins restants du cadre sélectionné, pour créer une forme trapézoïdale).
Maintenant que vous avez créé vos figures, vous pouvez les utiliser dans toutes sortes d'arrangements infographiques..
Vous pouvez les utiliser pour afficher une démographie de genre avec des flèches simples (similaires à celles que nous avons créées précédemment pour le Diagramme à bandes, simplement Copie et Coller et varier le Couleur de trait) et des légendes de texte indiquant les données (définies dans Josefin Sans SemiBold).
Vous pouvez également réduire le Taille d'une figure (maintenez Décalage en redimensionnant pour conserver les mêmes proportions), et Copie et Coller, répéter en rangées pour donner une idée des données de population.
Pour reproduire cet effet, asseyez un certain nombre de chiffres répétés dans une rangée le long de la même ligne de base (faites glisser Guider du haut Règle pour les aligner tous exactement).
Introduisez une ligne horizontale en utilisant le Outil Ligne (\), la mise en Type à À pois et le Poids à 1 mm, et asseyez-vous la ligne entre le bord des figures et un cadre de texte. Dans le cadre du texte (Outil de type [T]) tapez le pourcentage / le nombre de données et définissez le Police de caractère à Josefin Sans Bold, Taille 80 pt.
Pour créer une forme de larme au début d’une rangée de chiffres, utilisez la commande Outil Ellipse (L) pour créer un cercle parfait (maintenez Décalage). Séparément, créez un Ligne à environ 45 degrés angle et Édition> Copier> Coller créer une copie de la ligne.
Ctrl-clic (Mac) ou clic-droit (PC)> Transformer> Retourner horizontalement et positionnez la deuxième ligne en dessous de la première ligne, avec leurs bords se connectant. Aller à Objet> Chemins> Rejoindre et mettre le La couleur de remplissage dans la même nuance que le cercle que vous venez de créer. Placez le triangle sur le cercle, avec le bord du triangle débordant du côté droit du cercle.. Ctrl-clic (Mac) ou clic-droit (PC)> Groupe les deux formes ensemble pour une manipulation facile.
À l'occasion, il peut être nécessaire d'introduire dans votre infographie des icônes ou des images plus détaillées d'Illustrator ou de Photoshop, telles qu'un diagramme de carte. Vous pouvez leur ajouter des annotations dans InDesign..
Fichier> Place un graphique EPS ou Illustrator choisi dans votre document sur un Nouvelle Couche. Placez-le en haut à droite de la page, sous le Camembert graphique.
Pour ajouter plus de dimension à votre carte, vous pouvez ajouter des cercles de différentes tailles pour donner une idée de la proportion différente de données dans une zone géographique donnée (par exemple le pourcentage d'une population dans une région donnée).
Utilisez le Outil Ellipse (L), en portant Décalage, pour créer trois ou quatre cercles de tailles et de couleurs différentes et les positionner sur la carte.
Avec les formes sélectionnées, allez à Objet> Effets> Transparence et mettre le Opacité des cercles à 85%.
Pour un effet 3D instantané, ajoutez une ombre portée en cochant la case Ombre portée boîte dans le Effets panneau. Met le Opacité à 30% et augmenter le Taille à 4 mm.
Ajoutez des légendes de texte en utilisant le Outil de type (T) et créer des pointeurs de connexion en utilisant le Outil Ligne (\), la mise en Poids à 1 mm et le Type à Points japonais. dans le Accident vasculaire cérébral panneau (Fenêtre> Course) met le Fin valeur à CircleSolid créer un effet de pointeur.
Vous avez créé un ensemble d'infographies simples mais super efficaces, avec une esthétique contemporaine et fraîche.
Vous pouvez éditer ce modèle infographique de base pour intégrer toutes sortes de données de base sur les populations et la démographie. Vous pouvez également extraire des éléments de chaque infographie pour créer votre propre document infographique personnalisé. Amusez-vous à trouver vos propres façons de rendre l'information belle!
Accentsconagua