SkunkyStripe
Hi! I have been wanting to learn how to animate for some time but I don't know where to start. I've already read the Animator's Survival Guide. Like, how does one actually start learning how to animate? With the bouncing ball and walk cycle exercises? Or do people already get to animating the things they wanna try animating? I hope anyone here can provide some clear direction for me.
Anonymous

art-and-sterf:

The best way to get started on Animation is by using the 12 Principles of animation: 

1.Squash & Stretch

The most simple example of Squash & Stretch is the Bouncing Ball exercise, its purpose is to give a sense of weight and volume to the animated object. 

image

2. Anticipation

Anticipation is used in animation to set the audience up for an action that is about to happen. A good Exercise for Anticipation is to draw a character Jumping, they wouldn't just leap off the ground, they’d drop down first to give themselves the Momentum to get up as far as they can. 

image

3. Staging

Staging is about how you set up your scene in a way that shows the reason behind the animation is perfectly clear to the viewer. You want to keep focus on the purpose of the shot so the viewer isnt confused in whats going on

image

4. Straight Ahead Action & Pose to Pose

Straight ahead action is the prosses of drawing each pose one after the other to get to the end pose, its a very linear way of animating.

Pose to Pose, on the other hand is a much more planned out way of animating. With just drawing the important poses, or key frames, it allows the poses and the timing to be corrected before adding the in-between frames.

image

5. Follow Through & Overlapping Action

Follow through is the idea that separate parts of the body will continue moving after the character has come to a stop. For example, when someone jumps over something when they land they don't suddenly stop all movement, they might move forward slightly or even step forward to balance themselves before straightening up their posture.

Overlapping action is very similar in that it means different parts of the body will move at different times. When a character goes to wave, their shoulder will move first, then arm, elbow and the hand will each lag behind like they’re being dragged before getting to the intended pose.

image

6. Slow in and Slow Out

As any object or person moves or comes to a stop there needs to be a time for acceleration and deceleration. Smaller spacings between frames will make the animation slower while larger spacing make the animation seem faster, without the acceleration and deceleration in the object/persons movement they seem very jerky, much like when someone has put on the brakes in the car too fast and too fast, it is very abrupt and uncomfortable compared to when the car slows down to a stop slowly. 

image

 7. Arc

All actions, with few exceptions (such as the animation of a mechanical device), follow an arc or slightly circular path. Arcs give animation a more natural action and better flow. Think of natural movements in the terms of a pendulum swinging. All arm movement, head turns and even eye movements are executed on arcs.

image

8. Secondary Action

This action adds to and enriches the main action and adds more dimension to the character animation, supplementing and/or re-enforcing the main action.

It’s important to remember that the secondary action should typically be something subtle that doesn’t detract from the main action happening, and can be thought of as almost a subconscious action.

 For example, a character talking to another character in a waiting room, the two of them talking would be the main action, and if that character began tapping their foot nervously, that would be the secondary action. 

image

9. Timing

Timing refers to the number of frames between two poses. For example, if a ball travels from screen left to screen right in 24 frames that would be the timing. It takes 24 frames or one second (if you’re working within the film rate of 24 frames per second) for the ball to reach the other side of the screen.

Expertise in timing comes best with experience and personal experimentation, using the trial and error method in refining technique.

image

10. Exaggeration

Exaggeration is used to push movements further to add more appeal to an action. Exaggeration can be used to create extremely cartoony movements, or incorporated with a little more restraint to more realistic actions. Whether it’s for a stylized animation or realistic, exaggeration should be implemented to some degree.

Use good taste and common sense to keep from becoming too theatrical and excessively animated.

image

11. Solid Drawing

In 2D Animation, solid drawing is about creating an accurate drawing with volume and weight and thinking about balance, and the anatomy in a pose. With 3D animation, animators are less likely to rely on their drawings, but the idea of solid drawing is just as important.

image

12. Appeal

