Tout d’abord, nous allons importer une photo d’immeuble dans Photoshop, et en utilisant l’outils point de fuite, nous exporterons les données relatives à la géométrie de l’immeuble dans After Effects, qui repositionera les différents plan dans une scène 3D. Nous animerons ensuite par dessus une typo, et grâce à l’utilisation de la lumière, nous simulerons une ombre, un reflet, afin de donner une illusion de « texte flottant ». Nous verrons ensuite comment rajouter de la profondeur de champs en réglant la camera, ainsi que quelques réglages colorimétriques pour harmoniser typos et photo.

  • Découvrir l’outils point de fuite de photoshop
  • Exporter un fichier .vpe
  • Recréer la 3D sous after à partir d’une photo
  • Maîtriser la lumière, les ombres et les reflets, la profondeur de champs
  • Animer un texte grâce à un tracé vectoriel
  • Déplacer sa caméra dans l’espace
  • Créer des pré-compositions et réduire leur transformation
  • Modeler l’interface d’After Effects pour avoir deux visualiseurs de compositions, ou encore verrouiller certains panneaux pour améliorer votre workflow

L’outils point de fuite nécessite Photoshop CS3 ou supérieur, l’import de .vpe After effects CS3 ou supérieur.

 

 

Avatar Mattrunks Entre Motion Graphic Designer et formateur, j'essaye de transmettre ma passion pour l'animation en produisant des tutoriels vidéos sur After Effects. Plus d'infos

 

32 Blablas

  1. Répondre

    exactement ce qu’il me fallait merci !!!

  2. Répondre

    Pour ta question que si tu savais pas pour Photoshop 6.5 il y a même pas de point de fuite, que sur le CS3 et tu ne peux même pas importé vers after effects . Je fais quelque montage vidéo et je vois que toi aussi t’aime beaucoup les plugins de Andrew Kramer. ==> http://aftereffects.skyblog.com

    Bye et merci pour tout tes tutos c’est parfait =)

  3. Répondre

    En même temps photoshop 6.5 n’est plus tout jeune, on en ai à la version 10 ^^ La fonction d’export/import de fichier .vpe est effectivement une nouveauté de la CS3. Bonne continuation à toi avec tes vidéos, et essaye de ne pas trop appliquer les tutos d’andrew à la lettre afin de créer quelque chose d’unique et personel ;)

  4. Répondre

    tes tutos sont vraiment bien! bien expliqués et des exemples bien choisis. Dommage j’ai pas pu tester celui la, j’ai que after effects 7.

  5. Répondre

    Merci pour le partage de ta connaissance d’infographiste. Tu peux rivaliser avec les américains pour les tutos vidéos ;-)

    Je te souhaite bon courage pour la suite à Montpellier et dans l’impatience de t’écouter en vidéo …

  6. Répondre

    Dis moi, comment on fait pour faire cette effet mais sur une video et non pas sur une photo ?

  7. Répondre

    On fait du tracking 3D, mais pas avec after effects qui lui n’offre qu’un track en 2 dimensions. Il faut se tourner vers des softs (cher) comme boujou et autres ou vers icarus mais impossible de tracker des plans en résolution supérieur a du PAL… :(

  8. Répondre

    merci pour ta réponse :)

    Du coup c’est pas vraiment utile a part pour un générique ou autre, mais c’était quand même très instructif, comme tout tes tutos :)

    merci :)

  9. Répondre

    Super cool ton tuto, mais je n’arrive pas a le telecharger

  10. Répondre

    Salut,
    d’abord merci pour tes tutos trés explicites et pédagogiques,
    voila en fait j’avais déja essayé d’utiliser l’outil point de fuite de toshop pour AE mais curieusement AE ne reconnait pas le format VPE, si tu as une idée de la provenance du problème ca m’arrangerai; J’utilise une version d’évaluation d’AE.
    Merci et à bientot .

  11. Répondre

    Bonjour,

    Serait-il possible d’avoir la photo pour réaliser le tuto ou alors le site d’où elle provient…

    Merci.

  12. Répondre

    Burnside > J’ai déjà demander, je crois que c’est impossible.
    Il faut que tu sois créatif et que tu fasse toi même tes propres photos ;)

  13. Répondre

    Pierre -> Alors la je ne vois pas du tout :( Tu as bien la version CS3 d’after effects, la 8.0 ? la 7 ou autre ne gère pas le vpe..

    Burnside -> Maxlefun m’a oté les blablas de la bouche ^^

  14. Répondre

    ça vient de moi ou on ne peut pas télécharger le .mov ?

  15. Répondre

    Hum… Depuis le passage a mobileme la semaine dernière je pense que la fonction de partage public des iDisks à sauté… :/

  16. Répondre

    Hello !

    Est ce compliqué de réaliser +/- le même effet (texte fixe sur une face avec mouvements de caméra) mais avec une vidéo comme document de base (en non des points de fuites fait sous photoshop)…????

    Je ne vois que les keyframes pour le texte (rotation, échelle, position) mais ça me semble terriblement fastidieux !

  17. Répondre

    bonjour j’ai la version evaluation photoshop extended mais il fait pas l’export vpe sous la fleche je comprend pas.

    une idee ???

  18. Répondre

    salut,
    lala merci pour le tutoriel
    malheuresement j’ai version 7.0 dommage….

  19. Répondre

    Salut Mattrunks,

    Tous d’abord BRAVO & MERCI pour tes tutos bien enrichissant!!!!!
    Je débute sur AE et ça m’aide beaucoup!
    J’ai eu quelques soucis à refaire ce tuto (point de fuite)sans bidouiller… :)
    Déjà, quand j’importe le .vpe d’un projet pourtant droit (je veux dire par là image bien centrée, et sans de problème de perspectives), il arrive dans AE retourné, et excentré. Je suis donc obligé de jouer dès le début sur la position de la caméra. Mais bon..ça se fait. Je créée alors une nouvelle composition, j’y glisse mon .vpe, puis création de caméra, passer en mode 3D, nikel! Mais des que je coche « réduction de transformation », hop l’image disparait!!

    Tu sais pas de quoi ça pourrait venir?

    merci

  20. Répondre

    Félicitayion et Merci pour tes tutos.

  21. Répondre

    Félicitations et Merci pour tes tutos.

  22. Répondre

    Je commence par le début, mon premier tutoriel After Effect.
    J’ai eu quelques problèmes notamment pour les points de fuite sous Photoshop.
    Sinon c’est bien expliqué et le résultat final est assez sympa.
    Merci

  23. Répondre

    Hey salut!! Super tuto…

    Je rage depuis 45min parce que quand j’ importe mon Fichier .vpe (qui est de très bonne qualité sur toshop’), la qualité du VPE est POURRITE… Je comprends pas… Tu pourrais m’ éclairer plz? xD
    Merci encore pour ce tuto

  24. Répondre

    ça c’est une bonne question… à quand une reponse ??? snif !!!!!

    Bravo pour tes tutos clairs et propres !!
    (ça change de certain !!)
    mille merci

  25. Répondre

    Hey les gars pensez à vérifier la résolution du prévisualisation qui est généralement sur 1/2 voir 1/4. Mettez là sur intégrale pour voir l’image de qualité original ;) .

  26. Répondre

    pourquoi la vidéo ne marche pas?? l’a-t-on supprimé?

  27. Répondre

    ça y est j’ai pu voir le tuto, c’est super je vais pouvoir réaliser mon projet.

    Merci…

  28. Répondre

    La video ne se lance pas !!!
    C’est bizarre !!

    Supprimée ??

  29. Répondre

    bonjour,

    Ecran blanc sur tt les tutos, quel dommage!

    Bonnes fetes

  30. Répondre

    Je n’arrive meme pas a faire ce tuto.
    J’exporte bien depuis photoschop dans AE, mais cela ne donne rien, les images ne sont pas visible.
    Il doit manquer une information a votre tuto ?
    Ou peut on telecharger votre exemple…parce que j’ai essayer avec 18 photos différentes, et rien ne marche….
    merci

  31. Répondre

    Juste un grand bravo pour la clarté des explications et la qualité du tuto.
    Je viens de le regarder avec attention, et je pense m’amuser à le faire d’ici peu.
    Encore bravo et bonne continuation.