Cours Photoshop du 18 décembre 2019 Compte-rendu

13
1 Cours Photoshop du 18 décembre 2019 Compte-rendu Préambule : Précisions apportées par Hervé qui s'avèrent bien utiles notamment en cas de « plantage » de Photoshop ; le principe étant d'effectuer une sauvegarde de son espace de travail personnalisé pour le retrouver très facilement à l'ouverture du logiciel. Très pratique également pour les utilisateurs habitués à travailler avec des espaces de travail différents en fonction de leurs projets . A droite du bandeau supérieur, on trouve l’icône qui propose l'affichage de plusieurs espaces de travail qui mémorisent la position des panneaux ainsi que la mise en évidence d'articles de menus et de raccourcis-clavier adaptés à un type d'opération, comme par exemple « photographie », peinture », etc... On peut également y accéder par le menu « Fenêtre/Espace de travail » Pour enregistrer un espace de travail personnalisé faire /nouvel espace de travail, le renommer et cocher les choix retenus autres que la position des panneaux qui seront automatiquement enregistrés. L'espace de travail apparaîtra ensuite dans la liste proposée telle ci- dessous : A l'ouverture du logiciel, c'est le dernier espace de travail utilisé qui s'affiche. Exercice n°3 : Le saut pétillant (suite et fin du cours des 4 et 11 décembre) Ouvrir le fichier « CR Le Saut Pétillant 2 2019 12 11.psd » (ou votre propre fichier). Complément au dernier CR du 11 décembre (en principe l'image enregistrée à la fin du cours doit être bonne) Attribuer la couleur « bleu » au calque « Le verre copie ». Faire un calque de réglage « Correspondance de couleur » et choisir dans « Fichier 3DLUT le fichier « LateSunset.3DL ». Lui donner une opacité de 20%. Attribuer la couleur « violet » à ce calque.

Transcript of Cours Photoshop du 18 décembre 2019 Compte-rendu

Page 1: Cours Photoshop du 18 décembre 2019 Compte-rendu

1

Cours Photoshop du 18 décembre 2019

Compte-rendu

Préambule :

Précisions apportées par Hervé qui s'avèrent bien utiles notamment en cas de « plantage » de

Photoshop ; le principe étant d'effectuer une sauvegarde de son espace de travail personnalisé pour

le retrouver très facilement à l'ouverture du logiciel. Très pratique également pour les utilisateurs

habitués à travailler avec des espaces de travail différents en fonction de leurs projets .

A droite du bandeau supérieur, on trouve l’icône qui propose l'affichage de plusieurs

espaces de travail qui mémorisent la position des panneaux ainsi que la mise en évidence d'articles

de menus et de raccourcis-clavier adaptés à un type d'opération, comme par exemple

« photographie », peinture », etc... On peut également y accéder par le menu « Fenêtre/Espace de

travail »

Pour enregistrer un espace de travail personnalisé faire /nouvel espace de travail, le

renommer et cocher les choix retenus autres que la position des panneaux qui seront

automatiquement enregistrés. L'espace de travail apparaîtra ensuite dans la liste proposée telle ci-

dessous :

A l'ouverture du logiciel, c'est le dernier espace de travail utilisé qui s'affiche.

Exercice n°3 : Le saut pétillant (suite et fin du cours des 4 et 11 décembre)

Ouvrir le fichier « CR Le Saut Pétillant 2 2019 12 11.psd » (ou votre propre fichier).

Complément au dernier CR du 11 décembre (en principe l'image enregistrée à la fin du cours doit

être bonne)

Attribuer la couleur « bleu » au calque « Le verre copie ».

Faire un calque de réglage « Correspondance de couleur » et choisir dans « Fichier 3DLUT le

fichier « LateSunset.3DL ». Lui donner une opacité de 20%. Attribuer la couleur « violet » à ce

calque.

Page 2: Cours Photoshop du 18 décembre 2019 Compte-rendu

2

On obtient :

Sauvegarder le fichier .psd

Début du cours du 18 décembre

Préparation de 2 images des calques fusionnés dans le présent fichier

Tout d'abord, vérifier la visibilité des calques : 2 calques doivent rester invisibles : « l'arrière-plan »

et « Le Sauteur 1 copie ». Ensuite se positionner sur le calque visible en haut de la pile contenant les

calques visibles à fusionner (ici sur « Correspondance de couleur ») et faire simultanément

« Shift » « Ctrl » « alt » « E ».

On renomme le calque ainsi généré « Le saut 2 fusion 1 » et lui attribuer la couleur « rouge ».

On le rend provisoirement invisible pour faciliter la vision du travail dans l'image suivante et

pour éviter son incorporation dans la seconde fusion.

Revenir ensuite sur le calque « Le sauteur 1 copie 2 » et cliquer sur l'effet « lueur externe » de façon

à modifier certaines valeurs comme suit :

Avant Après

Page 3: Cours Photoshop du 18 décembre 2019 Compte-rendu

3

Puis OK

Se repositionner à nouveau sur le calque visible « Correspondance de couleur » et faire à nouveau

simultanément « Shift » « Ctrl » « alt » « E ». On renomme le nouveau calque ainsi généré « Le

saut 2 fusion 2 » et lui attribuer la couleur « jaune ».

On obtient :

Sauvegarder le fichier .psd

Création du fichier du montage animé

Sélectionner les 2 calques « rouge » et « jaune » puis faire « dupliquer les calques » vers un

nouveau document que l'on nomme « Le Saut 2 vidéo » (dans ce CR il sera nommé « CR Le Saut 2

vidéo 2019 12 18 » puis OK

Cette opération génère notre nouveau fichier.psd de travail. Le sauvegarder. Nous pouvons

maintenant fermer le fichier « CR Le Saut Pétillant 2 2019 12 18.psd » (ou votre propre fichier).

Régler la taille de l'image avec une résolution de 72px (important pour la suite de l'exercice/.gif),

