Créer un gif animé sur Photoshop
Par en janvier 2021
Ce tutoriel a été entièrement rédigé par un élève en spécialité NSI au Lycée Louis Pasteur. Pour en savoir plus : Les tutoriels en spécialité NSI
Bienvenue dans ce tutoriel qui vise à vous apprendre à se servir de Photoshop pour faire des animations.
Photoshop à l’avantage d’être complet et en même temps rapide à prendre en main pour faire de l’animation, pour en plus un rendu de bonne qualité en terme d’image.
Tout d’abord bien sur il va vous falloir lancer Photoshop , pour ma part je suis sur la version 2017 en 8.1 , donc je peux garantir le bon fonctionnement de ce tutoriel pour cette version ainsi que pour les versions suivantes.
Vous pouvez donc lancer Photoshop et commencer par créer un nouveau fichier .
Pour ma part j’utilisent ces paramètres pour mes fichiers de dessins.
Après cela nous allons faire apparaître ce qui nous permettra d’animer notre dessin, cela se trouve dans l’onglet fenêtre et il faut cliquer sur montage .
Une fenêtre va alors apparaître et elle devrait vous afficher soit créer un montage vidéo soit créer une animation d’image , à l’aide de la petite flèche choisissez créer un montage vidéo ,
puis cliquer directement sur montage vidéo sans utiliser la petite flèche pour lancer la fonctionnalité de montage.
Ensuite pour facilité la visibilité de notre time line (ligne de temps) représentée ici par un carré violet nous allons déplacer la petite flèche qui contrôle la distance de notre time line.
Cette time line va enfaite représenter l’emplacement de nos différents dessins dans le temps et va nous servir à créer l’illusion d’un mouvement en alignant plusieurs dessins (ce qui est la base de l’animation 2D).
Pour se faire il nous faut créer un calque (les calques sont la représentation numérique de différentes couches que l’on peut superposées , un peu comme si on disposait plusieurs feuilles transparentes les unes sur les autres).
Mais il nous faut un calque un peu particulier que l’on trouve dans l’onglet Calque puis Calques vidéo puis Nouveau calque vidéo vide .
Pour se servir de ce calque et créer une animation il suffit de dessiner vos dessin sur les différentes images représentez par les annotations 01f , 02f , 03f (le f correspond au mot anglais frame qui signifie ici image ) . Pour passer d’une frame à l’autre il suffit de bouger avec votre souris le marqueur bleu d’où part une ligne rouge.
Pour dessiner j’utilise pour ma part la fenêtre couleur ainsi que la gomme et le crayon .
Vous pouvez modifier la pointe du crayon comme bon vous semble on cliquant sur l’icone de pot a crayon (assuré vous que le crayon soit séléctioné dans la barre à gauche).
Maintenant vous possédez presque tous les outils pour vous mettre a l’œuvre , toute fois je vous conseil d’utiliser ce que l’on appelle la pelure d’oignon qui vous permettra de visionner le dessin qui se trouve sur l’image d’avant, pour cela cliquer sur les deux petites barres d’options de la fenêtre de montage et cliquer sur Activer les pelures d’oigons
Dans ce tutoriel je n’aborderai pas les différents principes de l’animation car se sont des principes complexes et que leur compréhension prend plusieurs mois voir années de travail. Néanmoins si vous vous êtes rendus sur ce tutoriel sans réellement savoir comment faire de l’animation mais que cela vous intéresse, je vous recommande cette vidéo ou bien cette vidéo
Pour vous montrer un exemple de ce qui est possible de réaliser en peu de temps voici une de mes premières création , c’est une petite tasse de café qui éternue , et voici les dessins qui mit bout à bout permettent de créer un mouvement.
Rendu en animation
Lorsque vous avez terminer votre animation et êtes satisfait du résultat , il vous suffira d’aller dans l’onglet fichier puis sur Exportation et enfin Enregistrer pour le web cela vous l’enregistrera sous la forme d’un gif
Ensuite une fenêtre apparait il suffit juste de cliquez sur enregistrer et Tadaa !! Vous avez votre animation !
J’espère que ce tutoriel vous a été utile ^^