Photoshop CC: traitement d'image PDF

PHOTOSHOP CC TRAITEMENT D’IMAGE CONCEPTION DU COURS: TIDIANE DIALLO MISE EN PAGE: TIDIANE DIALLO PHOTOSHOP CC TRAITEMENT D’IMAGE SEQUENCE 2 PIXEL, TAILLE ET RÉSOLUTION D’UNE IMAGE CONCEPTION DU COURS: TIDIANE DIALLO MISE EN PAGE: TIDIANE DIALLO PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IM...

PHOTOSHOP CC TRAITEMENT D’IMAGE CONCEPTION DU COURS: TIDIANE DIALLO MISE EN PAGE: TIDIANE DIALLO PHOTOSHOP CC TRAITEMENT D’IMAGE SEQUENCE 2 PIXEL, TAILLE ET RÉSOLUTION D’UNE IMAGE CONCEPTION DU COURS: TIDIANE DIALLO MISE EN PAGE: TIDIANE DIALLO PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE TABLE DES MATIÈRES PIXEL, TAILLE ET RÉSOLUTION D’UNE IMAGE............................................................... 4 LE PIXEL....................................................................................................................................................................... 5 Regardons de plus près les pixels....................................................................................................................................... 5 La grille de pixels.................................................................................................................................................................................. 7 TAILLE DE L’IMAGE.......................................................................................................................................... 9 La boîte de dialogue Taille de l’image............................................................................................................................ 9 Les dimensions en pixels...........................................................................................................................................................10 Calcul du nombre total de pixels dans une image........................................................................................10 RÉSOLUTION D’UNE IMAGE................................................................................................................ 12 La lien entre largeur, hauteur et résolution......................................................................................................... 12 Le Rééchantillonnage.................................................................................................................................................................... 13 Changer la taille d’impression sans affecter la taille de l’image................................................... 13 Comment fonctionne la résolution d’image?..................................................................................................... 15 Comment déterminer la taille d’impression........................................................................................................ 16 Changer la résolution change la taille d’impression.................................................................................. 17 Changer la taille d’impression change la résolution.................................................................................. 18 Résolution et taille de fichier............................................................................................................................................... 19 Basse résolution et taille de fichier.............................................................................................................................. 20 Haute résolution et taille de fichier.............................................................................................................................. 21 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE PIXEL, TAILLE ET RÉSOLUTION D’UNE IMAGE Dans ce chapitre, nous allons aborder trois sujets importants qui sont essentiels pour comprendre l’utilisation des images numériques dans Pho- toshop: il s’agit des pixels, de la taille et de la résolution de l’image. Avoir une solide compréhension de la relation entre ces 3 éléments est essen- tiel pour obtenir les meilleurs résultats lors du redimensionnement des images, à la fois pour l’impression et pour le Web. Nous commencerons par étudier les pixels, éléments de base de toutes les images numériques. Nous verrons ensuite comment les pixels sont liés à la taille de l’image. Et nous finiront en montrant comment la taille de l’image et la résolution de l’image fonctionnent ensemble pour contrôler la taille d’impression de votre image. Figure 1 Une image numérique ouverte dans Photoshop. Crédit Photo: Etty Fidele, Unsplash.com SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 4 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE LE PIXEL Le terme pixel est l’abréviation de «Picture element» et les pixels sont les minuscules blocs de construction qui composent toutes les images numériques. Tout comme la peinture est faite à partir de coups de pinceau individuels, une image numérique est faite à partir de pixels individuels. Dans Photoshop, lorsque vous visualisez une image avec un niveau de zoom normal (100% ou moins), les pixels sont généralement trop petits pour être distingués. Au lieu de cela, nous voyons ce qui ressemble à une image continue, avec la lumière, les ombres, les couleurs et les textures qui se mélangent pour créer une scène qui ressemble beaucoup à celle du monde réel. Regardons de plus près les pixels Mais comme tout bon tour de magie, ce que nous voyons est vraiment une illusion. Et pour briser l’illusion, il suffit de regarder de plus près. Pour afficher les pixels individuels d’une image, il vous suffit d’effectuer un zoom avant. 1. Sélectionnez l’outil Zoom dans la barre des outils : Figure 2 Sélection de l’outil de Zoom dans le panneaux des outils. 2. Ensuite, cliquez plusieurs fois sur l’un des yeux de la femme pour l’agrandir. Chaque fois que vous cliquez, vous faites un zoom avant. En vous rapprochant davantage de l’image, vous commencerez à voir SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 5 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE que ce qui ressemblait à une image continue est en réalité un groupe de minuscules carrés. Ces carrés sont les pixels: Figure 3 Un zoom avant rapproche les pixels individuels. 3. Et en vous rapprochant encore de plus près, on voit que chaque pixel affiche une seule couleur. L’image entière n’est en réalité qu’une grille de carrés de couleur unie. Vus de loin, nos yeux mélangent les couleurs pour créer une image riche en détails. Mais de près, ce sont les pixels qui créent notre monde numérique: Figure 4 Une vue rapprochée des pixels de l’image, chacun affichant une seule couleur. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 6 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE La grille de pixels Notez que lorsque vous effectuez un zoom suffisamment rapproché (généralement au-delà de 500%), vous commencez à voir un contour gris clair autour de chaque pixel. Il s’agit de la grille de pixels de Photo- shop, conçue pour faciliter la visualisation des pixels individuels. Si vous trouvez la grille de pixels distrayante, vous pouvez la désactiver en allant dans le menu Affichage de la barre de menus, en choisissant Afficher, puis en choisissant Grille de pixels. Pour réafficher la grille, sélectionner à nouveau l’option dans le menu Affichage. Figure 5 Aller dans Affichage> Afficher> Grille de pixels. Pour effectuer un zoom arrière sur les pixels et afficher l’ensemble de l’image, accédez au menu Affichage et choisissez Taille écran (Ctrl + 0 / Cmd + 0) Figure 6 La commande Affichage > Taille écaran. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 7 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Et maintenant que toute l’image est affichée, les pixels individuels sont à nouveau trop petits pour être remarqués, et nous revenons à l’illusion d’une photo détaillée: Figure 7 Dans une visualisation normale à l’écran (sans le zoom), les pixels se mélangent pour former l’image complège que nous voyons. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 8 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE TAILLE DE L’IMAGE Alors, maintenant que nous savons que les pixels sont les minuscules carrés de couleur qui constituent une image numérique, examinons un sujet connexe, la taille de l’image. La taille de l’image fait référence à la largeur et à la hauteur d’une image, en pixels. Il fait également référence au nombre total de pixels de l’image, mais il s’agit vraiment de la largeur et de la hauteur auxquelles nous devons nous intéresser. La boîte de dialogue Taille de l’image Le meilleur endroit pour trouver les informations sur la taille d’une image est dans la boîte de dialogue Taille d’image de Photoshop. Pour l’ouvrir, allez dans le menu Image et choisissez Taille de l’image. Figure 8 La commande Image> Taille de l’image. Dans Photoshop CC, la boîte de dialogue Taille de l’image affiche une zone d’aperçu à gauche et des détails sur la taille de l’image à droite. Je couvrirai la boîte de dialogue Taille de l’image plus en détail dans le pro- chain tutoriel. Pour l’instant, nous allons simplement regarder les infor- mations dont nous avons besoin: Figure 9 La boîte de dialogue Taille de l’image dans Photoshop CC. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 9 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Les dimensions en pixels La largeur et la hauteur d’une image, en pixels, correspondent à ses dimen- sions en pixels. Dans Photoshop CC, elles peuvent être affichées à côté du mot Dimensions situé en haut de la boîte de dialogue. Nous voyons ici que mon image a une largeur de 3820 pixels (px) et une hauteur de 3456 pixels: Figure 10 Les dimensions de l’image en pixels. Si les dimensions sont affichées dans une unité de mesure autre que les pixels, comme les pouces ou les pourcentages, cliquez sur la petite flèche en regard du mot «Dimensions», puis choisissez Pixels dans la liste: Figure 11 Les dimensions peuvent être affichées dans différentes unités de mesure. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 10 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Calcul du nombre total de pixels dans une image Pour déterminer le nombre total de pixels dans l’image, il suffit de mul- tiplier les valeurs de largeur et de hauteur. Donc dans ce cas, 3820 pixels x 3456 pixels = 13 201 920 pixels. Vous n’avez pas vraiment besoin de connaître le nombre total de pixels. Mais au fur et à mesure que vous gagnerez en expérience en redimensionnement d’images, vous consta- terez que connaître le nombre total de pixels à l’avance vous donnera une bonne idée de la taille de l’impression que vous pouvez imprimer, comme nous le verrons plus loin lorsque nous examinerons la résolution de l’image. Figure 12 Les dimensions en pixels d’une image. Mutlipliez sa hauteur par sa largeur pour trouver le nombre total de pixel dans l’image. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 11 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE RÉSOLUTION D’UNE IMAGE Ainsi, si les pixels sont les minuscules carrés de couleur qui composent toutes les images numériques et que la taille de l’image correspond au nombre de pixels de l’image de gauche à droite (la largeur) et de haut en bas (la hauteur), quelle est la résolution de l’image ? La résolution de l’image détermine le format d’impression de la photo en fonction de sa taille actuelle. Il est important de comprendre dès le départ que la résolution de l’image n’affecte que la taille de la version imprimée de l’image et que cela n’a aucun effet lorsque vous visualisez l’image à l’écran La lien entre largeur, hauteur et résolution S i vo u s re g a rd ez s o u s l e m o t « D i m e n s i o n s » d a n s l a b o î te d e d i a l o g u e Ta i l l e d e l ’ i m a g e , vo u s t ro u ve re z les champs Largeur, Hauteur et Résolution. C’est là que nous pouvons non seulement afficher les paramètres actuels, mais également les modifier. Figure 13 Largeur, hauteur et résolution d’un document. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 12 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Le Rééchantillonnage Au-dessous de la valeur de Résolution, vous trouverez une autre option importante appelée Rééchantillonnage qui permet de changer le nombre de pixels de l’image. Si la taille de l’image actuelle est trop petite pour imprimer votre photo à la taille dont vous avez besoin, vous pouvez utiliser l’option Rééchantillonnage pour ajouter plus de pixels, appelé sur-échantillonnage. Ou, si vous souhaitez envoyer votre photo à des amis par e-mail ou la télécharger sur le Web et si la taille actuelle est trop grande, le Rééchantillonnage vous permettrait de réduire le nombre de pixels, connu sous le nom de sous-échantillonnage. Pour voir comment la résolution affecte la taille d’impression de l’image, décochez l’option Rééchantillonnage pour la désactiver: Figure 14 1 L’option Rééchantillonnage par défaut. 2 L’option désactivée Changer la taille d’impression sans affecter la taille de l’image Dès que vous désactivez l’option Rééchantillonnage, vous remarquerez que le type de mesure des valeurs de largeur et de hauteur change. Au lieu de voir la largeur et la hauteur en pixels vous verrez des dimen- sions en pouces. Et au lieu de me dire que mon image a une largeur de 3820 pixels et une hauteur de 3456 pixels, on me dit maintenant qu’elle mesure 12,733 pouces de large et 11,52 pouces de hauteur: SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 13 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Figure 15 Les mesures de largeur et de hauteur sont maintenant affichées en pouces au lieu de pixels. En fait, si vous cliquez sur la case du type de mesure pour la largeur ou la hauteur, vous remarquerez que Pixels est maintenant grisé et indis- ponible. En effet, si l’option Rééchantillonnage est désactivée, nous ne pouvons pas modifier le nombre physique de pixels dans l’image. Tout ce que nous pouvons faire est de changer la taille d’impression de l’image. La taille d’impression est généralement mesurée en pouces (ou en cen- timètres selon l’endroit où vous vous trouvez dans le monde): Figure 16 La désactivation du rééchantillonnage nous empêche d’ajouter ou de supprimer des pixels. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 14 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Comment fonctionne la résolution d’image? La résolution contrôle la taille d’impression d’une image en définissant le nombre de pixels à insérer dans chaque centimètre de papier, à la fois verticalement et horizontalement. C’est pourquoi la valeur de résolution est mesurée en pixels par pouce, ou « ppi «. Étant donné que l’image a un nombre limité de pixels, plus nous les regroupons sur le papier, plus l’image sera petite. Par exemple, ma valeur de résolution est actuellement définie sur 300 pixels / pouce. Cela signifie que lorsque je vais imprimer une image, 300 pixels de la largeur et 300 pixels de la hauteur seront compressés dans chaque pouce carré de papier. Maintenant, 300 pixels peuvent sembler peu. Mais rappelez-vous, c’est 300 à la fois de la largeur et de la hauteur. En d’autres termes, c’est 300 fois 300, pour un total de 90 000 pixels par pouce carré: Figure 17 La résolution actuelle, mesurée en pixels / pouce. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 15 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Comment déterminer la taille d’impression Pour déterminer la taille d’impression de l’image, il suffit de diviser la largeur et la hauteur actuelles, en pixels, par la valeur de la résolution. Si nous regardons à nouveau la section Dimensions en haut, nous voyons que la largeur de mon image est toujours de 3820 pixels: Figure 18 La largeur actuelle, en pixels. Si nous divisons 3820 par la valeur de résolution actuelle de 300, nous obtenons 12,733. En d’autres termes, la largeur de mon image, une fois imprimée, sera de 12,733 pouces, la valeur exacte indiquée dans le champ Largeur: Figure 19 3820 pixels ÷ 300 pixels / pouce = 12,733 pouces. Et de retour dans la section Dimensions, nous voyons que la hauteur de mon image est toujours de 3456 px : SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 16 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Figure 20 La hauteur actuelle, en pixels. Si nous divisons 3456 par la résolution actuelle de 300, nous obtenons 11,52. Ce qui signifie que la hauteur de l’image, une fois imprimée, sera de 11,52 pouces, exactement comme dans le champ Hauteur: Figure 21 3456 pixels ÷ 300 pixels / pouce = 11,52 pouces. Changer la résolution change la taille d’impression Si nous changeons la valeur de la résolution d’une image, le nombre de pixels de l’image ne change pas, mais la taille d’impression elle change. Notez que si l’on baisse la résolution de 300 pixels / pouce à 150 pixels / pouce, les dimensions en pixels restent les mêmes à 3820 px X 3456 px. Mais la largeur et la hauteur augmentent toutes les deux. Étant donné que je n’ai réduit que de moitié le nombre de pixels par pouce sur le papier, horizontalement et verticalement, la largeur et la hauteur ont doublé: SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 17 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Figure 22 Diminuer la résolution augmente la taille d’impression: 1 A 300ppp l’image s’imprime sur 12.733 pouces de large tandis qu’à 150ppp la même image s’imprimera sur une largeur de 25,467 pouces Changer la taille d’impression change la résolution Et puisque tout ce que nous changeons est la taille d’impression, changer la largeur ou la hauteur changera la résolution. En fait, lorsque l’option de Rééchantillonnage que nous avons vu précédemment est désactivée, les trois valeurs (Largeur, Hauteur et Résolution) sont liées. Changer l’une des valeurs change automatiquement les autres. Si je réduis la valeur de la largeur à 8 pouces, Photoshop modifie auto- matiquement la valeur de la hauteur à 7,238 pouces. Et pour adapter l’ensemble de l’image à la nouvelle taille d’impression plus petite, les pixels devront être plus rapprochés, de sorte que la valeur de Résolution passe de 300 à 477,5 pixels / pouce: Figure 23 Changer la largeur et la hauteur change la résolution. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 18 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Résolution et taille de fichier Une idée fausse commune avec la résolution de l’image est que cela affecte d’une manière ou d’une autre la taille du fichier de l’image. De nombreuses personnes pensent qu’avant d’ envoyer une photo par cour- rier électronique ou de la télécharger sur le Web, vous devez réduire sa résolution pour réduire la taille du fichier. Ce n’est tout simplement pas vrai. Comme la modification de la résolution ne modifie pas le nombre de pixels de l’image, cela n’a aucun effet sur la taille du fichier. Si vous regardez à côté des mots «Taille de l’image» en haut de la boîte de dialogue, vous verrez un nombre, généralement affiché en mégaoctets (M). Dans mon cas, c’est 37,8M. Ce nombre représente la taille de l’image dans la mémoire de votre ordinateur. Lorsque vous ouvrez une image dans Photoshop, celle-ci est copiée à partir de votre disque dur, décompressée à partir du format de fichier dans lequel elle a été enregistrée, puis placée dans la mémoire vive (RAM) afin que vous puissiez travailler dessus plus rapidement. Le nombre indiqué dans la boîte de dialogue Taille de l’image correspond à la taille réelle et non compressée de l’image: Figure 24 La taille de l’image, en mégaoctets, est indiquée en haut. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 19 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Basse résolution et taille de fichier Prouver que la résolution de l’image n’a aucun effet sur la taille du fichier est simple. Gardez juste un œil sur la taille pendant que vous changez la résolution. Tant que l’option Rééchantillonnage est désactivée pour que vous ne changiez pas le nombre de pixels de l’image, quelle que soit l’option choisie pour la résolution, la taille du fichier au sommet restera toujours la même. Ici, j’ai abaissé la résolution de 300 pixels / pouce à 72 pixels / pouce. Avec si peu de pixels entassés dans un pouce de papier, le format d’impression est passé à 53,056 pouces X 48 pouces. Mais même avec cette valeur de résolution très basse, la taille de l’image en mémoire reste inchangée à 37,8 M: Figure 25 La réduction de la résolution d’impression n’a aucun effet sur la taille du fichier. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 20 SUR 22 PHOTOSHOP CC: INTRODUCTION AU TRAITEMENT DE L’IMAGE Haute résolution et taille de fichier Et ici, même en poussant la résolution jusqu’à 3000 pixels / pouce. Cela réduit la taille d’impression à seulement 1,273 pouces X 1,152 pouce, mais n’a à nouveau aucun effet sur la taille du fichier, qui est toujours 38,7M. Le seul moyen de réduire la taille de fichier d’une image consiste à réduire le nombre de pixels de l’image (à l’aide de l’option Rééchantil- lonnage) ou à enregistrer le fichier dans un format prenant en charge la compression (comme JPEG), ou les deux. Changer simplement la résolution d’impression ne changera pas la taille du fichier: Figure 26 L’augmentation de la résolution d’impression n’a également aucun effet sur la taille du fichier. SEQUENCE 1: PIXEL, TAILLE ET RÉSOLUTION PAGE 21 SUR 22 FIN DU CHAPITRE