Animation dessinée à la main : Créez un Gif animé dans Adobe Photoshop | Isaiah Cardona | Skillshare
Recherche

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Animation dessinée à la main : Créez un Gif animé dans Adobe Photoshop

teacher avatar Isaiah Cardona, Art Director & Motion Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      0:59

    • 2.

      Aperçu du cours

      1:30

    • 3.

      Fondamentaux de l'animation

      1:09

    • 4.

      Configuration du fichier

      2:33

    • 5.

      Principes de base de l'outil Chronologie

      8:42

    • 6.

      Animation de cadre

      6:03

    • 7.

      Animation de texte

      3:10

    • 8.

      Animation de la couche vidéo

      5:53

    • 9.

      Bonus : Ajouter de la couleur

      1:22

    • 10.

      Exporter

      1:31

    • 11.

      Synthèse

      1:23

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

485

apprenants

2

projets

À propos de ce cours

Apprenez à créer facilement une animation dessinée à la main dans Photoshop !

Avez-vous déjà voulu embellir votre site Web ou vos réseaux sociaux avec des gifs animés amusants et personnalisés ? C'est en fait assez simple ! Dans ce cours, vous apprendrez les bases de l'animation traditionnelle et comment utiliser l'outil de chronologie vidéo de Photoshop pour créer des animations amusantes dessinées à la main.  Ce cours sera une excellente première étape pour quiconque connaît Photoshop et souhaite commencer à apprendre l'animation.

CE QUE VOUS ALLEZ APPRENDRE :

  • Fondamentaux de l'animation 2D traditionnelle
  • Configuration du fichier photoshop 
  • Principes de base de l'outil de chronologie vidéo
  • Création de cadres de calque pour animer des caractères et du texte
  • Flux de travail et organisation des cadres
  • Animer avec un calque vidéo
  • Exporter votre animation sous forme de vidéo ou de gif animé

Ce que vous réaliserez :

À la fin du cours, vous aurez créé un gif personnalisé dessiné à la main qui impressionnera les autres, ainsi que des compétences utiles pour créer des animations personnalisées supplémentaires. 

CE DONT VOUS AUREZ BESOIN :

  • Adobe Photoshop (essai gratuit du logiciel sur Adobe.com)
  • Non requis, mais je recommanderais une tablette à dessin ou un iPad avec un crayon Apple.

Autres cours utiles :

Ce cours est axé sur l'animation, mais si vous souhaitez apprendre à concevoir votre propre personnage ou à réaliser un story-board de vos idées pour les animer, allez-y : 

Conception de personnages : 3 techniques pour créer des illustrations expressives de personnages.

Le Storyboarding dans Procreate : Guide du débutant pour dessiner des storyboards

Cours d'animation supplémentaires :

Vous en voulez davantage ? Découvrez mes autres cours, l'animation facile avec procreate : créer de bons gifs et vidéos et l'animation dans Adobe Photoshop : créer une vidéo sociale pour promouvoir votre marque !

___________________

Vous cherchez plus d'inspiration ?  Rendez-vous ici pour découvrir plus de cours sur l'animation 2D.

Rencontrez votre enseignant·e

Teacher Profile Image

Isaiah Cardona

Art Director & Motion Designer

Enseignant·e

I'm a senior art director based in the United States with several years of experience in the advertising industry. In my work, I solve client problems using various design, illustration, and motion design skills. And I'm known for bringing an energetic and playful style to illustration and animation projects. Outside of work, I enjoy teaching students design and motion skills through Skillshare classes and tutorials on YouTube. If you're interested in exploring new creative skills, then follow me here on Skillshare.

Youtube | Tiktok | Instagram

