การสร้างภาพเคลื่อนไหวเบื้องต้น

บทที่ 1 ทำควำมรู้จักกรำฟิ กและแอนิเมชัน ทำควำมรู้จกั สี แม่สี คือ สีท่ีนำมำผสมกนั แลว้ ทำใหเ้ กิดสใี หมท่ ่มี ลี กั ษณะแตกตำ่ งไปจำกสเี ดิม โดยแมส่ ี ไดแ้ ก่ แดง เหลอื ง นำ้ เงิน 1. สขี องแสง คอื ควำมแตกตำ่ งสนั้ ยำวของคลนื่ แสงท่ีเรำมองเหน็ 2. สีของสำร คือ สที ่ีเรำมอเหน็ บนวตั ถตุ ำ่ ง ๆ เกิดจำกกำรดดู ซมึ และสะทอ้ นควำม ยำวคลนื่ แสง วงจรสี คอื กำรวำเนือ้ สีโดยเรยี งตำมกำรผสมสขี อสำรท่ีเรำมองเหน็ โดยแบง่ สเี ป็น 2 กลมุ่ ตำมอณุ หภมู ขิ องสีคอื สีโทนรอ้ น และสโี ทนเยน็ 1. สีโทนรอ้ น ใหค้ วำมรูส้ กึ มีพลงั อบอนุ่ สนกุ สนำน และดงึ ดดู ควำมสนใจไดด้ ี ประกอบดว้ ย สีสม้ เหลอื ง สีสม้ สีสม้ แดง สแี ดง และสีมว่ ง 2. สีโทนเยน็ จะใหค้ วำมรูส้ กึ สงบ เยอื กเยน็ ลกึ ลบั มีระดบั ประกอบดว้ ย สีเขยี ว เหลือง สีเขียว สี เขียวนำ้ เงนิ สนี ำ้ เงิน และสีมว่ งนำ้ เงิน กำรจัดองคป์ ระกอบภำพ ในกำรจดั องคป์ ระกอบของภำพนนั้ เรำตอ้ งหำจดุ เดน่ ของชิน้ งำน โดยกำรจบั ประเด็น ควำมหมำยของชิน้ งำนและทำใหผ้ ชู้ มเขำ้ ใจควำมหมำยท่ีเรำตงั้ ใจออกแบบไว้ 1. วำงจดุ สนใจในงำนอำจจะทำใหก้ ำหนดตวั เลขลำดบั ควำมสำคญั ลงไปในชิน้ งำน

2. สรำ้ งควำมแตกตำ่ งในงำนลกั ษณะนีค้ วรระวงั ไมใ่ หอ้ งคป์ ระกอบมคี วำมแตกตำ่ ง มำกเกินไปจนทำใหช้ ิน้ งำนดแู ตกแยกไมเ่ ป็นชิน้ งำนเดียวกนั 3. วำงแยกองคป์ ระกอบใหโ้ ดดเดน่ กำรวำงองคป์ ระกอบใหโ้ ดดเดน่ ใหแ้ ยกออกมำ หำ่ งจำกองคป์ ระกอบอ่ืน ๆ เป็นวธิ ีท่ที ำใหผ้ ชู้ มสงั เกตเหน็ ไดง้ ่ำย ควำมแตกตำ่ งระหวำ่ งภำพกรำฟิ ก 2 – 3 มติ ิ กรำฟิกแบบ 2 มิติ เป็นภำพท่ีคนุ้ เคยและพบเหน็ โดยท่วั ไป เช่น ภำพถำ่ ย ภำพวำด ภำพลำยเสน้ สญั ลกั ษณต์ ำ่ ง ๆ กรำฟิกแบบ 3 มิติ เป็นภำพกรำฟิกท่ีใชโ้ ปรแกรมสรำ้ งภำพ 3 มติ ิ โดยเฉพำะ เชน่ โปรแกรม Maya จะคนุ้ เคยกบั ภำพยนตรห์ รอื กำรต์ นู แอนเิ มชนั รูปแบบกรำฟิ กทใ่ี ช้งำนบน Flash

กำรสรำ้ งภำพกรำฟิกมี 2 วิธี วธิ ีแรก คือ กำรใชเ้ คร่อื งมอื ใน Flash สรำ้ งขนึ้ มำ และวิธี ท่ี 2 คอื กำรนำเขำ้ จำกภำยนอก เช่น ภำพถ่ำยหรอื ภำพท่ีวำดมำจำกโปรแกรมกรำฟิก ตำ่ ง ๆ โดยแบง่ ออกเป็น 2 ประเภท ดงั นี้ ภำพบิตแมปหรอื รำสเตอร์ (Bitmap or Raster Picture) เป็นภำพท่เี กิดจำกจดุ สี ซง่ึ ประกอบกนั เป็นรูปรำ่ ง ซง่ึ ควำมละเอียดของจดุ สเี หลำ่ นีจ้ ะมีกำรกำหนดขนำดใน หน่วยพิกเซล (Pixel) ภำพชนิดนีส้ ำมำรถแสดรำยละเอียดไดใ้ กลเ้ คยี งภำพจรงิ ซง่ึ จะมี ควำมละเอียดสงู นำมสกลุ ท่ใี ชเ้ ก็บแฟม้ ภำพกรำฟิกแบบ Raster มีหลำยนำมสกลุ เช่น .BMP, .DIB, .JPG, .JPEG, .JPE, .GIF, .TIFF, .TIF, .PCX, .MSP, .PCD, .FPX, .IMG, .MAC, .MSP และ .TGA เป็นตน้ ซง่ึ ลกั ษณะของแฟ้มภำพจะแตกตำ่ งกนั ไป ภำพเวคเตอร์ (Vector Picture) จะเป็นภำพท่เี กิดจำกลำยเสน้ ภำพชนิดนีส้ ำมำรถ ปรบั หรอื ยอ่ ขนำดไดต้ ำมตอ้ งกำร โดยไมม่ ีผลต่อควำมละเอียดของภำพ จงึ เหมำะ สำหรบั กำรสรำ้ งงำนกรำฟิกท่ีตอ้ งกำรควำมสวยงำมมำก ๆ นำมสกลุ ท่ใี ชเ้ ก็บแฟม้ ภำพกรำฟิกแบบ Vector มหี ลำยนำมสกลุ เชน่ .EPS, .WMF, .CDR, .AI, .CGM, .DRW, .PLT, .DXF, .PIC และ .PGL เป็นตน้

กำรเปรียบเทยี บของภำพเวคเตอรแ์ ละภำพรำสเตอร์ กำรสรำ้ งภำพแอนิเมชนั นนั้ ทำไดอ้ ยู่ 2 วธิ ี คอื กำรสรำ้ งภำพเคล่อื นไหวแบบเฟรมตอ่ เฟรม โดย รำจะตอ้ งระบกุ ำรเคล่ือนไหวของภำพไปทกุ เฟรม และกำรสรำ้ ง ภำพเคลื่อนไหวแบบทวีน ในแบบนีเ้ รำ สำมำรถกำหนดเฉพำะบำงเฟรมท่ีสำคญั ๆ ได้ แลว้ โปรแกรมจะสรำ้ งเฟรมเพ่มิ เติมใหเ้ องโดยอตั โนมตั ิ เอฟเฟ็กตก์ ำรเคล่อื นไหวสำมำรถทำไดห้ ลำยแบบดว้ ยกนั ไมว่ ำ่ จะเป็นกำร เคล่ือนท่ไี ปตำม ทศิ ทำงตำ่ ง ๆ หรอื กำรเปลย่ี นแปลงรูปรำ่ ง เชน่ เพ่ิม - ลดขนำด หมนุ เปลยี่ นสี รวมไปถึงกำรแปรเปลย่ี น ไปเป็นรูปรำ่ งแบบอ่ืน ๆ ซง่ึ กำรเคลอื่ นไหวนนั้ อำจ เกิดขนึ้ เอฟเฟ็กตเ์ ดียว หรอื หลำยเอฟเฟ็กตพ์ รอ้ ม ๆ กนั ก็ได้ กำรสร้ำงภำพเคลอ่ื นไหว (Animation Basic) ภำพเคล่อื นไหว คอื ลำดบั ของภำพสมจรงิ หรอื ภำพโครงรำ่ งท่ีแสดงอย่ำงตอ่ เน่ืองกนั อย่ำงรวดเรว็ อำจจะมกี ำรใสล่ กู เลน่ หรอื เอฟเฟ็กตใ์ หก้ ำรเคลอื่ นไหวดนู ำ่ สนใจย่งิ ขนึ้ สำยตำของมนษุ ยเ์ รำนนั้ สำมำรถพจิ ำรณำภำพท่ปี รำกฏอยเู่ บือ้ งหนำ้ เพ่ือท่ีจะแยก ออกวำ่ แต่ละภำพ ท่ีกำลงั แสดงอยนู่ นั้ มลี กั ษณะท่ีแตกตำ่ งกนั อย่ำงไร และจดุ ไหนบำ้ ง

ท่แี ตกต่ำงกนั นนั้ จะตอ้ งใชเ้ วลำ ในกำรตงั้ หลกั อยทู่ ่ปี ระมำณ 10 ภำพ ในเวลำ 1 วนิ ำที หำกวำ่ มจี ำนวนภำพท่มี ำกกวำ่ นีม้ ำแสดงใหเ้ หน็ ผำ่ นสำยตำในเวลำ 1 วนิ ำที ก็ จะไมส่ ำมำรถแยกแยะในรำยละเอียดได้ ซง่ึ หำกมองเหน็ เป็นภำพท่ีมีกำร ขยบั อยู่ ตลอดเวลำและมีควำมเรว็ ในกำรขยบั ท่ีเรว็ มำกก็จะสงั เกตเห็นภำพในลกั ษณะท่ีมวั จนไมส่ ำมำรถ สงั เกตเห็นขอ้ แตกตำ่ งของแตล่ ะภำพได้ แต่ขอ้ แตกตำ่ งท่เี ห็นนนั้ ก็คอื ภำพขยบั จำกชำ้ ๆ ไปจนเรว็ ทำให้ เกิดภำพท่ีมวั ขนึ้ น่นั เอง สำหรบั กำรปรบั ใหม้ ีกำรแสดงภำพท่ีมีจดุ แตกต่ำงกนั เลก็ นอ้ ยอยำ่ งตอ่ เน่ืองเพียงช่วั พรบิ ตำเดยี ว ก็จะเหน็ วำ่ ภำพน่ิงมีกำรเคลือ่ นไหวหรอื ขยบั อยอู่ ยำ่ งต่อเน่ืองได้ เป็น หลกั กำรท่ีมผี ปู้ ระดษิ ฐ์ฟิลม์ ภำพยนตรข์ นึ้ มำแลว้ ใชแ้ สงสอ่ งผำ่ นลำดบั ฟิลม์ เหลำ่ นนั้ หลำย ๆ เฟรมตอ่ เน่ืองกนั อย่ำงรวดเรว็ พอท่ี สำยตำมนษุ ยจ์ ะไมส่ ำมำรถแยกแยะออก วำ่ เป็นภำพน่งิ ได้ ทำใหเ้ กิดกำรเคลือ่ นไหวขนึ้ เป็นเรอ่ื งรำว ในท่ีนี้ จะเปรยี บเทยี บระหวำ่ งฟิลม์ ภำพยนตรแ์ ละโปรแกรม Adobe Flash CS6 ไดด้ งั นี้ 1. ฟิลม์ 1 ช่องเปรยี บไดก้ บั เฟรมแตล่ ะเฟรมใน Adobe Flash CS6 2. ควำมกวำ้ ง ควำมยำวของช่องฟิลม์ กจ็ ะเปรยี บไดก้ บั ขนำดควำมกวำ้ งของ Stage น่นั เอง 3. ควำมเรว็ ของกำรหมนุ ของมว้ นฟิลม์ จะเทยี บไดก้ บั ควำมเรว็ ของหวั อำ่ นท่ีเฟรม ย่งิ มคี ำ่ มำก ๆ กำรแสดงภำพเคลอ่ื นไหวก็จะน่มุ นวล สมจรงิ มำกย่ิงขนึ้ 4. แฟลชมฟู ว่ี (Flash Movie) ท่เี กิดจำกเฟรมหลำย ๆ เฟรมและเลเยอรห์ ลำยเลเยอร์ ประกอบเขำ้ ดว้ ยกนั และทำงำนสมั พนั ธก์ นั สำมำรถเทียบไดก้ บั ภำพยนตร์ 1 เร่อื ง หรอื 1 ตอน จะเกิด มว้ นฟิลม์ ทงั้ หมดท่ีฉำยไปยงั จอภำพตงั้ แต่ตน้ เร่อื งจนจบ

