Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > After Effects > Lecture du tutoriel

Les calques

Avatar
Auteur : Carma001
Créé : le 08/05/2008 20:45:09
Modifié : le 25/06/2008 01:21:19
Noter et commenter ce tutoriel
Imprimer ce tutoriel
Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
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.
Sommaire du chapitre :
Chapitre précédent Sommaire Chapitre suivant

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 :
  • Les calques à sélectionner sont à la suite : Cliquez sur le premier et cliquez sur le dernier en maintenant la touche SHIFT appuyée.
  • Les calques à sélectionner ne sont pas à la suite : Cliquez sur un calque et sur tous les autres en appuyant en même temps sur CTRL (COMMANDE sur MacOS)


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 ! :-°

Q.C.M.

Le calque Photoshop est t-il visible sur la scène ?

Image utilisateur
Si le point d'ancrage d'un calque possède une valeur négative en X et/ou Y, alors ce point d'ancrage est ...
Un peu de calcul :p :

Si la position d'un calque est de (x = 100, y = 100), que la position du point d'ancrage est de (x = 40, y = 40) et que la calque est un carré de côté 20, où est le coin haut-gauche du calque ? :D


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. :)
Chapitre précédent Sommaire Chapitre suivant
Auteur : Carma001
Noter et commenter ce tutoriel
Imprimer ce tutoriel

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 668 Zéros connectés | Requêtes SQL 10 requêtes | Temps de génération de la page : Total (SQL) 0.028s (0.0149s)