Comment g??n??rer les images contenues dans la description de la rando

Dans ce billet nous allons voir comment cr??er les images avec son cadre qui viendront ??gayer le corps du topo rando. La manip est assez simple mais requi??re l'installation d'inkscape au pr??alable.

Contenu de ce billet :

• Les cadres fournies ;
• La police de caract??re ;
• Redimensionner l'image.

Les cadres fournies

Il y a trois cadre en fichier joins :

• CadreV : ?? ouvrir avec inkscape pour les images verticales ;
• CadreH : ?? ouvrir avec inkscape pour les images horizontales ;
• CadreP : ?? ouvrir avec inkscape pour les images au format 16/9.

La police de caract??re

J'ai joins ?? cet article la police de caract??re qui est utilis??e pour ??crire les titres des images au cas o?? elle ne serait pas install??e sur votre ordi. Cette police porte le doux nom de : Brush Script MT Italic.
Pour l'installer si vous ??tes sous Windows rien de plus simple, il suffit de suivre ce tutoriel tr??s bien fait : tutoriel d'installation de police.

Redimensionner et exporter l'image

Voici l'??tape la plus int??ressante, et pas la plus compliqu??e... Apr??s avoir choisie le cadre ad??quate et l'avoir ouvert avec inkscape suivre le process suivant :

• Cliquer sur le menu Files -> puis import ;
• Choisir l'image ?? importer puis OK ;
• L'image s'ouvre en tr??s grand ;
• Cliquer sur l'outil fl??che ou taper sur F1 dans la barre d'outil ?? gauche et placer la vue de mani??re ?? voir un coin de l'image ;
• Cliquer une fois sur l'image, une petite fl??che de redimentionnement appara??t, il suffit de cliquer dessus en restant appuyer pour redimensionner l'image, r??aliser cette op??ration jusqu'?? faire rentrer l'image dans le cadre ;
• Pour placer l'image en arri??re plan et voir l'int??gralit?? du titre aller dans Object -> Lower to bottom (ne marche que si l'image est s??lectionn??e : outil fl??che -> clic sur l'image)
• Editer le titre de l'image en double cliquant dessus ;
• Centrer le titre au moyen de l'outil fl??che comme pour l'image ;
• Aller dans Files -> Export Bitmap ;
• Dans le menu qui s'ouvre v??rifier que vous ??tes bien sur Page ;
• Cliquer sur Browse pour choisir l'emplacement et le nom de fichier de l'export ;
• Cliquer sur le bouton Export et le tour est jou?? !!!!
• Vous devez maintenant utiliser le gestionnaire de media pour importer l'image sur le site. Important : l'image doit ??tre plac??e dans le r??pertoire imagesRando/nomdumassif/imagesNomDeLaRando pas dans le r??pertoire galerie.

Maintenant vous pouvez int??grer l'image dans le corps de votre topo, pour ??a il suffit juste d'??diter le lien vers l'image dans le template en mode source. (ne pas utiliser le bouton s??lecteur d'image pour placer l'image car la mise en page ne serait pas respecter, vous pouvez utiliser le s??lecteur d'images juste pour r??cup??rer l'adresse du lien si vous ??tes comme moi un peu fain??ants :p :p mais effacer le code Html import?? apr??s ^^)