Voir le profil complet

Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Avez-vous déjà voulu animer vos dessins ou peut-être pimenter votre site web ou social avec des gifs animés amusants. Si la réponse est oui, alors cette classe sera une introduction parfaite à l' animation d'un personnage ou d'un dessin dans Photoshop. Je suis Isaiah Cardona et je suis directrice artistique et cinéaste à Kansas City. Au fil des ans, j'ai trouvé l'utilisation des outils d'animation dessinés à la main dans Photoshop pour apporter de l'énergie amusante et énergique à mes différents projets clients. Dans ce cours, je vous guènerai tout au long de mon processus. Nous allons passer en revue les principes fondamentaux de l'animation traditionnelle. Apprenez à configurer vos fichiers, utilisez l'outil Montage vidéo pour créer des animations à partir de zéro et je vais vous montrer comment exporter votre animation finale afin que vous puissiez impressionner vos amis sur les réseaux sociaux. J' ai hâte de vous voir en classe et j'ai hâte de voir ce que vous créez. 2. Aperçu du cours: Notre projet de classe est de créer une animation dessinée à la main composée de trois éléments, dont une animation primaire, qui peut être aussi simple qu'un personnage agitant ou un gribouillon gonflable, un mot ou une phrase animée et enfin une main amusante. tracé transition. Nos livrables pour ce projet seront un croquis ou une image clé, un GIF de votre animation complète finale, puis peut-être une phrase ou deux sur votre animation. Afin de créer votre animation, nous allons sélectionner le concept de votre animation, configurer votre fichier Photoshop, esquisser chaque image clé de votre personnage ou doodle, dessiner les images intermédiaires pour compléter votre animation. Appliquez ensuite la technique d'animation d'image à des textes dessinés à la main, puis nous créerons une animation d'effet de transition à l'aide d'un calque vidéo et enfin, nous exporterons votre animation sous forme de GIF. Pour ce projet, vous aurez besoin d'Adobe Photoshop. Si vous n'avez pas Photoshop, vous pouvez obtenir un essai gratuit ou le logiciel sur adobe.com. En outre, une tablette de dessin ou un iPad avec un crayon Apple est recommandé pour ce projet, mais pas nécessaire. Pour commencer, n'hésitez pas à télécharger un croquis de ce que vous prévoyez d'animer à travers la page des projets, et je vous verrai dans la prochaine leçon. 3. Fondamentaux de l'animation: Bienvenue de retour. L'animation traditionnelle est une technique d'animation où chaque image est dessinée à la main, créant ainsi l'illusion du mouvement. Une façon simple de comprendre comment fonctionne l'animation est de créer un flip book. Chaque page a un dessin qui change un peu par rapport à la précédente, et lorsque vous affichez toutes les pages rapidement, il crée une animation. Une autre façon de penser au processus d'animation est comme une bande de film. Une bande est composée de plusieurs images ou images et la vitesse à laquelle ces images sont affichées correspond à la fréquence d'images. Dans l'animation traditionnelle, une seconde de temps est généralement divisée en 24 images. Selon le style d'animation, il peut y avoir jusqu'à 24 dessins uniques en une seconde ou aussi peu que deux. Dans la leçon suivante, je vais vous montrer comment configurer votre fichier Photoshop et ajuster la fréquence d'images. 4. Configuration du fichier: Dans cette leçon, nous allons parcourir la configuration de notre fichier Photoshop. d'abord, ouvrons Photoshop pour créer un nouveau fichier, cliquez sur « Créer nouveau » bouton, ou allez dans Fichier en haut, puis vers Nouveau. Dans la boîte de dialogue du nouveau document, accédez à la section Film Vidéo, puis ici vous pouvez ajuster la dimension de la vidéo. Une description rapide de certains formats et dimensions vidéo courants. dimension la plus courante est 1920 par 1080 ou 16 par 9 format grand écran qui est utilisé pour les vidéos traditionnelles sur YouTube. Ensuite, vous avez un format 1 par 1 ou carré, qui est utilisé pour beaucoup de plateformes sociales comme Facebook, Instagram et Giphy. Puis, avec la montée des smartphones et des applications comme TikTok, le format vidéo vertical a gagné en popularité et en adoption par d'autres plateformes sociales. Pour ce projet, je vais avec 1080 par 1080, car c'est la taille standard pour Instagram, puis cliquez sur « Créer ». Maintenant, nous allons configurer notre fichier pour la vidéo. Accédez à Fenêtre, puis Espace de travail, puis choisissez Mouvement. Cet espace de travail est conçu pour effectuer des travaux de mouvement et fournit des outils utiles tels que des brosses. Ensuite, ajoutons l'outil Montage vidéo, revenons à Fenêtre, mais cette fois, revenons jusqu'à Montage. Ensuite, nous allons activer la chronologie en cliquant sur « Créer une chronologie vidéo ». Si vous ne voyez pas ce bouton, cliquez sur la flèche à côté, puis sélectionnez « Créer une chronologie vidéo », puis cliquez sur le bouton « Mettre à jour ». Maintenant, sauvegardons le fichier, allez dans Fichier en haut, puis vers le bas vers Enregistrer. Maintenant, ajoutez votre nom de fichier, choisissez votre destination, puis cliquez sur « Enregistrer ». Ensuite, définissons notre fréquence d'images pour notre animation en cliquant sur le bouton hamburger dans le coin supérieur droit pour obtenir l'option chronologique. Ensuite, je vais descendre dans les options, et cliquez sur « Définir la fréquence d'images de la chronologie ». Comme discuté dans la dernière leçon, nous allons mettre à jour notre fréquence d'images à 24 images par seconde, puis appuyer sur « OK ». Maintenant, votre fichier est tout réglé. Dans la leçon suivante, je vais passer en revue l'outil Chronologie et les deux méthodes différentes de création d'animation. On se voit là-bas. 5. Principes de base de l'outil Chronologie: Dans cette leçon, nous allons parcourir l'outil de chronologie et les différentes méthodes de création d'animation. Pour commencer, ajoutons un calque vidéo à notre fichier en allant jusqu'à Calque, puis en descendant à Couches vidéo et en cliquant sur la droite sur le nouveau Calque vidéo vierge. Comme vous le voyez, les nouveaux calques démarreront toujours là où se trouve l'indicateur ou le marqueur bleu. Je vais faire glisser le marqueur au début de la timeline, puis faire glisser le calque vidéo au début également. Comme vous pouvez le voir, je ne peux pas voir le reste de ces calques, donc je peux descendre à la timeline, zoomer et zoomer curseur et le faire glisser vers la gauche pour effectuer un zoom arrière pour voir les calques complets. Maintenant, je vais ajuster la durée du calque en cliquant sur la fin du calque et en faisant glisser vers une durée plus courte, puis en cliquant sur la grande montagne pour zoomer jusqu'à ce que je développe la timeline. Il est important de souligner les différences entre les calques normaux dans Photoshop et les calques vidéo. Comme vous pouvez le voir, les calques vidéo auront l'icône du film. Ensuite, je vais ajouter un nouveau calque en cliquant sur l'icône plus en bas du panneau du calque. Je vais configurer ce calque en tant qu'image, et je vais faire glisser le bord du calque pour raccourcir sa durée, puis utiliser le curseur de timeline pour effectuer un zoom arrière sur la timeline. Maintenant, je vais faire glisser Frame 1 sur l'icône plus pour dupliquer le calque et le mettre à jour à Frame 2. Ensuite, je vais cliquer sur Frame 2 et le faire glisser à côté de Frame 1, ce qui va créer un groupe vidéo. C' est un excellent moyen d'organiser les cadres. Ensuite, je vais faire glisser Frame 2 vers le bas jusqu'à l'icône plus pour le dupliquer. Étant donné qu'il s'agit d'un groupe vidéo, le calque dupliqué apparaîtra automatiquement derrière l'image 2. Ces trois images constitueront notre animation d'image. Maintenant, je vais diminuer la durée des images afin qu'elles tiennent toutes les trois à l'intérieur de 16 images. Maintenant que nous avons configuré chaque méthode, discutons de ce que chaque méthode fait et comment elle est différente. La première méthode est l'animation d'image de calque, c' est-à-dire lorsque vous utilisez plusieurs calques décalés comme images qui créent l'animation. Cette méthode vous donne beaucoup de contrôle car elle vous permet de personnaliser la durée d'une image spécifique et vous permet de réorganiser la séquence de vos images. La deuxième méthode est une couche vidéo, qui fonctionne comme une bande de film, où chaque image est une toute nouvelle image. C' est comme si plusieurs cadres de couches étaient entassés en un seul. Cette technique, je pense, peut être difficile à ramasser. Je dirais que c'est une excellente technique pour errer sur l' animation dans l'animation de stock très simple. Maintenant, je vais vous montrer comment utiliser la couche vidéo. En cliquant sur le calque vidéo, puis en choisissant l'outil de brosse, je vais commencer à dessiner sur la première image du calque vidéo. Cliquez ensuite sur la touche fléchée droite pour passer à l'image suivante. Comme vous l'avez peut-être remarqué, notre dessin a disparu. Pour nous aider, nous allons accéder aux options de chronologie et cliquer sur « Activer les peaux d'oignon ». Maintenant, nous pouvons voir une version transparente de la dernière image. Les peaux d'oignon fonctionnent comme du papier calque, ce qui nous permet de voir une version transparente des cadres précédents ou à venir. En allant dans les options de chronologie et en cliquant sur « Paramètres de peau d'oignon », cela nous permet d'ajuster le nombre d'images que nous pouvons voir et les paramètres de transparence de ces images. N' hésitez pas à personnaliser comme vous le souhaitez. Maintenant, revenons à notre dessin. Je vais passer à l'image suivante et créer une ligne à partir de laquelle l'image précédente s'est terminée, puis passer à l'image suivante et redessiner la ligne, mais cette fois, un peu plus loin. Ensuite, je vais passer à l'image suivante et redessiner la ligne plus longtemps. Je vais aller de l'avant à nouveau, mais cette fois, je vais tracer la ligne plus courte de l'autre côté car je veux que la ligne ressemble à une diminution. Ensuite, je vais passer à nouveau à l'image suivante et dessiner à nouveau la ligne plus courte, puis aller de l'avant et dessiner un point. Alors je vais aller de l'avant à nouveau, mais cette fois, je ne dessinerai rien car je veux que la ligne ressemble à elle disparaisse. Maintenant, je vais ajuster la zone de travail, qui est une zone de cadres qui peuvent être lus. Pour ce faire, je vais faire glisser la fin du marqueur de zone de travail vers le cadre actuel. Si je veux ajuster le début de la zone de travail, je peux le faire en faisant glisser le marqueur de début ici. Je vais faire glisser le marqueur de fin vers Frame 16. J' ai décidé que je veux étendre l'animation pendant que la ligne est étirée comme vu ici. Pour ce faire, je vais déplacer l'indicateur vers le cadre, puis passer à Calque puis à Calque vidéo. Ici, nous avons plusieurs options, y compris Supprimer le cadre, Insérer le cadre vide et Dupliquer le cadre, que je vais utiliser pour dupliquer le cadre actuel. Comme vous le voyez maintenant, nous avons deux cadres avec la même image. Ensuite, je vais répéter cette étape pour dupliquer l'image une fois de plus. Maintenant, je vais aller dans Frame 1 et insérer un cadre vide, et nous allons cliquer sur la barre d'espace pour lire mon animation. Il est utile de faire une pause et de lire l'animation de temps temps pour voir comment votre animation progresse. Je me rends compte que je voulais étendre combien de temps vous voyez le point à la fin, donc je vais aller à Calque, Calque vidéo, puis cliquez sur Dupliquer l'image, puis lire à nouveau l'animation et aller répéter les étapes, dupliquer le cadre à nouveau. Cette fois, cliquez sur le bouton de lecture dans l'animation de lecture. Je suis heureux maintenant avec mon animation de couche vidéo. Maintenant, je vais créer une animation d'image. La différence entre le calque vidéo et une image de calque réside dans le fait que la couche vidéo est composée de plusieurs images, tandis qu'une image de calque n'est qu'une seule image que vous pouvez personnaliser sa durée. Comme vous pouvez le voir, le dessin du cadre de calque ne change pas pendant la durée de l'image. Le dessin ne disparaît que lorsque vous passez au second cadre de calque. Maintenant, je vais annuler le dessin et dessiner un salut rapide. Ensuite, je vais déplacer l'indicateur vers le cadre suivant et cliquer sur ce cadre de calque. Encore une fois, je vais activer les peaux d'oignon afin que je puisse voir le cadre précédent pour m'aider à redessiner le mot, Salut. Ensuite, je vais passer à l'image suivante et cliquez sur ce cadre de calque et dessiner le Salut final. Maintenant, je vais désactiver les peaux d'oignon pour que je puisse voir la lecture de l'animation sans voir les autres images transparentes. Maintenant, vous avez une compréhension de base des deux méthodes. En général, j'utilise le plus souvent l'animation d'images de calque, en particulier pour l'animation d'illustrations détaillées ou pour les animations qui auront de longues durées. L' animation de couche vidéo est idéale pour les éléments en mouvement constant comme cette animation de ligne mobile, ou lorsque vous voulez créer une interface graphique, ou un effet d'animation liquide, que je vous montrerai plus tard dans cette classe. Dans la leçon suivante, nous allons créer l'animation principale de notre projet à l'aide de l'animation par image. On se voit alors. 6. Animation de cadre: Dans cet exercice, je vais vous montrer comment animer votre animation principale en utilisant l'animation d'image. Pour ce faire, nous allons d'abord dessiner des images clés, qui seront le début, le milieu et les extrémités de l'animation, puis nous allons entrer et ajouter les images intermédiaires qui rempliront l'animation entre les points clés dans le mouvement. En fonction de votre niveau de confort avec les méthodes d'animation pour dessiner, n'hésitez pas à simplifier votre sujet. Une figurine de bâton ou un simple gribouillage peut être plus amusant pour commencer pendant que vous apprenez ces compétences. Pour commencer, nous allons cliquer sur notre cadre de calque et cliquer sur l'icône « Outil Pinceau » ou appuyer sur le raccourci « B », et commencer à dessiner notre sujet principal. Il est important de ne pas oublier de vous amuser pendant que vous dessinez et de ne pas vous soucier de la perfection. Souvent, les imperfections ou la rugosité des dessins ajoutent davantage de caractère à l'animation finale. Je commence à dessiner mon personnage en dessinant le visage et les cheveux. Ensuite, je vais cliquer sur l'icône « Gomme » pour utiliser la gomme pour enlever le haut de la tête, qui sera caché derrière ses cheveux, et puis je vais juste revenir sur le travail de la ligne, puis je vais à son cou et continuer à dessiner le reste de son corps, puis chacun de ses bras. Ensuite, je dessine son short et ses jambes et dessine ses chaussures. Ici, je clique sur le bouton « Annuler », puis redessine la ligne, puis je monte aux manches et dessine les mains. Maintenant que ma première image clé est terminée, je vais la faire glisser vers l'icône plus pour la dupliquer et la faire glisser à côté de la première image, ce qui va créer un groupe vidéo que je vais appeler Keyframes pour l'instant. Ensuite, je vais effacer une partie du bras et la redessiner dans une nouvelle position au milieu du mouvement, puis je vais répéter les étapes pour dupliquer à nouveau l'image pour créer l'image-clé finale en redessinant le bras dans une position ascendante. Selon la complexité de votre animation, vous pouvez finir par faire plus ou moins d'images clés. Maintenant, je fais juste défiler la chronologie pour passer en revue le mouvement du bras. Ensuite, je vais commencer à créer les images intermédiaires qui combleront les lacunes du mouvement. Pour ce faire, je vais faire glisser la première image vers l'icône plus pour la dupliquer. L' objectif d'une image intermédiaire est de créer un dessin qui capture le mouvement entre différentes images clés. En fonction de la complexité de votre animation, vous pouvez avoir besoin de plusieurs images intermédiaires. Comme avant, je vais utiliser la gomme pour enlever le bras d'origine, puis je vais le redessiner dans une nouvelle position montrant le nouveau mouvement, et pour m'aider à dessiner mon cadre intermédiaire, je vais modifier l'option Peau d'oignon, donc je peux voir les deux images clés. Pour ce faire, je vais augmenter les images que je peux voir avant et après mon image actuelle. Maintenant que je peux voir les deux cadres, je peux dessiner ma nouvelle position de bras. Ensuite, je vais répéter mes étapes avec l'image-clé du milieu pour créer une nouvelle image intermédiaire. Typiquement, quand quelqu'un agite sa main, il se déplace d'avant en arrière pendant qu'il est en haut, donc je vais dupliquer la dernière image-clé pour ajouter une nouvelle image où le bras est plus proche de la tête créant le mouvement d'agitation. Puisqu' il s'agit d'un mouvement plus serré, il va sembler qu'il se déplace plus vite lorsqu'il est lu. Je ne veux pas cela, donc je vais prolonger la durée de chacune de ces deux images par une. Je ne veux pas mettre fin à mon animation avec ses mains coincées dans l'air, donc je vais dupliquer les images précédentes et les commander dans l'ordre inverse, donc son bras redescend de son côté. Je veux tout lire pour passer en revue l'animation, donc je vais utiliser le menu chronologique et cliquer sur « Zone de travail », puis cliquez sur « Définir fin à la tête de lecture » pour déplacer la fin de la zone de travail à la fin de ma dernière image, alors je vais lire l'animation pour voir à quoi tout ressemble. Ensuite, je vais ajouter un lien vers mon animation de personnage. abord, je vais sélectionner le cadre sur lequel je veux démarrer l'animation de clin d'œil, et en utilisant l'outil gomme, je vais effacer son œil et le redessiner maintenant. Pour m'aider à le dessiner, je vais allumer la peau d'oignon. Ensuite, je vais cliquer sur le cadre suivant et redessiner l'œil en cours de fermeture. Je montre les yeux fermés sur deux cadres, donc le clignotement n'est pas trop court pour que les gens ne le remarquent pas. Maintenant, je vais désactiver les peaux d'oignon et lire ma dernière animation. Dans la leçon suivante, nous allons appliquer cette technique à un mot ou une phrase. On se voit alors. 7. Animation de texte: Dans cette leçon, nous allons appliquer la technique d'animation de cadre à des textes dessinés à la main. C' est un moyen facile d'ajouter une animation à des projets de lettrage à la main dans le même fichier que nous avons utilisé dans la dernière leçon, nous allons créer un nouveau cadre de calque. Je vais créer un nouveau calque et utiliser l'icône des ciseaux pour diviser le calque à deux images de long, puis nous supprimerons le reste. Je veux que le texte soit blanc et que le fond soit noir. Je vais dupliquer le calque inférieur et le remplir avec la couleur noire. Maintenant, je vais cliquer sur l'icône du pinceau et changer la couleur en blanc, puis commencer à décrire mon mot. J' aime d'abord dessiner le plan et mon texte, puis entrer et remplir chaque lettre. Ensuite, je vais créer un nouveau calque qui va glisser en ligne avec l'image précédente et en faire la même durée à ce premier flux. Ce groupe vidéo contiendra toutes les images pour mes animations de textes. Maintenant, je vais allumer les peaux d'oignon. Comme vous pouvez le voir, je ne vois rien. Pour corriger cela, je vais ajuster les paramètres de peau d'oignon. Je vais le faire en allant au mode de fusion et en le changeant à l'écran, afin que je puisse voir sur un fond sombre, puis je vais cliquer sur « Ok » et répéter les étapes précédentes, je vais dessiner mon deuxième Salut. Maintenant, je vais faire glisser le début du marqueur de zone de travail vers le premier bloc de texte. Ensuite, je vais dupliquer les images plusieurs fois, donc mon animation est plus longue. J' utiliserai le menu chronologique pour définir la fin de mon espace de travail. Maintenant, je vais désactiver les peaux d'oignon et cliquer sur le bouton « Jouer ». J' ai remarqué que mon texte n'est pas centré. Je vais cliquer sur le «  Groupe vidéo texte  » et cliquer sur « Outil Déplacer », puis faire glisser mon mot vers le centre. Ensuite, je vais appuyer sur le bouton « Play » pour regarder l'animation. Dans le prochain exercice, nous allons créer une transition amusante en utilisant une couche vidéo. On se voit alors. 8. Animation de la couche vidéo: Dans cet exercice, je vais nous guider dans la création d'une transition GUI en utilisant une couche vidéo, et nous finaliserons notre animation finale. Dans les mêmes fichiers de la leçon précédente, je vais le configurer de sorte que le groupe de texte commence près de la marque de trois secondes et ait un espace entre l'animation du personnage et des textes pour mon effet de transition. Pour commencer, allez dans Couches vidéo, puis cliquez sur « Nouveau calque vierge ». À partir de la deuxième image, la couche d'offres, j'utiliserai l'outil Pinceau pour dessiner les premiers bords de ma transition. Ensuite, je vais cliquer sur le « Paint Seau Tool » pour remplir les formes avec du noir. Ensuite, je n'utilise que la touche fléchée droite pour avancer un cadre et je dessine les bords un peu plus vers l'intérieur. Ensuite, je vais aller là où je veux que la transition se termine et remplir le cadre avec du noir. Dessiner les cadres de début et de fin peut aider à remplir la transition uniformément. Une fois que toutes les images intermédiaires ont été dessinées, je vais parcourir la chronologie pour passer en revue l'animation. Je veux que la fin de la transition dure 13 secondes. Donc, je vais à la dernière image et je clique sur « Video Layers », puis cliquez sur « Dupliquer Frame ». Je vais répéter ces étapes jusqu'à ce que j'ai 12 images soient dupliquées. Ensuite, je vais jouer l'animation. Après avoir examiné, j'ai remarqué que quelques images étaient éteintes, donc je vais supprimer un cadre et insérer un nouveau cadre vide pour redessiner le cadre précédent afin de mieux s'aligner avec les images voisines. Maintenant, je vais réaligner les autres éléments pour finaliser mon animation complète. L' objectif est de faire passer la transition sur l'animation du personnage et de faire jouer l'animation du texte sur le fond noir, puis d'avoir une deuxième transition pour nous ramener au début de notre animation, afin que nous ayons une GIF en boucle. D' abord, je vais agrandir la zone de travail. Ensuite, je vais étendre la dernière image de l'animation du personnage. Maintenant, je vais faire glisser le calque vidéo pour que la transition couvre l'animation du personnage. Ensuite, je vais déplacer l'indicateur de cadre au point où la transition est terminée. Je vais faire glisser le groupe d'animation de texte à ce point car je veux que le texte apparaisse immédiatement après la transition de l'arrière-plan vers le noir. Maintenant, j'ai réalisé que mon calque noir solide apparaissait, donc je le fais glisser et puis j'examine à nouveau l'animation de transition pour trouver le point où il devient plein noir, puis je vais faire glisser le groupe vidéo texte et mon calque noir sur jusqu'à ce point. Ensuite, je vais dupliquer le calque de transition et le faire glisser au-dessus du groupe vidéo de texte et renommer transition blanche et la transition noire d'origine. L' étiquetage des calques et des groupes vidéo vous aidera à suivre et à trouver tous vos différents éléments plus tard. Ensuite, je vais faire glisser le calque de transition blanc. Je décide de le déplacer et je finis par l'avoir à la marque de 2 secondes et 15 images dans la chronologie. Maintenant, pour rendre le calque dupliqué blanc, je vais créer un nouveau calque comme blanc de remplissage et j'ajouterai un masque d'écrêtage au calque vidéo ci-dessous. Ensuite, je vais dupliquer ma dernière image de l'animation du personnage et la faire glisser vers le haut de tous les calques. La dernière étape consiste à lire mon animation de fichier pour m'assurer que je suis heureux avec elle. Félicitations pour avoir terminé votre animation complète. Tu l'as fait. Dans la prochaine leçon, je vais vous montrer comment ajouter de la couleur à nos animations. On se voit alors. 9. Bonus : Ajouter de la couleur: En prime, je vais vous montrer comment ajouter de la couleur à votre animation. C' est une étape facultative pour vos projets, donc ce n'est pas quelque chose que vous avez à faire, mais je pense que c'est une façon amusante de simplement élever votre animation un peu plus loin. Tout comme avec le remplissage de mon animation de transition, la dernière leçon, je vais utiliser le seau de remplissage pour entrer et remplir différentes zones avec de la couleur. abord, je clique sur l'icône « Bucket », puis je sélectionne la couleur que je veux et clique dans toutes les zones que je veux que ma couleur soit. Ensuite, je choisirai une couleur marron foncé pour que mes échantillons remplissent les cheveux. Ensuite, je choisirai une couleur bleu foncé pour remplir mon pantalon. Ensuite, je vais sélectionner une couleur orange pour remplir ma chemise et mes manches. Enfin, je vais sélectionner « Noir » et remplir les chaussures. Ensuite, je vais sélectionner la brosse à outils et épaissir quelques lignes et ajouter quelques lignes supplémentaires. C' est ça. Dans la leçon suivante, je vais vous montrer comment exporter votre animation. 10. Export: Dans cette leçon, je vais vous montrer comment exporter votre animation en tant que GIF dans la vidéo. Pour commencer, nous allons exporter un GIF en accédant à Fichier, Exporter, puis en cliquant sur Enregistrer pour le Web. Une boîte de dialogue s'affiche. Si vous prévoyez d'avoir un GIF transparent, vous voudrez aller à Matte, puis choisir Aucun. Il est bon de vérifier que nous avons les bonnes dimensions ici. Vérifiez également les options de boucle que nous voulons pour toujours, donc, il continue de boucler constamment, puis nous cliquons sur « Enregistrer ». Dans cette fenêtre contextuelle, confirmez le nom, la destination, puis cliquez sur « Enregistrer ». Si vous utilisez une ancienne version de Photoshop, Enregistrer pour Web se trouve dans le menu principal des fichiers, à proximité des autres options de sauvegarde, comme indiqué ici. Pour exporter une vidéo, vous pouvez le faire en accédant aux options de montage et en allant dans le bas et en cliquant sur le rendu de la vidéo. Vous pouvez également accéder à Fichier, Exporter, puis à Rendu vidéo. Maintenant, confirmez le nom et la destination, puis cliquez sur « Rendu ». Félicitations. Vous venez d'exporter votre première animation. Maintenant, allez le télécharger dans la section projet pour le partager avec les autres élèves, et je vous verrai dans la dernière leçon. 11. Synthèse: Félicitations pour avoir terminé ce cours. J' apprécie vraiment que vous preniez le temps de prendre mes cours. J' espère que vous vous sentirez inspiré pour faire des animations plus amusantes en utilisant les méthodes d'animation d'image et de calque vidéo que vous avez apprises dans Photoshop. L' objectif de cette classe était de vous offrir un large éventail d'expériences d'animation, en vous faisant créer une animation principale, animer des textes dessinés à la main et créer un effet de transition. Grâce à cette expérience, vous pouvez maintenant appliquer ce que vous avez appris à tant de projets différents. Je suis très heureux de voir ce que vous avez créé, alors assurez-vous de poster votre travail dans la section projet de cette classe. Vous pouvez également trouver plus de mon travail sur Instagram @isaiahcardonakc. Si vous publiez là-bas, n' hésitez pas à me marquer dans vos messages, ou à utiliser #Isaiahcardona, afin que je puisse aussi le voir. Si vous souhaitez plus de projets pour vous aider à apprendre les animations graphiques, suivez-moi sur Skillshare car je publierai bientôt de nouveaux cours. Merci encore d'avoir suivi ce cours. J' apprécie vraiment que vous preniez le temps d'apprendre les compétences avec moi, et j'espère vous voir bientôt dans un futur cours. Au revoir pour l'instant.