Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > After Effects > Liste de toutes les notes

Apprendre à utiliser After Effects

Auteur : Carma001
Créé : le 24/04/2008 20:48:03
Modifié : le 27/06/2008 13:55:48
Avancement : 35%
Imprimer tout le tutoriel
Image utilisateur

Bonjour ! :)

Bienvenue dans ce tutoriel dédié à After Effects, célèbre logiciel de la gamme d'Adobe Systems, dont font partie notamment Photoshop, Illustrator, Flash et Dreamweaver...

Je vais vous apprendre à utiliser au mieux ce fantastique logiciel, mais n'en disons pas plus, je vais vous le présenter dans la première partie. ;)

Bon cours ! ^^
Ce cours est composé des parties suivantes :

Partie 1 : Les bases d'After Effects

Dans cette partie nous aborderons les bases qui sont obligatoires pour la suite.
Soyez attentif/attentive car cette partie est importante. ;)
Après cette partie, vous serez déjà à l'aise avec le logiciel et nous attaquerons l'animation ! :)

Présentation d'After Effects

Avant de commencer, nous allons évidemment présenter After Effects : A quoi il sert ? Que peut-il faire ? Son interface ...

Voyons cela de plus près ;) :

After Effects, c'est quoi ?

Je ne vais pas vous faire attendre trop longtemps, je vais vous dire ce qu'est After Effects :) :
After Effects est un logiciel de l'entreprise informatique Adobe Systems, bien connue pour ses logiciels leaders comme Photoshop ou Illustrator.
C'est un logiciel de Compositing.

Le compositing est une méthode qui consiste à regrouper plusieurs types de données (Images, Vidéos, Audio, 3D ...) dans le but de créer un montage vidéo. On peut ajouter à ce montage des effets spéciaux et autres jouissances. ;) Il est aussi beaucoup utilisé pour réaliser des trucages vidéos.

After Effects va donc fusionner plusieurs éléments, les animer, ajouter des effets spéciaux par exemple, pour ne faire qu'un. ;)

On peut donc résumer After Effects à ce schéma :


Image utilisateur


Si vous avez compris cela, c'est super ;)

After Effects a donc pour habitude d'utiliser des éléments externes, mais il peut aussi servir à créer des compositions sans avoir recours à des éléments externes ! Mais nous verrons cela plus tard. :)

Avant d'aller plus loin, je tiens à signaler que ce logiciel est payant et très cher (Comme tout produit Adobe qui se respecte :D ).
La dernière version, CS3, coûte entre 1000 € et 2500 € ! Mais vous pouvez toujours essayer gratuitement la version d'essai durant 30 jours. ;)

L'interface

Première approche



After Effects a une interface intuitive et bien pensée qui permet un confort non négligeable pendant la création de votre composition. ;)
De plus, elle est très personnalisable ! (Comme la majorité des produits d'Adobe.)

Nous allons détailler les différentes parties de l'interface (par défaut) :


Image utilisateur
Cliquez sur l'image pour l'agrandir



Voici les 3 parties les plus importantes :

FENÊTRE DE PROJET : Cette fenêtre sert à importer tous les éléments qui seront utilisés dans votre projet.
Les éléments importés n'apparaissent pas encore dans votre composition. Ils sont simplement stockés ici en attendant qu'on les prenne pour les mettre sur la composition.

FENÊTRE DE COMPOSITION : C'est la fenêtre dans laquelle vous allez créer votre composition/montage.
Vous pourrez alors faire glisser les fichiers importés dans la fenêtre de projet dans la fenêtre de composition pour ensuite les animer par exemple. ;)

CALQUES ET TIMELINE : Dans la partie de gauche de la fenêtre, il y aura les différents éléments que vous aurez déplacés de la fenêtre de projet dans la fenêtre de composition. Ils seront dans un certain ordre que nous allons voir plus tard.
Dans la partie de droite, il y a la timeline. Vous qui êtes fort en Anglais, vous avez deviné que cela voulait dire "Ligne de temps". En effet ! C'est ici que nous allons construire l'animation en fonction du temps.
Vous allez en gros dire :
"A 2 secondes, je veux que l'image d'arrière plan apparaisse en fondu !"
ou : "Je veux rétrécir l'image vectorielle de gauche de 50% durant 4 secondes !"
ou encore : "A 15 secondes, je veux un jet de particules qui recouvrera tous les personnages de droite !" :p
Vous allez donc contrôler le temps depuis cette timeline. ;)


Personnaliser son interface



Modifier l'environnement



Comme je l'ai dit, l'interface d'After Effects est très personnalisable. Vous pouvez déplacer, supprimer, fusionner les fenêtres comme bon vous semble ! :)

Chaque fenêtre possède un onglet, en haut à gauche, qui porte le nom de la fenêtre. C'est grâce à cet onglet que nous allons personnaliser notre interface :


Image utilisateur



Détaillons les fonctionnalités de ces onglets :

ZONE DE DÉPLACEMENTS : Les points colorés en vert sont des zones de déplacements. C'est en cliquant et en glissant ces zones que vous déplacerez la fenêtre.
Lors du déplacement, des zones bleues peuvent apparaître quand vous vous baladez au dessus d'une autre fenêtre. Elles permettent de savoir où se placera votre fenêtre après son déplacement. Si vous lâchez une fenêtre alors que la zone bleue du haut est allumée, elle se mettra au dessus de la fenêtre en question.
Je vous invite à faire des tests pour vous y habituer. ;)

