Un grand classique… Petit tutorial 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 (la limite généralement admise sur les forums photo…) et sera « prête à l’emploi » ! Le tout étant enregistré dans un script qui pourra donc être réutilisé à loisir et indéfiniment !
À CONSULTER ÉGALEMENT : Pour en savoir plus sur la retouche photo…
Débuter l’enregistrement du script
La finalité étant l’automatisation (donc le gain de temps) de ces tâches, on commence par créer un nouveau script dans la palette du même nom. Mais avant cela, il faut impérativement ouvrir une image qui servira d' »étalon » pour toutes les manipulations. Je conseille de prendre une image correspondant classiquement à celles que l’on est susceptible de « balancer » le plus souvent sur le web 😉 . Donc 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, ce qui peut être pratique dans le cadre d’une utilisation ponctuelle sur quelques images (sans processus de 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 l’on veut), 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 permet de ne pas se soucier de l’orientation de l’image (ainsi, qu’elle soit en paysage ou en portrait, au final sa plus grande dimension ne dépassera pas celle indiquée, tout en respectant ses 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 appelé en appuyant sur CTRL+F)
Apposer une signature ombrée et bien alignée
On crée la signature avec un simple calque texte (appuyer sur T) ; taper votre texte (ici « Photo Cédric Girard »), sélectionner votre police et choisir la couleur blanche pour cette dernière.
La création de l’ombre portée passe par l’outil « Options de fusion… » dans la palette « Calques » (clic de droite sur le calque de texte créé) :
Le paramétrage des options de fusion est assez vaste et offre une multitude de possibilités (ombres, halo interne ou externe, relief, etc…) ; j’ai pour ma part opté pour une simple ombre portée avec les paramètres suivants :
Valider, et admirer l’ombre portée :-). Maintenant, la difficulté est de pouvoir aligner cette signature en bas à droite de toute image, quelle que soit son orientation ! Placer la signature manuellement sur une image en portrait, posera problème si on applique le script sur une image au format paysage, et vice versa. Il existe une solution : l’alignement de calques.
Pour pouvoir utiliser cette fonctionnalité, il faut au préalable créer une sélection (l’alignement se faisant sur le bord de la sélection en cours, il faut le savoir !). On sélectionne donc toute l’image par CTRL+A (on obtient des pointillés tout autour de l’image).
Puis (en ayant vérifié que le calque actif est bien le calque de texte de votre signature : ça doit être le cas si vous n’y avez pas touché !) aller dans le menu Calque / Aligner sur la sélection, et choisir l’alignement sur bord inférieur, puis sur le bord droit :
Et voilà ! Notre signature est désormais collée en bas à droite de notre image, quelles que soient ses dimensions !!! Comme elle est un peu trop collée à mon goût, on peut la décaler manuellement (appuyer sur V pour activer l’outil Déplacement, puis presser 5 fois la flèche gauche, puis 5 fois la flèche haut du pavé de direction sur votre clavier) : c’est désormais parfait !
Créer le cadre avec le liseret
Cette dernière étape reste en fait la plus simple ! On utilise pour cela l’outil Taille de la zone de travail dans le menu Image. Passer tout d’abord en dimensions relatives pour éviter de fastidieux calculs :
Puis choisir la couleur de l’arrière-plan en cliquant en bas à droite, ce qui définira la couleur de notre cadre : prendre le noir. On indique ensuite 8 pixels horizontaux et 8 pixels verticaux sans rien toucher d’autre. Ainsi, ce sont 4 pixels noirs qui vont être rajoutés de part et d’autre de l’image, tout autour ! On obtient la première « couche » de notre cadre.
Réitérer l’opération en sélectionnant cette fois la couleur blanche, et une valeur de 2 pixels (horizontalement et verticalement). Cela va créer notre liseret. Enfin, recommencer une dernière fois, en indiquant à nouveau le noir comme couleur, et 30 pixels en valeur !
C’est fini !!!
Finaliser l’enregistrement de notre script
Arrivé là, on peut arrêter l’enregistrement du script : on clique sur le bouton adéquat (le « stop » dans la palette de scripts), tout simplement !
Notre joli script est désormais prêt à l’emploi !!! Pour le tester, ouvrir une image quelconque, et appuyer sur F10 : magique, ça marche 😉
Conclusion
Je vous ai présenté une méthode pour créer un script afin d’automatiser la préparation de vos images à destination du web, qui je l’espère vous servira bien. Voici un petit résumé des opérations :
- Créer un nouveau script et lui attribuer la touche F10
- Réduire l’image en deux passes à 1500 puis 710 pixels avec l’outil Adapter l’image (menu Fichier / Automatisation), et avec légère accentuation à chaque passe
- Créer sa signature avec l’outil texte (touche T)
- Créer une ombre portée au texte (accès par clic de droite sur le calque de texte, puis « options de fusion… »)
- Sélectionner toute l’image avec CTRL+A
- Aller dans le menu Calques / Aligner avec la sélection puis aligner le calque de texte en cours en bas puis à droite
- Avec l’outil « Taille de la zone de travail », créer une marge de 8 pixels en noir, puis 2 pixels en blanc, puis 30 pixels en noir
- Stopper l’enregistrement du script en cliquant sur le bouton Stop de la palette des scripts
Astuce : si vos images initiales sont en Adobe RGB, il convient d’inclure une dernière étape dans votre script : la conversion vers l’espace sRGB (Depuis Photoshop CS2 : Menu Edition / Convertir au profil, et dans les versions précédentes : Menu Image / Mode / Convertir au profil) ; choisir conversion en colorimétrie relative en cochant conservation du point noir. Cela évitera à vos photos de se retrouver avec des couleurs fadasses (car les navigateurs web ne savent pas interpréter les profils colorimétriques !!!)