An animated character has appeal. Appealing animation does not mean just being cute and cuddly. All characters have to have appeal whether they are heroic, villainous, comic or cute. Appeal, as you will use it, includes an easy to read design, clear drawing, and personality development that will capture and involve the audience’s interest.

However, the most obvious example is appeal in the character design, you want to have a character that the audience can connect to or relate to. A complicated or confusing character design can lack appeal.

image

all gifs taken from here

This Video also put them into a visual and easy to understand way. 

Most of these principles can be used in the examples of exercises you mentioned. 

For me, doing the movement that i want to animate also helps with my understanding on how I’m going to ago about animating it, what feels right or if the pose feels unnatural, you can also use video references.

Otherwise, it doesn’t matter what or where you start with animating.

Feel free to send in other asks if you have more questions.

- Admin Owl 

I struggle with the concept of core shadow (i think thats what you call that thing where shadows have darker edges?) when shading things. Could you explain how it works, both in terms of real-life and artistic application? thank you!
Anonymous

helpfulharrie:

image
image

these questions all have some overlap, so i’ll be answering them together!


First off, these are all questions that ultimately come down to understanding light.

With light theres a few things to understand - i explain light in a little more depth here: http://helpfulharrie.tumblr.com/post/102124105196/when-coloring-a-figurefaceobject-how-do-you

so im just going to quickly refresh!

point 1: light travels in a straight line, until it hits something and bounces off

image

this is how we get shadows, as shadows are the absence of light.

image

Light bouncing into our eyes is how we see!

image

point 2: light will bounce indefinitely - but with diminishing return.

image

every time light hits something, some of it is absorbed by the object. Therefore, bounced light is always weaker than the source.

Think about how when dropping a ball, each bounce is smaller than the one before

image

Because it’s weaker than the source, you can’t see it where the source light is shining - as the source light overpowers it.

image

However, if this light bounces into the shadows where the source light can’t reach, you can see it!

Also, the further light travels, the weaker it will get. this tutorial explains this neatly [http://helpfulharrie.tumblr.com/post/38673324830/]!


Now then to address the first question:

The core shadow is simply the true shadow where the bounced light hasnt reached,

image
image

for a real life example, here’s just a living room photo from ikea lmao [http://www.ikea.com/gb/en/catalog/categories/departments/living_room/]

image

and here are the core shadows on that sofa

image

can you see how they’re in places the light can’t reach?


now then for the next question!

what you are asking about is the bounce light I discussed earlier - that lighter edge before the dark linework is actually bounced light!

I’d recommend reading this tutorial to see how they do it: [http://helpfulharrie.tumblr.com/post/55506603265]

If you just add light before every dark line without thinking about a light source, it’ll look very flat. But if you determine a lightsource first, that should help!


lastly - with cel shading, with simple cel shading you’re just focused on that core shading without any bounce light

image

As long as you get that single block shadow down, it’ll be fine. From there, you can add more layers of shading [http://helpfulharrie.tumblr.com/post/55502345448/]

and you can use gradients [http://helpfulharrie.tumblr.com/post/38673324830/] [http://tamarar.deviantart.com/art/Gradient-Shading-Tutorial-76002002]

But as long as you get a grasp of how light works, your celshading should look much better.


For further reading, I recommend this tutorial: [http://androidarts.com/art_tut.htm]

I hope that helps! And if you’d like, you can leave me a tip here [https://ko-fi.com/A5544ZX] so i can keep running the blog!

trisketched:

How to Make Your Art Look Nice: Lighting

Think your drawings are lacking that extra “oomph”? Maybe adding a little bit of lighting can help!

_________

The “How to Make Your Art Look Nice” Series

Flow and RhythmThumbnailing | Mindsets | Reference and Style | Color HarmonyContrast

eikuuhyo:

t-n-r:

[pixiv] [part 2]

THIS IS SUPER USEFUL

sushinfood:

sushinfood:

thejoyfool:

5 min tutorial for trcelyne, hope it helps! 

Tried this out REALLY roughly just for fun and WOAH!?

image

IT WORKS WELL!!

image

IT STILL WORKS WELL!