5. แฟลชมฟู ว่ีก็มคี วำมสำมำรถแสดงไดท้ งั้ ภำพและเสยี งพรอ้ ม ๆ กนั เหมอื นกบั ภำพยนตรท์ ่มี ี ทงั้ ภำพและเสียงไดเ้ หมอื นกนั ขั้นตอนกำรสร้ำงแอนิเมช่ัน กำรสรำ้ งแอนิเมชนั แต่ละตวั นนั้ อำจมีควำมซบั ซอ้ นมำกนอ้ ยไมเ่ ทำ่ กนั ขนึ้ อย่กู บั รำยละเอยี ดของ ชิน้ งำนนนั้ ๆ โดยองคป์ ระกอบแตล่ ะขนั้ ตอนมีดงั นี้ ขนั้ ตอนท่ี 1 กำรวำงโครงเร่อื ง กำรวำงโครงเร่อื งเป็นกำรวำงแผนวำ่ จะทำแอนิเมชนั ไปในแนวทำงไหน มี รำยละเอยี ดอยำ่ งไร และวตั ถปุ ระสงคข์ องแอนิเมชนั เป็นอย่ำงไร แลว้ รวบรวมเขียนไว้ ครำ่ ว ๆ ซง่ึ เรยี กวำ่ “Storyboard” คอื กำรสรำ้ งภำพใหเ้ ห็นลำดบั ขนั้ ตอนตำมเนือ้ เรอ่ื ง ท่ตี อ้ งกำร สำหรบั “Storyboard” อำจมที งั้ ภำพ เสยี ง ขอ้ ควำม ซง่ึ จะตอ้ งมกี ำร จดั เตรยี มขนึ้ มำก่อนท่จี ะไปจดั ทำแอนิเมชนั โดยวำดภำพลงกระดำษหรอื นำภำพ มำ วำงแทนกำรวำดโดยแสดงรำยละเอียดใหเ้ ป็นภำพครำ่ ว ๆ ขนั้ ตอนท่ี 2 กำรจดั เตรยี มองคป์ ระกอบของงำน (Pre - Production) เป็นขนั้ ตอนท่สี ำคญั กอ่ นเรม่ิ งำน ไดแ้ ก่ กำรเตรยี มขอ้ มลู ตำ่ ง ๆ เช่น รูปภำพท่ี นำมำใชเ้ ป็น องคป์ ระกอบในงำน โดยเรำสำมำรถวำดไดจ้ ำก Flash โดยตรง หรอื ภำพ จำกกำรวำดดว้ ยโปรแกรมอ่นื ๆ หรอื ภำพถ่ำย และไฟลเ์ สยี งหรอื ไฟลว์ ิดโี อท่ีมำใช้ ประกอบ ขนั้ ตอนท่ี 3 กำรสรำ้ งชิน้ งำน (Production) เป็นกำรนำไฟลภ์ ำพและเสียงท่ีเรำไดเ้ ตรยี มไวม้ ำทำแอนเิ มชนั ประกอบเป็น ชิน้ งำนตำมท่ีเรำได้ ทำกำรออกแบบไว้

ขนั้ ตอนท่ี 4 กำรแปลงขนึ้ งำน (Post - Production) เป็นขนั้ ตอน Public) เป็นชิน้ งำนแอนิเมชนั ท่เี รำไดท้ ำกำรสรำ้ งเสรจ็ แลว้ ในรูปแบบท่ี ตอ้ งกำร โดยชิน้ งำน Flash จะอยใู่ นรูปแบบนำมสกลุ .swf บทที่ 2 เร่ิมต้นรู้จักกับเทคโนโลยขี อง Adobe Flash CS6 Adobe Flash คืออะไร อะโดบี แฟลช (Adobe Flash) (ในช่ือเดิม Shockwave Flash และ Macromedia Flash) เป็น โปรแกรมท่ีใชใ้ นกำรเขียนสื่อมลั ติมเี ดยี ท่ีเอำไวใ้ ชส้ รำ้ ง เนือ้ หำเก่ียวกบั แอนเิ มชนั ซง่ึ ตวั Flash Player พฒั นำและเผยแพรโ่ ดยอะโดบซี ิสเต็มส์ (เรม่ิ ตน้ พฒั นำโดยบรษิ ัท ฟิวเจอรแ์ วร์ ตอนหลงั เปลี่ยนเป็นแมโคร มีเดีย ซง่ึ ภำยหลงั ถกู ควบรวมกิจกำรเขำ้ กบั อะโดบ)ี ซง่ึ เป็นโปรแกรมท่ีทำใหเ้ วบ็ บรำวเซอรส์ ำมำรถ แสดง ตวั เองได้ ซง่ึ มคี วำมสำมำรถในกำรรองรบั ภำพแบบเวคเตอรแ์ ละภำพแบบ รำสเตอร์ และมีภำษำสครปิ ต์ ท่ีเอำไวใ้ ชเ้ ขียนโดยเฉพำะเรยี กวำ่ แอก็ ชนั สครปิ ต์ (ActionScript) และยงั สำมำรถเลน่ เสียงและวดิ โี อ แบบสเตรโิ อได้ แตใ่ นควำมหมำยจรงิ ๆ แลว้ แฟลช คอื โปรแกรมแบบ Integrated Development Environment (IDE) เป็นโปรแกรมประยกุ ตซ์ อฟตแ์ วร์ ซง่ึ อำนวยควำม สะดวกใหแ้ กผ่ เู้ ขียนโปรแกรมคอมพิวเตอรใ์ นกำร พฒั นำซอฟตแ์ วร์ และ Flash Player คือ Virtual Machine ท่ใี ชใ้ นกำรทำงำนของไฟลแ์ ฟลช ซง่ึ ในภำษำพดู เรำจะ เรยี กทงั้ สองคำนีใ้ นควำมหมำยเดยี วกนั “Flash” ยงั สำมำรถหมำยถงึ โปรแกรม เคร่อื งมือต่ำง ๆ ตวั แสดงไฟลห์ รอื ไฟลโ์ ปรแกรมแฟลชเร่มิ มชี ่ือเสียงประมำณปี ค.ศ. 1996 หลงั จำกนนั้ เทคโนโลยแี ฟลช ไดก้ ลำยมำเป็นท่นี ยิ มในกำรเสนอแอนิเมชนั และ ปฏิสมั พนั ธ์ (Interactive) ในเว็บเพจ และในโปรแกรม หลำย ๆ โปรแกรม ระบบและ

เคร่อื งมือตำ่ ง ๆ ท่ีมคี วำมสำมำรถในกำรแสดงแฟลชได้ และแฟลชยงั เป็นท่ี นยิ มใน กำรใชส้ รำ้ งคอมพวิ เตอรแ์ อนิเมชนั โฆษณำ ออกแบบสว่ นตำ่ ง ๆ ของเว็บเพจ ใสว่ ดิ โี อ บนเวบ็ เกม แบบทดสอบ และอ่นื ๆ อีกมำกมำย ประเภทของไฟล์ Flash Flash Document มีฟอรแ์ มตเป็น .fla เป็นไฟลท์ ่ไี ดจ้ ำกกำรบนั ทกึ ในขนั้ ตอน กำรสรำ้ งชิน้ งำน โดยไฟลจ์ ะจดั เก็บขอ้ มลู ตำ่ ง ๆ ไมว่ ำ่ จะเป็นรูปภำพ ไฟลเ์ สียง และ อ่ืน ๆ ท่ไี ดท้ ำกำรสรำ้ งขนึ้ มำจะบนั ทกึ กนั อยใู่ นไฟลน์ ี้ Flash Movie มีฟอรแ์ มตเป็น .swf ไฟลน์ ีเ้ ป็นผลลพั ธส์ ดุ ทำ้ ย ซง่ึ จะไดจ้ ำกกำร พบั ลิช (Publish) ไฟลเ์ อกสำรขำ้ งตน้ เพ่อื นำไปเผยแพรแ่ ละแสดงดว้ ยโปรแกรม Flash Player นอกจำกนีก้ ็อำจมไี ฟลอ์ ่ืน ๆ ท่ีเก่ียวขอ้ งวธิ ีกำรพบั ลิช รวมไปถึงรูปแบบของกำร สรำ้ ง เช่น ไฟล์ fly ซง่ึ เป็นไฟลว์ ิดโี อ (Flash Video) ท่ไี ดจ้ ำกกำรอมิ พอรต์ เขำ้ มำอีก โดยขนึ้ อยกู่ บั เนือ้ หำของชิน้ งำนและใชง้ ำนไฟล์ as เป็นไฟลท์ ่เี ก็บซอรส์ โคด้ ของ โปรแกรม ActionScript ไฟล์ .exe จะไดผ้ ลเหมือนกบั ไฟล์ .swf แตไ่ มต่ อ้ งใชโ้ ปรแกรม Flash Player ในกำรแสดงผล หรอื ไฟล์ .html ซง่ึ เป็นเว็บเพจท่ีใชแ้ สดงมฟู ว่ี เป็นตน้ หน้ำโปรแกรม Flash เม่อื ไดท้ ำกำรเปิดโปรแกรม Flash จะไดพ้ บกบั หนำ้ ตำ่ งดงั รูปทกุ ครงั้ ท่ีไดใ้ ชง้ ำน โปรแกรม โดยแบง่ เป็น ดงั นี้

1. Create from Template เลือกไฟลส์ รำ้ งงำนใหมจ่ ะเป็นกำรเลอื กรูปแบบ ไฟลง์ ำนสำเรจ็ รูป ใหเ้ หมำะสมกบั กำรทำงำน 2. Open a Recent Item เลอื กไฟลจ์ ำกท่ีเรำไดเ้ คยทำงำนไว้ โดยเลอื กท่ี Open เพ่ือไปยงพอ ท่เี คยทำงำนไว้ 3. Create New เลอื กสรำ้ งไฟลใ์ หม่ โดยเลอื กชนิดไฟลใ์ นรูปแบบตำ่ ง ๆ เชน่ ACท่ใี ชส้ ำหรบั กำรทำงำนในรูปแบบของคำส่งั ActionScript 3.0 เป็นตน้ ส่วนประกอบของโปรแกรม Flash ประกอบดว้ ย 1. Menu Bar (เมนบู ำร)์ เป็นสว่ นสำหรบั แสดงรำยกำรคำส่งั ต่ำง ๆ ของโปรแกรม 2. Stage (สเตจ) เป็นสว่ นท่ีเรำกำหนดขอบเขตขนำดของกำรทำงำน เป็นพืน้ ท่ีสว่ นท่ี ใชใ้ นกำรวำง วตั ถตำ่ ง ๆ หรอื อำจจะเรยี กวำ่ “เวท”ี เม่อื มีกำรนำเสนอผลงำนจะแสดง เฉพำะวตั ถบุ น Stage นีเ้ ทำ่ นนั้ 3. Properties (พรอ็ พเพอรต์ )ี้ เป็นสว่ นกำหนดคณุ สมบตั ใิ หก้ บั วตั ถตุ ำ่ ง ๆ ท่เี รำใช้ งำน ทงั้ กำร กำหนดคำ่ ตำ่ ง ๆ หรอื กำรปรบั ปรุงเปลี่ยนแปลงแกไ้ ขวตั ถไุ หนก็นำเมำส์ ไปคลิกท่วี ตั ถนุ นั้ ก่อน 4. Timeline (ไทมไ์ ลน)์ มีไวส้ ำหรบั ควบคมุ กำรทำงำนและกำหนดกำรนำเสนอ ผลงำน ตลอดจน กำรเคลอื่ นไหวตำ่ ง ๆ 5. Toolbox (ทลู บอ็ กซ)์ เป็นกลมุ่ ของเคร่อื งมือในกำรสรำ้ งงำนและจดั กำรวตั ถตุ ำ่ ง ๆ ซง่ึ ประกอบ ดว้ ยป่มุ เครอ่ื งมอื ยอ่ ยตำ่ ง ๆ ท่ีใชใ้ นกำรสรำ้ งงำน กลอ่ งเคร่อื งมือ (Toolbox)

กลอ่ งเคร่อื งมือจะรวบรวมเคร่อื งมือตำ่ ง ๆ ไมว่ ำ่ จะเป็นกำรสรำ้ ง กำรแกไ้ ขปรบั แตง่ โดยแบง่ เป็น กลมุ่ ๆ ดงั นี้ - กลมุ่ เครอ่ื งมอื Tools 1. Selection เลอื กออบเจก็ ต์ 2. Sub selection ปรบั แตง่ รูปทรงออบเจก็ ต์ 3. Free Transform ปรบั แตง่ รูปทรงออบเจก็ ต์ 4. 3D Rotation ปรบั แตง่ รูปทรงออบเจก็ ตแ์ บบ 3 มติ ิ 5. Lasso เลอื กออบเจก็ ตห์ รอื พืน้ ท่บี ำงส่วนของออบเจก็ ต์ - กลมุ่ เครอ่ื งมือ Edit 1. Pen วำดรูปทรง เสน้ ตรง เสน้ โคง้ 2. Text พมิ พข์ อ้ ควำม 3. Line วำดเสน้ ตรง 4. Rectangle วำดสเ่ี หลีย่ ม 5. Pencil Tool วำดรูปทรง เสน้ ตรง เสน้ โคง้ 6. Brush ระบำยสี 7. Deco เติมลวดลำยใหก้ บั ออบเจก็ ต์ - กลมุ่ เครอ่ื งมอื Colors 1. Bone สรำ้ งขอ้ ต่อกำรเคล่อื นไหวใหก้ บั ออบเจก็ ต์

2. Paint Bucket เติมสพี ืน้ ใหก้ บั ออบเจก็ ต์ 3. Eyedropper ก๊อปปีสจี ำกออบเจก็ ตอ์ ่ืน 4. Eraser ลบเสน้ หรอื สีพืน้ ของออบเจ็กต์ 5. Stroke Color เลือกสเี สน้ 6. Fill Color band was 7. Black and White เลือกเสน้ เป็นสีดำและพืน้ เป็นสขี ำว 8. Swap Colors สลบั สเี สน้ กบั สพี นื้ - กลมุ่ เคร่อื งมือ View 1. Hand เล่อื นดสู ว่ นตำ่ ง ๆ ของภำพ 2. 700ก ยอ่ /ขยำยมมุ มองภำพบนสเตจ 3. สเตจ (Stage) เป็นพืน้ ท่ีสขี ำวตรงกลำงหนำ้ จอท่ีใชส้ ำหรบั จดั วำงวตั ถตุ ำ่ ง ๆ ท่ี ตอ้ งกำรให้ แสดง 4. ไทมไ์ ลน์ (Fireline) ใชส้ ำหรบั ในกำรทำงำนสรำ้ งภำพเคล่อื นไหว ประกอบดว้ ยเล เยอร์ (Layer) และเฟรม (Frame) กำรเปิ ดโปรแกรม Flash 1. คลกิ Start > ALL Program > Adobe Master Collection CS6 จำกนนั้ เลือกท่ี Adobe Flash Professional CS6 2. Create New เป็นกำรสรำ้ งไฟลใ์ หมแ่ บบตำ่ ง ๆ ดงั นี้

กำรเปิดไฟลท์ ่บี นั ทกึ ไว้ 1. เลอื ก File >Open แลว้ ทำกำรเลือกไฟลท์ ่ีไดท้ ำกำรบนั ทกึ ไว้ 2. เม่ือทำกำรเลือกไฟลจ์ ะไดป้ รำกฏ กำรปิ ดโปรแกรม Flash 1. กำรปิดโปรแกรมใหค้ ลิกท่ี File > Exit 2. คลกิ ท่ปี ่มุ X ท่ีมมุ ขวำบนของโปรแกรม กำรบันทกึ ไฟลเ์ อกสำร 1. คลกิ ท่ี File แลว้ เลอื ก Save

