Didacticiel du Pôle de création

Extrait de « Adobe Photoshop CS2 for the Web Hands-On Training » de Tanya Staples.

Une page Web n’est pas mieux mise en valeur que grâce à une superbe photo. Adobe® Photoshop® CS2 vous donne un plus grand contrôle afin de mettre vos images en valeur sur Internet.

Lorsque vous optimisez vos photos pour Internet, vous devez vous assurer que le point principal, c.-à-d. l’objet ou la zone de la composition qui va attirer l’œil de l’internaute, est clair et qu’il contient le moins d’artefacts de compression possible. Pour garder une taille de fichier minimale, vous souhaiterez peut-être que la qualité de compression soit supérieure dans ces zones principales que dans le reste de l’image. Dans ce cas, vous pouvez utiliser une couche alpha, qui est un type de masque afin de spécifier des options de compression différentes pour la zone masquée. Cette technique d’optimisation sélective vous aide à réduire la taille totale d’un fichier JPEG.

Pour ce didacticiel, nous avons utilisé les photos d’une théière, d’un plateau et de livres. Vous pouvez faire cet exercice en utilisant votre propre image. Assurez-vous que la photo comporte deux calques : un pour les objets et l’autre pour l’arrière-plan.

1. Ouvrez votre fichier image. Remarque : l’arrière-plan vert se trouve sur un calque et la théière, le plateau et les livres sont sur un calque différent. Dans cette image, la théière, le plateau et les livres forment le point principal. Vous souhaitez donc que ces objets aient une qualité de compression supérieure. Pour garder une taille de fichier minimale, vous pouvez jouer sur la qualité de compression de l’arrière-plan.

   

2. Appuyez sur la touche Commande (Mac) ou Ctrl (Windows®) et dans la palette Calques, cliquez sur la vignette du calque de la théière (ou sur la vignette du calque de l’image principale). Le curseur se changera en une main accompagnée d’un rectangle et un rectangle de sélection apparaîtra autour des contenus du calque de la théière.

   C’est mon raccourci préféré pour créer une sélection parfaite autour des contenus d’un calque. Il est beaucoup plus efficace que l’outil Baguette magique ou tout autre outil de sélection de Photoshop CS2 car il vous donne toujours une sélection parfaite. Chaque fois que vous avez un calque avec du contenu et des transparences, c’est la meilleure façon de réaliser une sélection. Toutefois, si vous travaillez sur une image qui ne contient pas de calques transparents, vous pouvez utiliser un des outils de sélection dans Photoshop CS2 pour créer une sélection, puis utiliser la technique d’optimisation enseignée dans cet exercice.

   

3. Choisissez Sélection > Mémoriser la sélection pour ouvrir la boîte de dialogue Mémoriser la sélection. Dans le champ Nom saisissez théière (ou le nom de votre image principale), puis cliquez sur OK.

   Vous voyez combien il est facile de transformer une sélection ordinaire en une couche alpha ?

4. Appuyez sur Commande + D (Mac) ou Ctrl + D (Windows) pour désélectionner les contenus du calque de la théière.

   

   Si vous souhaitez afficher la couche alpha que vous venez de créer, cliquez sur l’onglet de la palette Couches qui est située à côté de la palette Calques. Dans la palette Couches, cliquez sur la couche alpha de la théière pour afficher le masque de niveaux de gris dans la fenêtre du document. Lorsque vous avez eu un aperçu du masque, cliquez sur la couche RVB dans la palette Couches, puis retournez dans la palette Calques. Cette étape est optionnelle. Vous n’avez pas besoin d’afficher la couche alpha pour la travailler ; ceci n’est qu’une suggestion si vous n’avez jamais travaillé sur les couches alpha avant.

   

5. Choisissez Fichier > Enregistrer pour le Web. Dans la boîte de dialogue Enregistrer pour le Web, cliquez sur l’onglet 2 vignettes pour afficher l’image en entier dans la zone de prévisualisation. Choisissez JPEG dans le menu déroulant Format de fichier. Réglez le curseur Perte au plus bas sans artefacts visibles sur les zones les plus importantes de l’image : la théière, le plateau et les livres.

   Astuce : vous pouvez essayer de régler le curseur Perte sur 60. Dans notre exemple, la qualité de compression de l’image définie sur 60 % donne une taille de fichier de 21,21 K environ.

   

6. Cliquez sur le bouton de la couche alpha (situé à droite du curseur Perte) pour ouvrir la boîte de dialogue Modifier la perte de qualité. Dans le menu déroulant Couche, choisissez théière.

   Remarque : notez l’affichage noir et blanc de votre couche alpha et les deux curseurs dans la zone Perte de qualité. Le curseur blanc (sur la droite) définit la qualité du contenu à l’intérieur de la zone blanche de la couche alpha (la théière, le plateau, les livres et la table). Le curseur noir définit le niveau de qualité pour le contenu situé dans la zone noire de la couche alpha (l’arrière-plan de l’image).

7. Laissez le curseur blanc sur 60 %. Dans l’image de prévisualisation, observez les artefacts situés autour du bec et du couvercle de la théière (montrés dans l’illustration précédente). Cette zone est recouverte par la zone noire de la couche alpha.

   

8. Déplacez le curseur noir sur 42 % pour éliminer les artefacts. Cliquez sur OK. Avec les curseurs blanc et noir définis sur leurs valeurs par défaut, respectivement 60 % et 0 %, la taille totale du fichier (affichée en bas à gauche de la fenêtre de prévisualisation) est inférieure à ce qu’elle était lorsque la perte de l’image entière était définie sur 60, comme à l’étape 5. En déplaçant le curseur noir vers la droite, augmentez la qualité de l’image recouverte par la partie noire de la couche alpha jusqu’à 42. La taille du fichier augmente légèrement, mais reste toujours inférieure à la taille liée à une perte de l’image entière définie sur 60.

   Dans cet exemple, l’application d’une compression relativement haute (qualité faible) aux zones noires de la couche alpha, sans sacrifier la qualité supérieure nécessaire aux zones plus importantes situées dans les zones blanches de la couche alpha, a pour résultat une légère réduction dans la taille totale du fichier. Les économies de taille de fichier que vous pouvez réaliser avec cette technique varient d’une image à une autre et d’une couche alpha à une autre. Dans la plupart des cas, il est nécessaire d’essayer cette technique pour voir si vous pouvez réduire la taille du fichier en appliquant une compression optimale à certaines zones d’une image.

9. Cliquez sur Enregistrer. Dans la boîte de dialogue Enregistrer une copie optimisée sous, naviguez jusqu’au dossier dans lequel vous stockez vos fichiers image. Choisissez Images dans le menu déroulant Type, puis cliquez sur Enregistrer.

10. Fermez le fichier. Vous n’avez pas besoin d’enregistrer vos modifications.

Inscrivez-vous pour essayer pendant 24 heures la bibliothèque de formations Lynda.com Online Training Library™! Visitez le site www.lynda.com/adobe/studio

Extrait de « Adobe Photoshop CS2 for the Web Hands-On Training » de Tanya Staples. © 2005 Tanya Staples. Publié par lynda.com/books et Peachpit Press. Avec l’autorisation de Pearson Education, Inc. Pour acheter ce livre, visitez le site www.peachpit.com.