วันพุธที่ 25 เมษายน พ.ศ. 2555

Learning Object Animate Design

TITLE : Funny English With Frank / Spell Number

Pre-production
Concept
ในสังคมโลกปัจจุบัน การเรียนรู้ภาษาต่างประเทศมีความสำคัญและจำเป็นอย่างยิ่งในชีวิตประจำวัน เนื่องจากเป็นเครื่องมือสำคัญในการติดต่อสื่อสาร การศึกษา การแสวงหาความรู้  และใช้ภาษาต่างประเทศเพื่อการสื่อสารได้ รวมทั้งเข้าถึงองค์ความรู้ต่างๆ ได้ง่ายและกว้างขึ้นภาษาต่างประเทศที่เป็นสาระการเรียนรู้พื้นฐาน กำหนดให้เรียนตลอดหลักสูตรแกนกลางการศึกษาขั้นพื้นฐาน คือ ภาษาอังกฤษ
ซึ่งเด็กอายุ 6-7 ปี อยู่ในระดับชั้นประถมปีที่ 1 เป็นวัยที่สามารถแยกเสียง พยัญชนะ สระ วรรณยุกต์ คำวรรคตอน เป็นต้น ฝึกให้มีมารยาทในการฟัง สามารถตอบคำถามได้ถูกต้อง ปฏิบัติตามคำสั่งและคำ แนะนำได้ถูกต้อง มีสมาธิและเข้าใจในการฟังคำอธิบายต่าง ๆ รวมทั้งฟังเรื่องราว หรือนิทานและติดตามเนื้อเรื่องตามลำดับ จึงเป็นวัยที่เหมาะกับการเรียนรู้ทักษะภาษาอังกฤษ ผู้จัดทำจึงได้ทำสื่อการสอนในด้าน
ความรู้พื้นฐานที่เด็กต้องรู้ ออกมาในรูปแบบการ์ตูน Animatiom 2D เพื่อดึงดูดความสนใจของเด็กให้รู้สึกอยากรู้อยากเห็น เพราะการ์ตูนจะมีสีสันที่เด็กชอบ

PLAN
     วัตถุประสงค์ที่สร้างงาน Animation 2D นี้ขึ้นมาเพื่อเป็นสื่อการเรียนการสอนบนคอมพิวเตอร์พกพา (Taplet) ให้กับเด็กชั้นประถมศึกษาปีที่ 1
     เป้าหมายเพื่อให้เด็กชั้นประถมศึกษาปีที่ 1 ได้ศึกษาการสะกดและท่องจำตัว
เลขเป็นภาษาอังกฤษตั้งแต่ 1-10 ได้


ขั้นตอนการทำงาน
     เนื่องด้วย Animation นี้เป็นสื่อการเรียนการสอนให้กับเด็ก จึงได้สร้างเนื้อเรื่องในลักษณะครูสอนนักเรียน ครูใน Animation นี้ จะมี Charactor เป็นลิง ส่วนในเรื่องของฉาก จะเป็นฉากที่อยู่ในโรงเรียน บริเวณห้องเรียนและมีเพลงประกอบการสอน เพื่อความสนุกสนานและไม่น่าเบื่อ
     1.สร้างเนื่อเรื่อง  
     2.สร้าง Character ด้วย Sofe Were (Adobe Illustrator)
     3.สร้างฉาก ด้วย Sofe Were (Adobe Illustrator)
     4.สร้าง StoryBoard
     5.บันทึกเสียงพาษย์ หา Sound, Sound Effact
     6.นำ Character และฉากไปทำ Animation 2D ด้วย Sofe Were 
       (Adobe Flash) โดยแบ่งเป็น Scene
     7.ตัดต่อ Sound และ Vocal ด้วย Sofe Were (WavePad Sound Editor)
     8.นำ Animation Sound และ Vocal ที่ได้ ไปตัต่อ ด้วย Sofe Were 
       (Camtasia Studio 7)


Story

   ณ โรงเรียนแห่งหนึ่งที่อยู่ท่ามกลางธรรมชาติ ซึ้งภายในโรงเรียนนั้นมีลิงอยู่ตัวหนึ่ง เป็นลิงสอนวิชาภาษาอังกฤษและลองตัวนั้นก็มีชื่อว่า Mr.Frank เป็นครูสอนภาษาอังกฤษให้กับเด็กชั้นประถมศึกษาปีที่1 
วันนี้ก็เป็นอีกวันหนึ่งที่ Mr.Frank ต้องเดินไปสอนเด็กๆที่ห้องประถมศึกษาปีที่ 1 เมื่อเดินไปถึงห้อง Mr.Frank ก็ได้กล่าวทักทายกับเด็กๆและเริ่มเรียนการสะกดตัวเลขเป็นภาษาอังกฤษ หลังจากนั้น Mr.Frank กลัวเด็กๆจะเบื่อในการเรียนจึงช่วยกันร้องเพลง ด้วยจังหว่ะสนุกสนาน เมื่อจบเพลง Mr.Frank ก็บอกลาเด็กๆ


Script



TITLE : ขนาดภาพ Medium Shot
     ลิงใส่เสื้อสีฟ้า กางเกงสีดำ เดินลากตัวอักษรภาษาอังกฤษที่เป็นคำว่า “MONNISA” เมื่อลากตัวอักษรไปหยุดที่กลางภาพแล้ว ลิงก็วิ่งกลับไปที่ช่องว่างในคำ ซึ่งเป็นที่ของตัวไอแล้วหันตัวอักษรไอให้เข้าที่ แล้วภาพก็ค่อยๆหายไป กลายเป็นกระดานสีเขียว ที่มีตัวชอล์กค่อยๆเขียนเป็นคำว่า “Funny English With Frank”


