Text
Portfolio (2016 ver.)
http://issuu.com/suhiehan/docs/hansuhie_portfolio
Portfolio Last Updated on Apr, 2016.
0 notes
Text
Portfolio(2014 ver.)
http://issuu.com/suhiehan/docs/han_su_hie_2014.compressed/0
0 notes
Text
“OFF” - Moving Image Production Final Project
youtube
PRE PRODUCTION
When given the topic “Off”, the first thing I thought was that the digital technology-including smart phones has developed and prevalent too much that it resulted into disconnection of relationship. As we can see in everyday life, people are talking with their cellphone even though they are sitting next to each other. Our group members came up with same idea, and Jenny made this idea into story. The story was like this: A boy who lived happily with his family and friends without digital technology moves into the city and gets disappointed with the reality-the lack of conversation and relationship and finally seeks to turn off the internet.
We agreed with this story, but I felt this could be static that the audiences might feel quite bored. Then I came up with the idea of putting post production effects: saturation and sound. The film starts with beautiful colors, but it gets grey and looses its saturation as the boy see through the reality. Also, the sound becomes quiet-nothing hears except electronic noises such as the sound of keyboard and mouse. I thought this would work as an symbol of disconnection of relationship and harshness of reality and help convey the main purpose to audiences.
(Captures from ‘AWAY’ produced by Zach Zombek)
I made the storyboard and constructed scenes. In this process, I looked up several videos on Vimeo to find some references. I found short film called ‘AWAY’ made by Zach Zombek, and this expresses the journey to escape from reality. Scenes in this clip were well drawn that it effectively presented the character’s feeling of meaninglessness. I thought this might be well adapted to our main purpose and considered while constructing our film’s scene.
PRODUCTION
In the production process I took the responsibility of overall direction. To speak frankly, I failed in dividing member’s parts equivalently. I was the only one who had experience of filming, so I leaded overall process and tried to explain and adjust the works with members. Some members well participated with the production, but some of didn’t. I checked whether the scenes were well constructed and filmed or not.
I made the schedule of filming process and cast actors when we needed some extras. Before this production, I have never experienced variables regarding schedule. However, I found that there variables always exist and we must be prepared to it. Not only the weather, but also the cast or crew’s condition heavily affected the whole schedule. I learned that while in the production process members should be closely contacted with each other to grasp everyone’s situation and always make alternative plans.
I also went filming to suburbs where it was difficult to film with the university’s equipments. I used my own DSLR to film the nature and people socializing each other, and also took the shots inside the train.
POST PRODUCTION
I edited the whole film. I was taking editing course while in the production process and this interactively helped me figuring out the post production. I used various skills what I have learned from the editing courses. For example, I used Brightness&Contrast filters to adjust the screen, and used Gaussian Blur effects to give an dreamy atmosphere.
First plan was to make the end part of film completely silent. However, while editing group members gave me feedbacks that it looks quite dull. Therefore, I looked up some electronic noises-computer fan noises and electric cracking noise-and put it to the scenes where the conversation has totally disappeared. Moreover, I put sound effects of keyboard, mouse, and iPhone pad noises to highlight the contradiction of digital technology-the sound of people talking has diminished overly whereas sounds of digital machine noises are overflowing.
While editing I found that one of the scene’s sound was awfully recorded. Only one side was recorded, so I searched on the internet to deal with this problem. Then I found the ‘Fill Left’ effect, which replicates the left channel sound into right channel sound. Also, when the sounds were too low on specific scenes, I brought sounds from other shot which I didn’t used because of the bad exposure, and I have learned that never delete unused shots because it would be helpful figuring out any problems that might come up.
I wanted to end the film with strong impression, and with this consideration I made the ending title. I wanted to express the ‘Off’ in a symbolic way, and I brought noise effect which has created with After Effects to make a scene which looks like a disconnected TV.
CRITIQUE
I found several things to revise while shooting this short film. The first thing that I most felt insufficient was that actualizing the picture and ideas in my head was not as smooth as most. While constructing storyboard and pictures or screen, I had to be more realistic-I should have known that what is possible to present, and what is unable or hard to actualize. In the case of latter ones, I learned that we need to suggest alternatives or precise plan for it. For example, we wanted some scenes from the station and in the train. At first, we didn’t consider the possibility whether we are allowed or manageable to film at that places. However, after entering filming process we found that our idea was unrealistic and had to make alternative plans. Fortunately, now I have realized that in every plan we have to be hundred percent sure whether we can make it. Otherwise, we should set precise alternative plans. Having pre-rehearsal or taking pictures of some spots might be good method to prevent being ruined.
I have learned several rules and know-hows regarding filming. However, in the situation of being impatient and nervous, it was hard to apply these acknowledgement-and this resulted in a little awkward compositions. But I felt that after undergoing a few mistakes we have perceived what was wrong and how to manage with it. In our group’s case, we were extremely weak at controlling equipments-especially sound. First, we proceeded without being aware with our weak point. However, in the editing process I have found that we have messed up several scenes in the sound part. Even one time there was a case that the sound wasn’t recorded at all. After having numerous trial and error we learned to check our weak points scrupulously.
I wanted to give strong message: arouse the audience’s attention and realize the seriousness of the problem. Therefore, I exaggerated the situations quite a lot and made some scenes unrealistic and symbolic. However, after finishing the post production and revising what I have done, I was doubtful that this film might be hard to understand for audiences and might feel awkward. The hardest point that I think is making film concisely and in the same time giving clear impression to mass. Every time I start new project, I set up this hardest part as a goal. However, every time I find new mistakes and problems and this makes me unfulfilled with the result. Nevertheless, I believe that after repeating these processes-recognizing what is the problem and revising it- I will develop every second.
0 notes
Text
Conventions of Animation-Mini Project
youtube
STORYBOARD
Download Link:
https://drive.google.com/file/d/0B2Tp2z70tgLrbEdmekpkdzN2NTQ/view?usp=sharing
CRITIQUE
Through this mini project I wanted to make comprehensive result of what we have learned in the Conventions of Animation. The whole scene requires good timing and spacing, and staging should be adequately set in order to effectively convey ideas to audiences. I putted the dog to effectively show the principle of secondary action. By finding the hole in ‘H’, I tried to express secondary action of the dog by turning up his head and barking. Also, when the ball falls, dog startles and keep his eyes on the ball. Through the ball, I wanted to express the principle of squash and stretch. Before the ball falls down, there is an shake of the scene such as an earthquake after the letter ‘I’ knocks down in order to make an anticipation that something is going to happen because of this impact. The earthquake was considered also to present the principle of exaggeration. By exaggerating the scene, it would be effective to make audiences more interested.
RESULT
Download Link (MOV file): https://drive.google.com/open?id=0B2Tp2z70tgLreVFzZHdjV3MzV1U&authuser=0
Download Link (MAYA file): https://drive.google.com/open?id=0B2Tp2z70tgLrS1d0cXRyRm1YTUk&authuser=0
CRITIQUE
By preparing with storyboard, it was quite fluent to make the result than other exercises done on course. The hardest part was to make the dog’s movement natural. Making the dog bark was especially hard and look quite unnatural despite of several trials of what I have done to adjust with the graph editor. With no color, the dog seemed to look lack of appeal so I put him color of shiny brown. To express the earthquake effectively, I referred to the tutorial regarding shake of the camera (https://youtu.be/IV8aSKB9QBM). Also, I turned all the lights of except leaving backlight on so as to clearly show the letter of ‘ i ’ by combining movements of dog and ball.
0 notes
Text
Conventions of Animation-Week10
Exaggeration

(image from: http://design.tutsplus.com/ )
Animators exaggerate motions in order to evade becoming board, just resembling the real action. We can see in lots of animation that uses many exaggerated gestures.
Scenes are composed of several constitutes. Design, actions, emotions, sounds and effects all can be exaggerated. However, exaggeration of these components should be balanced. If the exaggeration is overweighted in only some components, it will result in unnaturalness.
Exaggeration helps animators convey their idea to audience effectively. By exaggerating the characters' action, emotion and some situations, audience can understand the scenes quickly and clearly.
Staging

(image from: http://games-art-phil-griffiths.blogspot.co.uk/2014/03/staging.html)
Animator controls the animation to make the audience understand story well and clearly-and staging exists in order to make it effectively. Staging means making characters and scenes clear in order to communicate well.
youtube
-Components for Staging
1) Character 2) Background 3) Props 4) Lighting 5) Effects 6) Sound 7) Camera
-Storyboard
Storyboard shows how the animation appears first of all. It’s the first step of showing completed scenes. Therefore, components that are related to staging-movements and components of character, placements of props, and effects must be presented on storyboard.
-Silhouette
Silhouette shows whether the action or attitude is clearly set. If the silhouette represents the action and pose precisely-the audience will understand well too.
Appeal