L=30cm (sans changement) puis OK

Page 4: Cours Photoshop du 18 décembre 2019 Compte-rendu

4

Nous allons maintenant créer la fenêtre de montage et faire les premiers réglages de base :

1) Ouvrir la fenêtre « montage »

2) Cliquer dans la fenêtre sur « créer un montage vidéo » pour afficher la table de montage, en

conséquence 2 pistes vidéo d'un temps de 5'' s'affichent

3) cliquer sur l’icône /option de panneau et retenir comme suit :

puis OK

Définir également dans ce même sous-menu la cadence de montage suivante :

puis OK

Régler la durée totale du clip sur 3'' et y fixer le taquet gris de fin de travail

Réduire les 2 pistes vidéo à cette longueur :

Page 5: Cours Photoshop du 18 décembre 2019 Compte-rendu

5

4) Dans le menu (définir les options de lecture), vérifier que la résolution est bien de

100% et que l'option « lire en boucle » est cochée. (NB : il semblerait que sur certaines

versions (PS6) ce paramètre n'existe pas)

5) Pour obtenir un effet de clignotement, nous allons positionner la « séquence jaune » à

environ la moitié du clip : On réduit la séquence en partant du départ jusqu'à la durée

requise vers la droite :

Positionner en la faisant glisser la « séquence jaune » au dessus de la « rouge »

Faire le test avec la touche , on doit obtenir un effet de 1er clignotement quand le curseur

bleu arrive dans la zone « jaune »

6) Sauvegarder le fichier.psd

7) Intégrer les bulles dans le verre

Ouvrir dans photoshop le .gif fourni par Bernard :

« LeSautPétillant\Ressources\RessourcesAnimation\11eba01448612c4c079d4431a9cab17e.gif »

Page 6: Cours Photoshop du 18 décembre 2019 Compte-rendu

6

Sélectionner tous les calques et créer un groupe que l'on nomme « bulles verre 1 »

Positionné sur l'image-clé (IC) n°1, cliquer 2 fois sur « l’œil » du groupe de calques pour activer

toutes les IC du Gif. (NB : Il apparaît que certaines versions sont paramétrées pour activer

automatiquement les IC)

