Redimensionnement d'une image

Voyons comment modifier la taille d'une image dans Photoshop CC. Ouvrez cette image incluse dans les fichiers d'exemple du tutoriel. Je souhaite modifier la taille de cette image pour la publier sur un site web pour lequel la largeur idéale est de 900 pixels. Avant de redimensionner l'image, vérifions sa taille réelle. En général, l'image de départ doit être plus grande, ou du moins pas beaucoup plus petite, que la taille souhaitée. En effet, si l'on agrandit beaucoup une image, elle peut perdre de sa netteté. Dans la barre d'état en bas de la fenêtre de document, je clique longuement sur les informations relatives à la taille du document. Dans la fenêtre qui s'affiche, je vois que le fichier à une largeur de 1 800 pixels pour 1 200 pixels de hauteur. Comme je souhaite le publier sur une page de seulement 900 pixels de large, je dois le réduire. Pour redimensionner cette image, je clique sur le menu Image, puis sur Taille de l'image. Une boîte de dialogue s'affiche. Vous pouvez l'agrandir en cliquant sur le coin inférieur droit, puis en faisant glisser. À gauche, vous voyez un aperçu de l'image et à droite, les commandes permettant de modifier sa taille. La fenêtre contient de nombreuses informations, mais il n'est pas nécessaire de tout lire, surtout si l'on redimensionne une image destinée aux écrans plutôt qu'à l'impression, comme dans cet exemple. Ici, seuls quelques éléments doivent être vérifiés. Tout d'abord, l'icône de lien doit être activée, comme c'est le cas ici. Si je clique dessus, je vois à quoi elle ressemble une fois désactivée. Elle doit donc être activée pour que la largeur soit liée à la hauteur. Ainsi, lors d'un redimensionnement, les proportions d'origine seront conservées et l'image ne semblera ni aplatie, ni étirée. Ensuite, la case à cocher Rééchantillonner doit être activée. Quand c'est le cas, vous indiquez à Photoshop CC qu'il peut supprimer des pixels pour réduire l'image ou en ajouter pour l''agrandir. Pour finir, jetez un œil à droite des champs Largeur et Hauteur pour vérifier l'unité de mesure utilisée pour exprimer les dimensions de l'image. L'unité par défaut est le pouce. Pour les images destinées aux écrans, comme c'est le cas ici, mieux vaut opter pour les pixels. Je clique donc sur l'un de ces deux menus et je définis l'unité sur Pixels. L'autre menu change aussi, car la largeur et la hauteur sont liées. À présent, modifions la taille. Dans le champ Largeur, je remplace 1 800 par 900. La valeur du champ Hauteur est automatiquement modifiée en respectant les proportions. Voici un conseil supplémentaire : pour obtenir une image aux proportions différentes, par exemple 900 x 400 au lieu de 900 x 600 comme ici, la meilleure méthode consiste à utiliser l'outil Recadrage, que nous aborderons dans une autre vidéo. Avant de cliquer sur OK, je vais vous expliquer pourquoi je n'ai pas modifié le champ Résolution. Ce champ n'est utile que lorsqu'on prépare une image pour l'impression. Lors du redimensionnement d'une image destinée aux écrans comme ici, la valeur de ce champ n'affecte pas les dimensions de l'image. Il est donc inutile de modifier cette valeur. Après avoir effectué ces modifications, je peux cliquer sur le bouton OK pour fermer la boîte de dialogue et revenir à la fenêtre de document. Vous pouvez éventuellement revenir à la barre d'état et vérifier la taille de l'image redimensionnée. Je clique longuement sur les informations. Je dispose à présent d'une image de 900 x 600 pixels, contre 1 800 x 1 200 à l'origine. Il ne me reste plus qu'à enregistrer l'image. Je clique sur le menu Fichier, puis sur Enregistrer sous plutôt que sur Enregistrer, car je ne veux pas remplacer l'original, la version de 1 800 x 1 200 pixels. Dans la boîte de dialogue Enregistrer sous, je vais donner un autre nom à cette version. Saisissez le nom de votre choix. Je tape « Resize-web » pour la version web du fichier. Je laisse les autres paramètres inchangés et je clique sur Enregistrer. Dans la fenêtre Options JPEG, je clique sur OK, et j'en ai terminé. Voilà comment redimensionner une image destinée aux écrans via la boîte de dialogue Taille de l'image de Photoshop CC.  

