animation

28

Upload: wanmai-niyom

Post on 24-Oct-2015

88 views

Category:

Documents


3 download

DESCRIPTION

This file is telling about basic of animation in Thai language.

TRANSCRIPT

Page 1: Animation
Page 2: Animation

Multimedia Component ?

องคประกอบมลตมเดย

Page 3: Animation

แอนเมชน หรอ ภาพเคลอนไหว เปนการท าใหวตถใดๆ เกดการเคลอนทดวยรปแบบตางๆ กน บนจอภาพ เชน รถแลนไปบนถนน แมลงคลานออกมาจากกองดน การเคลอนทของอวยวะสวนตางๆ และลมพดใบไมไหว อะนเมชนอาศยปรากฎการณทางชววทยาทเรยกวา “ความตอเนองของการมองเหน” รวมกบการท าใหวตถมการเคลอนท ทความเรวระดบหนง จนตาของเรามองเหนวาวตถนนมการเคลอนไหว เชน คนเดน รถวง เปนตน

ความหมายของ “แอนเมชน”

แอนเมชน

Page 4: Animation

ประเภทของแอนเมชน

องคประกอบของมลตมเดยมดงตอไปน

1. Traditional Animation

หมายถง การสรางอะนเมชนโดยใชเครองมอธรรมดา ยงไมมการใชคอมพวเตอรชวยในการสรางเทคนค

องคประกอบมลตมเดย

2. Digital computer Animation

หมายถง การสรางงานอนเมชนดวยระบบดจตอล โดยใช โปรแกรมกราฟฟคตางๆ ทง 2 มต และ 3 มต

Page 5: Animation

