Chapter 4 : Animation (ภาพเคลื่อนไหว)

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
แสดงให้คุณ SLIDEPLAYER.IN.TH
Advertisements

การใส่ลูกเล่นให้กับงานนำเสนอ
รูปแบบของ Windows Movie Maker
บทเรียนคอมพิวเตอร์แบบมัลติมีเดีย
นักศึกษาทุกคน วิชา การประยุกต์ใช้คอมพิวเตอร์ทางการแพทย์
Mr.Ukrit Marang Chapter 1 : Multimedia Mr.Ukrit Marang Multimedia Chapter 1.
Chapter 3 : Still Image (ภาพนิ่ง)
Chapter 6 : Video.
Chapter5:Sound (เสียง)
Chapter 2 : Character and Fonts
การแปลงขนาดไฟล์รูปภาพ เทคนิคสำคัญ!!!
….E-Book สนุกสนาน…..
การเขียน STORYBOARD STORYBOARD.
หลักการจัดทำสตอรี่บอร์ดสื่อมัลติมีเดีย
องค์ประกอบของมัลติมีเดีย
นายชะเวรินทร์ อินสุวรรณ เลขที่ 12 ม.5/4
แบบทดสอบหน่วยที่ 1 เทคโนโลยีสื่อประสม
องค์ประกอบ และ ประโยชน์ของมัลติมีเดีย
มัลติมีเดีย (Multimedia)
การผลิตบทเรียนช่วยสอน (CAI)
การใช้งาน VCD CUTTER4.04.
กราฟิกสำหรับเว็บไซต์
โดยการใช้ Layer และ Timeline
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
สื่อและสิ่งอำนวยความสะดวกในการฝึกอบรม
Creating Effective Web Pages
การนำเสนอสื่อประสม.
Multimedia และระบบความจริงเสมือน Virtual Reality, VR
1.2 สื่อและหลักการนำเสนอข้อมูล
วีดิทัศน์กับสื่ออิเล็กทรอนิกส์อื่น นักวิชาการโสตทัศนศึกษา
ศูนย์บรรณสารและสื่อการศึกษา มหาวิทยาลัยแม่ฟ้าหลวง
3D modeling การสร้างแบบจำลอง 3 มิติ
การประยุกต์ ใช้งานมัลติมีเดีย
ซอฟต์แวร์คอมพิวเตอร์ในการวิเคราะห์โครงสร้าง
การสร้างภาพเคลื่อนไหว
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
โปรแกรม SwishMAX.
Computer Graphics Image Processing 1.
บทที่ 2 ประเภทของงานกราฟิกส์
Principle of Graphic Design
รู้จักกับTimeline, Layer และ Scene รู้จักกับTimeline, Layer และ Scene
เครื่องใช้ไฟฟ้าประเภท Notebook
รู้จักกับชนิดของภาพกราฟิกบนเว็บ
การสร้างสื่อมัลติมีเดียด้วยโปรแกรม iSpring Presenter Master Edition
การเขียนแบบเสนอหัวข้อโครงงาน
Background / Story Board / Character
Animation (ภาพเคลื่อนไหว)
ความรู้เบื้องต้นเกี่ยวกับการสร้างภาพเคลื่อนไหว
ประเภทของแอนิเมชั่นใน Flash
ซอฟต์แวร์ที่สนใจ Adobe ImageReady.
การสร้างภาพเคลื่อนไหวด้วย
รายวิชา คอมพิวเตอร์กราฟิก
นางสาวเบญจมาศ รัตน์พิทักษ์
. ในเว็บเพจนั้นมีเพียง 3 ชนิด ซึ่งเว็บบราวเซอร์ส่วน ใหญ่จะสนับสนุนฟอร์แมตของรูปภาพ GIF, JPG, PNG.
ความหมายของแอนิเมชัน
การถ่ายวีดีโอ.
BSRU Animation STUDIOS
โหมดสี ใน Photoshop เรื่องของสีมีความสำคัญอย่างมากในการใช้งานโปรแกรม Photoshop เพราะจะมีผลกับภาพที่เราต้องการปรับแต่งโดยตรง เราสามารถกำหนดโหมดสีใน รูปแบบต่างๆ.
นางสาวพัชรี เทพกัน รหัส
หน่วยส่งออก หน่วยส่งออก คือ ผลลัพธ์ที่ได้จากการประมวลผลของคอมพิวเตอร์ ซึ่งอาจจะอยู่ในรูปของ อักขระ ข้อความ รูปภาพ เสียง หรือภาพเคลื่อนไหว ซึ่งคอมพิวเตอร์จะแสดงผลลัพธ์ผ่านอุปกรณ์ของหน่วย.
คุณสมบัติของไฟล์วิดีโอ
เสริมเว็บให้ดูสวย.
โดยใช้โปรแกรม Macromedia flash 8
ADDIE Model.
บทที่ 9 ซอฟต์แวร์ประยุกต์บนเครือข่ายอินเตอร์เน็ต
เรื่อง การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาการใช้โปรแกรมกราฟิก
การส่งเสริมความสามารถด้านไวยากรณ์ภาษาอังกฤษ
วิทยุโทรทัศน์ในประเทศไทย ช่วงปี History in of Television in Thailand.
บทที่ 9 แอนิเมชั่น Animation อ.ชนิดา เรืองศิริวัฒนกุล
Animation update.
ใบสำเนางานนำเสนอ:

Chapter 4 : Animation (ภาพเคลื่อนไหว)

