Eye Tracing Video Thumbnail

How to master eye tracing for engaging animation, with School of Motion

September 2, 2024
School of Motion Logo

School of Motion is reimagining art school with world-class training that is available on your schedule from anywhere on Earth. They offer a wide variety of courses that can take your creative goals to the next level. Check out their website to see all of their offerings.

The below video originally appeared on School of Motion’s YouTube Channel, and this explanatory article originally appeared on their website.


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!


What is eye tracing in animation?

Eye tracing involves you as the animator using movement of the main subject to influence and lead the viewer’s 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 from across the street?

Typically, you yell their name so that they will turn to find you. Being cued 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 create a second way to grab their attention by waving your arms. As a result, 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.

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

We use eye tracing to similarly lead the viewer’s attention to 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 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

School of Motion Logo

Want to learn more?

While this was not a complete guide to eye tracing, it will certainly get you started. Interested in learning more about a bunch of animation topics? For more tips, head to School of Motion’s Youtube Channel, or find complete courses on their website.

Related posts:

Making the Most of Your Wacom with Pablo Muñoz Gómez, Tip 7: Mapping ExpressKeys to Custom Functions

Making the Most of Your Wacom with Pablo Muñoz Gómez, Tip 7: Mapping ExpressKeys to Custom Functions

The best storyboarding classes on Skillshare

The best storyboarding classes on Skillshare

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

How Legendary Animator Aaron Blaise Created His New Short Film, Snow Bear

How Legendary Animator Aaron Blaise Created His New Short Film, Snow Bear

Connect with Wacom on social media

The lovely @martinab.illustrations tests the Wacom Movink, taking advantage of the ability to create from anywhere. From your desk, to the cafe, and anywhere ideas may strike, Movink moves with you, so you never stop creating. 
#wacommovink #creativeprofessionals #creativesonthego #digitalart #artschool
180 10
💡 What is Wacom Bridge?⁣
It's a technology designed to give artists a like-local experience on remote systems, seamlessly integrating local Wacom tablets with AWS solutions like Amazon DCV and Amazon AppStream 2.0.⁣
⁣
With the demand for distributed creative talent growing, Wacom Bridge ensures that creatives can thrive wherever inspiration strikes—studio, home, or halfway across the globe! 🌍⁣
⁣
🚀 Learn more through the link in our bio!⁣
AWS users can enjoy Wacom Bridge at no cost until January 15, 2026 (terms apply).⁣
⁣
#WacomBridge #RemoteWork #DigitalCreativity
87 0
Don't you love how easy @tedslittledream makes it look?
Check out his process on the new #wacommovink ✍️
Ted uses Wacom gear and #photoshop to edit all his concept art.
#madewithwacom #wacomtablet #conceptart #digitalartist #artistsoninstagram
745 14
Do you still draw with a mouse? 🖱️😱🚫
@adam_theillustrator prefers the precision of a stylus and the Wacom Intuos Pro is his trusty ally. 
Feels like paper. Works like magic. 
#intuospro #wacompen #wacomtablet
657 62
It's CYBER MONDAY! ⁣
Save big on Wacom #IntuosPro, our legendary beloved pro tablet!⁣
Perfect for photo editors who need more precision for tracing out masks or layering, illustrators who want the efficiency of working digital rather than scanning and cleaning up hand-drawn work, or a concept artists ready to take advantage of the power of digital painting software. ⁣
⁣
Shop now through the link in our bio!⁣
#christmasgifts #holiday #deals #shopping #amazon #wacomsale
98 2
Creating magical vibes with @monsieur_arefin. ☕📔🫗
Sometimes it takes several tries to capture what you envision. And every try reveals something different and special. 
Stay tuned for part 3.
203 4
When you do it all, you need a tool that can keep up. 🖌️🎬🎨📸🎥🎤
@nickhshaheen found a versatile way to work on the go with the #WacomMovink. The perfect tool for creatives who do it all.
Are you also a studio of one?
146 1
The Wacom Movink is on sale on our Amazon store 🖤🎁🛒⁣⁣
Save $50 USD on our lightest and thinnest pen display ever!⁣
Head to the link in our bio or our stories to save! ☝️⁣
Work and workspace by @danidiamondphotography 📷
#christmasgifts #holiday #deals #shopping #amazon #wacomsale #wacomMovink ⁣
1521 30
🌍 Hey, Wacom community! you already know @wacomeurope — and now we want to get to know You better!

Drop a comment below and tell us:
📍 Where from Europe are you following us?
✨ What do you do? (Are you an artist, designer, photographer, vfx artist, or anything else?)

Let’s build this incredible European creative community together! 👇✨ Don’t forget to tag your creative friends to join the conversation!

#WacomCommunity #CreativeCommunity
272 174
Do you know what the #greasepencil tool is? Let's learn with @janice.journal ✍️🧋
Janice is using a #WacomOne 12
Shop #WacomOne on sale now! Via link in bio 🛒
#wacomtips #wacomart #3dmodeling #3dart #digitalart #madewithwacom
518 4
Add a dash of magic to everyday moments🫖⏱️🥃🥄🃏✨
Our friend @monsieur_arefin shows us that sometimes all we need is already around us. Look around and reimagine the ordinary.
It's amazing what a glue gun and some editing can do 😍
Stay tuned for part two! 2️⃣✌🏾
#madewithwacom #photoediting #artistlife #artistsoninstagram #inspiration #ConnectedInk2024
390 11
Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️
Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! 
#animation #2danimation #aaronblaise #MadeWithWacom
679 14
This error message is only visible to WordPress admins
There has been a problem with your Instagram Feed.