อะนเมชนอาศย ปรากฎการณทางชววทยา ทเรยกวา “ความตอเนองของการมองเหน” รวมกบ การท าใหวตถมการเคลอนททความเรวระดบหนง จนตาของเรามองเหนวาวตถนนมการเคลอนไหว เชน การหมนของสญลกษณดงรปท 1.1 แสดงใหเหนวา เมอเปลยนภาพไปเรองๆ ตามล าดบดวย ความเรวทเหมาะสม จะมองเหนลกศรหมนไปตามเสนรอบวง(ภาพแตละภาพทน ามาท า อะนเมชนเรยกวา “เฟรม (Freme)”

แอนเมชน

หลกการของอะนเมชน

Page 6: Animation

2.วธการสรางอะนเมชน

วธการสรางอะนเมชนอาจท าไดหลายวธ ทงนขนอยกบเครองมอตามแตความเหมาะสมการใชงาน อยางไรกตาม โดยทวไปวธการทมกนยมน ามาใชงาน ไดแก 2.1 แบบเฟรมตอเฟรม (Fram by Frame) 2.2 แบบทวนอะนเมชน (Tween Animation) 2.3 แบบเอคชนสครปต (Action Script) โดยมรายละเอยด ดงน

Page 7: Animation

2.1 เฟรมตอเฟรม (Frame by Frame)

เฟรมตอเฟรม เปนการน าภาพมาใสไวในแตละเฟรมและท าการก าหนดคยเฟรม (คยเฟรม คอ เฟรมทถกก าหนดใหมการเปลยนแปลง ของวตถเพอสรางเพอสรางการเคลอนไหว) ถาก าหนดใหคย เฟรมมชองวาหางกนเกนไป การเปลยนแปลงของภาพทปรากฎ ออกมาจากเฟรมหนงกจะชาลง ทงน ภาพทปรากฎจะเกดอาการกระตกได ทงน เนองจากไฟลมขนาดใหญขนตามจ านวนชองคยเฟรม นนเอง ดงนน การสรางเคลอนไหวแบบ Frame by Frame จงเหมาะส าหรบภาพอะนเมชนทมการเปลยนแปลงแบบรวดเรว หรองานทซบซอนมากๆ

Page 8: Animation

Tween (ทวน) ยอมาจากค าวา Between ซงแปลวา “ระหวาง” ดงนนการสรางภาพแบบ Tween จงเปนการก าหนดคยเฟรม เรมตนและคยเฟรมสดทาย จากนนกปลอยใหโปรแกรมสรางความเปลยนแปลงระหวางเฟรมโดยอตโนมต กลาวตอ การสรางภาพเคลอนไหวแบบ Tween จะสรางเฟรม เพยงสองเฟรม คอ เฟรมเรมตนและเฟรมสดทาย สามารถแบงออกไดเปน 2 ประเภท คอ

2.2 ทวนอะนเมชน (Tween Animation)

Page 9: Animation

Motion Tween หรอ Motion Path

เปนการเคลอนไหวทมการก าหนดการเคลอนท หมน ยอ หรอขยายไปตามเสนทวาดไว โดยท รปทรงของวตถไมมการเปลยนแปลง นอกจากน Motion Tween ยงเปนรปแบบการสรางภาพเคลอนไหวทนยมใชมากทสด Shape Tween เปนการสรางภาพเคลอนไหวทมการเปลยนแปลงรปทรงของวตถ จากรปทรงหนงไปเปนอก รปทรงหนงโดยสามารถก าหนด ต าแหนง ขนาด ทศทาง และสของวตถในแตละชวงเวลาตามความ ตองการ นยมใชกบรปวาดเทานน

การสรางภาพเคลอนไหวแบบ Tween ชวยท าใหไฟลมขนาดเลกลง และมการเคลอนไหวทมความนมนวลมากกวาแบบ Frame by Frame

องคประกอบมลตมเดย

Page 10: Animation

2.3 เอคชนสครปต (ActionScript)

ActionScript เปนภาษาโปรแกรมทน ามาใชเพอประสทธภาพในการท างานของระบบ และสามารถโตตอบ (Interactive) กบผใชงานไดโดย ActionScript จะถกน ามาใชเมอมการกระท าเกดขน ซงเรยกวา “เหตการณ (Event)” เชนการคลกเมาส หรอการกดคยบอรด เปนตน โดยจะน า ActionScript มาใชโตตอบกบ Event นน เชนค าสงใหแสดง Movie เปนตน ActionScript ไมสนบสนนออบเจกตบางตวทระบอยบน Browser เชนDocument, Window, Anchor เปนตน

องคประกอบมลตมเดย

Page 11: Animation

ค าวา “เซล (Cel)” มาจากค าวา “เซลลลอยด (Celluloid)” เปนแผนใสส าหรบวาดภาพในแตละ เฟรม ซงในปจจบนเปลยนมา ใชแผนพลาสตก (Acetate) แทนแลว สวนเซลของการตนยอดนยมหลาย เรองกลบกลายมาเปนของสะสมทมราคา เทคนคการสราง อะนเมชนแบบน หนนใหวอลทดสนยมชอเสยงขนมาจากการผลตภาพยนตการตน (แสดงภาพดวยความเรว 24 เฟรมตอวนาท) ซงสามารถ แสดงความแตกตางของภาพไดมากกวา 1.440 เฟรม โดยไมซ าทาทาง ตวอยางเชน ภาพรางของคนเดนผานจอภาพ โดยมการแสดงทาทางการเดนตางๆ อยางตอเนอง เชน การกาวราว เทาเดน การแกวงมอ และการขยบศรษะ เปนตน ดงนน หากตองการสเกตชภาพคน เดนในแตละเฟรม สามารถแสดงไดดงรป

เซลอะนเมชน (Cel Animation)

Page 12: Animation
Page 13: Animation

เนนการเรยนรลกษณะกรยาทาทาง และการเคลอนไหวของโครงสรางสวนทมการเชอมตอกน เชน ทาทางการเดนของมนษย ซงจะตองท าการค านวณต าแหนง (Position) จดหมน (Rotation) ความเรว (Speed) และความเรง (Acceleration) ของการเคลอนทของขอตอตางๆ ภายในรางกายมนษย เชน การงอเขา สายสะโพก แกวงไหล ผงกศรษะ เปนตน

คนเมตก (Kinematic)

Page 14: Animation

เปนเทคนคพเศษทใชในการเปลยนแปลงภาพใหกลายเปนวตถ ชนดอนทแตกตางกนออกไป โดยจะใชเทคนคนไดทงภาพนง และ อะนเมชน แตบางครงการใชงานเทคนคนกบอะนเมชนจะใหงานทม คณภาพดกวา ตวอยางโปรแกรมทท างานในลกษณะน เชน Avid’s Elastic Reality,Black Belt’sWinlmages, Gryphon Software’s Morph,Human Software’s Squizz,Ulead’s

MorphStudio, Jasc Paint Shop Pro cut Morph Man เปนตน

มอรฟฟง (Morphing)

Page 15: Animation
Page 16: Animation

แอนเมชน 2D หมายถง การสรางงานแอนเมชน 2 มต คอ กวาง x ยาว หรอ เกดจาก

แกน x (แนวนอน) และ y (แนวตง) ซงโปรแกรมทใชในการสรางแอนเมชน เชน Macromedia Flash, Macromedia Director, Moho เปนตน และอาจจะใชโปรแกรมอนๆ ประกอบ เชน วาดตวละครในโปรแกรม Adobe Illustrator กอนแลวจงน าเขามาท าใหตวละครเคลอนไหวใน Flash เปนตน

แอนเมชน 2D, 3D แตกกตางกนอยางไร

Page 17: Animation

หมายถง การสรางงานแอนเมชน 3 มต คอ กวาง x ยาว x ลก หรอเกดจากแกน x (แนวนอน) y (แนวตง) และ z (แนวลก) ซงโปรแกรมทใชในการสราง เชน 3Ds Max, Maya, Ligthwave, poser เปนตน ซงการสรางงานแอนเมชน 3D นน ตองใชฮารทแวรทมความประสทธภาพสง และมการดเรนเดอรงานกราฟก 3D ดวย และขนตอนในการสรางคอนขางจะยงยาก ซบซอน โดยเรมจาก storyboad (การเขยนเรองราวและวาดออกมาเปนฉาก) Modeling (การขนรปรางหนาตาตวละคร, Shading (การใสพนผว ความมนวาว เปนตน), Animation (การก าหนดใหตวละครเคลอนไหว แสดงสหนา ทาทาง), Ligth & Camera (การก าหนดแสงและมมกลอง), Rendering (การน าเอางานมาประมวลและน าออกเปน ไฟลรปแบบตาง เชน avi, png, taga เปนตน, Composite (การตดตอ และใสเสยงเอฟเฟกตเพอใหภาพยนตรแอนเมชนสมบรณ) ซงคอนขางจะยงยากและซบซอน

แอนเมชน 3D

Page 18: Animation

เสยง เปนปฐมสอทอยคกบมนษยตงแตเกด เดกใชเสยงในการสอกบพอแม หวกรองไห ปวดฉกรองไห เพอเปนการสอกบพอแม และยงใชเปนสอหลกในการสอสารกบผพการทางสายตา

เสยง เปนองคประกอบส าคญของมลตมเดย ซงจดอยในรปของสญญาณดจตอล สามารถเลนซ ากลบไปมาไดโดยใชโปรแกรมทออกแบบมา โดยเฉพาะการใชเสยง จงหวะ ความดง เพอใหเราใจ และสอดคลองกบเนอหาในการน าเสนอ จะท าใหมลตมเดยนาสนใจ และสามารถสอกบผใชไดอยางบรรลวตถประสงค

Sound (เสยง)

Page 19: Animation

เปนหนวยวดความดงของเสยง เชน (เดซเบล) (ชนดของเสยง) 0 เสยงทแผวเบาทสดทหมนษยไดยน 30 เสยงกระซบหรอเสยงในหองสมดทเงยบสงด 60 เสยงพดคยตามผกต เสยงจกรเยบผา หรอเสยงเครองพมพดด

Decibel

Page 20: Animation

หมายถง จ านวนรอบการแกวงของคลนเสยงในหนงวนาท ซงเปนหนวยวด

ความถของเสยง โดยสามารถแสดงระดบความดงและชนดของเสยงได เชน FM 103.5 เมกะเฮรท

Hertz : Hz (เฮรท)

Page 21: Animation

MIDI คอ ขอมลทแสดงถงลกษณะเสยงทแทนเครองดนตรชนดตางๆ ซงเปนมาตรฐานในการสอสารดานเสยงทไดรบการพฒนามาตงแตป ค.ศ. 1980 ส าหรบใชกบเครองดนตรอเลกทรอนกสและคอมพวเตอร เชน สรางเสยงตามตวโนต เสมอนการเลนของเครองดนตรนนๆ

MIDI

Page 22: Animation

เสยงแบบดจตอล (Digital Audio) คอ สญญาณเสยงทสงผานมาจากไมโครโฟน เครองสงเคราะหเสยง เครองเลนเทป หรอจากแหลงก าเนดเสยงตางๆ ทงจากธรรมชาต และทสรางขน แลวน าขอมลทไดแปลงเปนสญญาณดจตอล ซงขอมลดจตอลจะถกสมใหอยในรปแบบของบต และไบต โดยเรยกอตราการสมขอมลทไดมา เรยกวา “Sampling Rate” และจ านวนของขอมลทไดเรยกวา “Sampling Size”

Digital Audio

Page 23: Animation

Mp3 (MPEG 1 Audio Layer 3) ซงพฒนามาจาก MPEG-1: เปนเทคโนโลยการบบอดขอมลเสยง รปแบบทนยมน ามาใช โดยจะมอดตราการบบอดขอมลประมาณ 10 : 1 ถอวาเปนการบบอดทมคณภาพสง ซงไดรบความนยมสงสดในปจจบนในการบบอดไฟลทเปนเสยงและเพลง แตยงมขอเสยตรงคณภาพในการแสดงผลอาจไมดมากนก

Mp3

Page 24: Animation

Movie คอ ภาพเคลอนไหว (ภาพยนตร) ทเกดจากการฉายแสงผานฟลม แลวเกดภาพทจอ video คอ ภาพเคลอนไหว (ภาพยนตร) ทเกดจากการเอาสญญานไฟฟา มาสรางเปนภาพบนจอ crt หรอจอ lcd หรอจอ plasma หรอจอ projectorVideo คอภาพเคลอนไหว (ภาพยนตร) ทเกดจากการเอาสญญานไฟฟา มาสรางเปนภาพบนจอ crt หรอจอ lcd หรอจอ plasma หรอจอ projector หรอบนทกลงแถบแมเหลกดงทเหนบนตลบเทปทวไปเชน มวน VHS Hi-8, miniDV เปนตน

ความหมายของ Movie / Video

Page 25: Animation

MPEG ยอมาจาก Motion Picture Experts Group ซง MPEG เปนกลมของคณะกรรมการทท างานภายใตองคการมาตรฐาน ISO (International Standards Organization) เพอสรางมาตรฐานส าหรบการบบอดขอมลวดโอและออดโอแบบดจตอล (digital data compression)

AVI (Audio / Video Interleave) เปนฟอรแมตทพฒนาโดยบรษทไมโครซอฟต เรยกวา Video for Windows มนามสกลเปน .avi ปจจบนมโปรแกรมแสดงผลตดตงมาพรอมกบชด Microsoft Windows คอ Windows Media Player

MPEG & AVI

Page 26: Animation

NTSC เปนหนวยงานทรบผดชอบในการตงมาตรฐานทเกยวกบโทรทศนและวดโอในสหรฐอเมรกา โดย มาตรฐานนเปนการเขารหสขอมลแบบสญญาณอเลกทรอนกส มาตรฐาน NTSC ก าหนดใหสรางภาพดวยเสนใน แนวนอน 525 เสนตอเฟรม ในอตรา 30 เฟรมตอวนาท มส 16 ลานส ทแตกตางกนและอตรารเฟรช (Refresh Rate) เปน 60 Halt – Frame (Interlaced) ตอวนาท

National Television System Committee (NTSC)

Page 27: Animation

PAL เปนมาตรฐานของโทรทศนและวดโอทนยมใชกนในประเทศแถบยโรป องกฤษ ออสเตรเลย อฟรกาใต และรวมถงประเทศไทยดวย เปนการสรางภาพจากเสนแนวนอน 625 เสนตอเฟรม ดวยอตรา 25 เฟรมตอวนาทและท าการแสดงภาพดวยว Interlacing เชนกน แตจะแสดงภาพในอตรารเฟรช 50 Halt – Frame ตอวนาท

Phase Alternatr Line (PAL)

Page 28: Animation

ปกตขนาดจอภาพของคอมพวเตอรจะใชอตราสวน 4 : 3 เทากบจอภาพโทรทศน แตการสรางภาพดวยเสนใน แนวนอนจะใช 480 เสนไมเทากบจอภาพโทรทศน และอตราการรเฟรชเปน66.67 Hz หรอมากกวา เมอสงสญญาณทมขนาดใหญกวาขนาดจอภาพโทรทศน ขอบของจอภาพจะขยายเรยบไปตามขอบโคงของขนาดจอภาพ โทรทศน (Overscan) โดยตรงขามกบขนาดจอคอมพวเตอร ซงจะแสดงภาพทมขนาดเลกกวาภาพบนจอโทรทศน (Underscan) ดงนนเมอแปลงภาพจากคอมพวเตอรไปแสดงผลบนจอโทรทศน ขนาดของภาพจะไมเตมจอภาพโทรทศน นอกจากนการแสดงสของจอคอมพวเตอรจะใชองคประกอบส RGB (แดง เขยว น าเงน) ดวยการสรางภาพเปนดจตอลวดโอทมความชดเจนมากกวาจอโทรทศนทจะตองท าการแปลงสญญาณภาพเปนอนาลอกวดโอ เพอแสดงผลออกมาทางจอภาพ ดงนนเมอจะสรางมลตมเดยดวยคอมพวเตอรจะตองแสดงภาพดวยองคประกอบส RGB หรอแปลงสญญาณกอนทจะแสดงผลบนจอภาพโทรทศน เชน เกมสเพลยสเตชน และ VCD เปนตน

ความแตกตางระหวางคอมพวเตอรวดโอและโทรทศนวดโอ