What is jitter? Everything you need to know about this motion design tool

Animating video is often a difficult skill to master. Jitter is a browser-based tool that allows anyone to create animated designs. It’s a simple and very intuitive tool to use, even without experience in motion design.

If you’ve put motion design on the back burner due to its difficulty, now is the time to come out of hiding and improve your skills. Here’s everything you need to know about Jitter.

What is jitter?

Jitter is a browser-based motion design tool. Its simple design is ideal for a novice, someone who just wants to work quickly without learning a new program in depth.

The premise of Jitter is that it’s like Figma, but for motion design. What does it mean? Well, Figma is an easy-to-use browser-based tool for UX/UI design. Not to mention that Figma has also become the industry’s leading tool for UX/UI design, becoming more popular than the old industry standard: Adobe. Jitter aims to become that and more.

You may be familiar with Adobe’s After Effects software. Often used for video design and animation, great for creating motion designs for social media or creating LottieFiles for your UX/UI design. But it’s hard to learn and takes up a lot of space on your hard drive. You won’t have these problems using Jitter. This is motion design for the real beginner. It has an intuitive interface, simple actions and excellent results.

USE VIDEO OF THE DAY

Is the jig free?

The best thing about Jitter is that it is available for free. At least it has a free option with lots of things you can do. There’s also a premium option that gives you a bit more freedom in designing moves.

Jitter’s free plan gives you unlimited projects, allowing you to learn and create as much as you want; however, the designs will have a Jitter watermark on them. Depending on what you plan to use the video for, you may find that some creative cropping allows you to use the video without the watermark displayed.

You can export in GIF and video outputs. This is great for any social media use, like creating Instagram stories or posts. You can even make a YouTube intro. With the free version, you can only export in 720p at 30 fps. The free version gives you plenty of design options, and most people probably wouldn’t need much more from the paid plan.


You can cancel your paid plan at any time. There are two payment options: $18 per month billed monthly, or the equivalent of $12 per month but billed annually at $114.

With Jitter’s paid plan, you can export your video designs without the watermark, you get priority support if needed, and on top of everything in the free plan, you can export in 1080p at 60 fps. You also get the huge advantage of exporting with a transparent background. While there are workarounds to achieve transparency with the free version, it’s much easier to just access it while exporting.

Models


Jitter example patterns.

Whether you have access to the free or paid plan, Jitter offers an extensive library of motion design templates that you can use. These templates follow trending designs like tweet or text message thread as well as geometric background designs or button styles. These can also be great to add to a YouTube video.


Even with the vast selection of templates, each can be modified to make it unique to your style and brand. Templates are a great guide to learning how Jitter works. Clicking on any model will bring the design into the workspace. The workspace offers two different ways to modify your motion design; there is a Ddesign workspace and a Anation workspace.


Jitter tweet template with modified words.

You can keep the same animation style and timings of the template, but change the content of the design, such as changing the words in the Tweet or changing the background color. You can also change the animation settings separately – maybe you want an element to fade rather than rotate, you can do that. This part has a bit of a learning curve though.

Personalization


Jitter new file page.

Jitter’s design space offers two different ways to create custom motion designs from scratch. Although templates are a great starter tool, at some point you may not want to use all the same templates as other people. Why not create your own unique designs?

A great way to use Jitter is to import your files from Figma, with a Figma plugin. If you have a UX/UI design you created in Figma that lacks animated elements, import the design directly into Jitter with one click. This adds another great tool to use with Figma.

But if you want to create a motion design that is not related to Figma or UX/UI design, you can create a design from scratch with new file. This option is great for experimenting and creating something unique.

It gives you a blank canvas where you can create or import design elements to animate. Jitter treats imported video clips the same as a rectangular design element, so you can import video clips and round the corners, change the size, or modify it the way you might manipulate a rectangle element.



jitter with custom animation.

Once your design elements are in place, go from Design for animate, so you can animate them. There are predefined animation options, like Vanish, Climb, Hide, and many custom options. Custom options allow you to Move, Climband Color with custom animation elements.


jitter with a custom animation that has been modified.

Although the system looks simple, you can create lots of cool animations that have the mark of a professional animation. Since the tool is free, it allows lots of experimentation without wasting money, storage space or time to learn how Jitter works.

Motion Design Simplified with Jitter

Whether you’re using the provided templates or creating videos from scratch, Jitter can change the way you create. It’s a great tool to add to your skillset that won’t take long to learn but will give you impressive results.


Bird's eye view of a table with several Apple Mac laptops and a few people working

What are Lottie files and why does everyone use them?

Read more


About the Author

About Jason Jones

Check Also

Android Auto to spice up your car with split-screen design and more smart elements

Android Auto gets an upgrade that lets you run apps in split-screen and enjoy a …