หน่วยที่ 2 ความรู้พื้นฐานเกี่ยวกับ โปรแกรมสร้างภาพเคลื่อนไหว 6
1 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว ประวัติการเกิดแอนิเมชัน แอนิเมชัน หรือ ภาพการ์ตูนเคลื่อนไหว นี้มีมายาวนานแล้ว ซึ่งแอนิเมชันที่เก่าแก่ที่สุดค้นพบในประเทศอิหร่าน เป็น ภาพแพะกำลังกระโดดขึ้นไปกินใบไม้ ซึ่งเป็นลวดลายเขียนลงบนชามและมีอายุถึง 5,200 ปี ขณะที่ " ภาพยนตร์แอนิเมชัน " ที่ได้รับการยอมรับว่าเป็นเรื่องแรกของโลกนั้นถูกวาดขึ้นใน ค.ศ. 1900(พ.ศ. 2443 ตรงกับรัชสมัยในรัชกาลที่ 5 ) ภาพยนตร์แอนิเมชันเรื่องนี้เป็นภาพวาดผสมกับการแสดงของ คนจริง ๆ ที่ถูกถ่ายทำหรือวาดขึ้นโดย J. Stuart Blackton สาระสำคัญ ภาพเคลื่อนไหวคือภาพกราฟิกที่มีการเคลื่อนเพื่อแสดงขั้นตอนหรือปรากฎการณ์ต่าง ๆ ที่เกิดขึ้น อย่างต่อเนื่อง โดยการนำภาพนิ่งมาเรียงกันเป็นชุด ๆ เพื่อแสดงบนจอทีละภาพด้วยความเร็วสูงในการ ฉายภาพแต่ละภาพจะต่อเนื่องกันให้ดูเหมือนว่าเคลื่อนไหวจริง ซึ่งอาจเป็นภาพที่ได้จากภาพวาด ภาพถ่าย หรือ ภาพคน สัตว์ สิ่งของก็ได้ ไม่จำเป็นต้องเฉพาะเจาะจงแต่ภาพการ์ตูนเท่านั้น สมรรถนะพื้นฐาน แสดงความรู้เกี่ยวกับหลักการสร้างภาพเคลื่อนไหว เรื่องที่จะศึกษา 1.ประวัติการเกิดแอนิเมชัน 4. ประเภทของภาพเคลื่อน 2. ความหมายของภาพเคลื่อนไหว 5. หลักการเคลื่อนที่และการเกิดภาพ 3. หลักการเกิดภาพเคลื่อนไหว 6. ขั้นตอนการสร้างภาพเคลื่อนไหว 7. เทคโนโลยีเกี่ยวกับการทำภาพเคลื่อนไหว จุดประสงค์เชิงพฤติกรรม 1. บอกประวัติการเกิดแอนิเมชันได้ 2. อธิบายความหมายของภาพเคลื่อนไหวได้ 3. อธิบายหลักการเคลื่อนที่และการเกิดภาพได้ 4. จำแนกประเภทของภาพเคลื่อนไหวได้ 5. อธิบายหลักการเคลื่อนที่และการเกิดภาพได้ 6. ปฏิบัติตามขั้นตอนการสร้างภาพเคลื่อนไหวได้ 7. ประยุกต์ใช้เทคโนโลยีเกี่ยวกับการทำภาพเคลื่อนไหวได้
2 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว พื้นฐานการใช้งานโปรแกรมสร้างภาพเคลื่อนไหว ประวัติความเป็นมาของ Adobe Flash Adobe Flash ชื่อเดิมคือ Shockwave Flash และ Macromedia Flash เป็นโปรแกรมที่ใช้ในการ เขียนสื่อมัลติมีเดียที่เอาไว้ใช้ สร้างเนื้อหาเกี่ยวกับ Flas ซึ่งตัว Flas Player พัฒนาและเผยแพร่โดย Adobe Systems เริ่มต้นพัฒนาโดยบริษัท Futuer where ตอนหลังเปลี่ยนเป็น Macromedia ซึ่งภายหลังถูก รวบรวมกิจการ เข้ากับ Adobe ภาพที่ 2.1วิวัฒนาการโปรแกรม Flash https://software.thaiware.com/2490-Adobe-Flash-Professional-Download.html Adobe Flash มีผู้คนรู้จักค่อนชข้างน้อยในช่วงแรก ๆ และเริ่มมีชื่อเสียงประมาณปี ค.ศ.1996 (พ.ศ.2539) หลังจากนั้น เทคโนโลยี Flash ได้กลายมาเป็นที่นิยมในการสอน Animation และ Interactive ในเว็บเพจ และในโปรแกรมหลาย ๆ โปรแกรมระบบ และเครื่องมือต่าง ๆ ที่มี ความสามารถในการแสดง Flash ได้ และ Flash ยังเป็นที่นิยมในการสร้างเกมคอมพิวเตอร์ แอนิเมชัน โฆษณาออกต่าง ๆ ของเว็บเพจใส่วีดีโอบนเว็บไซต์ และอื่น ๆ อีกมากมาย Adobe Flash ถูกพัฒนาต่อเนื่องตั้งแต่เวอร์ชัน 3, 4, 5, MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6 และรุ่นล่าสุดคือ CC ซึ่งมีการเปลี่ยนแปลงเพื่อให้เข้ากับชุดโปรแกรมกราฟิกหรืออื่น ๆ ของ Adobe ภาพที่ 2.2 ตัวอย่างการสร้างแอนิเมชัน https://www.researchgate.net/figure/Adobe-Flash-CS6-code-implementation_fig4
3 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว Adobe Flash เป็นโปรแกรมที่มีความสามารถในด้านการสร้างภาพคลื่อนไหว (Animation) ที่ได้รับ ความนิยมมากสุดในปัจจุบัน เป็นผลิตภัณฑ์ของบริษัท Adobe (เดิมคือ Macromedia) ซึ่งได้พัฒนา ปรับปรุงเครื่องมือต่าง ๆ ให้มีความสามารถใช้งานได้สะดวก สามารถใช้ผลิตสื่อการสอนเชิงตอบโต้ (Interactive) สื่อ Presentation เกม แบบทดสอบ E-Book Website Streming Video ฐานข้อมูลงาน กราฟิก และสร้างภาพเคลื่อนไหวหรือแม้แต่ภาพยนตร์การ์ตูนแอนิเมชัน Adobe Flash สามารถนำสื่อ ต่าง ๆ เช่น ภาพนิ่ง กราฟิก เสียง ภาพยนตร์ และมัลติมีเดียแทบทุกประเภทมาประยุกต์ใช้งานร่วมกันได้ อย่างมีประสิทธิภาพ โดยสามารถควบคุมกรทำงานแบบพื้นฐาน ไปจนถึงการเขียนคำสั่งควบคุม ให้ โปรแกรม Adobe Flash แสดงภาพผลตามที่ต้องการ ภาพที่ 2.3 ภาพไอคอนโปรแกรมอื่น ๆ ทำงานร่วมกับโปรแกรม Flash https://software.thaiware.com/2490-Adobe-Flash-Professional-Download.html Adobe Flash ยังทำงานในลักษณะ CGI โดยเชื่อมต่อกับการเขียนโปรแกรมภาษาอื่น ๆ ได้ มากมาย เช่น ภาษา PHP, JSP, ASP.NET, C/C++, C#, C#.NET, VB, VB.NET, JAVA และอื่น ๆ จุดเด่นของโปรแกรมนอกจากจะสร้างภาพที่มีความคมชัดสวยงามแล้ว ยังมีความสามารถในการบีบอัดไฟล์ให้มีขนาดเล็ก มีผลทำให้แสดงผลได้อย่างรวดเร็ว นอกจากนั้นยังแปลงไฟล์ให้อยู่ในฟอร์แมตอื่นได้หลากหลาย เช่น avi, mov, gif, wav, eps, ai, dxf, bmp, jpg, gif, png เป็นต้น
4 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว รูปแบบการใช้งานโปรแกรมสร้างภาพเคลื่อนไหว 1.การใช้โปรแกรม Adobe Flash Adobe Flash เป็นซอฟแวร์ที่ช่วยในการสร้างสื่อมัลติมีเดีย กราฟิกสำหรับเว็บไซต์ผลงานที่ พัฒนาด้วย Flash มีทั้งสือภาพนิ่ง ภาพเคลื่อนไหว สื่อมัลติมีเดีย ตลอดจนสื่อที่มีระบบโต้ตอบกับ ผู้ใช้งาน (Interactive Multimedia) เช่น การตอบสนองการกดปุ่มสั่งงาน หรือ การป้อนขอ้มูล ของผู้เข้าชมเว็บไซต์ เราเรียกว่าไฟล์ ภาพเคลื่อนไหว และมัลติมีเดียที่สร้างจาก Flash ว่า มูฟวี่ (Movie) 2. ประเภทที่สร้างจาก โปรแกรม Adob Flash งาน Flash นั้นแบ่งเป็น 2 ประเภทใหญ่ ๆ คือ งาน Online และงาน Offline ซึ่งมี งานประเภทต่าง ๆ ดังต่อไปนี้ 2.1งาน Flash แบบ Online 1)Web Banner คือรูปแบบหนึ่งของการสร้างป้ายโฆษณาบนเว็บไซต์แล้วทำไฮเปอร์ลิงกลับไปยังหน้า เว็บไซต์ที่สร้างป้ายโฆษณา เว็บแบนเนอร์สร้างขึ้นจากไฟล์รูปภาพทั่วไป เช่น GIF, JPEG, PNG หรือใช้จาวาสคริปเชื่อมโยงเทคโนโลยีมัลติมีเดีย อย่างอื่นเช่น แฟลช ช็อกเวฟ เป็นต้น และอาจมี การใช้ภาพเคลื่อนไหว เสียง หรือวีดีโอผสมผสานเพื่อนำเสนอให้โดดเด่นมากที่สุด ภาพที่ 2.4 ภาพตัวอย่าง Web Banner https://thegrowthmaster.com/blog/banner-design-for-display-ads
5 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว 2) Web Animation ปัจจุบันการออกแบบเว็บแอนิชัน เป็นสิ่งที่เราเริ่มเห็นมากขึ้น ทุกวัน และโปรแกรมที่ใช้ในการสร้างเว็บไซต์ คือ โปรแกรม Adob Drearmweaver แต่ สิ่งที่เป็นตัวช่วยในการสร้างเว็บไซต์ให้ดูมีชีวิตชีวา คือ การสร้างภาพเคลื่อนไหว หรือ Animation HTML5 ซึ่งทั้งแอนิเมชันแบบสั้น ๆ หรือเกมตามเว็บไซต์ต่าง ๆ ก็ใช้ Adobe Flash ในการสร้างสรรค์ผลงาน ภาพที่ 2.5 ภาพตัวอย่าง Web Animation https://www.animationafrica.org/3d-animation 3) Web Introduction คือ การสร้างภาพ 1 ภาพแทนคำพูด 1000 คำ การสร้างภาพเคลื่อนไหว ย่อมพูด ได้มากขึ้นอีกหลายเท่าตัว การใช้ภาพเคลื่อนไหวอธิบายบุคลิกตัวตนของเว็บไซต์ที่ นำเสนอ เป็นความ สามารถอีกด้านที่โปรแกรม Adobe Flash สามารถสร้างได้ดีและได้รับ ความนิยมอย่างมาก ผลงานที่ ออกมาจึงมีความน่าดึงดูดใจ และน่าสนใจเป็นอย่างมากสำหรับ ยุคปัจจุบัน ภาพที่ 2.6 ภาพตัวอย่าง Web Introduction https://www.relinns.com/blog/introduction-to-web-development-web-developer-guides/
6 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว 4) Flash Website เป็นการสร้างชิ้นงานอีกรูปแบบหนึ่งที่ใช้โปรแกรม Adobe Flash เนื่องจาก โปรแกรม Adobe Flash สามารถสร้างภาพกราฟิกได้สวยงามคมชัด และสร้างลูกเล่นต่าง ๆ ได้อย่าง ง่ายโดยไม่จำกัด แค่เพียง Animation และเนื้อหาอย่างเดียว หากยังการเชื่อมโยงกับฐานข้อมูล และ การสร้าง Application ที่มีรูปแบบเฉพาะตัวอีกด้วย แต่มีข้อเสีย คือ เว็บไซต์ที่สร้างด้วยโปรแกรม Adobe Flash จะแก้ไขข้อมูลได้ยาก และขนาดของไฟล์เว็บไซต์จะมีขนาดค่อนข้างใหญ่ ดังนั้น หาก ต้องการ สร้างเว็บไซต์ควรพิจารณาถึงรูปแบบของเว็บไซต์ก่อนว่าเหมาะสมที่จะสร้างด้วยโปรแกรม Adobe Flash หรือไม่ ภาพที่ 2.7 ภาพตัวอย่าง Flash Website https://www.entheosweb.com/Flash/website/default.asp
7 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว 2.2 งาน Flash แบบ Offline 1) Product Introduction งานเป็นตัวเงินค้างาน Event งานคอนเสิร์ต งานก่อนงานแต่งงาน ที่จะต้องมีการ นำเสนอ ความน่าสนใจของสินค้า หรือกิจกรรมต่างๆ การหา Animation อธิบาย วิธีการใช้ หรือแนะนำกิจการ ลูกค้าด้วยโปรแกรม Flash ก็เป็นทางเลือกใหม่ที่ กำลังมาแรง ด้วยวิธีการที่สะดวก และประหยัด ค่าใช้จ่ายกว่างานด้าน VDO ภาพที่ 2.8 ภาพตัวอย่าง Product Introduction https://pixels.com/featured/boondock-saints-unknown.html 2) Presentation, CD Interactive เมื่องาน Flash สามารถตอบโต้กับผู้ใช้งานได้ การสร้างงานแบบ Presentation ก็ไม่เป็น ปัญหาสำหรับ Flash อีกทั้งยังมีประโยชน์ในเรื่องความยืดหยุ่นของการเขียนโปรแกรม จึงเปิด โอกาสให้สร้างงาน Interactive แบบจินตนาการกว้างไกล โดยไม่ยึดติดอยู่ในโครงร่างตายตัว เหมือน PowerPoint อีกต่อไป ภาพที่ 2.9 ภาพตัวอย่าง Product Interactive https://www.clickview.com.au/blog/teaching-ideas/interactive/
8 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว 3) Application คือ การเขียนโปรแกรมช่วยให้ สามารถสร้าง Application แพาะทาง ขึ้น ซึ่งปัจจุบันนี้ มี Application มากมายที่สร้างขึ้นมาตอบสนองความ ต้องการของผู้ใช้งานในด้านอื่น ๆ หรือ พัฒนาไปสู่การฝึก ทักษะต่าง ๆ ผ่าน Apply,ation ภาพที่ 2.10 ภาพตัวอย่าง Application https://krupiyarerk.wordpress.com/ 2.3 งาน Flash ทั้ง Online และ Offline 1) สื่อการสอน (E-Learning) สามารถสร้างสื่อการสอนแบบ Interactive คือ การสร้างชิ้นงาน ให้มีการ ปฏิสัมพันธ์กัน ระหว่างผู้เรียนกับคอมพิวเตอร์ช่วยสอน ผู้เรียนมีการโต้ตอบปฏิสัมพันธ์กับคอมพิวเตอร์ และบทเรียนฯ มีโอกาสเลือก ตัดสินใจ และได้รับการเสริมแรงจากการได้รับข้อมูลอ้อนกลับทันที เป็นการเรียนรู้ใน รูปแบบการสื่อสารสองทาง (Two-Way Communication) ภาพที่ 2.11 ภาพตัวอย่าง Application https://www.bongkoch.com/shop/index.php?route=product/product&product_id=9630
9 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้างภาพเคลื่อนไหว 2) Full Animation, Cartoon, E-Card, Music Video ไม่ว่าจะเป็นการสร้างเป็นการสร้าง Cartoon บนเว็บไซต์หรือการฟ้า Music Video รวมถึง Animation ที่ลงไปตามอีเมล ในลักษณะงานประเภทเหล่านี้จะใช้โปรแกรม Adobe Plasti เป็น ตัวเลือกแรก ๆ การสร้าง Animation หรือภาพการ์ตูนเคลื่อนไหวนั้น ถือเป็นหัวใจหลักของการทำงาน ในโปรแกรม Adobe flash เนื่องจากมีเครื่องอำนวยความสะดวกมากมาย จึงทำให้โปรแกรม Adobe Flash สร้างผลงาน Animation ได้ง่ายกว่าโปรแกรมอื่น ภาพที่ 2.12 ภาพตัวอย่างการ์ตูน https://www.kanlayanee.ac.th/animation/web/animation.htm 3) Games การพัฒนาในส่วนของการเขียนโปรแกรมในช่วงหลัง ๆ ทำให้โปรแกรม Adobe flash สามารถสร้างเกมที่มีประสิทธิภาพมากขึ้นเรื่อย ๆ ถึงแม้ว่าอาจจะยังไม่ใช่เกมที่ขายได้อย่าง จริงจังแต่โปรแกรม Adobe flash สามารถทำให้การสร้างเกมไม่ใช่เรื่องยากจนเกินไป อีกทั้ง ไฟล์เกมที่สร้างออกมามีขนาดเล็ก ทำให้อัปโหลดขึ้นสู่เว็บไซต์ได้อย่างรวดเร็ว ภาพที่ 2.13 ภาพตัวอย่างเกม https://www.miniclip.com/
10 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว รูปแบบไฟล์ที่สามารถนำมาใช้งานในการสร้างภาพเคลื่อนไหว 1.การนำไฟล์ที่สร้างจากโปรแกรมอื่นมาใช้ flash Adobe Flash สามารถนำไฟล์อื่นเข้ามาใช้ในโปรแกรมได้ (เราเรียกว่า Import ไฟล์) ไม่ว่าจะเป็น ไฟล์ที่รูปภาพ ไฟล์เสียง หรือ ไฟล์ภาพเคลื่อนไหว นอกจากนั้น ยังยนำไฟล์จากโปรแกรมอื่นเข้ามา ใช้ได้ด้วย เช่น Adobe Illustrator , Auto CAD, Adobe Photoshop, Macromedia Freehand ฯลฯ ทำให้ Adobe Flash มีความหยืดหยุ่นในการทำงานสูง 2. ตัวอย่างไฟล์ที่สามารถ Import เข้ามาใช้งานโปรแกรม Flash ได้
11 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว 3. รูปแบบไฟล์ Adobe Flash โปรแกรม Adobe Flash สามารถสร้างผลงานได้ทั้งภาพนิ่ง ที่เรียกว่า (Still Image) และภาพเคลื่อนไหว ซึ่งจะเรียกว่า Movie ทั้งภาพนิ่ง และภาพเคลื่อนไหว จำเป็น เริ่มต้นจากไฟล์ Flash ต้นฉบับ ที่มีส่วนขยายเป็น .fla จากนั้นจึงบันทึกเป็นไฟล์ภาพ ใช้งาน สำหรับภาพนิ่งสามารถเลือกบันทึกได้หลายฟอร์แมตที่พร้อมใช้งาน ได้ดังนี้
12 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว โปรแกรมที่ทำงานร่วมกันในการสร้างภาพเคลื่อนไหว โปรแกรม Adobe Flash ถูกพัฒนาอย่างต่อเนื่อง ทำให้โปรแกรมมีเครื่องมืออำนวยความ สะดวกมากมาย จึงทำให้โปรแกรม Adobe Flash สร้างผลงาน Animation ได้ง่ายกว่าโปรแกรม อื่น โปรแกรม Adobe Flash มีความหยืดหยุ่นในการทำงานสูง สามารถนำไฟล์จากโปรแกรมอื่น เข้ามาใช้ได้ด้วย เช่น Adobe illustrator, Adobe Auto CAD, Adobe Photoshop ฯลฯ ภาพที่ 2.14 ภาพไอคอนโปรแกรมที่ใช้งานร่วมกัน ที่มา : จากการทบทวนวรรณกรรมของผู้เรียบเรียง 1.การใช้งาน Adobe Flash ร่วมกับ Dreamweaver Dreamweaver เป็นโปรแกรมที่ช่วยให้เขียนเว็บไซต์ได้ง่ายขึ้น แก้ไข ได้ง่ายขึ้นและมเครื่องมืออำนวยความสะดวกมากมายที่มีประโยชน์ในการทำ เว็บไซต์ โปรแกรม Adobe Flash เป็นโปรแกรมที่ใช้ในการสร้างแอนิเมชันต่าง ๆ หรือใช้เปิดไฟล์วิดีโอ เปิดเพลงผ่านเว็บไซต์ แม้แต่กระทั่งทำอัลบั้มภาพผ่านร เว็บไซต์ ภาพที่ 2.15 ภาพโปรแกรม Adobe Dreamweaver ที่มา : จากการทบทวนวรรณกรรมของผู้เรียบเรียง
13 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว ในปัจจุบันโปรแกรม Adobe Flash นั้น ได้รับความนิยมมากในการทำเว็บไซต์ ซึ่งสามารถแทรกไฟล์มัลติมีเดียจากโปรแกรม Adobe Flash ลงในโปรแกรม Adobe Dreamweaver เพื่อทำให้เว็บไซต์ดูน่าสนใจมากขึ้น สามารถเปิดไฟล์วิดีโอ หรือไฟล์เสียงผ่านเว็บไซต์ได้ หากนำมาประยุกต์ใช้ให้สร้างสรรค์ สามรถทำให้เว็บไซต์ มีประสิทธิภาพเพิ่มมากขึ้น ไฟล์จากโปรแกรม Adobe Flash ที่ สามรถนำมาใช้ ร่วมกับโปรแกรม Adobe Dreamweaver มี 2 แบบ คือ 1).swf เป็นไฟล์ที่เราสามรถใส่ได้ทุกที่ในเว็บเพจ 2).flv เป็นไฟล์ Flash video เมื่อเราแทรกไฟล์ Flash หรือไฟล์มัลติมีเดียต่าง ๆ ลงใน Adobe Dreamweaver โปรแกรมจะทำการเขียน JavaScript ขึ้นมาโดยอัตโนมัติ ชื่อว่า AC_RunActiveContent.js ไฟล์นี้จะอยู่ใน Folder ชื่อว่า Scripts การใช้งานจริง หรือการอัปโหลดข้อมูลสู่ Webserver นั้นห้ามลืมที่จะอัปโหลดไฟล์นี้เด็ดขาด มิฉะนั้นไฟล์ Flash หรือ ไฟล์มัลติมีเดีย ต่าง ๆ อาจไม่แสดงผล ภาพที่ 2.16 ชิ้นงานโปรแกรม Adobe Dreamweaver https://fixthephoto.com/th/
14 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว 2. การทำงานกับ Adobe Illustrator ร่วมกับ Adobe Flash ภาพที่ 2.17 โปรแกรม Illustrator https://th.wikipedia.org/wiki/ โปรแกรม Adobe Illustrator เป็นโปรแกรมที่ใช้วาดภาพแบบเวกเตอร์ ซึ่งสามารถใช้งานได้ร่วมกับหลาย ๆ โปรแกรม แต่ที่นิยมกันมากคือจะใช้ร่วมกับโปรแกรม Adobe Flash เพราะมีความเป็นเวกเตอร์ เหมือนกันโปรแกรม Adobe Flash เป็นโปรแกรมที่จะทำให้เราสามารถนำภาพนิ่งที่วาดจากโปรแกรม Illustrator โดยสามารถคิดลอกและวางชิ้นงานบันทึกไฟล์ในรูปแบบ SWF หรือส่งออกชิ้นงานโดยตรงไป ยัง Flash เพื่อนำมาทำให้ดูมีความน่าสนใจเพิ่มขึ้นได้ โดยการทำเป็นแอนิเมชันเคลื่อนไหว และทำให้ สามารถโต้ตอบกับผู้ใช้งานได้ ภาพที่ 2.18 การวาดภาพเหมือนด้วยโปรแกรม Adobe Illustrator https://www.youtube.com/watch?v=ESJYY7pKMBY
15 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว 3. การทำงานกับ Adobe Photoshop ร่วมกับ Adobe Flash ภาพที่ 2.19 โปรแกรม Adobe Photoshop https://software.thaiware.com/1427-Adobe-Photoshop-Download.html โปรแกรม กับ Adobe Photoshop เป็นโปรแกรมที่มีความสามารถใช้ได้หลายรอบ ในการจัดการไฟล์ข้อมูลรูปภาพที่มีประสิทธิภาพ การทำงานกับไฟล์ข้อมูลรูปภาพของ Photoshop ส่วนใหญ่จะทำงานกับไฟล์ข้อมูลรูปภาพที่จัดเก็บข้อมูลรูปภาพแบบ Raster เราสามารถใช้ในโปรแกรม Photoshop ในการตกแต่ง ตัดต่อ เปลี่ยนสีภาพ และใส่ Effect ต่าง ๆ ให้กับภาพ สามารถใช้ร่วมกับโปรแกรม Adobe Flash เพื่อให้ ชิ้นงานเกิดความสวยงามน่าสนใจมากขึ้น ภาพที่ 2.20 ตัวอย่างการใช้งานโปรแกรม Photoshop https://dmwasawat3.wordpress.com/
16 ความรู้พื้นฐานเกี่ยวกับโปนแกรมสร้าง ภาพเคลื่อนไหว บรรณานุกรม การสร้างการ์ตูน Animation ด้วยโปรแกรม Adobe Flash Professional CS 5 สืบค้นเมื่อวันที่18 เมษายน 2562 จาก http://www.100ydesign.com ธเนศ หาญใจ. (2552). การ์ตูนแอนิเมชัน. สืบค้นเมื่อวันที่ 10 พฤษภาคม 2562, จาก http://www.kanlayanee.ac.th/animation/web/animation.htm นรินทร์ เรืองแสน. (2551). สร้างการ์ตูน Animation ด้วย Flash. พิมพ์ครั้งที่ 2. กรุงเทพฯ : บริษัทพิมพ์ดี จํากัด.ปรกฤษฎิ์ สายหัสดี. (ม.ป.ป). สอนการทํางานของโปรแกรม Adobe Flash CS 5 สืบค้นเมื่อวันที่ 13 พฤษภาคม 2562 จาก http://www.indeshttp://www.indeschool.net ปุณยวีร์ รุจิปริตานันท์ . ( 2553 ) . Flash Cartoon Animation , กรุงเทพฯ บริษัท พิมพ์ดี จํากัด ปุณยวีร์ รุจิปริตานันท์ . ( 2553 ) . Flash Cartoon Animation , กรุงเทพฯ โปร วิชั่น ศันสนีย์ จํากัด . ( ม.ป.ป. ) . ออกแบบการ์ตูนแอนิเมชัน 2 มิติ เรื่อง ความดีย่อมชนะทุกสิ่ง สืบค้น เมื่อ วันที่ 5 กุมภาพันธ์ 2562 จาก http://www.10musica.net/Tmr9kIXQQO6/2/ สิทธิชัย ทิพย์สิงห์. ( 2559 ) ความรู้เบื้องต้นเกี่ยวกับ Flash . [ ออนไลน์ ] . สืบค้นเมื่อวันที่ 15 มีนาคม 2562 จาก http://kroojan.com/flash/content/flash-intro.html สุชญา ธนสารกิตติ . ( 2556 ) . การสร้างภาพเคลื่อนไหวด้วยโปรแกรม Adobe Flash , สาขาวิชา คอมพิวเตอร์ธุรกิจ คณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยราชภัฏพิบูลสงคราม. สุรพงษ์เวชกุวรรณมณี. ( 2550 ) พื้นฐานการสร้างงานเคลื่อนไหว 2 มิติ , กรุงเทพฯจูปิตัส จํากัด อิศเรศ ภาชนะกาญจน์ . ( 2557 ) . Flash CS6 Essential . นนทบุรี ไอ ซีดี Kannikabuuis . ( 2556 ) , เทคนิคการวาดภาพด้วยโปรแกรม Adobe Flash . สืบค้นเมื่อวันที่ 20 กุมภาพันธ์ 2562 จาก https://kannikabuuis.wordpress.com/2013/01/23/ Adobe Flash Narin Roungsan . ( 2551 ) สร้างการ์ตูน Animation ด้วย Flash , กรุงเทพฯ พิมพ์ดี