Re : How to 2D animation

by Xano Mon 30 Nov 2009 - 17:58

เนื่องจากจะกลับมาทำอนิเมะอีกครั้ง เลยทำ how to คร่าวๆไว้ก่อน
โปรแกรมที่จะต้องใช้ มี SAI , Image Ready (ถ้าไม่มีก็เอามาประยุกต์ใช้ได้)

1.กำหนดขนาด 2400x1200 dpi 1200
Re : How to 2D animation How-to-anime_1

2.เทสีที่ไม่ใช่สีขาว แต่เป็นสีอ่อนๆ (ผมใช้สีเทา)
Re : How to 2D animation Howtoanime_2

3.เลือก Canvas > Change size เพิ่มส่วนสูงจาก 1200 เป็น 1800 ซึ่งการเพิ่มพิ้นที่จะช่วยวาดได้ไม่เสียสมดุล
Re : How to 2D animation Howtoanime_3

4.วาดโครงร่างลงไป
Re : How to 2D animation Howtoanime_4

5.สร้างโฟลเอร์ "1" สร้างเลเยอร์ใน "1" แล้วตัดเส้นจากโครงร่างเป็นเฟรมแรก
Re : How to 2D animation Howtoanime_5

6.ปรับ opacity ของ "1" ให้จางลง(10%-20%) จากนั้นสร้างโฟลเดอร์ "3" ที่เป็นเฟรมหลัง
Re : How to 2D animation Howtoanime_6

7.วาดส่วนที่คิดว่าจะเคลื่อนไหว โดยวาดการขยับของเฟรมสุดท้ายจากเฟรมแรก (วาดใน "3")
Re : How to 2D animation Howtoanime_7

8.สร้างเลเยอร์นำหน้า "1" ใช้สีอะไรก็ได้เช่นสีขาว ทาส่วนที่เป็นของ "1" ปิดทับส่วนที่ขัดกับ "3" จนรู้สึกว่าส่วน "3" ประกอบกับส่วน "1"ดังรูป
Re : How to 2D animation Howtoanime_8

9.ปรับ opacity ของ "1" ให้เท่าเดิม
Re : How to 2D animation Howtoanime_9

10.ทำการก็อบเลเยอร์ที่เป็นลายเส้นใน "1" แล้วนำอันที่ก็อบมาใส่ใน "3"
Re : How to 2D animation Howtoanime_10

11.กด Ctrl ค้างไว้ แล้วคลิ๊กเลเยอร์ที่เทสีขาวลงไป จากนั้น คลิ๊กเลือกอันที่ก็อบมาขาก "1" แล้วกด "D" เป็นการลบส่วนที่ขัดกับ "3" แต่ถ้ามีส่วนขาดๆหายๆ ก็วาดเติมลงไป
Re : How to 2D animation Howtoanime_11

12.ได้ทั้งเฟรมแรกกับเฟรมสุดท้ายแล้ว
Re : How to 2D animation How-to-anime_12-13

13.สร้างโฟลเดอร์ "2" ให้อยู่ระหว่าง "3" กับ "1" แล้วปรับ opacity ให้ "1" เป็น 10%-20% ส่วน "3" เป็น 30%-50% แล้วสร้างเลเยอร์ใน "2" แล้ววาดให้เส้นของ "2" เป็นเส้นระหว่าง "1" กับ "3" จากนั้น ก็อบเลเยอร์จาก "1" แล้วทำแบบ "3"
Re : How to 2D animation Howtoanime_14

14.เซฟไฟล์เป็น PSD
Re : How to 2D animation Howtoanime_15

ต่อไปจะทำการถอดออกมาเป็น gif ถ้าใครยังไม่มี Image Ready แต่อยากถอด gif ก็ดูของคนนี้ได้
http://ctstudio.all-up.com/forum-f8/topic-t806.htm
15.เข้า Image Ready ปรับความสูงจาก 1800 เป็น 1200
Re : How to 2D animation Howtoanime_16

16.ปรับขนาดภาพให้เหลือ 20%-30% (ผมเอา 25%)
Re : How to 2D animation Howtoanime_18

17.คลิ๊กตรงวงที่มีสามเหลี่ยมตามรูปภาพ เลือก New Frame
Re : How to 2D animation Howtoanime_20

18.เมื่อได้เฟรมใหม่ เปลี่ยน Layer จาก 1 เป็น 2 ตามรูปภาพ จากนั้นก็กำกับการเคลื่อนไหวจนกว่าจะพอใจ (เช่น ผมกำกับเป็น 1-2-3-2)
Re : How to 2D animation Howtoanime_21

19.คลิ๊กตรงใต้สีเหลี่ยมตามรูปภาพ เป็นการกำหนดความนานของเฟรม (ผมเลือก 0.2) ถ้าจะเลือกเป็นกลุ่ม คลิ๊กเลือกอันต้นๆ กด shift ค้างไว้และคลิ๊กอันปลายๆ
Re : How to 2D animation Howtoanime_22

20.เลือก File > Save Optimized As
Re : How to 2D animation Howtoanime_23

งานจะถูกถอดมาเป็น gif
Re : How to 2D animation Howtoanime_25

ต่อไปเป็นการลงแสงเงาสำหรับอนิเมะ กลับไปที่ SAI
21.สร้างเลเยอร์ใหม่ "S1(ถ้าเป็นของ 2 ก็ S2)" ลากเส้นแบ่งทั้งแสง เงา รอยต่างๆ โดยที่เห็นอยู่นี่ก็ สีแดง=เส้นเงา สีน้ำเงิน=เส้นแสง สีเขียน=รอยฟอกช้ำ
Re : How to 2D animation Howtoanime_26

22.สร้างเลเยอร์แสงเงาอีกอัน เปิดเลเยอร์เป็นเฟรมสุดท้าย "3" แต่จะวาดเส้นแสงเงาตรงส่วนที่จะเคลื่อนไหวเท่านั้น และเวลาวาดแสงเงา ให้เปิดดู "1" ควบคู่กับไปด้วย
Re : How to 2D animation Howtoanime_27

23.สร้างเลเยอร์แสงเงาของ "2" ลากให้อยู่ระหว่าง "1" กับ "3"
Re : How to 2D animation Howtoanime_28

นำไปทำเป็น gif อีกทีดู
Re : How to 2D animation Howtoanime_29

ต่อไปก็ลงสี
24.สร้างโฟลเดอร์ "C" ใน "1" สร้างเลเยอร์อีกในนั้นและลงสีพื้น
Re : How to 2D animation Howtoanime_30

25.เปิดเลเยอร์แสงเงาของ "1"(S1)
Re : How to 2D animation Howtoanime_31

26.ลงแสงเงารวมทั้งรอยฟกช้ำจากเลเยอร์แสงเงา S1 (จะลองเทสีดูก็ได้ ถ้าเทแล้วมันรั่วก็ระบายปิดรอยรั่ว)
Re : How to 2D animation Howtoanime_32

27.ก็อบส่วนสีของ "1"(C) และเอาไปใส่กับ "3" จากนั้น เป็นเลเยอร์ "3" แล้วแก้สี(เลเยอร์สีทั้งหมด)ให้ตรงกับเลเยอร์เส้นของ "3" และเลเยอร์แสงเงาของ "3" ส่วนของ "2" ก็ทำแบบเดียวกับ "3"
Re : How to 2D animation Howtoanime_33