Dans ce nouveau tutorial vidéo sur After Effects, nous allons aborder les Calques de Formes, ou Shapes Layer, apparus depuis la version CS3 d’After Effects.
Très pratiques car vectoriels, les calques de formes disposent d’options et d’effets de transformation spécifiques que nous allons découvrir dans ce tuto avec un exercice pratique : La réalisation d’un fond coloré composé de plusieurs sphères, le tout avec un seul calque de forme.
- Apprendre à créer plusieurs formes au sein d’un seul calque de forme
- Découvrir les options spécifiques à ces formes, comme les différents mode de remplissage.
- Réglage des dégradés de fond et de contours avec les outils visuels intuitifs spécifiques aux shapes
- Jouer avec les modes de fusion des fonds et des dégradés
- Déformer les formes avec les effets de transformation comme zig-zag ou contraction et dilatation
Publié le 12/04/2009

Maxlefun | 12 avr, 2009, 20:41
Magnificos, c’est tout.
Nathan | 12 avr, 2009, 20:53
Merci matt, j’attends toujours avec impatience chacun de tes articles…
Amstudio.fr | 12 avr, 2009, 20:55
Matt, ton tuto ne passe pas, l’image se freez et j’ai des sautes audio. Peut être un problème de débit ?
Superom | 12 avr, 2009, 22:29
Encore un tres bon tuto . Vraiment sympa
thibaut | 12 avr, 2009, 22:43
Merci mat pour ce tuto le sujet est bien choisi car j’ai l’impression que les calques de forme ne sont pas super utilisé et ça me parais bien dommage car ils offrent d’énormes possibilité allez a + bonne soirée
kuzo | 13 avr, 2009, 00:21
Merci pour cet excellent tuto, comme d’habitude…
Jamais déçu.
Amstudio.fr | 13 avr, 2009, 00:30
Ok, sur firefox pas de soucis, mais sur IE8 c’est pas lisible. vala pour info.
Orken | 13 avr, 2009, 01:44
Un petit rhume ?
sinon, pour le coup du ALT+CLick, on obtient la même chose (enfin, le menu de ce raccourci) en cliquant sur l’étiquette texte « Fond » ou « Contour ».
Et sinon, encore un tuto de qualité évidemment.
Ces histoires de mode de fusion m’ont donné une idée d’ailleurs, je vais tester des trucs cette semaine.
mattias peresini | 13 avr, 2009, 02:04
Maxlefun, Nathan, Superom, Kuzo -> Content qu’il vous ait plu, et merci pour votre soutien
Thibault -> Effectivement, il n’y a pas encore beaucoup de tutos dessus, alors que leurs possiblités sont très sympas
J’essaierai de les utiliser plus souvent dans les prochains.
Kid-Killer -> Quelle idée de surfer sur IE-8 aussi
Orken -> Un gros rhume oui, mais qui est en train de partir ^^ Pour le clic sur le texte, diZ m’a aussi fait la remarque, je n’avais jamais fait gaffe ni testé avant, donc thanks
Bons tests !
VivianRoldo | 13 avr, 2009, 09:32
Psychédélique ! J’adore.
Demix | 13 avr, 2009, 10:35
Héhé super O_O
Ça peut aider a faire de super fond pour des vidéos !
J’ai remarqué que quelques outils ne sont pas dans la version CS3, mais je peux quand même faire une bonne partie du tuto =)
Donc comme je disais, par exemple en prenant le projet, je peux pas l’ouvrir avec CS3, bah pas grave, ça va m’aider quand même !
Merci +
Maxlefun | 13 avr, 2009, 12:59
Amstudio.fr >> IE 8 ?? C’est normal que ça marche pas aussi :p
shortid | 13 avr, 2009, 13:55
Et bien un tuto de Qualité une fois de plus .
Une utilisation nouvelle de afx dans un but un peu different .
Merci matt .
( ps : le dl des tutos , c’est le bien , les voir en hd , les garder , et ne pas avoir a attendre le streamming si il te manquait une infos
)
timcreation | 13 avr, 2009, 16:22
très sympatique l’effet accentuation je ne l’avais encore jamais tester jme demande bien comment tu avais fait dans ta video 5 sec Orange
encore un très bon boulot
sinon le tuto très sympatique mise part que j’aurais imaginer une petite animation de texte comme dans ton exemple : http://www.mattrunks.com/my-life/sonacom-pixilation-liens-photos
mais sinon j’adore srx
encore bravo
Rico | 13 avr, 2009, 16:34
Merci pour ce Tuto intéressant et instructif. Ta video « 5s Vinyl Orange » est elle une utilisation plus avancée de ce genre de manipulation?
Amstudio.fr | 13 avr, 2009, 21:33
Max => c’est une vraie daube IE8, j’aurais jamais du faire la maj.
JB | 14 avr, 2009, 14:13
Très bon tuto et super rendu, merci!
Je retiens surtout l’utilisation du flou gaussien + netteté, c’est vraiment la touch en +.
juste un bemol, veux tu qu’on se cotise pour t’acheter un bon micro pour tes tutos? j’étais obligé de pousser le son chez moi donc bcp de souffle.
Je plaisante, encore bravo et keep doing tuts!
mattias peresini | 14 avr, 2009, 15:25
Vivian -> Ça nous fait un point commun
Demix -> J’ai remarqué aussi que quelques fonctions n’étaient pas présentes sous la CS3, mais rien de bien génant je pense.. Et puis, ne pas pas pouvoir ouvrir le projet est une bonne chose au fond, ça oblige à refaire le tutorial en entier et au moins le comprendre a 100%
Shortid -> Et puis ça soulagera ma bande passante( 20-50Go/jour..), même si sur le coup des centaines de download de fichiers de +100mo ça fait un peu mal, sur la durée, ça économisera le traffic de tout ceux qui revenaient pour visionner le tutorial plusieurs fois
Timcreation -> Je garde celui là pour plus tard
Rico -> Oui en quelques sortes, cette vidéo est faites seulement avec des calques de formes, et des typos. Même les « particules » carré qui tournent en fond n’en sont pas, c’est juste un calques de forme rond à la base, que j’anime avec l’outils « répétition » des calques de formes
JB -> Yep, c’est un des trucs les plus « cool » à retenir du tuto, car ça sert vraiment souvent, ça donne une touche sympa sur tout ce qui est un peu graphique, je m’en sert très souvent dans mes travaux, même sur photoshop ^^
Demix | 14 avr, 2009, 15:38
Ouais finalement c’est mieux comme ça ^^
Aller au boulot x) !
Demix | 14 avr, 2009, 20:51
Bon bah j’ai finis le tuto, finalement le seul truk que j’ai pas trouvé dans la version CS3 d’After Effects, c’est le mode de fusion des Ellipses (superposition) mais j’ai remplacé ça par incrustation, ça donne presque le même effet et c’est très beau!
Maintenant j’ai tout pleins d’idées pour animer mon fond avec des textes etc…, d’ailleurs ça sra dans une vidéo bientôt dispo’ =)
Ala, donc encore merci pour ce tuto !
PS: Dsl du double post ^^
timcreation | 14 avr, 2009, 21:04
dIT MATT l’effet superposition dans la version cs3 se serè pas le mode de fusion écran ??
Steev | 15 avr, 2009, 14:17
Oula… ce soir c’est tisane au miel
Super tuto, comme toujours ! Coloré et plein d’astuce !
et au final, sa fait quelque chose de bien sympa !
Surtout que les calques de formes me semble bien méconnu, moi le premier
mais ou trouve tu tout cela ?!?
En tout cas merci Mat,
et repose toi bien, on sent les bactéries et le doliprane rien qu’a t’entendre ^^
daly3d | 09 juin, 2009, 15:24
suis nouveau membre est j’aimerais etre a vos cote
Polo | 10 juin, 2009, 20:55
Merci pour le tips du alt+clic sur la couleur pour le dégradé, à chaque fois je passais par le ramp ^^
Sinon super comme d’hab, bonne continuation.
Maverik_tofa | 04 juil, 2009, 10:41
please , translate this tutorial in english,,,
thanks
kermocotte | 19 août, 2009, 03:14
salut a toi , toujour un super taff rien a dire; juste pour info je suis en Australie actuellemet et ici le debit c ‘est pas terrible , tu pourrais mettre le poids des tutorials en download please.
see ya comme disent les OZ.
kurosaki | 13 nov, 2009, 23:13
Merci beaucoup pour ce précieux tutorial
PedroCafard | 18 nov, 2009, 14:17
Hello,
Tiptop le tuto! On croirais un gros kaléïdoscope acidulé!
J’aime bien le mariage flouGaussien/Accentuation, ça rappelle le biseautage/ombre portée dans Ps.
à plus,
Mouhammad Beya | 03 déc, 2009, 10:58
J’ai apprecié le site en tout rien à dire.
je me debrouille pas mal sur d’after et photoshop j’aimerai d’avantage approfondir ma petite connaissance.
Olivier | 23 déc, 2009, 20:22
Merci pour ce tuto, j’ai appris pas mal de notions qui m’étaient totalement inconnus (comme les calques de forme, le coup du rechercher les propriétés via le bouton rechercher, etc…)
Merci, merci pour ce partage d’infos
sansailes | 16 fév, 2010, 21:18
Bonsoir,
excellent(s) site, tutoriels, bon pédagogue…
Que du bonheur, on en redemande ! Bravo Matt et Merci