Animation dans Adobe Photoshop : créer une vidéo sociale pour promouvoir votre marque | Isaiah Cardona | Skillshare

Vitesse de lecture


1.0x


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

Animation dans Adobe Photoshop : créer une vidéo sociale pour promouvoir votre marque

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:51

    • 2.

      Pour commencer

      1:06

    • 3.

      Définir un projet

      1:27

    • 4.

      Inspiration

      1:04

    • 5.

      Storyboarding

      3:01

    • 6.

      Principes de base de Photoshop Timeline

      4:08

    • 7.

      Outils de préparation

      2:12

    • 8.

      Avis d'exercice

      0:36

    • 9.

      Exercice 1 : animation de masque

      3:19

    • 10.

      Exercice 2 : animation de logo

      5:07

    • 11.

      Exercice 3 : transition d'image

      9:30

    • 12.

      Exercice 4 : essuyer linéaire

      3:26

    • 13.

      Exercice 5 : animation d'icônes

      6:07

    • 14.

      Exercice 6 : finaliser la vidéo

      4:13

    • 15.

      Exporter

      2:00

    • 16.

      Synthèse

      0:51

  • --
  • 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.

250

apprenants

3

projets

À propos de ce cours

Apprendre à créer facilement une vidéo animée dans Photoshop !

Avez-vous déjà voulu créer une vidéo pour promouvoir votre marque personnelle ou votre entreprise sur les réseaux sociaux ? C'est en fait assez simple ! Dans ce cours, vous apprendrez les bases de la création et de l'animation vidéo dans Photoshop.  Ce cours sera une première étape pour tous ceux qui ont de l'expérience avec Photoshop et qui souhaitent commencer à apprendre les graphiques animés. 

À la fin, vous saurez toutes les techniques pour créer des vidéos amusantes pour présenter votre travail ou votre entreprise.

Ce que vous allez apprendre :

  • Créer des idées vidéo
  • Trouver l'inspiration pour les graphiques animés
  • Principes de base de l'utilisation de l'outil de chronologie et de la création d'animation
  • Préparer des ressources pour l'animation
  • Techniques pour animer des logos
  • Comment créer des transitions vidéo amusantes
  • Animation d'icônes
  • Exporter le travail sous forme de vidéo ou de gif animé

Ce que vous réaliserez :

À la fin du cours, vous aurez créé une vidéo personnalisée qui impressionnera les autres, ainsi que des compétences utiles pour créer des vidéos supplémentaires amusantes et uniques. 

CE DONT VOUS AUREZ BESOIN :

  • Adobe Photoshop (essai gratuit du programme logiciel sur Adobe.com)
  • Toutes les ressources que vous souhaitez utiliser dans votre projet, telles qu'un logo, des images de votre travail ou de votre produit, et tous les autres éléments de marque

Si vous avez besoin d'un cours pour débutants dans Photoshop : apprendre Adobe Photoshop : les bases pour commencer

Mon expertise :

Je suis un directeur artistique principal et un motion designer avec plusieurs années d'expérience de travail pour des agences qui ont créé des projets vidéo allant des vidéos explicatives animées aux réseaux sociaux et aux publicités. J'ai travaillé à toutes les phases du processus, de la création et du storyboarding d'idées vidéo à la direction artistique de motions designers/animateurs et même à l'animation de contenu moi-même. Je structure mes cours pour qu'ils soient utiles aux designeurs, aux artistes et à tous ceux qui sont nouveaux en animation.

Ressources supplémentaires :

Ce cours présente brièvement le storyboarding, mais si vous souhaitez approfondir le processus complet, jetez un coup d'œil à mon cours, Storyboarding dans Procreate : guide du débutant de dessin de storyboards

Vous pouvez également jeter un coup d'œil à mes autres cours Photoshop, à l'animation dessinée à la main dans Photoshop et à l'édition audio pour les débutants dans Adobe Photoshop.

___________________


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