NOM DE LA FENÊTRE : Le texte en rouge est le nom de la fenêtre. Rien de particulier (ouff ! :-° ).

BOUTON DE FERMETURE DE LA FENÊTRE : La croix en bleue permet de fermer la fenêtre. La zone occupée par la fenêtre fermée sera recouverte par les fenêtres voisines. Rien de difficile ici non plus (sauf peut-être pour les utilisateurs de MacOS qui n'ont jamais vu une fenêtre de Windows de leur vie, mais je pense qu'il n'y en a pas :p ).

OPTIONS DE LA FENÊTRE : La flèche en jauge ouvre un menu avec plusieurs options qui changent selon la fenêtre. Vous pouvez y jetez un coup d'œil. ;)


Vous pouvez ajouter des fenêtres et restaurer celles supprimées à l'aide du menu 'Fenêtre' dans la barre de menu en haut.


Enregistrer la disposition de l'interface



Il serait dommage de devoir entièrement reconstruire son interface à chaque ouverture d'After Effects.
C'est pourquoi vous pouvez sauvegarder votre espace de travail.

Pour cela, il faut allez dans le menu déroulant en haut à droite portant le nom : 'Espace de travail'.

Sélectionnez 'Nouvel espace de travail' pour enregistrer la disposition sous un nom qu'After Effects vous invitera à rentrer.
Si vous faites des modifications sur votre espace de travail, vous pouvez l'enregistrer de nouveau en créant un nouvel espace de travail portant le même nom que celui que vous voulez remplacer. :)
Si vous voulez réinitialiser l'espace de travail, ouvrez le même menu déroulant et sélectionnez 'Réinitialiser X' où X est l'espace de travail en cours.

Nous en avons fini pour l'interface.
Je vous conseille de laisser l'interface standard pour débuter, et après une meilleure connaissance des fenêtres, vous pourrez vous en donner à cœur joie ! :D

Un exemple ?

Vous voulez des exemples de réalisations produites par After Effects ? :D

Je vais vous mettre l'eau à la bouche :



Vous aimez ! ;) Vous pouvez aussi taper "After Effects" sur Youtube et vous allez vous régaler ! :D
Sachez que faire une animation comme celles-ci dessus est assez simple si on sait gérer le logiciel (Sauf peut-être pour les sabres de Star Wars qui sont plus compliqués à réaliser étant donné qu'il faut, dans la majorité des cas, modifier la vidéo image par image ! :-° )
Nous avons brièvement présenté After Effects, nous allons rentrer dans le vif du sujet au prochain chapitre ! ;)

Si vous êtes toujours partant(e) pour continuer, c'est parti !
:)

Premiers pas ...

Nous allons rentrer dans le vif du sujet dans quelques instants. ;)

Mais avant, une mise au point sur les différentes normes de vidéos s'impose ainsi qu'un détour nécessaire par la fenêtre des préférences. ^^

Les formats vidéo

Il existe plusieurs formats vidéos, les deux principaux sont le NTSC et le PAL.

Le NTSC est le format standard Américain, Japonais et Asiatique (...).
Le PAL est le format standard Européen.

Voici un tableau comparatif des 2 formats :

NTSC PAL
Résolution (pixels) 720 x 480
(3:2)		 720 x 576
(5:4)
Images par secondes (fps) 30 25
Fréquence (Hz) 60 50


Les formats sont différents (si, si ... ^^ ).
Les réglages par défaut d'After Effects sont en NTSC. Sauf si vous voulez utiliser votre vidéo sur un écran de télévision, les réglages peuvent être "quelconque" pour une vidéo classique à regarder sur un ordinateur. Sauf pour les personnes désirant utiliser le NTSC ou la PAL, nous allons simplement paramétrer le nombre d'images par seconde (ips ou fps), par défaut à 25 pour garder une fréquence standard qui est de plus largement suffisante. ;)
Quand nous créerons un nouveau projet tout à l'heure, il s'affichera déjà 25 ips.

Réglage des options

Sans perdre de temps, nous allons faire un tour par les préférences d'After Effects : 'Edition' -> 'Préférences' -> 'Général'

Nous allons régler les paramètres importants mais vous pouvez toujours de votre côté regarder les autres paramètres.
Cliquez sur 'Suivant' jusqu'à atteindre l'onglet 'Importation'.

Ici nous allons régler la cadence à 25 ips :


Image utilisateur


Cliquez sur 'Suivant' (Onglet 'Sortie').

Ici vous pouvez régler si besoin les disques durs de débordement (si After Effects n'a plus de mémoire vive nécessaire).
Vous pouvez laisser le disque dur par défaut en 1, mais en rajouter d'autres si vous n'avez pas beaucoup d'espace disque, ainsi quand le 1 sera plein, After Effects ira squatter le 2 et ainsi de suite ...

Cliquez sur 'Suivant' jusqu'à l'onglet 'Mémoire et cache'.

Cet onglet est le plus important ! :euh:

Il faut paramétrer le pourcentage de RAM que pourra utiliser After Effects

After Effects a besoin de beaucoup de mémoire vive (RAM) pour fonctionner !
Il est conseillé (même obligatoire :D ) d'avoir 1 Go de RAM, mais 2 Go est encore mieux !


Allez savoir pourquoi, la valeur par défaut est 120 %. o_O (Ya surement une raison !!!???)

Nous allons descendre cette valeur en dessous des 100 % et je vous conseille de ne pas dépasser les 100 % sinon il y aura des ralentissements. ;)