Animation การทำให้วัตถุใดๆเกิดการเคลื่อนที่ด้วยรูปแบบต่างๆกันบนจอภาพเช่นรถแล่นไปบนถนน แมลงคลาน การเคลื่อนที่ด้วยรูปแบบต่างๆ

Animation ในปัจจุบัน การ์ตูน animation ภาพยนตร์ animation

หลักการของการทำ Animation อาศัยหลักการทสงชีววิทยาที่เรียกว่า “ความต่อเนื่องของการมองเห็น” การทำให้วัตถุเคลื่อนในความเร็วระดับหนึ่ง จนตาคนเรามองเห็น ภาพแต่ละภาพที่นำมาทำ animation เรียกว่า frame TV 30 frame/second Movie 24 frame/second

วิธีการสร้าง Animation Frame by Frame Tween Animation Action Script

Frame by Frame นำภาพมาใส่ไว้ในเฟรม ทำการกำหนด Key Frame Key frame=frame ที่ถูกกำหนดให้มีการเปลี่ยนแปลงของวัตถุเพื่อสร้างการเคลื่อนไหว การกำหนดคีย์เฟรมที่มีช่องว่างห่างกัน ภาพที่เปลี่ยนแปลงอาจกระตุกได้ เหมาะกับภาพที่มีการเปลี่ยนแปลงอย่างรวดเร็วและซับซ้อน

Sample Frame 1 Frame 2 Frame 3 Frame 4

Tween Animation เป็นการสร้างภาพโดยกำหนดคีย์เฟรมเริ่มต้นและคีย์เฟรมสุดท้ายแล้วปล่อยให้โปรแกรมสร้างความเปลี่ยนระหว่างเฟรมโดยอัตโนมัติ มี 2 แบบ Motion Tween:เคลื่อนไหวโดยรูปทรงวัตถุไม่เปลี่ยนแปลง Shape Tween:เคลื่อนไหว โดยรูปทรงวัตถุเปลี่ยนแปลง ไปเป็นอีกรูปหนึ่ง ไฟล์มีขนาดเล็ก การเคลื่อนไหวนุ่มนวลมากกว่า Frame by Frame

Sample Motion Tween Shape Tween

Action Script เป็นภาษาโปรแกรมที่นำใช้เพิ่มประสิทธิภาพการทำงาน สามารถทำการตอบโต้กับผู้ใช้ได้(Interactive) Action script ถูกนำมาใช้เมื่อมีการกระทำเกิดขึ้น(Event)

เทคนิคการสร้าง Aimation กำหนดการเคลื่อนไหวที่ต้องการให้หมด animation ที่สับซ้อน ควรเขียน Script ช่วยในการเคลื่อนไหว เพิ่มเทคนิคพิเศษด้านต่างและเสียงใส่เข้าไป Cel animation เป็นแผ่นใสสำหรับวาดภาพ สเก็ตภาพแล้วลงสี Computer Animation คล้ายกับ Cel คือสร้างภาพเป็นเฟรมให้แตกต่างกัน แล้วกำหนดคีย์เฟรมใช้วิธีการ Tween animation

Cel animation

Computer Animation

Morphing

Animation 2D&3D Maya Macromedia Flash

Capture Animation and Image Sequence เตรียมภาพสำหรับสร้าง Animation ใช้ Video Camara ร่วมกับเทคนิดการสร้างภาพจากโปรแกรม จัดเก็บและแสดงผลเป็นภาพวีดีโอแบบ AVI(*.avi) การสร้างด้วย Cel animation แล้ว Scan แต่ละเฟรม จัดลำดับภาพให้ต่อเนื่อง แล้วแปลงเป็น video animation

Animation File Format GIF(Graphics Interlace File) ได้รับความนิยม ไฟล์มีขนาดเล็ก ใช้ภาพนิ่งทำลำดับภาพให้ต่อเนื่องกัน ใช้ 256 สี ไม่สนับสนุนการใช้เสียงประกอบ

Animation File Format JPG(Jonit Photographer’s Expert Group) ไฟล์ภาพใช้งานบนเครือข่าย มีความละเอียดสูง(24 bit) สามารถกำหนดระดับการบีบอัดได้(1-10) เพื่อให้ได้ไฟล์มีขนาดเล็ก ไม่สามารถทำพื้นโปร่งใสได้ การส่งภาพผ่านผ่านเครือข่ายทำได้ช้ามาก เพราะต้องเสียเวลาในการคลายภาพ

Animation File Format PNG(Portable Network Graphics) ไฟล์ภาพทำให้โปร่งใสได้ สนับสนุนความละเอียด 16 bit,32 bit และ 24 bit ระบบแสดงผลจากความละเอียดน้อยแล้วค่อยๆขยายความคมชัด สามารถกำหนดระดับการบีบอัดเพื่อให้ได้ไฟล์มีขนาดเล็ก Browser รุ่นเก่าจะใช้ไม่ได้ต้อง IE 4 หรือ Netscape 4 ขึ้นไป

Software Flash Player Flash Shockwave Macromedia director TrueSpace SWISH etc...

Animation on network “เป็นการช่วยดึงดูดความสนใจของการนำเสนอ แต่ต้องระวังเรื่องขนาดของไฟล์และเทคโนโลยีการบีบอัดข้อมูล”

งานด้าน Animation ด้านภาพยนตร์โทรทัศน์ ด้านพัฒนาเกมส์ ด้านสถาปัตยกรรมสิ่งก่อสร้าง ด้านออกแบบวัสดุ อุปกรณ์ ด้านวิทยาศาสตร์ ด้านการพัฒนาเว็บไซต์