2. เลือกโฟลเดอรท์ ่จี ดั เก็บไฟล์ ตงั้ ช่ือไฟล์ แลว้ กดป่มุ Save กำรจัดองคป์ ระกอบของหน้ำจอ กำรจดั องคป์ ระกอบของหนำ้ จอจะชว่ ยใหใ้ ชง้ ำนโปรแกรมไดส้ ะดวกมำกขนึ้ เพรำะสำมำรถจดั องคป์ ระกอบหนำ้ จอใหเ้ หมำะสมกบั ควำมตอ้ งกำรใชง้ ำน ตวั อยำ่ ง พำเนลท่ี Flash ไดม้ มี ำให้ เชน่ Animator, Classic, Debug เป็นตน้ กำรปรบั ขนำดพำเนล กำรปรบั ขนำดพำเนลใหก้ วำ้ งหรอื สงู ทำไดโ้ ดยกำรเล่ือนเมำสไ์ ปท่ขี อบ บรเิ วณนนั้ แลว้ คลกิ ลำก กำรแยกพำเนล คลกิ ลำกแทบ็ ช่ือพำเนลท่ตี อ้ งกำรแยก แลว้ นำมำวำงบนสเตจ กำรยดึ พำเนล คลิกท่ีพำเนล แลว้ ลำกแท็บเขำ้ ไปวำงในแผงพำเนล กำรบนั ทกึ องคป์ ระกอบของหนำ้ จอ เม่ือจดั องคป์ ระกอบของหนำ้ จอตำมควำมตอ้ งกำรแลว้ เรำ สำมำรถบนั ทกึ องคป์ ระกอบหนำ้ จอนนั้ เพ่อื นำมำใชง้ ำนในครงั้ ต่อไปได้ โดยมขี นั้ ตอนดงั นี้ 1. คลกิ ท่ี Essentials แลว้ เลอื ก New Workplace. 2. ตงั้ ช่ือองคป์ ระกอบหนำ้ จอ กำรกำหนดคุณสมบตั ขิ องเอกสำร

กำรกำหนดคณุ สมบตั ขิ องเอกสำรเป็นกำรกำหนดคณุ สมบตั ใิ หต้ รงกบั กำรใชง้ ำน ไมว่ ำ่ จะเป็น ขนำดพืน้ ท่ีแสดงผล สพี นื้ อตั รำควำมเรว็ ในกำรแสดงผล กำรปรบั ขนำดสเตจและเปล่ียนสีพืน้ สเตจ 1. คลิกท่ี Modify แลว้ เลือกท่ี Document 2. ตงั้ ค่ำขนำดสเตจตำมตอ้ งกำร ดงั นี้ - Printer ใหข้ นำดใหญ่ท่สี ดุ เท่ำท่ีจะพิมพไ์ ด้ - Content เท่ำกบั เนือ้ หำ - Default เทำ่ กบั ขนำดเรม่ิ ตน้ เดิมคือ 500 x 400 px 3. คลิกท่สี แี ละเลอื กสีตำมตอ้ งกำรเพ่ือทำกำรเปลยี่ นสพี ืน้ ท่สี เตจ 4. คลิกท่ีตวั เลขแลว้ ปอ้ นคำ่ ลงไป โดยจะคิดเป็นจำนวนเฟรมตอ่ วินำที กำรปรับขนำดกำรมองภำพ เพ่ือควำมสะดวกอำจปรบั มมุ มองภำพโดยกำรยอ่ หรอื ขยำย เพ่ือใหเ้ หน็ ภำพและ องคป์ ระกอบภำพ ไดช้ ดั เจน ดงั นี้ กำรย่อหรอื ขยำยดว้ ยเคร่อื งมือ Zoom 1. เลอื กท่ีเคร่อื งมือ Zoom 2. เลือกออปชนั ของเครอ่ื งมอื โดยเลือก Enlarge เพ่ือขยำยมมุ มองภำพ หรอื Reduce เพ่ือ ย่อมมุ มองภำพ กำรเล่อื นดสู ว่ นตำ่ ง ๆ

เรำสำมำรถเล่ือนกรอบหนำ้ ตำ่ งเพ่ือมองชิน้ งำนไดใ้ นตำแหนง่ ท่ีตอ้ งกำร โดยสำมำรถ ใชเ้ คร่อื งมือ ดงั นี้ 1. ใชเ้ คร่อื งมือ Hand Tool เล่อื นสเตจ 2. คลกิ ลำกเพ่อื เลื่อนมมุ มองในแนวนอน 3. คลิกลำกเพ่อื เล่ือนมมุ มองในแนวตงั้ เครื่องมอื ช่วยกะระยะและจดั วำงออบเจก็ ต์ อปุ กรณท์ ่ใี ชใ้ นกำรช่วยจดั วำงออบเจ็กตไ์ ดแ้ มน่ ยำตรงตำแหนง่ ท่เี รำตอ้ งกำร มี ดงั นี้ ไมบ้ รรทดั (Ruler) 1. เลอื กท่ี View แลว้ คลกิ ท่ี Rulers ไวช้ ว่ ยในกำรกะระยะและจดั วำงออบเจ็กต์ 2. ลำกเสน้ ไกดจ์ ำกดำ้ นบนและดำ้ นขำ้ ง เพ่อื กะระยะของออบเจก็ ต์ หมำยเหตุ : กำรลอ็ กเสน้ ไกดท์ ำไดโ้ ดย คลกิ คำส่งั View แลว้ เลอื กท่ี Guides และ เลือก Lock Guides และใชค้ ำส่งั เดยี วกนั นีใ้ นกำรยกเลิกกำรลอ็ ก กำรลบเสน้ ไกดท์ ำไดโ้ ดย คลกิ ท่ีคำส่งั View แลว้ เลือกท่ี Guides และเลอื ก Clear Guides กำรโชวเ์ สน้ กรดิ (Grid) เสน้ กรดิ คอื ตำรำงท่ีชว่ ยในกำรจดั วำงออบเจ็กต์ จะปรำกฏขณะสรำ้ งชนิ้ งำนเทำ่ นนั้ 1. เลือกท่ีเมนู View 2. คลิกท่ี Grid แลว้ เลือก Show Grid

รูปแบบกรำฟิ กทใี่ ช้งำนบน Flash กำรสรำ้ งภำพกรำฟิกมี 2 วิธี วธิ ีแรกคอื กำรใชเ้ คร่อื งมือใน Flash สรำ้ งขนึ้ มำ และวิธีท่ี 2 คอื กำรนำเขำ้ จำกภำยนอก เชน่ ภำพถ่ำยหรอื ภำพท่ีวำดมำจำกโปรแกรม กรำฟิกตำ่ ง ๆ โดยแบง่ ออกเป็น 2 ประเภท ดงั นี้ ซนี และมฟู ว่ี - ซนี (Scene) เปรยี บเสมอื นเร่อื งรำวของฉำกละครแต่ละฉำก ภำยในซีนจะ ประกอบดว้ ย ออบเจ็กตต์ ำ่ ง ๆ มำกมำยหลำกหลำยชนิดท่ไี ดส้ รำ้ งขนึ้ มำ และโดย ปกตโิ ปรแกรมจะทำกำรสรำ้ งขนึ้ ขนึ้ มำให้ 1 ซนี แตเ่ รำก็สำมำรถทำกำรเพ่มิ จำนวน ซีนขนึ้ มำใชง้ ำนไดอ้ ีกตำมควำมตอ้ งกำร - มฟู ว่ี (Movie) เปรยี บเสมือนเร่อื งรำวโดยรวมทงั้ หมดของละคร ซง่ึ มฟู ว่เี กิดจำกกำร นำ ซีนฉำกทงั้ หมดมำทำกำรประกอบเช่ือมโยงเขำ้ ดว้ ยกนั เป็นเร่อื งรำวท่ตี อ้ งกำร ขนึ้ มำ ซิมโบลและอินสแตนซ์ ซมิ โบล (Symbol) คือกำรนำวตั ถทุ ่เี ป็นกรำฟิก ป่มุ หรอื มฟู ว่ี เป็นตน้ แบบในครงั้ แรก เพ่ือนำไป ใชเ้ ป็นสว่ นประกอบในชิน้ งำน ทกุ ซมิ โบลท่ีสรำ้ งจะถกู เก็บไวใ้ นไลบรำรี แบง่ ออกเป็น 3 ชนิด ไดแ้ ก่ - มฟู ว่ีคลิป (Movie Clip) เป็นซมิ โบลสำหรบั สรำ้ งภำพเคล่อื นไหว ภำพเคลอ่ื นไหวนี้ จะเลน่ อย่ำงเป็นอสิ ระจำกไทมไ์ ลนข์ องมฟู ว่หี ลกั - ป่มุ (Button) ซมิ โบลสำหรบั สรำ้ งป่มุ ท่ีใชต้ อบสนองต่อกำรกระทำของเมำส์ เชน่ กำรกดป่มุ เพ่ือไปส่งั ใหม้ ฟู ว่คี ลิปทำงำน เป็นตน้

- กรำฟิก (Graphic) ซมิ โบลสำหรบั ออบเจ็กต์ ซง่ึ อำจนำไปเป็นสว่ นประกอบของกำร สรำ้ ง ภำพเคลือ่ นไหวของมฟู ว่คี ลปิ ป่มุ หรอื มฟู ว่หี ลกั ได้ -อนิ สแตนซ์ (Instance) คอื สำเนำของซิมโบลท่ีถกู ดงึ มำใชง้ ำนบนสเตจ อินสแตนซ์ แตล่ ะตวั สำมำรถ ปรบั แตง่ คณุ สมบตั ไิ ดอ้ ยำ่ งอสิ ระ โดยไมม่ ผี ลตอ่ ซิมโบลหรอื อินสแตนซอ์ ่ืน เชน่ ขนำด สี ควำมโปรง่ ใส แต่ ในทำงตรงกนั ขำ้ ม หำกซมิ โบลตน้ แบบ ถกู แกไ้ ขคณสมบตั ิเม่อื ใด จะมีผลทำใหอ้ ินสแตนซท์ กุ ตวั เปล่ียนแปลงไปดว้ ย บทที่ 3 สร้ำงชนิ้ งำนจำกเคร่ืองมือของ โปรแกรม Adobe Flash CS6 ลักษณะกำรวำดและกำรกำหนดสี กำรวำดภำพดว้ ยเครอ่ื งมือตำ่ ง ๆ เรำกไ็ ดร้ ูปทรง (Shape) หรอื ออบเจก็ ต์ (Object) โดยแต่ละ ออบเจ็กตจ์ ะประกอบไปดว้ ยพนื้ ภำพ (Fit) เป็นพืน้ ท่ีภำยในเสน้ ขอบและเสน้ (Line) เป็นโครงรำ่ งของภำพ ลกั ษณะกำรวำด Object Drawing รูปทรงท่วี ำดจะเป็นอิสระจำกกนั หำกออบเจก็ ตใ์ ดเปล่ียนแปลงจะ ไม่ สง่ ผลตอ่ ออบเจ็กตอ์ ่ืน โดยวิธีกำรคือ เม่ือคลิกเลอื กรูปทรงท่จี ะวำดแลว้ ใหเ้ ลอื กท่ี Object Drawing Merge Drawing รูปทรงท่ีวำดจะมผี ลกระทบตอ่ รูปทรงอ่ืน วธิ ีกำรคือ ไมต่ อ้ งคลิก เลือก Object Drawing กำรกำหนดสพี นื้ และสีเส้นก่อนกำรวำด

เม่อื คลิกเลือกเคร่อื งมือ เรำจะเห็นเครอ่ื งมอื เปล่ียนสี Fit Color กำหนดสีพืน้ และ Stroke Color กำหนดเสน้ ขอบ เม่อื คลิกเลอื กท่ีช่องสีจะมหี นำ้ ตำ่ งชดุ สีขนึ้ มำใหเ้ รำ เลือกสไี ดต้ ำมตอ้ งกำร คณุ สมบตั ิตำ่ ง ๆ ในพำเนล Properties มี รำยละเอียด ดงั นี้ Stroke กำรกำหนดควำมหนำของเสน้ Style เลือกลวดลำยเสน้ Hinting ช่วยลดกำรเบลอของเสน้ ตรงสว่ นโคง้ เม่ือแสดงผล Scale ควำมหนำของเสน้ ท่ีสมั พนั ธก์ บั กำรซมู Cap รูปแบบลำยเสน้ Join Miter รูปแบบของมมุ สร้ำงเส้นตรงดว้ ยเครื่องมือ Line Tool เคร่อื งมอื Line Toot เป็นเครอ่ื งมือท่ีใชใ้ นกำรวำดเสน้ ตรง และในขณะท่ที ำกำร วำดเสน้ อยนู่ นั้ จะปรำกฎวงกลมเล็ก ๆ ท่ีเรยี กวำ่ Snap to Objects ทำใหส้ ำมำรถ วำดเสน้ แตล่ ะเสน้ เขำ้ หำกนั จนเกิด ควำมตอ่ เน่ืองขนึ้ มำไดโ้ ดยอตั โนมตั ิ นอกจำกนี้ เม่ือมกี ำรวำดเสน้ ขนึ้ มำเรยี บรอ้ ยแลว้ ยงั สำมำรถ เปล่ียนแปลงสี ขนำด และรูปรำ่ ง ของเสน้ ในภำยหลงั ไดอ้ ีกดว้ ย ขนั้ ตอนในกำรสรำ้ งเสน้ ตรงดว้ ยเคร่อื งมอื Line Tool สำมำรถทำไดต้ ำมขนั้ ตอน ดงั นี้ 1.คลิกเลอื กท่ี Line Tool 2. กำหนดลกั ษณะของสีและรูปแบบ

