7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Infographics

Comment créer une infographie éducative avec Adobe inDesign

Scroll to top
Read Time: 8 mins
This post is part of a series called Infographic Templates.
How to Create a Colourful Dasara Infographic in InDesign
How to Create an ‘Earth Day’ Plastic Pollution Infographic in Adobe InDesign

French (Français) translation by David Amadeus (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

L’infographie ci-dessus dépeint comment les organisations de partout dans le monde se battent pour améliorer l'éducation de la jeune fille. À cause d'un tas de facteurs plus de 130 millions des jeunes filles sont privées d'éducation scolaire à travers le globe aujourd’hui ; les gouvernements et les associations caritatives espèrent réduire ce chiffre accablant bientôt. 

Ici,nous allons voir comment monter cette infographie dans  InDesign,toutefois il convient de dire que vous pouvez facilement l’adapter à votre propre thème éducatif.C’est simple, vous n'avez qu'à copier et coller vos propres données (textes et statistiques)aux endroits appropriés. 

Ceci est censé être une simple introduction à la création des infographies pour réseaux sociaux.

Vous n’avez Pas assez de temps pour créer vos propres infographies ? Pas de problème, rendez-vous sur GraphicRiver ou Envato Elements.Vous y trouverez un grand nombre de modèles infographiques faciles à modifier.

Retrouvez  d'autres tutoriels infographiques ici :

Pour créer votre infographie il vous faudra avoir :

Adobe InDesign, puis télécharger la police de caractère et les images ci-dessous. Elles vous serviront  dans votre création.

Afin de passer à l'étape suivante, installez la police de caractères (BW Modelica font family) sur votre ordinateur.

1. Comment créer un document dans InDesign

Etape1

Ouvrez in Design,si ce n'est pas encore fait,cliquez sur fichier >Nouveau> Document .

Cliquez sur web,puis du haut de la fenêtre entrez les valeurs suivantes:Largeur à 870 px et Hauteur à 2600 px.

Assigner à la Marge une valeur de 44 px et puis cliquez sur Créer. .

Etape 2  

Développez le panneau de claques (Fenêtre>claques) puis  faites un double clic  sur calque 1 en le renommant Arrière -plan.

Créez en suite 3 nouveaux calques en les renommant — flèches, livres et caractère.  

Verrouillez tous les calques à l’exception du calque Arrière-plan,calque sur lequel nous allons travailler en premier.

Etape 3

Développez le panneau Nuancier (Fenêtre>couleur>Nuancier),puis à partir du menu déroulant du panneau(Nuancier),sélectionnez Créer Nouvelle nuance. 

Créez une nouvelle nuance (RVB), R=209 V= 207 B= 194,cliquez sur Ajouter au Nuancier et puis OK.

Répétez le processus pour créer 5 autres Nuances RVB :

  • R = 51 V= 56 B= 97
  • R=82 V=48 B=112
  • R=237 V=164 B=192
  • R=255 V=54 B=102
  • R=90 V=88 B=91

Utilisez l'Outil Rectangle (M) pour créer une forme rectangulaire, tirez la  jusqu'à ce qu'elle recouvre  toute la page, sur le calque (Arrière- plan). A partir du panneau Nuancier, assignez une teinte de 30 % au fond de la Nuance grise (R= 90 V= 88 B= 91).

2. Comment créer un tas de livres

Etape1

Ouvrez le vecteur «flat book icon» dans Illustrator.

Sur l’illustration, faite  clic-droit>Annuler masque d’écrêtage.

Etape 2

Click droit> dissocier  la deuxième ligne d’icônes.

Puis dissocier le tas de livres à l'extrême droite.

Sélectionnez seulement le tas de cinq livres fermés,puis Édition >Copier pour le copier.

Etape 3

Revenez à votre document InDesign et verrouiller le calque (arrière-plan).

Déverrouillez le calque (Livres) et allez sur Édition > Coller le vecteur sur celui-ci.

Etape 4

Retournez au fichier Illustrator,et dissocier l'icône à l'extrême droite de la troisième ligne en bas.

Isolez les deux livres fermés,puis faites  Édition > Copier pour les copier.

Etape 5

Retournez  dans InDesign, Édition> coller, pour coller les deux livres fermés sur le tracé, puis Clic- droit >Transformation  > Symétrie axe  Horizontal pour changer leur position.

Faites en sorte qu’ils se retrouvent sur le côté gauche du sommet du tas de livres qu’on a placé en premier.

Etape 6

Continuez à faire des Vas et viens entre votre document  Illustrator et l'infographie InDesign,en sélectionnant,copiant individuellement les tas de livres,et en les collant  sur votre tracé dans InDesign.

Arrangez-les de manière à créer une sorte de séquence zig-zig,tout en laissant alternativement des intervalles sur les deux côtés,gauche et droit,de la page.

Etape7

Dès que vous aurez créé un  tas delivres d’une hauteur considérable au milieu de la page,sélectionnez tous les vecteurs et puis faite Clic-droit  > Grouper afin de les grouper.

Sélectionnez le groupe et allez sur Objet  > Effets > Ombre portée.  Donnez-lui une Opacité d'environ50%,une taille de 9 px,un grossi de13% et un Bruit de 13%,puis faites un clic-droit sur le carré coloré du menu Mode.

Ajustez l'Effet de Couleur à une nuance plus subtile,tel que ce rose pâle,après cliquez sur OK, puis sur OKune fois de plus pour appliquer les différents effets et fermer le panneau Effet.

3.Comment faire une mise en forme typographique de votre Infographie  

Etape1

Verrouillez le calque  Livres  et déverrouillez le calque caractère situé au-dessus.

Utilisez l'Outil Texte (T) pour créer un cadre de texte allant d'un bout à l'autre du sommet de la page,en y écrivant le titre principal de l'infographie.

Que ça soit à partir du panneau de Contrôles au-dessus ou du panneau de Caractère et Paragraphe(Fenêtre> caractère &Tables>Caractère/Paragraphe),assignez au texte la Police de caractères(BwModelica Black),une taille  de 63 pt et l'alignement:Centré.

A partir du panneau Nuancier,changez la couleur de la police en lui donnant ces valeurs:R = 83 V= 48 B=112.

Vous pouvez ajouter à l'en-tête principal des sous-titres ayant une taille 21 pt et (Bw Modelica ExtraBold)comme police de caractère.

Etape  2

Utilisez l'Outil Trait (\) pour créer une ligne facultative à côté d'un des sous-titres.

A partir du panneau contour  (fenêtre>contour),poussez sa taille à 14Pt et appliquer un Capuchon arrondi pour adoucir la ligne. 

A partir du panneau Nuancier,changez la couleur du contour en lui donnant la couleur [papier] (livre)

Copiez et Collez les lignes et faites les correspondre en  faisant passer leurs copies de l'autre côté  des sous titres,comme l'indique l’image ci-dessous.

Ensuite sélectionnez les toutes, allez sur Objet >Effets> Transparence, réduisez  l’Opacité à 60%.

Etape 3

Il est maintenant temps d'ajouter des faits et des statistiques à votre infographie ! 

Faites ressortir les statistiques en utilisant la police (Bw ModelicaExtraBold),puis ajoutez une nuance de couleur Rose claire, R=255 V=54B=102.

Ajoutez-y du texte secondaire ayant pour police (BwModelica Black ) et couleur R=82  V=48 B=112.

Etape 4

Pour les éléments informatifs assez longs, assignez- les( Bw Modelica ExtraBold), R=51 V=56 B=97 comme police et couleur .

Assignez au corps du texte:Bw Modelica Bold,R=82 V=48 B=112.

Etape 5

Vous pouvez utiliser ces deux cadres de texte comme modèle pour le reste de l'infographie.

 Copiez et Collez simplement les cadres de texte,en les plaçant dans les intervalles sur la gauche et la droite de la page,et éditez le texte selon que vous progressez.

Etape 6

 Ajoutez aussi des flèches à votre infographie afin de créer une certaine logique et une hiérarchie dans le dessin.

Pour faire cela,  verrouillez  le calque caractère et déverrouillez le calque flèches. Utilisez l'Outil Trait (\) pour créer une ligne courte qui s’étend de derrière un des livres jusqu’à un des sous-titres.

Donnez la couleur:R=255 V=54B=102 au contour de la ligne.  A partir du panneau contour (fenêtre> contour),  donnez- lui une taille ou épaisseur de 5Pt et ajustez le style d’extrémité de la ligne à Cercle plein pour créer l'effet pointeur.

Allez sur Object > Effets > ombre portée pour assigner une fine ombre à la flèche.

Puis Copiez et Collez la flèche,en la retournant (Clic  droit >Transformation > symétrie axe Horizontal)pour la faire concorder au côté opposé de votre tracé ou dessin.

 4. Comment exporter votre infographie

Ça y est votre infographie est prête —Beau Travail ! Tout ce que vous avez à faire maintenant,c'est de l'exporter dans un format approprié pour le partage en ligne. Continuez la lecture pour apprendre comment procéder.

Etape 1

Commencez par faire une vérification,voyez s'il n'y a pas d'erreur d'orthographe dans votre infographie (Edition >Orthographe >Orthographe), puis allez sur fichier> Exporter.

Renommez votre infographie fichier image,et puis sélectionnez PNG dans le menu déroulant des Formats. Cliquez sur Enregistrer.

Etape 2 

Dans la fenêtre Exporter PNG qui s’ouvre,faites les réglages suivants:Qualité à Moyen et Résolution à 72 ppi,et assurez -vous que l'espace de couleur est sur (RVB). Puis cliquez sur Exporter.

Conclusion: je vous présente votre chef-d’œuvre infographique

Eh oui! C'est fait. Vous avez achevé votre travail,votre infographie éducative est prête; vous pouvez maintenant la partager en ligne.Pourquoi n’est pas la poster sur Pinterest ou Facebook et encourager vos amis à la partager à leur tour?

 La version haut-résolution de cette infographie est disponible ici

Pour en savoir  plus sur la campagne pour l’amélioration de  l'éducation de la jeune fille dans le monde, allez sur le site Web Malala Fund.

Rendez-vous  sur GraphicRiver ou Envato Elements.Vous y trouverez un grand nombre des modèles infographiques et icones qui pourraient vous servir dans vos propres projets.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.