SHINDY LEONG - Week 1 - Introduction

Week 1 - Introduction

SHINDY LEONG

Week 1 - Introduction

THE 12 PRINCIPLES OF ANIMATION, by Michael Lilley [4]

23 January 2019

This module looks at the mechanics of movement and the intricacies of timing in human locomotion. This module will allow me to gain familiarity with the human form, practice tools, practice and experiment. I will look at the human body and do animation through research such as drawing, references, observing the human behaviour and develop my own methods.

The 12 principles of animation is what animators refers to introduced by Disney animators. The principles show the basis of animation work that is useful for various fields. [3]

The 12 Principles of Animation

Squash and stretch by Josh Smithness [6]

1. Squash and stretch is the most important principle of the 12 principles of animation [3]. The squash and stretch gives the character or objects an appeal due to the motions. This gives the character or object more weight and life. [5]

Anticipation by ChuuStar [7]

2. Anticipation prepares the audience for the next motion. An example could be when jumping, the person crouches before jumping. [5]

Staging by unknown [9]

3. Staging makes sure the actions in the story are noticed. This could be through lightning, framing and composition. [8]

Straight Ahead & Pose to Pose by unknown [11]

4. Straight ahead & Pose to Pose - The straight ahead (above) is when you draw the first drawing and then the other etc, this is animating when you go. Such as a walking cycle. Pose to Pose (below) is where you draw the start and finish of the pose, this allow the animator to fill in the gaps afterwards. [10]

Overlapping action [12]

5. Follow through and Overlapping action is the principle where the moving object will keep moving once the character stops moving. An example could be a character with a cape, it will take a few seconds for the cape to catch up. [8]

Slow in and Slow out by Illusion of Life Tumblr [13]

6. Slow in and Slow out refers to the overall movement that begins with a slow speed and speeds up, and finishes with a slow speed. An example could be a car. [5]

Arc [14]

7. Arc could be an object that follows a path when it moves, the arc is what the object reflects. An example could be a ball. [3]

Secondary action by Illusion of Life Tumblr [15]

8. Secondary Action is a mixture of staging and overlapping action [4]. Adding a secondary action will emphasise the action and add more personality to the objects/character. [3]

Timing by TED-Ed [16]

9. Timing is the motion in animation. An object can move quickly or slowly, this depends on the timing. More frames = slower motion and less frames= quicker. [5]

Exaggeration [17]

10. Exaggeration gives the character or object more weight and feel into it. [5] This principle gives more dynamic and makes the animation great. [3]

Solid Drawing [18]

11. Solid Drawing is an important part as it involves an understanding of basic drawing such as weight, volume and construction of a character. [5] Also the three dimensional space. [3]

Appeal [19]

12. Appeal is how appealing your character is for the viewer. This can be through a solid drawing and a strong personality. [5]

Exercise

In today's exercise we animated a bouncing ball. I had difficulties understanding the frame, timing and the motion. After doing some research I recreated the animation and got a better understanding of it. As the ball falls down there is more speed and fewer frames. The top is slower which adds more frame onto it. It's about the timing.

More frames = slower speed
Less frames = faster speed

Task - Walk cycle

Walking cycle [1]

The image is made by Richard Williams which shows a walking cycle. The start is a contact pose which means the foot contacts the ground. The second pose is a passing pose which means the foot passes the first foot. This is basically two poses, contact and passing pose. Adding two other poses will make it more realistic and less flat, the up pose and down pose. [10]

Here is my walk cycle I did in Animation Desk on my iPad. The motion looks too stiff but I added the arms as well as it gave the figure more dynamic. I used the Pose to Pose method where I captured the contact and pass pose and added the down and up pose in-between, I found this very helpful as it gave more motion to the figure.

I tried to copy the walk cycle on the right GIF but it doesn't look right. My animation walk cycle is much slower because I have more frames while the right walk cycle have less frames. There isn't much exaggeration in my figure as there isn't much weight and the distance of the feet are too close to each other. What I could have done is too adjust the distance of the feet.

Reference

