Si vous publiez vos propres photos sur votre site, vous pouvez faire en sorte que votre nom ou celui de votre site apparaisse en filigrane sur chaque photo : on appelle ça une watermark. Ça permet parfois d'éviter qu'une tierce personne les utilise sans vous créditer. Nous allons automatiser une série d'actions qui s'effectuera alors sans intervention et ajoutera l'adresse de votre blog à toutes les photos de votre choix !
Les bases du filigrane et les approches possibles
Sur les versions récentes de Photoshop, il est facile de créer un filigrane en créant d'abord ce qu'on appelle un brush. Ce brush pourra être ajouté d'un simple clic à une photo. Pour ma part, je possède Photoshop CS4... donc je vais m'appuyer sur cette "vieille version" pour vous montrer le principe des deux méthodes, je pense que vous retrouverez le chemin sans problème pour faire la même chose sur votre version de Photoshop. Créez un nouveau document sur Photoshop, aux dimensions de votre choix. Il est préférable de ne pas faire un filigrane trop gros, qui gâterait le plaisir de regarder les photos. Pensez surtout à créer votre document avec un arrière-plan blanc : le blanc deviendra transparent lors de l'utilisation du brush, ce qui permettra à votre watermark d'être appliquée à n'importe quelle photo, que celle-ci ait un fond clair ou un fond sombre. J'opte pour ma part pour un format 250x40 pixels et une résolution à 300 pixels par pouce.
Ensuite, sélectionnez l'outil "Texte horizontal" et créez une zone de texte où vous allez écrire le nom de votre blog par exemple. Ce texte doit absolument être écrit en noir pour une bonne lisibilité par la suite. Vous pouvez choisir sa taille et sa police (en haut de l'écran). A présent, vous pouvez si nécessaire recadrer l'image pour qu'elle corresponde seulement à la zone de texte (menu Image > Rognage puis valider sans changer les réglages proposés). Nous allons maintenant transformer notre texte ainsi créé en brush. Voilà, c'est prêt ! Vous pouvez enregistrer le fichier de votre watermark si vous le souhaitez, pour ne pas avoir à refaire la manip' si un jour Photoshop plante…
Comme dans la "méthode du brush", vous allez créer un calque et y écrire le texte de votre choix. Rognez l'image au bon format, comme dans la méthode du brush… Ce que nous voulons désormais, c'est pouvoir appliquer notre filigrane (que ce soit un brush ou un calque) en série, à n'importe quel groupe de photos. Nous allons pour ce faire créer une watermark sur une "photo test"… en enregistrant toutes nos actions dans Photoshop.
Enregistrement et création de scripts pour l'automatisation
Ouvrez une photo de votre choix avec Photoshop, aux dimensions sur lesquelles elle apparaît sur votre blog. Cliquez sur Fenêtre > Scripts dans le menu du haut pour afficher les options relatives aux scripts (= séries d'actions prédéfinies). Le script va enregistrer toutes les actions que vous allez faire. Sur les versions récentes de Photoshop (à partir de Photoshop CS6), un script est capable d'enregistrer le fait d'ajouter un brush à une photo (il faut pour cela que vous cochiez l'option "Autoriser l’enregistrement d’outil" dans le panneau des Actions). A l'inverse, sur les versions antérieures à Photoshop CS6, vous aurez beau appliquer un brush, il ne sera pas enregistré…
Lorsque vous validez en cliquant sur "Enregistrement", le script se tient alors prêt à enregistrer toutes les actions que vous allez effectuer dans Photoshop. Nous allons tout simplement appliquer notre brush ou notre calque déjà créé à la photo. Si vous avez créé un brush, c'est très simple. Choisissez l'outil "Pinceau" et la forme prédéfinie qui correspond à votre watermark, afin que cette action soit enregistrée dans le script et que Photoshop n'utilise pas n'importe quelle forme. Une fois que c'est fait, vous pouvez arrêter l'enregistrement du script. Il suffit de cliquer sur le bouton "Stop" dans la palette des Scripts. Vérifiez bien que toute la liste de vos actions a été enregistrée (créer un calque de texte, etc).
Il faut souvent faire plusieurs essais pour enchaîner toutes les étapes de manière fluide dans l'enregistrement et avoir un script optimal. Si vous avez suivi la "méthode du calque", le principe est similaire. Créez un nouveau script et lancez l'enregistrement. Ensuite, sélectionnez vos deux calques (celui de la photo et celui de la watermark) puis positionnez la watermark à l'endroit de votre choix. Votre filigrane est maintenant en bas à droite de votre photo. Lorsque vous créez un script, vous pouvez tout à fait ajouter d'autres étapes à votre convenance. Quoi qu'il en soit, une fois que vous êtes satisfait de l'apparence et de la position de votre watermark, vous allez pouvoir arrêter l'enregistrement en cliquant sur le bouton "Stop" dans la palette des Scripts.
C'est le moment de vérité ! Nous allons voir si la watermark fonctionne sur d'autres photos. J'espère que ce tutoriel vous fera gagner du temps si vous voulez mettre un crédit ou votre nom sur vos photos. C'est la méthode que j'utilise pour marquer toutes les photos de mon blog voyage et c'est un gain de temps précieux ! Rien ne vous empêche de créer plusieurs scripts : par exemple, "Watermark en bas à droite" et "Watermark en bas à gauche".
Types de filigranes et réglages
Avant de passer à la création du filigrane proprement dite, il y a quelques étapes de préparation à effectuer. Commencez par ouvrir Photoshop et importer une image. Peu importe laquelle, mais il est préférable de choisir une photo d’une taille proche de celle que vous utilisez habituellement. Ensuite, vous devrez décider du type de filigrane que vous souhaitez ajouter. Jetons un œil à trois types de filigranes que vous pouvez concevoir et appliquer à vos images à l’aide de Photoshop 24.3.0.
C’est la méthode la plus simple et la plus rapide pour ajouter un filigrane à vos images, mais cela suppose que vous ayez déjà un filigrane prêt à l’emploi. Autrement dit, un designer a déjà créé un logo pour vous, ou peut-être l’avez-vous conçu vous-même. Dans tous les cas, vous disposez déjà du fichier de votre logo - il ne vous reste plus qu’à l’appliquer. Votre logo doit idéalement être au format PNG ou PSD, car ces formats offrent plus de flexibilité. Il est également possible d’utiliser un logo au format JPEG, mais gardez à l’esprit que le JPEG ne prend pas en charge la transparence, ce qui signifie que le fond de votre filigrane sera opaque. Autre point important : la taille de votre logo. Si votre logo est grand à l’origine, vous pourrez le réduire sans perte de qualité. En revanche, si vous importez un petit logo et tentez de l’agrandir, il deviendra flou, pixelisé et peu professionnel. Assurez-vous donc que votre logo est suffisamment grand pour l’usage que vous en ferez.
Une fois que vous avez sélectionné votre logo, mais avant de l’importer dans Photoshop, vous devez commencer l’enregistrement d’une nouvelle action. Cela vous permettra d’ajouter votre logo à d’autres images en quelques clics seulement !
1. Ouvrez le panneau “Actions”. S’il n’est pas visible, cliquez sur “Fenêtre” > “Actions”. 2. Dans le panneau Actions, cliquez sur la petite icône plus pour créer une nouvelle action. 3. Nommez votre nouvelle action comme vous le souhaitez. Par exemple, vous pouvez l’appeler « Filigrane » ou « Filigrane Logo ». 4. Cliquez sur « Enregistrer ». Vous verrez un cercle rouge en bas du panneau Actions. Cela signifie que l’enregistrement a commencé.
Si, par erreur, vous avez effectué une étape que vous ne souhaitez pas enregistrer, vous pouvez la supprimer. Pour cela, cliquez simplement sur l’icône carrée pour arrêter l’enregistrement, sélectionnez l’étape à supprimer, puis cliquez sur l’icône en forme de poubelle. Cliquez à nouveau sur le cercle pour reprendre l’enregistrement. Maintenant que l’enregistrement de l’action a commencé, il est temps d’importer le logo. Allez dans « Fichier » > « Incrustation de fichier ». Dans la boîte de dialogue, trouvez le fichier, sélectionnez-le, puis cliquez sur « Choisir ».
Votre logo apparaîtra dans une fenêtre comme celle-ci - vous pourrez redimensionner et faire pivoter le logo en saisissant les coins et en les faisant glisser. Appuyez sur Maj et sélectionnez les deux calques dans le panneau des calques. Ensuite, sélectionnez l’outil Déplacement (Move Tool) et utilisez les boutons d’alignement pour repositionner votre filigrane. Vous pouvez également déplacer votre logo à un autre endroit à l’aide du curseur. Si vous trouvez que votre filigrane est trop proche des bords de l’image, sélectionnez uniquement le calque du logo, puis maintenez Shift enfoncé et utilisez les flèches du clavier. Par exemple, appuyez deux fois vers la droite et deux fois vers le haut.
Si vous souhaitez modifier la taille ou l’angle de votre logo, appuyez sur « Ctrl + T » (ou « Command + T » sur Mac) pour activer la transformation manuelle. Une fois les ajustements terminés, appuyez sur « Entrée ». Vous pouvez aussi réduire l’opacité de votre logo en allant dans le panneau des calques, à la section “Opacité”, puis en saisissant la valeur souhaitée. Vous pouvez également ajouter un effet d’ombre à votre filigrane. Assurez-vous à nouveau que seule le calque du filigrane est sélectionné, puis allez dans « Style de calque » ou cliquez sur le bouton « FX ». Dans ce menu déroulant, sélectionnez « Ombre portée » pour ajouter une ombre à votre logo. Expérimentez avec les réglages pour voir ce qui rend le mieux. Maintenant, allez dans le panneau Actions et arrêtez l’enregistrement de votre action. Désormais, vous n’aurez plus besoin de répéter toutes ces étapes à chaque fois. Il vous suffit simplement de lancer cette action pour appliquer votre logo sur différentes photos.
Beaucoup de personnes pensent que l’ajout d’un filigrane (watermark) avec Photoshop est compliqué et prend du temps. Mais en réalité, ce n’est pas le cas - surtout si votre logo est déjà prêt. Et si vous n’avez pas encore de logo et que faire appel à un designer vous semble trop coûteux, vous pouvez utiliser l’un des nombreux générateurs de logos en ligne.
Autres méthodes et considérations
Ajouter un filigrane aux photos: sélectionnez l’outil Texte horizontal, choisissez la couleur, cliquez n’importe où dans le cadre, puis tapez le nom de votre marque ou tout autre texte que vous souhaitez utiliser comme filigrane. Appuyez sur « Ctrl + T » pour la transformation, puis modifiez taille et angle. Pour ajouter un effet, cliquez sur le bouton « FX » sous la liste des calques et sélectionnez « Ombre portée ». Vous pouvez aussi créer un filigrane en mosaïque via des motifs et des styles, et exporter l’image avec filigrane via Exportation.
Ajouter un filigrane aux photos peut être comparé à Visual Watermark pour la simplicité: les effets sont disponibles dans les deux outils, mais Photoshop demande des étapes de création et d’enregistrement d’actions alors que Visual Watermark peut proposer une approche plus directe sans script. En revanche, Photoshop offre une flexibilité puissante grâce à ses calques, ses styles et ses options de texte ou de logo pour un filigrane parfaitement intégré à votre identité visuelle.
Photoshop CS6. Signature proportionnelle et automatisée.
| Aspect | Resolution recommandée | Format conseillé | Positionnement recommandé |
|---|---|---|---|
| Texte ou logo | 300 ppp | PNG (transparence) ou PSD | Bas à droite ou centre |
Pour protéger vos photos après leur mise en ligne, vous pouvez ajouter un filigrane. Un filigrane bien conçu peut servir d'agent dissuasif contre toute utilisation non autorisée et renforcer la reconnaissance de la marque. Si vous êtes novice, envisagez plusieurs versions et ajustez la visibilité selon le contexte des images.