.

2°) Remplacer le contenu d’un objet dynamique

2°) Remplacer le contenu d’un objet dynamique

Exercice N° 1 : Remplacer le motif du dos d’un jeu de cartes

On va dire, par exemple, que vous avez créé un jeu de cartes dont le dos est fait à partir d’une photo. Vous avez passé du temps à dupliquer chaque carte et à les disposer en éventail.

Mais voilà, au bout du compte, vous trouvez que la photo que vous avez choisie ne rend pas bien. Vous voulez la remplacer par une autre.

Si vous avez travaillé avec des calques standards… et bien, vous n’avez plus qu’à tout jeter et recommencer votre travail :(

Avec les objets dynamiques, que nenni !!! Vous pouvez changer votre photo en quelques clics de souris –> Le dos de toutes les cartes de l’éventail sera changé en un clin d’œil.

En effet, vous pouvez remplacer le contenu d’un objet dynamique : le remplacement sera répercuté sur toutes les occurrences de cet objet. C’est-à-dire, que dès lors que vous avez dupliqué l’objet dynamique pour composer votre éventail, le remplacement de l’objet dynamique sera répercuté sur l’ensemble des calques utilisant cet objet.

Nous allons voir cela dans l’exemple ci-après :

1°) Création du jeu de cartes :

1. Créez un nouveau document, assez grand pour recevoir l’éventail des cartes à jouer. Pour mon exemple, j’ai pris 1500 x 1500 pixels et un fond blanc

2. Ouvrez la photo qui va servir de dos aux cartes. Ouvrez-là dans Photoshop en tant qu’objet dynamique (Fichier / Ouvrir en tant qu’objet dynamique) ou, si votre photo a été ouverte en tant que calque standard, transformez-la en objet dynamique (Calques / Objets dynamiques / Convertir en objet dynamique, ou clic droit sur la vignette du calque dans la palette des calques et sélectionner Convertir en objet dynamique).

3. Ma photo est un vitrail : 265 x 670 pixels. Elle est trop étroite pour un jeu de cartes, aussi, il faut l’élargir.

–> Appuyez sur les touches cmd + T (Ctrl + T), pour faire apparaître les poignées de déformation, puis cliquez sur une des poignées latérales et faîtes glisser vers l’extérieur pour élargir la photo. Puis, relâcher.

4. Ajoutez-lui une ombre portée. Pour cela, cliquez sur la petite icône fx, au bas de la palette des calques, et sélectionnez Ombre portée. Dans la boite de dialogue Style de calque qui s’ouvre, vous pouvez régler les paramètres d’ombre portée. Pour mon exemple, j’ai laissé les paramètres par défaut. Validez en appuyant sur le bouton OK.

5. Appuyez sur les touches cmd + T (Ctrl + T) pour faire apparaître le cadre autour de la photo et ses poignées de déformation.

6. Faîtes pivoter la carte : Cliquez dans votre document, à l’extérieur de la carte, lorsque le curseur est transformé en 2 flèches reliées par un arc de cercle. Faîtes glisser vers le bas –> la carte pivote.

–> Vous avez votre première carte.

7. Vous allez dupliquer cette carte : cliquez sur le calque de l’objet dynamique, et glissez-le sur l’icône Créer un calque au bas de la palette des calques (celle à coté de la poubelle).

NB : vous pouvez aussi appuyer sur les touches cmd + J (Ctrl + J)

8. Appuyez à nouveau sur les touches cmd + T (Ctrl + T) et faîtes pivoter pivoter également cette carte.

9. Repositionnez cette carte sur la précédente, pour former un éventail. Il vous suffit cette fois de cliquer à l’intérieur de la carte et de la faire glisser pour la repositionner.

10. Dupliquez à nouveau cette carte pour en faire une 3ème, puis une 4ème, etc. en répétant les manipulations 7 à 9.

–> Vous avez votre jeu de cartes.

2°) Remplacement du dos des cartes :

11. Votre jeu de cartes est fini. Mais justement, une fois fini, vous vous apercevez que finalement, vous auriez préféré prendre une autre photo pour faire votre jeu de cartes.

12. C’est très simple : dans la palette des calques, double-cliquez sur une des vignettes d’objets dynamiques : n’importe laquelle. En effet, tous les calques utilisent le même objet dynamique, puisqu’ils ont été dupliqués par rapport au même calque d’objet dynamique.

13. Une boite de dialogue vous informe que vous entrez dans un objet dynamique, et vous donne des instructions pour l’enregistrement. Cliquez sur OK.

14. Ouvrez dans Photoshop la nouvelle photo qui doit remplacer l’actuelle.

15. Pour que le remplacement s’effectue dans les conditions optimales, il est important que l’image de substitution soit de dimension et de résolution identique à la photo d’origine. Dans mon exemple, je l’ai redimensionnée aux mêmes dimensions que mon image d’origine : 265 x 670 pixels (menu Image / Taille de l’image, en décochant l’option Garder les proportions)