Si vous souhaitez imprimer des images, mieux vaut comprendre les fondamentaux de la résolution dans Photoshop CC et savoir comment la modifier pour préparer l'impression. Cette opération s'effectue via la boîte de dialogue Taille de l'image. Pour suivre cette vidéo, ouvrez cette image incluse dans les fichiers d'exemple du tutoriel. Ensuite, cliquez sur le menu Image, puis sur Taille de l'image. Dans la boîte de dialogue qui s'affiche, les dimensions de l'image sont exprimées en pixels. Pour les images stockées sur un ordinateur, c'est l'unité qui convient. Mais si l'on souhaite imprimer, la taille de l'image doit être exprimée en pouces. Ce champ indique la résolution actuellement définie pour l'image, à savoir 100. Cette valeur n'a rien de spécial. J'ai simplement choisi un chiffre rond quand j'ai configuré le fichier pour ce tutoriel. Que signifie exactement « résolution » dans ce contexte ? Si vous lisez cette ligne de gauche à droite, vous comprendrez mieux. La résolution correspond à un nombre spécifique de pixels par pouce, en l'occurrence 100. Autrement dit, si vous imprimez l'image, 100 pixels sur les 1 800 de large et les 1 200 de haut seront affectés à chaque pouce imprimé, dans le sens horizontal et dans le sens vertical. Si vous n'aimez pas les problèmes de maths, vous pouvez ignorer ce qui suit. Dans le cas contraire, voici un exemple simple. Le problème est le suivant : si l'on divise 1 800 par 100, on obtient 18. Cela signifie qu'à une résolution de 100 pixels par pouce, le fichier sera imprimé sur 18 pouces de largeur. Même principe pour la hauteur. Si je divise le total, soit 1 200 pixels de hauteur par groupes de 100, j'obtiens 12 groupes, ou 12 pouces. La hauteur de l'image imprimée sera donc de 12 pouces. Si vous avez compris le principe, vous vous demandez sans doute quelle est la meilleure valeur à indiquer dans le champ Résolution quand on prépare une image pour l'impression. Malheureusement, il n'existe pas une seule réponse, car tout dépend de l'imprimante utilisée. Si vous imprimez chez vous sur une jet d'encre classique, a priori, une résolution d'environ 300 pixels par pouce suffira. Si j'imprimais à seulement 100 pixels par pouce, cela pourrait sembler correct, mais en y regardant de plus près, ce ne serait sans doute pas optimal, car une imprimante à jet d'encre de bureau nécessite environ 300 pixels par pouce. Comment définir la résolution d'une image à imprimer sur 300 pixels par pouce dans cette boîte de dialogue ? Il faut d'abord s'assurer que la case Rééchantillonner est bien décochée, car si l'on modifie uniquement la résolution, mieux vaut éviter de modifier le nombre total de pixels du fichier. Or, c'est le principe du rééchantillonnage. Le total de pixels du fichier doit donc rester de 1 800 x 1 200. Il faut simplement les répartir en groupes de 300 et non de 100. Je vais donc taper 300 dans le champ Résolution. Ce faisant, les valeurs des champs Largeur et Hauteur vont changer aussi. Je tape 300 dans ce champ. Comme prévu, la largeur et la hauteur sont passées de 18 et 12 pouces à 6 et 4 pouces respectivement. C'est la taille à laquelle l'image va être imprimée à la résolution nécessaire pour obtenir un résultat optimal. Pour finir, je clique sur OK. La boîte de dialogue Taille de l'image disparaît et je reviens à la fenêtre de document. L'image est maintenant prête à être enregistrée et imprimée à 6 pouces par 4, avec 300 pixels par pouce.  

