animation

20

Upload: faith-heart

Post on 24-Dec-2014

218 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Animation
Page 2: Animation

Timeline Effects เป็�นรู�ป็แบบการูเคลื่ �อนไหวที่��โป็รูแกรูมได้�เตรู�ยมไว�ให�แลื่�ว

Copy to Grid Distributed DuplicateBlur Drop ShadowExpand ExplodeTransform Transition

o สามารูถแก�ไข Effect โด้ยเลื่ อกอ อบเจ็ คที่��ต�องการู คลื่#กเมน� Modify > Timeline Effects > Edit Effect

o สามารูถลื่บ Effect โด้ยเลื่ อกอ อบเจ็ คที่��ต�องการู คลื่#กเมน� Modify > Timeline Effects > Remove Effect

Frame-by-Frame Animation Tween Animation

o Motion Tweeno Shape Tween

สามารูถแสด้งงานที่��สรู�างข$%นโด้ยคลื่#กเมน� Control > Test Movie

Page 3: Animation

เป็�นรู�ป็แบบการูเคลื่ �อนไหวที่��โป็รูแกรูมได้�เตรู�ยมไว�ให�แลื่�ว

Page 4: Animation

เป็�นการูก อป็ป็&อ อบเจ็ คมาวางเรู�ยงก'นเป็�นลื่'กษณะตารูาง แต+จ็ะไม+ม�การูเคลื่ �อนไหวใช้�ค-าส'�ง Insert->Timeline Effect->Assistants->Copy to Grid

Grid Size / ROWS จ็-านวนแถวของอ อบเจ็ คGird Size / COLUMNS จ็-านวนคอลื่'มน.ของอ อบเจ็ คGrid Space / ROWS รูะยะห+างรูะหว+างอ อบเจ็ คในแต+ลื่ะแถวGrid Space / COLUMNS รูะยะห+างรูะหว+างอ อบเจ็ คในแต+ลื่ะ

คอลื่'มน.

Page 5: Animation

แสด้งการูเคลื่ �อนไหวโด้ยค+อยๆ แสด้งอ อบเจ็ คที่��ได้�ก อบป็&มาวางไว�ด้�านหลื่'งอ อบเจ็ คต�นฉบ'บ

ใช้�ค-าส'�ง Insert->Timeline Effect->Assistants->Distributed Duplicate

Number of Copies จ็-านวนอ อบเจ็ คที่'%งหมด้ที่��ต�องการูแสด้งOffset Distance X รูะยะห+างของอ อบเจ็ คแต+ลื่ะช้#%นในแนวนอนOffset Distance Y รูะยะห+างของอ อบเจ็ คแต+ลื่ะช้#%นในแนวต'%งOffset Rotation ก-าหนด้องศาให�อ อบเจ็ คแต+ลื่ะช้#%นหม2นOffset Start Frame จ็-านวนเฟรูมที่��ป็รูากฏในแต+ลื่ะรู�ป็ ถ�าก-าหนด้

เป็�นศ�นย.ภาพจ็ะไม+เคลื่ �อนไหว ถ�าก-าหนด้จ็-านวนมากจ็ะที่-าให�การูเคลื่ �อนไหวช้�าลื่ง

Exponential รู�ป็แบบการูเพ#�ม-ลื่ด้ขนาด้

Page 6: Animation

Scale ป็รู'บขนาด้อ อบเจ็ คChange Color ม�การูไลื่+โที่นส�Final Color ส�ที่��ค+อยๆ เป็ลื่��ยนไป็Final Alpha ความโป็รู+งใสไป็ย'งอ อบเจ็ คช้#%นส2ด้ที่�าย

Page 7: Animation

ที่-าให�อ อบเจ็ คค+อยๆ เบลื่อแลื่ะจ็างลื่งเรู �อยๆ ใช้�ค-าส'�ง Insert->Timeline Effect->Effects-

