Transcription
1. Introduction: Aimeriez-vous apprendre à faire une publicité d'histoire élégante animée ? Alors ce cours est pour vous. Salut, tout le monde. Je m'appelle Diana Karlova. Je suis un concepteur de motion avec une solide expérience en vidéographie. Je suis dans des productions vidéo depuis 10 ans au total. En ce moment, je travaille avec les différentes équipes internationales et parfois individuellement. L' animation a toujours été ma passion principale. C' est tout simplement incroyable qu'en utilisant l'animation, je peux créer tout ce que je veux. Je peux partager mes pensées, idées, idéologie, sens du style, et bien plus encore. Vous aussi. Je suis super excité de partager avec vous certaines de mes compétences et de vous aider à plonger dans le mouvement design. Dans ce cours, nous commencerons par une simple tâche, animation de
15 secondes pour Instagram. Ce cours est destiné aux débutants, illustrateurs, designers ou propriétaires d'entreprise qui aimeraient savoir comment créer une publicité courte unique et
élégante pour Instagram. Ce cours vous enseignera ici comment obtenir de l'inspiration en utilisant des ressources avec du contenu visuel, comment créer un concept de design pour votre projet, combiner différentes idées inspirantes, comment préparer le storyboard pour votre animation dynamique, et enfin, comment animer l'histoire de vente pour votre Instagram dans Adobe After Effects. Je crois que le design de mouvement ne fera que gagner de l'élan à l'avenir. publicité animée attire notre attention le plus efficacement possible. C' est pourquoi les grandes marques
modernes l'utilisent. Essayez de créer vos propres histoires animées pour promouvoir un événement ou un service de marque. Commencez par l'idée, concept de votre style, créez de la dynamique même pour une histoire de 15 secondes, apprenez des techniques simples que vous pourrez utiliser dans de nombreuses autres variantes différentes. Bienvenue au cours. J' ai hâte de voir votre résultat.
2. Orientation du cours: Salut amis, dans ce cours, je vais vous montrer tout le chemin depuis le début,
le processus de remue-méninges au résultat qui construisent professionnel élégant et véhiculera l'idée. Ce cours est principalement destiné aux débutants en Motion Design. Si vous n'avez jamais essayé de travailler dans Adobe After Effects, je vous donnerai des connaissances très basiques de ce programme et je vais également vous inspirer à poursuivre votre apprentissage. Nous passerons à l'étape de la recherche pour trouver de l'inspiration. Parce qu'il s'agit de motion design, nous allons chercher un concept de style. Pour votre classe de projet, vous allez créer deux histoires différentes dans ce cours. Le premier est assez simple, minimaliste et facile à utiliser à des fins différentes. La seconde est un peu plus compliquée, mais sachant comment créer une telle histoire, vous serez en mesure d'en faire autant d'autres. Il suffit d'apprendre les techniques, d'être créatif et d'utiliser votre propre imagination. Au fait, ça ne me dérange pas si vous créez la même animation que la mienne. Vous pouvez le copier et vous entraîner. Mais si vous avez votre propre but et sera probablement différent, donc vous allez changer certains détails comme les photos, le texte et les formes. En outre, j'espère qu'en utilisant ces techniques, vous serez en mesure d'incarner vos propres idées. Nous travaillerons dans Adobe After Effects et Adobe Photoshop. Vous pourriez également avoir besoin d'un stylo et d'un papier pour le processus de remue-méninges. L' idée principale de ce cours est de vous montrer les instruments et de vous inspirer pour votre propre créativité. J' ai hâte de voir ces splendides résultats que tu auras.
3. Trouver l'inspiration: Salut les gars. Dans cette leçon, nous allons parler de trouver l'idée de votre histoire animée. L' histoire est courte, par conséquent, nous devons rendre ces 15 secondes brillantes et colorées, mémorables, faciles à regarder et à livrer le message. L' idée ne nous tombe pas toujours sur la tête. Nous pouvons créer un nouveau concept en utilisant quelque chose qui existe déjà et qui nous inspire. Nous pouvons tout mettre ensemble et créer quelque chose de complètement nouveau. Commençons par quelques exemples. Ici, vous pouvez voir quelques histoires industrielles avec des idées différentes, des objectifs et un public potentiel. Celui-ci a trois photos, le texte est en train de changer, il a un site web en haut et un appel à l'action qui est une autre façon de dire, glisser vers le haut, découvrir, c'est vraiment génial. Cette annonce est assez simple en fait et c'est vraiment cool. Il a un peu d'action, de belles couleurs vives et beaucoup d'informations à ce sujet. Le texte animé apparaît avec l'appel à l'action, il est tout simplement parfait. Cette annonce est une animation super élégante. Il n'a pas d'appel à l'action. On dirait plus que nous sommes ici et voici notre style. Il fonctionne le mieux pour les grandes entreprises, mais pour les petits projets, il est beaucoup mieux de dire au public ce que vous offrez en utilisant des superpositions de texte. Comme ici, il y a beaucoup de texte, vous lisez ceci et vous savez de quoi il s'agit, mais la vitesse de l'animation est trop lente. Nous pouvons perdre l'attention de notre client potentiel pendant ces secondes sans trop d'actions. Rappelez-vous, tout s'accélère de nos jours. Cet exemple semble bon et a beaucoup de texte, mais il ne fait que deux secondes au lieu de 15. Pourquoi ne pas utiliser tout le potentiel ? Cela n'attire pas notre attention sur une partie particulière du message. Semblable à l'exemple précédent, semble bien et l'animation est agréable, mais c'est juste quelques secondes. Le message n'est pas clair. Eh bien, la bonne chose, c'est de glisser vers le haut. Pour trouver de l'inspiration, je vais habituellement à Pinterest. Je fais défiler le contenu jusqu'à ce que je trouve ce que j'aime vraiment. Lorsque je crée un projet animé bec, je passe plus de temps sur Behance ou d'autres ressources. Mais pour la nouvelle, nous trouverons beaucoup d'idées dans Pinterest. Voici ce que vous recherchez pour le style en général, les palettes de
couleurs, le contenu vidéo/animé, les collages, les polices et les formes. Le contenu qui nous inspire. J' aime ce style, le texte
coloré semble inhabituel. Je suis sûr que je peux utiliser un tel effet dans ma deuxième histoire et je vais vous montrer comment. Ici, nous voyons quelques produits art, semble très inspirant. C' est une motion d'arrêt. Nous voulons utiliser cette technique dans notre animation mais j'aime l'idée de mouvement des produits. On peut utiliser ça. C' est un excellent exemple de mouvements et je pense que je vais utiliser un tel mouvement. Je vais y ajouter des formes et des couleurs différentes. Pour la deuxième histoire, j'aime beaucoup une telle palette de couleurs. J' aime les formes qu'ils utilisent ici et la façon dont ils y mettent des photos semble incroyable. J' aime aussi ce design, illustration en
noir et blanc avec un fond lumineux. Voici une photo en noir et blanc avec des formes colorées. Je ne sais pas comment je peux utiliser quelque chose comme ça dans mon animation, mais ce concept est très proche du mien et je l'aime vraiment, ce qui est important. J' aime cette plante sur le dos et je vais certainement utiliser la flore dans mon concept, c'est incroyable. En ce qui concerne le Skillshare d'ailleurs, avec les mouvements de photos et de textes, tout simplement parfait. Enfin, voici mes références pour la première animation. Je vais utiliser des dossiers de produits similaires à ceux-ci et ici j'aime les couleurs et les formes lisses et la fine ligne blanche. Dans cette vidéo, j'aime les mouvements d'objets. Je vais essayer de faire quelque chose de similaire. Les références suivantes sont pour la deuxième animation. Ici les couleurs sont grandes et une fois de plus, des photos combinées avec différentes formes. J' aime cette idée de design. J' aime aussi cette petite plante
dans le coin supérieur gauche et je vais aussi dessiner des plantes. Ici, nous pouvons voir une autre plante et de belles couleurs, j'aime ça. Avant de passer à la leçon suivante, trouvez du temps et faites vos recherches. L' inspiration est une partie très importante
du processus créatif avec l'idée du résultat que nous voulons atteindre, il est beaucoup plus facile de passer à notre objectif. Si vous avez déjà l'idée et toutes les références nécessaires, alors vous êtes prêt pour la prochaine leçon.
4. Storyboard pour la publicité de produit: Dans cette leçon, je vais vous montrer le processus de création du storyboard. Oui, c'est exact. Même pendant 15 secondes d'animation, vous pourriez avoir besoin d'un storyboard. Pourquoi donc ? Parce que nous devons créer une animation dynamique que les gens vont regarder d'un seul souffle sans penser à passer à l'histoire d'un autre compte. Je vais créer trois diapositives, cinq secondes chacune, et cela m'aidera à visualiser le processus. Je vais dessiner sur mon iPad. Vous pouvez dessiner à l'aide d'un iPad, tablette, d'une souris ou sur le papier. Ça n'a pas vraiment d'importance. Qu' est-ce qui est important ? Pour dessiner trois rectangles, c'est un format d'histoire, et y mettre du texte et des objets. Pourquoi c'est important : parce que nous avons besoin d'un concept avant de commencer à animer. Voici les produits que je vais promouvoir, et ce sont mes principales références. Je commence par dessiner la première diapositive. La première diapositive est le début de l'animation. Il devrait attirer notre attention tout de suite, avoir des informations importantes qui nous incitent à continuer à regarder. Ici, je vais commencer par le type de logo, et le produit apparaîtra également à la première diapositive. Je montre la direction par des flèches. La deuxième diapositive doit contenir les informations principales sur l'événement, le produit ou le service, et maintenant le produit apparaîtra. [ MUSIQUE] Soit ont un texte ici aussi : vente, 70 pour cent, et j'ai montré la direction. Je vais avoir un troisième produit ici. Les dernières secondes devraient avoir un appel à l'action. La façon dont vous les écrivez peut être très différente. Essayez d'être original, simple, clair et laconique. Soit avoir une superposition de texte à la fin : acheter en ligne et le site Web. Vous pouvez ajouter un logo et le site Web à la dernière diapositive, ainsi qu'un lien cliquable avec l'option balayage. C' est en fait le meilleur. Ici, c'est. Mon storyboard est prêt, et maintenant il sera beaucoup plus facile à animer parce que tout est planifié. Mais bien sûr, je suis toujours ouvert à tout changement au cours du processus. Maintenant, voici une tâche pour vous. Dessinez le storyboard pour votre propre animation. Planifier tous les mouvements, l'apparence des objets, décrire tous les détails. Lorsque votre storyboard est planifié et que vous avez l'idée de comment il devrait fonctionner, vous pouvez passer à la leçon suivante. Dans la vidéo suivante, vous apprendrez comment donner vie à votre idée et comment créer une animation assez simple pour la promotion des produits. [ MUSIQUE]
5. Publicité de produits : position, parentalité et expressions: Salut, les gars. Dans cette leçon, je vais vous montrer le processus de création d'une simple annonce d'histoire pour un produit. Il peut s'agir de tous les projets que vous voulez. L' idée principale est de démontrer l'objet. Toutes ces photos ont un fond blanc. Pour mon animation, je dois m'en débarrasser. Commençons par le produit 1. Pour me débarrasser de ce fond blanc, j'utiliserai l'outil Baguette magique. J' ai besoin de sélectionner un fond blanc et c'est prêt. Ça fonctionne parfaitement. J' ai juste besoin d'appuyer sur le bouton Supprimer, c'est prêt. Quand on voit ce jeu d'échecs en arrière-plan, cela signifie qu'il n'y a pas de fond du tout. J' ai besoin d'enregistrer ce projet en format PNG. Nous nommerons ce produit, product_1ready pour l'animation. Faisons la même chose avec le second. Je choisis également l'outil « Baguette magique » et sélectionne le fond blanc. Mais ici, je peux voir une certaine rugosité à cette partie du produit. Je dois changer la tolérance ici. Essayons 20 et 20 fonctionne parfaitement. Il y a une sélection très lisse ici. J' appuie sur le bouton Supprimer, et voici un produit. Pour supprimer cette ombre, je dois créer un nouveau calque et j'ai besoin d' utiliser un outil Paint Socket et de la colorer avec une couleur noire, que j'ai besoin de pousser derrière notre produit principal. Pour supprimer cette ombre, j'utiliserai l'outil Lasso polygonal. Pour supprimer cette ombre, je dois être sûr que le calque 1 est sélectionné. Appuyez sur le bouton Supprimer de mon clavier, et voilà. Maintenant, je n'ai plus besoin de cet arrière-plan, je peux juste le supprimer. Enfin, j'ai un produit sans fond. J' enregistre cette image au format PNG. Je le nomme productive2_ready à l'animation, Enregistrer. Faisons la même chose avec le dernier. On a ouvert After Effects. Nous créons un nouveau projet, une nouvelle composition. Nous l'appellerons Story Product Ad. Je change ces périmètres, 1080 et ce 1920, 25 images par seconde, et la durée sera de 15 secondes. Voici un format pour l'histoire. Allons voir mon storyboard. Je commence par un logotype, puis mes produits apparaissent. Parce que je n'ai pas de logo spécifique, je crée le mien. Je l'appellerai. En utilisant un outil Type horizontal, j'écris ce mot, et ici, je change la couleur. Ce sera gris foncé, alors je veux le rendre plus grand. Ensuite, je choisis « Outil de sélection ». Je veux ce mot au milieu de mon écran. On peut aller à ces paramètres, Align. Je choisis ici « Aligner horizontalement » et « Aligner verticalement ». Je peux vous recommander fortement d'utiliser des grilles, des guides ou des règles. Vous pouvez le trouver ici, choisir et essayer différents types. C' est un outil très utile. Il existe également des grilles que vous pouvez utiliser pour créer une géométrie décente de résumé. Pour l'instant, je n'utiliserai que Title/Action Safe. Ici, vous pouvez voir le centre d'un écran, et ici, vous pouvez voir les bords. Il est préférable de ne pas placer d'objets ou de textes au-delà de ces bords. Je vais choisir « Outil de saisie ». Je vais changer la taille de mon texte, 150, et j'écrirai des cosmétiques en ligne. Je vais changer de taille à nouveau parce que c'est trop grand. Je n'aime pas cette police. Je veux plus mince en fait donc je vais choisir une autre police ici. Je veux que ce texte soit aligné donc je dois le rendre un peu plus petit. Je vais à Aligner à nouveau et je me suis aligné horizontalement. Je dois déplacer ce texte un peu plus près de mon logotype. J' ouvre les Paramètres, j'ouvre Transform. Ici, nous pouvons voir Position et deux paramètres ; x et egric. Maintenant, je peux changer mes paramètres et déplacer mon texte. Je veux que ce second texte soit connecté au texte principal. Ici est très important aussi dans Adobe After Effects, il est parent pick whip. Lorsque je sélectionne ici, je dois faire glisser une souris ou un pavé tactile vers le calque que je voulais connecter. En ce moment, elle est connectée. Vous pouvez voir cette information ici. Je veux commencer par le mouvement. Voici notre chronologie. Nous ouvrons ces paramètres. Nous allons à la Transformation, et nous pouvons trouver une position ici. Pour définir le premier cadre, nous devons pousser ici sur une montre. Nous avons la première image à la première seconde. Lorsque je travaille sur cet indicateur de temps actuel, je peux choisir un autre endroit pour définir leur cadre. Ici vous pouvez trouver le zoom pour votre chronologie. Je veux mettre mon indicateur de temps actuel à une seconde et je change de position. Je veux que ce texte monte. Ce mouvement est très robotique. Je voudrais que ce mouvement soit plus lisse. Nous pouvons modifier les paramètres de ces images clés. Appuyez sur le bouton droit et vous verrez ce menu où vous pouvez trouver Keyframe Assistant. Pour le premier cadre, choisissez « Easy Ease Out » et pour le second, choisissez « Easy Ease In ». Maintenant, nous voyons que ce mouvement est un peu différent. Pour vous expliquer plus, je veux montrer l'éditeur de graphes. C' est par ici. Il suffit de pousser cet éditeur de graphiques et vous verrez la courbe qui montre les changements de vitesse. Ici vous pouvez changer cette courbe et vous verrez comment le mouvement change aussi. Lent ici, et il est plus rapide au milieu, et lent ici encore. Ensuite, nous
allons ajouter nos produits. J' ai choisi mes produits ici et je le fais glisser vers le projet. Vous pouvez voir tous les produits au milieu, mais ils ont une taille différente. Tout d'abord, je veux qu'ils aient la même taille. Nous allons aux paramètres du premier produit, allez à Transformer. Ici, nous pouvons voir Scale. Faites glisser ce nombre vers la droite et il changera l'échelle. Pour la première diapositive, je n'ai besoin que d'un seul produit. Je les cacherai et je les utiliserai plus tard. Je veux connecter ce calque à leur calque de texte ici. Cet indicateur de temps actuel devrait se trouver là où est la dernière image. J' ai besoin de parent ce calque au texte ici. Pour vérifier cela, je vais au tout début et je vois qu'il y a un mouvement. Connectons le deuxième produit ici. Allons l'allumer. J' ai mis cet indicateur de temps actuel à la troisième seconde. Je choisis le premier produit, et j'ajoute le premier cadre pour la position juste ici. Je déplace cet indicateur de temps actuel à cinq secondes. Je change la position de ce produit. Il montera et à gauche. La direction sera comme ça. Je veux changer une image-clé, accédez à l'image-clé et choisissez « Easy Ease Out ». Ici, Assistant d'images clés, Easy Ease In. On va à l'éditeur de graphiques et on changera peu cette courbe. Maintenant, il aura un très beau mouvement. Ensuite, je déplace mon indicateur de temps actuel à la dernière image et je connecte mon deuxième produit par fouet de prélèvement parent au produit 1. Allons au début et voyons l'animation. Super. Commençons sur ce troisième produit et vérifions le storyboard. Le troisième produit doit se déplacer dans le coin supérieur droit. Que dois-je faire ensuite ? Je choisis le numéro de produit 1. Je déplace mon indicateur de temps actuel sur les six secondes et l'image clé juste ici. Ensuite, je déplace mon indicateur à la huit seconde et je change la position du produit. Je le fais glisser vers le haut et vers la droite. Nous ne pouvons pas voir notre produit, mais je vois toujours le cadre loin. Lorsque mon indicateur actuel est juste ici à la dernière image, je choisis le produit numéro 3 et je clique sur le « fouet de prélèvement parent » et je le connecte au produit numéro 1. L' autre chose que nous devons faire pour modifier ces paramètres d'image clé. Nous allons au Menu. Choisissez « Assistant d'images clés », « Easy Ease Out » et « Keyframe Assistant », « Easy Ease In » ici, Easy Out, Easy On. Ensuite, nous allons à l'éditeur de graphiques et modifions ces courbes un
peu pour que le mouvement soit plus agréable. Vérifions encore. Qu' est-ce qu'on fait ensuite ? Nous avons besoin de ce produit pour aller dans le coin supérieur gauche. Je choisis le produit numéro 1 et j'ajoute une image clé à neuf secondes ici à 11 secondes. J' appuie sur l'indicateur de temps ici, et je change la vue. De cette façon, je peux tout voir, et je change la position du produit numéro 1 dans le coin supérieur gauche. Je dois changer les paramètres de l'image clé. Je vais à l'Assistant d'images clés, Easy Ease Out, et ici, Easy Ease In. Super. Je vais à l'éditeur de graphiques et je fais le même modèle ici. Je vais ajouter du texte en utilisant cet outil de type et cliquez ici au milieu. Je vais écrire acheter en ligne. Je choisis un gris foncé. Je change la taille de celui-ci, puis je vais à Align, et je le mets juste au milieu. J' ai également besoin d'ajouter un autre texte. Je clique ici et je vais écrire le site web. Je choisis la police Evolventa et je change la taille du texte. Je veux déplacer ces phrases par position. J' appuie sur P sur mon clavier. Je vois les paramètres de position ici, et je dois mettre un peu plus près pour acheter en ligne. Je veux aussi mettre acheter en ligne un peu vers le haut. Je vais connecter le site Web par le fouet de choix de parent pour acheter du texte en ligne. Je déplace acheter en ligne et le site se déplace au-dessus. Lorsque l'indicateur de temps actuel est sur la dernière image, je peux ajouter ce texte au numéro de produit 1. Nous revenons en arrière et voyons que le texte bouge aussi. En ce moment, je veux ajouter l'amortissement dynamique qui va changer le mouvement des objets et il aura l'air plus intéressant. Pour créer l'amortissement dynamique, j'utiliserai un script. Vous pouvez trouver ce script dans vos ressources, l'enregistrer et l'utiliser. L' amortissement dynamique peut également être utilisé pour les transformations d'échelle et de rotation. Ce script est très utile. Commençons par le texte. Choisissez la position et cliquez sur « Alt » sur votre clavier, et en même temps, cliquez sur cette montre. Vous voyez cette fenêtre où vous pouvez placer l'expression en la copiant et Insérer, faites défiler vers le haut. Si vous voulez en savoir un peu plus sur l'expression, c'est l'explication de ce que signifient ces nombres. Ce script ne fonctionne que lorsque la deuxième image comme il avait l'air avant. Pour ce faire, nous devons cliquer sur « Commande » sur le clavier et cliquer ici deux fois. Maintenant, nous voyons la forme précédente de celui-ci, et vous pouvez voir un petit rebond en ce moment. J' ai également besoin d'ajouter ce script au produit 1. Je copie ceci. Je clique sur « Alt » sur le clavier et cette montre en même temps, et j'insère cette expression ici. J' ai aussi besoin de changer chaque seconde image ici. Je clique sur « Commande » sur le clavier, et je clique ici. Pour modifier les paramètres de ce rebond, vous pouvez modifier ces nombres et expérimenter avec le résultat. Quant à moi, j'aime la façon dont il est en ce moment. Nous avons déjà couvert, tant d'aspects intéressants dans cette vidéo, essayez de le répéter dans votre projet en utilisant les mêmes outils. pratique et fonctionne toujours très bien en renforçant les informations reçues. Si vous avez déjà compris et pratiqué toutes ces techniques, vous êtes prêt pour la prochaine leçon.
6. Publicité de produits : palette de couleurs, outil stylo, remplissage et tracé: Dans cette leçon, nous continuons à créer une simple publicité d'histoire pour un produit. J' ai déjà couvert le début de ce processus dans la vidéo précédente, alors voyons ce que nous pouvons faire ensuite. Pour l'instant, j'ai besoin de créer une palette de couleurs. Je vais le créer en utilisant l'outil Rectangle. Je maintiens Maj sur le clavier et je dessine un carré, puis je change la couleur en cliquant sur « Remplir ». Ici, vous pouvez choisir n'importe quelle couleur que vous voulez ou vous pouvez la déposer de n'importe où. Vous pouvez également écrire le numéro ici. J' ai une couleur particulière de ma référence donc je vais juste le taper ici. C' est ma première couleur. Je sélectionne ce rectangle et cliquez sur « Commande C », « Commande V ». Nous copions simplement la pâte. Ensuite, j'ouvre ce rectangle et je peux en trouver un
autre à l'intérieur donc j'ai juste besoin de le mettre ici. Maintenant, j'ai deux rectangles. Ils sont ici, les uns sur les autres. J' ai juste besoin de prendre ce rectangle et de le faire glisser vers la droite. Ensuite, je dois remplir à nouveau. Je vais écrire un autre numéro de ma référence et je vais à Rectangle, Command C, Command V. J'ai le troisième rectangle qui se cache ici donc je le prends juste et je le fais glisser, mettre à l'extérieur. J' ai trois rectangles, le troisième est là. J' ai juste besoin de le faire glisser vers la droite et je vais à Fill et l'écriture de la troisième couleur. C' est ma palette de couleurs pour cette histoire. Les couleurs ont l'air très différentes dans une combinaison différente. C' est pourquoi il est important de penser à votre palette pour choisir les meilleures couleurs que vous utiliserez. Mais pour accélérer le processus, vous pouvez utiliser les palettes qui existent déjà. Par exemple, pour cette histoire, j'ai décidé d'utiliser la palette pour ma référence. Vous pouvez également trouver beaucoup de combinaisons sur Internet. instant, je dois renommer cette couche. Je clique sur « Entrée » sur le clavier et j'écris la palette. Un autre excellent outil que je veux vous présenter, c'est un outil Pen juste ici. Cet instrument est l'un des principaux d'Adobe After Effects. Il y a tellement de façons de l'utiliser. Par exemple, vous pouvez l'utiliser pour créer une animation image par image. Je vais l'utiliser pour créer une forme. Avant cela, assurez-vous qu'il n'y a pas de couche sélectionnée ici. Pour désélectionner ce
calque, vous devez cliquer dans une zone sans calques. Par exemple, j'ouvre ces paramètres, et je peux cliquer ici, puis vous allez créer un nouveau calque en dessinant la forme. Si vous n'avez jamais eu d'expérience dans Illustrator, ce sera un peu difficile pour vous car lorsque vous dessinez avec cet outil, vous cliquez sur ces poignées puis vous faites glisser. Vous pouvez modifier ces poignées en cliquant ici et en changeant la direction. Je vais à Remplir et je vais choisir la couleur de ma palette. Je lui donnerai aussi un nom, bleu 1, et je désélectionne ce calque. Je crée une autre forme, je l'appelle bleu aussi. Je désélectionne le calque et je dessine la troisième forme ici. Je l'appelle bleu 3. Ensuite, je sélectionne tous ces trois couches, et je vais choisir ici la couleur. Il sera très utile d'enregistrer ces calques sur la chronologie. instant, je dois faire glisser ces couches derrière toutes les autres. Je peux voir le produit ici. J' ai besoin de trouver sur la chronologie le product_1. Ensuite, je prends parent pick whip et je le fais glisser vers le product_1. Cela signifie que ces formes se déplacent avec le produit. Super. Maintenant, je vais dessiner des formes similaires pour d'autres deux produits. Lorsque vous utilisez un outil Plume, vous pouvez maintenir la touche Alt sur le clavier et vous verrez que le curseur a changé. Vous pouvez modifier la direction de toutes les poignées lorsque vous commencez à faire glisser le point d'ancrage, ou vous ne pouvez modifier qu'une poignée. En ce moment, j'ai des formes qui sont reliées à chaque produit. Je vais également ajouter des formes dans la dernière diapositive ici derrière le texte. Si vous avez besoin d'ajouter un autre point. Par exemple, ici, vous voyez ceci plus et vous ajoutez ceci. Si vous devez supprimer cela, cliquez sur « Commande » ou « Contrôle » et vous le supprimerez. J' ai également besoin de connecter ces trois formes au texte principal sur la dernière diapositive, qui est acheter en ligne. Je veux ajouter de l'animation à ces formes. Pour cela, je vais utiliser l'outil Plume et je dois choisir la forme dans ce panneau. Ensuite, j'ai besoin d'ouvrir les Paramètres, Contenu, Forme, Chemin. Je clique sur cette minuterie et je mets la première image, puis je déplace un peu mon indicateur de temps actuel, mais ma forme est toujours là, et puis je dois changer la position de chaque point ici. Pour ce faire, j'ai besoin de cliquer sur « Ajouter l'outil de sélection » ou simplement V sur le clavier. Lorsque vous voyez le curseur comme
celui-ci, cela signifie que vous pouvez choisir un point particulier et changer un seul point. Vous voyez, celui-ci est sélectionné et celui-ci est vide. Cela signifie qu'il n'est pas sélectionné. Je change de position de chaque point. Je peux même bouger un peu les poignées, et par conséquent,
nous verrons un peu de mouvement. Ensuite, je peux déplacer ces images sur la timeline, la façon dont il peut être vu lorsque la forme est toujours à l'écran. Je vais également copier ce premier cadre et je vais le mettre ici pour que nous ayons trois changements. Je ferai de même avec d'autres formes. Au dernier cadre, j'aimerais avoir plus de ce jaune dans
ce coin donc je vais déplacer ces points de la façon de paraître agréable. Pour rendre ce mouvement d'un cadre à un autre plus lisse, nous devons changer les paramètres de ce cadre, donc je les sélectionne tous. Je vais à Keyframe Assistant en cliquant sur le bouton droit et choisissez « Easy Ease ». Je fais la même chose ici avec la forme de couleur rose et avec le jaune. Je vais également ajouter un peu de mouvement à la dernière diapositive. N' oubliez pas de modifier les paramètres. Accédez à l'Assistant d'images clés et choisissez « Easy Ease ». Ensuite, je veux ajouter de l'animation à ces petites formes. Je vais te montrer un autre moyen pour ça. Lorsque je choisis cette forme, j'ouvre Position Setting, je maintiens Alt et je clique ici. Ici, je peux poster ou écrire n'importe quelle expression. Cette fois, je vais écrire une expression très simple qui a appelé wiggle. Lorsque je commence à taper, vous pouvez voir des suggestions. Je vais écrire ces chiffres. Vous pouvez également essayer d'autres figures. Le premier nombre signifie la fréquence moyenne, et le second nombre signifie l'amplitude. Vous pouvez essayer d'expérimenter avec cela. J' ajouterai la même expression pour une autre petite forme. Maintenant tu vois, ils ont un certain mouvement. Je vais faire la même chose avec d'autres petites formes. Maintenant, vous connaissez une autre expression. Pour en savoir plus sur les expressions, cliquez ici. C' est le menu de langue d'expression, et vous pouvez trouver toutes les expressions possibles ici. Une autre chose que je vais faire, je voudrais ajouter une fine ligne blanche ici pour que je choisisse la couche bleue. Je clique sur « Command C » et « Command V » qui est copier-coller donc j'ai le même calque. En haut de cela, je vais à la Remplir et je choisis maintenant remplir ici. Ensuite, je vais au Stroke et je choisis la couleur blanche, et ici, je choisis « Stroke Widths ». Essayons cinq. Je ne vois pas ce coup parce que ma couche est déjà là. Il a été copié et il est apparu ici. instant, je dois changer de position en cliquant sur « P » sur le clavier, puis je le fais glisser vers le haut. Mais je voudrais aussi le faire tourner un peu. Je clique sur le « Calque » et je clique sur « R » sur le clavier. J' ouvre les paramètres de rotation et je fais pivoter en changeant ces nombres. Étant donné que j'ai un nouveau
calque, j'ai besoin de parent ce calque car je parente également toutes les autres formes au produit 4. Je peux faire glisser ceci ou je peux aussi juste choisir ici « product_1". Mais la grande chose à ce sujet est que ce trait a les mêmes paramètres que les autres formes. Il change de forme. J' ajouterai les mêmes lignes sur d'autres produits. Il est très important de savoir que cette forme a un centre et que ce centre est un point d'ancrage. Cela signifie que cette forme tourne autour de ce point d'ancrage, mais vous pouvez également la modifier en cliquant sur « Y » sur votre clavier. Vous voyez que votre curseur a changé, et maintenant, vous pouvez changer un emplacement pour ce point d'ancrage. Par exemple, si vous le placez ici, lorsque vous faites pivoter l'objet ou une forme, il tournera autour de ce point d'ancrage. Pour l'instant, ça a l'air génial. J' ai juste besoin d'ajouter quelques détails pour ces textes. Par exemple, je voudrais ajouter ce flou de mouvement, et j'ajouterai également la même chose pour ce texte. La dernière chose que je voudrais ajouter une ombre pour le produit. Je vais dans Effets et préréglages, j'écris ombre, puis je choisis « Ombre portée », puis je le fais glisser vers le product_1. Je vais le changer comme j'aime plus et ça changera la distance, opacité sera 15. J' ajouterai aussi un peu de douceur, et j'ajouterai le même effet aux autres. La dernière partie cruciale est d'ajouter la bonne musique à votre projet. J' ai trouvé cette piste. Je vais utiliser 15 secondes qui vont très bien avec cette histoire, ajouter ce tracé à la chronologie. Il est en fait une vidéo donc je clique sur ce « i » et je tourne la vidéo. Maintenant, j'ai juste du son. Ouvrez ceci, je vais à l'audio et à Waveform. Ici, je peux voir ces modèles et c'est très utile. Il sera plus facile de trouver le moment dont j'ai besoin. J' ajouterai l'image-clé au début et ce sera moins 30. Ensuite, dans quelques images, j'ajouterai une image-clé zéro. Je fais la même chose à la fin. Pour la piste audio, il est préférable d'utiliser l'audio sans droits d'auteur. J' utilise le site très populaire, Artlist. Vous pouvez également trouver une bonne musique gratuitement dans la bibliothèque audio YouTube. Voici mon résultat final. Tu as fait du bon travail. N' oubliez pas de passer votre résultat. J' aimerais voir ce que vous avez fait. Dans les prochaines vidéos, nous allons aller plus loin et ils sont un peu plus complexes animation que vous pouvez utiliser à toutes fins.
7. Publicité pour les événements - storyboard: Bonjour, mes amis. Dans cette vidéo, je vais vous montrer mon storyboard pour la prochaine histoire que nous allons créer. Mon idée principale est de créer un peu d'animation moderne et colorée. J' utiliserai un texte, des photographies et un logotype que je vais utiliser pour promouvoir ce cours. Voyons comment on peut tout mettre ensemble. Tout d'abord, je réfléchis à l'idée. Supposons que je veux informer les téléspectateurs sur le cours de Skillshare. Voici les phrases que je vais utiliser. Comment créer des histoires dans After Effects. Suivez un cours en ligne avec Diana Karlova. Commencez à apprendre le design de mouvement gratuitement avec Skillshare. En tant que contenu, je vais utiliser des photographies. J' ai quelques photos d'une séance photo. J' ai juste besoin de choisir ceux qui ont l'humeur appropriée pour mon idée. J' ai décidé d'utiliser des photographies personnelles parce qu'elles montrent la personnalité, et une telle ouverture attire le plus les gens. J' ai aussi un concept de style. C' est ma palette de couleurs, et il y a quelques idées d'autres images d'Internet, et maintenant je commence à dessiner mon storyboard. J' ai trois rectangles et bien sûr, j'utilise les mêmes principes que ceux que nous avons déjà abordés dans la leçon 4. Voici ma photo numéro 1. Il va changer l'échelle de l'ensemble de l'écran à la taille plus petite. Ensuite, j'aurai du texte, « comment créer des histoires dans After Effects », et j'ajouterai aussi des plantes dans les coins. Ils auront quelques mouvements, et comment diapositive se déplacera vers la droite. Ma deuxième diapositive aura également une photo, et j'aurai aussi un texte, « Prenez un cours en ligne avec Diana Karlova. » C' est un appel à l'action très spécifique. Ici, j'ajoute aussi des plantes et des formes sur le dessus. Toutes ces diapositives se déplaceront vers le bas. Sur la troisième diapositive, j'aurai un autre appel à l'action. Voici une photo de moi qui changera également la taille. Sur le fond, j'aurai des plantes qui auront aussi quelques moments. Ici, j'aurai un logotype Skillshare et j'aurai un texte, « commencer à apprendre le design de mouvement gratuitement avec Skillshare ». C' est un excellent déclencheur gratuitement. La phrase de recherche a plus de détails et en ce moment, je peux ajouter le lien vers une source web concrète, par exemple, Skillshare. Il peut avoir un lien cliquable avec ces cinq options. Voici donc trois principes qui sont très importants. Ma première diapositive attirera l'attention. Par conséquent, personne peut immédiatement comprendre la valeur de ce contenu pour son propre intérêt. La deuxième diapositive contiendra les informations principales sur l'événement, et la dernière diapositive aura un autre appel à l'action. Lorsque nous avons planifié tout le processus, nous pouvons aller de l'avant à l'animation dans la prochaine leçon. On se voit là-bas.
8. Publicité pour les événements - masques, outil plume et Alpha Matte: Salut. Dans cette leçon, nous allons créer des animations avec des textes, des photographies et des formes pour la première diapositive de notre publicité. J' ai déjà créé un storyboard dans ma leçon précédente, donc j'ai déjà tout ce dont j'ai besoin, il est temps de commencer le processus. Nous commençons par la création nouvelle composition. Je lui donne un nom, Event Ad. Je passe les paramètres au format des histoires, fréquence d'images de 25 et à la durée de 15 secondes. Ensuite, je passe plus loin au projet et je change de taille en cliquant sur « S » sur le clavier. Ensuite, j'ai aussi besoin de changer de position, je clique sur « P » sur le clavier et je le fais glisser vers la gauche. Je vais également activer Titre/Action Safe afin que je puisse mieux voir la composition. J' ai également besoin de faire glisser mon point d'ancrage vers ce centre de l'image. J' ai besoin de cliquer sur « Y » sur le clavier et de le faire glisser au centre. Maintenant, je vais ajouter du texte par Horizontal Type Tool et écrire mon texte sur différents calques. Ensuite, je désélectionne le calque, puis j'écris To Create, sur le calque suivant, Histoires, puis je désélectionne le calque, Dans After Effects sur le dernier. Maintenant, j'ai cinq calques de texte. Je dois les avoir au centre de cet écran, alors que dois-je faire ensuite ? Je clique sur « Y » sur le clavier et je mets ce point d'ancrage ici au centre et en bas. Je fais la même chose avec chaque couche. Maintenant, lorsque j'ai ce point d'ancrage au milieu, je peux sélectionner tous les calques de texte et je peux aller à Aligner les paramètres et Aligner horizontalement. Je clique sur « P » sur le clavier et je le fais glisser au centre. Je voudrais ajouter des motifs de couleur à mon animation de texte comme dans cet exemple, mais je veux que ces couleurs se déplacent. Je choisis l'outil Rectangle et je le maintiens enfoncé, ces différentes formes apparaissent. Je choisis Ellipse Tool, et lorsque je n'ai aucun calque sélectionné, je dessine une ellipse en maintenant la touche Maj enfoncée sur mon clavier afin d'avoir un cercle. Je n'ai pas besoin d'un coup pour ça, donc j'écris zéro, et je dois changer de remplissage. Je vais choisir une autre couleur dans ma palette de couleurs. Ensuite, j'ai besoin d'ajouter plus d'ellipses pour créer un mouvement, au masque pour ces textes. Toutes ces ellipses auront des couleurs différentes de ma palette de couleurs. J' ai enfin sept ellipses. Je vais leur donner un nom. Il est important de nommer vos couches dans le grand projet. Il vous sera simplement plus facile de travailler avec les calques plus tard. J' ajouterai une motion à ces cercles. Parce que je veux ajouter des cadres à sa rotation, j'ai besoin qu'ils tournent autour de son axe. Je clique sur « Y » au clavier et je fais glisser ce point d'ancrage quelque part près du centre de ces ellipses. Ensuite, je clique sur « R » sur le clavier et j'ajoute le cadre de rotation. Je clique à la minuterie à la première seconde et voici le cadre. Ensuite, je déplace mon indicateur de temps à la fin, et j'écris ici trois. Ce nombre signifie trois rotations autour de son axe au cours de cette période. Je vais faire la même chose avec d'autres ellipses. Je peux aussi écrire moins trois, ce qui signifie une autre direction. Maintenant, nous voyons ces mouvements. Je veux être sûr d'avoir couvert toutes les lettres au cours de cette motion, donc j'ajouterai aussi une grande ellipse, et je la mettrai derrière toutes les autres ellipses. Ils sont géniaux. Ensuite, je sélectionne tous ces calques, ces ellipses, et je clique sur le bouton droit et dans ce menu, je choisis Pré-composer. J' écris le nom du nouveau calque pré-composé. Je vais utiliser ce calque comme masque pour mon texte. Je l'ai mis derrière les effets de texte. Ensuite, je vais à la piste Matte, c'est juste ici, et je choisis ici Alpha Matte. Maintenant, vous voyez, en conséquence, ce texte est coloré et ces couleurs ont nos mouvements. Je sélectionne ce calque, Ellipse, et je le copier-coller par Commande C, Commande V, puis je le fais glisser sous ce calque de texte. Je vais au Matte de piste, je sélectionne No Track Matte d'abord parce qu'il s'agit d'une copie, puis je sélectionne Alpha Matte après. Maintenant, nous voyons que ça marche. Je fais la même chose avec toutes les autres couches. En conséquence, nous avons cette merveilleuse animation de texte. Maintenant, je vais ajouter des animations à chaque couche séparément, donc je commence par comment ? Je clique sur « S » sur le clavier, et en cliquant sur la minuterie, j'ai mis la première image, puis je le déplace un peu vers la droite et j'écris ici zéro. Je vais utiliser l'expression que nous avons déjà couverte dans la leçon d'animation précédente, le même amortissement dynamique. Vous pouvez trouver ce script dans les ressources. Je clique sur la minuterie tenant Alt, et ici j'ajoute le script. Vérifions à quoi ça ressemble. J' adorerais le rendre un peu plus rapide. Je fermerai ma chronologie et je le mettrai ici. La première image, Je clique sur le bouton droit et je choisis Keyframe Assistant, Easy Out. J' aime plus ce mouvement. Je ferai exactement la même chose avec tous les autres calques de texte, mais ils apparaîtront un par un. C' est à ça que ça ressemble, une sorte d'échelle faite par des images clés, et c'est le mouvement. Super. Je veux ajouter un mouvement pour cette image, donc j'ai besoin de sélectionner tous ces calques de texte avec leurs masques ainsi et de le parent à leur image principale. Au moment où le texte apparaît, je veux changer l'échelle de cette image. Donc, je clique sur « Échelle » sur le clavier, puis j'ajoute une image-clé dans quelques images, je fais cette échelle moins. J' ajouterai également un amortissement dynamique au paramètre d'échelle. Cliquez sur « Minuteur » en maintenant Alt, et je le copier-coller par Commande C, Commande V. Ensuite, je clique sur l'Assistant d'image clé et je choisis Easy Ease Out à la première image, et il y a un mouvement. Je choisis l'outil Rectangle et lorsque ce dossier est sélectionné à l'aide de ces cadres de sélection de tuiles, je commence à dessiner un rectangle. De cette façon, cet outil rectangle fonctionne comme un masque pour cette photo. Super. Maintenant, ma photo a changé de forme. Je voudrais changer ce fond blanc pour le jaune. Quand aucun calque n'est sélectionné, je commence à dessiner un rectangle par Rectangle Tool et j'ai un nouveau calque. Ensuite, je change le remplissage. Il sera jaune de ma palette de couleurs. Je vais écrire le nom, l'arrière-plan. J' ai choisi la couleur, et je fais glisser ce calque derrière tous les autres. Super. Maintenant, je vais utiliser Pen Tool et je vais dessiner des stylos simplement en utilisant cet outil. Si je commence à dessiner dans un nouveau point dans une autre forme, j'aurai toutes les formes ici dans le contenu. Lorsque je choisis ma plante, je peux changer le remplissage ou changer le remplissage de chaque forme séparément. Ma plante est prête. Je vais juste le rendre un peu plus petit. Je clique sur « Y » au clavier et je déplace ce point d'ancrage vers le bas. Cela signifie que cette plante tournera autour de ce point. J' ai mis mon indicateur de temps à la dernière image de la motion. Ensuite, je vais aux paramètres de rotation de l'usine en cliquant sur « R » sur le clavier. J' ai mis le cadre ici. Je reviens à ce cadre précédent et je vais à l'usine et j'ai mis un autre cadre ici, mais je change la rotation ; je le tourne vers la gauche. Ensuite, j'ajoute une expression d'amortissement dynamique, un Alt de maintien sur le clavier et je le copier-coller. Je vais également changer cette image-clé pour Easy Ease Out, et maintenant nous voyons que ma plante apparaît. Ensuite, je sélectionne ce calque et je le copier-coller et j'ai le tout à fait similaire. Je veux juste changer la position pour le rendre un peu plus petit. Je vais également changer le remplissage. Je vais changer cette forme, donc je choisis à nouveau l'outil Stylo et je sélectionne le Plant 2, puis j'édite cette forme. Je ne veux pas qu'ils soient absolument similaires. Je voudrais ajouter quelques plantes ici. Nos cinq premières secondes d'animation sont prêtes. Essayez toutes ces méthodes dans votre projet. Faites une pause si vous avez besoin ou regardez-le une fois de plus pour comprendre toutes les techniques. Ils sont vraiment basiques et importants. Pratiquez votre nouvelle compétence. Dès que vous êtes prêt à continuer, rejoignez-moi à la prochaine leçon. On se voit là-bas.
9. Publicité pour les événements - Animation de texte: Dans cette leçon, nous continuons à créer une courte animation pour l'histoire Instagram. J' ai déjà créé la première diapositive. Commençons à créer le suivant. Maintenant, je veux que cette première diapositive aille à droite. Ce sera la transition vers la deuxième diapositive. Pour ce faire, je dois être sûr que toutes mes couches sont connectées à ce fond jaune. J' ai besoin de relier cette photo à l'arrière-plan. J' ai aussi besoin de connecter ces plantes. Lorsque ma minuterie est ici, je choisis la position d'arrière-plan, je clique sur P, je mets l'image clé ici. Ensuite, je déplace mon indicateur de temps vers la droite, et je change la position, je le déplace vers la droite. Je vais juste changer cette première image clé par l'assistant d'image clé du bouton droit. Je vais choisir la facilité facile. Je vais également ajouter mon expression préférée à cette motion, que vous pouvez trouver dans les ressources. Je maintiens Alt et cliquez pour positionner, et je copie coller par
commande C, commande V. À la fin de ce mouvement ici, je veux avoir une partie de ce fond jaune juste ici. Je prends l'outil stylo et je clique ici, et je maintiens Maj, cliquez ici. Cela signifie alors que j'ai sélectionné ces deux points et maintenez Maj, je le fais glisser vers la gauche. Cela signifie qu'il aura des lignes droites. Si je ne tiens pas Shift, ce sera comme ça. Je veux aussi avoir un fond gris foncé ici. Je choisis l'outil rectangle, quand il n'y a pas de calques sélectionnés, je commence à dessiner un nouveau rectangle et je change le remplissage, puis je peux trouver mon nouveau calque. Je l'ai appelé le fond gris, et j'ai mis cet arrière-plan à l'arrière de tous les calques. Ce sera le fond de ma deuxième diapositive. Ensuite, je choisis un fouet de prélèvement parent et je le connecte à l'arrière-plan jaune. Cela signifie qu'il va bouger aussi. L' étape suivante, j'insère ma deuxième photo. Je dois changer la taille. Je clique sur S, puis fais glisser ces nombres. Je renomme cette image et j'
utiliserai également un masque que nous avons déjà couvert dans la vidéo précédente. Je choisis l'outil rectangle. Lorsque ce calque est sélectionné, je commence à sélectionner la partie de l'image que je vais utiliser. Ensuite, je prends le fouet du parent et je le fais glisser sur le fond gris. Maintenant, il se déplace avec le fond gris. Bien qu'ici je puisse voir cette ligne blanche, cela signifie que je dois changer de forme. Nous savons déjà comment le faire. Je choisis juste l'outil de stylo. Je sélectionne ce point, puis je les sélectionne, maintenant Maj, puis je le fais glisser. Super. J'utilise le type 2 pour l'écriture de texte. J' écris prendre en ligne, puis je sélectionne tout, puis change la couleur. La première phrase est prête. Ensuite, je désélectionne les calques et je commence à écrire cours. Ce sera la deuxième couche. Cette troisième couche sera avec Diana, et la dernière couche sera Karlova. Je dois aligner toutes ces phrases. Je vais commencer par le premier. Il sera plus facile d'aligner sur les lignes sûres d'action de titre. Donc, je sélectionne simplement mon texte et je déplace sa position. Ensuite, je sélectionne ce calque et je change la taille. La couche suivante, bien sûr, je le déplace vers la droite. Je sélectionne toutes les lettres et je le ferai plus grand que la troisième couche. Je passe à droite. Je vais choisir une police plus fine dans le dernier calque. Bien que je le fasse aussi un peu plus grand, je vais essayer de le rendre léger. À la fin, je vais les séparer les uns des autres parce que maintenant ils sont trop proches. Je peux aussi expérimenter et choisir le dernier calque et changer le [inaudible]. Quand on est sur la deuxième diapositive, on a besoin de ce texte ici. J' utiliserai le masque pour le mouvement de texte. Je choisis l'outil rectangle, et quand aucun calque n'est sélectionné, je commence à dessiner un rectangle sur le texte, je l'appellerai forme 1. J' ai besoin de mettre cette couche avant de prendre en ligne. Ici, j'ai dit Alpha mat forme fun. Je sélectionne prendre en ligne et je clique sur B sur le clavier, et je mets l'image clé de position ici. Ensuite, je déplace cet indicateur de temps un peu vers la gauche. Je déplace mon texte vers le bas. Ensuite, je copie à nouveau mon expression préférée, je tiens Alt. J' ouvre des expressions de position et je les colle ici. Maintenant, vous voyez le texte apparaît avec un amortissement dynamique. Je vais faire la même chose avec d'autres phrases. Super, mais j'aimerais que ces phrases apparaissent une par
une donc j'ai besoin de créer quelque chose comme une lettre ici. Ma deuxième phrase devrait apparaître un peu plus tard, et la troisième phrase devrait apparaître plus tard que la seconde, et je déplace la dernière aussi. Pour l'instant, je voudrais ajouter des plantes ici, et quelques formes ici. Je copie et colle ce calque. Ensuite, je déplace cette couche vers le haut, car il sera juste plus pratique pour moi de l'utiliser ici. Je supprime tous ces cadres. J' ouvre les paramètres de position en cliquant sur P, et je le déplace vers le bas, je clique sur R et je le fais pivoter. Ensuite, je clique sur la rotation et je mets la première image, puis je tourne cette plante comme ça. J' ajoute aussi mon expression préférée, maintenez Alt et je le colle ici, rotation. Super, je vais aussi ajouter la deuxième plante ici, une petite et une grande. L' étape suivante, je sélectionne ces calques et je les connecte à l'arrière-plan gris. Maintenant, nous voyons qu'il se déplace avec l'arrière-plan. Mais, nous voyons aussi ces plantes ici et nous n'avons pas besoin d'elles pour être ici. Nous avons juste besoin de couper ces couches, et ça devrait commencer juste à cette position. Pour ce faire, je prends ce calque et le fais glisser vers ce cadre ou je peux simplement utiliser des touches coupées sur un clavier. Ensuite, je veux que certaines formes apparaissent ici, donc je sélectionne l'outil plume et je commence à dessiner un triangle. Puis je commence à dessiner une ellipse et une autre minuscule. Je voudrais utiliser le même masque [inaudible] pour mes formes. Je trouve ce calque d'ellipses et je le copie par la commande C,
commande V. Ensuite, je le fais glisser vers le haut et je change la position de ce calque. Je clique sur P sur un clavier et je l'ai mis ici, donc il couvre mes formes. Je l'ai mis derrière toutes mes couches de forme. Ici, je choisis pas de mat de piste pour l'instant. Ensuite, je dois donner un nom à mes couches. Ensuite, je choisis ces ellipses et je choisis ici Alpha mat au triangle. Je copie coller ce calque et le faire glisser. Je ne choisis pas de mat de piste, puis je choisis Alpha mat pour cerner 2, et je fais la même chose avec le dernier. Maintenant toutes mes formes, elles ont ceci [inaudible]. Bien sûr, je dois sélectionner toutes ces formes et ces ellipses. Je sélectionne le fouet du parent et je le fais glisser sur l'arrière-plan gris. J' ajouterai encore plus de motion. Je choisis le cercle 1, puis je clique sur Y et je fais glisser mon point d'ancrage au centre de cette forme. Je fais la même chose avec un autre cercle et avec le triangle. Ensuite, je sélectionne le premier cercle et je clique sur S sur le clavier. Lorsque mes plantes ont une animation en même temps, j'ajoute un cadre à l'échelle, et je fais de même avec un autre cercle et avec le triangle. J' ai défini une image-clé, puis je déplace mon indicateur de temps vers la gauche, et je mets l'échelle zéro à toutes les formes, et je copie coller mon expression d'amortissement dynamique préférée. Je peux aussi mettre ces cadres à des positions différentes, pas en même temps. Il aura un mouvement aléatoire. Ensuite, je sélectionne triangle, et je voudrais ajouter une rotation. Je clique sur Maj et R sur le clavier, donc j'ai les paramètres de rotation ici. Je clique sur la minuterie, je mets le premier cadre. Ensuite, je déplace l'indicateur de temps à la dernière seconde, et j'écris deux. Je sélectionne ce calque et je le colle. Maintenant, nous voyons qu'il est juste ici donc j'ai besoin cliquer sur P sur le clavier et de le déplacer vers la droite. Nous ne pouvons pas voir cette forme parce qu'il n'y a pas d'oeil ici. Je clique une fois et maintenant nous pouvons voir. Je vais au remplissage, sélectionnez aucun remplissage, puis je change le trait, j'écris cinq. Maintenant, nous voyons qu'il bouge ensemble. Je vais juste le mettre derrière et j'ouvre également les paramètres de rotation. Une autre chose que je vais faire, je vais à la dernière image et j'écris ici moins deux. Il va se déplacer dans une autre direction. À ces formes, j'ajouterai une autre expression que nous avons déjà utilisée. C' est une expression de torsion. Je clique sur P sur un clavier et je tiens Alt, et j'écris ici trembler deux et quatre. Je fais la même chose avec le cercle 2, Wiggle 2, 4. Maintenant, nous voyons qu'ils ont tous des mouvements. Nous avons fait la deuxième diapositive, et c'est vraiment génial. J' espère que vous appréciez le processus autant que
moi et excité de terminer notre animation. Lorsque vous avez assez pratiqué, toutes ces techniques, et que vous êtes prêt pour la partie finale, je vous invite à la leçon suivante.
10. Publicité pour les événements - Transitions: Bienvenue dans la dernière partie. Dans cette leçon, nous allons créer la dernière diapositive et nous allons fusionner les trois ensemble. Il aura une transition organique. Pour la troisième diapositive de cette animation, je vais tout déplacer d'ici vers le bas. Pour ce faire, je choisis mon arrière-plan principal, qui est jaune parce que tout est connecté à cet arrière-plan. Mais avant cela, nous devons être sûrs que tout est connecté. Par exemple, je dois vérifier tous les calques, et ici je vois que mes calques de texte ne sont pas connectés. Je vais au lien parent et je choisis ici arrière-plan. Ensuite, j'ouvre les paramètres de position, puis cliquez sur P sur le clavier, et j'ai défini un cadre. Ensuite, je déplace l'indicateur de temps et je déplace l'arrière-plan vers le bas. Cet arrière-plan de calque possède déjà une expression de position. Il aura un rebond. Je viens de mettre à la première image clé et je choisis facile, facilité et je les ai mis un peu à part. Lorsque ce fond descend, j'insère ma troisième photo et je change son échelle. Je clique sur S et je choisis la meilleure échelle dont j'ai besoin. Je pourrais également avoir besoin de changer sa position, je maintiens Maj et je clique sur P sur le clavier, donc j'
ai les paramètres de position et d'échelle ouverts ici. Je renomme mon image et je choisis l'outil ellipse. Je vais créer un masque pour cette photo mais aucun calque n'est sélectionné. Je commence à dessiner un cercle, donc j'ai un nouveau calque de forme appelé masque pour la photo 3, j'ouvre l'échelle en cliquant sur S et nous allons également déplacer ce
point d'ancrage un peu vers le haut afin qu'il soit au centre de ce cercle. Je mets la première image clé, je vais changer la taille de l'image clé comme celle-ci, puis je déplace l'indicateur de temps et je la rends plus petit. Ensuite, je vais à la photo et je choisis un mat de piste ici, Alpha Matte « Masque pour photo 3. » Je vais également ajouter un amortissement dynamique à ces changements d'échelle. Allez au masque, je clique ici, je tiens Alt, et je clique ici et je le colle ici. Bien sûr, je choisis le premier cadre et je choisis facile, facilité. Une autre chose que je dois faire, je dois choisir ces calques masque pour photo et photo 3 et parent ces calques à leur fond jaune. Maintenant, quand on y retourne, tout bouge ensemble sauf que nous n'avions pas besoin de cette photo pour être ici sur les diapositives pures donc je vais bouger un peu ce masque en ce moment. J' ouvre la position et je mets l'image clé ici, puis je me déplace vers la gauche et je déplace sa position. Je change la première image clé pour faciliter la facilité, et je change la seconde pour facile, facilité dans et je clique sur U sur le clavier et tous mes paramètres, vous pouvez voir ici. Maintenant, je peux essayer de le déplacer un peu et voir à quoi ça ressemble. Peut-être que lorsque l'image change sa taille plus tard est vraiment mieux. Ensuite, je vais ajouter un fond jaune sous cette photo, je choisis l'outil rectangle. Tout d'abord, je vais choisir une couleur. Quand aucun calque n'est sélectionné, je commence à dessiner un rectangle. Je l'appelle deuxième fond jaune, et je le déplace sous la photo. J' ai également besoin de connecter ce calque à l'arrière-plan jaune principal et je dois vérifier à quoi il ressemble à la diapositive précédente. Je vais juste ajouter un cadre à sa position. Je clique sur P sur le clavier. Ensuite, je vais à ce moment et je mets la première image ici, puis je reviens et je le déplace vers le haut et quand je passe à travers tous les cadres, je peux voir quelques moments à travers cela cependant, je viens de le déplacer et de définir le cadre suivant et je vais aussi le déplacer un peu par ici et là-haut. Lorsque vous définissez toutes ces images, cela signifie que vous pouvez contrôler tous les mouvements de l'objet. La dernière chose pour rendre cette transition parfaite, je dois me débarrasser de cette maison ici, je descends à la grille et fond jaune. Je change sa forme sans aucun cadre, je choisis juste l'outil de stylo et je sélectionne ce point, et je maintiens Maj et je sélectionne ce point, puis je le fais glisser vers le haut, en maintenant Shift. Retournons et vérifions. Ensuite, je ferai la même chose avec ce fond jaune. Je sélectionne ce point, je maintiens Maj, je sélectionne ce deuxième point, puis je fais glisser ces deux points en maintenant Maj vers le haut. Incroyable. Maintenant, il a une transition parfaite. L' étape suivante, je vais créer des cercles autour de cela. Je prends l'outil ellipse et quand il n'y a pas de calques sélectionnés, je dessine une nouvelle ellipse. Ensuite, je vais aux paramètres de remplissage, je clique ici et je choisis, pas de remplissage, puis je choisis une couleur de trait. Je choisis la couleur de mon palais, je change sa largeur. Puis j'appelle ce cercle de calque 2, et je copie et colle ce cercle, je change sa position, je clique sur P et je le mets ici, je choisis une autre couleur de mon palais et je changerai un peu sa largeur, puis je copie coller ce calque à nouveau et je choisis la couleur blanche, et je vais rendre cette ligne très mince. Je change aussi la position. Je sélectionne ces quatre couches et maintenant je dois les mettre derrière ma photo. Bien que le coup blanc je vais mettre sur le dessus. Maintenant, je veux que ces cercles aient un léger mouvement. J' ouvre la position et je clique sur Alt et j'ajoute une expression de wiggle. Ouais, je pense que 2, 10 ont l'air bien. Je fais la même chose avec d'autres deux couches, Wiggle 2, 10 et ici position Wiggle 2, 10. Ensuite, je ne devrais pas oublier de sélectionner ces trois cercles et de le connecter au second fond jaune. J' ai besoin de changer l'échelle de ce cercle blanc, j'ouvre l'échelle et je mets la première image ici, et je retourne dans la chronologie et ici j'ai mis une autre image et je change son échelle. Maintenant, je vois que ce serait plus rapide, donc je déplace ce cadre vers la gauche et j'ai besoin d'ajouter la même expression d'amortissement dynamique. Ensuite, je retourne à la diapositive précédente pour tout vérifier et ici je vois cette ligne blanche. Je dois couper cette couche d'ici. Ça devrait commencer à partir de ce moment. Je défends ce calque, ou vous pouvez simplement prendre ce bord et le faire glisser vers la droite et quand nous revenons en arrière, il n'y a pas de ligne ici. Ensuite, je vais à la diapositive précédente et je sélectionne cette plante. Je le trouve ici sur la chronologie et je le copie coller. Il est juste ici donc je prends ce calque et je l'ai mis ici, et je le déplace sur la chronologie. J' aurai cette plante sur la dernière diapositive. Je vais ouvrir la position, l'échelle et la rotation, en tenant le décalage. Maintenant, je vais juste travailler avec ces paramètres. Je veux que le sujet répète le même modèle de rotation. Maintenant, j'ai deux cadres. Je sélectionne le premier cadre et je l'ai mis ici. Ces cadres sont les mêmes et celui-ci au milieu est différent. Ensuite, je choisis toutes ces images et je clique sur le bouton droit, et je choisis assistant d'image-clé, facilité facile. Ensuite, je vais à la rotation et je tiens Alt ici et j'écris une autre nouvelle expression pour vous, ce sera boucle dehors. Ces cadres sont trop proches, donc je vais juste les mettre loin les uns des autres. Il aura un mouvement lent. Super, je vais juste faire plus de ces plans et nous allons changer certains de leurs paramètres. J' aime la façon dont ils se déplacent en ce moment, et je veux juste les mettre derrière cette photo pour que je sélectionne toutes les plantes et les fasse glisser vers le bas. Maintenant, ils apparaissent sur la photo. La dernière chose que je vais faire avec cette histoire, j'ai juste besoin d'ajouter le type de logo de SkillShare et d'ajouter un texte. Sur Internet, j'ai trouvé un type de logo de SkillShare. C' est un format PNG. Ça veut dire qu'il n'a pas de fond. Je fais juste glisser cette image, je vais la mettre ici. Ensuite, je prends un type 2 et j'écris commencer à apprendre. Ce sera la première phrase, je vais la changer en gras. Je vais aussi changer un peu la taille. Ensuite, j'écris la phrase suivante, hashtag motion design. Je prends cette phrase et je l'ai posée, puis j'écris la troisième phrase. Ce sera gratuit. Maintenant, j'ai juste besoin d'ajouter de l'animation à ces phrases. J' utilise l'outil rectangle, puis dessine un tel rectangle. Je change le remplissage, peu importe la couleur que c'est. Ensuite, je choisis commencer à apprendre et je vais au mat de piste et je choisis Alpha mat, puis je vais à la position et je mets le cadre. Ensuite, je passe à la ligne de temps à gauche et j'ai mis ma phrase vers le bas. Ensuite, je copie le script, rebondit l'expression et le colle à la position. Je déplace le cadre un peu et j'ai ce mouvement, alors j'ai juste besoin de faire tout de même avec les deux autres couches. J' en ai fini avec les phrases et la dernière étape sera mouvement pour le SkillShare et ce sera super facile. Je choisis juste le SkillShare, puis je clique sur Position et j'ai défini mon image-clé et je retourne sur la timeline et il ira à gauche et je copie l'expression, je maintiens Alt, ouvre la position, les expressions et la colle à la position et elle aura une telle motion. La toute dernière chose que je dois faire, je vais ajouter quelques triangles ici et le calque de texte glisse vers le haut. Je choisis l'outil de stylo. Avant de commencer à dessiner, je dois être sûr qu'il n'y a pas de calque sélectionné, je commence à dessiner triangle droit au centre de l'écran. Alors je le nomme flèche 1. Je clique sur S et je change sa taille. Ensuite, je clique sur B, puis je le fais glisser vers le bas. Ensuite, je copie et colle cette flèche et je clique sur B et je fais glisser flèche 2 vers le haut et copier coller à nouveau et je clique sur B et je fais glisser la flèche 3 vers le haut. Ensuite, je prends le type 2 et j'écris balayage vers le haut, je clique sur P, et je l'ai mis au milieu. Ensuite, je sélectionne glisser vers le haut et je le connecte à la flèche 1, choisissez la flèche 2, la flèche 3, et je le connecte à la flèche 1 aussi bien. Ensuite, je clique sur la position sur le clavier et je mets la première image pour la flèche 1, puis je déplace l'indicateur de temps, et je déplace sa position, et l'image suivante sera la même que la première. Ensuite, je sélectionne toutes les images. Je vais à l'assistant d'image-clé et choisissez la facilité facile et en maintenant Alt, j'ouvre les expressions de position, puis j'écris ici, boucle et je choisis ici boucle out. J' utilise cette expression. Voyons voir. Je sélectionne tous ces calques et je [inaudible] depuis le début. Enfin, j'ai le résultat que je voulais, et il reflète totalement mon idée. J' espère que vous avez suivi tout le processus et maintenant vous êtes vraiment excité de créer votre propre animation. Veuillez poster vos animations et n'hésitez pas à poser des questions. J' ai hâte de voir ce que vous créez. J' ai aussi un bonus pour toi. Dans la vidéo suivante, je vais vous montrer comment vous pouvez améliorer votre résultat
en utilisant les mêmes techniques simples. On se voit là-bas.
11. Réflexions finales et inspiration: Félicitations, vous venez de terminer le cours, vous l'avez fait. Maintenant, vous en savez un peu plus sur les techniques de base de conception de mouvement. Je veux vous montrer une animation et vous donner des conseils sur la façon de
créer des sites en utilisant les techniques que nous avons abordées dans cette classe. Pour une telle histoire, vous devrez animer votre texte pour créer un arrière-plan coloré, utiliser l'outil Rectangle et l'animation de position. Ensuite, vous pouvez ajouter des vidéos au lieu de l'eau et utiliser des masques. Vous pouvez également ajouter des images clés pour le chemin du masque. Ici, ils utilisent l'animation de position pour les objets au format PNG. Ils utilisent également des masques pour les photos sur l'arrière-plan et l'animation de la position du texte. Ici vous pouvez voir l'animation de position des images au format PNG. Les objets ont un beau mouvement que vous pouvez modifier dans l'éditeur de graphiques. Il y a aussi une animation de texte à l'aide de masques. Cette forme sur le fond, comme nous l'avons fait dans une publicité de produit, cette image a également un masque. Pour obtenir de tels résultats, vous pouvez définir des images clés pour la position du masque. Ici, nous voyons l'animation à l'échelle et expression d'amortissement
rebondissant pour le texte d'entraînement avec la petite amplitude. Il y a aussi des masques pour certaines animations de texte, et ce cercle a des images clés de position. Pour certains textes, ils utilisent des effets que vous pouvez simplement trouver dans l'effet Animation de texte. J' espère que regarder ces exemples, vous avez réalisé qu'en utilisant les mêmes outils simples, vous pouvez créer tant de projets différents dans Adobe After Effects. Merci beaucoup d'avoir suivi mes leçons. J' espère que vous vous amusez à regarder ces vidéos et à expérimenter avec votre projet. N' hésitez pas à poser des questions. Je suis là pour t'aider. Portez vos projets et obtenez des commentaires. Lorsque vous partagez vos projets, vous inspirez les autres pour leur créativité. Vous aurez des commentaires du personnel directement de ma part, et vous pouvez également avoir des commentaires de la communauté Skillshare. Avicio et Lester parlent de nouvelles idées créatives. Merci beaucoup d'être avec moi dans ces leçons et de vous voir dans la prochaine classe.
Diana Charles, Motion designer | Videographer
