Back to Blog Index

Master Engaging Animation with Eye Tracing

No items found.

Keep your audience engaged with Eye tracing, one of the most important animation principles in motion design.

Keeping your viewers engaged is a tough task, and it's even tougher if you don't know how to keep their attention.

Lucky for you there are methods of engaging your audience that have been used for decades. Keeping and directing your viewers attention doesn't have to be manipulative. In this quick tutorial we'll show you how to use an animation concept called Eye tracing. This principle is a masterful technique used to tell a story worth watching. So let's introduce you to your new found skill...

EYE TRACING TUTORIAL

To help illustrate this technique, we've put together this incredibly awesome quick tip tutorial with the help of our good friend Jacob Richardson. Your eyes won't be able to look away... we guarantee!

{{lead-magnet}}

WHAT IS EYE TRACING IN ANIMATION?

Eye tracing involves you as the animator using movement of the main subject to influence and lead the viewers attention to where they should be looking. This process uses varying techniques of movement, framing, color, contrast and more.

As an Animator, your job is make movement "feel good". As a motion graphics artist your job is also to put your viewer's eyeballs in the right spot at the right time. This is commonly referred to as "Eye Trace," and it's one of the many qualities of great animation that separate it from the pack.

When your viewer's eyes move fluidly across the screen only to meet some cool visual right at that moment everybody wins. Your animation is more exciting and, most importantly, more effective at communicating.

Don't ever forget that you're a communicator first, and an animator second... unless you're just making abstract visuals for a concert make sure your message comes through loud and clear.

WHY SHOULD YOU USE EYE TRACING?

Question - How do you get someone's attention across the street?

Typically, you yell their name so that they will turn to find you. Being queued by your voice they turn to discover where the voice is leading them. And, as your voice leads them across the street, you attempt to make sure they figure out where to land their gaze. So, you queue a second way to grab their attention by waving your arms; they find you.

How would your friend have known where to look if you hadn't asked for their attention? They may not have found you if you didn't wave your arms to grab their attention.

(Above: A Great Example of Eye Tracing from our friend JR Canest)

We use eye tracing to similarly lead the viewers attention where it should go. By flashing something on screen, or using audio cues, we are simply priming the viewer to start looking for a cause. If you heard a loud bang or someone was flashing a light at you, primal instincts would kick in and you'd look for the source.

If you're looking to take someone on a journey or call their attention, this is your go to technique.

HOW DO CAN YOU LEARN MORE ABOUT EYE TRACING?

If you want to continue mastering this animation technique, make sure to check out Animation Bootcamp on our courses page! In Animation Bootcamp you'll learn eye tracing and many other principles of animation that will seriously take your creations to a whole new level!

Eye Tracing Homework from Animation Bootcamp


Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.

Explore this Course

Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.

Explore this Course

Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.

Explore this Course

Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.

Explore this Course

Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.

Explore this Course

Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.

Explore this Course

Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.

Explore this Course

Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.

Explore this Course
Your download is in your inbox!!!
Check your email (spam, too) for the download link!
Please check the spam folder if you don't see the message within a minute or two. Google likes to hide your downloads, sometimes.
Oops! Something went wrong while submitting the form.