Ce cours est visible gratuitement en ligne.

Got it!
Last updated on Tuesday, January 8, 2013

On redimensionne tout !

Dans ce chapitre nous allons voir comment redimensionner bon nombre de chose composant notre espace de travail. Car, avouons-le, parfois tout n'est peut-être pas à la bonne taille où à la taille qui nous conviendrait.

Je vais d'abord vous montrer comment redimensionner une image et comment la tourner, c'est à dire que je vous montrerai comment la faire passer du format Portrait au format Paysage, ou l'inverse. Il est vrai que même si ce dernier point ne s'agit pas tout à fait d'un redimensionnement à part entière de l'image dans la mesure où nous ne changerons pas ses dimensions, faire pivoter une image inverse quand même les dimensions de la longueur et de la hauteur.

Ensuite, nous verrons comment redimensionner le canevas et pour finir, nous reparlerons un peu des sélections pour voir comment les redimensionner elles aussi.

Après les deux gros chapitres sur les sélections, ce chapitre se veut léger et bref pour vous permettre de faire une petite pause et de souffler un peu. Profitez-en, cela ne sera pas toujours le cas (et puis quoi encore ? :p ).

Redimensionner une image

Je pense que vous l'avez compris, nous allons voir ici comment redimensionner une image. Redimensionner une image va nous permettre de mettre cette image à la bonne taille. Pourquoi changer les dimensions d'une image ? Après tout, ce n'est peu-être pas très clair pour tout le monde. Laissez moi vous lister quelques cas de figures où il se peut que vous ayez besoin de changer les dimensions de vos images (ou photos).

  • Impression d'une image: vous ne voulez peut-être pas l'imprimer au même format que celui d'origine (pour l'intégrer à l'un de vos albums photo par exemple).

  • Envoie sur le Web: pour ne pas ralentir le chargement des autres visiteurs, il est recommandé de poster vos photos de vacances haute résolution en petit format. :D L'upload de très grosses images peut même surcharger votre compte FTP (si vous en utilisez un). Je sais que je suis obligée de redimensionner presque toutes les images que j'utilise pour ce tutoriel car elles sont beaucoup trop grandes au format d'origine (je ne vous dit pas le travail).

  • Réalisation de montages: pour un montage réussi, rien de tel que des images aux bonnes dimensions. Vous risquez de vous retrouver avec des résultats loufoques sinon. Chaque élément de votre montage doit être aux proportions appropriées par rapport aux autres éléments, sinon bonjour le montage raté (imaginez une fourchette deux fois plus grandes qu'une assiette, vous comprendrez :lol: ) !

Alors, vous êtes convaincu ? Même si l'utilité du redimensionnent peut paraitre évidente, ça ne l'est pas pour certaines personnes, voilà pourquoi je me suis permise de vous faire une petite liste.

Place au schéma récapitulatif

Je vous ai concocté un petit schéma pour être sûre que vous ayez compris en quoi consiste le redimensionnement d'une image (même si cela peut paraitre évident, je reprends tout de zéro). Parfois, on peut confondre le fait de redimensionner une image avec le fait de redimensionner le canevas, donc ce schéma est là pour être sur que l'on parle tous de la même chose. ;)

Image utilisateur

Ici, je vous montre ce qu'il se passe si je réduis les dimensions d'une image rectangulaire dont les côtés mesurent tous dix centimètres (à gauche). L'image à droite est la même image que celle de gauche sauf que ses dimensions ont été divisées par deux ! On passe d'un côté de dix centimètres à un côté de cinq centimètres. La taille globale de l'image a été diminuée. C'est exactement ce que l'on appelle un "redimensionnement" et nous allons voir tout de suite comment faire avec GIMP. :)

Place aux manipulations

Nous allons travailler avec une simple photo pour l'exercice. je vous invite vivement à l'enregistrer de ce pas sur votre disque dur et à l'ouvrir dans GIMP.

Image utilisateur

Il est temps de commencer ! Pour redimensionner une image, rendez-vous dans la barre des menus dans Image puis dans Échelle et taille de l'image. Une fenêtre comme celle-ci apparait:

Image utilisateur

Je ne vous fait de tableau récapitulatif pour tous les paramètres, vous savez normalement déjà à quoi correspondent la largeur, la hauteur et la résolution.

Donc, vous devez rentrer les nouvelles dimensions de votre image en face des paramètres Largeur et Hauteur. Pour ceux qui auraient oublié, voici à quoi correspondent la largeur et la hauteur:

Image utilisateur

