Transcription
1. Introduction: Bonjour. Je m'appelle Hongshu, et je suis concepteur de mouvement
basé à Toronto, au Canada. J'anime dans Adobe
After Effects depuis
plus de six ans. Actuellement, je travaille dans une agence de publicité
pour des clients comme Adidas, PayPal, Walmart et bien d'autres. Je suis ravi d'être ici aujourd'hui
pour animer une session en direct. Aujourd'hui, nous allons
travailler ensemble sur une
animation très simple et amusante. Il dure environ huit secondes. Je vais
vous apprendre comment travailler
dans Adobe After Effects,
le flux de travail entre Adobe Illustrator
et After Effects, quelques trucs et astuces, ainsi que quelques raccourcis
clavier. Ce cours a été enregistré
en direct, j'ai donc pu
interagir avec les élèves pendant que je travaillais sur ce projet. Sans plus tarder,
sautons directement dedans.
2. Préparation de votre fichier Illustrator: Je m'appelle Tiffany. Je travaille dans l'équipe
communautaire de Skillshare. Je suis l'hôte chanceux de la classe live d'
aujourd'hui avec le
meilleur professeur Hung Shu Quo. Nous sommes très heureux d'avoir
Hung Shu avec nous aujourd'hui. Il va
nous guider à travers des graphismes
animés faciles et amusants. Sans plus tarder,
commençons. Hung Shu, nous sommes très heureux
de vous accueillir ici aujourd'hui. Pourriez-vous nous
dire un peu qui vous êtes et ce que vous faites ? Bonjour, tout le monde. Bienvenue.
Je m'appelle Hung Shu. Je suis Motion Designer
basé à Toronto, au Canada. J'anime dans
Adobe After Effects depuis
plus de six ans. Travaille actuellement dans
une agence de publicité pour des clients tels que Adidas, PayPal. suis très heureux d'être ici aujourd'hui pour vous
montrer comment réaliser un graphisme animé
amusant. J'ai rejoint Skillshare il y a quelques années lorsque j'ai
commencé en tant qu'étudiant, et j'aime beaucoup la communauté. J'ai également appris beaucoup de choses
sur Skillshare. J'ai commencé à enseigner sur
Skillshare l'année dernière, et c'est vraiment une grande communauté
créative que les gens sont très
encourageants, donc c'est génial. Nous aimerions en savoir plus
sur ce que vous comptez
partager avec nous aujourd'hui ? Tout d'abord, je vais juste vous montrer
comment préparer ce fichier Illustrator avant pouvoir l'intégrer dans After
Effects pour l'animation. Si le fichier est prêt, ouvrons-le dans
Adobe Illustrator. C'est ce que j'ai ici. Comme vous pouvez le voir ici, j'ai toutes ces
couches séparées. Dans la plupart des cas, lorsque vous avez une illustration comme celle-ci, certains de ces éléments seront séparés lorsque vous le
faites, ce qui est génial. Mais le fait est que lorsque nous introduisons ce fichier dans After Effects, il ne sera pas séparé. Tous ces calques
vont être combinés en une seule illustration plate que vous ne pourrez vraiment
rien y faire. Ce que nous devons
faire en premier, c'est d'aller ce coin droit ici, de
cliquer sur ce calque. Si vous n'avez pas de couche, vous pouvez passer en haut de cette barre de
menus ici, allez dans Fenêtre. Ensuite, ici, vous pouvez
voir le panneau Calque. Cliquez dessus, puis
le panneau Calque est ouvert sur
le côté droit, et vous pouvez voir que tout
se trouve sur un seul calque. Si vous cliquez sur cette flèche ici, flèche de la
liste déroulante, vous pouvez voir tous ces différents éléments
à l'intérieur de cette couche. Il y a juste une
chose simple que nous devons
faire est de cliquer
sur ce calque 2, puis d'aller dans ce menu déroulant de
droite, ce bouton ici, cliquez dessus, puis allez dans Release
to Layers séquence. Une fois que j'ai cliqué dessus, vous pouvez voir tous ces éléments. Je peux basculer l'
icône de l'œil devant le calque pour le
rendre invisible et visible
sur le tableau. Toutes ces couches ne
sont pas séparées. Ensuite, ce que nous devons faire, c'est
simplement les sélectionner tous. Celui qui se trouve à l'intérieur du calque 2, sélectionnez-les tous, puis faites-le glisser
en dehors du calque 2. Une fois que nous les avons tous conduits à l'extérieur, la
couche 2 sera
vide pour que nous puissions la supprimer. Dans ce cas,
tous nos calques sont séparés les uns des autres, et c'est ainsi que nous
pouvons les intégrer dans After Effects pour animer
des calques individuels.
3. Organiser un projet After Effects: Ensuite, ce que nous pouvons faire, c'est nous pouvons intégrer ce fichier
dans After Effects, l'
organiser et commencer à animer. Si votre
After Effects est ouvert, allez dans Adobe
After Effects. Nous pouvons créer un nouveau projet. Si vous avez ce panneau ici, cliquez
simplement sur Nouvelle composition. Ensuite, nous pourrons renommer cette
composition en Main Comp. Faisons la largeur
jusqu'à 1920 par 1080. fréquence d'images nous pouvons le garder
à 25 images par seconde, puis la durée, nous pouvons juste la laisser à 15
secondes, ce qui est bien. Appuyez sur « Ok ». Maintenant, nous avons ce panel
ici, tous ces éléments. J'essaie d'aller
sur Windows en haut. Pouvez-vous voir le menu Fenêtre sur mon
écran tout en haut ? Oui. C'est là. Oui, parce que j'ai
aussi mes
commandes Zoom sur le dessus [CHEVAUCHEMENT]. Oui. C'est déroutant. [RIRES] Oui, ça
gâche avec mes clics. Si vous accédez à Windows et
que vous pouvez choisir Workspace, il
suffit de le définir sur Standard. Vous allez voir
les mêmes mises en page
dans After Effects que celles que j'ai en
ce moment. Si vous ne le voyez toujours pas, vous pouvez réinitialiser la mise en page standard
en mise en page enregistrée, elle sera réinitialisée à la disposition standard
par défaut. C'est ce que nous avons lorsque nous ouvrons Adobe After Effects pour la
première fois. abord, nous devons introduire
le fichier Illustrator. Nous allons dans le panneau en haut à gauche
ici qui dit, projeter, puis le moyen facile est simplement de
double-cliquer sur ce panneau, n'importe quel espace vide, double-cliquez. Il va apparaître
dans la fenêtre du Finder ,
puis accédons à notre fichier ici. Vous savez quoi ? [RIRES] J'ai oublié une chose, j'ai oublié de sauvegarder le dossier. [RIRES] Avant
de faire quoi que ce soit, assurez-vous d'enregistrer ce fichier, sinon
tous les calques ne seront pas séparés. Assurez-vous simplement de l'
enregistrer pour qu'il y ait tous les calques ici, puis revenons
à After Effects. Cliquez deux fois sur ce panneau de
projet ici. Naviguons vers le fichier
Illustrator que nous avons. Avant de cliquer sur quoi que ce soit, assurez-vous de l'importer en
tant que composition -
Conserver les tailles de calques au lieu d'un métrage, car
si vous le faites en tant que métrage, il va également tout
aplatir en un seul calque
que vous ne pouvez pas animer, vous devez
donc choisir cette composition -
Conserver les tailles de calques. Assurez-vous ensuite de ne pas cliquer sur ces deux-là,
car certaines personnes, sans se rendre compte qu'elles ont cette séquence Illustrator ouverte. Si vous l'avez vérifié, il sera très
difficile de le réparer plus tard, vous devrez
donc le réimporter. C'est très important. Puis cliquez sur « Ouvrir ». Maintenant, dans le panneau du projet, nous avons
deux éléments supplémentaires, un est un dossier contenant toutes les couches de notre fichier
Illustrator, et l'autre
est une composition. Si je double-clique sur
cette composition, vous pouvez voir que
cette œuvre est importée dans After Effects. Toutes ces couches sont
séparées. C'est très bien. Maintenant, je vous montre simplement comment
organiser les fichiers avant de
commencer à animer. Tout d'abord,
créons un dossier dans le panneau du projet et
appelons-le Assets. Bien. Ensuite, nous aurons besoin d' un autre dossier
appelé precomp. Pour ceux d'entre vous qui
débutent dans Adobe After Effects, les précomps sont comme des dossiers
dans Adobe After Effects. Il peut vous aider à
organiser des éléments
, puis à regrouper des
calques ensemble. C'est ce que nous appelons un
précomp dans After Effects. Maintenant, pour organiser ce
panneau de projet, je peux simplement déposer ce dossier dans les ressources, puis cela est considéré comme un précomp car
vous pouvez voir l'icône ici. Il s'agit d'une icône de précomposition. Nous pouvons le mettre dans les précomps. Maintenant, nous avons trois choses. Ce sont les trois
choses dont nous avons besoin. Nous allons avoir
la maquette principale, qui est l'espace de travail. C'est la seule comp dans
laquelle nous
allons animer. Nous avons un dossier qui
contient tous les actifs, puis nous avons
un dossier précomp nous aurons besoin ultérieurement. Pour commencer, nous
pouvons copier toutes nos couches Adobe Illustrator, simplement la commande A sur le
clavier et la commande C, copier et revenir
à la composition principale, coller dans notre comp principal. Ce sera
le comp dans lequel nous
allons animer. Maintenant, nous pouvons fermer celle-ci. Ensuite, je veux simplement
organiser ces couches et les
renommer pour
qu'elles soient faciles et claires. heure actuelle, vous pouvez voir ici le
nom de fichier qui indique CC.ai, qui n'est pas ce que nous voulons. Si je clique sur ce nom de
source ici, cette petite icône ou ce nom ici, il peut basculer entre le nom de la
source et le nom de la couche. nom de la source porte le
nom du fichier source, qui est assez long, ce n'est pas ce
que nous voulons. Nous cliquons dessus, cela va
afficher le nom de notre calque, qui est la couche 3-12. Ce n'est pas très utile non plus. Ce que nous devons faire, c'est simplement voir ce qu'ils
sont et les renommer. Celle-ci devrait être
le contexte. J'essaie juste de
savoir lequel est lequel. Tout d'abord, je veux
obtenir le calque d'arrière-plan. Vous pouvez maintenant voir la couche 7, la couche 10 et la couche 12. Si je bascule l'icône de l'œil, ces trois calques
sont l'arrière-plan. Nous devons regrouper ces trois
couches en un seul précomp. Le raccourci vers cela est Command Shift C. Vous pouvez
également voir sur mon écran ici. Appelons-le « Arrière-plan ». Cliquez sur « OK ». Maintenant, nous avons un précomp qui
indique l'arrière-plan, et vous pouvez voir dans
le panneau du projet nous avons un précomp supplémentaire Nous devons
donc déposer
cela jusqu'au bas dans le dossier précomp pour le
rendre organisé et propre. C'est un arrière-plan et
ensuite nous allons avoir les deux cercles ici.
C'est notre cercle. Précomplons-le à nouveau, Commande Maj C, appelons-le Cercle. Nous avons maintenant un cercle ici. Nous pouvons déposer celui-ci
dans le précomp. Nous avons maintenant trois précomps
dans le dossier précomp. Celui-là est le bâtiment ici, et ensuite nous avons ce bâtiment,
nous avons ce bâtiment. Les trois couches du milieu sont les trois bâtiments de
fond. Je veux cliquer sur cette
icône de couleur ici à l'avant et changer en jaune pour
qu' elle soit plus facile à reconnaître. Il suffit de renommer
celui-ci en Scène 3, appelons-le Scène 1. Le dernier je veux
que ce soit le deuxième, donc ce sera
la scène 2. Une, 2, 3, trois scènes. Ensuite, les deux derniers seront
le train que nous avons. Ensuite, celui-ci va
être le buisson. C'est ainsi que nous organisons les couches et organisons le panneau de
projet dans Adobe After Effects pour
que tout soit clair et organisé avant de
commencer l'animation.
4. Démarrer votre animation: La prochaine section sera consacrée
à l'animation. Tout d'abord, je veux
animer les trois scènes,
les scènes de fond d'abord. Comment faire cela, nous
allons simplement dans cette première scène ici et nous pouvons frapper sur
le P du clavier. Il y a une propriété de position. L'idée principale est
que ces trois scènes
vont du côté droit
au côté gauche. Ils vont venir
de droite à gauche, un par un. De droite à
gauche, quelque chose comme ça. Je dois ajouter une image-clé. À zéro seconde, je veux que cette première scène
commence par ici. Ajoutons une image-clé ici. Ensuite, en allant peut-être
à la marque de trois secondes, comme vous pouvez le voir sur
la chronologie ici, faisons glisser cette propriété de
position tout le long vers la gauche pour
qu'elle se déplace. Si vous cliquez sur la barre d'espace pour prévisualiser
l'animation ici, c'est
ce que nous avons maintenant. Si j'éteins
ces deux-là pour être clairs, nous ne pouvons le voir que maintenant. Nous allons appliquer
cette animation simple aux trois scènes afin qu'
elles aient une animation similaire, mais nous pourrons ensuite les échelonner
plus tard pour qu'elles
se présentent une par une afin qu'elles
ne se heurtent pas les unes aux autres. Celui-là, nous
allons faire bouger
celui-ci
de droite à gauche. Alors, voyons
la scène 2 ici. Appuyez sur P sur la propriété
position. Nous pouvons ajouter une image-clé ici. De la troisième seconde à la
probablement six secondes, nous pouvons voir
cette scène se déplacer vers la gauche. Allumons ensuite la scène 3. P sur le clavier pour position, puis nous allons
ajouter une image-clé ici. Quand tout
a commencé, j'ai voulu partir de
quelque part par ici
, puis passer
aux huit secondes. Pour le dernier, je ne veux pas qu'il se déplace complètement
vers la gauche car, dans la dernière seconde, je veux toujours un fond
dans mon cercle plutôt si je le bouge complètement à la fin
de l'animation, Il n'y
aura rien à l'intérieur. Ce n'est pas ce que nous voulons. Nous voulons que cela reste à l'intérieur
à la fin de l'animation, alors je vais la mettre ici
au centre. Ce sera
notre animation pour l'instant. C'est notre animation de
scène d'arrière-plan. Une fois que nous avons mis en place celui-ci, ce que nous pouvons faire, c'est animer le train. Le train va également être le changement de propriété de position, ce qui est très simple. Allons juste sur
P sur le clavier. Au début de
l'animation ici, pour celle-ci, je veux
essayer quelque chose de différent. Je veux cliquer avec le bouton droit sur la propriété
position, puis
appuyer sur des cotes séparées. De cette façon, vous pouvez modifier
manuellement les positions x et y individuellement au lieu de toutes en même temps. Puisque le train ne se
déplace qu'horizontalement, ne se déplace que sur l'exposition, nous
allons
donc modifier l'
exposition dans le train. À zéro seconde, nous voulons que
le train commence par la gauche quelque part par ici. Disons ensuite que l'animation va
durer huit secondes. À la dernière seconde, je veux que le train se déplace
quelque part ici. Faites attention à
ma chronologie ici. Si je clique sur N sur le clavier, cette plage d'
aperçu change. C'est ce qu'on appelle la plage de
prévisualisation. Si mon indicateur de chronologie
est à huit secondes, si je touche N, il va le couper
à partir d'ici. Je ne fais que prévisualiser tout entre zéro seconde
et huit secondes. Jetons un coup d'œil à
notre animation pour l'instant. Le problème à l'heure actuelle, c'est que le train se déplace trop lentement. Je veux que le train soit
déjà à l'intérieur du cercle, peut-être environ 1,5
seconde, donc je
dois accélérer un
peu plus le train ici. Ensuite, ça va aller de l'avant
lentement. Prévisualisons cela et
voyons la différence. Le train se déplace un peu
plus vite dans l'avant de zéro seconde à
1,5 seconde, puis il se déplace lentement
au milieu, de sorte que nous
voyons toute l'action ici, puis
environ huit secondes Il va s'arrêter là.
5. Créer un effet de parallaxe: La prochaine chose que nous voulons faire, c'est d'
animer les buissons. Nous voulons créer
cet effet de parallaxe. Nous voulons que le bâtiment à
l'arrière se déplace lentement, ce qu'ils font déjà. Ils se déplacent assez
lentement à l'arrière. Ensuite, nous voulons que ces arbustes se
déplacent
assez rapidement, assez rapidement pour créer
cet effet de parallaxe et vous
donner l'impression que le
train se déplace rapidement. Bien que, comme vous pouvez le constater, notre train se déplace
assez lentement
sans contexte, mais si
nous y ajoutons le buisson, cela va créer l'illusion que le train se déplace rapidement. Ce que nous devons faire, c'est de zoomer, de commander. Vous pouvez voir le raccourci
sur mon écran ici. Nous devons zoomer avant
, puis nous devons
aller sur nos couches de brousse. Voici nos couches de brousse. Désactivez l'
icône de l'œil sur le train. Il suffit de le cacher pour l'instant pour que nous nous concentrons
uniquement sur ces questions. Cette partie va être un peu difficile à comprendre
, mais supportez avec moi. Nous allons y
arriver. Tout d'abord, nous devons allumer notre règle, Commandement R. Vous pouvez voir qu'il y a
une règle sur mon écran ici. Si je fais glisser de cette partie ici, il va faire glisser une règle. Je veux juste avoir une règle
à la pointe de ce buisson ici. À la pointe, ici, vous pouvez voir qu'il
touche presque ce premier
arbre ici. Ce que je veux faire, c'est
que je veux dupliquer deux arbustes. Je vais à la commande D, dupliquer une, puis nouveau à
la commande D,
en dupliquer une autre. J'ai donc trois couches. Le premier buisson sera
le buisson central que nous avons
, puis nous allons faire glisser un vers la gauche. Ensuite, le troisième, nous allons en faire glisser
un vers la droite. Nous allons
étendre la longueur de ces arbustes pour que lorsque nous le déplacons
de droite à gauche, nous puissions le déplacer assez rapidement. Vous voyez cette partie, il y
a un problème ici. Ces arbres ici, je veux placer le buisson 2 sous le buisson 1, qui est le centre
pour couvrir ces sections comme croisées. La prochaine chose que nous voulons faire c'est simplement nous souvenir de cette ligne ici. Cette ligne touche le
tout premier arbre à gauche. La prochaine chose que nous voulons faire, de parier les arbres gauche et droit par
rapport à ceux du centre. Nous devons aller dans la brousse 3, puis faire glisser ce
bouton de fouet. C'est la parentalité. Si vous n'êtes pas familier
avec la parentalité, ce que cela fait, c'est qu' après avoir paré ces deux
buissons au milieu, quand je déplace le milieu, disons que si je frappe « P » sur la propriété position
puis faites glisser, les deux vont se déplacer
avec le milieu. Quelque chose comme ça. J'ai seulement
besoin d'animer le milieu et je n'ai pas besoin d' animer les trois
en même temps. Cela va accélérer
le flux de travail. Maintenant, ce que je dois faire, c'est ajouter une image clé sur la position. Désolé, je pense que la position
a changé, une seconde. Ici, vous pouvez
voir mon buisson 1. Cette ligne touche cet
arbre ici, ce qui est bien. Ensuite, ce que nous devons
faire, c'est
d'ajouter une propriété de position sur la
brousse au centre ici. Faites glisser le tout
vers la droite pour que le buisson
commence à animer à partir ici, puis peut-être
dans deux secondes, il se déplacera jusqu'à gauche. Maintenant, je dois zoomer. Ce que j'essaie de faire ici, j'essaie de
créer une boucle ici. Si j'éteins ce buisson 1, j'ai juste besoin de voir
que mon dernier buisson, le buisson 3, cet arbre touche cette ligne. C'est pourquoi je peux créer une boucle transparente de sorte que lorsque
je fais boucler cette animation, vous ne remarquerez aucune différence. Il va simplement se
déplacer continuellement de
droite à gauche. Celui-là, tout ce que j'ai besoin de
faire, c'est juste
décaler l'attache parce que nous allons avoir cet arbre au début. Il faut que cet arbre touche cette ligne ici,
puis à la fin, cet arbre touche presque la ligne afin que nous
puissions créer une boucle.
6. Créer une animation en boucle: Tout ce que nous devons faire, c'est de dupliquer
ces trois couches. Mais avant de faire cela, je veux créer une pré-composition,
Command Shift C. Maintenant je veux couper ce calque ici. La prochaine chose que je
veux juste commander D. Si je prévisualise cela, vous pouvez voir qu'il est
en boucle à l'intérieur du cercle. Mais c'est difficile à dire, car je n'
ai pas encore de masque. La prochaine chose que je dois faire
est de créer un masque pour
afficher uniquement la zone du cercle central
au lieu de tout. Je dois juste dupliquer
cette boucle ici. Ce que je dois faire,
c'est de créer une autre composition qui compose ces quatre animations, un groupe plus important pour héberger
ces quatre calques. Commande Shift C, Bush. Maintenant, nous avons cette couche unique. Ensuite, j'ai juste besoin
de faire glisser un masque. Allez en haut ici, allez
à l'outil Ellipse. Dessinez simplement un masque sur ce
calque et vous pouvez maintenir la
touche Maj enfoncée pour vous assurer qu'il s'agit d'un cercle
parfait, puis maintenez la barre d'espace enfoncée
pour déplacer le masque. Je maintiens Maj enfoncés et barre d'espace pour déplacer le masque, afin de m'assurer qu'il s'
aligne parfaitement avec le cercle. J'essaie d'aligner ça sur le
cercle ici. C'est bien. Maintenant, si nous regardons
cette animation ici, nous pouvons voir le buisson
bouger. C'est bien. Ensuite, nous avons l'arrière-plan, mais nous n'avons pas encore créé de
masque pour l'arrière-plan, donc vous voyez déjà
tout à l'extérieur. La prochaine chose,
ce que nous voulons faire, nous voulons faire la même chose. Il suffit de précomposer
les trois scènes. Commande Shift C.
Appelons ça Scènes, et maintenant nous pouvons simplement dessiner un masque. Assurez-vous que le calque de
scène est sélectionné, puis dessinez simplement un masque. Maintenez la touche Maj enfoncée pour vous
assurer qu'il s'agit d'un cercle parfait, puis
maintenez la barre d'espace enfoncée pour déplacer le masque afin que vous puissiez
tout aligner parfaitement. C'est bien. Ensuite,
effectuons un zoom arrière et jetons un coup d'œil. Une autre chose est que nous
pouvons simplement allumer nos couches de train maintenant. Vous pouvez voir le train.
7. Ajouter une piste matte: Pour le train, je veux
introduire une autre idée. Nous avons fait le masque
pour les buissons et les scènes pour que vous ne voyiez que
cette partie centrale. Mais pour le train, je veux
ajouter ce que nous appelons des tapis de piste. ce faire, nous allons
au calque, nous passons à une nouvelle couche, puis nous créons une couche
solide. Touchez Okay. Ensuite, nous devons encore dessiner un
cercle sur cette couche solide. Assurez-vous de cliquer sur
Maj, puis d'utiliser la
barre d'espace pour me déplacer. C'est bien. La prochaine chose est
que je veux ce cercle, renommons ça
en piste mattes. Je veux que ce cercle soit un tapis de
piste pour le train. La seule chose que nous devons faire est de nous assurer que ce tapis de piste
se trouve au-dessus du calque que vous vouliez sélectionner,
puis de monter dans le train
et de cliquer ici, il y a une fonction de mat de piste. Assurez-vous de le régler sur
Alpha Matte. Vous pouvez voir que cette couche est automatiquement
désactivée. Si vous ne voyez pas le tapis de
piste ici, vous pouvez cliquer sur
cette deuxième icône le coin gauche ici, et cette
colonne sera affichée. Ce qui arrive, c'est que chaque fois que
ce cercle supérieur est visible, le calque situé en dessous sera visible. Comme nous pouvons le constater, nous avons
le cercle au centre. Chaque fois que le train entre, le cercle
deviendra visible. Lorsque le train est
en dehors du cercle, il sera invisible. C'est comme ça qu'un tapis de piste fonctionne. Lorsque le train entre dans
le cercle au-dessus de celui-ci,
il sera
visible comme ça,
mais tout ce qui est
en dehors du cercle, vous ne pouvez pas le voir. Ce que je veux
faire, c'est que je veux changer cela parce que je ne veux pas que le train soit coupé
de la tête ici. Je veux simplement cliquer sur ces points d'ancrage sur le
masque des tapis de piste,
puis le faire glisser
un peu plus pour
que lorsque le train se déplace en
dehors du cercle, il apparaît toujours. Faites-le glisser encore plus. Si je le déplace à
l'intérieur, vous pouvez voir. Si c'est en dehors du
cercle, vous ne pouvez pas le voir. Nous allons juste nous assurer qu'il
se trouve dans cette zone ici. Faites-le glisser jusqu'à l'extérieur. Le train est toujours visible. Je vois encore un peu
la tête du train ici. Je dois m'assurer que
l'exposition est déplacée un peu plus vers la gauche. Prévisualisons cette
animation ici.
8. Ajouter d'autres éléments: Tout d'abord, je veux ajouter
une fenêtre contextuelle au début, une transition disant
révéler cette animation. Je ne veux pas que ça reste sur
la projection tout le temps. ce
faire, il suffit d'aller en
haut ici et de cliquer sur cet outil Ellipse et double-cliquer sur
l'outil Ellipse. Il crée ici une forme
ovale. instant, je n'ai qu'un trait
ici, je n'ai pas de remplissage, donc je dois créer
une couleur de remplissage. Assurez-vous de cliquer dessus
, puis de sélectionner la couleur jaune. J'ai déjà cette couleur
jaune ici. Vous pouvez utiliser l'outil Pipette pour sélectionner la couleur de votre choix. Nous allons annuler. Il suffit de cliquer sur « OK » J'ai cette couleur de remplissage
, puis je peux désactiver le Contour en maintenant l'option
enfoncée sur mon clavier. Je clique avec le bouton gauche plusieurs fois, ça va s'éteindre. Passons maintenant à cette forme ovale. Cliquez sur ce menu déroulant, cliquez sur ce chemin d'ellipse et vous pouvez voir qu'il y a une taille. Dissocions la
taille de la proportion pour que nous puissions transformer cette forme
ovale en cercle. Passons à 1080 par
1080 et c'est ainsi que nous
obtenons un cercle parfait. Je veux rendre ce cercle un peu plus petit, quelque chose comme ça. La prochaine chose que nous
voulons faire est d'
ajouter un autre masque
au-dessus de ce cercle. Je veux cliquer sur
cet outil Ellipse
, puis m'assurer de cliquer
sur cet outil de masque ici. Si vous ne cliquez pas
sur ce masque en haut, il va dessiner une autre
forme dans ce calque. Ce n'est pas ce que nous voulons,
nous voulons dessiner un masque dans ce calque, alors
cliquez sur le masque. Une autre chose est que lorsque
vous dessinez un masque, vous pouvez commencer par
le centre parfait puis, lorsque vous
le dessinez, assurez-vous de cliquer sur Maj sur le clavier
, puis de cliquer sur Commande
sur le clavier. Si vous appuyez sur Commande
sur le clavier, il va dessiner le
cercle à partir du centre. Vous voyez que lorsque
je clique sur Commande sur
le clavier, il dessine
le masque à partir du centre. Maintenant, j'ai juste besoin de
descendre au masque et animer l'une des propriétés qui est l'extension du masque. Si je bascule autour de
cette extension de masque, vous pouvez voir que mon masque
grandit et sort. Je veux appuyer sur cette horloge
ici pour ajouter une image-clé ,
puis faire glisser un peu cette image-clé vers l'
avant et m'assurer que le masque n'existe
pas au début. Faites-le glisser jusqu'
au négatif 369. Tant qu'il disparaîtra,
je devrais aller bien. Ensuite, si je bascule la chronologie, le cercle va
apparaître comme ça. Ensuite, je veux simplement
ajouter Easy Ease. Sélectionnez les deux images-clés, cliquez avec le bouton droit de la souris, puis Assistant d'
image-clé, Easy Ease,
en ajoutant simplement l'accélération. Ensuite, allez dans l'éditeur de
graphes ici, vous pouvez cliquer sur ce
graphique graphique pour le voir. Assurez-vous simplement de manipuler un peu
ce graphique pour
qu'il ait plus d'énergie. Le cercle va
sortir comme ça. C'est bien. Ensuite, nous voulons dupliquer
ce masque, la commande D, dupliquer ce masque, puis changer ce
mode de masque pour soustraire. C'est une astuce
que nous faisons toujours. Nous modifions le masque
pour soustraire
puis décaler les images-clés. Vous pouvez voir l'effet que
nous allons obtenir. Le masque dupliqué le modifie pour le soustraire, puis
décaler les images-clés. C'est l'effet que
nous allons obtenir après les deux masques que
nous ajoutons sur le cercle. Nous pouvons également manipuler le
timing comme bon nous semble. Mais pour l'instant, j'ai l'
impression que le cercle n'
est pas au centre, donc nous pouvons simplement déplacer cette couche entière pour nous assurer
qu'elle se trouve juste au centre. Cela fonctionne. Il ne me
reste plus qu'à retarder l'animation de tous
les calques situés en dessous. Il suffit de sélectionner toutes les animations que nous avons faites auparavant à l'
exception de l'arrière-plan
, puis faites glisser les calques quelques images vers l'avant pour qu'elles ne soient pas visibles à l'
écran au début. Peut-être faites-le glisser jusqu'ici. Je veux que le cercle
éclate d'abord
, puis révèle l'animation. Regardez-moi ça. C'est bien. Ensuite, la prochaine chose que nous voulons
faire, c'est d'ajouter des pistes vocales comme
si le train se déplaçait rapidement. ce faire, nous devons
aller en haut ici pour sélectionner cet outil Plume, puis zoomer. Nous allons dessiner deux points. Dessinez une ligne comme celle-ci,
puis passez en haut ici, assurez-vous que
l'option Remplissage est désactivée, maintenez-la enfoncée sur le clavier. Cliquez trois
fois sur le « Remplissage » , puis passez au Contour, assurez-vous qu'il est de couleur blanche. Maintenant, nous avons cette ligne blanche ici, mais j'ai encore besoin d'
épaissir la ligne, quelque chose comme ça pour changer
le trait de la ligne à neuf points, puis changer
le Butt Cap par un capuchon rond. Nous avons maintenant une ligne ici. Ensuite, nous devons ajouter une trajectoire de coupe. Allez sur cette ligne
que nous venons de dessiner, ce calque, puis ici,
il y a le bouton Ajouter. Vous pouvez cliquer dessus, nous
pouvons ajouter un effet Trim Path. Il a ajouté un effet Trim
Path ici. Si je bascule le pourcentage de fin et de
début ici, vous pouvez voir que la ligne est
en train de dessiner et de descendre. Ici, cette seconde, nous devons peut-être juste
environ une demi-seconde, cliquer sur l'horloge
ici pour poser deux images-clés et changer la valeur finale
à zéro, donc 00, les deux
en commençant à zéro, puis sur 10 images. Commande Maj flèche droite, c'est
ainsi que vous avancez 10 images et modifiez toute
la valeur à 100 pour cent. Ensuite, nous pouvons tous les sélectionner, Assistant d'
image-clé, cliquer avec le bouton droit,
puis Easy Ease. Allez dans l'éditeur de graphes, comme nous
l'avons fait auparavant. Il suffit de faire glisser ces courbes pour
s'assurer qu'elles ont plus d'énergie. Ensuite, nous devons
simplement décaler l'image-clé. Après cela, c'est l'effet que
nous allons obtenir. On voit les lignes presque
comme une piste de vitesse. ce moment, il se déplace trop vite, donc je dois faire glisser les
deux images-clés à la fin peut-être un peu plus loin pour
qu'il ait plus de temps. Je dois décaler ces
deux clés d'encore plus. Comme vous l'aimez,
mais je pense qu'en ce moment, cela
fonctionne plutôt bien comme ça. C'est cool et maintenant nous avons
juste besoin d'en ajouter d'autres. Le moyen le plus simple consiste à
dupliquer ce calque, Commande D. Ensuite assurez-vous de revenir
sur l'outil Sélectionner, sinon vous continuerez à dessiner avec votre outil Plume. Revenez à cet outil de
sélection, puis vous pouvez modifier sa position et peut-être le poser ici. Mais nous ne voulons pas qu'ils
apparaissent en même temps, nous pouvons
donc décaler un peu le
cadre. Vous pouvez appuyer sur U
sur le clavier pour afficher l'image-clé
, puis nous pouvons faire glisser celle-ci un
peu vers l'avant pour qu'elle se produise à une seconde différente. C'est bien. Ensuite, nous pouvons
en dupliquer un autre, le
faire glisser jusqu'au sommet. Mais ici, je veux que ce soit plus
court que si long. Je dois revenir à l'outil
Plume, puis cliquer sur cette extrémité de la ligne et le
retirer un peu pour que
cette ligne soit plus courte. Si nous prévisualisons, c'est
ce que nous allons obtenir. Nous avons deux longues lignes
, puis une courte ligne.
Quelque chose comme ça. Maintenant, comme nous en
avons déjà
trois pour accélérer les choses, nous pouvons dupliquer trois commandes D
ensemble, puis les
faire glisser toutes vers l'
avant pour
qu'elles se répètent. Mais quoi que vous vouliez faire, vous pouvez le
changer à
différents endroits, en modifier la longueur
puisque votre animation
est déjà présente. Vous n'avez pas besoin de changer autre
chose que la position et la longueur de
la ligne de vitesse. Effectuons un zoom arrière et jetons
un coup d'œil à notre animation.
9. Ajouter une couche de réflexion: La dernière chose que nous voulons faire, c'est que
nous voulons ajouter un effet de brillance ou vous pouvez appeler cela une
réflexion sur le train. Comme si le
train réfléchissait les lumières
du soleil ou quelque chose comme ça. La façon de le faire
est tout d'abord d'aller dans mon calque , puis de créer un nouveau solide. Créons un calque solide, puis je veux
accéder à l'outil Plume. Je veux dessiner quelques formes ici. Il suffit de dessiner une forme qui
ressemble à un reflet. Peut-être une plus épaisse, puis une plus fine. Celui-là va être ici. Cela va
être notre reflet. Ensuite, nous allons regarder correctement la
position du clavier. Cliquez avec le bouton droit sur «
Dimensions séparées », donc lorsque le train
se déplace ici, je veux que cela se déplace
du côté droit vers la gauche. Je vais juste passer par
le train. C'est bien. Ensuite, je veux
en dupliquer un autre, et le modifier légèrement, sorte que lorsque le train se
déplace, ces deux-là passent par le train,
quelque chose comme ça. Cela va
être notre reflet. Nous allons juste le pré-compiler. Commande Shift C. C'est ce
qu'on appelle un effet de brillance. La prochaine chose
que nous voulons faire, tout comme le tapis de voie dont nous avons parlé auparavant, je veux utiliser le train comme
tapis de voie afin que
chaque fois que le train est visible, ce reflet soit visible. Je dois dupliquer ce calque de
train, la commande D, puis le placer jusqu'au
dessus de ce calque de brillance, puis définir le mat de piste
sur le calque de brillance sur le calque
alpha. Maintenant, vous pouvez voir chaque fois que
ce train est visible, l'éclat est visible. La prochaine chose que nous voulons faire, est que
je pose ces deux couches
au-dessus de notre couche de train. Essayons de définir un mode de fusion
différent. Mettons-le à une lumière douce. Si nous le réglons en mode de
mélange de lumière douce sur
le calque de brillance, c'est
ce que vous avez, et vous pouvez toujours voir un
peu de couleur jaunâtre. C'est à votre choix. Vous pouvez également le changer
en blanc si vous le souhaitez. C'est l'effet que
nous allons obtenir. Prévisualisons l'animation. C'est très subtil,
mais il est efficace. Cela va aider
à raconter des histoires et la rendre plus réaliste. heure actuelle, vous pouvez toujours voir l'
effet de brillance en dehors du cercle. Une autre chose que nous devons faire, nous devrons peut-être
pré-composer celui-ci à nouveau, le train et l'éclat, Commande Shift C. Précomposer
les effets de brillance, puis changer ce mode de
fusion de calques en lumière douce. Dessinons un autre
masque au-dessus de
cet effet de brillance pour nous assurer qu'il n'apparaît qu'à l'
intérieur du cercle. Si nous cachons la règle, c'est notre dernière animation. Vous pouvez toujours voir
la ligne de vitesse et la réflexion sur le train, puis nous avons l'
arrière-plan en mouvement, et nous avons les buissons en mouvement. Une fois cette
animation prête, nous pouvons l'exporter vers un GIF et la partager sur Internet. ce faire, nous Pour ce faire, nous
allons dans le
menu de composition en haut,
puis ajoutons-le à la file d'attente
Adobe Media Encoder. Pour exporter un GIF, nous devons disposer de ce logiciel Adobe Media Encoder,
un autre logiciel. Normalement, lorsque nous exportons au format
mp4 ou au format GIF, nous l'utilisons toujours
car c'est assez rapide, et quand il s'agit d'un rendu, vous pouvez continuer à travailler d'autres éléments dans After Effects. Vous n'avez pas besoin d'
arrêter votre travail. Il est
complètement rendu en dehors d' After Effects dans un
logiciel différent d'Adobe, qui fonctionne plutôt bien. Je ne sais pas pourquoi il s'agit de vérifier. Allez. Juste une dernière
étape pour exporter le GIF, et ça me manque. Les choses
semblent toujours ne pas se passer comme elles se passent
habituellement lorsque
les gens regardent. Oui. Eh bien, c'est génial. Pendant que nous attendons qu'il
soit exporté et que nous franchissons cette dernière étape, peut-être pourrais-je
passer une ou deux questions ? Oui, c'est sûr. Cool. Il y a en fait une de
questions vraiment géniales qui tonne
de
questions vraiment géniales qui
se posent autour de la vie d'un
graphiste de mouvement et d'animateur, comment commencer, etc. Vous demandez si vous pouviez partager
un peu comment vous avez débuté dans l'industrie, avez-vous remarqué des
schémas et quelles compétences sont les plus demandées ou que
les gens recherchent, des
suggestions sur la façon de créer un portefeuille ou un démo reel à propos de ce processus de
démarrage ? Oui, définitivement. Lorsque j'étais à l'université, ma spécialisation est le
graphisme, mais nous avions aussi graphismes
animés, mais nous
n'apprenons les bases de l'animation et certains effets secondaires. Après avoir obtenu mon diplôme, j'ai travaillé comme
graphiste pendant quelques années. En même temps, j'apprenais aussi en ligne
parce que j'aime vraiment graphismes
animés et que je faisais un tas de
tutoriels en ligne, je suis allé à Skillshare pour apprendre, il y a des tutoriels YouTube
partout et il y a aussi comme d'autres sites qui peuvent vous apprendre à
réaliser des graphismes animés. Pendant que je faisais mon travail de jour
comme le graphisme, comme après le travail, je
rentre toujours chez moi, puis j'ai commencé mon propre projet comme
faire des choses ici et
là . C'est
ainsi que j'ai créé mon portfolio. J'imite simplement ce que
font d'autres personnes dans leur
tutoriel car comme la bonne chose est pour la bobine de
démo, vous n'
avez pas à montrer la
pièce complète la plupart du temps, vous ne montrez que quelques
secondes c'est génial et ensuite, avec toutes les
informations en ligne vous pouvez
créer quelque
chose de génial pendant
quelques secondes ,
puis passer
au projet suivant et ensuite avoir un tas de des pièces géniales assemblées peut-être comme une minute de démo. C'est ainsi que j'ai
lancé ma bobine de démo et je continue à apprendre des cours
en ligne. Après trois ans à faire mon travail de jour en
graphisme, j'ai l'impression d'être confiant avec mes
compétences After Effects, alors je quitte mon travail et je
sors chercher un
mouvement des travaux graphiques, quelque chose qui marait comme le concepteur de graphisme de
mouvement. Heureusement pour moi, il y avait
cette agence de publicité, ils ont adoré mon travail, ils n'ont même
rien dit parce que pour nous designers ou artistes comme parfois des diplômes ou des
universités n'ont pas d'importance, où que vous soyez diplômé n'a pas d'importance
tant que vous avez un bon travail et que vous
êtes amical avec les gens. La plupart des entreprises lorsqu'
elles embauchent se soucient du processus
de réflexion de votre travail et aussi de la qualité que vous faites, quelle mesure votre métier est-il bon ? Ma suggestion à
quiconque vient de
commencer est de continuer à pratiquer
parce que ces choses,
parfois ce sont des choses simples comme cette animation que je peux
probablement si je n'enseigne pas Je peux le faire peut-être en
20 minutes
, mais il faut du temps pour m'entraîner pour pouvoir le
faire pendant 20 minutes, il faut des années de pratique et parfois on apprend
une technique et on se sent vous le savez, mais
la prochaine fois que
vous en aurez vraiment besoin et que
vous devez le faire, vous avez oublié. Je trouve que la chose la plus gratifiante, c' est comme non seulement regarder des tutoriels ou des cours,
mais aussi
le faire et ensuite peut-être mettre mon propre style, personnaliser comme quoi
qu'ils enseignent, peut-être qu'ils ont un storyboard, vous le personnalisez, vous créez un autre ensemble d'
animation qui appartient et vous pouvez le
mettre sur votre bobine de démo. C'est ce que je trouve
le plus avantageux Ai-je manqué l'un des points que vous avez déjà dit ? C'était génial, tellement génial.
Merci beaucoup. C'était vraiment intéressant de savoir
comment vous avez débuté
vous-même en tant qu'étudiant sur Skillshare et
comment vous y êtes parvenu. Faites passer cette dernière étape. Doit-on l'essayer à nouveau ? Oui, j'essayais de le faire
parce que je pense qu'il s'est fermé sur lui-même, alors j'ai déjà cliqué dessus à nouveau, essayé de l'ouvrir. Les doigts croisés. Oui, ajoutons-le à
la file d'attente à nouveau. Combien de temps dure habituellement cette
étape ? Normalement, cela ne prend quelques secondes, mais j'ai juste de
la difficulté à
ouvrir le logiciel lui-même car
si vous l'avez ouvert, il ne devrait pas prendre une
seconde pour le rendre. Y a-t-il d'autres
questions auxquelles vous aimeriez que je réponde ? Bien sûr. Donc,
un de nos
élèves veut savoir vous prévoyez de publier plus de
cours sur des vidéos explicatives comme comment ajouter de la musique ou effets
sonores à des vidéos
explicatives ? Oui, je prévois une autre
vidéo explicative en ce moment et ça devrait être sorti comme
dans un mois ou deux espérons-le, parce que j'ai
quelques projets,
comme des cours différents qui se déroulent à en même temps, donc
oui, définitivement. Pour les effets spéciaux
, il s'agit de deux zones. L'un est des effets spéciaux, l'autre est le graphisme
animé. Ils se croisent
à coup sûr, mais pour moi, je ne me considère pas comme un type d'effets spéciaux. Il faut un ensemble de compétences
tout à fait différent pour apprendre des effets spéciaux, c'est vraiment difficile, je trouve ça vraiment difficile. Mais si vous êtes impliqué, vous pouvez
probablement trouver d'autres enseignants qui enseignent
des effets spéciaux sur Internet, je ne suis pas très
doué pour être honnête. Je concentre principalement
mes cours sur graphismes
animés et
surtout pour les débutants
pour commencer. C'est ce que j'ai
ressenti quand j'
ai commencé, il est difficile trouver des cours
qui vous apprennent comment pour réaliser de vrais projets et comment vous enseigner
systématiquement comment
réaliser le projet réel. C'est avantageux
pour moi lorsque j'ai
commencé à trouver un seul cours sur Skillshare pour pouvoir travailler sur
des projets réels.
10. Réflexions finales: Assurez-vous simplement de partager votre projet dans la galerie de
projets ci-dessous, afin que vous puissiez obtenir des commentaires
et vous encourager mutuellement.
Hongshu Guo, Motion Designer
