Dans ce nouveau tutorial vidéo, nous allons créer une animation de 5s, qui peut être utilisé comme vidéo d’intro avec un Effet de texte Flip-Flap accompagné d’un habillage coloré et moderne.
Nous allons aborder plusieurs thèmes différents, comme l’animation de texte caractères par caractères, la gestion d’un système de particules sous CC particle world, et d’autres effets pour habiller le tout.

Ce tutorial ne nécessite pas de plugins tiers, et fonctionne à partir de la version CS3 pour l’animation par caractère du texte.

  • Animation de Texte par caractère, afin d’avoir une rotation aléatoire sur chaque caractère géré de manière indépendante les uns des autres.
  • Effet de transition entre les mots « Flip-Flap », fluide et rapide.
  • Mise en place d’un système de particule sur CC Particle World pour l’animation simplifiée des triangles
  • Utilisation de caches, de masques, et des modes de fusions pour faire ressortir les typos.
  • Utilisation des calques d’effets pour habiller la scène, avec des masques pour focaliser l’effet dans une seule de la vidéo.
  • Et pleins d’autres astuces au long des 30mins de ce nouveau tutorial !

 

 

Avatar Formateur After Effects et Motion Designer.

 

50 Blablas

  1. Répondre

    Magnificos uné fois dé plous :)
    Gracias

  2. Répondre

    T’enchaine les tuto dis moi en tout cas ça me plait bien :D

  3. Répondre

    Super (deux tutos de suite O_O !)
    En plus ça va m’aider parce que sur l’autre tuto’ des calques, je voulais rejouter un texte, donc, encore merci =) !

  4. Répondre

    Yep, tu enchaine grave en ce moment matt :-)
    Ya un filtre avec lequel je me suis souvent gratté la tête (et je suis pas le seul), c’est « Laboratoire de particules ». Bon, je sais, on va me rétorquer : « Particular c’est mieux ». Mais si un jour t’as un tuto qui passe par le Labo, ce serait cool…

  5. Avatar
    Répondre

    Et bien tuto tres interessant avec plein de bonnes choses ;)
    et surtout , comment creer une interaction avec fond + texte + particul , le tout animé :)

  6. Répondre

    Salut ! Tu fait de tres bon tutos ! Merci de faire partager ton savoir faire.

  7. Répondre

    Bravo a toi encore un bon tuto très bien enchainé les deux tutos continue comme sa!

  8. Répondre

    « Et on boucle, Oula » x)!
    Le tuto est super intéressant et on apprend pleins de nouvelles choses :)
    Au faite je sais pas si ça vient de moi mais j’voulais dire que le tuto a quelques bugs visuels pas très méchant hein ^^, un peu du style du clip de « Kanye West : Welcome to Heartbreak », c’est à dire quelques décalage de couleurs quand ça va trop vite, mais bon ça empêche pas de voir le tuto =) !

  9. Avatar
    Répondre

    Un tuto plein de truc et astuce, sans oublier les raccourcis clavier que j’aime tant =D
    Bravo et merci Matt :)

  10. Avatar
    Répondre

    Deja le 30 ème héhé :D
    continue comme sa grace a toi je découvre plein de nouvel otption sur after que je n’aurais jamais su découvrir a fond tout seul …
    Se matin en allant sur ton blog je n’aurais jamais crue voir aussi rapidement un 2ème tuto d’affiler :D

  11. Répondre

    Deux tuts d’affilés. Et bien, ça ne chôme pas. Merci et continues comme ça.

  12. Avatar
    Répondre

    Et bien tu commence a faire comme video copilot tu va commencer a filer tout tè projet ou juste ceux-la ?
    Fin pour la plu par sa ira pas parce que tout le monde est encore ( presque :P ) sur une version cs3 ^^

  13. Répondre

    très sympa comme tuto. Pour me part je cherche à reproduire un effet quasi similaire dit « split flap » (Pour la théorie : http://en.wikipedia.org/wiki/Split-flap_display )comme les panneaux de gare.

    Jusqu a présent j ai simplement trouvé l’article suivant qui parle de YU+CO qui a crée un module prgrammable pour le film The Terminal:
    http://toolfarm.com/phorumNew5/read.php?1,3500

    Je suis sur qu avec quelques expressions il serait possible de reproduire le même effet. Y as tu déja réfléchi ?

    Merci encore pour tes tutos. Bon courage.

  14. Répondre

    bon j’ai pas le timing pour pouvoir le visionner de suite mais je sais d’avance que ce sera du qui fait du bien aux yeux et aux neurones…
    donc merci à nouveau mattias pour le temps que tu y a passé pour nous. have a good day in wonderland.

  15. Répondre

    > Guillaume :
    Pour l’effet “split flap” , le showreel 2008 de Matt commence avec un effet semblable sur le texte SHOWREEL, peut etre qu’en bidouillant un peu …

  16. Répondre

    Salut à tous.
    Merci à toi, sympa, deux à la fois, tu nous gâtes!

    Petite question à celui qui sait :
    Sur 3D max, les particules peuvent se remplacer par n’importe quelle image, exemple : Tu crées tes particules, et après tu mets un image de feuille et t’as des feuilles qui s’envolent.
    On peut faire quelque chose de similaire sur AE? Si oui, comment?

    2° petite question : comment faire faire un chemin prédéfini aux particules?

    Merci d’avance

  17. Répondre

    Sa me fait de la peine de voir ce tuto..le pauvre je me suis dis.Ont à bien mieux dans animation de texte predefinis..Tu nous presente la un vrai casse-téte sur after, pour le coup perdre 20min sur l’animation du texte..

  18. Répondre

    Déjà trente tutos, whaouh ça passe vite !

    PS : Euh, j’ voulais juste dire que l’anim’ du texte est assez expliker pour qu’on puisse la refaire très simplement (il suffit de réfléchir un petit peu), donc comparer le tuto’ à un casse tête m’a un peu énerver d’autant plus que l’animation est très jolie =)

  19. Répondre

    Timcreation -> C’était la petite surprise de la semaine, deux tutos d’un coup ^^

    Guillaume -> Mon prochain billet de blog devrait te plaire ;)

    Superom -> C’est quand même un peu différent, mais ça part du même principe : couper des lettres en deux et des rotation ;)

    Number -> Sur Ae tu peux faire pareil oui. Avec particular en tout cas tu choisis ce que tu veux comme particules. Des sphères jusqu’au compositions ;) Mais tu n’auras pas des controles aussi poussé que ceux dispo via le systeme de particules de 3DS par contre, c’est quand même un peu plus limité.. Chemin prédéfini, et bien sur particular il suffit d’animer l’emmiter des particules, tu as plusieurs tutos la dessus chez andrew kramer ;)

    Mickael Vendetta -> Si tu penses que je suis à plaindre, c’est ton avis. Si tu aimes utiliser les paramètres predefinis, c’est aussi ton choix. Après il y a des gens comme moi qui preferent tout créer eux meme, et comprendre comment cela fonctionne, au lieu de cliquer sur un bouton magique. Chacun sa façon de bosser. La ou tu penses avoir perdu 20 min à régler un calques de textes, d’autres y trouveront 20min de découvertes d’options qu’ils ne connaissaient pas. On aime apprendre ou on n’aime pas.. Un paramètre prédéfini, c’est beaucoup de chose sauf apprendre..

    Demix -> Et oui, petit à petit, ça augmente :) Merci ;)

  20. Répondre

    Matt => ben le prob avec du site Copilot
    C pas le qualité des tutos, ni ca façon de faire ou d’expliqué
    mais mon niveau maternel en anglais donc refaire ca va, car comme toi c tuto son toujours top qualité

    mais comprendre c une autre histoire
    et comprendre c savoir exploité le truc après comme on veux

    Vendetta => la touche predefinie a bannir sinon on progresse pas
    C sur que c plus rapide sur le moment mais a terme mauvais plan mais si ca te va moi ca me va ^^

  21. Répondre

    Un gros merci pour ce tutorial, très apprécié, très constructif.

  22. Répondre

    Très chouette tuto (les couleurs sont un poil zarbs chez moi mais bon…) par contre tu dis à la fin que certains effets bouffent de la ressources, avec mes 2 Go je ne suis pas allé loin… ^^’

    Merci pour tout,
    R.

  23. Répondre

    Ton tutos m’a l’air très bien, sauf que, je ne peut pas la visionné :(

  24. Répondre

    Merci beaucoup, c’est génial!!
    Je l’ai utilisé pour un projet que je dois rendre à la rentrée :)
    Merci!!!

  25. Répondre

    Super tuto, merci bcp ! :o )

  26. Répondre

    Merci beaucoup pour ce tuto !
    Grace a toi j’apprends rapidement des astuces de ce logiciel qui est tout nouveau pour moi !
    Continue comme ca ;-)

  27. Répondre

    Merci très beau tuto, bien expliquer.

  28. Répondre

    Merci, Super tuto !

  29. Répondre

    merci beaucoup pour ces tutos très bien réaliser
    je suis débutant, et c’est très bien expliqué

    merci

  30. Répondre

    Chapeau Mec ! Merci pour le tuto, ça va beaucoup m’aider car je débute !

  31. Répondre

    Un grand merci, trop bijou ce tuto, je débute et tu me sauves la vie là. Encore merci.

  32. Avatar
    Répondre

    Merci bien pour le tuto good job!

  33. Répondre

    Salut j’ai un petit problème pour accèder aux tutos comment je peux faire merci

    (merci d’éviter d’écrire tout en majuscules, ça pique les yeux)

  34. Répondre

    tout tes tutos sont génial merci beaucoup

  35. Avatar
    Répondre

    super tutos, je débute sous AE et tes vidéos sont super pour apprendre, merci !! par contre je n’ai pas compris à quoi sert le dernier calque, l’effet grain, qu’apporte-t-il en plus a la compo?

    • Avatar

      Il n’apporte rien de particulier, c’est purement subjectif, pour avoir un look un peu plus « réel », comme dans le cas d’un vrai film sur pellicule, et rendre le graphisme global moins « propre ». Mais avec ou sans, selon tes préférences, cela ne changera pas grand chose au résultat ^^

    • Avatar
  36. Répondre

    Salut Matt

    (mon site est en refonte) au cas où..

    Tes tutos sont super !! on apprend beaucoup beaucoup et puis ensuite on dévie et on se fait sa patte.. c’est super… faut juste un peu plus qu’un AMD X2 3800+ pour etre à l’aise parfois… mais avec un peut de patience, on arrive à tout !!

    continue à nous faire la leçon !!!

    Oliv

  37. Répondre

    Salut je suis nouveau et franchement je le trouve bien fait le tuto moi il va m’être utile je compte m’en servir pour faire un générique genre SAV des émissions (anniv d’un pote). Cependant j’ai une petite question : est ce qu’une fois fini je peux l’ajouter sur ulead vidéostudio.

  38. Avatar
    Répondre

    1er fois que je touche a after effect, et avec un tuto pareil, c’est super simple de comprendre.
    super tuto !
    MERCIIII

  39. Répondre

    Help svp :)
    Lorsque je veux animer mon texte et que je sélectionne l’option Rotation
    Je n’ai pas les 3 « rubriques » rotation xyz.
    Donc je ne sais pas changer la position du mon texte sur l’axe X.
    J’ai pourtant mis l’option 3D.
    Mais je bloque à ce moment la.
    Merci

  40. Répondre

    Saludos… Esto esta de pelos!!!

  41. Répondre

    je viens de decouvrir tes tuto je dirais seulement: chapeau bas l’aryiste, t’es un veritable artiste. merci de nous transmettre ton savoir faire, un grand merci.

  42. Répondre

    Super tuto !
    J’ai juste rencontré un petit problème, je n’ai pas le mode écart dans mes différents mode de fusion ! Je ne sais pas où le trouvé, pourtant j’ai after effect cs5.
    Si quelqu’un sait pourquoi, je suis preneur du conseil :)
    Encore une fois merci car je débute sur after effect, et, grâce à ton tuto on peut obtenir un effet typographique bluffant même en étant débutant.

  43. Avatar
    Répondre

    Dans ton tuto, tu animes le texte a l’aide des options début et fin dans le sélecteur de plage. Je ne vois pas l’intérêt d’animer le « fin » on peut rester sur l’option « début » non?

    Sinon merci pour le tuto :)

  44. Répondre

    Bonjour. Merci pour ce tuto. Bien conçu, sympa. Votre blog est parmi les meilleurs. Je suis un membre depuis peu mais j’ai déjà beaucoup appris. Merci Matt et bon courage