ใบความร Adobe Flash CS5

2013

NIKUL JAIDEE RATCHABORIKANUKROK

โครงการสอน

รหส ง 32214 วชา งานกราฟกขนสง 22 จ านวน 4 ชวโมง/สปดาห

หนวยท เรอง จ านวนชวโมง

1. การใชงานเครองมอทจ าเปนในการสราง Animation 8 2. การจดการ Layer 4 3. การวาดรปดวยเครองมอ Flash 14 4. การสราง Animation เบองตน 12 5. การจดการ Scene 4 6. การแปลงงานเพอน าเสนอ (Publish) 8 7. Workshop 12 รวม 80

2013

ใบความรท 1 เรอง ท าความรจกกบ Adobe Flash CS5

รจกกบ Flash สาเหตทขนาดของ Flash มขนาดเลกกวาแฟมทวไป

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

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

Adobe Flash CS5 มความตองการระบบคอมพวเตอรเพอทจะน ามาใชงานแสดงผล ดงน 1. Microsoft Windows 98 / 2000 / NT 4 /Me / XP 2. CPU 200 MHz หรอมากกวานน 3. RAM 64 MB ซงจรง ๆ แลวควรเปน 128 MB มากกวา 4. พนทฮารดดสก 85 MB 5. ความละเอยดของจอภาพทใชแสดงผล 1024 x 768 Pixels 6. การดจอแสดงความละเอยดส 16 Bit เปนอยางนอย แตส าหรบการแสดงกราฟกสทม

ความละเอยดสงควรเปน 24 Bit 7. บราวเซอรทสนบสนน Plug-in Shockwave Flash (ส าหรบบราวเซอร Internet

Explorer ตงแตเวอรชน 4 ขนไป Netscape ตงแตเวอรชน 4.5 ขนไป) 8. ไดรฟ CD-ROM ส าหรบตดตงโปรแกรมหรอคนหาไฟลภาพ

เขาสโปรแกรม Adobe Flash Professional CS5 สามารถเรยกใชงานโปรแกรม Adobe Flash CS5 ไดดวยวธการดงตอไปน

1. คลกเมาสทปม Start 2. เลอกค าสง Program Adobe Master Collection CS5 Adobe Flash Professional CS5 3. จะปรากฏหนาจอแรกของ Flash

ทดลองใชโปรแกรม Adobe Flash CS5

หลงจากทเปดโปรแกรม Flash ขนมาแลว Flash จะมตวอยางของไฟลใหไดทดลองใช ซงไฟลตวอยางนจะเปนไฟลทมาพรอมกบโปรแกรม Adobe Flash CS5 โดยใหเลอกไปท File Open เพอจะท าการเปดไฟลท Flash ไดเตรยมไวให

หลงจากนนจะปรากฏหนาตาง Open ขนมา ใหเขาไปทโฟลเดอร Macromedia Adobe

Flash CS5 Samples FLA จะมตวอยางไฟล Flash ทเตรยมไว ใหเลอกตวอยางทตองการ เพอเปดขนมาทดสอบ (จากรปเลอก Color picker) จากนน Click mouse ทปม Open

เมอตวอยางขนมา จะพบตวอยางงานทสรางเสรจขนมาแลว ซงจะมาท าการทดสอบตวอยางท

สรางเสรจแลว โดยเลอกท Control Test Movie หรอ กด < Ctrl + Enter > เพอท าการทดสอบโปรแกรม

ท าการทดสอบไฟลตามตองการ เมอทดสอบโปรแกรมเสรจแลว ให คลกเมาส ปมกากบาท เพอปดหนาจอทท าการเลนโปรแกรมอย แลวจะกลบไปหนาจอเดม

ออกจากโปรแกรม Flash

หลงจากทใชงานโปรแกรม Flash เสรจสนแลว สามารถออกจากโปรแกรมได โดยเลอกค าสง File Exit หรอกดคย < Ctrl + Q > จะเปนการสนสดการใชงานโปรแกรม

ใบงานท 1 เรอง ความแตกตางระหวาง

ภาพ Bitmap และ ภาพ Vector

ชอ…………………………………………นามสกล……………………………………เลขท……………..ชน…………วนท…………เดอน…………………พ.ศ…………… 1. ใหนกเรยนอธบายถงลกษณะของภาพ Bitmap พรอมบอกขอด และ ขอเสย ของภาพ Bitmap ดวย …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 2. ใหนกเรยนอธบายถงลกษณะของภาพ Vector พรอมบอกขอด และ ขอเสย ของภาพ Vector ดวย …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 3. ใหนกเรยนอธบายความแตกตางระหวางภาพ Bitmap และ ภาพ Vector …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ใบงานท 3 เรอง ไฟลตาง ๆ ท Flash สามารถน ามาใชงานได

