โหลดโหดเล็กน้อย ไม่ว่ากันเนอะ *3*
 
 
 
 
------------- ---------- ---------------- -------------------
 
โอยย~~ ช่วงนี้อัพถี่ ฮ่า ๆ 
 
อาจจะเพราะรู้ว่าพอเปิดเทอมไปจะไม่ถี่อย่างงี้แน่เลยขออัพจนหนำใจก่อน
 
(มันต้องหมดมุกอัพในอีกไม่นานแน่ ๆ เลย)
 
 
 
 
 
 
อยู่ดี ๆ ก็มีความอยากอัพ how to animation ขึ้นมาค่ะ
 
จำได้ว่าเคยมีคนรีเควสอยู่หลายคน
 
แต่ช่วงนั้นยังตัน ๆ เลยขอปฏิเสธไป
 
 
 
วันนี้!! ลองทำ how to ดูแล้วนะ!!
 
ไม่รู้ว่าจะเวิร์ครึเปล่า เพราะเราเองก็อธิบายไม่ค่อยเก่ง ประกอบกับที่มั่วเอาซะส่วนใหญ่
 
 
 
 
 
เลยก่อนที่จะแปะฮาวทู ขอให้ทุกคนอ่านข้อตกลงนี้กันก่อน
 
 
 
 
1. เหมาะสำหรับคนที่มีพื้นฐานด้าน photoshop และ flash แล้วบ้างเล็กน้อย
 
เพราะเราไม่สามารถอธิบายให้ท่านเข้าใจได้ลึกซึ้งถึงแก่นโดยเฉพาะ flash
เราทำอนิเมนี้ เราจับ flash จริงจังครั้งแรกนะคะ!! (ก่อนหน้านั้นเคยมั่ว ๆ หลายปีมาแล้ว แล้วก็ไม่ไหว ก๊ากก)
 
เพราะฉะนั้น ถ้าไม่มีความรู้เรื่อง flash เลยล่ะก็
เปิด google หา tutorial โลดค่ะ แค่ให้รู้ว่าเพิ่ม frame ยังไงก็พอแล้ว
(เราเองก็รู้แค่นั้น ฮ่า ๆ สคริปต์อะไรไม่รู้เรื่องงง ทำ botton ยังไม่เป็นเลยอะ orz)
 
 
2. คอมเราไม่มี after effect , anime studio บลา ๆ ๆ 
มีแค่โฟโต้กับแฟลชนี่แหละ!!
 
 
3. ตอนที่เราทำ เราใช้วาดแล้วแสกน แต่จะวาดใน com เอาก็ได้นะ น่าจะง่ายกว่าเยอะ
คราวหน้าเราก็คงวาดใน com เอาแล้วแหละ (มั้ง)
 
 
 4.  ไม่มีความรู้ด้านทฤษฎีเลยจริง ๆ ใช้งมเอา
ถ้าผิดถูกยังไงก็ขอโทษด้วย เอาเป็นว่าเราทำมาแบบนี้อะนะ
 
 
 
5. อนิเมชั่นที่ว่าก็ไอ้นี่อะค่ะ
ทำออกมาได้ประมาณนี้ค่ะ ;w;
 
 
 
 
 
 
 
 
 
 
 
 
เอ้า HOW TO จ้า~!!
 
 
 
 
 
 
 
ก่อนอื่นก็วิธีวาด
 
 
เท่าที่เราอ่านมาแล้วเข้าใจนะ (ถ้าผิดยังไงก็ท้วงได้นะคะ)
 
 
 
เริ่มจากกำหนดภาพแรก กับ ภาพสุดท้ายของแอคชั่นนั้น (key frame begin กับ key frame end)
สมมตติว่ายกมือ
 
 
ภาพแรก                                            ภาพสุดท้าย
 
                  
 
 
 
จากนั้นก็ค่อยซอยภาพทำให้การเคลื่อนไหวดูลื่นขึ้น (in-between)
 
ถ้าเอาภาพมาเรียงกันก็คงออกมาประมาณนี้ค่ะ
 
 
(แต่ตอนเราทำเราไม่รู้อะ เล่นวาดต่อกันเลย ;[];
เพิ่งมารู้ทีหลัง โฮรวววว)
 
 
 
 
มาดูวิธีการวาดบ้าง
 
