Shop Blog Templates Bundles Login

How to create a video MP4 for Dribbble in After Effects

Click here to download the source files and follow along

Super awesome news if you’re a Dribbble user! Dribbble now supports video files.

I think this is amazing and people have been asking for this feature for years.

There are a few things to know and in this video I’m going to break it all down and the fastest and easiest way to export an MP4 out of After Effects and get it posted to Dribbble.

The workflow I like (because it has the fewest steps and is impossible to mess up) is using Quicktime on a Mac. If you aren’t on a Mac, your best option is through Adobe Media Encoder, though at this point there isn’t a preset for Dribbble yet.

Here’s the basic idea

  1. Export your video from After Effects at maximum compression (I just use the default setting)
  2. Open this in Quicktime and go to File > Export As > And then choose your highest resolution available
  3. Next, click on the file name of the new file created and rename the extension from .mov to .mp4.
  4. Upload to Dribbble

Some things to keep in mind

  • Your video must be 800 x 600
  • It *appears* to support 60fps which is super cool
  • It has to be under 10MB
  • It has to be under 24 seconds

Happy prototyping,

Issara

PS You can get all the info from Dribbble directly by clicking on this link.


Become a UI animation pro this week and save $571 with my ‘Ultimate UI Animation Fundamentals bundle'


Find me on –

Facebook: https://www.facebook.com/uxinmotion
YouTube: https://www.youtube.com/channel/ux-in-motion
Medium: https://medium.com/ux-in-motion
Twitter: https://twitter.com/ux_in_motion
Dribbble: https://dribbble.com/issara

Get my free UI animation tutorials and resources emailed to you directly

Join 25k designers from around the world who have signed up to my UI animation newsletter. You'll be the first to get my new tutorials, articles, or courses on UI animation.

Close

50% Complete

Get my free UI animation tutorials and resources emailed to you directly

Join 25k designers from around the world who have signed up to my UI animation newsletter. You'll be the first to get my new tutorials, articles, or courses on UI animation.