Un grand classique… petit tutoriel Photoshop montrant comment réduire une image en l’accentuant finement, lui apposer une signature avec ombre portée alignée en bas à droite (quel que soit le format : portrait ou paysage !), et en l’entourant d’un cadre noir avec liseret blanc. L’image finale fera sur sa plus grande dimension 750 pixels et sera « prête à l’emploi » ; le tout enregistré dans un script réutilisable à loisir et indéfiniment.
Ce guide détaille une méthode reproductible pour préparer des images à destination du web, en conservant les micro-détails lors de la réduction et en générant un résultat homogène quelle que soit l’orientation de l’image.
Préparer le script et démarrer l’enregistrement
On commence par créer un nouveau script dans la palette dédiée et on ouvre une image qui servira d’étalon pour les manipulations. Je conseille de prendre une image représentative de celles que l’on est susceptible de publier sur le web. Ainsi, une fois l’image ouverte, créer un nouveau script en cliquant sur le bouton adéquat dans la palette. On peut lui attribuer un raccourci clavier, pratique dans le cadre d’une utilisation ponctuelle sur quelques images sans traitement par lots. J’ai personnellement opté pour la touche F10, pratique à mémoriser et rapide d’accès. À partir de maintenant, l’enregistrement du script commence : tout ce que l’on va effectuer sur l’image en cours sera mémorisé.
Réduire l’image à la bonne dimension
Je ne reviendrai pas sur les techniques d’accentuation possibles avec Photoshop, ici le but est de créer rapidement une image à destination du web, optimisée au niveau de la netteté, mais pas trop. On commence donc par réduire l’image en deux passes (on peut en faire une ou deux de plus si nécessaire), avec légère accentuation à chaque passe : cette technique permet de mieux préserver les micro-détails qu’une réduction en une seule passe avec simple accentuation. Pour cela, plutôt que l’outil de redimensionnement classique, il est préférable d’utiliser un outil peu connu du menu Fichier / Automatisation, appelé « Adapter l’image… ». On précise ici deux dimensions identiques à 1500 pixels, puisque l’outil ne se soucie pas de l’orientation (paysage ou portrait) et que la plus grande dimension ne dépasse pas celle indiquée tout en respectant les proportions. On applique ensuite une légère accentuation. On réitère ces deux opérations, mais avec une valeur de 710 pixels pour le redimensionnement, et on réaccentue (mêmes valeurs ; on peut répéter le dernier filtre en appuyant sur CTRL+F).
Apposer une signature ombrée et bien alignée
On crée la signature avec un calque texte (T) ; on tape le texte « Photo Cédric Girard », on choisit une police adaptée et une couleur blanche. Pour créer l’ombre portée, on passe par les Options de fusion dans la palette Calques (clic droit sur le calque de texte). Le paramétrage des options de fusion offre une multitude de possibilités (ombres, halo interne ou externe, relief, etc.). On opte pour une ombre portée simple avec des paramètres propres à l’image. L’alignement en bas à droite, quelle que soit l’orientation, se gère par l’alignement des calques après sélection de l’ensemble image et d’un alignement sur la sélection.
Pour l’alignement: CTRL+A pour sélectionner toute l’image, puis Calque / Aligner sur la sélection et choisir l’alignement sur le bord inférieur puis sur le bord droit. Notre signature est désormais en bas à droite, quelles que soient les dimensions. Si besoin, on peut décaler manuellement avec l’outil Déplacement (V) et les flèches du clavier jusqu’à obtenir le positionnement souhaité.
Créer le cadre avec le liseret
La dernière étape est la plus simple : utiliser l’outil Taille de la zone de travail dans le menu Image. Passer en dimensions relatives, puis cliquer sur la couleur d’arrière-plan pour définir le cadre, en noir. Indiquer 8 pixels horizontaux et verticaux pour la première couche (cadre noir). Puis répéter l’opération avec la couleur blanche et 2 pixels pour créer le liseret. Enfin, recommencer avec le noir et 30 pixels pour le cadre final. Le cadre est ainsi mis en place autour de l’image.
Finaliser l’enregistrement et tester
Arrivé là, on peut arrêter l’enregistrement du script en cliquant sur Stop dans la palette des scripts. Le script est prêt à l’emploi : ouvrir une image et appuyer sur F10 pour tester. Magique, ça marche !
Options avancées et astuces
Astuce : si vos images initiales sont en Adobe RGB, il convient d’inclure une étape finale dans le script : la conversion vers l’espace sRGB (à partir de Photoshop CS2 : Edition / Convertir au profil, et dans les versions précédentes : Image / Mode / Convertir au profil), en choisissant la conversion en colorimétrie relative et en cochant la conservation du point noir. Photoshop contient des scripts prêts à l’emploi et il est possible d’en ajouter en les chargeant depuis le panneau Scripts.
Pour enrichir votre flux, vous pouvez envisager d’inclure dans le script le redimensionnement, l’application d’un watermark et l’enregistrement dans différents formats, ou encore l’insertion d’un cadre et d’un texte prédéfinis grâce à des scénarios plus complexes. L’objectif étant la productivité et la reproductibilité des manipulations.
Les scripts Photoshop - Apprendre à utiliser et créer des scripts Photoshop
Étape pratique à privilégier lorsque les images ont des dimensions identiques: agrandir la zone de travail selon un calcul précis pour obtenir un cadre homogène et un liseret équilibré autour de chaque image, tout en évitant les demi-pixels et en assurant une homogénéité visuelle sur l’ensemble des rendus.
En fin de parcours, vous avez un script qui encapsule les étapes suivantes: création d’un nouveau script, réduction en deux passes avec AImporter l’image via l’outil Adapter l’image, création et alignement de la signature, application du cadre et du liseret, et arrêt de l’enregistrement. Comme pour tout flux automatisé, pensez à tester sur plusieurs formats et orientations pour garantir la robustesse du script.
Pour aller plus loin
Comme autre option, certains créateurs proposent des cadres spécifiques autour des photos web en trois étapes : cadre noir initial, liseret blanc, puis cadre final noir. L’ajustement dépend des proportions de l’image et peut nécessiter des petites adaptations manuelles lors de l’alignement final. Le principe fondamental reste l’automatisation des tâches répétitives et le maintien d’un rendu uniforme sur toutes les images traitées.