Ouvrir le groupe et se positionner sur le « calque 24 », ajouter un calque de réglage

/noir et blanc. Ne pas écrêter ni modifier les paramètres. Cliquer 2 fois sur « l’œil » du groupe

de calques pour activer toutes les IC du Gif. (voir Rq plus haut).

Refermer le groupe et passer en « mode vidéo » avec la commande » (en bas à gauche de la

table de montage.

On obtient :

Dupliquer le groupe « bulles verre 1 » dans le fichier « CR Le Saut 2 vidéo 2019 12 18 » (ou le

votre) puis OK

8) Dans ce fichier de travail, convertir le groupe importé « bulles verre » en « objet

dynamique » et lui attribuer la couleur « bleu »

Redimensionner ce calque à la taille du verre (X et Y = 9,65cm) et le positionner en bas de l'image

puis valider. Passer le « mode de fusion » de ce calque en mode « superposition » (le noir devient

transparent) avec une opacité de 100%. Tester le mouvement : les bulles doivent monter dans le

verre

9) Toujours positionné sur ce calque on le duplique avec un clic-droit puis la fonction « nouvel

objet dynamique par copier »

Dans la table de montage glisser cette nouvelle séquence juste à la suite de la première :

Page 7: Cours Photoshop du 18 décembre 2019 Compte-rendu

7

Répéter l'opération deux fois pour arriver à la longueur du clip de 3'' environ. On adapte

éventuellement la longueur des pistes « jaune » et « rouge » en conséquence.

Tester, si tout fonctionne, refermer le groupe et sauvegarder. On obtient :

10) Intégrer les bulles au dessus du verre

Ouvrir dans photoshop le .gif fourni par Bernard :

« LeSautPétillant\Ressources\RessourcesAnimation\neige5.gif »

Sélectionner tous les calques et créer un groupe que l'on nomme « bulles pétillantes 1 »

Positionné sur l'image-clé (IC) n°1, cliquer 2 fois sur « l’œil » du groupe de calques pour activer

toutes les IC du Gif. (NB : voir plus haut)

Ouvrir le groupe et se positionner sur le « calque 101 », ajouter un calque de réglage

/Luminosité-contraste. Ne pas écrêter et modifier les paramètres comme suit :

Page 8: Cours Photoshop du 18 décembre 2019 Compte-rendu

8

Refermer le groupe et passer en « mode vidéo »

Rester positionné sur le groupe et faire « Édition/transformation/rotation 180° ».

Tester : on s'aperçoit que la neige tombante devient ….. des bulles montantes.

On vérifie la taille et la durée de la séquence qui sont compatibles avec notre clip en construction.

Dupliquer le groupe « bulles pétillantes 1 » dans le fichier « CR Le Saut 2 vidéo 2019 12 18 » (ou

le votre) puis OK. Il doit se placer au dessus du groupe « bulles verre 1 ». Lui attribuer la couleur

« vert ». Passer le mode fusion de ce groupe en mode « superposition avec une opacité de 100%.

Avec l'outil « déplacement », positionner le calque du groupe au ras du haut du verre et on le colle

au bord droit de l'image. Agrandir ce calque avec L=25cm et H=18,75cm environ puis valider.

Page 9: Cours Photoshop du 18 décembre 2019 Compte-rendu

9

La durée de cette séquence étant plus longue que les séquences précédentes, repositionner le taquet

de fin du clip par rapport au réglage de fin antérieur (on peut également réduire la « séquence

verte »)

On obtient :

Dupliquer maintenant le groupe « bulles pétillantes 1 » en « bulles pétillantes 2 » et avec l'outil

déplacement redimensionner à environ L=17,5cm par H=13,10cm puis déplacer le cadre vers le

haut et centrer par rapport au verre X=10,7cm et Y=11,35cm puis valider.

Dupliquer maintenant le groupe « bulles pétillantes 2 » en « bulles pétillantes 3 » et avec l'outil

déplacement redimensionner à environ L=15,01cm par H=11,23cm puis déplacer le cadre avec