>BlurEffect Duration จ็-านวนเฟรูมในการูแสด้งภาพเคลื่ �อนไหวResolution จ็-านวนอ อบเจ็ คที่��แสด้งให�เห นจ็'งหวะของการูเบลื่อScale ขนาด้ของอ อบเจ็ คโด้ยเป็รู�ยบเที่�ยบเป็�นจ็-านวนเที่+าAllow Horizontal Blur ก-าหนด้ให�เบลื่อตามแนวนอนAllow Vertical Blur ก-าหนด้ให�เบลื่อตามแนวต'%งDirection of Movement ก-าหนด้ที่#ศที่างการูเบลื่อโด้ยคลื่#กป็28ม

ลื่�กศรู

Page 8: Animation

สรู�างเงาให�ก'บอ อบเจ็ ค แต+จ็ะไม+ม�การูเคลื่ �อนไหว ใช้�ค-าส'�ง Insert->Timeline Effect->Effects-

>Drop ShadowColor ส�ของเงาAlpha Transparency ความโป็รู+งใสของเงาShadow Offset X รูะยะห+างของเงาในแนวนอนShadow Offset Y รูะยะห+างของเงาในแนวต'%ง

Page 9: Animation

ใช้�ย+อ-ขยายอ อบเจ็ ค ม'กน-ามาใช้�ก'บข�อความ ใช้�ค-าส'�ง Insert->Timeline Effect->Effects-

>ExpandEffect Duration จ็-านวนเฟรูมในการูแสด้งภาพเคลื่ �อนไหวExpand/Squeeze/Both เลื่ อกรู�ป็แบบการูขยายข$%น/ย+อลื่ง/ย+อแลื่�ว

ขยายDirection of Movement ก-าหนด้ที่#ศที่างการูย+อ-ขยายShift Group Center by X ย�ายต-าแหน+งตรูงกลื่างในแนวนอนShift Group Center by Y ย�ายต-าแหน+งตรูงกลื่างในแนวต'%งFragment Offset รูะยะห+างของอ อบเจ็ คที่��ขยายออกหรู อย+อเข�าChange Fragment Size by HEIGHT เป็ลื่��ยนแป็ลื่งขนาด้ความ

ส�งขณะย+อ-ขยายChange Fragment Size by WIDTH เป็ลื่��ยนแป็ลื่งขนาด้ความ

กว�างขณะย+อ-ขยาย

Page 10: Animation

ใช้�ที่-าให�อ อบเจ็ คแตกกรูะจ็ายออก ใช้�ค-าส'�ง Insert->Timeline Effect->Effects-

>ExpandEffect Duration จ็-านวนเฟรูมที่��ใช้�แสด้งภาพเคลื่ �อนไหวDirection of Explosion ที่#ศที่างการูแตกกรูะจ็ายArc Size X ความโค�งของการูกรูะจ็ายในแนวนอนArc Size Y ความโค�งของการูกรูะจ็ายในแนวต'%งRotate Fragments องศาการูหม2นChange Fragments Size by X เป็ลื่��ยนขนาด้ความกว�างChange Fragments Size by Y เป็ลื่��ยนขนาด้ความส�งFinal Alpha ก-าหนด้ความโป็รู+งใสไป็ย'งอ อบเจ็ คช้#%นส2ด้ที่�าย

Page 11: Animation

ใช้�ส-าหรู'บเคลื่ �อนย�ายอ อบเจ็ ค พรู�อมก'บการูเป็ลื่��ยนแป็ลื่งต+างๆ ของอ อบเจ็ ค

ใช้�ค-าส'�ง Insert->Timeline Effect->Transform/Transition->Transform

Effect Duration จ็-านวนเฟรูมที่��ใช้�ในการูแสด้งภาพเคลื่ �อนไหวChange Position by/Move to Position ต-าแหน+งการู

เคลื่ �อนที่��Scale ป็รู'บเป็ลื่��ยนขนาด้Rotate or Spin องศาการูหม2น หรู อจ็-านวนรูอบในการูหม2นTimes ที่#ศที่างการูหม2นChange Color ก-าหนด้ให�ม�การูเป็ลื่��ยนส�ขณะเคลื่ �อนที่��Final Color ก-าหนด้ส�ไป็ย'งอ อบเจ็ คช้#%นส2ด้ที่�ายFinal Alpha ก-าหนด้ความโป็รู+งใสไป็ย'งอ อบเจ็ คช้#%นส2ด้ที่�ายMotion Ease จ็'งหวะการูเคลื่ �อนที่�� ต' %งค+าเป็�นลื่บจ็ะเคลื่ �อนที่��จ็ากช้�า