Ainsi je vous conseille les valeurs ci-dessous :

OS Windows XP / MacOS Windows Vista
RAM 1 Go 2 Go 1 Go 2 Go
Utilisation maximum de mémoire 80 % 90 % 75 % 85 %
Taille maximum du cache RAM 75 % 85 % 70 % 80 %


Les valeurs diffèrent au peu selon l'OS mais je vous donne juste des valeurs de départ. Ensuite vous pourrez les modifier une fois que vous aurez acquis de l'expérience : ;)


Image utilisateur


Si vous cliquez encore sur 'Suivant', il y a d'autres paramètres mais rien d'important. :)

Sinon dans l'onglet 'Couleurs de l'interface utilisateur', j'ai l'habitude de mettre la couleur de l'interface le plus sombre possible. :p
Ça fait moins mal aux yeux ! ;)

Je ferai les captures d'écran avec mon interface, donc ne soyez pas choqué si vous décidez de garder la couleur par défaut ou si vous l'éclaircissez (Chacun ses goûts ! ^^ ).

Maintenant que nous sommes prêts, créons notre première composition.

Notre première composition

La création d'une composition passe par la fenêtre de projet.

Une composition dans After Effects est stockée, comme les fichiers externes, dans la fenêtre de projet.
Ainsi, vous pouvez travailler sur plusieurs montages en utilisant les mêmes fichiers ! :)
De plus, comme les compositions sont considérées comme des fichiers, vous pouvez donc importer une composition dans une autre composition ... et ainsi de suite ! ;)

Un projet After Effects contient donc des fichiers et des compositions :


Image utilisateur



Créer une composition



Il existe 2937463 4 façons (voire plus :D ) de créer une composition :

Image utilisateur



On va arrêter les possibilités maintenant, hein ! :D


Dans tous les cas, une fenêtre s'ouvre :


Image utilisateur


On vous demande quelques paramètres, mettez comme sur l'image à savoir :



... et cliquez sur 'OK'.


Importer des fichiers



Votre composition apparaît dans la fenêtre de projet et elle s'ouvre dans la fenêtre de composition.

Téléchargez ces fichiers, dézippez-les et importez les dans la fenêtre de projet en faisant soit :



Vous devez avoir ça :

Image utilisateur


Si vous voulez renommer un fichier dans After Effects, il faut le sélectionner et appuyer sur ENTRÉE. ;)



Comprendre les calques



Faites ensuite glisser 2 de vos fichiers (DreamWeaver et Flash par exemple) n'importe où dans la scène se situant dans la fenêtre de composition (sauf au mileu SVP, sinon vous allez mettre en l'air mon tuto ! :p ) :

Puis faites glisser Illustrator entre les deux CALQUES de DreamWeaver et de Flash dans la fenêtre des calques ainsi que PhotoShop tout en bas de la pile des calques :

Image utilisateur
Cliquez sur l'image pour l'agrandir



Après cette manipulation, vous avez dû remarquer plusieurs choses :



Une dernière manipulation :D : Glissez plusieurs fois le fichier PhotoShop dans votre scène. Que se passe t-il ? Voyons :



Chaque élément que vous placez sur la scène est une référence vers le fichier duquel il est issu. Ce n'est pas une copie !
Vous avez donc plusieurs éléments qui font référence au fichier Photoshop. Chaque élément a ses propres propriétés (position, taille, profondeur ...) !

Par conséquent, si vous modifiez le fichier Photoshop, toutes ses références subiront la même modification. ;)


Déplacer/Supprimer/Dupliquer les calques



Déplacer les calques



Figurez-vous que les calques sont ... INDEPLACABLES !!! :diable:

QQUUUOOOOOIIIII !!!! On ne peut pas déplacer les calques ???


Mais non ! Je plaisante ! (Je sais, ça va mal en ce moment ! :-° )

Vous pouvez bien sûr déplacer les calques : Sélectionnez l'outil sélection dans la barre d'outils en haut à gauche et cliquez sur votre calque. Glissez-le ensuite où vous voulez. :D

Sélectionnez plusieurs calques en maintenant SHIFT enfoncé et en cliquant un à un sur plusieurs calques. ;)

Supprimer les calques



Sélectionnez les calques à supprimer et appuyez sur SUPPR. (je sais ... mais on part de Zéro ici ! :) )

Dupliquer les calques



Sélectionnez les calques en exerçant une petite pression avec votre index sur le bouton gauche de la souris que vous tenez dans votre main et appuyez sur CTRL + D (ou COMMANDE + D sur MacOS) et votre(vos) calque(s) sera(seront) copié(s).
La copie a les mêmes propriétés que l'original, dont la position, c'est pour cela qu'ils sont, après cette manipulation, superposés. Il vous suffit alors de déplacer la copie. ;)
Une partie bien grosse et très importante. C'est pourquoi je veux 20/ 20 à tous les Q.C.M. ;)

N'hésitez pas à relire cette partie si besoin est. :)

La Timeline

L'intérêt d'After Effects est, avant tout, de pouvoir modifier les éléments de la scène en fonction du temps.
Nous allons donc aborder la gestion de la Timeline. Pour les Anglophobistes ( :p ), cela veut dire, comme nous l'avons déjà dit, "Ligne de temps".