SCENE 1 : ขนาดภาพ Long Shot
     Mr.Frank เดินมาตามทางเดินของโรงเรียน เพื่อไปที่ห้องเรียนชั้นประถมศึกษาปีที่ 1 มีเสียงเดินและเสียงเพลงทำนองการ์ตูนสนุกๆดังไปพร้อมๆกันการเดินของMr.Frank เขาเดินไปเรื่อยๆจนถึงหน้าห้องชั้นประถมศึกษาปีที่ 1


SCENE 2 : ขนาดภาพ Long Shot
     Mr.Frank เดินเข้าห้องเรียนจากทางด้านขวาของภาพ เพื่อเอาหนังสือ How to Spell English ไปว่าที่ โต็ะของเขา มีเสียงเดินและเสียงเพลงทำนองการ์ตูนสนุกๆดังไปพร้อมๆกันการเดินของ Mr.Frank


SCENE 3 : ขนาดภาพ Long Shot
     Mr.Frank ยืนอยู่หน้ากระดานกลางห้องเรียน พูดทักทาย แล้วเริ่มสอนการสะกดตัวเลข โดยMr.Frank ถือกระดาษสีขาวและมีตัวอักษรปรากฎขึ้นตามเสียงที่ Mr.Frank สะกด ไล่ไปจนครบจำนวน1-10เมื่อครบ Mr.Frank ก็ชวนร้องเพลงสนุกๆ 


SCENE 4 : ขนาดภาพ Medium Shot
     Mr.Frank ร้องเพลง นับตัวเลข 1-10 และยกนิ้วขึ้นมานัยตามจังหวะเพลง 


The End : ขนาดภาพ Medium Shot
     เป็นภาพกระดานสีเขียว มีร่องรอยของการใช้งาน แล้วค่อยๆขึ้น Cradit ให้กับผู้ที่เกี่ยวข้อง ใช้เพลงการ์ตูแนวสนุกสนานประกอบ
  
SKETCH
Character Sketch


Story Board Sketch 1
Story Board Sketch2



Character จาก Illustrator
Walk Cycle จาก Illustrator


Story Board ที่สร้างจาก โปรแกรม Illustrator
Production
 Animation 2D


        ในการสร้าง Animation 2D ใน Project นี้ ข้าพเจ้าได้ใช้ Soft Wereที่มีชื่อว่า Adobe Flash เป็นโปรแกรมที่ได้รับความนิยมมากในหมู่นักสร้างงานมัลติมีเดีย เพราะสามารถสร้างภาพเคลื่อนไหวที่สมบูรณ์แบบทั้งภาพและเสียง ไฟล์งานที่ได้มีขนาดเล็ก เหมาะสำหรับนำไปเผยแพร่ผลงานผ่านเว็บบราวเซอร์ต่างๆ
     
        ขั้นตอนการสร้างงาน Animation 2D จากโปรแกรม Flash
1.กำหนดเลเยอร์ Background เป็นเฟรมภาพนิ่ง
2.กำหนดเลเยอร์ของ Character ให้ไปอยู่ LIBRARY ที่ละส่วน
3.กำหนดคีย์เฟรมหลักที่ใช้ในการเคลื่อนที่ของ Character
5.ทดสอบผลที่ได้
6.Export ไฟล์เป็น mov.


ภาพ Animation จาก โปรแกรม Flash
Sound & Vocal

คลื่นเสียงใน Soft Were WavePad เป็นคลื่นเสียงประเภท Vocal หรือเสียงพากย์


คลื่นเสียงใน Soft Were WavePad เป็นคลื่นเสียงประเภท Sound Effect


คลื่นเสียงใน Soft Were WavePad เป็นคลื่นเสียงประเภท Sound

Post-production
          นำไฟล์วิดีโอ ซาวด์และเสียงพาษก์ที่ได้ ไปทำการตัดต่อ โดยใช้ Soft Were ที่มีชื่อว่า Camtasia Studio 7
         Camtasia Studio 7 เป็นโปรแกรมสร้างสื่อมัลติมีเดียที่ใช้ตัดต่อได้ทั้งภาพ เสียง สามารถใส่ Effect ได้ และยังสามารถบันทึกการทำงานบนหน้าจอคอมพิวเตอร์ของเราได้ด้วย
   
         ขั้นตอนการตัดต่อ
1.เปิดโปรแกรมนำไฟล์ที่เตรียมไปใส่ไว้ใน Clip Bin
2.นำไฟล์จาก Clip Bin ลากไปใส่ใน Timeline
3.ตัดต่อตามต้องการ
4.ทดสอบผลที่ได้
5.Produce and Share

โปรแกรม Camtasia Studio 7

การเตรียมไฟล์

ภาพการตัดต่อจาก โปรแกรม Camtasia Studio 7


ภาพการ Export และ Share ไฟล์ ที่สามารถเลือกได้หลากหลาย

ผลงาน

TITLE


Lip Sing

ผลงานจาก Learning Object Animate Design : TITLE : Funny English With Frank

ISSUU

งานที่อัพโหลดลง Youtube



งานที่อัพโหลดลงทรูปลูกปัญญา