Transcription
1. Introduction au cours: Bonjour, mes amis.
Bienvenue dans mon cours. Dans mon cours précédent, nous avons réalisé une animation pour
le logo Skillshare Dans ce cours, nous allons
créer un logo simple, puis nous allons créer une animation de logo
minimale. Comme vous pouvez le constater,
je vais également vous montrer comment créer des versions en couleur et en noir
et blanc. Je veux que vous choisissiez la version en noir et blanc
ou la version couleur, et que vous la téléchargiez en
tant que projet de cours. Vous pouvez télécharger les supports
de
cours depuis l'onglet Ressources de téléchargement. Je tiens également
à mentionner que
je mettrai en ligne mes cours sur les animations de logo et différents sujets
liés à After Effects Je vous recommande
donc de rester à
l'affût. Merci d'avoir regardé.
2. Introduction: Bonjour, mes amis. Dans ce cours, j'aborderai quelques sujets liés aux
animations graphiques générales. Permettez-moi de souligner que
ce cours n'est pas un cours d'animation graphique très complet et
détaillé. C'est un cours où
je n'aborde que quelques sujets importants
liés aux animations graphiques. À la fin du cours,
vous aurez appris à créer l'intro que vous
voyez dans l'introduction Mon prochain cours sera très détaillé et
complet. Donc, si vous me suivez, vous ne
manquerez pas ce cours. Tout d'abord, j'ai créé une nouvelle composition à 60 images par seconde car il est important pour
moi d'obtenir une image plus fluide. Je crée un cercle à l'
aide du panneau ci-dessus. Je vais faire une simple
animation de position avec ce cercle. D'ailleurs, je dois mentionner que la proportion est très
importante dans la composition. C'est pourquoi vous devez savoir si
les formes se trouvent
dans les bonnes positions. Comment pouvons-nous le savoir
? En appuyant sur le bouton de sauvegarde du titre et de l'action , le point
central exact et les côtés de la composition
seront ainsi clairement définis. Créons maintenant une animation de
position simple. Comme vous pouvez le constater, lorsque nous
ajustons uniquement la première
et la dernière position, nous obtenons un mouvement rapide et constant. Lorsque nous sélectionnons les images-clés bouton droit de la souris et cliquez sur EaseS Nous pouvons maintenant modifier le graphique de cette animation comme
bon nous semble. Cette animation est bien
meilleure que la première. Je vais ajouter un effet d'écho et de rampe. Echo est un peu une version
plus prononcée de l'effet de flou cinétique L'effet de rampe est un effet
que nous utilisons dans les transitions de couleurs. Nous choisissons les couleurs
et leurs positions. Le programme crée la transition
de couleur pour nous. C'est tout ce qu'il y a à voir. Lorsque la forme vient vers
la droite, elle apparaît bleue. Quand il est sur la
gauche, il semble vert. Enfin, dans notre leçon d'
introduction, je
parlerai de l'image clé
enfoncée Il existe également une image-clé. Quels sont les types d'images-clés ? Le premier est un cadre clé
fixe. La seconde est une
image-clé accélérée que nous pouvons modifier, et la troisième
est une image-clé dans
laquelle l'animation intermédiaire n'est pas créée Nous appelons cette dernière image-clé
une image-clé à bascule. Si dans la première seconde, notre forme est à gauche, et dans la seconde,
notre forme est à droite. Dans la dernière image-clé, la forme se déplace vers la droite Il n'y a aucune transition entre
les deux. Oui, mes amis, c'est tout. Après cette leçon, nous aborderons le projet de cours.
Merci d'avoir regardé.
3. Projet de cours - Design de logo: Bonjour, mes amis. Dans cette leçon, nous allons créer
un logo minimal. Tout d'abord, je vais créer une
composition dans After Effects. Nom de la composition, animation du
logo. Full HD 60 FPS, couleur de
fond blanc. J'ouvre maintenant Illustrator
pour créer le logo. Tout d'abord, je crée un rectangle
et je mets la couleur sur le bleu. Ensuite, je copie le rectangle avec la touche C et j'appuie sur la touche F. De cette façon, je copie
la forme que j'ai copiée. Je fais pivoter la forme
en appuyant sur R. Faisons une rotation de 270
degrés. Je fais glisser la forme vers le coin de la première forme
pour créer une forme en L. Je vais maintenant créer
une forme carrée en
commençant par le
coin droit et en appuyant sur Shift. Je vais adoucir un peu
la forme en tirant sur les coins. Je
pense que c'est plutôt bien. Envoyez cette forme directement
à After Effects. J'utilise le connecteur de surcharge
pour transférer la sélection vers AE. Si vous n'utilisez pas Overload, vous pouvez l'enregistrer sous forme
de fichier Illustrator
et le faire glisser dans After Effects, ou vous pouvez enregistrer le logo en tant que logo transparent et
l'importer dans After Effects. Je vais prendre
les rectangles en forme de L et les mettre dans une composition différente,
première, deuxième partie Maintenant, je crée un carré
qui couvre cette forme. C'est facile à faire
dans After Effects. Déplace la sélection vers A E. Je
réinsère la première forme dans une composition afin que les deux formes ne se mélangent pas. Je redimensionne les deux formes à 60 %. Rendez-vous dans la prochaine leçon.
4. Animation d'écho et de position: I. Bonjour, mes amis.
Dans cette leçon, nous allons créer des
animations de mouvement ,
de rotation et de rebond dans l'ordre Tout d'abord, je veux qu'une forme carrée atteigne
le centre de l'écran. Ensuite, je vais créer
une autre forme et la forme
atteindra la forme carrée au centre de l'écran. La forme carrée deviendra
alors notre logo, et de façon réaliste,
notre logo apparaîtra, qui tournera et Le même carré que nous avons créé dans l'illustrateur et
nous sommes en train de le créer. La couleur doit être la même. Il est maintenant temps de créer
une animation en taille réelle. Nous apportons la taille 0-100 et nous lissons le mouvement à
l'aide d'un éditeur graphique Créez maintenant le même carré
avec After Effects. Au lieu que la forme
apparaisse en ligne droite, nous suivons le
chemin en spirale jusqu'à la position. Ce sera plus
agréable à voir. Il pourrait suivre une
autre voie. Mais le bout de la route se trouve juste
sur la place. Le mouvement doit être fluide, alors je clique au centre
du graphique et je coche la case. Cela empêchera le
mouvement d'être agité. Je vais faire de même pour
la deuxième partie. Les courbes doivent donc être
exactement comme ça. L'animation est prête. Maintenant, je vais
ajouter un effet d'écho. J'en ai parlé dans les tutoriels
d'introduction. Cet effet donne plus de dynamique pour réaliser
l'animation. Vous pouvez essayer différents
effets si vous le souhaitez. Tout dépend de votre créativité. Lorsque cette forme apparaît, le logo s'
élève puis tombe. L'animation consiste à ajouter un peu de fun aux lois
de la physique, n'est-ce pas ? Les mouvements qui sont
beaux à nos yeux sont en fait magnifiques dans la mesure où ils peuvent
embrouiller notre cerveau. Quoi qu'il en soit,
revenons au sujet. Nous allons créer des mouvements de position
et de rotation. Alors pourquoi le
graphique de position est-il comme celui-ci ? Parce que c'est rapide au début. Je veux qu'il se déplace à une
vitesse très proche de zéro
au pic, puis qu'il accélère
à nouveau lorsqu'il tombe. Voilà pour cette leçon. Nous utiliserons beaucoup la touche F 9 et l'éditeur graphique. Si vous débutez dans le domaine de l'animation, vous devez
bien les maîtriser. C'est très important. Merci d'
avoir regardé. Restez prudents.
5. Animation de rebond: Bonjour, mes amis. Dans
la leçon précédente, la forme carrée a heurté notre logo, puis notre logo s'est élevé
puis est tombé au sol. Je voulais que le mouvement
se fasse un peu plus vite, alors je leur ai demandé de saisir l'un l'
autre. Je l'ai rapproché. C'est bon, mais comme vous pouvez le constater, le logo n'est pas au
centre de la composition. Je souhaite déplacer le logo. Je le fais glisser vers le bas. Je créerai une
animation de rebond une fois qu'elle sera tombée. Le logo se trouve uniquement dans la
position où il se trouve. S'il reste et que le
logo ne s'étire pas, l'animation n'est pas assez
belle. Il existe différentes
manières de le créer, mais je pense que le plus simple est de
créer un objet vide, ajouter l'animation à
cet objet vide, puis de connecter le logo
à l'objet vide. Vous pouvez utiliser cette technique dans des animations de position complexes. Nous l'utilisons également pour les animations. J'ai créé un objet nul. Le point central
de l'objet nul doit se trouver juste au
milieu du bord inférieur. Dès que le logo aura terminé
le mouvement de position, nous créerons une échelle
avec l'objet nul. Nous allons créer l'animation. 100 %, 100 %. 120 %, 90 %. 90 %, 120 %. 100 %, 100 %. Je sélectionne les images-clés
et j'appuie sur F neuf. Je déplace les images-clés
un peu vers la gauche pour que cela se produise
un peu plus tôt C'est tout Rendez-vous
dans la prochaine leçon.
6. Transition de logo: Bonjour, mes amis. Dans cette leçon, nous allons
transformer le carré
au milieu de la
composition en logo. Tout d'abord, nous allons changer la couleur pour adopter la même
couleur que notre logo. Jetons un coup d'
œil à l'animation. Oui, exactement. Lorsque la
collision se produit, elle doit se transformer en logo. Sinon, comme vous le savez, ces animations n'
ont aucun sens Collision, et à ce moment-là, j'appuie sur Ctrl Shift et D pour scinder le logo
en deux parties. Et le logo doit apparaître
exactement à partir de ce cadre. J'ai également divisé la
couche du logo en deux parties. Cette fois, je supprime la
première partie du logo. Oui, je pense que c'est bien. Rendez-vous dans la prochaine leçon.
7. Rampe: Bonjour, mes amis. Dans cette leçon, nous allons ajouter l'effet de rampe. L'effet de rampe a été évoqué
dans les premières leçons. Nous utilisons l'
effet de rampe lorsque nous voulons deux couleurs différentes et
que nous voulons une transition fluide. Pour cela,
nous devons sélectionner deux couleurs et les
coordonnées de départ de ces couleurs. Je veux que le petit carré soit de la même couleur que le grand carré lorsqu'il atteint le dernier cadre. Sur la droite, ce sera
une teinte plus proche du rouge. Sur la gauche, il sera bleu. Et c'est tout.
Merci d'avoir regardé.
8. Animation de texte: Bonjour, mes amis.
Bienvenue. J'apporte quelques modifications mineures à
la première animation. Ça a plutôt bien marché. Dans ce tutoriel, nous allons
créer une animation de texte. Nous allons utiliser un code pour
créer cette animation. Vous pouvez télécharger ce code depuis la section
des ressources de téléchargement. Je tiens également
à souligner que de nombreuses
animations de texte différentes peuvent être réalisées ici. Nous n'avons pas réellement
besoin de ces codes, mais ils nous permettent de créer des animations de
texte de manière
plus pratique. Je veux que le texte du
haut sorte du bas
de la composition. Je veux également que le texte du bas descende du haut
de la composition. Pour ce faire, définissez la valeur de position dans
la deuxième image, nous la tirons de haut en bas. I. C'est bon, mais les textes apparaissent dans la
composition avant le logo. Je veux que cela n'arrive pas. Je déplace donc la couche de ces
deux textes vers la droite, et c'est tout.
Merci d'avoir regardé.
9. Noir et blanc: Bonjour, mes amis. Dans ce tutoriel, je vais vous expliquer comment créer une version en noir et blanc de l'
animation
du logo en couleur que nous avons créée. Tout d'abord, je sélectionne toutes les couches et je
clique sur précomposer C'est-à-dire que je crée une autre composition
dans la composition. Il est plus facile de les ajouter tous
à une composition et de colorer la composition plutôt que de sélectionner et de
les colorier individuellement. J'ajoute l'effet de remplissage au calque puis je
choisis la couleur noire. Je veux que le logo soit
noir au début, blanc au moment de l'impact,
puis noir à la fin. Je peux les faire individuellement
avec l'effet de remplissage. Mais comme le noir et le blanc
sont des couleurs contrastées, il sera beaucoup plus facile d'
appliquer l'effet inversé J'ajoute une couche de réglage
à la composition. J'ajoute l'effet d'inversion
à la couche de réglage. Je crée donc cette animation en modifiant les valeurs ici.
Merci d'avoir regardé.
10. Animation de ligne: Bonjour, mes amis. Dans cette leçon, nous allons ajouter une
animation linéaire à l'animation. Pour ce faire, copiez le petit
carré et redimensionnez-le. Lorsqu'il est suffisamment petit, il ressemble à un point, et grâce à l'effet d'écho que nous avons appliqué auparavant, il
ressemble à une ligne. Oui, nous avons terminé
notre projet d'animation, et vous pouvez le télécharger en
noir et blanc ou en couleur. Comme je l'ai mentionné, vous pouvez utiliser différentes formes que vous souhaitez
avec votre propre imagination. Merci d'avoir regardé.
À bientôt dans mon prochain cours.
Libra Studio / Batuhan, Motion Designer