Mais voyons cela tout de suite ! ;)

Comment marche la Timeline ?

Vous rappelez-vous où se trouve la Timeline ? :euh:


Petit rappel. Créez une composition exactement comme au chapitre précédent, c'est à dire :



Importez les 4 calques précédemment utilisés (Photoshop, Illustrator, Dreamweaver et Flash), et glissez un Photoshop et un Illustrator dans votre scène à des endroits différents.

Voici la Timeline (et les calques) :


Image utilisateur
Cliquez sur l'image pour l'agrandir


A gauche vous avez la pile des calques, et à droite vous avez la Timeline.

Comme vous pouvez le remarquer, la durée de votre composition est de 10s, comme on peut le voir à la fin de la Timeline. Si vous ne voyez pas 10s, soit vous avez mal paramétré la composition lors de sa création, soit l'échelle n'est pas à 100 %. Pour la régler, positionnez le curseur qui se trouve tout en bas en dessous de la Timeline à gauche. Vous pouvez bien sûr zoommer en la déplaçant de gauche à droite ;) :

Image utilisateur


Ensuite, vous avez peut-être vu que chaque calque à son propre espace dans la Timeline.

La grande zone en violet pâle délimite la zone où le calque correspondant s'affichera sur la scène.
Par défaut, le calque s'affiche sur toute la durée de la composition. Pour vous en convaincre, déplacez n'importe où le curseur bleu qui représente la position actuelle dans la Timeline en le faisant glisser avec la souris :

Image utilisateur


L'état des calques ne change pas. C'est normal car on n'a pas encore fait évoluer nos calques. :)

Modifions maintenant l'affichage de nos calques. ;)

Modifier l'apparition des calques

Replacez votre curseur à la position 0s.

Ensuite sélectionnez le bord gauche de la zone d'affichage du calque inférieur (Moi Photoshop), et faites le glisser aux environs de 4s.


Image utilisateur


Le calque (Moi Photoshop) disparaît de la scène.

Comme la scène représente les calques au niveau du curseur Bleu de la Timeline et que la zone d'affichage du calque inférieur (Moi Photoshop) n'appartient pas au curseur, le calque n'apparaît pas. ;)

Si vous faites bouger le curseur vers la droite, la calque inférieur apparaîtra après les 4s.

Déplacez maintenant le bord droit de la zone d'affichage du calque supérieur aux environs de 4s encore ! Si vous voulez déplacer ce bord exactement au niveau du bord inférieur, maintenez la touche SHIFT enfoncée pendant le déplacement du bord. Il va normalement se coller à l'autre quand vous arriverez à son niveau ! ;)


Image utilisateur


Ici le calque supérieur disparaîtra à 4s et le calque inférieur apparaîtra ! :)

Pour déplacer entièrement la zone d'affichage sans modifier sa longueur, glissez-la tout simplement en la prenant par le milieu.
Déplacez-en plusieurs en leur cliquant dessus les unes après les autres en maintenant la touche SHIFT enfoncée. ;)

Ce que nous appelons depuis tout à l'heure les "bords" de la zone d'affichage d'un calque sont en fait les points d'entrée et les points de sortie du calque.
Avant son point d'entrée, un calque n'est pas visible. Il en est de même après son point de sortie :


Image utilisateur


Si vous avez compris, tant mieux, on passe à la suite ! ;)


Et si j'ai pas très bien compris ?

Si vous n'avez pas tout compris, le mieux est de relire cette sous-partie, vous verrez, c'est finalement très simple. ;)

L'unité temporelle

After Effects, comme la plupart des logiciels de compositing, utilise une unité temporelle particulière.

Vous avez peut-être remarqué l'étrange chronomètre au dessus de la pile des calques ?
Il est de couleur Jaune si vous avez assombri votre interface dans les options, et Bleu si vous avez laissé la couleur par défaut ou si vous l'avez éclaircie :

Image utilisateur ou Image utilisateur


Celui-ci vous indique le nombre d'images qu'il y a en une seconde (ici 25 ips).

Ce chronomètre indique la position actuelle du curseur. Comme mon curseur est au début, le chronomètre indique 0:00:00:00 !
Mais quelle est cette unité de temps bizarre ? Elle est sous la forme :


0:00:00:00


00 : En bleu, vous avez les secondes. Une fois qu'elles arrivent à 60, elles reviennent à 0 et le nombre des minutes augmente de 1.
00 : En vert, vous avez les minutes. Une fois qu'elles arrivent à 60, elles reviennent à 0 et le nombre des heures augmente de 1.
0 : En rouge, vous avez les heures.
00 : En rose, vous avez les images (ou frames). Cette fois ci, dans notre cas, si elles arrivent à 25, elles reviennent à 0 et le nombre des secondes augmente de 1. Si on avait réglé notre composition à 30 ips, il aurait fallu qu'elles arrivent à 30 pour faire une seconde ! ;)

Essayez de bouger votre curseur bleu : les images ne dépasseront jamais 24 !


Et pourquoi 24 ? On est pourtant à 25 images/seconde !

C'est tout à fait normal ! Le compteur d'images commence à 0. Entre 0 et 24, il y a 25 images. La première image sera l'image 0, et la seconde sera la 1. ;)

Cette notation porte un nom précis dans le jargon informatique : Le timecode.
C'est simplement une manière de coder le temps. :)

