Transcription
1. Intro: Bonjour, c'est la maison de Motion Circles.com. Dans ce cours je vais vous apprendre
à créer des animations de
type tendance que
vous pouvez voir J'enseigne le motion
design depuis quatre ans et j'ai enseigné à
plus de 40 000 étudiants. Je suis vraiment honoré de
pouvoir partager ce que
j'ai appris au dix dernières années
avec la communauté et aider les étudiants dans leur parcours de
motion design. Ce cours est
inspiré du travail que Matt, Boys et Pitrit
publient depuis des années sur leur chaîne
Instagram Ils ont mis au point des centaines
de façons d'animer la
typographie et leur travail véritable
source d'inspiration Si vous voulez vous inspirer
pour animer la typographie, oubliez pas de consulter
leur page Instagram dans la description du cours ci-dessous Dans ce cours, je vais
vous montrer comment animer la
typographie
comme ils le font et comment rendre
votre texte amusant et
visuellement attrayant Ce cours est adapté aux débutants. Cependant, je n'entrerai pas
trop dans les détails sur le fonctionnement d'
After Effects si vous souhaitez apprendre
le logiciel. Cet autre cours, appelé le
cours complet pour débutants sur
After Effects, vous aidera et vous permettra de démarrer immédiatement
avec le logiciel. Dans ce cours, même si vous êtes débutant et que vous n'avez aucune
expérience en matière d'After Effects, vous serez toujours en mesure de
suivre pas à pas ce que nous enseignons. J'essaie de rendre ce cours
aussi simple que possible pour les débutants
comprennent le processus et la logique de l'animation. Une fois que vous aurez compris la façon dont nous animons ces typographies, vous serez entièrement
équipé pour animer votre propre animation typographique
dans le Et commencez à explorer toutes
sortes de possibilités par vous-même. Les techniques et les
processus que nous enseignons dans ce cours sont applicables à tout autre projet de motion
design. Et vous pouvez immédiatement appliquer
ce que nous enseignons ici
à d'autres
projets. Pour le projet de classe, je
vais vous expliquer
comment animer différents
styles de typographie Étape par étape, vous pouvez télécharger les
fichiers du projet pour les suivre. Vous pouvez également choisir
votre propre mot et design pour tester les
techniques que nous enseignons. L'objectif est simple : rendre les choses amusantes à travers ces
différents projets. Dans le cours, vous
apprendrez tous les aspects essentiels d'After
Effects grâce à des pratiques du monde
réel. Nous aborderons
comment préparer votre fichier de conception
et votre illustrateur. Comment personnaliser votre
propre storyboard de design. Comment tirer parti des plug-ins gratuits pour travailler plus efficacement
et gagner du temps. Comment prendre le contrôle total
de votre animation en utilisant des graphes de
vitesse et donner vie à vos mouvements
comme un professionnel. Comment appliquer des effets spéciaux à votre animation de type
et la styliser Comment animer des rebonds
réalistes. Comment appliquer des principes
d'animation simples à votre projet. Et comment utiliser des images-clés
simples et des éditeurs de
graphes pour réaliser des animations
complexes Des tonnes de raccourcis clavier, conseils sur le
flux de travail et d'astuces que vous pouvez commencer à utiliser immédiatement. À la fin du
cours, vous
comprendrez parfaitement comment créer
ces animations
typographiques à la mode et pourrez
les explorer par vous-même Une fois que vous aurez terminé
ce cours, vous pourrez consulter
mes autres cours et commencer à vous plonger dans animation graphique et l'animation
After Effects
sur divers sujets. Si vous avez des questions
pendant le cours, n'hésitez pas à me contacter
et je serai là pour vous aider. Alors, êtes-vous impatient
de commencer avec superbes animations
typographiques tendance à partager en ligne ? J'ai hâte de te
voir en classe.
2. Trouvez l'inspiration: Bienvenue dans la classe.
Avant de nous plonger dans
After Effects et l'animation, je voudrais vous
parler des
sources d'inspiration et des
palettes de couleurs. Pour moi, j'aime m'inspirer de
Pinterest et de Heads. Le contenu est organisé et
vous pourrez trouver superbes designs et animations
sur Pinterest ou sur Heads Tapez simplement ce que
vous recherchez. Laissez-moi vous montrer comment procéder. Maintenant, nous sommes à bout
de souffle et j'ai ajouté le mot-clé «
typographie
cinétique C'est ce que cela me montre. En principe, pour les pincements,
le résultat est basé sur l'historique de vos
recherches précédentes Plus vous regarderez ces
superbes
designs , meilleur vous le
montrera. En gros, vous pouvez voir que ce sont tous les différents types de types cinétiques auxquels vous pouvez faire
référence ou dont vous pouvez vous inspirer Quelque chose comme ça. L'un
d'eux a l'air plutôt cool. Et une fois que j'ai cliqué sur l'un d'eux, si vous faites défiler la page vers le bas, vous pouvez également voir certains des
designs et animations associés. Et c'est un bon moyen d' explorer différents styles
d'animation ou de design. Vous pouvez également voir qu'il existe
différentes
palettes de couleurs auxquelles vous pouvez
même vous référer à partir de
ces inspirations. Je suis sûr que c'est la première fois que vous
utilisez Pinterest. Cela ne vous montre pas
autant de beaux designs. Mais soyez patient, car une fois que
vous l'aurez utilisé pendant un certain temps, il affichera
les différents modèles en fonction de ceux sur lesquels
vous avez cliqué au fil du temps Vos planches seront de plus en plus
belles. Et ce sont toutes d'
excellentes idées que vous pouvez utiliser pour animer votre
propre typographie Certains d'entre eux sont statiques, d'
autres sont animés, et ils peuvent tous être de
bonnes références. C'est tout pour Pinterest. Si vous optez pour Hands, nous pouvons effectuer une recherche sur la typographie
cinétique Vous pouvez même utiliser un mot clé
différent, par exemple type animation. Cela va juste vous
montrer un tas
d' idées différentes sur lesquelles
vous pouvez animer du texte. Et
celui-ci en particulier vient de Matt, comme nous l'avons mentionné dans
l'intro précédente Et il a réalisé de nombreuses animations typographiques
géniales. Vous pouvez faire référence à son
style ou à son animation. Il existe une tonne d'
options différentes et il y a aussi d' autres designers extraordinaires qui
travaillent dans le domaine de la typographie Et ils auront cette
belle animation de
typographie cinétique
comme celle-ci qui belle animation de
typographie cinétique a l'air
plutôt cool également J'aime la texture et
l'animation est amusante, ludique, plutôt belle. Personnellement, je n'
utilise pas beaucoup les mains, c'est pourquoi vous pouvez voir les
planches ici sur les mains, elles ne sont pas
aussi belles que les planches les plus fines. Une fois que vous aurez utilisé un programme ou un
logiciel pendant un certain temps, il prendra le
style que vous aimez. Et puis, grâce à
leur algorithme, il va
vous recommander de plus en plus ceux que vous avez aimés
ou sur lesquels vous avez cliqué auparavant C'est pourquoi vous voyez
cette palette colorée ou une gamme d'
animations différentes sur mon tableau. Et au fil du temps, si vous cliquez sur ces plus beaux designs, vous verrez apparaître de
plus en plus
de meilleurs designs à votre goût C'est donc un bon moyen de me
référer ou de m'inspirer des incroyables designs et
animations
que nous avons déjà sur Internet. En
termes de palette de couleurs, c'est le site Web
que j'aimerais utiliser. Ça s'appelle Cooler Stassio. Si vous allez dans Outils puis que vous pouvez explorer les palettes, il existe une tonne de palettes de couleurs populaires en ce
moment que vous pouvez utiliser. Vous pouvez simplement faire une capture
d'écran ou créer vos propres palettes. Si nous allons dans le générateur de
palettes et si nous appuyons sur la barre d'espace, toutes ces couleurs seront renseignées Si vous aimez l'une des
couleurs, vous pouvez la verrouiller. Disons que si c'est le cas,
remplissons comme celui-ci. Si j'aime ces deux couleurs,
je peux les verrouiller ici. Et puis continuez à remplir d'
autres couleurs. J'aime bien ce jaune ici. Et puis continuons à remplir
les deux cases de gauche. Je déteste juste la barre d'espace pour
continuer à changer de couleur ici
sur la gauche et
penser que jusqu'à ce que j'en trouve une bonne, je la trouve plutôt bonne Je vais donc enregistrer cette
palette pour mon projet. C'est ainsi que nous nous inspirons
d'Internet et que nous obtenons une
bonne palette de couleurs. Dans ce cours, j'
utiliserai de nombreux raccourcis
clavier et cela se
reflétera sur mon écran. Les raccourcis clavier sont d'excellents moyens d'améliorer votre
efficacité et votre flux de travail. Il sépare l'
animateur amateur des professionnels. Si vous voulez
le faire de manière professionnelle, assurez-vous d'utiliser les
raccourcis clavier comme je le fais. Et avec la pratique,
elles deviendront naturelles et intuitives
pour vous. C'est ça. Dans cette leçon, je vais vous
présenter quelques plug-ins que
nous utiliserons tout au long du cours
lors de la prochaine leçon.
3. Plugins gratuits: Dans cette leçon,
examinons certains plug-ins
que nous pouvons utiliser pour
accélérer notre flux de travail et nous
aider à animer Allons sur Scripts.com Le premier dont je veux
parler s'appelle Copy Et celui-ci, c'est à vous de nommer
votre propre prix. Vous pouvez mettre zéro si vous êtes débutant et
que vous souhaitez le tester. Et si tu veux
mettre n'importe quel chiffre, tu peux le mettre ici
et l'ajouter aux cartes. En gros,
celui-ci copiera vos facilités sans
remplacer vos valeurs Cela signifie qu'
une fois que nous avons utilisé celui-ci, nous pouvons appliquer la même animation d'
assouplissement à différents éléments en copiant simplement l'assouplissement sans modifier
la valeur de la propriété. Nous allons donc
montrer comment
procéder dans la licence actuelle, mais celle-ci est très bonne. Cela va nous faire gagner beaucoup de temps et accélérer notre flux de travail. C'est le
premier, chaque copie, puis si nous passons
à une autre, cela s'appelle du texte décomposé C'est aussi indiquer votre propre prix. Ce branchement
permet donc séparer chaque lettre d'une zone
de texte sur sa propre couche, de sorte
que chaque lettre séparée et puisse être
animée individuellement Et c'est très
important lorsque nous
réalisons l'animation pour la typographie C'est aussi un nom,
votre propre prix, et vous pouvez mettre zéro si vous êtes débutant juste pour le tester. Un autre plugin dont je
voudrais parler
s'appelle Motion Tools Pro
de Motion Design School. Celui-ci est également gratuit et possède de nombreuses fonctionnalités
différentes. Je suis assez nouveau dans ce
domaine et je veux le tester, donc je joue avec
cela pendant que nous
animons la typographie Je vais vous montrer quelques
façons d'utiliser ce plugin. Ce plugin a beaucoup
de potentiel,
mais nous n'en explorons que très
peu dans notre leçon. Néanmoins, si vous voulez l'
utiliser et l'essayer, vous pouvez le télécharger et le
tester vous-même. Il existe également des didacticiels
en ligne où vous pouvez trouver des utilisateurs sur la façon d'utiliser ce plug-in pour accélérer leur flux de travail. Et celui-ci est très
bon pour moi, personnellement, je ne
l'utilise pas trop. Et le dernier
est la surcharge. s'agit d'un plugin payant, il n'est pas gratuit, il
provient de Battle X. En gros, il vous aidera à transférer
facilement votre fichier
Illustrator ou calques
Illustrator
vers After Effects vos calques
Illustrator
vers After Effects, afin que
vous n'ayez rien
à faire d'un simple clic sur
un bouton.
Si
vous êtes débutant, vous pouvez transférer toutes les informations relatives aux
formes d' Illustrator vers After Effects. Nous vous avons également montré comment le
faire sans le plug-in, mais dans l'ensemble
, ce vous fera gagner beaucoup de temps. Et c'est pour les quatre
connecteurs que nous avons. Le premier consiste à copier
puis à décomposer Text Motion Tools Pro,
puis à le surcharger Si j'ouvre mes After Effects, je les ai déjà
téléchargés et installés. Si nous passons à Windows, nous
pouvons passer à l'extension, et il y a le panneau d'outils de
mouvement. Je peux activer celui-ci,
puis je peux déposer ce panneau, peut-être juste au-dessus de mon
contrôle des effets ici. Pour que ce panel
Motion Pro soit ouvert. Je veux déposer ce panneau de
contrôle des effets en dessous. Nous avons donc deux panneaux séparés. Et puis je continue de voir
que c'est comme ça
que je dispose les panneaux, comme ce Motion Tools Pro . Et puis, si je vais sous Windows, je peux également accéder à mon texte décomposé
en dessous. C'est celui dont nous avons réellement besoin, nous pouvons ouvrir une fenêtre pour
accéder à ce plugin. Et voici la copie. Si je veux faire celui-ci, je vais juste le réduire. Peut-être le mettre en haut
ici juste pour ancrer cette copie. Et puis j'ai ma copie East et mon outil Motion ici. Je peux passer de l'un à l'autre
en cliquant sur l'onglet ici. Nous allons beaucoup utiliser la
copie As, puis nous allons utiliser quelques outils
de mouvement. Au cours de la leçon, vous pouvez explorer ce
branchement par vous-même Il y a beaucoup de
potentiel, comme je l'ai dit. Le dernier est la surcharge. Cependant, la surcharge se produit principalement lorsque nous l'utilisons
dans Illustrator, nous transférons des
fichiers Illustrator vers After Effects. Dans ce cas, comme il se
trouve dans After Effects, vous pouvez également le transférer
vers l'arrière, comme vous pouvez transférer des calques d'After Effects
vers Illustrator. Cela fonctionne dans les deux sens, et je vais vous le montrer dans
les leçons à venir. C'est tout avec le branchement que nous allons utiliser
dans la leçon Passons à la vidéo suivante.
4. Design + préparer des œuvres: Bien, commençons
par cette première leçon. Dans cette leçon, nous allons
animer le partage de mots. Share signifie
partager votre travail. En tant que personne créative,
vous devez conserver, pratiquer votre métier et le
partager avec le monde entier. Le partage est une contribution. Plus vous partagez,
plus vous inspirez les autres. Comme vous pouvez le voir ici
dans notre fichier Illustrator, nous avons déjà le partage de mots conçu avec une
belle palette de couleurs. Cependant, je souhaite vous montrer
le processus complet permettant d' animer n'importe quel mot que
vous aimez dans ce style Donc, pour ce faire, partons de zéro. Utilisons le panneau de
droite pour créer ce mot. Ensuite, après le design, nous allons importer
cette illustration à l'intérieur After Effects Pour animer, nous allons rapidement concevoir ce mot La police que nous utilisons s'
appelle drug boats. Il suffit de
taper le mot. Maintenant, j'ai aussi fait quelques
étirements des hauteurs. heure actuelle, c'est 171 %
des hauteurs d'origine parce que
nous voulons remplir l'espace plupart du temps,
nous animons la propriété path
de ces mots Pour ce faire, nous
devons définir les polices
après le plan , il suffit cliquer sur la touche de commande
O pour le plan. Une fois que nous avons défini le mot, nous ne sommes plus en mesure de modifier le mot
sélectionné. Assurez-vous donc de
choisir le bon mot que vous souhaitez animer
avant de le décrire Et une fois que vous l'aurez décrit, vous ne pourrez rien
changer. Il ne nous reste plus qu'à
dupliquer ce mot. Maintenez la touche enfoncée,
puis faites-la glisser vers le haut. Nous avons maintenant un autre mot ici. Changeons la couleur en vert. Déplaçons-le ici pour obtenir un décalage par rapport
à la deuxième couche, sorte qu'il y ait presque une ombre en trois D derrière
le mot que nous avons. Cependant, nous devons également
modifier le tracé de ces couches arrières afin que tous ces coins soient
connectés, comme vous pouvez le voir ici La façon dont nous voulons
le faire est de zoomer, puis de sélectionner la deuxième couche
qui est une couche noire. Et puis passons à
A sur le clavier, sélectionnons tous ces points d'ancrage. Je vais faire glisser ce point
d'ancrage ici pour relier ces coins ici. Ensuite, je vais faire glisser
ces deux points d'ancrage, déplacer vers le haut pour qu'ils
soient connectés en haut. Ensuite, je dois
connecter ce coin. Il suffit de faire glisser ce point d'ancrage, d'y
connecter le coin. Ensuite, je peux faire glisser ce
point d'ancrage pour
le déplacer vers la gauche afin que l'ombre atteigne bien
la courbe. Maintenant, nous avons trois D ici. Nous allons faire de
même pour le H. Nous allons modifier la couche
noire à l'arrière. À l'heure actuelle, nous avons sélectionné cet outil
de sélection directe. Nous pouvons donc cliquer sur ces points d'ancrage
, puis simplement les faire glisser. Vous pouvez voir ici qu'il nous
manque un point d'ancrage. Ce que je vais faire, c'est appuyer sur P sur le clavier avec mon outil Pin. Je vais ajouter un
point d'ancrage sur ce chemin. Empruntez ce chemin, et maintenant j'
ai un point d'ancrage supplémentaire. Appuyez sur A sur le clavier pour
revenir à l'outil
de sélection directe. Ensuite, je vais faire glisser ce point d'ancrage jusqu'au coin
du bord pour
relier ces deux coins. Ensuite, j'ajouterai
un autre point
d'ancrage ici, P sur le clavier, Ajouter
un point d'ancrage, appuyer sur A sur le clavier, revenir à l'outil de
sélection directe, faites-le. Ensuite, je vais le
faire glisser ici pour que
les H soient tous connectés.
C'est une bonne chose. Nous ferons de même
pour les autres lettres. Maintenant, je pense que tout
va bien. J'ai mes trois lettres D. Ensuite, il nous suffit de
changer la couleur du H
et du R. Je viens de me rendre compte qu'il nous
manque un point d'exclamation, ce qui est bien, car nous pouvons utiliser ce lot une fois que je l'
ai conçu Maintenant, je commence juste le shift G
pour dissocier toutes les lettres. Maintenant, je peux sélectionner le H
et le R pour choisir cette couleur. Share est maintenant prêt à être utilisé. C'est ainsi que j'ai conçu
cette lettre ici. Une fois les
lettres conçues, il suffit de
les importer dans After il suffit de
les importer dans After
Effects et de commencer à les animer. Passons à After Effects. Créons une composition. Cliquez sur Nouvelle composition, nommez celle-ci principale Com, puis définissez-la en
1080 x 1080 pixels. Fréquence d'images, 30
images par seconde. Modifiez la durée
à 10 secondes. Cliquez sur OK, nous avons maintenant cette zone de travail que nous pouvons utiliser. C'est une bonne chose.
Revenons à Illustrator. Désormais, la norme du secteur
pour importer des fichiers Illustrator dans After Effects consiste à utiliser
un plug-in appelé surcharge. Il est surchargé d'
extensions de fenêtres. Cependant, il s'agit d'un plugin payant, il n'est pas gratuit. Nous allons vous montrer
comment utiliser la surcharge pour transférer rapidement fichiers entre Illustrator
et Afterfacts Cela vous fera gagner beaucoup de
temps si vous
travaillez entre Illustrator
et après les repas. Ce sera juste
un énorme gain de temps. Je vais également vous montrer
comment importer les fichiers sans surcharger
le plug-in à la fin, mais pour l'instant, nous allons gagner temps et utiliser la surcharge. Une fois que ces
lettres seront prêtes, je sélectionnerai
chacune d'entre elles, puis j'utiliserai Overload pour transférer les
fichiers à l'intérieur après Efax Sélectionnons-le ainsi que la couche
noire à l'arrière. Nous avons maintenant sélectionné cette lettre
S complète. Appuyons sur ce bouton ici. Transférez notre lettre
à After Effects. Ensuite, je sélectionnerai
le transfert rose. Et puis sélectionnez à
nouveau le transfert A. Vous pouvez voir à quel point il est rapide de transférer toutes ces informations de
forme chemin d'
Illustrator vers After Effects. Maintenant, je peux également définir
ce contexte en termes d'ombre. Nous pourrons le créer plus tard une fois
que nous aurons l'animation. Nous n'avons donc pas à nous
soucier de l'ombre. Et nous pouvons nous
inquiéter, ou peut-être que je pourrais appuyer sur une étoile et la renommer ensuite
en étoile Pour l'instant, je vais juste le
cacher car nous
n'avons pas besoin d'utiliser
l'étoile pour le moment. Maintenant, j'ai tous mes
éléments dedans. After Effects, nous pouvons commencer à animer dans After Effects Tout d'abord, je dois
regrouper ces lettres. Les deux premières couches seront ma lettre S. Men shift C pour créer
une nouvelle composition. Nommez cette chaise. OK, puis la commande C, H. Je regroupe ces lettres Maintenant, j'ai toutes mes lettres,
mon étoile et mon arrière-plan.
5. AI à AE sans Overlord: Bien, dans cette vidéo, je
veux parler de la façon dont nous transférons fichier
Illustrator dans
After Effects sans surcharger le
plug-in. Bien que la surcharge
vous fasse gagner beaucoup de temps, il s'agit d'un plug-in payant Si vous ne l'avez pas,
il existe également
un moyen simple de transférer un fichier Illustrator
vers After Effects. Ici, nous avons configuré ce fichier
Illustrator. Et en termes d'animation de texte, la première chose à faire
est de décrire ces textes. Supposons que si nous avons créé notre
texte dans Illustrator, la première chose à faire est définir
afin de pouvoir utiliser
un raccourci clavier pour nous assurer qu'il est bien délimité. C'est ainsi que vous avez décrit
le texte dans Illustrator ? Je peux supprimer celui-ci puisque notre design est déjà esquissé. Je veux juste
vous montrer comment nous pouvons décrire avant
d'importer nos fichiers. Si nous devons le
décrire, c'est parce que la façon dont nous animons
dans After Effects nous
oblige souvent à manipuler la propriété
de trajectoire de ces formes Nous devons avoir ces
formes dans un contour pour
pouvoir les animer
dans After Effects Une fois la
topographie définie, nous devons accéder à un panneau de couches Et puis cliquons sur
ce menu déroulant ici. Sélectionnons cette séquence Release
to Layer. Donc, pour le moment, vous pouvez
voir que nous n'avons qu'
une seule couche à l'intérieur de
ce panneau de couches. Cela signifie que si nous importons ce
fichier dans After Effects, nous n'
obtiendrons que cette seule couche avec tout
ce qui s'y trouve intégré. Nous ne pouvons donc pas manipuler chaque lettre ou
élément séparément. Donc, pour animer
ces lettres séparément, nous devons accéder à cette liste déroulante Cliquez sur Release
to Layer Sequence. Vous pouvez maintenant voir que tout ce qui se trouve sous cette couche est séparé
sur sa propre couche. Il ne nous reste plus qu'à sélectionner tout ce qui se trouve sous cette première couche, puis à
les déposer en dehors de la première couche. Cette première couche devient
vide. Maintenant, je peux le supprimer. Dans ce cas, vous pouvez voir chaque élément est séparé
sur sa propre couche. Si j'active ces icônes de
visibilité, vous pouvez voir que c'est ma palette de
couleurs ici Et puis j'ai eu la couche
7, qui est une étoile. Ici, j'ai un tas de couches
qui représentent les étoiles. Et puis ici, j'ai mis
chaque lettre sur sa propre couche. C'est ainsi que nous
voulons séparer nos couches dans Illustrator. Sauvegardons ce fichier
Illustrator. C'est tout ce que nous devons faire dans Illustrator avant
d'importer ce fichier Sauvegardons cette commande S. Passons à After Effects. J'ai déjà configuré ma
composition. Tout ce que j'ai à faire est d'
aller dans le panneau de projet, double-cliquez ici. Passons à mon
storyboard, qui est Share. Et puis sur l'importation, car nous devons le modifier en
composition, conserver la taille des couches. De cette façon, nous pouvons conserver la taille de couche que nous
avons dans Illustrator, qui est de 1080 x 1080 sans modifier la taille du fichier
d'origine. Assurez-vous ensuite de ne pas sélectionner cette séquence Illustrator ou
Photoshop, car si nous sélectionnons celle-ci, cela posera un
problème avec notre chronologie. Assurez-vous que cette option n'est pas cochée. Cliquez sur Ouvrir.
Vous pouvez maintenant voir que nous avons un dossier appelé Shared Layers, qui contient toutes les couches que nous avons dans Illustrator. Et puis nous avons une
composition importée. Un double clic à l'intérieur de
cette composition. heure actuelle, vous pouvez voir que
sous cette composition, nous avons toutes ces couches. C'est similaire à ce que nous avions dans ce
panneau de calques dans Illustrator. C'est ainsi que nous importons toutes ces couches individuelles dans After Effects
afin de les animer. Maintenant, je dois tout
sélectionner, les
copier, puis les coller
sur ma composition principale, qui est mon espace de travail. Ça a l'air plutôt bien. La prochaine chose que nous
devons faire est d' organiser
un peu la chronologie. Je sais déjà que
les deux premières couches jusqu'aux couches six à six sont mes palettes de couleurs. Je peux donc le supprimer pour le moment. Je n'ai pas besoin de ma palette de couleurs. Et toutes les couches d'étoiles, je peux les regrouper dans
une seule composition. Sélectionnez donc toutes les couches d'étoiles. Command Shift C, nommez cette
nouvelle composition star. Maintenant, la
couche d'étoiles est enregistrée dans mon panneau de projet, de sorte que je n'ai pas besoin de l'
avoir dans ma chronologie. Je peux le supprimer dans ma chronologie, mais il restera dans mon
panneau de projet ici. Voyons ce que nous
avons en dessous. C'est mon point d'exclamation. Avec mon point d'exclamation, je veux aussi trouver l'ombre qui se trouve dans le noir derrière
mon point d'exclamation Je veux trouver cette ombre. Cette couche 27 est une ombre. Ces deux couches doivent donc être
réunies pour former une seule lettre. Hein ? Pour les regrouper,
je vais le précomposer, commande C, suffit de nommer ce point d'
exclamation comme étant ma lettre Ensuite, je trouverai
les deux lettres suivantes. C'est un E. Je veux trouver l'ombre du E
parce que ces
deux lettres constituent mes trois lettres D.
Nous allons les regrouper. Appelle-le comme ça.
Maintenant tu as compris l'idée. J'ai juste besoin de trouver chaque
lettre avec l'ombre derrière elle et de regrouper ces deux couches
pour représenter chaque lettre. C'est ainsi que nous transportons notre fichier
Illustrator
dans After Effects. Le problème avec cette animation de
lettre partagée que nous avons, nous allons l'animer
dans la prochaine vidéo Cependant, juste un aperçu, nous n'allons pas modifier les informations de forme ou de chemin
de ces lettres. Dans ce cas, je n'ai pas
besoin de transformer
les calques d' Illustrator
en calque de forme. Cependant,
dans certains cas, nous
devons les transformer en couche
de forme. Donc, pour ce faire,
par exemple, si nous voulons transformer ce
R en couche de forme, il me
suffit de
cliquer à nouveau sur Créer,
créer des formes à partir d'une couche vectorielle. Et maintenant, vous pouvez voir
qu'il va créer une couche de contour, la
couche 18 Outline. Et désactivez ma couche
Illustrator d'origine. Maintenant, si je vais
dans ce menu déroulant, allez dans Groupe, allez dans Path Vous pouvez voir que si je
clique sur ce chemin, j'ai tous ces points d'ancrage que je suis capable de
manipuler pour faire glisser et
transformer ces formes en une lettre différente à des
fins d'animation Voici donc les deux choses
que je veux vous montrer dans cette leçon. La première consiste à préparer le fichier Illustrator
dans Illustrator. Assurez-vous que dans le panneau des couches, nous séparons chaque couche sur
une couche individuelle à
l'aide de la commande Release to Layer
Sequence. Et une fois que nous avons tous ces
éléments sur une couche, nous pouvons les importer
dans After Effects. Ensuite, nous pouvons utiliser la composition pour
les regrouper. Si nous n'avons pas besoin d'
animer l'ancienne propriété. Si nous avons besoin d'animer
la propriété passée, nous pouvons simplement cliquer à nouveau,
puis accéder à Créer,
créer des formes à partir de couches
vectorielles C'est ainsi que nous
créons ces formes, où nous pouvons animer
la propriété passée ici pour passer d'une trajectoire à l'
autre Si vous n'avez pas de prise
anti-surcharge, ce sera
votre vidéo préférée. Si vous avez oublié comment importer des
fichiers d' Illustrator
vers After Effects, vous pouvez toujours vous
référer à cette vidéo. Et avec de la pratique,
ce processus deviendra naturel pour vous. C'est tout pour cette
vidéo. Passons à la suivante pour animer
ce texte Shear
6. Partager: Commençons maintenant
par l'animation. abord, j'ai besoin d'appuyer
sur le clavier pour afficher la propriété de position, et maintenant nous pouvons cliquer à nouveau sur des dimensions
séparées. Comme nous
animons uniquement la position Y, nous ne voulons aucun changement de
position X. Disons l'image clé
sur la position Y. Tout d'abord, je veux que nous
montions et descendions. Ce que je veux faire,
c'est animer une lettre, puis appliquer la même animation
à toutes les lettres Et puis décalez les
images-clés de l'animation pour qu' elles aient toutes la même
animation décalée, sorte que toutes les lettres s'
animent les unes après Essayons d'abord cette animation, puis allons-y. Cinq cadres. Commande flèche droite,
12345 Et puis faisons une anticipation car mon S
va se déplacer vers le bas. Avant qu'il ne descende,
je vais d'abord le faire monter. La plupart aiment gagner de l'énergie
dans la direction opposée. C'est un principe d'animation
que nous avons déjà utilisé. Je bouge, tu vas toujours dans
l' autre sens
pour gagner de l'énergie. Et ensuite,
avançons de dix images. Commande Shift,
flèche droite pour dix images. Nous allons déplacer cette lettre
vers le bas, peut-être par ici. Ça a l'air bien. Et puis
avancez à nouveau de dix images. Commande : Shift, flèche droite. Il va revenir à la
position de dépassement, commander C, copier cette image clé ici, puis passer à nouveau à
cinq images, 12345 copier la première vais revenir à la commande de position
initiale V. Maintenant, voici une boucle de mon animation pour le S.
Si je prévisualise
celle-ci, elle va monter
puis descendre,
puis revenir à un dépassement Ça passe un peu, c'est presque comme si on en remontait
trop et qu'on
revenait ensuite en position Voici mon
animation générale pour le S. Il ne me reste plus qu'à
sélectionner toutes les images-clés, à
cliquer de nouveau sur l'
assistant aux images-clés , puis à passer à *** Ensuite, cliquons sur
cet éditeur de graphes pour modifier les graphiques afin de tirer
un peu d'énergie de notre animation. Il ne nous reste plus qu'à faire glisser un peu
ces poignées pour obtenir de l'énergie. Peut-être 75 % d'influence, ou essayons 70 % d'influence. Vous pouvez voir qu'il y a
un chiffre d'influence lorsque je fais glisser cette poignée. Essayons de donner 70 %
d'influence ici. Il n'est pas nécessaire que ce soit exact pour le dépassement d'anticipation Donnez-lui peut-être
55 % d'influence. Je ne veux pas que ce soit trop. Maintenant, voyons à quoi
cela ressemble. Oui, tu peux voir. Nous avons maintenant
un peu d'énergie à notre lettre. Il a du caractère.
J'aime bien cette motion. Il ne nous reste plus qu'à dupliquer à nouveau
cette animation. Assurons-nous qu'une fois qu'il sera revenu à sa position
initiale, il
y restera pendant cinq images. Avançons donc de cinq images, 12345, et maintenant nous pouvons
copier l'image clé. Toutes les
commandes d'image clé C, V, puis revenez à la fin,
12345, maintenez-les enfoncées pendant cinq
images. Et puis copiez à nouveau. Et puis copions encore un
tour, 12345, copions à nouveau. Nous avons donc maintenant quatre
boucles de notre animation. Jouons cette
animation S ici. Oui, j'aime bien ça. L'animation est maintenant prête. Nous pouvons simplement copier toutes
ces images-clés
dans les autres couches pour qu'elles
aient le même type d'animation Mais avant
cela, nous devons
sélectionner toutes les couches
P du clavier, nous
assurer de cliquer à nouveau sur la propriété position, dimensions
séparées. Nous avons maintenant la position blanche. Copions toutes les
images-clés dans leur position. Et puis sélectionnez toutes ces propriétés de
position
pour les lettres. Assurez-vous que notre
indicateur de chronologie est à zéro. Deuxième commande V à
coller dans l'image clé. Désormais, tout a
la même image-clé. Ils bougeront de la même manière. Maintenant, toutes les lettres
bougent en même temps. Mais ce n'est pas
ce que je veux faire. Oui, je veux que chaque lettre
soit déplacée une par une. Donc, pour le compenser, sélectionnons les lettres
de la deuxième lettre, le cadre clé de
la deuxième lettre. Sélectionnez tous ces éléments,
assurez-vous de ne pas sélectionner le premier lot,
car nous en avons besoin pour l'effet d'assouplissement. Passons maintenant à ce plug-in
Motion Tools. Je vous ai déjà montré
comment installer ce plugin dans la vidéo précédente
et comment le mettre
ici dans vos panneaux
After Effects. Nous devons remplacer le montant
ici par deux cadres. Et puis appuyons sur
ce bouton ici. Cela va décaler nos
images-clés de deux images. Cependant, une fois que j'ai cliqué dessus, si je vais dans mon éditeur de graphiques, vous pouvez voir qu'il supprime toutes mes informations
d'assouplissement. Donc, ce que je veux faire, c'est sélectionner le premier lot parce que nous
n'avons pas touché le premier lot, qui est l'animation sur le S. Nous devons sélectionner
l'animation sur le S, puis nous assurer de faire une copie des informations d'
assouplissement. Ensuite, nous pouvons sélectionner chaque
lettre, toutes ces images-clés. Assurez-vous que nous collons à nouveau les informations d'
assouplissement. Pour que nous
ayons toujours cette animation que nous avions au début. Et maintenant, je dois également décaler les deux premières couches de
deux images. Si je sélectionne toutes les images clés
et que je passe dans l'éditeur de graphiques, vous pouvez
maintenant voir que toutes ces courbes sont magnifiquement décalées.
Et c'est ce que nous voulons. Jouons à l'animation
qui semble plutôt bonne. Maintenant, nous pouvons simplement
animer rapidement les étoiles. Supposons que l'étoile soit attachée
au S. Appuyons sur R et Shift sur le clavier pour augmenter
l'échelle et la rotation. Appuyons sur l'image-clé sur l'échelle des
propriétés d'échelle et de rotation, 420 images, décalage des commentaires Appuyez à nouveau sur l'image clé
pour la rotation, je voulais juste faire
un tour en 2 secondes. Alors pour la taille, je vais l'
avoir peut-être autour de 50 %
au début. Et ensuite, passez à 100 % et
maintenez-le pendant cinq images. 12345, maintenez-le à
100 % pendant cinq images. Et puis revenons-y à nouveau. Je vais placer ces
deux au centre. Nous allons maintenant
cliquer à nouveau sur Keyframe Assistant, Easy Ease, puis accéder
à l'éditeur de graphes Essayons de manipuler
les poignées pour
lui donner une certaine influence. Donnez-lui peut-être 65 % ou 70 % d' influence pour avoir une courbe similaire à celle-ci
en termes de rotation. Voici ma courbe de rotation. Je vais assembler ces
poignées. Et puis en termes d'échelle,
voici ma courbe d'échelle
qui a l'air plutôt cool. J'ai l'impression que ça n'
avance pas assez vite. Rassemblons-les, assurons-nous qu'il
tourne assez vite. Je sélectionne toutes
les images clés. Ensuite,
maintenez l'option enfoncée pour déplacer la dernière image-clé afin d'ajuster le temps pour qu'elle
aille de plus en plus lentement Maintenant, je peux dupliquer
ces images-clés. Commande avancer de cinq images, commande V. Maintenant, je vais changer
cette rotation en deux tours. Ce sera
la deuxième boucle qui
semble plutôt bonne. Je peux maintenant dupliquer la
commande étoile D pour la duplication. Je vais déplacer l'étoile pour qu'elle soit là, au
coin de la rue. Et puis le troisième, je vais le déplacer pour qu'il soit ici. Le quatrième, je vais le
déplacer ici. Cinquièmement, je vais
le déplacer ici. Et c'est la seule étoile dont nous avons besoin. Ensuite, je vais attribuer l'
étoile à chaque lettre. La première étoile
est donc la mère du. Pour qu'il se déplace avec le. Je veux m'assurer qu'il
se déplace avec la lettre afin qu' il ne tourne pas de façon aléatoire. Le dernier est marqué d'un point
d'exclamation. Il ne me reste plus qu'à décaler un peu
l'image clé. Peut-être par deux images. 12345, peut-être par cinq images. Et puis 12345 à
45 images décalées. Celui-ci a pris 45 images. Décalage 12345. Décalage 12345. Ça
a l'air plutôt bien. Créons maintenant une
couche d'ombre pour notre texte. Sélectionnons toutes les couches situées au-dessus de l'arrière-plan et
définissons C. Modifions-la en
Share Animation. C'est une bonne chose. Ensuite, dupliquez cette commande de
couche D.
Passons aux effets et à l'expéditeur du panneau
Precess, effets
Windows et à Precess Recherchez un effet de
remplissage, allez ajouter un remplissage. Alors déplaçons celui-ci un peu
vers la droite. Ensuite, sélectionnons
celui-ci pour qu'il s'agisse d'une version plus claire de cette couleur d'arrière-plan ou d'une version plus foncée de
cette couleur d'arrière-plan. Juste légèrement assombri,
presque un soupçon. Je trouve que ça a l'air plutôt
cool. Jouons à celui-ci. Nous avons maintenant une ombre
sous notre animation de texte. Maintenant, la dernière chose que
nous voulons créer est un effet de balayage qui passe de la gauche à la
droite sur le texte Pour ce faire, passons
à la couche de nouveau solide. Créons presque
comme une couleur blanche. Essayons une couleur blanche. Il ne me reste plus qu'à me
rendre au Pintole. Dessine une forme qui
a l'air plutôt jolie. Maintenant, je vais juste déplacer celle-ci pour couvrir
cette lettre ici. Je vais le déplacer complètement
vers la droite. Assurons-nous que le
point d'ancrage est au centre.
Maintenez la commande enfoncée
et cliquez trois fois sur ce stylo derrière l'outil pour déplacer le
point d'ancrage vers le centre. Et puis appuyons sur
P sur le clavier. Ajoutons une image clé, puis
passons à 123440 images. Déplace celui-ci complètement
vers la droite. Sélectionnez les deux images clés. Assistant Keyframe avec le bouton droit de la souris, facile à utiliser. Accédez à l'éditeur de graphes. Assurez-vous que nous
ajustons tous le graphique de vitesse. C'est le
graphique de vitesse que nous
ajustons depuis le début. C'est quelque chose que j'ai
oublié de mentionner tout à l'heure. Assurez-vous de cliquer sur
ce bouton ici pour accéder
au graphique de vitesse que nous
ajustons afin de manipuler
l'animation. Donnez-lui un graphique comme
celui-ci. Je veux juste m'assurer qu'il couvre
toutes les lettres que l'
on balaie.
Ça devrait aller. Ensuite,
nous devons faire en sorte
que cette animation de
partage soit
le tapis alpha de
ma couche solaire blanche. Allons cliquer sur
la couche solaire blanche. Ensuite, nous devons activer l'
option Track Matt ici. Si vous ne l'avez pas, assurez-vous cliquer sur le deuxième bouton situé dans le coin pour
allumer le tapis de course. Ensuite, sélectionnez
la couche numéro deux, partagez l'animation pour en faire la piste. Maintenant, mon animation de partage a disparu car l'
icône est désactivée. Mais nous devons le réactiver. Et maintenant, si je bascule, vous pouvez voir que l'
effet menton se couvre superpose à mon
animation J'ai l'impression que la
transparence est trop grande. Alors, appuyez sur le clavier. Modifions-le pour qu'il soit légèrement atténué à
85 %, et voyons maintenant à quoi ressemble
notre animation. Ça a l'air plutôt bien. C'est bon, c'est tout pour
notre première animation. N'oubliez pas de l'essayer et de le
partager avec le monde entier. Je te verrai dans la prochaine leçon.
7. Réussite: Bon retour. Dans cette leçon, nous allons animer
le mot réussite. L'action est la
clé fondamentale du succès. ne sont pas les idées de Pablo Picasso qui vous mèneront au succès, ce sont
les actions qui vous mèneront au succès. Aujourd'hui, nous allons donc mettre
en pratique
ce mot, le succès Comme vous pouvez le voir ici,
notre succès est inscrit dans notre tableau
avec un illustrateur. Je vous ai déjà montré comment utiliser la
surcharge de branchement pour transférer fichier d'Illustrator
vers After Effects, et je vous ai également montré comment le
faire sans surcharge de
branchement Dans cette leçon, je vais vous
apprendre une autre méthode, qui consiste à créer ce
design dans
After Effects afin de ne pas
avoir à transférer de fichiers. Passons maintenant à
After Effects. Créons d'abord
une nouvelle composition. Appelons celui-ci principal Com. Changeons la dimension
à 13, 50 à 1080. Et puis cadrez jusqu'à
30 images par seconde. Durée jusqu'à dix
secondes. Cliquez sur OK, maintenant nous avons une composition
et le projet mis en place. Tout d'abord, je veux récupérer cette couleur rose que
j'ai dans mon tableau R. Je veux juste récupérer le code, puis accéder
à After Effects. Créons un arrière-plan. Accédez à Layer New, Sell it. Cliquez sur Color
Coller dans le code. Cliquez sur, OK, maintenant nous
avons un fond rose. Nous pouvons verrouiller cette couche pour le moment. Il ne nous reste plus qu'à
créer notre propre texte. Comme nous n'utilisons aucun texte de ce fichier
Illustrator,
nous pouvons tout créer
dans After Effects, et nous pouvons animer directement
dans After Effects Tapons le mot succès, puis passons au panneau
de caractères. Si vous ne l'avez pas, c'est qu'il est écrit
sous Windows. La police que nous
utilisons s'appelle Rock Grotesque condensed Je veux juste
agrandir la police pour remplir l'espace. Je souhaite également
étendre la hauteur et l' échelle
verticale de la
police pour l'augmenter. Quelque part dans les environs, peut-être
ici, c'est assez grand. Ensuite, je veux
faire glisser deux règles pour marquer les marges supérieure et inférieure. Commande R pour la règle. Je vais simplement faire glisser deux règles pour m'assurer
d'avoir une marge similaire. Pour que la police que nous
avons ne
dépasse pas la marge s'approche pas trop du bord. Maintenant, je peux déplacer ce mot vers le
haut, ça a l'air bien. Et permettez-moi de dupliquer
cette commande de couche. Faites-le glisser vers le bas pour ce texte. Passons au personnage. Changeons les polices
dans une largeur différente. Choisissons la version en
gras pour le moment. Ensuite, je pourrai réduire la taille. Je ne veux plus de cette échelle
verticale. Modifiez-le à 100 % et nous
avons maintenant cette
version plus courte du succès, puis nous avons une
version plus grande du succès En termes d'
espacement entre les
deux, je voudrais peut-être les rapprocher l'un de l'autre Dans ce cas, il se peut que je
doive modifier l'échelle. Il faudra peut-être augmenter encore
l'échelle verticale de cette couche supérieure. Nous avons maintenant un
assez bon espacement entre ces deux couches
différentes Je pense que cela fonctionne pour le moment. La façon dont je veux
les animer
est d'utiliser
la propriété path de ces deux
versions différentes d'une même lettre Passer d'une taille haute à une taille épaisse, puis
à une forme petite et épaisse Il s'agit essentiellement d'un changement
entre ces informations ici, ces informations de propriété de chemin,
puis ces informations de
propriété de petit chemin Pour ce faire, nous devons tout
convertir en une couche de forme avec la propriété de
chemin Re, cliquer sur Créer, créer des
formes à partir du texte. Ensuite, passez à la première couche,
Créer, créer une forme à partir du texte. Nous avons maintenant
les deux couches de texte décrites qui contiennent les informations de
chemin. Nous pouvons masquer ces deux couches
d'origine.
Il suffit maintenant d'utiliser le bouton Timy, puis cliquer sur le bouton Timy ici
pour masquer les deux couches. Si j'active le
menu déroulant sous le contenu, j'ai toutes ces différentes
couches au sein de cette couche Et puis j'ai toutes ces autres lettres dans
la deuxième couche, qui est le texte du bas. Ça a l'air bien. Et d'abord, je veux juste animer celui
du haut Pour ce
faire nous devons
sélectionner deux couches. Permettez-moi de sélectionner les deux couches. Ensuite, dans la barre de recherche, cherchons notre chemin. Maintenant, il va activer
toutes les propriétés de chemin
que nous avons. Sous chaque lettre, nous devons
ajouter une image-clé sur
la propriété path, toutes les lettres qui semblent correctes Ensuite, disons que nous allons d' abord
animer la lettre S. Pour animer le morphing entre la version courte
du S et la
version plus haute du S, il
suffit de copier l'image clé sous
la Copions cette image clé, puis passons à la
propriété path du plus grand S. Et passons ensuite à
25 images Commande Shift, flèche droite, 12, c'est pour 20 images, puis 12345 pour 25 images Ensuite, nous pouvons sélectionner
la propriété du chemin. Appuyez sur la commande V pour coller ma version plus petite
du S. Cependant, elle est déplacée vers le bas. J'ai besoin de
rester au top. Et une fois que je l'ai fait,
si je prévisualise cela, vous pouvez voir que le S s'étire. C'est le type d'
animation dont nous avons besoin. C'est assez simple. Supposons ensuite que nous
avancions de 25 images supplémentaires. Ensuite, nous pouvons copier l'image clé
précédente, qui est l'homme d'état d'origine
C, puis
la commande B. Maintenant, si je mets en solo cette couche S Maintenant, si je mets en solo cette couche S et l'arrière-plan, puis si
je joue simplement cette animation, cette couche
S va monter et descendre entre la version haute et
la version courte C'est ainsi que nous animons un morphing entre différentes
épaisseurs de police convient de noter que
pour animer le
morphing en douceur,
il est pour animer le
morphing en douceur, préférable d'avoir les deux
épaisseurs au sein d'une même famille Parce que pour la plupart des
polices bien conçues, le point d'ancrage, le nombre de points d' ancrage sont toujours les
mêmes au sein d'une même famille. Vous pouvez voir cette version plus longue, la version plus haute
du S qu'elle possède, elle possède autant de points d'ancrage Et puis si nous passons
à la version courte, elle a le même
nombre de points d'ancrage Et ce point d'ancrage contient les
informations de position et les informations de
trajectoire qui entre
ces deux épaisseurs Supposons que si nous le changeons pour une famille de polices différente puis si vous souhaitez passer de polices police à une autre,
les deux familles auront un nombre différent de points
d'ancrage Cela va poser problème. Veillez donc à toujours
animer le morphing entre les caractères ou entre les lettres d'une même famille Et puis certaines polices
fonctionnent mieux que les autres. Par exemple, cette
roche est grotesque, elle a une tonne d' épaisseurs
différentes, allant de très
large à une largeur normale Puis condensé, compressé. Ils ont tellement d'épaisseurs
différentes que vous pouvez utiliser pour les animer Et il y a aussi d'autres fonds que nous allons utiliser
tout au long du cours. Mais il y a une remarque spéciale, c'est que nous devons toujours
animer au sein de la même famille Maintenant, vous pouvez voir qu'en gros,
comme nous animons une lettre, puisque nous avons déjà ce S, nous pouvons dissocier cette lettre
et l'arrière-plan Nous allons maintenant faire la même chose pour le reste de la lettre. Voyons si nous voulons
animer le U. Copions l'image
clé la plus courte Et ensuite,
descendons au U d'ici. Assurez-vous d'aligner les images
clés ensemble, V. Ensuite, il suffit de
diriger le U complètement vers le haut
pour l'aligner sur notre marge. Nous pouvons maintenant copier cette
première image clé. Nous avons maintenant le S et le U
qui s'animent. Ça a l'air bien. Faisons le C. Nous
avons le C ici. Passez à celui-ci, puis alignez
le cadre clé ensemble. Ensuite, il suffit de déplacer
le C complètement vers le haut. Passez ensuite au deuxième C, car c'est la même lettre
, il suffit de la copier. Ensuite, il suffit de déplacer
le C ici également. C'est une bonne chose. Et
puis nous avons le E. Copions l'
image-clé sur le E. Passons ensuite à la propriété
path du E. Assurez-vous de sélectionner la propriété path avant
de coller l'image-clé, sinon il ne
sait pas où aller. Ça a l'air bien. Et
puis nous avons le, passons à l'
image clé du S, puis passons à
la version la plus grande Assurez-vous de le coller,
de le déplacer vers le haut. le dernier, nous
pouvons faire de même, mais il suffit de
le déplacer complètement vers l'arrière. Ce
sera notre animation. Ensuite, si nous avançons de
25 images, encore une fois, nous copierons
l'état original de chaque lettre pour en faire
une boucle. Maintenant, vous pouvez voir si je joue, nous avons toutes ces lettres animées qui ont l'
air plutôt bien La prochaine chose que nous allons
faire est de faire la même chose pour
cette couche inférieure. Il ne nous reste plus qu'à copier les informations de
la version la plus grande Passons au S, qui est la première image clé. Ensuite, nous allons coller cette première image-clé
dans
cette commande de propriété de chemin plus court V. Ça a l'air plutôt bon, ça vient
déjà du bas C'est ce que nous aimons,
alors copions le U.
Collez-le dedans. Cela
semble plutôt bon, sorte que nous n'avons plus besoin d'
ajuster la position. C'est avoir la
position exacte que nous voulons. Maintenant, nous copions le C. Le deuxième
C ici, ça a l'air bien. Ensuite, on copie
le E, c'est bien. Ensuite, nous copierons le S. Puis le dernier S,
qui est celui-ci. Assurez-vous de sélectionner
l'ancienne propriété. Maintenant, je dois juste m'
assurer que l'on revient à la version courte après 25
images pour former une boucle. Maintenant, si je joue cette animation, voici à quoi elle ressemble. Ça a l'air plutôt cool.
Cependant, nous devons ajuster le paramètre d'assouplissement afin qu'il consomme plus d'énergie. Sélectionnons toutes les images-clés, puis cliquons à nouveau sur Keyframe
Assistant. Facilité facile. Passons à l'éditeur de graphes. Nous devons changer ces poignées. Assurez-vous que nous sommes dans
le graphique de vitesse. Cliquez sur le deuxième
bouton. Modifier le graphique de vitesse. Il ne nous reste plus qu'à
trouver de l'influence. Peut-être changer l'
influence à 70 %
Essayons de changer l'influence
à 70 % sur les deux poignées. Cela va nous donner
une belle animation avec un peu d'énergie qui
semble plutôt bonne. Revenons à la chronologie
et voyons l'animation. J'ai envie de plus d'énergie. Je veux le faire encore plus. Peut-être qu'au lieu de 70, essayons une
influence de 80 % pour obtenir plus d'assouplissement
et plus de variation de vitesse. Essayons d'avoir 80 % d'influence. Ça a l'air plutôt bien. Oui, je pense que j'aime bien faire glisser
cette chronologie encore plus Maintenant, ce que nous voulons faire, c'est simplement dupliquer
ces images-clés Tout d'abord, sélectionnez toutes
ces images-clés, commandez C, puis nous pouvons dupliquer ces
images-clés deux fois de plus Command V duplicata. Et puis ici,
commande V duplicate. Et peut-être une fois de plus, la commande V dupliquera,
jouée quatre fois. Il en va de même pour ce lot
d'images-clés. Copie. Ensuite, la commande V a collé
la commande V l'a collée Command V l'a
collé pour que je sache mon animation est
jouée quatre fois. Maintenant c'est bien. Et la prochaine chose que
je veux faire est échelonner ces images-clés Ou décalez ces images-clés
pour que chaque lettre s' anime l'une après l'autre plutôt que toutes en même temps Pour ce faire, je
veux essentiellement que ce S passe en premier. Et peut-être qu'après deux images, flèche
droite, deux images, je veux que ça disparaisse. Ensuite, je veux que chaque lettre
soit retardée de deux images. Voyons à quoi cela ressemble. Si je retarde l'animation
de deux images. Pour chaque lettre, c'est bien. Ensuite, nous allons faire la
même chose depuis le début. Nous allons avoir deux cadres. Ce sera ma
deuxième lettre ici. Et puis optez pour deux cadres. Maintenant, tout est
retardé de deux images. Maintenant, c'est plutôt
fluide. J'aime son apparence. C'est magnifique. Si je ferme le menu déroulant, je
n'ai que deux couches dans une composition
avec un arrière-plan, mais l'animation
est déjà à l'intérieur. J'aime son apparence. Permettez-moi d'essayer de changer
quelques lettres en une couleur foncée au lieu
d'une lettre blanche. Je veux changer le
C et le E et passer au noir. Pour ce faire, entrons
dans cette première couche, puis sélectionnons
l'option Accéder au remplissage. Puis changez cette
couleur en noir. Ensuite, nous
allons sélectionner la
première étape dans le remplissage, la
changer en noir. Ensuite, nous allons changer
le E. Ça a l'air bien. Ensuite, nous allons changer
celui-ci. Exécutez-en un. Il faut remplacer le dernier par de
la plaque. Ça a l'air bien. Ensuite, pour la deuxième couche, ce sera
le plus grand U ici. Celui-ci. Puis le C ici. Celui-ci, le second, puis le S ici. OK, ça a l'air plutôt bien. Si je sélectionne tout
puis que je ferme tout. Eh bien, c'est mon animation.
Ça a l'air plutôt bien. J'ai l'impression que ce n'est pas
juste au centre. Je veux juste le déplacer peut-être un peu
au centre. Voyons notre animation. Ajoutons maintenant quelques turbulences à cette animation Passons au nouveau calque,
puis sélectionnons le calque de réglage. Nous allons maintenant
ajouter un effet appelé affichages turbulents. Sélectionnez les affichages turbulents, vous verrez qu'ils
sont déjà déformés. Je veux modifier les montants
pour les réduire, peut-être 20. Et puis
changeons la taille en une taille plus petite, peut-être à dix. Vous pouvez voir que les bords
de ma lettre sont déjà rugueux en termes
de complexité Je peux le tonifier jusqu'à cinq, et vous pouvez voir que les bords sont encore
plus pixelisés Nous pouvons maintenant animer
l'évolution. Revenons au
début en partant de zéro. Je veux voir où en est ma fin. Si j'en ai fini avec moi,
je modifierai l'évolution
pour qu'elle soit peut-être cinq fois plus élevée. Maintenant, mes turbulences
devraient se déplacer et je devrais avoir une turbulence
qui se déplace constamment J'ai l'impression que
c'est trop complexe. Peut-être que je le
réduis à trois
, puis à sept, juste d'un mouvement très doux. La prochaine chose que je veux
ajouter est un effet de bruit. Je peux faire un
effet de bruit ici. Ajoutez-le au-dessus de mon calque, mettez l'effet de bruit
à l'avant. Passons le montant
à 10 %. Il y aura un léger bruit
au-dessus de mon animation. Je trouve que ça a l'air plutôt bien. Et la dernière chose que je veux
ajouter, ce sont ces flèches. Vous pouvez dessiner les flèches
dans After Effects. Pour gagner du temps, il
suffit d'utiliser le plug-in surchargé pour l'insérer dans
After Effects J'ai deux couches ici, qui sont ma flèche. Je vais le déposer, le
mettre sous la couche de réglage du bruit. Ensuite, je vais simplement
les animer
rapidement avec un tracé découpé Passons à la trajectoire de
découpe, puis passons à zéro. Assurez-vous que le point de départ est zéro, puis avancez
peut-être 20 images,
changez le tout à 100 %, puis passez à la vélocité des
images-clés Si je change l'
influence à peut-être 66, c'est pareil. Passez à la
vitesse de l'image-clé à 66. Ensuite, je dois déplacer
les deux images
clés vers l'avant afin qu'elles ne
démarrent pas en même temps. Permettez-moi de copier ces quatre images
clés et de les
placer sous la première couche. Cela devrait être notre
animation pour l'Eros. Si je sélectionne les deux couches, MechIFC nomme celle-ci des flèches Maintenant, nous avons une flèche ici, et je peux la dupliquer. Appuyez sur R sur le clavier, faites-le pivoter à 180
degrés, c'est ici. Puis dupliquez-le à nouveau. Mets-le peut-être autour du C ici. Maintenant, je ne fais que dupliquer la
flèche plusieurs fois. Je les étale, je les place dans différentes positions
en fonction de mon animation. Eh bien, c'est tout avec l'
animation de l'espoir de réussite. Profitez-en. Et je
vous verrai dans la prochaine vidéo.
8. Animation de boucle: Très bien, dans cette vidéo, je
vais vous montrer
comment créer une boucle fluide
avec notre animation. Utilisons ce projet
comme exemple. Pour créer
une boucle fluide, il suffit de trouver un point de départ identique
au point final, et c'est ainsi que nous
créons une boucle fluide. Passons à la chronologie
et voyons d'abord notre animation. Si nous passons aux images-clés
de notre succès, animation qui vous anime sur le clavier, vous pouvez voir cette image de
départ Nous n'avons
rien qui soit identique à ces cadres de départ. Je dois donc le tirer jusqu'au bout
jusqu'à ce que l' image
de mon dernier mot de passe commence à s'animer. Donc, à ce stade, je pense que cela pourrait être le point de
départ, car c'est un moment où tout a déjà
commencé à s'animer Je dois m'assurer de faire glisser une règle pour trouver un point
de référence. Je peux utiliser ce S comme
point de référence. Disons que je veux juste
marquer cette position de ma première oreille S et
m'assurer de savoir où elle se trouve. Et puis je veux aussi utiliser un mot différent comme référence, comme le plus petit S ici. Je vais faire glisser une règle ici. Si vous n'avez pas
la règle, appuyez simplement commande R. Pour tirer la règle vers le haut, il suffit de trouver
deux points de référence. Le premier ici, puis
le plus petit S foncé ici. Voici ma position pour
le S. Ensuite, j'appuie sur le clavier pour couper la plage de prévisualisation afin de
démarrer mon animation. À partir de ce moment
, la prochaine chose que je dois faire est de trouver un point final où il
se trouve exactement à la
position de ma règle. Si nous allons de l'avant, c'
est notre animation. Cette animation. C'est
une bonne chose. C'est une bonne chose. Si nous voulons trouver quelque chose, nous pouvons commencer par le début. Si nous faisons glisser l'indicateur
de
chronologie de l'arrière vers l'avant, vous verrez qu'autour ce
point se trouve le point exact où mes deux S se trouvent exactement
avec mes s depuis le début. De cette façon, je sais que cette image est exactement la même
que la première image. Si je le coupe ici, cela créera une boucle fluide. Appuyons sur le clavier pour réduire la
plage de prévisualisation à cet endroit. Et voici la
plage d'aperçu dans laquelle nous
allons avoir une animation en
boucle de stimulus. Appuyons sur la barre
d'espace pour l'aperçu. Oui, vous pouvez voir
que c'est une boucle fluide. Puisque nous avons également une animation
secondaire. Nous avons toutes ces flèches
qui entrent et sortent. Nous voulons également nous
assurer que toutes ces flèches commencent et se
terminent
dans ma plage de prévisualisation. Si mes flèches vont vers l'extérieur, partant d'ici, cela va
perturber ma boucle. Si nous avons une
animation secondaire similaire à celle-ci, je dois faire glisser toutes
mes couches dans ma plage d'aperçu
afin de créer une boucle fluide. De plus, vous pouvez voir que si je vous
tape sur le clavier, il n'y a pas qu'un seul
point où ces deux S sont à la
position exacte de la première image. Si je reviens encore une fois en arrière, il devrait y avoir un autre
point ici. C'est un autre point où tout va se dérouler sans problème. Si je le coupe d'
ici, je peux juste appuyer sur le clavier pour le
couper ici également. En gros, nous avons
quelques boucles à l'intérieur de mes couches sous forme d'animation. Et je peux le découper
où je veux, tant que la première et la dernière
image sont exactement les mêmes, je veux juste voir
entre ces positions, je n'ai rien d'autre. Peut-être que ce cadre,
même si je le découpais ici, est exactement dans la même position mes deux s. Si je le coupe ici, c'est possible, cela pourrait toujours être un bon endroit avec une animation en
boucle Le seul problème serait que
je pense que ces S sont bons. Le seul problème serait n'auront peut-être pas
assez de temps pour mes flèches n'auront peut-être pas
assez de temps pour terminer leur animation dans ce
court laps de temps. Je voudrais donc inclure peut-être deux boucles dans mon animation en
boucle ici N. Je peux laisser mes flèches s'animer
dans ces deux boucles, et j'ai toujours une animation en boucle complète sans thème J'espère que cela a du sens. Je peux vous donner un autre exemple. Voyons un autre exemple ici. Voici un autre exemple. C'est l'animation sur laquelle nous
allons travailler
dans la prochaine vidéo. Cependant, nous pouvons utiliser cela
comme exemple pour notre animation
en boucle Nous devons d'abord extraire la commande R
pour afficher les règles. Ensuite, je dois trouver
ma position de départ. Je veux juste m'
assurer de trouver un endroit où toutes mes lettres
commencent à s'animer. Voyons si c'est un bon
endroit autour de huit images. Je fais simplement glisser une règle pour voir
où se trouve ma première lettre P. Ensuite, je dois faire
glisser une règle pour m'
assurer que nous marquons la
position du Y. C'est bien.
Ensuite, nous pouvons utiliser le clavier pour définir la plage de
prévisualisation ici. Allons-y,
assurons-nous de pouvoir
l'autoriser à jouer pendant deux boucles. Ensuite, nous trouverons un
endroit où nous aurons la
position exacte par ici. C'est la position exacte de
ma première lettre et du y. Appuyons sur le clavier. Voyons si je joue ici. Si ça doit être
une boucle fluide. Oui, je pense que c'est
logique. Je pense que cela fonctionne. Maintenant, dans la première image,
nous avons le P et le Y, puis dans la dernière image, nous avons le P et le Y
exactement dans la même position. C'est ainsi que nous créons
une boucle fluide. Je dois également m'assurer que
toutes mes étoiles s'animent dans cette
plage d'aperçu au début , dans ma chronologie, vous pouvez voir la couche s'étendre, mais rien n'est encore animé. Je n'ai donc pas à m'
inquiéter trop à ce sujet. Si j'active l'image-clé, c'est le point de départ où la première étoile s'anime C'est déjà dans
ma plage de prévisualisation. Cela fonctionne. Ensuite, je
dois m'assurer que la dernière étoile ne dépassera pas
mon point final. Je pense que cela fonctionne également. Cela peut plaire à
notre boucle similaire. Si je le joue, voici à
quoi il ressemble. Ça va juste continuer à tourner en
boucle en continu. Très bien,
c'est tout avec cette vidéo, j'espère que vous aurez une idée
de la façon de créer une boucle similaire avec notre animation
typographique Commençons à animer ce texte de fête dans
la vidéo suivante
9. Fête: Bon retour. Dans cette leçon, nous allons animer
ce mot, fête Travaille dur. Jouez dur quand la vie est dure. N'
oubliez pas de faire la fête. Comme vous pouvez le constater,
ce design est déjà présenté
dans Illustrator. Nous pouvons prendre une capture d'écran de
la palette de couleurs pour le moment, puis nous allons créer le texte dans After Effects. Revenons maintenant
à After Effects. Créons une nouvelle composition, nommons celle-ci composition principale,
puis changeons la dimension 1080 x 108030
images par seconde. Ensuite, la durée
sera de dix secondes. Cliquez sur OK. Nous avons maintenant
notre fichier After Effects. Passons maintenant à l'outil de
saisie, en tapant notre mot Party
That Looks Good. Ensuite, dans cette leçon, nous allons utiliser la
police rock grotesque Remplaçons-le en
un poids lourd. Assurez-vous que l'échelle verticale est à 100 %. Tout
est revenu aux valeurs par défaut. Nous n'avons besoin que de cette
couche de police pour le moment. Dans cette leçon, souvenez-vous que
nous avons parlé
de certains styles d'animation Nous devons transformer le texte
modifiable en passe afin de pouvoir manipuler le passé
pour effectuer le Dans cette leçon, nous
n'avons pas besoin de tracer grandes lignes de notre texte, de sorte qu'après avoir tout
animé, nous puissions toujours le
transformer en la copie que
nous voulons exprimer ici. C'est donc un avantage que nous
avons si nous ne
décrivons pas notre texte. Maintenant, nous avons notre mot à dire à propos de notre fête. Nous allons juste
le déposer. Laisse-moi faire un zoom arrière. Nous allons accéder à mon onglet Align, puis
centrer Align It. Je souhaite également zoomer à nouveau pour m'assurer que mon
point d'ancrage se trouve complètement vers le bas. Cliquons sur ce stylo derrière
pour faire glisser mes points d'ancrage. Assurez-vous qu'il est aligné
au centre de mon texte. Et puis déposez-le
jusqu'au bord, ici. ce qui est de l'animation, je ne veux traiter que d'une seule
propriété dans cette leçon, qui est une propriété d'échelle. Une fois que nous avons abaissé le point d'
ancrage, activons la propriété d'
échelle. Comme sur le clavier, si j'
agrandis l'échelle, cela agrandira
notre copie, n'est-ce pas ? Ce sera donc essentiellement l'animation que nous voulons, en
plus cette ligne de parti. Remettons-le à
100 %. Je veux juste voir si je change complètement ce
texte. Est-ce assez grand pour
occuper tout l'espace ? J'ai l'impression que je veux que ce texte soit là
quand il sera plus grand. Dans ce cas, il se peut que je
doive abaisser ce point
d'ancrage encore plus bas. Peut-être qu'ici, disons que j'ai 270 % de
ce chiffre ici, puis le remets à
100 % ou même moins Nous pouvons le réduire encore,
peut-être de 50 % pour que la ligne du
parti soit bien inférieure . Je pense que cela fonctionne de 50 % à 300 %. Oui, cela
fonctionne. Essentiellement. C'est notre animation.
Tout d'abord, ce que je veux faire, c'est importer ma palette de couleurs dont j'ai
déjà fait une capture d'écran. Assurez-vous d'avoir ma palette de
couleurs ici
, puis passez à la couche de nouveau solide. Prenons cette couleur
jaune
comme arrière-plan pour le texte. Je veux passer au personnage, assurer que nous avons
un fond blanc et un contour noir qui
soient plutôt beaux. Nous pouvons masquer la
palette de couleurs pour le moment. Nous pouvons maintenant animer la ligne de
parti en 0 seconde. Laissez-moi le tirer vers le bas,
le zoomer à zéro seconde. Je veux que l'échelle
soit peut-être de 60 %. Oui,
ça a l'air plutôt cool. Avec mon point d'ancrage en bas, je peux définir une image clé
sur la propriété d'échelle. Avancez de 25 images,
cliquez sur 121-23-4525 images. Maintenant, je peux zoomer
jusqu'à 250 ou peut-être 300. Oui, je pense que j'aime bien ce que c'est ce moment. Ça
a l'air plutôt bien. Ensuite, passons
à 25 images supplémentaires. Ensuite, copiez la
première image-clé
à échelle pour créer une boucle afin que ce soit notre animation, en montant ou en descendant. Dupliquons à
nouveau les trois couches pour en faire deux boucles. Montez et descendez, montez et descendez. Maintenant, ça a l'air plutôt bien. J'aime bien cette animation. C'est essentiellement l'
image-clé dont nous avons besoin. Et maintenant, nous
devons manipuler l'assouplissement pour
lui donner plus d'énergie. Pour ce qui est de l'animation. Sélectionnez toutes les images-clés, non ? Cliquez sur Keyframe
Assistant, facile à utiliser. Accédez à l'éditeur de graphes. La façon dont nous voulons
modifier le graphique. Tout d'abord, nous devons nous
assurer de cliquer sur le deuxième bouton. Modifier le graphique de vitesse. Nous sommes
dans le graphique de vitesse. Supposons que ce bouton
adapte le graphique à l'affichage. Pour l'agrandir, nous voulons créer
une animation rebondissante. Ce qui signifie qu'en
termes de rebond, chaque fois qu'un rebond s'est produit. Ou une balle rebondit jusqu'en
l'air Chaque fois qu'elle atteint le point le
plus haut ou le plus haut, c'est là que
la vitesse est la plus faible pour rebondir ici À ce stade, le graphique
doit être presque plat, aussi plat que possible, afin que nous puissions obtenir
une courbe de rebond Et à ce stade, il
perd toute sa vitesse. Au début, je voulais
toucher le sol avec énergie J'ai
donc
dû remettre cette poignée
jusqu'en arrière pour obtenir une courbe dans laquelle nous aurons une
certaine vitesse au début. Et puis, lentement, cette
énergie va disparaître. Lorsque la courbe est aplatie, l'énergie disparaît. Et puis, quand il baisse,
il s'accélère lentement. Encore une fois, c'est la courbe dont nous avons besoin en termes d'animation
rebondissante Il suffit de faire glisser cette poignée ici. Ces deux boucles, la courbe
va être identique. Nous allons donc tirer
celle-ci complètement vers le haut
, puis faire légèrement reculer cette courbe. Nous avons une certaine vitesse
au début, dissipons lentement vers
le point le plus élevé La vitesse va
devenir nulle. Et puis, quand il baissera, il recommencera lentement à
accélérer Et puis, quand
il touchera le sol, il
retrouvera de l'énergie. C'est le graphique dont nous avons besoin. Nous voulons également nous assurer que
ces points les plus hauts sont peu près à la même hauteur
afin d'obtenir la même énergie Voyons voir, l'animation
lorsque nous avons ajusté le graphique. Oui, nous avons
déjà du rebond. Je trouve que ça a l'air plutôt sympa. J'ai juste besoin de dupliquer cette image-clé une fois de plus
pour que nous ayons quatre rebonds Commandons C
, puis vérifions-nous que l'
indicateur de chronologie se trouve ici. Commande V, nous avons maintenant
quatre rebonds, 1234. Notre animation est maintenant prête. Nous devons juste
faire une dernière chose avant de le
dupliquer dans une autre couleur. Je souhaite sélectionner le texte, puis passer
au réglage des caractères. Je veux réduire un peu plus le
suivi. Peut-être le changer en moins 50. Je peux également les ajuster individuellement
, peut-être ces deux-là. Je vais simplement utiliser mon option de
raccourci clavier, la flèche
gauche pour les rapprocher. Ensuite, déplacez celui-ci
un peu. Rapprochez-le juste
pour ajuster le suivi. Nous avons maintenant une technologie
de fête proche l'une de l'autre. Avec un suivi serré, il ne nous
reste plus qu'à séparer chaque lettre sur sa propre couche afin de
pouvoir décaler l'animation. Allons ouvrir mon plug-in
dans le texte décomposé de la fenêtre. Ensuite, une fois la couche de fête sélectionnée, nous pouvons la décomposer Ainsi, après avoir cliqué
sur le texte
décomposé, chaque
lettre figurera sur sa propre couche Et cette couche de
fête perd sa visibilité. Nous pouvons atténuer celui-ci
avec notre couche timide. Si vous voyez une flèche dans
le texte décomposé, c'est parce que je clique
sur cet outil de texte, puis si je fais glisser un cadre et
que je tape le mot party Après avoir sélectionné cette couche de
fête, je peux cliquer sur le texte
décomposé Cependant, cela ne va pas fonctionner, cela va
me donner un ensemble d'erreurs. Le texte de paragraphe n'est pas pris en charge. Qu'est-ce qu'un texte de paragraphe ? Un texte de paragraphe se
produit lorsque vous cliquez sur l'outil de saisie, puis que vous faites
d'abord glisser un cadre,
puis
que vous tapez dans la couche de texte après le texte d'un paragraphe Cependant, pour que le texte
décomposé fonctionne, vous devez cliquer sur
ce type d'outil,
puis cliquer une fois sur l'
écran Et vous voyez qu'il y a
une couche de texte vide. Maintenant, si vous tapez
le mot fête, ne faites pas
glisser le curseur, cliquez
simplement sur l'écran ici Tapez le mot fête.
Maintenant, si vous cliquez sur du texte décomposé,
cela fonctionnera Donc, s'il vous donne une flèche, c'est parce que vous faites glisser un cadre lorsque
vous tapez le texte, ce qui vous donnera un message d'erreur dans
le texte décomposé Revenons à notre leçon.
Maintenant, la fête est prête. J'ai juste besoin de
te taper sur le clavier. Afficher toutes les images-clés dont j'ai besoin
pour décaler chaque image-clé. Disons que le P sera la première lettre
qui apparaîtra. J'ai été décalé d'une image. Optez pour une image,
puis nous pouvons faire glisser toutes ces
images clés vers l'avant d'
une image pour que nos lettres
remontent une par une. Voyons à quoi ça ressemble. Oui, ça a l'air plutôt bien. C'est tout ce dont j'ai besoin.
Sélectionnons toutes les lettres command shift C. Appelons cela
une animation individuelle. Nous avons maintenant un lot de commandes d'animation de groupe D. Dupliquons-la d'abord une fois. Il suffit d'activer
notre palette de couleurs et de la
déplacer sur le côté. Passons maintenant à la seconde, je vais passer à mes
effets et poursuivre la
recherche de la couleur de remplissage Ensuite, pour la deuxième couleur, je vais la remplacer par
cette couleur rose. J'ai également besoin d'un plan. Je vais donc obtenir le contour
grâce au style de couche. Cliquez avec le bouton droit, passez au
style de couche d'un coup. Passons à l'essentiel. Changeons le trait
en peut-être un
, puis changeons
la couleur en noir. Ça va être un coup noir. Et puis
remettez ce violet. Maintenant, dupliquons à nouveau
cette couche rose. Mets-le en dessous, change cette couleur
en rouge. Puis dupliquez-le à nouveau. Mets-le en dessous,
change-le en violet. Puis dupliquez à nouveau, mettez-le en dessous,
changez-le en violet foncé. Maintenant, toutes ces couleurs
se cachent derrière ma couleur blanche. Il ne me reste plus qu'à
décaler les couches. Désactivons la palette
de couleurs. Avancez d'une image, décalez les couches, détestez le crochet vital
pour décaler les couches. Et avancez à
nouveau d'une image, décalez cette couche. Et passez d'une image, décalez cette couche, puis repassez à
une image,
décalez cette couche. Nous avons maintenant toutes ces
couches décalées d'une image. Regardons
l'animation. Il ne nous reste plus qu'à
terminer cette pièce avec une animation secondaire,
peut-être quelques démarrages. Ajoutons l'animation des
étoiles. Je l'ai dans le dossier
Star Animation. J'utilise la
deuxième animation en étoile avec un tas de doublons. Il s'agit maintenant d'une animation complète. Très bien, c'est tout pour l'animation
de la fête. Je vous verrai dans la prochaine vidéo.
10. Comme: Bon retour. Dans ce cours nous allons
animer ce mot Comme nous avons déjà
parlé de trois manières différentes d' animer du texte dans
les leçons précédentes Si vous aimez le cours jusqu'à présent, n'oubliez pas de laisser un
commentaire sous le cours. Cela aidera cette classe
à toucher un plus grand nombre d'étudiants qui aiment apprendre ce
type d'animation. Et ce sera vraiment apprécié. Passons maintenant à cette leçon. Nous avons défini
ce type dans Illustrator. La police que nous utilisons
s'appelle rock grotesque. Et celui-ci en gras est
un noir condensé, et le noir fin n'est qu'
un fasis fin et serré Si nous
utilisons le rock rotesque, c'est parce
que c'est une très grande famille Il possède toutes ces épaisseurs et ces poids
différents, ce qui nous permet manipuler et de les transformer
entre chacune Vous pouvez également choisir un type de passe
différent, mais je recommande quelque chose
qui comporte de
nombreuses variantes
afin que vous puissiez transformer ou
les transformer entre ces variations Nous avons également expliqué comment
utiliser la surcharge de branchement, ainsi que comment transférer un
fichier d' Illustrator
vers After Effects Dans cette leçon,
afin de gagner du temps, je vais simplement utiliser la surcharge de
branchement pour
envoyer cette lettre
à After Effects Passons à After Effects, créons une nouvelle composition, nommons celle-ci
composition principale et changeons la dimension en 1080 x
108030 images par seconde. La durée
sera de dix secondes de clic. OK, nous avons notre composition. Revenons à Illustrator. Nous pouvons également taper le texte dans
After Effects, mais
pour gagner du temps, nous allons essayer d'incliner celui-ci
d'une lettre par une Maintenant, nous en avons un.
Et puis revenez en arrière, appuyez sur le K, appuyez sur le
E, ça a l'air bien. Ensuite, dissocions-le. Ensuite, j'appuierai un par un. Je vais d'abord appuyer sur le L, puis sur le I, puis
sur le K, puis sur le. Ça a l'air bien. Nous avons maintenant les informations
de chemin de toutes ces lettres. Permettez-moi de créer une
couche de fond, un nouveau solide. Nous avons juste besoin d'un
fond noir pur qui devrait fonctionner. Déposez-le
jusqu'en bas. Il ne nous reste plus qu'à animer la propriété path pour passer des différentes
épaisseurs Si nous n'utilisons pas
le plug-in en surcharge, je vais juste le montrer rapidement. Cachons tout ici. Supposons que nous ayons saisi
notre propre lettre
dans After Effects,
modifions-la pour
condenser Fais-le super grand comme ça. Si nous n'utilisons pas la surcharge de
branchement, nous pouvons le faire,
puis passer à Créer des
formes à partir de texte Nous aurions maintenant les
informations de forme de chaque lettre, il y a quatre lettres à l'intérieur. Permettez-moi de supprimer cette couche de texte. Maintenant, allons-y
et regardons ici, sous le contenu, il
y a quatre lettres et
il
suffit de les dupliquer trois fois. Dans la première couche,
nous pouvons supprimer les trois lettres et
ne laisser qu'une seule lettre à l'intérieur. Ensuite, dans la deuxième couche, supprimez
simplement les trois
autres lettres. Dans la troisième couche,
supprimons le L, I et le E. Ensuite,
dans la dernière couche, supprimons les trois
premières lettres. Nous aurions maintenant quatre lettres
différentes sur sa propre couche individuelle chacune
contenant des informations de chemin. C'est ainsi que nous traitons les informations de chemin sans
le plug in Overload, c'est comme si nous utilisions
le plug in Overload. Mais la surcharge ne
fait que faciliter le transfert de toutes ces informations
de chemin d' Illustrator
vers After Effects. Maintenant, réactivons nos
couches. Nous disposons déjà de ces informations de
chemin. C'est la même chose que ce que
j'ai démontré auparavant. Si vous le faites manuellement, il ne nous
reste plus qu'à animer le morphing entre
les épaisseurs Sélectionnons l'ensemble de la couche. Accédez à la recherche
de la propriété path. Assurez-vous que l'
indicateur de chronologie est à zéro seconde. Faisons un chronomètre pour voir
toutes les propriétés du chemin. Nous avons maintenant une image-clé
pour l'ensemble du chemin. Il ne nous reste plus qu'à récupérer les informations
du premier chemin à partir du L, qui est la couche 5 ici. Copions cette commande
d'information de chemin C, puis collons-la
dans la première lettre, qui est ici ce grand L. Avançons de 25 images. Commande Shift,
flèche droite, 1212345. Nous en sommes maintenant à 25 images. Sélectionnez la
commande de propriété du chemin V. Collez-la. Si je change la chronologie, vous pouvez voir que ce
chemin passe de très long à un chemin court
. Ça a l'air bien. Maintenant, sélectionnons le I, ou vous pouvez faire le E. Puisque
nous l'avons sélectionné, copions l'image clé
sous la commande de chemin C. Ensuite, cherchons le plus grand E ici,
qui est celui-ci. Puis cliquez sur
la propriété du chemin. Assurez-vous de cliquer sur cette
propriété avant de passer la commande par image-clé V.
Faisons le K ici, commande C pour copier Trouvons le K, celui-ci. Et puis commande V. Alors
la dernière serait le I, celui-ci. Copions le cadre
clé, puis
passons à la lettre, celle-ci. Cliquez sur le chemin V. Maintenant, nous pouvons simplement désactiver ces
quatre lettres, qui sont celles d'origine qui n'ont aucune animation. Désactivons la visibilité. Ensuite, nous pouvons cliquer
sur le bouton Timide et cliquer sur toutes les couches. Maintenant, si je joue cette animation, c'est
ce que j'obtiens. J'ai une métamorphose entre les deux épaisseurs différentes
des quatre lettres C'est essentiellement
l'animation. C'est une animation très basique
pour ces mouvements. Et ensuite,
appuions-nous sur le clavier. Nous allons juste avancer de 25 images
supplémentaires, 1212345 Copiez maintenant la première image-clé
pour terminer une boucle. Tout est en train
de revenir à son état d'origine, et nous avons cette boucle ici. Maintenant, il suffit
de dupliquer à
nouveau l'image clé pour
nous assurer d'avoir deux boucles. Maintenant, si je joue l'animation, c'est le mouvement que nous
obtenons avant de continuer. Je souhaite également commencer
l'animation avec les faces typographiques fines en premier
plutôt qu'avec les faces épaisses. Tout ce que je veux faire, c'est couper ces couches, sélectionner toutes les options entre crochets
gauches. Ensuite, nous pouvons
tout déplacer à zéro seconde pour toutes les couches, de sorte que cela
commence par les polices fines. Et maintenant, il nous manque une image
clé à la toute fin. Nous allons donc
avancer de 25 images à nouveau, puis copier la toute
première image clé sur chaque couche afin de
pouvoir insérer deux boucles Et maintenant que j'ai toutes
les images clés, j'en reviens aux fins
typographiques . Maintenant que j'
ai tout
sélectionné. Clic rouge,
assistant Keyframe, facilité d'utilisation. Passons ensuite à
l'éditeur de graphes. Faisons appel à ce
graphique épais pour le visualiser. Et cliquez également sur ce bouton pour assurer que nous sommes dans
le graphique de vitesse. qui est de l'animation, ce que je veux faire, c'est
une animation rebondissante Courbe rebondissante dont nous avons
parlé dans la licence précédente Souvenez-vous que lorsque nous avons organisé
l'animation de la fête, nous avons rebondi au point
le plus élevé, c'
est-à-dire ce point
de la chronologie Je veux que cette animation soit accrochée
là pour que je puisse faire glisser ces courbes juste pour m'
assurer que je fais glisser cette
courbe jusqu'au bout Et puis la vitesse va presque
devenir nulle. La courbe sera aussi plate que
possible pour la première courbe, je vais juste
faire glisser la poignée vers l'arrière. En termes d'influence, je veux changer cette influence pour atteindre peut-être 90 % d'influence. Tu vois ce chiffre d'influence ? Lorsque je fais glisser la
poignée ici, je lui donne 90 %
d'influence
, puis je fais glisser la première poignée
complètement vers la gauche. Faisons encore 90 % d'influence ici afin
que tout soit équilibré ici. Je dois
sélectionner cette option, car il y a quatre couches différentes avec
quatre lettres différentes et il
y a des images clés ici Je dois donc marquer,
tirer cette poignée vers l'arrière, peut-être deux, 15 %, puis la marquer, sélectionner à nouveau, faire la même chose, déplacer cette poignée complètement vers
l'arrière,
puis changer l'
influence ici à environ 90 %. Cette poignée
pourrait également être de 90 % Et puis le dernier sera le même, environ 15 % d'influence
puisqu'il sera en boucle. Ces courbes
doivent donc être identiques. Et c'est un type de courbe
rebondissante dont nous avons besoin. Voyons à quoi
ressemble l'animation avec
ce type de courbe. C'est plutôt sympa. C'est presque comme un
rebond, tu vois ça ? J'ai l'impression que l'
animation est un peu lente. Permettez-moi d'essayer de rapprocher
ces images-clés, sélectionner toutes les
options IT et le clavier Ensuite, faites simplement glisser
la dernière image-clé afin que nous puissions manipuler l'espacement entre
toutes ces images-clés pour la ralentir ou l'accélérer Dans ce cas, je veux que ce soit plus rapide,
il suffit de tout déplacer à
l'intérieur pour être plus proche. Je trouve que ça a l'air plutôt bien. Maintenant, je peux peut-être copier
ces images-clés une
fois de plus pour leur donner quatre
boucles au lieu de deux boucles. Maintenant, il va faire quatre boucles. C'est bien, et la prochaine chose que je
veux faire est d'ajouter changement d'opacité pour faire clignoter un
peu
la lettre Passons à la première lettre. Appuyez sur Shift sur le clavier
pour augmenter l'opacité. Et puis passons de 100 %, peut-être, avançons de
cinq images, 12345, à 85 %,
puis passons à 85 %,
puis avançons à nouveau de cinq
images 12345, remettons-le à 100 % 12345, puis changeons-le à 85 %. Nous avons presque
comme un scintillement Ensuite, nous pouvons
ajouter une expression pour terminer cette animation. Maintenons l'option
sur le clavier. Appuyez sur le chronomètre pour ajouter une
expression appelée loop out. Ensuite, les crochets cliquent sur retour. Maintenant, après avoir ajouté l'expression
de boucle, voici ce que nous obtenons Nous obtenons ce
scintillement constant pour cette lettre. Je pense que cela fonctionne. Ensuite, je veux juste copier les images-clés et faire la même chose pour les trois
autres lettres Sélectionnez les trois, passez
à zéro seconde avec la commande de l'
indicateur de chronologie V. Appuyez sur le clavier
pour afficher l'image-clé Ensuite, il me suffit de copier cette expression commande
C, puis de
l'ajouter à ces trois lettres. Maintenez l'option enfoncée. Cliquez ensuite sur
le chronomètre pour ouvrir le champ d'expression ,
puis collez
l'expression Maintenant, toutes ces
trois lettres clignotent. Je pense que ça a l'air bien. Ensuite, je veux
juste décaler les images clés peut-être
de deux images. Va à zéro. Deuxième commande, cliquez pendant 2 secondes, puis je vais décaler
ces images-clés,
avancer de deux secondes à nouveau, avancer de deux secondes à nouveau, décaler les images-clés
avancer de deux secondes encore,
décaler les Maintenant, je viens de me rendre compte du problème. Vous vous souvenez quand nous avons copié les deux premiers ensembles d'
images clés en quatre ensembles ? Je me souviens que nous n'avons pas modifié la courbe de la dernière image-clé. Si je vais à l'intérieur de ces images-clés, si je jette un coup d'œil à l'éditeur
de graphes intégré à l'image-clé et que je me rappelle que c'est la fin, c'est la dernière
image-clé que nous avions dans la première animation et que
nous en avons simplement fait une copie
pour obtenir deux autres ensembles Cependant, l'influence ici n'est pas correcte et
elle n'est pas cohérente. Je dois donc également ajuster
l'
influence ici pour que cette partie
se situe autour de 15 %. Et maintenant, nous devrions avoir une courbe constante
tout au long de l'animation. Copions ces influences. Sélectionnez tout,
passez à Easy Copy. Copiez, puis collez l'Easing sur cet
ensemble d'images-clés. Cliquez sur ce As,
puis passez à celui-ci, cliquez sur le S. Maintenant,
je ne fais que
tout copier dans ces
trois lettres différentes. Jetons maintenant un coup d'œil et voyons si l'animation
est cohérente. Oui, maintenant c'est beaucoup plus constant quand la
deuxième boucle se termine, entrer dans la troisième boucle,
ça a l'air plutôt bien. Maintenant, la prochaine chose que
vous voulez ajouter est d'ajouter une animation
secondaire, peut-être des étoiles comme
dans les leçons précédentes. J'ai déjà mes étoiles
dans le panneau de projet. C'est l'animation vedette numéro un. Et une fois que je l'aurai ajouté, il
apparaîtra au hasard dans une sorte d'étoile. Je trouve que ça a l'air plutôt cool. Et maintenant, ajoutons également un effet d'
éclat. Accédez à la couche de réglage des couches. Changeons le nom en glow. Passons aux effets et au processus,
puis sélectionnons le plug-in. Deep Glow, Deep Glow n'
est pas gratuit non plus, mais je veux juste montrer à
quoi cela ressemble. Vous n'êtes pas obligé de l'utiliser
si vous ne l'avez pas. Mais une fois que je l'ai déposé, vous pouvez voir qu'il a l'air vraiment haut de gamme. Et ça donne cette belle
lueur, peut-être trop. Modifions-le de 2,5,
puis diminuons le rayon, peut-être 400. Donnons-lui simplement un
effet lumineux très subtil et agréable ici. Modifions le seuil
d'entrée. Peut-être que non, oui, et voici à quoi ça ressemble avec le
Deep Globe Plug in. Outre la lueur profonde,
je souhaite également changer la couleur de ces lettres. Allons ajouter un autre effet, teinte et une saturation à
cette couche de réglage. Dès le début, je veux juste toucher la plage de chaînes, vous
appuyer sur le clavier, puis peut-être passer à
environ 4 secondes. Changeons de chaîne pour
qu'il passe, peut-être un tour. Nous avons maintenant une
information de couleur qui change tout au long de l'animation. Voyons à quoi cela ressemble
avec les changements de couleur. Ça a l'air plutôt cool. J'aime son apparence, mais je trouve que l'animation
manque un peu d'énergie. Je voudrais peut-être encore essayer de rapprocher
ces images-clés, uniquement les propriétés du chemin Pour rapprocher ces images-clés, je dois sélectionner l'
option
Tout maintenir enfoncée , puis sélectionner
la dernière image-clé Il suffit de frapper tout ce qui
se trouve à l'intérieur comme ça. Oui, c'est beaucoup mieux si nous voulons trouver un
endroit où ça peut tourner en boucle. Peut-être qu'en partant de
ce cadre sur le clavier, c'
est le point final. peut être saisi et nous
devons nous assurer que l'image-clé de la plage de canaux se situe
dans cette période de boucle Voyons à quoi cela
ressemble avec la boucle. Oui, ça va
être une boucle parfaite. Ça a l'air plutôt
sympa. Disons qu' avec cette leçon,
j'espère qu'elle vous plaira. Et je vous verrai
dans la prochaine vidéo.
11. Merci: Bon retour. Dans cette leçon nous allons
animer ce mot Merci. Nous devons tous remercier
de nombreuses personnes dans notre vie. Pour ma part, je tiens
à vous remercier d' avoir suivi ce cours et de
m'avoir choisi comme professeur. J'apprécie vraiment le temps que
vous avez passé ici avec moi pour apprendre ces techniques
d'animation. Je tiens donc à dire merci de
manière animée, comme cette animation ici. Tout d'abord,
revenons à Illustrator. Voici notre storyboard. La typographie que j'utilise
est grotesque. Encore une fois, j'aime utiliser
cette famille parce qu' elle est très variée,
n'est-ce pas ? heure actuelle, j'utilise
ces polices noires et dans cette animation, nous voulons
faire quelque chose qui ressemble plus un faux trois D. Chaque lettre a à
un faux trois D. Chaque lettre a une
certaine largeur et
c'est très simple à configurer. Nous faisons simplement une copie
de celui-ci
, puis nous allons le décrire. Chmift, nous pouvons redéfinir
celui-ci. Et puis changeons simplement
la couleur de chaque lettre. Dégroupez-le, Chmiift pour
dissocier les lettres. Maintenant, je peux juste
goûter à ces couleurs. Vous pouvez choisir
la couleur votre choix pour créer votre propre
animation sur un mot unique. Je vous montre simplement
comment nous pouvons le faire. Merci. Maintenant, je peux
simplement mettre celui-ci sous la
lettre et
tout déplacer vers la droite pour
que nous puissions voir une épaisseur
derrière chaque lettre. Maintenant, je peux regrouper chaque lettre
et l'ombre. Peut-être déposer cette clé sur le dessus,
puis les rapprocher, puis la déposer
en arrière comme ça. Il suffit de décaler ces lettres. Pour que nous puissions créer
une telle profondeur. Si vous voulez l'
organiser de cette façon, cela peut être quelque chose de similaire
à ma gauche, ce tableau ici. C'est ainsi que nous avons configuré le fichier Illustrator
pour cette animation. Comme nous savons déjà
comment utiliser la surcharge, je souhaite expliquer dans
cette leçon
comment transférer le fichier d' Illustrator vers
After Effects sans plug-in. Revoyons cela à nouveau. Nous pouvons prendre
celui-ci comme exemple. Je n'ai plus besoin de l'ombre car je peux la
créer plus tard dans After Effects. le moment, je
vais juste sélectionner toutes les ombres et les
supprimer. Je vais déposer celui-ci ici pour qu'il
ne soit pas dans mon tableau R. Et permettez-moi de supprimer cette carte R afin de n'avoir qu'une seule carte
R avec laquelle travailler. liste ici est juste à des fins de
démonstration, mais pour transférer un
fichier d'Illustrator vers After Effects sans le
plug-in, c'est ce que nous faisons. Passons au panneau Layer ,
puis à ce menu
déroulant. Cliquez sur Release
to Layer Sequence. Maintenant, il va étendre tout ce qui se
trouve sous la première couche. Il suffit de sélectionner tout ce
qui se trouve sous la
première couche , puis de les déposer
en dehors de la première couche, afin que chacune
ait sa propre couche. Ensuite, nous pouvons supprimer
la première couche puisqu'elle est vide. Maintenant, c'est toute la couche
que nous avons qui est séparée de notre commande
ici, libérez deux couches. Maintenant que nous avons tout
séparé lorsque nous
importons ce
fichier Illustrator dans After Effects, tout sera sur
une couche séparée. Enregistrez la commande S de ce
fichier Illustrator, puis ouvrons
After Effects créons une nouvelle composition. Appelez ça une composition principale. Ensuite, nous pouvons faire 1080 x
108030 images par seconde. La durée peut être de 10 secondes. Cliquez sur, d'accord, allez
simplement dans Project. Nous pouvons maintenant importer le fichier
Illustrator. Double-cliquez sur
le panneau Projet, puis accédez au
storyboard ici Assurez-vous de sélectionner les tailles de couche
conservées dans la composition. Et assurez-vous de ne pas sélectionner
la séquence Illustrator. Cela va poser problème. Si vous cochez cette case ici, assurez-vous qu'elle n'est pas cochée
et cliquez sur Ouvrir Maintenant, si je vais dans la composition de
remerciements, nous avons toutes ces couches.
Copions tout. Passez à ma composition principale. Ensuite, il nous suffit
de les regrouper. Car chaque lettre a une lettre au recto
, puis il y a une ombre
ou une épaisseur. Nous devons les regrouper. Commande Shift C pour
le regrouper ici. Et puis ces deux-là
forment le groupe. Puis le N, puis le K. Et puis le dernier est
l'arrière-plan. Nous avons maintenant toutes ces lettres importées dans After Effects. Nous pouvons maintenant commencer à
les animer. Tout d'abord, je
veux les aligner. Appuyons sur la commande
R pour la règle. Et puis déposons une
directive ici. Ça a l'air bien. Je
veux juste tout aligner. Déposez le bouton vers le bas, puis le OK. Et puis le S. Nous pouvons
tout déplacer un peu plus haut. Maintenant, tout d'abord, ce que je
veux faire, c'est déplacer le point d'ancrage vers chaque lettre sur la ligne de base de
chaque lettre pour le, le point d'ancrage
au centre de la clé. Appuyons le stylo derrière pour déposer ce point d'ancrage en
bas du T.
Ensuite, pour le H, faisons la
même chose pour la même chose, déplaçons le point d'ancrage sur la
ligne de base de chaque lettre. Maintenant ça marche. Ensuite, sélectionnons tout
P sur le clavier. Nous pouvons maintenant ajouter un cadre clé. Ce que nous voulons faire,
c'est faire une animation de rebond, n'est-ce pas Allez de l'avant. Peut-être que 20
images peuvent être décalées, flèche
droite, 20 images. Et maintenant, nous voulons que
tout baisse. Peut-être par ici,
au point le plus élevé. Je veux qu'ils sautent
jusqu'ici. Et puis c'est
le point le plus bas. Avançons à nouveau de
20 images. Ensuite, nous pouvons copier
l'image clé initiale pour revenir à la position
initiale. Maintenant j'y
pense. Je devrais commencer par les lettres au sol. Permettez-moi de supprimer la
première image clé, puis de
tout remettre à zéro. Ensuite, je commence par
les lettres au sol. Pour qu'ils puissent sauter
puis passer à 420 images. Maintenant, je peux coller l'image clé
initiale. Encore une fois, ils
atterrissent simplement sur le sol. Une fois que j'ai toutes
ces images-clés, cliquez sur Keyframe
assistant, Easy East Accédez à l'éditeur de graphiques, cliquez sur le graphique épais pour l'afficher, puis assurez-vous que nous sommes bien
dans le graphique de vitesse en cliquant sur le deuxième bouton
ici. C'est une bonne chose. Mets-le peut-être ici. Quand il saute de haut en bas, je veux m'assurer que l'on se trouve au le plus haut,
le point le plus haut C'est là que la vitesse
va diminuer. Nous allons avoir
une courbe plus plate autour de cette zone ici Ensuite, lors du premier
contact avec
le sol, la courbe sera
plus abrupte, comme ça. Je vais donc faire glisser toutes les poignées des deux
côtés jusqu'en arrière. Et puis la poignée centrale va l'étendre
jusqu'à l'extérieur. C'est une courbe plus plate
au point le plus haut ,
puis une
courbe abrupte des deux côtés Voyons l'animation. Je n'ai pas encore d'autre
jeu d'images-clés, donc je dois dupliquer à nouveau
V trois images-clés
pour créer un autre ensemble Pour que nous puissions rebondir. Permettez-moi de le dupliquer, ce sera un rebond. Il y a toujours un
problème avec la courbe. Nous allons tout sélectionner. Accédez à l'éditeur de graphes. Je peux voir ici que ce n'
est pas symétrique. Il y a un problème
avec la courbe. Je dois tirer cette poignée
complètement vers l'arrière pour m'
assurer qu'elle gagne
la même vitesse au
rebond ici, afin qu'elle soit parfaitement
symétrique Et nous obtenons une courbe de rebond.
Voyons l'animation. Oui, j'aime son apparence. Maintenant, je peux peut-être
tout sélectionner. Appuyez sur l'option du clavier. Déplacez-les un
peu plus à l'intérieur pour
qu' ils aient plus d'énergie
au rebond. Oui, j'aime bien ça. Il ne me reste plus qu'à dupliquer
l'image-clé. Dupliquons cela pour
ajouter deux autres limites, 123. Nous avons maintenant trois rebonds, 123. J'ai l'impression que l'endroit où nous
copions l'image clé pose à nouveau
un problème. Sélectionnons
tout, rentrons à l'intérieur. Tu vois cette courbe ici ? À ce point, il y a une courbe étrange sur le côté gauche
qui n'est pas symétrique. Ce que nous devons faire,
c'est sélectionner un point d'ancrage,
puis faire glisser cette courbe
jusqu'en arrière comme ceci. C'est symétrique. Encore une fois, tout est constant, la vitesse est constante. Jetons un coup d'œil. Oui, je pense que ça marche. Ensuite, la prochaine chose que
nous allons faire est de décaler l'image clé pour que chaque lettre
apparaisse à un moment différent. Faisons d'abord la descente, puis
nous allons redescendre ensuite. Avancez d'une image,
ou peut-être de deux images. Essayons deux décalages d'images. Ensuite, nous aurons
le H12 1212. Alors je veux, voyons si ça marche. C'est peut-être trop. Je pense que je préférerais peut-être
un cadre de décalages. Faisons plutôt un cadre. J'ai juste besoin de tout
reculer pour qu'il y ait
une image décalée l'une de l'autre. Optez pour un cadre.
Oui, j'aime bien ça. Ça a l'air plutôt bien. Maintenant,
la dernière chose que vous voulez faire est de faire une variation
de couleur par-dessus tout. Passons donc à une
nouvelle couche , puis créons une couche de
réglage. Passons aux effets et aux préréglages,
recherchons la saturation des teintes Ensuite, nous allons faire la
même chose qu'avant. Appuyez sur une image-clé sur
la plage de canaux, appuyez sur le clavier, passez aux secondes, ou nous pouvons
trouver un endroit où elle passe en boucle Disons cette partie ici : assurez-vous que ma première image clé est alignée avec la première image
en boucle Ensuite, nous allons trouver un autre point où les
boucles se
heurtent peut-être ici , puis je vais changer la plage de canaux en un tour pour qu'elle change de couleur. Voyons voir, la
boucle que nous avons. Oui, je pense que ça marche.
Zoomons, jetons un coup d'œil. Maintenant, la dernière chose que
nous voulons faire est d' ajouter un peu plus de caractère
à nos lettres. Ce que nous pouvons faire, c'est faire du
squash et des étirements. Lorsqu'il touche le sol, il peut s'écraser un peu. Ensuite, cela
ajoutera du caractère à nos lettres. Faisons tout comme
sur le clavier. Appuyez sur Shift. Permettez-moi de vous montrer
toutes les images clés. Animons la première, qui est notre première lettre Je veux juste manipuler
l'échelle de position y, y. Débloquons cette propriété ici. Et puis, au début, une
fois sur le terrain, je voudrais modifier l'échelle à 75 %. C'est
peut-être
trop, mais nous pouvons essayer. Et peut-être qu'au bout de
trois images, 123, ça va revenir à 100 % Ensuite, quand il touchera à nouveau
le sol, avant qu'il ne touche, juste au moment où
il touchera, ce sera 75. Mais avant qu'il n'atteigne trois
images plus tôt, 123, il devrait être à 100 %. Ensuite,
reprenez trois images ,
123, puis il
revient à 100. Ça va être quelque chose
comme celui-ci, atteindre 75, puis après trois
images, il redeviendra 100. Passons à Keyframe Assistant. Nous pouvons également facilement
ajouter de la vélocité à partir de cet onglet de
vélocité des images-clés ici Permettez-moi simplement de le remplacer par
66 en guise d'assouplissement standard, laissez-moi copier ces trois
images clés. Collez-le ici. Déplace l'impact, le cadre central pour l'
aligner sur mon impact. Ensuite, déplacez
le cadre central ici. Voyons à quoi ça ressemble. Maintenant, il ajoute des
courges à ma lettre. Maintenant, je peux simplement dupliquer
toutes ces images-clés, venir voir, puis
passer à la lettre suivante Assurez-vous de déverrouiller la mise à l'échelle, puis laissez-moi trouver la position de l'
impact ici. Ensuite, assurez-vous de
les aligner sur le cadre clé du milieu. Passez à la suivante. Alignez le cadre clé
du milieu ici comme ceci. Déverrouillez ensuite la balance. Alignez-vous ici. Et puis la dernière, une ligne ici.
Voyons à quoi ça ressemble. Si cela fait une différence, oui, vous pouvez voir qu'il y a de la courge et qu'il s'étire lorsqu' il tombe en
contact avec le sol. Je pense que c'est suffisant. Si nous ralentissons l'animation, cela paraîtra plus évident, mais je ne veux pas
ralentir l'animation pour le moment. Maintenant, la dernière chose
que nous voulons faire est d'ajouter des ombres sous
cet équipement de texte. Sélectionnons tout,
groupons-les. Appelons cela de
l'animation. Alors dupliquons-le. Accédez à Effets et précéder, recherchez un processus
appelé remplissage Alors changeons-le
en cette couleur bleue. Ensuite, nous pouvons le rendre un peu
différent de ce bleu ici. Déplacez-le vers le bas, puis nous pourrons décaler la propriété de
position. Ce n'est pas si visible.
Rendons-le plus sombre. Ça a l'air plutôt bien. Voyons à quoi ça
ressemble maintenant. Oui, je pense que ça marche. Voilà. Il s'agit de notre dernière
animation pour le. Merci. C'est tout pour cette vidéo. Je te verrai dans le prochain.
12. Devenez des initiés du mouvement: Avant de continuer, je tiens à partager avec vous une nouvelle excitante. Les cours de motion design sont désormais plus abordables
chez Motion Circles. Avec notre abonnement Motion
Insider pour seulement 7$ par mois,
vous bénéficierez d'un accès illimité à nos meilleurs cours de motion
design, auxquels plus de 50 000
étudiants du monde entier
font confiance Il est temps d'améliorer vos compétences en
motion design pour devenir les meilleurs
animateurs possibles En tant qu'initié, vous
recevrez également des fichiers de projet
gratuits issus
de tous nos didacticiels
YouTube sur Motion Circles. Et profitez d'une réduction exclusive de
25 % sur tous les autres projets d'
animation incroyables d'autres artistes dans
notre boutique de fichiers de projets. Ne manquez pas cette
opportunité d'améliorer
vos compétences en animation tout en faisant partie de notre communauté
dynamique. Rejoignez-nous dès aujourd'hui sur motion circles.com et libérez
votre
13. Suivre: Bienvenue dans cette leçon. Dans cette leçon, je vais
animer le mot suivre. Si vous ne le
savez pas déjà, nous avons également une chaîne Youtube qui
partage tout ce qui concerne l'animation. À partir de là, vous apprendrez
toutes sortes de trucs,
astuces et techniques sur l'animation
After Effects. Assurez-vous donc de nous suivre sur
Motion Circles sur Youtube. Voici notre storyboard
pour cette leçon. On nous a dit de suivre. C'est un typha que j'ai
trouvé sur Phon.com. Il s'agit d'une ressource gratuite que vous
pouvez utiliser pour toutes sortes de typhaces et Voici le téléphone que j'ai trouvé
ici qui s'appelle Andres, et c'est celui
que nous allons
utiliser pour animer dans cette leçon Pour la palette de couleurs, permettez-moi de prendre une capture d'écran
de ma palette de couleurs. Passons maintenant à After Effects, Création d'une nouvelle composition. Nommez cette composition principale, 1080 x 108030 images
par seconde, 10 Importons maintenant notre
palette de couleurs ici, réduisons-la. Passons aux nouveaux solides. Créez un arrière-plan, identique une couleur rose, déposez-le avec un médaillon Nous pouvons maintenant passer à l'outil de saisie. Tapons le mot « suivre ». Passons ensuite au personnage. Modifiez le typhase
pour le réduire. Nous pouvons tout mettre en
majuscule afin qu'ils
aient une hauteur similaire
pour chaque mot Je souhaite également augmenter légèrement
la location. C'est le mot que nous avons
ici, il semble plutôt bon. Je veux juste m'assurer que
ce pourcentage est revenu à 100 %, car je vais animer la
propriété path de cette lettre Il se peut que je doive l'agrandir. J'ai l'impression que ce mot n'
est pas assez fort. C'est à quel point je veux que
cette œuvre soit importante pour être ici. Permettez-moi de masquer les palettes de couleurs
en termes d'animation. Nous voulons séparer chaque
lettre dans sa propre couche. Pour ce faire, nous pouvons utiliser
un plugin que nous avions auparavant, accéder à Windows puis
décomposer le texte Cliquez dessus, décomposez Si vous recevez
un message d'erreur concernant le texte décomposé, revenez à la
leçon où nous expliquons comment animer Dans cette vidéo, j'ai
expliqué comment résoudre le message de flèche sur ce plug-in si vous l'
obtenez lorsque vous
appuyez sur le bouton. Assurez-vous simplement d'y retourner
et de le regarder à nouveau. Si vous recevez maintenant des messages
d'erreur, ces lettres sont séparées. Je peux supprimer cette ligne de
suivi ici. Ce que nous devons faire, c'est
convertir chaque lettre en relique de
chemin et créer des formes à partir de texte. C'est
ce que nous voulons faire. Nous voulons créer des
formes pour chaque lettre. Nous pouvons maintenant sélectionner toutes les lettres, puis
appuyer sur le bouton Timy. Cliquez sur le bouton
Timy ici pour les masquer. Nous avons maintenant tout ce
qui est décrit. Cependant, si je passe à l'
intérieur de chaque lettre, dans le contour, vous pouvez voir que toutes
ces lettres existent toujours. C'est à cause du plug-in de
texte décomposé que nous avons utilisé. Il enregistre toujours toutes
ces autres informations. Tout ce que nous devons faire est de
supprimer toutes les autres
lettres présentes dans le contenu de ma couche afin de ne pas
me tromper quant à la
lettre que nous animons Je vais juste le parcourir
un par un. Accédez au contenu, puis
enregistrez l'ancien ici. La dernière serait de supprimer tout ce qui se trouve au-dessus
du W. C'est bien. OK, c'est bon.
Ensuite, nous devons animer la
propriété path de ces lettres Sélectionnez tout,
recherchez le chemin, puis appuyez sur le chronomètre pour ajouter une image-clé à toutes
les lettres C'est bien, c'est
ma position initiale. C'est parti pour 20 images. Commande Shift, flèche rouge. Faisons en sorte de dessiner une règle afin de savoir
où nous voulons nous arrêter. Au point le plus haut de la
lettre. Peut-être par ici. Si j'anime, allez-y, sélectionnez la
propriété de chemin de ce W et je ferai glisser le chemin
jusqu'en haut Je vais faire la même
chose pour toutes ces lettres. Faire glisser ces tracés
jusqu'en haut pour les
aligner sur ma ligne directrice. Ceci. Ensuite, je vais photographier celui-ci
vers le haut
, puis le faire glisser vers le bas, peut-être par ici, ça marche. Voyons l'animation. C'est notre animation,
elle a l'air plutôt bonne. C'est parti pour 20
images, encore une fois, 12. Ensuite, nous pouvons copier le cadre clé d'origine qu'il revienne à
sa position initiale. Et nous pouvons terminer une
boucle de l'animation ici. Maintenant, il y a une boucle. Montez et descendez, montez et descendez. Et nous devons encore copier
ces trois images clés. Et dupliquez encore une fois. Livré en double exemplaire. Après cette duplication, nous allons animer l'
assouplissement des images-clés Sélectionnez tout, Re, cliquez, accédez à l'assistant keyframe
à la fin, en toute simplicité Accédez à l'éditeur de graphes. Je veux refaire cette courbe de
rebond, assurer que nous sommes dans
le graphique de vitesse Faites glisser ce curseur
pour l'agrandir. Je veux une animation rebondissante comme dans l'
animation précédente
où tout est plat. L'un d'eux est en haut, puis il descend avec un peu de vitesse et de
force pour que nous puissions avoir une animation rebondissante,
une courbe comme celle-ci Quand il
augmente, tout va ralentir. Et puis, quand ça baisse,
ça va s'accélérer. Voyons à quoi ça
ressemble. Oui, je pense que ça pourrait marcher. J'ai juste l'impression que cette partie, lorsqu'elle rebondit, se trouve à
la fin du rebond Quand il frappe, il se peut qu'il
soit trop agressif. Je veux donner un
peu de marge de manœuvre à
cet assouplissement, tout
sélectionner, faire glisser cette courbe
un peu vers l'extérieur , puis faire glisser
cette courbe un peu vers l'extérieur Ce n'est pas si agressif que ça. Essayons si cela fonctionne. Oui, je pense que ça marche mieux. Tracons cette courbe pour
former une forme comme celle-ci. Ici, vous pouvez voir que
le taux d'influence est environ 15 %. Cette partie, je vais également
lui donner 15 %. Pour ce qui est de celui-ci, je vais lui donner 95 %
d'influence. Et celui-ci, je vais le ramener
à 95 %. Je dois également m'assurer,
comme je
manipule la courbe sur toutes ces différentes couches, je dois m'assurer que
je sélectionne
le manche, car chaque poignée
est composée Si je ne clique que sur celui-ci, je risque de ne cliquer que sur une seule couche qui va
gâcher mes courbes. Oui, je pense que ça marche. J'ai juste besoin de dupliquer à nouveau toutes
ces images clés à
la fin pour lui donner
quelques boucles supplémentaires. Chaque fois que je
duplique, je dois corriger une courbe où ma
chronologie actuelle consiste simplement à entrer. Voyons la courbe ici. Je dois le faire reculer d'
environ 15 % d'influence. C'est l'animation que je veux. Dans ce cas, vous en voyez une, elle, elle à la fin, elle n'est pas si agressive que ça. Une autre chose que je peux essayer,
c'est que je pourrais le
faire, disons dès le début. Et si je le poussais
encore plus loin ? Faisons glisser une ligne jusqu'ici. Et puis, au début, je peux tout faire
glisser comme ça. Déplacez le chemin de manière à
ce que tout soit descendu comme ça. Et c'est notre position
de départ. Si je fais la même chose pour ce cadre ici, je pense que je préfère celui-ci. Maintenant, je peux simplement copier cette
image-clé, puis l'ajouter chaque fois qu'elle touche le
bas ici Je ne fais que copier
ces deux images-clés. Ensuite, remplacez
l'endroit où la lettre se trouve afin que nous ayons le nouvel ensemble de positions
pour l'ancienne propriété. Comme ça, ça
a l'air plutôt bien. Très bien, c'est notre animation. Ça a l'air plutôt lisse. J'
aime sa beauté. Maintenant, ce que nous devons faire, c'est décaler l'image-clé.
Appuie sur le clavier. Assurez-vous qu'il est
décalé d'une ou deux
images. Essayons deux cadres. Nous allons décaler ces
images-clés de deux images. Voyons voir, l'animation. Oui, ça a l'air plutôt bien. C'est tout ce dont nous avons besoin en termes
de configuration de base de l'animation. Nous pouvons maintenant combiner ces couches. Appelez celui-ci « suivre l'animation ». Nous pouvons maintenant le dupliquer et ajouter des couleurs en fonction de
nos palettes de couleurs. Pour le premier doublon
ajouté à cette couleur, le suivant
serait cette couleur rose, puis le suivant
serait ce violet plus foncé. Alors la dernière
serait cette couleur ici. Outre la couleur, nous
devons également ajouter un trait. Passez au deuxième duplicata. Passons à Styles de couche et ajoutons un trait en fonction du trait. Je vais le remplacer par
un trait noir,
donner trois pixels. Voyons si trois pixels fonctionnent. Ensuite, une fois que nous avons
ce style de couche, nous pouvons copier cette commande C et la coller sur
les autres couches. Maintenant, chaque couche va avoir un style de couche avec des traits. Je vais déplacer le blanc
jusqu'en haut. Et puis ça va juste
changer l'ordre des choses. Maintenant, cachons celui-ci. Nous pouvons voir toutes ces
couleurs, les unes derrière les autres. C'est une bonne chose. Nous pouvons
supprimer la palette de couleurs. Maintenant, il ne nous reste plus qu'
à décaler la position de chacun
d'entre eux. Passons au second
et décalons-le vers la droite, peut-être 123455 pixels Et puis celui-ci sera 10 123-451-2345,
je Et puis 123-451-2345
Celui-ci fera 15 pixels, puis 20 Nous avons maintenant ces compensations. La prochaine chose que je veux
faire est également de modifier le timing, non seulement en termes de position,
mais aussi en termes de chronométrage. Essayons un décalage d'une image. Les crochets gauches
décalent un cadre. Il y a un décalage, un cadre. Chaque couche est
décalée d'une image. Voyons voir, l'
animation. Je pense que l'animation
elle-même fonctionne, mais j'ai impression que toutes ces lettres
sont tellement entassées. Donc, ce que je veux faire, c'est les
étaler un peu. Allons à l'intérieur. Et alors peut-être
allons-y un peu d'espace. Changeons
celui-ci vers la gauche. Je vais juste espacer un
peu
ces lettres pour qu'
elles ne soient pas trop encombrées en dehors de la
composition extérieure, n'est-ce pas ? Je vais juste les
espacer. Je pense que cela fonctionne. Revenons en arrière et voyons à quoi cela ressemble. Le trait est peut-être trop épais. Je vais le
ramener à un pixel. Ensuite, je vais changer tout le trait en un seul
pixel au lieu de trois. Maintenant, je pense que ça
a l'air beaucoup mieux. Ce n'est plus si lourd. Il a l'air beaucoup plus léger. Je pense que j'aime bien son apparence actuelle. Maintenant, j'ai créé une boucle
ici avec ma plage de prévisualisation. C'est tout avec cette animation
pour le mot suivre. Je vous verrai dans la prochaine vidéo.
14. Se relaxer: Bienvenue dans cette leçon. Dans cette leçon, nous allons
animer le mot, relaxer. Parfois, la chose la plus
productive que vous puissiez faire est de vous détendre pendant cette leçon. Détendez-vous et regardez-moi
travailler sur cette animation. Et il faut manipuler la forme de ce texte avec
un illustrateur. Transférez ensuite la forme dans
After Effects et travaillez
sur l'animation. abord, nous
voulons enregistrer cette copie, puis en dupliquer une
autre sur le côté. Permettez-moi de créer un gros
bloc ici comme arrière-plan. Ensuite, je vais le
dupliquer trois fois. Nous avons trois
formes différentes pour le même mot. Ensuite, pour le premier, je voudrais passer aux effets. Et passons à Warp. Ensuite, nous pouvons accéder
à la propriété Arc. Dans cette option Warp, si vous
cliquez sur ce menu déroulant, nous avons toutes ces différentes
formes que nous pouvons déformer tapant deux, nous pouvons faire l'arc, puis nous pouvons également modifier
le réglage
afin de manipuler
encore plus la forme et de la
déformer comme nous le souhaitons Dans ce cas, essayons de
faire de celui-ci un jeu d'enfant. Pour le premier, je
préfère le squeeze, donc je vais déformer
le groupe encore plus,
peut-être 53 %. Ensuite, je pourrai même modifier la distorsion horizontale
verticale également Mais pour l'instant, je pense que c'est bien de l'avoir symétrique comme
ça pour
le placer au centre là-bas. J'aime bien son apparence. Je vais cliquer sur OK,
et l'enregistrer sous cette forme pour le moment. Et puis pour le second, passons aux effets
et déformons-le à nouveau. Pour le second,
je pourrais
utiliser cette option d'arc ici. Et puis je peux probablement créer quelque chose si je place le groupe dans une
position neutre, peut-être que nous le changerons à 16. Ensuite, faisons une
horizontale jusqu'à 80 %. Cela donnera à notre type cette
forme comme celle-ci. Ensuite, si je veux
faire la verticale, je pense que c'est peut-être trop
pour changer la verticale, alors gardons-le à 80 %. Ensuite verticale sera nulle
, puis le groupe sera
quelque chose comme ça. Je pense que cela fonctionne pour moi. C'est ma deuxième forme. Et puis le dernier,
on va le déformer encore une fois. Nous pouvons également explorer toutes
ces différentes options. Il s'agit d'une option de renflement qui est presque le
contraire de cette compression Tout est
arrondi sur le côté. Ensuite, nous avons également celles-ci, la coque inférieure et
la coque supérieure. Vous pouvez également créer un drapeau. Il y a aussi une vague. Je crois que j'aime bien la vague. Je peux peut-être essayer la vague
et celle-ci a la forme d'un poisson. Le poisson n'est pas
très beau, il est difficile à lire. Et puis il y a cette hausse,
puis l'œil de poisson. Vous pouvez explorer vous-même ces
différentes options. Mais je pense que ce que je vais
utiliser , c'est
utiliser ce drapeau
, puis je vais atténuer un peu
la distorsion. Mais je pense que ce que je vais
utiliser, c'est utiliser une option wave, puis je vais essayer de le faire
de l'autre côté. C'est exactement le contraire de ce que nous avions fait
précédemment. Ensuite, nous pouvons essayer de
faire quelque chose comme ça. Je pense que cela fonctionne pour moi. Cliquons sur, OK, maintenant nous avons toutes ces
quatre options alors que ma forme déformée finale de
ce type détendu fait figure. Alors pour le moment, je pense que je vais juste mettre celui-ci
ici. Mets celui-ci ici. Pour ce qui est de l'animation, nous allons d'abord animer
celle-ci, puis celle-ci 1 seconde,
troisième et quatrième Maintenant que toutes
ces formes sont déformées, je vais simplement les mettre sur mon tableau. Supprimez celui-ci. Je souhaite également mettre ces
trois couleurs sur mon tableau R. Vous vous souvenez comment nous
avons expliqué comment préparer le
fichier Illustrator avant l'animation ? Et c'est ce
que nous allons faire maintenant dans ce projet, passons à Layers. Puis cliquez sur
ce menu déroulant. Cliquez sur Release
to Layer sequence. Nous devons
tout sélectionner, puis
tout supprimer en dehors de la
première couche. Supprimez la première couche. Maintenant que
toutes ces formes sont séparées dans Illustrator, cliquez sur Enregistrer la commande. Créons maintenant un
projet dans After Effects. Cliquez sur Nouvelle composition
Nommez cette composition principale, modifiez la dimension
en 1080 x 108030 images par seconde. La durée sera
de dix secondes. Cliquez sur OK. Nous pouvons importer
notre fichier Illustrator. Va te détendre. Assurez-vous que l'importation est
définie sur la composition, conservez les tailles de couche et décochez
cette séquence Illustrator Ne cochez pas cette case,
puis cliquez sur Ouvrir. Passons maintenant à cette composition
décontractée. Copions toutes les couches
puis
collons-les dans la composition principale. Les trois premières couches
constituent la palette de couleurs. Je peux le désactiver pour le moment. Outre la palette de couleurs, nous avons ces quatre
couches qui représentent quatre formes différentes de notre texte que nous avons importé
depuis Illustrator. Nous pouvons maintenant animer
le premier. Tout d'abord, asseyons-nous sur le clavier pour
afficher la propriété de l'échelle. Maintenant, pour ce qui est de l'animation, je veux animer ce texte 0-100 % et peut-être avec
un léger dépassement. Alors faisons-le. Appuyons sur le chronomètre, puis ajoutons une image-clé Changez l'échelle à 0 %
Passons de 15 images à l'avant. Ensuite, changeons l'échelle à 110 %, puis
avançons à nouveau de dix images, ramenons l'échelle à 100 Et puis reprenons
dix images,
ramenons l'échelle à zéro. Ce
sera notre animation, de
0 à 110 %. Elle va
planer autour de 100 %
, puis y rester pendant
dix images avant redescendre à zéro
et Maintenant, sélectionnons
toutes les images-clés. Accédez à Rec Click
Keyframe Assistant, aussi
simple qu'un éditeur de graphes Assurez-vous que nous sommes dans
le graphique de vitesse. Nous allons juste
modifier l'influence de cette courbe, peut-être jusqu'à 90 %
ici, sur le côté droit. Et puis changez celui-ci pour dire que nous pouvons faire 25 % ici. Faisons simplement glisser les deux
côtés vers le milieu. Ensuite,
nous allons exercer une influence de
25 % et 90 %, ce une influence de
25 % et 90 %, presque symétrique par rapport à ce que
nous avions au début. C'est la courbe que nous
obtenons. Voyons l'animation. C'est l'animation
que nous voulons pour ce texte. Maintenant, ce que nous pouvons
faire, c'est copier l'image-clé C, puis dupliquer sur
les trois autres couches, commande V. Nous pouvons les activer. Appuyons sur le clavier
pour afficher toutes les images clés. Nous ne voulons pas qu'ils
sortent en même temps. Nous pouvons donc découper
ces quatre couches. Et puis cliquez avec le bouton droit sur
Accéder au style de couche, Accéder à l'assistance par images-clés, Séquence de couches. Cliquez sur OK. Nous allons maintenant
avoir toutes ces couches dans la séquence, l'
une après l'autre. Cependant, il se peut que je
souhaite également ajuster la commande. Je ne veux pas que celle-ci
soit la deuxième couche, je veux que cette couche
soit la deuxième. Je dois encore
modifier manuellement l'ordre des couches. Bien que j'aie déjà
créé les couches de séquençage, je vais utiliser
le numéro six ici, puis celui-ci sera le dernier Je souhaite également resserrer ces
couches. Permettez-moi de cliquer sur ce bouton et d'afficher
le titre Action Safe, afin que je sache
où se trouve mon centre. Je veux juste déplacer ma couche et mon texte
directement au centre. C'est bien. C'est
juste au centre. Et puis, quand il disparaîtra, je veux que celui-ci entre pour
qu'ils soient plus attachés. Celui-ci, je vais le déplacer ici
car le point d'ancrage
n'est pas juste au centre. Je voudrais peut-être changer le
point d'ancrage au centre ici. Quand ils disparaîtront,
je déplacerai celui-ci ici. C'est le
point d'ancrage, ça a l'air bien. Voyons maintenant l'animation. Oui, j'aime son apparence. La prochaine chose que nous
voulons faire est de
dupliquer la couche deux fois, puis d'
ajouter deux autres couches de détails à chaque animation. Pour ce faire, accédons deux fois
à la
commande D de la première couche deux fois
à la
commande D ,
puis
configurons-nous sur le clavier. Pour ce qui est de l'animation, je pense que ce que je
veux faire, c'est faire avancer les premières images
clés. Quelques images pour
la deuxième couche. Ensuite, pour le joueur principal, je déplace l'image clé vers l'avant
pour qu'elle soit décalée. Ensuite, ce que je veux faire, c'est
dissocier la propriété d'échelle. Je veux changer l'échelle X
sur la première image-clé pour qu'elle soit 100 %. Même chose
pour celle-ci, à 100 %. Si je change de couleur, vous verrez ce qui se passera
après mes modifications Laisse-moi remplir celui-ci
avec une autre couleur. Nous allons
remplir celui-ci avec le vert, puis nous allons remplir le
haut avec le violet. Très bien, voyons notre
animation pour la première couche. Ce que nous avons fait, c'est
que pour la deuxième couche, qui est la couche verte, nous voulons que cette couche
apparaisse à une échelle de 100 % X. Nous avons donc cette animation de
balayage, presque comme un balayage du centre
vers
les deux côtés Cette animation que nous avons réalisée
à partir de cette image-clé ici, c'est l'animation
que
nous voulons et nous voulons créer la même animation
pour toutes les autres couches Très bien, c'est ainsi que nous
voulons y parvenir. Et puis faisons la même
chose pour ces autres couches. Commande D, dupliquez puis
appuyez sur le clavier. Faisons avancer,
peut-être quelques images. Ensuite, sélectionnons ces
deux couches. Dissociez les
positions x et Y dans l'échelle. Et puis changeons celui-ci
à 100 %, changeons celui-ci à 100 %. Il ne nous reste plus qu'à
changer la couleur de celui-ci. Je ne veux pas que la
couleur soit exactement la même pour toutes ces
différentes formes. Je veux alterner les couleurs puisque la
première contient le bleu, le vert et le violet dans cet ordre. Pour celui-ci, je vais
modifier une autre commande. Probablement violet, vert à bleu. Je vais utiliser du violet
comme couche inférieure ici. Copions alors cette couleur de remplissage. Le vert pourrait se trouver
dans la deuxième couche. bleu pourrait alors être la dernière couche déjà bleue. Voyons l'animation maintenant que certaines
couches sont animées et nous avons également les changements de
couleur C'est bien.
Ensuite, nous allons faire la troisième couche ici. Dupliquez-le.
Appuie sur le clavier. Affichez les images-clés, déplacez celle-ci
un peu vers l'avant. Effectuez un décalage, puis
dissociez la propriété d'échelle. Accédez à la première image clé. Changez celui-ci sur une échelle de
100 % sur l'échelle X, puis celui-ci sur
100 % en X également. Pour celui-ci, je veux que la
couche supérieure soit en vert, puis que
celle du milieu soit en violet, la dernière en bleu. C'est ce que nous obtenons. Oui,
je pense que ça marche pour le moment. Et puis la dernière
chose à faire, vous
appuyer sur le clavier, de
décaler le cadre clé. la première image clé,
je lie la propriété, change l'échelle X à 100 % puis je change l'
échelle X à 100 % Encore une fois, pour
la dernière, je veux que Dans la première image clé,
je lie la propriété, je
change l'échelle X à
100 % puis je change l'
échelle X à 100 % Encore une fois,
pour
la dernière, je veux que la dernière couche soit de couleur verte. La couche du milieu
serait en violet, puis la dernière couche
serait en vert et celle du haut
serait en bleu. C'est toute mon animation. Jetons un coup d'œil. Oui, je trouve que cette animation a l'air plutôt
cool Sélectionnons toutes les couches sauf la commande d'
arrière-plan, Shift C. Appelez cette
animation de relaxation. Nous pouvons maintenant supprimer la
palette de couleurs, puis
dupliquer cette couche, aller dans Effets et trouver
cet effet de bords fins. Inversons ensuite l'effet
des bords fins. Nous pouvons créer cet effet de bords
fins, peut-être le garder à la même taille. Ensuite, nous pouvons déposer
la couche d'origine par-dessus l'effet des bords fins. Réduisez cette
couche comme ceci. Ensuite, si je joue l'animation, nous avons
maintenant une couche supplémentaire sur
les bords avec cette couleur fluo Si je dois ajouter un effet de lueur, passez à la nouvelle couche de
réglage. Et puis trouvons une lueur profonde appliquée sur la couche de réglage. Diminuez à 250,
puis à 0,5 exposition. Voyons à quoi ça
ressemble maintenant. Oui, ça a l'air
plutôt cool avec le décor du globe ce contour en néon et l'
animation que nous avons C'est magnifique. Voilà. C'est ainsi que nous animons l' animation
détendue
de cette leçon Je vous verrai dans la prochaine vidéo.
15. S'abonner: Bienvenue dans cette leçon. Dans cette leçon, nous allons
animer le mot subscribe J'espère que vous
prenez beaucoup de plaisir apprendre ces animations
typographiques N'oubliez pas de vous abonner à notre chaîne Youtube
pour rester au fait des tendances de l'industrie et
découvrir différents trucs,
astuces et techniques pour
améliorer vos compétences en animation. Mon abonné a déjà
été conçu dans Illustrator. Cela va servir
de ligne directrice pour notre conception. Et nous allons
revenir à After Effects pour
commencer à créer ce design
Dans After Effects, créons une composition. Nommez celui-ci à la composition principale. Modifiez la dimension en 13, 50 x 1080. Fréquence d'images. Durée de 30 images par seconde. Cliquez pendant dix secondes. OK, permettez-moi d'importer
notre fichier Illustrator. Double-cliquez sur Importer le fichier
Illustrator, puis importez en tant que. Assurez-vous ici que le
paramètre est défini sur composition,
conservez la taille des couches. Et assurez-vous de décocher
cette séquence Illustrator. Cliquez sur Ouvrir, entrer. Ce sont mes trois couches. Nous avons un texte plus petit ,
puis celui-ci plus grand,
puis l'arrière-plan. Sélectionnons ces
deux petits textes ici. Cliquez sur Créer des formes
à partir d'une couche vectorielle. Nous avons maintenant créé le
plan de ces lettres. Ensuite, nous allons également créer des formes
à partir d' une couche
vectorielle avec ce texte
plus grand. Maintenant, nous avons deux contours, nous pouvons masquer ceux d'origine. Nous avons deux niveaux de contours
pour ces deux mots ici. Si je clique sur le menu déroulant, vous pouvez voir que chaque
lettre est
divisée en son propre groupe. Ensuite, je veux juste
centrer ces deux groupes ici. Passons à une ligne
, puis cliquons sur le centre. Ensuite, nous pouvons commencer à animer la propriété path
de ces couches Sélectionnons les deux, puis
recherchons la propriété path. Appuyons sur le chronomètre
pour ajouter une image-clé à
toutes les propriétés du chemin situées
sous ces deux couches Ce sont toutes les images-clés
dont nous avons besoin pour toutes les propriétés du
chemin. Nous devons déterminer
quelle lettre est laquelle. Car le premier groupe
commence par la fin, premier
groupe est la lettre
E. Ensuite, le dernier
groupe , le groupe neuf, sera la lettre. Essentiellement, nous avons besoin
de copier l'image clé. Supposons que l'image clé soit
copiée sous la
propriété path de la plus grande image. Copiez celle-ci ici, commande
C. Ensuite,
cherchons la plus petite ici. Ce pourrait être le groupe des neuf. Oui, c'est un groupe 9. Ensuite, nous devons le
coller ici. Mais nous devons
avancer de 20 images. Commande : Shift, flèche droite, collons-le dans l'image clé. Ensuite, assurez-vous
de déplacer ce S pour l'aligner sur
la position que nous voulons. Maintenant, si je joue l'animation, vous pouvez voir que mon S
s'anime depuis cette position originale de
cette version courte et audacieuse, jusqu'à cette version
plus grande et plus fine C'est ainsi que nous
réalisons l'animation entre ces deux
polices de caractères, deux épaisseurs Et nous allons faire la
même chose pour chaque lettre. Laissez-moi simplement trouver la deuxième
image-clé de propriété de chemin pour le U, qui sera
le groupe huit ici, c'est le plus grand U.
Et
c'est une image-clé, nous avons besoin de la
commande C, puis nous la collons dans
la propriété de chemin sous le
groupe huit, commande B.
Assurez-vous de la déplacer pour l'
aligner sur la propriété de chemin sous le
groupe huit, commande B. Assurez-vous de la déplacer pour la position
dont nous avons besoin Ensuite, laissez-moi trouver le groupe sept. Pour le groupe sept, nous
avons trois images clés. Nous devons les copier tous les trois. Commande. Allons trouver le groupe 7 ici. Assurez-vous de cliquer sur la propriété
path avant coller l'image clé CommenV, puis déplacez-la
ici, numéro six ici Collez-le ici, déplacez-le ici. Ensuite, nous allons faire
entrer la
cinquième commande par image clé C ici. Déplacez-le ici. Alors, comme le B sera le groupe quatre, commandez C, collez-le
sous le groupe quatre, déplacez-le ici, c'est bien. Groupez trois ici,
commandez C, collez-le dedans. Collez-le, déplacez-le ici. Ensuite, dans les deux derniers groupes, qui constituent le groupe deux, vous avez trois
images clés dans le groupe deux. Déplacez-le ici. Ensuite,
le dernier groupe sera cette image-clé, pour
le passé, il est ici Nous pouvons maintenant masquer
cette couche car nous avons obtenu l'animation
sur l'autre couche. Appuyez sur le bouton Timy.
Voyons l'animation pour le moment. C'est notre transformation entre
les deux états. Je
pense que ça a l'air bien. Il ne nous reste plus qu'à copier
l'image-clé d'origine, toutes ces premières commandes d'
image-clé, puis à passer à 20 images Collez-le pour que nous
ayons une boucle ici. Ça devient grand,
petit et petit. Passons à
l'éditeur de graphes. Sélectionnez tout, n'est-ce pas ? Cliquez. Accédez à l'
assistant Keyframe, c'est facile. Accédez à l'éditeur de graphes. Nous devons manipuler le
graphique comme nous le faisions auparavant. Faites simplement glisser l'
influence ici jusqu'à 95 %. Faisons 95 % d'
influence au centre. Et puis, des deux côtés, exerçons une influence de 15 % ici. Passons à 15 %.
Jouons à l'animation. Oui, pour
voir l'effet, nous devons encore dupliquer ces couches
plusieurs fois. Commandez C, puis
dupliquez. Dupliquez à nouveau. Nous avons donc ces rebonds. Oui, je pense que j'
aime bien l'animation. Permettez-moi de dupliquer
à nouveau pour avoir quatre boucles ici. En termes d'animation,
j'aime l'énergie. J'aime bien son apparence. Ça devrait aller. Je veux juste voir ce qui se passerait si
je dupliquais cette couche. Je vais peut-être faire
quelque chose de chic ici. Permettez-moi de dupliquer deux fois. Ensuite, vous sur le clavier, nous pouvons commencer à partir de la
deuxième image clé. Nous pouvons couper la couche à partir d'ici. Sélectionnez l'option à deux
images-clés dupliquées, crochet
gauche
pour la couper ici Ensuite, nous allons déplacer
la position
de départ des deux nouvelles couches ici. Et puis déplacez celui-ci vers le bas. Déplacez celui-ci vers le haut pour obtenir une mise en page comme celle-ci. Ensuite, jouons l'animation et voyons à
quoi elle ressemble. OK, en gros,
ce que je veux faire c'est ne pas vouloir le chevauchement
qui me donne le vertige. Si c'est le
style que vous
recherchez , je pense que vous êtes prêt à le faire. Mais pour moi, je pense que
je peux encore plus manipuler la courbe pour
avoir une animation similaire. Je pense que ce que je dois faire, te
taper sur le clavier. Permettez-moi d'agrandir la chronologie. Permettez-moi d'ajuster uniquement les
trois premiers ensembles d'images-clés. Les trois premières images-clés toutes ces propriétés de trajectoire sont envoyées
dans l'éditeur de courbes Permettez-moi de supprimer le reste de l'image-clé pour qu'
elle ne soit pas gênante Permettez-moi de supprimer cette couche afin de n'avoir qu'une seule couche
supérieure avec laquelle travailler. Laissez-moi récupérer toutes ces images-clés ,
puis laissez-moi les remettre
à l'image-clé d'origine, l'image-clé linéaire. Puis cliquez à nouveau sur
Keyframe Assistant. C'est aussi simple que nous allons ajuster la
courbe comme nous l'avons fait auparavant. Essayez une influence de 95 % ici,
au centre,
des deux côtés, 95 % d'influence. Ensuite, nous allons avoir une influence
de 15 % au début et à
la fin pour que l'animation corresponde
réellement
à ma première série d'images-clés ou à la première couche. Maintenant, ils devraient avoir
les mêmes rebonds. Cependant, lorsqu'ils changeront, ce ne sera qu'
un grand et un petit. Permettez-moi de dupliquer ces
couches quatre fois, ou trois fois 123, afin qu'elles correspondent
les unes aux autres. Et maintenant je peux
dupliquer cette première couche. Déplacez-le vers le bas pour qu'il
occupe tout l'espace. Laissez-moi faire glisser ces couches vers le bas. Voyons l'
animation. Maintenant
, il n'y a plus de
chevauchement, c'est
donc l'animation que nous avons obtenue. Je pense que je préfère cela sans le chevauchement et tous les mouvements sont
similaires, non ? Donc, une autre chose
que nous pouvons ajouter est : et si nous faisions un décalage
entre ces lettres ? Frappons-nous sur le clavier. Je vais voir si je
peux faire un offset. Permettez-moi d'essayer un décalage d'image. Avançons donc d'un cadre, puis nous allons
le déplacer ici. Et puis un cadre
pour la lettre B. Nous devons copier les
trois propriétés du chemin afin de changer une
lettre dans ce cas. Je vais donc déplacer
ces trois sets ici. Et puis avancez car S est
un set, puis avancez. Car le C va être un
set et continuer à avancer. Pour le R, il y aura
deux sets. Et puis, pour le « je »,
passons à l'étape suivante. Passons ensuite au
B. Ce seront
les trois ensembles ici qui
représenteront une lettre. Et puis optez pour un cadre. Déplacez-les
ici pour
avoir un cadre décalé par rapport
à toutes ces lettres. Je trouve que ça a l'air plutôt bien. Il
ne nous reste plus qu'à commencer par la couche supérieure,
vous sur le clavier. Faisons les mêmes offsets. Commencez par la
première lettre S ici, puis avancez d'un cadre. Déplacez ces images-clés plus loin. Voyons maintenant à quoi
cela ressemble. Ça va
presque ressembler à un effet de vague. Maintenant, nous pouvons simplement supprimer celui-ci et le dupliquer
à nouveau. Posez-le ici pour
ne pas avoir à l'ajuster
une fois de plus, car ces deux couches, en haut et en bas, ont exactement
la même animation. Voyons à quoi cela
ressemble après le décalage. Oui, je crois que je préfère. C'est très doux au toucher
et il y a un rythme. Je pense que j'aime son apparence. Faisons-le,
puis sauvegardons le projet. Combinons les trois
couches en une seule composition. Men of C, nommez celui-ci,
Subscribe Animation. Avant de terminer, nous avons quelques
styles supplémentaires que nous pouvons ajouter. Dupliquons cette
couche une fois. Et puis sur le deuxième calque, cherchons les
effets de saturation des teintes pour celui-ci. Si nous le décalons d'une image, il suffit de déplacer cet anneau d'
une image vers l'avant, nous pouvons changer la teinte
principale et lui donner
une couleur différente de celle du calque d'origine. Changeons la teinte principale. J'aime cette couleur bleue
derrière l'orange, je pense que je vais
opter pour celle-ci. Ensuite, nous pouvons également
atténuer la saturation principale. Et réduisez la luminosité, peut-être à moins 15 sur les deux. Nous avons donc presque une couche de gribouillage en dessous pour
lui donner un effet d'écho Voilà à quoi ça
ressemble. Ensuite, ce que nous pouvons faire, c'est
ajouter un effet de bruit. Allons superposer une nouvelle couche de
réglage ,
puis
ajoutons un effet de bruit, changeons le bruit à 10 % Une autre chose que je voudrais ajouter
est le déplacement des turbulences Maintenant, nous pouvons voir
que tout est déformé. Cependant, nous voulons changer
le montant à peut-être 20, puis nous pouvons réduire la
taille à cinq. Si je zoome, vous
pouvez voir
qu'il y a des bords rugueux autour de chaque lettre pour donner à cet hébergement
un effet de gribouillage En termes d'animation,
passons
à une image clé sur l'
évolution, puis nous pouvons passer cinq secondes
, puis changer le
montant de l'évolution à cinq tours. Voyons à quel point
l'animation est rapide. Vous pouvez voir qu'il y a
une légère animation. Si je passe en pleine résolution, vous pouvez voir les
effets que j'obtiens. Maintenant, je pense que la deuxième
couche est peut-être trop importante. Ça me donne un peu le vertige. Peut-être que je devrais réduire
l'opacité à 35 % ou 20 %. Essayons Eh bien, c'est une option pour vous, vous n'avez pas besoin de l'activer. Je pense que c'est peut-être trop. Si vous ne l'aimez pas, nous
pouvons simplement masquer cette couche. Maintenant, il s'agit de l'
animation après l'
avoir ajoutée dans l'affichage animé des
turbulences Je pense que j'aime ce à quoi cela
ressemble maintenant, il suffit d'ajouter une texture animée pour
terminer cette animation. Maintenant, je viens de déposer
ma texture en ligne. Mettons la texture dedans, agrandissons cette texture
pour couvrir le tout. Ensuite, tout d'abord, il est de couleur blanche, il
faut donc inverser la couleur Cherchons des inverses indiquant que la couleur
devient noire Animons maintenant la propriété
de
rotation de cette texture
sur le clavier Nous allons faire une image
clé au début, puis avancer de
cinq images, 12345 Nous pouvons animer cette
rotation ici, veillant à ce qu'elle soit suffisamment grande
pour couvrir l'ensemble du canevas Ensuite, nous allons
faire une autre rotation, rendant
aussi
aléatoire que possible. Pour cinq images, nous
allons avoir un tour. Ensuite, une fois
ces images-clés, cliquez avec
le bouton droit de la souris, transformez-les
en image-clé de maintien, puis nous pouvons créer une option d'expression, puis cliquer sur le
chronomètre Tapez simplement des boucles. Nous devrions maintenant avoir une texture
qui ressemble à tout le temps. Cette texture est
actuellement trop foncée. Allons atténuer
l'opacité. Peut-être jusqu'à 65 % ou même
30 % de plus, soit 25. Modifions-le à 25 %
de Tony et voyons l'
animation pour le moment. Maintenant, voilà. C'est notre animation complète
pour les abonnés. J'espère que cette leçon vous plaira. Je vous verrai dans la prochaine vidéo.
16. Sueur: Très bien, dans cette leçon, nous
allons animer
le mot « sueurs » Si jamais vous voulez être bon dans un domaine , la pratique est essentielle. Nous mettons déjà notre sang et notre sueur
dans ces animations. Faites confiance au processus
et continuez à vous entraîner. Vous deviendrez un grand animateur avant même de vous en rendre compte Jetons un coup d'œil à notre
storyboard pour les sweats C'est ma parole
et permettez-moi de vous donner un
aperçu du contexte. Juste une démonstration de la façon dont
nous l'avons configuré. Nous avons ici ce rock
test condensé en gras. Passons d'abord à
cet outil de transformation. Cliquez dessus,
puis nous pouvons incliner légèrement
ce bas sur la gauche
, l'incliner. Nous avons maintenant ce texte ici. La prochaine chose
que nous voulons faire est d'ajouter une couleur blanche et changer le contour
en violet. C'est une bonne chose. Ensuite, nous
devons décrire ce commentaire pour
définir ce mot. Et nous pouvons aller sur le
chemin de l'objet, puis décaler le chemin. Une fois le décalage effectué, nous pouvons faire 20
pixels ou dix pixels. Je pense que 15 pixels
pourraient suffire. Nous pouvons cliquer sur, OK, maintenant nous avons ces traits. Cela se trouve dans la lettre elle-même. Nous pouvons dissocier ces lettres. Commande Shift G pour le dissocier. Pour le contour, je
peux changer la couleur, laissez-moi copier ce code couleur hexadécimal Ensuite, nous pouvons changer le contour en
contour violet. Maintenant que ce texte est configuré, il ne nous reste plus
qu'à les rapprocher. C'est ainsi que nous avons
configuré ce texte ici. Maintenant, je peux simplement supprimer
celui-ci et m'
assurer que tout est séparé dans le
panneau des couches. Nous pouvons enregistrer ce fichier
Illustrator. Passons à After Effects. Cliquez sur celui-ci, créez
une nouvelle composition. Appelez ça une composition principale. Faisons 13. 50 x 108030
images par seconde. Cliquez sur OK, ajoutons
notre fichier d'illustration Sweat. Assurez-vous qu'il est configuré pour
conserver la taille des couches. Décochez cette séquence d'
illustrateur ,
puis nous pourrons
entrer dans celles-ci, copier tout le calque, le
coller dans la composition principale C'est une bonne chose pour le moment.
Ensuite, pour l'arrière-plan, me suffit de l'agrandir pour qu'il s'adapte
à tout l'
espace , de verrouiller l'arrière-plan. Déplaçons le tout au
centre de la composition. Nous pouvons également maintenir la touche
commande enfoncée et cliquer trois fois sur
le stylo situé derrière l'outil. Pour chaque lettre, nous avons deux couches
pour chaque lettre, nous pouvons les regrouper. Regroupons celui-ci en S d'abord,
nommons celui-ci S. Ensuite, pour
celui-ci, il y aura
ces deux hommes nommons celui-ci S. Ensuite, pour . Alors ces deux-là seront A. Ces deux-là. Ces
deux seront les. Je ne sais pas pourquoi nous avons
trois couches qui ne contiennent rien.
Nous pouvons les supprimer. Maintenant, nous avons ici le mot
qui semble plutôt bon. Tout d'abord, je pense que dans ce cas, j'ai juste besoin d'animer la propriété d'échelle
de ces couches Frappons S sur le clavier
sur une image-clé à zéro seconde. Avancez de dix images. Je veux voir où se trouve
le point d'ancrage. Et si je le déplaçais plus gros ? Si je change celui-ci
à 150 % de l'échelle ? C'est ce que je comprends
au début. Je pense que ce que je veux,
c'est modifier l'échelle pour la rendre encore
plus petite. Peut-être comme ça. Faisons 35 % quelque chose comme ça à
35 %. Et puis optez pour 20 images. Copiez à nouveau la première
image-clé pour terminer une boucle. Laissez-moi tout sélectionner. Cliquez à nouveau, accédez à Keyframe
Assistant, Easy & Ease. Accédez à l'éditeur de graphiques, assurez-vous que nous sommes bien dans
le graphique de vitesse. Je voulais juste rester
ici avec 95 % d'influence. Faites-le glisser jusqu'à ce que nous voyions que 95
n'a pas besoin d'être exact. Et puis ici, nous le
changeons à 15 %. Ça a l'air bien. Voyons l'animation. Oui, je pense que ça marche. Et puis j'ai juste
besoin de
le dupliquer plusieurs fois. Essayons quatre boucles. Et puis celui-ci, encore une fois, 12, ne fait que dupliquer
ces images clés C'est une bonne chose. Ensuite, nous pouvons décaler les images
clés pour chaque lettre. Décalons-le de deux images. Avancez, deux images. Découvrez à quoi cela ressemble
avec deux images de décalage. Très bien, c'est notre
animation pour la sueur. Il ne nous reste plus qu'à
sélectionner toutes ces couches. Ken, nomme-le. Animation de sueurs. Dupliquons cette
couche plusieurs fois. Nous pouvons maintenant copier
cette palette de couleurs. Laissons tomber notre
palette de couleurs ici. Ce sera
la première couche. Pour la deuxième couche,
je vais utiliser un effet appelé Phil. Changeons la
couleur en vert. Ensuite, pour la troisième couche, nous pouvons la changer pour
cette couleur rose. Ensuite, la dernière
couche peut être
changée en bleu foncé. Disons d'un cadre de
décalage pour ces couches. Je veux juste voir à
quoi ça ressemble. Maintenant, peut-être qu'un
décalage d'image ne suffit pas. Faisons deux images de décalages,
voyons à quoi cela ressemble. Je souhaite également ajouter un trait de style de couche
autour de ces nouvelles couches. Passons à l'accident vasculaire cérébral. Modifions-le pour en
faire deux points, sinon 1,1 point devrait suffire. Copions ce style de calque
, puis collons-le sur
ces deux calques. Maintenant, nous avons un accident vasculaire cérébral
qui se répand. À l'heure actuelle, j'ai l'impression qu'il est
difficile de voir la deuxième couche. Permettez-moi d'en modifier la taille. Modifions-le à 110 %
pour le rendre un peu plus grand. Et celui-ci,
modifions-le à 115 %. Ensuite, le dernier,
changeons-le à 20 %, voyons à
quoi cela ressemble. Oui, je pense que ça
a l'air mieux maintenant. C'est beaucoup plus facile à voir. Une fois que nous aurons ces animations, je veux dupliquer la
dernière couche une
fois de plus , puis utiliser
celle-ci comme ombre. Passons à l'ajustement de l'assemblage de cette couleur de
fond et à l'assombrir. Je dois déplacer la propriété
position et m'assurer que celle-ci
n'a pas de trait. Je veux juste le déplacer
pour qu'il serve d'ombre. Ensuite, nous pouvons supprimer
le style de couche. Celui-ci devrait
ressembler à Drop Shadow ici. Je peux même descendre comme ça. Maintenant, cette dernière couche fait
office d'ombre. Je trouve que ça a l'air plutôt bien. Et la dernière chose que
nous voulons faire,
c'est ajouter un aperçu qui sera également diffusé pour la
première animation sur la transpiration. Allons cliquer sur Revoir le projet d'approvisionnement en
couches. Permettez-moi de dupliquer cette couche
dans le panneau de projet. Alors celui-ci s'
appellera Sweat Outline. Et puis ajoutons le
plan de Sweat à ma chronologie. Passons à l'intérieur de cette couche de
contour. J'ai juste besoin de
cette couche, copier cette couche de contour, puis de la coller dans
cette couche de sueur. Nous pouvons accéder à chaque
couche et copier le fichier Outline Illustrator
dans ma couche Sweat Outline. Maintenant, je peux masquer toutes
ces compositions juste pour avoir mon plan. Maintenant, je peux masquer
ces compositions. Voici ma couche de contour. Ce que je veux faire,
c'est cliquer dessus pour
créer des formes à partir de couches
vectorielles. Ensuite, sous ce groupe de
contenu, nous pouvons désactiver le remplissage
pour n'afficher que le plan. Nous allons faire la
même chose pour celui-ci. Laissez-moi créer le contour
de ces couches. Et puis nous pouvons également masquer toutes
ces couches Illustrator. Cliquez sur le bouton timide. Il ne nous reste plus qu'
à entrer dans chaque contenu. Ensuite, désactivez la couleur de remplissage pour qu'il ne reste qu'
un seul contour. Éteignez-le, éteignez-le. Ça a l'air plutôt bien. qui est de l'animation, ce que nous pouvons faire, c'est
sur le clavier, opter pour 20 images. Je voulais juste m'en aller comme ça. Essayons tout, S, E,
A, puis il se peut qu'il soit trop gros rétrécisse un peu Déplacez celui-ci ici, superposons-les un
peu pour que
chacun soit visible. Je veux juste qu'ils zooment. Je veux également qu'ils
zooment au centre. Je dois donc manipuler
le point d'ancrage. Définissez l'
indicateur de chronologie à la fin. C'est le poste
que nous voulons au final. À ce stade, je
voudrais passer au stylo derrière pour déplacer le
point d'ancrage vers le centre chaque lettre sur laquelle nous
allons zoomer depuis le
centre pour chaque lettre. Voici donc ce à quoi il
ressemble au début. Nous pouvons même le faire beaucoup plus petit et ce sera
notre animation. Sélectionnez toutes les images-clés, assistant
Relic Keyframe, facilitez facilement comme ça Voyons voir si cela fonctionne. Changeons-le complètement,
donnons-lui plus d'énergie. Ensuite, pour la transparence, appuyons sur la touche du clavier. Je voulais juste disparaître
quand il zoome. C'est presque comme
ça, donc il disparaît lorsqu'
il zoome Et pour l'instant, je veux le compenser de deux
images-clés pour chaque lettre. Ce sera l'animation
que nous aurons. Voyons à l'extérieur à quoi
ressemble notre animation. Voici à quoi ressemble le
plan. Je le place juste derrière l'animation que
nous avons déjà. Et vous pouvez voir que le
plan sort en premier. Avant toutes ces animations, je veux juste voir à
quoi cela ressemble si je transforme la couleur du contour en vert au lieu
du bleu foncé, car j'ai l'
impression que c'est difficile à voir. Permettez-moi de simplement échantillonner
cette couleur d'écran ici et de copier le code hexadécimal Je change tout le
contour bleu en vert. Je pense que le vert
est plus facile à voir. Oui, je trouve que c'est
mieux avec la couleur verte. Maintenant, je peux dupliquer ce plan. Mets-le à nouveau ici. Voici maintenant notre dernière animation. C'est tout avec l'animation sur la
sueur. Je vous verrai dans la prochaine vidéo.
17. C'est de l'art: Bon retour. Dans cette leçon nous allons
animer cette phrase C'est de l'art. J'aime tellement
cette phrase. Cela me rappelle que
nous travaillons sur de l'art. Et nous utilisons notre art pour
contribuer à la culture. La culture est façonnée par l'art, alors utilisons notre
créativité pour créer d'autres arts incroyables afin de
façonner notre culture. Ici, nous avons notre texte
dans le fichier Illustrator. Nous allons importer ce fichier
dans After Effects. Passons à After Effects, pour créer une nouvelle composition. Nommez celui-ci à main com 13 50 x 108030
images par seconde. Pendant dix secondes, cliquez sur. D'accord. Importons notre fichier
Illustrator. Et assurez-vous de
changer celui-ci en
Composition Retain Layer Sizes. Et regardez cette séquence d'
Illustrator. Cliquez sur Ouvrir. Allons à l'intérieur. Nous avons maintenant quatre couches. Tout d'abord, je veux juste
animer le premier mot. Nommons ma couche. Ça y est, ça a l'air bien. Tout d'abord, avant
de faire l'animation, nous devons établir
quelques directives. Passons donc à la commande
R. Pour ouvrir notre règle, je dois tirer une règle pour l'attacher à
la ligne de base de mon mot. Ensuite, je dois tirer
une règle pour l'attacher
au sommet afin de connaître
ma position initiale, la hauteur de mon texte d'origine. Et autre chose, lorsque
nous animons le mot le plus gros, nous devons déterminer hauteur de ce mot,
n'est-ce pas ? Alors je réfléchis, je pense que le plus grand que
je puisse faire, chaque mot
sera aussi grand Je vais juste prendre
mon guide ici. C'est ma position
pour le texte plus grand. Ensuite, nous avons également besoin d'une position
pour un texte plus petit. Pour ce qui est du plus petit, je vais juste faire
glisser un guide ici. Et ce
sera mon plus petit texte, peut-être environ la moitié de la
hauteur de mon texte original. Voici donc toutes les
directives que nous avons. Allons animer mon premier mot. Appuyez sur le clavier pour
afficher la propriété de l'échelle. Appuyez sur le chronomètre
pour ajouter une image-clé. Nous allons ajouter une
anticipation à cette animation. signifie que si ce mot
prend de l'ampleur, nous devons d'
abord le réduire avant qu'il ne prenne de l'ampleur. Avancez, cinq images,
tout ce que nous allons
animer par incréments
de cinq L'anticipation et le
dépassement seront espacés de
cinq images Et puis l'animation
réelle sera de 15 images. Souviens-toi juste de ça.
Avancez de cinq images. 12345,
Réduisons-le à 115. Il y a quelques chiffres
dont nous devons nous souvenir. Tout d'abord, il s'agit du numéro d'
anticipation 115. Avancons
15 images, 12345. Ça fait 15 images. Nous allons le rendre encore plus important. Cependant, la hauteur n'
est pas assez élevée, je dois
donc dissocier
la propriété ici, agrandir cette échelle Y comme ça et la relier à nouveau Ce sera
notre position finale. Cependant, je dois
faire un dépassement. Examinons à nouveau 45 images. 12345. Cela va copier
cette dernière image-clé que nous avions, V. Ce
sera ma position finale Cependant, pour le dépassement, je vais juste l'agrandir
légèrement pour qu'il dépasse avant
qu' il ne se mette en position. C'est ma première
animation. Petit, grand. Et puis redescendez
sur l'assistant Click Frame. Facile. Accédez à l'éditeur de graphes
en termes d'influence, essayons d'influencer 75 % sur l'anticipation et le
dépassement, puis nous allons avoir 90 % d' influence sur l'animation
elle-même Ce graphique plus grand
est donc l'animation réelle. Assurez-vous également que vous modifiez le graphique de vitesse de manière à ce qu'il soit
90, puis nous allons en
faire 75 ici
, puis 75 ici. Passons en revue l'animation. Oui, j'aime cette énergie
ici. Ça a l'air bien. Maintenant que le premier mot est trop gros et couvre mes deux
autres mots, je dois réduire
le nombre des deux autres mots. Allons ajouter un objet nul, assurez-vous qu'il se trouve dans le coin
inférieur droit de mon texte, puis
sur la ligne de base. Sélectionnez le dernier mot clé,
associez-le à la valeur nulle. Appuyez sur le clavier pour la propriété d'échelle. Je
veux faire la même chose. Faites une anticipation,
dans ce cas, cela va grossir ici, puis je vais
faire un dépassement,
devenir trop petit, puis la position finale se
situera par ici Je dois ajuster mes directives relatives
aux
petits textes pour m'assurer qu'elles correspondent
à mon dernier petit mot. Ce sera
mon petit mot. Si je dois sélectionner les
quatre images clés. Passons à mon exemplaire simplifié. Branchez, appuyez sur le bouton Copier puis
collez l'assouplissement ici. Voyons l'animation. Oui, ça a l'air plutôt
organique, plutôt fluide. Je l'aime bien maintenant. Il suffit de maintenir cette
scène pendant cinq images, 12345, d'
ajouter une image-clé à l'
échelle du zéro et une image-clé à l'
échelle du premier mot C'est bien, nous
allons rester ici. La prochaine chose que nous
allons faire est d'agrandir le
deuxième mot. Nous allons
ramener
ce premier mot à sa position
initiale. ce
faire, nous pouvons copier les quatre premières images clés,
puis coller
ici M V, puis cliquer sur Accéder à la dernière option assistant d'
images-clés, puis sélectionner l'image
clé inversée dans le temps , qui
est la dernière Je ne suis pas sûr que vous
puissiez voir mais c' la dernière commande, les images-clés
inversées temporelles, nous allons avoir
exactement la même animation Cependant, cela inverse l'animation
que nous avions. Le premier mot revient
à sa position initiale. Faisons de même pour
la commande d'objet nul C, puis commande V, puis passons
aux images-clés Red Click, Assistant Time
Reverse En gros, il s'agit d'inverser
nos images clés. Et puis, voyons
voir, l'animation. Le seul problème, c'est qu'
au deuxième essai, j'ai besoin de ceci, mon
deuxième mot prenant de l'ampleur. Ajoutons une image clé à
la propriété
d'échelle de mon deuxième mot. Faisons une petite très légère anticipation jusqu'à un,
15 %, puis nous
allons juste faire
le maximum, comme ça. Faisons le lien entre les propriétés
ici, établissons
l'échelle de position large comme ceci, puis nous allons la relier
à nouveau. Revenons en arrière, assurons-nous qu'il
dépasse un peu Et ce sont là les éléments
clés de mon deuxième mot. Nous allons copier l'assouplissement. Copiez puis collez
l'assouplissement ici. Voyons l'animation. Oui, je pense que ça marche. Bien que je doive également réduire
ces deux mots. Parce que maintenant que le mot
du milieu est trop gros, il recouvre le mot
secondaire juste ici en position finale. Je vais juste le rendre plus
petit, comme ça. Le problème est que nous ne pouvons pas
ajuster l'analogie. Parce que si nous ajustons
le
journal ici, mon
deuxième mot se rapprochera. Pour ce faire, nous
ne pouvons animer la propriété d'
échelle de ce troisième mot ici qu'à partir de
cette position d'origine Essayons également de le
prévoir, peut-être à 115, puis ici, en le
réduisant à une
taille similaire à celle de mon premier mot ici. Puis copiez cette image clé. Donnez-lui un dépassement,
quelque chose comme ça. Et puis laissez-moi copier à nouveau
l'assouplissement , le
mettre ici,
voyons l'animation. Oui, je pense que ça marche. C'est une bonne chose. Et puis avançons de cinq images
pour le maintenir ici. Maintenez le tout pendant cinq cadres. C'est une bonne chose. Ensuite, nous allons animer
le troisième mot Arts, agrandissez-le. Avançons à nouveau de
cinq images. 12345. Je vais juste
faire une anticipation. 15 images, c'est trop grand, peut-être comme celui-ci. Et puis dissociez la propriété. Changez les hauteurs,
reliez-les à nouveau. Optez pour cinq images, copiez cette dernière image clé, c'est l'état final. Et puis le deuxième, le dernier, nous pouvons faire
quelques dépassements. L'agrandir, c'est bien. Maintenant, le nôtre est trop grand, nous devons
donc
le réduire à nouveau. Pour le rétrécir,
il faut d'abord que je le réduise, presque de la même taille
que mon premier mot. Dans ce cas, nous allons faire une anticipation, puis
la réduire comme suit. Cependant, si je le fais de cette façon, nous allons avoir un gros écart. Si je désactive l'illustration
, il y aura un grand
écart entre ces deux mots. Ce n'est pas ce que je veux. Le
problème est mon point d'ancrage. Cependant, je ne peux pas modifier mon point d'ancrage car
si je
le change, le premier lot d' images-clés ne fonctionnera
plus. Dans ce cas, nous
devons diviser la couche. Là où j'en ai besoin, ici. Je dois diviser cette
couche de commande,
puis enregistrer toutes mes images-clés que j'avais dans la partie
précédente À partir de maintenant, je vais utiliser une
nouvelle couche pour contrôler cette lettre ou ce mot avec une nouvelle position
de mon point d'ancrage. Maintenant, j'ai déjà divisé ma couche. Je peux supprimer ces deux images-clés car elles se trouvent sur le calque
d'origine, elles ne fonctionnent plus. Allons-y comme sur le clavier, changeons le point
d'ancrage dans le coin inférieur gauche,
peut-être par ici. Et ensuite, faisons un
survol. Ça a l'air bien. Et puis si je réduis la
taille de mon deuxième mot, vous pouvez voir
que si je désactive mon dessin, il se
rapproche en fait de mon premier mot. Je ne sais pas ce qui s'est passé
avec ma base de référence. Ça ne s'aligne pas.
Oui, ça devrait marcher. Le truc, c'est que je
dois juste m'assurer que mon point d'ancrage est juste au-dessus de ma ligne de base afin de mieux aligner la lettre. Je dois aller à Pen Pine pour m'assurer que c'est conforme à
la ligne de base. Lorsque je réduis
la taille, cela fait un dépassement C'est une bonne chose. C'est
l'animation du deuxième mot à venir. Il se peut que je doive placer ce point d'
ancrage un
peu plus vers la droite pour qu'
il y ait plus d'espace entre
les deux premiers mots. Oui, il suffit de le mettre juste sur le bord de ma lettre.
Cela devrait fonctionner. Oui, ça marche pour moi. Laisse-moi remettre en marche l'œuvre d'art. Cependant, vous voyez que l'
œuvre d'art est trop grande. J'ai encore besoin d'un autre objet
nul. Allons chercher un
nouvel objet nul. Assurez-vous que cela commence à
partir d'ici à ce stade. Ensuite, nous allons déplacer cet
objet nul jusqu'
au coin inférieur gauche et nous allons associer le et ceci
à cet objet nul sur le
clavier pour l'objet nul. C'est animer la propriété
scale. Faisons un dépassement
de 110. C'est une bonne chose. Et puis quand il
redescend, je dois le faire glisser jusqu'au bout, comme ça, plus petit par ici. Peut-être ceci. J'utilise ce nouvel objet
nul pour contrôler à la
fois le premier mot
et le deuxième mot. Et j'utilise le deuxième
mot avec une nouvelle couche, une couche divisée pour se
contrôler avoir la même
taille que mon premier mot. Ensuite, l'objet nul contrôle les deux mots
ensemble pour réduire la taille. Permettez-moi de copier mon influence. Passons à la
couche d'origine du clavier. Je veux juste copier l'influence. Copiez ici. Et puis
placez-le sur cet objet nul. Je veux aussi le mettre ici. Voyons l'animation pour le moment. Mettons-le également ici. Voyons l'animation.
C'est notre animation pour le moment. Nous allons maintenant
continuer à
animer, remettre tout dans
son état d'origine Car les arts étaient mes arts. Je veux juste le garder
ici pendant cinq images. 12345 pour tout. Appuyons sur l'image clé. C'est une bonne chose. Ensuite, nous avons
ces images-clés ici. Je n'ai pas besoin de celui-ci. Nous pouvons maintenant tout animer
à nouveau dans sa position normale Avancez à nouveau de cinq images. 12345, faisons un
léger dépassement, puis nous allons faire
un dépassement pour Ensuite, 15 images, 112345, l'œuvre d'art va
revenir en arrière, puis ce
sera le dépassement Ce sera
la position initiale. Cependant, j'ai besoin que cela
devienne également un sur neuf. Et puis le dernier
deviendrait 125. 125. C'est la taille originale
de mes œuvres d'art. C'est une bonne chose. Et puis celui-ci va
prendre de l'ampleur comme ça. C'est ma position finale. Je vais juste faire un dépassement par
ici. Légèrement plus grand C'est une bonne chose. Pareil, il
faut copier l'influence. Revenez toujours aux
quatre images clés d'origine pour
copier l'influence. Il suffit de les copier pour
accéder à ces nouvelles images clés. Je pense que cela fonctionne.
Ensuite, nous pouvons définir la plage de prévisualisation. Voyons l'animation dans son ensemble. Je dois juste m'assurer cette
échelle proportionnée pour le remettre en place. Si c'est 72, je dois le
remettre à 72,6 ici. Remettez l'échelle à 72,6 pour
qu'elle soit proportionnée. Voilà. C'est notre
animation pour. C'est de l'art.
18. Texture et bruit: Ensuite, nous pouvons simplement
ajouter une texture animée
et terminer. Maintenant, j'ai ma
couche de texture ici. Laissez-moi retrouver ma texture. Je veux d'abord l'
appliquer à mon premier mot, faire pivoter cette texture
R sur le clavier, puis la faire pivoter,
peut-être la mettre ici. Passons du
mode de fusion à une lumière douce. Je voulais juste couvrir
ma couche de texte ici. Je vais utiliser cette couche de texte
comme alpha mat pour ma texture. Passons à Track select
la couche numéro sept. De plus, je dois
activer cette couche. Voici à quoi ça
ressemble après la texture. Et puis c'est
sans texture. Je trouve que ça a l'air
plutôt cool avec la texture ici,
ça me va. Ensuite, je vais
dupliquer cette texture
et la mettre au-dessus de mes œuvres d'art. Alors partons à la recherche de Matt. Assurez-vous qu'il est défini sur cette
quatrième couche appelée Arts. Nous avons maintenant cette
couche de texture au-dessus de mon texte artistique. Je peux rendre cette texture
plus petite, encore plus petite. Peut-être le faire pivoter un peu plus. Donnez-lui juste une bonne position. Assurez-vous également d'activer
cette couche artistique, sinon elle sera difficile à voir. Laisse-moi le réduire.
Mets-le ici. Je veux juste le faire pivoter dans
une direction,
quelque chose comme ça. Et ensuite, agrandisse-le un peu. Je peux également dissocier la
propriété d'échelle pour peut-être la modifier, allonger la texture
comme ça, que le motif soit
plus évident à l'intérieur Je crois que je préfère celui-ci. Ensuite, je vais juste l'élargir un peu pour
couvrir l'ensemble de mon texte ici. Et puis faites-le pivoter comme ceci. Peut-être le changer à huit,
je pense que cela fonctionne. Oui, j'aime bien son apparence. Ensuite, nous
devons également le parentaliser. Je vais créer la
texture avec ma couche artistique. Ensuite, la première
texture sera le parent de cette couche qui se déplace
avec la texture, n'est-ce pas ? Ensuite, je vais
dupliquer à nouveau la texture. D,
mets-le au-dessus du deuxième mot. Je vais le mettre
au-dessus du deuxième mot. Assurez-vous que le tapis de piste est réglé sur la couche huit pour celui-ci
, puis sur la couche six car nous avons
deux couches différentes. Pour le deuxième mot, nous devons également activer le
deuxième mot pour celui-ci Passons du mode de fusion
à un autre mode de fusion Nous pouvons peut-être essayer une lumière dure, laissez-moi essayer une
lumière dure ici. Maintenant, nous pouvons voir que cela devient une couleur noire au lieu d'
une couleur beige auparavant. Et si je réduisais l'
opacité ? Ensuite, nous pouvons également réduire
cette couche, déplacer ici, changer l'échelle. Manipulez simplement la texture
pour qu'elle soit belle. Je trouve que cette texture
est plutôt belle. J'aime son apparence actuelle. Je veux juste m'
assurer que celui-ci est transmis à la huitième couche ici Ensuite, je vais le
supprimer, dupliquer, m'assurer que celui-ci est apparenté
à la couche six Voici maintenant l'animation
après avoir ajouté la texture. Je pense que j'aime ces
textures dans l'ensemble. Et maintenant, je
veux juste
terminer en faisant encore
quelques choses. Couche de réglage quant
à un effet de bruit, mettons-le à 10 %
. Il reste plus qu'à ajouter
un affichage des turbulences Changez-le en
20, peut-être en 5. Faisons ensuite une animation
sur l'évolution. Appuyez sur l'image clé ici. Appuie sur le clavier. Faisons six rounds. La dernière chose que nous allons
faire est d'ajouter une autre
texture que nous avions. Mettons-le ici
et agrandissons-le. Apportons quelques modifications de
rotation à ma texture, que certaines
rotations modifient. Sélectionnez tout,
cliquez avec le bouton droit de la souris sur l'ensemble de l'image clé, puis ajoutez une
expression appelée loopout. Nous allons maintenant
faire
animer cette texture tout
le temps. Nous devons inverser cette texture. Nous avons déjà
parlé de la façon d'animer texture dans l'une des
autres leçons, n'est-ce pas ? Je vais juste le
faire rapidement ici. Nous sommes en train d'inverser la couleur. Ensuite, nous allons
appuyer sur le clavier réduire l'opacité. Passons maintenant au
mode de fusion à l'écran. Voici maintenant l'animation finale avec quelques textures et quelques effets de déplacement
turbulents. Cela rend notre
animation dans son ensemble vraiment stylisée
et vraiment sale Voilà. C'est ainsi que
nous créons cette animation. J'espère que ça te plaira. Je
vous verrai dans la prochaine vidéo.
19. Exporter des gifs: Très bien, dans cette vidéo, je
vais vous montrer comment nous pouvons exporter notre
animation en cadeau. Et nous pouvons le partager en ligne. abord, lorsque nous parlons de cadeaux, la
plupart des cadeaux sont en boucle Nous devons
donc nous
assurer que notre animation est une boucle fluide
avant d'exporter J'ai déjà expliqué comment procéder dans la leçon précédente. Vous pouvez vous référer
à cette leçon où nous avons expliqué
comment créer une boucle fluide à
partir de notre animation. Et le principal est
que nous devons définir points de prévisualisation avec le raccourci du
clavier, qui est B. Et si je veux
exporter cette vidéo de
zéro seconde à 1 seconde, je peux simplement la régler de 0 à 1 lorsque mon
indicateur de chronologie est à zéro Je vais utiliser le clavier,
comme vous pouvez le voir ici. Ensuite, je vais passer à 1 seconde. Appuyez sur N sur le clavier, et voici ma plage de prévisualisation. Ce
sera la plage à partir de laquelle ma vidéo
sera exportée. Nous devons simplement nous assurer que dans cette plage, notre
animation est en boucle qui est de cette animation, si je la joue, je
pense qu'elle est en boucle, même si la texture
peut ne pas être en boucle Mais je ne pense pas
que ce soit un problème. Parce que la texture change
toujours de manière aléatoire. Cela n'affecte pas notre animation en ce qui concerne le point
où elle tourne en boucle, lorsque tout se calme. Si je tape sur le clavier, c'est le point final
où je peux le faire tourner en boucle. Si je joue, je pense que cela s'est très bien passé avec ma
position finale par ici. Ce sera donc la
zone où je vais exporter un cadeau basé sur votre
animation et votre vidéo. Juste pour s'assurer qu'il
n'est pas nécessaire
de commencer à zéro seconde, comme nous en avons parlé dans la leçon d'animation en
boucle Vous pouvez le démarrer au milieu environ 15
images ou même 1 seconde. Tant que vous avez une zone animée
en boucle, nous pouvons commencer à l'
exporter sous forme de cadeau Cette plage d'aperçu étant
définie dans ma chronologie, je vais passer à la composition. Allons ajouter à Adobe
Media Encoder Q. s'agit d'un autre logiciel
d'Adobe, Il
s'agit d'un autre logiciel
d'Adobe,
principalement destiné
à vous aider à exporter L'encodeur Adobe
Media est maintenant ouvert. Allons sélectionner
ce menu déroulant. Vous pouvez le voir ici,
c'est un format cadeau animé. Vous pouvez également
l'exporter au format H 264, qui est un format vidéo normal. Ou vous pouvez l'exporter en cadeau. Il existe un tas de formats
différents, mais dans ce cas, je vais opter
pour les cadeaux animés. Et il y a aussi un
préréglage ici. Normalement, nous ne
modifions aucun des paramètres
du préréglage. Et il y a aussi un emplacement
de sortie. Allons sélectionner
celui-ci ici. Je vais juste créer un dossier de sortie, puis je vais appeler celui-ci. C'est Arts. Allons cliquer sur Safe. Il est maintenant prêt à être exploité. Je vais simplement cliquer sur
ce bouton Play ici. Cela transforme notre fichier
en cadeau animé. Une fois que c'est fait,
passons à mon dossier ici, passons au dossier de sortie. Et c'est parti.
C'est notre cadeau. Si je le réduis, vous verrez qu'il est plutôt
beau. C'est ainsi que nous exportons
une vidéo au format cadeau. Voyons quelle est sa taille
en ce moment. Parfois, lorsque vous l'exportez directement
depuis l'encodeur Adobe Media, le cadeau est énorme À l'heure actuelle, 100 mégaoctets,
ce qui est trop gros. Et si ce n'est pas le genre
de cadeau que vous recherchez, passons à Photo. Nous pouvons ouvrir Photoshop et déposer
celui-ci dans Photoshop. Passons à File for Web. Je veux juste voir si nous pouvons taille de ce fichier parce que 100 mégaoctets, c'est trop gros
pour un cadeau ici Cela activera
la fenêtre
Web et
s'assurera qu'elle est configurée pour fenêtre
Web et
s'assurera qu'elle est configurée Nous avons ces
paramètres que nous pouvons contrôler si la taille est trop grande. Une chose que nous pouvons faire est réduire la
taille globale de notre animation. Il n'est pas nécessaire que ce soit aussi gros. Si nous optons pour 50 %, le rendu sera
à 675 bits, 540 bits et cela réduira
considérablement
la taille de notre cadeau Vous pouvez le voir
ici, mon Photoshop calcule maintenant avec
50 % de la taille d'origine, le poids du fichier est
descendu à 16,51 mégaoctets Je pense que c'est une bonne taille maintenant. Cependant, si
vous souhaitez le réduire encore, vous pouvez modifier
tous ces autres paramètres en termes de couleur. S'il n'y a pas
beaucoup de couleurs dans votre animation, vous pouvez essayer, peut-être de changer la gamme de 64
couleurs en 32 et voir si cela
change quelque chose. Il faut parfois
trouver un équilibre entre la qualité et
le poids du cadeau. Dans ce cas, une fois que nous avons modifié le paramètre de couleur à
32, rien ne change. Tout semble toujours pareil. Cependant, le poids
du fichier a diminué. Encore une fois, c'est une victoire pour moi. Je peux également modifier ici
tous ces différents paramètres. Vous pouvez essayer chacune d'elles et voir si nous pouvons toujours conserver la même qualité tout en réduisant
la taille du fichier. Mais je pense que je suis content de
ce que j'ai en ce moment. Je peux simplement cliquer
sur Safe, puis l'exporter vers
ce dossier de sortie. Appelons celui-ci. Numéro deux. Passons à notre dossier ici. C'est notre nouveau cadeau, qui est de 12 mégaoctets C'est une bonne taille. Et puis
la taille est beaucoup plus petite. C'est la moitié de la taille
de mon cadeau original. C'est une façon native d' exporter sous forme de cadeau. Il existe également d'autres plugins comme Gift Gone et
d'autres que vous pouvez télécharger et installer
dans After Effects pour vous faire gagner du temps lorsque
vous exportez les cadeaux. La plupart du temps, je me retrouve utiliser Photoshop pour l'
optimiser au lieu d' utiliser les plugins
et de revenir à où nous avions l'export
avec Adobe Media Encoder Vous pouvez également cliquer
sur cette annonce pour afficher que au lieu de l'encodeur
Adobe Media De cette façon,
tout sera affiché dans After Effects. Il ne va pas ouvrir
un autre logiciel. Le problème, c'est que si
vous effectuez un rendu ici, si le temps de rendu
est trop long, vous ne pourrez
rien trouver dans After Effects. Il y a toujours un compromis si nous cliquons sur cette
haute qualité ici, nous n'avons pas vraiment d'
option cadeau dans ce rendu. Cependant, la plupart
du temps, vous pouvez faire une vidéo H 264 puis
cliquer sur OK. Rendons cette vidéo
dans mon dossier de sortie. Il suffit d'appeler celui-ci, This is art P 4, et de cliquer sur Render. Nous allons maintenant avoir
cette vidéo de MP Four. Nous pouvons ouvrir cette vidéo dans Photoshop, puis utiliser la
même méthode que nous venons de le
faire, en allant sur Enregistrer pour le Web. Ensuite, nous pouvons à nouveau optimiser notre cadeau
dans cette fenêtre. Bien, ce sont
les deux manières dont nous pouvons exporter et
optimiser notre cadeau. Ces deux méthodes vous
permettront de
contrôler dans une certaine mesure votre qualité
ainsi que le poids des fichiers. Vous pouvez les tester et voir quelle méthode vous convient le
mieux. C'est tout pour cette leçon. Je vous verrai dans la prochaine vidéo.
20. Félicitations !: De l'herbe à la fin de ce cours. J'espère que vous avez pris
autant de plaisir à animer ces typographies que moi Ces animations offrent
de nombreuses possibilités. Vous pouvez personnaliser les polices de caractères pour obtenir une apparence complète et
différente Vous pouvez même ajouter
des textures et peut-être des
couleurs de calibrage et des gants Soyez simplement créatif et voyez
quel style vous pouvez créer en combinant
certaines de ces techniques. À partir de là, j'espère que vous
pourrez terminer quelques-uns de vos
projets d'animation de type et les télécharger dans la section
des projets de ce cours pour partager avec vos
camarades et obtenir des commentaires. Mon objectif pour ce
cours est de
vous montrer les différentes
techniques que nous pouvons utiliser pour animer ces typographies et les possibilités en
changeant les choses Si vous aimez ce cours, n'
oubliez pas de me laisser un commentaire. J'aimerais connaître vos commentaires et savoir comment ce cours vous
a aidé. Si vous n'avez jamais utilisé
After Effects auparavant. J'espère que ce cours changera la
donne et que vous
constaterez que le soufre en lui-même n'
est pas si difficile à apprendre et que l'animation est
facilement réalisable J'espère que ce cours vous
incitera à en apprendre davantage sur le motion
design en général. Nous avons également une
chaîne Youtube sur laquelle nous partageons des conseils,
astuces et techniques d'animation. Chaque semaine, vous pouvez nous suivre sur Motion Circles sur
Youtube et Instagram. Si vous avez des questions
pendant le cours, n'hésitez pas à me les poser. Je suis là pour répondre à
toutes vos questions et vous guider
en cours de route. Merci beaucoup d'
avoir suivi ce cours. Je te verrai dans le prochain.