(image from: Illusion of life)
'Appeal' means that audience wants to see the character, and enjoying while looking at it . Appeal doesn't mean cuteness. To catch audiences' eyes, the animation must have appeal. The notion of appeal is similar to the charisma of actor in movie. Good designs-designs that are clear and creative are effective. If the designs are too complex, or if the action is too symmetry, that animation will lack of its appeal.
Solid Drawing
youtube
The lines of animation must be easy to understand. Solid drawing means that perspective, volume, actions can be presented by using both thick and thin lines. If would be better to evade full shape of symmetry, and lines that presents change and movements are good. Pictures should be clear even in silhouettes, too.It is easy to confuse that solid drawing is only constituent for 2D animation. However, we should consider solid drawing even when we are creating 3D animation. 3D character should have weights, volume, dimensions, and balances in its poses.
0 notes
Text
Conventions of Animation-Week 10 Exercise
youtube
Conventions of Animation-Week10 Exercise
I tried to demonstrate the principle of exaggeration through this exercise. Since I didn’t know how to model with Maya, the character was drawn by hand, and used After Effects to make it into animation(I am sorry for poor drawing). A person cannot be floated even with a bunch of balloons. However, in this scene that I made, the girl floats up in the air by the force of balloons. I made this exaggeration to make bright atmosphere-in order to catch the audience’s eyes. However, it was very hard to make the character appealing-the character that I have drawn was too plane, and it was also hard because of my lack of ability to drawing. Also, the drawing was lack of the principle of solid drawing-the lines were insufficient to present the weights, volume, and balances. Moreover, it was difficult to make natural-balanced exaggeration. Proper exaggeration should sustain balance of every component in the same time presenting exaggeration. However, it was hard to keep these balances, and to be appealing to audiences.
0 notes
Text
Conventions of Animation-Week9
What is Straight Ahead & Pose to Pose?