Vous pouvez modifier directement la position du curseur avec le chronomètre.
Pour cela, cliquez sur le chronomètre en restant appuyé et faites-le glisser de droite à gauche. ;)
Si vous voulez le déplacer plus vite, appuyez sur SHIFT pendant le déplacement.
Si au contraire vous voulez aller plus lentement, il faudra faire de même en appuyant sur CTRL (ou COMMANDE sur MacOS).

Si vous désirez aller à un moment bien précis de votre Timeline, cliquez simplement sur le chronomètre. Une fenêtre s'ouvre et vous demande d'entrer le temps désiré au clavier. :)

Vous pouvez changer le mode d'affichage du chronomètre en cliquant dessus pendant que vous maintenez la touche CTRL (ou COMMANDE sur MacOS) enfoncée !
Le chronomètre passera sous la forme 00 ou il indiquera uniquement l'image actuelle, depuis le début de la composition. Ce nombre peut bien sûr dépasser le nombre d'images par seconde.
Pour repasser au mode d'affichage normal, refaites la même manipulation pour arriver à l'affichage classique 0:00:00:00 (Il existe un autre mode, mais il est moins utilisé !).


Sachez que tous les paramètres qui, comme le chronomètre, sont Jaunes (ou Bleus) réagissent de la même façon.
Ainsi vous pouvez modifier sa valeur en la faisant glisser.
Vous pouvez entrer une valeur manuellement en cliquant dessus.
Et vous pouvez augmenter ou réduire sa vitesse de défilement en appuyant sur CTRL (ou COMMANDE sur MacOS) ou SHIFT !

A retenir ! ;)
Pour finir ce chapitre, je vous invite à ajouter d'autres calques et à vous entraîner à modifier la zone d'affichage.
Vous pouvez aussi vous amuser à créer une composition de quelques heures ( :-° ) et à faire bouger le curseur. ;)

Maintenant que vous avez une petite notion de la gestion du temps sur After Effects, nous allons nous pencher sur les propriétés des calques.

:)

Les calques

Comme nous l'avons vu, chaque élément de la scène se trouve sur un calque différent.
Cela est très pratique car nous allons pouvoir animer indépendamment chaque calque ! ;)

Un autre avantage est que chaque calque possède ses propres propriétés, nous allons aussi les voir dans ce chapitre.

Visibilités et gestion des calques

Pour ceux qui auraient des trous de mémoires chroniques (Je ne m'exclus pas du groupe :-° ), voici la pile des calques :


Image utilisateur


Je ne vais détailler que les fonctionnalités les plus importantes, les autres le seront plus tard dans le tutoriel.

On dit "pile des calques" car les calques sont les uns en dessous des autres, et comme nous l'avons vu, un calque masque ceux qui sont en dessous de lui s'ils se chevauchent.

Créez une composition un peu comme vous la voulez, importez vos fichiers (Photoshop, Illustrator ...) et glissez-les n'importe où !


Les fonctions pratiques



Nous allons voir les fonctions qui sont à gauche du nom des calques :




Gérer le nom des calques



Vous pouvez renommer vos calques en les sélectionnant et en appuyant sur la touche ENTRER (Pas celle du pavé numérique !) :

Image utilisateur


Cependant il existe un moyen d'afficher, non pas le nom d'un calque, mais le nom du fichier dont il provient. Pour cela, cliquez sur l'en-tête de la colonne du nom des calques (A savoir : "Nom des calques", zone jaune sur l'image ci-dessus. ;) ) :

Image utilisateur


Le nom des fichiers sources s'affiche à la place du nom des calques. Recliquez sur l'en-tête pour revenir aux noms des calques. :)

Les propriétés

... euuhhh, je manque un peu d'inspiration pour l'intro là ... :-°

Allez ! Maintenant on attaque les propriétés des calques ! :D

Les propriétés décrivent l'apparence du calque sur la scène à un instant donné.
Il peut y en avoir des tonnes (On le verra plus tard ... ;) ), mais il y en a 5 principales que tous les calques possèdent (A quelques exceptions près, comme les calques sonores) :



Ces propriétés peuvent varier au cours du temps : ça devient une animation. :)
Mais laissons l'animation pour plus tard, penchons-nous un peu plus sur les propriétés !

Vous pouvez modifier les propriétés d'un calque en cliquant sur son petit triangle pour développer un menu qui contient une sous catégorie "Transformer", qui contient elle même les propriétés principales du calque :


Image utilisateur



Le point d'ancrage



On commence par la propriété la plus abstraite, mais cela est nécessaire. ;)

Le point d'ancrage est un point spécial qui est représenté par une petite "cible" que voici : Image utilisateur

Toutes les autres propriétés principales, sauf l'opacité, dépendent du point d'ancrage.

Le point d'ancrage prend pour valeur ses coordonnées respectivement en X et Y. :D

300,0 128,0

En rouge, on a la valeur X et en vert la valeur Y.

Mais ces valeurs sont données à partir d'où ? :euh:

Très bonne question ! ;) Ces valeurs sont données à partir du coin haut-gauche de la boite englobante du calque. :D
Schéma :


Image utilisateur


La boite englobante est délimitée par les petits carrés bleus autour du calque.
Le point (0, 0) se trouve en haut à gauche.



On peut bien sûr avoir des valeurs négatives. ;)

Certes, ce point est d'aucune utilité maintenant, mais ... lisez la suite et vous verrez. :D


La position



Propriété incontournable, c'est la position du calque sur la scène.

Attention à ne pas confondre avec le point d'ancrage !
Le point d'ancrage est interne au calque et ne dépend pas de la position du calque.
2 calques peuvent avoir les mêmes coordonnées de leur point d'ancrage et être à des positions totalement différentes !


Les valeurs ont la même forme que pour le point d'ancrage. Sauf qu'ici, l'origine du repère est en haut à gauche de la scène !

Et je parie que le point qui est défini par les valeurs est le coin haut-gauche du calque ! ;)


Et bien non ! :p

Le point défini par les coordonnées de position est le ... point d'ancrage ! ;)

Schèma ! :


Image utilisateur


La position du calque et la position du point d'ancrage définissent la position brute du calque sur la scène ! :)

Essayez de bouger les coordonnées du point d'ancrage sans modifier la position : Le calque change de place , mais pas le point d'ancrage, car ses coordonnées sont définies par la propriété "position" !

Pour résumer :


Si vous avez du mal, je vous conseille de faire varier les valeurs et vous allez comprendre : c'est facile en fait ! ;)


L'échelle



L'échelle est en fait une déformation du calque selon les axes X et Y.

L'échelle est en pourcentage :

100,0 100,0 %


100 % est la valeur initiale et elle correspond à la taille originale du calque.

Si vous modifiez la valeur X de l'échelle à 200 %, le calque sera 2 fois plus large (sur X) que l'original .
Si par contre vous baissez la valeur des X à 50 %, il sera 2 fois plus petit sur X :


Image utilisateur


A noter que si la case à gauche des valeurs est coché, les échelles X et Y évolueront proportionnellement. Il n'y aura ainsi pas de déformation :

Image utilisateur


Mais attention ! Ici encore, l'échelle dépend du point d'ancrage ! :o

Mais comment elle peut dépendre du point d'ancrage ?


C'est peu être un peu plus dur à expliquer, mais le mieux et d'essayer ! :p
En gros, si le point d'ancrage n'est pas au centre du calque et qu'on augmente l'échelle, la calque va grossir tout en s'écartant du point d'ancrage !
Inversement, si on réduit l'échelle, le calque va rétrécir en se rapprochant du point d'ancrage.

... ça va ? Vous n'êtes pas tombé(e) de votre chaise ? :p


La rotation



Cette propriété est simplement l'angle de rotation qui définit "l'inclinaison" du calque.

Et devinez quel est le centre de la rotation :D : Le point d'ancra ...

Aaaaahhhhhhhhh !!! Oui ! Oui, le point d'ancrage, on sait ! :colere2:


C'est bien, ça commence à s'ancrer dans votre tête ( :-° ) !

La valeur est sous la forme :

0x + 0,0°


En violet, c'est l'angle de rotation en degrés, dans le sens antitrigonométrique, c'est à dire dans le sens des aiguilles d'une montre ! :D

En bleu, c'est le nombre de tour. Si vous dépassez 360°, le compteur revient à zéro et le nombre de tour augmente de 1 !
Si vous modifiez uniquement le nombre de tour, vous ne verrez rien car le calque effectue un tour de plus et revient à sa place initiale !

A quoi ça sert ? :o


Et bien ... pour l'instant : A rien ! :D
Mais ce sera très utile quand on fera des animations ! ;)

ReSchéma :


Image utilisateur



L'opacité



Allez, on passe vite car c'est facile. ;)

L'opacité est un pourcentage qui définit la transparence/l'opacité du calque et qui varie de 0 % à 100 %.

Plus le pourcentage est faible, plus le calque est transparent, plus il est élevé, plus il est opaque !



ReReSchéma ! :


Calque Flash avec opacité 60%
Image utilisateur



Fastoche ! :D

Les raccourcis des propriétés

Ils sont toujours très sympathiques chez Adobe ! :D Ils ont pensé à tout !
C'est des fois un peu long de devoir déplier tous les triangles pour chaque calque qu'on veut modifier !

C'est pour cela qu'il existe des raccourcis. ;)



TouchePropriété
A Point d'ancrage
P Position
S Échelle
R Rotation
T Opacité


Pour changer de propriété, il suffit d'appuyer sur une autre touche et la propriété actuelle sera remplacée par la nouvelle :


Image utilisateur


Pour cumuler l'affichage des propriétés, il faut appuyer sur la touche de la propriété à ajouter tout en appuyant sur SHIFT. :)


RAPPEL : Pour sélectionner plusieurs calques, il y a 2 manières :


De plus, si vous sélectionnez plusieurs calques et que vous cliquez sur le triangle de l'un d'eux, tous les triangles des calques sélectionnés se développeront. ;)


Merci qui ? :D Merci moi Adobe ! :-°
Bon ! :D On en a fini avec ce chapitre ! ;)
C'est un peu du bourrage de crâne, mais c'est nécessaire !

Comme je vous l'ai dit, le mieux est de s'amuser à faire varier les valeurs et regarder ce qui se passe ! ;)

On va faire un chapitre un peu plus cool pour la suite. :)

Les outils et la scène

On continue notre périple avec un petit chapitre tranquille ! ;)

On va s'intéresser aux outils ainsi qu'à la scène de la composition.
Nous verrons les outils que nous sommes, pour le moment, en mesure d'expliquer et on fera un tour du côté de la fenêtre de composition en détaillant les différentes parties de cette fenêtre. :)

Reposez-vous bien ! :D

La barre d'outils

Comme vous avez pu le remarquer, After Effects dispose d'une barre d'outils par défaut en haut à gauche.
On y trouve plusieurs outils dont certains vous seront surement familiers. ^^

Pour sélectionner un outil, il faut lui cliquer dessus, mais vous pouvez changer d'outil par le biais des raccourcis.

Pour connaître le nom et le raccourci d'un outil, il suffit de laisser votre souris reposer sur celui-ci pour faire apparaître sa barre d'aide :

Image utilisateur


Ainsi, on peut retrouver les informations suivantes :

NomRaccourci
Image utilisateur Outil Sélection
V
Image utilisateur Outil Main
H
Image utilisateur Outil Zoom
Z
Image utilisateur Outil Rotation
W
Image utilisateur Outil Orbite améra arrière
C
Image utilisateur Outil Déplacement arrière
Y
Image utilisateur Outil Rectangle
Q
Image utilisateur Outil Plume
G
Image utilisateur Outil Écriture horizontale
CTRL + T
Image utilisateur Outil Pinceau
CTRL + B
Image utilisateur Outil Dupliquer
CTRL + B
Image utilisateur Outil Gomme
CTRL + B


Selon la version d'After Effects, les outils peuvent différer.

On remarque que plusieurs outils ont le même raccourci. Cela est du au fait que ce sont des outils très semblables qui sont utilisés et configurés de la même manière. ;) Vous pouvez les faire défiler en tapotant le raccourci en question plusieurs fois.

Il y a d'autres outils cachés ...

Quoi ? o_O Les concepteurs ont caché des outils ?

Non ... :p Enfin, ils sont un peu cachés, mais accessibles très facilement.
Avez-vous remarqué la présence d'une petite flèche en bas à droit de certains outils, comme celui de la plume ? Si vous cliquez dessus en restant appuyé, vous révèlerez d'autres outils, très similaires au premier et qui ont le même raccourci ! ;)
Testez et vous verrez ...

Bien ! Mais que font ces jolis outils ? On va le découvrir maintenant, mais je ne vais pas tous vous les décrire, car certains font intervenir des notions que nous n'avons pas encore vues.
Je vous conseille de les tester en même temps que moi. ;)


Image utilisateur Outil Sélection



L'outil le plus classique, il permet de sélectionner les objets de la scène. Pour cela, il faut leur cliquer dessus ! ^^
Je pense que c'est fini pour les explications ! :p


Image utilisateur Outil Main



L'outil Main permet de vous déplacer dans l'espace de travail.

Attention ! Celui-ci ne déplace pas vos calques mais uniquement le point de vue d'où on les voit !


Si vous voulez mon avis, on utilise très souvent cet outil, mais on ne clique (presque) jamais sur son icône, ni on n'utilise son raccourci !

Euh ... comment c'est possible ? Encore un truc caché d'Adobe ? :euh:


Oui en effet ! ^^ Ceux qui ont l'habitude de Photoshop, Illustrator, Flash ... devraient normalement connaître cette méthode, car elle est commune à presque tous les produits d'Adobe.
Si vous restez appuyé sur la touche ESPACE, l'outil Main va temporairement s'activer jusqu'à ce que vous relâchiez la touche. Pratique ! :)


Image utilisateur Outil Zoom



Cet outil permet de Zoomer/Dézoomer sur la scène.

Attention ! Encore une fois, cela n'agrandit pas vos objets, mais vous permet de les voir de plus près !


Avec cet outil, un clic gauche zoomera, tandis que cette même manipulation avec la touche ALT (ou OPTION sur MacOS) enfoncée dézoomera. Vous avez la possibilité de tracer un cadre de zoom en cliquant et en faisant glisser la souris. Ce cadre définira la zone où zoommer. :)

Je vous avouerais aussi qu'on préfère utiliser la molette de la souris pour Zoomer/Dézoomer. :p


Image utilisateur Outil Rotation



L'outil Rotation permet de tourner un calque de la scène. Pour cela, cliquez sur un calque en restant appuyé et tournez-le.
Vous pouvez aimanter sa rotation à 45° en appuyant sur SHIFT durant sa rotation. ;)


Image utilisateur Outil Plume et Image utilisateur Outils de formes



Ces différents outils permettent de créer entre autre des masques. Nous verrons cette notion dans le prochain chapitre. :)
N'oubliez pas que vous pouvez sélectionner d'autres formes en restant appuyé sur l'outil Rectangle.


Image utilisateur Outil Texte



L'outil Texte, ou l'outil Écriture permet d'écrire du texte, horizontalement (Sous-outil 1), ou Verticalement (Sous-outil 2).
Sélectionnez l'outil et cliquez sur la scène à l'endroit où vous voulez insérer du texte, tapez le texte et appuyez sur la touche ENTRER du pavé numérique pour valider.
Un calque contenant le texte sera automatiquement créé.


Nous allons arrêter avec les outils pour l'instant. Les autres seront expliqués au fur et à mesure du tutoriel. ;)
Sachez que pour certains outils, des options et des paramètres sont disponibles pour celui-ci à droite de la barre d'outils. Par exemple, pour l'outil plume, on a plusieurs options :


Image utilisateur

La scène de composition

