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 Munoz Gomez – Tip 5: How to use ‘Precision Mode’

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 5: How to use ‘Precision Mode’

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 4: How to Create Custom Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 4: How to Create Custom Radial Menus

Etherington Bros’ Comics Crash Course #5: Concept art

Etherington Bros’ Comics Crash Course #5: Concept art

Connect with Wacom on social media

Brushstrokes, along with subject matter, color and types of media, often identify the author of a piece without a signature or overt documentation. 🖌️ The same concept applies to digital art. With Yuify, you can embed your authorship in your work, while allowing for hassle-free licensing and easy collaboration. ⁣
⁣
Join the Wacom team for a look at Yuify, including the steps for registering artwork with your unique proof of creation, retrieving and identifying the creators of pieces of art and creating and honoring licenses that you have chosen.⁣
⁣
Register via the link in bio. ☝️⁣
⁣
#Wacom #WacomYuify #Yuify #creativerights
94 0
Register for an amazing FREE webinar TOMORROW at 1pm PST with the amazing @aaronblaiseart! ❄️🐻‍❄️🤍

Learn from one of our favorite animation mentors as he walks us through the process of creating amazing animal characters like the main character of his animated short, Snowbear. 

Sign up through the link in our bio ☝🏼
#wacomwebinar #wacomconnectedink #digitalart #artwebinar
518 10
Want to learn how to create licenses for your artwork? @zeythehuman walks you through how to easily set up licenses* in Wacom Yuify, ensuring your work is protected. From using templates to customizing your own agreements, it has never been easier  to manage your creative rights.

Ready to protect your art?🔑
Register for free at Yuify.com
‌
*Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder.

#WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
107 1
Let's dive in with @alexferreiraa to learn how to improve our poses using the #WacomMovink and the 2D workflow to push them to the next level. Check out the full video through the link in our bio or head to @animationflow.academy YouTube channel. 
#animationflow #madewithwacom #characteranimation
285 4
Looking for a gift that will thrill a 7-year-old, a dad, or a co-worker? 🎁⁣
Get them a #WacomIntuos!⁣
⁣
Perfect for sketching, animation, comics, photo retouching, and note-taking, it's a gift that will keep on giving. ⁣
⁣
Now on sale on the Wacom US estore 🏷️⁣
#WacomSale
165 1
When author and @verabee had a fast deadline approaching, she was away from home and away from her usual work setup 😱

Enter Wacom Movink, a truly portable and powerful pen display she could use anywhere.

Watch the full video on our YouTube to hear her full #WacomMovink review, and to see her spot illustration process. And make sure to look out for Return to Sender, publishing in 2025!
#movink #creativeprofessionals #madewithwacom
#creativesonthego #digitalart
154 0
@zeythehuman reminds us that sharing your art with the world is essential, but so is protecting it. Yuify helps artists safeguard their work and identity, so you can showcase your creativity without worry.

🔒 Want to know how to protect your art? Visit Yuify.com for more info. Now available for @clipstudioofficial 

#WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
130 6
Let's create a little magic this season...❄️🪄💜⁣
Art by the one and only @aaronblaiseart⁣
#animation #madewithwacom #aaronblaise #snowbear
1418 6
✍🏻 The flagship pen for the ultimate feel

Wacom Pro Pen 3 is not a generic design meant for everyone. Instead, it is the ultimate companion for professional creatives and promises the best pen experience. Wacom is committed to its claim “to deliver the best pen experience” and leaves no stone unturned to keep this promise.

Engineered for adaptability and precision, the Wacom Pro Pen 3 offers unparalleled customization options, making it an essential tool for professionals in digital art, design, and beyond. 🚀

Discover how the Pro Pen 3 is redefining creative possibilities. Link in bio.

#PrideOfWacom #WacomProPen3 #digitalink
243 15
👻 You cannot either run or hide from these digital nightmares 🏃🏻😅

Add yours in the comments below ⬇️

#HappyHalloween #WacomMovink
495 10
🎥 Tutorial: How to Create an Export on Wacom Yuify

Ready to take your creative projects to the next level? Join artist Zeynep Alpay @zeythehuman as she shows you the simple steps to export your work on Wacom Yuify! Whether you’re working on detailed illustrations or designs, knowing how to export seamlessly is essential. 💼✨

Take control of your digital rights with these easy-to-follow tips and make the most of #WacomYuify!

Register for free in Yuify.com

#Yuify #DigitalRightsManagement #CreativeRights #MadeWithWacom
87 1