3. วำดรูปตำมตอ้ งกำร สร้ำงเส้นอสิ ระดว้ ยเคร่ืองมอื Pencil เครอ่ื งมือ Pencil จะชว่ ยใหว้ ำดเสน้ ไดอ้ ย่ำงอิสระเหมือนใชด้ ินสอวำดบนกร 1. คลกิ เลือกท่ีเคร่อื งมือ Pencil 2. กำหนดลกั ษณะของสีและรูปแบบ 3.วำดรูปตำมตอ้ งกำร เครอ่ื งมอื Pencil สำมำรถเลอื กปรบั แตง่ ลกั ษณะเสน้ ท่ีวำด ดงั นี้ Straighten ปรบั เสน้ ใหเ้ ป็นแนวตรง Smooth ปรบั เสน้ ใหโ้ คง้ มนและเรยี บ Ink ไมม่ ีกำรปรบั เสน้ ใด ๆ สร้ำงรูปทรงเรขำคณิต สรำ้ งรูปทรงแบบ Rectangle หรอื Rectangle Primitive กำรวำดรูปทรง เรขำคณิตแบบ Rectangle และ Rectangle Primitive ทงั้ สองรูปแบบจะแตกตำ่ งกนั ท่ี Rectangle จะสำมำรถปรบั แตง่ ควำมโคง้ ไดท้ งั้ ก่อนและ ปรบั แตง่ ควำมโคง้ ไดก้ อ่ น กำรวำด Rectangle Primitive จะสำมำรถปรบั แตง่ ควำมโคง้ ไดท้ งั้ ก่อนและหลงั กำร วำด แตท่ งั้ สองแบบมขี นั้ ตอนกำรสรำ้ งเหมือนกนั ดงั นี้ 1. เลือกเคร่อื งมอื Rectangle หรอื Rectangle Primitive 2. กำหนดสพี ืน้ และรูปแบบเสน้ 3. กำหนดคำ่ ควำมโคง้

4. คลิกวำดรูปตำมตอ้ งกำร สร้ำงรูปทรงวงกลมหรือวงรีด้วย Oval และ Oval Primitive ทงั้ สองเคร่อื งมือใชว้ ำดทงั้ วงกลมและวงรไี ดท้ งั้ คู่ แตม่ ีควำมแตกตำ่ งกนั คอื Oval จะสำมำรถ ดดั แปลงรูปทรงไดเ้ ฉพำะก่อนกำรวำด แต่ Oval Primitive จะ สำมำรถดดั แปลงรูปทรงไดท้ งั้ ก่อนและ หลงั กำรวำด ซง่ึ ทงั้ สองแบบจะมีขนั้ ตอนกำร สรำ้ งเหมอื นกนั ดงั นี้ 1. คลิกท่เี ครอ่ื งมอื Oval หรอื Oval Primitive 2. กำหนดรูปแบบสพี ืน้ และเสน้ 3. กำหนดคำ่ กำรแปลงรูป 4.วำดรูปตำมตอ้ งกำร กำรกำหนดคำ่ ของรูปทรงมีรำยละเอียด ดงั นี้ Start Angle คำ่ ของมมุ เรม่ิ ตน้ End Angle คำ่ ของมมุ สดุ ทำ้ ย Inner Radius รศั มีของวงกลมวงใน สร้ำงรูปทรงอสิ ระด้วยเคร่ืองมอื Pen Tool Pen Tool เป็นเครอ่ื งมือท่ีใชส้ ำหรบั สรำ้ งรูปทรง ท่ีซบั ซอ้ น ใชส้ ำหรบั วำดเสน้ ตรงและ เสน้ โคง้ โดยเสน้ ท่วี ำดจะเช่ือมกนั จดุ ตอ่ จดุ Pen Tool ใชว้ ำดเสน้ พำธ Add Anchor Point Tool ใชเ้ พ่ิมจดุ แองเคอร์

Delete Anchor Point Tool ใชล้ บจดุ แองเคอร์ Convert Anchor Point Toot ใชเ้ ปลีย่ นชนดิ จดุ แองเคอร์ จดุ แองเคอร์ (Anchor Point) เป็นจดุ ท่ีตรงึ เสน้ พำธแตล่ ะชว่ งไวใ้ นตำแหน่งตำ่ ง ๆ กำรวำดรูปทรงท่ีประกอบดว้ ยเสน้ ตรงของเคร่ืองมอื Pen วธิ ีกำร คือ ใหค้ ลิกสรำ้ งจำกจดุ แองเคอรท์ ่ลี ะจดุ ไปเร่อื ย ๆ เพ่ือใหร้ ูปทรงตอ่ เน่ืองจน เป็นรูปทรง 1. คลิกเลอื กเคร่อื งมือ Pen Tool 2. กำหนดรูปแบบเสน้ 3. คลกิ วำดจำกจดุ เรม่ิ ตน้ เพ่ือสรำ้ งจดุ แองเคอรแ์ ลว้ คลิกตอ่ เน่ืองไปยงั จดุ ตำ่ ง ๆ Close Path เลือก Close Path หำกตอ้ งกำรใหร้ ูปทรงเป็นแบบปิด กำรปรับแต่งรูปทรง หลงั จำกท่ไี ดท้ ำกำรวำดรูปทรงแลว้ ถำ้ ตอ้ งกำรแกไ้ ขปรบั แตง่ ก็สำมำรถทำได้ โดยมีรำยละเอียดดงั นี้ กำรปรบั ควำมโคง้ ของรูปทรงดว้ ยเครอ่ื งมือ Sub selection มวี ิธีกำร ดงั นี้ 1. คลิกเลอื กท่ีเคร่อื งมือ Sub selection 2. คลกิ ท่ีเสน้ ขอบรูปเพ่ือแสดงจดุ แองเคอร์ 3.คลกิ ลำกจดุ เพ่ือปรบั เสน้ สมั ผสั กำรระบำยสภี ำพ

ระบำยภำพดว้ ยเครอ่ื งมือ Brush Brush เป็นเครอ่ื งมือท่ีมีลกั ษณะของสีคลำ้ ยพกู่ นั สำมำรถระบำยภำพไดห้ ลำย แบบและ แสดงควำมหนกั เบำของลำยเสน้ ได้ โดยมีวิธีกำร ดงั นี้ 1. คลิกเลือกเคร่อื งมือ Brush 2. กำหนดลกั ษณะตำ่ ง ๆ ในกำรระบำย 3. คลิกลำกระบำยสีตำมตอ้ งกำร กำรพน่ ระบำยสีดว้ ยเครอ่ื งมือ Spray Brush มีวธิ ีกำร ดงั นี้ 1. คลิกเลือกท่ีเคร่อื งมือ Spray Brush 2. กำหนดสี ขนำดและลกั ษณะอ่ืน กำรลบสีพนื้ หรือเส้น กำรลบสพี ืน้ หรอื เสน้ ดว้ ยเครอ่ื งมือ Eraser 1. คลิกเลอื กท่ีเคร่อื งมือ Eraser 2. กำหนดรูปแบบในกำรลบรูปภำพ โดยมีรำยละเอยี ด ดงั นี้ Eraser Normal ลบทงั้ เสน้ และสีพืน้ Eraser Fills ลบเฉพำะสีพืน้ Eraser Lines ลบเฉพำะเสน้ Eraser Selected Fills ลบเฉพำะสีพนื้ ในสว่ นท่ีเลอื กไว้ Eraser Inside ลบสพี ืน้ เทำ่ นนั้ แตถ่ ำ้ สพี ืน้ มีหลำยสจี ะลบเฉพำะสที ่ีคลิกเมำส์ ไปครงั้ แรกเทำ่ นนั้

กำรลบดว้ ยเครอ่ื งมอื Faucet เคร่อื งมอื Faucet จะทำไดง้ ำ่ ยกวำ่ Eraser เพรำะวำ่ ใชว้ ธิ ีคลิกพืน้ ท่ีท่ตี อ้ งกำรลบ เพียงครงั้ เดียว โดยมวี ธิ ีกำร ดงั นี้ 1. คลิกเลอื กท่ีเคร่อื งมือ Eraser 2. เลือกท่ี Faucet 3. คลิกรูปท่ีตอ้ งกำรลบ กำรเตมิ ลวดลำยใหร้ ูปภำพ เรำสำมำรถเติมลวดลำยตำ่ ง ๆ ใหก้ บั สเตจไดห้ ลำยวิธี ดงั ตอ่ ไปนี้ ตวั อยำ่ งกำรใชเ้ ครอ่ื งมือ Deco เติมลวดลำยแบบ Vine Fit 1. คลิกเลอื กท่ี Deco 2. เลอื กท่ี Vine Fit 3. กำหนดคณุ สมบตั ขิ อง Vine Fit โดยมรี ำยละเอียด ดงั นี้ - Leaf คอื สว่ นใบ - Flower คือ สว่ นดอก - Branch Angle คือ กำรกำหนดกำรหมนุ เอียงของก่ิง - Pattern Scale ปรบั ขนำดของลวดลำย -Segment Length ระยะหำ่ งของดอกใบ - Animate Pattern กำรเลอื กใหโ้ ปรแกรมสรำ้ ง ช่วงกำรเติมเอฟเฟกตเ์ ป็น ภำพเคลอื่ นไหว 4. คลกิ เพ่ือเตมิ ลวดลำย บทท่ี 4 กำรสร้ำงและเพม่ิ กลเมด็ ใหต้ ัวอักษร Adobe Flash CS6

กำรสร้ำงขอ้ ควำม เครอ่ื งมอื T Text Tool เป็นเคร่อื งมอื ท่ีใชพ้ มิ พข์ อ้ ควำมไดท้ งั้ ในแนวนอน แนวตงั้ จำกซำ้ ย ไปขวำ และแนวตงั้ จำกขวำไปซำ้ ย โดยขอ้ ควำมเหลำ่ นีส้ ำมำรถปรบั แต่ง คณุ สมบตั ไิ ดเ้ หมอื นกบั โปรแกรม Word ท่วั ไป เชน่ กำรเลือกฟอนต์ กำรปรบั ขนำด ตวั อกั ษร เป็นตน้ กำรกำหนดขนำดกรอบขอ้ ควำม เม่ือเรำพมิ พข์ อ้ ควำมในบำงครงั้ ขอ้ ควำมอำจจะยำว กวำ่ พืน้ ท่ีกรอบขอ้ ควำมท่เี รำไดก้ ำหนดเอำไว้ เรำมวี ธิ ีจดั กำรเพ่ือเทขอก ตอ้ งกำร โดย เรำสำมำรถคลกิ ลำกเมำสข์ องกรอบขอก ปลอ่ ยเมำส์ โดยมีขนั้ ตอนดงั นี้ 1. เลอื กท่ีเคร่อื งมอื Text Tool ทำกำรพมิ พข์ อ้ ควำมท่ตี อ้ งกำร 2. เม่อื พิมพข์ อ้ ควำมเสรจ็ แลว้ จะเห็นวำ่ ขอ้ ควำมอำจจะไมเ่ ป็นระเบยี บหรอื ตดั บรรทดั ไมต่ รง ตำมควำมตอ้ งกำร 3. ใหท้ ำกำรคลกิ ท่ีขอ้ ควำม 4. นำเมำสไ์ ปทดั ตรงจดุ ของกรอบขอ้ ควำม 5. ทำกำรลำกเมำสป์ รบั แตง่ กรอบขอ้ ควำมตำมตอ้ งกำร 6. เม่อื ทำกำรลำกเสรจ็ แลว้ จะไดก้ รอบขอ้ ควำมขนำดใหม่ กำรจัดกำรฟอนตใ์ นมูฟวี่ด้วย Embedded fonts เป็นกำรฝังฟอนตไ์ ปในไฟล์ เป็นกำรบนั ทกึ รูปแบบตวั อกั ษรไปกบั ชนิ้ งำนนนั้ ไว้ ในไฟลม์ ฟู ว่ี (.svf) ซง่ึ จะมผี ลทำใหไ้ ฟลม์ ขี นำดใหญ่ดว้ ย แตส่ ำหรบั ขอ้ ควำมไดนำมิกและขอ้ ควำมอินพตุ นนั้ โปรแกรมจะไมฝ่ ังฟอนตท์ ่ใี ชใ้ นไฟลม์ ฟู ว่ีให้

ขนั้ ตอนกำร Embedded Fonts 1. เลือกท่ีเคร่อื งมอื Text Tool ทำกำรพมิ พข์ อ้ ควำม 2. เปล่ียนชนดิ ขอ้ ควำมเป็น Dynamic Text 3. ทำกำรคลิกป่มุ Embed ท่เี มนู CHARACTER 4. คลิกป่มุ เคร่อื งหมำย + เพ่ือเพ่ิมฟอนตท์ ่เี รำตอ้ งกำรจะเพ่มิ 5. ท่เี มนู Character ranges: ทำกำรคลิกเลือกชนิดตวั อกั ษรท่ีเรำตอ้ งกำรใช้ สำมำรถเลอื กได้ หลำยชนิด 6. ทำกำรคลกิ ท่ีป่มุ OK กำรสร้ำงข้อควำมไดนำมิกและอนิ พตุ ขอ้ ควำมไดนำมิก (Dynamic Text) เป็นประเภทขอ้ ควำมท่เี ป็นขอ้ ดำ ตวั แปร ซง่ึ จะถกู เรยี กขนึ้ มำแสดงจำกกำรเขียนคำส่งั ActionScript เชน่ เวลำ หรอื ผลลพั ธ์ จำกกำรคำนวณทำงคณิตศำสตร์ กำรสรำ้ งขอ้ ควำมไดนำมิก (Dynamic Text) 1. คลิกเลือกท่ีเคร่อื งมือ T Text Tool 2. เลอื ก Dynamic Text 3. กำหนดลกั ษณะต่ำง ๆ ของตวั อกั ษร 4. คลิกสรำ้ งกรอบขอ้ ควำม 5. ตงั้ ช่ือตวั แปรท่ีใชเ้ ก็บขอ้ ควำม กำรสรำ้ งขอ้ ควำมอินพตุ (Input Text)

