Dans cette vidéo, nous allons créer un effet Photo Flame using Photoshop CS6 Extended et apprendre des techniques et astuces importantes pour améliorer notre résultat. Nous utiliserons des actions pour faciliter le processus et obtenir une animation fluide et attrayante.
Préparatifs et configuration
Si vous rencontrez des erreurs, réinitialisez vos préférences Photoshop. Une boîte de dialogue apparaîtra vous demandant si vous souhaitez supprimer le fichier de préférences/réglages. Évitez d’utiliser des images en basse résolution. Dans Photoshop, ouvrez le menu Window et sélectionnez Actions, puis le menu déroulant Load Actions pour charger des actions prédéfinies.
Créez une nouvelle couche au-dessus de la couche d’arrière-plan et nommez-la “brush”.
Création de l’animation image par image
Ce tutoriel permet de créer la plus cool animation de flamme dans Adobe Photoshop. Avec une animation image par image, vous pouvez aussi booster vos illustrations et créer des GIFs au style dynamique. Je prévois d’utiliser cette petite animation comme GIF. Une fois Photoshop ouvert, cliquez sur “New”. Pour des GIFs destinés aux réseaux sociaux, envisagez une toile plutôt petite, par exemple 1000 x 1000 px.
Activez la vue Timeline via Window. Dans cette méthode, deux notions importantes apparaissent: Frames et layers. Les frames et les layers ne sont pas interchangeables, et chacun joue un rôle distinct dans l’animation. Créez une couche (à droite) et commencez à dessiner une flamme aléatoire sur le canevas avec la couleur de votre choix. Félicitations, vous avez votre premier frame.
Sur le bouton inférieur gauche, dans la zone des frames, cliquez sur le petit signe plus pour créer un nouveau frame. Pour l’animation, chaque frame représente un time stamp précis. Ce que vous faites sur une frame sera effectif uniquement dans cette frame, car Photoshop conserve les changements par frame. Toutefois, la première frame mémorise tout et peut répéter ces modifications dans toutes les frames suivantes, ce qui peut distordre l’animation si l’on n’y prend pas garde.
Pour éviter que chaque dessin reste présent dans toutes les frames, revenez à la frame 1 et désélectionnez votre nouveau calque après chaque ajout. Ainsi, l’animation restera cohérente. Avec le nouveau calque, lorsque la frame 2 est sélectionnée, réduisez l’opacité de la première couche (par exemple à 50 %). Commencez ensuite à dessiner une seconde forme de flamme aléatoire, en variant les parties plus longues et plus courtes et en conservant une base commune en bas.
Accédez aux calques et désélectionnez la première couche. Rappelez-vous que lorsque vous avez créé le nouveau calque, la première frame l’a mémorisée. Il est crucial de distinguer frames et layers à ce stade. Cette partie peut sembler complexe, mais elle deviendra naturelle avec la pratique. En réalisant ces étapes, vous obtiendrez au moins deux frames, soit une animation en boucle.
Assurez-vous de sélectionner les flèches sous les frames et de régler la durée sur 0,1 sec. Créez ensuite une troisième frame en répétant les mêmes actions, puis une quatrième frame par répétition. Vous aurez ainsi quatre frames et quatre calques distincts, prêts à l’animation.
Appuyez sur Play pour visionner l’animation de flamme en boucle devant vous. Si l’animation ne boucle pas, vérifiez l’indication Forever dans l’interface. Pour exporter en GIF, choisissez Export as… et assurez-vous que le format GIF est sélectionné et les paramètres correspondants. Vous pouvez ensuite vous inscrire sur GIPHY et télécharger votre GIF, prêt à être partagé.
Personnalisation et amélioration
Si nécessaire, répétez le processus pour ajouter davantage de calques et enrichir les flammes, notamment en ajoutant plus de couleurs. Pour cela, regroupez vos calques par frame afin de maintenir une organisation claire et faciliter les ajustements. Le principe reste simple : plus vous dessinez et ajustez, plus l’animation sera détaillée et expressive.
En somme, avec quelques étapes simples dans Photoshop CS6, il est possible de créer des animations sans fin pour vos œuvres, en utilisant des techniques de flamme et des cadres image par image pour des résultats accrocheurs.
Tableau récapitulatif des étapes clés
| Étape | Description |
|---|---|
| Préparation | Ouvrir Actions, charger des actions, créer couche “brush” |
| Frame 1 | Dessin d’une flamme, mémorisation par frame |
| Frames suivantes | Créer frame, dessiner flammes variées, désélectionner calques précédents |
| Réglages | Réduire l’opacité des calques antérieurs, régler la durée des frames |
| Export | Exporter en GIF via Export as… et publier sur GIPHY si souhaité |
Vous pouvez enrichir l’effet en utilisant des groupes de calques par frame et en variant les couleurs pour augmenter la réalisme et l’impact visuel, tout en conservant une structure simple et répétitive qui rend l’animation fluide.