Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

วิธีการทำการ์ตูน Animation

No description
by

Pisit Tardging

on 11 December 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of วิธีการทำการ์ตูน Animation

กดคำว่า Once แล้วเลือก Forever
เพื่อให้เฟรมเล่นได้ต่อเนื่องในช่วงเวลา Test
คลิกคำว่า "10 sec" แล้วเลือก 0.1 seconds เพื่อให้เฟรมแต่ละเฟรม เปลี่ยนด้วยเวลา 0.1 วินาที (10เฟรม/วินาที) ทำแบบนี้ทุกๆเฟรมที่ไม่ใช่ค่านี้
วิธีการทำการ์ตูน Animation
ในโครงการผลิตมิวสิควีดีโอเพลง UNTIL WE MEET AGAIN ของวง Singular
ในการทำการ์ตูนแอนิเมชั่น ในโครงการ
ศิลปนิพนธ์นี้ จำเป็นต้องใช้โปรแกรม
ทั้ง 3 โปรแกรม ดังนี้
Adobe Photoshop
สำหรับการสร้างภาพเคลื่อนไหว
Adobe After Effects
สำหรับรวมไฟล์ภาพเคลื่อนไหวเป็นไฟล์วีดีโอการ์ตูนแอนิเมชั่น
Adobe Premiere Pro
สำหรับรวมวีดีโอการ์ตูนแอนิเมชั่น,ตัดต่อ,ใส่เสียงเพลงเพื่อทำเป็น MV โดยสมบูรณ์
กระบวนการผลิตการ์ตูนแอนิเมชั่น
ในโปรแกรม Adobe Photoshop
1. ดู References จาก Storyboard ที่เขียนเอาไว้
(ในที่นี่จะใช้ Frame ของ Storyboard Frame ที่ 19)
2. เขียนเส้น
วางแผนว่าส่วนไหนของร่างกายให้ขยับ และเขียนส่วนนั้นประมาณ 3-5 เฟรม โดยขนาดงานอยู่ที่
1920x1080 พิกเซล (ขนาด HD 1080p)
ในที่นี้ได้วางแผนเอาไว้ว่า เฉพาะนิ้วโป้งเท่านั้น
ที่ขยับ จึงทำการ Copy เส้นดำอีก 2 เลเยอร์
และในแต่ละเลเยอร์จะเปลี่ยนตำแหน่งนิ้วโป้ง
สร้าง Group Sprite* ที่จะให้ขยับ Group จะประกอบด้วยเส้นและสีที่ลง
ลงสีตัวละครให้เรียบร้อย
โดยลงในตำแหน่งที่ไม่ขยับก่อน
*Sprite คือภาพที่แยกในแต่ละเฟรม
เพื่อนำมาร้อยเรียงเป็นภาพเคลื่อนไหว
ทีนี้ลงสีมือในแต่จะ Sprite ที่อยู่ในแต่ละ Group ให้ครบ หากลงสีครบ จะได้แบบนี้ (สังเกตตรงนิ้วโป้ง จะไม่เหมือนกัน) ยังไม่ต้องสนใจภาพในมือถือ
วิธีใส่โทรศัพท์มือถือ
ตามเนื้อหาจาก Pre Production ตัวละครผู้ชาย "ดุ๊กดิ๊ก" ใช้
โทรศัพท์มือถือ Lenovo K900 ในการติดต่อสื่อสาร และการ
ติดต่อสื่อสาร จะติดต่อผ่านโปรแกรม LINE จึงต้องทำการ Capture
หน้าแชทในแอพ LINE ในมือถือ Android ก่อนเป็นอันดับแรก
(ต้อง Capture หน้าจอในระหว่างที่เปิดเวอร์ชวลคีย์บอร์ด)
นำภาพ Screenshot ไปรีทัชรวมกับ Lenovo K900
เลเยอร์มือถือ ให้ใช้คำสั่ง Edit>Transform>Distort และปรับให้มือถือเป็นไปตามขนาดที่ตีกรอบเอาไว้
วางเลเยอร์มือถือให้อยู่
ข้างล่างเลเยอร์ Sprite มือ
ตอนนี้จะสร้างวีดีโอให้เคลื่อนไหวเฉพาะมือเท่านั้น โดยไม่เอาฉากหลัง (ฉากหลังเอาไว้ซ้อนกับโปรแกรม After Effects)
ให้ฉากหลังทำเป็นสีเขียวสด (R:0 G:255 B:0) เป็น
Green Screen
เปิด Palette Animation โดย
ไปที่ Windows>Animation
และทำให้ Interface เป็นแบบ Frame by Frame โดยการกดปุ่มตามที่กำหนด
New Frame ตามจำนวนที่กำหนดเอาไว้โดยการกดปุ่มกระดาษ อย่างในที่นี้ทำ 3 เฟรม ซ้ำกันเรื่อยๆไม่มีที่สิ้นสุดภายในเวลา 12 วินาที
เปิดตาเลเยอร์ Sprite ตามลำดัับเฟรม
เช่น เฟรมที่ 1 ให้เปิดตา Sprite ที่ 1 เฟรมที่ 2 เปิดตา Sprite ที่ 2 ตามลำดับ
ลาก Frame ทั้ง 3 ไปที่ News เพื่อก็อปปี้ Frame ที่ทำมาแล้ว
ทำเรื่อยๆจนครบ 120 Frame
เมื่อเพิ่ม Frame เสร็จเรียบร้อยแล้ว
ให้ไปที่ File>Export>Render Video
กด "Settings..." ตรง QuickTime Export
กด Settings... และเลือก H.264 แล้วกด OK จะย้อนมาที่หน้าต่าง Render ให้กดปุ่ม "Render"
จะได้ภาพเคลื่อนไหวเฉพาะตัวคาแรคเตอร์
วาดฉากหลังให้สอดคล้องกับที่คิดเอาไว้
และเซฟเป็นไฟล์ PNG (หรือ JPG)
ใน Scene นี้ต้องการให้กล้อง Pan จากซ้ายไปขวา จึงสร้าง Background ให้ยาวๆ
กระบวนการผลิตการ์ตูนแอนิเมชั่น
ในโปรแกรม Adobe After Effects
เมื่อเปิดโปรแกรมแล้ว กด New Composition
ให้ตั้งค่าตามนี้
Import ไฟล์วีดีโอคาแรคเตอร์ และฉากด้วยคำสั่ง
File > Import หรือกด Ctrl+I
ลากไฟล์ Video มาที่ Composition
ไปที่ Palette "Effects & Presets" เลือก Keying>Keylight 1.2
คลิกที่หลอดดูดสีอันบนสุด
แล้วคลิกที่พื้นสีเขียวของ Composition
ฉากเขียวจะหายไป และหากเอาฉากหลังใสแทนที่
สามารถซ้อนกันได้
Select ไฟล์ทั้งหมด ทั้งฉากหลังและวีดีโอคาแรคเตอร์
กดปุ่มนาฬิกาในตำแหน่ง Position เพื่อเริ่มกำหนดทิศทางการเคลื่อนไหว
ลากไฟล์ที่ Select เอาไว้ ให้อยู่ในตำแหน่ง
ชิดซ้ายสุดของไฟล์ Background
ลากเส้น Timeline มาที่ 07:00f
Select ไฟล์ทั้งหมด ลากจากซ้ายมาขวา
ลาก Work Area End มาที่ 07:00f
เพื่อให้วีดีโอนี้แสดงเพียงแค่ 7 วินาที
Export ไฟล์โดยกด Ctrl-M
แล้วกด Render
จะได้วีดีโอที่รวมภาพพื้นหลัง
และคาแรคเตอร์เข้าด้วยกัน
การรวมไฟล์วีดีโอเพื่อตัดต่อ
และรวมเพลงจะพูดถึง
ในคราวหน้านะครับ
Full transcript