Adobe Flash อ.ภารว ศรกาญจน

ขนตอนหลกการสรางมลตมเดยดวย Flash

1. สรางชนงานภายในโปรแกรม Flash โดยเนอหาบางสวนอาจสราง ขนดวยเครองมอของ Flash เอง และบางสวนอาจน าเขา (import) ไฟลขอมลประเภทตางๆ จากภายนอกเขามาใช

ขนตอนหลกการสรางมลตมเดยดวย Flash

2. ทดสอบการท างานจนไ ด ผ ล ท พ อ ใ จ แ ล วบ น ท ก ไ ว เ ป น ไ ฟ ลเอกสารของ Flash (.fla) ซ งสามารถ เ ปดกลบขนมาแกไขไดภายหลง

ขนตอนหลกการสรางมลตมเดยดวย Flash

3. พบลชชนงาน (publish) เปนไฟลมฟวของ Flash (.swf) หรอไฟลเวบเพจ (.html) ซงเปนขอมลทจะน าไปใชเสนอจรง

ขนตอนหลกการสรางมลตมเดยดวย Flash

4. น าไฟลมฟวและไฟลอ นๆ ท เ ก ย วขอ งไปประกอบกบ เวบ เพจ แ ล ว อ พ โ ห ล ด ข นอนเทอรเนตหรอเตรยมไฟลมฟวส าหรบถายโอนลงอปกรณมอถอ

ขนตอนหลกการสรางมลตมเดยดวย Flash

5. ผชมเลนมฟวผานทางบราวเซอร หรอเลนผานอปกรณมอถอ

เปดโปรแกรม

1

2

แสดงไฟลลาสดทไดท าการแกไข สรางเอกสารไฟล

ประเภทตางๆ

สรางไฟลจากเทมเพลททเตรยมไวให

Flash File (ActionScript 3.0) - เรมตนสรางไฟลแฟลชโดยใช actionscript เวอรชน 3.0 Flash File (AtcionScript 2.0) - เรมตนสรางไฟลแฟลชโดยใช actionscript เวอรชน 2.0 Flash File (Mobile) - เรมตนสรางไฟลแฟลชโดยใชงานส าหรบ มอถอ (flash lite)

ActionScript File - ท าการสรางไฟลส าหรบเขยน actionscript ทง 2.0 และ 3.0 ActionScript Communication File - ท าการสรางไฟล actionscript ส าหรบใชบนเซรฟเวอร Flash JavaScript File - ท าการสรางไฟล JSFL (เหมาะส าหรบการเขยนค าสงเพอท างานแบบอตโนมตเพอใชงานซ าๆในการจดการตางๆ) Flash Project - ท าการสรางไฟลโปรเจกต ซงรวบรวมรายชอไฟลทงหมดของโปรเจกตนนๆ

TimeLine

Layer

เปรยบเสมอนแผนใสทสามารถวาดภาพหรอวางว ต ถ เ พ อ ส ร า งภาพเคลอนไหวตางๆ ซงแยกเปนอสระตอกน

TimeLine

เปนสวนทใชส าหรบก าหนดการเคลอนไหวของการวาดภาพตางๆ โดยประกอบไปดวยตารางเลกๆ เรยกวา เฟรม เสนสแดงเรยกวา Playhead ใชบอกต าแหนงใหรวาขณะนท างานอย ณ ทใด

หวอาน

เฟรม

หนาตางไลบราล (Library Panel)

เมอสรางชนงานขนมาแลวท าการแปลงเปนซมโบล หรอการน าภาพจากขางนอกโปรแกรมเขามาใน Flash ภาพเหลานนจะบรรจอยในหนาตางไลบรารน และสามรถเรยกหนาตางอยางรวดเรวดวยคยลด <Ctrl + L>

ยอ – ขยาย สเตจ

Scene

ประเภทของไฟล Flash การท างานของโปรแกรม Flash จะเกยวของกบไฟลหลกๆ 2 ประเภท

ไฟลเอกสาร (Flash document) มฟอรแมตเปน .fla เปนไฟลทไดจากการบนทกในขนตอนการสรางชนงาน โดยไฟลจะจดเกบขอมลตางๆ ไดจากการออกแบบและพฒนาท งหมดไวตามสภาพเดม และคณสามารถเปดกลบขนมาแกไขชนงานได

