เรื่อง เริ่มต้นใช้งานโปรแกรม adobe flash
DESCRIPTION
เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash. เริ่มต้นใช้งานโปรแกรม Adobe Flash. ความหมาย. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/1.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
เรมตนใชงานโปรแกรม Adobe
Flash
![Page 2: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/2.jpg)
ความหมาย
Flash คอ เปนโปรแกรมทมความสามารถในดานการสรางภาพเคลอนไหว (Animation) ทไดรบความนยมมากทสดในปจจบน เปนผลตภณฑของบรษท Adobe (เดมคอ Macromedia) ซงไดพฒนาปรบปรงเครองมอตางๆ ใหมความสามารถใชงานไดสะดวก
![Page 3: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/3.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
การสรางภาพกราฟกดวยคอมพวเตอร มวธการสราง 2 แบบ คอ แบบบตแมป (Bit Mapped) และแบบเวกเตอร (Vector) หรอสโตรก (Stroked) แตละแบบวธการสรางภาพดงตอไปน 1. กราฟกแบบบตแมป
กราฟกแบบบตแมปคอ มลกษณะเปนชองๆ เหมอนตาราง แตละบตกคอสวนหนงของขอมลคอมพวเตอร
พกเซล (เปนคำาทใชแทนองคประกอบของภาพ) เปนองคประกอบพนฐานของภาพบตแมป ซงองคประกอบยอยๆ เหลานถกรวมกนเขาทำาใหเกดภาพ พกเซลซงถอเปนหนวยยอยทเลกทสดของรปภาพ พกเซลมความสำาคญตอการสรางกราฟกของคอมพวเตอรมาก เพราะทกๆ สวนของกราฟก เชน จด เสน แบบลายและสของภาพ ลวนเรมจากพกเซลทงสน พกเซลหนงๆ อาจจะมขนาดความเขมและสแตกตางกนได
ประเภทของกราฟก
![Page 4: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/4.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
ตวอยางภาพบตแมป
![Page 5: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/5.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flashเอสเปกเรโซของภาพ (Image Aspect
Ratio)แอสเปกเรโชของภาพ คอ อตราสวนระหวาง
จำานวนพกเซลทางแนวขวาง และจำานวนพกเซลทางแนวดงทใชในการสรางภาพ
รโซลชน (Resolution) รโซลชน (Resolution) หมายถง รายละเอยดท
อปกรณแสดงกราฟกชนดหนงมอย คารโซลชนมกระบเปนจำานวนพกเซลในแนวนอนคอแนวแกน X และจำานวนพกเซลในแนวตงคอแนวแกน Y ดงนนรโซลชน 720 x 348 จงหมายความวา อปกรณแสดงกราฟกชนดนสามารถแสดงพเซลในแนวนอนไดไมเกน 720 พกเซล และแสดงพกเซลในแนวตงไดไมเกน 348 พกเซล
![Page 6: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/6.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
2. กราฟกแบบเวกเตอร กราฟกแบบเวกเตอรตางจากบตแมปตรงทบตแมปนนประกอบไปดวย จดตางๆ มากมาย แตกราฟกแบบเวกเตอรใชสมการทางคณตศาสตรเปนตวสรางภาพ เชน วงกลม หรอเสนตรง เปนตน ถงแมวาอาจจะฟงดซบซอนสกเลกนอยแตภาพบางชนดกถกสรางไดงาย
ออบเจกต (Object)ออบเจกตงายๆ (เชน วงกลม เสนตรง ทรงกลม ลกบาศก และอนๆ เรยกวารปทรงพนฐาน) สามารถใชในการสรางออบเจกตทซบซอนขน กราฟกแบบเวกเตอรสามารถสรางรปภาพโดยการรวมเอาออบเจกตหลายๆ ชนดมาผสมกนเราสามารถผสมออบเจกตตางชนดกน (เชน วงกลมและเสนตรง) เพอสรางภาพทแตกตางกน
![Page 7: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/7.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
เปรยบเทยบคณสมบตของกราฟกแบบบตแมปและภาพแบบเวกเตอรในดานความเรวของการแสดงภาพทจอภาพและความสามารถในการเปลยนขนาดภาพจะไดผลดงน 1. กราฟกแบบบตแมปสามารถแสดงใหเหนทจอภาพไดเรวกวาภาพแบบเวกเตอร
2. การเปลยนแปลงขนาดภาพใหโตขนหรอเลกลงกวาภาพเดม กรณภาพแบบบตแมปจะทำาไดไมมาก นอกจากนนยงอาจจะทำาใหลกษณะของภาพผดเพยนไปจากเดมดวย แตภาพแบบเวกเตอรจะสามารถยอและขยายขนาดไดมากกวา โดยสดสวนและลกษณะของภาพยงคลายเดม
![Page 8: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/8.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
การเรยกใชโปรแกรม Flash
นคอหนาตางแรกทเปดโปรแกรมแฟลชขนมา ทวงกลมไวจะเปนการสรางเอกสารเปลาๆ โดยจะแบงออกเปน1.เอกสารทเขยนดวย Actionscript 3.02.เอกสารทเขยนดวย Actionscript 2.03.เอกสารสครปแฟลชอนๆ
![Page 9: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/9.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
การ Save ไฟลการ save ไฟลไปใชงานนน วาไฟลหลกๆแลว Flash
จะมไฟลอะไรบางทเราตองใชงาน
การ Save ไฟล
ในการใชงาน Flash นนจะมไฟลงาน สองแบบหลกๆคอทมนามสกล Fla และ Swf1. FLA เปนไฟลงานตนฉบบ เกบงาน Flash ตนฉบบของเราไวแกไขตอภายหลง2. SWF เปน ไฟลงานสำาเรจ ทเราทำาการ publish ออกมาแลว พรอมสำาหรบนำาไปใชงานบนเวปไซต หรองานอนๆของเรา ไฟลนจะไมสามารถทำากลบมาแกไขไดอก
![Page 10: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/10.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
เมน File ทจะใช save งานหลกๆมอะไรบาง
1. NEW ไวสำาหรบสรางเอกสารแฟลชเปลาๆ ใครจะทำาการตน ทำาเกม ทำาพรเซนทอะไรกแลวแต เลอกสรางเอกสารเปลาไดเลย2. SAVE ตางๆ มไว save ไฟลงานตนฉบบของเราออกมาเปนไฟล FLA3.import , export -เมน import มไวโหลดไฟลอนๆเขามาในเอกสารแฟลชเปลาๆของเรา เชน รปภาพ jpg หรอเสยงเพลง mp3 หรอไฟล vdo ตางๆ สรปคอไฟลทกไฟลทแฟลชใชงานได เราอยากใชงานมนในแฟลชของเรา เรา import เขามาไดทเมนน
![Page 11: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/11.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
-เมน export ไวสำาหรบเอาไฟลงานแฟลชของเรา ททำาเสรจแลว ออกมาใชงานในรปแบบอนๆ ทไมใช SWF เชน ออกมาเปน jpg , png , gif animation ,VDO4. Publish มไวสรางไฟล swf ทเราจะเอามาใชงานในเวปไซท เกม หรอพรเซนท โดยไฟลจะออกมาเปน swf หรอไฟลอนๆเชน HTML หรอ EXE ตามทเรากำาหนดใน publish setting โดยถาเราไมกำาหนด ไฟลจะออกมาเปน swf และ HTML ซงเปนคาปรกตทโปรแกรมตงไว
เมน File ทจะใช save งานหลกๆมอะไรบาง (ตอ)
![Page 12: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/12.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
เมอคลกเลอกการสรางผลงานใหมของ Flash จากรายการ Create New Flash File จะปรากฏสวนประกอบจอภาพการทำางานดงน
![Page 13: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/13.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
เมอสรางเอกสารใหมขนมา เราจะพบเครองมอมากมาย
![Page 14: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/14.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash 1. กลองเครองมอ Toolbox
ใชสำาหรบเลอกและยายวตถ ใชเลอกแกไขวตถ เชน แกไขเสนหรอรปทรง วาดเสนตรง สราง Selection ภายในวตถ ปากกาวาดเสนพาธ พมพขอความ วาดรปวงรหรอวงกลม วาดรปสเหลยม/รปหลายเหลยม วาดเสนอสระ วาดรป/เสนดวยพกน ปรบยอ- ขยาย และหมนวตถ ใสสเสนขอบรปทรง
ใสสพนของรปทรง ใชลบบางสวนของรปทรง เลอกสใหกบเสนขอบรปทรงดดสหรอกอปปตวอยางสจากวตถใชคลกลากเพอเลอนเอกสารขนลงใชปรบขนาดหรอยอ/ขยายเอกสารเลอกสเตมลงบนพนวตถ
![Page 15: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/15.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
2. Stage(สเตจ) มไวสำาหรบวาดการตน รปภาพ อะไรกไวท Stage เปนพนทการทำางาน เราจะเหนผลงานของเราวงอยบน Stage Stage มขนาดกวางและสงทสามารถปรบได ใหเลกหรอใหญตามตองการ
ขนาดของ Stage ขนาดของ Stage จะหมายถงพนทการแสดงผลของ Movie นนเอง ดงนนกอนสรางงานควรกำาหนดขนาดของ Stage ใหเหมาะสมและตรงกบการใชงานจรง การกำาหนดขนาดของ Stageกระทำาไดโดย
![Page 16: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/16.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
• กำาหนดคาความกวาง ความสงของ Stage (หนวยปกตจะเปน pixel) จากรายการDimensions:o กรณทมขอมลบน Stage สามารถคลกปม Match: Printer หรอ Contents เพอใหFlash ปรบขนาดใหเหมาะสมกบขอมลโดยอตโนมต
• เลอกสพนของ Stage จากตวเลอก Background color
• เลอกคำาสง File, New… เพอเขาสโหมดการสราง Movie
• คลกเลอกคำาสง Modify, Document…
![Page 17: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/17.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash3. Layer เลเยอร สำาหรบงานแฟลชของ เรา
สามารถแยกวตถตางๆ ออกเปนเลเยอรได เลเยอรคอชนๆตางๆทจะทำาใหเราทำางานเปนระบบมากขน เชน เราจะแยกตวละครไวเลเยอรบนสด แตฉากหลงไวลางสด เพอทตวละครจะไดเดนไปเดนมา โดยทฉากหลงจะอยนง4.Time line มไวสำาหรบกำาหนดการเคลอนไหวตางๆ เวลาทเราทำาการเคลอนไหวอนเมชนของเรา คลายๆกบฟลมภาพยนตร ท 1 ชองม 1 ภาพ เปนเรองของอนเมชนเบองตน ทเราจะทำาการเลนภาพหลายๆภาพตอเนองกน 5. เมน Window สำาหรบใครทหาเครองมอ หนาหนาตางเครองมอทหายไปไมเจอ ขอใหมาหาทนทเดยว เพราะจะสามารถแสดง และ ซอน เครองมอทกชนด ไดทน
![Page 18: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/18.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
6.เครองม color ไวสำาหรบกำาหนดสทเราจะวาดแบบละเอยด โดยจะสงเกตวา color กมอยในเมน window เชนกน7.Properties ไวสำาหรบกำาหนดคณสมบตใหกบสงตางๆทเราจะใชงาน โดย Properties จะเปลยนแปลงไปตามวตถทเราใชงานในขณะนน เชน ถาเราใชงานพกน กจะเปนการกำาหนด ส ขนาดเสน ของพกน ถาเราใชงานวตถ จะเปนการกำาหนด ขนาดกวาง สง และสสน ของวตถเชนเดยวกน ถาเครองมอนหายไป เรากหามนไดในเมน Window เหมอนเดม
![Page 19: เรื่อง เริ่มต้นใช้งานโปรแกรม Adobe flash](https://reader030.vdocuments.pub/reader030/viewer/2022013109/56814b08550346895db82203/html5/thumbnails/19.jpg)
เรอง เรมตนใชงานโปรแกรม Adobe flash
แบบฝกหด1. โปรแกรม flash คอโปรแกรมทใชทำาอะไร2. การสรางภาพกราฟกดวยคอมพวเตอร มวธการสรางกแบบอะไรบาง พรอมทงอธบาย3. Stage(สเตจ) คออะไร4. กราฟกแบบเวกเตอรคออะไร5. จงบอกความแตกตางระหวางภาพกราฟกแบบบตแมปและภาพกราฟกแบบเวกเตอร6 . จากรปนคอเครองมอใชทำาอะไร7. Properties มไวสำาหรบทำาอะไร8. ไฟลนามสกล Swf คออะไร9. แถบ Controller ทำาหนาทอะไร10. การบนทกไฟลมก แบบอะไรบาง