ขอ้ ควำมอนิ พตุ (Input Text) เป็นกรอบท่ใี หผ้ ใู้ ชป้ อ้ นขอ้ มลู ลงไปเพ่อื โตต้ อบกบั มฟู ว่ี ซง่ึ ขอ้ มลู นนั้ จะนำไปเก็บไวเ้ พ่ือใชแ้ สดงผล กำรคำนวณ หรอื จดั เก็บในฐำนขอ้ มลู บน เซิรฟ์ เวอรต์ ่อไป เช่น ช่ือผใู้ ช้ รหสั ผำ่ น เป็นตน้ 1. คลิกเลอื กท่ีเคร่อื งมือ T Text Tool 2. เลอื ก Input Text 3. กำหนดลกั ษณะตำ่ ง ๆ ของตวั อกั ษร 4. คลกิ สรำ้ งกรอบขอ้ ควำม 5. ตงั้ ช่ือตวั แปรท่ีใชเ้ ก็บขอ้ ควำม ปรับแต่งข้อควำมด้วยเครื่องมือ กำรปรบั แตง่ รูปทรงขอ้ ควำม 1. คลกิ เลอื กเคร่อื งมือ Free Transform 2. เลือกท่ีขอ้ ควำม 3. เลือกลกั ษณะกำรปรบั แตง่ ขอ้ ควำม 4. คลกิ ลำกปรบั ขอ้ ควำม กำรแยกสว่ นขอ้ ควำมเป็นรูปทรง กำรแยกขอ้ ควำมออกเป็นรูปทรง เพ่ือท่ีเรำจะไดแ้ กไ้ ขรูปทรงขอ้ ควำมไดเ้ องตำมใจ ชอบ หรอื ทำเพ่อื ในกรณีท่เี รำปอ้ งกนั กำรมปี ัญหำเรอ่ื งฟอนตท์ ่ไี มม่ ี ในกรณีท่เี รำไป เปิดทำงำนท่ีเคร่อื งอ่นื ท่ไี มใ่ ช่เครอ่ื งท่ีเรำเคยใชง้ ำนแลว้ ไมแ่ นใ่ จวำ่ เคร่อื งนนั้ มีฟอนต์ หรอื ไม่

1. คลกิ เลอื ก Modify > Break Apart (จะทำกำรแบง่ ตวั อกั ษรใหแ้ ยกออกจำกกนั ) 2. คลิกเลอื ก Modify > Break Apart (จะทำกำร เปล่ียนตวั อกั ษรขอ้ ควำมใหเ้ ป็น รูปทรง) 3. คลกิ เลือก Modify > Group (เพ่ือรวมตวั อกั ษรให้ เป็นคำ เวลำเคล่ือนยำ้ ยจะได้ ยำ้ ยไปเป็นคำ) 4. ปรบั แตง่ ตวั อกั ษรตำมตอ้ งกำร กำรทำใหข้ อ้ ควำมเคลอ่ื นท่ี กำรทำใหข้ อ้ ควำมเคลอ่ื นท่ี จะทำเพ่อื ใหข้ อ้ ควำมมีควำมนำ่ สนใจขนึ้ โดยกำรใช้ เทคนิคง่ำย ๆ คือ กำรปรบั ขนำดของกรอบขอ้ ควำมในแนวนอน รว่ มกบั กำรสรำ้ ง Motion Tween โดยมีขนั้ ตอนและ วธิ ีกำรทำดงั ต่อไปนี้ 1. พมิ พข์ อ้ ควำมลงไปแลว้ เปลีย่ นใหเ้ ป็นสรำ้ ง Symbol แบบ Graphic คลิกเมำสข์ วำ ท่ี Frame 1 แลว้ คลิกเลือกเมนู Create Classic Tween 2. สรำ้ งคียเ์ ฟรมท่ี Frame 10 โดยคลกิ ท่ี Frame 10 แลว้ คลกิ เลอื กเมนู Insert > Timeline 2 Keyframe หรอื คลกิ ขวำแลว้ เลอื ก Insert Keyframe 3. คลกิ ท่ขี อ้ ควำมท่ี สเตจแลว้ ทำกำรเล่ือนขอ้ ควำมไป ทำงขวำ 4 สรำ้ งคียเ์ ฟรมท่ี Frame 20 โดยคลกิ ท่ี Frame 20 แลว้ คลกิ เลอื กเมนู Insert - Timeline > Keyframe หรอื คลกิ ขวำแลว้ เลือก Insert Keyframe

5. คลิกท่ีขอ้ ควำมท่สี เตจแลว้ ทำกำรเล่ือนขอ้ ควำมกำรเช่ือมขอ้ ควำมไปทำงซำ้ ยไปยงั ตำแหน่งท่ีเดยี วกบั ในFrame ท่ี 1 6. คลิก Frame ท่ี 1 แลว้ กดป่มุ Enter จะเหน็ วำ่ กรอบขอ้ ควำมไดเ้ ลือ่ นไปทำงขวำ และเล่อื นกลบั มำทำงซำ้ ยท่ตี ำแหนง่ เดิม กำรใส่ลงิ คใ์ หก้ ับข้อควำม กำรใสล่ งิ คใ์ หก้ บั ขอ้ ควำมเพ่ือใหล้ งิ คไ์ ปยงั หนำ้ เวบ็ โดยเรำจะทำกำรเลือก ขอ้ ควำมท่ตี อ้ งกำรแลว้ ทำกำรพิมพล์ ิงคท์ ่ตี อ้ งกำรไปในชอ่ ง Link โดยมขี นั้ ตอนดงั นี้ 1. พมิ พข์ อ้ ควำมท่ีตอ้ งกำร 2. ใส่ URL ท่ตี อ้ งกำรใหล้ งิ คไ์ ปตรงช่อง Link 3. ระบวุ ิธีกำรเปิดหนำ้ นี้ โดยมีตวั เลอื กดงั นี้ - blank ใหเ้ ปิดเวบ็ เพจปลำยทำงในวินโดวสใ์ หม่ - _parent ใหเ้ ปิดเว็บเพจปลำยทำงในเฟรมท่ีครอบมฟู ว่ีปัจจบุ นั อยู่ (กรณีมกี ำรใช้ คำส่งั สรำ้ งเฟรมครอบมฟู ว่ีไว)้ - self ใหเ้ ปิดเว็บเพจปลำยทำงในเฟรมเดิมของมฟู ว่ี - top ใหแ้ สดงเวบ็ เพจปลำยทำงในวินโดวสเ์ ดมิ โดยยกเลกิ เฟรมท่คี รอบอยู่ ทงั้ หมด 4. กด Ctrl + Enter เพ่ือทดสอบมฟู ว่ี กำรแก้วรรณยุกตล์ อย

กำรใชภ้ ำษำไทยใน Flash ปัญหำหน่งึ ท่ีพบ คือ วรรณยกุ ตท์ ่ีอยสู่ งู กวำ่ ปกติ ซง่ึ ไมไ่ ดเ้ ป็น ขอ้ ผิดพลำดท่ีสำคญั แต่จะแสดงใหเ้ ห็นถงึ ควำมไมป่ ระณีตของชิน้ งำน ดงั นนั้ เรำควรปรบั ใหส้ วยงำมโดย วธิ ีแกไ้ ขมีดงั นี้ 1. เลือกใช้ Device Fonts โดยขณะแสดงผล Flash Player จะปรบั ตำแหน่ง วรรณยกุ ต์ ใหอ้ ตั โนมตั ิ 2. แยกตวั อกั ษร (Break Apart) ขอ้ ควำมออกจำกกนั แลว้ ทำกำรเลื่อนตำแหน่ง วรรณยกุ ต์ ลงมำท่ีละตวั หรอื อำจใชว้ ิธีกำรใสว่ รรณยกุ ตด์ ว้ ยวิธีปอ้ นรหสั ดงั นี้ 1. คลกิ เลอื กท่ีเคร่อื งมือ Text 2. คลกิ ท่ชี ่องใกลส้ ระหรอื วรรณยกุ ตแ์ ลว้ ลบตวั เดมิ ออก กดคยี ์ Alt คำ้ งไวแ้ ลว้ กดเลข 4 หลกั บนแปน้ พมิ พต์ วั เลข โดยมีรำยละเอียดดงั นี้

บทที่ 5 เตมิ แตง่ แต้มสีภำพด้วยสสี ันใหส้ วยงำม ควำมรู้พนื้ ฐำนเกยี่ วกบั สี รูปแบบกำรแทนคำ่ สที ่ีเป็นมำตรฐำนซง่ึ ใชก้ นั โดยท่วั ไปมี 4 ระบบ ไดแ้ ก่ RGB, HSB, CMYK และ Lab แต่ละระบบกจ็ ะมีกำรแทนคำ่ สที ่ีแตกต่ำงกนั ออกไป - โมเดล RGB (Red Green Blue) เป็นรูปแบบกำรแทนคำ่ สีจำกกำรผสมแสงสีหลกั 3 สีเขำ้ ดว้ ยกนั คือ แดง (Red), เขียว (Green) และนำ้ เงนิ (Blue) ทำใหเ้ กิดสีตำ่ ง ๆ เป็นจำนวนมำก ขนึ้ อยกู่ บั สดั สว่ นควำม เขม้ ของสหี ลกั แตล่ ะสที ่ีมคี ำ่ ตงั้ แต่ 0 จนถึง 225 เม่ือสีหลกั ทงั้ 3 มคี วำมเขม้ สงู สดุ มำ ผสมกนั จนไดส้ ขี ำว ซง่ึ ลกั ษณะนี้ เรยี กวำ่ “กำรผสมแบบบวก” (Additive Color System)

ระบบสีแบบโมเดลนีจ้ ะไดร้ ะบบสีแบบ 8 บิต สว่ นใหญ่ใชอ้ ปุ กรณเ์ ก่ียวกบั แสง เชน่ จอภำพและ กลอ้ งดิจิทลั จดุ สีแตล่ ะพกิ เซลบนหนำ้ จอเกิดจำกกำรสรำ้ งจดุ สยี อ่ ย ๆ ของแสงสหี ลกั ทงั้ 3 สี เพ่อื ใหผ้ สม กนั เป็นพกิ เซลสีตำ่ ง ๆ - โมเดล HSB (Hue Saturation Brightness) เกิดจำกกำรแปลงโมเดลสี RGB ใหอ้ ยใู่ นรูปท่ีสอดคลอ้ งกบั กำรรบั รูส้ ขี องคน เป็นกำรปรบั ควำมสดใส ควำมสว่ำงของสจี นทำใหเ้ กิดสีตำ่ ง ๆ แทนกำรผสมสี โมเดล นีจ้ ะแบง่ องคป์ ระกอบของสี ออกเป็น 3 สว่ นไดแ้ ก่ Ps Hue คือ สบี รสิ ทุ ธิ์แตล่ ะสีท่ีไดจ้ ำกสเปคตรมั ของแสง คำ่ ของสีจะกำหนด เป็นองศำ ตำมตำแหนง่ ของวงกลมสี (Color Wheel) Ps Saturation คอื ควำมสดหรอื ควำมบรสิ ทุ ธิ์ของสี มีคำ่ เป็นเปอรเ์ ซน็ ต์ ตงั้ แต่ 0-100% โดยคำ่ 0% จะไดส้ ีเทำหรอื ขำว และคำ่ 100% จะไดส้ ีสดบรสิ ทุ ธิ์ท่ีสดุ Ps Brightness คอื ควำมสวำ่ ง มีคำ่ เป็นเปอรเ์ ซน็ ตโ์ ดยคำ่ 0% ไดส้ ีดำ สว่ น คำ่ 100% ได้ สสี วำ่ งท่สี ดุ ตำมท่กี ำหนด ๆ - โมเดล CMYK (Cyan Magenta Yellow Black) เป็นรูปแบบท่เี กิดจำกกำรพมิ พแ์ บบแยกสี โดยภำพถกู แยกเป็นแมพ่ ิมพข์ องสี หลกั 4 สี คือ ฟำ้ (Cyan), มว่ งแดง (Magenta), เหลอื ง (Yellow), และดำ (Black)

เม่อื พมิ พส์ ีซอ้ นกนั จะไดภ้ ำพ บนหนำ้ กระดำษตำมตน้ ฉบบั คำ่ ของสใี นโมเดลนีจ้ ะอยู่ ในรูปเปอรเ์ ซน็ ตข์ องนํำ้ หนกั หมกึ พมิ พต์ งั้ แต่ 0-100% ตำมหลกั แลว้ สหี ลกั เพียง 3 สี คอื Cyan, Magenta และ Yellow (CMY) ก็พอ ในกำรสรำ้ งอ่ืนๆ โดยผสมสีทงั้ 3 ท่เี ขม้ 100% จะไดผ้ ลลพั ธเ์ ป็นสีดำ ในลกั ษณะนี้ เรยี กวำ่ “กำรผสมสีแบบลบ” (Subtractive Color System) เน่ืองจำกเนือ้ สมี กั ไม่ บรสิ ทุ ธิ์ ทำใหเ้ กิดกำรปฏบิ ตั ติ อ้ งเพ่ิมสีดำเป็นสหี ลกั อีกหนง่ึ สี เพ่ือไดส้ ีผลลพั ธท์ ่มี ี ควำมอมิ่ ตวั ประหยดั หมกึ พิมพ์ รวมทงั้ ไดส้ ีดำสนิทจรงิ - โมเดล LAB เป็นสที ่ีถกู กำหนดขนึ้ โดย CIE ใหเ้ ป็นมำตรฐำนกำรวดั สีทกุ รูปแบบ ครอบคลมุ ทกุ สใี น RGB และ CMYK และใชไ้ ดก้ บั สีท่ีเกิดจำกอปุ กรณท์ กุ อยำ่ งไมว่ ำ่ จะเป็น จอคอมพวิ เตอร์ เคร่อื งพิมพ์ สแกนเนอร์ โดยแบง่ องคป์ ระกอบของสอี อกเป็น 3 สว่ น ไดแ้ ก่ Ps L (Lightness หรอื Luminance) คอื ควำมสวำ่ ง มีคำ่ ตงั้ แต่ 0 (ใหส้ ีดำ) จนถงึ 100 (ให้ สีขำว) Ps A คือ สหี ลกั ท่ีไลโ่ ทนจำกเขียวไปแดง มีคำ่ ตงั้ แต่ 128 (สเี ขียว) จนถึง 127 (สีแดง) Ps 8 คอื สหี ลกั ท่ีไลโ่ ทนจำกนำ้ เงินไปเหลอื ง มคี ำ่ ตงั้ แต่ 128 (สนี ำ้ เงิน) จนถึง 127 (สเี หลือง) กำรเลือกสเี สน้ และสพี นื้ กำรเลือกสเี ส้นและสีพนื้

