Dans ce didacticiel, vous apprendrez non seulement à ajouter votre logo ou vos informations de copyright en tant que filigrane à vos images, mais également à vous assurer que toute modification apportée sera mise à jour instantanément sur toutes vos images, en ajoutant votre filigrane en tant que lien objet intelligent dans Photoshop! Les objets intelligents liés sont très puissants, mais ils ne sont disponibles que dans Photoshop CC. Donc, pour suivre, vous aurez besoin de Photoshop CC et vous voudrez vous assurer que votre copie est à jour. Commençons!

Que sont les objets intelligents liés?

Les objets intelligents existent depuis Photoshop CS2. Mais dans Photoshop CC, Adobe a introduit un nouveau type d'objet intelligent appelé objet intelligent lié . Avant cela, le contenu d'un objet intelligent était toujours intégré dans le document. Cela signifiait qu'il n'y avait aucun moyen de partager un objet intelligent entre des documents. Toutes les modifications que vous avez apportées à votre objet intelligent dans un document n'apparaissent dans aucun autre.

Mais les objets intelligents liés sont différents. Plutôt que d'incorporer leur contenu, un objet intelligent lié est simplement lié à un fichier externe, comme un document Photoshop séparé. Plusieurs documents peuvent tous être liés au même fichier, et toutes les modifications que vous apportez à ce fichier apparaîtront instantanément dans chaque document qui y est lié!

Cela rend les objets intelligents liés parfaits pour des choses comme les filigranes. Vous pouvez enregistrer votre logo dans un fichier séparé, puis lier toutes vos images à ce fichier. Si vous modifiez le logo, les modifications apportées à ce fichier seront mises à jour dans toutes vos images. Voyons voir comment ça fonctionne!

Création du document logo

Pour ajouter un filigrane en tant qu'objet intelligent lié, vous devez d'abord créer votre logo dans un document distinct. Voici le logo que j'ai créé. J'ai ajouté quelques informations de base sur le droit d'auteur, comme le symbole du droit d'auteur et l'année, ainsi que mon nom et l'adresse de mon site Web en dessous:

Créez votre logo dans son propre document Photoshop.

Si nous regardons dans le panneau Calques, nous voyons mes calques de type et de forme. J'ai rempli le calque d'arrière-plan avec du noir juste pour que je puisse voir le texte et les formes blancs pendant que je les ajoutais:

Le panneau Calques montrant les calques utilisés pour créer le logo.

Désactiver le calque d'arrière-plan

Pour utiliser le fichier comme objet intelligent lié, nous devons l'enregistrer. Mais je ne veux pas que le fond noir apparaisse dans mes images. Je veux un fond transparent à la place. Donc, avant de l'enregistrer, je désactiverai le calque d'arrière-plan en cliquant sur son icône de visibilité :

Désactiver le fond noir.

Cela laisse le logo devant un fond transparent:

Assurez-vous que votre arrière-plan est transparent avant d'enregistrer le logo.

Enregistrement et fermeture du fichier logo

Pour enregistrer le fichier, accédez au menu Fichier dans la barre de menus et choisissez Enregistrer sous :

Allez dans Fichier> Enregistrer sous.

Dans la boîte de dialogue, nommez le fichier "logo" ou tout autre élément logique. Et pour conserver tous vos calques, assurez-vous de les enregistrer en tant que fichier Photoshop .PSD . Choisissez où vous souhaitez l'enregistrer sur votre ordinateur (je vais enregistrer le mien dans un dossier sur mon bureau), puis cliquez sur Enregistrer . Si Photoshop vous demande si vous souhaitez maximiser la compatibilité, cliquez sur OK:

Enregistrez le logo en tant que fichier Photoshop .PSD pour garder vos calques intacts.

Ensuite, pour fermer le fichier, revenez au menu Fichier et choisissez Fermer :

Allez dans Fichier> Fermer.

Comment ajouter votre logo en filigrane

Maintenant que nous avons créé et enregistré notre logo, voyons comment l'ajouter en filigrane à une image. Et pour nous assurer que toute modification apportée au logo sera mise à jour dans l'image, nous l'ajouterons en tant qu'objet intelligent lié.

