Escolar Documentos
Profissional Documentos
Cultura Documentos
Process Book
Veronica Lui Ka Suen Sugar Tsang Ka Leung Jason Wong Kam Shing Louise Yau Chi Yan
Questionnaire
Research
According to the questionnaire, we found that every grade of primary students watch animation. Most respondents like enthusiastic animation more, such as ,,Bleach, Reborn. Also, the result shows that in an animation, primary students attach importance to content of the story and the frame. Moreover, we found that primary students are quite active in the internet. Since they use Email, Windows Messenger, facebook communicating with the others. Therefore, we can work on this direction, paying more attention on the story and the frame which can attract primary students. Also, we can put the animation on the internet and share with the primary students. These are some cartoon they like. ,, ,KERORO,,21. ((From left to right)
Research
No full animation Human as the main character Only opening has an animation Some uses still pictures to explain events or knowledges Directly discuss some embarrassing or dif f icult issue Lack of sound effect and music
Funny and interesting Coulurful scene Some jokes Lack of knowledge teaching Violence and immoral content
Genre
Title
Moyashimon Theatre 4
Story
Realistic f iction 3rd person Experience of the character Familiar to the settings
Comedy 3rd person Experience of the character Exaggerated action and facial expression 7
Research
Book 1st person Illustrated human being Conversation, Narration Close to realistic with special illustration style Metaphor
Book 3rd person Illustrated human being and unrealistic characters Conversation Unrealistic Adventure, Metaphor
Book 3rd person Nil Information, with statistic Realistic Arrows, Footnotes
Story
Brain Stem
Brain Stem
10
Animation 1st person Characterized unrealistic animal Lyrics, Footnotes Close to realistic with special illustration style Sing the information out
Interactive website 3rd person Nil Informative passage, Footnotes Close to realistic with special illustration style Animation
Story
11
Concept 1
Concept 2
Concept 3
Story
12
Science Fiction, Adventure Structure, Transport of message 3rd person with point of view shots Experience of character Metaphor
Realistice f iction Neurons, dream 3rd person Experience of character Metaphor, Characterization
Comedy Illusion, Transport of message, Memory 1st person Conversation, narration Metaphor, Exaggerated action and facial expression
13
Storyboard - Concept 1
Story
14
15
Storyboard - Concept 2
Story
16
17
Storyboard - Concept 3
Illusion
Story
18
19
Story
20
21
Story
22
Problem: - Not enough close up - Not enough similar details between scenes to show in the same place - Reduce unnecessary scenes; develop important scenes - Not enough establish shots
23
Story
Solution: - Reduce illusion and memory, only focus on transporting messages - Create more establish shots and explanation shots with actual brain pictures - Simplify the shots into two main locations 24
Problems: - Track too long not to change the position - Reduce unnecessary scenes - Not enough close up 25
Story
Solution: - Make every shots meaningful - Add more close up on introducing body parts - Replace long track with pan 26
Problems: - Diff icult to draw pan shot - Too many different background styles may confuse the audience 27
Story
28 29
Story
Solution: - Reduce size/ timing of less important background styles - Create a real model to practise drawing pan shots 30 31
Script
S L B B L S L L (S) (L) S (SL) L30% (L70%) S B Problems: - Too many unnecessary conversation - Not enough time on the three stages
S L() S (1)
(1)
S L (2) (3)
(2) (3)
L (4) (5)
(4)S (5)
Story
(6)
32
L B
()
(S) 33
S L S S L L
Story
I wanna speak f irst! () Its my turn The reason why we can see is because we have eyes Image is ref lected onto retina And optic nerve will transform the image into signals !! These are neurones. They are sending the signals to cortex area
When signals from all sides rush in, the cerebrum receives them all S ~ Then it undergoes analysis and gets to know what it is S Reassembly zone repackages the visual signals, and transmits them to the visual area in brain for identif ication L So, youll know what you see B Goodbye! S
34
35
Animatic
Story
36
37
Story
38 39
Visual Style
Visual Style
Genre
Spongebob
Atashinchi (
Visual Style
Visual Style Colourful Funny Cute Happy Colour Scheme Warm, Sharp, Primary Fantasy Cute Warm Pastel, warm
Borders Backgrounds
Regular width
Regular width Whim Simple Abstract Colourful Detail Detailed personality shown Exaggerated expression Round shape and smooth curves Fat and short
Detail Realistic Simple Colourful Colourful Distinct shapes Geometric Thin hands and legs
Art
40
Borders Regular width Regular width
41
Concept 1
Future city and buildings Talking about future city, the idea coming into my head is cities with blue and silver buildings and lights coming out from the windows with abstract shapes. Since we are telling stories about human body, my idea is to replace the blue and silver buildings with warm and sharp colours, but keep the feeling of strong contrast, with many details and shades to create a complicated feeling of the brain.
Art
42
43
The idea is to use simple and abstract shapes to create background and props. The story is divided into two parallel parts so the scene have to separate clearly. We tried to use high contrast colours for each side.
Concept 2
Art
44
45
Different try-outs: - using similar colours on one part - trying different colours of neurones - putting character from the other concept to see if they match - similar colours on same part make scenes look more unify on one side - the lightest pink one is better - the twin brothers can match with this background Problem: outlines on characters does not match with the background 46 Solution: remove the outlines Problem: texture at back distract the focus on characters Solution: remove the texture
Art
47
Concept 3
The idea is to use simple and abstract shapes to create background and props. Using large amount of dark colour replacing other colours to create a stylish feeling.
48
Problem: -texture at back distract the focus on characters -black colour is too dark
Art
Feature 1
Concept 3 Similar colours with layers increase interest time consuming too many colours used, lost focus
Pros Cons
Comfortable for audiences Hard to catch audiences attention Not exciting enough
Obvious light source Clear focus on background Divert focus on the characters
Large space left for Whim lines & shapes the background Appears to be clean lively & attractive Clear focus Not enough elements The scene looks messy to keep audiences interest Have to be more careful on colour tone & characters Use simple & Use larger amount of geometric shapes for grey colour to replace props & character other colours faster production special & interesting style Save time Reduce colour on scene Characters may not be obvious on the scene
Feature 3
Pros
Increase interest
Art
50
Cons
Time consuming
51
Art
52
Problem: picture look too interesting, should look more like boring textbooks
Problem: colour of gate is too dark, the eye cannot stand out
53
Background 03 Neurones
Problem: - too whim and random - not enough space for Sam to walk
Solution: - ref ine the lines and shapes - Lengthen the gate
Art
54
Personality of neurones: since they are working all day long and never get rest, they are always appears to be nervous, tired and grumpy, these personalities were trying to expressed though their single eye by giving them eye lids.
Art
56
57
Use blur effects in Adobe After Effects to let audiences to focus on one layer at one time
Art
Problem: -outlines made the props too outstanding - weak feeling of depth 58
Background 05 End
Art
60
Problem: -words are too big and random - robots are too big, the scene is too crowded
Solution: -use geometric shapes to form the words - scale down the robots 61
Props
Optical Nerves
Art
62
Problem: Solution: -Colours does not match-try other colours -too whim - adjust anchor points
63
Art
64
Art
66
67
Alarm on the top change to green when message ball pass through the checking process
Art
68
69
Message ball pass: show the message of Robot form of Luk, which was the message received by the eye earlier
Luk pass though will show his skeleton just like normal x-ray
Art
70
71
Little characters look similar with neurones represending brain cells are operating these mechanic things actually
Stage 3 Reform - Break And Form Break: Mechanic arms with needle end to break the message ball
Form: Just like blowing bubbles, message will pass the circle and form a ball
Art
Solution: use more curves and try add some patterns of brain
72
Stage 3 Reform - Transformation Transformation: Use mechanic hands to create a mess and the message transform into something new
Art
74
Solution: use more curves and try using cartoon hands instead
Problem: the message after reform look too similar with that before
Stage 4 Send
Transformation: Use mechanic hands to create a mess and the message transform into something new
Robot Luk In the imagination of Sam, everything become mechanic, including his brother, Luk, so here comes the robot form of Luk
Robot Sam Besides Luk, Sam also imagined himself as robot too
Art
76
77
Reference
Mr.Bean
Character
78
Proportion of characters: - The protagonist, Dans head is occupy 1/5 portion of the whole, remaining part is their body - limbs are not too thin or too fat. - ike a real human
Proportion of characters: - They have big head which is occupy 1/3 portion of the whole - limbs are thin and their palms are small
Proportion of characters: - Mr. Bean has a big head which is occupy 1/2 portion of the whole - limbs are thin but his palms are quite big 79
Concept 1
Sketches
Style:Japanese Feature:Many details Diff iculties:Need a lot of time to animate Selection:Like a explorer
Character
80
81
Concept 2
Sketches
Style:Simple Feature:Head and body are linked Diff iculties:Diff icult to stand out from the background Selection:Match with comical atmosphere
Character
82
83
Concept 3
Sketches
Style:American Feature:Exaggerated Diff iculties:Need more imagining when animating Selection:Pretty face can gain audiences love
Character
84
85
Luk
Further Development
Sam
Character
86
87
Sam
Sam
Selection
Character
88
89
Silhouettes
Sam
Character
90
Problems: -their outlooks are too similar -audience cannot identify who they are -their heads are too large -their pose is too similar -their personality cannot stand out
Accessories
Prof ile
Character
92
Name Luk(English)(Chinese) Sex Male Age 12 Personality Tidy, wordy Favorite color Blue Favorite food Apple, healthy food Favorite TV programme Discovery Channel Favorite Cartoon Doreaemon Hobbies Hiking to a lake Reading books Dislike Dirty, his little brother (a bit)
Sam(English)(Chinese) Male 8 Smart, impatient Yellow chocolate, potato chips Keroro Keroro Playing basketball Mechanic things Boring
93
Facial Expressions
Character
94
95
Animation Principle
Pose to pose animation offers great deal of control Stretch and squash makes animation more enaging shapes can only be distorted as long as they maintain volume Anticipation adds punch to the main movement helps audiences follow the action
Character Movement
Realistic approach Limited approach
Props Movement
Stylized approach
Animation
Effective pause Builds tension and heighten emotion, clarity and emphasis within performance Timing and mood Timing is the hidden factor for creating mood The relationship between timing and mood affects not only action but also structure
It can make movement more nuanced and less mechanical while also giving characters greater substance. This makes characters feel more real and extends their capacity for performance. In realistic animation, the broad and f ine movements used by living creatures to express emotion are analyzed and recreated. To recreate a literal expression of emotion is one of realistic animation great strengths, which open up possibilities for performance which is both subtle and sustainable.
Limited animation can also be used to keep an audience aware that what they are looking at is art and not a simulation of reality. Limited animation can efficiently create many facial expressions with a relatively small amount of artwork and how new effects can be created by combining very limited body movement with fuller movement.
There are no limits on the use of imagination. Stylized animation is given license to explore territory which could be too sensitive or weird for realism to touch.
96
97
Reference: http://bryanheisey.com/blog/?p=1
Animation
Solution: Render mov f ile and put it in Adobe After Effects and Premiere to alter
98
99
S_holdhead: Pose to pose Pose to pose makes the movement smooth and f luent S_pressbutton: Anticipation There is an anicipation before Sam press button
Button: Stretch and squash Apply Stretch and squash on the string of button.
Gate: follow through By adding follow through action the gate is more dynamic.
S_cleanhand: dust The origin of movement we uses the front size of Sam. But the silhouette is not distinctive. So we change to use front view of Sam to do this motion.
Animation
L_takeboard: Pose to pose We change hand as f ist that make Luk more like taking a board.
L_bend
100
101
S_talk: limited approach The origin of movement we uses is the front size of Sam, but it is strange when Sam talking in front view. So we decide use front view again. By limited approach, it emphasize the facial expression on Sam talking.
Optical Nerve: Stretch and squash Apply Stretch and squash when it sucks the robot in the tube.
Animation
L_lend
102
103
Message ball: Stretch and squash, follow through By adding Stretch and squash and follow through, the message ball become lively.
Animation
L_takeball
104
105
S_sitball:
Animation
106
107
Belt: loop the counter-line to create the motion Gear: use shades to create the movement
Brush: change colour to create the motion Gate: change the light colour and loop
S_swim: full approach, Stretch and squash Because audience would see all part of Sam, we apply full approach. It lets the whole movement f luent. Also stretch when he straightens his body and squash when he stores energy.
Animation
108
109
X-ray machine
S_talk2: limited approach Again., it emphazise the facial expression on Sam talking.
Animation
110
111
S_pulldown: Anticipation When Sam jump up to the top of scene, there is anticipation before he pulldown the gate.
Animation
112
113
Animation
114 115
Post-Production
Solution: - Create a model to practise the closest to reality pan shot 117
116
Post-Production
118
119
Subtitles
Post-Production
Problems: - Not obvious enough - The colours of subtitle and outline are too similar 120
Problems: - Not obvious enough - White shadow does not f it the animation
Style: Orca White 80 Chinese font: Sim Hei English font: Trebuchet MS Font size: 40% 121
Squeeze toys
Higher pitch Luk: speaking slow and idle last syllables last long Lower pitch Sam: Ivan (MM Student) sounded very exciting Great emotion shown Pitch too high to be a boy - take as emotion reference Ernesto (MM Student) talks casually and clearly Sounded not exciting enough pitch too low - talks casually attracts audience to listen Veronica (Group mate) Understand well about mood and emotions of the character sounded like boy talks fast, exciting but clear - Chosen Luk: Pak Yu (MM Student) Sounded idle words are not clear pitch not low enough - idle mood maybe boring Loretta (MM Student) sounded like boy talks casually and clearly Sounded idle but not boring Breathing sound recorded - take idle mood as reference Louise (Group mate) Understand well about mood and emotions of the character sounded like boy talks idle, slow but not boring - Chosen
Selection
The pool of Tears.mp3 Selected from from Are You Alice O.S.T - Rock a bye. Sound Library Too spooky Too slow Rhuubarbidoo.mp3 from Go Go Smear The Poison Ivy Too much special effects Too weird
Welcome to wonderland.mp3 from Kingdom Hearts 358/2 Days O.S.T Match with rhythm of animation Too many instruments Too rich Monochrome Dreams.mid from Kingdom Hearts 358/2 Days O.S.T Match with rhythm of animation sounds too much like carnival Welcome to wonderland.mid from Kingdom Hearts 358/2 Days O.S.T Match with rhythm of animation Some instruments are too loud Some instruments does not match - Edit in GarageBand
Lip Sync
Idea
Post-Production
Selection
The pool of Tears.mp3 Selected from from Are You Alice O.S.T - Rock a bye. Sound Library Too spooky Too slow Rhuubarbidoo.mp3 from Go Go Smear The Poison Ivy Too much special effects Too weird
Draw 8 lip expressions in happy emotion Reuse most of the lip expressions on two brothers
122
Welcome to wonderland.mp3 from Kingdom Hearts 358/2 Days O.S.T Match with rhythm of animation Too many instruments Too rich
123
Opening
Many cartoons have a badge like title as the opening. As our animation is like an episode from a series, it would be great to have an opening like this displaying all our characters.
Post-Production
Insert dialogue Convert the lips into symbol Insert the symbol according to the pronunciation 124 125
Post-Production
126
Rolling
127
Survey
128
129
Survey
130
131
Summary
Over 60% children feel the story is interesting. About 60% children think the f low of story is f luent. Almost 70% children like the colourful scene. Almost 70% children like the character. Over 60% think the motion is smooth. About 60% love the music and sound. 70% increase the knowledge of brain. Around 60% raised interest in human biology.
Survey
132
133
Achievements
We are no longer primary students, so we ask the currents what they think about our animation. They scored our work in different aspect for 5 the highest and 1the lowest. We are proud to tell you that 70% of them increase their knowledge of brain and over 60% of them raise interest in science after watching our animation. We applied metaphor well to let audience understand the brain easily.
Survey
134
135
Source information:
chipCHIPLEY. (2007, November 04). Low Tide - Ice Cream Headache [Video f ile]. Retrieved from http://www.youtube.com/watch?v=oQh_ kO90Rjk&feature=related ianj37. (2008, August 31). Energetic Run Cycle [Video f ile]. Retrieved from http://www.youtube.com/watch?v=ZsRfrTJX4mY&feature=related Happy gallery. Retrieved June 11, 2010, from http://hoopingworld.co.uk/ largehappyhoop.aspx Colorful gallery. (2009-04-13). Retrieved June 11, 2010, from http:// neonlite.ca/funny-stuff/got-color-3
Spongebob 3D. (2008, July 24). Spongebob 3D [Video f ile]. Retrieved from http://www.youtube.com/watch?v=2aAhLdP1qqg Moyashimon Theatre 4 (2007, November 20). Moyashimon Theatre 4 [Video f ile]. Retrieved from http://www.youtube.com/ watch?v=J88WFFdCV2c EatRealFood. (2006, March 30). Eat Real Foods [Video f ile]. Retrieved from http://www.youtube.com/watch?v=mMd53OOaah4&feature=play er_embedded
Coyote v.s. sheep (2009, September 23). Coyote v.s. sheep [Video f ile]. Retrieved from http://www.youtube.com/watch?v=GYN67cmko7w Colorful gallery. Retrieved June 11, 2010, from http://media.photobucket. com/image/colourful%20happy/hOcmun/colour.jpg . (2008, November 01). 1 [Video f ile]. Retrieved from http://circle.zoome.jp/shota/media/341 2 [Video f ile]. Retrieved from http://anime.2chnet.net/HEARTCATCH-PRECURE/HEARTCATCH-PRECURE-2.html koizu. (2008, March 17). Joust Animatic Storyboards [Video f ile]. Retrieved from http://www.youtube.com/watch?v=BXMwpDVPaLE&feature=player_embedded ClintonCrumpler (2008, March 17). Animatic Storyboard by Clinton Crumpler [Video f ile]. Retrieved from http://www.youtube.com/watch?v=FSZmwJJmwfw& feature=player_embedded The pool of Tears. Are You Alice O.S.T - Rock a bye. [CD] Rhuubarbidoo. Go Go Smear The Poison Ivy [CD]
Welcome to wonderland. Kingdom Hearts 358/2 Days O.S.T [CD]. wonderland [Mid f ile]. Retrieved from http://www.kh2.co.uk/?kh=Audio Monochrome Dreams [Mid f ile]. Retrieved from http://www.kh2. co.uk/?kh=Audio Bernard Dery.(2005).Nervous System Spinal Nerves Retrieved June 10, 2010, from The Visual Dictionary website:http://www.infovisual. info/03/039_en.html Translated: (2006). . Taiwan :Cube Press Naomi Kuno and FORMS Inc.(2004). Color Intelligence Institute. Singapore age One Publishing Private Limited Adam Liao. (2010). The Variation of Animation and Comic Art dpi Design Stars Boulevard vol.08.Taiwan:Handsome.tec.co.,LTD . (2010). Digital Artist 33. Taiwan: Imagine Publishing humanimalz . (2007, August 16). Simple walk cycle [Video file]. Retrieved from http://www.youtube.com/watch?v=SJUiBF7YgSM&feature=player_ embedded
Energy, lets save it! . (2008, November 11). Energy, lets save it! [Video f ile]. Retrieved from http://www.youtube.com/watch?v=1g73ty9v04&feature=player_embedded (2010, April 1). [Video f ile]. ReHappy gallery. (2007-10-14). Retrieved June 11, 2010, from http://pgontrieved from http://channel.pandora.tv/channel/video.ptv?ch_ zalez.wordpress.com/2007/10/ userid=wmnnx&prgid=37492377 Colorful gallery. Retrieved June 11, 2010, from http://s306.photobucket. com/albums/nn267/hideyuki_kat/?action=v iew¤t=colorofpeace100.jpg Happy gallery. Retrieved June 11, 2010, from http://www.dholbachie.com/ gallery/content/index.html SpongeBob SquarePants (2009, June 23). SpongeBob SquarePants [Video f ile]. Retrieved from http://www.youtube.com/watch?v=benB3E0Nh60 Ep1 - (2008, October 17). Ep1 - [Video f ile]. Retrieved from http://www.youtube.com/watch?v=nwyDHxtSuFE&feature=re lated
Reference
136
Happy gallery. . Retrieved June 11, 2010, from http://www.jamesmaybe. Mr. Bean Animated Series (2007, May 19). Mr. Bean Animated Series com/blog/wp-content/uploads/2009/06/yoko_d_holbachie-happy_world. [Video f ile]. Retrieved from http://www.youtube.com/watch?v=CqJoAVjpg 8gk4&feature=related
137
(2010). 21. Character. Retrieved June 11, 2010, http://www.kh2.co.uk/image. php?view=kh2/artwork/kh2ucr08.jpg Stefano Cogliano Translated:(2010). 21 18. Graham Davis . (2008). The Designers Toolkit - 1000 Colors: Thousands of Color Combinations. Chronicle Books Character Design Today: 200 Powerful Characters and Applications(2008). PIE Books; Bilingual edition , (2007). . Nunn, Janet (2001). Animated cartoons / Janet Nunn with Graham Garside. London: HarperCollins
Patmore, Chris. (2005). Character design studio: create cutting-edge cartoon f igures for comic books, computer games, and graphic novels. Barnes & Noble Books Corsaro, Sandro. (2002).The f lash Animator.Indianapolis, Ind. : New Riders Besen, Ellen. (2008).Animation unleashed : 100 principles every animator, comic book writer, f ilmmaker, video artist and game developer should know .Studio City, Calif. : M. Wiese Productions Li, Chi Hang. (2006).The complete guide to-- Anime techniques : create mesmerizing manga-style animation with pencils, paint, and pixels .1st ed. for North America , (2007).. : (2005).. (2004).. (1993).-- . F (2000).A.
Marshall McLuhan. The Medium is the Message. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University AristotleVisual PerceptionOf all the senses, trust only the sense of sight.. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University The Syntax of Filmmaking:Screenwriting & Storyboarding. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University TApplied Media:Aesthetics Light & Color. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University Applied Media Aesthetics Space. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University Applied Media AestheticsTime & Motion. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University Gender, Ethnicity & Class :A Study of the FilmCrocodile Dundee. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University Media Distortion. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University
Reference
Kirkpatrick, Glenn (2002). Flash cartoon animation: learn from the pros. Birmingham: Friends of ED Baker, Kyle (2008). How to draw stupid and other essentials of cartooning .New York: Watson-Guptill. Roberts, Steve (2007).Character animation: 2D skills for better 3D.Oxford : Focal Press
(1989)..
138
Understanding Media:Strategy & Design. [PowerPoint slides]. Retrieved from The Hong Kong Polytechnic University
-END-