Musique : Blue Dream – Cheel

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: Intermediate

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: Je suis Isaiah Card Dona, et je suis directeur artistique basé à Kansas City avec plusieurs années d' expérience dans le design de mouvement. Et j'ai créé ce projet pour aider les étudiants à apprendre quelques techniques d'animation de base qu' ils peuvent utiliser pour créer une vidéo pour promouvoir leur marque personnelle ou leur entreprise sur les réseaux sociaux, ce cours sera génial première étape pour tous ceux qui connaissent Photoshop et qui souhaitent commencer à apprendre les graphismes animés. Et dans ce cours, je couvrirai la conception et le storyboard de votre projet. façon dont je trouve l'inspiration vous donne les bases de l'animation dans Photoshop et vous fournit les fichiers de travail que vous pouvez utiliser pour suivre avec moi. J'espère vous voir en classe et hâte de voir ce que vous créez. 2. Pour commencer: Pour ce projet, vous allez créer une courte vidéo dans Photoshop que vous pourrez utiliser pour promouvoir votre marque personnelle ou votre entreprise sur les réseaux sociaux afin de créer votre vidéo Nous discuterons d'abord de la conception du idée vidéo, trouver de l'inspiration pour les graphismes animés, parcourir le processus de storyboard. Je vais également nous guider dans la préparation de nos ressources pour animation et les bases de l'utilisation de l'outil Montage vidéo. Ensuite, nous allons passer par plusieurs exercices et Photoshop pour apprendre à animer différents éléments de graphisme animé. J'ai fourni des fichiers d'exercices, y compris les fichiers terminés, afin que vous puissiez suivre ou référencer un fichier de travail final. Enfin, je vais vous montrer comment exporter votre projet sur les réseaux sociaux et Skillshare. 3. Définition du projet: Avant de concevoir votre vidéo il est important de définir le projet. Voici quelques éléments à prendre en compte lors de la conception de votre vidéo. premier était l'objectif de la vidéo. Voulez-vous faire connaître votre marque ? Ou voulez-vous présenter une partie de votre travail ? Pensez également à votre public et à ce que vous voulez qu'il fasse. Il se peut que vous souhaitiez qu'ils interagissent avec votre publication ou qu'ils visitent un lien vers votre site Web. directives de votre marque constituent un autre facteur important. Il est important de laisser le style et la voix de la marque façonner la vidéo et le style de mouvement que vous utilisez. vidéo entièrement animée peut convenir à certaines marques, alors que le mouvement subtil est le meilleur pour d'autres marques, considérez également les actifs, il est important de jeter un coup d' œil aux actifs dont vous avez à votre disposition. des images de style de vie ou avez-vous également des icônes ou des illustrations qui pourraient être animées ? Enfin, il est important de prendre en compte la plateforme sur laquelle vous allez également publier la vidéo. Cela vous aidera à déterminer les dimensions que vous utilisez, ainsi que le format sous lequel vous l'exportez. 4. Inspiration: Avant le storyboard d'une vidéo, je recommande toujours de trouver inspiration pour différentes techniques d'animation vous voudrez peut-être utiliser. Quelques endroits où je me rends pour m'inspirer sont dribble, Instagram et Pinterest. Pinterest vous permet de rassembler toute l'inspiration dans différents tableaux. Si vous avez du mal à trouver l'inspiration, consultez mon tableau de graphisme animé, pinterest.com, slash Isaiah, son donateur. Ou cliquez sur le lien. Dans la section projets de notre classe. Mon tableau est divisé en textes d'animation stop motion, animation, animation dessinée à la main, ainsi que quelques tutoriels utiles. C'est donc un excellent point de départ pour trouver de l'inspiration pour votre projet de classe. 5. storyboarding: Dans cette leçon, je vais parcourir mon exemple de storyboard, qui est également disponible dans les fichiers de classe qui peuvent être téléchargés à partir de la section ressources de cette classe. Voici un storyboard que je crée pour une fausse entreprise appelée Plants Shop. En appliquant ces considérations, je savais que j'avais un logo. Je savais ce que mes couleurs War. Je savais que je voulais qu'il montre évidemment des images de plantes, car il s'agit d'un magasin de plantes. J'ai donc pu passer par là, poser les cadres et raconter l' histoire que je veux raconter, qui commençait par montrer le logo plutôt que par la présentation des plantes, intégrant un slogan pour trouver le vôtre , puis s'assurer que cette vidéo est très marquée, en utilisant les couleurs de notre marque. Ensuite, je veux qu'elle termine fortement la vidéo avec mon logo. Et ensuite, encouragez vraiment le public à dialoguer avec la vidéo en organisant une animation qui lui rappellera d' aimer les commentaires et de me suivre sur Instagram. Et pour le processus de storyboard, j'aime également intégrer des notes d' animation, que j'ai sous chaque image ce qui aide à remplacer et à planifier. Bonjour, je veux que tous les éléments s'animent et comment je veux que les éléments entrent et sortent des images. Et rappelez-vous que vous devez concevoir vos cadres de storyboard selon les dimensions de la plateforme sur laquelle vous vouliez poster. Par exemple, je suis allé avec 1080 par 1080 car cela fonctionne à la fois pour Facebook et Instagram. Mais conseil professionnel, Il est toujours bon de vérifier dimensions et les exigences actuelles de la vidéo car les plateformes sociales font souvent des mises à jour. Enfin, je voulais noter que mon storyboard et les exercices que je crée pour ce cours sont destinés à vous enseigner quelques techniques que vous pouvez utiliser pour votre vidéo. Mais vous n'avez pas besoin d'utiliser toutes ces techniques. N'hésitez pas à utiliser la technique ou approche qui convient le mieux à votre projet. Et comme toujours, si vous rencontrez des questions ou avez besoin d'aide, contactez-moi. Une fois que vous avez terminé votre storyboard, n'hésitez pas à le publier la page du projet afin que nous puissions tous sur la page du projet afin que nous puissions tous suivre la progression de l' autre. 6. Fondamentaux de la ligne de temps dans Photoshop: Dans cette leçon, je n' aborderai pas les bases de l'utilisation de l' outil de chronologie pour créer des animations. Tout d'abord, ouvrons l'outil de chronologie. Allez d'abord dans le menu en haut, puis cliquez sur Fenêtre. Ensuite, descendez en bas de la ligne de temps soudain et cliquez dessus. Si le panneau Montage est en mode d'animation de fin d'image, cliquez sur le bouton Convertir en montage vidéo. Ensuite, nous devons spécifier la durée de la chronologie et la fréquence d'images. La durée correspond à la durée du clip vidéo. Et la fréquence d'images, ou images par seconde, est généralement déterminée par le type de sortie souhaité. J'aime généralement rester entre 24 et 30 images par seconde. ce faire, vous allez définir la fréquence d'images de la chronologie et le menu du panneau. Ajoutons maintenant un nouveau calque , puis créons un objet pouvant être animé. Donc pour celui-là, je vais juste utiliser un cercle. Examinons maintenant les fonctionnalités de l'outil de chronologie. La première étape consiste à cliquer sur la flèche vers le bas pour afficher les propriétés des calques. L'animation est créée en modifiant les propriétés au fil du temps. Selon le type de couche, les propriétés seront différentes. Pour ce calque, nous avons la position, l'opacité et le style. Position ajuste la position de l'objet et le cadre passera le réglage de la transparence du calque que nous pouvons utiliser pour faire disparaître un objet ou s'estomper. Ensuite, le style nous permet d' ajuster le remplissage d'un objet. Une autre propriété courante est la propriété Transform, qui vous permet non seulement d'ajuster le positionnement, mais également d'ajuster la taille d'un objet. Si vous avez une couche qui n'a pas été transformée, vous pouvez la convertir en objet intelligent, puis cela vous donnera la propriété de transformation. Nous sommes maintenant prêts à créer notre première animation. Descendez et cliquez sur le chronomètre en regard du nom de la propriété pour définir la première image clé la propriété de couche que vous souhaitez animer. Ensuite, nous allons déplacer l' indicateur de temps actuel vers une nouvelle image, puis nous modifierons la propriété de la couche. Et donc, dans cette situation, je veux que le cercle bouge. Je vais donc revenir à l'indicateur de temps actuel, puis je vais simplement déplacer l'objet. Et puis vous l'avez là. Nous venons de réaliser notre première animation. Ensuite, prévisualisons notre animation. Ici, nous avons différentes commandes de lecture qui nous permettent de lire ou de mettre en pause l'animation. Nous avons également la possibilité d' ajuster la qualité de lecture, ce qui peut être utile si vous avez un ordinateur plus lent à utiliser, soit 50  % de 25 %. Et quand il est temps de sauvegarder votre animation, nous avons quelques options. La première consiste à enregistrer en tant que GIF animé à l'aide de la commande Enregistrer pour Web. Nous avons également la possibilité d'enregistrer en tant que séquence d'image ou vidéo à l'aide de la commande de rendu vidéo. Et je vais vous montrer ce processus plus en détail plus loin dans la leçon d'exportation. 7. Préparer des actifs: Avant d'entrer dans Photoshop, il sera très important de rassembler et préparer nos ressources que nous voulons animer un exemple, ce serait si nous voulions animer et logo comme nous l'avons montré, nous besoin que chaque pièce du logo soit une couche distincte afin que nous puissions animer chaque pièce. Cela vaut aussi pour le type. Si vous envisagez de briser des lignes de texte, animez un mot à la fois. Chaque mot doit être une couche distincte. Pour beaucoup de gens. Ils peuvent comporter un logo ou des ressources sous la forme d'une seule image. Pour ces situations, je recommande toujours d'aller dans Photoshop et de découper l' arrière-plan de chaque objet. Et puis, une fois que chaque objet est découpé, nous les séparons en différents calques. Et puis je recréerais l'arrière-plan. Une autre partie de la configuration de vos fichiers consiste à utiliser un masque par masque de découpage. Puisque je veux que les plantes s'animent en place mais ne soient pas montrées en dehors du cercle bleu sarcelle. J'ai utilisé un masque de détourage. Un masque de détourage se produit lorsqu' un calque est coupé par le calque en dessous. Pour ce faire, cliquez sur Alt ou Option, puis survolez les calques jusqu'à ce que le signe d'écrêtage apparaisse. Pour le type, j'utilise un masque de calque. Le groupe se penchera sur les masques de calque que vous pouvez les animer spécifiquement. Ici, je vous montre comment utiliser les images clés et modifier la position d'une propriété de masque pour créer une révélation cool. Un fait pour le type de logo. 8. Conseils d'exercice: Pour les exercices suivants, nous utiliserons les fichiers d'exercices pratiques du dossier des fichiers de classe situé dans la section Ressources de cette classe. Il peut être utile de regarder d'abord un exercice, apprendre les techniques, puis de regarder à nouveau lorsque vous êtes prêt à suivre les fichiers d'exercices pour votre propre projet. N'oubliez pas de prendre les choses lentement et de me poser des questions. 9. Exercice 1 : Animation de masques: Et voici un exemple de ce que nous allons faire et nous utiliserons l'exercice 1.1 du dossier d'exercices pratiques. La première partie que nous allons faire lorsque vous aurez la configuration de Photoshop pour la première fois , c'est que nous allons passer à Window, puis nous allons passer à la chronologie. Ensuite, cela va activer l'outil Montage vidéo. Et c'est ce que nous utiliserons pour toutes nos animations et Photoshop. Et ensuite, en bas, vous pouvez zoomer sur la chronologie. Vous pouvez donc le faire glisser vers la droite pour effectuer un zoom avant ou vers la gauche pour voir le zoom arrière. Pour cette partie de l'animation, je veux vraiment commencer avec plein cadre rempli la couleur kill et habit réduit. En commençant par l'animation, je clique sur l'ellipse de till. Je vais donc à l'image a, puis j'appuie sur la commande T, qui est l'outil de transformation. Et puis je monte et j'ajuste la taille. Et je l'ai mis à l'échelle jusqu'à 285% de cette taille. Et puis je le centrerai jusqu'au centre du cadre. Nous avons donc maintenant cette image complète. Puis je descends et je clique sur l'outil de transformation. Et puis en frappant ce chronomètre, je suis capable de créer un cadre clé. Le prochain, je vais passer à l'image 20, puis sur commande T pour ouvrir l'outil de transformation. Et en ce moment, au lieu de le mettre à l'échelle, je veux le réduire complètement. Qu'est-ce que Photoshop ici, et j'ai autorisé à faire 0. Je fais donc ce que je fais 0,01%. On dirait donc qu'il a complètement diminué et qu'il a disparu. Et je pense qu'une chose intéressante ici est que lorsque vous effectuez un ajustement pour transformer ou passer l'ID, vous devez utiliser un chronomètre la première fois pour créer une image-clé. Mais ensuite, vous pouvez simplement passer à un nouveau cadre , puis effectuer un réglage. Ensuite, il créera automatiquement une image-clé. Et ici, je réajuste en quelque sorte le zoom la chronologie afin que je puisse la lire et voir l' animation complète en action. 10. Exercice 2 : Animation de logo: Pour cette leçon, nous allons animer. Notre logo utilisera l'exercice 1.2 du dossier d'exercices pratiques. Si les couches sont regroupées, vous pouvez accéder au groupe de couches et cliquer sur la flèche pour les développer. La première étape consiste à faire glisser la plante d'un calque vers le cadre 5. Ensuite, allez à l'image 17 et cliquez sur le chronomètre en regard de la position pour créer une image-clé. Revenez ensuite au début du calque à l'image trois, puis déplacez la plante hors du cadre circulaire. Cliquez ensuite sur le calque 17 et appuyez le diamant à côté de la position pour créer une image clé. Ensuite, faites glisser cette image clé sur 10. Accédez à l'image 15 et cliquez sur le chronomètre en regard de opacité pour créer une nouvelle image-clé correspondant au niveau de transparence actuel. Ensuite, allez au début de l'animation à l' image 3 et réduisez l'opacité à 0. Nous allons maintenant appliquer une technique similaire aux autres plantes. Sur l'usine 2. Nous allons passer à l'image 12, puis créer une image-clé pour la position actuelle. Ensuite, nous allons démarrer le calque à l' image 0 et faire glisser l'usine vers le bas hors de l'image, ce qui devrait créer automatiquement une nouvelle image-clé. Passez maintenant à l'image 0 11 et faites glisser la plante centrale au-delà de sa position finale. Puis faites glisser la nouvelle image clé vers l'image 10. Maintenant, allez à l'image 8 et créez une image-clé pour l'opacité actuelle. Ensuite, allez commencer. Une couche peut réduire l'opacité à 0. Maintenant, allez dans l'usine 3 et faites glisser jusqu'à l'image 10. Ensuite, passez à l'image 20 et créez une nouvelle image clé pour la position actuelle de l' usine. Ensuite, allez dans Début du calque à l'image 10 et faites glisser le curseur hors du cadre vers la droite. Cliquez maintenant sur l'image 20 et créez une nouvelle image clé et faites glisser cette nouvelle image clé jusqu'à l'image 15. Cliquez ensuite sur l'image 20 et créez une nouvelle image-clé pour l'opacité actuelle. Allez ensuite au début de cette couche. Ensuite, vous allez passer à un pâteux et nous allons le réduire à 0, ce qui créera une nouvelle image-clé. Cliquez maintenant sur l'ellipse till à l' image dix et créez une nouvelle image-clé pour transformer Sadie. Ensuite, allez dans Démarrer la couche et appuyez sur raccourci Commande T pour afficher l'outil de transformation, mettez à jour la largeur et la hauteur 2,01% et cliquez sur la flèche ou sur la touche Entrée pour soumettre la modification. Il est temps d'animer le type de logo. Cliquez sur la flèche sur le groupe de couches de type de logo pour développer. Maintenant, faites glisser le groupe de couches deux encadrer une équipe. Cliquez sur le texte de la plante de calque et accédez à image 29 et créez une nouvelle image clé pour la position actuelle. Répétez l'action pour le calque de magasin. Le même cadre. Passez maintenant au début de ces deux couches à l'image 19. Et lorsque les deux calques de texte sont sélectionnés, faites-les glisser vers le bas dans le Canvas. Maintenant, passez à l'image 27 et créez de nouvelles images-clés pour les deux couches de texte. Faites ensuite glisser les nouvelles images-clés vers l'image 25. Animons maintenant la transparence à l'image 29. Créez de nouvelles images clés pour l'opacité actuelle. Ensuite, passez à l'image 24 et réduisez l'opacité à 0. Ensuite, nous allons faire glisser le calque deux textes de la boutique, image 29. Maintenant, je vais effectuer un zoom arrière avec l'outil de chronologie et lire l'animation pour passer en revue l'animation finale afin de m' assurer d'en être satisfait. 11. Exercice 3 : Transition d'image: Dans cette leçon, nous allons créer des transitions à l'aide d' images et nous utiliserons l'exercice 2.1 du fichier d'exercices pratiques. La première étape consistera à faire glisser le curseur sur les trois poignées supérieures et l'outil de chronologie. Nous pouvons donc simplement nous concentrer sur la première partie de cette animation. Cliquez sur l'image 20 et créez nouvelles images-clés de transformation pour les calques de panneau gauche et droit. Tout d'abord, commencez par démarrer ces calques et faites glisser une image pour créer une nouvelle image-clé. Maintenant, allez dans le cadre 15 et faites glisser les panneaux gauche et droit vers le bas jusqu'à ce qu'ils soient presque terminés. Je vais maintenant lire l'animation. Ensuite, j'appliquerai la même technique au panneau central en masque. Nous ajouterons une image-clé à l'image 25 pour la position actuelle. Ensuite, lancez un calque et faites glisser les deux calques du milieu l'extérieur pour le cadre dans le sens inverse. Ensuite, nous ajouterons de nouvelles images-clés lorsque la couche est à 90 % en haut. Ensuite, déplacez ces images clés dans l'image 15. Animation de lecture pour vous assurer que vous êtes satisfait. Maintenant, je vais faire disparaître le texte un à la fois. Pour ce faire, je vais commencer par faire glisser les trois calques de texte vers le cadre 20. Ensuite, je vais passer à la marque de 1 seconde et créer une nouvelle image-clé d'opacité, puis aller au début du calque. Et au cadre 20. Et puis je vais aller à O, passer le, réduire ça à 0. Je vais maintenant répéter cela pour les trois couches de texte suivantes. Décalons ensuite les calques en faisant glisser vos textes ultérieurement vers le cadre d'une seconde. Ensuite, je vais faire glisser des textes Zen plus tard jusqu'à une seconde, 10 images. Maintenant, je suis en train de lire l'animation. Ensuite, nous allons ajouter un effet de zoom aux images d'arrière-plan afin que nous ayons une animation subtile pendant que les utilisateurs lisent le texte et la ligne Bu. Et puis, en commençant par le premier panneau, l'image passe à la barre de 4 secondes en appuyant sur la commande T, raccourci, puis en augmentant un peu la largeur et la hauteur et déplaçant l'image sur un peu l'image passe à la barre de 4 secondes en appuyant sur la commande T, raccourci, puis en augmentant un peu la largeur et la hauteur et en déplaçant l'image sur un peu Gardez l'animation vraiment subtile. Nous allons maintenant utiliser la même technique sur les autres images. Cliquez donc sur le centre de l' image en utilisant raccourci Commande T et en augmentant la taille de l'image. Ensuite, cliquez sur la dernière image et utilisez nouveau l'outil de transformation à nouveau l'outil de transformation pour augmenter un peu la taille, pour avoir un effet de zoom lent, il suffit de lire l'animation et de faire corrections jusqu'à ce que je suis heureux Animons maintenant la prochaine transition d'image. Commencez par faire glisser l'image de la plante suspendue jusqu'à trois secondes. Ensuite, je vais créer une image-clé au début du calque , puis je vais passer à l'image 15, puis déplacer l' image hors de l'image. Ensuite, en cliquant sur l'image 14, nous créerons une nouvelle image-clé de transformation. Et puis, après avoir lu l'animation, je décide de déplacer l'image clé du milieu sur l'image 10, la dernière image clé à l'image 16. Maintenant que j'ai compris l' animation du premier panneau, je vais appliquer ces mêmes paramètres aux deux autres images. Une fois qu'elles sont alignées sur la première animation, je décalerai l'animation en faisant glisser les deuxième troisième calques dans la chronologie. Pour obtenir le bon timing, je rejoue l'animation et j'effectue les ajustements nécessaires jusqu'à ce que je sois content. 12. Exercice 4 : L'esquisse linéaire: Dans cette leçon, nous allons créer une transition de nettoyage multicolore. Nous utiliserons l'exercice 2.2 du dossier d'exercices pratiques. Je me concentrerai sur la première couleur, qui sera la couche jusqu'au blanc. Et je vais aller au cadre 20 et j'atteindrai ce chronomètre pour créer un cadre clé pour la transformation. Et puis une chose qui est utile ici, parce qu'il y a celles sur leurs couleurs qui sont en haut, c'est que je vais les sélectionner et ensuite les faire glisser. Je peux donc me concentrer sur la couche sur laquelle je suis et j'essaie d'animer. Donc maintenant, avec ces alibi, je vois ça jusqu'à ce que la couche d'essuyage soit effacée. Ensuite, je le sélectionnerai, puis je vais le faire glisser vers le coin supérieur gauche. Et comme vous le voyez, j'ai créé cela avec un angle. De cette façon, cela me donne cette belle transition une fois qu'elle est relue. Comme vous l'avez vu, il a automatiquement créé une image clé une fois que j'ai ajouté, a déplacée vers l'image 0, puis a effectué ce réglage. Et maintenant, je vais répéter cette étape avec la couche sombre jusqu'au blanc. Et donc, aller à 1 seconde, troisième image. Et puis je vais faire un peu plus tôt et déplacer l'essuyage blanc jusqu'au bout. Et puis je vais aller au début de ce calque, puis je vais simplement le déplacer hors du cadre du haut. J'ai ri. Et maintenant, en passant à la couche blanche et blanche, je vais répéter la même chose. Mais cette fois, je vais aller voir, je veux que ça aille plus vite. Je vais donc passer à 1 seconde, 10e image ici, en faisant glisser un cadre vers le haut au début du calque. Et donc celle-ci aura une durée plus courte. Mais ce qui va faire, c'est qu'il semblera qu'il va plus vite et c'est l'objectif. Ainsi, le premier jusqu'à ce qu'il soit la durée la plus longue que la seconde. Et puis le troisième arrive très vite pour créer un bon sens du mouvement avec cette transition. Maintenant, il suffit de le rejouer pour m'assurer que j'en étais content. Et encore une fois que vous avez terminé votre animation, veillez à désactiver le calque d'arrière-plan. Ainsi, lorsque nous rassemblerons tout cela, vous n'aurez plus à vous soucier de ce calque d'arrière-plan. 13. Exercice 5 : Animation d'icônes: Dans cette leçon, nous allons créer une animation avec des icônes sociales, et nous utiliserons l'exercice 3 du fichier d'exercices pratiques. Pour commencer, je cache les autres calques pour pouvoir me concentrer sur l'icône similaire. Développer les options de calque similaires et la chronologie pour commencer à animer le calque. Je vais commencer par aller à l'image 20, puis créer une nouvelle image clé transformée et faire un même 70 pour cent, allant à l'image 10 et en créant une image-clé, puis en allant à l'image 15 et en augmentant la taille à 90 %. Ensuite, vous allez ajouter un trait à l'icône, ce qui rend le mien pour un trait de pixel, et une couleur de 47 soit un B6. En revenant à l'image 20, je vais créer une nouvelle image-clé de style, puis passer à image dix et réduire le paramètre de facture à 0. Donc, seul le coup s'affiche. Ensuite, prendre la couche de notification et revenir à l'image 20, cliquer sur l'image 1 seconde, septième marque et créer une nouvelle image-clé transformée. Ensuite, allez au début du calque et réduisez la notification, puis positionnez-la au centre de l'icône du cœur. Ensuite, passer à la barre de 1 seconde image cinq. Et en utilisant le raccourci Commande T pour augmenter la taille à 106 %. Je vais maintenant passer à une seconde image, une marque. Et utilisez le raccourci Commande T pour modifier uniquement la largeur à 0,01 % en vous assurant que la chaîne n'est pas sélectionnée. Ensuite, allez dans l'image 116 et créez une nouvelle image clé pour l'opacité. Ensuite, passez au cadre 120 et réduisez la transparence jusqu'à 0. Ensuite, nous allons appliquer les mêmes techniques d'animation, les mêmes couches de notification de commentaires et et faire démarrer leur animation après la fin, comme une séquence d'animation. Ensuite, vous allez refaire la même chose pour les couches de notification de suivi et de suivi. Bonjour. Après avoir cliqué en arrière au début de la chronologie, j'ai réalisé que j'ai déplacé la couche de commentaires, mais la notification de commentaires par accident. Je fais donc glisser l'icône de commentaire vers l'histoire car je veux que l' icône soit toujours affichée. Ensuite, il suffit de faire glisser les images-clés vers leur position d'origine. C'est pourquoi j' aime toujours lire l'animation pour m'assurer que tout fonctionne comme je le souhaite. Dernière étape, supprimez le fond blanc et assurez-vous de l'enregistrer. Bonjour. 14. Exercice 6 : Finalla vidéo: Dans cette leçon, nous allons rassembler tous les exercices en un seul débat. Nous utiliserons l' exercice du dossier d'exercices pratiques pour commencer. Nous allons importer les autres exercices dans un nouveau PSD. Pour ce faire, nous allons dans le fichier haut, puis vers le bas vers Place Linked, puis passerons en revue et ajouterons chaque fichier d'exercice. Une fois cela fait, je réorganise les calques pour que le bon calque se chevauche. Allons-y ci-dessous. Maintenant, je suis en train de réduire le premier calque puisque l'animation est courte. Élargir la chronologie et déplacer l'exercice 2.1 vers le cadre 20 suivant, faisant glisser les autres calques jusqu'à la marque de 5 secondes. Exercice de réduction 2.1. Ensuite, faites glisser l'exercice 1.2 vers le cadre 6 dix. Ensuite, déplacez l'exercice 3 pour encadrer huit O 5. Maintenant, à l'exercice 1.2, je vais développer le calque et créer une nouvelle image-clé de transformation à l'image 721, puis passer à l'image huit O cinq en utilisant l' outil de transformation pour réduire le logo. En cliquant sur le calque d'exercice 3, accédez à l'image 8, 13 et, à l'aide de l'outil de commande, réduisez le calque à 62,29 % et positionnez-le vers le bas de l'image. Créez ensuite une nouvelle image clé. Ensuite, passez à l'image huit O cinq en utilisant l' outil de transformation réduit à 0,01 %. Il disparaît donc. Après avoir regardé la dernière partie, j'ai réalisé que je voulais que le logo soit plus grand. Psi est retourné, ajusté la taille et l'emplacement de l' animation des icônes sociales. Ensuite, je regarde la dernière partie de l'animation et je baisse la zone de travail à près de 13 secondes. Enfin, j'ai lu l'animation complète plusieurs fois pour m'assurer que je suis content. Selon votre ordinateur, vous devrez peut-être réduire la qualité de lecture à 50 % comme je l'ai fait pour jouer plus rapidement. 15. Export: Dans cette leçon, je vais vous montrer comment exporter vos vidéos finales. Allez donc dans le fichier dans le menu supérieur, puis allez jusqu'à Exporter, puis jusqu'à Rendu vidéo. Et c'est ce que vous utiliserez pour exporter vos vidéos pour les réseaux sociaux. Ensuite, vous voudrez simplement vous assurer tous les paramètres sont corrects, que vous avez le bon nom, que vous voulez l'enregistrer tel qu' il est au bon endroit, que vous le souhaitez. Exportez-le en deux, puis vous disposez de plusieurs paramètres que vous voudrez peut-être vérifier deux fois. Comme je l'ai mentionné au début de la vidéo, nous faisons 1080 par 1080. Et ensuite, nous utilisons simplement la zone de travail que nous avons signée pour cette vidéo. Ensuite, nous appuierons sur le bouton Rendu une fois satisfaits. Et puis tu es là, c'est fini. Enfin, je vais vous montrer comment exporter vos vidéos pour Skillshare. Et en suivant une méthode similaire à celle précédente, passer à Fichier et Exporter. Et cette fois, économisez pour Web Legacy. Cette fois, nous allons en faire un cadeau. Et elle voulait juste s' assurer que vous êtes satisfait des paramètres, puis cliquez sur le bouton Enregistrer. Ensuite, assurez-vous que vous disposez du titre et de l'emplacement dans lequel vous souhaitez l'enregistrer. Et une fois que vous avez cliqué sur Enregistrer, vous avez terminé et vous êtes prêt à le télécharger sur la page du projet. Félicitations, maintenant c'est fini. 16. Synthèse: Merci beaucoup d'avoir rejoint ma classe aujourd'hui et j' espère que vous êtes inspiré pour ma classe aujourd'hui et j' espère que vous êtes commencer à réaliser des vidéos amusantes en utilisant les techniques que vous avez apprises de ce cours. Je suis très heureux de voir ce que vous avez créé. Assurez-vous donc de publier votre travail dans la section projet de la classe. Vous pouvez également trouver plus de mon travail sur Instagram à Isaiah Cortona, Casey. Et si vous publiez là-dessus, n' hésitez pas à me taguer dans vos messages ou utiliser un hashtag, le donneur de carte Isaïe. Je peux donc le voir aussi. Et si vous souhaitez que d'autres projets vous aideront à apprendre les graphismes animés , suivez-moi sur Skillshare car je publierai bientôt de nouveaux projets. J'ai hâte de voir ce que vous avez imaginé. Merci encore. Au revoir.