ไฟลมฟว (Flash movie) มฟอรแมตเปน .swf ไฟลนเปนผลลพธสดทาย ซงจะไดจากการพบลช (publish) ไฟลเอกสารขางตน เพอน าไปเผยแพรและแสดงดวยโปรแกรม Flash Player โดยขอมลตนฉบบจะถกบบอด ปรบลดคณสมบต และยบรวมกน เพอใหไฟลขนาดเลก ดงนนจงไมสามารถเปดกลบขนมาแกไขชนงาน และในการเผยแพรไฟลนจงไมตองกลววาขอมลตนฉบบในไฟลเอกสารจะถกผอนเอาไปใช นอกจากนนเมอมการใชค าสงทดสอบการแสดงผล โปรแกรมจะสรางไฟล .swf ขนมาใหอตโนมต

นอกจากนกอาจมไฟลอนๆ ทเกยวของอก โดยขนอยกบเนอหาของชนงานและวธการพบลชรวมไปถงรปแบบของการสราง เชน ไฟล .flv ซงเปนไฟลวดโอ (Flash Video) ทไดจากการอมพอรดวดโอเขามาใชงาน ไฟล .as เปนไฟลทเกบซอรสโคดของโปรแกรม ActioScript หรอไฟล .html ซงเปนเวบเพจทใชแสดงมฟว เปนตน

สรางไฟลเอกสารใหม

1

2

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

เปลยนสพนหลง

คลก

ตงความเรวในการแสดงผล

เครองมอชวยกะระยะในการวางวตถ ไมบรรทด

View > Rulers (Ctrl + Alt + Shift + R)

เสนกรด

View > Grid > Show Grid(Ctrl + ‘ )

ลงมอวาดกน

การวาดภาพขนดวยเครองมอตางๆ ในโปรแกรม Flash เรยกวา รปทรง (Shape) หรอวตถ โดยแตละรปทรงจะประกอบดวยสองสวน คอ พนภาพ (Fill) และ เสน (Stroke)

พนภาพ (Fill) เปนสวนทอยภายในรปทรง มคณสมบตอยางเดยวนนคอ ส ซงสามารถก าหนดรปแบบ ตาง ๆ ไดเชน สแบบทบ (Solid) แบบไลโทนส (Gradient) หรออาจใชภาพแบบ Bitmap แทนกได

เสน (Stroke) เปนสวนประกอบทมลกษณะเปนลายเสน เชนเสนตรง เสนโคง เสนหยก หรอเสนทอย รอบๆ รปทรง เชน เสนขอบของรปวงกลม คณสมบตของเสนมหลายอยาง เชน รปแบบเสน ความหนา และส

รปแบบการวาด

การวาดภาพ Graphic ในโปรแกรม Flash แบงออกเปน 2 รปแบบดงน

การวาดแบบ Object Drawing รปแบบการวาดแตละครงเปนอสระจากกน และเมอวางซอนทบกนไมมผลท าใหวตถอน หรอตวเองเปลยนแปลงรปทรง ในการวาดแบบนใหคลกเลอก Object Drawing ท Option Tool หรอกด J กอนลงมอวาดภาพ

การวาดแบบ Merge drawing รปทรงทไดจากการวาดมผลตอรปทรงอนๆ โดยเมอมการวาดหรอการน าไปวางซอนทบกนจะท าใหรปทรงอนหรอรปตวเองเปลยนแปลงไป ในการวาดรปแบบนใหยกเลก Object Drawing ท Option Tool (ถาถกเลอกอยกอน)

การก าหนดคณสมบตของพนและเสนกอนการวาด

Stroke

Fill

การก าหนดคณสมบตของสเสน

นอกจากการก าหนดสแลว ยงสามารถก าหนดคณสมบตอนๆได เชน ความหนา (Height) และ ลวดลาย (Styles) ไดจาก Property Inspector ดงรป

ปรบแตงรปราง

การวาดรปดวย Brush

Brush Mode - ลกษณะการระบายสทบรปทมอยเดม ไดแก • Paint Normal สใหมจะระบายทกสวนของรปเดม • Paint Fills สใหมระบายเฉพาะสวนทเปน Fill Color • Paint Behind สใหมจะระบายท Stage ไมกระทบตอภาพ • Paint Selection สใหมระบายสวนทเลอกไว (ตองท า Selection กอน) • Paint Inside สใหมระบายเฉพาะดานในของเสนขอบ

ฝกฝมอ 1. ใหนกศกษาวาดรปตามขนตอนตอไปน

ขนตอนเมอคณวาดรปแรกเสรจเรยบรอย และจะเรมวาดรปทสอง โดย คลกขวาเฟรมถดไป เลอก Insert Keyframe

ลบรปแรกออก และลงมอวาดรปถดไปไดเลย ลบออก

Save งาน

ไฟลทได

สงเมลมาท

Pitiporn.sri@gmail.com

หวขอ วาดรปดวยflash รายละเอยด รหสนกศกษา ชอ – นามสกล กลมเรยน