เรอง เรมตนใชงานโปรแกรม Adobe flash

เรมตนใชงานโปรแกรม Adobe

Flash

ความหมาย

Flash คอ เปนโปรแกรมทมความสามารถในดานการสรางภาพเคลอนไหว (Animation) ทไดรบความนยมมากทสดในปจจบน เปนผลตภณฑของบรษท Adobe (เดมคอ Macromedia) ซงไดพฒนาปรบปรงเครองมอตางๆ ใหมความสามารถใชงานไดสะดวก

เรอง เรมตนใชงานโปรแกรม Adobe flash

การสรางภาพกราฟกดวยคอมพวเตอร มวธการสราง 2 แบบ คอ แบบบตแมป (Bit Mapped) และแบบเวกเตอร (Vector) หรอสโตรก (Stroked) แตละแบบวธการสรางภาพดงตอไปน 1. กราฟกแบบบตแมป

กราฟกแบบบตแมปคอ มลกษณะเปนชองๆ เหมอนตาราง แตละบตกคอสวนหนงของขอมลคอมพวเตอร

พกเซล (เปนคำาทใชแทนองคประกอบของภาพ) เปนองคประกอบพนฐานของภาพบตแมป ซงองคประกอบยอยๆ เหลานถกรวมกนเขาทำาใหเกดภาพ พกเซลซงถอเปนหนวยยอยทเลกทสดของรปภาพ พกเซลมความสำาคญตอการสรางกราฟกของคอมพวเตอรมาก เพราะทกๆ สวนของกราฟก เชน จด เสน แบบลายและสของภาพ ลวนเรมจากพกเซลทงสน พกเซลหนงๆ อาจจะมขนาดความเขมและสแตกตางกนได

ประเภทของกราฟก

เรอง เรมตนใชงานโปรแกรม Adobe flash

ตวอยางภาพบตแมป

เรอง เรมตนใชงานโปรแกรม Adobe flashเอสเปกเรโซของภาพ (Image Aspect

Ratio)แอสเปกเรโชของภาพ คอ อตราสวนระหวาง

จำานวนพกเซลทางแนวขวาง และจำานวนพกเซลทางแนวดงทใชในการสรางภาพ

รโซลชน (Resolution) รโซลชน (Resolution) หมายถง รายละเอยดท

อปกรณแสดงกราฟกชนดหนงมอย คารโซลชนมกระบเปนจำานวนพกเซลในแนวนอนคอแนวแกน X และจำานวนพกเซลในแนวตงคอแนวแกน Y ดงนนรโซลชน 720 x 348 จงหมายความวา อปกรณแสดงกราฟกชนดนสามารถแสดงพเซลในแนวนอนไดไมเกน 720 พกเซล และแสดงพกเซลในแนวตงไดไมเกน 348 พกเซล

เรอง เรมตนใชงานโปรแกรม Adobe flash

2. กราฟกแบบเวกเตอร กราฟกแบบเวกเตอรตางจากบตแมปตรงทบตแมปนนประกอบไปดวย จดตางๆ มากมาย แตกราฟกแบบเวกเตอรใชสมการทางคณตศาสตรเปนตวสรางภาพ เชน วงกลม หรอเสนตรง เปนตน ถงแมวาอาจจะฟงดซบซอนสกเลกนอยแตภาพบางชนดกถกสรางไดงาย

ออบเจกต (Object)ออบเจกตงายๆ (เชน วงกลม เสนตรง ทรงกลม ลกบาศก และอนๆ เรยกวารปทรงพนฐาน) สามารถใชในการสรางออบเจกตทซบซอนขน กราฟกแบบเวกเตอรสามารถสรางรปภาพโดยการรวมเอาออบเจกตหลายๆ ชนดมาผสมกนเราสามารถผสมออบเจกตตางชนดกน (เชน วงกลมและเสนตรง) เพอสรางภาพทแตกตางกน

เรอง เรมตนใชงานโปรแกรม Adobe flash

เปรยบเทยบคณสมบตของกราฟกแบบบตแมปและภาพแบบเวกเตอรในดานความเรวของการแสดงภาพทจอภาพและความสามารถในการเปลยนขนาดภาพจะไดผลดงน 1. กราฟกแบบบตแมปสามารถแสดงใหเหนทจอภาพไดเรวกวาภาพแบบเวกเตอร

