03-08ter. Recadrer une image

Transcription

1 03-08ter. Recadrer une image Recadrer une image sur GIMP GIMP est un programme gratuit équivalent à Photoshop en code source ouvert. Il permet entre autres de changer la taille d une image à partir de proportions données. Le site internet de l Institut français contient plusieurs styles d images, dont les dimensions sont précisées dans le tutoriel 3.8bis, accessible ici (connexion obligatoire) : Le système de gestion des contenus Drupal duquel dépend le site de l Institut redimensionne automatiquement les images téléchargées, ce qui peut mener à des mauvais recadrages (ex : tête coupée, pixélisation). Présentation de GIMP GIMP peut être téléchargé sur votre ordinateur à partir des sites habituels de téléchargements de programmes, tels que softonic ( clubic ( ou encore 01net.com ( Pour les collaborateurs travaillant à l ambassade, GIMP est installé sur les bornes Éole. L interface du programme est en trois fenêtres : une fenêtre centrale de travail (1), une boîte à outils sur la gauche (2) et une fenêtre d affichage des calques, canaux et chemins (3). Nous ne nous servirons que des fenêtres 1 et 2 pour le moment. Figure 03-08ter-01 : Interface du logiciel GIMP.

2 Recadrer une image Pour ouvrir l image à recadrer, cliquez sur Fichier > Ouvrir (Ctrl+O) Figure 03-08ter-02 : Ouverture d'un fichier dans le logiciel GIMP.

3 Enregistrez tout de suite un fichier GIMP de manière à ne pas modifier l image initiale. 1. Allez dans Fichier > Enregistrer sous (Ctrl+Maj+S) 2. Choisissez en bas dans «Sélectionner le type de fichier» l extension «Image GIMP XCF». Le document devrait maintenant s appeler «Nom.xcf» Figure 03-08ter-03 : Enregistrement d'un fichier dans le logiciel GIMP.

4 Site Internet 2015 Tutoriel 3. Assurez-vous que l image à recadrer est plus grande que les dimensions du site. Dans le cas contraire, elle sera floutée quand vous la mettrez en ligne. Vous pouvez vérifier la taille de l image en allant dans «Image > Echelle et taille de l image» Figure 03-08ter-04 : Vérification de la taille de l image. Note : Ceci est une étape de vérification. Ne modifier pas la taille de l image à partir de cette fenêtre.

5 Nous voulons à présent recadrer l image. Pour cela, nous utilisons l outil de découpage (signaler par un cutter dans la boîte à outil). 4. Cliquez sur l outil de découpage (Maj+C) 5. Un menu s ouvre en dessous. Cochez la case «Fixé : Proportions» puis entrez manuellement les proportions de l image souhaitée (ex : pour une brique, 245:120) Figure 03-08ter-05 : Recadrage d une image au moyen de l outil de découpage. 6. Tracez le cadre sur l image. La partie à rogner est ombrée. Lorsque le cadre vous convient, effectuez un double-clic gauche. Figure 03-08ter-06 : Ouverture d'un fichier dans le logiciel GIMP. 7. Enregistrez sous (Ctrl+Maj+S) «Nom_format.jpg» (Figure 03-08ter-03).

6 Recadrer une image carrée ou en hauteur Dans certains cas exceptionnels, il est impossible de recadrer l image d origine en rectangle large (portrait d auteur, couverture de livre, etc.). Vous pouvez alors créer un cadre de fond blanc pour que votre image ne soit pas déformée par Drupal. 1. Définissez la hauteur de l image dans «Image > Echelle et taille de l image» de manière à ce qu elle soit égale à la hauteur du format (ex : 120px pour Brique, 300 pour Plein page) puis cliquez sur «Echelle». Figure 03-08ter-07 : Définition de la hauteur de l image.

7 2. Sur la fenêtre des calques (voir Présentation de GIMP ci-dessus), effectuez un clic droit sur le calque «Arrière plan» et sélectionnez «Ajouter un canal alpha». Figure 03-08ter-08: Ajout d un calque alpha.

8 3. Toujours dans la fenêtre des calques, cliquez sur l icône de page blanche («Créer un nouveau calque»), puis positionnez le nouveau calque créé en-dessous de l arrière-plan. Figure 03-08ter-09 : Création et positionnement d un nouveau calque.

9 4. Modifiez la taille du canevas dans «Image > Définir la taille du ce canevas». La hauteur est déjà celle souhaitée (ex : 120px pour une brique). Désélectionnez l icône de proportions et modifiez la hauteur (ex : 245px). Cliquez sur «Centrer» puis sélectionnez l option «Redimensionner les calques > Tous les calques». Cliquez sur «Redimensionner». Figure 03-08ter-10 : Définition de la taille du canevas de l image.

10 5. Avec l outil de remplissage (seau), remplissez en blanc le calque inférieur. Figure 03-08ter-11 : Ouverture Remplissage du calque de fond (avant). Figure 03-08ter-12 : Remplissage du calque de fond (après). 6. Enregistrez l image sous la forme «Nom_format.jpg».