16. Par cliquer/Glisser, faîtes glisser le calque de votre nouvelle photo au dessus du calque de l’image actuelle.

NB : Vous n’êtes pas obligé de supprimer la photo de départ. On ne sait jamais… si vous changiez d’avis après coup, il vous suffirait ainsi de cacher le calque supérieur en cliquant sur l’œil placé devant la vignette, pour retrouver votre jeu de cartes initial !!!

17. Enregistrez le remplacement en appuyant sur les touches cmd + S (Ctrl + S)

18. Fermez l’objet dynamique en cliquant sur la petite croix qui précède son nom (dans l’onglet du document).

19. Vérifiez : le dos de toutes les cartes a été modifié !

2ème exemple : Remplacement des photos d’un flyer de présentation d’un monument

1°) Création du flyer

Un flyer n’est pas bien compliqué à créer. Il demande toutefois un peu plus de soin car il ne s’agit pas de déposer les photos n’importe où dans le document : vous devez respecter quelques règles d’esthétique. Donc, si vous n’êtes pas sûr du choix de votre photo pour votre flyer, raison de plus pour utiliser les objets dynamiques. Ainsi, vous n’aurez pas à tout recommencer…

De plus, une fois terminé, ce travail pourra être réutilisé en tant que modèle de document !

1. Ouvrez votre image dans photoshop. Dupliquez-la pour sauvegarder l’original (menu Image / Dupliquer).

2. Transformez-la en objet dynamique (clic droit sur la vignette, dans la palette des calques, et sélectionnez Convertir en objet dynamique.)

3. Maintenant, c’est la partie la moins passionnante et la plus longue, mais indispensable : il faut mettre des repères sur la photo qui va servir de support à votre flyer. Ces repères vont délimiter l’emplacement où vous aller déposer trois découpes de cette photo. Or, ces 3 découpes doivent être réparties de façon homogène sur la hauteur du document.

Pour placer les repères et la règle, vous pouvez vous reporter au tuto ci-dessous.

4. Quand vous avez terminé, dupliquez le calque de l’objet dynamique, en le glissant sur l’icône Créer un calque au bas de la palette des calques (à coté de la poubelle).

5. Vous allez maintenant, par cliquer/Glisser, déplacer la copie du calque, de telle sorte que la partie qui vous intéresse pour votre 1ère découpe, se place dans le carré du haut. Les repères que vous avez placés vous permettent de bien la positionner.

NB : Vous pouvez, en appuyant sur les touches cmd + T (Ctrl + T) réduire ou agrandir la photo à votre convenance (pour faire un zoom sur un détail par exemple), par cliquer/glisser sur une des poignées d’angle du cadre qui entoure la photo.

6. Ensuite, dans la boite à outils, sélectionnez l’outil Rectangle de sélection (2ème outil en partant du haut).

7. Par cliquer/glisser, tracez une sélection qui épouse la forme délimitée par les repères du 1er carré. Relâchez, mais ne validez pas : vous devez toujours voir la sélection en pointillés.

8. Ajoutez un masque de fusion : clic sur l’icône Ajouter un masque de fusion, au bas de la palette des calques (3ème icône en partant de la gauche).

–> Seule la partie placée dans le carré du haut reste visible. Votre 1ère découpe est en place !

9. Vous allez répéter les opérations 4 à 8 pour placer les découpes 2 et 3.

NB : Dupliquez, à chaque fois, le calque de l’objet dynamique d’origine : le calque 0

Pour la découpe 2 :

Pour la découpe 3 :

10. Pour faire ressortir ces 3 découpes, vous allez leur appliquer des effets.

NB : Normalement, vous devriez avoir le masque de fusion du calque correspondant à votre découpe 3, sélectionné (encadré). Si ce n’est pas le cas, cliquez sur le masque de fusion de ce dernier calque d’objet dynamique (celui correspondant à votre dernière découpe).

11. Cliquez sur l’icône fx, au bas de la palette des calques, et sélectionner Contour.

Vous pouvez appliquer vos réglages (NB : ci-dessous, mes réglages).

12. Quand vos réglages sont terminés, ne cliquez pas de suite sur OK. En effet, nous allons ajouter 2 autres effets :

D’abord, une ombre portée. Pour cela, cliquez sur le mot Ombre portée, dans la liste des effets, à gauche de la boite Style de calque.

Dans la partie droite, appliquer vos réglage (NB : ci-dessous, mes réglages).

13. Puis, une ombre interne. Pour cela, cliquez sur le mot Ombre interne, dans la liste des effets, à gauche de la boite Style de calque.

Dans la partie droite, appliquer vos réglage (NB : ci-dessous, mes réglages).