ชอ……………………………………นามสกล……………………………เลขท……… ชน…………………วนท…………………เดอน…………………พ.ศ……………… 1. ผสอนใหนกเรยนอานทบทวนใบความรท 2 เกยวกบไฟลทสามารถน ามาใชใน Flash ได พรอม

ใหนกเรยนยกตวอยางมาคนละ 10 ชนด ล าดบท ชนดของไฟล นามสกลไฟล ลกษณะไฟล

1 2 3 4 5 6 7 8 9

10

ใบความรท 2 เรอง สวนประกอบของโปรแกรม

สวนประกอบของโปรแกรม Adobe Flash CS5

แถบค าสง (Menu Bar)

แถบค าสง (Menu bar) ประกอบดวยค าสงตาง ๆ ทใชส าหรบงานทวไปเหมอนกบโปรแกรมอน ๆ ไดแก เมน File, Edit, Insert, Modify, Text, Commands, Control, Windows และ Help ดงภาพท 1

ภาพท 1

แถบเครองมอ (Tool Bars)

ภาพท 2

ในการเปดใชงานครงแรกแถบเครองมอจะไมแสดงใหคลกทเมน Windows > Toolbars >แลวคลกท าเครองหมายถกท Main, Controller และ Edit Bar ดงภาพท 3

ภาพท 3

กลองเครองมอ (Toolbox)

กลองเครองมอ (Toolbox)เปนสวนทเกบเครองมอตาง ๆ เพอใหสามารถเรยกใชงานได สะดวกและรวดเรวขน แบงเปนกลมตาง ๆ เพอสะดวกในการเรยกใชงาน ดงภาพท 4

ภาพท 4

Flash มการท างานลกษณะเดยวกบโปรแกรมอนๆ ทท างานบน Windows ดงน

Menu Bar คอ แสดงรายการค าสงตางๆ ของโปรแกรม

Toolbar คอ แสดงปมเครองมอการท างานมาตรฐานของโปรแกรม เชน ปมเปดงานใหม เปดไฟลเอกสาร, จดเกบไฟล เปนตน

Toolbox คอ แสดงปมเครองมอเกยวกบการวาดภาพ สรางภาพ

Timeline คอ หนาตางแสดงเสนควบคมเวลาส าหรบการน าเสนอผลงาน ประกอบดวยสวนท างาน เกยวกบ Layer และ Timeline

Stage คอ พนทสวนทใชในการวางวตถตางๆ หรออาจจะเรยกวา "เวท" เมอมการน าเสนอผลงานจะ แสดงเฉพาะวตถบน Stage เทานน

Panel คอ หนาตางควบคมฟงกชนงาน ซงมหลายฟงกชน (หลายหนาตาง)

Toolbar

Menubar

Stage

Timeline

Layer Frame

รายละเอยดของเครองมอกลมเลอก

ภาพท 5

รายละเอยดของเครองมอกลมวาดและตกแตงภาพ

ภาพท 6

รายละเอยดของเครองมอกลมมมมอง (View)

ภาพท 7

รายละเอยดของเครองมอกลมสเสนและสพน (Colors)

ภาพท 8

การสรางวตถ (Object) ดวยเครองมอ Line Tool

Line Tool คอเครองมอส าหรบวาดเสนตรง โดยสามารถก าหนดส ความหนา และลวดลาย ตางๆ โดยก าหนดไดทหนาตาง properties ขนตอนการสราง ดงน

ขนท 1 คลกเลอกเครองมอท Tool Box (ภาพท 1)

ภาพท 1

ขนท 2 ก าหนดลกษณะของเสนทหนาตาง Properties กรณหนาตางถกปด เปดไดโดยคลก Window > Properties > Properties (ภาพท 2)

ภาพท 2

ก าหนดลกษณะของเสนตามตองการ (ภาพท 3)

ภาพท 3

ขนท 3 ใชเมาสลากเสน ปรบขนาด เปลยนส ตามตองการ (ภาพท 4)

ภาพท 4

ตวอยางการประยกตใช

1. ลากเสนตามตองการ

2. คลกลกศรสด า (Selection Tool)

3. คลกเสนทไมตองการแลวลบทง โดยกดปม Delete ท Keyboard

4. เลอกภาพวตถ โดยดบเบลคลก หรอลากคลมภาพวตถ

. ตกแตงเสนโดยก าหนดท หนาตาง Properties