X=11,89cm et Y=9,55cm puis valider.

Se positionner à nouveau sur le groupe « bulles pétillantes 1 » puis créer un « masque de fusion »

noir.

Sélectionner le masque de fusion et prendre l'outil de sélection « lasso polygonal » pour tracer une

sélection trapézoïdale en suivant le bord haut du verre, remonter à 45° environ vers le bord droit de

l'image puis ensuite remonter jusqu'à la hauteur du groupe et revenir horizontalement vers le bord

gauche et redescendre vers le verre pour fermer et activer la sélection.

On obtient :

Page 10: Cours Photoshop du 18 décembre 2019 Compte-rendu

10

Puis faire « Édition/remplir » en blanc la sélection pour faire apparaître les bulles dans la sélection

puis OK

Puis désélectionner »

On obtient :

Tester le clip puis si OK, sauvegarder le .psd

11) Intégrer un effet de « feux » dans les vêtements

Nous allons procéder de la même façon que les « bulles dans le verre » mais avec le fichier

« LeSautPétillant\Ressources\RessourcesAnimation\giphy.gif » :

Sélectionner tous les calques et créer un groupe que l'on nomme « Feux »

Positionné sur l'image-clé (IC) n°1, cliquer 2 fois sur « l’œil » du groupe de calques pour activer

toutes les IC du Gif. (NB : voir plus haut)

Refermer le groupe et passer en « mode vidéo » avec la commande » (en bas à gauche de la

table de montage.

Page 11: Cours Photoshop du 18 décembre 2019 Compte-rendu

11

Dupliquer le groupe « Feux » dans le fichier « CR Le Saut 2 vidéo 2019 12 18 » (ou le votre) puis

OK. Dans ce fichier de travail, convertir le groupe importé « Feux » en « objet dynamique » et lui

attribuer la couleur « orange ». Passer le mode fusion de ce groupe en mode « superposition » avec

une opacité de 100%. Repositionner ce calque en le centrant sur le vêtement du personnage (X =

2,50cm et Y = 3,60cm).

Répéter l'opération deux fois « Feux 2 » et « Feux 3 » pour arriver à la longueur du clip de 3''

environ. Former un groupe « Feux »

On obtient :

Tester et si OK, sauvegarder

12) Intégrer un effet d' « explosion » dans le montage

Nous allons procéder de la même façon que les « bulles dans le verre » mais avec le fichier

« LeSautPétillant\Ressources\RessourcesAnimation\Explosion-2-G_zpsce68b48a.gif » :

Sélectionner tous les calques et créer un groupe que l'on nomme « Explosion »

Positionné sur l'image-clé (IC) n°1, cliquer 2 fois sur « l’œil » du groupe de calques pour activer

toutes les IC du Gif. (NB : voir plus haut)

Refermer le groupe et passer en « mode vidéo » avec la commande » (en bas à gauche de la

table de montage.

Dupliquer le groupe « Explosion » dans le fichier « CR Le Saut 2 vidéo 2019 12 18 » (ou le votre)

puis OK.

Page 12: Cours Photoshop du 18 décembre 2019 Compte-rendu

12

Cette fois il n'y a pas lieu de convertir le groupe importé en « objet dynamique » car sa longueur

d'origine est compatible avec celle du clip. Lui attribuer la couleur « bleu ». Passer le mode fusion

de ce groupe en mode « superposition » avec une opacité de 100%. Redimensionner le groupe avec

L=24,30cm et H=18,24cm. Repositionner ce calque en le centrant sur le vêtement du personnage (X

= -1,55cm et Y = 6cm).

Sur la table de montage, décaler le départ vers la droite à 1,5''

Incliner le groupe de 20° et valider.

On obtient la table de montage suivante :

et l'image suivante :

Sauvegarder le fichier .psd

13) Création du Gif

Faire « fichier/exportation/enregistrer pour le web » et quand vous avez accès à l'interface suivante,

vérifier les paramètres et cliquer sur « enregistrer »

Page 13: Cours Photoshop du 18 décembre 2019 Compte-rendu

13