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:

How to get the most out of Affinity Designer with your Wacom tablet, with Vivienne Le

How to get the most out of Affinity Designer with your Wacom tablet, with Vivienne Le

Etherington Bros’ Comics Crash Course #4: Storytelling through character design

Etherington Bros’ Comics Crash Course #4: Storytelling through character design

The Best Free Tutorials To Get Started in Photo Manipulation With Adobe Photoshop

The Best Free Tutorials To Get Started in Photo Manipulation With Adobe Photoshop

Etherington Bros’ Comics Crash Course #3: Character design and costumes

Etherington Bros’ Comics Crash Course #3: Character design and costumes

Connect with Wacom on social media

Creative Challenge: Fall Edition 🍁

Ready to take on an art challenge with Magma? Two illustration students stepped up to the task, and now it’s your turn!

Gather your creative crew, jump into @magma_com , and let the showdown begin. Tag us in your results to show the world who’s got the skills.

#WacomOne #ArtBattle #WacomAdventureProgram
97 3
How to get the most out of Affinity Designer software with your Wacom tablet, with Vivienne Le @studio_viv ✌️⁣
⁣
Head to our YouTube channel to see the Vivienne's tips for making the most out of Affinity Designer, an amazing program that allows you to switch between vector elements and raster art on the same document.⁣
⁣
@affinitybyserif #design #wacom #affinitydesigner #madeinaffinity ⁣
202 4
Time to sketch with @kelogsloops 🤩
Nice to see Hieu give the #wacommovink a try. And did you see they're pairing up with Digital Mitsubishi Pencil? 🤯
#creativesonthego #creativeprocess #movink #creativeprofessional
713 6
Protect your art with Wacom Yuify! ✨

Embed an invisible micromark into your digital artwork before sharing, ensuring your authorship is secure. Whether you're an artist, designer, or creative enthusiast, Yuify gives you peace of mind to safeguard your creations while ensuring your authorship is always with you. ✍🏻

Ready to protect your art? Register for free at yuify.com and secure your creative rights!

#WacomYuify #CreativeRights #protectyourart
226 6
Crafted with precision, Wacom Movink merges sleek design with robust materials, making it an ideal companion for your creative endeavors!

With the strength of Corning Gorilla Glass and Magnesium alloy, Wacom Movink withstands the rigors of daily use, offering peace of mind as you bring your ideas to life. 💪💡Whether you’re working on-the-go or in the comfort of your studio, rest assured that your Movink 13 is built to last. 🛡️💻

Link in bio for more info.

#WacomMovink #CreativeProfessionals #CreativesOnTheGo
403 19
Tips to stay organized by @lplucas 🥸⁣
#WacomTips #WacomPen #WacomWorkspace #WacomOne #arthacks #artistsoninstagram
1931 22
Heading to THU next week? 💥 @thu_official

Join Glauco Longhi @glaucolonghi and Maria Panfilova @panfilova.art at the Sculpting Studio for live demo sessions that will spark your creativity! 

Learn from their expert techniques, ask questions, and dive into their unique artistic process! 🌟 Plus, catch them using Wacom Cintiq Pro 17 during the live demos — a perfect tool for bringing ideas to life! 🔥 

Don’t miss out on this incredible experience! 💥

See you next week in Troia, Portugal 🙌🏻

#THU2024 #WacomPartner #WacomEvents
315 19
🎬 Dive deeper into the creative journey behind Max Beyond with filmmaker @hazdazzle and VFX artist @victorperez_official !

In this second part, Haz delves into the benefits of pressure sensitivity on the Wacom Pro Pen 3 usign a Cintiq Pro 27, showing how it adds precision and nuance to every stroke—elevating the storytelling through even the smallest details.

#MaxBeyond #CintiqPro27 #WacomCintiqPro #VFX
1209 6
Go with the flow with  @sinana_grim, switching gears and moving with ease. ⁣☕☁️🎒🥤
Wacom Cintiq Pro in the office and Wacom Movink anywhere else. ⁣
#WacomMovink #CreativeProfessionals #CreativesOnTheGo
317 3
🎬 Take a look behind the creative process of Max Beyond with filmmaker @hazdazzle and VFX artist @victorperez_official!

Haz shares how the Wacom Cintiq Pro helped elevate his creative workflow, pushing the limits of visual storytelling in animation. An inspiring look at where technology meets creativity!

#MaxBeyond #CintiqPro27 #WacomCintiqPro #Animation
1362 10