Transcription
1. Introduction du cours: Si vous me demandez pourquoi l'
animation du logo est importante, je vous dirai que c'est important sous deux
angles. vue du concepteur,
il peut
augmenter considérablement les chances que
votre logo approuvé par le client. Bien que le logo esthétique soit logique et animé, on
a plus de sens. [MUSIQUE] Du point de vue de la
marque, donner vie au logo grâce à l'animation peut
se connecter davantage avec le client et
rendre le logo plus mémorable et plus attrayant
pour ses clients. Bonjour, tout le monde.
Je m'appelle Adam. Je suis un
designer animateur professionnel. J'ai commencé à travailler
par intérim avec de nombreuses entreprises
telles qu'une compagnie aérienne et j'
ai une agence et Facebook. Maintenant, je suis freelance
et créateur de contenu à plein temps. Mes projets les plus récents sur lesquels
je travaille actuellement sont une
série animée sur le Web intitulée Jenny, mais c'est pour une autre histoire. Vous êtes ici pour en savoir plus sur les principes
de base de l'animation de logo. Dans ce cours, vous découvrirez les
choses à faire et à ne pas faire
de l'animation de logo, essentiellement les
meilleures pratiques d'animation de logo. Vous découvrirez ensuite
les principes
de base de l'animation du logo. Pour ce cours, vous
aurez deux projets. Une animation simple de révélation et de
disparition, et une autre est une animation
de personnages plus
avancée d'un type logo ou d'une carte du monde. Ce cours s'
adresse aux débutants absolus en animation de logo, mais les connaissances de
base d' Adobe After
Effect sont très utiles, comme vous savez comment exporter des
projets et After Effects. Pour ce cours, vous aurez
besoin d'Adobe After Effects, bien
sûr, vous aurez
besoin de deux scripts gratuits. Le premier est
le Duik Bassel, et l'autre est Rift. C'est tout pour l'
introduction, les gars, et je vous verrai dans la première leçon.
2. Projet de cours et ressources: Maintenant, pour ces projets de classe, nous avons deux projets, comme je l'ai dit plus tôt. Le premier est un simple
logo qui se révèle et disparaît. La raison pour laquelle j'ai
choisi celle-ci est vous
familiariser
avec les images clés, les easins et
le graphique de vitesse, et c'est très important, surtout si vous commencez
tout juste. Le deuxième projet sera une
animation de personnages plus complexe d'un logotype. La raison pour laquelle j'ai choisi ce deuxième
projet spécifique est que les techniques que vous
apprendrez ici peuvent être appliquées à n'importe quelle lettre, et vous pouvez également
les appliquer à des objets. deux objets simples
sont des objets complexes. Ce que je veux que vous fassiez maintenant,
c'est d'aller de l'avant et de télécharger le projet à partir du
projet et des ressources. Vous trouverez ici tout ce que vous devez suivre avec moi tout au
long du cours et vous trouverez également
le projet final
au cas où vous ne
savez pas ce que j'ai fait ou si vous avez besoin d'aide, j'ai inclus la finale projet également. Donc, ce que je veux que vous
fassiez maintenant, c'est d'aller de l'avant et télécharger Duik Bassel à partir d'ici. Ensuite, vous allez sur leurs sites Web officiels
et vous n'avez qu'à le télécharger. Ensuite, vous allez sur aescripts.com et vous téléchargez également le script de
rift. Vous voyez 29,99 ici.
N'ayez pas peur. Il suffit de mettre 0, puis
de mettre ajouter au panier. Fondamentalement, vous vous connectez simplement
au site Web comme si vous
aviez acheté quelque chose. Ils vous enverront un e-mail
avec le lien de téléchargement puis vous
le téléchargerez Une fois que
vous l'aurez, vous voudrez peut-être décompresser le fichier, double-cliquez ici
et vous trouverez celui-ci, le Duik Bassel.2.jsx. Extrayez vers, puis
copiez le fichier ici. Il s'agit donc du chemin d'accès, si vous êtes sous Windows, et c'est le
dossier de chemin si vous êtes sur Mac. Même chose pour la faille, vous l'
installez de la même manière. Ensuite, ce que vous voulez faire avant de
travailler avec les scripts, vous voulez aller à la section Modification, préférences, scripts
et expressions. Assurez-vous ensuite de cocher Autoriser les scripts à écrire des fichiers
et à accéder au réseau. Cliquez ensuite sur « OK », et
vous êtes prêt à partir. Mon astuce pour terminer le projet
est simplement de le faire facilement. Ne vous étirez pas. Il suffit de suivre avec
moi et d'essayer de comprendre pourquoi nous prenons de telles décisions au lieu de simplement
suivre aveuglément. Alors, assurez-vous de
tout préparer. Assurez-vous d'ouvrir Creative Cloud et de télécharger le projet et de vous voir
lors de la prochaine conférence. Nous parlerons d'instructions sur
le logo.
3. À propos de la restriction du lot et de logo: Dans cette conférence, nous
parlerons des choses à
faire et à ne pas faire de l' animation de
logo, et ce que je
veux dire par là, c'est que nous
parlerons des meilleures pratiques des animations de logo, des choses à garder à l'esprit
lors de la réalisation l'animation. Si c'est la première fois
que vous
faites de l'animation de logo , vous vous demandez peut-être comment trouver les intrigues ? Une bonne astuce que je fais à chaque
fois que j'ai besoin de scènes pour animer mon logo, c'est que
je me dis, quel est l'intérêt de cette entreprise ? Que fait-il ? Prenons Indeed, par exemple, et essayons de créer des
mini-intrigues pour notre animation. Indeed est un service gratuit
pour les demandeurs d'emploi, et ce que vous faites, c'
est télécharger votre CV, rechercher des emplois, créer des e-mails
d'alertes d'emploi, enregistrer des emplois, postuler directement
à un emploi. Pour ce faire, vous devez posséder un diplôme, une
formation ou une expérience professionnelle. Maintenant que j'ai remué
toutes ces idées, je peux aller de l'avant et le
réduire à une
mini-intrigue de un à cinq événements. Nous voulons une animation courte et
logique, car l'animation du logo
ne doit pas dépasser au maximum, je trouve, huit secondes. Certains disent six, d'autres disent 10, je pense que huit, c'est bon. Par exemple, je peux faire une
animation avec des pairs diplômés, puis un CV, puis un logo Job
plus révéler. Ou nous pouvons faire un CV, plus une loupe, chercher un emploi, plus le travail, ainsi
que la révélation du logo. Comme vous pouvez le voir, des courts métrages et ainsi raconter une petite
histoire sur l'entreprise. Cela étant
dit, dans certains cas, vous n'avez qu'à
faire une animation minimale, comme une simple révélation
et disparaître. Dans ce cas, vous n'avez pas
à vous soucier des parcelles. Vous n'avez qu'à vous
soucier des techniques. Tout dépend de ce que
le client demande, qu'il veut une animation complète du logo
explicatif, ou que vous voulez simplement
apparaître et disparaître, ou une forme se transformant en logo. Il s'agit de
trouver les parcelles. Parlons maintenant des meilleures
pratiques pour l'animation de logo. La première règle est
que vous souhaitez conserver l'animation entre
une et six secondes
maximum, huit secondes. Pourquoi ? Parce que l'
animation sera utilisée sur applications
mobiles, sur des sites Web, vous souhaitez que le spectateur voie rapidement le logo
, puis commence
à , puis commence explorer le site Web
ou à acheter un produit. Vous ne voulez pas laisser trop
de temps à ce que les utilisateurs affichant
le logo se révèlent. La deuxième règle consiste à conserver l'animation à l'intérieur du cadre ou
de la zone active. Il ne devrait pas sortir
des frontières, encore une fois, car il sera
utilisé sur de nombreux appareils, téléphones, sites Web, etc. Il doit
donc rester
dans la zone active. troisième règle est que
vous devez
savoir pour qui vous animez. Apprenez par exemple qui est
le public de cette marque, quelle est la mission de cette marque, et vérifiez également leurs produits pour que votre animation soit
alignée sur le but et la
mission de la marque d'éviter des
choses telles que une animation de logo avec de la viande
pour un restaurant végétarien. Vous comprenez l'idée, non ? Quatrième règle, évitez les
blagues insultantes et l'humour noir. À moins que vous ne vous
animiez vous-même, personne ne veut que vous vous
moquiez de ses clients. Une entreprise peut se
moquer d'elle-même, mais n'affecte jamais ses clients. Cinquième règle, n'interférez pas avec la conception originale du logo car la plupart du
temps, vous
recevrez des éléments graphiques. Si vous devez interférer, vous devriez au moins voir avec
le client si c'est correct. Pour tout résumer, dans cette
conférence, nous avons parlé d'une mini-intrigue et de bonnes pratiques
pour l'animation de logo. Nous avons dit que pour les parcelles, vous faites remue-méninges sur tout ce
que vous savez sur l'entreprise, puis vous la réduisez, et pour les meilleures pratiques, cinq d'entre elles, essayez de les
garder à l'esprit. Ensuite, nous parlerons principes
de base
de l'animation du logo.
4. Principes de Animation de logo de base expliqués: Dans cette conférence, vous
découvrirez les
principes de base de l'animation du logo et nous verrons des
exemples différents de la façon dont ces principes sont
appliqués aux logos. Fondamentalement, ils sont les mêmes que les 12 principes
d'animation Disney, mais ceux-ci sont plus axés sur l'animation du logo
que sur les personnages. Le premier principe d'animation
est facile à entrer et à sortir facilement. C'est probablement
l'un des aspects
ou principes les plus importants de l'animation dans
l'histoire de l'animation. L'histoire drôle, c'est que quand j'ai commencé à faire de l'animation. La première fois, je n'ai pas voulu appliquer easy ins » parce que je ne
savais pas à quoi
servait ces « easy ins ». J'ai vu des tutoriels et l'instructeur
disait que c'était facile. va faire
fonctionner l'animation sans heurts, mais je ne pouvais pas comprendre
ce qu'elles entendent par douceur. Que voulez-vous dire en douceur ? Mais apparemment, j'ai
appris et facile à entrer et à sortir signifie accélération
et accélération. Vous pouvez lui montrer la
vitesse de l'animation. Vous souhaitez que l'animation
démarre rapidement et lentement. C'est facile d'entrer. Vous souhaitez également que l'animation
démarre lentement et se termine rapidement. Il s'agit d'une sortie facile, ou vous voulez que l'animation
démarre lentement, puis rapide, puis lente,
ce qui est facile. Ce que vous devez absolument appliquer à toutes vos
images clés, sauf si vous animez des robots,
car les robots se déplacent et exécutent leur vitesse en position
linéaire. Pour les robots machine,
vous pouvez aller de l'avant et laisser les images clés linéaires. Voici ensuite les principes de l'
animation d'arc. Fondamentalement, le principe de l'arc est la trajectoire visuelle d'un objet. Au lieu d'un objet se déplaçant dans une trajectoire droite
comme des robots, il se déplace et
une trajectoire d'arc. Imaginez quelqu'un qui
botte un ballon de football. Le ballon va monter,
puis il va descendre, créant ainsi la trajectoire de l'arc. Cependant, il existe une règle
à ce principe que plus
la
vitesse d'un objet est grande, plus
la trajectoire sera droite. Imaginez tirer une
balle à partir d'un pistolet. Il ne courbe pas à moins que vous soyez dans un film recherché, mais les balles iront dans une trajectoire
droite car c'est super rapide. Le principe d'animation suivant
est le squash et l'étirement. Pensez à une boule en caoutchouc. Si vous le jetez en l'air il s'étirera en montant. Ensuite, il s'écrasera quand il est
au fond du sol. Ce principe d'animation
donne l'illusion de la gravité et nous
l'utiliserons beaucoup dans cette classe. De plus, il peut être appliqué à des objets simples et complexes. Mais il y a cependant une règle. Si vous étirez la hauteur de l'
objet, vous devez vous assurer d'
étirer la largeur manière égale, et vice versa. Cela permet une animation plus grande et
plus réaliste. Action superposée
et suivi. Ce principe nous
utilisera également beaucoup dans cette classe d'animation de
logo. En gros, ce que je veux dire ici,
c'est que lorsqu'un objet bouge, une partie de celui-ci bouge et qu'une autre
partie suivra, nous appelons cela se chevauchant. Ensuite, lorsqu'il s'agit d'une position d'arrêt
absolue étant en mouvement, différentes parties de l'objet s'
arrêteront à des vitesses différentes. Nous appelons cela un suivi. L'inertie signifie essentiellement qu' une force vous fait bouger
ou vous arrêter. Pour expliquer cela plus en détail, imaginez que vous êtes debout
dans un bus et que le bus circule et que vous
ne vous accrochez à rien. Si le bus s'arrête, votre corps se jettera
par la force de l'inertie. Dans ce cas, le bus
s'arrête. C'est logique. Si ce n'est pas le cas, vous pouvez
simplement me laisser une question. Ensuite, c'est l'anticipation. anticipation est l'action
préparatoire ou pose à l'action principale. Par exemple, vous pliez
le genou avant de sauter. Ce que nous faisons ici en utilisant l' anticipation, c'est que lorsque nous préparons le spectateur
à ce qui va se passer une fois appliqué,
cela a pour effet de rendre l'action de l'objet
plus réaliste. Enfin, la mise en scène. principe de mise en scène signifie que les principales actions se déroulent tour de rôle avec de petites pauses pour
souligner un moment précis. Les scènes doivent être en ordre et doivent avoir
le même but. Guider les spectateurs vers
le logo final. Pour résumer tout
dans cette conférence, nous avons abordé les bases
de l'animation du logo, la facilité, le principe de
l'arc, le
squash et l'étirement, l'action
qui principe de
l'arc, le
squash et l'étirement, se chevauche
et le suivi anticipation et
enfin mise en scène. Ensuite, nous allons ouvrir After Effects
et configurer notre espace de travail.
5. Configurer l'espace de travail et les paramètres généraux: Dans cette conférence, nous allons
ouvrir After Effects et nous couvrirons
l'espace , les paramètres de composition, deux paramètres que
vous devez configurer, et nous allons également importer Adobe Illustrator
fichiers
dans After Effects. [BRUIT] Après avoir
ouvert After Effects, vous voulez continuer
et cliquer sur « Nouveau projet » puis sur
« Nouvelle composition ». Allons maintenant et donnons
un nom à cette composition. Le logo révèle [NOISE]
Attika comme ça. Voici les paramètres
de la nouvelle composition. Largeur, nous avons 800
pixels ; hauteur, nous avons 600 pixels ; fréquences d'images, 29,99 ou 30 images par
seconde ; résolution, pleine ; et pour l'arrière-plan,
couleur blanche ; durée, huit secondes. Cool. La prochaine
chose que nous devons faire c'est que je vais
double-cliquer ici. Ensuite, vous voulez aller de l'avant et trouver le fichier que je vous ai
dit
de télécharger à partir des projets et des ressources et ouvrir
celui-ci ici, ce
fichier Adobe Illustrator, Attika Logo. C'est sous Course Files,
Logo révèle Attika. Importer. Importez la composition de type et, pour les
dimensions du métrage, la taille du calque. Nous ne voulons pas avoir de taille de document. Cliquez sur « OK », double-cliquez sur la composition Attika Logo, sélectionnez les commandes de contrôle X. Double-cliquez sur Logo
révèle la composition Attika. Assurez-vous de cliquer ici,
puis de Contrôler la commande V, ils arrivent
dans cette zone juste ici, avant de contrôler la
commande V. Maintenant, la prochaine chose que nous devons faire ici est de parler de
l'espace de travail. Si vous accédez à l'espace de travail Windows, vous pouvez voir avec lequel je
travaille, c'est de l'animation. Ici, nous avons tous les scripts dont nous
aurons besoin. Au cas où j'ai besoin d'un script, je vais juste aller de l'
avant et ensuite, quand j'aurai fini, je le fermerai. Une chose à propos des scripts, je n'aime pas trop utiliser le
script. Je n'aime pas trop compter
sur le script, mais certains d'entre eux
sont super nécessaires juste pour accélérer le
flux de travail. Ceux qui vous éviteront de
faire les choses répétitives, ceux que je trouve utiles. Dans ce cours également, j'ai
essayé de tout garder sans utiliser de scripts car si vous venez de commencer avec l'animation de
logo, vous ne voulez pas investir
dans des scripts coûteux. Vous voulez d'abord savoir si
c'est votre truc ou non. La prochaine chose
que je veux que vous fassiez est d'
aller dans Edition, Préférences,
Général, puis je veux que
vous vous assurez de cocher cette option Centrer les
points d'ancrage dans les nouvelles couches en forme. C'est très utile. Cela vous évitera
beaucoup de
difficulté à centrer les points
d'ancrage manuellement, en particulier avec les nouveaux calques que vous allez
créer. Une autre chose à
faire ici est de cliquer sur ces fichiers Adobe Illustrator ou couches
Adobe Illustrator car ils se trouvent
désormais dans
After Effects, ce sont donc des couches. Cliquez avec le bouton droit sur Crée, puis Créer des formes à partir de couches
vectorielles. La raison pour laquelle nous créons des formes à partir de ces couches
vectorielles est qu'avec les couches de formes, vous disposez de
plus de paramètres et d'options d'
animation. Je vais maintenant supprimer ces couches Adobe
Illustrator. Il suffit de changer la
couleur de l'icône sur le type pour que nous
puissions les distinguer. L'icône se trouve en haut et
le type est en bas. Allez-y toujours et économisez. Vous ne savez jamais quand Adobe
After Effects va se bloquer. Logo révèle [NOISE] Attika, voilà, économisez. Les gars, c'est tout
pour cette conférence. Récapitulez les points forts. Dans cette conférence, nous avons importé
des fichiers dans After Effects. Nous avons ajusté les paramètres
généraux. Nous avons converti les calques
d'illustrateur
en calques de forme pour plus d'options
d'animation et de liberté. Nous modifions les
couleurs des calques pour ne pas être confondus et nous avons
enregistré nos projets. Ensuite, nous ferons notre
première animation de logo.
6. Animation-Reveal et disparaître du logo: Maintenant, il est temps de faire notre première animation de logo
après tout ce discours, et nous allons commencer par la
simple animation de
logo révéler et disparaître de ce
logo Attika ici. C'est essentiellement comme n'importe quel
autre logo de symbole, donc la technique que
vous apprendrez ici, nous pouvons l'appliquer à n'
importe quel logo de symbole. Juste pour vous faire connaître les gars, si ce que je vais faire
vous semble très difficile, c'est bon. Surtout si c'est la première fois
que
vous faites une animation de logo. Ne vous battez pas, ne vous sentez pas frustré,
continuez à avancer, et si vous avez l'impression de
ne plus pouvoir suivre, ça devient trop compliqué, vous pouvez simplement faire une pause, prendre une profondeur respirez, puis revenez et
finissez le tout. Parce que j'ai
vécu la même chose. La première animation de logo, je les suit comme il
n'y avait aucun moyen de le faire. Mais avec patience et puissance
de bien, j'ai pu terminer
le tutoriel et faire l'animation du logo.
Commençons. Maintenant, la première chose que j'aime
faire est de sélectionner les deux calques puis de les déplacer un
peu vers la droite, comme 10 images vers la droite. Zoomons sur la chronologie en touche Alt ou Options et en faisant défiler avec le bouton
central de la souris. Maintenant, nous pouvons voir les cadres. Si vous effectuez un zoom arrière,
vous disposez de secondes. Si nous effectuons un zoom avant, vous voyez des images. Commençons et
animons d'abord l'icône. Je vais juste cliquer sur cette option solo juste pour
distinguer l'icône comme celle-ci. Je vais cliquer sur S pour afficher
les paramètres d'échelle. Nous ferons la
révélation avec la balance. Je vais cliquer sur le
chronomètre pour ajouter l'image-clé. Ensuite, je vais déplacer
l'image-clé 10 images, donc 10 plus 10 c'est 20. Maintenant, pourquoi est-ce que je choisis
la 10e image, c'est parce que nous travaillons dans une composition avec
30 images par seconde, et que 10 images ne sont ni trop rapides ni trop lentes, c'est la norme. Maintenant, je vais
le réduire à 25 %. Vous vous
interrogez probablement sur les deux décisions que je prends. abord, pourquoi ai-je déplacé les calques 10 images vers la droite, puis pourquoi est-ce que je passe à 25 et non à zéro sur
la révélation scalaire ? Maintenant, je les ai déplacés vers la
droite juste
pour avoir assez d'espaces blancs pour
jouer l'animation. J'aime bien commencer par
des espaces blancs, sans rien à l'écran. Également très utile lorsque vous travaillez dans une animation plus longue
pour avoir un peu d'espace avant l'animation réelle au cas où nous aurions besoin d'ajuster
les calques ou autre. Maintenant, pourquoi l'ai-je réduit
à 25 % et non à zéro pour cent ? La raison est simplement
parce que c'est la meilleure pratique. Lorsque vous faites une révélation avec
les paramètres d'échelle, il est préférable
d'afficher un peu de la forme car
si
elle est trop petite, elle ressemblera à
un point, comme ceci. Imaginez que si vous effectuez une
mise à
l'échelle sur de nombreux objets et qu'ils doivent apparaître simultanément, il semblerait que nous
ayons de la poussière sur l'écran. Mieux vaut avoir une échelle comprise entre
20 et 30 % et 100. Je vais
laisser 25, et ensuite, je vais
sélectionner ces images-clés. Appuyez sur F9, jusqu'à l'option Ease In. Ce que nous avons fait ici, c'est Ease Ease. Commencez lentement puis vite,
puis ralentissez. Laissez-les encore une fois. Allons maintenant à
l'éditeur de graphes. Assurez-vous que vous disposez de
ces options, Afficher les propriétés sélectionnées ici. Modifiez le graphique de vitesse
et capturez, zoomez automatiquement sur. Maintenant, voici un conseil professionnel pour
garder à l'esprit les gars
tout en faisant révéler, disparaître ou transformer une animation,
c'est que vous voulez que celles-ci apparaissent ou se produisent au
sommet de la vitesse ici. Vous ne souhaitez pas
avoir de ralentissements
au début de ce
type d'animation. Révélez, disparaissez et morphine. Vous voulez que cela se produise rapidement, discret et exactement comme le jab
Floyd Mayweather. Ce que je vais faire
maintenant, c'est simplement sélectionner ces points ou manipuler, puis je vais faire glisser
ceci vers la gauche comme ceci. Comme vous pouvez le voir ici, cela va encore ralentir
au début, puis
accélérer puis
ralentir d'ici la fin. C'est déjà mieux. Mais pour le rendre encore meilleur, je vais cliquer ici, sélectionner ceci, cliquer ici, puis faire glisser ça
vers la gauche. Maintenant, l'animation se produira au sommet de la vitesse ici. Maintenant, si nous cliquons sur Play, nous pouvons voir que
c'est bien mieux. Cliquez ici pour revenir
à la chronologie. Maintenant, ce que nous voulons faire, c'est
animer la typographie. Cliquons à nouveau ici pour
sortir du solo. Maintenant, nous avons ici le type
que nous devons animer. Vous pouvez animer
le tout en un mot ou animer
les personnages individuellement. Pour le rendre plus intéressant, je pense qu'il vaut mieux animer le personnage individuellement. Ce que je vais faire maintenant, c'est simplement fermer cela
en cliquant ici, puis ouvrant les options pour
les contours de type. Fermez Transform pour l'instant, et nous pouvons ouvrir Contenu. Maintenant, vous voyez ici,
nous avons des groupes de 1 à 6. groupe 1 est le dernier personnage, et le groupe 6 est le
premier personnage. Maintenant, nous devons ouvrir tous ces groupes comme ça, en
cliquant sur cette flèche droite. Recherchez ensuite le groupe Transform, ouvrez-les tous. Ce processus est un peu fastidieux. Cependant, certains scripts vous
permettent de le
faire facilement, mais ils sont assez chers. Je ne voulais pas les inclure dans ce cours parce que
tout le monde n'est pas prêt à payer 70
$ ou 80$ pour les scripts s'
ils commencent tout juste. Vous pouvez voir que
le composant A est situé au milieu. Pour vérifier cela, si je déplace la position, vous pouvez voir qu'elle
se déplace du milieu. Ou si je tourne, on peut voir qu'il tourne
depuis le milieu. Sélectionnez maintenant la position pour le groupe 6, sélectionnez la position pour le groupe 5, sélectionnez la position pour les groupes 4, 3, 2, 1. Vous effectuez un zoom arrière comme ça. Maintenant que vous avez
tout sélectionné, cliquez sur le chronomètre, nous
y allons. Maintenant, ce que je vais faire, c'est sélectionner cette couche
et cliquer sur U. J'ai juste les images-clés
que nous venons d'ajouter. Encore une fois, je vais
tous les sélectionner et les déplacer vers les
mêmes images. Cliquez ensuite ici pour ajouter une nouvelle image
clé à la position, puis après avoir
ajouté de nouvelles images-clés, vous faites glisser la position
vers la gauche. Vous voyez que j'ai d'abord ajouté
les images-clés
, puis j'ai ajusté la
position à gauche. Si j'avais d'abord ajusté la
position, cela n'aurait pas affecté tous les groupes, mais un
seul groupe. Il est un peu différent de travailler avec des groupes que de
travailler avec des calques. Voyons ce que nous
avons maintenant, zoomez. Pas mal. Pas mal. Ce que je vais faire maintenant, c'est sélectionner toutes les images-clés. Encore une fois, nous devons passer
à l'éditeur de graphes. Vous voyez qu'il a l'air linéaire. C'est comme si un robot bougeait. Nous allons les sélectionner. Appuyez sur F9. Maintenant, revenons en arrière. Ok,
nous avons les courbes. Maintenant, vous voyez ici, on
dirait qu'il
n'y a qu'une courbe ou une ligne, mais en fait, il y a tous
les groupes R1
au-dessus de l'autre. Sélectionnez-les tous et encore, faisons simplement les assouplissements. Pour celui-ci, nous
allons simplement utiliser une fin
simple et facile. Commence vite, finit lentement. Ajustons simplement cette
poignée. Déplacez-le vers la gauche. Cliquez sur « Jouer ». Bien, mais j'ai l'
impression d'avoir besoin de rendre le paramètre de position ou l'animation de position
un peu plus lent. Je peux aller de l'avant et le déplacer dix images de plus et en
faire 20 images, comme ça. Nous l'avons ici. Maintenant, il
faut ajouter un masque. Pour ajouter le masque,
sélectionnez le calque de type, tout, Commande de contrôle
R pour amener les guides. Cliquez ici, puis je
vais déplacer ce guide vers la droite comme
ceci, l'arrêter ici, juste en haut de l'icône, puis sélectionner l'outil
Rectangle. Cliquez sur ce bouton, puis l'outil Crée un
masque et créez le masque. Maintenant, j'ai commencé le masque d'
ici à ici pour faire
croire que ce type
provient de l'icône. Cliquons maintenant sur « Jouer ». On y va Cool. Maintenant que nous avons plus d'images-clés, nous devons faire
les décalages. Pour les décalages, je veux que
le A apparaisse en premier, donc le dernier personnage
apparaisse en premier, puis je veux que
tout suive. Maintenant, nous pouvons le faire
manuellement en sélectionnant les images-clés, puis
en les déplaçant un
peu vers la droite, mais cela
prendra beaucoup de temps. Dieu merci, il y avait
trois scripts que nous pouvons utiliser et que je
vous ai dit de télécharger plus tôt. Les failles, sélectionnez
toutes les images-clés. Alors, juste ici, assurez-vous d'avoir les mêmes paramètres que moi. Pour celui-ci se déplace, vous
n'avez pas à vous en inquiéter, juste ici sous la
portée, j'en ai un, puis échelonner
puis descendants, pas ascendants Puis
cliquez sur « Afficher ». Maintenant, vous pouvez voir
que les descendants vont commencer à partir d'ici, jusqu'en haut. Ça a l'air bien. C'est parfait. Allons de l'avant
et jouons la révélation. On y va, je vais juste
attendre un peu et à trois secondes, je veux le faire disparaître. Fermons simplement les failles parce que nous n'
aurons pas besoin de cela. Vous pouvez le mettre ici
si vous le souhaitez sous le panneau Effets, mais ce
n'est pas nécessaire. OK, c'est cool. Maintenant, pour le Disappear, ce sera beaucoup
plus facile car nous
n'animerons que la couche de
type entièrement, nous n'
animerons pas les groupes. Cliquez sur « P » pour la position
au chronomètre, même chose pour
Scale. On y va. Ensuite, je vais déplacer 10 images et faire disparaître
l'échelle. C'était zéro cette fois-ci
parce que nous voulons qu'il disparaisse définitivement et pour le Type, nous allons déplacer 20
images comme nous l'avons fait plus tôt pour le Reveal et ajuster
la position comme celle-ci. C'est pourquoi nous avons le
guide ici pour que nous
puissions voir où
ajuster le masque. Quelque chose comme ça ici. Ensuite, nous devons également ajuster
le masque. Revenons à cette position. Ouvrez le calque de type,
recherchez un masque, ouvrez cette chose Masque 1 puis ajoutez un chronomètre
pour le chemin du masque. Déplacez ensuite la tête de lecture vers l'arrêt ou les arrêts de position, V pour sélectionner cet outil de sélection,
puis maintenez « Maj » et
faites glisser vers la droite, le masque comme celui-ci et
alignez-le sur le guide. que nous avions créé plus tôt. On y va. Maintenant, si nous y jouons
simplement,
voyons ce qui se passe. Cool. Une dernière chose à faire est que nous devons modifier les assouplissements pour une disparition en douceur. Cliquez donc sur [inaudible] pour
avoir toutes les images-clés. Sélectionnez ces F9 jusqu'à la fin de la facilité. Passons au graphique de vitesse. Cette fois, nous voulons
faire le contraire. Nous allons cliquer
ici et nous en sortir facilement. abord avec une facilité
d'entrée, maintenant une sortie facile. Commencez lentement et disparaissez
vite, comme ça. Pour les deux, pour le masque
et pour le type. Maintenant, cette ligne rosée est de type et cette
ligne orange est le masque. Il est plat, mais vous
pouvez toujours l'ajuster. Même chose pour la mise à l'échelle. Nous n'avons qu'une facilité facile. Nous devons nous en sortir facilement. Faites glisser cette chose ici. Commencez lentement. La courbe vers le bas signifie lente, la courbe vers le haut signifie rapide. Ensuite, faites glisser celui-ci
aussi parce que nous voulons que la disparition se produise
à la vitesse de ramassage ici. Nous ne voulons pas laisser ralentissement pour
la disparition. Jouons à ça et voyons. OK, c'est cool. Maintenant,
un seul problème
que nous avons est que la disparition
quand elle se produit, l'icône disparaît
avant le type, ce qui n'est pas bon. Le type doit
disparaître avant l'icône. Une chose que je fais est que lorsque je fais de l'animation du logo, j'ajuste d'abord
les images-clés et les paramètres des images-clés, puis je vérifie l'animation et s'il y en a n'importe quoi, je vais
régler les images-clés. Ce que je peux faire ici, par exemple, c'est sélectionner les
paramètres d'échelle ou
les images-clés de l'échelle pour l'icône, puis simplement la
faire glisser vers la droite. Cool.
Voyons maintenant ce qui se passe. C'est mieux. Récapitulez les points forts. Dans cette conférence,
nous avons abordé l'ajout images-clés, l'ajout d'assouplissements, l'
ajustement du graphique de vitesse, utilisation de scripts et l'utilisation de masques. Ensuite, nous allons créer une animation de
logotype plus avancée.
7. Animer la position et des jectoires complexes: Dans cette conférence,
nous allons commencer par l'animation de type
logo plus avancée. Eh bien, nous allons
animer les personnages, sauter, tourner,
changer et tout. Celui-ci est un peu avancé et je veux que vous remarquiez
qu'il existe de nombreuses techniques pour réaliser
ce type d'animation,
mais je suis allé de l' avant et je n'ai
choisi que le moyen le plus simple possible de réaliser
cette animation pour garder cette classe amical pour les
débutants. Commençons par
animer la position tout en
respectant le principe de l'
animation de l'arc. Je veux que vous alliez maintenant
ouvrir ce
fichier Adobe After Effects où vous trouverez ce
logo prêt à être animé. Tout d'abord,
je vais le faire, c'est simplement changer les couleurs
de ces calques, pour que nous ne soyons pas confus. Cliquez ici, maintenez la touche Maj enfoncée
et sélectionnez la première, et je vais juste les faire
glisser un
peu vers la droite, comme ceci. La première chose que nous
devons faire ici est définir la zone active. Si je fais un clic droit
sur mes paramètres de composition, vous pouvez voir avec quoi je
travaille ici. La largeur, les hauteurs, le bouton
1920 ATP. Nous devons encore faire ici, c'est
maintenant définir la zone active. ce
faire, nous allons
aller de l' avant et sélectionner
l'outil Rectangle, puis je vais
dessiner un rectangle comme celui-ci sur le dessus de la toile entière,
comme ceci. Ensuite, je vais ouvrir
les paramètres du rectangle , un chemin rectangulaire. On y va, taille.
Vous pouvez voir une taille identique à
celle de la toile. Maintenant, pour définir la zone active, il suffit d'aller de l'avant et de réduire
la taille à environ 400 pixels. Je ne sais pas pourquoi j'
ai le rectangle 2, je vais le supprimer. J'ai peut-être cliqué deux fois sur le
rectangle. Qui sait ? Nous devons maintenant changer cette
couche en calques de guidage. Cliquez
donc avec le bouton droit de la souris, puis
recherchez la couche guide. On y va.
Il s'agit maintenant d'une couche guide. Je peux le poser
ici et le verrouiller. Ensuite, Layer, New, Solid, vous voulez choisir la
couleur blanche comme arrière-plan, poser et la verrouiller. Ensuite, je vais les
effrayer, ce qui veut dire se cacher alors. Cliquez ici, alors active l'
option timide et nous l'avons ici. Maintenant, nous allons
commencer par animer la position, puis
nous allons passer à la trajectoire. abord, animons le T.
Cliquez sur P pour la position, puis nous allons
déplacer la tête de lecture à environ 25 images par seconde car nous allons
travailler avec plus de trois images-clés. C'est pourquoi j'ai choisi 25 images
au lieu de 20 images, et je vais définir la position
finale en premier, afin que vous puissiez
éviter de chercher la position finale après avoir effectué
l'animation. Je vais le fixer à 25
parce que nous voulons que le T vole
puis revienne à sa position initiale
ou à sa première position, alors réglez la position finale d'
abord toujours vous les gars. Ensuite, je vais déplacer la tête de
lecture ici,
20 images ou 19, 20 images ou 19 puis sélectionner V pour l'
outil de sélection directe, puis cliquer,
glisser vers le haut, maintenir la touche Maj enfoncée pour faire glisser
dans une trajectoire droite. Zoom avant pour voir
ce qui se passe ici. Encore une fois, nous ne devrions pas
franchir la frontière. Ensuite, déplacez cela jusqu'
à la première image, qui est de 10 images, puis je vais la faire glisser
vers le bas,
relâcher la souris, puis relâcher les quarts de travail. Maintenant, une autre chose que je dois
faire ici est que mon ordinateur fait
beaucoup de bruit, c'est que je vais aller composer la résolution à environ la troisième place, sélectionner tous ces F9. Maintenant, si je clique sur
Play, [BRUIT] pas mal. Sélectionnez tout, graphique de vitesse, puis réglons les courbes. Le saut est impulsif, donc nous allons commencer rapidement au début car
lorsque vous sautez,
vous ne prenez pas de ralentissement, accroupissez, puis sautez
et vous sautez à pleine vitesse. Ici, il n'y a pas de
ralentissement au début d' un saut. On y va. Quand il baisse, il ralentit
puis baisse rapidement. Quand c'est comme ça,
cela signifie vitesse, et quand vous avez une
courbe comme celle-ci,
cela signifie ralentir. Si je clique sur Play,
c'est bien mieux. Une autre chose est que
cela pointe au milieu, cela ajuste le gel lorsque le T est
là-haut dans le ciel, sorte que vous pouvez l'ajuster en le soulevant
ou en le descendant. Si nous l'évoquons, il gèlera moins de temps
et si vous l'abaissez, il gèlera plus de
temps en haut. Vous pouvez voir si je
veux en parler, j'ai deux images-clés ici, donc je dois les transformer en une seule car nous avons
une image clé pour l'entrée et une pour les sorties. C'est facile d'entrer, c'est
facile, alors sélectionnez les deux, double-cliquez, puis
vérifiez le verrouillage continu, donc sortant vers entrant. Maintenant, si je le déplace, nous n'en avons qu'un. Vous voulez juste le
déplacer un peu, juste un cran, rester moins de 5 000. Maintenant, cliquez à nouveau sur Lecture. Changeons ça un
peu vers la gauche. C'est bien mieux. Je ferais peut-être avancer
ça un peu plus. Le prochain sera p,
donc p, encore une fois, même chose. Cliquez sur Position, faites-le glisser ici, ajoutez une image-clé pour la position
finale et revenez en arrière, puis placez-la
ici, puis revenez en arrière, puis posez-la ici. Vous pouvez voir que je me suis accroché. C'est pourquoi vous le voyez s'accrocher
lorsque vous voyez ces lignes. Cela indique un accrochage. Ensuite, déplacez la tête de jeu ici, et avant qu'elle n'atteigne
la position finale, je veux faire glisser ceci ici. Un peu ici, je vais
désélectionner le Snap in pour l'instant, voilà comme ça,
juste la trajectoire. Maintenant, voici ce que je vais faire. Je vais sélectionner
toutes ces images-clés, cliquer avec le bouton droit sur
Interpolation d'image-clé, puis ici, là où vous
voyez l'interpolation spatiale, je vais la changer en
linéaire juste pour que je puisse être droit des lignes comme celle-ci et je peux ajuster
cette chose correctement. Si vous cliquez dessus et que vous
sélectionnez tout, il suffit de désélectionner toutes ces
images-clés, de sélectionner celle que vous souhaitez
déplacer, puis de la déplacer. Comme ça. C'est mieux. Maintenant, je peux sélectionner l'outil plume, maintenir Alt et cliquer
ici, puis ajuster les courbes, maintenir Alt. On y va. Nous pouvons maintenant voir
dans celui-ci que nous appliquons les
principes de l'animation de l'arc car il va voler
dans une trajectoire RF. Nous choisissons cela, nous y allons. Bien sûr, rien n'
est définitif, on peut toujours revenir et s'ajuster. Maintenant, nous allons
faire la même chose. Sélectionnez toutes les images-clés, appuyez sur F9, accédez aux courbes. Il va commencer
rapidement comme ça, puis il va
se courber ici, puis ralentir. Quand il atteint cette position, je veux qu'il ralentit un peu. La même chose ici, je veux que ça ralentisse un peu. On y va, comme ça. Sélectionnez-les, double-cliquez, envoyez-les dans une
image clé ou un point d'ancrage. Appliquons maintenant l'animation. Pas mal. Je veux juste ajuster un peu
la congélation ici, alors sélectionnez-le et la même
chose pour la dernière. Je ne veux pas qu'il
gèle trop, qu'il parle comme ça. Cliquez sur ces trop élévateurs,
faites-le baisser un peu, alors on y va. Si vous le soulevez et que
cette chose change, cela signifie que vous en avez trop parlé
. Assurez-vous que cette chose
ne change pas, la première courbe reste
la même. Faites-le descendre. C'est bien mieux. Peut-être que je vais juste augmenter un peu
cela ici, afin que nous puissions obtenir de bons mouvements de ce point à ce stade. C'est mieux. Maintenant,
ce que je vais faire, c'est complimenter le
saut avec la rotation, alors cliquez sur R sur le
clavier pour la rotation. Nous voulions stocker
comme cela 90 degrés, [NOISE] définit une image-clé. Ensuite, je vais sélectionner
ce calque ou cliquer ici pour afficher les autres
images-clés, puis je vais le déplacer lorsqu'
il sera gelé vers le haut. Ensuite, je vais le faire
pivoter de nouveau comme ça. Vous pouvez voir que je suis juste en train de tourner vers les droits ici. Puis, quand il atteint la position
descendante, il va faire une dernière rotation pour revenir à sa position initiale, donc zéro. On y va. Maintenant, F9, l'essence et ajustez ces
petits morceaux comme ça. On y va.
Cliquons sur Play. Je n'ai pas craché. Celui-là au milieu.
Double-cliquez sur image-clé ou un point d'ancrage ,
puis
déplacez-la un peu vers le haut. C'est bien mieux.
On va geler là-haut. Passons au R dans le
vert, et la même chose. P pour
la position finale. Reculez,
puis sélectionnez-le, placez-le comme ceci, puis déplacez-vous ici et nous allons le
mettre tout
en bas. Il va sauter d' ici tout le long
du bas vers le haut. Sélectionnez-le et
réglons simplement la trajectoire. Sélectionnez-les tous. Même chose, F9. Le saut est encore une fois impulsif. Encore une fois, pour ralentir,
ce sont ces sorties. Ça va
ralentir un peu ici,
puis boum, ça tombe comme ça. Sélectionnez l'
image-clé du milieu, double-cliquez , verrou
continu, puis
faites-la monter un peu. On y va. Cliquez sur Play. Incroyable. Récapitulez les points forts. Dans cette conférence, nous avons
défini la zone active, nous avons défini l'image-clé de position, nous avons ajusté des
trajectoires complexes et nous avons ajusté le graphique de vitesse. Ensuite, nous allons animer utilisant la trajectoire de coupe
et la trajectoire de décalage.
8. Animer des chemins de coupe et de compensation: Dans cette conférence, nous allons
essayer quelque chose de différent. Nous animerons les
formes à l'aide d'un tracé de
coupe et d'un
tracé décalé, pas de lettres. Après cela, nous allons transformer
les formes avec les lettres. Assurez-vous de ne rien
sélectionner. Allez dans l'outil Forme, Ellipse, puis je vais dessiner un cercle juste ici. Maintenez Maj. Relâchez la souris,
puis Maj. Sélectionnez l'outil
Sélection directe. Ensuite, nous allons
ajuster cette ligne juste ici, au milieu. Ou peut-être juste avec
le O comme ça. Ensuite, faites glisser ceci
vers les droits Maintenant, ce que nous voulons faire,
vous voyez ici nous avons du contenu et
ici nous avons Ajouter. Je vais aller de l'avant et ajouter des coupe et ajouter des tracés décalés. Maintenant, pour les trajectoires de coupe, je vais aller de l'avant ici,
là où il est écrit « End » et « baisser ». Ensuite, pour la trajectoire des décalages, j'augmenterai les montants. Ensuite, rejoignez la ligne, remplacez-la
par Round Join comme ceci. Décalages, nous allons l'ajuster car nous voulons l'animation se déroule
comme ça dans le sens des aiguilles d'une montre. Je vais le faire. Il suffit ensuite de déplacer la position
de la nouvelle forme que nous avons créée en cliquant sur la flèche
droite de mon clavier. Vous pouvez maintenir la touche Maj enfoncée et cliquer sur la flèche droite pour avancer plus rapidement. Je vais ajuster plus de la trajectoire
des décalages. Peut-être juste un peu
des décalages et
de la trajectoire de coupe jusqu'à ce que nous
ayons quelque chose comme ça. Commençons maintenant
par l'animation. Je vais juste
fermer les trajectoires de décalage parce que nous n'en avons pas
besoin pour le moment. Cliquez sur la nouvelle forme
que nous avons sélectionnée. Je veux changer
la couleur en rouge. Ensuite, composez le chemin de fin comme ceci jusqu'à ce qu'il soit sous la
même forme que l'O. Nous
y allons.
Ajustez ensuite un peu le décalage. On y va. Parce que ça
va bouger comme ça. Je compense un peu la
forme. Ajoutez une image-clé pour Fin et
ajoutez une image-clé pour Start. Ensuite, nous allons bouger,
puis allons avec la fin, augmenter comme ça. Assurez-vous qu'il ne
touche pas une queue. Ensuite, la même chose pour Start, nous l'augmenterons également jusqu'à ce
que
nous ayons la forme de l'O. Nous mettrons ici 84. On y va. Ensuite, je vais définir une image-clé pour les décalages
, puis déplacer ce petit peu. Ensuite, ça
revient à O comme ça. Maintenant, si je clique sur Play, vous
ne verrez rien se passer. Mais je vais simplement déplacer ces
10 images, donc on passe à 20. Si je vais de l'avant et
décaler ces images-clés. Vous pouvez maintenant voir l'animation. Ce que j'ai fait, c'est décaler
le début
et la fin, et j'ai décalé la première
image-clé au début de l'animation et
une autre à la fin de l'animation. Maintenant, nous pouvons
tout sélectionner, puis F9. Pour celui-ci, si vous utilisez simplement F9, facile à utiliser, c'est tout à fait
parfait. Il a l'air très bien. Mais vous pouvez bien sûr l'
améliorer un
peu en sélectionnant
ces images-clés. Juste le début et la fin. Allez à nouveau dans l'
éditeur de vitesse, puis augmentez un peu la
vitesse au milieu. On y va. Je sais que
c'est beaucoup de choses, beaucoup d'informations
en même temps. Si c'est la première fois que vous effectuez
ce type d'animation. Mais prenez les choses
douces les gars. Prends ça doucement. Vous pouvez me poser des questions et
tout ce que vous voulez. Je sais qu'il y a beaucoup d'
images-clés, cela peut être déroutant. C'est pourquoi j'ai inclus
les projets finaux et les
ressources du projet que vous pouvez
télécharger et vous pouvez
vérifier ce que j'ai fait. Maintenant, ce que nous devons faire, c'est nous allons faire la
même chose pour le O mais nous voulons que l'animation
ne soit pas dans le sens des aiguilles d'une montre, mais dans le sens inverse des aiguilles d'une montre. Je vais
dupliquer ce calque, fermer l'animation ici. Cliquez sur U pour afficher uniquement les
images-clés de cette couche. Alors appelons-les simplement
pour que nous ne soyons pas confus. Je vais renommer
celui-ci Cercle 1, et celui Circle 2. Maintenant, si je clique sur
U, on y va. Avons-nous sauvegardé les projets ? Vous devez sauvegarder vos
projets. Maintenant, ce que nous devons faire
est beaucoup plus facile. Nous allons juste
changer les valeurs. Il commence ici par
un et se termine par 85. Nous allons changer cela
et nous allons faire de
même pour celui qui se trouve en haut, puis nous pourrons ajuster
les décalages manuellement. Ici 85 et là un. Maintenant, pour le premier, c'est le départ. Il commence par zéro
et se termine par 84. Zero ici et 84 ici. Sélectionnez toutes ces
images-clés comme celle-ci. Ensuite, déplacez-vous simplement à l'aide
de la flèche de votre clavier. Maintenez la touche Maj pour aller plus vite simplement pour l'aligner sur la
seconde ou pour les troupes. Maintenant, réglons les décalages. Il commence peut-être ici et il se termine ici. Je vais sélectionner
le calque entier et le déplacer vers la droite. Voyons maintenant la
première animation, puis celle-ci. Vous pouvez voir les
décalages pour
celui-ci, il commence par le haut et les décalages de
celui-ci commencent par le bas. Maintenant, il suffit de cliquer sur
U pour masquer les images-clés. Enfin, pour le S, nous allons
essayer quelque chose de plus drôle. Ce que nous allons faire, c'est que je vais
sélectionner l'outil Plume. Assurez-vous que vous n'
avez rien sélectionné, aucun calque n'est sélectionné. Ensuite, je vais
cliquer ici,
et maintenez-le enfoncé et faites glisser, maintenez la touche Maj enfoncée, puis maintenez Alt et masquez cette
ligne ou cette courbe. Cliquez ensuite ici sur S.
Assurez-vous de cliquer
au milieu, puis faites glisser comme ceci. Maintenez les quarts de travail et voilà. Vous pouvez le faire et cliquer sur cette ligne pour ajuster
les courbes comme celle-ci. Comme vous pouvez le constater, travailler avec l'outil Plume
et Adobe After Effects est peu près la même chose
que l'utilisation l'outil Plume et d'
Adobe Illustrator. Je suppose que l'expérience en conception
graphique peut
beaucoup aider en animation si vous passez d'un
concepteur à un animateur. Également Motion Design. Sélectionnez le calque de forme, renommez-le S Animation et sélectionnez une autre couleur pour celle-ci en Lavender est la
couleur que nous y avons sélectionnée. Maintenant, nous allons
faire la même chose que nous l'avons fait avec o.
Ouvrez cette chose, ajoutez le chemin d'ajustement et ajoutez
le chemin des décalages. Ajustons les décalages. Miter, Round Join. Augmentez ensuite les quantités comme celle-ci jusqu'à
ce que vous couvriez le s. Ce que nous pouvons faire est de
sélectionner le crayon, puis d'ajuster ces points
un peu comme ça. On y va. J'ai donc cliqué sur l'outil
Sélection directe, puis j'ai sélectionné les
points d'ancrage et je l'ai ajusté. Maintenant, réglons la trajectoire de coupe. Je pense que ce p nous dérange, donc je vais déplacer un peu
l'animation S vers la
droite. Encore une fois, baissez l'
extrémité autour de zéro. Ajoutez des images-clés pour Fin
et Start. Déplacez la tête de lecture, déplacez la fin comme ceci. Déplacez ensuite le Start
comme ceci jusqu'à ce que vous ayez le o, puis déplacez à nouveau. Déplacez ensuite la fin vers la droite ,
puis le
début vers la droite. Oh, c'était trop. 99 ici. Encore une fois, nous avons juste besoin de
les compenser, alors cliquez
ici et ici C'est mieux. F9. C'est beaucoup mieux, mais j'ai l'impression que c'est trop rapide. Ainsi, avec toutes les
images-clés sélectionnées, cliquez sur aussi l'option,
puis faites glisser vers la droite. C'est bien mieux. Cliquez sur U. Ensuite,
nous allons simplement
aller de l'avant et cacher les deux O et S
en cliquant sur l'œil parce que
nous n'en avons pas besoin pour le moment. Ils nous confondent. Je
vais aussi les timider. C'est P. C'était une erreur. Vous timidez O et O et
S. Recap. Dans cette conférence, nous avons ajouté
des formes, puis nous avons animé des traits en utilisant la trajectoire de
décalage et la trajectoire de coupe. Enfin, nous décalons les images-clés pour
créer notre animation. Ensuite, nous explorerons principe de
l'
animation d'étirement à l'aide des paramètres de trajectoire.
9. Explorer le principe de l'étirement à l'aide de l'indicateur de chemin: Maintenant que nous avons fini d'
animer la position, nous allons
explorer ce
principe d'animation étirée et nous
allons le faire en utilisant
les paramètres de trajectoire. Ce sera délicat,
mais vous pouvez le faire. À ce stade, ce que
vous voulez faire est dupliquer la commande T
Control D, modifier
la couleur ou la couleur dupliquée, puis de sélectionner la dernière, U, pour afficher le cadre clé. Appuyez sur J sur votre clavier. Sélectionnez tous les
cadres clés, les quarts et la flèche gauche,
faites-le glisser vers la gauche comme ceci
car nous allons utiliser ce T comme référence. Nous y allons, U sur
le T dupliqué, puis nous voulons
supprimer la position, nous voulons supprimer
ces cadres clés. Mais tout d'abord, remettons-le dans la position finale avant de
retirer les cadres clés. Cool. Maintenant, ce que je vais
faire, c'est chercher le chemin. Contenu, Groupe, puis Chemin d'accès, puis ajoutez une position. C'est la dernière position que
nous allons ajouter en premier. Cliquez à nouveau sur U, apportez la
lecture au début, puis baissez le T comme ceci, simplement en utilisant les flèches de votre clavier,
en maintenant les Maj enfoncés, ici. Nous y allons, donc maintenant nous avons la position ici pour le chemin, et nous avons la position
en bas pour le chemin. Une autre chose est de sélectionner ces
deux cadres clés. Maintenez la touche Alt
plus Command et cliquez avec le bouton droit pouvoir les geler. C'est pourquoi, lorsque nous
animons le chemin, le T ne bougera pas, donc il ne nous dérangera pas. Je vais juste apporter celui-ci
un peu à
droite comme ça. Cool. La première chose, c' est que nous allons déplacer la tête de
jeu vers la droite. Permettez-moi de zoomer un
peu sur la chronologie. Nous y voilà, nous sommes
dans la chronologie. Une fois que le T commence à bouger, assurez-vous que
le chemin est sélectionné ici. Sélectionnez le haut, comme ceci. Vous pouvez maintenant voir que ces points
d'ancrage sont sélectionnés. Ensuite, je vais l'étirer
à nouveau en utilisant mes flèches. Vous pouvez maintenir la touche Maj enfoncée et vous étirer
jusqu'en haut. Je vais faire la
même chose pour le
plus bas . Juste comme ça. Maintenant que nous avons installé ce
cadre de clé ici, le T va s'étendre de sa forme
normale à cette forme. Nous ne nous étirons pas à l'aide balances parce que ça ne
va pas paraître beau, ça va paraître horrible si on s'étire avec les écailles. Ensuite, déplacez ça un
peu ici. Juste au moment où le T se bloque ici, je vais
sélectionner les premières images clés
contenant la forme
originale du T, de la commande de
contrôle C, commande de
contrôle C, commande de
contrôle V, puis de tout apporter
jusqu'au sommet, maintenez la touche Maj comme ceci. Maintenant, il va
s'étirer en haut. Une fois qu'il sera terminé, il retrouvera sa forme
d'origine. Maintenant, sélectionnez l'image clé
que vous venez d'ajouter, Control Command C, puis déplacez-la un peu, Control Command V. Pourquoi
avons-nous dupliqué cette
première image clé ? Nous pouvons donc contrôler le
gel ici, car nous déplaçons le T maintenant avec la trajectoire
et non avec la position. Vous pouvez contrôler le gel
avec un seul cadre de clé, mais avec le chemin, nous devons ajouter deux trames clés
pour contrôler le gel. Ensuite, je vais encore bouger
la tête de jeu. Permettez-moi d'ajuster cette
image clé à gauche comme ceci. Nous y allons, et
lorsque le T atteindra sa position finale comme celle-ci, je vais aller de l'avant, Commande de
contrôle C, la dernière image clé, puis la faire glisser vers la droite, puis la commander
V. Ensuite, une fois que je l'ai fait, je sélectionnerai
le haut du T, puis je l'
étirerai comme ça. Voici ce truc. Une fois que le T est en haut avec sa position
d'origine, quand il descend, la queue passe en premier, puis le haut suivra. Maintenant, si je sélectionne
tous ces F9, Play, vous pouvez voir de quoi
je parle. Les gars, si c'est
déroutant pour vous, j'ai inclus
le projet final. Vous pouvez l'ouvrir et vérifier
par vous-même ce que j'ai fait
avec les cadres de clés. Maintenant,
sélectionnez-les tous, éditeur de graphes, et maintenant nous pouvons ajuster
les images clés ici. Accélérez puis
ralentissez un peu. Ensuite, ici, nous allons
faire le contraire. Une fois qu'il est arrivé ici, ralentissez un peu ici ,
puis accélérez un
peu ici. Cliquez sur Play. Le dernier, je
n'aime pas beaucoup ça, mais je vais le faire, voyons voir. Je pense que c'est un peu
trop rapide quand il descend, donc je vais les
sélectionner, maintenir Alt et les faire glisser un
peu vers la droite, puis celle-ci
un peu plus. Voyons maintenant. [BRUIT]
C'est bien mieux. Je préfère mieux cette animation. Les gars, souvenez-vous que deux choses
contrôlent
l'animation, la distance entre les
images clés et le graphique de vitesse. Maintenant que nous avons
fini avec le T, nous pouvons aller de l'avant
et cacher celui-ci, celui que nous utilisons
comme référence, cacher et nous éloigner. Ensuite, allez de l'avant et sélectionnez le R et nous allons
faire la même chose. Donc, nous devons le
positionner, l'animer. Cliquez ici, Contenu,
Groupe, Chemin d'accès. Ensuite, encore une fois, nous allons ajouter un cadre clé pour la trajectoire. Forme originale, ajoutez
d'abord un cadre de clé, comme ceci, puis
déplacez-le vers le haut. Quand il atteint la
position supérieure, ajoutez un autre chemin, puis là
où il commence à se déplacer, assurez-vous que le
chemin est sélectionné. Sélectionnez les points d'ancrage et
étirez-les par le bas. Ok, les gars, ne l'
étirez pas par le haut. Sélectionnez l'outil Plume, cliquez ici, puis
je vais juste le régler. [BRUIT] Maintenant, si nous le jouons, [BRUIT] maintenant c'est le chemin. Juste ici sur la position, je peux aller de l'avant et ajuster
un peu le R, l'
amener un
peu au sommet. Laissez-moi décocher Snapping. Voyons maintenant. OK, c'est cool. Maintenant, F9. [BRUIT] J'adore ça,
ça a l'air incroyable. Les gars, vous pouvez voir
ce que nous avons fait ici. Nous définissons la trajectoire pour la position initiale
et une autre trajectoire pour la position d'origine lorsqu'
elle atteint le sommet et nous l'étirons uniquement
au milieu lorsqu'il saute. Je veux cliquer sur
U pour fermer ça. heure actuelle, ce que nous
allons faire, c'est tout
compenser
et nous assurer que
tout ne se chevauche pas
quand il s'agit l'animation afin que nous puissions
passer à l'étape suivante, ce qui donne plus de
vie à l'animation. Donnez vie à ces
principes d'animation de logo. Je vais juste fermer ça et
fermer
ça en cliquant sur
U sur les couches, puis je vais amener
tous ces bébés
au même point de départ, en au même point de départ, assurant que tout
est bien aligné. Nous avons T d'abord, puis
nous avons R, puis nous avons besoin du
cercle 1 avant le P et du cercle 2 avant le P, puis P, puis enfin
S comme celui ici. Sélectionnez-les tous, maintenez la touche Maj enfoncée ,
cliquez ici
et ici, Fenêtre ,
puis recherchez Rift, puis je vais
cliquer ici pour décaler. [BRUIT] Cool. Maintenant, si nous jouons l'animation. Nous pouvons encore effectuer quelques ajustements
manuels. Le reste nous donnera un coup de main, mais nous pourrons
tout finaliser manuellement. Nous avons d'abord le T
, puis le R qui saute
tout de suite. C'est pas bon. Je veux que le T atteigne d'
abord le bas , puis le R peut sauter, puis une fois que le R atterrit, je ramènerai le
cercle 1 après cela. Sélectionnez tout,
tous les cadres clés. Effectuez un zoom avant, puis
déplacez-vous un peu, maintenez Alt et déplacez-vous un
peu vers la droite. Vous pouvez le voir maintenant. [BRUIT] Cela va encore
trop vite pour moi, donc j'ai besoin d'en ajuster un
peu plus. C'est bien mieux. Celle-ci peut être juste un peu aussi. Ok, les gars, vous pouvez voir que je ne fais
que regarder l'animation. Quoi que ce soit juste pour moi, je vais laisser ça comme ça. Jetons un coup d'œil une dernière fois. C'est ça. Nous avons gardé les points forts. Dans cette conférence, nous avons travaillé
avec les paramètres Path. Nous avons exploré les cadres de clés
gelés. Nous avons utilisé le script Rift
pour décaler les calques et nous avons ajusté
manuellement les décalages de la couche pour obtenir tout ce
que nous voulons. Ensuite, nous ajouterons d'autres
principes d'animation à notre logo.
10. Suivez des actions de chevaux et de superposition: Maintenant, dans cette conférence, nous allons ajouter d'autres
principes d'animation. Plus
vous ajoutez de principes d'animation à votre logo, mieux c'est et plus votre logo sera
réaliste. Nous ajouterons donc un chevauchement et suivi, et encore une fois, nous utiliserons les
paramètres de chemin, car c'est le
moyen le plus simple pour les débutants. [BRUIT] C'est probablement la
conférence la plus difficile de cette classe. Un conseil de workflow professionnel que je fais pour ne pas confondre dans toutes ces
images-clés et ces calques est que, je vais travailler
sur un calque spécifique, puis quand j'ai fini
tout ce que je veux en faire, je vais de l'avant et je le crains loin. De cette façon, je garde l'interface
propre et je ne suis pas confondu avec
beaucoup de calques et images-clés en cours de route.
Allons-y maintenant. Ce que le T sélectionné
clique sur Vous pour obtenir les images-clés. Ce que nous voulons
faire maintenant, c'est chevaucher les mains du T.
Au fur et à mesure qu'elle monte,
la main va se pencher et quand elle descend, les mains vont s'envoler vers
le haut. Nous allons ajouter deux autres images-clés de
chemin
au T. Maintenant qu'il commence
à monter comme ça, je vais aller de l'avant et
zoomer sur l'écran, cliquer ici, puis m'
assurer que vous avez sélectionné le chemin 1. Ne sélectionnez pas
celle-ci en bas, elle sélectionnera toutes les images-clés
et nous ne le voulons pas. Ensuite, avec l'outil de
sélection directe sélectionné, allez de l'avant et sélectionnez ce
point et ce point. Ces deux points ici, Control Command T. Vous
aurez ce cadre de sélection. Il y avait un point au milieu, vous le voyez probablement, vous ne le
savez probablement pas, mais le voilà. Pouvez-vous voir le petit ? Cliquez dessus et faites-le glisser
vers la gauche, comme ceci. Vous pouvez voir que maintenant le
curseur est passé en rotation. Nous allons aller de l'avant et faire pivoter
cette main vers le bas comme ceci. Une fois que nous avons terminé, cliquez sur Escape. Cliquez ici, maintenez la
touche Maj enfoncée, cliquez ici et affichez la commande T. Une fois que vous avez terminé,
cliquez sur Echap. Maintenant, ce que nous devons faire, c'est ajuster un
peu plus cela en ajustant les courbes et peut-être les
points qui déforment la forme en T, et pour ce faire, nous devons
sélectionner l'outil Plume. Celui-là, juste ici. Maintenant, si je clique sur ce point, vous pouvez voir que
rien ne se passe. Tout ce que je peux faire, c'est le déplacer vers le
haut ou vers le bas ou l'étirer. Si je veux le courber, j'ai besoin de poignées, et
pour créer des poignées, puisque nous ne les avons pas ici, maintenez Alt ou Option et
cliquez sur les points. Cliquez ici, cliquez ici,
puis cliquez ici. Vous verrez que nous
allons perdre les arêtes tranchantes sur les
bords arrondis mais nous pouvons les fixer, alors sélectionnez les
parties extérieures de la poignée, pas celle à l'intérieur. Maintenez la touche Alt enfoncée, cliquez sur, puis faites simplement glisser la souris Alt, cliquez et faites glisser le curseur vers l'arrière. Même chose ici, sélectionnez d'
abord, puis Alt et faites glisser. Maintenant, nous pouvons déformer
cela comme ça, cliquez ici et ajustez
ces courbes comme celle-ci. On y va. On y va. Je peux également le faire. Étirez-les un peu. Cool. Maintenant, passons ça. Ensuite, une fois qu'il commencera à descendre, donc de ce point à ici, nous ferons la même chose. Fondamentalement, la même procédure. Je vais juste aller de l'avant
et l'accélérer, mais cette fois, au lieu de baisser
les mains, nous allons les plier
parce qu'il descend. Par la force de sa descente, la main va monter. Donc V, pour l'outil de sélection, puis sélectionnez ceci, Commande de
contrôle T, et fondamentalement la même chose. [MUSIQUE] Une fois que vous avez terminé, vous pouvez cliquer sur V, et nous l'avons ici. Sélectionnez l'outil
Sélection directe, sélectionnez toute cette
zone vide pour désélectionner le T, et maintenant, une fois le T qui est
l'image-clé finale, je veux aller de l'avant
et l'écraser, alors sélectionnez le à nouveau, puis maintenez la touche Alt ou Option enfoncée, ainsi que les crochets droits à
couper à partir de la droite. Zoomez sur la chronologie,
puis
ajustez-le un peu. On y va. Maintenant, ce que je vais faire,
c'est d'abord dupliquer le T. On y va,
puis on ajuste ça. Puisque nous voulons l'écraser, nous devons dupliquer les calques,
puis appliquer de la morphine. Pour ce cours, nous
ne parlerons un type de morphine
, c'est-à-dire la morphine cadre, qui est celle que nous
allons appliquer maintenant, mais lors du prochain cours, maintenant, mais lors du prochain cours,
je
vous présenterai de nouvelles morphines. Quoi qu'il en soit, après avoir dupliqué cela ,
sélectionnez le calque ,
vous supprimez toutes les images-clés puis je vais le
mettre ici, donc juste au-dessus de
la dernière touche du premier T
comme ça. Maintenant, je peux ajouter une image-clé
pour le chemin, cliquer sur « S », puis une
image-clé pour l'échelle, mais commençons par
déplacer les points d'ancrage. Ces points déterminent à partir de l'endroit où l'
animation va commencer. Je veux que la balance
commence par le bas, donc je vais déplacer
celle-ci vers le bas. Sélectionnez ceci ou vous
pouvez simplement cliquer sur « Y » pour sélectionner l'outil de déplacement des
points d'ancrage, puis je vais déplacer
celui-ci vers le bas comme ceci et ajouter Echelle, cliquer sur « U », puis déplacer simplement ceux à droite, comme
10 images à droite. Je calculerai
10 images plus tard. Maintenant, ce que je veux que
tu fasses, c'est dissocier échelle et ensuite
écraser le T comme ça. Une fois que nous aurons fait cela, nous irons de l'avant et déformerons à nouveau
le T en utilisant la trajectoire. Sélectionnez la trajectoire, numéro 1, sélectionnez l'outil Plume, G pour l'outil Stylet, créez-les, poignées, puis réglons cela. Une fois que nous avons fait cela, la dernière chose que je dois faire est appliquer une oscillation d'amortissement. Fondamentalement, l'oscillation d'amortissement signifie que vous arrêtez de bouger un peu
votre rebond. Pour ce faire, nous devons d'abord nous
assurer que la distance entre les
images-clés est de 10 images. [BRUIT] 7 plus 10, c'est 17. Je vais déplacer ça un
peu vers la droite. On y va. Maintenant, je vais
à Window Duik Bassel. Assurez-vous que vous enregistrez la commande de contrôle de
projet S sélectionne l'outil de sélection. Sélectionnez celle-ci, animation, puis sélectionnez les deux
images-clés de l'échelle. Ensuite, nous pouvons appliquer cette
expression, Kleaner. Comme vous pouvez le constater, je
n'ai pas
simplifié ces images-clés car si
vous appliquez une expression,
vous ne pouvez pas le faire sur des
images-clés qui ont ces images-clés car si
vous appliquez une expression,
vous ne pouvez pas le faire sur des
images-clés qui ont des extrémités ou des sorties
faciles ou des fins faciles en général. Maintenant, je vais sélectionner
le calque, à nouveau, désélectionner et sélectionner pour afficher les contrôles d'effets, puis je vais décocher
l'anticipation. Si nous jouons ceci, laissez-moi ajuster la
longueur de ce calque. Nous en avons presque fini
avec la couche T. Ce que nous pouvons faire, c'est
sélectionner les deux T, cliquer sur U pour masquer
toutes les images-clés, puis nous pouvons les ombrer. Nous pouvons passer au
R. Avec le R, nous avons tout
appliqué à cela. Nous avons juste besoin d'appliquer
une rotation certaine profondeur et une oscillation pour donner une petite vie, U pour afficher toutes les images-clés. Je vais cliquer sur R pour l'instant, ajouter une touche de rotation. Alors c'est la position
initiale du R. Je vais le
mettre ici. Le R est au sommet, comme ça. Quand il démarre au début, je veux juste le faire pivoter un
peu vers la droite. Puis, quand il atteint
sa position finale, je veux le faire
pivoter un peu vers la gauche, puis me
déplacer un peu, puis appliquer la rotation zéro, la position
d'origine. [BRUIT] Ici
pour la position, c'est la position finale. Je vais aller de l'avant
et contrôler la commande C et dupliqué ici, puis revenir ici,
sélectionner celui-ci, puis baisser un
peu la
position en cliquant
sur les flèches sur mon clavier pour lui
donner un peu rebondir, juste une touche sur
la flèche vers le bas. Sélectionnez
ces deux images-clés et nous appliquerons également
des expressions à cela. Sélectionnez-les tous les deux, maintenez la touche Contrôle ou Commande enfoncée,
puis supprimez les Pour la rotation ici, je vais appliquer quelques assouplissements. [BRUIT] Ensuite, pour ces
deux images-clés, la position et la rotation, nous appliquerons une certaine profondeur et une oscillation
à l'aide du Kleaner. Encore une fois, je vais supprimer l'anticipation. Nous n'en avons pas besoin. Si vous jouez, vous voyez que c'est beaucoup
mieux, bien plus beau. Nous y allons, assurez-vous
qu'il ne dépasse la zone réelle.
Alors, ça a l'air bien. Ça a l'air bien. Ensuite, nous allons d'abord passer au P, puis nous travaillerons
sur les OO et S. Parce que le flux de travail
pour les OO et S est un peu différent de ce que
nous faisons actuellement. Encore une fois, nous en avons fini avec
celui-là, les ombres. Maintenant, trouvons le P, et pour le P, nous
allons appliquer un certain chevauchement, puis
suivre jusqu'à la queue du P. Ici,
nous avons sélectionné la couche P. Cliquez sur « U ». Une fois le P, qui est cette position finale, je vais aller de l'avant et ouvrir le groupe de contenu path [NOISE]. Sauvons ça. Comme vous pouvez le voir ici, nous avons le chemin 1 et le deuxième chemin. Cela arrive parfois lorsque vous souhaitez ajuster le
chemin d'une lettre. Nous avons deux chemins
et vous vous demandez, que dois-je ajuster le
chemin 1 ou le chemin 2 ? La réponse est simple. Vous cliquez sur le chemin 1. Vous pouvez voir ces points d'ancrage. Il y a des effets sur
le cercle à
l'intérieur du P. Nous ne
voulons pas travailler là-dessus. Nous voulons travailler sur la queue
du P. Nous sélectionnons la voie 2. Les gars, il suffit d'ajouter un
point ici. Ensuite, bougez. Permettez-moi également de montrer les autres
images-clés. On y va puis on ajoute les mêmes points au-dessus de
l'image-clé de la position finale. [BRUIT] On y va. Maintenant, ouvrons à nouveau le chemin. Cliquez ici pour désélectionner. Revenons ici. Quand il atteindra le sol, je vais le déplacer
un peu en arrière. Maintenant, avec le chemin 2 sélectionné, nous allons aller de l'avant et faire
la même chose que nous avons fait avec le T. Je vais
sélectionner ceci avec V, qui est l'outil de sélection, sélectionner les deux coupons de fin et le bas En bref, la commande C. Déplacez cela vers le haut, puis
tourne vers la droite, échappez à G pour le crayon Alts puis crée les poignées. Ajustez les coins. Ajustons un peu les
courbes. [BRUIT] Cliquez ici. Cliquez à nouveau sur Path 2
et ajustez-le. On y va. Maintenant, je vais passer aux derniers points. Le chevauchement se terminera ici. Ensuite, nous aurons un
suivi après l'arrêt, alors sélectionnez ces
points d'ancrage et
faites-le glisser vers la gauche et celui-ci aussi. Sélectionnez ensuite ces
points d'ancrage et placez-les ici. [BRUIT] Tous ces éléments et F9 pour une facilité et une facilité. Cliquons sur
« Jouer ». On peut peut-être déplacer ça un
peu plus vers la droite. Cliquons à nouveau sur « Jouer ». [BRUIT] Si vous n'
aimez pas accélérer l'animation, vous pouvez bien sûr ajuster la distance entre les
images-clés à votre goût. C'est mieux. Maintenant que
nous avons encore fini avec le T, vous devez masquer
toutes les images-clés, puis nous allons le faire briller. Maintenant, pour les faits saillants du récapitulatif
et cette conférence, nous timides calques pour
ne pas être confondus. Nous avons ajouté d'autres
principes d'animation à
l'aide des paramètres de chemin et
de la commande Transformer. Nous avons ajouté les gommages Kleaner de Duik Bassel pour quelques oscillations d'
amortissement. Nous avons ajusté la distance
entre les images-clés pour contrôler la vitesse
de notre animation. Ensuite, nous verrons comment réaliser une morphine de trame de base.
11. Morphing de cadre de base: Nous allons maintenant voir comment
transformer des
formes en lettres en douceur et discrètement. C'est le morphing du cadre , en
gros, le
moyen le plus simple de se transformer. Lors de mon prochain cours, nous parlerons d'un morphing plus
avancé. Maintenant, la première chose que nous devons
faire est de trouver les lettres
que nous voulons transformer car ce
ne sont pas des lettres, mais simplement des formes. Je montrerai tous
les calques cachés, puis j'afficherai O, puis O et S, et cachons le reste. Maintenant, je vais placer le premier
O sous le cercle numéro 1, second O sous le
cercle numéro 2, et le S est sous l'
animation S, ce qui est bien. Cool.
Commençons maintenant par le premier O. Cliquons sur « U » sur le
cercle numéro 1, et l'animation s'arrête ici, et le morphing
commencera ici. Maintenant, je vais aller de l'avant
et couper ce calque ici en maintenant Alt plus crochets droits ou Option
plus les crochets droits, et juste ajuster un peu
cela. Assurez-vous
également de masquer l'œil car ce calque ne
s'affiche toujours pas, alors assurez-vous que
l'œil est sélectionné. Ensuite, coupez ça ici. Maintenant, nous voulons changer la
couleur du trait en noir,
et pour ce faire, nous pouvons simplement la changer à partir d'ici. Sélectionnez le contour
, puis passez au noir. [BRUIT] Maintenant, cela se terminera ici, puis se transforme en O. Ensuite, pour le O, nous voulons appliquer à nouveau
des oscillations d'amortissement ou un rebond élastique
en d'autres termes. Tout d'abord, je veux modifier la position des
points d'ancrage pour l'animation, donc Y pour sélectionner les points
d'ancrage. Maintenant, regardez ça, il
tourne dans le sens des aiguilles d'une montre. Le O va rebondir de haut en bas. Avec le O sélectionné, je déplacerai les
points d'ancrage ici, comme ceci. V pour l'outil Sélection, S pour l'échelle, puis P pour la
position. Cliquez sur « U ». Sélectionnez les deux et
déplacez-les à nouveau dans des images quelque part ici. Nous allons zoomer sur la chronologie
pour voir quelle image nous sommes. Nous sommes sur le huitième cadre, donc 8 plus 10, c'est
18, donc ici. J'ai bien compris. Expérience. Cool. Maintenant, la prochaine chose à faire est de
tout désélectionner , puis de
dissocier la balance. Nous allons écraser ça. Vous voyez ce qui s'est passé ? Il s'est passé
quelque chose ici parce qu'il n'est pas
censé bouger comme ça.
Que s'est-il passé ? Où sont les
points d'ancrage ? Je ne le trouve pas. Oh, c'est ici. Comment
cela s'est-il produit ? Eh bien, ça arrive tout le temps. Maintenant, nous devons le faire depuis le début parce que nous
n'avons pas prêté attention. Restez ici, s'il vous plaît. On y va, ne bouge pas. Ajoutez de la position et de l'échelle, déplacez-les 10 images. C'est toujours en marche. Maintenant, baissons-nous
comme
ça, écrasons-le, écrasons davantage autour de 45 et ajustons
également la largeur, autour de 126. Maintenant, pour le poste, je vais juste en parler un peu, c'est comme
ça. On y va. Maintenant, sélectionnez tous ces éléments
et appliquez Kleaner. Supprimez l'anticipation. Maintenant, si nous cliquons sur « Jouer ». [BRUIT] Maintenant, vous pouvez voir
que c'est un peu lent. abord, vérifions s'il y a une distance de 10 images
entre les clés. Cette fois, je n'ai pas bien compris. On y va. Si
vous vous en souvenez plus tôt, nous avons parlé de
morphing et nous avons dit la meilleure chose pour le
morphing est de se produire
à la vitesse maximale
de l'animation. Puisque nous avons uniquement appliqué
facilement ces images-clés, la vitesse maximale n'est pas à
la fin de l'animation, mais elle se trouve quelque part
au milieu. Pour contourner ce problème, il suffit de couper un
peu le calque vers la droite comme ceci, puis de déplacer
l'animation
du deuxième calque dans
l' animation du
premier calque comme celle-ci. C'est à peu près
la même chose que le morphing au
sommet de la vitesse. Maintenant, il a l'air plus uniforme. [BRUIT] Cool. [BRUIT] Vous les cachez. Maintenant, nous faisons la même chose pour les cercles numéro 2 et O numéro 2. Maintenant, puisque le deuxième
cercle est en train de descendre, nous allons faire le contraire
de ce que nous avons fait plus tôt. Il va s'écraser et ensuite
rebondir un peu. Encore une fois, avec le O sélectionné, déplacez les points d'ancrage cette
fois vers le bas. V pour l'outil Sélection, puis ajoutez une image-clé
pour l'échelle, une autre pour la position. Déplacez-les 10 images, dissociez la
balance, baissez et réglez la position un
peu vers le bas, comme ceci. 23 plus 10 c'est 33, donc nous avons 10 images ici. Sélectionnez tous ces éléments, Kleaner, et supprimez anticipation du panneau Commandes d'
effets. [BRUIT] Encore une fois, faites la
même chose pour le morphing. Coupez un peu
du calque O, puis
déplacez-le à l'intérieur de l'animation. Cliquons sur « Jouer ». [BRUIT] Il a l'air mieux. [BRUIT] Encore une fois, disons-les. Enfin, nous
avons toujours le S et nous
ferons la même chose, mais il n'y a pas de mise à
l'échelle dans celui-ci. Nous allons juste
jouer avec la position et la rotation. [BRUIT]
Changez cela en noir. On y va. Donc, ça s'arrête ici. Coupez ici. Celle-ci,
apportez-le ici. [BRUIT] Maintenant, pour
le S, même chose. Y, baissez ces points
d'ancrage. V pour l'outil Sélection. Ensuite, nous ajouterons
une image-clé pour la position et une
image-clé pour la rotation, donc R pour la rotation
et P pour la position. Maintenant, je vais afficher toutes les images-clés. Je ne sais pas pourquoi le
point d'ancrage est animé ici, mais
il suffit de le retirer. On y va. Déplacez encore 10 images, donc nous sommes sur le 26e
plus 10 quelque part ici. Maintenant, pour le poste, je vais juste
le faire baisser un peu. Pour la rotation puisque cette
chose saute comme ça, vous pouvez voir qu'elle se terminera ici. Vous pouvez le voir descendre,
puis vers la gauche, ce qui signifie que la
rotation sera basse. La rotation du S ou de la
position sera abaissée pour position, puis la rotation
vers la gauche, pour créer cette continuité. [BRUIT] Appliquez certaines oscillations d'
amortissement, supprimez l'anticipation et faites la même chose
que précédemment. On y va.
Cliquons sur « Jouer ». [BRUIT] D'accord les gars,
et nous l'avons ici. Nous pouvons maintenant afficher toutes les couches. Ensuite, une autre chose
que je dois faire ici, supprimer le T.
Celui-ci, nous n'en avons pas besoin. Je suis juste confondu. Il s'agit du T numéro 2 et
de T numéro 1. [BRUIT] Pour
celle-ci aussi, nous devons déplacer un peu vers l'intérieur pour qu'il
soit plus uniforme. Maintenant, jouons l'animation
entière. [NOISE] Récapitulez les points forts. Dans cette conférence, nous
avons fait un
morphing de trame de base et nous avons appliqué oscillations de
courge et de dumping
pour compléter la morphation. Ensuite, nous ajouterons d'autres étapes facultatives pour rendre
notre logo plus intéressant, et nous ajouterons également des couleurs.
12. Étapes facultatives et ajouter des couleurs: Enfin, il s'
agit d'une étape facultative et vous pouvez l'utiliser pour améliorer encore
votre logo. Je recommande de l'utiliser,
mais si vous êtes fatigué, vous avez besoin d'un repos, je comprends. Mais respirez et
revenez et médiez. Cette étape facultative est incroyable, allons-y et voyons
ce que nous pouvons faire ici. Nous voulons dupliquer
le T ici, T décrit le numéro 3. Ensuite, je vais couper ça ici, et ensuite je vais le faire
descendre sous tous les T, mettrai ici,
voyons les images-clés de
celle-ci et de celle-ci. Maintenant, avec ce T sélectionné, je vais aller de l'avant
et le faire baisser, je vais tout sélectionner et baissons-le
un peu plus. Ensuite, je vais simplement sélectionner le chemin, puis l'
écraser encore plus, cliquer sur Afficher et
voyons l'animation. C'est mieux, je dois dire. Ces prochaines étapes sont
facultatives,
vous n'avez pas à les faire si vous n'en avez pas envie, mais
vous pouvez les faire plus tard. Maintenant, une autre chose que
je veux faire est d'
animer un peu
le cercle numéro 2, et le cercle numéro 1 parce qu'il commence comme un cercle entier, je ne veux pas qu'il commence
comme un cercle entier, mais peut-être juste comme
un point en ligne. Je vais sélectionner le
cercle numéro 1, ouvrir les images-clés,
ouvrir le chemin de décalage, et juste là où
nous voyons la trajectoire de décalage 1, je vais ajouter une
image-clé pour les montants, cliquer sur Vous, met les montants ici un
peu au milieu, puis, au début, diminuent les montants,
comme ceci. Peut-être plus, juste comme
ça, cliquez sur Play. Je ferai la même chose
pour l'autre, et je réduirai les montants à 6, nous
y allons, et bien sûr, appliquez [inaudible], comment
pourriez-vous oublier
ce qui vous est arrivé chez M. Maintenant, allons-y à l'avance et vérifiez le
tout une fois de plus. Maintenant, comme vous l'avez peut-être remarqué, nous n'avons pas du
tout parlé de couleurs dans cette conférence. Maintenant, il y avait une
raison à cela. Il y avait une raison pour laquelle je
n'ai pas parlé de couleur, et nous n'avons fait que des animations de logo en noir et
blanc. Voici le truc que vous les gars. Vous pouvez toujours ajouter des couleurs une fois
l'animation terminée. Par exemple, si je veux
ajouter de la couleur à n'importe quel calque, je peux simplement cliquer ici, je vais cliquer sur ce raccourci pour agrandir la
zone de montage, puis vous recherchez le remplissage, puis vous pouvez modifier
la couleur d'ici. Il vous suffit de cliquer et vous pouvez
répondre
au code hexadécimal donné par les clients ou par vous, qui que vous réalisiez
l'animation. Choisissons une
couleur, par exemple, je vais aller avec, je ne sais pas, ce
rouge ici, juste un exemple, puis cliquez à nouveau
sur les raccourcis, et maintenant notre T est coloré. Voici ce que vous voulez,
lorsque vous apportez un logo avec couleurs d'Illustrator
à Adobe After Effects, et que vous souhaitez
convertir les calques en calques forme, il y a de fortes chances que vous
rencontrerez toujours des problèmes de la conversion lorsque
vous convertissez les couches. La raison en est After Effect n'est pas très bon convertir des
calques avec des effets, des dégradés, ou tout style
appliqué au logo. Donc, si vous voulez le faire, vous devez vous assurer
que le logo provenant After Effects possède des couleurs unies. Parce qu'après avoir fait l'
animation dans After Effects, vous pouvez toujours ajouter des
éléments ici, nous pouvons ajouter des dégradés, ajouter des effets, nous pouvons ajouter tout ce que
nous voulions pour créer le animation. Mon conseil est si un client vous envoie un logo avec dégradés
et des effets et tout cela, vous devriez demander un logo
noir et blanc ou un logo d'une seule couleur. Maintenant, pour mon logo, je vais le garder ainsi, et la seule chose que je veux
faire ici est d'aller dans Calques, ou Calque, puis solide, puis je veux que l'
arrière-plan soit jaune. Vous voyez ce
code hexadécimal ici, il est identique à celui
utilisé dans le logo Mailchimp. Je vais garder mon
logo noir et jaune, comme le logo Mailchimp. Maintenant, amenez le jaune
ici au-dessus des blancs, et voici notre animation. Nous avons gardé des faits saillants, cette conférence nous avons dupliqué
la lettre T pour plus d'action dans notre animation. Nous avons animé la
trajectoire de décalage pour O et S, puis nous avons ajouté des couleurs. Ensuite, Outro.
13. Félicitations: Si vous l'avez inventé jusqu'
ici, félicitations. Vous avez maintenant suffisamment de connaissances pour créer une belle animation de
logo. Ce que je veux que vous fassiez ensuite, c'est d'aller l'
avant et de poster le logo que vous avez animé dans une
galerie de projets ici. Vous pouvez le publier ici et
vous pouvez également
le publier sur vos réseaux sociaux,
sur votre portfolio. Nous avons tout couvert, des restrictions de
logo aux principes
d'animation de logo, en passant par la
création d'animations de logo, et nous avons créé deux
projets, pas un seul. S'il y a une chose que vous
devriez tirer de cette classe c'est que l'animation consiste à
placer des images clés. L'image clé est ce qui
fait de l'animation. Tout le reste arrive
en deuxième position. Vous placez d'abord l'image clé,
puis vous les ajustez. Vous n'avez qu'un graphique de vitesse, vous ajustez la distance
entre les images clés. Mais c'est la chose la plus
importante sur laquelle se concentrer. Si vous aimez ce cours, n'
oubliez pas d'aller de
l'avant et de me suivre, laissez un avis pour que d'autres
personnes puissent le trouver. Bien sûr, vous
me suivez pour recevoir notification lorsque je
publie un nouveau cours. Cela étant dit, très
bientôt.