Avec un peu de pratique et de patience, vous pouvez apprendre à animer dans Photoshop et transformer votre travail en un GIF à partager en ligne. Les outils d'animation de Photoshop sont souvent inconnus, mais ils méritent d'être étudiés. Nous vous guiderons à travers chaque étape nécessaire pour apprendre à animer dans Photoshop.
Comme la plupart des outils d'animation, vous devrez créer chaque image sous forme d'images distinctes, vous devrez donc en mettre de côté il est temps de créer chaque image manuellement, surtout si vous prévoyez de faire une animation compliquée.
Commencez par créer vos cadres d'animation dans Photoshop
Pour commencer, vous devrez enregistrer une image distincte pour chacun des cadres que vous prévoyez d'utiliser. C'est à vous de déterminer la complexité de votre animation, mais pour ce test, nous allons créer un simple logo animé.
L'astuce pour apprendre à animer dans Photoshop est de faire de petits mouvements et de sauvegarder une nouvelle photo à chaque mouvement. Chaque mouvement doit avoir le même poids. Par exemple, si vous voulez qu'une ligne de texte glisse sur l'écran, chaque image doit faire bouger le texte du même nombre de pixels pour que l'animation soit fluide.
Si vous n'êtes pas assurez-vous de savoir comment vous pouvez aller du point A au point B dans votre animation, commencez par l'image de fin en premier, puis créez la première image. Enfin, remplissez les cadres entre les deux.
Lorsque vous enregistrez chaque image, nommez-les numériquement afin de ne pas être confondu avec leur position.
In_content_1 all : [300x250] / dfp: [640x360]->Comment animer une séquence d'images dans Photoshop
Une fois que vous avez vos images image par image, il est temps de les transformer en une animation. Assurez-vous de suivre attentivement les étapes ci-dessous.
Vous aurez maintenant un calque dans votre chronologie. L'étape suivante consiste à transformer chacun de vos calques en un nouveau cadre. Suivez les étapes ci-dessous.
Vous allez maintenant, toutes vos images sont chargées dans des cadres séparés. La tâche suivante consiste à choisir une durée pendant laquelle chaque image sera lue. Il peut falloir quelques tests pour obtenir la bonne vitesse, mais vous pouvez choisir la durée d'image pour chaque image individuelle en cliquant sur la flèche sous chaque imageà côté du texte 0 sec.
Vous pouvez expérimenter différentes heures, mais il est préférable de commencer par choisir la même heure avec chaque image. Si une animation contient différentes scènes ou phases d'animation, vous souhaiterez peut-être ajuster les temps pour chacune de ces phases / scènes individuellement.
À tout moment, vous pouvez cliquer sur le bouton de lecture pour afficher le animation. Il existe également un certain nombre d'autres commandes dans la fenêtre de la chronologie, que nous avons expliquées de gauche à droite ci-dessous.
Changement de chronologie
Basculer la chronologie entre une chronologie image par image et une chronologie de film traditionnelle.
Quantité de lecture
Modifiez si l'animation est lue pour toujours ou pendant un certain nombre de boucles avant arrêt. Cela aura un impact sur le résultat final une fois qu'il sera enregistré au format GIF. Vous pouvez modifier à nouveau ce paramètre avant d'exporter l'animation ultérieurement.
Liste déroulante de lecture
La flèche déroulante que vous voyez sur les commandes de la chronologie est une autre méthode d'accès la quantité de lecture.
Commandes de lecture
Jouez, mettez en pause, arrêtez et sautez l'animation jusqu'à la fin ou au début avec les quatre commandes de lecture disponibles.
Tween
Utilisez la fonction d'interpolation pour générer des images "intermédiaires" pour rendre votre animation plus fluide. La fonction Tween sera expliquée plus en détail ci-dessous.
Duplicate Frame
Ce bouton dupliquera toute image actuellement sélectionnée et la placera dans la chronologie après l'original.
Supprimer le cadre
Cette option supprimera tout cadre sélectionné.
Comment exporter votre animation Photoshop
Une fois que vous êtes satisfait de votre animation Photoshop, vous pouvez l'exporter en suivant les étapes ci-dessous.
Comment faire une animation Lisse dans Photoshop
À moins que vous ne soyez habitué à faire une animation image par image, le résultat final peut sembler un peu capricieux. Heureusement, vous pouvez utiliser la fonction Tween pour combler automatiquement les lacunes de votre animation afin de rendre les choses plus fluides.
Pour ce faire, maintenez la touche Maj, cliquez sur deux images individuelles dans la fenêtre de la chronologie, puis cliquez sur icône d'interpolation. Ensuite, cliquez pour choisir si le paramètre d'interpolation utilisera position, opacité, ou des effets. Pour la plupart des animations basées sur les mouvements, vous souhaiterez utiliser la position.
Assurez-vous que Tous les calquessont sélectionnés, puis cliquez sur OK. Répétez ce processus pour chaque cadre jumelé. Par exemple, les images 1 et 2, puis les images 3 et 4, etc.
Résumé
Nous espérons que notre guide sur la façon d'animer dans Photoshop a aidé. Si vous avez besoin d'aide, n'hésitez pas à laisser un commentaire ci-dessous.