Comment créer un infographie Rainbow Road pour célébrer le mois de la fierté

Ce que vous allez créer

Le mois de juin est le mois de la fierté lorsque le monde entier adopte une position positive contre la discrimination et la violence à l'égard de la communauté LGBT. En plus de promouvoir l’égalité, la compréhension et la tolérance, le Mois de la fierté est aussi un moment de fête et de joie..

Pour célébrer le mois de la fierté ici chez Envato Tuts +, nous avons créé une infographie utilisant le thème des marches de la fierté, que vous pouvez recréer vous-même avec InDesign et Illustrator. Si vous voulez plus de pratique infographique, essayez ce didacticiel précédent:

  • Comment créer une infographie sur les changements climatiques dans Adobe InDesign

    Aidez à mieux faire connaître les effets du réchauffement planétaire avec cette infographie informative sur les changements climatiques, que nous allons créer dans Adobe InDesign..
    Grace Fussell
    Infographie

Ce didacticiel s'adresse aux utilisateurs débutants à intermédiaires d'InDesign et constitue une excellente introduction à la création de présentations infographiques.. 

Peu de temps? Vous pouvez trouver des modèles d'infographie faciles à modifier sur GraphicRiver et Envato Elements.

  • 27 modèles d'infographie créative

    Vous avez une prochaine présentation? Faites une superbe impression avec cette brillante sélection de modèles d'infographie créatifs.
    Melody Nieves
    Modèles

Ce dont vous aurez besoin pour créer votre infographie

Nous allons utiliser Adobe InDesign pour créer la maquette principale de notre infographie et plonger brièvement dans Illustrator pour modifier les graphiques vectoriels de la conception. Vous devrez également télécharger les images et les fichiers de police suivants:

  • Illustration vectorielle plane d'une rue
  • Icônes LGBT vectorielles
  • Police Bergen Sans

Installez les fichiers de polices sur votre système et vous êtes prêt à commencer à concevoir.. 

1. Comment configurer votre document infographique dans InDesign

Étape 1

Ouvrir InDesign, et allez à Fichier> Nouveau> Document. 

Nous allons redimensionner l'infographie à une taille adaptée à Internet, mais vous pouvez toujours réduire la largeur de l'image au besoin..

Cliquer sur Web au sommet de la Nouveau document fenêtre, et définissez le Largeur de la page à 870 px et la taille à 2600 px.

Puis clique Créer.

Étape 2

Étendre le Couches panneau (Fenêtre> Calques) et double-cliquez sur Couche 1. Renommez-le Contexte

Choisir Nouvelle Couche dans le menu déroulant du panneau. Nommez cette couche Pointeurs et cliquez sur OK. 

Répétez l'opération pour créer trois autres couches dans cet ordre: Route, Les icônes, et enfin Type

Puis verrouillez toutes les couches sauf Contexte, que nous allons travailler en premier. 

Étape 3

Étendre le Échantillons panneau (Fenêtre> Couleur> Nuancier) et choisir Nouvelle nuance de couleur du menu du panneau. 

Avec le Mode de couleur mis à RVB, ajuster les niveaux à R = 254 G = 240 B = 231, et cliquez Ajouter et alors D'accord.

Utilisez le Outil Rectangle (M) créer une forme sur toute la page, en définissant la Remplir à votre nouvelle nuance, R = 254 G = 240 B = 231.

2. Comment créer votre route arc-en-ciel

Étape 1

Réduisez la fenêtre InDesign pour le moment et ouvrez l'illustration vectorielle de la rue dans Illustrateur

Sélectionnez le graphique de la route au centre, et Clic droit> Dissocier, séparer les lignes pointillées du corps principal de la route derrière. 

Nous voulons joindre les différentes sections de la route ensemble, mais pour le faire en douceur, nous devons d’abord nous assurer que chaque section est parfaitement alignée..

Prendre le Outil de sélection directe (A) et sélectionnez des points d’ancrage individuels en haut de chaque section de route qui en chevauchent une autre. Utilisez les touches fléchées pour ajuster leur position de manière à ce qu’ils rencontrent les autres points d’ancrage..

Étape 2

Une fois que vous avez terminé d’aligner les sections, sélectionnez toutes les sections centrales de la route (à l’exception des petites routes périphériques menant aux maisons). Édition> Copier leur. 

Retournez à votre InDesign documenter et verrouiller le Contexte couche. Déverrouiller le Route couche. ensuite Édition> Coller la route de vecteur directement sur cette couche. Positionnez-vous vers le haut de la page, au centre, comme indiqué ci-dessous. 

