Animation Program โปรแกรมสร้างภาพเคลื่อนไหว ADOBE ANIMATE
Adobe Flash/Adobe Animate เวอร์ชั่นแรกคือ FutureSplash Animator ซึ่งเป็นโปรแกรม กราฟิกแบบเวกเตอร์และแอนิเมชั่นเวกเตอร์ที่เปิดตัวในเดือนพฤษภาคม พ.ศ. 2539 FutureSplash Animator ได้รับการพัฒนาโดยFutureWave Softwareบริษัทซอฟต์แวร์ขนาดเล็กที่มีผลิตภัณฑ์ตัว แรกคือ SmartSketch เป็นโปรแกรมวาดภาพแบบเวกเตอร์ส าหรับคอมพิวเตอร์ที่ใช้ปากกา ด้วยการระเบิด ของระบบด าเนินการปากกาเชิงมันเป็นลางMicrosoft Windowsเช่นเดียวกับแอปเปิ้ลอิงค์'s คลาสสิ Mac OS ในปี1995 บริษัท ฯได้ตัดสินใจที่จะเพิ่มความสามารถในการเคลื่อนไหวกับผลิตภัณฑ์ของพวกเขา และเพื่อสร้างแพลตฟอร์มแอนิเมชั่นเวกเตอร์ที่ใช้ส าหรับเวิลด์ไวด์เว็บ ดังนั้น FutureSplash Animator จึงถูกสร้างขึ้น (ในเวลานั้นวิธีเดียวที่จะปรับใช้ภาพเคลื่อนไหวดังกล่าวในเว็บก็ผ่านการใช้งานของJava .) เทคโนโลยีFutureSplash อนิเมชั่นที่ถูกน ามาใช้ในเว็บไซต์เช่นMSN , The Simpsonsเว็บไซต์ และดิสนีย์รายวันระเบิดของบริษัท วอลท์ดิสนีย์ ประวัติศาสตร์ของโปรแกรม Adobe Animate ในเดือนธันวาคม พ.ศ. 2539 Macromedia ได้ซื้อ FutureWave และเปลี่ยนชื่อ ผลิตภัณฑ์เป็น Macromedia Flash ซึ่งเป็นชื่อแบรนด์ที่ต่อเนื่องส าหรับ 8 เวอร์ชั่นหลัก อะโดบีซิสเต็มมา Macromedia ในปี 2005 และอีกครั้งที่มีตราสินค้า Adobe Flash Professional จะแตกต่างจากผู้เล่นAdobe Flash Player รวมอยู่ใน
Creative Suiteของผลิตภัณฑ์ตั้งแต่ CS3 ถึง CS6 จนกระทั่ง Adobe เลิกใช้ Creative Suite lineup เพื่อสนับสนุนCreative Cloud (CC) เมื่อวันที่ 1 ธันวาคม 2558 Adobe ประกาศว่าโปรแกรมจะเปลี่ยนชื่อเป็น Adobe Animate ในการอัปเดตหลักครั้งต่อไป การย้ายครั้งนี้เป็นส่วนหนึ่งของความพยายามที่จะ ยกเลิกการเชื่อมโยงโปรแกรมจากAdobe Flash Player การยอมรับการใช้งานที่เพิ่มขึ้น ส าหรับการเขียนHTML5และวิดีโอเนื้อหา และความพยายามที่จะเริ่มกีดกันการใช้ Flash Player เพื่อสนับสนุนโซลูชันที่ใช้มาตรฐานเว็บ เวอร์ชั่นแรกภายใต้ชื่อใหม่ได้รับการเผยแพร่ เมื่อวันที่ 8 กุมภาพันธ์ 2016 แม้ว่า Adobe Animate จะเปลี่ยนไปใช้รูปแบบไฟล์ มาตรฐานเว็บ แต่รูปแบบ Flash (.swf) และ Air (.air) ยังคงได้รับการสนับสนุนอย่าง เป็นทางการ [9]เมื่อวันที่ 16 มิถุนายน 2020 Adobe Animate ซึ่งเป็นส่วนหนึ่งของ 'Evolving Brand Identity' ที่เป็นส่วนหนึ่งของ 'Evolving Brand Identity' ได้เปิดตัวการออกแบบโลโก้ใหม่ทั้งหมด ซึ่งเป็นครั้งแรกในรอบเกือบ 20 ปี ที่สีหลักถูกเปลี่ยนสี จากสีแดงเป็นสีม่วง
ADOBE ANIMATE ท ำอะไรได้บ้ำง? ออกแบบภาพเคลื่อนไหวเชิงโต้ตอบส าหรับเกม รายการทีวี และเว็บ ท าให้การ์ตูนและโฆษณา แบนเนอร์มีชีวิตชีวา สร้างดูเดิลและอวตารแบบเคลื่อนไหว และเพิ่มการด าเนินการในเนื้อหาอี เลิร์นนิ่งและอินโฟกราฟิ ก เมื่อใช้ Animate คุณสามารถเผยแพร่ไปยังแพลตฟอร์มต่างๆ ได้ อย่างรวดเร็วในรูปแบบใดก็ได้ และเข้าถึงผู้ชมบนหน้าจอใดแบบก็ได้ เริ่มเกมของคุณ. สร ้ างเนื้อหาบนเว ็ บและมือถือแบบอินเทอร ์ แอคทีฟส าหรับเกมและ โฆษณาโดยใช้ภาพประกอบและเครื่องมือแอนิเมชันอันทรงพลัง สร้างสภาพแวดล้อมของ เกม ออกแบบหน ้ าจอเริ่มตน ้ และรวมเสียง แบ่งปันภาพเคลื่อนไหวของคุณเป็ น ประสบการณ ์ ความเป็ นจริงยิ่ง.ดว ้ ย Animate คุณสามารถออกแบบและเขียนโค้ด เน้ือหาท้งัหมดของคุณไดภ ้ ายในแอป
สร้างตัวละครที่มีชีวิตชีวา ร่างและวาดตวัละครที่สื่ออารมณ ์ไดม ้ ากข้ึนดว ้ ย Adobe Fresco live brush ที่ ผสมผสานและบานเหมือนของจริง. ท าให้ตัวละครของคุณกระพริบตา พูด และเดินด้วยแอ นิเมชั่นแบบเฟรมต่อเฟรมที่เรียบง่าย. และสร ้ างแบนเนอร ์ เว ็ บแบบโตต ้ อบที่ตอบสนองต่อ การโตต ้ อบของผูใ้ ช ้ เช่น การเคลื่อนไหวของเมาส ์ การสัมผสัและการคลิก เผยแพร่ไปยังแพลตฟอร์มใดก็ได้ เข้าถึงผู้ชมของคุณบนเดสก์ท็อป อุปกรณ์เคลื่อนที่ และทีวี โดยส่งออกภาพเคลื่อนไหวของคุณไปยังหลายแพลตฟอร์ม รวมถึง HTML5 Canvas, WebGL, Flash/Adobe AIR และแพลตฟอร์มที่ก าหนดเอง เช่น SVG. คุณสามารถรวมรหัส ไว้ในโครงการของคุณ และแม้แต่เพิ่มการด าเนินการโดยไม่ต้องใช้รหัส
ส ่ วนประกอบของโปรแกรม ADOBE ANIMATE
1. ปุ่มแสดงหรือซ่อน Timeline 9. ปุ่ มสร้างโฟล์เดอร์เลเยอร์ 2. เลเยอร์ เฟรมจะต้องวางบนเลเยอร์ 10.ปุ่ มลบเลเยอร์ 3. ปุ่มซ่อนและแสดงขอ ้ มูลบนเลเยอร ์ 11. ปุ่ มเซ็นเตอร์เฟรม 4. ปุ่มอนุญาตใหแ ้ กไ้ ขและป้ องการแกไ้ ข 12. ปุ่มโอเนียน สกิน ข้อมูลบนเลเยอร์ 13. ปุ่มโอเนียน สกินโครงร่าง 5. เพลย์เฮดหวัอ่านเฟรมแต่ละช่อง 14. ปุ่มแกไ้ ขเฟรมหลายเฟรมพร ้ อมกนั 6. หมายเลขประจ าเฟรม 15. บอกตา แหน่งหมายเลขเฟรมในขณะทา งาน 7. เฟรม เปรียบเหมือนช่องเกบ ็ เหตุการณ ์ ของมูฟวี่ 16. บอกความเร ็ วการแสดงกี่เฟรมต่อ วินาที 8. ปุ่มสร ้ างเลเยอร ์ใหม่ 17. เวลาที่ใช้ในการมูฟวี่
เมนูบาร ์Menu Bar แถบเมนูแสดงรายการคา สั่งต่างๆ ของโปรแกรมท้งัหมด ไดแ ้ ก่การสร ้ างชิ้นงาน การสร ้ างมูฟวี่ รวมไปถึงการต้งัค่าต่าง ทูลบ๊อกซ ์(Toolbox) แสดงปุ่มเครื่องมือเป็ นส่วนรวบรวมเครื่องมือชนิดต่าง ๆ ในการสร ้ าง ปรับแต่ง และแก ้ไข ชิ้นงาน ที่อยใู่น Movie โดยแบ่งเป็ น 4 กลุ่มยอ่ยคือกลุ่มเครื่องมือกลุ่มมุมมองกลุ่มกา หนด สีและกลุ่มออบชนั่ของเครื่องมือ
Timeline หน ้ าต่างแสดงเส้ นควบคุมเวลาส าหรับการนา เสนอผลงาน ประกอบดว ้ ยส่วนทา งานเกี่ยวกบั Layer และ Timeline เราแบ่งไทมไลน ์ เป็ น 2 ส่วนใหญ่ๆ ไดแ ้ ก่ 1. ส่วนแสดงเลเยอร ์(Layer) ซ่ึงแต่ละเลเยอร ์ เปรียบเหมือนแผนใสที่สามารถวางภาพหรือ ออบเจ ็ กตไ์ ด ้โดยแต่ละเลเยอร ์ น้นัแยกเป็ นอิสระต่อกนัแต่ประกอบกนัเป็ นชนังานเดียว (เราจะ กล่าวถึงเรื่องเลเยอร ์ เพิ่มเติมภายหลงั) 2. ส่วนเฟรม (Frame) ที่แสดงช่องเฟรมต่างๆ ซ่ึงทา งานเหมือนกบัเฟรมที่ประกอบกนัเป็ น ภาพยนตร ์โดยเมื่อมีการนา เฟรมเหล่าน้ีมาแสดง อย่างต่อเนื่องก ็ จะทา ให ้ เกิดภาพเคลื่อนไหว ท้งัน้ีFrame จะแสดงผล ทีละเฟรม โดยจะมีหัวอ่าน (Playhead) ที่เป็ นส้นสีแดงคอย บอกตา แหน่งวา่งกา ลงัทา งานอยทู่ ี่เฟรมใด เราสามารถเปิด/ปิดไทมไลน์นี้ได้โดยค าสั่ง View > Thmeline ให้มีเครื่องหมายถูกอยู่ หน้าค าว่า Timeline เพื่อเปิดไทมไลน์ และใช้ค าสั่ง View > Timeline อีกครั้งยกเลิก เครื่องหมายถูกเพื่อปิดไทมไลน์ซึ่งเราอาจเปรียบการท างานของไทมไลน์เหมือนกับม่วนฟิ ลม์ ในขณะที่สเตจคือส่วนที่แสดงแต่ละเฟรม ในม้วนฟิ ลม์นั้นตามล าดับที่ก าหนดไว้ เราสามารถ แบ่งไฟล์ชิ้นงานที่สร้างเป็นส่วนย่อยๆ ที่เรียกว่าฉากหรือซีน (Scene) โดยในโดยในมูฟวี่ หนึ่งๆ จะประกอบด้วยซีนหรือหลายซีนก็ได้ เนื่องจากจะท างานได้ทีละซีนนั้นจึงต้องเลือกซีนที่ จ าท างานด้ยโดยคลิกที่เมนู Window > Other Panels > Scene หรือเลือกใช้ปุ่ ม การแทรกซีนสามารถแทรกได้ โดยเลือกที่เมนูค าสั่ง Inserts > Scene1
สเตจ (Stage) และพนื้ทที่ำ งำน ประกอบด้วยพื้นที่ว่างส าหรับวางวัตถุแบบชั่วคราว และพื้นที่ของเวที(Stage) พ้ืนที่สีขาวบริเวณกลางจอคือ สเตจ เป็ นพ้ืนที่ใชจ ้ ดัวางออบเจ ็ กตต ์ ่าง ๆ ที่ตอ ้ งการแสดงให ้ เห ็ น ในชิ้นงาน ส่วนพ้ืนที่สีเทาดา ้ นนอกบริเวณสีขาวคือ Pasteboard เป็ นบริเวณที่สามารถน า ออบเจ ็ กต ์ ต่าง ๆ มาวาง พกัไวห ้ รือวางซ่อนไวไ้ ด ้ เพราะบริเวณน้ีจะไม่แสดงผลเวลาที่เรา Export Movie เป็ นไฟล์ .SWF เราสามารถเปิด/ปิดพ้ืนที่การทา งานโดยสั่ง View > Work Area ให้มีเครื่องถูกหน้าค า วา่ Work Area เพื่อปิดพ้ืนที่การทา งาน (หรือจะกดคีย์ลัด <Ctrl>+<Shift>+<W> กไ็ ด)้ Property Inspector Property Inspector เป็ นพาเนลที่ใชแ ้ สดงคุณสมบตัิต่าง ๆ ของออบเจ ็ กต ์ ที่เราคลิก เลือก ซ่ึงเราสามารถปรับแต่งคุณสมบัติ้หล่าน้ีได ้ ท้ังน้ีรายละเอียดที่ Property Inspector จะเปลี่ยนไปตามออบเจ็กต์ที่เลือก โดยสามารถเยกเปิ ดใช้งาน Property Inspector ด ้ วยค าสั่ง Window > Properties >Properties หรื อกดคีย์ ลัด <Ctrl+F3>
พาเนล Color พาเนล Colorเป็ นพาเนลที่เลือกใช้สีและผสมสีตามที่ต้องการ ซ่ึงจะนา ไปใชป้ รับแต่งสีใหก ้ บั ท้ังภาพวาดและตัวอักษรได ้ อย่างง่ายดาย โดยมีให้เลือกถึง 2 แท ็ บด ้ วยกันคือ Color Mixer ( ใช้ผสมสีเองตามต้องการ) และ Color Swatches (ใช้เลือกสีจากจานสี ตามที่โปรแกรมกา หนดมาให ้) โดยเราสามารถเรียกเปิดใช ้ งานพาเนล Color ด ้ วยคา สั่ง Window > Color Mixer
พาเนล Library พาเนล Library หน ้ าต่างควบคุมเกี่ยวกับชุดวัตถุของโปรแกรม ได ้ แก่ Symbols, Buttons, Movies
โปรแกรมสร้างภาพเคลื่อนไหว Animation Program ADOBE ANIMATE วิชา โปรแกรมสร้างภาพเคลื่อนไหว นาย นัทธพงศ์ อินทร์นาค คธ.2/1 เลขที่15