Cel shading: a render pretender...
Motion Graphic artists go bananas for the hand-drawn animation look. There’s just something about the imperfect qualities of hand-drawn animation that makes it feel authentic, calculated, and inspiring.
However, in the days of 3D modeling software and After Effects, projects are rarely exclusively hand-drawn. Instead, most modern projects mix cel-shaded CG elements and hand-drawn layers to create a pseudo hand-drawn look. The results can be pretty crazy…
We love this hybrid style so we thought it’d be awesome to put together a collection of our favorite MoGraph projects that use cel shading. All of these vids used cel-shading (also called toon-shading) in a 3D software to simulate a hand-drawn look. Prepare to be amazed.
MTV ADRENALINE RUSH
Creative Director: Roberto Bagatti
MTN DEW - HISTORY
Created By: Buck
STYLE FRAMES OPENING TITLES
Created By: Eran Hilleli (The king of cel-shading)
THE BOY WHO LEARNED TO FLY
Created By: Moonbot Studios
There’s also a really cool BTS video for this one:
HOW THE (2D) SAUSAGE IS MADE
Like any project there are a lot of steps that you have to take in order to get the the final result and cel shading is no exception. Animade actually put together a looping example of the steps it took to create this flat hotdog. It’s pretty amazing.
DO IT YOURSELF
One of the most popular ways to create cel shading is to use sketch and toon in Cinema 4D and our good buddy EJ Hassenfratz has dozens of tutorials about how to achieve this look. Go try it out and share your results with us! Here’s one of our favorite EJ tuts on the subject:
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 ➔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.
Photoshop + Illustrator Unleashed
Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.
Design Kickstart
An introduction to the design principles behind all great work.
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.
Design Bootcamp
Learn to design for motion in this intermediate-level, project-based course.
Cinema 4D Basecamp
Learn Cinema 4D from the ground up in this exciting introductory C4D course.
Now is the time to learn the skills you need to advance in your motion design career: