Embed-demo

22 Responses

  1. Vince Lane Vince Lane

    A quick run through of some of the animations I created for our new product Disqus demo.

    This project was a ton of fun. Using After Effects for the first time, I combined video and CSS animations to make it all come together - Check it out! http://disqus.com/websites

    Any and all feedback always welcome.

    9 months ago

  2. Budi Tanrim Budi Tanrim

    cool animation, good work!

    9 months ago

  3. Michal Galubinski Michal Galubinski

    clean and nice

    9 months ago

  4. Andrea Cau Andrea Cau

    Nice work and animation @Vince!

    9 months ago

  5. Alex S. Lakas Alex S. Lakas

    @Vince Lane awesome shit man. fuck. Please tell me how you are meshing CSS with video.

    9 months ago

  6. Filip Zajac Filip Zajac

    @Vince Lane I'd like to know it too :)

    9 months ago

  7. Vince Lane Vince Lane

    Thanks for the compliments :-)

    @Alex S. Lakas, I start with a single image as a base. When a demo is triggered, I use CSS to zoom into a specific part of that image, and then overlay a small video over just the part that needs to be animated, using absolute positioning. Here's one of those videos: http://disqus-vince.s3.amazonaws.com/dotcom/demo_voting.mp4

    I was inspired by this write-up on the new MacPro marketing page: http://ihatetomatoes.net/apple-mac-pro-page-deconstructed

    likes

    9 months ago

  8. Dan Lebowitz Dan Lebowitz

    This is one of the best walkthroughs I've ever seen. Great execution.

    likes

    9 months ago

  9. Vince Lane Vince Lane

    Thanks Dan ;-)

    9 months ago

  10. Levi Wintering Levi Wintering

    *explosion*

    9 months ago

  11. Geckotree Geckotree

    The animations and walkthrough of this is just wonderful, I was thinking of integrating disqus into our blog yesterday and I think this has just convinced me... I know what I'm doing today :)

    9 months ago

  12. Oz Pinhas Oz Pinhas

    Dear lord, this is pure beauty.
    (Watching it endlessly)

    9 months ago

  13. jerrychen jerrychen

    wow, The animation is very cool

    9 months ago

  14. Petr | Direct-services Petr | Direct-services

    unobtrusive and perfect!

    9 months ago

  15. Dima Bou Dima Bou

    great work man!

    9 months ago

  16. Jan Cantor Jan Cantor

    Nice work man!
    I posted this on GUIFFF.

    9 months ago

  17. Flit Flit

    *!

    9 months ago

  18. Connor McSheffrey Connor McSheffrey

    So hawt! 🔥

    9 months ago

  19. Netta Marshall Netta Marshall

    Holy fucking shit, dude. Time to up my game.

    9 months ago

  20. Kevin Mandeville Kevin Mandeville

    @Vince Lane This is amazing. It'd be awesome if you made a step-by-step walkthrough blog post and/or video tutorial so we can see the full creation process of CSS/After Effects from start to finish. That'd be a phenomenal resource.

    likes

    8 months ago

  21. Pedro Ribeiro Pedro Ribeiro

    wow man those moves are sweeeet !

    8 months ago

  22. Álvaro Bernal Álvaro Bernal

    Cool animation. Congrats!

    7 months ago

keyboard shortcuts: previous shot next shot L or F like