Ajout du filigrane à la première image

Voici la première des trois images que j'utiliserai. Les trois sont des photos que j'ai prises récemment, et je veux ajouter un filigrane à chacune d'entre elles:

La première image. Crédit photo: Steve Patterson.

Comment ajouter le filigrane en tant qu'objet intelligent lié

Pour ajouter votre filigrane en tant qu'objet intelligent lié, accédez au menu Fichier et choisissez Placer lié . Encore une fois, cette option ne se trouve que dans Photoshop CC:

Allez dans Fichier> Placer lié.

Accédez à votre fichier de logo, puis cliquez dessus pour le sélectionner et cliquez sur Placer :

Sélection du fichier de logo.

Photoshop ajoute le logo au document et le centre dans l'image:

Le logo apparaît centré dans le document.

Redimensionner et repositionner le logo

Notez que Photoshop place la zone de transformation gratuite et les poignées autour du logo. Pour le redimensionner, appuyez sur la touche Maj et maintenez-la enfoncée, ainsi que sur la touche Alt (Win) / Option (Mac), puis cliquez et faites glisser l'une des poignées d'angle. La touche Maj verrouille le rapport hauteur / largeur lorsque vous le redimensionnez, et la touche Alt / Option vous permet de redimensionner le logo à partir de son centre:

Maintenez Shift + Alt (Win) / Shift + Option (Mac) pendant que vous faites glisser les poignées d'angle pour redimensionner le logo.

Cliquez ensuite à l'intérieur de la zone Transformation libre et faites glisser le logo en place. Je vais déplacer le mien dans le coin supérieur gauche. Pour l'accepter, appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier pour fermer Free Transform:

Déplacer le logo en position.

Comment savons-nous qu'il s'agit d'un objet intelligent lié?

Si nous regardons à nouveau dans le panneau Calques, nous voyons notre logo comme un objet intelligent au-dessus de l'image. Nous savons que c'est un objet intelligent lié, et non un objet intelligent intégré, par l' icône de lien en bas à droite de la vignette. Je l'ai agrandi ici pour le rendre plus facile à voir:

L'icône nous indique de quel type d'objet intelligent il s'agit.

Fusion du filigrane dans l'image

Pour estomper le filigrane dans l'image, je vais simplement baisser l' opacité de l'objet intelligent de 100% à 60% . Vous trouverez l'option Opacité dans le coin supérieur droit du panneau Calques:

Baisser l'opacité du logo.

Et voici le résultat avec le filigrane ajouté à la première image:

Le premier objet intelligent lié est ajouté.

Ajout du filigrane à la deuxième image

Ajoutons rapidement le même filigrane aux deux autres images. Je vais passer à ma deuxième image en cliquant sur son onglet sous la barre des options:

Passage à la deuxième image.

Ensuite, je ferai la même chose que je faisais auparavant en allant dans le menu Fichier et en choisissant Placer lié :

Allez dans Fichier> Placer lié.

Je sélectionne mon fichier de logo et je clique sur Placer :

Sélectionner à nouveau le fichier du logo.

Photoshop place à nouveau le logo et le centre dans le document:

Le logo apparaît devant la deuxième image.

Je vais appuyer sur Maj + Alt (Win) / Maj + Option (Mac) pendant que je fais glisser les poignées d'angle pour le redimensionner. Et puis je clique à l'intérieur de la boîte de transformation gratuite et je fais glisser le logo en position. Je vais déplacer celui-ci dans le coin inférieur droit. Pour l'accepter, je vais appuyer sur Entrée (Win) / Retour (Mac) sur mon clavier:

Redimensionner le logo et le placer en bas à droite de l'image.

Deux objets intelligents partageant le même contenu

Toujours dans le panneau Calques, nous voyons le logo comme un objet intelligent lié au-dessus de l'image. Même si cet objet intelligent se trouve dans un document distinct, car il s'agit d'un objet intelligent lié, il partage son contenu avec l'objet intelligent dans le document précédent. Ils partagent tous les deux le même fichier "logo.psd":