Une barre d'options a certainement dû vous interpeler depuis le début du tutoriel ? :D
Oui, vous savez, tous les boutons et menus en bas de la scène, que voici :


Image utilisateur


Ahhhh lala, encore et toujours des boutons, des options ...


Et oui ! After Effects a des boutons de partout ! (Acné ? o_O )
Mais encore, on s'en sort bien car l'interface d'After Effects est assez claire et intuitive. ;)

Détaillons les différentes options de cette barre.


Image utilisateur Le zoom



Ce menu permet de choisir le zoom du document, au même titre que l'outil ou la molette mais on peut choisir des valeurs parfaites comme 25 %, 50 %, 200 % ...


Image utilisateur Les grilles et repères



Ce petit menu permet d'afficher ou de masquer :


En ce qui concerne les repères, il faut afficher les règles et ensuite cliquer sur une de celles-ci en restant appuyé et la faire glisser pour y faire sortir un repère.
Pour supprimer un repère, il suffit de le refaire glisser dans la règle, il sera automatiquement supprimé. :)

Image utilisateur



Image utilisateur Le Timecode



Cet indicateur affiche le Timecode de l'image actuellement affichée. C'est le même nombre que celui affiché par le chronomètre Jaune (ou Bleu) au dessus de la pile des calques.
Si vous cliquez sur cet indicateur, vous avez la possibilité de taper au clavier un nouveau Timecode. ;)


Image utilisateur Image utilisateur Les instantanés



Vous désirez voir la différence entre 2 états de votre scène ? Alors les instantanés vont vous simplifier la tâche ! ;)
Si vous cliquez sur le bouton Prendre un instantané ( Image utilisateur ), la scène actuelle sera mémorisée.
Si vous restez appuyé sur le bouton Afficher l'instantané ( Image utilisateur ), la scène sera temporairement restaurée jusqu'au relâchement du bouton. :)


Image utilisateur La résolution



Il arrivera que votre scène sera trop lourde et trop complexe et que le calcul des images sera long et encombrera votre mémoire vive (RAM).
Il faudra alors changer la résolution pour contrer ce problème.
Vous pouvez choisir avec ce menu de ne calculer qu'un pixel sur 2, sur 3, sur 4 ...
Ainsi la qualité sera réduite dans la scène (pas dans la vidéo finale) pour vous permettre de prévisualiser tranquillement votre animation. ;)

Nous reparlerons de ce concept au moment venu.


Image utilisateur Zone ciblée



Ce bouton sert à activer l'affichage dans une zone ciblée.
Pour cela, cliquez sur ce bouton et tracez une zone dans la scène avec votre souris. L'affichage de la scène sera restreint à cette zone. Vous pouvez redimensionner cette zone ou la désactiver en appuyant à nouveau sur le bouton. :)


Image utilisateur Grille de transparence



En activant cette option, vous affichez la grille de transparence dans la scène, qui remplacera le fond noir par défaut.
Utile pour voir les zones de transparence, représentées par un damier gris :

Image utilisateur



Image utilisateur Organigramme



L'organigramme permet d'avoir une représentation plane et hiérarchique de votre composition actuelle.
Si vous cliquez sur le bouton, une autre fenêtre va s'ouvrir dans un autre onglet de la scène. Vous verrez normalement votre composition en bas de la fenêtre. Cliquez sur le + pour développer les calques de cette composition :

Image utilisateur


Vous verrez alors la hiérarchie des calques de la composition. ;)

Dans une composition "normale", vous aurez généralement une hiérarchie un peu plus complexe, par exemple :


Image utilisateur


Notez les options (en Rouge sur l'image ci-dessus) qui vous permettent de modifier l'affichage de l'organigramme. Je vous laisse tester par vous même ! ;)


Les onglets



Vous avez surement remarqué que la fenêtre s'est ouverte dans un nouvel onglet (je vous l'ai peut-être dit tout à l'heure ! :-° ). Vous pouvez cliquez sur l'autre onglet pour revenir à la composition, et fermer l'organigramme en cliquant sur la croix dans l'onglet.

Sachez qu'un double-cliquant sur un calque dans la pile des calques, vous ouvrez un nouvel onglet ou vous pourrez modifier le calque indépendamment de la composition (avec le pinceau par exemple ...).

Si vous ouvrez plusieurs compositions, celles-ci seront regroupées dans un même onglet : celui des compositions. Vous pourrez naviguer entre ces compositions en ouvrant le menu de l'onglet et en sélectionnant une autre composition :


Image utilisateur


Notez le petit cadenas dans l'onglet qui permet de verrouiller le calque/la composition actuelle. :)


Les onglets sont aussi présents dans la pile des calques.
Quand vous changez de composition, un nouvel onglet s'ouvre et contient la pile des calques de cette composition. ;)
On a fait le tour des principaux outils et de la scène, mais vous avez remarqué que j'ai laissé tomber certains outils et certaines options que nous verrons au fur et à mesure du tutoriel. ;)

Je vous conseille de vous entraîner à gérer les compositions en en créant 3-4 et en essayant de passer de l'une à l'autre avec les onglets ... :)

J'espère que vous serez plus à l'aise dans la scène par la suite !
...
Cette partie n'est pas terminée ! La suite arrive ... patience. ;)

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 394 Zéros connectés | Requêtes SQL 5 requêtes | Temps de génération de la page : Total (SQL) 0.1334s (0.112s)