Comment préparer des images pour la navigation photo

Voici le moyen le plus facile et pratique pour créer des images, c’est-à-dire préparer les photos et dessiner les flèches.

L’outil que nous vous recommandons : Google Docs ! Il est gratuit et accessible à partir de tout appareil ou plate-forme.

Ouvrez le menu de votre compte Google 1 et cliquez sur la rubrique Docs 2 :

Dans le menu à gauche 3 choisissez dans la liste « Slides » 4.

Slides «Diapositive» est un service pour rédiger des présentations. Créons ensemble une présentation afin de disposer des images pour la photo navigation.

Cliquez sur « Commencer une nouvelle présentation » 5.

Vous verrez que la fenêtre d’une nouvelle présentation va s’ouvrir en première diapositive. Par défaut on vous proposera d’utiliser la taille 16:9, mais nous avons besoin des images en 4:3.

Pour changer les proportions de l’image, allez dans les propriétés de la page « Page Setup » 6 du menu « File », choisissez le format 4:3 7 dans la liste déroulante. Puis appuyez sur « OK ».

Une fois que la taille de la diapositive est déterminée, il faut donner un nom à votre projet. Cliquez sur le nom prédéfini de la présentation 8 et entrez un nouveau nom dans la fenêtre 9. C’est ce nom qui sera attribué à vos images lors du téléchargement.

Insérez l’image que vous voulez utiliser pour la photo-navigation 10.

D’abord, ouvrez l’image dans la présentation.

La taille de l’image peut être différente de la taille de la diapositive. Pour les aligner vous avez besoin d’agrandir l’image comme illustré sur l’image ci-dessous. Pour éviter de déformer l’image et de perdre en qualité, pointez votre curseur sur les cotés et tirez jusqu’à ce que votre image remplisse toute la surface de la diapositive. Pensez à éviter de laisser des marges blanches sinon elles seront visibles dans l’image finale 11.

Cependant, certaines parties de l’image peuvent être coupées.
La vignette de la photo finale est visible sur la partie droite de la liste et la version finale, sur la vignette à gauche 12.

Maintenant dessinez la flèche, сliquez sur « Line » 13 et choisissez « Arrow » 14. Ensuite, cliquez sur l’endroit où vous voulez démarrer la flèche.

Vous pouvez voir une ligne comme indiqué sur l’image ci-dessous 15.

Maintenant il faut la sélectionner et la transformer en une flèche :

• Choisissez la couleur de votre flèche en cliquant sur la « Line color » 16. Ici, elle est rouge 17.
• Choisissez la largeur de la flèche en cliquant sur « Line weight » 18 et sélectionnez l’épaisseur nécessaire, nous vous recommandons l’épaisseur 8px 19.
• Choisissez la forme du début de la flèche en cliquant sur « Line start » 20, par exemple un rond 21.
• Choisissez la tête de la flèche en cliquant sur « Line end » 22, par exemple une flèche simple 23.
  On peut voir le résultat sur l’image ci-dessous.
  Maintenant créons une flèche courbée. Ajoutez une autre diapositive à votre présentation en cliquant sur le bouton « + » ou « clt+M » 24.
  Ouvrez l’image suivante dans la présentation. Pour dessiner la flèche cliquez sur l’outil « Select line » dans la barre d’outils et choisissez le type « Curve » 
 25. Positionnez votre souris là où vous voulez que la ligne démarre, tirez là vers là où vous voulez qu’elle soit arrondie (cercles blancs sur l’image ci-dessous 26). Pour terminer la ligne il suffit de double-cliquer.
  

  Vous pouvez voir une courbe comme illustré sur l’image ci-dessous.

  

  Vous pouvez également modifier la forme, la couleur et la courbure de la ligne avec un double-clic.

  

  Ajustez la couleur et l’épaisseur de votre courbe, marquez son début et sa fin de la même façon qu’avec la flèche droite vue dans l’exemple précédent.

  

  Maintenant il faut transformer les images existantes en images appropriées pour la photo navigation.

  Positionnez votre curseur sur votre diapositive. Allez dans le menu « File » 27, sélectionnez « Download as » 28 et PNG Image (.png) 29.

  

  Le fichier sera alors téléchargé dans votre dossier Téléchargements 30. Le fichier est désormais prêt à être utilisé dans izi.TRAVEL CMS.