Transcription
1. Bande-annonce du cours: Salut là. Je suis Carminys Guzman. Je suis le co-fondateur d'operary.com. Nous sommes un studio d'animation avec plus de huit ans d'expérience. Nous avons créé de magnifiques vidéos explicatives animées pour des centaines d'entreprises dans le monde entier. Dans ce cours, je vais vous apprendre à faire des boucles de zoom rapides et faciles. Nous allons commencer à développer l'idée. Je vous montrerai comment est mon processus de travail, puis nous concevrons notre projet dans Adobe Illustrator. En chemin, vous apprendrez à ajouter des textures et des effets fous à vos animations. Enfin, nous apporterons notre design à vivre. Si vous n'avez pas utilisé After Effects auparavant ou si vous n'avez aucune expérience, je vous recommande de suivre mon cours précédent, Animez vos illustrations en un temps record avec Adobe After Effects. Êtes-vous prêt à faire des boucles de zoom folles dans After Effects ? Commençons.
2. Avant de commencer: Je vous invite à télécharger le fichier de projet que nous allons créer pendant le cours. De cette façon, vous pouvez suivre les instructions en temps réel, et il vous sera beaucoup plus facile d'appliquer ce que vous apprenez. Il s'agit d'un cours de niveau intermédiaire. Pour le suivre en douceur, vous avez besoin d'une connaissance de base d'After Effects. J' ai hâte de voir vos animations à la fin du cours. S' il vous plaît partager votre travail dans la galerie du projet de cours afin que nous puissions tous profiter de votre art.
3. Idées et références: Avant de commencer à concevoir, nous devons décider ce que nous voulons faire. Nous devons avoir une idée claire de ce que sera notre design et notre animation. Dans mon cas, je savais que je voulais trois choses : utiliser un œil comme élément principal. Pour utiliser des formes géométriques pour la conception principale, et pour avoir un zoom sans fin avec une touche réelle. À partir de ces idées, j'ai compilé une série de références pour m'inspirer. Je cherche généralement de l'inspiration sur des sites comme Pinterest, Instagram ou Google images. Je ne suis pas le genre de personne qui fait beaucoup de croquis, mais je préfère avoir l'idée claire dans ma tête avant de commencer. Dans mon cas, j'aime toujours dessiner mes dessins sur papier d'abord. Je vais agir intelligemment et atteindre mes objectifs beaucoup plus rapidement. Une fois que j'ai fait mon croquis, je le scanne avec mon smartphone et je l'importe dans Adobe Illustrator, et c'est tout.
4. Raccourcis dans AI: Le graphique le plus utilisé dans Adobe Illustrator est
celui qui fait référence aux outils que nous utilisons le plus couramment. Certains d'entre eux sont identiques dans After Effects. Voyons comment accéder à l'outil principal en appuyant sur la touche. Appuyez sur « V » pour l'outil de sélection, « A » pour l'outil de sélection directe, « P » pour l'outil de stylo, « B » pour l'outil de pinceau, « T » pour l'outil de texte, « R » pour l'outil de rotation, « I » pour le et « Z » pour l'outil de zoom. Comme vous le voyez avec les raccourcis, nous pouvons modifier rapidement les outils sans perdre de temps à aller dans le panneau d'outils. Je vous ai laissé un fichier PDF avec les raccourcis les plus utiles pour que vous puissiez le télécharger.
5. Design: Bienvenue dans ce cours. Voyons comment concevoir dans Adobe Illustrator pour un dessin fait main. Nous ouvrons un nouveau document 1080 par 1080 pixels. Dans d'autres documents, j'ai préparé les palettes de couleurs que j'utiliserai pour cette conception. Je vous recommande de préparer à l'avance les couleurs que vous allez utiliser. Si vous trouvez difficile de mélanger les couleurs en un seul pour gagner du temps, vous pouvez utiliser les couleurs qui voient tous les sites Web. Il est très intuitif et donne de très bons résultats. Revenons à notre palette de couleurs. Nous sélectionnons nos couleurs et les faisons glisser vers le document sur lequel nous allons travailler. On l'a mis sur le dessus pour que ça ne nous dérange pas. Maintenant, nous allons à « Fichier », sélectionnez « Lieu », et recherchez le croquis que nous avons précédemment numérisé et nous l'avons mis dans nos documents. Nous allons à « Calques
», et créons un nouveau calque. Nous faisons glisser l'esquisse vers le nouveau calque. Nous double-cliquez et nommons les couches. Ensuite, nous verrouillons les deux couches afin qu'elles ne nous dérangent pas lors de la conception. Maintenant, on peut commencer à concevoir. Nous créons une nouvelle couche pour commencer à créer notre design. Maintenez la touche « Rectangle Tool » enfoncée pendant une seconde pour voir le reste des options. Nous pouvons choisir « Star Tool » ou « Polygone Tool ». Nous faisons glisser en maintenant la touche « Maj » enfoncée pour garder les proportions intactes. Tout en maintenant la souris, nous appuyons à plusieurs reprises la touche « Flèche vers le bas » jusqu'à ce que nous obtenions le triangle. Nous plaçons un triangle et l'ajustons. Pour le moment, nous allons travailler seulement avec des coups pour voir notre croquis sans problèmes. Nous voulons créer un triangle dans le triangle principal. Pour ce faire avec un triangle sélectionné, allez dans « Objet », sélectionnez « Chemin » « Décaler chemin », et appliquez un chemin de décalages de minis dix pixels. Maintenant, nous allons créer un cercle. Nous maintenons la touche « Alt » enfoncée pour prendre le centre comme référence et la touche « Maj » pour faire un cercle parfait. On le place. Nous nommons la couche et la verrouillons. Maintenant, nous créons un nouveau calque et dessinons un hexagone. Comme ça. Nous sélectionnons l' « Outil Pen » et en cliquant sur trois points, nous créons un triangle. Créons les lignes qui vont à l'intérieur du triangle. Nous utilisons à nouveau le « Pen Tool ». Nous créons un seul, sélectionné et en maintenant la touche de terre enfoncée, nous la dupliquons. Ensuite, nous appuyons sur « Ctrl » plus C ou D commun et Mac plusieurs fois pour les dupliquer. Avec la touche « Maj », nous sélectionnons tout, puis nous désélectionnons l'hexagone. Je dois sélectionner le triangle et la dernière ligne m'échappe. Ensuite, nous allons à « Pathfinder » et sélectionnez « Diviser ». Créons un nouveau cercle. N' oubliez pas d'appuyer sur « Alt » et « Shift » pour le rendre parfait. Nous nommons la couche et la verrouillons. Encore une fois, en utilisant le « Pen Tool », nous allons dessiner l'œil. Nous cliquons ici, nous passons à l'autre point et cliquez à nouveau. Maintenant, faites glisser pour faire une courbe. Nous cliquons à nouveau pour continuer le contour et enfin, fermez-le et faites glisser pour ajuster la courbe. Nous nommons la couche et verrouillons à nouveau. Maintenant, nous allons créer les yeux de l'œil. Nommez-le et verrouillez-le. Maintenant, créons le cercle de l'élève. Nous le sélectionnons et tout en maintenant la touche « Alt » enfoncée, nous faisons glisser pour créer la luminosité de l'œil et nous le rendons plus petit. Nous nommons la couche et la verrouillons. Nous créons une autre couche. Maintenant, il suffit de créer les cercles de trois mètres autour de l'œil. Nous créons le premier, dupliquons et le plaçons. Nous nommons la couche et nous avons déjà notre conception complète. Nous déverrouillons tous les calques et supprimons le calque d'esquisse en le faisant glisser vers le symbole de la corbeille. Nous sélectionnons tous les éléments de la conception et le rendons plus grand. N' oubliez pas de maintenir la touche « Maj » enfoncée pour garder les proportions intactes. Maintenant, nous avons seulement besoin de colorer le design. Pour ceux-ci, nous allons sélectionner les différentes parties et avec le « Pipette Tool » prendre les couleurs que nous avions préparées auparavant. Désolé, je vais partir pour caresser pour l'instant pour voir le reste des éléments. Nous continuons la coloration. Nous sélectionnons et colorions comme ça tout le temps. Maintenant, nous avons juste besoin de créer l'arrière-plan. Nous créons une nouvelle couche. Créez un carré avec la taille de la composition. Coloriez-le et déplacez-le en dessous de tous les calques. Pour terminer, nous sélectionnons le calque de palette de couleurs et le supprimons. C' est prêt. Nous avons fait notre conception.
6. Raccourcis dans AE: Dans cette classe, nous allons jeter un oeil
aux raccourcis que nous allons utiliser dans After Effects. Les raccourcis les plus utilisés sont ceux qui font référence
aux propriétés des couches et aux outils que nous utilisons le plus couramment. Voyons comment ouvrir les propriétés de la couche en un seul clic. Appuyez sur A pour le point d'ancrage, P pour la position ,
S pour l'échelle, R pour la rotation et T pour l'opacité. Si nous maintenons la touche Maj enfoncée, nous pouvons ouvrir plusieurs propriétés en même temps. Maintenant, nous allons voir comment accéder aux outils principaux en un simple clic de la clé. Appuyez sur V pour l'outil de sélection. Maintenez la barre d'espace pour l'outil manuel, Z pour l'outil de zoom, W pour l'outil de rotation et Y pour l'outil panoramique derrière. Tout est une question de pratique. Je vous ai laissé un fichier PDF avec les raccourcis les plus utiles pour que vous puissiez le télécharger.
7. Boucle de zoom: Salut, bienvenue à cette leçon. Maintenant que nous avons fait notre conception, nous pouvons l'animer. Dans la leçon précédente, nous avons conçu cette scène dans un format carré de 1080 par 1080 pixels. Mais j'ai changé d'avis et nous allons rendre l'animation plus large. Je pense que ça aura l'air mieux. Je vais acheter une nouvelle composition de 1 920 par 1 080 à 24 cadres. Donne-le un nom, donne-lui trois secondes et joue-le. Ensuite, nous importons ou décidons d' Adobe Illustrator et faisons glisser la composition importée dans la composition principale. Entrez la composition. Nous allons à la composition, sélectionnez « Paramètres de composition » et en largeur, nous changeons la valeur à 1,920 pixels. Ensuite, nous allons à la couche d'arrière-plan, sélectionnez-le et ajustez-le à la taille des compositions mu en tirant sur les côtés. C'est facile. Tout d'abord, nous voulons animer la récession des cycles. Nous appuyons sur le point d'ancrage E, le capteur. Nous créons un cadre clé dans l'objectif de dévastation jusqu'à la fin de la chronologie et répondons quatrième, Interprétation des charges. Voyons voir comment ça marche. Ok, donc maintenant nous faisons la même chose avec une couche de conception de lignes. Nous animons la rotation. Mais dans ce cas, au lieu de faire deux tours, nous n'en faisons qu'un. Jetons un coup d'oeil. Maintenant, nous voulons mettre la couche d'arrière-plan et la coller dans la composition principale et la drogue en dessous de la composition. Ensuite, nous créons un masque sur la composition de l'œil. Il suffit de sélectionner un calque et de créer une forme. Dans ce cas, un cercle avec bien ajusté à la taille de l'œil de sorte qu'il peut en être la peine. Nous inversons le masque en cliquant sur la boîte inversée et who-la, nous avons créé un trou avec le côté de la pupille. Vous pouvez voir ce qu'il y a derrière. Nous allons placer les points d'ancrage. Dans ce cas, nous voulons le mettre au centre de l'œil et nous animons l'échelle. Créer une trame clé, aller à la N et augmenter l'échelle sur le signe DD n'est pas vu à l'écran. Comme vous pouvez le voir que le signe est exalté. Pour résoudre cela, nous allons dans la composition et activons le pasteurisé en continu dans toutes les couches. Nous revenons à la composition principale et l'activons. Ok, maintenant tout a l'air bien, mais il y a toujours un problème. Si nous prévisualisons, nous voyons que supposer ne semble pas être un mouvement continu, mais plutôt adoucit à la fin. Pour le résoudre, nous sélectionnons l'échelle. Cliquez avec le bouton droit, sélectionnez l'assistant d'image clé, échelle d'explication. Si nous avons un aperçu à nouveau, cool, maintenant nous avons ce que nous voulions. Ok, alors maintenant dupliquez la composition et supprimez toutes les images clés de la copie en cliquant sur le chronomètre. Passez à la fin de la chronologie et liez la copie à la composition d'origine. Aperçu. Tout est bien. Maintenant, nous dupliquons la copie, retirons le maigre de la nouvelle copie, passons à la fin de la chronologie et la lions à la copie précédente. C' est ça. Nous avons déjà supposé que ne finit jamais. Vous aimez le cours ? S' il vous plaît suivez-moi sur la sculpture pour ne pas rater mes prochains cours.
8. Textures et effets incroyables: Salut là. Dans cette leçon, nous allons vous montrer quelques conseils pour donner vos animations et une finition encore plus intéressante. abord, nous allons appliquer une texture à un deuxième projet et plus tard nous allons l'animer. Pour cela, nous importons une texture. Je vais l'utiliser ici,
mais vous pouvez utiliser ce que vous voulez. Vous pouvez télécharger gratuitement des textures à partir de pages comme Pixabay sont pik gratuit. Nous le plaçons sur le dessus du calque d'arrière-plan. Maintenant, nous allons mettre le mode de fusion. Si vous ne voyez pas ces options à l'écran, cliquez ici. Avec cette texture, le mode de superposition semble bon. Vous pouvez essayer d'autres façons de voir lequel est le mieux avec votre texture. Maintenant, on peut animer une texture. Pour ce faire, nous animons la position et la rotation toutes les quatre images. Il n'est pas nécessaire de suivre une commande. Il suffit de déplacer et de faire pivoter la texture tous les quatre cadres. Nous créons environ cinq images clés. Le dernier doit être le même que le premier pour qu'il ait l'air coloré. Pour ce faire, nous copions la première image clé et la collons. Maintenant, sélectionnez toutes les images-clés,
cliquez avec le bouton droit de la souris, sélectionnez l'image-clé Basculer Hold. Cela arrêtera l'interprétation qui, après les effets, effectue automatiquement entre deux images clés. Appliquez l'expression de boucle de sortie. Copiez et collez-le dans la rotation. C'est prêt. C' est une ressource intéressante que nous pouvons appliquer en seulement une minute. Je vous suggère aussi d'appliquer la même méthode à votre texture afin d'en pratiquer plus. C' est très simple. Une autre ressource très intéressante est l'ajout de plissages et d'arrière-plans abstraits à vos animations musculaires réelles. Tout d'abord, nous allons à la couche, nouveau, solide. On va le rendre plus grand que la composition. Vous saurez pourquoi dans un instant. Nous plaçons le solide sur le dessus de la texture. Ensuite, nous appliquons les effets d'ondes radio. Ces effets créent des pools constants de cycles. Nous pouvons également créer d'autres formes en réduisant leur nombre de côtés et même créer des étoiles. Mais revenons à notre cycle. Augmentez la fréquence à deux et changez la couleur du trait. Gardez un peu d'opacité au début de l'animation. Pour ce faire, nous mettons le rythme dans le temps à 1,5. Nous allons à la timeline et déplacer le calque sur l'animation occupe tout l'écran. Enveloppez juste jusqu'à ce que vous l'ayez. Maintenant, nous allons faire coïncider le centre de l'animation avec le centre de l'œil. Nous avons juste besoin de déplacer la position du solide jusqu'à ce que nous l'atteignions. Vous voyez, c'est la raison pour laquelle nous devons rendre le solide plus grand que la compensation. Nous pouvons le déplacer autour de l'écran sans couper l'animation. Enfin, nous appliquons les effets CC Kaleida qui créent un effet kaléidoscope avec différentes figures géométriques symétriques. Nous appliquons une taille de 46 environ et nous aurons déjà notre beau fond animé. Maintenant, nous appliquons le mode de fusion ajouter de sorte que l'effet est également affecté par la texture animée. Parfait. Vous pouvez jouer avec les options des deux effets, changer les bandes, et créer des effets très fous. Pour finir, nous allons créer un calque de réglage. Celles-ci doivent être au-dessus de toutes les autres. Nous allons appliquer les effets de postérisation temporelle pour
lui donner un style plus semblable à l'animation traditionnelle. L' application d'un effet à un calque de réglage affecte tous les calques situés en dessous de celui-ci. Nous avons réduit le nombre d'images par seconde à 12 pour obtenir un look plus Carson. Ça a l'air bien. Voulez-vous que votre animation dure plus longtemps ? C' est très facile. Créez une nouvelle composition de la même taille que la précédente. Multipliez la valeur temporelle par le nombre souhaité. Par exemple, par quatre. Maintenant, faites simplement glisser la compensation principale et dupliquez-la sur vous demi-quatre, sélectionnez les quatre calques, allez à l'animation. Sélectionnez Assistance d'images clés, couches de séquence et c'est tout, l'animation dure maintenant 12 secondes. Maintenant, je vous invite à effectuer une somme infinie. Vous pouvez utiliser les fichiers croisés ou mieux encore, créer vos designs. J' ai hâte de voir ton travail. Veuillez les télécharger dans la galerie du projet de cours ou me marquer dans vos messages Instagram. Ceci est notre compte Instagram.
9. Rendement: Maintenant que nous sommes tous prêts, nous pouvons les explorer. Pour cela, nous allons à la rémunération et sélectionnez Agir à Adobe Media Encoder. Media Encoder nous aide à explorer la pratique plus efficacement. Gardez à l'esprit, qu'une composition que nous avons actuellement ouverte sera exportée. Tout d'abord, nous choisissons le codec. Dans ce cas, nous allons utiliser H264, il explore la vidéo en MP4. Ils doivent utiliser le format pour le Web. En ce qui concerne la résolution des sorties, nous pouvons choisir l'option source mars, débit binaire
élevé ou moyen pour éviter les erreurs et l'
exploiter dans la même taille dans laquelle nous avons travaillé sur les projets. Dans ce cours, nous avons fait des animations de boucles
courtes plus axées sur les réseaux sociaux comme Instagram. Pour ce type d'animation, il est préférable de choisir les options de débit binaire moyen afin que les vidéos n'occupent pas trop de mégaoctets. Enfin, nous choisissons l'endroit où nous explorerons la vidéo et donnons un nom au fichier. Pour finir, nous cliquons sur le bouton de lecture ici. Vous pouvez également explorer votre animation en tant que GIF. Pour ce faire, revenez à après effets et renvoyez la vidéo à l'encodeur multimédia, nous choisissons les GIF animés cathodiques. L' option animation GIF correspond à la source. Encore une fois, nous choisissons l'endroit où nous allons explorer la vidéo et donner un nom au fichier. Nous avons enfin cliqué sur le bouton de lecture ici. Et avec cela, tout sera prêt. Une fois le processus terminé, vous pouvez ouvrir votre vidéo et elle commence à se déplacer sur les réseaux sociaux.
10. Réflexions finales: Félicitations pour venir si loin. Maintenant, je vous invite à appliquer tout ce que vous avez appris en créant votre propre boucle d'animation. J' adorerai les voir. Ne soyez pas timide, et s'il vous plaît télécharger dans la croix - galerie de projet, ou étiquez-moi dans votre post Instagram. Cherchez des références, inspirez-vous et surtout, pratiquez-vous. Si vous aimez le cours, s'il vous plaît laissez-moi un commentaire. Je vous en serai très reconnaissant. J' espère vous revoir dans les cours futurs. Merci.
Carminys Guzmán, Motion grapher
