Thursday, June 27, 2013

Disney's Twelve Principles of Animation

There are twelve principles in animation that are widely followed in the animation world, they are known as the Twelve Basic Principles of Animation. These principles where introduced by two of Disney’s animators , Ollie Johnson and Frank Thomas, in a book published in 1981 called “The Illusion of Life: Disney Animation”. The main purpose of these twelve principles is to create an illusion of characters conforming to the laws of physics, and dealing with emotional timing and character appeal.

Squash and Stretch
The most important of the twelve principles is the squash and stretch. This is because only lifeless objects remain unchanged while in motion.  Anything consisting of living flesh will show movement within its shape throughout the course of an action.  Squash and stretch is where the mass and rigidity of an object is defined by distorting its shape during an action. For example the human face while chewing, the jaws tend to extend and compress. 

In animation the audience may not understand the events unless there is a planned series of actions that leads the audience, clearly from one activity to the next. Anticipation is used to make a action come across more realistic and prepare the audience for the action.  The bending of one knees before jumping is an excellent example of anticipation.

Staging is a principle that is also used in theatre and film. It us used to direct the audiences attention to what is important in the scene. Johnston and Thomas defined staging as “the presentation of any idea so that it is completely and unmistakable clear”, that idea can be a action, a personality, an expression or even a mood.  This can be accomplished a number of ways such as the use of light and shadows, angling and position of the camera, and the placement of character in a frame.

            Straight Ahead Action & Pose to Pose
Straight ahead action and pose to pose are two different approaches to the drawing process. Straight ahead action is where the scene is drawn out frame by frame from beginning to end. Pose to pose is where the key frames are drawn out and then the intervals are filled in at a later time.  Straight ahead actions result in more fluid, vital illusion of movement, and is better for creating more realistic action sequences.  However, to maintain proportions and to create precise, convincing poses, pose to pose works better. Pose to pose creates more dramatic or and emotional scenes, with composition and relation the surroundings are more important.

            Follow Through and Overlapping Action
Follow through and overlapping actions is actually two techniques that are used to help create more realistic movement and to assist in giving the impression that the characters follow the laws of physics. Follow through means that some parts of the body will continue to move after the character has stopped.  Overlapping action means that some parts of the body move at different rates. Drag is a third related technique, this is where a character starts to move and parts of the character take several frames to catch up.

            Slow In and Slow Out
Movement needs time to accelerate and slow down. As a result of this, animation looks more realistic if it has more drawings at the beginning and the end of an action. 

            Movement by Arcs
Most natural actions tend to follow what is called a arched trajectory. A trajectory is the route that a moving object follows through space as a function of time.  For more realistic animation one should follow these implied arcs. You can apply this principle by moving a limb via rotating a joint. As the objects speed accelerates the arcs tend to flatten out and broaden in turns. 

            Secondary Action
Secondary actions are added to the main actions in a scene to give it more life, and help support the main action. For instance, I a person walking can also be simultaneously swinging her arms, or she can be doing a number of other things, such as whistling, speaking, her hands can be in her pocket, or even expressing emotion through facial expression. A secondary action should emphasize, rather than diminish, the attention to the attention to the main action. If the secondary action diminishes the attention from the main action, than that action is better left out. Often time facial expressions will go unnoticed during a dramatic movement, in these cases it is better to include them at the beginning and end of the movement, rather that during it.

Timing in animation refers to the number of drawing or frames for a given action. This translates to the speed action takes on film. Physically correct timing can make objects appear to abide to the laws of physics.  Timing is imperative in establishing a characters mood, emotion, and reaction. It may also be used to communicate aspects of a character’s personality.

Since a perfect imitation of reality can look dull and rigid in cartoons, exaggeration is an effect that is particularly useful. The level of exaggeration used depends on whether one seeks realism or a particular style The definition applied by Disney , ‘was to remain true to reality, just present it in a wilder more extreme form’.  Other embodiments of exaggeration can include the supernatural or surreal, alteration in the physical features of a character, or elements in the storyline itself.  It is essential to exercise a certain level of control while using exaggeration, if a scene contains several elements, there needs to be a balance in how those elements are exaggerated in connection to each other. This is to avoid confusing or overawing the viewer.

             Solid Drawing
Solid drawing means taking into accord the forms in three-dimensional space, giving them weight and volume.  The animator needs to ne skilled in drafting and have a great understanding in the basic of three-dimensional shapes, anatomy, weight, balance, light and shadow.  It is warned against creating “twins”. A “twin” is a character whose left and right side mirror one another and look lifeless. Todays computer animators often draw less due to the facilities computers give them. In addition to basic computer animation an animator’s work greatly benefits from a basic understanding of animation principles.

In animation, appeal in a cartoon character is similar to charisma in an actor. A character does not need to be sympathetic to be appealing, villains and monsters can be appealing also. The character needs to feel real and interesting to the viewer. A complicated or hard to read face will lack appeal. An effective way to create a likeable character is to use a symmetrical or baby-like face.

Multimedia 1 Projects

      This semester we have began working with Adobe Flash. This is my first time working with Flash and I have found it rather confusing. Our first Project was topic a real product or service and create three, 6-second banner ads, that loop and deliver the intended message to the targeted audience of a specific web page.

      For my first animated banner I chose promote to what I call Miss Adventurous. Miss Adventurous likes trying new things when ever she can.
     For my second animated banner I chose to promote to what I call Miss Polish Lover. Miss Polish Lover has a huge collection of polishes and still keeps buying. Her nails must be painted with the newest and trendiest colors.
     My last animated banner, I promoted to Miss On The Go. Miss On The Go is always on the run, she doesn't have time to stop and buy new polishes but yet always has the latest polish on her nails.

     For our second project we were to create a 20-second animated commercial, with sound, for a real product or service rendered at 1024 x 768 @ 30 fps.  I chose my product to be Mountain Dew. Unfortunately we could not use video :( so I chose to use still shots and animate my words. Now the sound part really drove me batty. I had this specific sound I wanted and could NOT find ANYWHERE. I spent days looking for this specific sound and finally a hour before the project was due I picked a random intramental and threw it on there. SHHHH.... dont tell my teacher that.

     Lastly we focused on Disney's Principles of Animation. This project had two parts 1) create a four-page magazine article focusing on some aspect of Disney's 12 Principles of Animation (original text and images only) and 2)  develop a short movie (30-seconds) that shows you can apply at least 5 of these principles. 
Here is my short movie. I chose to do a animated short story book. The 5 principles I used were Timing, Appeal, Movement by Arcs, Slow in-Slow out, and Staging.

Tuesday, June 18, 2013

Week 3 with Flash Animation

So we just entered week 3 in this class. Lets just say me and Flash have had our difficulties. See below Facebook posts.

However I have managed to get a little bit of a understanding of Flash.  I did finally figure out how to add sound. It was actually pretty easy after I had the right file type.

How To Add Sound To Flash:
Step 1- Import your sound (must be a mp3) to your library.
Step 2 - Add a keyframe to your timeline.
Step 3 - Go to the properties panel and chose the sound drop down window.
Step 4 - Select the sound you want and if you want it to be an event or streaming sound.
Step 5 - TA DA all done.

Flash Notes So Far

 As we are learning Adobe Flash, we are covering animation. Here are some of my notes thus far in the class.
  • A workbook is  the layout department's first pass where the boards are created in CG.
  • Plot is the progression of a story to its conclusion
  • The key is simplicity
  • Believability is critical to a good story. Decisions must be supported by the character you develop.
  • Talking animals are a good choice to present a story with moral or social concepts.
  • Emotion ans Empathy are important facets of animated storytelling.
  • A characters arc is where the character grows and overcomes obstacles.
  • Back story is a historical account of a character's development prior to the story now being told.
  • Dope sheets describe the view point, lighting, text, basicly describes the entire scene.
  • Presentation Story Board is the images drawn out.

Wednesday, June 5, 2013

Learning Flash

This month I am Multimedia 1. My first class was yesterday, we are learning how to use Adobe Flash to create animations. This is a little scary for my because i will be adding the illusion of movement to my designs. This seems like its going to be a very technical process. Though, I love the idea of having animated designs, I struggle to get my non animated designs to look even a little bit how I envisioned them. So adding animation to the mix, well, its just intimidating for me.