เลือกสจี ำกทลู พำเนล กำรเลือกใชส้ อี ำจเลอื กก่อนกำรวำดเพ่ือกำหนดสีใหอ้ อบเจ็กตใ์ หม่ หรอื เลือก เพ่ือเปรยี บเทียบสี ใหก้ บั ออบเจก็ ตท์ ่วี ำดไวแ้ ลว้ ก็ได้ โดยขนั้ ตอนกำรเลือกสีจำก เครอ่ื งมอื บนทลู พำเนล มีดงั นี้ 1. ท่ที ลู พำเนล ใหค้ ลิกเคร่อื งมอื Stroke Color เพ่ือเลือกกำหนดสขี องเสน้ หรอื คลิก เคร่อื งมือ Fit Color เพ่ือเลือกกำหนดสขี องพืน้ 2. ใชเ้ มำสค์ ลิกเลือกสีจำกตำรำงสี เคร่อื งมอื อ่ืน ๆ สำหรบั กำหนดสีบนทลู พำเนล นอกจำกเครอ่ื งมือ Stroke Color และ Fit Color แลว้ บนทลู พำเนลยงั มีเคร่อื งมอื อีก 3 ตวั ท่ีใชใ้ นกำรเลือกสี ดงั นี้ 1. Black and White ปรบั สีใหก้ ลบั เป็นคำ่ เรม่ิ ตน้ (Default) คอื พนื้ เป็นสีขำวและ เสน้ เป็นสดี ำ 2. No Color เลือกเพ่ือไมเ่ ติมสีของเสน้ หรอื สขี องพืน้ ใด ๆ 3. Swap Colors ทำกำรสลบั สรี ะหวำ่ งสเี สน้ และสีพนื้ กำรเลอื กใชส้ ีจำกพำเนล Color Swatches พำเนล Color Swatches จะแสดงจำนสใี หเ้ รำเลือกสีของเสน้ และสขี องพืน้ และ จะแสดงสี เรำไดบ้ นั ทกึ เก็บไว้ วิธีกำรเปิดพำเนล คลกิ คำส่งั Window > Color Swatches กำรเพ่มิ สใี นพำเนล Swatches

1. คลกิ เพ่ือกำหนดสที ่ตี อ้ งกำร 2. คลิกตรงท่ีวำ่ งบนพำเนล Swatches คำส่งั เพ่มิ เติมในเมนขู องพำเนล Swatches ซง่ึ ประกอบดว้ ย - Duplicate Swatch ก็อปปี้หรอื สรำ้ งสีใหมท่ ่กี ำลงั เลอื กในตำรำงใหเ้ กิดเป็นสี เดียวกนั ขนึ้ มำอีกชอ่ งหนง่ึ ท่ีสว่ นทำ้ ยของตำรำงสี - Delete Swatch ลบสที ่ีกำลงั เลอื กในตำรำงสี - Add Colorsอมิ พอรต์ ชดุ สีจำกไฟลช์ ดุ สที ่ีมีฟอรแ์ มต ctr (Flash Color Set), act (Color Table) หรอื ไฟลภ์ ำพเขำ้ มำตอ่ ทำ้ ยตำรำงสี - Replace Colors อิมพอรต์ ชดุ สจี ำกไฟล์ cir, act หรอื ไฟลภ์ ำพเขำ้ มำแทนท่ีสี เดิมในตำรำงสี - Load Default Colors เรยี กชดุ สีเรม่ิ ตน้ (Default) ของโปรแกรมกลบั มำใช้ - Save Colorsบนั ทกึ ชดุ สใี นตำรำงสีเพ่ือนำไปใชก้ บั ไฟลอ์ ่ืน - Save as Default บนั ทกึ ชดุ สีในตำรำงใหเ้ ป็นชดุ สีเรม่ิ ตน้ (Default) ของ โปรแกรม ซง่ึ จะถกู นำไปใชก้ บั ไฟลท์ ่สี รำ้ งใหม่ - Clear Colorsลบสที งั้ หมดออกจำกตำรำง ยกเวน้ เพียงสขี ำว สีดำ และสีเกร เดยี นทข์ องสีขำวและดำ - Web 216 เรยี กใชช้ ดุ สี Web 216 สำหรบั กำรสรำ้ งเวบ็ ไซตข์ นึ้ มำแทนท่ีชดุ สใี น ตำรำง - Sort by Colorจดั เรยี งสใี นตำรำงใหมโ่ ดยเรยี งตำมเนือ้ สี (Hue)

กำรเลือกใชส้ เี กรเดยี นท์ เกรเดียนท์ (Gradient) เป็นสีท่ีมีกำรไลร่ ะดบั โทนสจี ำกสีหน่ึงไปยงั อีกสีหนง่ึ หรอื หลำยสีก็ได้ ซง่ึ จะทำใหภ้ ำพกรำฟิกดมู มี ติ ิมำกขนึ้ สำมำรถกำหนดใหใ้ ชส้ เี กรเดยี นทท์ ่ี เสน้ หรอื ท่ีพืน้ ของรูปทรงก็ได้ โดยรูปแบบกำรไลส่ ีมี 2 แบบ ดงั นี้ 1 แบบแนวตรง (Linear) คอื ไลจ่ ำกสีหน่งึ ไปยงั สีอ่ืนในทิศทำงแนวตรงไมว่ ำ่ จะ เป็นตำม แนวตงั้ แนวนอน หรอื แนวทแยง 2. แบบรศั มีวงกลม (Radial) คือ ไลจ่ ำกสหี นง่ึ ไปยงั สอี ่ืนโดยเร่มิ จำกจดุ ศนู ยก์ ลำงกระจำย ออกในแนววงกลม ไมว่ ำ่ จดุ ศนู ยก์ ลำงนนั้ จะอยตู่ รงไหนของวตั ถทุ ่ี ไดใ้ สล่ งไป กำรกำหนดสเี กรเดียนท์ ในกำรเลือกใชส้ ีเกรเดยี นทจ์ ะตอ้ งเลอื กจำกพำเนล Color และสำมำรถ เปลีย่ นแปลงเฉดสี ของเกรเดียนทไ์ ดต้ ำมตอ้ งกำร 1. คลกิ เพ่ือเลอื กสเี สน้ หรอื สีพืน้ 2. คลิกเลือกรูปแบบกำรไลส่ ี Linear หรอื Radial 3. คลกิ แลว้ เลือกรูปแบบกำรเรยี งต่อของสี 4. คลกิ เลอื กกำหนดคำ่ สีใหก้ บั จดุ แรก 5. คลิกเลอื กจดุ สีท่สี องแลว้ กำหนดคำ่ สใี หก้ บั จดุ ท่ีสอง 6. คลิกเลือกจดุ สีท่สี อง 7. คลิกเลือกกำหนดคำ่ ใหก้ บั จดุ ท่สี อง

เพ่มิ จดุ สี เรำสำมำรถเพ่มิ จดุ สไี ดม้ ำกกวำ่ ปกตทิ ่ีเรำจะเห็นกำรไลส่ องสีท่ีเป็นจำกสีหนง่ึ ไป ยงั อีกสหี น่งึ ถำ้ ตอ้ งกำรใชโ้ ทนสที ่ีมำกกวำ่ สองสสี ำมำรถเพ่มิ จดุ สีตอ่ ไปได้ 1. คลิกบนแถบสี 2. กำหนดสใี หก้ บั จดุ สีใหม่ ลดจดุ สี สำมำรถทำโดยคลิกลำกจดุ สีออกจำกแถบสเี พ่ือลบจดุ สออก 1. เลอื กท่ีจดุ สีท่ตี อ้ งกำรลบ 2. ลำกจดุ สที ่ตี อ้ งกำรลบไปยงั นอกพืน้ ท่เี พ่ือทำกำรลบ จดุ สี ยำ้ ยตำแหนง่ จดุ สี กำรไลจ่ ดุ สีนนั้ ตำแหนง่ ของจดุ สมี ผี ลตอ่ ลกั ษณะกำรไลโ่ ทนสีเกรเดยี นท์ ซง่ึ เรำ สำมำรถยำ้ ย ตำแหน่งของจดุ สตี ำ่ ง ๆ โดยคลิกลำกจดุ สีไปไวต้ รงมมุ ภำพหรอื กลำง ภำพ 1. เลอื กจดุ สที ่ีตอ้ งกำรยำ้ ยตำแหน่ง 2. ทำกำรเล่อื นจดุ สีไปทำงซำ้ ยหรอื ทำงขวำ ปรบั กำรเรยี งต่อของสีเกรเดยี นท์ สเี กรเดียนทท์ งั้ สองแบบ สำมำรถกำหนดรูปแบบกำรเรยี งต่อกนั (Overflow) ของสี แต่ละชว่ งได้ โดยกำรเรยี งต่อกนั นี้ จะปรำกฏขนึ้ ก็ตอ่ เม่ือมีกำรปรบั ทิศทำงและกำร

กระจำยของสีจนมีขนำดเลก็ กวำ่ ขนำดของออบเจ็กต์ ลกั ษณะกำรเรยี งตอ่ ของสเี กร เดยี นทม์ ี 3 รูปแบบ ดงั นี้ Extend ใชช้ ดุ สีเดียวตอ่ หน่งึ ออบเจ็กตโ์ ดยไมม่ กี ำรเรยี งต่อใด Reflect เรยี งต่อสแี บบสลบั แนวกำรไลส่ ีแตล่ ะชดุ จนเตม็ ออบเจก็ ต์ Repeat เรยี งต่อสีในแนวเดมิ แตล่ ะชดุ จนเต็มออบเจ็กต์ วธิ ีกำรปรบั ของเกรเดียนท์ 1. คลกิ เลือกเคร่อื งมือ Gradient Transform 2. คลกิ เลือกวตั ถุ 3. คลกิ ลำกจดุ ควบคมุ ตำ่ ง ๆ ซง่ึ มรี ูปแบบกำรปรบั แตง่ ดงั ตอ่ ไปนี้ - จดุ ปรบั หมนุ - จดุ ปรบั กำรกระจำย - จดุ ศนู ยก์ ลำงสี กำรกำหนดควำมโปร่งใสของสี (Alpha) ในชนิ้ งำนเรำสำมำรถวำงออบเจก็ ตไ์ วใ้ นท่ีตำ่ ง ๆ ซง่ึ สำมำรถวำงทบั กนั ได้ ดงั นนั้ ถำ้ เรำจะใหเ้ ห็น ออบเจ็กตท์ งั้ สองชิน้ ท่ีวำงทบั กนั อยนู่ นั้ จงึ ไดม้ กี ำรกำหนด ควำมโปรง่ ใสใหก้ บั ออบเจ็กต์ ซง่ึ จะเห็นชดั มำก หรอื นอ้ ยขนึ้ อย่กู บั ควำมโปรง่ ใสของสี โดยกำหนดจำกคำ่ Alpha ซง่ึ 100% คือ สที ่ีทบึ ท่ีสดุ และ 0% คอื สีท่ีออ่ นท่ีสดุ กำรกำหนดสดี ว้ ยภำพบติ แมป

ในกำรใสส่ นี นั้ เรำสำมำรถใสส่ ีเป็นภำพบิตแมปไดน้ อกจำกกำรใสส่ ีธรรมดำ โดย โปรแกรมจะดงึ ภำพท่อี ยใู่ นไลบรำรม่ี ำใหเ้ ลอื ก แตก่ ็สำมำรถนำรูปจำกภำยนอกมำใส่ ในไลบรำรก่ี อ่ นได้ 1. คลิกเลือกออบเจ็กต์ 2. เลอื กสเี สน้ หรอื สีพืน้ 3. เลอื กรูปแบบสีเป็น Bitmap 4. เลือกโฟลเดอรท์ ่ีจดั เก็บไฟลร์ ูปภำพ 5. เลือกภำพ 6. คลิกป่มุ Open จะไดร้ ูปภำพตำมท่เี ลือกไว้ กำรปรบั แตง่ พืน้ บิตแมป หลงั จำกนำภำพบิตแมปมำใชเ้ ป็นสเี สน้ หรอื พืน้ ของรูปทรงแลว้ ยงั สำมำรถ ปรบั แตง่ ขนำด ตำแหน่ง โดยใชเ้ คร่อื งมอื Gradient Transform โดยมจี ดุ ปรบั ดงั นี้ 1. รูปแสดงกำรยำ้ ยตำแหน่งภำพ 2. รูปแสดงปรบั ควำมกวำ้ ง 3. รูปแสดงปรบั ควำมสงู 4. รูปแสดงขนำดภำพตำมสดั สว่ นเดิม 5. รูปแสดงปิดภำพในแนวนอน 6. รูปแสดงบิดภำพแนวตงั้ 7. รูปแสดงปรบั หมนุ ภำพ

กำรเปลี่ยนสแี ละคุณสมบตั ขิ องเส้นดว้ ยเครื่องมือ Ink Bottle Tool Ink Bottle Tool เป็นเครอ่ื งมือท่ีใชใ้ นกำรเปลย่ี นคณุ สมบตั ขิ องเสน้ (Stroke) นอกจำกนีย้ งั ใช้ เตมิ เสน้ ขอบใหก้ บั รูปทรงท่ีไมม่ เี สน้ ขอบไดด้ ว้ ย 1. สรำ้ งภำพท่ีไมม่ ีเสน้ ขอบ 2.คลิกเลือก Ink Bottle Tool 3. คลิกเมำสท์ ่ขี อบภำพ เพ่ือใสส่ ีสนั เสน้ ขอบ กำรเตมิ สีพนื้ ดว้ ยเคร่ืองมอื Paint Bucket Tool Paint Bucket Tool เป็นเคร่อื งมอื สำหรบั เตมิ สีพืน้ (FL) ใหก้ บั ภำพ ไมว่ ำ่ บรเิ วณ นนั้ จะมีสีพืน้ เดิมอย่แู ลว้ หรอื เป็นพืน้ ท่วี ำ่ งท่มี ีเสน้ ขอบ เรำสำมำรถเลอื กท่จี ะเติมไดท้ งั้ แบบสีเรยี บ สีเกรเดียนท์ และ รูปภำพบิตแมป โดยพืน้ ท่ที ่เี ติมไมจ่ ำเป็นตอ้ งเป็นรูปปิดสมบรู ณ์ แตส่ ำมำรถ กำหนดขนำดช่องว่ำง

