[TUTO] COMMENT ANIMER UN DESSIN ILLUSTRATOR AVEC AFTER EFFECTS

Tutoriel After Effects pour apprendre à animer un dessin vectoriel FOOD TRUCK réalisé sur Illustrator.
► ABONNE TOI ! : http://bit.ly/2bhFris ◀
► Sources du tuto : http://bit.ly/28Jdc7m
► Site Web : http://team8.fr
► Facebook : http://www.facebook.com/Collectif.Team8
► Twitter : http://twitter.com/collectif_team8

Aujourd’hui, Kévin va vous apprendre à animer le foodtruck “BIBI GRAILLON“ avec ce nouveau tutoriel After Effects en vidéo où nous allons apprendre le fonctionnement du logiciel. Plusieurs astuces vous seront dévoilées afin de donner l’illusion de déplacement de notre camion vectoriel.

Programme du tuto animation d’une illustration foodtruck avec After Effects

► Tours d’horizon de l’interface du logiciel.
► Importer ses calques dans After Effects.
► Animation du truck food.
► Utilisation des propriétés de transformation.
► Utilisation des courbes de vitesse.
► Application de différents effets.
► Lancer un rendu vidéo dans After Effects.

Ce tutoriel dédié à la création d’une animation est destiné à tous les débutants qui souhaitent s’initier aux métiers des arts graphiques. Ce dernier est compatible avec les versions CC et CS6 du logiciel Adobe Illustrator.

✿ Tags : tuto, after effetcs, animation, foodtruck, vector

