โหลดโหดเล็กน้อย ไม่ว่ากันเนอะ *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 เลยค่ะ
 
 
 
 
แล้วก็นั่งเรียงภาพไปเรื่อย ๆ ให้เสร็จเลยค่ะ
 
 
 
วิีธีเพิ่ม slide ภาพก็ กดปุ่ม new layer ในส่วนของ slide 
แล้วก็ค่อยไปเปิดปิดภาพในส่วนของเลเยอร์ปรกติค่ะ
 
(เพราะฉะนั้นต้องเรียงลำดับเลเยอร์ใน photoshop ให้ดี ๆ ก่อน ไม่งั้นงงมากกก)
 
 
 
 
หรือบางทีจะเรียงพร้อมภาพ background เลยก็ได้นะคะ
 
 
 
 
เช็คให้แน่ใจว่าทุก slice เป็น 0 sec นะคะ (ใช้ปรับเวลาในแฟลชอีกทีค่ะ)
 
 

 
พอเสร็จแล้วก็เซฟภาพโลด ตามนี้เลยค่ะ
 
 
file > save optimized as...
เซฟภาพเป็น gif นะคะ
 
 
 
 
 
แล้วก็หมดเวรหมดกรรมกับโฟโ้ต้ช็อปกันซักที (ฮา)
 
 
 
 
 
ย้ายโปรแกรมไปที่ flash ค่ะ *3*
 
 
ก่อนอื่นก็ new file เลย
(action script 2.0 หรือ 3.0 หรืออะไรก็ช่างเถอะ อันนี้เราไม่รู้เรื่อง
แต่เคยอ่านหนังสือ flash เห็นเค้าแนะนำ 2.0 นะ
 
แน่นอน ตอนนั้นเราเผลอทำ 3.0 ไปแล้ว orz...)
 
 
 
import ภาพเข้าไปใน stage เลยค่ะ
 
file > import > import to stage เลือกไฟล์ gif ที่เซฟไว้ค่ะ
 
(วิธีนี้ใช้ใส่ไฟล์เสียงได้ด้วยนะ!)
 
แล้วภาพมันก็จะปรากฏอยู่บน stage จ่างจ๊างง~!! (และใน library )
 
 
มันจะขึ้นมาภาพละหนึ่งเฟรมค่ะ  (ถ้าตอนที่ save เป็น 0 sec)
 
 
ทีนี้อยากให้ภาพไหนแช่นานหน่อยก็ใช้เพิ่มเฟรมเอาค่ะ
 
คลิกขวาทีเฟรมที่อยากเพิ่ม แล้วกด inset frame
แล้วเฟรมมันก็จะเพิ่มแบบภาพล่างค่ะ
 
 (ความจริงใช้กดคีย์ลัดเอาได้ แต่เราลืมไปแล้ว~~ )
 
 
 
 
 
 
เพิ่มไปเรื่อย ๆ จากต้นจนจบ!
เพียงเท่านี้ก็เสร็จแล้ว!!
 
ไม่ได้ล้อเล่น (ฮา)
 
 
 
 
 
วิธีใส่ภาพ background ใน flash
 
ใช้วิธี import to stage เหมือนเดิมค่ะ
 
ถ้าหากอยากให้ background ปรากฏอยู่แค่บางส่วนเท่านั้น(กรณีที่ไม่ใช่ BG เต็ม stage เพราะถ้าเต็ม stage ถึงภาพจะเลยยังไง ตอนที่ play มันก็จะไม่มีอะไรยื่นออกมาเกิน stage ค่ะ )ก็ต้องใช้ mask ค่ะ
 
ตามนี้เลย
create layer ใหม่บน layer ของภาพ background
 
แล้วใช้ ractangle tool วาดขนาดที่อยากให้ background ปรากฏค่ะ
 
 
กำหนดขนาด
 
 
คลิกขวาที่ layer ของสี่เหลี่ยมที่วาดไว้แล้วกด mask
(อย่าลืมว่าเลเยอร์นี้จะต้องอยู่บนเลเยอร์ของฉากนะคะ!!)
 
 
เท่านี้ก็ได้แล้ว!
 
 
 
 
ถ้าจะใส่ตัวละครด้วย ก็ create layer ใหม่เลยค่ะ
 
ประมาณนี้
 

 
 
 
 
 
 
 
 
ที่เหลือก็แค่ขึ้นอยู่กับความพยายามในการวาดแล้วล่ะค่ะ!!
 
อ่านฮาวทูนี้อาจจะรู้สึกว่ายาก
แต่ลองทำจริง ๆ แล้ว จะรู้ว่าไม่ยากค่ะ 
ต้องลองก่อนค่ะ
 
เพราะก่อนที่เราจะมานั่งทำอนิเมชั่นแรกนี้ เราก็ไำม่เคยทำมาก่อนเหมือนกันค่ะ
 
(สมัยก่อนทำอนิเมสั้น ๆ ครั้งนึง ใช้ image ready อย่างเดียว orz... จิ้มดูได้ )
 
 
 
 
มีข้อสงสัยอะไร ems มาถามได้นะคะ
ถ้าเราตอบได้ก็จะตอบให้ค่ะ *3*
 
 
(อย่ามาถาม script flash นะ เราไม่รู้ orz...)
 
 
 
ขอบคุณที่อ่านค่าา m(_ _)m 
 
 
 
 
 
 
------------- ------------ ----------- - - -----------------------
 
นอกเรื่อง :: เอพริลฟูลถูกใจ entry ของ ไอ้ไอซ์ ท่านวอร์ มากเลยอะ
ลงทุนได้อีก =A='' exteen มี gallery แล้ว
เกือบเชื่อแล้วนะ ตรงที่ตอบเมนต์ก่อนมาเฉลยอะ (ฺฮา)
 
 นอกเรื่อง 2 :: วันเสาร์ไปเที่ยว วันอาทิตย์ไปแค