ไป็เรู ว ต'%งค+าเป็�นบวกจ็ะเคลื่ �อนที่��จ็ากเรู วไป็ช้�า

Page 12: Animation

ใช้�ส-าหรู'บการูเคลื่ �อนไหวโด้ยให�ค+อยๆ หายไป็ หรู อค+อยๆ ช้'ด้ข$%น

ใช้�ค-าส'�ง Insert->Timeline Effect->Transform/Transition->Transition

Effect Duration จ็-านวนเฟรูมในการูแสด้งภาพเคลื่ �อนไหวIn/Out การูป็รูากฏแบบจ็างแลื่�วค+อยช้'ด้ข$%น หรู อช้'ด้แลื่�วค+อยจ็างลื่งFade ก-าหนด้ให�เป็ลื่��ยนแบบการูจ็างWipe ก-าหนด้ให�เป็ลื่��ยนแบบค+อยๆ หายไป็Motion Ease จ็'งหวะการูเคลื่ �อนที่��

Page 13: Animation
Page 14: Animation

เป็�นการูสรู�างภาพเคลื่ �อนไหวจ็ากภาพน#�งหลื่ายเฟรูมเรู�ยงต+อก'น

โด้ยการูก-าหนด้ค�ย.เฟรูม (Key Frame) ข$%น โด้ยคลื่#กขวาในเฟรูมที่��ต�องการู แลื่�วเลื่ อก Insert Keyframe หรู อกด้ป็28ม F7 โด้ยแต+ลื่ะค�ย.เฟรูมจ็ะม�ภาพที่��แตกต+างก'น

สามารูถหน+วงเวลื่าการูแสด้งภาพในค�ย.เฟรูม โด้ยสรู�างเฟรูมต+อที่�ายค�ย.เฟรูมน'%น โด้ยการูคลื่#กขวาในเฟรูมที่��ต�องการู แลื่�วเลื่ อก Insert Frame หรู อกด้ป็28ม F5

สามารูถลื่บเฟรูมที่��สรู�างข$%น โด้ยคลื่#กขวาในเฟรูมที่��ต�องการู แลื่�วเลื่ อก Remove Frames

Keyframe Frame

Page 15: Animation
Page 16: Animation

เป็�นการูเคลื่ �อนที่��ของภาพจ็ากจ็2ด้หน$�งไป็ย'งอ�กจ็2ด้หน$�ง หรู อเป็ลื่��ยนค2ณสมบ'ต#จ็ากแบบหน$�งเป็�นอ�กแบบหน$�ง

การูสรู�าง Motion Tweeno ก-าหนด้ค�ย.เฟรูมแรูกซึ่$�งม�ภาพในต-าแหน+งเรู#�มต�นo ก-าหนด้อ�กเฟรูมหน$�งให�เป็�นค�ย.เฟรูมถ'ด้มา แลื่�วที่-าการูเป็ลื่��ยน

ต-าแหน+งหรู อเป็ลื่��ยนค2ณสมบ'ต#ของภาพน'%นo คลื่#กขวาในเฟรูมที่��อย�+รูะหว+างค�ย.เฟรูมแรูกแลื่ะค�ย.เฟรูมถ'ด้มา

แลื่�วเลื่ อก Create Motion Tween จ็ะป็รูากฏเส�นลื่�กศรูรูะหว+างค�ย.เฟรูมน'%น

Page 17: Animation

สามารูถป็รู'บแต+งค2ณสมบ'ต#ของอ อบเจ็ คเพ �อให�อ อบเจ็ คม�ค2ณสมบ'ต#เป็ลื่��ยนไป็ขณะเคลื่ �อนไหว

โด้ยที่-าการูคลื่#กเฟรูมรูะหว+างการูเคลื่ �อนไหว จ็ะป็รูากฏ Property Inspector ต'%งค+า

Scale เลื่ อกเพ �อให�ขนาด้อ อบเจ็ คเลื่ กหรู อใหญ่+ให�ส'มพ'นธ์.ก'บจ็'งหวะการูเคลื่ �อนที่��

Ease จ็'งหวะในการูเคลื่ �อนที่�� Edit ป็รู'บจ็'งหวะการูเคลื่ �อนที่��จ็ากเส�นพาธ์ Rotate หม2นอ อบเจ็ ค แลื่ะรูะบ2จ็-านวนรูอบในการูหม2น

Page 18: Animation

สามารูถก-าหนด้ให�อ อบเจ็ คเคลื่ �อนที่��ในเส�นที่างที่��ต�องการูได้� หลื่'งจ็ากที่��สรู�าง Motion Tween แลื่�ว สามารูถสรู�าง

Motion Path ด้'งน�%o ให�คลื่#กที่��ค�ย.เฟรูมแรูกo คลื่#กป็28ม Edit Multiple Frames แลื่�วเลื่ �อน End

Onion Skin ให�ครูอบคลื่2มที่2กเฟรูมที่��เคลื่ �อนไหวo คลื่#กป็28ม Add Motion Guide โด้ยเลื่เยอรู. Motion

Guide จ็ะต�องอย�+เหน อเลื่เยอรู.อ อบเจ็ คo ใช้�เครู �องม อ Pen หรู อ Pencil วางเส�นที่างการูเคลื่ �อนที่��o คลื่#กที่��ค�ย.เฟรูมแรูก จ็'ด้ให�จ็2ด้กลื่างอ อบเจ็ คตรูงก'บจ็2ด้เรู#�มต�น

ของเส�นที่าง แลื่ะคลื่#กที่��ค�ย.เฟรูมที่��สอง จ็'ด้ให�จ็2ด้กลื่างอ อบเจ็ คตรูงก'บจ็2ด้ส#%นส2ด้ของเส�นที่าง

Page 19: Animation

เป็�นการูเป็ลื่��ยนแป็ลื่งจ็ากรู�ป็รู+างหน$�งไป็อ�กรู�ป็รู+างหน$�ง อ อบเจ็ คที่��สามารูถเคลื่ �อนไหวแบบน�%จ็ะเป็�นอ อบเจ็ คพ %นฐานที่��วาด้ข$%น หรู อ

หากเป็�นอ อบเจ็ คกลื่2+มจ็ะต�องแยกส+วน (Break Apart) ก+อน โด้ยคลื่#กที่��เมน� Modify > Break Apart

หากอ อบเจ็ คน'%นเป็�นข�อความต�องที่-าการู Break Apart 2 ครู'%ง การูสรู�าง Shape Tween

o สรู�างค�ย.เฟรูมเรู#�มต�น แลื่ะสรู�างอ อบเจ็ คo คลื่#กที่��ค�ย.เฟรูมเรู#�มต�น ก-าหนด้ Tween ที่�� Property Inspector

เป็�น Shapeo สรู�างค�ย.เฟรูมถ'ด้มา แลื่ะสรู�างอ อบเจ็ คส#%นส2ด้o คลื่#กที่��ค�ย.เฟรูมที่��สอง แลื่�วลื่บอ อบเจ็ คเรู#�มต�นออก

ป็รู'บรู�ป็แบบรูะหว+างการูเป็ลื่��ยนแป็ลื่งo Ease ก-าหนด้จ็'งหวะในการูเคลื่ �อนที่��o Blend ก-าหนด้รู�ป็ที่รูงการูเป็ลื่��ยนแป็ลื่ง ให�เป็ลื่��ยนอย+างรูาบเรู�ยบ

(Distributive) หรู อให�คงม2มหรู อเส�นตรูงไว� (Angular)

Page 20: Animation

สามารูถมองภาพเลื่เยอรู.ลื่+างโด้ยผ่+านจ็ากการูเจ็าะที่ะลื่2อ อบเจ็ คในเลื่เยอรู.บนที่��ก-าลื่'งเคลื่ �อนที่��อย�+โด้ยใช้�เที่คน#ค Mark Layer

โด้ยสรู�างเลื่เยอรู.ลื่+างให�เป็�นพ %นหลื่'ง แลื่ะสรู�างเลื่เยอรู.บนที่-าการูเคลื่ �อนที่��แบบ Motion Tween บนพ %นหลื่'ง

จ็ากน'%นคลื่#กขวาที่��เลื่เยอรู.บน เลื่ อก Mask