Avez-vous remarqué l'icône en forme de chaîne juste à côté des valeurs de la largeur et de la hauteur ? Je veux parler de cette chaine

Image utilisateur

.

Cette petite chaine est très utile. Elle vous permet de conserver les proportions de l'image lors du redimensionnement. Elle agit en fait comme un sorte de "verrou" sur les dimensions de l'image. Activez la chaine en cliquant dessus, nous allons faire quelques tests. ;)
Si vous augmentez la valeur de la largeur, vous remarquez que la valeur de la hauteur augmente de même ! C'est tout à fait normal puisque l'on veut garder les proportions de l'image, donc:

  • pour garder les proportions de l'image, il faut activer l'icône en forme de chaine et chaque paramètre (largeur ou hauteur) changera de valeur en fonction de l'autre ;

  • si je veux modifier les dimensions de l'image sans aucune contrainte, je ne dois pas activer l'icône mais je ne garderais pas alors les mêmes proportions.

En ce qui concerne la résolution en fonction des axes X et Y, comme d'habitude jusqu'ici, laissez les options par défauts, nous reparlerons de cette notion plus tard. Remarquez que la résolution dispose elle aussi de son propre icône de chaine pour verrouiller les proportions.

Ce qui va nous intéresser ici plus que les autres paramètres, c'est l'interpolation, une notion que nous n'avons pas encore rencontré jusqu'ici.
Vous savez que lorsque l'on redimensionne une image, elle perd inévitablement en qualité (je parle ici du cas des images matricielles, le type d'images que nous étudions depuis le début du cours. Nous reparlerons des différents type d'images plus loin). On peut alors se retrouver avec des images très pixelisées dans le pire des cas. L'interpolation, grâce à des calculs mathématiques, va adoucir le résultat pour éviter d'avoir une image pixelisée ou des bords en escaliers.

Pour illustrer cette notion nouvelle d'interpolation, voici des images redimensionnées chacune ayant bénéficié d'un type d'interpolation différent.

Image utilisateur
Image utilisateur
Image utilisateur
Image utilisateur

Respectivement, il s'agit d'une interpolation Cubique, Linéaire, Sinc et Aucune. Avec aucune interpolation, le résultat est désastreux !

Si vous êtes un peu perdu devant tous ces types d'interpolation, laissez celui par défaut à savoir Cubique. C'est celui que j'ai le plus tendance à utiliser car il est très performant, donc parfait pour nos tests. ;)

Revenons à notre image de toute à l'heure que nous voulions redimensionner ! Je vous propose de mettre ces paramètres pour le redimensionnement:

  • Largeur: 249 pixels

  • Hauteur: 187 pixels

  • Résolution X et Y: 72.000 pixels/in (les valeurs par défaut)

  • Interpolation: Cubique

Et cliquez sur Échelle pour valider.

Image utilisateur

L'image a été comme prévu réduite.

Faire pivoter une image

Même si faire pivoter une image ne revient pas exactement à changer les dimensions de sa largeur et de sa hauteur, on peut tout de même considérer cette manipulation comme faisant parti d'un redimensionnement. Lorsque l'on fait pivoter une image, cela revient à inverser sa largeur et sa hauteur, donc à changer ses dimensions finales indirectement.

Nous allons faire pivoter cette image. Je ne vous rappelle pas de l'enregistrer comme d'habitude. ;)

Image utilisateur

Cliquez dans la barre des menus sur Image puis sur Transformer. Trois options de rotations sont disponibles.

  • Rotation 90° sens horaire ;

  • Rotation 90° sens anti-horaire ;

  • Rotation 180°.

Vous aurez compris à quoi sert chaque rotation, leurs noms parlent d'eux-mêmes.

Image utilisateur
Image utilisateur
Image utilisateur

Voici l'image de tout à l'heure ayant subi respectivement une rotation 90° sans horaire, une rotation 90° sans anti-horaire et enfin, une rotation 180°.

Redimensionner le canevas

Tout comme les images, le canevas peut lui aussi être sujet à des redimensionnements. Je vous rappelle que le canevas n'est pas l'image. C'est la zone de travail qui accueille votre image. Il a, par défaut, les même dimensions que l'image qu'il contient. C'est ce que nous allons apprendre à modifier.

Pourquoi réajuster la taille du canevas ? Ça me va très bien comme ça !

Il se peut que certains de vos calques soient trop grands ou bien que vous ayez besoin de plus d'espace pour travailler. A ce moment là, vous serez bien embêté. La solution qui s'offre à vous et qui réglera ce problème est le redimensionnement du canevas. ;)