2. การเปลยนแปลงขนาดภาพใหโตขนหรอเลกลงกวาภาพเดม กรณภาพแบบบตแมปจะทำาไดไมมาก นอกจากนนยงอาจจะทำาใหลกษณะของภาพผดเพยนไปจากเดมดวย แตภาพแบบเวกเตอรจะสามารถยอและขยายขนาดไดมากกวา โดยสดสวนและลกษณะของภาพยงคลายเดม

เรอง เรมตนใชงานโปรแกรม Adobe flash

การเรยกใชโปรแกรม Flash

นคอหนาตางแรกทเปดโปรแกรมแฟลชขนมา ทวงกลมไวจะเปนการสรางเอกสารเปลาๆ โดยจะแบงออกเปน1.เอกสารทเขยนดวย Actionscript 3.02.เอกสารทเขยนดวย Actionscript 2.03.เอกสารสครปแฟลชอนๆ

เรอง เรมตนใชงานโปรแกรม Adobe flash

การ Save ไฟลการ save ไฟลไปใชงานนน วาไฟลหลกๆแลว Flash

จะมไฟลอะไรบางทเราตองใชงาน

การ Save ไฟล

ในการใชงาน Flash นนจะมไฟลงาน สองแบบหลกๆคอทมนามสกล Fla และ Swf1. FLA เปนไฟลงานตนฉบบ เกบงาน Flash ตนฉบบของเราไวแกไขตอภายหลง2. SWF เปน ไฟลงานสำาเรจ ทเราทำาการ publish ออกมาแลว พรอมสำาหรบนำาไปใชงานบนเวปไซต หรองานอนๆของเรา ไฟลนจะไมสามารถทำากลบมาแกไขไดอก

เรอง เรมตนใชงานโปรแกรม Adobe flash

เมน File ทจะใช save งานหลกๆมอะไรบาง

1. NEW ไวสำาหรบสรางเอกสารแฟลชเปลาๆ ใครจะทำาการตน ทำาเกม ทำาพรเซนทอะไรกแลวแต เลอกสรางเอกสารเปลาไดเลย2. SAVE ตางๆ มไว save ไฟลงานตนฉบบของเราออกมาเปนไฟล FLA3.import , export -เมน import มไวโหลดไฟลอนๆเขามาในเอกสารแฟลชเปลาๆของเรา เชน รปภาพ jpg หรอเสยงเพลง mp3 หรอไฟล vdo ตางๆ สรปคอไฟลทกไฟลทแฟลชใชงานได เราอยากใชงานมนในแฟลชของเรา เรา import เขามาไดทเมนน

เรอง เรมตนใชงานโปรแกรม Adobe flash

-เมน export ไวสำาหรบเอาไฟลงานแฟลชของเรา ททำาเสรจแลว ออกมาใชงานในรปแบบอนๆ ทไมใช SWF เชน ออกมาเปน jpg , png , gif animation ,VDO4. Publish มไวสรางไฟล swf ทเราจะเอามาใชงานในเวปไซท เกม หรอพรเซนท โดยไฟลจะออกมาเปน swf หรอไฟลอนๆเชน HTML หรอ EXE ตามทเรากำาหนดใน publish setting โดยถาเราไมกำาหนด ไฟลจะออกมาเปน swf และ HTML ซงเปนคาปรกตทโปรแกรมตงไว

เมน File ทจะใช save งานหลกๆมอะไรบาง (ตอ)

เรอง เรมตนใชงานโปรแกรม Adobe flash

เมอคลกเลอกการสรางผลงานใหมของ Flash จากรายการ Create New Flash File จะปรากฏสวนประกอบจอภาพการทำางานดงน

เรอง เรมตนใชงานโปรแกรม Adobe flash

เมอสรางเอกสารใหมขนมา เราจะพบเครองมอมากมาย

เรอง เรมตนใชงานโปรแกรม Adobe flash 1. กลองเครองมอ Toolbox

