Animation Fundamentals : FINAL PROJECT : Emotion Change Animation

10/11/2022 - 01/12/2022 / Week 11 - Week 14

Animation Fundamentals GCD61104
NAME: Sea Hirayama

I.D: 0347596

COURSE: Bachelor of Design in Creative Media / Taylor's Design School




●Instructions 





●Lectures

Week 11 :
This week, we learned how to express emotion in animation with the instruction of this final project.

How to draw 'facial expressions' that give characters emotions.

Facial expressions are very important in drawing illustrations and manga to convey what the characters are thinking and what emotions they are feeling. A character's charm can vary considerably depending on the expression of the character.

Basic expressions of joy
The 'happy' expression is the expression that comes out when something happy or joyful happens.
The basic expression of joy is a smile, in which the cheeks are tightened and the corners of the mouth are lifted. In communication, this expression conveys goodwill, lack of hostility and a sense of security to the other person.

Flow of the 'pleased' facial expression
STEP 1:.
The lower eyelids and corners of the mouth are lifted as the cheeks are pressed into place.
The lower eyelids are lifted by the cheeks.
Normal blinking is different from smiling because the upper and lower eyelids approach at the same time.

STEP 2:
The cheeks are further lifted and the lower eyelids and corners of the mouth are lifted.
Once the corners of the mouth have been lifted to this level, it is easier to open the mouth as an expressive movement.

STEP3:
Close your eyes and the end of your eyebrows will drop, creating a smile.
Open your mouth wide to create a brighter expression, taking care to keep the shape of your character's image intact.

Smile and laugh
There are two types of smile: Smile and Laugh.

Expressions of Smile
A smile is a smile that gives a sense of non-hostility and security for communicating with others. A smiling, smiling expression can also be said to be an expression that lets down the other person's guard.

Expressions of Laugh
Laughing is a funny expression that is made when there is something to laugh about. Laughter can also be an expression of anguish as the person continues to exhale and suffer. It can be expressed more effectively by bending forward on the stomach or by adding body movements.

Anger (basic)
Angry" is also a threat, so it is a facial expression that puts the other person in an emotional state. It is often emphasised with deformations or comic notes to make the emotion easier to understand.

In the 'angry' expression, all parts of the face sink into the ground.
The expression with the furrowed brow and lifted eyes is one of the basic 'angry' facial expressions.

Flow of the 'angry' expression
STEP 1:
A slightly grumpy face is not much different from a plain face. In other words, a relaxed face can be described as being on a par with a grumpy face. Because it is relaxed, the eyes are not wide open.

STEP2:
You can tell that the voltage of anger is rising when you feel a lot of force between the eyebrows and in the brow area.
The corners of the mouth begin to droop as the back teeth are also strained.

STEP3:
Essentially, when the eyebrows are strained, the eyes cannot be opened wide. However, when the eyes are open, the black eyes appear smaller and the 'angry' feeling is increased, so expressing anger by looking into the eyes is also effective.

Making use of body parts

Expressions of emotion are not limited to facial expressions. Body parts such as hands and shoulders can be used to express emotions more strongly. In addition, 'hair' is sometimes used to express emotions.
 
Methods of expression
Let's take the 'surprised' expression as an example. The same expression can be made more emotive and nuanced by using 'hair', 'hands' and 'shoulders'.




●Final Project : Emotion Change Animation

The instruction

PROJECT III : EMOTION CHANGE ANIMATION

1. Use your character from film study and cinematography class projects or from your previous project 1 and 2. Animate the facial emotion change from normal to happy to sad to angry and finally to normal again by showing a character face in Medium Close Up (MCU). 
Example:

Other Example:

2. Find the facial expression references from online sources.

3. Create a project in Adobe Animate. Set the setting as 24fps, 16:9 aspect ratio with 1280 x 720 (HD720p) resolution.

4. Analyse the references and draw the key, extreme and breakdown poses with the correct timing. Within the extreme poses, try to add anticipation and follow through. Add overlapping action for flexibility and whenever possible to add the exaggeration and secondary action for clarity. Plot the keys, extremes and the breakdowns in the pose to pose animation and apply the right spacing (Slow in, Slow Out, Favouring, Third etc).

5. Animate the rough animation of that action. The rough animation  process should be using a sketchy stroke.
Example of Rough:


6. The animation should show the quality of appeal, fluidity, flexibility and clarity.

7. Output the rough animation as video with any of these format, *.mp4 format or quicktime *.mov.

8. Create tie down drawing using a cleaner stroke.

9. Output the Tie Down animation as video with any of these format, *.mp4 format or quicktime *.mov.
Example of Tie Down Animation:

10. Label each progression clearly as “Rough” and “Tie Down” respectively and compile both as one reel and output it as compilation video.

11. Don’t forget, all the motion analysis study should be put in the e-portfolio as a reflective study.

12. Upload progress and final work on your e-portfolio and update the link on MYTIMES platform as submission.

13. Deadline for submission is by Week 14, Thursday 1st December 2022, 12.00am (2 weeks)


So for this final project I also use Astroboy character. I search some example of his face from Pinterest and re-design it by myself. 

First of all, I prepared basic, happy, sad and angry face for animation and then I just added another illustration for express it more clearly. After I finish drawing line layer, I also put color on it.

Figure 1.1 The screenshot of process drawing basic face 

Figure 1.2 The basic face 

Figure 1.3 The happy face 

Figure 1.4 The sad face 

Figure 1.5 The angry face 

Figure 1.6 The basic face with body

Figure 1.7 The happy face with body

Figure 1.8 The sad face with body

Figure 1.9 The angry face with body

Figure 1.10 The screenshot of process in Adobe Animate

Figure 1.11 The screenshot of process putting the color on





●Final design : Final Project : Emotion Change Animation

Figure 2.1 The final animation for this project, emotion change animation





Feedback and References

Experience :
From this opportunity, I've learned how to express emotional face in animation. It was really detail and difficult than that I expected. It also took a lot of time to make it clearly, but I also enjoyed drawing emotion in animation.

Observation :
There is a lots point which is possible to improve for expressing it better such as how to move shoulder, face direction of each emotion. To add, the hair, body moves like hand and so on also can show more detail.

Findings :
It is also needed to focus on timing for showing the animation interesting.

References :

The Human Figure in Motion

This is not a systematic book.
It is an overseas animation resource that does not use animation but uses continuous photographs to reproduce human movement.

A grid is drawn on the background, and the detailed frame-by-frame movements can be seen in the realistic photographs.

There is a mountain of frame-by-frame footage of walking alone.
For example, it features not only normal walking scenes, but also scenes of people holding things and walking up and down stairs.

Male and female nudity, different height differences, and shots taken from the front, back and side, can be used as a reference for various animation patterns.

It can be used as a reference material for converting a series of movements into animation, and the ability to split the frame rate and mid-frame rate from the frame rate is also a big advantage!

gentle portrait painting

Easy Portrait Painting is the definitive introduction to illustration.

This is one of the art teaching books praised in Japan as 'Dr Loomis'.
It features comprehensive explanations of the differences between male and female skeletons, how to take proportions, perspective and how shadows fall.

The book was written by the overseas artist 'Mr A. Loomis'.
It explains the philosophical elements of Mr Loomis's ideas on the beautiful promotion of the human body and techniques for success in the business of painting.

It is recommended to keep a copy on your desk as a sub-book, rather than learning and copying from the Loomis book in earnest.

'How big are the six heads?' 'How would the shading fall if the light shone here?' How do you draw a beautifully proportioned woman?" and use it to check points of concern at key points and points of interest.

Techniques for a successful painting career.

This book is also authored by Loomis.

The original easy-to-understand portraits were difficult to explain and the Japanese translation was difficult to understand.
A reference book that has been duplicated for Japanese readers in an easier-to-understand format is Techniques for Success in the Work of Drawing Pictures.

I can't help but agree with the 5 P's and 5 C's approach advocated by Mr Loomis.

The supervising illustrators and drawing directors are as follows.

Supervision by Ms Sachiko Kamimura
Editing: Mr Tsubura Kakumaru
Translation: Ms Hideko Miyamoto
The content is mainly about perspective of background drawing techniques.
The parts of the perspective explanations are partly coloured, which makes the content easier to read and more complete.

A power-up version of Easy Portrait Drawing can be thought of as a reference book for successful techniques in the job of drawing pictures.

Comments