เราใช้ดราฟไฟแผ่นต่อแผ่นค่ะ
ใครที่วาดในคอมก็ใช้เพิ่ม layer เอาก็ได้ค่ะ
 
วาดรูปแรก
 
 
เอากระดาษอีกแผ่นมาทาบ แล้ววาดใหม่ให้มันขยับทีละนิด
 
 
 
แต่วิธีนี้ส่วนอื่นที่ไม่ขยับก็ต้องพยายามวาดให้เส้นไม่เปลี่ยนไปเลย
ซึ่งโคตรยาก(และกินพลัง)
ปรกติน่าจะเหมาะกับภาพที่ขยับทั้งตัวมากกว่า
 
ถ้าหากเรากำหนดอยู่แล้วว่าขยับแค่ส่วนนี้ ๆ นะ ก็ใช้วิธีต่อไปได้ค่ะ
 
สมมติว่าขยับแค่ปากกับแขน ก็วาดส่วนที่ไม่ขยับก่อน
 
 
แล้วค่อยใส่แขน กับ ปากลงไปในกระดาษแผ่นใหม่ (หรือ layer ใหม่)
 
 
ทีนี้เวลาจะให้ขยับ ก็วาดแค่ส่วนแขนกับปาก
 
 
 
 
วาดไปเรื่อย ๆ ๆ ๆ ๆ ๆ ๆ  จนมันเสร็จนั่นแหละค่า!!!!!! orz.....
 
(ตรูผ่านขั้นตอนนี้มาได้ไงฟะ...กินพลังเหลือหลาย)
 
 
 
 
 
จากนั้นก็ scan ภาพ เข้าไปในโฟโต้ชอป 
(ใครที่วาดในโฟโต้อยู่แล้วก็ผ่านขั้นตอนนี้ไปได้เลยค่ะ)
 
 
 
 
สมมติว่าในฉากนึงของเรามีภาพเคลื่อนไหวอยู่ยี่สิบภาพ
 
ก็เปิดทั้งยี่สิบภาพในไฟล์เดียวเลยค่ะ
(ภาพละเลเยอร์)
 
แล้วก็เรียงภาพให้มันตรงกัน (เวลาสแกนมันจะขยับซ้าย ขวา ขึ้น ลง นิดหน่อยค่ะ)
ปรับไฟล์ภาพเป็น multiply แล้วค่อย ๆ เรียงเอาก็ได้ค่ะ หาจุดที่มันไม่ขยับหรือขยับน้อยสุดทุกภาพ
 
 
 
ทีนี้พอเรียงเสร็จ ขอบของภาพมันจะไม่ค่อยตรงกันค่ะ
 
 
 
ให้ crop เอาค่ะ เอาเป็นว่าให้ขอบมันเท่ากันทุกภาพ ไม่งั้นขอบมันอาจจะหาย ๆ เกิน ๆ ได้ค่ะ
 
>>>
 
 
 
 
 
 
 
 
ในกรณีที่อยากใส่ background ลงในฉากด้วย
 
 
 สมมติแสกนมา ได้ภาพแบบนี้แล้วจะใช้แค่ตัวละคร
 
ให้ลบบริเวณนอกตัวละครออกให้หมดค่ะ
(ไม่งั้นก็มองไม่เป็น BG สิเนอะ)
 
สร้างเลเยอร์ใหม่ไว้ด้านล่างแล้วเทสีเทาเข้ม จะทำให้ลบง่ายขึ้นค่ะ
 
 
 
อยู่โรงเรียนเราเอาแต่นั่งลบอะ ;[]; แล้วตัดต่อเอาที่บ้าน
พออนิเมเสร็จ(ก่อนเพื่อนหลาย ๆ คน) เพื่อนมันแบบ "เฮ้ย เหมือนเราเห็นว่าแกเอาแต่นั่งลบ ๆ นะ ไหงเสร็จแล้วอะ!?!" (ฮา)
 
 
 
ลบเสร็จก็หน้าตาแบบเนี้ย~ 
พื้นหลังจะใส คราวที่ก็ใส่ BG ลงในเลเยอร์ล่างได้แล้วค่ะ
(หรือว่าจะใส่ BG ใน flash อีกทีก็ได้นะ ไว้บอกอีกทีด้านล่าง)
 
 
 
 
 
 
พอจัดภาพเสร็จปุ๊ปส่งไฟล์ต่อไปยัง  image ready เลยค่ะ
 
&n