บนเสน้ ขอบรูปท่ีจะยอมใหเ้ ตมิ สไี ด้ 1. คลิกเคร่อื งมือ Paint Bucket 2. เลือกออปช่นั ของเคร่อื งมือ โดยมรี ำยละเอียดดงั นี้ -Gap Size ท่ี Option ของเครอ่ื งมอื -Don't Close Gaps เติมสีเฉพำะรูปลำยเสน้ ท่ีปลำยบรรจบกนั สนิท -Close Small Gaps เติมสีท่ชี อ่ งว่ำงมขี นำดเลก็ -Close Medium Gaps เตมิ สีท่ชี อ่ งวำ่ งมขี นำดปำนกลำง -Close Large Gaps เตมิ สีแมว้ ำ่ ช่องวำ่ งจะมีขนำดใหญ่ ถำ้ ชอ่ งวำ่ งใหญ่มำก เกินไปจะไม่ สำมำรถเตมิ ได้ 3. กำหนดสพี ืน้ ตำมตอ้ งกำร 4. คลิกดำ้ นในรูปทรง กำรดูดสภำพอน่ื มำใช้ด้วยเคร่ืองมอื Eyedropper Tool เม่อื เรำไดท้ ำกำรสรำ้ งชนิ้ งำนมำแลว้ ถำ้ ตอ้ งกำรเปลย่ี นสีใหก้ บั ชนิ้ งำนจะตอ้ งมี กำรเลอื กสสี นั ใหเ้ หมำะสม ซง่ึ จะมีวธิ ีกำรในกำรเลอื กสสี นั ใหก้ บั ชนิ้ งำน ดงั นี้ 1. คลกิ เคร่อื งมือ Eyedropper 2. เลอื กบนสีเสน้ หรอื สพี ืน้ บนออบเจ็กตเ์ พ่ือเป็นตน้ แบบของสี 3. คลกิ บนออบเจก็ ตท์ ่ตี อ้ งกำรนำไปใชจ้ นครบ

กำรเลอื กสีใหเ้ หมำะสมตำมต้องกำร ในกำรทำชิน้ งำนนนั้ เม่ือทำเสรจ็ แลว้ จำกนนั้ เรำตอ้ งกำรปรบั เปล่ยี นสีใหก้ บั ชิน้ งำนก็สำมำรถ ทำไดเ้ ช่นกนั โดยมีวธิ ีกำรดงั ตอ่ ไปนี้ กำรสลบั สรี ะหวำ่ ง Stroke กบั Fit หลงั จำกคลิกเคร่อื งมือสรำ้ งชิน้ งำนในกลอ่ งเคร่อื งมือ แลว้ คลกิ ป่มุ Swap Colors 1 ครงั้ สงั เกตว่ำสที ่ีอยใู่ นกรอบ Stroke Color จะสลบั กบั Fill Color แลว้ พรอ้ มสำหรบั กำรใชง้ ำนตอ่ ไป กำรยกเลกิ กำรเติมสใี หก้ บั บำงสว่ นของชิน้ งำน ในบำงครงั้ กำรสรำ้ งชนิ้ งำนก็จำเป็นจะตอ้ งใชง้ ำนเฉพำะสว่ นของเสน้ ขอบรูป (Stroke) หรอื ตอ้ งกำรเพยี งแคส่ รำ้ งชนิ้ งำนไมใ่ หม้ ีขอบ แต่ตอ้ งกำรใหม้ กี ำรเตมิ สี เฉพำะในสว่ นของ Fitt ก็สำมำรถทำได้ ดว้ ยกำรคลกิ ป่มุ No Color กำรเลอื กใชง้ ำนเฉพำะสีขำวกบั สีดำ ในบำงครงั้ กำรสรำ้ งชนิ้ งำนก็อำจจะไมต่ อ้ งกำรสสี นั ท่มี ำกมำยนกั เรำสำมำรถ กำหนดใหใ้ ชส้ ี เพียง 2 สีก็ได้ คือ สขี ำวกบั สดี ำ ซง่ึ จะสำมำรถทำไดด้ ว้ ยกำรคลิก ป่มุ Black and white

บทที่ 6 รู้จกั กับ Timeline และ Frame รู้จักกบั Timeline ไทมไ์ ลน์ (Timeline) เป็นสว่ นท่ีใชใ้ นกำรควบคมุ กำรเคลอ่ื นไหวของภำพและ สำมำรถวำงเสยี ง เขำ้ ไปได้ ประกอบดว้ ย 2 สว่ นหลกั คอื เลเยอร์ (Layer) และเฟรม (Frame) เลเยอรน์ นั้ เปรยี บเสมือน เป็นแผน่ ใสท่ีใชจ้ ดั วำงออบเจ็กตห์ ลำย ๆ ชนั้ ให้ เรยี งซอ้ นกนั สว่ นเฟรมเปรยี บเทียบไดก้ บั ชอ่ งท่ีใชบ้ รรจุ เนือ้ หำเพ่ือแบง่ ภำพเคลอื่ นไหวออกเป็นขนั้ ตอนยอ่ ย ๆ เหมือนกบั เป็นภำพน่ิงหรอื ฟิลม์ ภำพยนตรแ์ ต่ ละ ภำพมำรวมกนั หลำย ๆ ภำพเพ่ือควำมสมบรู ณ์ สว่ นประกอบของไทมไ์ ลน์ ไทมไ์ ลนม์ สี ว่ นประกอบหลกั 2 สว่ น คอื เลเยอรแ์ ละเฟรม แตภ่ ำยในเลเยอรแ์ ละเฟรม ยงั มีสว่ น ประกอบยอ่ ยอ่นื อีกมำกมำย รู้จักกับเลเยอร์ (Layer) เลเยอรเ์ ปรยี บเสมอื นกบั แผน่ ใสหลำย ๆ แผน่ วำงซอ้ นกนั โดยในเลเยอรท์ ่ไี มม่ ี รูปจะสำมำรถ มองเหน็ เลเยอรท์ ่ีอยดู่ ำ้ นลำ่ ง สำหรบั กำรสรำ้ งชนิ้ งำนหรอื ภำพเคล่ือนไหวตำ่ ง ๆ ดว้ ย Flash ควรแยกชิน้ งำน เป็นอสิ ระจำกกนั ออกไปในแต่ ละเลเยอร์ เพ่ือใหเ้ กิดควำมสะดวกในกำรแกไ้ ขและปรบั แตง่ ชิน้ งำนไดง้ ำ่ ย ย่ิงขนึ้ เฟรม (Frame) เฟรมจะอยใู่ นสว่ นของหนำ้ ตำ่ งไทมไ์ ลน์ ลกั ษณะจะเป็นชอ่ งส่เี หลี่ยม ๆ เลก็ ๆ เรยี งตอ่ กนั ไป ตำมแนวนอน เฟรมจะทำหนำ้ ท่ีในกำรแจกแจงรำยละเอียดควำม เคลอ่ื นไหวตำ่ ง ๆ ของชิน้ งำนท่ีปรำกฏ

บน Stage หมำยเลขเฟรม (Frame Number) หมำยเลขเฟรมเป็นสว่ นประกอบหน่งึ ท่ีอยบู่ น Timeline ซง่ึ เป็นสว่ นท่ีอยบู่ นสดุ อยู่ เหนือเฟรม ทงั้ หลำยขนึ้ ไป โดยจะแสดงเป็นตวั เลข 1, 5, 10, ... โดยท่ีตวั เลขนี้ หมำยถึง ลำดบั ท่ีของเฟรมท่ีเรยี ง กนั ไปเรอ่ื ย ๆ ซง่ึ ในแต่ละขีดเลก็ ๆ ท่ียงั ไมไ่ ดแ้ สดง หมำยเลขเฟรมเอำไวน้ นั้ จะมีหมำยเลขเฟรมกำกบั อยู่ ในตวั ดว้ ยเชน่ กนั หวั อำ่ น (Play Head) เป็นเสน้ สีแดงคอยบอกตำแหน่งวำ่ กำลงั ทำงำนอยทู่ ่เี ฟรมใด เรำสำมำรถกดป่มุ Enter เพ่ือให้ หวั อำ่ นเคลื่อนท่ีเพ่ือดภู ำพเคลอ่ื นไหวท่ีเรำทำไวต้ รงสเตจไดโ้ ดยท่ีไม่ ตอ้ งรนั โปรแกรม ชนิดของเฟรม เฟรมแบง่ ออกไดเ้ ป็น 2 ประเภท ไดแ้ ก่ คียเ์ ฟรม (Keyframe) และเฟรมระหวำ่ งกลำง (In - Between Frame) 1. คยี เ์ ฟรม (Keyframe) คือ เฟรมท่มี อี อบเจ็กตว์ ำงอยู่ ซง่ึ ออบเจก็ ตน์ นั้ สำมำรถเลือก แกไ้ ข หรอื ปรบั แตง่ ต่ำง ๆ ได้ โดยในช่องเฟรมจะเปลี่ยนจำกรูป (เฟรม เปลำ่ ) เป็นรูป (คยี เ์ ฟรม) สำหรบั คยี เ์ ฟรม 1 ช่อง จะใชแ้ สดงภำพน่ิง 1 จงั หวะ แต่ หำกตอ้ งกำรสรำ้ งภำพเคล่อื นไหวแลว้ ตอ้ งเพ่มิ คียเ์ ฟรมเขำ้ มำหลำยเฟรมเพ่ือใส่ ออบเจก็ ตภ์ ำพน่ิงในแตล่ ะจงั หวะ ซง่ึ หลกั กำรนีส้ ำมำรถสรำ้ งภำพ เคลือ่ นไหวแบบ Frame - by - Frame ได้ 2. เพรมระหวำ่ งกลำง (In - Between Frame) คอื เฟรมท่ีใชข้ ยำยชว่ งเวลำในกำร แสดง เนือ้ หำของคยี เ์ ฟรมใหย้ ำวขนึ้ ดงั นนั้ จงึ ไมส่ ำมำรถเลือกหรอื ปรบั แตง่ เนือ้ หำท่ี

แสดงในเฟรมระหวำ่ งกลำงได้ แตอ่ ย่ำงไรก็ตำม ชว่ งเวลำท่ีขยำยอำจกำหนดให้ ออบเจก็ ตใ์ นคียเ์ ฟรมเคลื่อนไหวได้ หรอื อำจแสดงเป็น เพียงภำพน่ิงก็ไดเ้ ช่นกนั โดย จะแสดงสญั ลกั ษณข์ องเฟรมตำ่ งกนั ไปตำมลกั ษณะของเนือ้ หำหรอื กำร เคลอ่ื นไหวท่ี ถกู กำหนด กำรขยำยเฟรม ขยำยเฟรม คือ กำรขยำยชว่ งเวลำในกำรแสดงเนือ้ หำใหย้ ำวออกไปทงั้ ภำพเคลอ่ื นไหว และภำพน่ิง สำมำรถใชว้ ธิ ีในกำรขยำยเฟรมไดเ้ ชน่ เดียวกนั กำรเลอื กเฟรม เม่ือจะจดั กำรกบั เฟรมของมฟู ว่ตี อ้ งทำกำรเลือกเฟรมก่อนซง่ึ วธิ ีเลอื กเฟรมแบง่ ออกเป็นหลำยกรณี กำรแทรกเฟรม ถำ้ เรำตอ้ กำรเพ่มิ เฟรมแทรกระหวำ่ งเฟรมหนง่ึ กบั อีกเฟรมหน่งึ สำมำรถทำไดโ้ ดยกำร คลิกขวำ ตรงตำแหน่งเฟรมท่ีตอ้ งกำร จำกนนั้ เลือก Insert Frame เพ่ือเพ่มิ เพรม หรอ Insert > Timeline > Frame กำรลบเฟรม คลกิ ขวำท่ีคยี เ์ ฟรมท่ีตอ้ งกำรลบ และเลอื ก Remove Frames หรอื สำมำรถเลือก insert > Timeline > Remove Frames กำรยำ้ ยเฟรม กำรยำ้ ยเฟรมใหค้ ลกิ เลือกเฟรมท่ีตอ้ งกำรยำ้ ย แลว้ ลำกเฟรมไปวำงท่ีใหม่

คยี เ์ ฟรม (Keyframe) โดยปกตเิ ม่ือมีกำรเปิดไฟลใ์ หมข่ นึ้ มำจะปรำกฏเฟรมท่ี 1 ของเลเยอร์ 1 ขนึ้ มำ อตั โนมตั ิ สำมำรถ สงั เกตไดจ้ ำกจดุ ท่ีอยใู่ นเฟรม คียเ์ ฟรมเป็นตวั ช่วยในกำรกำหนด ขนำดควำมยำวของมฟรไี ด้ ซนี (Scene) ซนี (Scene) คือ กำรแบง่ มฟู ว่ีทงั้ เรอ่ื งออกเป็นตอนหรอื ฉำก เปรยี บไดก้ บั ฉำก หน่งึ ๆ ใน ภำพยนตรห์ รอื ละคร ซง่ึ มีกำรเปลีย่ นสถำนท่ีเกิดเหตกุ ำรณแ์ ละตวั ละครท่ี แสดงท่ีแตกตำ่ งกนั ไป ประโยชนข์ องกำรแบง่ ขนึ้ เพ่ือช่วยลดควำมสบั สนในกรณีท่มี ฟู ว่ี มคี วำมยำวมำก ทำใหง้ ำ่ ยตอ่ กำรสรำ้ ง จดั กำรและแกไ้ ข กำรจดั กำรกบั ซีนนนั้ จะตอ้ งใชพ้ ำเนล Scene ดงั นนั้ ใหเ้ ปิดพำเนลนีข้ นึ้ มำกอ่ น โดย ใชค้ ำส่งั Window > Other Panels > Scene สำหรบั สว่ นประกอบของพำเนล มีดงั นี้ กำรสรำ้ งขนึ้ ใหม่ ปกติกำรสรำ้ งไฟลเ์ อกสำรโปรแกรมจะสรำ้ ง Scene 1 ไวใ้ หอ้ ยแู่ ลว้ และหำกตอ้ งกำร เพ่มิ ซนี ใหม่ ขนึ้ มำก็สำมำรถทำได้ โดยคลิกเลอื กซนี ใดชิน้ หน่งึ ไวก้ อ่ นแลว้ คลิกคำส่งั Insert Scene หรอื คลิก ป่มุ Add Scene ในพำเนล Scene ซง่ึ ซีนท่ีสรำ้ งใหมจ่ ะ ปรำกฏดำ้ นลำ่ งซนี ท่เี ลอื กไว้ กำรเลอื กทำงำนกบั ซีน เม่อื มกี ำรเพ่มิ ขนึ้ แลว้ สำมำรถเลอื กทำงำนกบั ชนิ้ ใดชิน้ หนง่ึ ได้ โดยคลกิ เลือกช่ือซี นจำกพำ Scene หรอื คลกิ คำส่งั View > Go to > ช่ือซนี กำรใช้ Onion Skin