Étape 3

Sélectionnez uniquement les quatre sections inférieures de la route, et Édition> Copier. 

Édition> Coller, et alors Clic-droit sur la copie et Transformer> Retourner horizontalement. 

Positionnez ce chevauchement sur la section supérieure, comme indiqué ci-dessous. 

Étape 4

Basculer vers le Outil de sélection directe (A) et utilisez-le pour sélectionner les points d'ancrage de la section qui se chevauchent, en les déplaçant de manière à ce qu'ils correspondent parfaitement à chaque section, comme nous l'avons fait précédemment dans Illustrator.. 

Lorsque les sections sont alignées, sélectionnez toutes les sections de la route sur toute la page, puis allez à Objet> Chemins> Créer un chemin composé

Étape 5

Choisir Nouvelle nuance de couleur du Échantillons panneau et créer six nouveaux RVB échantillons:

  • R = 237 G = 83 B = 86
  • R = 245 G = 107 B = 53
  • R = 253 G = 188 B = 61
  • R = 64 G = 197 B = 117
  • R = 75 G = 207 B = 245
  • R = 196 G = 93 B = 172

Étape 6

Alors choisi Nouvelle nuance de dégradé du Échantillons panneau. 

Nommez la nuance Gradient de la route arc-en-ciel, et mettre le Type à Linéaire et Arrêter la couleur à Échantillons

Choisissez la nuance rouge, R = 237 G = 83 B = 86, pour l'arrêt à gauche, et violet, R = 196 G = 93 B = 172, pour l'échantillon de droite. Clique sur le Rampe de gradient pour ajouter d'autres arrêts, dégradez la couleur de vos échantillons pour créer un effet arc-en-ciel. 

Puis clique Ajouter et D'accord

Étape 7

Sélectionnez la route et appliquez le Gradient de la route arc-en-ciel swatch à la Remplir du vecteur. 

Du Pente panneau (Fenêtre> Couleur> Dégradé), vous pouvez ajuster le Angle du dégradé, de sorte que la couleur passe du rouge en haut au violet en bas. 

Étape 8

Retournez sur Illustrateur et le vecteur de la rue pour un moment.

Sélectionnez la ligne en pointillé le long du centre de la route et Édition> Copier il. 

Retournez à votre InDesign document et Édition> Coller sur le Route couche. Redimensionnez-le et positionnez-le en fonction de la partie supérieure de la route..

Édition> Coller encore et Clic droit> Transformer> Retourner horizontalement. Le manœuvrer en position sur la moitié inférieure de la route. 

3. Comment formater la typographie pour votre infographie

Étape 1

Verrouiller le Route couche et déverrouiller le Type couche en haut. 

  • Comment créer une infographie de la pollution plastique du «Jour de la Terre» dans Adobe InDesign

    Le 22 avril, le monde célèbre le Jour de la Terre, qui reconnaît et vise à sensibiliser les gens à l'impact que les humains ont sur l'environnement. Ce facile à créer…
    Grace Fussell
    Infographie

Prendre le Outil Rectangle (M) et faites glisser en haut de la page, en définissant la Remplir à [Noir]. 

Avec la forme sélectionnée, allez à Objet> Effets> Ombre portée. Avec le Angle mis à environ 90 degrés, amene le Opacité de l'ombre jusqu'à 20%. Cliquez sur D'accord pour quitter. 

Si vous voulez ajouter de l’espace pour un crédit au bas de l’infographie, vous pouvez créer un autre rectangle avec un [Papier] Remplir. 

Étape 2

Créez un bloc de texte en utilisant le Outil de type (T) en haut de la page, en tapant 'SUR LA MARCHE POUR CÉLÉBRER'. 

Du haut Les contrôles panneau ou le Personnage et Paragraphe panneaux (Fenêtre> Texte et tableaux> Caractère / Paragraphe), met le Police de caractère à Bergen Sans Semi Bold, taille 24 pt et Aligner le centre.

Du Échantillons panneau, réglez le Couleur de la police à [Papier].

Ajoutez deux autres blocs de texte en dessous de cette valeur, en tapant "PRIDE" dans le premier et en modifiant l’épaisseur de la police en Audacieux et Taille de police à 120 pt. Écrivez la date dans le cadre ci-dessous.

Appliquez vos échantillons RVB aux lettres individuelles de «PRIDE» pour créer un effet arc-en-ciel.. 

Étape 3