Le logo apparaît à nouveau comme un objet intelligent lié.

Je décolore le logo dans l'image en réduisant l'opacité de l'objet intelligent à 60%:

Baisser l'opacité du logo à 60%.

Et voici le résultat avec le filigrane ajouté à la deuxième image:

Le deuxième objet intelligent lié est ajouté.

Comment fusionner des images dans Photoshop

Ajout du filigrane à la troisième image

Je vais l'ajouter à une autre photo. Je vais passer à ma troisième image en cliquant sur son onglet:

Passage à la troisième image.

Ensuite, je reviens au menu Fichier et je choisis Placer lié :

Allez dans Fichier> Placer lié.

Je sélectionne le même fichier de logo et je clique sur Placer :

Sélection du fichier de logo.

Photoshop centre à nouveau le logo dans le document:

Le logo est placé devant la troisième image.

Je vais appuyer sur Maj + Alt (Win) / Maj + Option (Mac) et je ferai glisser les poignées d'angle pour le redimensionner. Ensuite, je ferai glisser le logo dans le coin inférieur gauche de l'image. Enfin, je vais appuyer sur Entrée (Win) / Retour (Mac) pour l'accepter:

Redimensionner et déplacer le logo dans le coin inférieur gauche.

Trois objets intelligents, un fichier partagé

Dans le panneau Calques, nous voyons à nouveau le logo comme un objet intelligent lié. Et nous avons maintenant trois objets intelligents, chacun dans un document séparé, partageant tous le même fichier "logo.psd". Je décolore le logo dans l'image en réduisant son opacité à 60%:

Baisser l'opacité à 60%.

Et voici le résultat avec le filigrane maintenant ajouté à la troisième image:

Le filigrane a été ajouté aux trois images.

Enregistrement et fermeture d'une des images

Avant de voir comment apporter des modifications au logo, je vais enregistrer et fermer ma troisième image. Nous verrons pourquoi je fais cela à la fin du tutoriel. Pour l'enregistrer, je monte dans le menu Fichier et je choisis Enregistrer sous :

Allez dans Fichier> Enregistrer sous.

Tout comme avec le fichier logo, assurez-vous d'enregistrer votre image en tant que fichier Photoshop .PSD. Cela gardera tous les calques intacts, y compris votre objet intelligent. Cliquez sur Enregistrer, et à nouveau si Photoshop vous demande si vous souhaitez maximiser la compatibilité, cliquez sur OK:

Enregistrez l'image en tant que fichier Photoshop .PSD afin de ne pas perdre votre objet intelligent.

Comment modifier le fichier du logo

Alors maintenant que nous avons ajouté le logo à trois images distinctes, que faire si nous devons changer le logo? Peut-être que nous voulons quelque chose de complètement différent, ou nous avons juste besoin de mettre à jour quelque chose à ce sujet, comme nos coordonnées. Et comment faire apparaître le changement dans toutes nos images? Avec les objets intelligents liés, c'est facile à faire.

Je reviens à mon image d'origine en cliquant sur son onglet:

Revenir à l'image d'origine.

Ouverture d'un objet intelligent lié

Pour ouvrir un objet intelligent lié et afficher son contenu, double-cliquez simplement sur la miniature de l'objet intelligent dans le panneau Calques. Vous pouvez le faire dans n'importe quel document qui partage le même objet intelligent lié. Donc dans mon cas, n'importe laquelle de mes trois images fonctionnerait:

Ouverture de l'objet intelligent en double-cliquant sur sa miniature.

Cela rouvre le fichier de logo auquel toutes mes images sont liées:

Le fichier du logo s'ouvre à nouveau.

Modification du contenu de l'objet intelligent

Pour gagner du temps, j'ai créé un nouveau logo que je veux utiliser à la place de mon original. Pour le voir, je réactiverai le calque d'arrière-plan en cliquant sur son icône de visibilité :

Réactiver le calque d'arrière-plan.