L'outil Recadrage est l'un des plus utiles de Photoshop CC, surtout pour ceux qui prennent beaucoup de photos. Il permet d'améliorer une composition et de redresser les photos. J'ai ouvert cette photo incluse dans les fichiers d'exemple du tutoriel pour vous présenter les bases de l'outil Recadrage. Je commence par le sélectionner dans le panneau Outils. Cela fait apparaître une bordure autour de l'image. Il s'agit de la zone de recadrage. Je place mon curseur sur un angle ou un bord de la zone de recadrage, puis je fais glisser pour la redimensionner. Ici, je vais vers l'intérieur pour créer une composition très différente de la photo originale. Quand vous effectuez un recadrage, Photoshop CC vous fournit un aperçu en grisant les zones qui seront rognées. Vous pouvez ainsi déterminer ce que vous allez supprimer avant de finaliser le recadrage. Avant cela, j'accède à la barre d'options pour vous montrer une option importante : Supprimer les pixels rognés. Cette option est activée par défaut. En général, je préfère la désactiver, car dans le cas contraire, si je finalise le recadrage et que j'enregistre l'image, je supprime définitivement les pixels rognés. Avec l'option désactivée, je pourrai les récupérer à tout moment. Essayons. Je finalise ce recadrage en cliquant sur la coche à droite dans la barre d'options. Il existe d'autres moyens de finaliser un recadrage, mais j'apprécie cette méthode pour sa simplicité. Voici donc la photo recadrée. Imaginons que j'effectue une autre opération sur l'image, puis que je change d'avis à propos du recadrage. Je peux à tout moment activer l'outil Recadrage, puis cliquer sur l'image. Les pixels rognés réapparaissent et je peux modifier le recadrage. Je peux donc réintroduire certains des pixels rognés. Vous avez peut-être remarqué la grille de lignes horizontales et verticales sur la photo lors du recadrage. Cette incrustation permet une technique de composition classique appelée règle des tiers. Son principe est le suivant : si vous placez le contenu importantde l'image à l'intersection de certaines de ces lignes, vous améliorez la composition. Essayons avec cette image. Je vais placer le bouquet précisément à cette intersection en cliquant sur l'image, puis en faisant glisser. Ensuite, je redimensionne la zone de recadrage pour mettre le bouquet un peu plus en avant. Puis je clique sur la coche. Je clique à nouveau sur l'image avec l'outil Recadrage pour peaufiner davantage. L'image n'est pas parfaitement droite, surtout en bas, au niveau de la table. L'outil Recadrage permet entre autres de redresser les images. Il existe plusieurs méthodes pour cela. On peut notamment placer son pointeur à l'extérieur d'un angle et faire glisser pour redresser manuellement l'image, auquel cas une grille apparaît pour faciliter l'opération. Personnellement, je préfère la méthode automatique. Je vais donc annuler en tapant Cmd + Z sous MacOS ou Ctrl + Z sous Windows. L'image revient à l'état précédent. Dans la barre d'options, je vais utiliser l'option de redressement automatique. Je clique dessus pour l'activer dans la barre d'options de l'outil Recadrage. Je me place sur l'image, puis je clique le long du bord de la table en maintenant le bouton enfoncé, et je fais glisser un peu plus loin le long du bord. Pas besoin d'aller tout au bout. Un trait court peut suffire, comme ici. Photoshop CC se sert de votre ligne comme repère pour faire pivoter l'image et redresser le contenu. Je vais encore peaufiner le recadrage en remontant un peu ce bord et en déplaçant légèrement le bouquet pour qu'il soit bien centré. Ensuite, dans la barre d'options, je coche la marque pour finaliser le recadrage. Voilà les bases de l'outil Recadrage. À vous d'appliquer ces techniques à vos compositions dans Photoshop CC.  