Vous pouvez ajouter des pointeurs contextuels sur la route pour marquer les bons endroits pour ajouter du texte à votre infographie..

Pour créer un pointeur, prenez le Outil Ligne (\) et tenant Décalage, faites glisser pour créer une ligne courte partant de la route. Du Accident vasculaire cérébral panneau (Fenêtre> Course), augmenter le Poids de la course à 11 pt. 

Du Échantillons dans le panneau, choisissez l’échantillon RVB correspondant à appliquer au Couleur de trait de la ligne. 

Utilisez le Outil Ellipse (L) créer une forme de cercle 125 px de diamètre (vous pouvez le voir en haut Les contrôles panneau) et définissez le La couleur de remplissage à [Papier].

Clic droit> Groupe la ligne et le cercle ensemble. 

Ensuite aller à Objet> Effets> Ombre portée. Amene le Opacité jusqu'à dix%, et cliquez D'accord

Étape 4

Copie et Coller le pointeur et positionnez les copies par intermittence le long de la route. 

Clic droit> Transformer> Rotation certains des pointeurs, et vous pouvez ajuster la Couleur de trait des lignes et La couleur de remplissage des cercles pour correspondre à la couleur de la route lorsque vous vous déplacez vers le bas de la page. 

Étape 5

Utilisez le Outil de type (T) pour créer un cadre de texte à côté de l’un des pointeurs. Tapez un sous-titre et définissez le Police de caractère à Bergen Sans Bold, Tous Caps, Taille 34 pt. 

Créez un deuxième cadre de texte ci-dessous pour un corps de texte plus petit, en le définissant dans Bergen Sans Semi Bold, taille 14 pt. 

Vous pouvez utiliser cette paire de cadres de texte comme modèle pour remplir l’infographie avec davantage de texte.. Copie et Coller la paire et déplacez-les à côté des autres pointeurs. 

Étape 6

Vous pouvez définir des statistiques d'extraction dans d'autres cadres de texte, en définissant la Police de caractère à Bergen Sans Semi Bold, taille 23 pt et en Toutes en majuscules.

Vous pouvez également placer des statistiques numériques dans certains cercles de pointeur, en définissant Police de caractère à Bergen Sans Bold, Taille 110 pt. 

4. Comment ajouter des icônes à votre infographie

Étape 1

Ouvrez les icônes LGBT définies dans Illustrateur

De là, vous pouvez sélectionner des icônes individuelles et Édition> Copier leur.

De retour dans votre InDesign document, verrouiller le Type couche et déverrouiller le Les icônes couche. 

Édition> Coller l’icône directement sur la page et redimensionnez-la pour s’adapter à l’un des cercles de pointeur, comme indiqué ci-dessous. 

Continuez à retourner à Illustrateur et copier les icônes, avant de les coller dans votre InDesign document. 

Étape 2

Vous pouvez également ajouter des icônes en haut de la route. Pour ajouter un léger effet 3D à ceux-ci, allez à Objet> Effets> Ombre portée et ajouter un 20% d'opacité ombre. 

Continuez à créer des icônes sur votre dessin, en choisissant des images qui s’harmonisent bien avec votre texte.. 

Vous pouvez coller un drapeau à partir des icônes définies sur le Pointeurs couche, de sorte qu'il se trouve en dessous de la route, créant un effet 3D. 

5. Comment exporter votre infographie terminé

Lorsque vous avez construit du texte et des icônes sur votre infographie et que vous avez effectué une vérification orthographique rapide (Édition> Orthographe> Vérifier l'orthographe), vous êtes prêt à exporter votre dessin pour le partager en ligne. 

Aller à Fichier> Exporter, donnez un nom à votre fichier et choisissez soit JPEG ou PNG pour une image favorable aux médias sociaux. Cliquez sur sauvegarder.

Si vous avez choisi PNG, suivez les options par défaut dans la fenêtre qui s'ouvre. 

Pour JPEG, met le Résolution à 72 ppi dans le Exporter JPEG la fenêtre. Cliquez sur Exportation pour créer votre image. 

Et tu as fini! Bon travail!

Conclusion: votre infographie terminé

L'infographie de votre fierté est terminée et prête pour le téléchargement en ligne d'un travail impressionnant! 

Assurez-vous de partager cette infographie sur les médias sociaux ou d'en épingler une copie au travail ou sur le tableau d'affichage de votre communauté, afin de faire connaître le mois de la fierté et de faire en sorte que tout le monde se retrouve dans l'esprit du parti! 

.