49 replies
  1. David Trinh
    David Trinh says:

    Excellent ce tutoriel. Merci pour le temps consacré ! Une voix agréable, des explications claires et une pédagogie parfaite ! Le plus : les petites astuces, les raccourcis claviers pour aller plus vite ! MERCI !

    Reply
  2. Antonin Berger
    Antonin Berger says:

    Je n’arrive pas à ouvrir le dossier bibi graillon sur After Affects…
    Je suis un archi-débutant et je l’ai téléchragé gratuitement.
    Quelqu’un pourrait m’aider
    Merci

    Reply
  3. Sweedy Vape
    Sweedy Vape says:

    Ennnfin depuis le temps que je cherche comment on fait défiler un paysage correctement ! Merci, super tutot !

    Reply
  4. Antoine Séguin
    Antoine Séguin says:

    Salut! lorsque j’applique un effet d’onde sur mon illustration, l’effet s’applique sur la totalité de mon animation, j’aimerai que cela dure seulement qqs frames. comment faire?

    Reply
  5. MAXIME PETIT
    MAXIME PETIT says:

    Pour la rotation de la roue, quand je lisse la vitesse, que je vais dans editeur et qu’appuie sur play, la roue tourne dans le bon sens au début, puis arrivé au milieu de la courbe, elle repart dans l’autre sens…J’ai fait tout comme toi

    Reply
  6. Mokiris
    Mokiris says:

    Bonjour! Super chaîne, exactement ce dont j’avais besoin, et tellement mieux que les cours que j’ai eu en infographie!

    Reply
  7. Njike Lonang
    Njike Lonang says:

    je suis bloquer dépuis des jours sur la touche (page) sur macbook air. puis je avoir votre aide. je n’avance plus
    mon probleme en fait c’est avancer de 10 images. je ne trouve pas ce racourci clavier

    Reply
  8. Guigui'o 2nd 1er
    Guigui'o 2nd 1er says:

    Super mais je rajouterais bien quelques petits posts dans la vidéo pour les raccourcis clavier à chaque utilisation ou bien tout ce qui est récurent mais c’est déjà super je suis très content d’avoir trouvé cette chaîne 😄

    Reply
  9. Denis Métral-Deschamps
    Denis Métral-Deschamps says:

    Salut, a 50:59 t’as un décalage comme si 2 vidéos se chevauchaient. Excellent Tuto néanmoins 😄

    Reply
  10. Pierre Vezier
    Pierre Vezier says:

    bonjour , j’ai un petit souci avec le fichier ai bibi . dès le début quand je double clique je n’ai pas tout les calques et l’écran et noir … quelqu’un pourrait il m’aidé svp ?

    Reply
  11. Marc Legros
    Marc Legros says:

    Super tuto de la même veine que le tuto de l’anim sur la typographie. Très pédagogique. J’y vois plus clair maintenant dans After Effects grâce à ces 2 tutos. Qu’est-ce que tu me conseilles comme tuto pour continuer l’apprentissage dans l’ordre ?

    Reply
  12. Félix Touati
    Félix Touati says:

    Hello merci pour ce tutoriel 🙂 cependant j’ai un petit probleme lorsque je vais sur l’éditeur de graphique… la courbe pour les roues n’est pas identique alors que j’ai suivi votre vidéo à la lettre 🙁 Auriez vous une explication ?
    Merci 😉

    Reply
  13. Gamisto LIVE
    Gamisto LIVE says:

    Je suis bloqué rapidement dans le tuto car tu explique d’importer la photo mais ne pas importé sous "métrage" et moi je peut que importer sous métrage . Est-ce normal ?:(

    Reply
  14. Florian Lourdin
    Florian Lourdin says:

    Tuto très agréable et expliqué de façon très claire ! Merci pour ton temps et ta réactivité

    Reply
  15. ZerefGG
    ZerefGG says:

    Bonjour,
    Merci pour le tuto, vraiment jai appri bcp de choses
    Une petite question :
    Cest quoi le nom ou la config du mac que vous utilisez?

    Reply
  16. Vortex 03
    Vortex 03 says:

    Salut ! Alors moi j’ai un probleme. Quand j’ouvre l’éditeur de graphique, au lieu d’avoir deux lignes perpendiculaires, j’ai une ligne horizontal et l’autre diagonale. Pourtant j’ai fais tout comme toi ! Je ne comprend pas…

    Reply
  17. François Millard
    François Millard says:

    Bonjour @team8, à la fin de votre vidéo au moment du pré-rendu, je ne trouve pas le codec h264. Ma liste de codec est bien plus courte que la votre. Je suis sur PC

    Reply
  18. Web-Graphics
    Web-Graphics says:

    Du très beau travail, des explications claires, une animation top, hâte de voir les autres tuto AE!!! merci encore de proposer une telle qualité gratuitement.

    Reply
  19. CamComVideo
    CamComVideo says:

    super tuto ! mais je n’ai pas compris à quoi sert le calque de texture, j’ai l’impression que cela ne change rien

    Reply
  20. NAIT.A Akli
    NAIT.A Akli says:

    trés bon travail, mais ta video n’est pas conçu pour les debutants, parce que on sait pas comment réaliser les calques sur une photo !?

    Reply
  21. elsith
    elsith says:

    Problème dès le début ! Quand je tape -20 pour la rotation de la roue gauche et que je lisse avec F9, ça me fait une courbe qui descends de la première à la dernière image clé jusqu’à arriver à -7000. Ca ne rends pas du tout la courbe qui passe de 0 à -2000 et quelques puis remonte à 0. Qu’est ce qui se passe j’ai tout fait comme il faut pourtant ! Help!!!

    Reply
  22. MDog
    MDog says:

    A 23:15 on peut voir que l’ombre de la table et la table sont derrière le camion alors que quand tu fait le déplacement du camion on peut voir que c’est le camion qui passe derrière la table !

    Reply
  23. Igwouane
    Igwouane says:

    Salut Kevin ! Tuto Génial le rendu est tellement sympa et très épuré(merci Damien aussi pour le design) :D. Cependant, j’aurais 3 petites questions:

    -Pourquoi par moment quand je lisse mes clés avec l’éditeur de vitesse, j’ai des "soucis" de trajectoire je m’explique mon objet a une simple trajectoire(exemple dans mon cas c’est un rectangle avec une anim de décalage vertical, mon rectangle descend puis tout d’un coup(au niveau du pic) il remonte puis resdescend aussi vite) jusqu’au pic de la courbe tout est nickel et à partir de la descente mon objet repart dans le sens inverse de quelques CM puis il reprend sa trajectoire normal (je précise que l’objet animé a une très grosse vitesse et que l’effet Décalage est appliqué). Je ne sais pas si j’ai été clair sur cette question elle m’a l’air un peu incompréhensible ^^’.

    Mon autre question est:

    -Qu’elle est la différence entre lisser la clé d’entrée et la clé de sortie et ne toucher qu’à la vitesse de la clé de sortie ou simplement lisser la clé de sortie ? Car j’ai vu que dans le tuto tu utilises les 2 façons, notamment sur les roues par exemple tu lisses les 2 clés mais sur le drapeau tu lisses que la clé de sortie.

    Et ma dernière est:

    -Peut-on lisser nos clés dans l’éditeur de valeur si les clés en questions animent un effet de décalage, si OUI comment fais-t-on ? Car j’ai testé et sur cet effet je ne peux pas séparer les valeurs pour avoir accès au lissage, alors que si j’anim mes positions je peux séparer les dimensions et donc lisser mon éditeur de valeur.

    Merci de ton aide ! 🙂

    Reply
  24. Lorelei Rosenstrauch
    Lorelei Rosenstrauch says:

    un énorme merci pour le temps investi, le savoir transmis et l’humour avec lequel ce tutoriel est réalisé xxx vous êtes géniaux Team8

    Reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *