The Legendary 12 Principles of Animation

A wonderful look into Disney’s Twelve Principles of Animation, and how to apply these techniques to your motion design work.

Ollie and Frank via Neville Marriner / Daily Mail / Shutterstock.

When it comes to deep dives into what makes animation great, I am a sucker for books, video essays, and breakdowns. I’ve devoured countless hours on the history of animation, as well as VFX and filmmaking in general.

While I may enjoy a read through Ed Catmull’s Creativity, Inc. or deep studies of The VES Handbook of Visual Effects (both on the shelf next to me), I just absolutely love watching a well paced and extensive video essay. One of the best at the video essay genre is the great kaptainkristian.

Disney’s 12 Principles of Animation

Though often credited to Walt Disney himself, the 12 principles are actually the brain child of Frank Thomas and Ollie Johnston. They were two of Disney’s Nine Old Men.

In the latest video from kaptainkristian, Disney – The Magic of Animation, you’ll be guided through Frank and Ollie’s 12 principles of animation.

For a much deeper dive into Disney Animation, consider picking up a copy of Disney Animation: The Illusion of Life by Ollie Johnston and Frank Thomas.

Image via Disney / Hyperion.

If you are looking to reference the principles themselves, here’s a running list.

The 12 Principles of Animation

  1. Squash and Stretch
  2. Anticipation
  3. Staging
  4. Straight Ahead Action and Pose to Pose
  5. Follow Through and Overlapping
  6. Slow In and Slow Out (Ease In and Ease Out)
  7. Arc
  8. Secondary Action
  9. Timing
  10. Exaggeration
  11. Solid Drawing
  12. Appeal

The 12 Principles of Animation Wikipedia page is also a great resource for more information and examples.

Using these Principles in Motion Design

Now how do this animation principles apply to the work of the motion designer? Well, that’s actually a question Jorge Rolando Canedo Estrada (Jr.canest) had himself. It was the foundation of what became his Motion Design training course.

Jr.canest has built an incredible course, which he simplified down to the 10 principles of motion design. You can learn how to apply this techniques in this journey through motion design from concept to completion, using tools like Photoshop, After Effects, Illustrator, and InDesign.

See his 10 principles in action in his various projects for Google, Adobe, and WIRED. You can learn more about these principles in Jr.canest’s course Motion Design 101 available in the Greyscalegorilla store.

Want more articles like this? Check out these pieces

The post The Legendary 12 Principles of Animation appeared first on Greyscalegorilla.

The many visages of Venom

Venom_main-1280x600

DNEG had a lot to do for Venom, not just the main CG symbiote humanoid. Here’s my take at Cartoon Brew.

Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs

When should you start thinking about color in your 3D and motion design projects? It’s time to think like a Director of Photography.

Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs - DP

Image via Jakob Owens.

While listening to an Entagma discussion, where Manuel Casasola Merkle and Moritz Schwing rant about render engines, the duo spends a little bit of time talking about LUTs in the post-process.

This led me down a tangent of questions, which ultimately led me to wonder if 3D artists should operate more like cinematographers. A Director of Photography (DP) will often devise a color scheme before production even begins. They’ll talk with the director about the emotional connection they want the piece to convey, and then the DP, either on their own or with a DIT or colorist, will create a look. 

The Cinematographer’s Workflow

When shooting digital, DPs will often use or create a look-up-table (LUT) to approximate the final look of the project. Most of the time, they capture footage in LOG and convert to a rec709 color space, using a LUT to give them a more final cinematic look to put in front of their clients/director.

Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs - Camera

Image via Chris Murray.

During a shoot, the DP will have a reference monitor, in which they can toggle between the LOG footage being captured, to a rough preview of the footage with a LUT applied to the monitor. This allows them to see what the image will look like in post, so they can adjust lights and make informed decisions on set.

The 3D Color Workflow

When it comes to 3D artists, we often design in the sRGB color space. Think of sRGB as a very basic viewing container.

The standard workflow was render to a linear EXR file to hold onto all the color data, apply a 2.2 gamma, and then hope that your compositor can “sweeten” the look.

In today’s workflow, we don’t need to cross our fingers and hope to make it look cinematic in the comp. Not only are render engines far more capable, 3D artists themselves now have access to all the tools to create better-looking renders.

Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs - Color

Image via JC Gellidon.

This led me to think that a more interesting approach to 3D projects would be to emulate the workflow of the DP or DIT on set.

3D artists should make more creative color decisions when adjusting materials and lights, rather than aiming for a flat image we can massage in the comp. If we are already working in a sRGB space, why not adjust the look or use a cinematic LUT in one of the many IPR windows? Nearly everyone supports this functionality.

Even Octane makes this easier with film response curves built in, which might be a reason some artists prefer its look.

Using LUTs in Cinema 4D

I’ve been experimenting with LUTs for some time and now, and I’ve found that applying them in my IPR, RV, or Live viewer can be incredibly helpful when designing the lighting or look of my work.

Something like a Kodak 2383 D65 LUT can subtly make your 3D renders feel more photographic. This LUT will roll saturation off a bit on your highlights and raise your shadows off of pure black, getting a richer more cinematic look. It’s also included with the 13 free LUTs that you can download below.

Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs - Apply

I have not jumped into OCIO (Open Color IO) yet, and I’m not sure I would ever need to dive that deep into color science. For now, I’m happy just experimenting and applying LUTs in the IPR, but I do dream of a day where we will have more access to color scopes and tools in these IPR windows.


13 Free LUTs

While we do have Gorilla Grade LUTs available for purchase, I wanted you to have the ability to test looks on your own. We teamed up with freelance professional colorist Jeremy Stuart to create these 13 free LUTs that you can use in any of your projects. Click the button below to have them sent to your inbox.

GET 13 FREE LUTS


How to use LUTs in Arnold

Step One: Open the Arnold IPR window

Step Two: Turn on the Display Filter tab, then open the flyout menu

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Arnold Step 1

This color correction viewport will let you make adjustments on top of your render. Now you can use the color tools to make changes, but here we’re going to focus on LUTs.

Step Three: Check the Color lookup option, then navigate to your LUT files.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Arnold Step 2

Step Four: You can now toggle through the various looks with the LUT drop-down menu. You can also adjust the intensity and color controls to your liking.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Arnold Step 3

Arnold will allow you to render out a final image with a LUT applied.


How to use LUTs in Octane

Step One: Open the Octane settings, and click the CameraImager tab.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Octane Step 1

Step Two: Under the Order drop-down, select Response, Gamma, LUT.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Octane Step 2

Step Three: Click on the Custom LUT tab, upload your LUT to your project. (Repeat this step to switch between LUTs. It’s not as easy as using a dropdown menu.)

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Octane Step 3

Step Four: Adjust LUT strength, Gamma and color settings to your liking.


How to use LUTs in Redshift

We’ve covered this one before in a previous tutorial. So feel free to watch that, or just follow the steps below.

Step One: In your Redshift RenderView, click the Settings wheel in the right corner.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Redshift Step 1

Step Two: The Display Color Management settings default to sRGB with a Gamma at 1.00. Use the dropdown selection to change your Display Mode to LUT (.cube, .3dl). Change your Gamma settings from 1.00 to 2.20. This brings the Gamma up to sRGB before the LUT is applied.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Redshift Step 2

Step Three: Change to LUT location to the folder that includes your .CUBE LUTs. Then change the LUT files to try different looks. (You can use the arrow keys to toggle through looks, which is nice.) You can also adjust the LUT strength to your liking.

3D Artists Should Think More Like Cinematographers + 13 FREE LUTs - LUTs in Redshift Step 3


LUTs from Greyscalegorilla

Hope you find this color approach helpful. If you enjoy using these free LUTs, be sure to look over at Gorilla Grade LUTs. The pack includes 100 LUTs compatible with these above mentioned third-party renderers, as well as Photoshop, Premiere Pro, After Effects, DaVinci Resolve, Nuke, Fusion, and more.

If you want to try the 13 free LUTs, here’s that signup link one more time.

GET 13 FREE LUTS 

The post Should 3D Artists Think Like Cinematographers? + 13 FREE LUTs appeared first on Greyscalegorilla.

The New Yorker Festival

Showcase: Weird by Fausto Montanari

In this Motionographer Showcase, we take a look at Weird a new film centered around what it means to be “weird” by Fausto Montanari

Antz, 20 years on!

antz2

Had a blast chatting to some of the crew from PDI/Dreamworks’ Antz for the film’s 20th anniversary. Check it out at Cartoon Brew.

Antz, 20 years on!

antz2

Had a blast chatting to some of the crew from PDI/Dreamworks’ Antz for the film’s 20th anniversary. Check it out at Cartoon Brew.

Future Now: Change Begins With Your State

Antz, 20 years on!

antz2

Had a blast chatting to some of the crew from PDI/Dreamworks’ Antz for the film’s 20th anniversary. Check it out at Cartoon Brew.

MINI – Created in a Countryman