‘Straight Ahead’ is a method which works in series of chronicle. Advantage of this method is that animator can work more freely and brilliantly. This can make animation more lively. However, it is hard to amend, and easy to lose overall balance.

‘Pose to Pose’ animation, known as key-frame animation is a method which animator sets the frames depending on the key moment of actions. This method is effective in that it is efficient way of making animation. Also, it is possible for animator to make plan for entire animation. However, this way has disadvantages in that it can have wrong times, and easy to be looked as stagy, stiff, and unnatural.
All pictures from: https://www.animdesk.com/the-principles-of-animation-streaight-ahead-action-pose-to-pose
Good Example of Pose to Pose Animation
youtube
This animation shows great example on pose to pose animation. The blocking is efficient and clear to understand. Timing is well set that the connection of movements and overall animation feels fluent. Moreover, ease in&out and follow through&overlapping of every action is well made that it looks natural.
0 notes
Text
Conventions of Animation-Week9 Exercise
Exercise1-Straight Ahead
youtube
Download Link
https://drive.google.com/file/d/0B2Tp2z70tgLrdlVaaGc1QTlmVWs/view?usp=sharing
First, I worked this exercise with the method of straight ahead. I put the keyframes on every frame. It was effective to make the action more freely, and was easy to control the timing. However, I tried several time to fix this exercise because it was hard to sustain overall balance. Also, it was difficult to follow the original idea of how to animate this exercise.
Exercise2-Pose to Pose
youtube
Download Link
https://drive.google.com/open?id=0B2Tp2z70tgLrTDVfS1FpZ0FUbVE&authuser=0
This time I worked this exercise with the method of pose-to-pose, based on the previous exercise(straight ahead). It took less time to finish this exercise, and it was more effective to control the overall animation. However, the hardest thing was to manage the timing. I wasn’t sure whether this animation will look natural or too stagy and stiff.
0 notes
Text
Conventions of Animation-Week8
What is Arc?