[3] Coron, T. (2018), Understand Disney's 12 principles of animation, Available at: https://www.creativebloq.com/advice/understand-the-12-principles-of-animation, (Accessed 24 January 2019)

[5] Lilley, M, THE 12 PRINCIPLES OF ANIMATION., [Online], Available at: https://michaellilleyart.wordpress.com/2017/04/28/life-drawing-character-design-the-12-principles-of-animation/, (Accessed 24 January 2019)

[8] NFTS, Principles of animation, Available at: https://www.futurelearn.com/courses/explore-animation/0/steps/12228, (Accessed 24 January 2019)

[10] AlanBeckerTutorials, (2015), 4. Straight Ahead & Pose to Pose - 12 Principles of Animation, video, Available at: https://youtu.be/v8quCbt4C-c, (Accessed 24 January 2019)

Reference images

[1] Williams, R, (2010), Walk Cycle Rotoscoping, Andrewnourse, [Online], Available from: http://www.andrewnourse.com/MA/walkcyclerotoscoping.html, (Accessed 23 January 2019)

[2] Mang MangNimator, (2011), The Bouncing Ball Animation, [Online], Available at: https://www.youtube.com/watch?v=40vmsGsFBsw, (Acessed 23 January 2019)

[4] Lilley, M, THE 12 PRINCIPLES OF ANIMATION., [Online], Available at: https://michaellilleyart.wordpress.com/2017/04/28/life-drawing-character-design-the-12-principles-of-animation/, (Accessed 24 January 2019)

[6] Smithness, J, (2017), 12 Principles of Animation - Squash and Stretch, GIF, Available at: https://dribbble.com/shots/3506930-12-Principles-of-Animation-Squash-and-Stretch, (Accessed 24 January 2019)

[7] ChuuStar, (2013), Anticipation, GIF, Available at: https://www.deviantart.com/chuustar/art/Anticipation-401311851, (Accessed 24 January 2019)

[9] Unknown, (2015), 3. Staging - 12 Principles of Animation, MakeAGIF, GIF, Available at: https://makeagif.com/gif/3-staging-12-principles-of-animation-RIR5ud, (Accessed 24 January 2019)

[11] Unknown, (2015), 4. Straight Ahead & Pose to Pose - 12 Principles of Animation, , MakeAGIF, GIF, Available at: https://makeagif.com/gif/4-straight-ahead-pose-to-pose-12-principles-of-animation-TDOiXk, (Accessed 24 January 2019)

[12] P.Tetali, V. Pancharia, R. Kelkar, S, Wanare, Principles of Animation, D'source, GIF, Available at: http://www.dsource.in/course/principles-animation/follow-through-and-overlapping-action, (Accessed 24 January 2019)

[13] Illusions of Life Tumblr, (2018), Illusion Of Life Gallery, GIF, Available at: http://www.shaunperry.info/tgj20i/illusion-of-life-gallery, , (Accessed 24 January 2019)

[14] P.Tetali, V. Pancharia, R. Kelkar, S, Wanare, Principles of Animation, D'source, GIF, Available at: http://www.dsource.in/course/principles-animation/arcs, (Accessed 24 January 2019)

[15] Coron, T. (2018), Understand Disney's 12 principles of animation, GIF, Available at: https://www.creativebloq.com/advice/understand-the-12-principles-of-animation, (Accessed 24 January 2019)

[16] TED-Ed, The Principles of Animation: Timing & Spacing, GIF, Available at: http://teded.tumblr.com/post/154077615716/the-principles-of-animation-timing-spacing, (Accessed 24 January 2019)

[17] TED-Ed, The Principles of Animation, GIF, Available at: http://www.dsource.in/course/principles-animation/exaggeration, (Accessed 24 January 2019)

[18] TED-Ed, The Principles of Animation, GIF, Available at: http://www.dsource.in/course/principles-animation/solid-drawing (Accessed 24 January 2019)

[19] TED-Ed, The Principles of Animation, GIF, Available at: http://www.dsource.in/course/principles-animation/appeal (Accessed 24 January 2019)

Google Sites

Report abuse