โดยท่วั ไปกำรสรำ้ งเนือ้ หำใหก้ บั เฟรม เรำจะมองเหน็ เฉพำะภำพของเฟรมปัจจบุ นั หำกเขำ Skin เรำจะสำมำรถมองเหน็ ภำพของเฟรมอ่ืน ๆ ไดด้ ว้ ย ทำใหท้ รำบวำ่ ใน เฟรมปัจจบุ นั จะตอ้ งบวบ ออบเจก็ ตเ์ คลื่อนไหวไปแค่ไหนและอยำ่ งไร เม่อื เทียบกบั เฟรมก่อนหนำ้ และเฟรมถดั ไป กำรเปลีย่ นช่ือขนึ้ ขนึ้ ปกตเิ ม่ือทำกำรสรำ้ งขนึ้ มำใหมจ่ ะมชี ่ือตำมลำดบั Scene 1, Scene 2, ๒. ไปเร่อื ย ๆ เพ่ือ ควำมงำ่ ยและสะดวกในกำรจำ บทที่ 7 ให้ Layer ช่วยจดั กำรภำพทซ่ี บั ซ้อน เลเยอร์ (Layer) เลเยอรเ์ ปรยี บเสมอื นกบั แผน่ ใสหลำย ๆ แผน่ วำงซอ้ นกนั โดยในเลเยอรท์ ่ไี มม่ ี รูปจะสำมำรถ มองเหน็ เลเยอรท์ ่ีอยดู่ ำ้ นลำ่ ง สำหรบั กำรสรำ้ งชนิ้ งำนหรอื ภำพเคลอื่ นไหวตำ่ ง ๆ ดว้ ย Flash ควรแยก ชิน้ งำนออกเป็นอิสระจำกกนั ในแตล่ ะเล เยอร์ เพ่ือใหเ้ กิดควำมสะดวกในกำรแกไ้ ขและปรบั แตง่ ชิน้ งำน ไดง้ ่ำยย่งิ ขนึ้ กำรใชง้ ำนเลเยอร์ วธิ ีกำรสรำ้ งเล ใหม่ วธิ ีท่ี 1 เลอื กเมนู Insert > Timeline > Layer วธิ ีท่ี 2 คลกิ ขวำท่ีเลเยอร์ แลว้ เลือกคำส่งั Insert Layer วิธีท่ี 3 คลกิ ท่ีป่มุ New Layer ดำ้ นลำ่ งของไทมไ์ ลน์ กำรลบเลเยอร์

เม่ือตอ้ งกำรลบเลเยอรท์ ่ไี มใ่ ชท้ งิ้ ไป สำมำรถทำได้ 2 วธิ ี ดงั นี้ 1. เลอื กเลเยอรท์ ่ตี อ้ งกำร แลว้ คลกิ Delete Layer ดำ้ นลำ่ งของไทมไ์ ลน์ 2. คลิกขวำบนเลเยอรท์ ่ตี อ้ งกำรลบ แลว้ คลิกคำส่งั Delete Layer กำรเปลี่ยนช่ือเลเยอร์ ในมฟู ว่ีท่ซี บั ซอ้ นเรำมกั จะตอ้ งสรำ้ งเลเยอรข์ นึ้ มำเป็นจำนวนมำก ดงั นนั้ เพ่อื ใหง้ ่ำย ตอ่ กำรจดจำ และแกไ้ ข เรำควรเปล่ยี นช่ือเลเยอรใ์ หส้ อดคลอ้ งกบั เนือ้ หำในเลเยอรน์ นั้ วธิ ีกำรเปล่ียนช่ือเลเยอรท์ ำดงั นี้ 1. ดบั เบิล้ คลิกบนช่ือเลเยอรท์ ่ตี อ้ งกำรเปล่ียน 2. ปอ้ นช่ือใหมล่ งไปแทน 3. กดป่มุ Enter กำรจดั ลำดบั เลเยอร์ ลำดบั ชนั้ ของเลเยอรจ์ ะสง่ ผลตอ่ กำรซอ้ นทบั กนั ของออบเจก็ ตท์ ่ีปรำกฏบนสเตจ โดย ออบเจ็กต์ ของเลเยอรด์ ำ้ นบนจะปรำกฏอยเู่ หนือออบเจ็กตข์ องเลเยอรด์ ำ้ นลำ่ งเสมอ กำรเปลย่ี นลำดบั ชนั้ ของเลเยอร์ สำมำรถทำไดโ้ ดยคลิกลำกเลเยอรท์ ่ตี อ้ งกำรยำ้ ยไป แทรกไว้ ตรงตำแหนง่ ใหม่ โดยสงั เกตว่ำมีเสน้ ประสีเทำปรำกฏขนึ้ มำตรงตำแหนง่ ท่ี ตอ้ งกำรกอ่ นจงึ ปลอ่ ยเมำส์ 1. คลิกเมน File > Import to Library... เพ่ือทำกำรดงึ ไฟลภ์ ำพจำกภำยนอกเขำ้ มำ ใชง้ ำน 2. ดบั เบิล้ คลิกไฟลร์ ูปท่ีตอ้ งกำรเพ่อื นำไปเก็บไวใ้ นหนำ้ ตำ่ งไลบรำร่ี จำนวน 2 รูป

3. หำกพำเนล Library ไมป่ รำกฏขนึ้ มำใหค้ ลิกท่ี Window > Library หรอื กดป่มุ Ctrl +L เทคนิคกำรใชเ้ ลเยอรม์ ำรค์ (Layer Mask) เลเยอรม์ ำรค์ หมำยถึง วิธีกำรสรำ้ งเลเยอรท์ ่เี สมือน เป็นกำรเจำะชอ่ งเอำไว้ เพ่ือใหส้ ำมำรถมองทะลไุ ปยงั เลเยอรอ์ ่ืน ท่ีอย่ใู นลำดบั ถดั ลงไป ซง่ึ เรำสำมำรถกำหนด ลกั ษณะของชอ่ งนีไ้ ด้ ตำมปกติ และมกั จะกำหนดใหม้ กี ำรเคล่อื นไหวเหมอื นกบั ลอ่ งหน ไปบนเลเยอรใ์ นลำดบั ถดั ไป ซง่ึ สำมำรถทำไดด้ งั นี้ 1. เปิดมฟู ว่ีใหม่ คลิกเมนู File > New 2.คลกิ ท่ีเมนู File > Import > Import to Stage 3. คลกิ เลือกรูปท่ีจะ Import ขนึ้ มำ 4. คลกิ ป่มุ เพ่มิ เลเยอรเ์ พ่ือเพ่ิมเลเยอรข์ นึ้ มำอีก 1 เลเยอร์ ในท่ีนีจ้ ะไดช้ ่ือวำ่ “Layer 2” 5. คลิกป่มุ Oval Tool สรำ้ งวงรขี นึ้ มำ 1 วง ในเลเยอร์ 2 ใหม้ คี วำมสงู มำกกวำ่ รูป และวำงอยดู่ ำ้ นซำ้ ยมอื ของรูป 6. คลิกท่ีวงรี แลว้ คลกิ ขวำเลอื กเมนู Convert to Symbol 7. ท่ชี อ่ ง Name ใหใ้ สช่ ่ือท่ีตอ้ งกำร 8. ท่ชี อ่ ง Type เลือก Graphic 9. คลกิ ป่มุ OK 10 คลิกเฟรมท่ี 15 เลเยอร์ 2 แลว้ กดป่มุ <F6> หรอื คลกิ ขวำเลือกเมนู Insert Keyframe เพ่ือ สรำ้ งคียเ์ ฟรมใหม่

11. คลกิ เฟรมท่ี 15 เลเยอร์ 1 แลว้ กดป่มุ <F6> หรอื คลิกขวำเลอื กเมนู Insert Keyframe เพ่ือ สรำ้ งคียเ์ ฟรมใหม่ 12. ในขณะท่ีมกี ำรเลือกเฟรมท่ี 15 นนั้ คลิกท่ีวงรแี ลว้ ลำกมำวำงทบั รูป 13. คลิกขวำท่ีเลเยอร์ 2 แลว้ คลกิ เมนู Create Motion Tween 14. ลดปน Enter2 1 ครงั้ เพ่ือทดสอบกำรเคล่อื นไหวของวงรี หำกมกี ำรเล่อื น ตำแหนง่ จำก ซำ้ ยมำขวำกแ็ สดงวำ่ สำมำรถใชง้ ำนไดต้ ำมท่ตี อ้ งกำร 15. คลกิ ขวำท่ีช่ือ Layer 2 เลือกเมนู Mask 16. ทดสอบกำรสรำ้ งMaskเลอื กเมนู Windows > Toolbar > Controller และ ใหค้ ลิกท่ีป่มุ ควำมรูเ้ ก่ียวกบั เร่อื งของเลเยอรม์ ำรค์ สำมำรถนำไปประยกุ ตใ์ ชง้ ำนไดก้ บั กำร สรำ้ งผลงำน แอนิเมชนั โดยท่วั ไป เชน่ กำรทำตวั หนงั สือใหค้ ลำ้ ยกบั มีไฟสปอตไลน์ สอ่ งอยู่ หรอื กำรทำคลนื่ นำ้ ในทะเลเป็นตน้ กำหนดทศิ ทำงกำรเคลอ่ื นทด่ี ้วยไกดเ์ ลเยอร์ (Guide layer) ในบำงครงั้ กำรสรำ้ งภำพเคล่อื นไหวกอ็ ำจจะตอ้ งมีกำรกำหนดเสน้ ทำงและ ทิศทำงใหก้ บั ชนิ้ งำน วำ่ จะใหไ้ ปในทิศทำงใด ซง่ึ เรำก็สำมำรถทำไดด้ ว้ ยกำรใชไ้ กดเ์ ล เยอร์ เป็นกำรกำหนดเสน้ ทำงหรอื ทิศทำง ใหก้ บั กำรเคล่ือนไหวของชิน้ งำนตำมท่ีเรำ ตอ้ งกำร โดยทำไดต้ ำมขนั้ ตอนดงั นี้ 1. คลกิ เมนู File > Import to Library 2. คลกิ เลอื กรูปภำพ 3. กดป่มุ Ctrl + L เปิดหนำ้ ตำ่ งไลบรำรขี นึ้ มำ

4. ดบั เบิล้ คลกิ ท่ชี ่ือ Layer 1 เพ่ือเปลี่ยนช่ือเลเยอร์ 5. คลิกท่ีภำพจำกหนำ้ ตำ่ งไลบรำรคี ำ้ งไวแ้ ลว้ นำมำวำงบน Stage ทำงดำ้ น ซำ้ ยมอื 6. คลกิ ขวำแลว้ เลอื ก Add Classic Motion Guide เพ่ือเพ่มิ Guide Layer ใหก้ บั เลเยอร์ ซง่ึ สำมำรถสงั เกตไดว้ ำ่ ช่ือเลเยอรใ์ หมน่ ีจ้ ะมชี ่ือเลเยอรท์ ่ตี งั้ อยดู่ ว้ ย 7. คลิกเลอื กเคร่อื งมือ: Pencil Tool ท่ี Tools Panel 8. ลำกเสน้ กำหนดทศิ ทำงใหร้ ูปภำพเคล่อื นท่เี ป็นเสน้ โคง้ ไปมำ 9. คลกิ ขวำท่ีเฟรม 20 ของเลเยอร์ Guide: man เลือก Insert Keyframe เพ่ือ สรำ้ งเฟรมใหม่ 10. คลิกขวำท่ีเฟรม 20 ของเลเยอร์ man เลือกเมนู Insert Keyframe เพ่ือสรำ้ ง เฟรมใหม่ 11. เลอื กเฟรมท่ี 1 ถึงเฟรมท่ี 20 ในเลเยอร์ man คลกิ ขวำเลือกเมนู Create Motion Tween 12. คลิกป่มุ Selection Tool ท่ี Tools Panel 13. คลิกเมำสค์ ำ้ งไวท้ ่รี ูป แลว้ วำงท่ีปลำยขำ้ งหน่งึ ของเสน้ โคง้ จำกนนั้ จะ สงั เกตเหน็ ไดว้ ำ่ มี เคร่อื งหมำยวงกลมท่ปี รำกฏอยกู่ ลำงรูป คอ่ ย ๆ ลำกชิน้ งำนไปตำม เสน้ ทำงจนไปสนิ้ สดุ ท่ปี ลำยอีกขำ้ งหน่งึ ของเสน้ โคง้ 14. เพ่ือทดสอบกำรเคลอื่ นท่ีบนเสน้ Guide Layer ท่ไี ดม้ ีกำรกำหนดทิศ ทำงกำรเคลื่อนท่ีเอำไวแ้ ลว้ เลอื กเมนู Windows > Toolbar > Controller และใหค้ ลิก ท่ปี ่มุ