SD3026 Kat Gp1 Process Book

8/3/2019 SD3026 Kat Gp1 Process Book

1/70

SD 3026 Summer ProjectHow Does Brain WorkTutor: Katherine Luk


2/70

Research

2

QuestionnaireWe have interviewed 27 children who are from primary 3 to primary 6.


3/70

Research

4

According to the questionnaire, we found that every grade ofprimary students watch animation. Mostrespondents like enthusiastic animation more, such as ,,Bleach, Reborn. Also, theresult shows that in an animation, primary studentsattach importance to content of the story and the frame.Moreover, we found that primary students are quiteactive in the internet. Since they use Email, WindowsMessenger, facebook communicating with the others.

Therefore, we can work on this direction, paying moreattention on the story and the frame which can attract primarystudents. Also, we can put the animation on the internet andshare with the primary students.

These are some cartoon th,,,KERORO,((From left to right)


4/70

6Story

GenrePoint of View

Method

Story elements

Title

Fantasy1st personSelf-introductionNarratorCharacterization

Moyashimon Theatre 4Genre


5/70

8Story

MediaPoint of view

CharacterText

PictureStory elements

Book1st personIllustrated human beingConversation, NarrationClose to realistic with speMetaphor

Research


6/70

10Story

MediaPoint of view

CharacterText

PictureStory elements

Animation1st personCharacterized unrealistic aniLyrics, FootnotesClose to realistic with speciaSing the information out

Brain Stem


7/70

12Story

Concept 1Brains mind map

GenreSelection of content

Point of viewMethod

Story elements

Science Fiction, AdventureStructure, Transport of mess3rd person with point of viewExperience of characterMetaphor


8/70

14Story

Storyboard - Concept 1


9/70

16Story

Divide the frame into twoStoryboard - Concept 2


10/70

18Story

IllusionStoryboard - Concept 3


11/70

20Story

Storyboard - Selected Concept


12/70

22Story


13/70

24Story

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


14/70

26Story

Solution:- Make every shots meaningful- Add more close up on introducing body parts- Replace long track with pan


15/70

28Story


16/70

30Story

Solution:- Reduce size/ timing of less important background styles- Create a real model to practise drawing pan shots


17/70

32Story

SLBBLSLL(S)(L)S(SL)

L30%(L70%)SB

Problems:- Too many unnecessary conversation- Not enough time on the three stages

Script


18/70

34Story

S I wanna speak f irst!

L ()Its my turn

S

The reason why we can see is because we have eyesS

Image is reflected onto retina

L

And optic nerve will transform the image into signalsL

!!These are neurones. They are sending the signals to cortex area


19/70

36Story

Animatic


20/70

38Story


21/70

40Art

Spongebob Atashinchi ()

Colourful Fantasy

Funny Cute

Cute Warm

Happy

Warm, Sharp, Primary Pastel, warm

VisualStyle

ColourScheme

Regular width

Detail

Realistic

Simple

ColourfulColourful

Distinct s hapes

Geometric

Thin hands and legs

Borders

Backgrounds

Key props

Characters

Genre


22/70

42Art

Future city and buildings

Talking about future citymy head is cities with bluelights coming out from thshapes.Since we are telling storiemy idea is to replace the bwith warm and sharp coloufeeling of strong contrastshades to create a complicbrain.

Concept 1


23/70

44Art


24/70

46Art

Problem: texture atback distract thefocus on characters

Problem: outlines oncharacters does notmatch with thebackground

Solution: remove theoutlines


25/70

48Art

Tim Burtons Alice inWonderland NDS

The idea is to use simple and abstract shapesto create background and props.Using large amount of dark colourreplacing other colours to create a stylishfeeling.

Problem:-texture at backdistract the focus oncharacters-black colour is toodark

Concept 3


26/70

50Art

Concept 1 Concept 2

Feature 1 Sharp colours Pastel colours

Pros Catch attention Comfortable

audiences

Cons Characters not obvious Hard to catch

audiences at

Not exciting e

F ea tu re 2 O bv io us li gh t s ou rc e L ar ge spac e

the backgrou

P ro s C le ar fo cus o n b ac kg ro und Appea rs to be

Clear focus

Cons Dive rt focus on the

characters

Not enough e

to keep audie

interest

Have to be m

careful on col

tone & charac

F ea tu re 3 W it h de ta il s a nd shades U se simp le &

geometric sh

props & chara

Pros Increase i nterest faster produc

Cons Time consuming not attractive

enough

Comparison between 3 concepts

- Concept 1 is too time-consuming- Concept 2 may not catch audienceseyeballs

- Concept 3 using grey colour may makethe scene look dark, but it is balancedconcept so far

Direction: art style should be somethingbetween concept 2 and 3


27/70

52Art

Problem:picture look toointeresting, should lookmore like boringtextbooks

Solution:try another style


28/70

54Art

Problem:- too whim and random- not enough space for Samto walk

Solution:- refine the lines and shapes- Lengthen the gate


29/70

56Art

Problem:neurones are too outstand-ing

Problem:-still too crowded- neurones with nodifference are boring

Solution:remove outlines of neu-rones

S-ro- f


30/70

58Art

Background 04 Brain Factory

Problem:-outlines made the propstoo outstanding- weak feeling of depth

Problem:-the scenes look messy- still weak feeling ofdepth

Solution:-remove outlines-adjust the brightness ofeach layer


31/70

60Art

Problem:-the background is too dark

Solution:change differentcolours


32/70

62Art

Problem:outlines distractaudiences fromfocusing oncharacters

Problem:-Colours does not match-too whim

Solution:Remove outlines

So-tr

- apo

Optical Nerves

Props


33/70

64Art

realistic optical ner


34/70

66Art

SketchesBrain Factory


35/70

68Art

Stage 1 Receive - Shower


36/70

70Art

Problem:stamp is not obvious

a process torepresend themessage hasbeen checked

Problem:too much stepsfor receive

Solution:make the stampbigger

Stage 1 Receive - Stamp


37/70

72Art

Stage 2 Analyze - GraphLittle characterslook similarwith neuronesrepresendingbrain cells areoperating thesemechanic thingsactually


38/70

74Art

Stage 3 Reform - TransformationTransformation:Use mechanic hands tocreate a mess and themessage transform intosomething new

Problem:look toomechanic


39/70

76Art

Stage 4 SendTransformation:Use mechanic hands tocreate a mess and themessage transform intsomething new


40/70

78Character

Proportion of characters:- They have big head which is o

of the whole- limbs are thin and their palms

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

Reference


41/70

80Character

SketchesConcept 1


42/70

82Character

SketchesConcept 2


43/70

84Character

SketchesConcept 3


44/70

86Character

Character personality (preliminary)Adding some personacan make them more


45/70

88Character

Sam Sam


46/70

90Character Solution:

-retune their body ratio-change their poses

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

Silhouettes


47/70

92Character Different accessories have different meaning

Accessories


48/70

94Character

Facial Expressions


49/70

96Animation

Realistic approach

It can make movement more nuanced and less mechanica

substance. This makes characters feel more real and ext

In realistic animation, the broad and fine movements useare analyzed and recreated.

To recreate a literal expression of emotion is one of reaopen up possibilities for performance which is both subt

Pose to pose animationoffers great deal of control

Stretch and squashmakes animation more enagingshapes can only be distorted as long as they maintain volume

Anticipationadds punch to the main movementhelps audiences follow the action

Timing and actionChanges in timing after the meaning of action

Effective pause

Builds tension and heighten emotion, clarity and emphasis within performance

Timing and moodTiming is the hidden factor for creating moodThe relationship between timing and mood affects not only action but also structure

Animation Principle Character Movement

Reference: http:/


50/70

98Animation

Give an array of features:- Rotation- Blur- Brightness / Contrast- Hue / Saturation

Alter the size of Vcam canchange the size of scene

Problem:Cannot render JPG sequence of the stage

Solution:Render mov file and put it inAdobe After Effects and Premiere to alter

Virtual camera in Flash


51/70

100Animation

S_holdhead: Pose to posePose to pose makes the movement smooth and f luentS_pressbutton: AnticipationThere is an anicipation before Sam press button

Button: Stretch and squashApply Stretch and squash on the string of button.

L_takeboard: Pose to poseWe change hand as f ist that make Luk more like taking


52/70

102Animation

S_talk: limited approachThe origin of movement we uses is the front size of Sam, but it is s trange when Sam talking in front view. So wedecide use front view again.By limited approach, it emphasize the facial expression on Sam talking.

There is a pause when Sam meet Luk.

Using dotted line to emphasize the route of transformatUsing dotted line to emphasize the robot


53/70

104Animation

Message ball: Stretch and squash, follow throughBy adding Stretch and squash and follow through, the message ball become lively.

L_takeball L_passball: walk cycle


54/70

106Animation

S_sitball:

L_talk: walk cycle


55/70

108Animation

Belt: loop the counter-line to create the motion

Gear: use shades to create the movement


56/70

110Animation

S_coverear: limited approach X-ray machine

Skull: Pose to pose


57/70

112Animation

S_talk2: limited approach

React zone: change the colour to catch the audiences


58/70

114Animation


59/70

116Post-Production

Problem:- Not able to storyboard pan shots

Model of the Brain Factory

Solution:- Create a model to practise theclosest to reality pan shot


60/70

118Post-Production

Reference video for zooming in the Brain Factory


61/70

120Post-Production

Problems:- Not obvious enough- The colours of subtitle and outline are too similar

Problems:- Not obvious enough- White shadow does not f it t

Subtitles

The pool of Tears.mp3 Sel

from Are You Alice O.S.T - Rock a bye. Sou

T k

Selection


62/70

122Post-Production

Music and SoundBackground Music Sound Voice-over

prevent too quite in parts with no provide details of Narration of story

voice-over props

provide details of

create mood at the beginning enr ich animat ion characters' personalit y

Idea Funny Stylized General:

Chirpy Out-of-ordinary Clear words

Playful Interesting show emotion

a bit spooky Sound like boys aged 8-12

Brisky Optical nerve:

Exciting Slot machine Sam:

speaking fast

N eu rones : A lway s ex ci ti ng

Squeeze toys Higher pitch

Luk:

speaking slow and idle

last syllables last long

Lower pitch

Roles

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

Mat ch with r hythm of animation

Too many instruments

Too rich

Monochrome Dreams.mid

from Kingdom Hearts 358/2 Days O.S.T

M at ch wi th rhy th m of ani ma ti on

sounds too much like carnival

Welcome to wonderland.mid

f rom Ki ng do m H ea rt s 3 58 /2 Da ys O. S. T

Match with rhythm of animation

Some inst ruments ar e too loud

S om e i nst ru me nt s do es no t m at ch

- Edit in GarageBand


63/70

124Post-Production

124Post-Production

Insert dialogueConvert the lips into symbolInsert the symbol according to the pronunciation

Rolling


64/70

126Post-Pro

duction


65/70

128Survey

Story and Content


66/70

130Survey

Technique and Skills


67/70

132Survey

Response and outcome


68/70

134Survey

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 andover 60% of them raise interest in science after watching our animation.We applied metaphor well to let audience understand the brain easily.

Achievements

Source information:chipCHIPLEY. (2007, November 04). Low Tide - Ice Cream Headache[Video f ile]. Retrieved from http://www.youtube.com/watch?v=oQh_

Spongebob 3D. (2008, July 24). Spongebobfrom http://www.youtube.com/watch?v=2aA

M him Th t 4 2007 N mb 20


69/70

136Referenc

e

kO90Rjk&feature=related

ianj37. (2008, August 31). Energetic Run Cycle [Video f ile]. Retrievedfrom 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

Happy gallery. (2007-10-14). Retrieved June 11, 2010, from http://pgon-zalez.wordpress.com/2007/10/

Colorful gallery. Retrieved June 11, 2010, from http://s306.photobucket.com/albums/nn267/hideyuki_kat/?action=view&current=colorofpeace100.jpg

Happy gallery. Retrieved June 11, 2010, from http://www.dholbachie.com/gallery/content/index.html

Happy gallery. . Retrieved June 11, 2010, from http://www.jamesmaybe.com/blog/wp-content/uploads/2009/06/yoko_d_holbachie-happy_world.jpg

Moyashimon Theatre 4 (2007, November 20atre 4 [Video f ile]. Retrieved from http://wwatch?v=J88WFFdCV2c

EatRealFood. (2006, March 30). Eat Real Ffrom http://www.youtube.com/watch?v=mMer_embedded

Energy, lets save it! . (2008, November 11)[Video f ile]. Retrieved from http://www.youg73ty9v04&feature=player_embedded (2010, April 1). [trieved from http://channel.pandora.tv/chanuserid=wmnnx&prgid=37492377SpongeBob SquarePants (2009, June 23). Sf ile]. Retrieved from http://www.youtube.c

Ep1 - (2008, October 17). Ep1 -trieved from http://www.youtube.com/watclated

Mr. Bean Animated Series (2007, May 19). M[Video f ile]. Retrieved from http://www.you8gk4&feature=related

(2010). 21. Patmore, Chris. (2005). Character designtoon f igures for comic books, computer gam& Noble Books


70/70

138Referenc

e

Character. Retrieved June 11, 2010, http://www.kh2.co.uk/image.php?view=kh2/artwork/kh2ucr08.jpg

Stefano Cogliano Translated:(2010). 2118.

Graham Davis . (2008). The Designers Toolkit - 1000 Colors: Thousandsof Color Combinations. Chronicle Books

Character Design Today: 200 Powerful Characters and Applica-tions(2008). PIE Books; Bilingual edition

, (2007). . Nunn, Janet (2001). Animated cartoons / Janet Nunn with Graham Garside.London: HarperCollins

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 better3D.Oxford : Focal Press

Corsaro, Sandro. (2002).The f lash Animaers

Besen, Ellen. (2008).Animation unleashed comic book writer, f ilmmaker, video artist a.Studio City, Calif. : M. Wiese Productions

Li, Chi Hang. (2006).The complete guide tmesmerizing manga-style animation with penNorth America

, (2007).

(2005)..

(2004)..

(1993).-

F (2000).A

(1989)..

Understanding Media:Strategy & Design. [The Hong Kong Polytechnic University

SD3026 Kat Gp1 Process Book

Documents

Transcript of SD3026 Kat Gp1 Process Book