Back to Blog Index

Design an Animated Eye in After Effects

Want to learn how to create an animated, blinking eyeball in After Effects? Want to give it a spooky vibe?

If you answered yes to both of those questions (and yea, we know you did), then this is the motion graphics tutorial for you.

In this video Matt Corrales shows you how to design and animate an eyeball from scratch (please note: this is not an endorsement to scratch any eyeballs), create a stylized background, and add color and texture to all of it for a fun, eerie result. Don’t blink or you may miss some awesome motion design tips and techniques.

Download the project files and follow along.

EXPLORE ALL COURSES

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
Animated Eye After Effects Project File
Download the project file and follow the tutorial.
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.

Starting Off with the Basics

First off, we've got to lay the groundwork. Fire up After Effects and create a new composition. We're looking at 1920x1080 at 30fps, the standard go-to. Now, here comes the fun part. You've got to shape the eye. Grab the pen tool and sketch out that basic eye shape. Remember, eyes are as unique as fingerprints, so don't sweat about making it perfectly oval. Once you’ve got a shape that makes you go, "Yep, that looks like an eye," dive in with the convert vertex tool. It's perfect for those little tweaks to get the shape just right. And hey, little tip? Give your layer a funky name and color code it. It'll make your life so much easier when things get complicated.

Adding the Details: Iris & Pupil Time

So, you've got the base down. What's next? Time to delve into the details. The iris is your next target. Take the ellipse tool for a spin and slap that iris right in the middle of your eye composition. Think of it as the window to this digital soul. If you’re thinking, “That iris is staring into space,” you might want to scale it down a bit and give it a color that screams personality.

Now, here's the magic - make a clone of that iris layer. With a few tweaks in size and hue, this clone transforms into the pupil. A cool trick to make them all move in harmony? Parenting. If you parent the pupil to the iris, and then both to the main eye layer, they'll dance together like a well-coordinated boy band.

Make That Eye Blink with Animation

An eye that doesn't blink is just creepy. So, let's breathe some life into it. Set some keyframes for that shape path, and voila, you've got a blinking motion. If your blink feels more like a mechanical garage door than a natural eyelid, don't fret. Dive into the graph editor, and tweak that easing. It's all about getting that smooth, lifelike rhythm. And hey, if you're a fan of continuity, loop that blink. Just a quick copy-paste of keyframes, and you've got a perpetually blinking eye.

Diving Deeper: Backgrounds, Adjustments, and That Creepy Factor

After laying down the basics, it's time to deep dive. Want a blink with flair? Add some anticipation. Tweak those keyframes. Let the anticipation build before the eye blinks. It's all in the details.

Speaking of details, have you ever noticed how pupils contract and dilate with light? We're replicating that too. Scale that pupil layer for the perfect contraction and dilation effect. Do the same with the iris to add depth and motion to the animation. And if you spot any awkward gaps when those eyelids come together, use the pen tool to create a stroke line. It’s like the eyeliner for your animated eye!

But we're not stopping there.We’re setting the stage with a background. Let’s go for something trippy—a spooky psychedelic aura, maybe? Use the ellipse tool to create funky shapes, play with stroke widths, and sprinkle in some color. Apply the roughen edges effect and add an expression to mix things up. Trust me; it's gonna look epic.

If you’re feeling a little wild, let’s morph this eye into something out of a horror flick. Slice up those layers, adjust gradients, and transform that pupil into something reptilian. And for an added punch, make the eye appear veiny. It's all about using effects creatively. Throw in fractal noise, tweak parameters, and make those veins pulse with life.

And for the grand finale? Bring it all together. Use an adjustment layer, play with effects, and add that final sheen. Think of it as the final brushstroke on your masterpiece.

Wrapping It Up

By the end of this tutorial, you'll have an animated eye that tells a story. It'll blink, move, and maybe even send a few shivers down some spines. Take some creative liberties, and most importantly, have a blast doing it! Cheers to bringing your vision (pun intended) to life.

Not sure where to start?

If you’re a beginner, here are some great courses to help you get started:

After Effects Kickstart

Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.

LEARN MORE

Photoshop + Illustrator Unleashed

Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.

LEARN MORE

Design Kickstart

An introduction to the design principles behind all great work.

LEARN MORE

More Advanced?

If you’re a more advanced student looking to up your game, here are some great options:

Animation Bootcamp

Learn the art and principles of creating beautiful movements in Adobe After Effects.

LEARN MORE

Design Bootcamp

Learn to design for motion in this intermediate-level, project-based course.

LEARN MORE

Cinema 4D Basecamp

Learn Cinema 4D from the ground up in this exciting introductory C4D course.

LEARN MORE

Now is the time to learn the skills you need to advance in your motion design career: