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:

Connect with Wacom on social media

Where are you working from these days?⁣
The coffee shop? The airport? Or are you soaking up sun and getting creative  on a beach somewhere? 🥐🌴☕🎒⁣
#CreativesOnTheGo #WacomMovink #CreativeProfessionals
🎬 “Time is a luxury I don’t have as a director. With Wacom Intuos Pro, I can sketch my ideas in seconds.” – @hazdazzle , filmmaker, game director & co-founder of HaZimation⁣
⁣
From storyboarding films to directing game cinematics, HaZ needs tools that match his fast-paced workflow. The new Wacom Intuos Pro gives him the precision and speed to bring his vision to life, exactly how he imagines it.⁣
⁣
Tap the link in bio to learn more!⁣
⁣
#WacomIntuosPro #IntuosPro
What's the best piece of advice you've ever received professionally as a creative? ⁣
For @ricardoalvesj the best advice he ever received was to invest in personal work.⁣
⁣
Balancing a full-time job while dedicating time to your own projects can be challenging, but it’s key to developing your artistic voice. Personal work allows you to showcase your true potential beyond collaborative projects and stand out in your field.⁣
#CreativeJourney #CreativeProfessionals #Wacom
With the latest Wacom Intuos Pro, fluidity is at your fingertips, empowering you to create seamlessly, elevate your retouching, and boost productivity.⁣
⁣
For high-end retoucher and digital artist @sefmccullough success lies in minimizing friction, getting the work done with as little resistance as possible.⁣
⁣
Check out how the new Wacom Intuos Pro is an essential part of reducing that friction in digital work. ⁣
⁣
Ready to upgrade your toolkit and let your creativity flow? Head to the Wacom estore. 💻🎨⁣
#WacomIntuosPro #IntuosPro #PenTablet #WacomTablet
🚨 Unboxing the Wacom Movink 🚨⁣
Get an up-close look at Wacom's cutting-edge portable pen display! 🎨✨⁣
⁣
🔹 Ultra-Portable Design – Light & slim for artists on the go.⁣
🔹 Stunning OLED Display – 13.3" Full HD with 95% Adobe RGB accuracy.⁣
🔹 Wacom Pro Pen 3 – Customizable switches & 60° tilt for precision.⁣
🔹 Enhanced Multi-Touch – Smooth navigation and interaction.⁣
🔹 ExpressKeys – Quick access to shortcuts.⁣
🔹 Simple USB-C Connectivity – Easy setup with just one cable.⁣
⁣
Perfect for artists looking for performance and portability in one sleek package! ⁣
⁣
Thank you @collinchan for the video. ⁣
#WacomMovink  #DigitalArt #drawingtablet
Creative block? Nah, let’s break free! ✨ Shake up your routine and let spontaneity fuel your flow with a trusty companion by your side. Whether you’re outdoors or in a new spot, #WacomMovink’s vibrant colors and seamless portability bring your studio with you, wherever inspiration takes you! 🎨💡⁣
Learn more about Movink through the link in our bio!⁣
#Movink #DigitalArt #CreativeLife #ArtOnTheGo #CreativesOnTheGo #CreativeProfessionals
Don't be shy, ADMIT YOU HAVE A TINY PENCIL! 🙈⁣
⁣
There aren't too many rules to being an artist but, here are some you should probably think twice about. Thanks @lplucas for always reminding us that even in art you've got to do the time if you do the crime. ⁣
⁣
#createwithwacom #wacom #wacommovink #movink
Taking a moment to reflect on some lessons learned with @allisonoliviamoon. 🫖📷
What are some lessons you've learned in your creative journey? What has helped you keep it magical?
#madewithwacom #wacomone #photoediting #artistlife #artistsoninstagram
Need help controlling your Wacom pen pressure? We got u? ⁣
#WacomPen #WacomTablet #DrawingDisplay #PressureSensitivity
How to draw lips with @lplucas 👄💋🤭😆
Do you have any cool tips for achieving amazing lips? 
#drawingtips #madewithwacom #digitalart #artistlife
Take control of your creative work.

With Wacom Yuify, securing your art is effortless. 

Track,  manage, and protect your artwork with just a few clicks. 

Don't let your work go uncredited! ❗❗❗

Safeguard your creativity registering for free here at yuify.com

 

#WacomYuify #CreativeRights #digitalrightsmanagement
This error message is only visible to WordPress admins
Error: There is no connected account for the user 17841445048021802.