le tuto gifs d'amy ✨ [photoshop cc] (3/3)
suite et fin du tuto gifs sur photoshop, on a vu comment faire la base d'un gif, maintenant on va voir comment l'améliorer en retravaillant notamment la netteté, la luminosité et les couleurs.
partie 1 (comment faire un gif)
partie 2 (ajouter du texte)
partie 3 (améliorer netteté, ajouter effets) ← vous êtes là !
retrouvez les trois parties du tuto sur mon tag #tuto gif de dags !
Si vous ne l'avez pas déjà fait, pensez avant toute chose à transformer vos frames en calque dynamique : j'ai décrit la marche à suivre au début de la partie 2. Dans la suite de ce tuto je pars du principe que vous travaillez avec un calque dynamique, qui est beaucoup plus simple à gérer !
Nous voilà dans la partie + créative du tuto, dans laquelle ça va être à vous de déterminer le résultat que vous souhaitez, je ne peux que vous donner la marche à suivre de manière “globale”. :>
Ici il s'agit plutôt de 2 astuces personnelles que j'utilise pour améliorer la netteté, mais c'est pas du tout obligatoire de faire ça, y'en a qui le font pas, y'en a qui ont d'autres techniques, encore une fois vous trouverez sûrement les vôtres avec le temps !
Appliquez un filtre de netteté optimisée : sélectionnez le calque de votre gif dans la fenêtre Calques > Filtre > Renforcement > Netteté optimisée… > dans la fenêtre qui s'ouvre, entrez les paramètres suivants :
Comparaison : Sans | Avec netteté optimisée
Appliquez une incrustation de motif : Créer un nouveau document photoshop (Fichier > Nouveau) de 2 pixels de largeur, 2 pixels de hauteur, 72 pixels/pouce, Couleur de l'arrière plan : Transparent. Zoomez fort sur votre nouveau doc et colorez deux pixels en blanc comme ceci :
Sauvegardez ce document en temps que motif : Edition > Utiliser comme Motif > mettez le nom que vous souhaitez ! Ensuite, vous pouvez fermer ce document sans l'enregistrer et repasser sur le document de votre gif.
_
Appliquez ce motif sur votre gif : Double-clic sur le calque de votre gif, dans la fenêtre Style de calque qui s'ouvre, appliquez une incrustation de motif avec les paramètres suivants :
Comparaison : Avec netteté optimisée | Avec netteté optimisée + incrustation de motif
Ajouter un effet (ex : luminosité, couleur)
Je vous explique vite-fait la manière d'ajouter un calque d'effet sur votre gif, mais ensuite le choix du calque d'effet est complètement libre, à vous de choisir ce qui vous plaît le plus. En exemple, je vous ai mis ceux que j'utilise moi mais vous trouverez sûrement d'autres techniques !
Si vous ne les avez pas déjà affichées, ouvrez les fenêtres Réglages et Propriétés (Fenêtre > Réglages et Fenêtre > Propriétés) : dans la fenêtre Réglages, vous avez différents calques de réglage. N'hésitez pas à tester les différents effets ! Ceux qui nous intéressent pour cet exemple sont le réglage de Courbes et le réglage de Correction sélective.
Exemple : le réglage Courbes pour la luminosité
Cliquez sur l'icône Courbes : la fenêtre Propriétés s'affiche, et vous voyez une grosse courbe, avec sur le côté des pipettes. La première pipette est celle des noirs, la deuxième celle des gris, la troisième celle des blancs.
Généralement, j'utilise ces pipettes-là pour régler automatiquement les courbes : prenez la pipette des blancs et allez cliquer sur votre gif à un endroit où il y a du blanc, ou à celui où vous voyez le plus de lumière. L'image aligne automatiquement tous ses blancs sur ce point, et la luminosité est donc augmentée intelligemment par photoshop.
Vous pouver recliquer plusieurs fois à plusieurs endroits différents jusqu'à trouver celui qui vous convient le mieux.
Une fois satisfait, vous pouvez faire la même chose avec la pipette des noirs pour foncer vos noirs et donc apporter du contraste.
Je vous conseille d'éviter de toucher à la pipette des gris car elle change pas mal les couleurs ; vous pouvez aussi toucher directement la courbe et la modifier, mais moi je trouve jamais comment obtenir un beau résultat donc je le fais rarement 💀
Comparaison : Sans | Avec réglage de Courbes fait à l'aide des pipettes
Ici j'ai pipetté les blancs sur la tunique de Lancelot, et les noirs au niveau de l'oeil/sourcil. A noter : selon si je clique sur un endroit avec des tons + ou - colorés, l'image prend une teinte dans la gamme opposée ; par exemple, ici j'ai dû cliquer sur une zone de blanc avec une teinte un peu plus bleue, donc l'image a pris une teinte plus jaune qu'avant. Pour comparer, ci-dessous vous avez un exemple si je clique dans une autre zone de blanc où les tons étaient moins bleus et plus clairs, vous remarquez que les couleurs sont moins jaunes et que les blancs encore sont plus lumineux :
N.B : Vous pouvez aussi retravailler la luminosité grâce aux réglages de Luminosité/Contraste ou Niveaux, par exemple.
Exemple : le réglage Correction sélective pour les couleurs
Cliquez sur l'icône Correction sélective : la fenêtre Propriétés vous donne désormais la possibilité de régler les tons de chaque couleur, pour y mettre + ou - de cyan, de magenta, de jaune, ou de noir.
Personnellement je commence souvent par diminuer le noir dans les Blancs (parfois on peut même aller jusqu'à -100%), et à rajouter du noir dans les Noirs (ici je vais rarement au-delà de +5%). Ensuite, les Rouges contrôlent souvent les teintes des peaux claires, j'y retire du cyan et jongle entre les magenta et jaune ; arrivés à ce niveau-là du tuto c'est vraiment votre fibre artistique qui doit prendre le dessus et je ne peux pas trop vous guider plus que ça ksjksjksj.
Comparaison : Sans | Avec réglage de Correction sélective
En l'occurrence, pour ce gif-là la correction sélective était pas hyper utile, mais ça fait tout de même une petite différence assez subtile.
Avec ces différents calques de réglage, on peut faire tout et n'importe quoi ! Par exemple, ici je trouve + intéressant de réduire la saturation globale et d'augmenter les bleus sur les yeux de Lancelot, pour produire quelque chose comme ça :
Comparaison : Netteté optimisée + incrustation de motif | Netteté optimisée + incrustation de motifs + courbes + vibrance + plusieurs calques de correction sélective
Si vous êtes satisfait de votre gif vous pouvez l'enregistrer : Fichier > Exportation > Enregistrer pour le Web (hérité)… et suivre la marche à suivre que j'ai déjà décrite à la fin de la partie 1 :>
Quelques conseils de dernière minute avant de vous laisser :
Mettez toujours vos calques de texte au plus haut dans l'ordre de vos calques, afin d'éviter que vos autres effets soient appliqués dessus et changent l'apparence du texte ! (typiquement, si vous ajouter un calque de luminosité, il peut pixelliser le texte écrit en blanc, donc mettez bien le calque de texte au-dessus du calque de réglage pour qu'il ne soit pas affecté)
Vous pouvez appliquer des effets sur certaines parties de l'image et pas sur d'autres grâce aux Masques sur vos calques de réglage !
Pensez bien à vérifier que vos calques de texte & de réglage ont bien la même durée que votre gif, et qu'ils ne commencent pas après/ne terminent pas avant.
Grâce aux modes de fusion de vos calques, vous pouvez obtenir beaucoup d'autres effets intéressants, superposer des gifs l'un sur l'autre, etc
Si vous êtes perdus, hit me up, ou sinon le site de support d'Adobe a aussi plein d'explications sur les différents outils que Photoshop propose ♥
anyway taggez-moi sur les gifs que vous faites grâce à ce tuto aaaaah je veux voir !!
vaporwave
romaincrisis
2087
dailybridgerton
pixelskylines
yousharknotpass
tangentwithtanner