Quand vous avez fini, vous pouvez cliquer sur le bouton OK

14. Vous allez maintenant dupliquer ces styles sur les 2 autres découpes. Pour cela, appuyez sur la touche Alt, puis cliquez sur le mot fx à droite de la vignette de l’objet dynamique. Sans lâcher, faîtes-le glisser vers le calque de l’objet dynamique de la découpe 2 –> Les styles de calque sont automatiquement appliqués à celui-ci.

15. Faîtes de même pour le calque de la dernière découpe : la découpe 1.

NB : pour gagner du temps, lorsque vous dupliquez les styles de calque d’un calque vers plusieurs autres calques, gardez la touche Alt enfoncée entre chaque duplication ; cliquez ensuite sur le mot fx et glissez-le vers le calque suivant et relâchez uniquement le clic de la souris. Cliquez à nouveau sur le mot fx de ce nouveau calque et glissez-le vers le nouveau calque, et ainsi de suite. Lâchez la touche Alt uniquement lorsque vous avez terminé !

16. Dans la palette des calques, sélectionnez le calque 0 (celui tout en bas)

17. Ajoutez-lui un calque de réglage Niveau. Pour cela, clic sur la petite icône Ajouter calque de réglage, au bas de la palette des calques (celle du milieu, un rond noir et blanc), et sélectionnez Niveaux.

Dans le réglage Niveaux, en bas, dans Niveaux de sortie, faîtes glisser le curseur vers la droite, de sorte que la photo du fond devienne plus claire que les 3 découpes.

NB : mes réglages, ci-dessous.

18. Nous allons maintenant créer le support pour écrire le texte du flyer :

- Dans la boite à outils, sélectionnez l’outil Rectangle (en dessous de la grosse flèche noire),

- Sélectionnez l’option Calque de forme dans la barre d’options de l’outil Rectangle

- Passez la couleur blanche en couleur d’avant-plan.

- Dessinez un rectangle dans la partie gauche du flyer. Arrangez-vous pour que le rectangle ne dépasse pas les limites des photos des 2 découpes haut et bas.

19. Nous allons mettre également un contour à cette forme. Cliquez sur l’icône fx, au bas de la palette des calques et sélectionnez Contour. Choisissez une couleur noire et une faible épaisseur. Ci-dessous mes réglages. Validez en cliquant sur OK.

20. On va réduire l’opacité du paramètre Fond. Cela va permettre de conserver le contour bien net tout en réduisant l’intensité de la couleur blanche de la forme. Je l’ai réduite à 50%.

21. Dernière étape : Il ne vous reste plus qu’à écrire le texte. Afin d’avoir toute liberté pour écrire votre texte, créez d’abord un nouveau calque, au dessus du calque de forme (clic sur l’icône Créer un calque dans la palette des calques).

Maintenant, vous pouvez sélectionner l’outil Texte et taper votre texte.

Voilà, votre flyer est terminé.

2°) Remplacement de la photo de l’objet dynamique de départ:

Voilà, soit vous n’êtes pas satisfait de la photo choisie pour votre flyer, soit vous voulez utiliser ce flyer comme modèle, pour faire d’autres flyers.

22. Double-cliquez sur le calque 0, tout en bas de la palette des calques.

23. Un message va vous avertir que vous ouvrez un objet dynamique. Cliquez sur OK.

24. Ouvrez dans Photoshop la nouvelle photo qui doit remplacer l’actuelle.

25. Pour que le remplacement s’effectue dans les conditions optimales, il est important que l’image de substitution soit de dimension et de résolution identique à la photo d’origine (2592 x 3872 pixels). Ma photo de substitution faisant 2304 x 3072 pixels, je l’ai redimensionnée de sorte que la hauteur de la photo soit la même que celle d’origine (menu Image / Taille de l’image, en cochant l’option Garder les proportions). Elle sera plus large, mais cela est moins important.

26. Par cliquer/Glisser, faîtes glisser le calque de votre nouvelle photo au dessus du calque de l’image actuelle.

NB : Vous n’êtes pas obligé de supprimer la photo de départ. Comme pour l’exercice précédent, on ne sait jamais… vous pourriez changer d’avis plus tard !

27. Enregistrez le remplacement en appuyant sur les touches cmd + S (Ctrl + S)

28. Fermez l’objet dynamique en cliquant sur la petite croix qui précède son nom (dans l’onglet du document).

29. Vérifiez : La photo a changé : y compris les 3 découpes ! Mais tout le travail que vous avez fait n’est pas à refaire : les calques de réglages, les styles de calques ainsi que les masques de fusion !!! Magique  ;)

30. Vous devrez quand même modifier le texte. Mais là encore, il vous suffit de double-cliquer sur chaque calque de texte, l’un après l’autre, pour en modifier juste le contenu.

Comments are closed.