(image from http://tvpaintanimation.tumblr.com/)
When character moves, the lines are formed in arcs, not straight lines. For example, when an arm moves, it waves-moves in arcs. The path of movement in animation is called “arc”. This principle makes the movements fluid and smooth.
vimeo
My interpretation of this film is like this:
A man misses a woman. He tries to stop thinking about her, but he keeps suffering from the thought of her. After a long wait, the woman goes closer to him, but the man gets exhausted and leave from her. Then, woman regrets.
Arcs in this clip effectively shows the emotion between two characters. Every arcs in movements is beautiful but desperate. When the man wakes up, he crouches his body and stands up, drawing the form of arc. This shows that the man is in desperation but tries to get out of it. The choreography when the man and woman dances together shows their relationship-they miss and love each other, but in the same time there is some kind of desperation, anxiety and tension inside it.
0 notes
Text
Conventions of Animation-Week8 Exercise
Arc Exercise 1
youtube
Download Link
https://drive.google.com/open?id=0B2Tp2z70tgLrcmZlM2E0VXcwQ1E&authuser=0
I tried to demonstrate the principle of Arc through this exercise. In animation, the action of objects, character mainly draw a line of arcs. This makes the movements fluid and smooth. Therefore, I tried to make the ball’s movement in this scene look natural. To demonstrate this, I tried to make the graph of the ball’s translate to draw the path of arc.
Arc Exercise 2
youtube
Download Link
https://drive.google.com/file/d/0B2Tp2z70tgLra0lYMF9IMGlJemM/view?usp=sharing
In this exercise, I tried to demonstrate the little machine’s movement follow path in the form of arcs. I adjusted the lines through graph editor in order to make the movement more smooth. I also gave movement to the spring attached to the head in order to give anticipation.
This is the line that shows the arc of machine’s movement.
0 notes
Text
Conventions of Animation-Week7
What is Secondary Action?
Secondary action is an action that is occurred by primary action. It makes the animation more interesting and lively. To sustain balance, secondary action must be subordinated to main action. Character's facial express, posture, a tail or ears of dog are the example of secondary action. Secondary action sometimes express character's personality, mood and emotions.
youtube
To give an example with the 'Dinner' from Birdbox Studio(film above), in this clip the primary action of the dog is to eat his food. His running, jumping, gasping and being impatient-the secondary action-shows the dog's characteristic. By seeing the dog's secondary action we can figure out that he is very hungry and eager to eat. Pushing his bowl under the drawers can be a secondary action-showing his thirst for his food and concentration on eating. His attempts to get back the bowl can be another primary action too. The secondary action related to this primary action-barking at the bowl, using stuffs to push the bowl-shows the dog's adorable characteristic and cleverness.
0 notes
Text
Conventions of Animation-Week7 Exercise
Secondary Action Exercise 1
youtube
Download Link
https://drive.google.com/open?id=0B2Tp2z70tgLrYTRUT0ctLWFJNE0&authuser=0
First, I thought the tail attached to the ball looked like a cat. Therefore, I made the tail’s movement(secondary action of ball jumping) to demonstrate the cat’s movement. Cat’s tail bends forward to prepare for jumping. Then, the tail heads downward while it is jumping, and gets back when reaches floor. I tried to find the reference of cat’s tail movement while jumping, however it was hard to make the tail move smoothly.
Secondary Action Exercise 2
youtube
Download Link
https://googledrive.com/host/0B2Tp2z70tgLrYU9yOWczZjBzbFE/07 Exercise 2 Secondary Action - Dog Tail.mb
I tried to demonstrate the principle of 'Secondary Action'. In this exercise, I set the primary action as running toward the box. In this process, the dog jumps-this was the secondary action to express the excitement of the dog. I watched several clips of dog jumping through Youtube to find the reference-and I found that the dog's ears and head goes up when they jump. When he gets closer to the box, he suddenly stops and starts to hold in check and barks. I created this secondary action to express the dog's timid characteristic.
0 notes
Text
Conventions of Animation-Week6
What is Follow Through & Overlapping action?


(images from https://vector8games.wordpress.com,
http://pixgood.com/follow-through-animation.html)
'Follow Through' is an action that succeeds. It is adjuncts that moves by the effect of main action, such as hair, skirts, and cape. 'Follow through' is a finish of movement. Movements of every component don't start/stop their movement simultaneously. Constituents that are close from the core of momentum start to move/stop first, and far the last. The core part leads other parts' movement.
'Overlapping action' means that actions overlap because main action changes before following action ends. The start of following movement naturally overlaps the end of previous movement. This characteristic make animation more soft and look natural.
youtube
To give an example with mime, the mime above exaggerates and makes the movement quite slow (due to the characteristic of the performance). By this, we can see the principle of follow through and overlapping action effectively. Since the actions are slow, we can scrutinize the movement-every movements in one action overlaps quite a lot(especially hand)-and this makes the overall movement look natural. Follow through is shown well to, especially at the scene of opening window, the core part of momentum is his hands-so the movement begins from his hands-arms-torso-neck-head.
0 notes
Text
Conventions of Animation-Week6 Exercise
youtube
Download Link
https://googledrive.com/host/0B2Tp2z70tgLrYU9yOWczZjBzbFE/06 Exercise 1 Follow Through and Overlapping Action - Hammer.mb
In this exercise, I tried to demonstrate the principle of follow through and overlapping action. First, the spring attached to the head of hammer effectively shows the follow through. By the movement of the hammer's main body, the spring follows up and down continuously. Moreover, the spring also shows the overlapping action-the movement of spring following overlaps to make it natural.
Follow Through & Overlapping Action Exercise 2
youtube
Download Link
https://drive.google.com/file/d/0B2Tp2z70tgLrWUVIMm54WEFQS2c/view?usp=sharing
I tried to demonstrate follow through and overlapping action through the cape’s movement. The cape moves following through the movement of the ball-the core part of the movement. I adjusted the overlapping action of cape in order to make it look like a cloth. The hardest part was when the ball reached ground. The ball rotates a bit, treading above the cape. It was difficult to demonstrate the ball overlapping above the cape.
0 notes
Text
Conventions of Animation-Week5
What is Anticipation?
Every ordinary movement has its anticipation-it prepares its movement before starting. Anticipation makes the animation natural. It connects expectation with the movement. Thus, anticipation manipulates the animation's atmosphere too. Anticipation is affected by its characters, and audiences. Characters have their own personality, emotion, and motivation. These factors influences anticipation. Audience is also a requisite for the anticipation. Animations are always conscious of audiences' expectation. The action following anticipation corresponds to their expectation. Exception also exists. Action that contrasts to their expectation might create audiences' surprise.
youtube
This video clip demonstrates ways to shoot a basketball. As you can see, there is preparatory posture before shooting. This is anticipation. By just looking at the player's posture, we can anticipate that he's going to shoot the basketball.

0 notes
Text
Conventions of Animation-Week5 Exercise
Anticipation-Exercise 1
youtube
Download Link
https://googledrive.com/host/0B2Tp2z70tgLrYU9yOWczZjBzbFE/05 Exercise 2 Anticipation - Diving into Pool.mb
In this animation, stretch and squash of the ball shows the anticipation of ball's movement. First, the ball stretches and squashes quite a lot to prepare to jump. Since the amount of stretch&squash is large, the ball jumps quite high.
Anticipation-Exercise 2
youtube
Download Link
https://googledrive.com/host/0B2Tp2z70tgLrYU9yOW
I tried to demonstrate the principle of anticipation through this exercise. The degree of preparatory movement before action is linked to the anticipation of action. To show this principle, I gave difference between two balls' degree of preparatory movement. The ball on the left side stretches more-it prepares more to bounce than the right side of ball. Thus, the left ball bounces more higher and faster than the right ball. To adjust the degree and timing of preparatory action and bouncing, I used graph editor.
0 notes
Text
Conventions of Animation-Week4
What is Slow in & Slow out?
Objects don't move or stop right away. It needs time to start or stop the movements. 'Slow in' and 'Slow out' is the principle of animation demonstrating these phenomenon. 'Slow out' shows the movement of accelerating when the action begins. The object starts to accelerate when it overcomes the inertia affecting the object. If the object has higher inertia, it takes more time to 'slow out'. In the other hand, 'Slow in' shows the movement of decelerating, and it usually appears when the objects' movement end.


(Pictures from - Webster C. (2005) Animation: The Mechanics of Motion. Elsevier/ Focal Press)
The video clip below is a basic example of 'slow in'&'slow out'.
youtube
0 notes