Il faut parfois agrandir la zone de travail du document pour pouvoir ajouter certains éléments, comme du texte ou des images. Cette opération s'effectue via l'option Taille de la zone de travail, que nous allons étudier maintenant. Pour suivre, utilisez cette image incluse dans les fichiers d'exemple du tutoriel ou l'une de vos images. Pour agrandir la zone de travail autour de cette image, je clique sur le menu Image, qui comporte une option Taille de la zone de travail en dessous de l'option Taille de l'image. Pour clarifier, l'option Taille de l'image, que nous avons étudiée dans une autre vidéo du tutoriel, est différente de l'option Taille de la zone de travail. Contrairement à Taille de l'image, Taille de la zone de travail ne modifie pas la taille des photos, illustrations ou autres images d'une composition. Elle permet juste d'ajouter de l'espace autour de ces éléments. Je clique donc sur Taille de la zone de travail. Une boîte de dialogue s'affiche. En haut, la largeur et la hauteur de l'image sont indiquées en pouces. En dessous, vous pouvez augmenter la largeur et/ou la hauteur de la zone de travail. Par défaut, ces valeurs sont aussi exprimées en pouces. Toutefois, si on prépare une image pour un usage en ligne et non pour l'impression, il est plus logique de choisir les pixels comme unité de mesure. C'est en effet ainsi qu'on mesure et qu'on exprime la taille des images à l'écran, comme vous l'avez appris précédemment dans ce tutoriel. Je passe donc des pouces aux pixels dans l'un de ces menus et l'autre change automatiquement. Si vous savez combien de pixels l'image doit avoir en largeur après avoir agrandi la zone de travail, vous pouvez saisir cette valeur dans le champ Largeur. En général, il est plus simple d'indiquer à Photoshop CC le nombre de pixels à ajouter à la zone de travail sans se soucier du total. Pour ce faire, cochez la case Relative. La valeur des champs Largeuret Hauteur est alors définie sur 0. À présent, je peux indiquer le nombre de pixels à ajouter à la zone de travail. Disons que je souhaite ajouter 400 pixels à la largeur de la zone de travail. Je tape 400 ici. Si je veux augmenter la hauteur de la zone de travail, je le peux également. Pour l'instant, je laisse cette valeur sur 0. Je clique sur OK pour valider. Dans la fenêtre de document, on voit que Photoshop CC a ajouté des pixels à gauche et à droite de la photo. Il a divisé par deux les 400 pixels supplémentaires que j'ai demandés : 200 à droite et 200 à gauche. Pour agrandir la zone de travail d'un seul côté de l'image, à droite par exemple, l'opération est un peu différente. Je vais annuler pour vous montrer. Je tape Cmd + Z sous MacOS ou Ctrl + Z sous Windows pour annuler. Je clique sur le menu Image, puis sur Taille de la zone de travail. La première chose à faire ici est de vérifier que les champs Largeur et Hauteur sont toujours définis sur Pixels. Ils sont revenus aux pouces, l'unité par défaut. Je repasse donc aux pixels. Je vérifie aussi que l'option Relative est bien cochée. Je veux donc que les pixels supplémentaires soient ajoutés uniquement à droite de l'image. Pour ce faire, dans le diagramme Position, je clique sur la flèche gauche, sur la ligne du milieu. J'indique ainsi à Photoshop CC d'épingler ou d'ancrer l'image à gauche de la zone de travail, et d'ajouter les pixels supplémentaires sur sa droite. Ensuite, dans le champ Largeur, je saisis le nombre de pixels à ajouter à droite de l'image. Disons 800. Je clique sur OK. Et voilà. Vous avez sans doute remarqué que jusqu'à présent, l'arrière-plan de la zone de travail était blanc. Cette couleur peut toutefois être modifiée via la boîte de dialogue Taille de la zone de travail et le menu Couleur d'arrière-plan de la zone de travail. Si vous travaillez sur une autre image qui n'est pas sur un calque d'arrière-plan comme ici, le menu Couleur d'arrière-plan de la zone de travail ne sera pas disponible et la zone de travail ajoutée sera transparente. Elle s'affichera sous forme de damier gris et blanc. Je clique sur Annuler. Pour enregistrer l'image, je clique sur le menu Fichier, puis sur Enregistrer sous pour éviter d'écraser l'original. Voilà comment agrandir la zone de travail d'un document et disposer d'un espace supplémentaire pour ajouter d'autres éléments.