Guide-De-Survie 3eme-Édition Mappingmotion MAJ 04 2021-1
Guide-De-Survie 3eme-Édition Mappingmotion MAJ 04 2021-1
Guide-De-Survie 3eme-Édition Mappingmotion MAJ 04 2021-1
MAPPINGMOTION.COM
3
GUIDE DE
SURVIE
LE GUIDE DE SURVIE
DU DÉBUTANT
SUR AFTER EFFECTS
5
Q U I S U I S -J E
QUI SUIS-JE ?
Graphiste depuis 2009, motion designer depuis 2015.
J’ai commencé mes premiers projets en projection vidéo en
2017.
Jeremy Fassio
6
Chapitre 1
7 CONSEILS
POUR DÉBUTER
EN MOTION
7
1 / 7 CO N S E I L S
1 – SE FORMER UN PEU TOUS
LES JOURS
Commencez par suivre une chaîne Youtube De plus, vous pourrez ressortir votre fichier de
dont vous avez aimé le contenu et réalisez travail à l’occasion pour vous rafraîchir la mé-
leurs tutoriels les plus populaires. moire ou simplement pour gagner du temps
Essayez de faire un tutoriel par jour pendant 1 sur un nouveau projet.
mois. Si vous tenez un mois, pourquoi ne pas le
Commencez avec des tutoriels très courts, faire sur 1 an ? Imaginez 365 tutoriels réalisés,
entre 5 et 15 minutes maximum afin de rester 365 techniques que vous aurez dans votre
concentré et surtout d’être régulier. “bibliothèque” de motion designer. Cela fera
une différence énorme sur 1 an, 2 ans ou
Faites-les vraiment plutôt que de simple- même 5 ans.
ment les regarder. Vous allez augmenter
votre niveau technique assez rapidement en Autant vous le dire tout de suite, vous n’avez
quelques semaines. pas fini d’apprendre! Le motion design né-
Vous verrez que par la suite vous serez ca- cessite de fortes compétences techniques
pable de suivre des tutoriels en accéléré pour qu’il faudra acquérir en formation continue.
en visionner 2 fois plus. Alors mieux vaut commencer tout de suite.
Voici quelques chaines youtube et Vimeo dont j’aime regarder les vidéos :
8
YOUTUBE
MA CHAINE YOUTUBE
Retrouve sur ma chaine youtube toutes les semaines
des vidéos tutoriels pour t’aider à progresser.
1 / 7 CO N S E I L S
2 – RENCONTREZ D’AUTRES MOTION DESIGNERS
(EN LIGNE ET EN VRAI)
Que ce soit sur internet ou en vrai rencontrez vos compères.
Vous devrez pour progresser rapidement rencontrer d’autres personnes avec qui échanger.
N’ayez pas peur d’approcher des personnes d’un niveau plus avancé que le votre vous seriez surpris à
quel point ces même personnes peuvent parfois vous aider et vous débloquer sur des problèmes précis.
Vous pouvez aller sur des groupes facebook ou des forums mais je vous recommande vraiment de
sortir de chez vous et d’aller dans des meetup ou autre apéro et rencontrer de vrai personnes. Si il
n’y en a pas près de chez vous créé en !
L’effet de groupe stimule, il est fort probable que vous rentriez d’un évènement encore plus motivé
qu’avant.
10
1 / 7 CO N S E I L S
4 – SE FORMER EN DESIGN GRAPHIQUE
Dans motion designer il y a aussi “designer”
et vous ne serez probablement pas surpris si
je vous parle de design graphique ici.
11
1 / 7 CO N S E I L S
5 – TRAVAILLER AVEC D’AUTRES MOTION DESIGNERS
J’ai longtemps travaillé dans mon coin, par la Vous pouvez aussi avoir à vous échanger les
force des choses, en temps que freelance. fichiers sources. Cela permettra d’apprendre
Par la suite je me suis retrouvé dans des com- des petites techniques et astuces que l’on
pagnies où j’étais le seul motion designer. trouverait pas forcement dans un tutoriel.
Cela permet de toucher à tous les projets et
par la même de progresser rapidement, mais Attention toutefois à bien respecter la pro-
il arrive au bout d’un moment que l’on tourne priété intellectuelle des créations de votre
un peu en rond. partenaire.
Le fait de travailler sur un projet avec d’autres De plus cela peut créer une émulsion créative
personnes permet de se confronter à d’autres et vous permettre de vous challenger positi-
manières de faire. Voir les solutions trouvées vement les uns les autres.
par d’autre à un problème auquel vous vous
êtes confronté est très enrichissant.
Leurs avis seront souvent bien plus francs Cela permet également de dégager les ten-
que ceux de vos proches. Même s’il peut être dances graphique pour vous orienter un peu
intéressant d’avoir des retours de personnes dans vos créations. Mais s’il vous plait ne res-
en dehors du motion, il est probable que tez pas seulement sur pinterest et instagram.
votre mère ou votre conjoint ne seront certai- Diversifiez vos sources d’inspiration.
nement pas les personnes les plus objectives
pour juger votre travail.
12
Chapitre 2
INTRODUCTION
AUX CLÉS
D’ANIMATION
13
2/ CLÉS D’ANIMA
INTRODUCTION AUX CLÉS D’ANIMATION
Les clés d’animation (keyframes en anglais) sont au coeur de
l’animation dans After Effects.
Pour ceux qui débutent en motion design mais aussi pour les
autres je vous ai préparé une introduction aux clés d’anima-
tion.
Interpolation de mouvement extrait du livre The Animator’s Survival Kit de Richard Williams
14
2/ CLÉS D’ANIMA
Dans After Effects on retrouve donc des clés d’animation avec la
même fonction de définir des images structurelles. La principale
différence est que vous n’aurez pas à dessiner toutes les images
intermédiaires entre 2 images clés.
After Effects va créer toutes les images entre les différentes images
clés. On appelle cela une interpolation de mouvement.
15
2/ CLÉS D’ANIMA
Chaque fois que vous définissez des images clés, After Effects crée
un chemin de mouvement (motion path en anglais) entre ces
images clés. La trajectoire créée dicte le mouvement de l’élément.
Vous pouvez l’ajuster en ajoutant des images clés supplémentaires
ou en ajustant la courbe de la trajectoire.
Réalisez- vous maintenant à quel point After Effects est une au-
baine pour tout animateur en herbe au 21ème siècle ?
Notez également que la majorité des logiciels d’animation 2D ou
3D fonctionnent sur le même principe d’utilisation de clés d’anima-
tions.
16
2/ CLÉS D’ANIMA
Il existe 4 principaux types de clés d’anima- Notez également qu’il existe un 5ème type de
tion, représentés par 4 symboles différents. clé qui est une combinaison de deux autres.
Elle correspond à la clé de base lorsque l’on continue sans variation entre le point de dé-
génère une clé. part et le point d’arrivée.
Par exemple, lorsqu’on animera les valeurs de Mis à part certains cas, elles sont générale-
position d’un calque, le déplacement entre ment à proscrire et il vaut mieux privilégier
les deux clés d’animation se fera à une vitesse les clés bézier.
17
2/ CLÉS D’ANIMA
2 – LA CLÉ LISSÉE (EASY EASE)
Il s’agit d’une clé d’animation sur laquelle on poignées afin de jouer sur la vitesse.
a appliqué une courbe de bézier. Pour les uti-
lisateurs du logiciel Illustrator, ce terme vous Il s’agit certainement des clés d’animations
est sûrement familier. Pour les autres, sachez que j’utilise le plus, elles offrent une multi-
simplement que l’on a avec ces clés un dé- tude de possibilités.
marrage progressif et un ralentissement de
fin. On peut ajuster la courbe de bézier par les Pour créer des clés lissées cliquez sur F9.
L’auto bézier crée directement une courbe bézier continue. J’utilise assez peu ces clés,
bézier. Le mouvement entre deux clés au- peut-être à tort, faites-moi savoir en com-
to-bézier sera ralenti “smooth” au début et à mentaire si vous en faites une utilisation
la fin. personnelle.
Ce qui rajoute plus de réalisme aux anima- Pour créer des clés auto bézier cliquez Cmd
tions. Malheureusement il offre très peu de (Ctrl) + clique.
contrôle comparé à son homologue la clé
18
2/ CLÉS D’ANIMA
4 – MAINTIEN DES IMAGES CLÉS (HOLD KEYFRAME)
19
Chapitre 3
LES CALQUES
AFTER EFFECTS
20
3/ LES CALQUES
LES DIFFÉRENTS TYPES
DE CALQUES DANS AFTER
EFFECTS
21
3/ LES CALQUES
LES CALQUES DE TEXTE
Les calques de texte sont également des d’animation.
calques vectoriels. Ils sont continuellement Souvent délaissés au détriment des calques
recalculés, c’est-à-dire que si vous redimen- de forme, ils sont pourtant incroyablement
sionnez le texte, ses contours restent nets, efficaces lorsqu’on les maîtrise.
indépendamment de la résolution.
Une de leur grande force est d’être éditables
Vous pouvez animer les propriétés de calques indéfiniment. On peut donc se créer des
de texte ou celles de caractères individuels, modèles d’animation et changer le texte ou la
comme la couleur, la taille et la position. Vous typographie comme bon nous semble.
animez le texte à l’aide de propriétés et de
sélecteurs d’animation de texte. Vous trouverez les calques de texte dans le
panneau Composition, dans le menu calque
Les calques de texte sont très fournis en op- ou bien en utilisant l’outil texte.
tions et offrent de nombreuses possibilités
Un calque de texte
22
3/ LES CALQUES
LES CALQUES D’EFFETS
Il s’agit de calques invisibles (ou vides) sur les- calque. Cela est très pratique également pour
quels on peut directement intégrer des effets. les modifications puisqu’il suffira de modifier
Les effets s’appliqueront alors à l’ensemble un seul calque.
des métrages en dessous du calque d’effets.
Vous pouvez créer un calque d’effets dans
Cela permet d’appliquer des effets à une mul- le panneau Composition ou dans le menu
titude de calques à la fois sans avoir à copier/ calque.
coller les effets individuellement sur chaque
23
3/ LES CALQUES
L’OBJET NUL
L’objet nul se présente sous la forme d’un calques à la fois.
carré de 100 pixels, transparent avec un point Il est également très utile pour stocker des
d’encrage, clés d’animations dans des séquences néces-
que l’on définit comme “parent” de nos sitant des incrustations par du tracking.
autres calques. L’objet nul est vraiement un outil précieux.
Il est essentiellement utilisé comme “contrô-
leur” pour appliquer des transformations (po- Vous pouvez créer un objet nul dans le pan-
sition, rotation, taille, etc.) sur un ou plusieurs neau Composition.
24
3/ LES CALQUES
LES CALQUES 3D
Il ne s’agit pas ici d’un nouveau type de calque,
mais d’une transformation de calque existant.
Tous les calques dans After Effects peuvent
se transformer en calques 3D en cliquant sur
l’option adéquate dans la barre de réglages de
l’icone est ce cube en 3D
calque.
Une fois cette option activée, on peut voir ap- dans l’espace comme un objet 3D, être visible
paraître les informations de l’axe z (la profon- d’une camera, recevoir de la lumière et géné-
deur) sur tous les paramètres d’animation. rer des ombres.
Le calque peut maintenant être déplacé
25
3/ LES CALQUES
LES CAMÉRAS
Les cameras sont, comme leur nom l’indique, calques.
de vraies petites caméras virtuelles à l’intérieur Ce qui est parfait pour réaliser des travelling
d’After Effects. Elles sont éditables et il est comme au cinéma ou d’autres mouvements
donc possible de choisir le type d’objectif, qui seraient impossibles avec des caméras
l’angle de vue, traditionnelles.
le zoom et de nombreux autres réglages.
Vous pouvez créer une caméra dans le pan-
Elles possèdent bien sûr toutes les propriétés neau Composition ou dans le menu calque.
de position, rotation des autres familles de
26
3/ LES CALQUES
LES LUMIÈRES
Un autre élément primordial au cinéma est Voici les différents types de lumière et
la lumière ! After Effects permet de créer leurs applications sur un objet 3D :
différents types de lumière, qui vont pouvoir
interférer avec les calques 3D. Concentrée (Spot)
La lumière pourra se répercuter sur nos ob- Parallèle
jets 3D et générer des ombres. Ponctuelle (Point)
Ambient
27
Chapitre 4
20 RACCOURCIS
INDISPENSABLES
28
4/ RACCOURCIS
20 RACCOURCIS CLAVIER
INDISPENSABLES SUR AFTER EFFECTS
Je vous partage une liste de 20 raccourcis et à mesure. Croyez-moi, après les avoir utili-
clavier indispensables sur After Effects. 20, le sés vous ne pourrez plus vous en passer.
chiffre peut sembler important, mais vous
allez voir que ces 20 raccourcis clavier se re- Notez que tous les raccourcis décrits ci-des-
tiennent plutôt facilement. Si vous souhaitez sous sont destinés aux claviers Mac. Si vous
augmenter votre productivité et surtout tra- travaillez sur Windows, utilisez la touche CTRL
vailler moins pour un même résultat, je vous au lieu de Cmd et la touche Alt au lieu d’option.
conseille fortement de les apprendre au fur
29
4/ RACCOURCIS
16 – Régler le crénage
11 – Zoom dans la composition (espacement entre deux lettres)
30
Chapitre 5
15 ASTUCES
POUR ACCÉLÉRER
VOS RENDUS SUR
AFTER EFFECTS
31
5/ ASTUCES REND
COMMENT ACCÉLÉRER VOS RENDUS
SUR AFTER EFFECTS ?
Je voudrais vous partager quelques astuces je me retrouve souvent face à des temps de
pour accélérer vos temps de rendu sur Adobe rendu, c’est à dire d’exportation de ma vidéo,
After Effects. Ce logiciel est un des plus utili- très longs. Il y a quelques petites astuces bien
sés pour la création de contenu vidéo et d’ef- utiles à savoir, qui peuvent vous faire gagner
fets par les motion designer dans l’industrie un temps précieux et améliorer votre work-
du design et de la projection vidéo. Il fait par- flow. Je vous les partage dans cette partie.
tie des logiciels que j’utilise tous les jours et
https://www.youtube.com/watch?v=arWZUg8Sk_4
32
5/ ASTUCES REND
3 – AUGMENTEZ VOTRE RAM
Une première chose à faire, qui est bien moins onéreuse que de
changer d’ordinateur, c’est d’augmenter votre RAM. En doublant
votre RAM vous doublerez tout simplement vos performances.
Par contre, vous ne pouvez pas augmenter indéfiniment votre
RAM. Lorsque l’on travaille en vidéo, 16Gb est un minimum. 32
GB, c’est très bon.
33
5/ ASTUCES REND
6 – EXPORTEZ SUR UN DISQUE DUR
DIFFÉRENT...
…de celui contenant votre fichier de travail (un SSD idéalement).
https://www.youtube.com/watch?v=kq1x4s-duD4
34
5/ ASTUCES REND
10 – FAITES LE BON CHOIX DE CODEC
EN FONCTION DE L’UTILISATION VOULUE
La liste est non exhaustive mais ces effets sont très gourmands :
35
5/ ASTUCES REND
15 – UTILISEZ MEDIA ENCODER
( AKA THE BEAUTY)
36
Chapitre 6
TRADUCTION
DES EFFETS
37
5/ TRADUCTIONS
TRADUCTION DES EFFETS
ANGLAIS / FRANÇAIS
Extraction de Blend Fondu
3D Channel Extract
couches 3D Block Dissolve Fondu par carreaux
Box Blur Flou encadré
3D Glasses Lunettes 3D
Brightness & Luminosité
4-Color Gradient Dégradé 4 couleurs
Contrast et contraste
Add Grain Ajout de grain Broadcast Colors Couleurs TV
Advanced Lightning Eclairs élaborés Brush Strokes Animer peinture
Alpha From Max Alpha From Max Bulge Renflement
Color Color Calculations Calculs
Angle Control Paramètre angle Card Dance Danse de cartes
Apply Color LUT Appliquer table corr. Card Wipe Volet carte
couleurs
Cartoon Dessin animé
Arithmetic Opérations
Caustics Caustique
Audio Spectrum Spectre audio
Cell Pattern Motif cellule
Audio Waveform Niveau audio
Change Color Correction
Auto Color Couleur automa- colorimétrique
tique
Channel Blur Flou par couches
Auto Contrast Contraste automa-
Channel Combiner Mixeur de couches
tique
Channel Mixer Mélangeur de
Auto Levels Niveaux automa-
couches
tiques
Checkbox Control Paramètre case
Backwards Arrière
Checkerboard Damier
Basic 3D 3D simple
Cineon Converter Convertisseur
Basic Text Texte de base
Cineon
Bass & Treble Basses/Aigus
Circle Cercle
Beam Faisceau
Color Balance Balance des couleurs
Bevel Alpha Biseau alpha
Color Balance (HLS) Balance des couleurs
Bevel Edges Contours biseautés (TLS)
Bezier Warp Warping Bézier Color Control Paramètre couleurs
Bilateral Blur Flou bilatéral Color Difference Key Masq. par différence
Black & White Noir et blanc de couleur
38
5/ TRADUCTIONS
Color Emboss Estampage couleur Extract Masquage par
Color Key Masquage par cou- extraction
leur Eyedropper Fill Remplissage pipette
Color Link Réplication Fast Blur Flou accéléré
chromatique Fill Remplir
Color Profile Convertisseur profil
Find Edges Détection des
Converter couleurs
contours
Color Range Masquage par plage
Flange & Chorus Modulation/Chœur
de couleurs
Foam Ecume
Color Stabilizer Stabilisation de cou-
Fog 3D Brouillard 3D
leur
Fractal Images fractales
Colorama Colorama
Fractal Noise Bruit fractal
Compound Arithme- Opérations com-
tic plexes Gamma/Pedestal/ Gamma/Plancher/
Gain Gain
Compound Blur Flou composite
Gaussian Blur Flou gaussien
Corner Pin Quatre coins
Glow Lueur diffuse
Curves Courbes
Gradient Wipe Volet graduel
Delay Retard
Grid Grille
Depth Matte Cache de profondeur
Grow Bounds Limites de crois-
Depth of Field Profondeur de
sance
champ
HDR Compander Compresseur
Difference Matte Masquage par
extenseur HDR
différence
HDR Highlight Compression des
Directional Blur Flou directionnel
Compression tons clairs HDR
Displacement Map Dispersion
High-Low Pass Passe-haut/Passe-
Drop Shadow Ombre portée
bas
Dust & Scratches Poussière & rayures
Hue/Saturation Teinte/Saturation
Echo Echo
ID Matte Cache d’ID
Ellipse Ellipse
Inner/Outer Key Masquage interne/
Emboss Estampage externe
Invert Négatif
Equalize Egaliser
Iris Wipe Volet en diaphragme
Exposition Exposure
en x
Layer Control Paramètre calque
39
5/ TRADUCTIONS
Leave Color Filtre chromatique Offset Décalage
Lens Blur Flou de l’objectif
Optics Compensa- Compensation op-
Lens Flare Lumière parasite tion tique
40
5/ TRADUCTIONS
Ripple Ondulation Strobe Light Stroboscope
Roughen Edges Contours bruts Stroke Trait
Scatter Flou artistique Texturize Placage de texture
Scribble Griffonnage Threshold Seuil
Selective Color Couleur de sélection Time Difference Différence tempo-
Sepia Sepia relle
SepiaTwirlGraph SepiaTwirlGraph Time Displacement Balayage temporel
Set Channels Correspondance Timecode Code temporel
des couches Timewarp Déformation
temporelle
Set Matte Appliquer un cache
Tint Teinte
Shadow/Highlight Ton foncé/Ton clair
Tone Tonalité
41
F O R M AT I O N
RETROUVE MA FORMATION
42
GUIDE DE
SURVIE
MAPPINGMOTION.COM 44