Pour garder les choses organisées, j'ai placé chaque logo dans son propre groupe de calques séparé. Je désactiverai le premier logo en cliquant sur l' icône de visibilité du groupe "Logo 1", puis je consulterai mon nouveau logo en activant "Logo 2":

Changement de logos dans le panneau Calques.

Et voici le nouveau logo devant le fond noir:

Le nouveau logo qui remplacera l'original.

Sauvegarde des modifications

Encore une fois, je ne veux pas que l'arrière-plan noir apparaisse dans les images, donc avant de l'enregistrer, je désactiverai le calque d'arrière-plan:

Cliquez sur l'icône de visibilité du calque d'arrière-plan.

Et puis, pour enregistrer ma modification, je vais aller dans le menu Fichier et je vais choisir Enregistrer :

Allez dans Fichier> Enregistrer.

Comme je n'ai pas besoin de garder le document ouvert, je le ferme en revenant au menu Fichier et en choisissant Fermer :

Allez dans Fichier> Fermer.

Comment modifier des objets intelligents dans Photoshop

Mise à jour du filigrane dans les images

Cela nous ramène à l'image. Et juste comme ça, Photoshop a mis à jour l'objet intelligent avec mon nouveau logo. Selon les modifications que vous avez apportées, vous devrez peut-être repositionner le logo avec l'outil Déplacer:

Le nouveau logo apparaît instantanément dans l'image.

Je vais passer à ma deuxième image, et là encore, nous voyons que le logo d'origine a été remplacé par le nouveau. Juste en changeant ce fichier, les deux images ont été instantanément mises à jour:

La deuxième image est également mise à jour avec le nouveau logo.

Comment mettre à jour une image qui a été fermée

La raison pour laquelle Photoshop a instantanément mis à jour les deux images n'est pas seulement parce qu'elles sont toutes les deux liées à un fichier partagé, mais aussi parce que les deux documents étaient ouverts dans Photoshop lorsque j'ai effectué la modification. Mais Photoshop ne mettra pas automatiquement à jour un document qui n'était pas ouvert, même s'il est également lié au même fichier partagé.

Pour vous montrer ce que je veux dire et comment y remédier, je vais rouvrir ma troisième image, celle que j'ai fermée plus tôt, en allant dans le menu Fichier et en choisissant Ouvrir :

Allez dans Fichier> Ouvrir.

Je vais accéder au fichier, puis je double-clique pour l'ouvrir:

Réouverture de la troisième image.

Et notez que cette image montre toujours le logo d'origine, même si elle est liée au même fichier que les autres. C'est parce que le document a été fermé lorsque j'ai apporté la modification:

Le logo dans l'image qui a été fermée n'a pas été mis à jour.

Mise à jour du contenu modifié

Si nous regardons dans le panneau Calques, notez la petite icône d'avertissement en bas à droite de la miniature de l'objet intelligent. Cette icône nous indique que le contenu de l'objet intelligent a changé depuis la dernière ouverture du fichier et qu'il doit être mis à jour:

L'icône d'avertissement.

Pour le mettre à jour, assurez-vous que l'objet intelligent est sélectionné. Montez ensuite dans le menu Calque, choisissez Objets dynamiques, puis choisissez Mettre à jour le contenu modifié . Ou si vous avez plusieurs objets intelligents qui doivent tous être mis à jour, choisissez plutôt Mettre à jour tout le contenu modifié :

Accédez à Calque> Objets dynamiques> Mettre à jour le contenu modifié.

Dès que vous le sélectionnez, Photoshop met à jour l'objet intelligent avec le nouveau contenu, et juste comme ça, notre nouveau logo apparaît:

La mise à jour de l'objet intelligent a remplacé l'ancien logo par le nouveau.

Et nous l'avons là! Voilà comment ajouter un filigrane à vos images et comment mettre à jour vos modifications en utilisant des objets intelligents liés dans Photoshop! Assurez-vous de consulter notre section Photoshop Basics pour plus de tutoriels sur les objets intelligents! Et n'oubliez pas, tous nos tutoriels Photoshop sont maintenant disponibles en téléchargement au format PDF!

Catégorie:

Bases de Photoshop