--- title: การออกแบบสื่อดิจิทัลเบื้องต้น 09/08/2565 subtitle: date: วันอังคารที่ 9 สิงหาคม 2565 เวลา 09.00 น. --- (ข้อความสดจากระบบถอดความเสียงพูดทางไกล) (อาจารย์สุธิรา) การ์ตูนเราวาดไปแล้ว ทีนี้การตูนเราวาดมันเป็นแบบภาพนิ่งเฉย ๆ นะ ทีนี้เรานิ่งเฉย ๆ นะ ทีนี้เราจะมาทำให้มันเป็นสิ่งที่เรียกว่า "Animation" นะคะ ก่อนอื่นที่จะเข้าไปทำนี่ เราจะต้องมารู้จักความหมายของมันก่อนนะคะ นะ ความหมายของ Animation นะคะ คือ คำคำนี้ คำว่า "Animation" นี่ มันเป็นคำที่มาจากภาษาหลายตัวเลยล่ะ นะคะ แต่ภาษาหลักมันนี่ ก็คือ Animate แล้วก็ Animator ก็คือภาษาอังกฤษนั่นเองนะคะ แต่คำนี้มันมาจากรากศัพท์ภาษาลาติน ก็คือคำหลักของมันมาจากคำหลักของละติน ก็คือ Animare A-n-i-m- กับภาษา Anime เหมือนของญี่ปุ่นเลยนะคะ คือ ตัวเดียวกันนะคะ มันหมายความว่าทำให้มีชีวิต ในที่เขาแปลออกมานะ แต่ถ้าในภาษาทางการ์ตูน หรือทำภาพยนตร์น่ะ นั่นก็คือทำให้ภาพหรือตัวการ์ตูนมันเคลื่อนไหวได้ นึกออกนะ ให้นึกถึงหนังสือการ์ตูนหรือการ์ตูนสมัยก่อนนี่ มันก็คือเราเปิดอ่าน นึกออกนะ ภาพก็จะเป็นภาพอยู่นิ่ง ๆ อยู่ในกรอบสี่เหลี่ยมใช่ไหมคะ ยังว่าทำไมหน้ามันหาย เห็นไหมคะ ในตัวนี้ ในภาษาญี่ปุ่นน่ะ ภาษาญี่ปุ่นมันจะไม่อ่านออกสำเนียงฝรั่ง มันจะอ่านออกเสียงสำเนียงญี่ปุ่นนะ มันจะ Anime การ์ตูน อะ-นิ-เมะ น่ะ ของญี่ปุ่นนะคะ ให้นึกถึงอะไร โดเรมอน ใช่ไหมถ้าเด็ก ๆ นึกถึงโดเรมอน โดเรมอนในหนังสือคือเป็นภาพนิ่งใช่ไหมเสร็จแล้ว สมัยก่อนมันจะยังไม่เรียกการ์ตูนที่ทำว่าเป็นแอนิเมชัน นึกออกนะ เพราะอะไร เพราะสมัยก่อนที่ทำการ์ตูน เขาจะใช้วิธีวาดรูปใช่ไหมคะ สมัยก่อนวาดรูป เสร็จแล้วเอารูปน่ะมาเรียง เรียงต่อ ๆ กัน ก็คือเหมือนภาพโดเรม่อน 1 ตัวนี่โดเรมอนจะเดินนี่ ต้องวาดโดเรมอนอย่างน้อย ในการที่โดเรมอนจะเดิน สัก 100 ตัว นึกออกไหม แล้วใช้วิธีถ่าย ถ่ายไปทีละเฟรม สมัยก่อน ก็คือการถ่ายเขาน่ะ คือ จะเป็นถ่ายภาพที่ 1, 2 ตัวรูปโดเรมอนที่วาดน่ะนึกออกหรือเปล่า ไปจนถึง 100 ตัว สมมติว่า 100 ตัว ก็คือถ่ายภาพนั้นไปจนครบ 100 ตัวแล้วทำอย่างไร เอาภาพนั้นน่ะ ให้นึกถึงใครเคยดูหนังกลางแปลงบ้าง รุ่นนี้ยังได้ดูไหมลูก นะ ม้วนหนังนะ ใช่ไหม มันจะหมุนใช่ไหม ใช่ หนังกลางแปลงน่ะ เคยดูใช่ไหม มันจะหมุนไป พอหมุนไปไอ้ฟิล์มมันก็จะเลื่อน นั่นล่ะ เขาไปใช้หลักการนั้น ในการทำภาพเคลื่อนไหวในสมัยก่อนนะ มันจะแตกต่างกับแอนิเมชันในยุคปัจจุบัน ที่ใช้คอมพิวเตอร์ทำนะคะ เดี๋ยวจะเห็นว่ามันต่างกันอย่างไร ทีนี้ ในคำว่า "Anime" ของภาษาญี่ปุ่นน่ะ มันแปลตามตัวที่เขาทำเลย ก็คือถ้าพูดถึง Anime หมายถึงการ์ตูนที่เป็นภาพยนตร์ของเขาเลยนะคะ ใช่ ๆ คือญี่ปุ่นเขาจะ เหมือนคำญี่ปุ่นน่ะ ถ้าเขาไปเอาคำมาจากภาษาอังกฤษแต่เขาจะไม่เอาอังกฤษมา ไทยก็จะอ่านทับศัพท์อย่างนี้ แต่ญี่ปุ่นเขาจะไม่ทับศัพท์ เขาจะออกเสียงเป็นภาษาเขาเลยนึกออกนะคะ มันก็เลยกลายเป็น Anime ด้วยประการนี้ ก็คือหลักการของการทำแอนิเมชัน จริง ๆ แล้วนะคะ ก็คือถ้าในยุคก่อนนะ ให้นึกถึงยุคก่อน มันมีหลายยุคเหมือนที่บอกนะคะ ก็คือเอาภาพมาเรียงต่อกันนะ แล้วใช้เครื่องฉายหนังหรืออะไรก็แล้วแต่นะ ทำให้ภาพนั้น มันเหมือนเป็นการต่อเนื่องนะคะ ก็คือให้เคลื่อนไหวได้นะคะ แต่ถ้าเป็นยุคปัจจุบันนะคะ เหมือนยุคเรานี่นะคะ เดี๋ยวให้ดู เราสามารถแยกตัวประเภทของ Animation นี่ได้ตามยุคตามสมัยหรือวิธีการนั่นล่ะ เดี๋ยวมาดูกันนะคะ ว่าแยกออกเป็นกี่แบบ แบบที่ 1 Drawn Animation Animation ที่เกิดจากการวาด อันนี้ ก็คือมันจะเหมือนการ์ตูนยุคก่อนที่ต้องวาดก่อน วาดให้ได้รูปที่ตัวการ์ตูนมันจะเคลื่อนไหวไปในแต่ละท่านะคะ เขาบอกว่าข้อดีก็คือสวย คืออะไร ถ้าวาดแบบสวย ๆ มันก็สวยใช่ไหม ถ้าวาดแบบง่าย ๆ เหมือน... แค่วาดกลม ๆ วงกลม เหมือนที่เราทำนี่ มันก็ไม่มีปัญหานะ นะคะ แต่ข้อเสียมันต้องผลิตเยอะ ก็คือมันต้องวาด วาดตั้งแต่รูป ที่แบบขยับแขนขยับขาไปทีละนิดน่ะ เข้าใจไหม คือ เหมือนเวลาเราเดินนี่ใช่ไหม มือแกว่ง ขาก้าว มันไม่ใช่ว่าวาดทีเดียวแล้วมือกับขามันไป มันต้องวาดแยกกันน่ะ นึกออกไหม ท่าขาก็ต่างหาก ท่ามือก็ต่างหาก ภาพมันจะแยกกันน่ะ ภาพมันก็จะต้องเยอะขึ้น เขาก็เลยบอกว่าต้องใช้ Animator จำนวนมาก ก็คือเขาจะเรียกว่า "Animator" ผู้สร้างแอนิเมชันนะคะ ในสมัยก่อน ถ้าวาดการ์ตูน ตามหลักแล้วตัวการ์ตูนน่ะ คนวาดมันไม่ได้ใช้จำนวนท่ก คนเดียวที่วาดตัวนั้น แต่ตอน ที่จะเอามันมาต่อนั่นล่ะ นึกออกนะ ต้องใช้คนเยอะ ต้นทุนก็จะสูง อันนี้เป็นแบบแอนิเมชันรุ่นก่อน ๆ เลย วาดด้วยมือเลย นี่คือประเภทที่ 1 นะคะ ชนิดที่ 1 ของ Animation แบบที่ 2 Animation แบบที่ 2 เขาเรียกว่า Stop Motion Stop แปลว่าหยุด Motion แปลว่าเคลื่อนไหว คือ หลักการของ Stop Motion นี่ มันจะเป็นการใช้หุ่น หรือดินน้ำมัน หรือตัวการ์ตูนพลาสติกน่ะ ทำเป็นสิ่งที่จะให้เคลื่อนไหว นึกออกนะ การ์ตูนพลาสติกในที่นี้ หมายถึงมันจะต้องขยับแขนขยับขาได้ เหมือน Lego นึกออกนะ ก็คือสามารถขยับได้น่ะนะคะ ไม่ใช่หุ่นนิ่ง ๆ อย่างเดียวนะคะ พอเขาปั้นท่ายืน เขาก็จะมีท่าเดินท่าอะไรอย่างนี้ ก็คือต้องปั้นในตัวหุ่นนี่ ลักษณะมันก็จะคล้าย ๆ กับวาด แต่เพียง อยากเปลี่ยนจากวาดมาเป็นปั้นเอา ปั้นหุ่นขึ้นมาว่าอย่างนั้นเถอะ อันนี้ก็ใช้เวลาเยอะเหมือนกัน เพราะมันไม่ได้ปั้นแต่ตัวหุ่น มันต้องไปปั้นฉากปันอะไรให้เข้ากันด้วย ใช่หรือเปล่า นะคะ เขาบอกว่าให้ไปดูภาพยนตร์ เรื่อง เรื่อง James and the Giant Peach ดินน้ำมันนะ มีหลายอันอยู่นะ ถ้าของญี่ปุ่นที่เคยเห็นแรก ๆ เลย เพราะเคยเอาการ์ตูนตัวนี้ให้น้องดู เรื่อง เพนกวินน่ะ ไอ้ pengu น่ะ ปั้นตัวเพนกวินเป็นดินน้ำมัน แล้วเพนกวินมันจะเคลื่อนไหวได้ พูดถึง เป็นเรื่องเกี่ยวกับครอบครัวเจ้านกเพนกวินตัวนี้นะคะ ใช้หลักการนั้น ก็คือถ่ายเหมือนขยับตัวหุ่นไปทีละ Shot เหมือนกันนะคะ แต่ใช้การขยับจากตัวหุ่นจริง ๆ แทนนะคะ ไม่ต้องไปวาด อย่างนี้เป็นต้นนะคะ และแบบสุดท้าย ก็คือในยุคปัจจุบัน Computer Animation ใช้คอมพิวเตอร์นะคะ ทีนี้ คอมพิวเตอร์ก็มีวิวัฒนาการในยุคแรก ๆ นี่ มีทั้งทำเลียนแบบมาจากแบบที่ 1 ก็คือวาดเป็นรูปแล้วเอารูปมาเรียงต่อกันนึกออกนะ ใช้หลักการนั้นนะคะ พอยุคต่อมา มาปรับปรุงให้คอมพิวเตอร์นี่มันจะไปคล้ายแบบที่ 2 ก็คือเหมือนทำให้ตัวที่วาดนี่เป็นหุ่น แล้วให้มันเคลื่อนไหวแขนขา คือ ชิ้นส่วนของตัวการ์ตูนที่วาด ให้นึกถึงถ้าวาดการ์ตูนในสมัย ก่อนลายเส้นมันจะต่อกัน นึกออกไหม แขนมันจะไม่แยก ขามันจะไม่แยกนะ แต่พอมาวาดในคอมพิวเตอร์น่ะ เหมือนเมื่อกี้ที่แม่วาดให้ดูแม่ก็แยกออกมา ไม่ได้วาดต่อ นึกออกไหม เพื่ออะไร มันจะเป็นหลักการนั้นน่ะ เราจะทำให้ขาและแขนเขาขยับได้ เพราะฉะนั้น เราจะต้องแยกชิ้นส่วนที่เราคิดว่าเราจะให้มันขยับน่ะ ออกมาชิ้นใครชิ้นมันอย่างนี้นะคะ มันเป็นหลักการเหมือนเราปั้นหุ่น แต่ไม่ใช้วิธีการปั้น ก็คือเอาตัวสิ่งที่เราวาดน่ะ ไปแยกชิ้นส่วนออกนะคะ แล้วไปใช้วิธีการขยับชิ้นส่วนพวกนั้นแทนนะคะ และแบบสุดท้าย ที่เคยสอนรุ่นพี่ไป อันนั้น คือ มันผสาน AI เข้าไปด้วย Computer Animation ที่เหมือนเรากระพริบตาปุ๊บนี่ ไอ้ตัวการ์ตูนที่เราวาดน่ะ มันจะกะพริบตาตาม อันนั้นใช้ AI เลยนะ คือ เราวาดแค่ตัวต้นแบบ 1 ตัวใช่หรือเปล่า ลืมตา อยู่อาจจะทำตัวปิดสัก 1 อัน แต่พอเรามีการกะพริบตาน่ะ การ์ตูนตัวนั้นมันก็จะทำเหมือนเราเลย หรือเวลาเราพูด ถ้าเป็นแอนิเมชันรุ่นแรก ๆ ก็คือแค่ทำปาก ขยับใช่ไหม ขยับเปิดกับอ้า แต่ไอ้แบบที่เป็น AI ที่แม่บอกนี่ มันก็คือจะขยับไปตามลักษณะปากเราที่ขยับนะคะ ใช้หลักการนั้นเลย เขาบอกว่าเรื่องนี้ วิธีที่ประหยัดเวลา เราก็ไม่แน่ใจ ต้องไปดูพวกที่เขาทำนะ ต้องไปลองดูกันสักครั้ง เขาบอกยกตัวอย่าง เรื่อง Toy Story นะคะ Toy Story ตัวที่ ตัวการ์ตูนมันเป็นคาวบอย มันเป็นอะไรนะ คาวบอยใช่ไหม มีหลายภาคนะคะ ใช้ตัวแอนิเมชันเข้ามาช่วย เพราะฉะนั้น คือวิวัฒนาการ ทุกอย่างมันจะมีวิวัฒนาการหมด เริ่มจากแบบวาดมา แล้วก็ปั้น แล้วก็แบบที่ 3 ใช้คอมพิวเตอร์ ซึ่ง คือ ในยุคปัจจุบัน โปรแกรมที่ใช้ก็มีเยอะมากนะคะ ทีนี้ ก่อนที่เราจะทำไอ้ตัว Animation ได้นี่ เราจะต้องมารู้กฎ 12 ข้อ ของเขาก่อนนะคะ 12 Principles of Animation กฎหรือข้อ... เขาเรียกว่าอะไรล่ะ หลักในการทำแอนิเมชันนั่นเองนะคะ มันใช้หลักอะไร มันมีหลักอยู่ 12 ข้อ เขาบอกนะคะ โดยเขาบอกว่า ไอ้หลักการนี้มันได้มาจากคนที่ทำการ์ตูน แต่สมัยก่อนมันจะไม่เรียกการ์ตูนแอนิเมชันนะคะ ของนิทานที่เด็ก ๆ ชอบกันมากเลย ก็คือของดิสนีย์ ของวอลต์ ดิสนีย์ เด็กชอบกันมากเลย คือ Frankกับ Ollie นะคะ Ollie นี่ คนที่สร้างการ์ตูน Disney น่ะ จากดิสนีย์นิทานที่เคลื่อนไหวไม่ได้ ให้มาเคลื่อนไหวได้ ใช้หลักการมันดังต่อไปนี้ ไอ้ 12 ข้อนี่นะคะ เรามาดูกัน 12 ข้อ มีอะไรบ้าง 12 หลักพื้นฐานในการสร้างภาพเคลื่อนไหวหรือแอนิเมชันนะคะ ข้อที่ 1 Squash and Stretch ไอ้ Squash and Stretch หมายถึงอะไร หลักการข้อที่ 1 นะคะ หลักการนี้บอกว่าเป็นการใช้หลักของการยืด ยืดแล้วก็หดตัวน่ะ คือ ให้เห็นการเคลื่อนไหวมัน ผ่านดารยืดและการหดนะคะ เขาบอกใช้หลักที่ดูมาจากกฎทางฟิสิกส์น่ะค่ะ ก็คือแรงโน้มถ่วงของโลก โทรศัพท์ใคร โทรศัพท์ใคร ของพี่เก๋บ่ นะคะ ในเรื่องของมวลและนำหนัก ให้นึกถึงว่าวัตถุที่ยิ่งมีมวลหรือน้ำหนักมากนะ การยืดการหดมันก็จะเป็นไปตามน้ำหนักด้วยนะคะ ไม่ใช่น้ำหนักเยอะ ๆ ยืดแล้วหดนิดเดียว ไม่ใช่ นึกออกไหม ใครเลยเล่นลูกโป่งใส่น้ำบ้าง เคยไหม เอาลูกโป่งแล้วเอาน้ำใส่ ให้นึกถึงลูกเล็ก กับลูกใหญ่ ต่างกันใช่ไหมลูก เพราะยิ่งลูกเล็ก ไอ้การยืดของน้ำหนักมันก็น้อยนะ แต่ถ้าลูกใหญ่ มันก็จะยืดลงไปเยอะใช่ไหม จนกระทั่งมันรับไม่ไหว แล้วมันแตกใช่ไหมคะ นั่นล่ะ นั่นก็คือหลักการมวลและน้ำหนัก นึกออกนะ คือ ยิ่งมีน้ำหนักเยอะ การยืดมันก็ยิ่งมีได้มากใช่ไหมคะ แต่ถ้ามีน้ำหนักน้อย การยืดมันจะไม่เยอะ เขาบอกว่าการทำแอนิเมชันนี่ ให้นึกง่าย ๆ ให้นึกถึงธรรมชาติน่ะ ธรรมชาติในการเคลื่อนไหวของคน ของใบไม้ อะไรพวกนี้ เห็นไหมคะ แต่เขาบอกว่า แต่ถ้าทำแอนิเมชันนี่ มันจะต้องมีการเพิ่ม คือ ทำให้มันเกินจริง นึกออกไหม มันจะไม่เหมือนธรรมชาติมาก มันจะต้องแตกต่างออกมา ทำให้มันเวอร์น่ะ เขาเรียกว่า "เวอร์" ว่าอย่างนั้นเถอะ Over ไว้ก่อนนะ ทำให้เวอร์ ๆ เข้าไว้ เพราะแอนิเมชันมันจะเหมือนใช้จินตนาการบวกเข้าไปด้วยนะคะ เพื่ออะไร เพราะอะไร เพราะบางอย่าง เพราะเหมือนวัตถุบางอย่าง เหมือน... เหมือนในการ์ตูนบางเรื่อง ตึกมันเอียงได้ไหมลูก นึกออกไหม แต่ในบางเรื่อง พอแผ่นดินไหวมันจะทำให้ตึกเอียง เหมือนโยกไปโยกมา เหมือนต้นไม้โดนลมพัดน่ะ มันจะโยกแบบโน้มไปโน้มมาอย่างนี้นะคะ นั่นก็คือหลักของการทำให้เกินจริง ต้องใส่ Over เข้าไปนะคะ เดี๋ยวให้ดูว่ามันเป็นอย่างไร มันจะเล่นให้ดูไหมนี่ ดู ๆ เห็นไหม จากเล็ก ๆ พอยืดเห็นไหมคะ พอยืดแล้ว พอกระแทกลงมา เวลาหด หลักการยืดและหด ตัวอย่างนี่ ลงมา มันจะไม่เล็กลง แต่มันจะต้องขยายออก ใช่ไหม เหมือนที่บอกน่ะค่ะ หลักการของลูกโป่งใส่น้ำนั่นเองนะคะ นี่คือหลักข้อที่ 1 นะคะ ทีนี้มาดูข้อที่ 2 Anticipation หลักข้อที่ 2 Anticipation คืออะไร เขาบอกว่ามันแปลออกมาว่าความคาดหวัง ทำไมจะต้องใส่ความคาดหวังเข้าไปใน Animation นะคะ ในที่นี้ ในที่นี้นะคะ เขาบอกไว้ว่า คือ เราคาดหวังอะไร คาดหวังให้คนดูเห็นอะไร หรือจินตนาการอะไรได้นะคะ นี่ เขาบอกว่าคาดหวังให้เห็นภาพที่มันเคลื่อนไหวนี่ มันจะต้อง... ให้นึกถึงนะ เหมือนเรากระโดด กระโดดต้องให้มันลอยขึ้น ไม่ใช่ตกลง นึกออกใช่ไหม อย่างนี้นะคะ คือ เห็นไหมคะ เหมือนเวลากระโดดขึ้นนี่ ระหว่างกระโดดแบบ... ดูนะ แบบที่ 1 คือเราจะไม่งอขาใช่ไหม ดูนะ ถ้ากระโดดแบบไม่งอขา ขึ้นไหม ไม่เชื่อลองนะ ทุกคนยืนสิ ยืนขึ้น เด็ก ๆ ยืนขึ้น ยืนขึ้น ยืนขึ้น ออกมาด้านข้างลูก ออกมาด้านข้าง ให้กระโดดโดยไม่งอขา ลองดูสิกระโดดได้ไหม ห้ามงอขา ทำตัวตรง ๆ เริ่ม ทำตัวจรง ๆ แล้วกระโดดดู ทำตัวตรง ๆ แล้วกระโดดดู ลองสิลูก 1 2 3 ขึ้นไหม ไม่ขึ้นนะ ห้ามงอขานะ ห้ามงอขา ใช่ ๆ ต้องลองดูสิ ลองเกร็งให้ตัวตรง ๆ ขาต้องไม่งอ แล้วลองกระโดด มันขึ้นไหม แทบจะไม่ขึ้นเลยใช่ไหม แล้วทีนี้ลองใหม่ กระโดดแบบงอขาได้ ก็คือเราต้องย่อลงไปก่อน เห็นไหม การกระโดดมันถึงจะสูงขึ้น เห็นไหมคะ นั่นก็คือเขาบอกว่าคาดหวังอะไร เหมือนให้เห็นการกระโดดนี่ ไม่ใช่ว่ายืนอยู่อย่างนี้แล้วกระโดดขึ้น ไม่ขึ้นใช่ไหม ต้องมีการงอก่อน ต้องย่อลงไปก่อน แล้วค่อยกระโดด มันถึงจะยืด นะคะ มันต้องมีความสมจริงเหมือนที่บอก แต่สมจริงแล้วจะต้องโอเวอร์ด้วย คือ เหมือน... ไม่แน่ใจเด็ก ๆ เคยดูการ์ตูนที่มันเหมือน มันให้ตัวการ์ตูนกระโดด แต่กระโดดทีโน่นเลย นึกออกไหม กระโดดไปเลย 100 เมตร ซึ่งปกติเวลาเรากระโดด เราก็จะอย่างมากก็อยู่กับที่ หรือขยับไปอย่างมากนิดหนึ่ง แต่ในการ์ตูน Animation คือ กระโดดปุ๊บนี่ กระโดดยิ่งกว่านักกระโดดไกล ให้นึกถึงนะ ไปแล้ว 100 เมตรอย่างนี้นะคะ นั่นก็คือต้องมี Over ด้วยนะคะ เดี๋ยวดูในวิดีโอสิ สิมันจะแสดงให้เห็นอย่างไร ไม่เล่นอีก อาจจะช้าหน่อยนะคะ เห็นไหม เหมือนการโยก เห็นไหมคะ ยกขา กลิ้ง วัตถุชิ้นนี้เป็นสี่เหลี่ยมนี่ ให้นึกถึงเหมือน... เหมือนเราตีลังกา ตีลังกานี่ ถ้าเราไม่ม้วนตัวใช่ไหม มันก็จะเป็นการตีลังกาไม่ได้นะ ไม่อย่างนั้นหลังหักแน่ นึกออกนะ ตั้งขึ้นไปแล้ว ฟาดลงไปน่ะตีลังกา คือ เราก็ต้องงอตัวไปด้วย ม้วนตัวไปด้วย อย่างนี้นะคะ นั่นคือหลักการเดียวกัน คือ มี Anticipation ก็คือต้องคาดหวังว่าไอ้สิ่งที่เราจะเห็นมันจะกระโดดนี่ มันจะต้องเป็นลักษณะอย่างไรนะคะ มาดูข้อที่ 3 หลักการข้อที่ 3 Staging Staging คืออะไร คือการที่มันจะเป็นลักษละของการลำดับภาพ ไม่ใช่ล่ามไม่ได้ยินหรือเปล่า อ๋อ ได้ยินอยู่นะ จะเป็นลักษณะลำดับภาพน่ะค่ะ ก่อนหรือหลัง ให้นึกถึงนะ ว่าเหมือนฝนจะตก ก่อนฝนจะตกมันจะมีอะไรออกมา ให้นึกถึงการลำดับภาพน่ะ นึกออกนะ คือ ตามลำดับแล้ว เมื่อเราเห็นเมฆฝน ไม่ร้อง ฟ้าร้องกับฟ้าแลบอะไรมาก่อนแสงมาก่อนเสียง เพราะฉะนั้น มันต้องแลบก่อน นึกออกหรือเปล่า ฟ้าแลบมาแล้ว ฟ้าร้องจะตามมา นึกออกไหม มันจะเกิด เหมือนเราเห็นฟ้าผ่าน่ะ มันจะมีประกายแปร๊บมาก่อนใช่ไหม แล้วถึงจะมีเสียงเปรี้ยงถึงจะตามมา ให้นึกถึง นั่นล่ะมันคือหลักของ Staging นะคะ ก็คือการเรียงลำดับของเหตุการณ์ที่เกิดขึ้นนี่ มันจะต้องมีความสอดคล้องด้วย ไม่ใช่เปรี้ยงมาก่อน แล้วค่อยเห็นแสงสายฟ้า ไม่ใช่ ใช่ไหม ตามธรรมชาตินะ ก่อนแล้ว พอแลบปุ๊บ เราจะรู้เลยเราจะหลับตาเลยว่า... หรือว่าจะเตรียมอุดหูแล้ว เพราะรู้แล้วว่ามันต้องเปรี้ยงแน่นอน อย่างนี้เป็นต้น หรือให้ความสำคัญกับวัตถุชิ้นนั้นว่าอันไหนจะมี มาก่อน-มาหลัง ให้นึกถึงเหมือนเวลาเราจะเดิน อะไรจะไปก่อน ขาก้าวก่อน แล้วมือมันถึงจะแกว่งอย่างนี้นะคะ ไม่ใช่ยื่นมือไปก่อน แล้วค่อยก้าวนึกออกไหม แบบนั้นล่ะค่ะ มันคือหลักของ Staging นะคะ ก็คือจะต้องดูด้วยว่าวัตถุชิ้นนั้นนี่ มันจะมีลำดับของการเคลื่อนที่ หรือการเกิดสิ่งที่จะทำให้มันเคลื่อนไหวนี่ อย่างไรนะคะ เหมือน... เหมือนนก เหมือนนก เวลามันบินนะ ไม่ใช่อยู่ดี ๆ มันบินขึ้นมาเลยใช่ไหม มันต้องทำอะไรก่อน มันต้องกางปีกก่อน ใช่ไหมคะ กางปีกออกเสียก่อนแล้วถึงจะบินได้นะคะ อย่างนี้เป็นต้น เหมือนเฮลิคอปเตอร์ ตัวอะไรนะ ใบพัดมันไม่หมุนใช่ไหมลูก ใบพัดมันก็จะไม่ลอยขึ้นไปแบบนี้ นั่นก็คือเขาเรียกว่า "หลักของ Staging" มันจะต้องมีลักษณะของการที่จะ วัตุชิ้นนี้มันต้องมีอะไรเกิดขึ้นก่อน จะเคลื่อนที่ได้มันต้องอะไรการเกิดก่อน เกิดหลังด้วยนะคะ ให้ดูตัวอย่าง ตัวอย่างจาก... นี่ เห็นไหม เมื่อกี้ เป็นเหมือนมีประกาย แว๊บ ๆ วับ ๆ เห็นไหม เห็นเปล่า แล้วค่อยมา ให้นึกถึงจุดพลุขึ้นไป มันจะไม่ใช่จุดขึ้นไปแล้วมันแตกเลย ถูกไหม มันต้องมีเส้นขึ้นไปก่อน ใช่ไหม แล้วมันค่อยไปแตกออกใช่ไหมลูก ไม่ใช่มันจุดขึ้นไปปุ๊บ มันบานออกเลย อย่างนั้นนะคะ เหมือนการจุดพลุก็เหมือนกันนะคะ นี่ก็คือหลักของ Staging นะคะ เรามาดูหลักต่อมา Straight ahead action and pose to pose Straight ahead นะคะ ภาพมันซ้อน หลักการ Straight ahead action and pose to pose เขาบอกเป็นวิธีการเปลี่ยนร่างของตัวละครนะคะ ของตัว Animation ที่เราจะทำนี่ ดูที่คำแรกก่อน Straight ahead นี่นะคะ จะเป็นลักษณะการเปลี่ยนที่ไปตามเฟรม เหมือนที่บอกว่าเวลาจะเดินนึกออกนะ Straight ahead ก็คือขาต้องก้าวออกมาก่อน แล้วมือค่อยตามมา นั่นคือเปลี่ยนไปเป็น Frame by Frame นะคะ เห็นไหมคะ ไปทีละภาพ แต่พอเป็น Pose to pose ก็คือเริ่มต้นยืน ท่าจบ ท่าจบอาจจะเป็นท่านี้ก็ได้นึกออกนะ คือ วาดมา 2 ภาพนี่ ท่าเริ่มต้น แต่ถ้าเกิดท่าจบเดินอยู่น่ะนะคะ pose to pose คือท่าของการเคลื่อนไหวที่มีภาพเริ่มต้น แล้วก็มีภาพที่จบชัดเจนนะคะ เห็นไหมคะ มันจะมีภาพหลักหรือคีย์เฟรม หรืออีกภาพที่อยู่ตรงกลางอีกสักภาพหนึ่ง แล้วก็มีภาพที่กำลังก้าวขาข้างที่ 1 แล้วภาพสุดท้าย เป็นก้าวขาสุดท้ายที่จะจบ เพราะเวลาท่าเดิน คือ มันจะต้องก้าวไป ไม่ใช่ก้าวแต่ขวาก้าวเดียวแล้วจบนะคะ อาจจะใช้ 2 หรือ3 ภาพ เป็นอย่างน้อยนะคะ โดยปกติเขาก็จะใช้เทคนิคทั้ง 2 มาช่วยกัน คือ เอาไอ้ frame by frame มาต่อ แต่ไม่ต้องทำถึง 100 เฟรม ว่าแค่ 5-6 เฟรม เพราะอะไร เพราะถ้าแบบ 3 เฟรม แบบ Pose to pose มันจะเป็นอย่างไรล่ะ ลักษณะการเคลื่อนไหวก็จะไม่ดูเป็นธรรมชาติน่ะ นึกออกนะ มันจะเป็นเหมือน ให้นึกถึงขยับอย่างนี้ อย่างนี้นะคะ มันก็จะไม่เป็นธรรมชาตินะคะ เพราะฉะนั้น ก็เลยต้องผสานทั้ง 2 แบบนะคะ แต่จะไม่ได้ใช้เยอะมากนะคะ อันนี้คือ Straight ahead และก็ pose to pose นะคะ เป็นแบบที่ 4 มาดูขั้นตอนต่อไป Follow Through and Overlapping Action Follow ติดตามนะคะ เขาบอกว่ามันจะเป็นองค์ประกอบหลัก มีองค์ประกอบหลักนะคะ แล้วก็จะมีลักษณะ คือ มี 2 แบบ เหมือนที่บอก ก็คือมี Follow กับ Overlapping ไปดูที่ Follow throught ก่อนนะคะ มันจะเป็นการเคลื่อนไหวหลัก ที่เรียกว่า "Action" แล้วพอ Action แล้ว มันจะมี Reaction ตามมา ถ้าเกิดการเคลื่อนไหวนี่ สิ่งที่ตามมาคืออะไร เช่น ให้นึกถึงมีลูกโป่งอยู่ตรงหน้า แล้วเอาเข็มไปจิ้ม ลูกโป่ง นึกออกไหม ก็คือการ action แรก ก็คือเข็มไปจิ้มโดนลูกโป่ง เพราะฉะนั้น Reaction คือ สิ่งที่จะนำมา ลูกโป่งต้องเป็นอย่างไรคะ แตกใช่หรือเปล่า นัjนคือ Re-Action ควรจะแตก แต่ถ้าเป็นแอนิเมชัน อาจจะมีการโม้หน่อย นึกออกไหม มีการเด้งกลับคืน นั่นคือ Reaction คือสิ่งที่จะเกิดเมื่อมีปฏิกิริยากับลูกโป่งที่ 1 นึกออกนะ ให้นึกถึง เหมือนเราจิ้มลงไปปุ๊บ ถ้าสมมติไอตัวนั้นมันมีความหนามาก มันก็ต้องมีการเด้งกลับคืนอะไรอย่างนี้ก็ได้ หรือถ้าจิ้มไปแล้วแตกโป๊ะ มันจะเป็นอย่างไร นั่นคือ Reaction นั่นคือสิ่งที่จะเกิดเมื่อเกิดนะคะ นั่นคือ Follow through Follow ก็คือการ... เหมือนการเลื่อนไหลตามกันไปน่ะ มันก็ต้องมีขั้นนตอนนะ คือ เป็นเหมือนขั้นตอนนั่นล่ะ คือ จิ้มปุ๊บ จิ้มลูกโป่งปุ๊บ ก็คือ Follow Action ที่ 1 เกิดจากการจิ้ม Reaction ก็คือลูกโป่งแตก มันก็เลยเป็นที่เขาเรียกว่า Follow น่ะ ก็คือตามกันมา สิ่งที่จะเกิดต่อกันมาว่าสิ่งที่เกิดต่อจากนี้คืออะไร ให้นึกถึงเหมือนใครเคย รถล้ม ไอ้มุกวันนั้นรถล้มหมาตัดหน้าไหม อ๋อ ไปเหยียบก้อนหิน เห็นไหมคะ ให้นึกถึงเหมือนเราขี่รถไปแล้วตกหลุม Reaction อาจจะเกิดได้หลายแบบใช่ไหมคะ เช่น บางคนอาจจะไม่ล้มก็ได้ เพราะให้นึกถึงว่ามันอาจจะเกิดจากแรงที่ขับหรือความเร็วด้วยใช่ไหม คือ บางทีตก เอาง่าย ๆ ไอ้ข้างหน้าเรานี่ ใช่ไหม ถ้าเราไม่ชะลอใช่ไหมคะ เราจะเป็นอย่างไร อาการมันจะเป็นอย่างไร ไม่ค่อยจะเบา เพื่อน ๆ บอก ไหนใครขี่ผ่านไอ้ลูกระนาดของมหาวิทยาลัยกันแล้วบ้าง เวลาถึงลูกระนาด เด็ก ๆ ทำอย่างไรคะ เบรกไหม ชะลอไหม นั่นคือ Action กับ Reaction ที่จะเกิด นึกออกไหม คือ ถ้าขี่มาเร็วแล้ว ไม่ชะลอนี่ รถเราอาจจะเหินก็ได้ แต่ถ้าเราชรอมันก็อาจจะจะแค่ค่อย ๆ ก้าวข้าม แต่ก็มีตึ้งอยู่ใช่ไหม อย่างไรก็มีตึ้งใช่ไหม แบบนี้เป็นต้นนะคะ นั่นคือFollow Through มันคือสิ่งที่เกิดตามมาจาก Aแtion ที่ 1ต่อมา Overlapping Action เขาบอกว่ามันจะเป็นการเคลื่อนไหวที่เกิดจากส่วนต่าง ๆ ของ Action หรือ Main หลักใน Action นะคะ และการเคลื่อนไหวลอง ตามมาเห็นไหมคะ หลักการนี้เขาบอกให้นึกถึงการวิ่ง เห็นไหมหรือการส่ายหัว ถ้าสายหัวนี่ โดยปกติถ้าไม่มีผมน่ะ มันก็จะไม่เห็นอะไรเคลื่อนไหวด้วยนะ แต่ถ้ามีผม เหมือนผู้หญิงผมยาว เวลาส่ายหัว มันก็จะส่ายไปตาม เห็นไหมคะ นั่นคือ Overlapping ก็จะมีวัตถุอื่นตามมาด้วยกัน คือ มันจะมี 2 อย่าง ที่เคลื่อนมาด้วยกันนะ เหมือนพอเราส่ายหัวปุ๊บ มันก็จะตกมาตามด้านนั้น ก็จะมีวัตถุ 2 อัน ไม่ใช่พอส่ายหัวปุ๊บ ผมยังอยู่ทรงเดิมเลย อย่างนี้ นึกออกนะ ซึ่งมันไม่ใช่ นั่นคือ Overlapping ก็คือวัตถุที่ 1 Action ที่ 1 กับ Action ที่ 2 ก็คือการคเลื่อนไหวรอง ผมมันก็จะต้องมาด้วยนะคะ เป็นลักษณะนี้ Overlapping นะคะ ผ่านไปแล้วกี่ข้อแล้วนะเยอะนะคะ หลักเขาเยอะ แต่เห็นไหมการ์ตูนมันก็เลยน่าดูนะ ผ่านไปแล้ว 5 ข้อ ยังไม่ถึงครึ่งทาง มาถึง อันที่ 6 ชื่อก็บอกอยู่แล้ว Slow-in Slow ก็คือช้า ช้าในช้าหรือคืออะไร ช้าใน Slow-in ก็คือช้าใน Slow Out มันเป็นอย่างไรนะ มาดูกันนะคะ ไอ้หลักการนี้มันเป็นการเคลื่อนไหว ใช้หลักการเคลื่อนไหวแบบช้า ๆ นะคะ เช่น เช่น อะไรได้บ้างเขายกตัวอย่างรถนะคะ รถหยุด รถวิ่งน่ะ ให้นึกออกนะ ระหว่างรถที่วิ่งเร็ว ๆ กับรถที่วิ่งช้า ๆ นึกออกนะ นะคะ คือ ตอน Slow in นี่นะคะ มันจะเป็น... ให้ตอนเริ่มต้นมันช้า เพราะ ให้นึกถึงเหมือนเราจะขับรถ หรือจะสตาร์ตมอเตอร์ไซค์ หรือจะขี่มอเตอร์ไซค์นี่ เบิลอย่างไร คันเร่งมันก็จะเริ่มที่ 0 10 20 นึกออกใช่ไหมคะ ไม่ใช่บิดปุ๊บ ขึ้นไปที่ 100 กิโลเมตรต่อชั่วโมง นึกออกนะ บางสิ่งมันจะเริ่มจากช้า ๆ ก่อน ความเร็วถึงจะเพิ่มขึ้นได้นะคะ ไม่ใช่อยู่ดี ๆ ขึ้นมาแล้วไปเลย 100 กิโลฯ นึกออกนะ เหมือนบิดมอเตอร์ไซค์น่ะ ต้องเริ่มจาก 0 ก่อนใช่ไหม มันถึงจะ 10 20 ค่อย ๆ ไต่ระดับขึ้นไป ความเร็วจะค่อย ๆ เพิ่มขึ้นนะคะ แต่มันก็จะมีข้อขัดแย้งในทางตรงกันข้าม คือ ถ้าในระนาบนี่ มันจะไปตามช้า แล้วค่อยไปหาเร็วใช่ไหมคะ แต่ถ้าในแนวที่เขาบอกว่าแนวดิ่ง ในแนวดิ่ง ให้นึกถึงฟิสิกส์ แรงโน้มถ่วงของโลก โยนขึ้นไปปุ๊บ ตกเร็วไหม เร็วนะ ใช่ไหม เพราะมันมีแรงโน้มถ่วงของโลก มันจะ... แต่มันจะช้า ก็ต่อเมื่อวัตถุที่เราโยนไปมันมีน้ำหนักเบา นึกออกนะคะ ถ้าน้ำหนักมากน่ะ มันจะลงมาเร็วใช่ไหม แต่ถ้าเบา ๆ เหมือนโยนกระดาษน่ะ มันก็จะโดนลม โดนอะไรพัด มันก็จะช้านะ แต่ถ้าวัตถุนั้นมันหนัก พอโยนปุ๊บ เป๊ะ ตกลงมาแล้ว มันจะกลายเป็น ถึงได้บอกว่ามันเป็น Slow-in Slow-out มันจะกลับกัน ก็คือถ้าในแนวระนาบก็เริ่มจากช้าไปหาเร็วใช่ไหม แต่ถ้าในแนวดิ่งนี่ มันจะเริ่มจากเร็วก่อน แล้วค่อยช้าลงนะคะ อย่างนี้เป็นต้น เห็นไหมคะ เขาบอกว่าเวลาโยนวัตถุขึ้นไปนะคะ ในช่วงเริ่มต้น มันจะเร็ว ขึ้นไปเร็วเพราะแรงโน้มถ่วงกับแรงดึงดูดนะ อย่างที่บอก แล้วพอตกลงมา อย่างนี้นะคะ มันจะเป็นหลักการนั้น ก็คือมันจะเกี่ยวโยงกับธรรมชาติตั้งแต่ต้นเลย ที่บอกนั่นล่ะ เดี๋ยวเราดูไอ้หลักให้ครบ 12 ข้อ แล้วเราจะเบรก เพราะเดี๋ยวเราจะเริ่มทำตามกฎเขานี่ล่ะ หลักข้อที่ 7 Arc Arc ก็คือส่วนเว้า ส่วนโค้ง นึกออกนะ ที่เป็นลักษณะเป็นเส้นโค้ง แต่ในที่นี้ในลักษณะที่เป็นแนวโค้งนี่ มันจะโค้งอย่างไรนะคะ ให้นึกถึงเหมือนเราขว้าง ขว้างของไป มันจะไม่ขึ้นไปตรง ๆ นึกออกนะ แต่เวลาขึ้นมันขึ้นไปอยู่ แต่เวลามันตกน่ะ มันจะไม่ตกแบบลงมาตรงหัวเราพอดี นึกออกไหม มันจะมีการเคลื่อนของวัตถุไป ด้าหน้าหน่อยหนึ่ง อย่างนี้นะคะ เหมือนถ้าโยน โยนไปข้างหน้าอย่างนี้ มันจะโค้งลง พอเวลามันตกมันก็จะโค้งลง นั่นคือลักษณะแนววิถีโค้ง เหมือนดูหนังสงคราม เวลามันยิงไอ้ปืนพวกปืนต่อสู้อากาศยานอะไรพวกนี้นะ มันไม่ใช่ยิงขึ้นไปตรง ๆ จากเป้าใช่ไหม มันต้องมองวัตถุที่อยู่โน่นเลย ด้านหน้าโน้น ที่ยิงใช่ไหม อย่างนี้นะคะ เพราะส่วนใหญ่มันจะไม่ยิ่งขึ้นไปตรง ๆ เพราะถ้ายิงแบบตรง ยังไงมันก็ไม่โดนนึกออกนะ เพราะตามหลัก พอยิงขึ้นไปนี่ มันจะมีการหักเหของอะไรล่ะ ของลมของอะไรด้วย นึกออกนะ ตามหลักของทางฟิสิกส์น่ะล่ะ วัตถุมันก็จะต้องมีการหักเห ไม่มีทางขึ้นไปแล้วตรงดิ่งนะคะ มันไม่เหมือนการปล่อยจรวด เพราะมันมีการขับเคลื่อน นึกออกนะ มันขึ้นตรง ๆ อย่างนั้นน่ะ เดี๋ยวใมันมีวิดีโอตัวอย่างให้ดูนะคะ ว่าการเคลื่อนแบบโค้งนี่ เห็นไหม มันควรจะยืดก่อน แล้วค่อยโค้งออก อย่างนี้นะคะ กระโดด เหมือนเวลากระโดดขึ้นไป เพราะเวลากระโดด มันก็ไม่ได้อยู่ตรง ๆ มาก มันก็ต้องเคลื่อนมาข้างหน้านะคะ ตามแนวโน้มถ่วงของโลกนั่นเองนะคะ ต้องมีเส้นโค้งเกิดขึ้น เวลาเคลื่อนไหว ว่าอย่างนั้นเถอะ นะคะ Secondary Action หลักข้อที่ 8 ก็คือ 2 หรือรองนั่นเองนะคะ การ Action ในลำดับรอง มันหมายถึงการเคลื่อนไหวของตัวที่ไม่ใช่ตัวหลักนะคะ การเคลื่อนไหวรอง แต่มันจะไปเน้นการเคลื่อนไหวหลัก เหมือนที่ยกตัวอย่าง ว่าเวลาเราส่ายหัว ผมก็ต้อง... สิ่งที่ต้องเคลื่อนไหวรอง ก็คือผมจะต้องสะบัด ไม่ใช่ส่ายหัวแล้วผมปุ๊บ ผมยังอยู่กับที่นะคะ นั่นคือต้องให้เห็นว่า การเคลื่อนไหวรอง ก็ต้องเกิดขึ้นด้วยเหมือนกันนะคะ ไม่ใช่มีแค่ตัวเดียวแล้วจบนะคะ ไปอันที่ ต่อไปเลยนะคะ ข้อที่ 8 Timing คือ เวลาเราจะทำแอนเมชันนี่ มันจะมีเวลามันมีส่วนมาเกี่ยวข้อง เพราะอะไร ให้นึกถึง ถ้าลักษณะของเวลามันไม่สอดคล้องน่ะค่ะ นะคะ ความเร็วไม่สมดุลกับเวลานะ เหมือน... เดี๋ยวดูจากรูป เห็นไหม ผลัก... ผลักไอ้วัตถุสี่เหลี่ยมนี้นะคะ ดูความเร็วในการผลัก แต่ละแบบเห็นไหม เห็นไหมคะ ดูใหม่ดูช้า ๆ ไอ้เส้นที่ขีด ๆ นั่นคือลักษณะของพอเวลาที่มันเกิดขึ้นเห็นไหม ไอ้ตัวล่างนี่ มีการสะดุดตรงช่วงกลางใช่ไหม ผ่านไปนะคะ เห็นไหมคะ แต่ตัวบนไม่มีเลย แต่เด็ก ๆ คิดว่าอันไหนถูก การเคลื่อนไหวของภาพบนหรือล่างถูก เดี๋ยวจะถามนะ คิดว่าถ้าทำเป็น Animation นี่ คิดว่าอันไหน อันที่ 1 หรืออันที่ 2 ถูก จะขึ้นไหมนี่ ไม่ขึ้นอีกแล้ว ไม่ได้ บิว ๆ เมื่อกี้ดูอยู่ เมื่อกี้ที่ถามว่า Timing นะคะ ในภาพวิดีโอนี่ ระหว่างอันที่ 1 กับอันที่ 2 บิวคิดว่าอันไหน เดี๋ยวให้ดูซ้ำ อันที่ 1 ทีนี้ดูดี ๆ นะคะ สังเกตอันที่ 1 ผลักไปนี่ สี่เหลี่ยม รูปสี่เหลี่ยมมันเป็นอย่างไร มันตรงแด่วเลย ให้นึกถึงเราโดนเพื่อนผลัก ตัวเราไม่ตรงขนาดนั้นหรอก ใช่ไหม ตัวมันก็จะต้องเอียงไปตามแรงผลักน่ะ ใช่หรือเปล่า เพราะโดนผลักปุ๊บ ไอ้มุกลองของเลยนะคะ ใช่ไหม เพราะฉะนั้น ตามหลักรูปที่ 2 ถึงจะถูกนะคะ ให้นึกถึงว่าพอ Action ที่ 1 เกิดขึ้นนี่ สิ่งที่ต้องตามมา Action รอง ก็ต้องมีออกมาด้วย โดนผลักปุ๊บนี่ ตัวเรามันก็ต้องเอนไปตาม ไม่ใช่พอผลักอยู่นิ่ง ๆ แบบนี้ นึกออกไหม ให้นึกถึงนะ พอผลักปุ๊บ คนโดนผลักก็จะเอียง เขาเรียกว่ามันเป็นปฏิกิริยาตอบสนองอัตโนมัติด้วยเหมือนกันนะคะ พอเพื่อนผลัก กลัวจะล้มก็เอียง ๆ หน่อย ๆ อย่างนี้นะคะ ใช่ ๆ นะคะ นั่นคือ Timing นะคะ มันต้องสอดคล้องกันด้วยนะคะ คือ เวลาที่เกิดเหตุการณ์นี้ แล้วก็สิ่งที่จะเกิดขึ้นต้งสอดคล้องกันนะคะ ต่อไป Exaggeration เกินจริง เห็นไหม ทำแอนิเมชันก็คือ Exaggeration ในภาษาเขาบอก Exaggeration ในภาษาวัยรุ่นพูดง่าย ๆ ก็คือต้อง Overacting นะคะ ไอ้แบบใหม่นี่ ต้องอะไร ถ้าเวเลาทำอะไรโอเวอร์ โอเวอร์นี่ เรียก "โอเวอร์" นี่ สมัยนี้เรียกว่าอะไรลูก ทำอะไรเกิน ๆ หน่อย ๆ นี่ ใช้คำว่าอะไรคะ ใช้คำว่าอะไรคะ นะคะ นั่นล่ะ นะคะ คือ เหมือนถ้ามีการเคลื่อนไหวเกิดขึ้นนี่ อาจจะต้องเพิ่ม เพิ่มให้มันดูเวอร์ ๆ เข้าไปนะคะ เหมือนในตัวอย่าง เล่น เห็นไหม ไอ้วัตถุนี้ อยู่ ๆ จากสี่เหลี่ยม กลายเป็นตัวอะไรมางับ นะคะ เห็นไหม มียิงไอ้เม็ดสี่เหลี่ยมเล็ก ๆ ออกมา พอลอยมาถึง ไอ้นี่กลายเป็นอ้าปากงับเลย เห็นไหมคะ ทำให้ดูเกินจริงนะคะ คือ มันบอกว่ากลายเป็นเหมือนทำให้ดูเกินจริง แต่ไม่น่าเกลียดน่ะ นะคะ เขาเรียกว่า "Exaggeration" นะคะ Solid drawing Solid นั่นคือการเติม นึกออกนะ เหมือน Solid color ก็คือใส่สีเข้าไป Solid หมายถึง การวาดให้วัตถุมีมิติ หรือมีเงาที่มันสมจริงนะคะ ให้นึกถึงตามหลักของอะไร รูปทรง พอเวลามีเงา เงาไปทางไหน นึกออกนะ เหมือนเงาจะเกิดขึ้นก็ต่อเมื่ออะไรคะ เมื่อมีแสงมาส่องใช่ไหม ถ้าส่องทางด้านหลัง เงามันก็จะไปอยู่ข้างหน้า ถ้าแสงส่องด้านข้าง สมมติส่องซ้ายเงาก็จะอยู่ทางขวาอย่างนี้นะคะ นั่นคือการวาดให้มันเกิดมิติหรือแสงเงา ต้องดูให้มันสอดคล้องกับการเกิดแสงเงาจริง ๆ ด้วยนะคะ Solid drawing เขาก็เลยเรียกว่า "Solid drawing" ดูตัวอย่างภาพ นี่เห็นไหม พอหมุน เห็นไหมคะ เส้นที่เกิดขึ้นขึ้นมาจากทางไหน เห็นไหมคะ หมุน แล้วก็มีเส้นวิ่งมานะคะ ใส่แสง ใส่เงา เหมือนที่บอกนะคะ จะเป็นลักษณะนี้ แล้วให้นึกถึงความใกล้-ไกล ของระยะห่างด้วย ไม่ใช่อยู่ไกล ๆ ชิ้นบะเร้อ ถูกไหม วัตถุอยู่ไกล ๆ ชิ้นก็ต้องเล็ก แต่พอเคลื่อนเข้ามา ขนาดของวัตถุมันก็ควรจะใหญ่ขึ้นแบบนี้นะคะ นั่่นก็คือการให้แสงเงานั่นเอง Solid drawing นะคะ น่าจะเหลืออีก 2 ข้อนะ แรงดึงดูด Appeal นะคะ การสร้างแรงดึงดูด แรงดึงดูดในทีนี้ ก็คือไม่ใช่แรงดึงดูดของโลกนะ ในที่นี้ หมายถึง ทำให้ไอ้ตัวการ์ตูนเราน่ะ มีความน่าสนใจ แรงดึงดูดที่เกิดจากตัวการ์ตูนนั้น หรือูรูปทรงนั้นนะคะ ไม่ใช่แรงดึงดูดของโลกนะคะ ก็คือสร้างบุคลิกนะคะ หรือสร้างเอกลักษณ์ให้ตัวละคร ให้นึกถึงเหมือน... เด็ก ๆ น่าจะดูไอ้ Donal Duck ไหม Mickeys Mouกับโดนัลดักน่ะ ก็คือมันพูดไม่เป็นภาษาเลยมันมีแรงดึงดูด ก็คือพูดอะไรไม่รู้เรื่อง แต่รู้เลยเธอพูดเร็วนึกออกนะ ถ้าดูลักษณะเธอก็จะอะไรน่ะ จอมโวยวายไหม เพราะลักษณะการพูดของมันก็กั๊บ ๆ ๆ อยู่นั่นล่ะ นั่นก็คือการสร้าง Appeal ให้ตัวงานนะคะ หรือตัวละครนั้น แรงดึงดูดในที่นี้นะคะ เดี๋ยวดูตัวอย่าง ทำให้ ไอ้สี่เหลี่ยมนี่ ดูมีความน่าสนใจ เช่น ให้มันดูสิ สี่เหลี่ยมเต้นระบำได้ สร้างแรงดึงดูด ให้ดูไม่เป็นสี่เหลี่ยมธรรมดา นะคะ หรือตัวละครในตัวอย่าง ไม่รู้จะเปิดให้ดูไหม วิดีโอไม่ขึ้น ไม่เป็นไรนะคะ คือ ให้นึกถึงตัวละครที่ทำแล้วมีจุดเด่น เช่น Stich ไหม Stich ที่มาจากต่างดาวแบบนี้ นั่นก็คือการสร้าง Appeal ให้มันนะคะ ครบ 12 ข้อของเรานะคะ คือ เราจะทำ Animation นี่ เราจะต้องนึกถึงวิธีการเคลื่อนที่ หรือสิ่งที่จะเกิดตามมาอะไรพวกนี้ด้วยนะคะ ทีนี้เดี๋ยวเราจะเบรกก่อน นะคะ เดี๋ยวจะให้พัก ไปเข้าห้องน้ำ ไปดื่มน้ำอะไรให้เรียบร้อย แล้วเราจะมาต่อที่โปรแกรมที่เราจะใช้ในการสร้าง ทีนี้เด็ก ๆ เปิดตัวการ์ตูนที่เคยวาดไว้ขึ้นมา นะคะ เอาเป็นไฟล์ภาพนะคะ ทำไว้ด้วยนะคะ เดี๋ยวพอเขามาเราจะได้ไปต่อได้ โอเคค่ะ พักเบรกก่อนนะคะ 10 นาทีนะ โอเค หรือ เท่าไหร่ดี ตอนนี้ 10.13 น. ก็เกือบ 15 นาที ตีให้ไปถึง 10.30 น. แล้วกันนะ 10.30 น. นะคะ แล้วเรามาต่อ เข้าห้องน้ำ ไปพักเบรกได้ค่ะ เด็ก ๆ พี่ล่ามก็พักเบรกด้วยเหมือนกันนะคะ ขอบคุณค่ะ (อาจารย์สุธิรา) เด็ก ๆ จะต้องมีรูปภาพนะคะ ต้องมีไฟล์ภาพ ตัวการ์ตูน 1 อัน จำได้นะ ที่ให้วาดรูปใน... ใน Word ใครที่วาดใน Word เสร็จแล้วน่ะ นะคะ เปิด Word ก่อน ใน Word นะคะ ที่เราวาดนี่ จำได้นะ แขน ขา เห็นไหมคะ คนละชิ้นนะคะ เด็ก ๆ นี่ี ทีนี้เวลาจะทำให้เป็นไฟล์ภาพ ก็... ดูนะคะ หลักการง่าย ๆ เลย Ctrl + A Select all เลือกทุกชิ้นส่วนเลย แล้วก็กดคัดลอก แล้วเราก็เปิดโปรแกรม Paint ของเราขึ้นมานะ เสร็จแล้วก็กดวางค่ะ เห็นไหม เราก็ปรับขนาดภาพให้มันพอดีตัวเลย นี่ ให้เหลือพื้นที่นิดหนึ่ง แล้วก็เลือกคำสั่ง Crop เพื่อตัดนะคะ เสร็จแล้วก็ File Save as... PNG หรือ JPG ก็ได้ PNG ภาพจะไม่ใหญ่มาก คลิก PNG แล้วก็ตั้งชื่อให้เขานะคะ อย่างนี้นะคะ เสร็จแล้วก็พิมพ์ชื่อ แล้วก็กด โอเคไหม เด็ก ๆ น่าจะมีรูปกันแล้วนะคะ สิ่งที่จะทำนะคะ เดี๋ยวเราจะเข้าสู่เนื้อหากันต่อ ล่ามหายหรือเปล่านี่ เอาใหม่ Crtl + C กลับไปที่ Extend โอเคนะคะ ก่อนอื่นเราต้องมารู้ก่อนว่าโปรแกรมที่ใช้ทำแอนิเมชันนี่ สัญญาณไม่ได้หรือ หลุดนะคะ โอเค โปรแกรมที่เราจะใช้สร้างนี่ บอกแล้วว่ามันมีเยอะ ใช้คอมพิวเตอร์สร้างนี่ แบบแรกนี่ Drawing นี่ ที่เป็น Frame by Frame คือ เราต้องวาดหลาย ๆ รูปใช่ไหม แต่เมื่อกี้แม่บอกว่าเราวาดรูปหมีแค่รูปเดียวใช่ไหมคะ แต่เด็ก ๆ จะต้องวาดส่วน แขนกับขามันให้เป็นคนละส่วนตามที่บอกนะ เดี๋ยวก่อนอื่นมาดูก่อนว่าโปรแกรมทำแอนิเมชันนี่ ที่... นี่นะคะ ที่ไปค้นมานี่ มันบอกว่าเป็น 22 โปรแกรมที่ใช้งานง่าย ไม่ซับซ้อน ทำภาพเคลื่อนไหวสวย สวยแบบมือโปรเสียด้วย นะคะ มีโปรแกรมอะไรบ้างนะคะ ให้เด็ก ๆ ค้น ไปที่ Google นะ เข้า Google ปุ๊บนะคะ แล้วกก็ค้นด้วยคำว่า คำว่าอะไร คำว่า... ไหนล่ะ คำว่า "22 โปรแกรมทำทำ Animation" น่ะค่ะ ค้นด้วยคำค้นข้างบนเลย จะได้เจอเว็บ (ไซต์)เดียวกันนะคะ จะได้รู้ว่ามีโปรแกรมไหนบ้าง ค้นด้วยคำค้นข้างบนนะคะลูก 22 โปรแกรมทำ Animation นี่ ๆ ลองค้นดูเข้า Google เปิดเว็บเบราว์เซอร์ Chrome หรืออะไรก็ได้ แล้วแต่ถนัด เปิดขึ้นมาแล้วที่ Google search พิมพ์ 22 นะคะ ถ้าใครเข้ามาแล้วนะคะ ถ้าใครเข้ามา จะเข้ามาหน้านี้ เห็นไหมนะคะ ถ้าใครเลือกพิมพ์ 22 โปรแกรมทำแอนิเมชัน ตามนี้ จะขึ้นไอ้ตัวนั้นมา แล้วคลิกเข้ามานี่ เข้ามาที่ตัวนี้นะคะ จะมาเจอหน้าเว็บฯ นี้นะคะ มันมีเยอะกว่านี้อยู่ แต่คือที่เราค้นมานี่เราก็รวบรวมจากกูรูทั้งหลายแหล่นั่นล่ะ เรามาเลือกเองนี่ บางทีมันก็เยอะก็อาจจะเลือกไม่ถูก ว่าอย่างนั้นเถอะ เด็ก ๆ ก็เลย... ก็เลยพาเด็ก ๆ มาค้นวิธีนี้นะคะ ของคนนี้นะคะ คนนี้เขาบอกว่าเขาแยกออกเป็น เขาแยกลักษณะแอนิเมชันของเขานะคะ และก็โปรแกรมที่ใช้ทำนี่ แยกแบบที่ 1 เป็นแบบแอนิเมชันเล่าเรื่อง Storytelling 22 โปรแกรมทำแอนิเมชัน เอาแค่นี้พอ ไม่ต้องไป Search เต็ม เอาแค่นี้พอ นะคะ Search อย่างนี้นะคะ ใน google นี่ Search ว่า 22 โปรแกรมทำแอนิเมชัน นี่ มันขึ้นมาเลย เห็นไหมคะ ขึ้นชื่อแรกมา เลยเห็นไหม รวม 22 โปรแกรมทำแอนิเมชัน สร้างภาพการ์ตูนเคลื่อนไหว ง่าย ๆ คลิกเข้าไปได้เลยนะคะ ให้เด็ก ๆ คลิกเข้าไปได้เลย ก็จะขึ้นมาที่หน้านี้นะคะ คือ ง่ายขนาดที่ว่า กด 3 คลิก ก็ทำแอนิเมชันได้แล้ว ก็มีนะคะ ว่าอย่างนั้นเลย เขาแบ่ง แบ่งลักษณะของแอนิเมชัน คนนี้นะคะ เว็บฯ นี้เขาแบ่งเป็น Storytelling ก็คือการเล่าเรื่อง เช่น การ์ตูนหรือนิทานอะไรพวกนี้ จะเป็น Storytelling นะคะ แล้วก็แอนิเมชันของเขาแบบที่ 2ทำภาพเคลื่อนไหวเพื่อการนำเสนอ Presentation ก็คือสร้างภาพเคลื่อนไหว มาทำ Presentation นะคะ แล้วก็แบบที่ 3 เป็น Whiteboard Animation มาดูตัวแรกก่อน แอนิเมชันแบบเล่าเรื่องนะคะ เขาบอกว่าตัวอย่างของแอนิเมชันเล่าเรื่อง ก็เช่น นิทาน หรือวิธีใช้สินค้า Product คือ สินค้านะ หรือการแนะนำโปรโมชันต่าง ๆ การดูสัญญาณจราจร การเล่าประวัติศาสตร์อะไรอย่างนี้นะคะ ก็คือมันมีเรื่องราว หรือมีคอนเทนต์นั่นเอง สร้างเป็น Animation ทำให้เป็นเรื่องเป็นราวนะคะ เขาบอกตัวแรกชื่อ Animaker ชื่อโปรแกรมนี้นะคะ ตัวนี้ใช้ทำ Animation ได้ทั้งแบบ 2D 2D, 2.5D เยอะแยะนะคะ Hadcraft Infographic ก็ได้ Typographic เดี๋ยวเราได้เรียนแน่นอน Inforgraphic นี่ 2 ตัวนี้นะคะ ในสัปดาห์ถัดไปนะคะ มีทั้งแบบฟรีแล้วก็เสียเงิน ก็คือให้เราลองใช้เสียก่อน ถ้าถูกใจแล้วค่อยไปเสียตัง ว่าอย่างงั้นเถอะ เดี๋ยวนี้โปรแกรมทุกอย่างเขาจะมีให้ฟรีก่อน ให้ไปลองก่อน ถูกใจไหม ใช้แล้วโอเคไหม ถ้าโอเคอยากเสียเงินก็ค่อยไปเสียเงินนะคะ เพราะไม่อย่างนั้น ใช้ยาก ในยุคก่อน ๆ นี่ มันไม่มีฟรีโปรแกรมนะ คือ มาปุ๊บต้องซื้อใช้อย่างนี้นะคะ ถ้าใช้ยากก็ดองไว้ อะไรอย่างนี้นะคะ แล้วพอบางทีใช้แล้วยากดองไว้อย่างนี้นะคะ โปรแกรมที่ 2 ชื่อ Animatron Animatron T-r-o-n ตอน เห็นไหมคะ เขาบอกว่าโปรแกรมนี้ได้แรงบรรดาลใจมาจากภาพยนตร์เรื่องอัลตรอนของมาเวล ไอ้ตัวยอดมนุษย์น่ะ ค่ายหนัง Marvel น่ะ ที่ดังสุดก็อะไรนะ ไอ้ตัวแดง ๆ น่ะ ชื่ออะไรนะ จำชื่อไม่ได้ พี่ดอม ชื่ออะไรนะ ไอ้... Ironman ใช่ไหมคะ ของ Marvel น่ะค่ะ คือ ไอ้พวกภาพยนตร์ยอดมนุษย์ของต่างประเทศ มันจะมีของ Mavel กับค่ายอะไรนะ ใช่ ๆ ๆ นั่นล่ะนะคะ ก็จะมี 2 ค่ายนั้น ก็จะสร้างหนังแนวยอดมนุษย์พวกนี้นะคะ นี่ จะเป็นตัวนี้นะคะ สามารถทำออนไลน์ได้ Animatron นี่ ทำออนไลน์ได้ Animaker นี่ ก็ทำออนไลน์ได้นะคะ นี้แหละนะคะ แต่ไม่รู้เวลาเรจะพอหรือเปล่าเพราะตอนนี้ปาไป 10.00 น. จะ 11.00 น. แล้ว นะคะ อีกตัวหนึ่ง Biteable มีหลายตัวนะเด็ก ๆ อันนี้ไปดูรายละเอียดเอาเองแล้วกัน ว่าStoryteller เป็นแบบนี้นะคะ อีกตัวหนึ่งทำเพื่อนำเสนอหรือ Present เดี๋ยวนี้ทำ Present แบบปกติก็ไม่ได้แล้ว ให้มีความน่าสนใจต้องทำเป็นแอนิเมชันด้วยนะคะ ก็จะมีตัวอย่างของโปรแกรมหลายตัวอยู่เหมือนกันนะคะ เด็ก ๆ ไปอ่านดูได้นะคะ อันนี้ไม่อธิบาย เพราะว่า คือ ถ้าเป็นสมัยก่อน โปรแกรมแต่ละอย่างที่ทำออกมาน่ะ มันจะมีตัว 2 ตัว ไม่มีให้เลือกใช้เยอะเหมือนปัจจุบันนะ ถ้าสมัยก่อนก็ Fix ไปเลย ว่าโปรแกรมนี้ทำแอนิเมชันได้นะคะ คือ ถ้าเป็นยุคแรก ๆ เลย ก็คือ Flash ค่ะ โปรแกรม Flash น่ะ เอาไว้ทำแอนิเมชันเลย แต่ปัญหา ก็คือ Flash กินทรัพยากรมากเลย เพราะอะไร เพราะลักษณะการทำงานของเขา เป็นแบบที่เรียกว่า Ftame by Frame ทำสร้างทีละเฟรม ทีละเฟรมน่ะ มันก็จะใช้พื้นที่เยอะนะคะ อยากบอกว่าโปรแกรมทำแอนิเมชันใหม่ ๆ สุดยอดนะคะ ใช้ง่ายและใช้พื้นที่น้อยบนะคะ เราแทบไม่ต้องทำอะไรก็มี เดี๋ยวให้ดูนะคะ ตัวต่อมา โปรแกรมทำ Whiteboard เขาบอกว่ามันเป็นการนำวิธีที่เราเขียน Whiteมาว่าเราทำอะไรอยู่ คือ เปลี่ยนจากไวท์บอร์ดปกติ มาให้เป็น Whiteboard แบบ Animation ได้ เดี๋ยวให้ดูภาพตัวอย่างก็ได้ มันจะเป็นลักษณะนี่ มันก็จะมีพื้นที่ พื้นที่ ก็คือเป็นลักษณะเเสร็จแล้วก็จะใส่ เพราะตัวนี้มันเป็นตัวใหม่ Whiteboardเพิ่งมามี น่าจะ... คือ ถ้ามาถึงบ้านเราก็น่าจะเป็นตัวนี้ นะคะ แต่อยู่เมืองนอกก็น่าจะมีหมดแล้วล่ะ นี่ คือ ถ้าเป็นแต่ก่อน Whiteboard ใช้เขียนใช่ไหม แต่ถ้าเป็นแอนิเมชันก็จับวัตถุเข้ามา แล้วก็ Present ออกมาแล้วก็นำเสนอแบบนี้เป็นต้นนะคะ เป็นลักษณะนี้นะคะ มีหลายตัวนี่เหมือนอย่างนี้ เหมือนเขียนเลย ทำเป็นเหมือนเขียนเลย เหมือนเขียน Whiteboard แต่คิดดูใครจะเขียนได้เร็วขนาดนี้ เวลาเขียน Whiteboard จริง ๆ ถูกไหม แต่พอมาทำเป็นแอนิเมชัน มันก็เลยทำให้ดูเร็วขึ้น แต่เข้าใจได้ง่ายขึ้น เพราะว่าการใช้ภาพเป็นตัวสร้างความรู้ หรือองค์ความรู้นี่ เขาบอกว่าการจำจากภาพ มันจะง่ายกว่าการจำจากตัวอักษรนะคะ อย่างนี้เป็นต้น นี่คือลักษณะ Whiteboard Animation นะคะ นี่คือตัวอย่างของโปรแกรมนะคะ มีเยอะกว่านั้นอีก เด็ก ๆ ลองค้นด้วยการค้นว่าโปรแกรมทำแอนิเมชัน ก็ได้ก็จะมีเยอะกว่านั้น อันนี้ส่วนใหญ่เขาก็จะเป็น Free trail ก่อน ถ้าถูกใจแล้วค่อยซื้อ เพราะอะไร เพราะว่าส่วนใหญ่งานแอนิเมชัน จะทำเพื่อ... ถ้าไม่ทำไปขาย นึกออกนะ ก็ไม่ต้องซื้อไง ใช้ฟรี แต่ให้นึกถึงว่าของฟรีน่ะ มันก็จะได้ฟังก์ชันไม่ครบ อาจจะอยากทำอย่างนี้ แต่ทำไมมันก็ทำไม่ได้ แต่ถ้าเสียเงินนี่ ลูกเล่นนี้บางทีมันทำได้ แต่ต้องเสียเงินซื้อมันนะ อะไรอย่างนี้ เป็นต้นนะคะ ทีนี้มาดูโปรแกรมที่จะให้ลองทำในวันนี้ ตัวนี้ง่ายสุดแล้ว แต่ แต่ ๆ ๆ มีแต่นะคะ แต่เด็ก ๆ จะต้อง บอกแล้วว่ามีภาพวาด มีหรือยัง เปิดไฟล์ภาพตัวเองขึ้นมา ให้ดูก่อน ว่าตัวเองมีภาพแล้ว อันดับแรกนะคะ สิ่งที่เราจะเข้าไป ก็คือตัวนี้ อยู่ที่... มือไวใจเร็วอีกแล้ว ทำไมมันขยายใหญ่ขนาดนี้ล่ะ ล้นทะลักทลาย ย่ออย่างไรนี่ ล้นจอ เดี๋ยวย่อก่อน ซูม ๆ ๆ ทำไมพอ... ก็ไม่ได้ซูมนี่นะ ตอนเปิดก็ไม่ได้ซูม แม่ก็ว่าแม่ไม่ได้กดซูมนะ ไม่อย่างนั้น เด็ก ๆ ค้นด้วยคำว่า... เข้า Google ลูก เข้า Google เข้า Google แล้วพิมพ์คำค้น ว่า "สร้างการ์ตูนเคลื่อนไหว Free บนเว็บ" พิมพ์คำค้นนี้นะคะ "สร้างการ์ตูนเคลื่อนไหวฟรีบนเว็บ" ใน Google ลูก พิมพ์ใน Google เลย เปิด google ขึ้นมา แล้วพิมพ์ในช่องคำค้นนะคะ แต่ทีนี้ถ้าใครเห็นหน้าสไลด์แล้ว พิมพ์เว็บไซต์นี้เลยก็ได้ www.goodtripit.com /animatefcreate animate cartoon ก็ได้นะคะ ถ้าใครเห็นลิงก์นี้ก็พิมพ์ตามลิงก์นี้ได้เลยนะคะ ถ้าเปิดเข้าไปเด็ก ๆ จะโผล่มาหน้านี้ หน้าไหนล่ะหน้านี้ นี่นะคะ Goodtripit นี่ จะโผล่มาหน้านี้สร้างการ์ตูนเคลื่อนไหวสนุก ๆ ฟรี ไม่อย่างนั้นก็ค้น GoodTipIT พิมพ์ด้วยคำค้นภาษาไทยตัวนี้ ดีกว่านะคะ เด็ก ๆ นี่ นี่ ให้พิมพ์ว่าสร้างการ์ตูนเคลื่อนไหวฟรีบนเว็บนี่ แล้วกด Enter พิมพ์ด้วยภาษาไทย จะไป จะเข้าหน้านี้นะคะ ใครที่เข้ามาแล้ว รอเพื่อนแป๊บหนึ่ง เด็ก ๆ จะเข้ามาที่เว็บ ชื่อว่า GoodTipit นะคะ มีหมีตัวนี้นะ เสร็จแล้วให้ไปไหน มาดูนะคะ ให้เราคลิกที่เปิดเข้าเว็บ เห็นไหม ไปที่ข้อที่ 1 นี่เห็นไหมคะ มันจะมีลิงก์ว่าเปิดเข้าเว็บคลิกที่ลิงก์sketch.metademolab นี่ ก็จะเข้ามาหน้านี้เห็นไหมคะ ใครยังไม่เข้ามาหน้านี้ ดูดี ๆ กดตรงนี้นะ กดที่ลิงก์นี่ เห็นไหม sketch.metademolab นะคะ จะเข้ามาที่หน้าเว็บนี้ ใครยังไม่เข้า ยกมือ เข้าหมดแล้วนะคะ เสร็จแล้วให้กดปุ่ม Get Started กดเลยค่ะ เสร็จแล้ว มันจะมี บอกว่าให้ Upload Photo เราคลิกที่ปุ่ม Upload Photo แล้ว ไปไฟล์ภาพเราเก็บไว้ไหน ไฟล์ภาพเก็บไว้ที่ไหนดูดี ๆ นะคะ ไฟล์รูปภาพนะคะ คลิก Upload Photo 1 ครั้ง Picture ของเราที่เอามาใช้ เช่น ตัวอย่างนี้ที่จะเอารูปน้องหมีนี่มานะคะ เลือกไฟล์ภาพที่เราจะใช้ แล้วกด Open บางทีเข้าไปครั้งแรกนี่ มันจะมีคำว่า ปุ่ม Aceept นะคะ ให้ยอมรับก่อนนะคะ มันถึงจะมาหน้านี้ได้ เราจะคลิก Open ของเราก่อนนะคะ เมื่อคลิก Open รูปที่ปรากฏ มันจะเป็นรูปภาพที่เราวาดไว้นะคะเด็ก ๆ ใครที่ได้รูปตัวเองแล้วกดปุ่ม Next ไปต่อได้ค่ะ มันก็จะสแกน เสร็จแล้วเราต้องกดปุ่ม agree นะคะ เพื่อยอมรับ เขาให้ยอมรับข้อกำหนดเขา ไม่ต้องอ่านหรอกค่ะ ยาว ยาวเป็นวาเลย อ่านก็ไม่เข้าใจ เพราะฉะนั้น Agree ไปค่ะ เพราะมัน Free นะคะ คือบางทีน่ะ พื้นที่ของภาพมันเยอะ ในตัวอย่างนี่ เหมือนมี 2 รูป ก็คือเราเลือกเอา 1 รูป เขาให้เลือกรูปหนึ่งอย่างนี้ เขาก็เลยมาย่อ แต่ถ้าเรามีรูปเดียว ก็ไม่ต้องไปทำอะไรมากนะคะ ในตัวอย่าง ถ้าขนาดภาพได้ขนาดนี้แล้ว เรากดปุ่ม Next ไปต่อค่ะ ทีนี้สิ่งต่อมา ก็คือเหมือนตัวนี้แขนมันไม่มี ก็คือสามารถมาวาดได้ แต่เราวาดหมดแล้วนะ คือ เราวาดองค์ประกอบครบแล้ว ในกรณีที่ที่องค์ประกอบไม่ครบว่างั้นเถอะ เราก็มาวาดแขน วาดขาเพิ่มได้นะคะ แต่ของเราวาดไว้เสร็จหมดแล้ว เราก็คลิก Next ไปได้เลย นะคะเด็ก ๆ ตรงนี้นะคะ มันจะเป็นแสดงให้เห็นว่าไอ้ตัวรูปของเรามันจะเคลื่อนไหวได้ตามไอ้จุดที่ขึ้นมานี่นะคะ เพราะฉะนั้น เราสามารถปรับได้หรือไม่ปรับก็ได้นะคะ คือ ตัวแหน่งของขา ของตัวอะไรพวกนี้ ก็คือเอาตามเขาไปก่อน อย่าเพิ่งไปทำอะไรมัน เดี๋ยวทำใหม่ได้ ก็กด Next ไปนะคะ ก็คือให้ดูว่าไอ้พวกนี้มันอยู่ในระนาบของไอ้ตัวนี้หรือยัง เห็นไหมมันสามารถย้ายจุดแขนขาได้น่ะ เห็นไหม นั่นก็คือตำแหน่งของส่วนข้อต่อนั่นเองนะคะ เราจะให้ขยับตรงไหนตรงไหนมันขยับบ้าง หรือจะเลื่อนไปที่หูอย่างนี้นะคะ ก็แล้วแต่เรานะคะ นะ เหมือนเดี๋ยวให้หูขยับ เลื่อนจุดนะคะ อย่างนี้ สมมติแม่เลื่อนทำแหน่งหู เสร็จแล้วแม่บอกโอเคแล้ว ย้ายตำแหน่งขาหน่อย นะคะ แล้วแม่ก็จะกด Next ทีนี้มันจะมีให้เลือก ว่าจะ Add Animation อะไรเข้าไป เป็นเต้นไหม เป็นสนุกสนาน เป็นกระโดด เป็นเดิน เห็นไหมสามารถเลือกลักษณะการเคลื่อนไหวได้นะคะ เห็นไหม เห็นหรือยัง Jumping น่ะ ดู Jumping พอเราเลือกรูปไหน ให้ดูในตัวอย่าง การกระโดดมันก็จะไปตามตัวอย่าง เพราะฉะนั้นนะ ให้นึกถึงว่าถ้ารูปเราความละเอียดมันน้อยน่ะ ลักษณะการเคลื่อนไหวมันก็จะไม่ค่อยเนียนไงลูก นึกออกนะ สมมติเอาน้องหมีเต้น น้องหมีเต้น อยากให้น้อง Dancing นะคะ ก็จะเลือกตัวแรก Dancing เห็นไหม มีกระดิกขา เห็นไหมคะ วาดชิ้นเดียว แต่เห็นไหม เคลื่อนไหว ดูการเคลื่อนไหวเขาสิ หรือเขาบอกเห็นไหม Drawn ได้ วาดใหม่ได้ ก็คือเลือกรูปมาใหม่นะคะ ก็ไปเลือกภาพมา สมมติเอารูปจากในนี้เขา ย้อนไปก่อน สามารถไปเลือกของเขาวาดไว้ก็ด้นะ โยโกะเอาจากอันนี้ก็ได้นะ เห็นไหม นี่ เลือกเอาสักตัวหนึ่ง เช่น สมมติจะเอาตัวนี้นะ ที่เขาวาดไว้แล้วนะ กด Next ไป ลองเอาจากที่เขาวาดไว้ให้ เดี๋ยวนะ อันนี้คือแขนหรือ ถ้าสมมติวาดเพิ่ม วาดแขนเพิ่ม สมมตินะคะ สมมติ แล้วกด Next มันไม่ได้มีปุ่มอะไรพิสดารเลยนะ เอาใหม่ ๆ เริ่มใหม่ก็ได้นะคะ ตรงรูปภาพใช่ไหมคะ ตรงรูปภาพที่เราจะใช้นะคะ ถ้าใครยังไม่มีรูปที่บอก ก็คือมาเลือกจาก นี่ ที่เขามีให้ก็ได้ แต่ถ้าเรามีแล้ว เราก็ Add Photo นะคะ เดี๋ยวจะลองรูปนี้สิ ไม่ได้วาดเองนี่ มันจะเคลื่อนไหวไหม แล้วกด Next เดี๋ยวมันก็จะให้กด Agree ต้องกดยอมรับ แล้วก็เลือกขนาดของภาพนี่ นึกออกนะ จะเอาไซซ์เท่าไหนนี่นะคะ แบบนี้นะคะ แล้วก็กด Next ต่อ ตรง Setorettion Charactor นี่ ว่าถ้าให้เช็กว่าเรามีแขนมีขาครบไหม ถ้าไม่ครบก็วาดเพิ่ม ก็ให้คลิกวาด หรือจะลบออกนะคะ หรือจะเพิ่มอะไรเข้าไปน่ะนึกออกนะ นะคะ ถ้าไม่เพิ่มอะไรก็กด ถ้าจะลบออก เช่น จะลบตัวหนังสือออก อย่างนี้นะคะ ก็ลบออกไป ลบออกอย่างนี้ แล้วก็กด Next ตรงไหนจะให้ขยับบ้าง ก็จุดนี่ปรับหรือไม่ปรับก็ได้ แล้วแต่เรา ถ้าปรับก็ขยับ นะคะ แล้วก็กด Next แล้วตรง Add Animation นี่ เราสามารถเลือกได้ไง ว่าจะให้ทำอะไร นี่ เห็นไหมคะ ตลกน่ะ ขาสั้น แล้วให้น้องทำแบบนี้ เห็นไหม อันนี้ง่ายสุดแล้ว เห็นหรือเปล่าคะ เหมือนที่บอกน่ะ คือ รูปที่เราวาดน่ะ ความละเอียดอะไรอย่างนี้ ก็ขึ้นอยู่กับเด็ก ๆ น่ะค่ะ นะคะ เอา FUNNY เอา FUNNY หัวเราะ มันสู้ชีวิตมากเลย ดูสิ แทนที่มันจะยกแขนใช่ไหม บอกแล้ว อยู่กับรูปตัวเองวาดออกมาด้วยนะคะ อันนี้คือง่ายที่สุดแล้วนะเด็ก ๆ ถ้าสมมติจะเอาไปใช้ ก็คือกด กดอะไร เขาบอก เห็นไหมมันจะมีขั้นตอนอยู่ในหน้าเว็บฯ เขาจะบอกอยู่นะ พอเลือกเสร็จนะคะ กด fix คำว่า "fix" นะ คือ เราต้องการให้ภาพมันเคลื่อนไหวแบบตัวอย่างนี้ ไม่เอาน่ะ น้องเสือขามันสั้น พอเดินแล้วมันไม่ใช่ ขอเปลี่ยนเอาน้องหมีเหมือนเดิมแล้วกัน น้องหมีน่าจะน่ารักกว่า ไม่ปรับจุดนะคะ รอบนี้จะไม่ปรับจุดแล้ว ดูสิว่าจุดที่เขาตั้งมาให้ ออกมาแล้วมันจะสมูตออกมากว่าที่ตั้งใหม่ไหม ดูดีกว่านะคะ เดี๋ยวเอาน้องหมี Dancing ดีกว่า นั่นก็คือถ้าเราเลือกแล้ว ว่าเอารูปนี้ เราก็กดที่คำว่า "fix" เด็ก ๆ กดปุ่ม Fix ค่ะ ที่ปุ่ม fix นี่ มันก็จะให้เช็กตรงนี้หรือเปล่า ถ้าใช่ เราก็กด Next ไป เข้าใจหรือยัง อันนี้หลักการ ก็คือมันเป็น AI นะคะ คือ เขาทำโครงมันมาไว้แล้วนึกออกนะ เห็นไอ้จุดรอยต่อใช่ไหม นั่นก็คือโครงของตัวการเคลื่อนที่มันทำมาไว้แล้ว เพราะฉะนั้น ถ้าตัวการ์ตูนเปลี่ยน รูปแบบการ์ตูนเปลี่ยน ไอ้นี่มันก็จะเปลี่ยนตามน่ะ นะคะ นั่นก็คือหลักการของตัวนี้นะคะ หัวเราะ อันนี้ง่ายสุดแล้วนะคะเด็ก ๆ คือ เราไม่ต้องทำเอง แค่มีรูป 1 รูป ก็เอามาทำเป็นเคลื่อนไหวได้ ทีนี้ แต่ แต่ ๆ ๆ ในความเป็นจริงเวลาให้ทำงานส่ง คงจะไม่เอาง่ายขนาดนี้ใช่ไหม มันควรจะเป็นลักษณะแบบที่ว่า "Storytelling" นั่นเอง เป็นเรื่องเป็นราว นะคะ มาดูโปรแกรมต่อไป โปรแกรมนี้ชื่อว่า Animaker โปรแกรมที่ 2 เห็นไหมคะ ให้เด็ก ๆ เข้า พิมพ์คำว่า Animaker พิมพ์คำค้นว่า Animater นะคะ a-n-i-m-ak-e-r พิมพ์คำว่า "Animaker" ปุ๊บ นะคะ แล้วมันจะไปไหน A-n-i เห็นไหมคะ a-n-i-m-a-k-e-r Animaker คลิกเข้าไปปุ๊บ ก็เข้าไปที่นี่นะคะ Animaker .com นะเด็ก ๆ เลือกให้ถูกอันนะ Animaker อันที่ 2 นะคะ ต้องไปที่เว็บฯ ที่ขึ้นอันที่ 2 Animaker Animation video cloud for free ไอ้ตัวสีม่วง ๆ นี่ โลโก้ไอตัว สีม่วง ๆ นี่จะขึ้นมา ไอ้ตัวเหมือนอะไรล่ะ จะบอกมนุษย์ต่างดาวไหม มีโดมสูญญากาศด้วยนะ คลิกคลิกที่เมนู Create your first video สร้างงานชิ้นที่ 1 สร้างวิดีโออันแรกของเรานะคะ คลิกเข้าไป ใช่ เขาจะให้ล็อกอิน เราจะล็อกอินด้วยอะไร Google เลยเด็ก ๆ Google หรือ Face (book) ก็ได้นะคะ แล้วแต่ อันนี้จะเลือก Google นะ แล้วก็เลือกเว็บฯ เราน่ะ ไม่ใช่เว็บฯ เรา Email ของเรา Email Google Gmail ของเรา นะคะ ใส่รหัสผ่านของเรานะคะ เข้าไป มันก็จะให้ตั้งชื่อ Default work space พื้นที่น่ะค่ะ พื้นที่ในการสร้างนะคะ จะเอาชื่อภาษาไทยหรือภาษาอังกฤษก็ได้ เดี๋ยวขอเปลี่ยน มันยาว ไม่เอาน่ะ New Team 1 แล้วกันนะคะ เอาชื่อเล่นตัวเอง แล้วคลิก Create เขาบอกว่าสามารถใช้กับเพื่อนได้ ก็คือเลือกอีเมลเพื่อนน่ะ นึกออกนะ ถ้าไม่เอา เราก็ คลิกข้ามไปนะคะ มันก็จะเข้ามาที่Create your movement จะเข้ามาที่หน้าที่ ตอนนี้เข้ามาหน้านี้กันหรือยัง ระหว่างรอเด็ก ๆ เข้ามาหน้านี้นะคะ มันจะขึ้น เข้า Login หรือยัง ถ้า Login เข้ามา ที่มันมีให้กรอก Email คนอื่น ไม่ต้องกรอก เดี๋ยวมันจะเข้ามาหน้านี้เอง ข้ามน่ะ ข้ามมาเลย ไหนใครยังไม่เข้ามาหน้านี้ยกมือนะคะ เข้ามาแล้วนะ ker ker Animaker a-n-i-m-a-k-e-r ไปไหนล่ะนี่ ไม่เป็นไร เดี๋ยว... ทำไมไม่ขึ้นนะ อะไรของมัน นะคะ หายไปไหน ขึ้นมาหน้านี้หมดทุกคนแล้วใช่ไหม สิ่งที่เราจะทำก็คือเลือก Create a blank project คือ อันนี้เขาทำไว้แล้ว ลองเข้าไปดูก็ได้นะ Preview ดูก็ได้เด็ก ๆ ลอง Previev ดู เอาไปใช้ได้ เขาบอก นะคะ อันนี้ในตัวอย่างที่ทำไว้แล้ว แต่เราจะให้ทำเอง เพราะฉะนั้น เราก็คลิกที่เป็นรูปเครื่องหมาย + เปล่า ๆ นี่นะคะ คลิกที่ Create a bank Project ก็คือสร้างใหม่ คลิก 1 ครั้ง มันก็จะให้เลือกขนาดวิดีโอ เอาเท่าไหนดี เอาแบบยาว แบบในมือถือจะเป็นแบบแนวตั้งนะ แล้วก็แบบสี่เหลี่ยม เด็ก ๆ อยากได้แบบไหน เลือกได้เลยนะคะ เลือก Choose Your Video Site เราเอาแบบยาวแล้วกันนะ ส่วนใหญ่มันก็น่าจะ เพราะดูในตัวอย่าง ในตัวอย่างส่วนใหญ่ก็เป็นแบบยาว ส่วนใหญ่เขาก็จะทำเป็นแบบยาวนะ เพราะฉะนั้น เราเลือกแบบยาวนะ แล้วกันนะคะ คลิก รอเจ้าตัวนี้มันเสร็จ มันก็จะมี Tutorial ขึ้นมาก่อน จะดูก็ได้นะคะ อธิบาย บอกวิธี ก็คือวิดีโอสอนนั่นเองสอนว่าจะสร้างอย่างไร อะไรนะคะ เด็ก ๆ ลองดูวิดีโอก่อนก็ได้ เพราะใช้เวลาไม่นานมาก 19 นาที นานอยู่นะ ไม่เป็นไร [เสียงดนตรี] (อาจารย์สุธิรา) นี่ เขามีวิธีนะคะ วิธี [ภาษาต่างประเทศ] (อาจารย์สุธิรา) เขาก็จะมีบอกว่า สิ่ง ขั้นตอนน่ะค่ะ ก็คือทำอะไรได้บ้าง ใส่ Background ใส่ Text ใส่ตัวการ์ตูนได้ แล้วก็สร้างตัวละครเองก็ได้นะคะ เอาจากที่เขามีตัวละครที่เขามี หรือที่เขามีก็ได้หรือสร้างใหม่ก็ได้นะคะ แล้วก็สามารถดาวน์โหลดวิดีโอนี้ได้ นี่นะ Let's go กันเลยดีกว่า Access library Tour 1/2 2/2 Work Space ก็คือพื้นที่ เราทำไปขั้นตอนที่มันขึ้นอย่างนี้จะดีกว่านะคะ ตอนนี้เราอยู่ที่ 2/12 ก็คือพื้นที่ที่เราจะใช้ทำงานนั่นเองนะคะ ต่อไป Seen Timeline ตรงนี้ ก็คือระยะเวลานั่นเองนะคะ หรือเวลาของควบคุมเวลาน่ะ ว่าจะให้มันไปช้า ไปเร็ว คือ ตรงนี้นะคะ อธิบายไปที่ละส่วน ตามตัวนี้เลย ตาม ... Overtimeline Over or Timeline ทั้งหมดน่ะค่ะ ทั้้ง Background ทั้งเสียงเพลง ทั้งเสียงเพลงทั้งอะไร ควบคุมทั้งหมดเลย เวลาทั้งหมดน่ะ ในทุกส่วนเลย ของแต่ละส่วน Over or ก็คือทั้งหมดทั้งปวงนั่นเอง Time line นะคะ ส่วนต่อมา Camera timeline เขาบอกว่าไอ้ Camera Timeline นี่ มันจะเป็น... Apply ก็คือการ... เรียกว่าอะไรล่ะ ใช้ประยุกต์ ก็คือเอาตัว Effect กล้องมาใช้ร่วมน่ะคะ แล้วก็จะสามารถจะสวิตช์ ก็คือควบคุมปุ่มมันได้นะคะ เป็น Camera timeline ก็คือตัวกล้องนั่นเอง เวลาของกล้องนะคะ ให้นักถึงว่าตัวนี้มันเป็นวิดีโอ นึกออกนะ อัดวิดีโอ ก็คือใช้กล้องอัดใช่ไหม นะคะ Preview Video นั่นหมายถึงเมื่อเราทำเสร็จแล้วเราอยากดู เราทำเสร็จเราก็มากดที่ปุ่มนี้ Preview จะให้มันแสดงไอ้วิดีโอที่เราทำน่ะ ว่าไอ้ตัว Animation เราจะเป็นไปตามที่เราต้องการไหม ถ้ายังไม่เสร็จเราก็กลับมาแก้ได้ อะไรอย่างนี้ ก็คือทำไปด้วย ดูไปด้วยได้ นึกออกนะ ค่อย ๆ แก้ไป Preview form the play ก็คือเล่น หมายถึงเลตั้งแต่ต้นจนจบน่ะค่ะ นี่ ถ้าใช้ในการเล่น ก็คือเลือกตัวนี้นะคะ Adding a new scence ฉากเพิ่มมา เราก็มากดที่เครื่องหมาย + นี้ เมื่อต้องการเพิ่มฉาก นึกออกนะ เพราะเหมือนดูละครใช่ไหม หรือภาพยนตร์น่ะ เวลาฉากมันเปลี่ยน นึกออกนะ มันไม่ได้ใช้ฉากเดียวแล้วจบเข้าใจไหมคะ มันก็ต้องมีฉากที่ 1 ฉากที่ 2 อะไรอย่างนี้ เพราะฉะนั้น ถ้าเราจะเพิ่มฉากมากดที่ปุ่มนี้นะคะ Add a new scene Comment ส่วนของ Comment นะคะ เอาไว้ใส่ Comment หรือให้นึกถึงเหมือน ใส่... ใส่อะไรล่ะ ซับไทย ซับอังกฤษอะไรพวกนี้นะคะ ก็คือตัวนี้จะเป็นตัวใส่Comment นะคะ Download Video นั่นก็คือเมื่อเราทำเสร็จ กดปุ่มสร้างน่ะค่ะ Publiching ทำเสร็จนะคะ เพื่อจะทำการดาวน์โหลดมันนะคะ Pubic มันเสร็จมันก็จะให้ดาวน์โหลดไปใช้งานได้นั่นเองนะคะ ก็คือตัวนี้ Share ก็หมายถึงเราสามารถแชร์วิดีโอนี้ให้คนอื่น ๆ ดูได้ด้วยนะคะ และสุดท้าย อันนี้คือถ้ามีปัญหาอะไรอย่างนี้นะคะ ก็เหมือนเป็นอะไรน่ะ ตัวช่วยถาม จะไปแก้ปัญหาอย่างไร ก็ช่วยตอบน่ะค่ะ Struck creating video นะคะ Skip ตัวนี้มีทั้งหมด 12 หัวข้อ ทีนี้เราพร้อมจะเริ่มที่จะสร้างแล้ว คลิก Let's go ได้เลย เริ่ม ก่อนอื่นเราก็ต้องมาเลือก เห็นไหมคะ มันจะมีเครื่องมือที่ชื่อว่า ก็คือเลืิอก Template Template ที่จะเอาไปใช้ Template หรือพวก Background อะไรพวกนี้ นะคะ เราจะเอา Template แบบไหน อะไรอย่างนี้ นะคะ เหมือนอยากไปได้ฉากเขาน่ะไปใช้งาน ว่าอย่างนั้นเถอะ ก็เลือกจาก Templat เหมือน... สมมติจะพาทัวร์หอไอเฟล เราก็ไปเลือก Template ที่มีหอไอเฟล อะไรอย่างนี้นะคะ อยากได้ Template ไหนล่ะ ยังนึกไม่ออก ก็เอาแบบเปล่า ๆ แต่มีสีพื้นเป็นสีเหลืองอะไรอย่างนี้ เห็นไหมคะ Opa Winน่าจะแรงไป เอาอย่างอื่นละกันนะคะ คือ เราสามารถมาเลือกใช้ Template ที่เขาสร้างไว้แล้วก็ได้เด็ก ๆ เอาอันไหนดีนะ เลือก ๆ มาก่อนแล้วกัน หลักการง่าย ๆ ของเรานะคะ ให้นึกถึงว่าเราจะทำเรื่องอะไรนะคะ สมมติ น่ารัก น้องน่ารัก ไข่อีสเตอร์ เอกเซอร์ไซส์หรือเปล่านะ เกี่ยวกับขนม Candy Eat นะคะ กิน เห็นไหมคะ มันก็จะมีเนื้อหา Happy Easter มีเยอะเลย สามารถเลือกได้นะเด็ก ๆ อันนี้เหมือน Power Point นะคะ เป็น Presentation ก็มาเลือก Template นี้ได้นะคะ เพราะฉะนั้น Template เด็ก ๆ ลองเลือกสักอันหนึ่งแล้วกัน ว่าเราจะเอาอะไร อันนี้ออกกำลังกาย ถ้าไม่เอา ไม่เอา ถ้าไม่เอา ถ้าไม่เอานะ เราก็คลิกย้อนกลับ ย้อนกลับเลยนะคะ คลิกย้อน เริ่มตั้งแต่เป็นว่างเปล่า สมมติไม่เอาอะไรก็ได้ เอาว่างเปล่า จะสร้างใหม่ อันที่ 2 Charactor charactor ก็คือตัวละคร ตัวละครที่จะเอาไปใช้เห็นไหมคะ อยากได้ใครเอ่ย อยากได้คนนี้ไหม เลือกดูนะคะ ดูนะ บางทีมันมีเสียสตางค์นะ ให้เช็กด้วยนะ เราก็สังเกตตรงไหน ฟรี ถ้าฟรีมันจะไม่มีอะไรล่ะ ไม่มีไอ้พวกอย่างนี้ มันจะไม่มีดาวมาติดนี่ นึกถึงนะ ภาพฟรีนี่ จะเป็นอย่างนี้นะคะเด็ก ๆ นี่ ต่างกันนะ ถ้ามี นี่ ป้ายดาว ป้ายดาวติดนี่เสียสตางค์ เห็นไหม นะคะ เราหารูปฟรี Character ฟรีใช้นะ เด็ก ๆ จะเอาตัวไหนก็ลองเลือกดู ลองเอาสัก 1 ตัวนะ ส่วนใหญ่ล่าง ๆ นี่จะเริ่มไม่ฟรีแล้ว ฟรี ๆ จะอยู่ข้างบน ตกลงเขาเอาตัวนี้ล่ะ เจอแล้ว ก็ขี้เกียจไปหาเพิ่ม เลือกตัวละครของเรา 1 ตัว โอเคไหม เลือกมา 2 หรือ ตัวไหนไม่เอาลบออก กด Delete ได้เลย คลิกที่วัตถุชิ้นนั้น แล้วกด Delete นะคะ มีท่าด้วย เห็นไหม พอเราคลิกเลือกวัตถุชิ้นนั้นก็จะมี... เห็นหรือเปล่าคะ มีท่าทางเพียบเลย เป็นหมอ เป็นครู เป็นคนป่วย นะ เห็นไหม ตัวละครมีการกระทำได้หลายอย่าง ปิ๊ง ๆ ปิ๊งผู้บ่าวแล้ว เอาสักตัว เอายืนตรงก่อน ซีนแรก ท่าอื่นค่อยเปลี่ยนนะ ตามหลัก เบสิก โผล่มาก็ต้องยืนตรง ๆ นี่ล่ะแล้วแต่ เลือกท่าได้ โกรธอยู่ ร้องไห้ รอคน เห็นไหมคะ อย่างนั้นเอาท่าแรกนี่นะ ได้ตัวละครแล้ว องค์ประกอบต่อมาค่ะ เพิ่มอะไรเข้าไป Properties ถ้าสมมติจะใส่รูปทรงเข้าไป เห็นไหม แบบเหมือนจะทำฉากอันนี้ มันก็จะอยู่ที่พวกนี้ ก็จะอยู่ที่วัตถุพวกนี้นะคะ วัตถุพวกนี้ถ้าไม่ใช้กด เห็นไหมคะ จะอยู่ที่อันที่ 3 Properties นะคะ อยากใส่อะไรเข้าไป เห็นหรือเปล่า กดปุ๊บนี่ คือ เลือกใส่ได้เลยนะคะ เด็ก ๆ เห็นไหม ถ้าเราไม่ใส่ ก็กดปุ่ม Delete ออกนะคะ เห็นไหมคะ อยากได้เก้าอี้มาไว้นั่ง เลือกมา เหมือนมี Propt เก้าอี้ชายหาด อย่างนี้นะคะ ทำฉาก ทำฉากเอง อยากใส่อะไรเข้าไปอีก ใส่ตึกเข้าไปหน่อย ยืน ยืนรอ ไม่เหมือนตึกนะ ใส่บ้านก็ได้ มีบ้านไหมนี่ หาบ้านก่อนนะ เดี๋ยวทำฉากนะคะ เราสร้างฉากของเราเองนะคะ มันน่าจะอยู่กับพวกนี้ หรือไปเอารูปมาใส่ได้เลยนะคะ อย่างนี้เป็นต้น ใส่รูปเพิ่ม สมมติ นี่ เห็นไหมคะ ทุกอย่าง มี Gallery ไว้ให้ มาเลือก Background อยากได้อะไรล่ะ อยู่ในร้านขายของ อยู่ในไซต์ก่อสร้าง อยู่หน้าบ้าน อยู่ในห้องน้ำ เอาฉากนี้แล้วกันนะคะ จะไป Shoping จะสร้าง Story แ้ว ข้าพเจ้าจะไป Shopแล้วลิปซิงก์ พากย์เสียงพากย์เอง เห็นไหม ดูนะคะ พอเราเลือก Action นะคะ แสดงท่าทางเห็นไหมคะ เปลี่ยนหน้าตาโดยการ ดูนะคะ Action กับExprestion คือ การแสดงอารมณ์ ดีใจ จะได้มา Shopping ว่าอย่างนั้นเถอะ มีความสุข มา shopping แล้วมีความสุขแสดงออกทางสีหน้าก็ได้ เอาอันนี้แล้วกันหน้านี้นะคะ ดีใจจังเลย จะได้ ไป shopping แล้ว ไซซ์มันใหญ่ไปลดลงหน่อย จะเอาไว้ตรงไหนดี แล้วแต่เรานะ แล้วแต่เราจะจัดนะ เลือกหน้าตา เลือกรูปแบบ เลือกหน้าตา ใส่อะไรได้อีก ใส่ข้อความได้ เห็นไหมคะ สามารถพิมพ์ข้อความลงไปot8t เหมือน เหมือนอะไรล่ะ เหมือนเปิดฉากมา แบบนี้ เราต้องการใส่ชื่อเรื่อง เราก็พิมพ์ Heading หรืออะไรก็เลือกเอานะคะ Heading ก็เหมือนหัวข้อใหญ่ ๆ นะ เหมือนชื่อเรื่องอย่างนี้ ก็ใช้ Heading นะคะ แต่ถ้าเป็นหัวข้อรองก็ใส่ sub heading แล้วก็ Littel bit body text A little bit ก็คือข้อความที่เป็นเนื้อหา แล้วก็ Annabullet text ก็คือข้อความที่มันมีไอ้สัญลักษณ์น่ะเด็ก ๆ เลือกเอาถ้าจะใส่ เมื่อกี้เลือก Background ไปแล้ว image ไม่เลือก วิดีโอนะคะ ก็คือถ้าเราจะใส่วิดีโอเข้าไป วิดีโอเกี่ยวกับอะไร เช่น เหมือนจะทำให้ไอ้ตึกนี้ มันมีโฆษณาอยู่ เราก็เอาวิดีโอใส่เข้าไป สมมติโฆษณาอาหาร วิดีโอเขาจัดเต็มมากเลย อย่างนั้นไม่ใส่แล้ว ย้อนออกก่อน ใหญ่เกินนะคะ อันไหนไม่เอาเราก็ลบออกได้ Music ก็คือใส่ Sound เข้าไปนะคะ เดี๋ยวจะลองใส่ดู นั่นไง ยังไม่ทันลองนะคะ นั่นก็คือคลิกไปที่ Soud อะไร มันก็จะมีเสียงเพลงขึ้นมา [เสียงดนตรี] (อาจารย์สุธิรา) สมมติจะเอาเพลงนี้ เดี๋ยวดูนะ ตอนนี้จะใส่แค่นี้นะ ยังไม่ใส่อย่างอื่นนะ แล้วจะลอง Play ดูนะ ดูมันขึ้นมากี่ Fram แล้วนี่ ลอง Play นะคะ เดี๋ยว Play ให้ดู [เสียงดนตรี] (คุณครูกนกวเพราะเรายังไม่ได้ใส่อะไรเข้าไปเพิ่มนะเด็ก ๆ แค่ให้เล่นเพลงเฉย ๆ ยังไม่ได้ใส่เธอเดินเลย แล้วถ้าสมมติเราจะใส่เธอเดินล่ะ ไปที่ Character อีกรอบหนึ่งไหม เดินอยู่ไหนนะ เมื่อกี้ยืนเฉย ๆ ใช่ไหม ยืนเฉย ๆ แล้วเพิ่มอีกซีนหนึ่งนะคะ ฉากที่ 1 ยืนเฉย ๆ ฉากที่ 2 เอาฉากเดิมนะ ยังเป็นฉากเดิมอยู่ Background เดิมนะ ไหนล่ะ แต่ตัวคน ตัวคนจะเปลี่ยน Character นะคะ ตำแหน่งได้ไหมล่ะ เมื่อกี้จากอะไรนะ จากยืน Standing เปลี่ยนเป็นโกรธแล้ว เอาอะไรก่อน เอารอก่อนแล้วก็เปลี่ยนเป็นรอนะ เดี๋ยว Play ให้ดูนะคะ เด็ก ๆ ดูนะ ยืนอยู่เฉย ๆ ก่อนตอนแรก เข้าสู่ Scene ที่ 2 เห็นหรือเปล่า เพราะฉะนั้น ดูนะคะ ถ้าเราเลื่อน เลื่อนไอ้นี่ เลื่อน Time frame เข้าไป เอาแค่กี่วิ (นาที) 5 วินาที 5 วินาที คือ เฟรมที่ 1 เฟรมที่ 2 ก็อีก 5 วิฯ ดูนะคะ การเปลี่ยนแปลง 1 2 3 10 นี่ ดูนะ เด็ก ๆ ดูนะ ยืนอยู่ 5 วินาทีผ่านไป มองนาฬิกา เอ๊ะ ทำไมนาฬิกามอง 2 ครั้งหรือ กด Play จากตรงนี้ก็ได้นะคะ เขาบอก เห็นไหมคะ จะทำอะไรต่อ ให้เดินไหม ฉากต่อไป นึกออกนะ จากฉากนี้ เป็นรอ เสร็จแล้ว เมื่อกี้รอแล้วโมโหดีกว่า เพิ่มอีก 1 Scene ใช่ไหมคะ เดี๋ยวจะเพิ่มอีก 1 Scene นะคะ เดี๋ยว ๆ ถ้าวิธีนี้มันจะมีปัญหา คืออะไร รู้แล้ว ตำแหน่งเห็นไหม ตำแหน่งคนที่ยืนกับตำแหน่งไอนี่มันไม่ตรง เดี๋ยวจะลบ Scene ที่ 2 ออกก่อนนะคะ เพราะอะไร เพราะเราต้องการให้ตำแหน่งมันตรงใช่ไหม ดูนะคะ ย่อ ย่อระยะเวลาให้เหลือสัก 1.5 เสร็จแล้วเพิ่ม เขาเรียกว่าอะไรละ Copy น่ะ นี่ คลิกที่ Scence นั้น แล้วคลิกขวาเลือกคำว่า ก็คือทำตรงนะ แล้วเราดู Scene ที่ 1 ยืนซีนที่ 2 มาเปลี่ยน Charecter เปลี่ยนเป็นอะไรคะ ลูก ดูเวลาก่อนใช่ไหม เพิ่มอีก scene 1 คือ sก็ทำเหมือนกัน Duplicate อีก 1 ครั้ง แล้วเปลี่ยนจากดูเวลาเป็นอะไร กดแล้วนะ โอเคไหม ลอง Play นะคะ เดี๋ยวลอง Play นะคะ เดี๋ยวลอง Play ให้ดู ยืนอยู่ เห็นไหมตำแหน่งที่ยืน เร็วไปหน่อย นึกออกนะ เพราะฉะนั้น ช่วงระยะเวลาที่โกรธนะคะ พอดูแล้วโกรธมันเร็วไป ดูนะคะเด็ก ๆ เดี๋ยว Play ให้ดูใหม่ นี่ ตอนนี้เร็วไปหน่อย เดี๋ยวเราก็ขยายเลื่อน Time frame ได้ นึกออกนะคะ แล้วลองกด Play ดู นี่ อย่างนี้เห็นไหมนะคะ เอ๊ะ ทำไมเพลงไม่มาจนสุด เขาโกรธแล้วเพลงไม่มา เห็นไหม แล้วอยากทำอะไรต่อ นึกออกนะ สมมติเปลี่ยนฉาก พอโกรธ พอโกรธแล้วทำอะไรต่อ เดี๋ยวนะ มี Prop อะไรให้เล่นสนุก ๆ ไหม ขอดู Character มีเดินไหมคะ ไม่มีโผล่มาอีกตัวสิ Scene ที่ 3 ไหม โกรธแล้ว โกรธแล้วก็ต้องเดินไหม มีเดินไหม ดูเวลา อันนี้ ไม่นั่ง เดินแล้ว อันต่อไป ก็คือ Walking พอโกรธแล้วเราก็จะเดินหรือทำอะไรต่อ โกรธแล้วไม่น่าไชโยนะ โกรธแล้วเราจะให้เดินนะคะ ไหนล่ะWalking เพราะฉะนั้น จะเป็น Time Frame ที่ 4 นะ เดี๋ยว 3 ก่อนนะคะ โกรธก่อน เราก็จะมาเพิ่ม Time frame ที่ 4 นะคะ ทำเหมือนเดิม Duplicate แล้วเปลี่ยนจากโกรธเป็นเดิน เดิน ๆ ๆ เราก็เลื่อนตัวละครหน่อย เดินแล้วฉากมันต้องเปลี่ยน ทีนี้นะคะ พอเดินปุ๊บ เราก็ไปที่ Background เปลี่ยน Background นั่นเอง จากอยู่ข้างนอกจะเข้าไปในห้างทำอย่างไร เสียงสตางค์ไม่เอา ลืมดู ถ้ามีติดดาวห้ามใช้ใช่ไหมเด็ก ๆ เดินเข้าร้านนะคะ Time frame ที่ 3 โกรธ Time Frame ที่ 4 จะให้มัน มันต้องเดี๋ยวนะ อยู่ ๆ โผล่มานี่เลย ไม่ถูกต้อง 1 2 3 4 โผล่มานี่เลย ไม่ถูกต้อง ไม่ถูกต้องเสียสตางค์ไม่เอา เดี๋ยวนะคะ เดินผ่านตึกเลยหรือ อ่าวลืมดู เดินไปไหนน่ะ เดินไปไหนล่ะ เดินกลับบ้าน เดินไป เดี๋ยวนะ มีให้เดินไปไหน จะให้เขาเดินไป Supermaket ดีไหมนี่ เดี๋ยวนะ ค้นก็ได้ หาไม่เจอค้นนะคะ Supermarket ก็เป็นฉากนี้แทนนะคะ ดูนะคะ แต่ตอนเปลี่ยนยังไม่เนียน ไม่เป็นอะไร ให้ดูคร่าว ๆ ก่อน พร้อมเริ่ม กด Play ยืนรอ ไม่มาสักที โกรธล้วนะ ไปแล้ว จะให้ตัวมันเลื่อนนะคะ สังเกตช่วงเวลาด้วยนะ ไปช็อตที่ 3แม่จะเลื่อนให้ดูนะ แล้วก็ไปช็อตที่ 4 มันจะเป็นเดินอย่างที่ตั้งไว้ไหม ดูนะคะ ทีนี้ Play หน่อย ได้ไหม ไปสุดเลย เพราะฉะนั้น เราต้องเพิ่มเธอทีละ 1 ช็อต มันถึงจะได้ เหมือนซีนที่ 4 การเดินนี่มันจะต้องเดินจากตรงนี้ใช่ไหมเด็ก ๆ จากต้นทางไปปลายทาง เราก็ต้องปรับเขาเรียกว่าอะไร ปรับ Timeline นะ แล้วทำอย่างไรหรือ เราก็ต้องเพิ่มฉาก Duplicate ซ้ำนะคะ แต่เราเคลื่อนตำแหน่งของคนมา ทำเหมือนเดิม Duplicate ซ้ำ แล้วก็เคลื่อนตำแหน่งคนไปอีกโอเคนะ ดูนะคะ Play ให้ดู นี่ เห็นไหม ดูความต่อเนื่องของฉากนี้ดี ๆ นะเด็ก ๆ นะ ก็คืออยู่กับตำแหน่งของ Timeline น่ะค่ะ จะให้มันต่อหรือไม่ต่อน่ะ ก็คือตรงนี้ นะ ถ้าไม่เอาอย่างนี้นะคะ ไม่เอาฉากนี้ ยังเป็น...เดี๋ยวลบ เดี๋ยวขอลบนะคะ ยังอยู่ที่ฉากเดิมแล้วเดิน ดูนะคะ พอกดปุ๊บนี่เขาต้องหันเดินนี่ เพราะฉะนั้น จะต้องเพิ่มอีก 1 ฉากขึ้นมา อันที่ 4 แต่เปลี่ยนท่าเป็นเดิน ไหนล่ะ เดินอยู่ไหนแล้วเดิน ๆ ๆ Walking Walking Walking อยู่ไหนเอ่ย เดินนะคะ ก็จะเป็นเดิน นะ เพราะฉะนั้น ความต่อเนื่อง ความต่อเนื่องของภาพนะคะ ขึ้นอยู่กับ Timeline นะเด็ก ๆ เราต้องไปจัดเราต้องไปจัดองค์ประกอบพวกนี้ด้วยตัวเองนะคะ ทีนี้ถ้า... ถ้า ๆ ๆ สร้าง Animation 1 เรื่องนี่นะคะ 1. มีทางเลือกให้ 1. สร้างจากนิทาน 2. สร้างโดยคิดพลอตเรื่องเอง เลือกเอา จะสร้างจากอย่างไร ให้นึกถึงนะ เหมือนถ้าเราเปิดนิทานนะ เอาเรื่องอะไรดี นิทานก่อนนอน สมมติ ๆ กระต่ายขี้อาย เอานิทานเรื่องสั้น ๆ กระต่ายกับเต่า ส่วนใหญ่ชอบเอามาทำ ทำไมมันไม่ขึ้น สมมตินะคะ สมมติเราจะเลือก นิทานสักเรื่องหนึ่ง ฉันอยากเป็นฉัน หมีกับหมาป่า อีกากับหงส์ เหมือนเรื่องนี้นะ ก็จะมีฉาก ถ้าค้นแบบนี้แล้วมีฉากนี่ นิทานอีสปเรื่อง หมาป่าอกตัญญู ก็คือเป็นเรื่องของเด็กเลี้ยงแกะ ไปเลี้ยง... แล้วเดินไปเจอหมาป่าตกอยู่ในหลุม ช่วยขึ้นมาได้กลายเป็นหมาป่าจะกินเขา เด็กก็เลยหลอกให้กลับไปตกใหม่อย่างนี้นะคะ เราก็จะประกอบด้วย ฉาก 1 2 3 4 5 ทั้งหมด 5 ฉากนี้ ใช้เวลากี่นาทีอย่างนี้นะคะ หรือ ๆ หรือถ้าสร้างเรื่องเอง เช่น สมมติทำนิทาน เรื่องอะไรนี่ ปีบน้อยอะไร ปีบน้อยตามหาแม่ ตัวอะไรเอ่ย หรือทำกำเนิดอะไรนะ ลูกไก่ นึกออกไหม ไก่มันออกจากอะไรคะ จะทำให้เห็นว่าแม่ไก่ฟักไข่แล้วลูกถึงออกมา อะไรอย่างนี้ อย่างนี้นึกออกนะ เป็นลักษณะอย่างนี้นะคะ ก็คือสร้าง Storyteller หรือสร้างจากเพลง เช่น มีมิวสิกวิดีโอ อะไรนะเหมือนเพลง วาฬเกยตื้น ให้เห็น นึกออกไหม มีวาฬตัวหนึ่งลอยตามน้ำมา อย่างนี้ก็ได้นะคะ เรามีโจทย์ให้ไปทำเป็นชิ้นงานส่ง 1 ชิ้น ใช้เวลาในการนำเสนอไม่เกิน 3 นาที เหมือนถ้าทำจากเพลง มีวาฬตัวหนึ่งลอยว่ายน้ำมา มันก็ต้องมีภาพปลาวาฬใช่ไหม แล้วก็อาจจะมีฉากหลังเป็นทะเล แล้วก็ลอยน้ำมา ผ่านมาใช่ไหม ตามเนื้อหาเพลง อย่างนี้นะคะ เด็ก ๆ สามารถเลือกนิทาน หรือเพลงก็ได้ แล้วเอามาทำเป็น แอนิเมชัน สร้างตัวละครมาทำใส่เข้าไป แล้วก็ใส่เพลงประกอบอย่างนี้ ทีนี้ในเพลงก็ควรจะขึ้นซับให้เห็น ว่าเนื้อหามันถึงอะไรแล้ว นึกออกนะคะ ใช้อะไรทำได้ Animaker ก็ได้ ก็คือเด็กไม่ต้องวาดตัวการ์ตูนใหม่ใช่ไหมนะคะ หรือฉากอย่างนี้ แต่ แต่ถ้าไม่ ก็คือหลังการนะ ถ้าไม่ใช้ฉากจากเขา เราก็คือวาดฉากของเราเองแล้วเอามาใส่ ก็จะเป็นไฟล์ภาพน่ะ นึกออกนะคะ มันก็จะมีให้นี่ เห็นไหม ตรง Image นี่ไง เห็นไหมคะ นี่ แล้วเรามีปุ่มว่า Dowload เราก็อัปโหลดภาพที่เราสร้างไว้ใส่เข้ามา อย่างนี้นะคะ สมมติ สมมตินะคะ สมมติ สมมติเอาฉากนี้ สมมติ เดี๋ยวรอมันขึ้น 97 เปอร์เซ็นต์ อีก 2 เปอร์เซ็นต์ ให้มันสุดก็ไม่ได้นี่ สมมติเราเลือกฉากนี้เป็นฉาก เราก็มาเอาตัว คือ อาจจะไปลบไอ้นี่ออก ลบข้อความออก นึกออกนะ เอาแต่ฉากหลังมาอย่างนี้ ก็ได้เหมือนกันนะคะเด็ก ๆ เราก็ทำฉากของเราขึ้นมาเองก็ได้ แล้วก็ไปอัปโหลด อย่างนี้เป็นต้นนะคะ ความยาวไม่เกินนะคะ อย่างต่ำ ก็คือ 3 นาที นะคะ ต้องบอกว่าความยาวไม่น้อยกว่า 3 นาที จะเอาจากเพลงก็ได้ เพราะเพลงโดยปกติ 3 นาทีนะ เหมือน เหมือนอะไรนะ เพลงแบบสนุก ๆ เช่น ที่เกี่ยวกับสัตว์ ๆ อีก มีอะไรอีก นอกจากวาฬเกยตื้น เด็ก ๆ ลองนึกสิ นึกถึงของเราไม่ออก อาจจะดูเพลงของต่างประเทศก็ได้ เขาน่าจะมีเยอะอยู่ อะไรแบบนี้นะคะ ก็คือเลือกจากนิทานก็ได้ ถ้านิทานก็ต้องมีพากย์สงพากย์เสียงหน่อย ใส่ตัวการ์ตูนลงไป Play แล้วนี่มันเป็นเนื้อหาที่ดำเนินต่อเนื่องแบบนี้ได้ ให้เห็นว่ามีการเคลื่อนไหว มีอะไรอย่างนี้นะคะ โอเคไหมะค ให้เลือกจากนิทานนะคะ ลองสร้าง เพราะอะไร เพราะวาดรูปก็สอนไปแล้วนะ เดี๋ยวลองดูเพลง เพลงประกอบ เพลงและนิทาน ดูตัวอย่างนะ ของ Pink frog Shark ไหมนี่ เจ้ามาที่เด็กตัวเล็กอยู่ อันนี้สอนคำศัพท์ A B C อะไรอย่างนี้นึกออกนะ [เสียงดนตรี] ดูสิก็แค่น้องกระโดด น้องเต้น เห็นไหมคะ [เสียงดนตรี] นี่เป็นแอนิเมชัน เห็นไหม บางทีใช้ฉากเดียวก็ได้ แล้วก็เปลี่ยนแต่อะไร แค่ตัวการ์ตูนแล้วก็คำศัพท์เห็นไหมคะ เปลี่ยนท่าเต้นอะไรแบบนี้นะคะ เขามีตัว Character ของเขาทั้งหมด 4-5 ตัวอะไรอย่างนี้นะ หรือทำเป็นเรื่องเป็นราว อันนี้ยังเป็นเพลงอยู่เลยนะ โฆษณาเยอะจริง อันนี้ 3D นะนี่ ร้อน ๆ เจ้าปูร้อนมันจะเปลี่ยนเป็นสีแดง และเมื่อเย็นมันจะเปลี่ยนเป็นหรือ ทำแอนิเมชัน ทำคำ... โอเค ๆ ให้ดูตัวอย่างนะคะ คือ เด็ก ๆ ลองหาเรื่อง พลอตเรื่องที่จะทำ ความยาวไม่เกิน 3 นาที ควรมีฉากอะไรบ้าง ประกอบนะคะ แล้วลองทำดูนะคะ เหมือนบอกง่าย ๆ น่ะ 1-10 สอนนับ 1-10 อย่างนี้ one two three หรือสอน นี่ อย่างนี้นะคะ สอนวาดรูปอะไรอย่างนี้ แล้วแต่นะคะ หรือเลือกเพลงมา 1 เพลงก็ได้ ทำเป็นAnimation ของตัวเอง 1 เรื่อง โอเคไหมคะ สำหรับสัปดาห์นี้ การสร้างแอนิเมชันของเราก็จบเพียงเท่านี้ค่ะ ขอบคุณพี่ล่ามนะคะ เข้าไอ้นี่ แล้วอย่าลืมออกจากระบบด้วยนะคะเด็ก ๆ ไม่ให้ออก เราก็ออกจากระบบนะคะ ให้เรียบร้อย เพราะว่าเครื่องสาธารณะใ ช้หลายคนนะคะ นี่คือการสร้างด้วย Animaker [สิ้นสุดการถอดความ]