38
เทคนิคและขั้นตอน การสร้างงานภาพเคลื่อนไหว FLASH CARTOON ANIMATION

Flash Animate

  • Upload
    monozone

  • View
    23.027

  • Download
    1

Embed Size (px)

DESCRIPTION

หลักการทำการ์ตูนแอนิเมชั่นใน Flash

Citation preview

Page 1: Flash Animate

เทคนิคและขั้นตอนการสร้างงานภาพเคลื่อนไหว

FLASH CARTOON ANIMATION

Page 2: Flash Animate

โดยวิทยากร

สาธิต เอี่ยมจิตต์email : [email protected]

Page 3: Flash Animate

วัตถุประสงค์1. เข้าใจหลักการสร้างงานแอนิเมชั่นได้อย่างถูกต้อง

2. เพิ่มสิทธิภาพในการวางโครงเรื่องอย่างเป็นระบบและ น่าสนใจ

3. เพื่อเพิ่มทักษะ และเทคนิคการสร้างงานจากโปรแกรมแฟลชได้อย่างสวยงาม

Page 4: Flash Animate

ความหมายของการ์ตูนแอนิเมชัน“แอนิเมชั่น” (Animation) มาจากคำภาษาลาติน ว่า “Anima” แปลว่า วิญญาณ หรือลมหายใจ

Page 5: Flash Animate

ขั้นตอนหลักในการสร้างแอนิเมชัน หลักๆ แบ่งได้เป็น 3 ขั้นตอน

1.ขั้นตอนก่อนการผลิต (Pre – Production)

2.ขั้นตอนการผลิต (Production)

3.ขั้นตอนหลังการผลิต (Post – Production)

Page 6: Flash Animate

1.ขั้นตอนก่อนการผลิต (Pre – Production)

คือ การเตรียมงาน หาข้อมูล วางแผนงาน เตรียมเรื่องราว ที่สำคัญคือ การเขียน Storyboard ก่อนจะลงมือทำ

ตัวอย่าง Storyboard

Page 7: Flash Animate

2.ขั้นตอนการผลิต (Production)

คือ ขั้นตอนที่ต้องลงมือทำงานต่อจาก Storyboard ที่ได้เตรียมไว้ จนได้งานแอนิเมชั่นออกมาเกือบสมบูรณ์

Page 8: Flash Animate

3.ขั้นตอนหลังการผลิต (Post-Production)

คือ ขั้นตอนเก็บรายละเอียด เช่นตัดต่อภาพ ตกแต่งเสียงประกอบ Sound effect เพี่อให้งานแอนิเมชั่นออกมา

สมบูรณ์อย่างที่ต้องการ

Page 9: Flash Animate

Story Develop เริ่มคิดเนื้อเรื่อง

เป็นเรื่องที่เกิดจากแรงบันดาลใจ

เป็นเรื่องใกล้ๆ ตัว ในชีวิตประจำวัน

เป็นเรื่องที่อยู่ในกระแสปัจจุบัน

เป็นเรื่องที่คาดไม่ถึง ให้แง่คิด

Page 10: Flash Animate

สิ่งที่ควรพิจารณาในการออกแบบเนื้อเรื่อง

จะสื่อสารแบบไหน

ใครคือผู้ชมของเรา

อะไรสร้างความประทับใจ

อะไรจะสร้างความขบขัน

อะไรทำให้ผู้ชมรู้สึกเบื่อ

Page 11: Flash Animate

รูปแบบและสไตล์การเล่าเรื่องแบ่งออกเป็น

★แนวสืบสวน★แนวไซไฟ วิทยาศาสตร์★แนวตลก ขบขัน★แนวแฟนตาซี★แนวชีวิต (Drama)★แนวรักหวานซึ้ง (Romance)★แนวAction บู๊ล้างผลาญ★แนวผจญภัย★แนวลึกลับ★แนวสยองขวัญ★แนวประวัติศาสตร์

Page 12: Flash Animate

โครงเรื่องและการแบ่งส่วนเนื้อหาของเรื่อง

แบ่งได้เป็น 3 ส่วนใหญ่ๆ

1.การเปิดเรื่อง2.การดำเนินเรื่อง

3.การปิดเรื่อง

Page 13: Flash Animate

จิตวิทยาของเส้น

ในการออกแบบ

Page 14: Flash Animate

การใช้เส้นนอนให้ความรู้สึกกว้าง สงบ

อย่างเช่นเส้นขอบฟ้า เส้นถนน

Page 15: Flash Animate

การใช้เส้นหยัก ฟันปลาให้ความรู้สึกอันตราย แหลมคมอย่างเช่น ฟันแหลมของสัตว์ร้าย

Page 16: Flash Animate

การใช้เส้นโค้งให้ความรู้สึกเคลื่อนไหวหรือให้ความนุ่มนวล

Page 17: Flash Animate

การใช้เส้นหนาเพื่อเน้น เพื่อเพิ่มแรงจูงใจ

Page 18: Flash Animate

จิตวิทยาของสี

ในการออกแบบ

Page 19: Flash Animate

สงบผ่อนคลายเย็น

สว่างเร้าร้อนฉูดฉาด

งอกงามพักผ่อนสดชื่น

ลึกลับมีเลศนัย

Page 20: Flash Animate

เศร้าหดหู่ทึบ

บริสุทธิ์สะอาดใหม่

ส่วางสดใสระวัง

เก่าหนักสงบ

Page 21: Flash Animate

ให้ความรู้สึกอบอุ่น ร้อนแรง สนุกสนาน

สีวรรณะ ร้อน

Page 22: Flash Animate

ให้ความรู้สึกสดชื่น เย็นสบาย สงบ

สีวรรณะ เย็น

Page 23: Flash Animate

Character Design & Casting

การออกแบบตัวละคร

Page 24: Flash Animate

7 ARCHETYPE•พระเอก นางเอก•อาจารย์ ผู้รู้ ผู้แนะนำ•เพื่อนพระเอก เพื่อนนางเอก•สัตว์ประหลาด•ตัวอิจฉา (ด้านด ีหรือร้ายก็ได้)•ตัวตลก•ตัวร้าย จอมมาร

Page 25: Flash Animate

1.ตีโจทย์ให้แตก หาเอกลักษณ์ให้ได้2.สร้างและออกแบบข้อมูลของตัวละคร3.วาด วาด วาด วาด4.เตรียมตัวละคร ในส่วนต่างๆ ของร่างกาย

ขั้นตอนการออกแบบตัวละคร

Page 26: Flash Animate

5. สร้างตัวละครตามอารมณ์ต่างๆ และด้านหน้า ด้านข้าง ด้านหลัง

ขั้นตอนการออกแบบตัวละคร

Page 27: Flash Animate

Storyboardเพื่อช่วยการทำแอนิเมชั่น

Page 28: Flash Animate
Page 29: Flash Animate

Field of Viewขนาดของภาพ ใช้กำหนดอารมณ์

บรรยาการ การเล่าเรื่อง

Page 30: Flash Animate

ภาพไกลมาก (EXS)ใช้เปิดเรื่อง บอกสถานที ่บรรยากาศ สิ่งแวดล้อม

EXTREME LONG SHOT

Page 31: Flash Animate

ภาพไกล(LS)เห็นภาพโดยรวม ว่าใครทำอะไร ที่ไหน เมื่อไหร่

มีความสัมพันธ์กับใคร กับอะไรบ้าง

LONG SHOT

Page 32: Flash Animate

ภาพปานกลาง(MS)เห็นภาพโดยรวมบุคคล ครึ่งตัวเห็นรายละเอียดของละคร

MEDIUM SHOT

Page 33: Flash Animate

ภาพระยะใกล้ (CU)แสดงภาพใบหน้าของตัวละคร ในขณะนั้น

เพื่อให้ทราบถึงอารมณ์ได้ชัดเจน เศร้า สุข ยิ้ม

CLOSE UP

Page 34: Flash Animate

ภาพระยะใกล้พิเศษ (ECU)แสดงภาพใบหน้าบางส่วนของตัวละคร ในขณะนั้น

เพื่อให้ทราบถึงอารมณ์ไดอย่างใกล้ชิด

EXTREME CLOSE UP

Page 35: Flash Animate

Camera การใช้กล้องเคลื่อนที่เพื่อการเล่าเรื่อง

Page 36: Flash Animate

การใช้กล้องเคลื่อนที่เพื่อการเล่าเรื่อง

การ Pan กล้องการ Tilt กล้องการ Truck กล้อง

Page 37: Flash Animate

WorkShop มาลองทำกันจริงๆ สักหน่อยดีกว่า

Page 38: Flash Animate