ใชสำาหรบเลอกและยายวตถ ใชเลอกแกไขวตถ เชน แกไขเสนหรอรปทรง วาดเสนตรง สราง Selection ภายในวตถ ปากกาวาดเสนพาธ พมพขอความ วาดรปวงรหรอวงกลม วาดรปสเหลยม/รปหลายเหลยม วาดเสนอสระ วาดรป/เสนดวยพกน ปรบยอ- ขยาย และหมนวตถ ใสสเสนขอบรปทรง

ใสสพนของรปทรง ใชลบบางสวนของรปทรง เลอกสใหกบเสนขอบรปทรงดดสหรอกอปปตวอยางสจากวตถใชคลกลากเพอเลอนเอกสารขนลงใชปรบขนาดหรอยอ/ขยายเอกสารเลอกสเตมลงบนพนวตถ

เรอง เรมตนใชงานโปรแกรม Adobe flash

2. Stage(สเตจ) มไวสำาหรบวาดการตน รปภาพ อะไรกไวท Stage เปนพนทการทำางาน เราจะเหนผลงานของเราวงอยบน Stage Stage มขนาดกวางและสงทสามารถปรบได ใหเลกหรอใหญตามตองการ

ขนาดของ Stage ขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควรกำาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกำาหนดขนาดของ Stageกระทำาไดโดย

เรอง เรมตนใชงานโปรแกรม Adobe flash

• กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensions:o กรณทมขอมลบน Stage สามารถคลกปม Match: Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมต

• เลอกสพนของ Stage จากตวเลอก Background color

• เลอกคำาสง File, New… เพอเขาสโหมดการสราง Movie

• คลกเลอกคำาสง Modify, Document…

เรอง เรมตนใชงานโปรแกรม Adobe flash3. Layer เลเยอร สำาหรบงานแฟลชของ เรา

สามารถแยกวตถตางๆ ออกเปนเลเยอรได เลเยอรคอชนๆตางๆทจะทำาใหเราทำางานเปนระบบมากขน เชน เราจะแยกตวละครไวเลเยอรบนสด แตฉากหลงไวลางสด เพอทตวละครจะไดเดนไปเดนมา โดยทฉากหลงจะอยนง4.Time line มไวสำาหรบกำาหนดการเคลอนไหวตางๆ เวลาทเราทำาการเคลอนไหวอนเมชนของเรา คลายๆกบฟลมภาพยนตร ท 1 ชองม 1 ภาพ เปนเรองของอนเมชนเบองตน ทเราจะทำาการเลนภาพหลายๆภาพตอเนองกน 5. เมน Window สำาหรบใครทหาเครองมอ หนาหนาตางเครองมอทหายไปไมเจอ ขอใหมาหาทนทเดยว เพราะจะสามารถแสดง และ ซอน เครองมอทกชนด ไดทน

เรอง เรมตนใชงานโปรแกรม Adobe flash

6.เครองม color ไวสำาหรบกำาหนดสทเราจะวาดแบบละเอยด โดยจะสงเกตวา color กมอยในเมน window เชนกน7.Properties ไวสำาหรบกำาหนดคณสมบตใหกบสงตางๆทเราจะใชงาน โดย Properties จะเปลยนแปลงไปตามวตถทเราใชงานในขณะนน เชน ถาเราใชงานพกน กจะเปนการกำาหนด ส ขนาดเสน ของพกน ถาเราใชงานวตถ จะเปนการกำาหนด ขนาดกวาง สง และสสน ของวตถเชนเดยวกน ถาเครองมอนหายไป เรากหามนไดในเมน Window เหมอนเดม

เรอง เรมตนใชงานโปรแกรม Adobe flash

แบบฝกหด1. โปรแกรม flash คอโปรแกรมทใชทำาอะไร2. การสรางภาพกราฟกดวยคอมพวเตอร มวธการสรางกแบบอะไรบาง พรอมทงอธบาย3. Stage(สเตจ) คออะไร4. กราฟกแบบเวกเตอรคออะไร5. จงบอกความแตกตางระหวางภาพกราฟกแบบบตแมปและภาพกราฟกแบบเวกเตอร6 . จากรปนคอเครองมอใชทำาอะไร7. Properties มไวสำาหรบทำาอะไร8. ไฟลนามสกล Swf คออะไร9. แถบ Controller ทำาหนาทอะไร10. การบนทกไฟลมก แบบอะไรบาง