Efficient Ways to Create Before & After Animation Videos for Web Design

·

Pretty sure, someone else had this question but can’t find it in the search. On Linkedin is see a lot of thse video’s including before and after animations of Wireframes to Webdesign (sections or pages). What is the most efficiënt way to create some of these videos? Canva? Lumen? Thanks

8 comments

Federico B.
·
Canva as easy solution, figma + after-effects for the cool kid
Thomas
·
Thanks! Know of any canva templates out there to be used? Or do you make custom ones?
Federico B.
·
welcome! I would use Figma + After Effects with the AEUX plugin (https://google.github.io/AEUX/) for exporting designs. It’s a bit more work but gives a lot more customization. Kinda sure my friend does custom stuff in Canva, will ask 🙂
Matt J.
·
yeah as far as I know, its figma + AE
Thomas
·
I did a quick test with the free version of canva. Good enough for me. :)
Thomas
·
But I will give after effect also i try since i dont have a plan on Canva but I do have the Adobe Suite
Federico B.
·
the cool part of AE is that you can create more advanced things like 3d cameras, text effects motion blur
Matt J.
·
yeah AE will take time to invest in learning - huge learning curve. I would expect to spend at least 20-30 hours just learning the basics from youtube videos.
👍1