Je vous propose de travailler avec cette image que nous avons déjà utilisé tout à l'heure:

Image utilisateur

Lorsque nous l'ouvrons dans GIMP, elle occupe actuellement tout le canevas.
Pour changer la taille du canevas, allez dans Image dans la barre des menus puis sur Taille du canevas. Une fenêtre comme celle-ci s'ouvre alors:

Image utilisateur

De nouveau les paramètres Largeur et Hauteur vous permettent de définir précisément la taille du canevas. Vous pouvez d'ailleurs retrouver cette même icône en forme de chaine pour vous permettre de conserver les proportions de votre canevas lors du redimensionnement. Elle fonctionne exactement de la même manière que la chaine que nous avons rencontré lors du redimensionnement d'image.
N'oubliez pas de sélectionner l'unité de mesure qui vous convient. ;)

L'option qui nous intéresse le plus ici est Décalage, car redimensionner le canevas c'est bien, mais le positionner de manière adaptée à nos besoin c'est mieux.
Par exemple, imaginons que je définisse une taille de 676*448 pixels à mon canevas, je vais me retrouver avec ceci au niveau de ma fenêtre:

Image utilisateur

J'ai entouré de bleu l'aperçu de ce que cela donnerait si je validais le redimensionnement. On remarque que l'image est automatiquement positionnée en haut à gauche.

Et si je positionnais mon image autre part sur le canevas ?

Avez-vous remarqué l'option Décalage ? Il s'agit de la marge que vous pouvez laisser entre le calque et le canevas selon les axes X et Y. Par exemple, prenons une image quelconque. Si je laisse un décalage de 100 pixels sur l'axe X et 150 pixels sur l'axe Y, en terme de marge, j'obtiendrais quelque chose comme ceci:

Image utilisateur

En cliquant sur le bouton Centrer, l'image se centrera automatiquement au milieu du nouveau canevas.

Image utilisateur

Il y a alors autant de marge à droite et à gauche (colorié en vert) et autant de marge en haut comme en bas (colorié en bleu).

Si rentrer des valeurs selon les axes X et Y vous gêne un peu, vous pouvez toujours positionner l'image sur le canevas "au feeling" comme vous le voulez. Pour cela, il vous suffit de:

1. Cliquer sur l'image dans l'aperçu.
2. Tout en maintenant le clic, déplacez la en bougeant votre souris puis relâchez le clic.

C'est ce que l'on appelle un "Glisser déposer". ;) C'est plus intuitif pour les débutants que de rentrer des valeurs, surtout s'ils ne sont pas très à l'aise avec cette notion d'axes X et Y.
Une fois que vous êtes satisfait, cliquez sur Redimensionner. Vos changements s'appliquent alors.

Redimensionner une sélection

Savez-vous qu'il est aussi possible de redimensionner une sélection ? :D Ces petites choses n'ont pas fini de vous étonner, elles ont plus d'un tour dans leur sac !
Redimensionner une sélection peut être très pratique dans la mesure ou vous souhaitiez par exemple garder la même sélection mais avec d'autres dimensions.

Par exemple, si vous souhaitez tracer une cible, vous devrez tracer plusieurs cercles successifs et les remplir au fur et à mesure de la couleur de votre choix. Seulement, il faut que tous les cercles aient le même centre. Or, cela peut s'avérer difficile de tracer chaque cercle l'un après l'autre en recommençant la sélection à chaque fois. Il y a de fortes chances qu'ils n'aient pas le même centre.
En traçant un grand cercle et en le redimensionnant au fur et à mesure, chaque autre cercle de la cible aura le même centre que ses frères et sera une réduction ou un agrandissement parfait des autres cercles. On aura alors une belle cible toute propre. :)

Agrandir une sélection

Pour commencer, je vous invite à tracer un cercle parfait (cela vous fera réviser ce que nous avons vu sur les proportions. Pour rappel, les proportions d'un cercle parfait sont "1:1").

Image utilisateur

Nous allons agrandir cette sélection. Pour se faire, il vous faut cliquer sur Sélection dans la barre des menus, puis sur Agrandir. Vous devriez obtenir une fenêtre comme celle-ci:

Image utilisateur

Vous devez indiquer de combien de pixels (ou tout autre unité de votre choix) dont vous souhaitez agrandir votre sélection. Attention ! Il ne s'agit pas du diamètre ou rayon de votre nouveau cercle. Il s'agit de la marge qu'il y aura entre votre ancienne sélection et votre nouvelle sélection agrandie.
Je m'explique, regardez attentivement ce schéma:

Image utilisateur

Si j'agrandis ma sélection initiale de cinq pixels, il y aura une marge de cinq pixels entre mon ancienne sélection et ma nouvelle sélection agrandie. Il y aura cinq pixels de rayon en plus que sur ma sélection de base. Une fois ma sélection agrandie, la sélection originelle laissera place à la nouvelle sélection, ici elle est toujours présente juste pour l'exemple. ;)

Donc pour l'exemple, nous allons agrandir notre cercle de dix pixels. Rentrez ces valeurs dans les champs correspondants et cliquez sur Valider.

Image utilisateur

Pour que le redimensionnement soit bien visible, j'ai colorié la sélection de base que nous voulions redimensionner en vert, tandis que la nouvelle sélection plus grande que nous avons obtenu est coloriée de bleu. Je vous le répète, dans la pratique on obtient juste la nouvelle sélection, on n'a pas deux sélections actives (ni coloriées ;) ).

Rétrécir une sélection

Maintenant, on va voir comment rendre plus petite une sélection, comment la rétrécir. Vous allez voir que la procédure est quasi-exactement la même que pour agrandir une sélection. Seulement, le résultat changera : on aura une sélection plus petite.
Si comme tout à l'heure, je prends une sélection circulaire pour l'exemple, en rétrécissant cette sélection de cinq pixels, il y aura une marge de cinq pixels entre le grand cercle de base et le nouveau cercle plus petit. En aucun cas il s'agit de la nouvelle longueur de son rayon ou de son diamètre.
Comme pour tout à l'heure, voici un schéma qui me permettra d'être certaine que nous sommes sur la même longueur d'ondes de ce côté là:

Image utilisateur

Comme vous pouvez le voir, on a cinq pixels en moins qui nous séparent du centre du cercle.

Commencez par tracer un rectangle aux coins arrondis (je ne ré-explique pas comme l'on doit procéder, revoyez les chapitres précédents si vous n'êtes pas au point de ce côté là ;) ).

Image utilisateur

Nous allons maintenant nous rendre dans Sélection dans la barre des menus, puis dans Rétrécir. Une fenêtre, semblable à celle que nous avions rencontré pour l'agrandissement de notre sélection, s'affiche.

Image utilisateur

Vous êtes maintenant habitué(e) à ce type de fenêtre. Il vous faut indiquer en pixels (ou dans tout autre unité de votre choix) de combien vous souhaitez que la sélection soit réduite.

La case à cocher "Réduire depuis le bord de l'image" ne nous intéresse pas trop dans notre cas dans le mesure où notre sélection est comprise dans le canevas. Rien ne vous empêche évidemment de la laisser cochée comme sur la capture.
Si votre sélection dépasse des bords du canevas et que cette option est cochée, votre image sera redimensionnée depuis les bords du canevas. Par exemple, si vous souhaitez réduire une sélection de vingt pixels, elle sera réduite de vingt pixels à partir des bords du canevas. Les bords du canevas sont considérés comme le point de départ de réduction alors qu'en temps normal il s'agit des bords de la sélection.
C'est assez compliqué à expliquer, essayez donc par vous-même, vous comprendrez de suite de quoi je parle. ;)

Pour en revenir à l'exemple, nous allons rétrécir notre sélection rectangulaire de vingt-cinq pixels. Rentrez les valeur dans la fenêtre de tout à l'heure et validez.

Image utilisateur

Comme précédemment, pour que le redimensionnement soit visible, la sélection de base que nous souhaitions redimensionner est coloriée de vert, tandis que la nouvelle sélection obtenue est coloriée de bleu.

Agrandir ou réduire une sélection peut être utile, et pas seulement pour le cas de la cible. Par exemple, nous pouvons nous en servir pour ajouter une bordure à du texte. Je m'explique: lorsque nous apprendrons à mettre du texte, il vous suffira de sélectionner votre texte, d'agrandir la sélection et de remplir avec la couleur de votre choix pour créer un contour d'une autre couleur. :)

Ce petit chapitre sur les redimensionnements est terminé. En pratique, on peut redimensionner beaucoup d'autres choses, comme les calques. Nous verrons comment redimensionner les calques avec les outils de transformations plus loin dans le cours. Vous verrez, c'est juste un poil plus compliqué que ce que nous venons de faire. ^^

Example of certificate of achievement
Example of certificate of achievement