Upload
junya-punngam
View
8.556
Download
0
Embed Size (px)
Citation preview
การออกแบบการสอนระดั�บบทเร�ยนกลุ่��มสาระการเร�ยนร��การงานอาชี�พแลุ่ะเทคโนโลุ่ย�
วิ�ชีา คอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
ขั้�!นท�" 1 วิ�เคราะห์�ผู้��เร�ยน เป็�นการศึกษาข้�อมู�ลข้องผู้��เร�ยนด้�าน อาย� ความูร� �เด้�มู ข้�ด้ความูสามูารถ ความู
ต้�องการ ความูสนใจ ล กษณะน�ส ย พื้$%นฐานด้�านอารมูณ' สภาพื้ครอบคร ว เศึรษฐก�จ และความูพื้ร�อมูข้องน กเร�ยนด้�านอ�ป็กรณ'
ส�"งท�"วิ�เคราะห์� แห์ลุ่�งขั้�อม�ลุ่ ลุ่�กษณะขั้องผู้��เร�ยนอาย� ระเบ�ยนสะสมู อาย� 16 – 18
ความูร� �เด้�มู ระเบ�ยนสะสมูผู้ลการเร�ยน
ผู้+ า น ก า ร เ ร� ย น ส า ร ะ เ ร$, อ งคอมูพื้�วเต้อร'เบ$%องต้�น
ความูต้�องการ - แบบบ นทึกข้�อมู�ลพื้$%นฐานจาก ระบบด้�แลน กเร�ยน- แบบส งเกต้- แบบส มูภาษณ'
ความูต้�องการความูสน�กสนานและได้�ร บความูร� �เร$,องการส$, อสารและเคร$อข้+ายคอมูพื้�วเต้อร'
ความูสนใจ - แบบบ นทึกข้�อมู�ลพื้$%นฐานจาก ระบบด้�แลน กเร�ยน- แบบส งเกต้- แบบส มูภาษณ'
สนใจการป็ฏิ�บ ต้�มูากกว+าเร�ยนทึฤษฎี�
ล กษณะน�ส ย แบบว ด้ SDQ ชอบทึ3างานเป็�นกล�+มู บางคนชอบอย�+คนเด้�ยว ค+อนข้�างเก4บต้ ว ไมู+ค+อยแสด้งความูค�ด้เห็4นภายในกล�+มู
พื้$%นฐานอารมูณ' แบบว ด้ SDQ มู�ป็6ญห็าเร$,องสภาพื้ทึางส งคมูทึ�,ทึางผู้��ป็กครองด้�แลเอาใจใส+
สภาพื้ครอบคร ว แบบบ นทึกข้�อมู�ลพื้$% นฐานจากระบบด้�แลน กเร�ยน
มู�ความูอบอ�+น ส+วนให็ญ+อย�+ร +วมูก บพื้+อแมู+ และพื้บป็ระก นเมู$,อเสร4จก�จการงานทึ�,
ร บผู้�ด้ชอบเศึรษฐก�จ แบบบ นทึกข้�อมู�ลพื้$% น
ฐานจากระบบด้�แลน กเร�ยน
ส+วนให็ญ+มู�สภาพื้รายได้�ป็านกลาง มู�อาช�พื้ธุ�รก�จส+วนต้ ว ร บราชการ และร บจ�างทึ ,วไป็
ความูพื้ร�อมูข้องน กเร�ยนด้�านอ�ป็กรณ'
แบบส3ารวจ มู�เคร$,องคอมูพื้�วเต้อร'ทึ�,บ�านเป็�นส+วนมูาก และสามูารถใช�อ�นเทึอร'เน4ต้ได้�
ขั้�!นท�" 2 ก'าห์นดัวิ�ตถุ�ประสงค� 1. วิ�ตถุ�ประสงค�ท�"วิไป
1.1 เพื้$,อให็�น กเร�ยนมู�ความูร� �ความูเข้�าใจเก�,ยวก บเร$,องต้+อไป็น�%1.1.1ความูต้�องการข้องระบบ Flash MX
1.1.2องค'ป็ระกอบข้อง Flash MX
1.1.3การอ�ป็กรณ'ทึ�,ใช�ส3าห็ร บวาด้ร�ป็ต้+าง ๆ 1.1.4การใช�ส�และป็ร บแต้+งส�1.1.5การใช�เคร$,องมู$อในการต้กแต้+งภาพื้1.1.6การใช�เคร$,องมู$อในการช+วยว ด้และจ ด้วาง1.1.7การสร�างต้ วอ กษร1.1.8การใช�งาน Symbol และ Instance
1.1.9การใช�งาน Layer
1.1.10 ห็ล กการพื้$%นฐานในการสร�าง Animation
1.1.11 การสร�างภาพื้เคล$,อนไห็ว1.1.12 การจ ด้การก บเส�ยง1.1.13 การเผู้ยแพื้ร+ผู้ลงาน
1.2 เพื้$,อให็�น กเร�ยนมู�ทึ กษะในเร$,องการป็ฏิ�บ ต้�ในเร$,องต้+อไป็น�%1.2.1การอ�ป็กรณ'ทึ�,ใช�ส3าห็ร บวาด้ร�ป็ต้+าง ๆ 1.2.2การใช�ส�และป็ร บแต้+งส�1.2.3การใช�เคร$,องมู$อในการต้กแต้+งภาพื้
1.2.4การใช�เคร$,องมู$อในการช+วยว ด้และจ ด้วาง1.2.5การสร�างต้ วอ กษร1.2.6การใช�งาน Symbol และ Instance
1.2.7การใช�งาน Layer
1.2.8การสร�างภาพื้เคล$,อนไห็ว1.2.9การจ ด้การก บเส�ยง1.2.10 การเผู้ยแพื้ร+ผู้ลงาน
1.3 เพื้$,อให็�น กเร�ยนเห็4นค�ณค+าข้อง คอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX)
2. วิ�ตถุ�ประสงค�เฉพาะ2.1 ห็ล งจากศึกษาเร$,อง ความูเป็�นมูาข้อง “ Macromedia Flash
Mx”แล�วน กเร�ยนสามูารถอธุ�บาย เก�,ยวก บ ป็ระว ต้�ความูเป็�นมูาได้�อย+างถ�กต้�อง
2.2 ห็ล งจากศึกษาเร$,อง สาเห็ต้�ทึ�,ข้นาด้ข้อง “ Flash มู�ข้นาด้เล4กกว+าไฟล'ทึ ,วไป็ แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บข้นาด้ข้องไฟล'ได้�ถ�ก”
ต้�อง2.3 ห็ล งจากศึกษาเร$,อง ความูต้�องการข้องระบบ “ Flash MX” แล�ว
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ความูต้�องการข้องระบบได้�ถ�กต้�อง2.4 ห็ล งจากศึกษาเร$,อง เข้�าส�+โป็รแกรมู “ Flash MX” แล�วน กเร�ยน
สามูารถเข้�าส�+โป็รแกรมู Flash MX ได้�ถ�กต้�อง2.5 ห็ล งจากศึกษาเร$,อง ทึด้ลองใช�โป็รแกรมู “ Flash MX” แล�ว
น กเร�ยนสามูารถทึด้ลองใช�โป็รแกรมู Flash MX ได้�ถ�กต้�อง2.6 ห็ล งจากศึกษาเร$,อง ออกจากโป็รแกรมู “ Flash MX” แล�ว
น กเร�ยนสามูารถออกจากโป็รแกรมู Flash MX ได้�ถ�กต้�อง2.7 ห็ล งจากศึกษาเร$,อง ห็น�าต้าและองค'ป็ระกอบข้อง “ Flash MX”
แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ องค'ป็ระกอบข้อง Flash MX ได้�ถ�กต้�อง
2.8 ห็ล งจากศึกษาเร$, อง กล+องเคร$, องมู$อ “ (Toolbox)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บเคร$,องมู$อต้+าง ๆ ได้�ถ�กต้�อง
2.9 ห็ล งจากศึกษาเร$,อง เส�นเวลา “ (Timeline)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บเส�นเวลาได้�ถ�กต้�อง
2.10 ห็ล งจากศึกษาเร$,อง ห็น�าต้+างการทึ3างานห็ร$อเวทึ� “ (Stage)”
แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บห็น�าต้+างการทึ3างานได้�ถ�กต้�อง2.11 ห็ล งจากศึกษาเร$,อง ป็�<มูการแสด้งผู้ล “ (Controller)” แล�ว
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บป็�<มูการแสด้งผู้ลได้�ถ�กต้�อง2.12 ห็ล งจากศึกษาเร$,อง ห็น�าต้+างควบค�มูการแสด้งผู้ล “ (Panel)”
แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บห็น�าต้+างควบค�มูการแสด้งผู้ลได้�ถ�กต้�อง
2.13 ห็ล งจากศึกษาเร$,อง ป็�<มูข้ยายข้นาด้ “ (Zoom)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บป็�<มูข้ยายข้นาด้ได้�ถ�กต้�อง
2.14 ห็ล งจากศึกษาเร$,อง แก�ไข้ซี�น “ (Exit Scene)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การแก�ไข้ซี�นได้�ถ�กต้�อง
2.15 ห็ล งจากศึกษาเร$,อง แก�ไข้เวทึ� “ (Edit Stage)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การแก�ไข้เวทึ�ได้�ถ�กต้�อง
2.16 ห็ล งจากศึกษาเร$,อง ห็ล กการทึ3างานข้อง “ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ห็ล กการทึ3างานข้อง Flash ได้�ถ�กต้�อง
2.17 ห็ล งจากศึกษาเร$,อง นามูสก�ลข้อง “ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ นามูสก�ลข้อง Flash ได้�ถ�กต้�อง
2.18 ห็ล งจากศึกษาเร$,อง การน3าไฟล'ทึ�,สร�างจากโป็รแกรมูอ$,นมูาใช�ใน“ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บการน3าโป็รแกรมูอ$,นมูาใช�งานได้�ถ�กต้�อง
2.19 ห็ล งจากศึกษาเร$,อง ภาพื้กราฟ>กใน “ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บภาพื้กราฟ>กใน Flash ได้�ถ�กต้�อง
2.20 ห็ล งจากศึกษาเร$,อง ภาพื้กราฟ>กชน�ด้ “ Raster” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ภาพื้กราฟ>กชน�ด้ Raster ได้�ถ�กต้�อง
2.21 ห็ล งจากศึกษาเร$,อง ภาพื้กราฟ>กชน�ด้ “ Vecter” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ภาพื้กราฟ>กชน�ด้ Vecter ได้�ถ�กต้�อง
2.22 ห็ล งจากศึกษาเร$,อง การวาด้ภาพื้ใน “ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บการวาด้ภาพื้ได้�ถ�กต้�อง
2.23 ห็ล งจากศึกษาเร$,อง วาด้เส�นต้รง “ (Line Tool)” แล�วน กเร�ยนสามูารถวาด้เส�นต้รงได้�ถ�กต้�อง
2.24 ห็ล งจากศึกษาเร$,อง วาด้ร�ป็ด้�วย “ Pen Tool” แล�วน กเร�ยนสามูารถวาด้ร�ป็ด้�วย Pen Tool ได้�ถ�กต้�อง
2.25 ห็ล งจากศึกษาเร$,อง การวาด้วงกลมูและวงร� “ (Oval Tool)”
แล�วน กเร�ยนสามูารถวาด้วงกลมูและวงร�ได้�ถ�กต้�อง2.26 ห็ล งจากศึกษาเร$,อง วาด้ส�,เห็ล�,ยมู “ (Rectangle Tool)” แล�ว
น กเร�ยนสามูารถวาด้ส�,เห็ล�,ยมูได้�ถ�กต้�อง2.27 ห็ล งจากศึกษาเร$,อง การวาด้ร�ป็ด้�วย “ Pencil Tool” แล�ว
น กเร�ยนสามูารถวาด้ร�ป็ด้�วย Pencil Tool ได้�ถ�กต้�อง2.28 ห็ล งจากศึกษาเร$, อง การระบายส� “ (Brush Tool)” แล�ว
น กเร�ยนสามูารถระบายส�ได้�ถ�กต้�อง2.29 ห็ล งจากศึกษาเร$,อง การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย “ Eraser
Tool” แล�วน กเร�ยนสามูารถลบส+วนทึ�,ไมู+ต้�องการได้�ถ�กต้�อง2.30 ห็ล งจากศึกษาเร$,อง การเล$อกส�ข้อง “ Stoke Color และ Fill
Color” แล�วน กเร�ยนสามูารถเล$อกส�พื้$%นและส�เส�นได้�ถ�กต้�อง2.31 ห็ล งจากศึกษาเร$,อง “Default Color” แล�วน กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บ Default Color ได้�ถ�กต้�อง2.32 ห็ล งจากศึกษาเร$,อง “No Color” แล�วน กเร�ยนสามูารถอธุ�บาย
เก�,ยวก บ No Color ได้�ถ�กต้�อง2.33 ห็ล งจากศึกษาเร$,อง “Swap Color” แล�วน กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บ Swap Color ได้�ถ�กต้�อง2.34 ห็ล งจากศึกษาเร$,อง การใช�ห็น�าต้+าง “ Color Mixer” แล�ว
น กเร�ยนใช�ห็น�าต้+าง Color Mixer ได้�ถ�กต้�อง2.35 ห็ล งจากศึกษาเร$,อง การแสด้งส�แบบ “ Solid” แล�วน กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ การแสด้งส�แบบ Solid ได้�ถ�กต้�อง2.36 ห็ล งจากศึกษาเร$,อง การไล+โทึนส�แบบ “ Linear” แล�วน กเร�ยน
สามูารถไล+โทึนส�แบบ Linear ได้�ถ�กต้�อง2.37 ห็ล งจากศึกษาเร$,อง การไล+ส�แบบ “ Redial” แล�วน กเร�ยน
สามูารถไล+ส�แบบ Redial ได้�ถ�กต้�อง
2.38 ห็ล งจากศึกษาเร$, อง การก3า ห็นด้ให็�แสด้งส�เป็�นภาพื้แบบ“ Bitmap” แล�วน กเร�ยนสามูารถก3า ห็นด้ให็�แสด้งส� เป็�นภาพื้แบบ Bitmap ได้�ถ�กต้�อง
2.39 ห็ล งจากศึกษาเร$,อง การก3าห็นด้ให็�พื้$%นส�เป็�นร�ป็ แล�วน กเร�ยน“ ”
สามูารถก3าห็นด้พื้$%นส�เป็�นร�ป็ภาพื้ได้�ถ�กต้�อง2.40 ห็ ล ง จ า ก ศึ ก ษ า เ ร$, อ ง ก า ร เ ล$ อ ก ส� จ า ก ห็ น� า ต้+ า ง “ Color
Swatches” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บห็น�าต้+าง Color
Swatches ได้�ถ�กต้�อง2.41 ห็ล งจากศึกษาเร$,อง การเป็ล�,ยนส�พื้$%นทึ�,ถ�ก “ Selection” แล�ว
น กเร�ยนสามูารถเป็ล�,ยนส�พื้$%นทึ�,ถ�ก Selection ได้�ถ�กต้�อ2.42 ห็ล งจากศึกษาเร$,อง การเทึส�พื้$%นภาพื้โด้ยใช� “ Paint Bucket
Tool” แล�วน กเร�ยนสามูารถเทึส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool
ได้�ถ�กต้�อง2.43 ห็ล งจากศึกษาเร$,อง “Options ข้องถ งส� แล�วน กเร�ยนสามูารถ”
อธุ�บายเก�,ยวก บ Options ข้องถ งส�ได้�ถ�กต้�อง2.44 ห็ล งจากศึกษาเร$,อง การป็ร บโทึนส�โด้ยใช� “ Lock Fill” แล�ว
น กเร�ยนสามูารถป็ร บโทึนส�โด้ยใช� Lock Fill ได้�ถ�กต้�อง2.45 ห็ล งจากศึกษาเร$,อง การเป็ล�,ยนส�เส�นข้อบด้�วย “ Ink Bottle
Tool” แล�วน กเร�ยนสามูารถเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle Tool
ได้�ถ�กต้�อง2.46 ห็ล งจากศึกษาเร$,อง เล$อกส�โด้ยใช� “ Dropper Tool” แล�ว
น กเร�ยนสามูารถเล$อกใช�ส�โด้ยใช� Dropper Tool ได้�ถ�กต้�อง2.47 ห็ล งจากศึกษาเร$,อง การก3าห็นด้ส�และล กษณะข้องเส�นข้อบ“ ”
แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บการก3าห็นด้ส�และล กษณะข้องเส�นข้อบได้�ถ�กต้�อง
2.48 ห็ล งจากศึกษาเร$,อง การป็ร บแต้+งภาพื้ “ Transform Fill” แล�วน กเร�ยนสามูารถป็ร บแต้+งภาพื้ด้�วย Transform Fill ได้�ถ�กต้�อง
2.49 ห็ล งจากศึกษาเร$,อง การป็ร บโทึนส�แบบ “ Linear” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การป็ร บโทึนส�แบบ Linear ได้�ถ�กต้�อง
2.50 ห็ล งจากศึกษาเร$,อง การป็ร บแต้+งโทึนส�แบบ “ Redial” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การป็ร บแต้+งโทึนส�แบบ Redial ได้�ถ�กต้�อง
2.51 ห็ล งจากศึกษาเร$,อง ความูห็มูายข้องการ “ Selection” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ความูห็มูายข้องการ Selection ได้�ถ�กต้�อง
2.52 ห็ล งจากศึกษาเร$, อง ล กษณะข้องการ “ Selection” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ล กษณะข้องการ Selection ได้�ถ�กต้�อง
2.53 ห็ล งจากศึกษาเร$,อง กล+องเคร$,องมู$อใน “ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บกล+องเคร$,องมู$อใน Flash ได้�ถ�กต้�อง
2.54 ห็ล งจากศึกษาเร$,อง “Arrow Tool” แล�วน กเร�ยนสามูารถใช�งาน Arrow Tool ได้�ถ�กต้�อง
2.55 ห็ล งจากศึกษาเร$,อง “Subselect Tool” แล�วน กเร�ยนสามูารถใช�งาน Sebselect Tool ได้�ถ�กต้�อง
2.56 ห็ล งจากศึกษาเร$,อง “Free Transform Tool” แล�วน กเร�ยนสามูารถใช�งาน Free Transform Tool ได้�ถ�กต้�อง
2.57 ห็ล งจากศึกษาเร$,อง “Lasso Tool” แล�วน กเร�ยนสามูารถใช�งาน Lasso Tool ได้�ถ�กต้�อง
2.58 ห็ล งจากศึกษาเร$,อง “Zoom Tool” แล�วน กเร�ยนสามูารถใช�งาน Zoom Tool ได้�ถ�กต้�อง
2.59 ห็ล งจากศึกษาเร$,อง “Hand Tool” แล�วน กเร�ยนสามูารถใช�งาน Hand Tool ได้�ถ�กต้�อง
2.60 ห็ล งจากศึกษาเร$,อง เคร$,องมู$อในการช+วยว ด้และจ ด้วางใน“ Flash” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ เคร$,องมู$อในการช+วยว ด้และจ ด้วางได้�ถ�กต้�อง
2.61 ห็ล งจากศึกษาเร$,อง การใช�งาน “ Ruler” แล�วน กเร�ยนสามูารถใช�งาน Ruler ได้�ถ�กต้�อง
2.62 ห็ล งจากศึกษาเร$,อง การใช�งานเส�น “ Guide” แล�วน กเร�ยนสามูารถใช�งานเส�น Guide ได้�ถ�กต้�อง
2.63 ห็ล งจากศึกษาเร$,อง การใช�งานเส�น “ Grid” แล�วน กเร�ยนสามูารถใช�งานเส�น Grid ได้�ถ�กต้�อง
2.64 ห็ล งจากศึกษาเร$,อง การจ ด้ล3า ด้ บว ต้ถ� “ (Arrange)” แล�วน กเร�ยนสามูารถจ ด้ล3าด้ บว ต้ถ�ได้�ถ�กต้�อง
2.65 ห็ล งจากศึกษาเร$,อง การจ ด้เร�ยงว ต้ถ� “ (Align)” แล�วน กเร�ยนสามูารถจ ด้เร�ยงว ต้ถ�ได้�ถ�กต้�อง
2.66 ห็ล งจากศึกษาเร$,อง การจ ด้กล�+มูและการแยกกล�+มู “ (Group &
Ungroup)” แล�วน กเร�ยนสามูารถจ ด้กล�+มูและแยกกล�+มูได้�ถ�กต้�อง2.67 ห็ล งจากศึกษาเร$,อง การใส+ข้�อความูโด้ยใช� “ Text Tool” แล�ว
น กเร�ยนสามูารถใช�งาน Text Tool ได้�ถ�กต้�อง2.68 ห็ล งจากศึกษาเร$,อง การเคล$, อนย�ายและป็ร บข้นาด้กล+อง“
ข้�อความู แล�วน กเร�ยนสามูารถเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความู”
ได้�ถ�กต้�อง2.69 ห็ล งจากศึกษาเร$,อง การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,“
ออกแบบ แล�วน กเร�ยนสามูารถป็ร บแต้+งต้ วอ กษรได้�ถ�กต้�อง”
2.70 ห็ล งจากศึกษาเร$,อง การใช�ห็น�าต้+าง “ Properties ข้อง Text
Tool” แล�วน กเร�ยนสามูารถใช�งานห็น�าต้+าง Properties ได้�ถ�กต้�อง2.71 ห็ล งจากศึกษาเร$,อง ร� �จ ก “ Symbol และ Instance” แล�ว
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ Symbol และ Instance ได้�ถ�กต้�อง2.72 ห็ล งจากศึกษาเร$,อง ร� �จ ก “ “Symbol แต้+ละแบบ แล�วน กเร�ยน”
สามูารถอธุ�บายเก�,ยวก บ Symbol ในแต้+ละแบบได้�ถ�กต้�อง2.73 ห็ล งจากศึกษาเร$,อง “Movie Clip” แล�วน กเร�ยนสามูารถใช�งาน
Movie Clip ได้�ถ�กต้�อง2.74 ห็ล งจากศึกษาเร$,อง “Button” แล�วน กเร�ยนสามูารถใช�งาน
Button ได้�ถ�กต้�อง2.75 ห็ล งจากศึกษาเร$,อง “Graphic” แล�วน กเร�ยนสามูารถใช�งาน
Graphic ได้�ถ�กต้�อง2.76 ห็ล งจากศึกษาเร$,อง การใช� “ Library” แล�วน กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บการใช� Library ได้�ถ�กต้�อง2.77 ห็ล งจากศึกษาเร$,อง การเป็ล�,ยนว ต้ถ�เป็�น “ Symbol” แล�ว
น กเร�ยนสามูารถเป็ล�,ยนว ต้ถ�เป็�น Symbol ได้�ถ�กต้�อง2.78 ห็ล งจากศึกษาเร$,อง การใช� “ Symbol จาก Library อ$,น แล�ว”
น กเร�ยนสามูารถใช� Symbol จาก Library อ$,นได้�ถ�กต้�อง2.79 ห็ล งจากศึกษาเร$,อง การสร�าง “ Symbol ป็ระเภทึ Button”
แล�วน กเร�ยนสามูารถสร�าง Symbol ป็ระเภทึ Button ได้�ถ�กต้�อง
2.80 ห็ล งจากศึกษาเร$,อง การสร�าง “ Symbol ป็ระเภทึ Graphic”
แล�วน กเร�ยนสามูารถสร�าง Symbol ป็ระเภทึ Graphic
2.81 ห็ล งจากศึกษาเร$,อง ความูห็มูายข้อง “ Layer” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ความูห็มูายข้อง Layer ได้�ถ�กต้�อง
2.82 ห็ล งจากศึกษาเร$,อง การใช�งาน “ Layer” แล�วน กเร�ยนสามูารถใช�งาน Layer ได้�ถ�กต้�อง
2.83 ห็ล งจากศึกษาเร$,อง ร� �จ กก บ “ Active Layer” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ Active Layer ได้�ถ�กต้�อง
2.84 ห็ล งจากศึกษาเร$,อง การสร�าง “ Layer ให็มู+ แล�วน กเร�ยน”
สามูารถสร�าง Layer ให็มู+ได้�ถ�กต้�อง2.85 ห็ล งจากศึกษาเร$,อง ว�ธุ�การเป็ล�,ยน “ Layer ต้+าง ๆ แล�ว”
น กเร�ยนสามูารถเป็ล�,ยน Layer ได้�ถ�กต้�อง2.86 ห็ล งจากศึกษาเร$,อง การเป็ล�,ยนช$,อให็� “ Layer”แล�วน กเร�ยน
สามูารถเป็ล�,ยนช$,อให็� Layer ได้�ถ�กต้�อง2.87 ห็ล งจากศึกษาเร$,อง การซี+อนและแสด้ง “ Layer”แล�วน กเร�ยน
สามูารถซี+อนและแสด้ง Layer ได้�ถ�กต้�อง2.88 ห็ล งจากศึกษาเร$,อง การเป็ล�,ยนล3าด้ บ “ Layer”แล�วน กเร�ยน
สามูารถเป็ล�,ยนล3าด้ บ Layer ได้�ถ�กต้�อง2.89 ห็ล งจากศึกษาเร$,อง การลบ “ Layer”แล�วน กเร�ยนสามูารถลบ
Layer ได้�ถ�กต้�อง2.90 ห็ล งจากศึกษาเร$,อง การป็?องก นการแก�ไข้ร�ป็ภาพื้ แล�วน กเร�ยน“ ”
สามูารถป็?องก นการแก�ไข้ร�ป็ภาพื้ได้�ถ�กต้�อง2.91 ห็ล งจากศึกษาเร$,อง การจ ด้กล�+มูให็� “ Layer”แล�วน กเร�ยน
สามูารถจ ด้กล�+มูให็� Layer ได้�ถ�กต้�อง2.92 ห็ล งจากศึกษาเร$,อง การใช� “ Guide Layer ในการวางว ต้ถ�”
แล�วน กเร�ยนสามูารถใช� Guide Layer ในการวางว ต้ถ�ได้�ถ�กต้�อง2.93 ห็ล งจากศึกษาเร$, อง การใช� “ Layer Mask”แล�วน กเร�ยน
สามูารถใช� Layer Mask ได้�ถ�กต้�อง2.94 ห็ล งจากศึกษาเร$,อง การก3าห็นด้ค�ณสมูบ ต้�ข้อง “ Layer”แล�ว
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บค�ณสมูบ ต้�ข้อง Layer ได้�ถ�กต้�อง2.95 ห็ล งจากศึกษาเร$,อง การกระจาย “ Layer”แล�วน กเร�ยนสามูารถ
กระจาย Layer ได้�ถ�กต้�อง
2.96 ห็ล งจากศึกษาเร$,อง ห็ล กการข้อง “ Animation”แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บห็ล กการข้อง Animation ได้�ถ�กต้�อง
2.97 ห็ล งจากศึกษาเร$,อง ป็ระเภทึข้องการเคล$,อนไห็ว แล�วน กเร�ยน“ ”
สามูารถอธุ�บายเก�,ยวก บป็ระเภทึข้องการเคล$,อนไห็วได้�ถ�กต้�อง2.98 ห็ล งจากศึกษาเร$,อง การเคล$, อนไห็วชน�ด้ภาพื้ต้+อภาพื้ แล�ว“ ”
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ได้�ถ�กต้�อง
2.99 ห็ล งจากศึกษาเร$,อง การเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและ“
จ�ด้ส�%นส�ด้ แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บการเคล$, อนไห็วชน�ด้”
ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้ได้�ถ�กต้�อง2.100 ห็ล งจากศึกษาเร$,อง “Frame” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ Frame ได้�ถ�กต้�อง2.101 ห็ล งจากศึกษาเร$,อง “Keyframe” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ Keyframe ได้�ถ�กต้�อง2.102 ห็ล งจากศึกษาเร$,อง “Blank Keyframe” แล�วน กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บ Blank Keyframe ได้�ถ�กต้�อง2.103 ห็ล งจากศึกษาเร$,อง “Document Properties” แล�วน กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ Document Properties ได้�ถ�กต้�อง2.104 ห็ล งจากศึกษาเร$,อง การทึ3างานใน “ Scene & Edit Symbol”
แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การทึ3างานใน Scene & Edit
Symbol ได้�ถ�กต้�อง2.105 ห็ล งจากศึกษาเร$,อง ห็น�าต้+าง “ Scene” แล�วน กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บ ห็น�าต้+าง Scene ได้�ถ�กต้�อง2.106 ห็ล งจากศึกษาเร$,อง การแก�ไข้ซี�น “ (Edit Scene)” แล�วน กเร�ยน
สามูารถแก�ไข้ซี�นได้�ถ�กต้�อง2.107 ห็ล งจากศึกษาเร$,อง การแก�ไข้ว ต้ถ�ทึ�,อย�+ ใน “ Scene (Edit
Symbol)” แล�วน กเร�ยนสามูารถแก�ไข้ว ต้ถ�ทึ�,อย�+ใน Scene ได้�ถ�กต้�อง
2.108 ห็ล งจากศึกษาเร$,อง เส�นเวลา “ (Timeline)” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บเส�นเวลาได้�ถ�กต้�อง
2.109 ห็ล งจากศึกษาเร$,อง เคร$,องมู$อแสด้งภาพื้บน “ Frame” แล�วน กเร�ยนสามูารถอธุ�บายเก�,ยวก บเคร$,องมู$อแสด้งภาพื้บน Frame ได้�ถ�กต้�อง
2.110 ห็ล งจากศึกษาเร$,อง “Marker” แล�วน กเร�ยนสามูารถใช�งาน Marker ได้�ถ�กต้�อง
2.111 ห็ล งจากศึกษาเร$,อง “Onion Skin” แล�วน กเร�ยนสามูารถใช�งาน Onion Skin ได้�ถ�กต้�อง
2.112 ห็ล งจากศึกษาเร$,อง “Onion Skin Outline” แล�วน กเร�ยนสามูารถใช�งาน Onion Skin Outline ได้�ถ�กต้�อง
2.113 ห็ล งจากศึกษาเร$,อง “Edit Multiple Frame” แล�วน กเร�ยนสามูารถใช�งาน Edit Multiple Frame ได้�ถ�กต้�อง
2.114 ห็ล งจากศึกษาเร$,อง ห็ล กการเคล$, อนไห็วแบบต้+าง ๆ แล�ว“ ”
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บห็ล กการเคล$,อนไห็วแบบต้+าง ๆ ได้�ถ�กต้�อง
2.115 ห็ล งจากศึกษาเร$,อง การเคล$, อนไห็วชน�ด้ภาพื้ต้+อภาพื้ แล�ว“ ”
น กเร�ยนสามูารถสร�างการเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ได้�ถ�กต้�อง2.116 ห็ล งจากศึกษาเร$,อง การเคล$,อนไห็วแบบเป็ล�,ยนแป็ลงสถานทึ�,“ ”
แล�วน กเร�ยนสามูารถสร�างการเคล$,อนไห็วแบบเป็ล�,ยนแป็ลงสถานทึ�,ได้�ถ�กต้�อง
2.117 ห็ล งจากศึกษาเร$,อง การเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้“
ส�%นส�ด้ แล�วน กเร�ยนสามูารถสร�างการเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มู”
ต้�นและจ�ด้ส�%นส�ด้ได้�ถ�กต้�อง2.118 ห็ล งจากศึ กษา เร$, อง การทึ3า “ Animation แบบ Shape
Animation” น กเร�ยนสามูารถทึ3า Animation แบบ Shape Animation
2.119 ห็ล งจากศึกษาเร$,อง การทึ3า “ Animation แบบ Shape Hint ”
น กเร�ยนสามูารทึ3า Animation แบบ Shape Hint
2.120 ห็ล งจากศึกษาเร$,อง การน3า ไฟล'ภาพื้ยนต้ร'มูาใช�ใน “ Flash”
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการน3าไฟล'ภาพื้ยนต้ร'มูาใช�ใน Flash
ได้�ถ�กต้�อง2.121 ห็ล งจากศึกษาเร$,อง ไฟล'เส�ยงทึ�,ใช�ใน “ Flash ” น กเร�ยนสามูารถ
อธุ�บายเก�,ยวก บไฟล'เส�ยงทึ�,ใช�ใน Flash ได้�ถ�กต้�อง
2.122 ห็ ล ง จ า ก ศึ ก ษ า เ ร$, อ ง ก า ร จ ด้ ก า ร เ ส� ย ง ด้� ว ย “ Sound
Properties” น ก เ ร�ย น ส า มู า ร ถ จ ด้ ก า ร เ ส� ย ง ด้� ว ย Sound
Properties ได้�ถ�กต้�อง2.123 ห็ล งจากศึกษาเร$,อง การจ ด้การเส�ยง น กเร�ยนสามูารถอธุ�บาย“ ”
เก�,ยวก บการจ ด้การเส�ยงได้�ถ�กต้�อง2.124 ห็ล งจากศึกษาเร$,อง การใส+เส�ยงใน “ Frame ” น กเร�ยนสามูารถ
ใส+เส�ยงใน Frame ได้�ถ�กต้�อง2.125 ห็ล งจากศึกษาเร$,อง การลบเส�ยงใน “ Frame” น กเร�ยนสามูารถ
ลบเส�ยงใน Frame ได้�ถ�กต้�อง2.126 ห็ล งจากศึกษาเร$,อง การใส+เส�ยงในป็�<มูกด้ น กเร�ยนสามูารถใส+“ ”
เส�ยงในป็�<มูกด้ได้�ถ�กต้�อง2.127 ห็ล งจากศึกษาเร$,อง การใส+เส�ยงป็ระกอบฉากใน “ Frame ”
น กเร�ยนสามูารถใส+เส�ยงป็ระกอบฉากได้�ถ�กต้�อง2.128 ห็ล งจากศึกษาเร$,อง ว�ธุ�การ “ Publish” น กเร�ยนสามูารถอธุ�บาย
เก�,ยวก บ ว�ธุ�การ Publish ได้�ถ�กต้�อง2.129 ห็ล งจากศึกษาเร$, อง การ “ Publish เป็�น Flash Movie ”
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการ Publish เป็�น Flash Movie
ได้�ถ�กต้�อง2.130 ห็ล งจากศึกษาเร$,อง การ “ Publish เป็�น HTML ” น กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ การ Publish เป็�น HTML ได้�ถ�กต้�อง2.131 ห็ล งจากศึกษาเร$, อง การ “ Publish เป็�น GIF ” น กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ การ Publish เป็�น GIF ได้�ถ�กต้�อง2.132 ห็ล งจากศึกษาเร$,อง การ “ Publish เป็�น JPEG ” น กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ การ Publish เป็�น JPEG ได้�ถ�กต้�อง2.133 ห็ล งจากศึกษาเร$,อง การ “ Publish เป็�น PNG ” น กเร�ยน
สามูารถอธุ�บายเก�,ยวก บ การ Publish เป็�น PNG ได้�ถ�กต้�อง2.134 ห็ล งจากศึกษาเร$, อง การ “ Publish เป็�น Quick Time ”
น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การ Publish เป็�น Quick Time
ได้�ถ�กต้�อง2.135 ห็ล งจากศึ กษา เร$, อง การ “ Export Movie และ Export
Image ” น กเร�ยนสามูารถทึ3าการ Export Movie และ Export
Image ได้�ถ�กต้�อง
ขั้�!นท�" 3 วิ�เคราะห์�เน,!อห์า เป็�นการศึกษาเน$%อห็าสาระเก�,ยวก บ คอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX) ซี,งสามูารถแยกเป็�นห็น+วยต้อนห็ วเร$,องด้ งน�%ห์น�วิยท�" 1 ท'าควิามร��จั�กก�บ Flash
ต้อนทึ�, 1.1 ร� �จ กก บ Flash
ห็ วเร$,อง 1.1.1 สาเห็ต้�ทึ�,ข้นาด้ข้อง Flash มู�ข้นาด้เล4กกว+าแฟ?มูทึ ,วไป็
ห็ วเร$,อง 1.1.2 ความูต้�องการข้องระบบ Flash MX
ต้อนทึ�, 1.2 เข้�าส�+โป็รแกรมู Flash MX
ห็ วเร$,อง 1.2.1 เข้�าส�+โป็รแกรมู Flash MX
ห็ วเร$,อง 1.2.2 ทึด้ลองใช�โป็รแกรมู Flash MX
ห็ วเร$,อง 1.2.3 ออกจากโป็รแกรมู Flash MX
ห์น�วิยท�" 2 พ,!นฐานเบ,!องต�นขั้อง Flash
ต้อนทึ�, 2.1 ห็น�าต้าและองค'ป็ระกอบข้อง Flash
ห็ วเร$,อง 2.1.1 แถบค3าส ,ง (Menu Bar)
ห็ วเร$,อง 2.1.2 แถบเคร$,องมู$อ (Tool Bar)
ห็ วเร$,อง 2.1.3 กล+องเคร$,องมู$อ (Toolbox)
ห็ วเร$,อง 2.1.4 กล�+มูค3าส ,ง Selection เก�,ยวก บการเล$อกห็ วเร$,อง 2.1.5 เส�นแบ+งเวลา (Timeline)
ห็ วเร$,อง 2.1.6 ห็น�าต้+างการทึ3างานห็ร$อเวทึ� (Stage)
ต้อนทึ�, 2.2 ห็น�าต้+างควบค�มูการแสด้งผู้ล (Panel)
ห็ วเร$,อง 2.2.1 Panel Info
ห็ วเร$,อง 2.2.2 Panel Transform
ห็ วเร$,อง 2.2.3 Panel Color Mixer
ห็ วเร$,อง 2.2.4 Panel Swatches
ห็ วเร$,อง 2.2.5 Panel Align
ห็ วเร$,อง 2.2.6 Panel Scene
ห็ วเร$,อง 2.2.7 Panel Movie Explorer
ห็ วเร$,อง 2.2.8 Panel Answers
ห็ วเร$,อง 2.2.9 Panel Properties
ห็ วเร$,อง 2.2.10 Panel Action
ห็ วเร$,อง 2.2.11 Panel Library
ห็ วเร$,อง 2.2.12 ป็�<มูข้ยายข้นาด้ (Zoom)
ห็ วเร$,อง 2.2.13 แก�ไข้ซี�น (Edit Scene)
ห็ วเร$,อง 2.2.14 แก�ไข้เวทึ� (Edit Stage)
ต้อนทึ�, 2.3 ห็ล กการทึ3างานข้อง Flash
ห็ วเร$,อง 2.3.1 ห็ล กการทึ3างานข้อง Flash
ห็ วเร$,อง 2.3.2 นามูสก�ลข้อง Flash
ห็ วเร$,อง 2.3.3 การ Import ไฟล'ห็ วเร$,อง 2.3.4 การ Import ไฟล'แบบต้+อเน$,อง
ห์น�วิยท�" 3 อ�ปกรณ�การวิาดัภาพใน Flash
ต้อนทึ�, 3.1 ภาพื้กราฟ>กห็ วเร$,อง 3.1.1 ภาพื้กราฟ>กชน�ด้ Raster
ห็ วเร$,อง 3.1.2 ภาพื้กราฟ>กชน�ด้ Vector
ต้อนทึ�, 3.2 Line Tool
ห็ วเร$,อง 3.2.1 การวาด้เส�นต้รงด้�วย Line Tool
ห็ วเร$,อง 3.2.2 การทึ3าให็�เส�นต้รงกลายเป็�นเส�นโค�งต้อนทึ�, 3.3 Pen Tool
ห็ วเร$,อง 3.3.1 การวาด้ร�ป็ด้�วย Pen Tool
ห็ วเร$,อง 3.3.2 การวาด้เส�นต้รงโด้ยใช� Pen Tool
ห็ วเร$,อง 3.3.3 การวาด้ส+วนโค�งโด้ยใช� Pen Tool
ต้อนทึ�, 3.4 Oval Tool
ห็ วเร$,อง 3.4.1 การวาด้วงกลมูด้�วย Oval Tool
ห็ วเร$,อง 3.4.2 การวาด้วงร�ด้�วย Oval Tool
ต้อนทึ�, 3.5 Rectangle Tool
ห็ วเร$,องทึ�, 3.5.1 การวาด้ร�ป็ส�,เห็ล�,ยมูด้�วย Rectangle Tool
ต้อนทึ�, 3.6 Pencil Tool
ห็ วเร$,อง 3.6.1 การเข้�ยนร�ป็โด้ยใช� Pencil Tool
ต้อนทึ�, 3.7 Brush Tool
ห็ วเร$,อง 3.7.1 การระบายส�โด้ย Brush Tool
ห็ วเร$,อง 3.7.2 การเล$อกล กษณะข้องแป็รงระบายส�ห็ วเร$,อง 3.7.3 การก3าห็นด้ค�ณล กษณะข้องแป็รงระบายส�
ต้อนทึ�, 3.8 Eraser Tool
ห็ วเร$,อง 3.8.1 การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool
ห็ วเร$,อง 3.8.2 การก3าห็นด้ค�ณล กษณะข้องการลบห์น�วิยท�" 4 การท'างานก�บส�
ต้อนทึ�, 4.1 การด้�ค+าด้�วยห็น�าต้+าง Info
ห็ วเร$,อง 4.1.1 Stork และ Fill เส�นและพื้$%นทึ�,ภายในห็ วเร$,อง 4.1.2 การเล$อกส�เพื้�,มูเต้�มู
ต้อนทึ�, 4.2 การใช�ห็น�าต้+าง Color Mixer
ห็ วเร$,อง 4.2.1 การแสด้งส�แบบ Solid
ห็ วเร$,อง 4.2.2 การแสด้งส�แบบ Linear
ห็ วเร$,อง 4.2.3 การไล+โทึนส�แบบ Redial
ห็ วเร$,อง 4.2.4 ก3าห็นด้ให็�พื้$%นแสด้งเป็�นภาพื้ Bitmap
ต้อนทึ�, 4.3 การไล+โทึนส�ห็ วเร$,อง 4.3.1 การไล+โทึนส�ห็ วเร$,อง 4.3.2 การไล+โทึนส�มูากกว+า 2 ส�ห็ วเร$,อง 4.3.3 การเพื้�,มูต้ วเล$,อนส�ห็ วเร$,อง 4.3.4 การลบต้ วเล$,อนส�
ต้อนทึ�, 4.4 เล$อกส�จากห็น�าต้+าง Color Swatches
. ห็ วเร$,อง 4.4.1 การเป็ล�,ยนส�พื้$%นทึ�, ทึ�,ถ�ก Selection
ห็ วเร$,อง 4.4.2 การเป็ล�,ยนส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool
ห็ วเร$,อง 4.4.3 Option ข้องถ งส�ห็ วเร$,อง 4.4.4 การเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle
Toolห็ วเร$,อง 4.4.5 การเล$อกส�โด้ยใช� Dropper Tool
ห์น�วิยท�" 5 เคร,"องม,อตกแต�งภาพ ต้อนทึ�, 5.1 ความูห็มูายข้องการ Selection
ห็ วเร$,อง 5.1.1 เคร$,องมู$อทึ�,สร�าง Selection
ห็ วเร$,อง 5.1.2 ล กษณะการ Selection
ห็ วเร$,อง 5.1.3 การป็ร บแต้+งเส�นข้อบต้อนทึ�, 5.2 เคร$,องมู$อในการ Selection
ห็ วเร$,อง 5.2.1 Snap to Object เคร$,องมู$อเช$,อมูต้+อว ต้ถ�ห็ วเร$,อง 5.2.2 Smooth เคร$,องมู$อเพื้�,มูความูโค�งมูนห็ วเร$,อง 5.2.3 Straighten เคร$,องมู$อช+วยป็ร บมู�มู
ห็ วเร$,อง 5.2.4 SubSelect Tool เคร$,องมู$อเป็ล�,ยนร�ป็ร+างว ต้ถ�
ห็ วเร$,อง 5.2.5 Free Transform Tool เคร$,องมู$อบ�ด้และป็ร บว ต้ถ�
ห็ วเร$,อง 5.2.6 Lasso Tool เคร$,องมู$อสร�าง Selection
อ�สระห็ วเร$,อง 5.2.7 Zoom Tool ย+อ ข้ยายภาพื้–
ห็ วเร$,อง 5.2.8 Hand Tool เล$,อนด้�ภาพื้
ห์น�วิยท�" 6 การจั�ดัการวิ�ตถุ� ต้อนทึ�, 6.1 เคร$,องมู$อในการช+วยจ ด้และวางใน Flash
ห็ วเร$,อง 6.1.1 การใช�งาน Ruler
ห็ วเร$,อง 6.1.2 การใช�งานเส�น Guide
ต้อนทึ�, 6.2 การใช�งานเส�น Guide
ห็ วเร$,อง 6.2.1 การสร�างเส�น Guide
ห็ วเร$,อง 6.2.2 การเคล$,อนย�ายเส�น Guide
ห็ วเร$,อง 6.2.3 การลบเส�น Guide
ห็ วเร$,อง 6.2.4 การซี+อนและแสด้งเส�น Guide
ห็ วเร$,อง 6.2.5 การก3าห็นด้รายละเอ�ยด้ข้องเส�น Guide
ต้อนทึ�, 6.3 การจ ด้ล3าด้ บว ต้ถ�ห็ วเร$,อง 6.3.1 การจ ด้ล3าด้ บว ต้ถ�ห็ วเร$,อง 6.3.2 ว�ธุ�การจ ด้ล3าด้ บว ต้ถ�ห็ วเร$,อง 6.3.3 การจ ด้เร�ยงว ต้ถ�
ต้อนทึ�, 6.4 การจ ด้กล�+มูและการแยกกล�+มูห็ วเร$,อง 6.4.1 การแยกกล�+มูห็ วเร$,อง 6.4.2 การจ ด้กล�+มู
ห์น�วิยท�" 7 การสร�างต�วิอ�กษรต้อนทึ�, 7.1 การใส+ข้�อความูโด้ยใช� Text Tool
ห็ วเร$,อง 7.1.1 การใส+ข้�อความูโด้ยใช� Text Tool
ห็ วเร$,อง 7.1.2 การเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความูห็ วเร$,อง 7.1.3 การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,
ออกแบบต้อนทึ�, 7.2 การใช�ห็น�าต้+าง Properties ข้อง Text Tool
ห็ วเร$,อง 7.2.1 Static Text
ห็ วเร$,อง 7.2.3 Dynamic Text
ห็ วเร$,อง 7.2.4 Input Text
ต้อนทึ�, 7.3 ต้ วอย+างการใช�งาน Text ในร�ป็แบบต้+าง ๆห์น�วิยท�" 8 ร��จั�กก�บ Symbol
ต้อนทึ�, 8.1 ร� �จ ก Symbol แต้+ละแบบห็ วเร$,อง 8.1.1 Movie Clip
ห็ วเร$,อง 8.1.2 Button
ห็ วเร$,อง 8.1.3 Graphic
ต้อนทึ�, 8.2 การใช� Library
ห็ วเร$,อง 8.2.1 การใช� Library
ห็ วเร$,อง 8.2.1 Option ข้อง Library
ต้อนทึ�, 8.3 การใช�งาน Symbol
ห็ วเร$,อง 8.3.1 การเป็ล�,ยนว ต้ถ�เป็�น Symbol
ห็ วเร$,อง 8.3.2 การเป็ล�,ยนช$,อให็� Symbol
ห็ วเร$,อง 8.3.3 การใช� Symbol จาก Library อ$,นห็ วเร$,อง 8.3.4 การสร�าง Symbol ป็ระเภทึ Movie Clip
ห็ วเร$,อง 8.3.5 การสร�าง Symbol ป็ระเภทึ Button
ต้อนทึ�, 8.4 ต้ วอย+างการสร�างป็�<มูกด้ห็ วเร$,อง 8.4.1 การสร�างป็�<มูกด้ห็ วเร$,อง 8.4.2 การสร�างป็�<มูกด้ทึ�,มู�ล กษณะเป็�นข้�อความู
ห์น�วิยท�" 9 ร��จั�กก�บ Layer
ต้อนทึ�, 9.1 ความูห็มูายข้อง Layer
ห็ วเร$,อง 9.1.1 ความูห็มูายข้อง Layer
ห็ วเร$,อง 9.1.2 การใช�งาน Layer
ต้อนทึ�, 9.2 การใช�งาน Layer
ห็ วเร$,อง 9.2.1 การสร�าง Layer ให็มู+ห็ วเร$,อง 9.2.2 ว�ธุ�เป็ล�,ยนการทึ3างานไป็ใน Layer ต้+าง ๆห็ วเร$,อง 9.2.3 การเป็ล�,ยนช$,อให็� Layer
ห็ วเร$,อง 9.2.4 การซี+อนและแสด้ง Layer
ห็ วเร$,อง 9.2.5 การเป็ล�,ยนล3าด้ บ Layer
ห็ วเร$,อง 9.2.6 การลบ Layer
ห็ วเร$,อง 9.2.7 การป็?องก นการแก�ไข้ร�ป็ภาพื้ห็ วเร$,อง 9.2.8 การทึ3าให็� Layer แสด้งแต้+เส�นโครงร+างห็ วเร$,อง 9.2.9 การจ ด้กล�+มูให็� Layer
ห็ วเร$,อง 9.2.10 การสร�าง Folder เพื้$,อเก4บ Layer
ต้อนทึ�, 9.3 การใช� Guide Layer ในการวางว ต้ถ�ห็ วเร$,อง 9.3.1 การสร�าง Guide Layer
ห็ วเร$,อง 9.3.2 การใช� Layer Mask
ห็ วเร$,อง 9.3.3 การก3าห็นด้ค�ณสมูบ ต้�ข้อง Layer
ห์น�วิยท�" 10 ห์ลุ่�กการพ,!นฐานในการสร�าง Animation
ต้อนทึ�, 10.1 ห็ล กการข้อง Animation
ห็ วเร$,อง 10.1.1 ป็ระเภทึข้องภาพื้เคล$,อนไห็วต้อนทึ�, 10.2 Frame
ห็ วเร$,อง 10.2.1 การเพื้�,มู Frame
ห็ วเร$,อง 10.2.2 การลบ Frame
ห็ วเร$,อง 10.2.3 ป็ร บการแสด้ง Frame
ห็ วเร$,อง 10.2.4 Tinted Frame
ต้อนทึ�, 10.3 Keyframe
ห็ วเร$,อง 10.3.1 การเพื้�,มู Keyframe
ห็ วเร$,อง 10.3.2 การลบ Keyframe
ต้อนทึ�, 10.4 Blank Keyframe
ห็ วเร$,อง 10.4.1 การเพื้�,มู Blank Keyframe
ห็ วเร$,อง 10.4.2 เส�นเวลา (Timeline)
ห์น�วิยท�" 11 ต�วิอย�างการสร�าง Animation
ต้อนทึ�, 11.1 ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆห็ วเร$,อง 11.1.1 การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ห็ วเร$,อง 11.1.2 การทึ3า Animation แบบ Tween
ห็ วเร$,อง 11.1.3 การทึ3า Animation แบบบ�ด้ พื้ล�กว ต้ถ�ห็ วเร$,อง 11.1.4 การทึ3า Animation แบบ Guideline
ห็ วเร$,อง 11.1.5 การเป็ล�,ยนแป็ลงต้ วอ กษรห์น�วิยท�" 12 Flash ก�บภาพแลุ่ะเส�ยง
ต้อนทึ�, 12.1 ไฟล'เส�ยงทึ�,ใช�ใน Flash
ห็ วเร$,อง 12.1.1 ระบบเส�ยงใน Flash
ห็ วเร$,อง 12.1.2 การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash
ต้อนทึ�, 12.2 การใส+เส�ยงใน Frame
ห็ วเร$,อง 12.3.1 การใส+เส�ยงใน Frame
ห็ วเร$,อง 12.3.2 การลบเส�ยงทึ�,ก3าห็นด้ไว�ใน Frame
ห็ วเร$,อง 12.3.3 การใส+เส�ยงในป็�<มูกด้ต้อนทึ�, 12.3 การใช�ห็น�าต้+าง Properties ก บเส�ยง
ห็ วเร$,อง 12.4.1 การใช�ห็น�าต้+าง Properties ก บเส�ยงห็ วเร$,อง 12.4.2 การป็ร บแต้+งเส�ยงด้�วย Edit Envelope
ห์น�วิยท�" 13 การเผู้ยแพร� Flash Movie
ต้อนทึ�, 13.1 การ Publish
ห็ วเร$,อง 13.1.1 การ Publish เป็�น Flash Movie
ห็ วเร$,อง 13.1.2 การ Publish เป็�น HTML
ห็ วเร$,อง 13.1.3 การ Publish เป็�น ไฟล' GIF
ห็ วเร$,อง 13.1.4 การ Publish เป็�น ไฟล' JPEG
ห็ วเร$,อง 13.1.5 การ Publish เป็�น ไฟล' PNG
ห็ วเร$,อง 13.1.6 การ Publish เป็�น ไฟล' Quit Time
ห็ วเร$,อง 13.1.7 การ Export Movie และ Export Image
ขั้�!นท�" 4 ก'าห์นดั / พ�ฒนา ขั้�!นตอนการสอน เป็�นว�ธุ�การสอนทึ�,เน�นผู้��เร�ยนเป็�นส3าค ญ โด้ยใช�กระบวนการป็ฏิ�บ ต้� การงาน
การกล�+มูและจ ด้การเร�ยนร� �แบบแก�ป็6ญห็าโด้ยใช�สารสนเทึศึ
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ Flash MX เวลา 1 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถร� �และเข้�าใจ Flash เบ$%องต้�นและความูต้�องการระบบข้อง Flash
ได้�
3. สาระการเร�ยนร��1. ความูเป็�นมูาข้อง Macromedia Flash MX
2. สาเห็ต้�ทึ�,ข้นาด้ข้อง Flash มู�ข้นาด้เล4กกว+าไฟล'ทึ ,วไป็
3. ความูต้�องการระบบข้อง Flash MX
4. เข้�าส�+โป็รแกรมู Flash MX
5. ทึด้ลองใช�โป็รแกรมู Flash MX
6. ออกจากโป็รแกรมู Flash MX
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��
ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 1 ท'าควิามร��จั�กก�บ Flash
ตอนท�" 1.1 ร��จั�กก�บ Flash
ตอนท�" 1.2 เขั้�าส��โปรแกรม Flash MX
ก'าห์นดัภาระงานผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายและเร�ยนร� � Flash
MX และเข้�าใจความูต้�องการข้องระบบได้�- จากน %น ผู้��สอนกล+าวน3าถงว�ว ฒนาการข้องคอมูพื้�วเต้อร'ในป็6จจ�บ น ว+ามู�การพื้ ฒนาไป็ถงข้ %นใด้บ�าง โด้ยให็�น กเร�ยนช+วยก นแสด้งความูค�ด้เห็4น เพื้$,อให็�เพื้$,อน ๆ ในช %นเร�ยนได้�ร บร� �ทึ ,วถงก น- ผู้��สอนอธุ�บายถงภาพื้ทึ ,ว ๆ ซี,งเป็�นไฟล'แบบ (Bitmap) และไฟล'แบบ Flash (Vector) ให็�น กเร�ยนได้�เห็4นถงความูแต้กต้+าง- น กเร�ยนช+วยก นยกต้ วอย+างเก�,ยวก บร�ป็ภาพื้ในป็6จจ�บ น ว+ามู�ความูละเอ�ยด้และคมูช ด้ต้+างก นอย+างไร
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนเร�ยนร� �ด้ งน�%- น กเร�ยนอธุ�บายเก�,ยวก บ การเข้�าส�+โป็รแกรมู “
- ใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ “Flash MX”- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 1
เร$,อง ร� �จ กก บ Flash MX- ต้ วอย+างร�ป็ภาพื้นามูสก�ลต้+าง ๆ- ต้ วอย+างเว4บไซีต้'
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX- ไฟล'ต้ วอย+างข้อง Flash MX (Color_picker)
5
5
การทึด้ลองใช�โป็รแกรมู และการออกจากโป็รแกรมู Flash MX “- ผู้��สอนเร�,มูให็�น กเร�ยนแต้+ละค�+เข้�าโป็รแกรมู ทึด้ลองใช�โป็รแกรมู และออกจากโป็รแกรมูอย+างถ�กว�ธุ�- น กเร�ยนร บภาระงาน
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอน
ตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า(นาท�
)ห์น�วิยท�" 1 ท'าควิามร��จั�กก�บ Flash
ตอนท�" 1.1 ร��จั�กก�บ Flash
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ Flash MX เพื้$,อให็�น กเร�ยนศึกษาป็ระกอบก บค3าอธุ�บายข้องผู้��สอน- ผู้��สอนเร�,มูอธุ�บายเก�,ยวก บว+า ทึ3าไมูไฟล'ภาพื้ทึ�,สร�างด้�วย Flash MX จงเล4กกว+าไฟล'อ$,น ๆ ทึ ,วไป็- จากน %นผู้��สอนทึ3าให็�น กเร�ยนเป็>ด้ใบความูร� �เก�,ยวก บความูต้�องการระบบข้อง Flash ว+า เคร$,องคอมูพื้�วเต้อร'ต้�องมู�ล กษณะเช+นใด้ จงจะใช�โป็รแกรมูน�%ได้�- ผู้��สอนให็�น กเร�ยนจ บกล�+มู กล�+มูละ 5- 7 คน เพื้$,อช+วยก นสร�ป็เก�,ยวก บล กษณะข้องร�ป็ภาพื้ในป็6จจ�บ น ว+าภาพื้แบบใด้ เห็มูาะทึ�,จะใช�งานในการเข้�ยนเว4บไซีต้'- ผู้��สอนให็�น กเร�ยนส+งต้ วแทึนข้องกล�+มู กล�+มูละ 1
คน เพื้$,อออกมูาสร�ป็เร$,องเก�,ยวก บภาพื้ทึ�,เห็มูาะสมูก บการทึ3าเว4บไซีต้'- ผู้��สอนแจกภาระงานทึ�, 1
ซี,งจะให็�น กเร�ยนทึ3าภาระงานทึ�, 1 เร$,อง ความูแต้ก
- ใบความูร� �ทึ�, 1 เร$,อง ทึ3า ค ว า มู ร� � จ ก ก บ“ Flash MX”- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 1
เร$,อง ร� �จ กก บ Flash MX- ต้ วอย+างร�ป็ภาพื้นามูสก�ลต้+าง ๆ- ต้ วอย+างเว4บไซีต้'
10
ต้+างระห็ว+างภาพื้ Bitmap
และ ภาพื้ Vector แบบอ ต้น ย จ3านวน 3 ข้�อ- น กเร�ยนส+งใบงาน ผู้��สอนให็�น กเร�ยนแต้+ละคน ด้�ใบงานข้องต้นเอง โด้ยทึ�,ผู้��สอนจะทึ3าการเฉลยไว�บนกระด้าน และให็�น กเร�ยนแก� ส�,งทึ�,ทึ3าผู้�ด้ลงไป็ในใบงาน
ตอนท�" 1.2 เขั้�าส��โปรแกรม Flash MX
- ผู้��สอนแจกใบความูร� � เ ร$, อง ทึ3า ควา มู ร� �จ ก ก บ Flash MX - ผู้��สอนให็�น กเร�ยนจ บค�+เพื้$,อทึด้ลองเข้�าส�+โป็รแกรมู Flash MX ว+ามู�ข้ %นต้อนก า ร เ ข้� า ส�+ โ ป็ ร แ ก ร มู ไ ด้�อย+างไรบ�าง- เมู$,อเข้�าส�+โป็รแกรมูได้�แล�ว ผู้��สอนให็�น กเร�ยนแต้+ละค�+ได้�ทึด้ลองใช�โป็รแกรมูโด้ยเป็>ด้ไฟล'ช$,อ Color_piker ข้%นมูาลองทึด้สอบโป็รแกรมูด้�- ผู้�� ส อ น ส�+ มู ต้ ว อ ย+ า งน ก เ ร�ย น บ า ง ค�+ อ อ ก มู าทึด้สอบโป็รแกรมูให็�เพื้$,อนใ น ช % น เ ร� ย น ด้� ทึ�, ห็ น� าห็�องเร�ยน- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ออกจากโป็รแกรมูได้�อย+างถ�กต้�อง- ผู้��สอนส งเกต้ความูสนใจ และความูสน�กสนานในการใช�โป็รแกรมูข้อง
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 1
เร$,อง ร� �จ กก บ Flash MX- ใบความูร� �ทึ�, 1 เร$,อง
ทึ3า ค ว า มู ร� � จ ก ก บ“ Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX- ไฟล'ต้ วอย+างข้อง Flash MX (Color_picker)
10
10
น กเร�ยนแต้+ละคน เมู$,อน กเร�ยนสามูารถทึ3าต้ามูค3าส ,งได้�ถ�กต้�อง ถ$อว+าผู้+าน
ขั้�!นท�" 3 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 1.1 ร��จั�กก�บ Flash
- สาเห็ต้�ทึ�,ข้นาด้ข้อง Flash มู�ข้นาด้เล4กกว+าแฟ?มูทึ ,วไป็- ความูต้�องการข้องระบบ Flash MX
- ใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ “
Flash MX”
5
ตอนท�" 1.2 เขั้�าส��โปรแกรม Flash MX
- เข้�าส�+โป็รแกรมู Flash MX- ทึด้ลองใช�โป็รแกรมู Flash MX- ออกจากโป็รแกรมู Flash MX
- ใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ “
Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
5
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูเป็�น 2 กล�+มู เพื้$,อให็�สร�ป็และว�เคราะห็'ห็ วข้�อทึ�,ได้�ร บห็น�า
ช %นเร�ยน โด้ยคร�จะคอยให็�ค3าสร�ป็ในห็ วข้�อต้+าง ๆ ทึ�,น กเร�ยนได้�ร บ ใช�เวลา 10 นาทึ�กล�+มูทึ�, 1 ภาพื้ Bitmap
กล�+มูทึ�, 2 ภาพื้ Vector
6. ภาระงานท�" 1ภาระงานทึ�, 1 เร$,อง ความูแต้กต้+างข้องภาพื้ Bitmap และภาพื้ Vector โด้ยให็�
น กเร�ยนทึ3าการอธุ�บายถงความูแต้กต้+างระห็ว+างภาพื้ทึ %งสอง
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash
MX ))7.2 ใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ “ Flash MX”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx โด้ย
ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ภาระงานทึ�, 1 ทึ�,น กเร�ยนส+งให็�ผู้��สอนต้รวจ ทึ�ายช ,วโมูง
10. การประเม�นการเร�ยนร��แบบประเม�นชี�!นงานท�" 1 เร,"อง ควิามแตกต�างขั้องภาพ Bitmap แลุ่ะภาพ
Vector
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. การอธุ�บายถงความูแต้กต้+างข้อง
ภาพื้ Bitmap และภาพื้ Vector2 ความูสนใจในการเร�ยน และความู
ต้ %งใจในการทึ3างาน3. ความูต้รงต้+อเวลาในการส+งงาน4. ความูสะอาด้เร�ยบร�อยในการทึ3างาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ……………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 1ท'าควิามร��จั�กก�บ Flash MX
แผู้นการสอนท�" 1จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถเร�ยนร� �และเข้�าใจ Flash MX และความูต้�องการระบบข้อง Flash MX ได้�จั�ดัประสงค�น'าทาง
1. สามูารถเข้�าส�+โป็รแกรมู Flash MX
2. ทึด้ลองใช�โป็รแกรมู Flash MX
3. ออกจากโป็รแกรมู Flash MX ได้�ถ�กต้�อง
เน,!อห์าร��จั�กก�บ Flash
สาเห์ต�ท�"ขั้นาดัขั้อง Flash ม�ขั้นาดัเลุ่2กกวิ�าแฟ้4มท�"วิไปสาเห็ต้�ส3าค ญทึ�,ทึ3าให็�ไฟล'มู ลต้�มู�เด้�ยทึ�,สร�างโด้ย Flash มู�ข้นาด้เล4กมูาก เมู$,อ
เทึ�ยบก บไฟล'มู ลต้�มู�เด้�ยป็ระเภทึอ$,น เป็�นเพื้ราะร�ป็แบบการเก4บรายละเอ�ยด้ข้องร�ป็เป็�นลายเส�น ในข้ณะทึ�,โป็รแกรมูอ$,น ๆ จะบ นทึกรายละเอ�ยด้ข้องร�ป็ทึ�ก Pixels
จะเห็4นว+าล กษณะภาพื้ทึ�,เห็มูาะส3าห็ร บใช�ก บโป็รแกรมู Flash ควรเป็�นภาพื้แนวการ'ต้�นทึ�,เน�นลายเส�นและใช�ส�ค+อนข้�างสมู3,าเสมูอ ซี,งเราจะเห็4นได้�ว+า ในงานมู ลต้�มู�เด้�ยทึ�,เป็�น Flash ส+วนให็ญ+จะเป็�นแนวลายเส�นง+าย ๆ โด้ยมู�การใช�ภาพื้ถ+ายผู้สมูเทึ+าทึ�,จ3าเป็�นเทึ+าน %นควิามต�องการระบบขั้อง Flash MX
Flash MX มู�ความูต้�องการระบบคอมูพื้�วเต้อร'เพื้$,อทึ�,จะน3ามูาใช�งานแสด้งผู้ล ด้ งน�%
1. Microsoft Windows 98 / 2000 / NT 4 /Me / XP2. CPU 200 MHz ห็ร$อมูากกว+าน %น3. RAM 64 MB ซี,งจร�ง ๆ แล�วควรเป็�น 128 MB มูากกว+า4. พื้$%นทึ�,ฮาร'ด้ด้�สก' 85 MB
5. ความูละเอ�ยด้ข้องจอภาพื้ทึ�,ใช�แสด้งผู้ล 1024 x 768 Pixcel
6. การ'ด้จอแสด้งความูละเอ�ยด้ส� 16 Bit เป็�นอย+างน�อย แต้+ส3าห็ร บการแสด้งกราฟ>กส�ทึ�,มู�ความูละเอ�ยด้ส�งควรเป็�น 24 Bit
7. บราวเซีอร'ทึ�,สน บสน�น Plug-in Shockwave Flash (ส3า ห็ร บบ ร า ว เ ซี อ ร' Internet Explorer ต้ % ง แ ต้+ เ ว อ ร'ช , น 4 ข้% น ไ ป็ Netscape ต้ %งแต้+เวอร'ช ,น 4.5 ข้%นไป็)
8. ได้ร'ฟ D CD-ROM ส3าห็ร บต้�ด้ต้ %งโป็รแกรมูห็ร$อค�นห็าไฟล'ภาพื้
เขั้�าส��โปรแกรม Flash MX
เราสามูารถเร�ยกใช�งานโป็รแกรมู Flash MX ได้�ด้�วยว�ธุ�การด้ งต้+อไป็น�%1. คล�กเมูาส'ทึ�,ป็�<มู Start
2. เล$อกค3า ส ,ง Program Macromedia Macromedia Flash MX
3. จะป็รากฏิห็น�าจอแรกข้อง Flash
ทดัลุ่องใชี�โปรแกรม Flash MX
ห็ล งจากทึ�,เราเป็>ด้โป็รแกรมู Flash ข้%นมูาแล�ว Flash จะมู�ต้ วอย+างข้องไฟล'ให็�เราได้�ทึด้ลองใช� ซี,งไฟล'ต้ วอย+างน�%จะเป็�นไฟล'ทึ�,มูาพื้ร�อมูก บโป็รแกรมู Flash MX โด้ยให็�เราเล$อกไป็ทึ�, File Open เพื้$,อจะทึ3าการเป็>ด้ไฟล'ทึ�, Flash ได้�เต้ร�ยมูไว�ให็�เรา
ห็ล งจากน %นจะป็รากฏิห็น�าต้+ าง Open ข้% นมูา ให็� เราเข้�า ไป็ทึ�, โฟลเด้อร' Macromedia Flash MX Samples FLA จะมู�ต้ วอย+างไฟล' Flash ทึ�,เต้ร�ยมูไว� ให็�เราเล$อกต้ วอย+างทึ�,ต้�องการ เพื้$, อเป็>ด้ข้%นมูาทึด้สอบ (จากร�ป็เล$อก Color_picker) จากน %น Click mouse ทึ�,ป็�<มู Open
เมู$,อต้ วอย+างข้%นมูา จะพื้บต้ วอย+างงานทึ�,สร�างเสร4จข้%นมูาแล�ว ซี,งเราจะมูาทึ3าการทึด้สอบต้ วอย+างทึ�,สร�างเสร4จแล�ว โด้ยเล$อกทึ�, Control Test Movie ห็ร$อ กด้ <
Ctrl + Enter > เพื้$,อทึ3าการทึด้สอบโป็รแกรมู
ทึ3าการทึด้สอบไฟล'ต้ามูต้�องการ (จากต้ วอย+าง Color_picker เราสามูารถป็ร บเป็ล�,ยนส�รถได้�ต้ามูต้�องการ) เมู$,อทึด้สอบโป็รแกรมูเสร4จแล�ว ให็�เรา คล�กเมูาส' ป็�<มูกากบาทึ เพื้$,อป็>ด้ห็น�าจอทึ�,ทึ3าการเล+นโป็รแกรมูอย�+ แล�วจะกล บไป็ห็น�าจอเด้�มู
ออกจัากโปรแกรม Flash
ห็ล งจากทึ�,เราใช�งานโป็รแกรมู Flash เสร4จส�%นแล�ว เราสามูารถออกจากโป็รแกรมูได้� โด้ยเล$อกค3าส ,ง File Exit ห็ร$อกด้ค�ย' < Ctrl + Q > จะเป็�นการส�%นส�ด้การใช�งานโป็รแกรมู
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ภาระงานท�" 1เร,"อง ควิามแตกต�างระห์วิ�างภาพ Bitmap แลุ่ะ ภาพ Vector
ช$,อ…………………………………………
นามูสก�ล เลข้ทึ�,…………………………………… …………………..
ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………
พื้.ศึ……………………………….
1. ให็�น กเร�ยนอธุ�บายถงล กษณะข้องภาพื้ Bitmap พื้ร�อมูบอกข้�อด้� และ ข้�อเส�ย ข้องภาพื้ Bitmap ด้�วย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
2. ให็�น กเร�ยนอธุ�บายถงล กษณะข้องภาพื้ Vector พื้ร�อมูบอกข้�อด้� และ ข้�อเส�ย ข้องภาพื้ Vector ด้�วย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
3. ให็�น กเร�ยนอธุ�บายความูแต้กต้+างระห็ว+างภาพื้ Bitmap และ ภาพื้ Vector……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้องโป็รแกรมู Flash MX เวลา 2
ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถอธุ�บายข้อง Flash แถบค3าส ,ง, แถบเคร$,องมู$อ, กล+องเคร$,องมู$อ,
เส�นเวลา, ห็น�าต้+างการทึ3างาน, ห็น�าต้+างการควบค�มูการแสด้งผู้ล, ป็�<มูข้ยายข้นาด้,
แก�ไข้ซี�น ได้�
3. สาระการเร�ยนร��1. ห็น�าต้าและองค'ป็ระกอบข้อง Flash
1.1 แถบค3าส ,ง (Menu Bar)
1.2 แถบเคร$,องมู$อ (Tool Bar)
1.3 กล+องเคร$,องมู$อ (Toolbox)
1.4 เส�นเวลา (Timeline)
1.5 ห็น�าต้+างการทึ3างานห็ร$อเวทึ� (Stage)
1.6 ป็�<มูควบค�มูการแสด้งผู้ล (Controller)
1.7 ห็น�าต้+างควบค�มูการแสด้งผู้ล (Panel)
1.8 ป็�<มูข้ยายข้นาด้ (Zoom)
1.9 แก�ไข้ซี�น (Edit Scene)
1.10 แก�ไข้เวทึ� (Edit Stage)
2. ห็ล กการทึ3างานข้อง Flash
2.1 นามูสก�ลข้อง Flash
2.2 การ Import ไฟล'แบบต้+อเน$,อง
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 2 พ,!นฐานเบ,!องต�นขั้อง Flash
ตอนท�" 2.1 ห์น�าตาแลุ่ะองค�ประกอบขั้อง Flash
ก'าห์นดัภาระงาน ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายแถบค3าส ,ง , แถบเคร$,องมู$อ , กล+องเคร$,องมู$อ , และเส�นเวลาได้�- น กเร�ยนสามูารถอธุ�บายห็น�าต้+างการทึ3างานได้� ผู้��สอนบอกกล+าวให็�ก บน กเร�ยนแต้+ละคนฟ6งว+า เมู$,อน กเร�ยนได้�ร� �จ กองค'ป็ระกอบต้+าง ๆ ข้อง Flash แล�ว น กเร�ยนแต้+ละคนจะต้�องเล$อกใช�
- ใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง“
Flash ”- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
10
ตอนท�" 2.2 ห์น�าต�างควิบค�มการแสดังผู้ลุ่ (Panel)
ตอนท�" 2.3 ห์ลุ่�กการท'างานขั้อง Flash
แถบเคร$,องมู$อ และแถบค3าส ,งได้�ถ�กต้�อง ต้ามูห็ล กการใช�งาน ผู้��สอนอธุ�บายถงห็น�าต้+างทึ�,จ3าเป็�นในโป็รแกรมู Flash MX
ซี,งน กเร�ยนจะต้�องเร�ยกใช�งานได้�อย+างถ�กต้�อง- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� �ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใช�ห็น�าต้+างควบค�มูการแสด้งผู้ลได้�- ผู้��สอนให็ น กเร�ยนแต้+ละคนด้�ใบความูร� �เก�,ยวก บห็น�าต้+างควบค�มูการแสด้งผู้ล เพื้ราะเมู$,อน กเร�ยนแต้+ละคนได้�ทึด้ลองเป็>ด้ –
ป็>ด้ ห็น�าต้+าง แล�ว น กเร�ยนจะต้�องออกมูาทึด้สอบ ด้�วยการเร�ยกห็น�าต้+างใด้ ๆ ก4ต้ามูทึ�,ผู้��สอนต้�องการ ให็�ก บเพื้$,อน ๆ ในช %นเร�ยนด้�ได้� ต้ามูแบบทึ�,ผู้��สอนได้�สอนไป็ ห็ร$อมู�อย�+ในใบความูร� �ทึ�,น กเร�ยนได้�ศึกษา- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ห็ล กการ
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash ”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash ”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash
10
ทึ3างานข้อง Flash ได้�- จากน %นผู้��สอน น3าเข้�าส�+เร$,อง นามูสก�ลข้อง Flash
โด้ยทึ�, Flash จะมู�นามูสก�ลห็ล ก ๆ อย�+ 2
อย+างค$อ *.fla , *.swf - น กเร�ยนจะต้�องต้อบค3าถามูเก�,ยวก บการน3าไฟล'อ$,น ๆ มูาใช�ใน Flash MX
ได้� ห็ล งจากทึ�,ผู้��สอน ได้�สอนเก�,ยวก บเร$,องห็ล กการทึ3างานข้อง Flash
เสร4จแล�ว โด้ยน กเร�ยนจะต้�องบอกชน�ด้ข้องไฟล'ได้� 7 ใน 10 ช$,อ และอธุ�บายห็น�าต้+างควบค�มูการแสด้งผู้ลได้� 2 ใน 4 ข้�อ จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'- น กเร�ยนร บภาระงาน
MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 2 พ,!นฐานเบ,!องต�นขั้อง Flash
ตอนท�" 2.1 ห์น�าตาแลุ่ะองค�ประกอบขั้อง Flash
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash เพื้$,อให็�น กเร�ยนได้�ศึกษาป็ระกอบค3าอธุ�บาย- ผู้��สอนให็�น กเร�ยนจ บค�+เพื้$,อช+วยก นศึกษาเก�,ยวก บแถบค3าส ,ง , แถบเคร$,องมู$อ , กล+องเคร$,องมู$อ ,
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash MX”
15
ตอนท�" 2.2 ห์น�าต�างควิบค�มการแสดังผู้ลุ่ (Panel)
ตอนท�" 2.3 ห์ลุ่�กการท'างานขั้อง Flash
เส�นเวลา ว+าแต้+ละอย+างมู�ห็น�าทึ�,การทึ3างานอย+างไรบ�าง- ผู้��สอนให็�น กเร�ยนแต้+ละค�+เข้�าส�+โป็รแกรมู Flash
MX เพื้$,อเข้�าไป็ศึกษาส�,งทึ�,ต้�องการ พื้ร�อมูทึ %งด้�ใบความูร� �ป็ระกอบ- จากน %นผู้��สอนจะต้�องทึ3าการเล$อกน กเร�ยนข้%นมูาถามูความูเข้�าใจเก�,ยวก บเคร$,องมู$อทึ�,ใช�ใน Flash
MX 4 – 5 คน ถ�าน กเร�ยนคนใด้คนห็น,งต้อบค3าถามูไมู+ได้� ผู้��สอนก4ให็�น กเร�ยนในห็�องต้อบพื้ร�อมูก น พื้ร�อมูทึ %งให็�ก3าล งใจน กเร�ยนเพื้$,อให็�น กเร�ยนต้ %งใจเร�ยนมูากข้%น- ผู้��สอนแจกใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash เพื้$,อให็�น กเร�ยนได้�ศึกษาป็ระกอบค3าอธุ�บาย- ผู้��สอนให็�น กเร�ยนจ บค�+ก น พื้ร�อมูทึ %งทึด้ลองเร�ยกห็น�าต้+าง ๆ ออกมูาใช�งาน โด้ยทึ�,ผู้��สอนจะเป็�นผู้��อธุ�บายว�ธุ�การเร�ยกห็น�าต้+างน %น ๆ และความูส3าค ญข้องห็น�าต้+าง รวมูถงว�ธุ�การป็>ด้ห็น�าต้+างเมู$,อไมู+ใช�งานด้�วย- ผู้��สอนแจกภาระงานทึ�, 2
เร$,องไฟล'ต้+าง ๆ ทึ�,สามูารถ
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อ
15
15
น3าเข้�ามูาใช�ใน Flash ได้� โด้ยผู้��สอนให็�น กเร�ยนทึ3าต้อนทึ�, 2 เป็�นเร$,องเก�,ยวก บห็น�าต้+างควบค�มูการแสด้งผู้ล น กเร�ยนแต้+ละคนจะต้�องอธุ�บายถงความูส3าค ญข้องห็น�าต้+างควบค�มูการแสด้งผู้ลได้� 3
ใน 4 ห็น�าต้+าง จงจะถ$อว+าผู้+าน
- ผู้��สอนแจกใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash เพื้$,อให็�น กเร�ยนได้�ศึกษาป็ระกอบค3าอธุ�บาย- ผู้��สอนอธุ�บาย เก�,ยวก บ ห็ล กการทึ3างานข้อง Flash และไฟล'ต้+าง ๆ ทึ�, Flash สามูารถน3าเข้�ามูาใช�ได้�- ผู้��สอนให็�น กเร�ยนจ บค�+ก น จากน %นให็�น กเร�ยนได้�ทึ3าการ Import ไฟล'ร�ป็ภาพื้มูาเก4บไว�ใน Flash
โด้ยทึ�,น กเร�ยนแต้+ละค�+จะต้�อง Import ไฟล'ภาพื้ ทึ %งไฟล'ภาพื้ทึ�,เป็�นภาพื้เด้�,ยว และไฟล'ภาพื้ต้+อเน$,อง โด้ยน กเร�ยนแต้+ละค�+จะต้�องทึ3าต้ามูทึ�,ผู้��สอนอธุ�บายทึ�ละข้ %นต้อน- ในกรณ�ทึ�,น กเร�ยนค�+ใด้ ทึ3าไมู+ทึ น ห็ร$อต้�องการจะศึกษาเพื้�,มูเต้�มู ให็�น กเร�ยน
แผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ศึกษาเพื้�,มูเต้�มูได้�จากใบความูร� �ทึ�,ผู้��สอนแจกให็�ก+อนเร�,มูเร�ยน- ผู้��สอนแจกภาระงานทึ�, 2
เร$,อง ห็ล กการทึ3างานข้อง Flash โด้ยน กเร�ยนจะต้�องบอกช$,อไฟล'ทึ�,สามูารถ Import มูาใช�ได้�ใน Flash มู�ทึ %งห็มูด้ 10 ไฟล' ซี,งน กเร�ยนจะต้�องต้อบได้� 7 ใน 10 ไฟล' จงจะถ$อว+าน กเร�ยนผู้+านจ�ด้ป็ระสงค'ทึ�,ก3าห็นด้ไว�
ขั้�!นท�" 3 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 2.1 ห์น�าตาแลุ่ะองค�ประกอบขั้อง Flash
- แถบค3าส ,ง (Menu Bar)- แถบเคร$,องมู$อ (Tool Bar)- กล+องเคร$,องมู$อ (Toolbox)- กล�+มูค3าส ,ง Selection
เก�,ยวก บการเล$อก- เส�นแบ+งเวลา (Timeline)- ห็น�าต้+างการทึ3างานห็ร$อเวทึ� (Stage)
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 2.2 ห์น�าต�างควิบค�มการแสดังผู้ลุ่ (Panel)
- Panel Info- Panel Transform- Panel Color Mixer- Panel Swatches- Panel Align- Panel Scene
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อ
10
- Panel Movie Explorer- Panel Answers- Panel Properties- Panel Action- Panel Library- ป็�<มูข้ยายข้นาด้ (Zoom)- แก�ไข้ซี�น (Edit Scene)- แก�ไข้เวทึ� (Edit Stage)
แผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%น“
ฐานเบ$%องต้�นข้อง Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ตอนท�" 2.3 ห์ลุ่�กการท'างานขั้อง Flash
- ห็ล กการทึ3างานข้อง Flash- นามูสก�ลข้อง Flash
- การ Import ไฟล'- การ Import ไฟล'แบบต้+อเน$,อง
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash - ใบความูร� �ทึ�, 2 เร$,อง พื้$%“
นฐานเบ$%องต้�นข้อง Flash MX”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนจ บค�+ โด้ยแต้+ละค�+จะผู้ล ด้ก นถามูและต้อบเก�,ยวก บเคร$,องมู$อต้+าง ๆ
ในกล+องเคร$,องมู$อ แถบค3าส ,ง และกล�+มูค3าส ,ง จนค�ด้ว+าน กเร�ยนสามูารถจ3าได้�แมู+นย3า จากน %นให็�คร�เป็�นผู้��ทึด้สอบ โด้ยส�+มูเร�ยกถามูน กเร�ยนในห็�องเร�ยน ป็ระมูาณ 10 คน และสร�ป็ป็>ด้ทึ�ายเก�,ยวก บความูส3าค ญข้อง กล+องเคร$,องมู$อ แถบค3าส ,ง และกล�+มูค3าส ,ง ใช�เวลา 15 นาทึ�
6. ภาระงานท�" 2ภาระงานทึ�, 2 เร$,อง ห็ล กการทึ3างานข้อง Flash
7. ส,"อการเร�ยนการสอน
7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX ))
7.2 ใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง “ Flash MX”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx โด้ย
ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ภาระงานทึ�, 2 ทึ�,น กเร�ยนส+งให็�ผู้��สอนต้รวจทึ�ายช ,วโมูง
10. การประเม�นการเร�ยนร��แบบประเม�นชี�!นงานท�" 2 เร,"อง ห์ลุ่�กการท'างานขั้อง Flash
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถบอกห็ล กการทึ3างาน
ข้อง Flash ได้�2 ความูสนใจในการเร�ยน และความู
กระต้$อร$อร�นในการทึ3างาน3. ความูต้รงต้+อเวลาในการส+งงาน4. ความูสะอาด้เร�ยบร�อยในการทึ3างาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ……………………………………………………………………………
……………………………………………………………………………………………………………………………………………………….
………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 2พ,!นฐานเบ,!องต�นขั้อง Flash
แผู้นการสอนท�" 2จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถร� �และเข้�าใจองค'ป็ระกอบข้อง Flash ได้�จั�ดัประสงค�ปลุ่ายทาง
1. อธุ�บายแถบค3าส ,ง , แถบเคร$,องมู$อ , กล+องเคร$,องมู$อ , เส�นเวลา
2. ใช�ห็น�าต้+างการทึ3างานห็ร$อเวทึ�3. ใช�ห็น�าต้+างควบค�มูการแสด้งผู้ล4. แก�ไข้ซี�น และแก�ไข้เวทึ�
เน,!อห์าห์น�าตาแลุ่ะองค�ประกอบขั้อง Flash
ห็น�าต้าและองค'ป็ระกอบข้อง Flash จะเป็�น ด้ งร�ป็
แถุบค'าส�"ง (Menu Bar)
เป็�นแถบทึ�,ใช�เก4บรวบรวมูค3าส ,งทึ %งห็มูด้ข้อง Flash โด้ยใช�ห็ วข้�อแบ+งเป็�นกล�+มูและห็มูวด้ห็มู�+ ด้ งน�%
ห์มวิดั ค'าอธิ�บายFile
EditViewInsert
เป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการจ ด้การก บไฟล'ทึ %งห็มูด้ เช+น การเป็>ด้, ป็>ด้, บ นทึก, การป็>ด้โป็รแกรมู, การน3าไฟล'อ$, นเข้�ามูา และการแป็ลงไฟล'เพื้$,อออกไป็ใช�งานเป็�นเมูน�เก4บค3า ส ,งทึ�, เก�,ยวก บการแก�ไข้ การจ ด้การว ต้ถ� เช+น Undo, Redo, Cut, Copy, Paste ฯลฯ
กล+องเคร$,องมู$อ
แถบค3าส ,ง
แถบเคร$,องมู$อ
เส�นเวลา
ป็�<มูข้ยายข้นาด้
ป�6มควิบค�มห์น�าจัอ
แลุ่ะป7ดัโปรแกรม
แก�ไข้ซี�นแก�ไข้เวทึ�
ห็น�าต้+างทึ3างานห็ร$อเวทึ�
ห็น�าต้+างเคร$,องมู$อและห็น�าต้+างควบค�มูต้+าง ๆ (Panel)
ModifyTextControl
WindowHelp
เป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการแสด้งการมูองว ต้ถ�ในร�ป็แบบต้+าง ๆ เป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการเพื้�,มูเต้�มูห็ร$อแทึรกค3าส ,ง เป็�นส+วนส3าค ญทึ�,ช+วยในการทึ3าภาพื้เคล$,อนไห็วเป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการทึ3าให็�ว ต้ถ�มู�ค�ณสมูบ ต้�ให็มู+ ๆ เป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการจ ด้การก บต้ วอ กษร เช+น Font,
Size, Style ฯลฯเป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการควบค�มูการแสด้งข้องช�%นงานทึ�,เ ร า ส ร� า ง ข้% น เ ช+ น Play, Rewind, Stop, Forward,
Backward เป็�นต้�นเป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการแสด้งห็น�าต้+างควบค�มูต้+าง ๆเป็�นเมูน�เก4บค3าส ,งทึ�,เก�,ยวก บการให็�ความูช+วยเห็ล$อ ซี,งอธุ�บายการใช�งานโป็รแกรมู
แถุบเคร,"องม,อ (Tool Bar)
คร,"องม,อ ค'าอธิ�บายNewOpenSavePrintPrint PerviewCutCopyPasteUndoRedoSnap to ObjectsSmoothStraightenRotateScale
การเร�,มูสร�างงานให็มู+การเป็>ด้ไฟล'งานเด้�มูการบ นทึกไฟล'งานการส ,งพื้�มูพื้'งานการต้รวจสอบด้�ก+อนพื้�มูพื้'การต้ ด้ห็ร$อลบว ต้ถ�ออกเพื้$,อจะน3าไป็วางทึ�,อ$,นการค ด้ลอกว ต้ถ�เพื้$,อจะน3าไป็วางทึ�,อ$,นการวางว ต้ถ�ทึ�,ได้� Cut ห็ร$อ Copy มูาวางการย�อนกล บไป็ 1 ข้ %นต้อนการเด้�นห็น�าไป็ 1 ข้ %นต้อน ใช�เมู$,อมู�การย�อนห็ล งไป็ 1
ข้ %นต้อนการส ,งให็�ว ต้ถ�ด้งด้�ด้เมู$,อเข้�าใกล�ก นการส ,งให็�ว ต้ถ�มู�ความูโค�งมูน
Align การทึ3าให็�ว ต้ถ�ด้�แข้4งการห็มู�นว ต้ถ�การข้ยายและย+อว ต้ถ�การจ ด้ว ต้ถ�ให็�เป็�นระเบ�ยบ
กลุ่�องเคร,"องม,อ (Toolbox)
เป็�นกล+องส3าห็ร บเก4บอ�ป็กรณ'ต้+าง ๆ ทึ�,ใช�ในการทึ3างาน Toolbox จะมู�ล กษณะเป็�นไอคอนร�ป็ภาพื้ สามูารถเร�ยกใช�งานได้�ง+าย เพื้�ยงการ Click mouse ทึ�,ไอคอนค3าส ,งทึ�,ต้�องการเทึ+าน %น เราสามูารถเร�ยกใช�เคร$,องมู$อน�%ได้�โด้ยใช�ค3าส ,ง Window Tools
การแบ�งกลุ่��ม Toolbox
กล�+มูค3าส ,ง Selection เก�,ยวก บการเล$อก กล�+มูค3าส ,ง Edit เก�,ยวก บการวาด้และต้กแต้+งภาพื้ กล�+มูค3าส ,ง View เก�,ยวก บการมูองภาพื้ในร�ป็แบบต้+าง ๆ กล�+มูค3าส ,ง Colors ใช�ในการเล$อกส�ให็�ก บเส�นและส�พื้$%น กล�+มูค3าส ,ง Options จะแสด้งค3าส ,งเพื้�,มูเต้�มูข้องแต้+ละ
ค3าส ,งทึ�,เราเล$อกใช�งาน
เส�นแบ�งเวิลุ่า (Timeline)
Timeline เป็�นเคร$,องมู$อห็น,งใน Flash จะป็รากฏิทึ�กคร %งเมู$,อเป็>ด้โป็รแกรมู ใช�ส3าห็ร บสร�างและป็ร บเป็ล�,ยนรายละเอ�ยด้ข้องการเคล$,อนไห็ว โด้ยเอาต้3าแห็น+งข้ององค'ป็ระกอบทึ�,เคล$,อนไห็ว (เราเร�ยกองค'ป็ระกอบต้+าง ๆ ว+าออบเจ4กต้'ห็ร$อว ต้ถ�) มูาจ ด้วางต้+อก นทึ�ละภาพื้ในแต้+ละช+วงเวลา (เร�ยกว+าเฟรมู : Frame) เพื้$,อสร�างเป็�นภาพื้เคล$,อนไห็ว โด้ยเราจะก3าห็นด้เส�นเวลาให็�สามูารถเล+นภาพื้เคล$,อนไห็วซี3%า ห็ร$อเล+นแล�วห็ย�ด้ก4ได้�
ส3าห็ร บส+วนป็ระกอบห็ล กข้องเส�นเวลามู�ด้ งน�%
ห์น�าต�างการท'างานห์ร,อเวิท� (Stage)
เป็�นห็น�าต้+างในการทึ3างานข้องเรา ห็ร$อเร�ยกอ�กอย+างห็น,งว+าเวทึ� (Stage) ซี,งเป็�นพื้$%นทึ�,ว+าง ๆ ส3าห็ร บการสร�างภาพื้เคล$,อนไห็ว (Animation) โด้ยให็�เราเป็�นผู้��ก3าก บการแสด้ง เมู$,อเราสร�างงานห็ร$อวางว ต้ถ�บน Stage เราจะเร�ยกภาพื้รวมูน�%ว+า Scene
ห์น�าต�างควิบค�มการแสดังผู้ลุ่ (Panel)
ใน Flash MX จะมู�ห็น�าต้+างห็ร$อ Panel ทึ�,รวบรวมูเคร$,องมู$อต้+าง ๆ ทึ�,ใช�งานก บว ต้ถ� โด้ยจะถ�กจ ด้ไว�ทึ�,บร�เวณด้�านข้วาข้องโป็รแกรมู ทึ3าให็�เราไมู+ต้�องเส�ยเวลาไป็เป็>ด้ห็าและมู�การจ ด้เป็�นห็มูวด้ห็มู�+ไว�แล�ว นอกจากน�%ย งสามูารถทึ�,จะย�บและข้ยายห็น�าต้+างเพื้$,อให็�ใช�พื้$%นทึ�,ได้�เต้4มูทึ�, โด้ยมู�ห็น�าต้+างทึ�,ส3าค ญ ด้ งน�%
Panel Infoเป็�นห็น�าต้+างทึ�,แสด้งรายละเอ�ยด้เก�,ยวก บ
ว ต้ถ� W แสด้งความูกว�าข้องว ต้ถ� H แสด้งความูส�งข้องว ต้ถ� X แสด้งต้3าแห็น+งข้องเมูาส'ในแกน X Y แสด้งต้3าแห็น+งข้องเมูาส'ในแกน Y
Panel Tranformเป็�นห็น�าต้+างทึ�,ใช�ป็ร บเป็ล�,ยนข้นาด้ การบ�ด้
และการห็มู�นว ต้ถ� โด้ยทึ�, Constrain ใช�ส3าห็ร บย+อและข้ยายว ต้ถ�
ให็�เป็ล�,ยนไป็ต้ามูส ด้ส+วนทึ�,เราย+อห็ร$อข้ยาย
Rotate ใช�ก3าห็นด้มู�มู เพื้$,อห็มู�นว ต้ถ� Skew ใช�บ�ด้ว ต้ถ�
Panel Color Mixerเป็�นห็น�าต้+างทึ�,ช+วยในการผู้สมูส� ซี,งใช� Mode
RGBสามูารถเล$อกส�ทึ�,เราต้�องการได้� R ป็ร บส�แด้งให็�ว ต้ถ� B ป็ร บส�น3%าเง�นให็�ว ต้ถ�
Panel Swatchesเป็�นห็น�าต้+างทึ�,จ ด้เร�ยงส�ไว�และทึ3าการไล+ส� ทึ3าให็�เรา
สามูารถเล$อกส�ใช�ได้�ง+ายข้%น
Panel Alignเป็�นห็น�าต้+างส3าห็ร บจ ด้เร�ยงว ต้ถ�ให็�เร�ยงอย�+
ในแนวเด้�ยวก น ซี,งมู กจะมู�ล กษณะและร�ป็แบบต้+าง
ๆ โด้ยใช�จ ด้เร�ยงว ต้ถ�ต้ %งแต้+ 2 ช�%นข้%นไป็
Panel Sceneเป็�นห็น�าต้+างทึ�,ใช�สล บพื้$%นทึ�,การทึ3างาน
(Scene) ซี,งจะใช�ในกรณ�ทึ�,มู�การสร�างช�%นงานทึ�,มู�ความูยาว
และมู�การเป็ล�,ยนร�ป็แบบข้องพื้$%นทึ�,การทึ3างาน (เห็มู$อน
การเป็ล�,ยนฉาก เช+น เป็ล�,ยนจากฉากเร�,มูต้�น เป็�น
ฉากต้+อส��)
Panel Movie Explorerเป็�นห็น�าต้+างทึ�,ใช�ด้�โครงสร�างข้องงานทึ�,เรา
สร�าง (เร�ยกว+า Flash Movie) ทึ %งห็มูด้ รวมูทึ %งใช�
ค�นห็าว ต้ถ�
ทึ�,ถ�กสร�างในช�%นงานน %นด้�วย ซี,งจะมู�ป็�<มูต้+าง ๆ ส3าห็ร บ
แสด้งชน�ด้ข้องว ต้ถ�ทึ�,สร�างไว�ในช�%นงานน %น ซี,ง
ป็ระกอบด้�วย Show เป็�นป็�<มูทึ�,ใช�แสด้งว ต้ถ�ชน�ด้ต้+าง ๆ
ทึ�,อย�+ในช�%นงาน Find ใช�ส3าห็ร บค�นห็าว ต้ถ�ทึ�,อย�+ในช�%นงาน
Panel Answersเป็�นห็น�าต้+างส3าห็ร บแสด้งรายละเอ�ยด้ต้+าง ๆ
ข้องFlash MX โด้ยมู�รายการแสด้ง ด้ งน�% Readme แสด้งรายละเอ�ยด้เก�,ยวก บ
Flash MX Tutorials แสด้งการใช�เคร$,องมู$อและ
การใช� Flash MX
Panel Properties
เป็�นห็น�าต้+างทึ�,ใช�แสด้งค�ณสมูบ ต้�ต้+าง ๆข้องว ต้ถ� และเราสามูารถเป็ล�,ยนแป็ลงค�ณสมูบ ต้�เห็ล+าน %นได้� ในห็น�าต้+างน�% เช+น ห็ากเรา Click mouse ทึ�,พื้$%นทึ�,การทึ3างาน (Stage) ก4จะแสด้งค�ณสมูบ ต้�ต้+าง ๆข้องพื้$%นทึ�,การทึ3างานออกมูาด้ งร�ป็ ได้�แก+
Size ข้นาด้ข้องพื้$%นทึ�,การทึ3างาน Publish เวอร'ช ,นข้อง Flash
Background ส�ข้องพื้$%นห็ล ง Frame Rate ความูเร4วในการแสด้ง Frame ต้+อว�นาทึ� (ซี,ง Flash จะ
ก3าห็นด้ความูเร4วไว�ทึ�, 12 Frame ต้+อว�นาทึ�ห็น�าต้+างน�%จะแสด้งค�ณสมูบ ต้�ข้องว ต้ถ�ทึ�,เรา Click mouse ลงไป็ ซี,งจะมู�การเป็ล�,ยนแป็ลงค�ณสมูบ ต้�ไป็ต้ามูว ต้ถ�น %น
Panel Actionเป็�นห็น�าต้+างทึ�,ใช�ก3าห็นด้การกระทึ3าให็�ก บว ต้ถ�
และFrame ทึ�,ก3าล งแสด้งอย�+ โด้ยเราสามูารถ
เข้�ยน Script ให็�ก บว ต้ถ�ห็ร$อ Frame เพื้$,อแสด้ง
ส�,งทึ�,เราก3าห็นด้
Panel Libraryในการทึ3างานข้อง Flash แต้+ละงานเราอาจ
น3าไฟล'ภาพื้เคล$,อนไห็ว ห็ร$อเส�ยง มูาใช�ป็ระกอบก น
ในงานข้องเรา ซี,งห็น�าต้+าง Library จะเป็�นต้ ว
รวบรวมูไฟล'ต้+าง ๆ เห็ล+าน�%ไว� รวมูทึ %งไฟล'ทึ�,เราสร�างเอง
ด้�วย ห็ากเราต้�องการใช�งานไฟล'เห็ล+าน�%อ�กก4แค+ลากจาก
Library มูาวางบน Stage เทึ+าน %นเราสามูารถเป็>ด้ห็น�าต้+าง Library มูาใช�โด้ย
เล$อกค3าส ,ง Window Library
ป�6มขั้ยายขั้นาดั (Zoom)
เป็�นป็�<มูควบค�มูทึ�,ทึ3าห็น�าทึ�,ข้ยายข้นาด้พื้$%นทึ�,ในการทึ3างานห็ร$อ Stage นอกจากน %น เราย งสามูารถก3าห็นด้ข้นาด้เองได้� และมู�ค3าส ,งเพื้�,มูเต้�มูอ�ก 2 ค3าส ,ง ค$อ
ส�วินประกอบ ค'าอธิ�บาย Show Frame
Show All
การแสด้ง Stage ให็�ให็ญ+ทึ�,ส�ด้เทึ+าทึ�,พื้$%นทึ�,ว+างข้องโป็รแกรมูจะทึ3า ได้� โด้ยไมู+ค3านงถงว+า จะมู�ร�ป็เก�นออกมูานอก Stage แค+ไห็นการแสด้ง Stage ให็�เห็4นร�ป็ห็ร$อว ต้ถ�ทึ %งห็มูด้ แมู�จะอย�+นอก Stage ก4ต้ามู
แก�ไขั้ซี�น (Edit Scene)
เป็�นป็�<มูทึ�,ใช�แสด้งซี�น (Scene) ห็ร$อฉากต้+าง ๆ ทึ�,ได้�มู�การสร�างไว� ซี,งเราจะใช�ในการสล บซี�นต้+าง ๆ โด้ย Click mouse ทึ�,ป็�<มู ก4จะแสด้งซี�นทึ�,เราได้�สร�างไว� ให็�เล$อกว+าจะให็�แสด้งซี�นไห็น
แก�ไขั้เวิท� (Edit Stage)
เป็�นป็�<มูทึ�,แสด้งว ต้ถ�ทึ�,เราทึ3าการเป็ล�,ยนแป็ลงเป็�น Symbol แล�ว เพื้$, อทึ�,จะทึ3าการแก�ไข้ว ต้ถ�น %น โด้ย Click mouse ทึ�,ป็�<มู เพื้$,อแสด้ง Symbol ต้+าง ๆ จากน %นให็�เราเล$อกและทึ3าการแก�ไข้
ห์ลุ่�กการท'างานขั้อง Flash
ก+อนทึ�,เราจะใช� Flash ก น เราต้�องร� �ว+าการสร�างช�%นงานน %นมู�ห็ล กอย+างไร และเมู$,อเราเข้�าใจห็ล กคร+าว ๆ ข้อง Flash แล�ว การใช� Flash ก4จะเป็�นเร$,องทึ�,ง+ายข้%นข้ %นต้อนทึ�, 1 เป็�นการน3าภาพื้ทึ�,เราสร�างข้%น ห็ร$อทึ�,เราได้�มูาจากทึ�,อ$,นมูาวางบน Stage
ข้ %นต้อนทึ�, 2 ทึ3าการแป็ลงว ต้ถ�น %นเป็�น Symbol ซี,งเป็�นล กษณะทึ�, Flash สามูารถน3าไป็ทึ3าเป็�น Animation ได้�ข้ %นต้อนทึ�, 3 เป็�นข้ %นต้อนทึ�,เราจะมูาทึ3า Symbol ให็�เป็�น Animation ซี,งในข้ %นต้อนน�%เราสามูารถจะใส+เส�ยง
ห็ร$อ Script ค3าส ,งเพื้�,มูเต้�มูลงไป็ได้�ด้�วยข้ %นต้อนทึ�, 4 เมู$,อเราสร�างช�%นงานเสร4จแล�ว เราก4ทึ3าการ Publish ห็ร$อทึ3าการแป็ลงช�%นงานข้องเราออกส�+
สายต้าป็ระชาชน
นามสก�ลุ่ขั้อง Flash
ส�,งห็น,งทึ�,เราจ3าเป็�นต้�องทึราบในการใช�งาน Flash ค$อ นามูสก�ลข้อง Flash
โด้ยทึ�, Flash จะสร�างนามูสก�ลห็ล ก ๆ 2 อย+าง ค$อ*.fla ค$อไฟล'ทึ�,ได้�จากการสร�างช�%นงานใน Flash ทึ�,เก�ด้จากการเซีฟเป็�นไฟล'
ต้�นฉบ บ ซี,งสามูารถน3าเป็ล�,ยนแป็ลงแก�ไข้ได้� *.fla ย+อมูากจาก Flash Movie ห็ร$อทึ�,เราเร�ยก
ว+า Movie
*.swfค$อไฟล'ทึ�, Flash สร�างข้%นห็ล งจากการแสด้งผู้ลออกมูา เราสามูารถ Double Click ด้�ผู้ลการ
แสด้งได้� โด้ยไมู+ต้�องเป็>ด้โป็รแกรมู Flash ซี,ง *.swf ย+อมูาจาก Shockwave Flash
นอกจากน %น เมู$,อเราส ,งให็� Flash ทึ3าการ Publish ห็ร$อเผู้ยแพื้ร+งานออกมูาเป็�นห็น�าเว4บ เราจะต้�องก3าห็นด้ให็� Flash สร�างไฟล' .html เพื้�,มู และเล$อกไฟล'ทึ�,มู�สก�ล 2 ชน�ด้ ค$อ *.html ก บ *.swf ซี,ง *.html จะเป็�นต้ วเร�ยกไฟล' *.swf ข้%นมูา เพื้$,อแสด้งภาพื้เคล$,อนไห็วบนห็น�าเว4บ
การ Import ไฟ้ลุ่�1. เล$อก File Import
2. เล$อกไฟล'ภาพื้ทึ�,เราต้�องการ3. Click mouse ป็�<มู เพื้$,อน3าไฟล'น %นเข้�ามูาใช�งาน
การ Import ไฟ้ลุ่�แบบต�อเน,"องห็ากไฟล'ทึ�, เราจะ Import เข้�ามูามู�ต้ วเลข้ต้+อทึ�ายมูาห็ลาย ๆ อ นด้ บ เช+น
Clip01.jpg, Clip02.jpg, Clip03.jpg … เป็�นต้�น ถ�าเราจะ Import ไฟล'ช$, อ Clip01.jpg และมู�ไฟล' Clip02.jpg, Clip03.jpg อย�+ด้�วย Flash ก4จะถามูเราโด้ยอ ต้โนมู ต้�ว+าต้�องการจะ Import ไฟล'อ$, น ๆ เข้�ามูาด้�วยห็ร$อไมู+ ถ�าต้�องการก4 Click
mouse ป็�<มู โป็รแกรมูก4จะทึ3าการ Import ไฟล'มูา ซี,งการ Import ไฟล'แบบต้+อเน$,องจะช+วยเราในการสร�างภาพื้เคล$,อนไห็ว
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ภาระงานท�" 2ไฟ้ลุ่�ต�าง ๆ ท�" Flash สามารถุน'ามาใชี�งานไดั�
ช$,อ…………………………………………
นามูสก�ล เลข้ทึ�,…………………………………… …………………..
ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………
พื้.ศึ……………………………….
1. ผู้��สอนให็�น กเร�ยนอ+านทึบทึวนใบความูร� �ทึ�, 2 เก�,ยวก บไฟล'ทึ�,สามูารถน3ามูาใช�ใน Flash ได้� พื้ร�อมูให็�น กเร�ยนยกต้ วอย+างมูาคนละ 10 ชน�ด้
ลุ่'าดั�บท�" ชีน�ดัขั้องไฟ้ลุ่� นามสก�ลุ่ไฟ้ลุ่� ลุ่�กษณะไฟ้ลุ่�123456789
10
2. ให็�น กเร�ยนอธุ�บายห็น�าต้+างควบค�มูการแสด้งผู้ลด้ งต้+อไป็น�%1. Panel Info…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………2. Panel Tranform…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………3. Panel Color Mixer…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………4. Panel Align…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้เส�นใน Flash MX เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถใช�งานอ�ป็กรณ'วาด้ภาพื้ใน Flash ได้�
3. สาระการเร�ยนร��1. ภาพื้กราฟ>กใน Flash
1.1 ภาพื้กราฟ>กชน�ด้ Raster
1.2 ภาพื้กราฟ>กชน�ด้ Vecter
2. การวาด้ภาพื้ใน Flash
2.1 วาด้เส�นต้รง (Line Tool)
2.2 วาด้ร�ป็ด้�วย Pen Tool
2.3 การวาด้วงกลมูและวงร� (Oval Tool)
2.4 วาด้ส�,เห็ล�,ยมู (Rectangle Tool)
2.5 การวาด้ร�ป็ด้�วย Pencil Tool
2.6 การระบายส� (Brush Tool)
2.7 การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool
4. สาระท�"น'ามาบ�รณาการน กเร�ยนสามูารถน3าความูร� �ว�ชาศึ�ลป็ะ ในการวาด้ภาพื้มูาป็ระย�กต้'ใช�ในการสร�างภาพื้
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 3 อ�ปกรณ�การ ก'าห์นดัภาระงาน
วิาดัภาพใน Flash
ตอนท�" 3.1 ภาพกราฟ้7ก
ตอนท�" 3.2 Line Tool
ตอนท�" 3.3 Pen Tool
ตอนท�" 3.4 Oval Tool
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถ อธุ�บายเก�,ยวก บ ความูแต้กต้+างระห็ว+างภาพื้ Ratter ก บภาพื้ Vector
ได้�- ผู้��สอนจะให็�น กเร�ยนด้�ภาพื้แบบต้+าง ๆ ซี,งน กเร�ยนจะต้�องบอกความูแต้กต้+างระห็ว+างภาพื้ต้+าง ๆ พื้ร�อมูก นเสนอแนะว+าควรจะน3าภาพื้แบบใด้มูาใช�ในการเข้�ยนเว4บไซีต้'ได้�ด้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Line
Tool ในการวาด้ร�ป็เส�นต้รงได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนการวาด้เส�น Line
Tool เสร4จแล�ว น กเร�ยนจะต้�องวาด้เส�นต้รง และทึ3าเส�นต้รงให็�กลายเป็�นเส�นโค�งได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� �
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ต้ วอย+างภาพื้นามูสก�ลต้+าง ๆ
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การ
10
5
5
5
ตอนท�" 3.5 Rectangle Tool
ตอนท�" 3.6 Pencil Tool
ตอนท�" 3.7 Brush Tool
ตอนท�" 3.8 Eraser Tool
ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Pen
Tool ในการวาด้ร�ป็เส�นต้รงและเส�นโค�งได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนการวาด้เส�น Pen
Tool เสร4จแล�ว น กเร�ยนจะต้�องวาด้เส�นต้รง และทึ3าเส�นต้รงให็�กลายเป็�นเส�นโค�งได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Oval
Tool ในการวาด้ร�ป็วงกลมูและวงร�ได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนการวาด้ร�ป็ด้�วย Oval Tool เสร4จแล�ว น กเร�ยนจะต้�องวาด้ร�ป็วงกลมูและวงร�ได้�อย+างถ�กต้�องสวยงามู- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช�
วาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
5
5
5
5
Rectangle Tool ในการวาด้ร�ป็ส�,เห็ล�,ยมูได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนการวาด้ร�ป็ด้�วย Rectangle Tool เสร4จแล�ว น กเร�ยนจะต้�องวาด้ร�ป็ส�,เห็ล�,ยมูได้�อย+างถ�กต้�องและสวยงามู- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Pencil
Tool ในการวาด้ร�ป็อ�สระต้+าง ๆ เพื้$,อให็�เก�ด้เป็�นร�ป็ร+างทึ�,สวยงามู- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Pencil Tool
เสร4จแล�ว น กเร�ยนจะต้�องวาด้ร�ป็อ�สระต้ามูทึ�,ผู้��สอนก3าห็นด้ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Brush
Tool ในการระบายส� เพื้$,อให็�เก�ด้ความูสวยงามูได้�- ผู้��สอนบอกกล+าวแก+
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Brush Tool
เสร4จแล�ว น กเร�ยนจะต้�องระบายส�ในล กษณะต้+าง ๆ ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Eraser
Tool ในการลบภาพื้ทึ�,ไมู+ต้�องการได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Eraser Tool
เสร4จแล�ว น กเร�ยนสามูารถทึ�,จะลบภาพื้ทึ�,ไมู+ต้�องการออกได้�- น กเร�ยนร บภาระงาน- การเข้�ยนร�ป็โด้ยใช� Pencil Tool
- ผู้��สอนเร�,มูต้�นด้�วยการสอนเก�,ยวก บการระบายส� Brush Tool- การเล$อกล กษณะข้องแป็รงระบายส�- การก3าห็นด้ค�ณล กษณะข้องการระบายส�- การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool- การก3าห็นด้ค�ณสมูบ ต้�ข้องการลบ
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- น กเร�ยนสามูารถอธุ�บายเร$,อง ความูแต้กต้+าง“
ระห็ว+างภาพื้ Raster และ Vector การวาด้ร�ป็แบบต้+าง ๆ การระบายส� และการลบส+วนทึ�,ไมู+ต้�องการออก”
- น กเร�ยนร บภาระงาน
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอน
ตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า(นาท�
)ห์น�วิยท�" 3 อ�ปกรณ�การวิาดัภาพใน Flash
ตอนท�" 3.1 ภาพกราฟ้7ก
ตอนท�" 3.2 Line Tool
น�ยามภาระงาน
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บกล�+มู กล�+มูละ 8- 9 เพื้$,อช+วยก นศึกษาเก�,ยวก บความูแต้กต้+างระห็ว+างภาพื้นามูสก�ลต้+าง ๆ ภาพื้ภาพื้นามูสก�ลใด้ เห็มูาะสมูก บการใช�งานแบบใด้- ผู้��สอนทึ3าการส�+มูต้ วแทึนน กเร�ยนออกมูาสร�ป็ห็น�าช %นเร�ยน 2 – 3
คน - ผู้��สอนแจกภาระงานทึ�, 3 เร$,อง ภาพื้ Rector
และ ภาพื้ Vector
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- ต้ วอย+างร�ป็ภาพื้แบบ Rector และ ภาพื้ Vector
10
10
ตอนท�" 3.3 Pen Tool
ตอนท�" 3.4 Oval Tool
จ3านวน 2 ข้�อ ให็�น กเร�ยนทึ3าการอธุ�บายภาพื้น %น - น กเร�ยนทึ3าเสร4จ ผู้��สอนทึ3าการเฉลยค3าต้อบทึ�,ถ�กต้�องให็�บนกระด้าน
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Line
Tool ในการวาด้ร�ป็เส�นต้รง ซี,งเมู$,อวาด้เส�นต้รงได้�แล�ว ผู้��สอนจะให็�น กเร�ยนป็ร บเป็�นเส�นโค�งได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+วาด้เส�นต้รง และเส�นโค�ง ในล กษณะต้+าง ๆ ต้ามูทึ�,น กเร�ยนชอบ- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างเส�นต้รงและเส�นโค�งได้�ต้ามูทึ�,ผู้��สอนต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'
10
15
ตอนท�" 3.5 Rectangle Tool
ตอนท�" 3.6 Pencil Tool
Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Pen
Tool ในการวาด้ร�ป็เส�นต้รง ซี,งเมู$,อวาด้เส�นต้รงได้�แล�ว ผู้��สอนจะให็�น กเร�ยนป็ร บเป็�นเส�นโค�งได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+วาด้เส�นต้รง และเส�นโค�ง ในล กษณะต้+าง ๆ ต้ามูทึ�,น กเร�ยนชอบ ซี,งน กเร�ยนสามูารถด้�ใบความูร� �ป็ระกอบได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างเส�นต้รงและเส�นโค�งได้�ต้ามูทึ�,ผู้��สอนต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยน
- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงาน
15
15
15
ตอนท�" 3.7 Brush Tool
ตอนท�" 3.8 Eraser Tool
ทึด้ลองให็�เคร$,องมู$อ Oval
Tool ในการวาด้ร�ป็วงกลมูและวงร� - ผู้��สอนให็�น กเร�ยนแต้+ละวาด้ร�ป็วงกลมูและวงร�ข้นาด้ให็ญ+และเล4ก จากน %นให็�น3ามูาป็ระกอบก นเพื้$,อให็�เก�ด้เป็�นร�ป็ด้อกไมู� ทึ %งเอา Line Tool มูาวาด้เป็�นก�,งก�าน - ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็ด้อกไมู�ได้�ต้รงต้ามูความูต้�องการได้�แล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Rectangle Tool ในการวาด้ร�ป็ส�,เห็ล�,ยมู - ผู้��สอนให็�น กเร�ยนแต้+ละวาด้ร�ป็ส�,เห็ล�,ยมูทึ %งทึ�,ข้นาด้ให็ญ+และเล4ก จากน %นให็�น3ามูาป็ระกอบก นเพื้$,อให็�เก�ด้เป็�นร�ป็บ�าน โด้ยน กเร�ยน
แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash
15
สามูารถน3าความูร� �เก�,ยวก บ Line Tool , Pen Tool , Oval Tool มูาป็ระกอบให็�เก�ด้เป็�นร�ป็อ$,น ๆ ด้�วยได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็บ�านได้�ต้รงต้ามูความูต้�องการแล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Pencil Tool ในการวาด้ร�ป็ร+างอ�สระต้+าง ๆ เพื้$,อให็�เก�ด้เป็�นร�ป็ต้+าง ๆ - ผู้��สอนให็�น กเร�ยนแต้+ค�+สร�างสรรค'ภาพื้ โด้ยการใช�เคร$,องมู$อต้+าง ๆ มูาป็ระกอบก น ด้�วยได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็ทึ�,สวยงามูได้�ต้รงต้ามู
MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash
- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ความูต้�องการแล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนค�+น3าร�ป็ด้อกไมู�ทึ�,ได้�วาด้ไว�คร %งก+อน ข้%นมูา จากน %นผู้��สอนสอนให็�น กเร�ยนระบายส�ในแบบต้+าง ๆ ต้ามูใบความูร� �- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถระบายส�ด้อกไมู�ได้�สวยงามู ถ$อว+าผู้+านต้รงต้ามูว ต้ถ�ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนจะให็�น กเร�ยนค�+น3าร�ป็ด้อกไมู�ทึ�,ได้�ระบายส�ไว�เร�ยบร�อยแล�วข้%นมูา จากน %นผู้��สอนสอนให็�น กเร�ยน
ภาพื้ใน Flash”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ลบกล�บด้อกบางด้อกออกไป็ โด้ยว�ธุ�การลบจะมู�ห็ลายว�ธุ� ต้ามูใบความูร� �- ผู้��สอนให็�น กเร�ยนสร�ป็การวาด้ร�ป็ พื้ร�อมูทึ %งระบายส� มู�การต้กแต้+งและลบให็�สวยงามู - ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถออกแบบร�ป็ภาพื้ได้�อย+างสวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 3 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 3.1 ภาพกราฟ้7ก - ภาพื้กราฟ>กชน�ด้ Raster- ภาพื้กราฟ>กชน�ด้ Vector
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash
MX )- - ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ใน“
การวาด้ภาพื้ใน Flash”
5
ตอนท�" 3.2 Line Tool - การวาด้เส�นต้รงด้�วย Line Tool- การทึ3าให็�เส�นต้รงกลายเป็�นเส�นโค�ง
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.3 Pen Tool - การวาด้ร�ป็ด้�วย Pen Tool- การวาด้เส�นต้รงโด้ยใช� Pen Tool- การวาด้ส+วนโค�งโด้ยใช� Pen Tool
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.4 Oval Tool
- การวาด้วงกลมูด้�วย Oval Tool- การวาด้วงร�ด้�วย Oval Tool
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.5 Rectangle Tool
- การวาด้ร�ป็ส�,เห็ล�,ยมูด้�วย Rectangle Tool
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.6 Pencil Tool
- การเข้�ยนร�ป็โด้ยใช� Pencil Tool
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.7 Brush Tool
- การระบายส�โด้ย Brush Tool- การเล$อกล กษณะข้องแป็รงระบายส�- การก3าห็นด้ค�ณล กษณะข้องแป็รงระบายส�
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ตอนท�" 3.8 Eraser Tool
- การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool- การก3าห็นด้ค�ณล กษณะข้องการลบ
- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“
ภาพื้ใน Flash”
10
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 7 กล�+มู และให็�แต้+ละกล�+มูออกมูาสร�ป็เก�,ยวก บ
เคร$,องมู$อทึ�,ได้�เร�ยนไป็ห็น�าช %นเร�ยน ว+าเคร$,องมู$อแต้+ละชน�ด้ใช�งานและเป็�นอย+างไรบ�าง แบ+งด้ งห็ วข้�อต้+อไป็น�% ใช�เวลา 15 นาทึ�
1. Line Tool2. Pen Tool3. Oval Tool4. Rectangle Tool5. Pencil Tool6. Brush Tool7. Eraser Tool
6. ภาระงานท�" 3ให็�น กเร�ยนป็ฏิ�บ ต้�งานลงเคร$,อง ภาระงานทึ�, 3 เร$,อง การวาด้ภาพื้จากเคร$,องมู$อ
ใน Flash
7. ส,"อการเร�ยนการสอน
7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX ))
7.2 ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้ภาพื้ใน “ Flash”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx โด้ย
ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��น กเร�ยนป็ฏิ�บ ต้�งาน โด้ยการสร�างภาพื้ ด้�วยการใช�เคร$,องมู$อทึ�, Flash MX มู�ให็�
และเมู$,อน กเร�ยนวาด้เสร4จ ผู้��สอนให็�น กเร�ยน Save งานลงแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 3 การวิาดัภาพโดัยใชี�เคร,"องม,อ Flash
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง
1. น กเร�ยนสามูารถวาด้ภาพื้โด้ยใช�เคร$,องมู$อทึ�, Flash มู�ให็� ได้�ถ�กต้�อง สวยงามู
2. น กเร�ยนมู�ความูสนใจ และกระต้$อร$อร�นในการทึ3างานทึ�,ได้�ร บมูอบห็มูาย
3. ความูต้รงต้+อเวลาในการส+งงาน4. น กเร�ยนมู�ความูเป็�นระเบ�ยบ
เร�ยบร�อยในการทึ3างาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 3อ�ปกรณ�การวิาดัภาพใน Flash
แผู้นการสอนท�" 3จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถใช�อ�ป็กรณ'ต้+าง ๆ ใน Flash วาด้ร�ป็ทึ�,ก3าห็นด้ให็�ได้�จั�ดัประสงค�ปลุ่ายทาง
1. เป็ร�ยบเทึ�ยบความูแต้กต้+างระห็ว+างภาพื้ Raster ก บภาพื้ Vector
2. การวาด้เส�นต้รงด้�วย Line Tool
3. การวาด้ร�ป็ด้�วย Pen Tool
4. การวาด้ร�ป็วงกลมูและวงร�ด้�วย Oval Tool
5. การวาด้ส�,เห็ล�,ยมูด้�วย Rectangle Tool
6. การเข้�ยนร�ป็โด้ยใช� Pencil Tool
7. การระบายส�โด้ยใช� Brush Tool
8. การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool
เน,!อห์าภาพกราฟ้7กชีน�ดั Raster
ภาพื้ชน�ด้น�% เป็�นภาพื้ทึ�,เก�ด้จากเมู4ด้ส�ห็ร$อจ�ด้ส�ทึ�,เราเร�ยกก นว+า Pixel มูาเร�ยงก นจนเป็�นภาพื้ เพื้ราะฉะน %นความูสวยงามูข้องภาพื้จงข้%นอย�+ก บความูละเอ�ยด้ข้องเมู4ด้ส� ย�,งมู�ความูละเอ�ยด้มูากความูสวยงามูก4ย�,งคมูช ด้ แต้+ส�,งห็น,งทึ�,ต้ามูมูาค$อ ข้นาด้ข้องภาพื้ก4จะให็ญ+ต้ามูไป็ด้�วย ภาพื้ชน�ด้ Raster ทึ�, เราพื้บเห็4นก น ได้�แก+ ภาพื้ชน�ด้ Bitmap เป็�นต้�นภาพกราฟ้7กชีน�ดั Vector
ภาพื้ชน�ด้น�%เป็�นภาพื้ในล กษณะทึ�,ใช�การค3านวณทึางคณ�ต้ศึาสต้ร'เข้�ามูาช+วย ทึ3าให็�ไมู+เก�ด้ป็6ญห็ารอยห็ย กห็ร$อรอยแต้กเมู$,อข้ยายภาพื้ เพื้ราะภาพื้กราฟ>กชน�ด้ Vector น�%ใช�ส+วนป็ระกอบข้องเส�นต้รงและเส�นโค�งต้+าง ๆ มูาป็ระกอบก นจนเป็�นภาพื้ ซี,งเส�นต้รงและเส�นโค�งน�%สามูารถน3ามูาค3านวณทึางคณ�ต้ศึาสต้ร'ได้� ภาพื้กราฟ>กชน�ด้ Vector ทึ�,เราพื้บเห็4นส+วนให็ญ+เป็�นภาพื้ทึ�,ถ�กสร�างข้%น เช+น Clipart เป็�นต้�นการวิาดัเส�นตรงดั�วิย Line Tool
ค3าส ,ง Line Tool เป็�นค3าส ,งทึ�,ใช�ในการลากเส�นต้รงในล กษณะต้+าง ๆ เราสามูารถใช�งานค3าส ,ง Line Tool ได้�ด้ งน�% ค$อ
1. Click mouse ทึ�,ไอคอน Line ทึ�,กล+องเคร$, องมู$อ ต้ วช�% เมูาส' จ ะเป็ล�,ยนเป็�นร�ป็
2. Click mouse ค�างไว�ทึ�,จ�ด้เร�,มูต้�น3. ลากเมูาส'ไป็ย งต้3าแห็น+งทึ�,ต้�องการ แล�วป็ล+อยเมูาส'
การท'าเส�นตรงให์�กลุ่ายเป:นเส�นโค�งเราสามูารถเป็ล�,ยนเส�นต้รงให็�กลายเป็�นเส�นโค�งโด้ยคล�กเมูาส'ทึ�,ป็�<มู Arrow
Tool แล�วน3าเมูาส'ไป็วางบร�เวณเส�นต้รง ให็�ต้ วช�%เมูาส'เป็�น แล�วจงคล�กเมูาส'ค�างไว� แล�วด้ ด้เส�นต้รงให็�โค�งไป็มูา
การวิาดัร�ปดั�วิย Pen Tool
Pen Tool เป็�นเคร$,องมู$อทึ�,ใช�วาด้เส�นและส+วนโค�งต้+าง ๆ โด้ยการคล�กเมูาส'แต้+ละคร %งเป็�นการก3าห็นด้จ�ด้แต้+ละจ�ด้ในต้3าแห็น+งทึ�,ต้�องการคล�กเมูาส'น %น ๆ และจ�ด้แต้+ละจ�ด้ทึ�,คล�กเมูาส'น %นจะถ�กเช$,อมูโยงโด้ยเส�นต้รง ห็ร$อเส�นโค�งทึ�,เป็�นส+วนโค�งข้องวงกลมูห็ร$อวงร� ซี,งจะสามูารถก3าห็นด้ได้�โด้ยการคล�กเมูาส'ค�างไว�แล�วลากไป็ในทึ�ศึทึางทึ�,ต้�องการ จะพื้บเส�นต้รงส�น3%าเง�นแสด้งเป็�นร�ป็เส�นต้รงทึ�,ส มูผู้ สส+วนโค�งน %น เพื้$,อให็�สามูารถสร�างส+วนโค�งห็ร$อความูโค�งได้�ต้ามูต้�องการ
การวิาดัเส�นตรงโดัยใชี� Pen Tool
1. คล�กเมูาส'ทึ�,ไอคอน Pen Tool ต้ วช�%เมูาส'จะเป็�นเป็�น2. คล�กเมูาส'ทึ�,จ�ด้เร�,มูต้�นข้องเส�นต้รง3. คล�กเมูาส'ทึ�,จ�ด้ส�ด้ทึ�ายข้องเส�นต้รง จะพื้บว+า Flash จะสร�างเส�นต้รงเช$,อมู
ต้+อระห็ว+างจ�ด้สองจ�ด้ให็�โด้ยอ ต้โนมู ต้�
การวิาดัส�วินโค�งโดัยใชี� Pen Tool
การวาด้ส+วนโค�งโด้ยใช�เคร$,องมู$อชน�ด้น�%จะได้�ส+วนโค�งทึ�,สวยงามูและมู�ความูราบเร�ยบส�ง โด้ยว�ธุ�การวาด้เส�นโค�งมู�ด้ งน�%
1. คล�กเมูาส'ทึ�,ไอคอน Pen Tool ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ 2. คล�กเมูาส'เพื้$,อก3าห็นด้จ�ด้เร�,มูต้�นข้องเส�นโค�งทึ�,ต้�องการจะวาด้3. คล�กเมูาส'ค�างไว�ทึ�,จ�ด้ป็ลาย จะป็รากฏิเส�นต้รงและแข้นส3าห็ร บป็ร บให็�เป็�นเส�น
โค�ง จากน %นให็�ลากเข้�าออกห็ร$อข้%นลง โด้ยไมู+ต้�องป็ล+อยเมูาส'เส�นต้รงน�%จะกลายเป็�นเส�นโค�งงอต้ามูเมูาส'ทึ�,เราลาก
4. เมู$,อต้�องการทึ3าเส�นโค�งเช$,อมูต้+อจากเส�นโค�งเด้�มู ให็�คล�กเมูาส'ค�างไว�ทึ�,จ�ด้ป็ลายทึางอ�กจ�ด้ห็น,ง แล�วลากเข้�าออก ห็ร$อข้%นลง โป็รแกรมู Flash จะทึ3าการวาด้เส�นโค�งเช$,อมูต้+อให็�โด้ยอ ต้โนมู ต้�
การวิาดัวิงกลุ่มแลุ่ะวิงร�ดั�วิย Oval Tool
ค3าส ,ง Oval Tool เป็�นค3าส ,งทึ�,ใช�ในการวาด้ร�ป็วงกลมูและวงร�ในล กษณะต้+าง ๆ 1. คล�กเมูาส'ทึ�,ไอคอน Oval Tool ทึ�,กล+องเคร$,องมู$อห็ร$อกด้ค�ย' < O >
ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ 2. ลากเมูาส'เพื้$,อวาด้ร�ป็วงกลมูห็ร$อวงร�ต้ามูข้นาด้ทึ�,ต้�องการ
การวิาดัส�"เห์ลุ่�"ยมดั�วิย Rectangle Tool
Line Tool เป็�นเคร$,องมู$อทึ�,ใช�ในการวาด้ร�ป็ส�,เห็ล�,ยมู เราสามูารถใช�งานค3าส ,ง Rectangle Tool ได้�ด้ งน�%ค$อ
1. คล�กเมูาส'ทึ�,ไอคอน Rectangle Tool ทึ�,กล+องเคร$,องมู$อ ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ 2. ลากเมูาส'ไป็ย งต้3าแห็น+งทึ�,ต้�องการ แล�วป็ล+อยเมูาส' ห็ากเก�ด้ร�ป็วงกลมูเล4ก ๆ
ด้�านข้�างเมูาส'แสด้งว+าจะได้�ร�ป็ส�,เห็ล�,ยมูจต้�ร ส
.
เราสามูารถก3าห็นด้ค+ามู�มูข้องร�ป็ส�,เห็ล�,ยมูให็�มู�ความูมูนได้� โด้ยคล�กเมูาส'ทึ�,Radius ในส+วนข้อง Option แล�วก3าห็นด้ค+าความูมูนข้องร�ป็ส�,เห็ล�,ยมูทึ�,
ห็น�าต้+าง Settings
การเขั้�ยนร�ปโดัยใชี� Pencil Tool
pencil Tool เป็�นเคร$,องมู$อทึ�,ใช�ในการวาด้ภาพื้ เช+นเด้�ยวก บ Pen Tool ซี,ง Pen Tool จะเน�นห็น กทึางด้�านการป็ร บแต้+งเส�น ทึ�,เราได้�เร�ยนร� �มูาก+อนห็น�าน�% แต้+ล กษณะข้อง Pencil Tool น %นเห็มูาะส3าห็ร บการวาด้ภาพื้เป็�นแบบร+าง ห็ร$อการข้�ด้เส�นต้+าง ๆ
1. คล�กเมูาส'ทึ�,ไอคอน ทึ�,กล+องเคร$,องมู$อ ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ 2. ก3าห็นด้ร�ป็แบบข้องเส�นโด้ยคล�กเมูาส'ป็�<มู Pencil Mode ในส+วนข้อง
Option จากกล+องเคร$,องมู$อ
3. ลากเส�นได้�อ�สระต้ามูต้�องการ
การระบายส�โดัย Brush Tool
Brush Tool ห็ร$อแป็รงระบายส� เป็�นเคร$,องมู$อทึ�,ใช�ในการระบายส� ซี,ง Flash
ทึ3าให็�การระบายส�ทึ�,ค+อนข้�างย�+งยากกลายเป็�นเร$,องง+ายอย+างไมู+น+าเช$,อ ว�ธุ�การระบายส� ค$อ
1. เล$อกส�ทึ�,ต้�องการระบายให็�เป็�นส�ข้อง Fill Color
2. คล�กเมูาส'เล$อกทึ�, ต้ วช�%เมูาส'จะมู�ร�ป็ร+างเห็มู$อนแป็รงระบายส� ต้ามูทึ�,เราเล$อก
3. ลากเมูาส'ระบายส�ต้ามูต้�องการ
การเลุ่,อกลุ่�กษณะขั้องแปรงระบายส�ท�"ใชี�ข้นาด้และห็น�าต้ ด้ข้องแป็รงระบายส� เราสามูารถเล$อกใช�งานได้�จาก Option
ข้องแป็รงระบายส� (Brush Tool) โด้ยก3าห็นด้ข้นาด้ข้องแป็รงระบายส�ทึ�,ช+อง Brush
Size และก3าห็นด้ล กษณะห็น�าต้ ด้ข้องแป็รงระบายส�ได้�ทึ�,ช+อง Brush Shape
การก'าห์นดัค�ณลุ่�กษณะขั้องการระบายส�เราสามูารถก3าห็นด้ค�ณล กษณะข้องการระบายส� โด้ยคล�กเมูาส'ทึ�,ป็�<มู แล�ว
เล$อกล กษณะการระบายส�ต้ามูต้�องการ ด้ งน�%
Paint Normal
ก3าห็นด้ให็�ระบายส�ทึ บทึ�กส+วนข้องภาพื้
Paint Fill ก3าห็นด้ให็�ระบายส�ทึ บพื้$%นทึ�,เส�นเส�นกรอบร�ป็ไว�Paint Behind
ก3าห็นด้ให็�ระบายส�ในส+วนพื้$%นห็ล ง
Paint Selection
ก3าห็นด้ให็�ระบายส�ทึ บในส+วนทึ�,ทึ3าการ Selection ไว�
Paint Inside
ก3าห็นด้ให็�ระบายส�ทึ บพื้$%นทึ�,ด้�านใน
การลุ่บส�วินท�"ไม�ต�องการออกโดัย Eraser Tool
เราสามูารถลบส+วนทึ�,ไมู+ต้�องการข้องภาพื้ออกได้� โด้ยการใช�เคร$,องมู$อ Eraser
Tool ด้�วยว�ธุ�การ ด้ งต้+อไป็น�%1. คล�กเมูาส'ทึ�,ไอคอน
2. ลากเมูาส'ลบบร�เวณทึ�,ไมู+ต้�องการข้องภาพื้ออก
การก'าห์นดัค�ณลุ่�กษณะขั้องการลุ่บเมู$,อเราได้�เล$อกการลบด้�วย Eraser Tool น %น เราสามูารถก3าห็นด้ค�ณสมูบ ต้�
การลบได้�ในส+วนข้อง Options ได้�ด้ งน�%Eraser mode เป็�นการก3าห็นด้ร�ป็แบบการลบในล กษณะต้+าง ๆ เมู$,อ
เราคล�กเมูาส'ทึ�,ป็�<มู Eraser mode แล�วสามูารถเล$อกร�ป็แบบการลบได้�ด้ งน�%
ก3าห็นด้ให็�ลบทึ�กส+วนข้องภาพื้ก3าห็นด้ให็�ลบส+วนทึ�,เป็�นพื้$%นทึ�,ยกเว�นเส�นกรอบก3าห็นด้ให็�ลบเฉพื้าะเส�นกรอบก3าห็นด้ให็�ลบเฉพื้าะพื้$%นทึ�,ทึ�,ถ�กเล$อกก3าห็นด้ให็�ลบเฉพื้าะพื้$%นทึ�,ภายในเส�นกรอบ
Faucet เป็�นการก3าห็นด้ร�ป็แบบการลบโด้ยคล�กเมูาส' ส+วนทึ�,ต้�องการลบ ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นเราสามูารถคล�กเมูาส'เล$อกลบได้�ทึ %งส+วนทึ�,เป็�นพื้$%นทึ�, และส+วนทึ�,เป็�นเส�นกรอบได้�
Eraser Shape เป็�นส+วนทึ�,ก3าห็นด้ข้นาด้และร�ป็ร+างห็ วยางลบ ซี,งมู�ทึ %งห็ วแบบวงกลมูและห็ วแบบร�ป็ส�,เห็ล�,ยมู
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ภาระงานท�" 3ภาพ Raster แลุ่ะ ภาพ Vector
ช$,อ…………………………………………
นามูสก�ล เลข้ทึ�,…………………………………… …………………..
ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………
พื้.ศึ……………………………….
ให็�น กเร�ยนต้อบค3าถามูด้ งต้+อไป็น�%1. ภาพื้ Raster เป็�นภาพื้แบบใด้ ยกต้ วอย+างชน�ด้ข้องภาพื้ป็ระกอบ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..
2. ภาพื้ Vector เป็�นภาพื้แบบใด้ ยกต้ วอย+างชน�ด้ข้องภาพื้ป็ระกอบ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถเล$อกใช�ส�ให็�เห็มูาะสมูก บงานทึ�,สร�างข้%นมูาได้�
3. สาระการเร�ยนร��1. การเล$อกส�ข้อง Stroke Color และ Fill Color
1.1 Default Color1.2 No Color1.3 Swap Colors
2. การใช�ห็น�าต้+าง Color Mixer
3. การแสด้งส�แบบ Solid
4. การไล+โทึนส�แบบ Linear
5. ก3าห็นด้การไล+ส�แบบ Redial
6. ก3าห็นด้ให็�แสด้งส�เป็�นภาพื้แบบ Bitmap
7. การก3าห็นด้ให็�พื้$%นส�เป็�นร�ป็8. การเล$อกส�จากห็น�าต้+าง Color Swatches
9. การเป็ล�,ยนส�พื้$%นทึ�,ทึ�,ถ�ก Selection
10. การเทึส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool
11. Options ข้องถ งส�12. การป็ร บโทึนส�โด้ยใช� Lock Fill
13. การเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle Tool
14. เล$อกส�โด้ยใช� Dropper Tool
15. การก3าห็นด้ส�และล กษณะข้องเส�นข้อบ16. การป็ร บแต้+งภาพื้ Transform Fill
17. การป็ร บโทึนส�แบบ Linear
18. การป็ร บแต้+งโทึนส�แบบ Radial
4. สาระท�"น'ามาบ�รณาการน กเร�ยนสามูารถน3าความูร� �ว�ชาศึ�ลป็ะ เก�,ยวก บแมู+ส� และการใช�ส� เพื้$,อน3าห็ล กการมูา
ทึ3าการผู้สมูส�ได้�สวยงามู
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 แบบทดัสอบก�อนเร�ยน
ใช�แบบทึด้สอบก+อนเร�ยนแบบป็รน ย จ3านวน 10 ข้�อ เวลา 10 นาทึ�
ขั้�!นท�" 2 น'าเขั้�าส��บทเร�ยนห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 4 การท'างานก�บส�ตอนท�" 4.1 การดั�ค�าดั�วิยห์น�าต�าง Info
ตอนท�" 4.2 การใชี�ห์น�าต�าง Color Mixer
ตอนท�" 4.3 การไลุ่�โทนส�
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- ผู้��สอนบอกให็�น กเร�ยนเข้�าใจก+อนว+าเมู$,อน กเร�ยนเร�ยนเร$,องการอ+านค+าในห็น�าต้+าง Info แล�ว น กเร�ยนจะต้�องสามูารถบอกค+าต้+าง ๆ ในห็น�าต้+างๆ ได้� - น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายล กษณะการใช�งานข้องห็น�าต้+าง Color Mixer
- ผู้��สอนจะให็�น กเร�ยนเล$อกส�จากส�ข้อง Stroke
Color และ Fill Color
ซี,งจะมู�ว�ธุ�การป็ฏิ�บ ต้�อย�+ห็ลายร�ป็แบบ ซี,งน กเร�ยนจะต้�องจด้จ3าว�ธุ�การเล$อกส� และใช�ส�พื้$%นและส�เส�น เพื้�,มูเต้�มูให็�ก บร�ป็วาด้
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� - ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� “ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� - ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� “ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
10
10
ตอนท�" 4.4 เลุ่,อกส�จัากห์ น� า ต� า ง Color Swatches
- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บาย ว�ธุ�การไล+โทึนส�อย+างถ�กต้�องได้�- ผู้��สอนสอนให็�น กเร�ยนก3าห็นด้ส�พื้$%นแบบ Solid
เป็�นการก3าห็นด้ส�พื้$%น- การไล+โทึนส�แบบ Linear เป็�นการก3าห็นด้ให็�มู�การไล+ส�แบบเส�นต้รง- การก3าห็นด้ให็�พื้$% นส�เป็�นร�ป็ สามูารถทึ3า ได้�โด้ยใช�ห็น� าต้+ าง Color Mixer
โด้ยก3า ห็นด้ร�ป็แบบเป็�น Bitmap- ซี,งเมู$,อน กเร�ยนได้�เร�ยนเก�,ยวก บการไล+โทึนส�แล�ว น กเร�ยนจะต้�องสามูารถไล+โทึนส�แบบต้+าง ๆ ได้�ถ�กต้�อง- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บาย ว�ธุ�การเล$อกส�จากห็น�าต้+าง Color Swatches ได้�- น กเร�ยนสามูารถสร�างงานโด้ยการใช�พื้$%นส�ด้�วยการไล+ส�แบบต้+าง ๆ รวมูถงการให็�ส�พื้$%นเป็�นร�ป็ภาพื้
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� - ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� “ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� - ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� “ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ด้�วยผู้��สอนบอกกล+าวแก+น กเร�ยนว+า ในการเร�ยนจ�ด้ป็ระสงค'น�% น กเร�ยนทึ�กคนจะต้�องสร�างส�พื้$%นให็�เป็�นร�ป็ภาพื้ได้�- น กเร�ยนร บภาระงาน
ขั้�!นท�" 3 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 4 การท'างานก�บส�ตอนท�" 4.1 การดั�ค�าดั�วิยห์น�าต�าง Info
ตอนท�" 4.2 การใชี�ห์น�าต�าง Color Mixer
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนให็�น กเร�ยนเป็>ด้ห็น�าต้+าง Info โด้ยใช�ค3าส ,ง Window Info
เมู$,อเป็>ด้ห็น�าต้+าง Info ได้�แล�ว ผู้��สอนจะทึ3าการอธุ�บายว+า แต้+ละส+วนมู�ห็น�าทึ�,อย+างไร- ผู้��สอนทึ3าการส�+มูต้ วอย+างน กเร�ยนในช %นเร�ยน 4 – 5 ข้%นมูา พื้ร�อมูทึ %งถามูเก�,ยวก บส+วนต้+าง ๆ ข้องห็น�าต้+าง ๆ Info เพื้$,อเป็�นการทึด้สอบว+า
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อ
20
30
ตอนท�" 4.3 การไลุ่�โทนส�
ตอนท�" 4.4 เลุ่,อกส�จั า ก ห์ น� า ต� า ง Color Swatches
น กเร�ยนเข้�าใจทึ�,ผู้��สอนได้�สอนไป็ห็ร$อไมู+
- ผู้��สอนแจกใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนทึ3าการอธุ�บายเก�,ยวก บ Fill Color และ Stork Color ว+ามู�ส+วนแต้กต้+างก นอย+างไร - ผู้��สอนให็�น กเร�ยนได้�ทึ3าการใช�ห็น�าต้+าง Color
Mixer ว+า มู�การไล+ส�เป็�นแบบใด้บ�าง
1. Solid2. Linear3. Redial4. Bitmap
- ผู้��สอนให็�ภาระงาน โด้ยให็�น กเร�ยนแต้+ละค�+ เล$อกการเล$อกส�แบบ Linear
โด้ยน กเร�ยนจะใช�ต้ วเล$,อนส�ก�,ต้ วก4ได้�- น กเร�ยน สามูารถด้� ใบความูร� �ป็ระกอบการทึ3างานได้�- น กเร�ยนสามูารถไล+ส�แบบ Linear ได้�ถ�กต้�อง สวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'
แผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�
- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�
- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
30
30
- ผู้��สอนแจกใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนให็�ภาระงาน โด้ยให็�น กเร�ยนแต้+ละค�+ เล$อกการเล$อกส�แบบ Redial
โด้ยน กเร�ยนจะใช�ต้ วเล$,อนส�ก�,ต้ วก4ได้�- น กเร�ยน สามูารถด้� ใบความูร� �ป็ระกอบการทึ3างานได้�- น กเร�ยนสามูารถไล+ส�แบบ Redial ได้�ถ�กต้�อง สวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX
- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ทึ3าการ Import ไฟล'ร�ป็ภาพื้มูาเก4บไว�ก+อน แล�วอธุ�บายว+า คร %งทึ�,แล�วมูา เราใส+ส�พื้$%นเป็�นส�ต้+าง ๆ คราวน�%เราจะใส+ส�พื้$%นเป็�น
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ร�ป็ภาพื้- ผู้��สอนให็�น กเร�ยนสร�างร�ป็วงกลมู จากน %นก4เป็ล�,ยนห็น�าต้+าง Color
Mixer เป็�นแบบ Bitmap ซี,งจะทึ3าให็�พื้$%นห็ล งเป็�นร�ป็ภาพื้ได้�- ผู้��สอนให็�น กเร�ยนก3าห็นด้ร�ป็ทึรงข้องภาพื้เอง โด้ยให็�น กเร�ยนให็�ส�พื้$%นเป็�นร�ป็ภาพื้ใด้ ๆ ก4ได้�- น กเร�ยนทึ�กคนสามูารถใส+ภาพื้เป็�นส�พื้$%นได้�ถ�กต้�องและสวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 4 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 4.1 การดั�ค�าดั�วิยห์น�าต�าง Info
- Stork และ Fill เส�นและพื้$%นทึ�,ภายใน- การเล$อกส�เพื้�,มูเต้�มู
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
15
- การแสด้งส�แบบ Solid- การแสด้งส�แบบ Linear- การไล+โทึนส�แบบ Redial
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,
15
- ก3าห็นด้ให็�พื้$%นแสด้งเป็�นภาพื้ Bitmap
อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
ตอนท�" 4.3 การไลุ่�โทนส�
- การไล+โทึนส�- การไล+โทึนส�มูากกว+า 2 ส�- การเพื้�,มูต้ วเล$,อนส�- การลบต้ วเล$,อนส�
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
20
ตอนท�" 4.4 เลุ่,อกส�จัากห์น�าต�าง Color Swatches
- การเป็ล�,ยนส�พื้$%นทึ�, ทึ�,ถ�ก Selection
- การเป็ล�,ยนส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool- Option ข้องถ งส�- การเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle Tool
- การเล$อกส�โด้ยใช� Dropper Tool
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
20
ขั้�!นท�" 5 ทดัสอบห์ลุ่�งเร�ยนให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 4 กล�+มู เพื้$,อสร�ป็เก�,ยวก บการไล+โทึนส�แบบต้+าง ๆ
และสร�ป็ว+าโทึนส�ใด้เห็มูาะก บการใช�งานแบบใด้ จากน %นให็�ส+งต้ วแทึนกล�+มูออกมูารายงานห็น�าช %นเร�ยน ผู้��สอนเป็�นผู้��สร�ป็ป็>ด้ทึ�าย ใช�เวลา 20 นาทึ�
1. Solid2. Linear3. Redial4. Bitmap
6. ภาระงานท�" 4
ภาระงานทึ�, 4 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การไล+ส�แบบต้+าง ๆ
ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การสร�างภาพื้และแต้+งเต้�มูส�สรรค'
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash
MX ))7.2 ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx โด้ย
ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' ผู้��สอนให็�น กเร�ยนทึ3าการไล+ส�แบบ
ต้+าง ๆ ต้ามูใบงานและทึ3าการบ นทึกงานลงแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นท�" 4 เร,"อง การไลุ่�ส�แบบต�าง ๆ
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3าการไล+ส�ในร�ป็
แบบต้+าง ๆ ได้�ถ�กต้�อง สวยงามู ต้ามูใบงานทึ�,ได้�ร บ
2. น กเร�ยนมู�ความูสนใจ และกระต้$อร$อร�นในการทึ3างาน
3. ความูต้รงต้+อเวลาในการส+งงาน4. น กเร�ยนมู�ค�ณธุรรมู จร�ยธุรรมูในการ
ทึ3างานร+วมูก บบ�คคลอ$,น ๆ
11. สร�ปผู้ลุ่การเร�ยนร��
ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 4การท'างานก�บส�
แผู้นการสอนท�" 4จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถเล$อกใช�ส� และป็ร บแต้+งส�ได้�อย+างถ�กต้�องสวยงามูจั�ดัประสงค�ปลุ่ายทาง
1. การเล$อกส�ข้อง Stroke Color และ Fill Color
2. การใช�ห็น�าต้+าง Color Mixer
3. เล$อกใช�ส�จากห็น�าต้+าง Color Swatches
4. การเป็ล�,ยนส�พื้$%นทึ�,ถ�ก Selection
5. การเทึส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool
6. การเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle Tool
7. เล$อกส�โด้ยใช� Dropper Tool
8. การก3าห็นด้ส�พื้$%นเป็�นร�ป็ภาพื้เน,!อห์าการดั�ค�าดั�วิยห์น�าต�าง Info
เราสามูารถด้�รายละเอ�ยด้ข้องส�ทึ�,ใช�อย�+ได้�ทึ�,ห็น�าต้+าง Info โด้ยใช�ค3าส ,งทึ�, Window
> Info ซี,งค+าส�จะเป็ล�,ยนไป็ในแต้+ละจ�ด้ต้ามูต้3าแห็น+งข้องต้ วช�%เมูาส'ด้ งรายละเอ�ยด้ต้+อไป็น�%
Stroke แลุ่ะ Fill เส�นแลุ่ะพ,!นท�"ภายในStroke เป็�นเส�นรอบร�ป็ห็ร$อเส�นโครงร+างข้องว ต้ถ�
ห็ร$อเป็�นเส�นทึ�,ถ�กสร�างข้%นมูา เช+น เส�นต้รง, เส�นโค�ง ห็ร$อเส�นทึ�,เป็�นลวด้ลาย
Fill เป็�นพื้$%นทึ�,ภายในข้องเส�นร�ป็ ห็ร$อพื้$%นทึ�,ทึ�,ไมู+มู�เส�นรอบร�ป็ก4ได้�เป็�นร�ป็ทึรง 2 มู�ต้� ซี,งเราสามูารถทึ�,จะแยกระห็ว+าง Stroke ก บ Fill ได้�ด้ งน�%
เราสามูารถก3าห็นด้ส�ข้อง Stroke Color และ Fill Color ได้�ด้ งน�%ค$อ1. Click mouse ทึ�, ข้อง Stroke Color ห็ร$อส�ข้อง Fill
Color ทึ�,เราต้�องการเป็ล�,ยน ในทึ�,น�%เราจะเป็ล�,ยนส�ข้อง Stroke Color ฉะน %น Click mouse ทึ�, ข้อง Stroke Color
2. เล$อกส�จากต้ารางส�ทึ�,ป็รากฏิข้%น
การเลุ่,อกส�เพ�"มเต�มเราสามูารถเล$อกส�ทึ�,เราต้�องการนอกเห็น$อจากต้ารางส�ทึ�, Flash เต้ร�ยมูไว�ได้�1. Click mouse ป็�<มู เมู$, อต้�องการเล$อกส�เพื้�,มูเต้�มูห็ร$อเล$อกส�ทึ�,
ต้�องการ2. เล$อกส�ทึ�,ต้�องการจากห็น�าต้+าง Color เราสามูารถเล$อกส�ต้+าง ๆ ได้�มูาย�,ง
ข้%น3. เมู$,อได้�ส�ต้ามูต้�องการแล�ว Click mouse ป็�<มู O.K.
การใชี�ห์น�าต�าง Color Mixer
Color Mixer เป็�นห็น�าต้+างแสด้งค+าห็ร$อผู้สมูเพื้$,อน3าไป็ใช�ก บว ต้ถ� โด้ยส�ทึ�,ได้�จะน3าไป็ใช�ก บ Stroke Color และ Fill Color โด้ยการ Click mouse เล$อกส�ทึ�,แถบส�ในห็น�าต้+าง Color Mixer นอกจากน %นย งมู�ร�ป็แบบข้องส�ให็�เราต้�องเล$อกด้ งน�%การแสดังส�แบบ Solid
เป็�นการก3าห็นด้ส�พื้$%น
การไลุ่�โทนส�แบบ Linear
เป็�นการก3าห็นด้ให็�มู�การไล+ส�แบบเส�นต้รง
ก'าห์นดัการไลุ่�ส�แบบ Redial
เป็�นการก3าห็นด้ให็�มู�การไล+ส�จากจ�ด้ศึ�นย'กลางวงกลมูไป็ต้ามูแนวร ศึมู�
ก'าห์นดัให์�แสดังส�เป:นภาพแบบ Bitmap
เป็�นการก3าห็นด้ให็�ส�พื้$%นเป็�นภาพื้
เราสามูารถเร�ยกห็น�าต้+ าง Color Mixer ข้%นมูาได้� โด้ยเล$อกทึ�, เมูน� Window>Color Mixer จะป็รากฏิห็น�าต้+าง Color Mixer ด้ งร�ป็ ซี,งจะมู�รายละเอ�ยด้ต้+าง ๆ ด้ งต้+อไป็น�%การก'าห์นดัส�พ,!นแบบ Solid
เป็�นการก3าห็นด้ส�พื้$%น โด้ยสามูารถก3าห็นด้ได้�ทึ %งส�ข้อง Stroke Color และ Fill Color
การไลุ่�โทนส�แบบ Linear
เป็�นการก3าห็นด้ให็�มู�การไล+ส�แบบเส�นต้รง ค$อไล+จากส�ห็น,งไป็อ�กส�ห็น,ง เช+น ไล+ส�จากข้าวไป็ด้3า ห็ร$อ แด้งไป็เข้�ยว เป็�นต้�น โด้ยแต้+ละส�และแต้+ละช+วงข้องการไล+โทึนส�น %น เราสามูารถจะก3าห็นด้ส�ได้�เอง โด้ยทึ ,วไป็แล�ว ค3าส ,งน�%มู กจะไว�เทึส�พื้$%นข้องภาพื้ห็ร$อใช�ในการไล+ส�ข้องว ต้ถ� ซี,งมู�รายละเอ�ยด้ด้ งน�%
การไลุ่�โทนส�เราสามูารถก3าห็นด้ส�และไล+โทึนส�ได้�ด้ งน�%1. Click mouse ทึ�,ต้ วเล$,อนส�เพื้$,อเร�,มูต้�น เพื้$,อเป็�นการก3าห็นด้ว+าจะ
เล$อกส�เร�,มูต้�นให็�ต้ วเล$,อนส�น�%2. เล$อกส�ทึ�,ต้�องการให็�ต้ วเล$,อนส� เพื้$,อใช�เป็�นส�เร�,มูต้�นในการไล+ส�เร�,มูต้�น3. ป็ร บความูเข้�มูข้องส�ต้ามูต้�องการ
4. Click mouse ทึ�,ต้ วเล$,อนส� เพื้$,อเป็�นการก3าห็นด้ว+าเราจะเล$อกส�ส�%นส�ด้ให็�ต้ วเล$,อนส�น�%
5. เล$อกส�ทึ�,ต้�องการให็�ต้ วเล$,อนส� เพื้$,อใช�เป็�นส�ส�%นส�ด้ในการไล+โทึนส�6. ป็ร บความูเข้�มูข้องส�ต้ามูต้�องการ
การไลุ่�โทนส�มากกวิ�า 2 ส�เราสามูารถก3าห็นด้ส�และไล+โทึนส�ได้�มูากกว+า 2 ส� ซี,งได้�ด้ งน�%1. Click mouse ทึ�,ต้ วเล$,อนส�เร�,มูต้�น เพื้$,อเป็�นการก3าห็นด้ว+าจะเล$อก
ส�เร�,มูต้�นให็�ต้ วเล$,อนต้ วน�%2. เล$อกส�ทึ�,ต้�องการให็�ต้ วเล$,อนส�เร�,มูต้�น3. ป็ร บความูเข้�มูข้องส�ต้ามูต้�องการ
4. Click mouse บนพื้$% นทึ�,ระห็ว+างต้ วเล$, อมูต้�น และต้ วเล$, อนส�ด้ทึ�าย ส งเกต้ว+าเมูาส'จะเป็ล�,ยนเป็�นร�ป็ล�กศึร
5. จะป็รากฏิต้ วเล$อกส� ข้%นมูา ให็�เราเล$อกส�ทึ�,ต้�องการให็�เล$,อน6. ป็ร บความูเข้�มูข้องส�ต้ามูต้�องการ
7. Click mouse ทึ�,ต้ วเล$, อนส� เพื้$,อเป็�นการก3าห็นด้ว+าเราจะเล$อกส�ส�ด้ทึ�ายให็�ต้ วเล$,อนต้ วน�%
8. เล$อกส�ทึ�,ต้�องการให็�ต้ วเล$,อนส�ส�ด้ทึ�าย9. ป็ร บความูเข้�มูข้องส�ต้ามูต้�องการ
การเพ�"มต�วิเลุ่,"อนส�เราสามูารถเพื้�,มูต้ วเล$,อนส�ได้�ต้ามูต้�องการ และสามูารถก3าห็นด้ได้�มูาส�ด้ถง 8 ส�
โด้ยเราจะเพื้�,มูต้ วเล$,อนส� และทึ3าการไล+โทึนส� โด้ยการ Click mouse ทึ�,พื้$%นระห็ว+างต้ วเล$,อนต้ วเร�,มูและต้ วส�ด้ทึ�าย
การลุ่บต�วิเลุ่,"อนส�ห็ากเราต้�องการลบต้ วเล$, อนส�ให็�เรา Click mouse ค�างทึ�,ต้ วเล$, อนส�ทึ�,
ต้�องการลบ จากน %นก4ลากออกจากห็น�าต้+าง Color Mixer
ก'าห์นดัการไลุ่�ส�แบบ Redial
เป็�นการไล+โทึนส�จากจ�ด้ศึ�นย'กลางวงกลมูไป็ต้ามูแนวร ศึมู� ส�จะไล+ไป็ต้ามูทึ�ศึทึางทึ�,เราเล$,อนป็�<มู โด้ยจ�ด้เร�,มูต้�นเป็�นจ�ด้ศึ�นย'กลางวงกลมู และทึ�ศึทึางทึ�,เราเล$,อนต้ วเล$,อน จะเป็�นการข้ยายแนวร ศึมู�ข้องโทึนส�
ก'าห์นดัให์�พ,!นส�เป:นร�ปเป็�นการทึ3า ให็�ใช�ร�ป็ภาพื้มูาแทึนพื้$%นส�ข้องร�ป็ โด้ยเราสามูารถเล$อกร�ป็ทึ�,เรา
ต้�องการได้�
การท'าให์�ส�พ,!นเป:นร�ปเราสามูารถใช�ห็น�าต้+าง Color Mixer เป็ล�,ยนส�พื้$%นข้องว ต้ถ�ทึ�,เราสร�างให็�เป็�น
ภาพื้ได้� โด้ยให็�เราก3าห็นด้ร�ป็แบบเป็�น Bitmap แล�วทึ3าการเล$อกร�ป็ โด้ยมู�ว�ธุ�การด้ งน�%
1. ก3าห็นด้ร�ป็แบบ Bitmap
2. จะป็รากฏิห็น�าต้+าง Open ข้%นมูา เล$อกร�ป็ทึ�,ต้�องการจะให็�แทึนส�พื้$%น3. จากน %น Click mouse ทึ�,ป็�<มู Open
เลุ่,อกส�จัากห์น�าต�าง Color Swatches
เราสามูารถก3าห็นด้ส�ให็�ก บ Stroke Color ห็ร$อ Fill Color ได้�อ�กว�ธุ�ห็น,งจากห็น�าต้+าง Color Swatches โด้ยห็น�าต้+าง Color Swatches ต้+างจากห็น�าต้+าง Color Mixer ต้รงทึ�,ห็น�าต้+าง Color Swatches เป็�นเห็มู$อนจานส�ส+วนต้ วข้องเรา ทึ�,เราสามูารถเล$อกส�เจาะจงเพื้�ยงบางส� เพื้�,มู ลบ สร�าง ห็ร$อแทึนทึ�,ส�ให็มู+ทึ�,เราต้�องการใช�ได้� ทึ3าให็�ง+ายต้+อการเล$อกใช�ส�เป็�นผู้ลให็�มู�ความูผู้�ด้เพื้�%ยนข้องส�น�อยลง
การเปลุ่�"ยนส�พ,!นท�"ท�"ถุ�ก Selection
เมู$,อเราได้� Selection พื้$%นทึ�,เพื้$,อทึ3าการแก�ไข้แล�ว เราสามูารถเป็ล�,ยนส�พื้$%นทึ�,ทึ�,ถ� กน %น ได้� โด้ย Click mouse เล$ อกส�ทึ�, จ ะ ร ะบาย พื้$% นทึ�, ไ ด้� ทึ�, Fill Color
ก4จะทึ3าให็�พื้$%นทึ�,ทึ�,เราเล$อกมู�ส�ทึ�,เป็ล�,ยนไป็ และถ�าเราต้�องการเป็ล�,ยนส�เส�นข้อบข้องเรา Selection เส�นข้อบแล�ว Click mouse เล$อกส�ทึ�,ต้�องการทึ�, ได้� Stroke Color
การเทส�พ,!นภาพโดัยใชี� Paint Bucket Tool
การเทึส�พื้$%นภาพื้โด้ยใช�ถ งส� ห็ร$อ Paint Bucket Tool ซี,งอย�+ใน Toolbox เราสามูารถจะเทึส�ให็�ว ต้ถ�ได้�โด้ยถ งส�และส�ทึ�,ต้�องได้�เลย โด้ยไมู+ต้�องทึ3าการ Selection ทึ�,ว ต้ถ�ก4ได้� แต้+การใช�ถ งส�จะเป็ล�,ยนส�ข้องว ต้ถ�เฉพื้าะทึ�, ซี,งว�ธุ�การใช�งานสามูารถทึ3าได้�ด้ งน�%
1. Click mouse ทึ�, Fill Color แล�วเล$อกส�ทึ�,เราต้�องการ
2. Click mouse ป็�<มู Paint Bucket Tool ห็ร$อกด้ค�ย' <K>
ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�น3. Click mouse บร�เวณพื้$%นทึ�,ทึ�,เราต้�องการเป็ล�,ยนส�
Options ขั้องถุ�งส�เราสามูารถก3าห็นด้ให็�ถ งส�เต้�มูส�ในว ต้ถ�ได้� แมู�ว+าว ต้ถ�น %นจะมู�ช+องว+างก4ต้ามู ไมู+
ว+าจะเป็�นช+องว+างข้นาด้เล4กห็ร$อให็ญ+ ซี,งเราสามูารถก3าห็นด้ได้�ว+าจะเต้�มูส�ในล กษณะใด้ โด้ยเล$อกไป็ทึ�, ซี,งเป็�น Options ข้องถ งส� ด้ งน�%
การเปลุ่�"ยนส�เส�นขั้อบดั�วิย Ink Bottle Tool
เราสามูารถเป็ล�,ยนส�เส�นข้องภาพื้โด้ยไมู+ต้�อง Selection เส�นข้อบ โด้ยใช� Ink
Bottle Tool ซี,งจะเป็�นการเป็ล�,ยนส�ข้องข้อบทึ %งห็มูด้ การเป็ล�,ยนส�เส�นข้อบสามูารถทึ3าได้�ด้ งน�%
1. Click mouse ทึ�, Stroke Color แล�วเล$อกส�ทึ�,เราต้�องการ
2. Click mouse ป็�<มู Ink Bottle Tool ห็ร$อกด้ค�ย' <S> ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�น
3. Click mouse เส�นข้อบ ส�ข้องเส�นข้อบจะเป็ล�,ยนไป็
เลุ่,อกส�โดัยใชี� Dropper Tool
การใช� Dropper Tool ทึ3าให็�เราสามูารถเล$อกส�จากภาพื้ทึ�,เรามู�อย�+ได้� โด้ยทึ�,เราไมู+ต้�องไป็เป็ร�ยบเทึ�ยบส�เอง ซี,งสามูารถผู้�ด้พื้ลาด้ได้�ง+าย แต้+ถ�าใช� Dropper Tool
ด้�ด้ส�ทึ�,เราต้�องการ เราก4จะได้�ส�น %นมูาใช� เช+น เราต้�องการส�เน$%อเพื้$,อลบร�%วรอยจากภาพื้ข้องเรา เราก4ได้� Dropper Tool ด้�ด้ส�ผู้�วบร�เวณทึ�,ใกล�เค�ยง เพื้$,อน3ามูาระบายทึ บร�%วรอยข้องภาพื้ได้� เป็�นต้�น เราสามูารถใช�งาน Dropper Tool ได้�ด้ งน�%
1. Click mouse ทึ�,ป็�<มู Dropper Tool ห็ร$อป็�<มู <i> ทึ�,ค�ย'บอร'ด้
2. Click mouse เพื้$,อเล$อกส�ทึ�,เราต้�องการในพื้$%นทึ�,ภาพื้ ส งเกต้ว+าถ�าเราวาง Dropper Tool บร�เวณด้�านข้�างข้องภาพื้ ต้ วเมูาส'จะเป็ล�,ยนเป็�น ให็�เราเล$อกด้�ด้ส�ทึ�,เราต้�องการ
3. ส�ทึ�,เราเล$อกจะแสด้งทึ�, Fill Color
ก'าห์นดัส�พ,!นเป:นร�ปภาพเราสามูารถทึ�,จะทึ3าให็�ร�ป็ภาพื้ข้องเราเป็�นพื้$%นห็ล งข้องว ต้ถ�ทึ�,เราจะสร�างได้� เช+น เราสามูารถสร�างวงกลมูโด้ยพื้$%นข้องวงกลมูน %นเป็�นร�ป็ภาพื้ทึ�,เราต้�องการได้� ด้ งต้ วอย+างต้+อไป็น�%1. น3าไฟล'ร�ป็ภาพื้ทึ�,ต้�องการเข้�ามูา โด้ยเล$อกค3าส ,ง File>Import ซี,งเป็�นการ
เร�ยกไฟล'ทึ�,เราต้�องการใช�เข้�ามูา2. เล$อกค3าส ,ง Modify>Break Apart เพื้$,อแยกองค'ป็ระกอบข้องภาพื้จาก
กล�+มูภาพื้ Bitmap ซี,งจะทึ3าให็�เราสามูารถแก�ไข้ภาพื้ได้�3. เมู$, อเราลองใช� Dropper Tool ด้�ด้ส�ทึ�,ภาพื้ จะพื้บว+าส�พื้$% นจะกลายเป็�น
ร�ป็ภาพื้4. เมู$,อเราสร�างวงกลมูจะป็รากฏิว+า พื้$%นส�ข้องวงกลมูจะกลายเป็�นร�ป็ภาพื้
ถ�าเราต้�องการเป็ล�,ยนพื้$%นข้องว ต้ถ�เป็�นภาพื้ให็มู+ ให็� Import ภาพื้เข้�ามูาให็มู+โด้ยทึ3าต้ามูข้ %นต้อนทึ�, 1 –2 แต้+พื้$%นข้องว ต้ถ�ย งคงเป็�นภาพื้เด้�มู ให็�เราคล�กป็�<มู แล�วคล�กเมูาส' ภาพื้ทึ�,เราต้�องการใช�เป็�นส�พื้$%นอ นให็มู+
ถ�าภาพื้ทึ�,เรา Import มูามู�ข้นาด้เล4ก เมู$,อทึ3าให็�กลายเป็�นพื้$%นห็ล งข้องว ต้ถ�จะกลายเป็�นล กษณะข้องภาพื้ทึ�,เร�ยงต้+อก นไป็เร$,อย ๆ
เมู$,อเราทึ3าการ Import ห็ร$อใช� Dropper Tool ด้�ด้ภาพื้เข้�ามูา ภาพื้จะถ�กเก4บไว� 2 ทึ�,ค$อ ห็น�าต้+าง Color Mixer และทึ�, Fill Color ซี,งมู�ความูแต้กต้+างก นด้ งน�%
ห์น�าต�าง Color Mixer ภาพื้ทึ�,ถ�ก Import เข้�ามูาจะแสด้งร�ป็แบบเป็�น Bitmap เมู$,อเรา Click mouse แล�วทึ3าการวาด้ว ต้ถ�ห็ร$อใช�ถ งส�เทึลงในว ต้ถ�น %น พื้$%นทึ�,ข้องว ต้ถ�จะเป็�นภาพื้ทึ�,มู�ข้นาด้เล4กกว+าภาพื้จร�งเร�ยงก น
Fill Color ห็ากภาพื้ทึ�,เราใช� Dropper Tool ด้�ด้เข้�ามูาเก4บไว�ทึ�, Fill
Color และน3ามูาใช�ทึ นทึ� (โด้ยไมู+ได้�เล$อกผู้+านห็น�าต้+าง Color Mixer)
ภาพื้ทึ�,ได้�จะมู�ข้นาด้เทึ+าข้องจร�ง
การก'าห์นดัส�แลุ่ะลุ่�กษณะขั้องเส�นขั้อบเราสามูารถก3าห็นด้ล กษณะข้องเส�นข้อบได้�ห็ลายร�ป็แบบต้ามูทึ�,ต้�องการโด้ยก3าห็นด้
จากห็น�าต้+าง Properties ซี,งจะเป็ล�,ยนแป็ลงไป็ต้ามูเคร$,องมู$อทึ�,เราเล$อกใช� มู�ว�ธุ�ด้ งน�%
1. Click mouse ทึ�, Stroke Color เพื้$,อก3าห็นด้การสร�างเส�นข้อบ
2. ก3าห็นด้ร�ป็แบบทึ�,เราจะสร�างเส�นห็ร$อเส�นข้อบ เช+น Rectangle Tool,
Oval Tool, Pencil Tool ฯลฯ เป็�นต้�น 3. เล$อกแบบข้องเส�นข้อบจากห็น�าต้+าง Properties
4. ก3าห็นด้ข้นาด้ข้องเส�นข้อบ5. เส�นข้อบร�ป็ต้+าง ๆ ทึ�,ได้�
เราสามูารถป็ร บแต้+งล กษณะข้องเส�นข้อบเองได้� โด้ย Click mouse แล�วเล$อกค3าส ,ง Custom ก3าห็นด้ล กษณะข้องเส�นข้อบจาก Line Style ทึ�,ป็รากฏิข้%น
การปร�บแต�งภาพ Transform Fill
Transform Fill เป็�นเคร$,องมู$อทึ�,ใช�ป็ร บแต้+งการไล+โทึนส�แบบ Linear และ Redial ซี,ง Transform Fill ไมู+ได้�ใช�ในการเทึส�ห็ร$อเป็ล�,ยนส� แต้+ใช�ในการป็ร บโทึนส�และสามูารถข้ยายห็ร$อลด้ร ศึมู� ห็ร$อย�ายจ�ด้ศึ�นย'กลางได้�
การปร�บโทนส� Linear
เราสามูารถป็ร บแนวข้องโทึนส�โด้ยใช� Transform Fill เช+น เล$,อนต้3าแห็น+งแนวโทึนส� (ย�ายจ�ด้ศึ�นย'กลาง ป็ร บให็�แนวเส�นข้องโทึนส�เอ�ยง, ข้ยายแนวข้องโทึนส�ได้� โด้ยการให็�เรา Click mouse ทึ�,ป็�<มู ส งเกต้ว+าเมูาส'จะเป็ล�,ยนเป็�นร�ป็ ล�กศึร จากน %นให็� Click mouse พื้$%นทึ�,ทึ�,ต้�องการป็ร บแต้+ง เพื้$,อเป็ล�,ยนแนวข้องโทึนส�ต้ามูต้�องการ ด้ งน�%
การปร�บโทนส�แบบ Radial
เราสามูารถป็ร บการไล+โทึนส�ห็ร$อแนวร ศึมู�แบบ Radial ได้�ห็ลายร�ป็แบบ เช+น เล$,อนต้3าแห็น+งจ�ด้ศึ�นย'กลางข้องโทึนส� ข้ยายข้นาด้แนวร ศึมู� ข้ยายแนวร ศึมู�ออกด้�านข้�าง และห็มู�นแนวร ศึมู�ข้องโทึนส�ได้� โด้ยการ Click mouse ทึ�,ป็�<มู ต้ วเมูาส'จะเป็ล�,ยนเป็�นร�ป็ล�กศึร แล�ว Click mouse พื้$%นทึ�,เพื้$,อทึ3าการป็ร บแต้+งเงาให็�ก บว ต้ถ�ได้�เลย
แบบทดัสอบก�อนเร�ยนรายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
ค'าส�"ง ให์�น�กเร�ยนเลุ่,อกค'าตอบท�"ถุ�กต�องท�"ส�ดั
1. การเร�ยกห็น�าต้+าง Info ข้%นมูาใช�งาน ใช�ค3าส ,งใด้ ?ก. Modify
ข้. Window
ค. Insert
ง. File
2. Stork Color ค$อส�ใด้ ?ก. ส�เส�นข้. ส�พื้$%นค. ส�ผู้สมูง. ส�ด้3า
3. ข้�อใด้ค$อการไล+ส�แบบเส�นต้รง ?ก. Solid
ข้. Linear
ค. Redial
ง. Bitmap
4. การไล+ส�แบบ Redial ค$อการไล+ส�แบบใด้ ?ก. การก3าห็นด้ส�พื้$%นข้. การไล+ส�แบบเส�นต้รงค. การไล+ส�จากจ�ด้ศึ�นย'กลางไป็ต้ามู
เส�นร ศึมู�ง. การก3าห็นด้ส�พื้$%นเป็�นภาพื้
5. เราสามูารถเร�ยกห็น�าต้+าง Color
Mixer จากเมูน�ใด้ ?ก. Window
ข้. Modify
ค. Insert
ง. Edit
6. เราสามูารถเพื้�,มูต้ วเล$,อนส� ได้�ส�งส�ด้ก�,ต้ ว ?ก. 6
ข้. 7
ค. 8
ง. 9
7. ค$อ เคร$,องมู$อใด้ ?ก. Ink Bottle Tool
ข้. Dropper Tool
ค. Paint Bucket Tool
ง. Lock Fill
8. ค$อ เคร$,องมู$อใด้ ?ก. Ink Bottle Tool
ข้. Dropper Tool
ค. Paint Bucket Tool
ง. Lock Fill
9. ถ�าต้�องการแยกองค'ป็ระกอบข้องภาพื้ ใช�ค3าส ,งใด้ ?
ก. Modify Break Apart
ข้. Window Blank Keyframe
ค. Insert Image
ง. File Break Apart
10. ค$อ Icon ข้องอะไร ?
ก. Stork Color
ข้. Fill Color
ค. Paint Bucket Tool
ง. Lock Fill
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 5 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้ เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถต้กแต้+งภาพื้โด้ยใช�เคร$,องมู$อต้+าง ๆ ทึ�, Flash มู�ให็�ได้�
3. สาระการเร�ยนร��1. ความูห็มูายข้องการ Selection และ ล กษณะข้องการ Selection
1.1 การ Selection เฉพื้าะเส�นข้องว ต้ถ�1.2 การ Selection เฉพื้าะพื้$%นทึ�,ทึ�,เล$อก1.3 การ Selection ทึ %งเส�นและพื้$%นทึ�,ข้องว ต้ถ�1.4 การ Selection ห็ลาย ๆ ว ต้ถ�
2. กล+องเคร$,องมู$อใน Flash
2.1 Arrow Tool เคร$,องมู$อสร�าง Selection
2.2 Subselect Tool เคร$,องมู$อเป็ล�,ยนร�ป็ร+างว ต้ถ�2.3 Free Transform Tool เคร$,องมู$อบ�ด้ และป็ร บว ต้ถ�2.4 Lasso Tool เคร$,องมู$อสร�าง Selection อ�สระ2.5 Zoom Tool ย+อ - ข้ยายภาพื้2.6 Hand Tool เล$,อนด้�ภาพื้
4. สาระท�"น'ามาบ�รณาการน กเร�ยนสามูารถน3าความูร� �ว�ชาศึ�ลป็ะ มูาใช�ในการต้กแต้+งภาพื้ได้�อย+าง
สวยงามู
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 5 เคร,"องม,อตกแต�งภาพตอนท�" 5.1 ควิามห์มายขั้องการ Selection
ตอนท�" 5.2 เคร,"องม,อในการ Selection
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�, ยวก บ ความูห็ มู า ย ข้ อ ง ก า ร Selection ได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยนไ ด้� ร� � จ ก เ ค ร$, อ ง มู$ อ ทึ�, ใ ช�ส3า ห็ร บการ Selection
ล ก ษ ณ ะ ข้ อ ง ก า ร Selection- เมู$, อน กเร�ยนได้� เร�ยนผู้+านจ�ด้ป็ระสงค'น�% น กเร�ยนจะต้�องเป็ล�,ยนส� เส�น และล กษณะข้องเส�นข้อบได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใช�เคร$,องมู$อในการ Selection
- น กเร�ยนจะต้�องทึ3าการ Selection ว ต้ถ� เพื้$, อก+อ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้ - ใบความูร� �ทึ�, 4 เร$,อง
เคร$, องมู$อต้กแต้+ง“
ภาพื้”
30
30
ให็�เป็�นร�ป็ร+างทึ�,สวยงามูได้� โ ด้ ย ผู้�� ส อ น จ ะ น3า ภ า พื้ต้ วอย+างเป็�นร�ป็มูะละกอทึ�,ถ�กก ด้แห็ว+งมูาให็�ด้� เป็�นต้ วอย+าง- ซี,งน กเร�ยนจะต้�องเป็�นผู้��ค�ด้ว+า จะให็�งานข้องต้นเองออกมูาเป็�นอย+างไร- น กเร�ยนร บภาระงาน
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 5 เคร,"องม,อตกแต�งภาพตอนท�" 5.1 ควิามห์มายขั้องการ Selection
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3าความูร� �จ ก ก บเคร$,องมู$อทึ�, ใ ช� ใ น ก า ร Selection
แต้+ละชน�ด้ และด้�ว+า เคร$,องมู$อแบบใด้เห็มูาะก บการ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง
เ ค ร$, อ ง มู$ อ ใ น ก า ร“
ต้กแต้+งภาพื้”
60
ตอนท�" 5.2 เคร,"องม,อในการ Selection
Selection ล กษณะใด้ - ผู้��สอน ให็�น กเร�ยนวาด้ร�ป็วงกลมูข้นาด้เทึ+าก นข้%นมู า 5 ว ง จ า ก น % น ใ ห็�น กเร�ยนทึ3า การเป็ล�,ยนส� และล กษณะข้องเส�นข้อบแบบต้+าง ๆ โด้ยน กเร�ยนสามูารถด้�จากใบความูร� �ได้�- น กเร�ยนทึ�กคนสามูารถเ ป็ ล�, ย น ส� เ ส� น ข้ อ บ แ ล ะล กษณะข้องเส�นข้อบได้�ถ�กต้�อง ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนวาด้ร�ป็แต้งโมูข้%นมูา 1 ช�%น และให็�น กเร�ยนแต้+ละค�+วาด้ร�ป็แต้งโมูข้%นมู า เ ช+ น ก น จ า ก น % น ใ ห็�น ก เ ร� ย น ใ ช� เ ค ร$, อ ง มู$ อ Lasso Tool ใ น ก า ร Selection ว ต้ถ� เพื้$, อต้ ด้แ ต้+ ง แ ต้ ง โ มู ใ ห็� แ ห็ ว+ งเห็มู$อนก บรอยก ด้- น กเร�ยนแต้+ละคนทึ3าร�ป็แต้งโมูต้ามูทึ�,ผู้��สอนก+อน ห็ล งจากน %นเมู$,อน กเร�ยนใช� Lasso Tool เป็�นแล�ว ผู้��
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง
เ ค ร$, อ ง มู$ อ ใ น ก า ร“
ต้กแต้+งภาพื้”
60
สอนให็�น กเร�ยนแต้+ละค�+วาด้ร�ป็ใด้ ๆ ก4 ได้� ต้ามูทึ�,ต้ น เ อ ง ต้� อ ง ก า ร แ ต้+ มู�ข้�อแมู�ว+า จะต้�องใช� เคร$,องมู$อในการ Selection ต้ วใ ด้ ต้ ว ห็ น, ง ใ น ก า รสร�างสรรค'ภาพื้ข้%นมูา- น กเร�ยนสามูารถสร�างภ า พื้ ไ ด้� ต้ ร ง ต้ า มู ก บว ต้ถ�ป็ระสงค'ทึ�,ต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 3 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 5.1 ควิามห์มายขั้องการ Selection
- เคร$,องมู$อทึ�,สร�าง Selection- ล กษณะการ Selection- การป็ร บแต้+งเส�นข้อบ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง
เ ค ร$, อ ง มู$ อ ใ น ก า ร“
ต้กแต้+งภาพื้”
20
ตอนท�" 5.2 เคร,"องม,อในการ Selection
- Snap to Object เคร$,องมู$อเช$,อมูต้+อว ต้ถ�- Smooth เคร$,องมู$อเพื้�,มูความูโค�งมูน- Straighten เคร$,องมู$อช+วยป็ร บมู�มู- SubSelect Tool เคร$,องมู$อเป็ล�,ยนร�ป็ร+างว ต้ถ�
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง
20
- Free Transform Tool เคร$,องมู$อบ�ด้และป็ร บว ต้ถ�- Lasso Tool เคร$,องมู$อสร�าง Selection
อ�สระ- Zoom Tool ย+อ –
ข้ยายภาพื้- Hand Tool เล$,อนด้�ภาพื้
เ ค ร$, อ ง มู$ อ ใ น ก า ร“
ต้กแต้+งภาพื้”
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 2 กล�+มู เพื้$,อให็�อภ�ป็รายก นในห็ วข้�อ
ทึ3าไมูจะต้�องใช�เคร$,องมู$อในการ Selection โด้ยคร�จะเป็�นผู้��ต้ %งกระทึ�� ถงความูจ3าเป็�น ห็ร$อ ถ�าไมู+ใช� เราจะต้�องอย+างไร ใช�เวลา 20 นาทึ�
6. ภาระงานท�" 5ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การ Selection
ว ต้ถ� ภาระงานทึ�, 5 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,อง เร$,องการใช� Lasso Tool
วาด้ภาพื้แต้งโมู
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2 ใบความูร� �ทึ�, 5 เร$,อง ทึ3าความูร� �จ กก บ “ Flash MX”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เมู$, อน กเร�ยนสามูาร Selection
ว ต้ถ� ได้�ต้ามูว ต้ถ�ป็ระสงค'ข้องผู้��สอน ผู้��สอนจะทึ3าการเช4คการทึ3างานข้องน กเร�ยน
ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เก�,ยวก บการใช� Lasso Tool ในการวาด้ภาพื้แต้งโมู
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 5 เร,"อง การ Selection วิ�ตถุ� โดัยการใชี�
Lasso Tool
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3าการ Selection
ได้�อย+างถ�กต้�อง2. น กเร�ยนสามูารถสร�างภาพื้ด้�วยการใช�
Lasso Tool ได้�3. น กเร�ยนมู�ความูสนใจ และ
กระต้$อร$อร�นในการทึ3างาน4. ความูต้รงต้+อเวลาในการส+งงาน5. น กเร�ยนมู�ค�ณธุรรมู จร�ยธุรรมูในการ
ทึ3างานร+วมูก บเพื้$,อน ๆ ในช %นเร�ยน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 5เคร,"องม,อตกแต�งภาพ
แผู้นการสอนท�" 5จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถใช�เคร$,องมู$อในการต้กแต้+งภาพื้ได้�อย+างถ�กต้�องจั�ดัประสงค�น'าทาง
1. ร� �และเข้�าใจความูห็มูายข้องการ Selection
2. สามูารถใช�เคร$,องมู$อในการต้กแต้+งภาพื้ได้�
เน,!อห์าควิามห์มายขั้องการ Selection
การ Selection ใน Flash ห็มูายถงการเล$อกว ต้ถ�ทึ�,ต้�องจ ด้การห็ร$อทึ3าการเป็ล�,ยนแป็ลงบางอย+าง ซี,งการเล$อกน�%อาจจะเป็�นการเล$อกทึ %งว ต้ถ�ห็ร$อเล$อกเพื้�ยงบางอย+างบางส+วนข้องว ต้ถ�ก4ได้�โด้ยเราจะสามูารถจ ด้การแก�ไข้เป็ล�,ยนแป็ลงว ต้ถ�ทึ�,เล$อกได้�ร�ปแบบโดัยท�"วิไปขั้องการ Selections แบ�งเป:น 4 ลุ่�กษณะดั�งน�!
1. การ Selection เฉพื้าะเส�นข้องว ต้ถ�2. การ Selection เฉพื้าะพื้$%นทึ�,ทึ�,เล$อก3. การ Selection ทึ %งเส�นและพื้$%นทึ�,ข้องว ต้ถ�4. การ Selection ห็ลาย ๆ ว ต้ถ�
การใชี� Arrow Tool เคร,"องม,อท�"สร�าง Selection
Arrow Tool เป็�นเคร$,องมู$อทึ�,ใช�ในการ Selection ว ต้ถ�ทึ�,ต้�องการ โด้ยการ Click mouse ห็ร$อลากเมูาส'ไป็ทึ�,ว ต้ถ�น %น นอกจากน %น Arrow Tool
ย งสามูารถทึ3าการป็ร บแต้+งเส�นข้อบได้�ด้�วย เราสามูารถเร�ยกใช� Arrow Tool
ได้�โด้ย Click mouse ทึ�,ไอคอน ซี,งอย�+ในห็น�าต้+าง Toolbox
Arrow Tool จะทึ3างานส มูพื้ นธุ'ก บไอคอนทึ�,อย�+ในส+วนข้อง Options อ�กด้�วย ซี,งเป็�นเคร$,อง
มู$อทึ�,ช+วยในการทึ3างาน Arrow Tool เป็�นเคร$,องมู$อทึ�,เราใช�อย�+เสมูอ
และมู�ความูสามูารถมูากมูายทึ�เด้�ยว เรามูาด้�ว�ธุ�การใช� Arrow Tool ก น
ลุ่�กษณะการ Selection
การ Selection เป็�นการเล$อกว ต้ถ�ทึ�,เราจะทึ3าการต้กแต้+งห็ร$อแก�ไข้ ซี,งเราจะทึ3าการ Selection เฉพื้าะบางจ�ด้เทึ+าน %น ด้ งต้ วอย+างทึ�,เรามู�ว ต้ถ�ทึ�,มู�เส�นข้อบ เราสามูารถทึ3า การ Selection ได้�ซี,งมู�ว�ธุ�ด้ งน�%1. Click mouse ลุ่งไปท�"วิ�ตถุ�
ว�ธุ�การ Click mouse ลงไป็ทึ�,ว ต้ถ� เราจะเห็4นได้�ว�าเก�ด้การ Selection ข้%น และเมู$,อลากว ต้ถ�ทึ�,ถ�ก Selection ว ต้ถ�น %นจะถ�กลากออกมูาด้�วย ซี,งว�ธุ�น�%ส งเกต้ได้�ว+าเส�นข้อบจะแยกออกจากว ต้ถ�
2. ใชี�เมาส�สร�าง Selection คลุ่�มวิ�ตถุ�การใช�เมูาส'คล�มูไป็ทึ�,ว ต้ถ�น %นมู� 2 แบบ ค$อการใช�เมูาส' Selection ว ต้ถ�
ทึ %งห็มูด้ และการใช�เมูาส' Selection ว ต้ถ�เพื้�ยงบางส+วน การใช�เมูาส' Selection ว ต้ถ�ทึ %งห็มูด้ว�ธุ�การใช�Arrow Tool สร�าง Selection คล�มูว ต้ถ�เราจะเห็4นได้�ว+า
ว ต้ถ�จะถ�ก Selection ทึ %งห็มูด้ และเมู$,อเราทึ3าการลากว ต้ถ� ว ต้ถ�ทึ %งห็มูด้จะถ�กลากออกมูาด้�วย
การใช�เมูาส' Selection ว ต้ถ�เพื้�ยงบางส+วนว�ธุ�การใช� Arrow Tool สร�าง Selection คล�มูว ต้ถ�เพื้�ยงบางส+วน
เราจะเห็4นได้�ว+าว ต้ถ�ทึ�,ถ�ก Selection จะเป็�นว ต้ถ�ทึ�,ถ�กเล$อกเทึ+าน %น และเมู$,อเราลากเมูาส'ว ต้ถ�ทึ�,ถ�ก Selection น %นก4จะถ�กแยกออกไป็
การปร�บแต�งเส�นขั้อบการป็ร บแต้+งเส�นข้อบ เป็�นอ�กความูสามูารถห็น,งข้อง Arrow Tool
เราจะส งเกต้เห็4นว+า เมู$,อน3า Arrow Tool ไป็วางทึ�,เส�นข้อบข้องว ต้ถ�ทึ�,เป็�นเส�นต้รงเส�นโค�ง ส ญล กษณ'ข้�าง Arrow Tool จะเป็ล�,ยนจาก เป็�น
และเมู$,อน3า Arrow Tool เข้�าใกล�มู�มูข้องว ต้ถ�ส ญล กษณ'ข้�าง Arrow
Tool จะเป็ล�,ยนเป็�น
เมู$,อเราน3าว ต้ถ� Arrow Tool ไป็ทึ�,เส�นข้อบข้องว ต้ถ� จากน %นให็�เราลากเมูาส'จะส งเกต้เห็4นว+าเส�นข้อบข้องว ต้ถ�จะถ�กด้งออกมูาด้�วยและเมู$,อเราป็ล+อยเมูาส'จะเห็4นว+าว ต้ถ�เป็ล�,ยนแป็ลงร�ป็ร+างไป็
Option ต�างๆขั้อง Arrow Tool
ใน Toolbox ส+วน Option ข้อง Arrow Tool
เป็�นต้ วช+วยในการใช� Arrow Tool ให็�มู�ป็ระส�ทึธุ�ภาพื้มูากย�,งข้%น ซี,งมู�ต้ วช+วยต้+างๆด้ งน�%
Snap to Objects เคร,"องม,อเชี,"อมต�อวิ�ตถุ�เป็�นเคร$,องมู$อทึ�,ใช�ต้+อเส�นข้อบข้องว ต้ถ� โด้ยใช� Arrow Tool ไป็ Click
ทึ�,เส�นข้อบแล�วลากเส�นข้อบข้องว ต้ถ�น %นไป็ทึ�,เส�นข้อบทึ�,ต้�องการจะเช$,อมูต้+อ เมู$,อลากเส�นข้อบเข้�าไป็ใกล�จะพื้บว+าเส�นข้อบข้องเราจะถ�กด้�ด้ต้�ด้ก นก บเส�นข้อบทึ�,เข้�าไป็ใกล� ซี,งจะมู�ส ญล กษณ' เก�ด้ข้%น
Smooth เคร,"องม,อเพ�"มควิามโค�งมนเป็�นเคร$,องมู$อทึ�,ทึ3าให็�เส�นข้อบข้องว ต้ถ�มู�ความูโค�งมูนมูากย�,งข้%น โด้ยใช�
Arrow Tool ทึ3าการ Selection จากน %นก4ทึ3าการ คล�กเมูาส'ทึ�,ป็�<มู จะทึ3าให็�ว ต้ถ�โค�งมูนมูากข้%น
Straighten เคร,"องม,อชี�วิยปร�บม�มเป็�นเคร$,องมู$อทึ�,ใช�ในการป็ร บมู�มูข้องว ต้ถ�ให็�เก�ด้ความูโค�งมูน โด้ยใช�
Arrow Tool ทึ3าการ Selection ว ต้ถ�น %นทึ3าการ Click mouse จะทึ3าให็�มู�มูข้องว ต้ถ�มูนข้%น
การใชี� Subselect Tool เคร,"องม,อเปลุ่�"ยนร�ปร�างวิ�ตถุ�Subselect Tool เป็�นเคร$,องมู$อทึ�,ใช�ในการป็ร บแต้+งว ต้ถ� ซี,งจะกระทึ3า
ทึ�,เส�นข้อบและข้อบข้องว ต้ถ� โด้ยใช� Subselect Tool ไป็ Click mouse ทึ�,ข้อบข้องว ต้ถ�จากน %นก4ทึ3าการป็ร บเป็ล�,ยนร�ป็ร+างข้องว ต้ถ�ได้�วิ�ธิ�การใชี� Subselect Tool สามารถุใชี�ไดั�ดั�งน�!
1. Click mouse ทึ�, Subselect Tool
2. น3าเมูาส'ไป็ Click mouse ทึ�,เส�นข้อบข้องว ต้ถ� จะเก�ด้จ�ด้วงกลมูทึ�,เส�นข้อบข้องว ต้ถ�
3. เมู$,อน3าเมูาส'ไป็ทึ�,จ�ด้ข้องเส�นข้อบจะเป็ล�,ยนเป็�นร�ป็ จากน %นเราก4สามูารถป็ร บเป็ล�,ยนว ต้ถ�ได้� โด้ยการลากเมูาส' ห็ากเรา Click
mouse ไป็ทึ�,ร�ป็จะเก�ด้แข้นจากร�ป็เพื้$,อให็�เราป็ร บว ต้ถ�
การใชี� Free Transfrom Tool เคร,"องม,อบ�ดั แลุ่ะปร�บวิ�ตถุ�Free Transfrom Tool เป็�นเคร$,องทึ�,ใช�ในการบ�ด้ป็ร บว ต้ถ� , ห็มู�น
ว ต้ถ� , ป็ร บความูเอ�ยงข้องว ต้ถ� , ข้ยายข้นาด้ข้องว ต้ถ� โด้ยทึ�, Free
Transfrom Tool น�%จะรวมูความูสามูารถห็ลายอย+างไว�ในเคร$,องมู$อเด้�ยว ซี,งเราสามูารถใช�งานได้�โด้ย Click mouse ไป็ทึ�,ว ต้ถ� จากน %นทึ3าการป็ร บเป็ล�,ยนห็ร$อบ�ด้ห็มู�นว ต้ถ�ต้ามูทึ�,ต้�องการ
วิ�ธิ�การใชี� Free Transfrom Tool สามารถุใชี�ไดั�ดั�งน�!1. Click mouse ทึ�, Free Transfrom Tool
2. ส งเกต้จะเก�ด้จ�ด้ป็ร บ รอบๆ ว ต้ถ�ทึ�,เรา Click mouse
ลงไป็
3. เมู$,อน3าเมูาส'ไป็ทึ�,จ�ด้ต้+างๆ ข้องเส�นข้อบจะเป็ล�,ยนเป็�นร�ป็ร+างข้องเมูาส'ไป็ต้ามูจ�ด้ต้+างๆ น %น จากน %นเราก4สามูารถบ�ด้ป็ร บได้� โด้ยการลากเมูาส' ซี,งจะมู�ล กษณะแต้กต้+างก นด้ งน�%
การบ�ดัวิ�ตถุ�
การปร�บขั้นาดัวิ�ตถุ�
การห์ม�นวิ�ตถุ�
Option ต�างๆขั้อง Free Transfrom Tool
โด้ยป็กต้�แล�ว Free Transfrom Tool จะมู�ล กษณะข้องเคร$,องมู$อห็ลายๆอย+างรวมูอย�+ในต้ วเอง ( ซี,งก4ค$อ Option ข้อง Free Transfrom
Tool น ,นเอง) และเราสามูารถแยกเคร$,องมู$ออย+างเจาะจงข้อง Free
Transfrom Tool ได้�โด้ยการ Click mouse ทึ�,ป็�<มูข้อง Option ต้ วใด้ต้ วห็น,ง ซี,งมู�การทึ3างานด้ งน�%Rotate and skew ห์ม�นแลุ่ะบ�ดัร�ป
Scale ย�อขั้ยายวิ�ตถุ�
Distrot ปร�บเปลุ่�"ยนวิ�ตถุ�
Envelope ปร�บแต�งวิ�ตถุ�ว�ธุ�การป็ร บแต้+งว ต้ถ�
การใชี� Lasso Tool เคร,"องม,อสร�าง Selection อ�สระLasso Tool เป็�นเคร$,องมู$อทึ�,ทึ3าให็�เราสามูารถเล$อกพื้$%นทึ�, Selection
ได้�อย+างอ�สระและรวด้เร4ว อ�กทึ %งย งมู�ความูย$ด้ห็ย�+น โด้ยเราสามูารถใช�งานได้�ด้ งน�%
1. Click ทึ�,ไอคอน ในห็น�าต้+าง Toolbox จะป็รากฏิต้ วช�%เมูาส'เป็�นร�ป็ บนพื้$%นทึ�,การทึ3างาน(ถ�ากด้ค�ย' < Ctrl> ค�างไว�ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�น Arrow Tool)
2. Click mouse ค�างไว� และลากไป็ต้ามูพื้$%นทึ�,ทึ�,เราต้�องการ แล�วป็ล+อยเมูาส' พื้$%นทึ�,ทึ�,เล$อกจะมู�ล กษณะเห็มู$อนถ�กแรเงา ถ�าเราป็ล+อยเมูาส'ทึ�,ต้3าแห็น+งใด้ โป็รแกรมูจะก3าห็นด้พื้$%นทึ�,ให็�โด้ยอ ต้โนมู ต้�
3. เราสามูารถย�ายส+วนทึ�,ถ�กเล$อกได้� โด้ยใช� Selection Tool
เล$,อนไป็บร�เวณพื้$%นทึ�,ทึ�,เราเล$อก ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ แล�วลากพื้$%นทึ�,น %นไป็ย งต้3าแห็น+งทึ�,ต้�องการห็ร$อจะลบออกได้�โด้ยกด้ค�ย' <Delete>
Option ต�างๆขั้อง Lasso Tool
Polygon Mode เคร,"องม,อ Selection แบบห์ลุ่ายเห์ลุ่�"ยมOption ข้อง Lasso Tool เป็�นต้ วช+วยในการสร�าง
Selection ให็�มู�ป็ระส�ทึธุ�ภาพื้มูากย�,งข้%น ซี,งมู�ต้ วช+วยต้+างๆด้ งน�%
เราสามูารถทึ3าการ Selection พื้$%นทึ�,แบบเส�นต้รงห็ลายเห็ล�,ยมูได้�โด้ยใช� polygon Mode ทึ3าให็�การ Selection เป็�นไป็อย+างเจาะจงมูากข้%น โด้ยมู�ว�ธุ�ใช�ด้ งน�%
1. Click ไอคอน ซี,งอย�+ในส+วน Options ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�น Polygon
2. Click mouse ไป็ย งจ�ด้ต้+างๆ ทึ�,เราต้�องการเล$อกพื้$%นทึ�, เมู$,อได้�พื้$%นทึ�,ทึ�,ต้�องการแล�วจง Double click พื้$%นทึ�,ทึ�,ถ�กเล$อกจะมู�ล กษณะเห็มู$อนถ�กแรเงา ถ�าเรา Double click ทึ�,ต้3าแห็น+งใด้ๆ โป็รแกรมูจะเล$อกพื้$%นทึ�,ให็�โด้ยอ ต้โนมู ต้�
3. เราสามูารถย�ายส+วนทึ�,ถ�กเล$อกได้� โด้ยการ Click mouse พื้$%นทึ�,น %นแล�วลากออกไป็ ห็ร$อจะทึ3าการลบทึ�%งก4ได้�โด้ยกด้ค�ย' <Delete>
การใชี� Zoom Tool ย�อ ขั้ยายภาพ –
การย+อ ข้ยายภาพื้ จะช+วยให็�เราสามูารถต้กแต้+งภาพื้ได้�ง+าย–
ทึ3าให็�มูองเห็4นภาพื้ช ด้เจนย�,งข้%น และสามูารถต้กแต้+งภาพื้ได้�จนถงส+วนย+อยส�ด้ข้องภาพื้
Zoom Tool เป็�นเคร$,องมู$อห็น,งทึ�,อย�+ใน Tool box มู�ร�ป็ร+างเห็มู$อนแว+นข้ยาย ใช�ในการย+อห็ร$อข้ยายภาพื้ มู�ข้ %นต้อนการทึ3างานด้ งต้+อไป็น�%
1. เมู$,อต้�องการข้ยายภาพื้ Click mouse ทึ�,ไอคอน ใน Toolbox แล�วไป็ทึ�, Options แล�ว Click mouse
2. เมู$,อเล$,อนเมูาส'เข้�าไป็บร�เวณร�ป็ภาพื้ ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ ในข้ %นต้อนมู�ว�ธุ�ใช�แต้กต้+างก นด้ งน�%2.1 เมู$,อต้�องการข้ยายภาพื้ ให็�ไป็ทึ�,บร�เวณทึ�,ต้�องการข้ยายแล�ว Click
mouse ภาพื้บร�เวณน %นจะข้ยายออก และเมู$,อ Click mouse ไป็เร$,อยๆ ภาพื้จะข้ยายข้%นเร$,อยๆ
2.2 เมู$,อต้�องการข้ยายภาพื้เป็�นบร�เวณเจาะจง ให็� Drag
mouse เล$อกบร�เวณทึ�,ต้�องการด้�เจาะจงเทึ+าน %น แล�วป็ล+อยเมูาส' จะเห็4นว+าภาพื้ทึ�,ข้ยายไมู+ได้�เป็�นส ด้ส+วนเป็อร'เซี4นต้'เห็มู$อนก บว�ธุ�การทึ�,ผู้+านมูา
2.3 เมู$,อต้�องการย+อภาพื้ ให็�กด้ค�ย' <Alt> ค�างไว�ไป็ทึ�, Options
แล�ว Click mouse จะส งเกต้เห็4นว+าต้ วช�%เมูาส'เป็ล�,ยนเป็�น
ห็ล งจากน %นเล$อกบร�เวณทึ�,ต้�องการย+อภาพื้ และ Click mouse
ภาพื้จะถ�กย+อลง
การใชี� Hand Tool เลุ่,"อนดั�ภาพในกรณ�ทึ�,มู�ภาพื้ข้นาด้ให็ญ+ไมู+สามูารถมูองเห็4นได้�ทึ�กส+วนข้องภาพื้ได้�ใน
ห็น�าจอเด้�ยว เราสามูารถเล$,อนภาพื้เพื้$,อด้�ภาพื้ในทึ�กจ�ด้ได้� ภายในห็น�าจอเด้�ยวโด้ยไมู+ต้�องอาศึ ย Scrollbar อ�กต้+อไป็ ด้�วยว�ธุ�ง+ายๆค$อ การใช� Hand Tool
ทึ�,อย�+บน Toolbox ในส+วน View
1. Click mouse ทึ�,ไอคอน บน Toolbox ห็ล งจากน %นเล$,อนเมูาส'ไป็ทึ�,ร�ป็ภาพื้ต้ วช�%เมูาส'เป็ล�,ยนเป็�นร�ป็
2. Click mouse ค�างไว�และลากไป็ย งทึ�ศึทึางต้+างๆ ทึ�,ต้�องการ (คล�ายๆก บการจ บภาพื้เล$,อน)
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถจ ด้ล3าด้ บว ต้ถ�, จ ด้เร�ยงว ต้ถ�, จ ด้กล�+มูและแยกกล�+มูได้�
3. สาระการเร�ยนร��1. เคร$,องมู$อในการช+วยว ด้และจ ด้วางใน Flash
1.1 Ruler เป็�นเคร$,องมู$อว ด้ข้นาด้จะอย�+บร�เวณข้อบข้องร�ป็1.2 Guide เป็�นเส�นทึ�,ช+วยในการกะระยะและต้3าแห็น+ง
2. การใช�งาน Ruler
3. การใช�งานเส�น Guide
3.1 การสร�างเส�น Guide
3.2 การเคล$,อนย�ายเส�น Guide
3.3 การลบเส�น Guide
3.4 การซี+อนและแสด้งเส�น Guide
3.5 การก3าห็นด้รายละเอ�ยด้ข้องเส�น Guide
4. การจ ด้ล3าด้ บว ต้ถ� (Arrange)
5. การจ ด้เร�ยงว ต้ถ� (Align)
6. การจ ด้กล�+มูและการแยกกล�+มู (Group & Ungroup)
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 6 การจั�ดัการวิ�ตถุ�ตอนท�" 6.1 เคร,"องม,อในการชี�วิยจั�ดัแลุ่ะวิางใน Flash
ตอนท�" 6.2 การใชี�งานเส�น Guide
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ การใช�งาน Ruler ได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยนไ ด้� ร� � จ ก ว+ า Ruler ค$ อเคร$,องมู$อทึ�,ช+วยในการทึ3าอะไรบ�าง และสามูารถเร�ยกได้�จากทึ�,ใด้- เมู$, อน กเร�ยนได้� เร�ยนผู้+านจ�ด้ป็ระสงค'น�% น กเร�ยนจ ะ ต้� องสา มูารถ ใ ช�ง า น Ruler ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การ - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อ
20
20
20
ตอนท�" 6.3 การจั�ดัลุ่'าดั�บวิ�ตถุ�
ตอนท�" 6.4 การจั�ดักลุ่��มแลุ่ะการแยกกลุ่��ม
- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใช�งานเส�น Guide ได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า น กเร�ยนจะต้�องสามูารถสร�าง เส�น เ ค ล$, อ น ย� า ย ล บ ห็ ร$ อจ ด้การต้+าง ๆ ในการน3าเส�น Guide มูาใช�งานได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการจ ด้ล3าด้ บว ต้ถ�ได้�- ผู้��สอนอธุ�บายว+า ในการเ ร� ย น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องสามูารถทึ3าการจ ด้ล3าด้ บว ต้ถ� จากเล4กไป็ให็ญ+ ทึ�,แบบต้+าง ๆ ได้� - น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการการจ ด้กล�+มูและการแยกกล�+มูได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% น กเร�ยนจะต้�องน3าภาพื้มูาเพื้$,อทึ3าการจ ด้กล�+มู และ
แ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ ง
แยกกล�+มู- น กเร�ยนสามูารถจ ด้กล�+มู และแยกกล�+มูร�ป็ภาพื้ทึ�,ก3า ห็นด้ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �- น กเร�ยนร บภาระงาน
คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 6 การจั�ดัการวิ�ตถุ�ตอนท�" 6.1 เคร,"องม,อในการชี�วิยจั�ดัแลุ่ะวิางใน Flash
ตอนท�" 6.2 การใชี�งานเส�น Guide
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3าความูร� �จ ก ก บเคร$,องมู$อทึ�,เร�ยกว+า Ruler และบอกความูส3าค ญว+า ทึ3าไมูเราจงจ3า เป็�นต้�องน3า ไมู�บรรทึ ด้เข้�ามูาช+วยในการทึ3างาน - ผู้��สอน ให็�น กเร�ยนแต้+ละค�+น3าร�ป็ภาพื้เข้�ามูาค�+ละ 1 ร�ป็ และทึ3าการเร�ยกไมู�บรรทึ ด้ข้%นมูา เพื้$,อใช�งาน- ผู้�� ส อ น ส�+ มู ต้ ว อ ย+ า งน กเร�ยนข้%นมูา 5 – 6 คน เ พื้$, อ ใ ห็� ทึ ด้ ส อ บ เ ร� ย กไมู�บรรทึ ด้ และบอกความู
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
20
25
ตอนท�" 6.3 การจั�ดัลุ่'าดั�บวิ�ตถุ�
ตอนท�" 6.4 การจั�ดักลุ่��ม
จ3าเป็�นในการใช�ไมู�บรรทึ ด้- น กเร�ยนสามูารถเร�ยกใช� Ruler ได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
อธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอน เร�,มูอธุ�บายความูห็มูายและความูส3าค ญข้องเส�น Guide และเร�,มูสอนเร$,องต้+าง ๆ เก�,ยวก บเส�น Guide
1. ก า ร ส ร� า ง เ ส� น Guide
2. การเคล$, อนย�ายเส�น Guide
3. ก า ร ล บ เ ส� น Guide
4. ก า ร ซี+ อ น แ ล ะแ ส ด้ ง เ ส� น Guide
5. การก3า ห็นด้รายละเอ�ยด้ข้องเส�น Guide
- น กเร�ยนแต้+ละค�+ ห็ล งจากเร�ยนจบแล�ว จะต้�อง
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�
- ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�
- ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
25
25
แลุ่ะการแยกกลุ่��ม จ ด้การแบบต้+าง ๆ เก�,ยวก บเส�น Guide ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
อธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูด้�วยการให็�น กเร�ยน ทึ3าการ Import
ร�ป็ภาพื้กาต้�นร'ในล กษณะทึ+าทึาง ต้+าง ๆ เล4กบ�าง ให็ญ+บ�าง ค�+ละ 5 ภาพื้ เมู$,อได้�ภาพื้เสร4จเร�ยบร�อยแล�ว ผู้�� สอน เร�,มูสอน โด้ยให็�น ก เ ร� ย น ทึ3า ก า ร Selection ภาพื้ทึ %งห็มูด้ และ เร�ยกการจ ด้ว ต้ถ�ทึ�, Modify Arrange ซี,งผู้��สอนจะทึ3าให็�น กเร�ยนด้�เป็�นต้ วอย+าง 1 แบบ- การจ ด้การว ต้ถ�จะมู�อย�+ด้�วยก น 4 แบบ น กเร�ยนแต้+ ล ะค�+ จ ะต้� องทึ3า ใ ห็� ไ ด้�ทึ %งห็มูด้ 4 แบบ ผู้��สอนจะทึ3า ก า ร ต้ ร ว จ ง า น ถ� าน กเร�ยนทึ3าครบแล�ว จาก
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
น %นจงให็�น กเร�ยนบ นทึกงานไว�
- ผู้��สอนแจกใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
อธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ น3า ภาพื้ทึ�, ได้�บ นทึก ไว� คร %งทึ�, เร�ยนเร$,องการจ ด้ว ต้ถ� มูาทึ3างาน- ผู้��สอนอธุ�บายถงการจ ด้กล�+มูและการแยกกล�+มูว ต้ถ�- ผู้��สอนให็�น กเร�ยนทึ3างาน โด้ยให็�ทึ3าการจ ด้ว ต้ถ�เป็�น 2 กล�+ มู กล�+ มูละ 2 ภาพื้ และ 3 ภาพื้ จากน %นทึ3าการต้รวจงาน- เมู$, อน กเร�ยนจ ด้กล�+มูเสร4จ และให็�ต้รวจแล�ว ผู้��สอนให็�น กเร�ยนแต้+ละค�+ทึ3า การแยกกล�+ มู ทึ�, เป็�นภาพื้ 3 ภาพื้- น กเร�ยนทึ�กคนสามูารถสร�างงานได้�ต้ามูทึ�,ผู้��สอนต้�องการ ถ$อว+ าผู้+ านจ� ด้ป็ระสงค'
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง เคร$, องมู$อ ในการ“
ต้กแต้+งภาพื้”
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 6.1 เคร,"องม,อในการชี�วิยจั�ดัแลุ่ะวิางใน Flash
- การใช�งาน Ruler
- การใช�งานเส�น Guide
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 6.2 การใชี�งานเส�น Guide
- การสร�างเส�น Guide
- การเคล$,อนย�ายเส�น Guide- การลบเส�น Guide
- การซี+อนและแสด้งเส�น Guide- การก3าห็นด้รายละเอ�ยด้ข้องเส�น Guide
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 6.3 การจั�ดัลุ่'าดั�บวิ�ตถุ�
- การจ ด้ล3าด้ บว ต้ถ�- ว�ธุ�การจ ด้ล3าด้ บว ต้ถ�- การจ ด้เร�ยงว ต้ถ�
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 6.4 การจั�ดักลุ่��มแลุ่ะการแยกกลุ่��ม
- การแยกกล�+มู- การจ ด้กล�+มู
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash
MX
10
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�แบ+งน กเร�ยนออกเป็�น 4 กล�+มู เพื้$,อให็�ออกมูาสร�ป็ต้ามูห็ วข้�อทึ�,มูอบให็�
โด้ยให็�น กเร�ยนส+งต้ วแทึนออกมูาสร�ป็ห็น�าช %นเร�ยน และคร�เป็�นผู้��สร�ป็ป็>ด้ทึ�าย ด้ งห็ วข้�อทึ�,ก3าห็นด้ให็� ใช�เวลา 15 นาทึ�
1. การจ ด้เร�ยงว ต้ถ�2. การจ ด้ล3าด้ บว ต้ถ�3. การจ ด้กล�+มู4. การแยกกล�+มู
6. ภาระงานท�" 6ภาระงานทึ�, 6 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เก�,ยวก บ
การจ ด้ล3าด้ บว ต้ถ�ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,อง เร$,องการจ ด้กล�+มูและการแยกกล�+มู
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2 ใบความูร� �ทึ�, 6 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้“ ”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8 แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash
Mx โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9 ห์ลุ่�กฐานการเร�ยนร��ผู้��สอนต้รวจเช4คงานทึ�,น กเร�ยนทึ3าการ จ ด้ล3าด้ บว ต้ถ� ว+าทึ3าได้�ถ�กต้�องต้ามู
ค3าส ,งห็ร$อไมู+ผู้��สอนต้รวจเช4คงานทึ�,น กเร�ยนทึ3าการ จ ด้กล�+มูและแยกกล�+มู ว+าทึ3าได้�ถ�ก
ต้�องต้ามูค3าส ,งห็ร$อไมู+ จากน %นผู้��สอนให็�น กเร�ยนบ นทึกงานลงแผู้+นด้�สก'
10 การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 6 เร,"อง การจั�ดัลุ่'าดั�บวิ�ตถุ� แลุ่ะ การแยกกลุ่��ม - จั�ดั
กลุ่��ม
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถจ ด้ล3าด้ บว ต้ถ�ได้�ถ�ก
ต้�อง2. น กเร�ยนสามูารถจ ด้กล�+มูว ต้ถ�ได้�3. น กเร�ยนสามูารถแยกกล�+มูว ต้ถ�ได้�4. น กเร�ยนสามูารถแก�ไข้ป็6ญห็าทึ�,เก�ด้
ข้%นได้�ด้�5. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน
และมู�ความูค�ด้สร�างสรรค'6. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 6การจั�ดัวิ�ตถุ�
แผู้นการสอนท�" 6จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถใช�เคร$,องมู$อในการช+วยว ด้และจ ด้วางใน Flash ได้�จั�ดัประสงค�น'าทาง
1. สามูารถใช�งาน Ruler , Guide , Grid
2. สามูารถจ ด้ล3าด้ บว ต้ถ�3. สามูารถจ ด้เร�ยงว ต้ถ�4. สามูารถจ ด้กล�+มูและแยกกล�+มูได้�
เน,!อห์าเคร,"องม,อในการชี�วิยวิ�ดัแลุ่ะจั�ดัวิางใน Flash
ในการจ ด้การว ต้ถ� ส�,งทึ�,จ3าเป็�นต้�องมู�เคร$,องมู$อในการช+วยว ด้และจ ด้วาง ซี,งใน Flash ก4ได้�จ ด้เต้ร�ยมูเคร$,องมู$อต้+างๆ เห็ล+าน�% ป็ระกอบด้�วย
1. Ruler เป็�นเคร$,องมู$อว ด้ข้นาด้จะอย�+บร�เวณข้อบข้องร�ป็2. Guide เป็�นเส�นทึ�,ช+วยในการกะระยะและต้3าแห็น+ง3. Grid เป็�นเส�นต้ารางทึ�,ใช�อ�างอ�งต้3าแห็น+งต้+างๆ
ว�ธุ�การใช�เคร$,องมู$อช+วยว ด้และจ ด้วางมู�ด้ งน�%การใชี�งาน Ruler
Ruler มู�ล กษณะเห็มู$อนไมู�บรรทึ ด้ทึ�,อย�+บร�เวณด้�านบนและด้�านซี�ายข้องห็น�าต้+างร�ป็ภาพื้ เป็�นต้ วอ�างอ�งเพื้$,อบอกข้นาด้ข้องพื้$%นทึ�,ทึ�,เล$อก ถ�าห็ากห็น�าต้+างไมู+มู�แถบไมู�บรรทึ ด้ เล$อกค3าส ,ง View Rulers
การใชี�งานเส�น Guide
เป็�นเส�นทึ�,ช+วยในการกะระยะและต้3าแห็น+ง โด้ยใช�แนวเส�นต้รงทึ %งในแนวต้ %งและแนวนอน เส�น Guide จะป็รากฏิเป็�นล กษณะข้องเส�นต้รงเห็น$อร�ป็ภาพื้ทึ %งห็มูด้ โด้ยเส�นเห็ล+าน�%จะไมู+ถ�กพื้�มูพื้'ออกทึางเคร$,องพื้�มูพื้'เพื้ราะเป็�นเส�นทึ�,ใช�ในการอ�างอ�งเทึ+าน %นการสร�างเส�น Guide
1. เล$,อนเมูาส'ไป็ทึ�,ไมู�บรรทึ ด้อาจเป็�นแนวต้ %งห็ร$อแนวนอนก4ได้�(แล�วแต้+ความูต้�องการ) ต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็ ห็ล งจากน %น Click
mouse ค�างไว� และลากออกมูาในต้3าแห็น+งทึ�,ต้�องการ ส งเกต้ข้ณะทึ�,เล$,อนต้ วช�%เมูาส'จะเป็ล�,ยนเป็�นร�ป็
2. เมู$,อได้�ต้3าแห็น+งทึ�,ต้�องการแล�วป็ล+อยเมูาส' จะป็รากฏิเป็�นเส�นต้รงส�เข้�ยว เราเร�ยกว+าเส�น Guide ซี,งเราสามูารถสร�างก�,เส�นก4ได้�
เคลุ่,"อนย�ายเส�น Guide
ให็� Click mouse ค�างไว�ทึ�,เส�น Guide และลากไป็ย งต้3าแห็น+งทึ�,ต้�องการ เมู$,อได้�ต้3าแห็น+งแล�วป็ล+อยเมูาส'
การลุ่บเส�น Guide
เป็�นการย�ายเส�น Guide ออกไป็นอกห็น�าต้+างภาพื้ โด้ยเราจะ Click
moues ค�างไว�ทึ�,เส�น Guide แล�วลากเส�น Guide น %นออกไป็นอกห็น�าต้+าง เส�น Guide น %นก4จะห็ายไป็
การซี�อนแลุ่ะแสดังเส�น Guide
เล$อกทึ�,ค3าส ,ง View Guides Show Guides แล�วคล�กเมูาส'ทึ�,เคร$,องห็มูาย เพื้$,อไมู+ให็�ป็รากฏิทึ�,ห็น�าค3าส ,ง Show Guides จะส งเกต้ได้�ว+าเส�น Guide เด้�มูทึ %งห็มูด้จะถ�กซี+อนโด้ยอ ต้โนมู ต้�
เมู$,อต้�องการให็�เส�น Guide กล บมูาแสด้งอ�กคร %ง เล$อกทึ�,ค3าส ,ง View>Guides>Show Guides แล�วทึ3าเคร$,องห็มูาย ทึ�,ห็น�าค3าส ,ง Show Guidesการก'าห์นดัรายลุ่ะเอ�ยดัขั้องเส�น Guide
เราสามูารถก3าห็นด้รายละเอ�ยด้ข้องเส�น Guide การล4อคต้3าแห็น+งข้อง Guide การก3า ห็นด้ให็�ว ต้ถ�อย�+ ในต้3า แห็น+งข้องเส�น Guide โด้ยใช�ค3า ส ,ง View>Guides>Edit Guides
การจั�ดัลุ่'าดั�บวิ�ตถุ� (Arrange)
ในการสร�างช�%นงานบางคร %งเราต้�องการจ ด้ล3าด้ บให็�ก บว ต้ถ�ไห็นอย�+ก+อนห็ร$ออย�+ห็ล ง เช+น ต้�องการให็�ร�ป็ทึ�,เรา Import เข้�ามูาก+อนอย�+ด้�านห็น�าร�ป็ทึ�,เราวาด้ข้%นเอง เป็�นต้�น ซี,งเราสามูารถใช�ค3าส ,ง Arrange ในการจ ด้ล3าด้ บข้องว ต้ถ�ได้�โด้ยเล$อก Modify Arrange
ห็ากเราต้�องการน3าว ต้ถ�ทึ�,อย�+ด้�านห็น�ามูาไว�ด้�านห็ล ง ซี,งต้�องเป็�นว ต้ถ� 2
ช�%นทึ�,ซี�อนก นอย�+ ใช� Arrow Tool ทึ3าการ Selection ว ต้ถ�ทึ�,ต้�องการไว�ด้�านห็ล ง
1. เล$อก Modify>Arrange>Sent to Back
2. ว ต้ถ�ทึ�,อย�+ด้�านห็น�าจะกล บมูาอย�+ด้�านห็ล งวิ�ธิ�การจั�ดัลุ่'าดั�บวิ�ตถุ�ม�ดั�งน�!
Bring to Front ค$อ ให็�ว ต้ถ�ทึ�,ถ�กเล$อกอย�+ห็น�าส�ด้ Bring Forward ค$อ ให็�ว ต้ถ�เล$อกข้%นมูาอ�ก 1 ล3าด้ บ Send Backward ค$อ ให็�ว ต้ถ�ทึ�,ถ�กเล$อกถอยห็ล งลงไป็อ�ก 1
ล3าด้ บ Send to Back ค$อ ให็�ว ต้ถ�ทึ�,ถ�กเล$อกถอยลงไป็ห็ล งส�ด้
การจั�ดัเร�ยงวิ�ตถุ� (Align)
Align เป็�นค3าส ,งในการจ ด้เร�ยงว ต้ถ� เพื้$,อให็�ว ต้ถ�เป็�นระเบ�ยบ เช+น เราต้�องการให็�ว ต้ถ�อย�+ในแนวเด้�ยวก น,ช�ด้ซี�าย,ช�ด้ข้วา,เร�ยงห็น�ากระด้�าน ห็ร$อมู�ระยะห็+างเทึ+าก นเป็�นต้�น
1. ให็�เราเล$อกเมูน� Window Align เพื้$,อเป็>ด้ห็น�าต้+าง Align ข้%นมูา2. ทึ3าการ Select ว ต้ถ�ทึ�,ต้�องการจ ด้เร�ยง โด้ยเราจะต้�องทึ3าการ Select
ว ต้ถ�มูากกว+า 1 ต้ ว3. เล$อกว�ธุ�จ ด้เร�ยงต้ามูทึ�,เราต้�องการด้ งน�%
Align จ ด้ว ต้ถ�ให็�เร�ยง ช�ด้ซี�าย, กลาง, ช�ด้ข้วาDistribute จ ด้ว ต้ถ�ให็�อย�+ในระยะทึ�,เสมูอก นโด้ยค3านวณจาก
ว ต้ถ�ทึ %งห็มูด้Match Size จ ด้ว ต้ถ�ให็�มู�ข้นาด้เทึ+าก บว ต้ถ�ทึ�,มู�ข้นาด้ให็ญ+ทึ�,ส�ด้
ในแนวต้ %งห็ร$อแนวนอนSpace จ ด้ระยะห็+างให็�เทึ+าก นTo Stage จ ด้ว ต้ถ�โด้ยค3านวณจาก Stage ทึ %งห็มูด้
4. ว ต้ถ�จะถ�กจ ด้เร�ยงต้ามูทึ�,เราก3าห็นด้
การจั�ดักลุ่��มแลุ่ะการแยกกลุ่��ม(Group & Ungroup)
การจ ด้กล�+มู(Group)จะช+วยในการจ ด้วางว ต้ถ�และช+วยป็?องก นไมู+ให็�ว ต้ถ�ถ�กแก�ไข้ห็ร$อเป็ล�,ยนโด้ยไมู+ต้ %งใจ เพื้ราะเมู$,อเราทึ3าการ Group ว ต้ถ�แล�ว จะทึ3าให็�ไมู+สามูารถแก�ไข้ว ต้ถ�ได้�อ�ก
การแยกกล�+มู(Ungroup) จะช+วยในการแยกกล�+มูข้องว ต้ถ�ทึ�,ถ�กจ ด้กล�+มู(Group)ให็�แยกเป็�นว ต้ถ�แต้+ละช�%นเห็มู$อนเด้�มูก+อนทึ�,จะทึ3าการ Group
การจั�ดักลุ่��ม Group
เป็�นการจ ด้กล�+มูให็�ว ต้ถ� โด้ยให็�ว ต้ถ�ทึ�,ถ�กจ ด้กล�+มูมู�ล กษณะเป็�นช�%นเด้�ยวก น ซี,งการจ ด้กล�+มูว ต้ถ�จะทึ3าให็�ว ต้ถ�ไมู+สามูารถแก�ไข้ได้�อ�ก ทึ3าให็�เวลาเคล$,อนย�ายว ต้ถ� ว ต้ถ�จะถ�กเคล$,อนย�ายว ต้ถ�พื้ร�อมูก นทึ %งห็มูด้ เช+น ต้�องการรวมูว ต้ถ� 2 อย+างเข้�าด้�วยก นด้ งต้ วอย+างต้+อไป็น�%
1. ทึ3าการ Select ว ต้ถ�ทึ�,ต้�องการจ ด้กล�+มู2. เล$อกเมูน� Modify Group เพื้$,อทึ3าการจ ด้กล�+มูให็�ว ต้ถ�3. ว ต้ถ�ถ�กจ ด้อย�+ในเด้�ยวก น ส งเกต้จากเส�นทึ�,ล�อมูรอบว ต้ถ�
การแยกกลุ่��ม Ungroup
เป็�นการแยกกล�+มูข้องว ต้ถ�ทึ�,ถ�กจ ด้กล�+มู(Group)ทึ3าให็�เราสามูารถป็ร บเป็ล�,ยนแก�ไข้ว ต้ถ�ทึ�,เราทึ3าการ Group ไป็แล�วได้� โด้ยการ Ungroup จะเป็�นการแยกว ต้ถ�ให็�กล บมูาเป็�นอย+างเด้�มูอ�กคร %ง
1. Click mouse ทึ�,ว ต้ถ�ทึ�,เราต้�องการแยกกล�+มู2. เล$อก Modify Ungroup เพื้$,อทึ3าการแยกกล�+มูข้องว ต้ถ�ทึ�,มู�การจ ด้
กล�+มูก นอย�+3. ว ต้ถ�จะถ�กแยกกล�+มูและสามูารถแก�ไข้ได้�
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เวลา 2 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถสร�างต้ วอ กษรโด้ยใช�โป็รแกรมู Flash ได้�
3. สาระการเร�ยนร��1. การใส+ข้�อความูโด้ยใช� Text Tool
2. การเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความู3. การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,ออกแบบ4. การใช�ห็น�าต้+าง Properties ข้อง Text Tool
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 7 การสร�างต�วิอ�กษรตอนท�" 7.1 การใส�ขั้�อควิามโดัยใชี� Text Tool
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ การใส+ข้� อ ค ว า มู โ ด้ ย ใ ช� Text
Tool ได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยน
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
10
ตอนท�" 7.2 การใชี�ห์น�าต�าง Properties
ขั้อง Text Tool
ตอนท�" 7.3 ต�วิอย�างการใชี�งาน Text ในร�ปแบบต�าง ๆ
ไ ด้� ร� � จ ก เ ค ร$, อ ง มู$ อ ทึ�, ใ ช�ส3าห็ร บการเข้�ยนข้�อความู - เมู$, อน กเร�ยนได้� เร�ยนผู้+ านจ�ด้ป็ระสงค'น�% แล� ว น กเร�ยนจะต้�องสามูารถใส+ข้�อความูได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ ต้ วอ กษรในร�ป็แบบต้+าง ๆ ได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะร� �จ กต้ วอ กษร 3
ร�ป็แบบ ซี,งน กเร�ยนจะต้�องบอกได้�ว+า ต้ วอ กษรแต้+ละแบบแต้กต้+างก นอย+างไร และมู�การร บข้�อมู�ลอย+างไร- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ
ทึ3างานเก�,ยวก บ Text
ในร�ป็แบบต้+าง ๆ - น กเร�ยนจะต้�องทึ3าการใช�งาน Text ซี,งจะมู�ในใบความูร� �อย�+แล�ว ให็�น กเร�ยนป็ฏิ�บ ต้�ต้ามู- น ก เ ร� ย น ส า มู า ร ถทึ3างานได้�ต้รงต้ามูค3าส ,งจงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
10
- น กเร�ยนร บภาระงาน
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 7 การสร�างต�วิอ�กษรตอนท�" 7.1 การใส�ขั้�อควิามโดัยใชี� Text Tool
ตอนท�" 7.2 การใชี�ห์น�าต�าง Properties
ขั้อง Text Tool
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3า ความูร� �จ ก ก บ Text
Tool ซี,งเป็�นเคร$,องมู$อทึ�,ใ ช�ส3า ห็ร บการ เ ข้�ยนต้ วอ กษร ซี,งจะเป็�นร�ป็ต้ ว A
- ผู้��สอน ก3าห็นด้ข้�อความูใ น ร� ป็ แ บ บ ต้+ า ง ๆ ใ ห็�น กเร�ยนได้�พื้�มูพื้' และจ ด้ต้ วอ กษร ใส+ส� และร�ป็แบบต้+ าง ๆ เพื้$, อ ให็�น ก เร�ยนเคยช�นก บการใช� Text
Tool โ ด้ ย น ก เ ร� ย นส า มู า ร ถ ด้� ใ บ ค ว า มู ร� �ป็ระกอบได้�- น กเร�ยน ทึ�กคนสามูารถสร�างข้�อความู เคล$,อนย�าย ใส+ส� ห็ร$อเป็ล�,ยนร�ป็แบบต้ วอ กษรได้�ถ�กต้�องถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ ว
15
15
ตอนท�" 7.3 ต�วิอย�างการใชี�งาน Text ในร�ปแบบต�าง ๆ
- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- น กเร�ยนจะต้�องร� �จ กต้ วอ กษรทึ %ง 3 ร�ป็แบบ 1. Static Text2. Dynamic Text3. Input Text
- ผู้��สอนให็�น กเร�ยนเข้�ยนข้�อความูว+ า Flash MX
จ า ก น %น ทึ3า ก า ร แ ย ก ต้ วอ กษร และน3า ต้ วอ กษรแต้+ละต้ วมูาออกแบบในล กษณะต้+าง ๆ ก น โด้ยผู้��สอนจะเร�,มูทึ3า ต้ ว F ให็�ด้�เป็�นต้ วอย+าง นอกจากน %น ผู้�� ส อ น ใ ห็� น ก เ ร� ย น ใ ช�จ�นต้นาการเอง- น กเร�ยนสามูารถสร�างต้ วอ กษรได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
อ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
15
- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ด้�ใบความูร� �ทึ�, 7 เร$,องการสร�างต้ วอ กษร ในส+วนข้องต้ วอย+างการส+วนต้ วอ กษร โด้ยให็�น กเร�ยนป็ฏิ�บ ต้�ต้ามูข้ % น ต้ อ น โ ด้ ย ส า มู า ร ถเป็ล�,ยนแป็ลงข้�อความูค3าพื้�ด้ในงานได้�- เมู$,อน กเร�ยนสร�างงานเ ส ร4จ จ ะ ต้� อ ง ใ ห็�ผู้�� ส อ นต้รวจก+อน จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 7.1 การใส�ขั้�อควิามโดัยใชี� Text Tool
- การใส+ข้�อความูโด้ยใช� Text Tool- การเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความู- การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,ออกแบบ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 7.2 การใชี�ห์น�าต�าง Properties
ขั้อง Text Tool
- Static Text- Dynamic Text- Input Text
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,
10
อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ตอนท�" 7.3 ต�วิอย�างการใชี�งาน Text ในร�ปแบบต�าง ๆ
- ต้ วอย+างการใช�งาน Text ในร�ป็แบบต้+าง ๆ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 3 กล�+มู จากน %นให็�แต้+ละกล�+มูอภ�ป็รายใน
ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ Text แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 15 นาทึ�
ห็ วข้�ออภ�ป็ราย1. Static Text2. Dynamic Text3. Input Text
6. ภาระงานท�" 7ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การต้กแต้+งต้ วอ กษร
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2 ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��งานทึ�,น กเร�ยนได้�ป็ฏิ�บ ต้�ลงไป็ในเคร$,อง ต้ามูทึ�,ผู้��สอนส ,ง และผู้��สอนให็�น กเร�ยนบ นทึกงานลงในแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 7 เร,"อง การตกแต�งต�วิอ�กษร
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถต้กแต้+งต้ วอ กษรได้�
ถ�กต้�อง สวยงามู2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 7การสร�างต�วิอ�กษร
แผู้นการสอนท�" 7จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถสร�างต้ วอ กษรใน Flash ได้�อย+างถ�กต้�องสวยงามูจั�ดัประสงค�น'าทาง
1. สามูารถใส+ข้�อความูโด้ยใช� Text Tool
2. การจ ด้การก บต้ วอ กษร เคล$,อนย�าย , ป็ร บข้นาด้กล+องข้�อความู , ป็ร บแต้+งต้ วอ กษร
3. การใช�ห็น�าต้+าง Properties ข้อง Text Tool
เน,!อห์าการใส�ขั้�อควิามโดัยใชี� Text Tool
การใส+ข้�อความูโด้ยทึ ,วไป็ ห็มูายถง การใช�ค3าส ,งในการพื้�มูพื้'ต้ วอ กษร ด้�วย Text Tool โด้ยการใส+ข้�อความูแต้+ละคร %งจะเป็�นการเพื้�,มู Layer ให็มู+เองโด้ยอ ต้โนมู ต้� การใส+ข้�อความูโด้ย Text Tool
1. Click mouse ทึ�, จาก Text Tool ต้ วเมูาส'ช�%จะเป็ล�,ยนเป็�นร�ป็
2. Drag mouse บร�เวณทึ�,สร�างกล+องข้�อความู โด้ยก3าห็นด้ข้นาด้ต้ามูข้นาด้ต้ามูความูยาวทึ�,เราลาก
3. ก3าห็นด้ร�ป็แบบข้อง Font และข้นาด้ข้อง Font ได้�จากห็น�าต้+าง Properties ต้ามูต้�องการ
เราจะทึ3าการก3าห็นด้ต้ วอ กษรก+อนอย+างคราวๆ ก+อนโด้ยก3าห็นด้ข้นาด้ต้ วอ กษร และการจ ด้เร�ยงต้ วอ กษร ซี,งจะก3าห็นด้ข้นาด้ต้ วอ กษรเป็�น 44 จ ด้เร�ยงต้ วอ กษรเป็�นแบบจ ด้อย�+ก,งกลาง และก3าห็นด้ส�เป็�นส�แด้ง
4. เมู$,อก3าห็นด้ล กษณะต้ วอ กษรเสร4จแล�ว ให็�พื้�มูพื้'ข้�อความูทึ�,ต้�องการลงไป็
5. จากน %นเราทึ3าการทึด้สอบโด้ยการให็�โป็รแกรมูแสด้งผู้ลออกมูา โด้ยเล$อกทึ�,เมูน� Control.Test Movie
การเคลุ่,"อนย�าย แลุ่ะปร�บขั้นาดักลุ่�องขั้�อควิามในการพื้�มูพื้'ต้ วอ กษรน %น เราจะต้�องก3าห็นด้ต้3าแห็น+ง ก+อนพื้�มูพื้'ข้�อความู
ลงในกล+องข้�อความูทึ�,เก�ด้ข้%น ซี,งในกล+องข้�อความูน�%ค$อช+องทึ�,ให็�เราเข้�ยนข้�อความูน ,นเอง ห็ากเราต้�องการเคล$,อนย�ายต้3าแห็น+งข้องกล+องข้�อความูให็�น3าต้ วช�%เมูาส'บร�เวณกล+องข้�อความูด้ด้ยให็�ต้ วช�%เมูาส'เป็ล�,ยนเป็�นร�ป็
แล�ว Click mouse ค�างไว�และเคล$, อนย�ายกล+องข้�อความูไป็วางต้3าแห็น+งทึ�,ต้�องการได้�
ในกรณ�ทึ�,เราก3าห็นด้ข้นาด้ข้องกล+องข้�อความูเล4กเก�นไป็ห็ร$อให็ญ+เก�นไป็ เราสามูารถข้ยายกล+องข้�อความูออกไป็ได้� โด้ยมู�ว�ธุ�การด้ งน�%
1. เล$อกทึ�, Text Tool แล�วคล�กเมูาส'ทึ�,ต้ วอ กษรบนกล+องข้�อความู2. จากน %นเล$,อนต้ วช�%เมูาส'ไป็ทึ�,ร�ป็ส�,เห็ล�,ยมูด้�านข้วาบนกรอบข้�อความู ส งเกต้ว+าเมูาส'จะเป็ล�,ยนเป็�นร�ป็
3. ให็�ลากเมูาส'ป็ร บข้นาด้ข้องกล+องข้�อความูต้ามูต้�องการ
ปร�บแต�งต�วิอ�กษรให์�เขั้�าก�บงานท�"ออกแบบเราสามูารถออกแบบและป็ร บแต้+งต้ วอ กษรข้องเราเองให็�เข้�าก บงานต้+าง
ๆ ได้� นอกเห็น$อจาก Font ต้ วอ กษรทึ�,มู�อย�+แล�ว ซี,งทึ3าให็�เราออกแบบต้ วอ กษรทึ�,แต้กต้+างต้ามูใจข้องเราได้� สามูารถทึ3าได้�ด้ งน�%
1. คล�กเมูาส'เล$อกข้�อความูทึ�,ต้�องการป็ร บแต้+งต้ วอ กษรในข้�อความูน %น2. เล$อกค3าส ,ง Modify Break Apart เพื้$,อแยกองค'ป็ระกอบจาก
ต้ วอ กษรให็�กลายเป็�นภาพื้3. คล�กเมูาส'ทึ�, Arrow Tool เพื้$,อป็ร บแต้+งต้ วอ กษรให็�ได้�ร�ป็
แบบต้ วอ กษรต้ามูต้�องการ โด้ยส งเกต้ทึ�,เมูาส'จะเป็ล�,ยนเป็�นร�ป็แบบต้+าง ๆ ด้ งน�%
เป็�นการป็ร บแต้+งส+วนโค�ง เป็�นการป็ร บแต้+งส+วนทึ�,เป็�นมู�มูเห็ล�,ยมู เป็�นการเล$อกทึ %งต้ วอ กษรน %นเพื้$,อจะทึ3าการใด้ ๆ
การใชี�ห์น�าต�าง Properties ขั้อง Text Tool
ในห็น�าต้+าง Properties ข้อง Text Tool น %น มู�การใช�งาน Text ห็ร$อข้�อความูใน Flash ทึ�,มู�ร�ป็แบบเฉพื้าะต้ ว โด้ยแต้+ละร�ป็แบบจะมู�การใช�งานแต้กต้+างก นออกไป็ และมู�ค3าส ,งอ$, น ๆ ทึ�,เก�,ยวข้�องด้�วย ซี,งมู�อย�+ 3 ร�ป็แบบ ได้�แก+ Static Text, Dynamic Text และ Input Text
Static Textเป็�นร�ป็แบบข้องการแสด้งต้ วอ กษรธุรรมูด้าทึ ,วไป็ มู�รายละเอ�ยด้ ด้ งน�%
ก3าห็นด้ร�ป็แบบข้อง Font ทึ�,เราต้�องการก3าห็นด้ข้นาด้ข้องต้ วอ กษรก3าห็นด้ส�ให็�ข้�อความูแสด้งข้�อความูเป็�นต้ วห็นาแสด้งข้�อความูเป็�นต้ วเอ�ยงแสด้งข้�อความูเป็�นแนวต้ %งห็ร$อแนวนอน
Horizontal แสด้งข้�อความูเป็�นแนวนอนVertical Left to Right แสด้งข้�อความู
แนวต้ %งสล บซี�ายไป็ข้วาVertical Right to Left แสด้งข้�อความู
แนวต้ %งสล บข้วาไป็ซี�ายแสด้งข้�อความูช�ด้ซี�ายแสด้งข้�อความูอย�+ก,งกลางแสด้งข้�อความูอย�+ช�ด้ข้วาแสด้งข้�อความูเต้4มูกล+องข้�อความู
ก3าห็นด้ระยะห็+างข้องต้ วอ กษรก3าห็นด้ร�ป็แบบในการแสด้งต้ วอ กษร
Normal ก3าห็นด้ร�ป็แบบต้ วอ กษรเป็�นแบบป็รกต้�Superscript ก3าห็นด้ร�ป็แบบต้ วอ กษรเป็�นแบบ
ยกSubscript ก3าห็นด้ร�ป็แบบต้ วอ กษรเป็�นแบบห็�อย
ก3าห็นด้ให็�ป็ร บช+องไฟข้องต้ วอ กษรอ ต้โนมู ต้�ห็ร$อไมู+ใช�ส3าห็ร บห็มู�นต้ วอ กษรก3าห็นด้ร�ป็แบบข้องบรรทึ ด้ทึ�,ใช�แสด้งต้ วอ กษร
Indent ก3าห็นด้ระยะช�ด้ข้อบห็น�าLine Spacing ก3าห็นด้ระยะห็+างระห็ว+าง
บรรทึ ด้Left Margin ก3าห็นด้ระยะห็+างข้อบซี�ายRight Margin ก3าห็นด้ระยะห็+างข้อบข้วา
แสด้งค+ากล+องข้�อความู
W แสด้งความูกว�างข้องกล+องข้�อมู�ลH แสด้งความูส�งข้องกล+องข้�อมู�ล
X แสด้งต้3าแห็น+งข้องกล+องข้�อความูในแนวแกน XY แสด้งต้3าแห็น+งข้องกล+องข้�อความูในแนวแกน Y
ก3าห็นด้ Link ให็�ก บข้�อความู เพื้$,อเช$,อมูโยงเว4บเพื้จอ$,น
ก3าห็นด้ร�ป็แบบในการแสด้งบราวเซีอร' เมู$,อเราก3าห็นด้ Link เช$,อมูโยงก บเว4บเพื้จอ$,น มู�ร�ป็แบบด้ งน�%
Blank เป็>ด้ห็น�าเพื้จให็มู+ข้%นมูาParent แสด้งบนห็น�าเพื้จเด้�มูโด้ยลบห็น�าเด้�มูออกSelf แสด้งในเพื้จห็ร$อเฟรมูเด้�ยวก นก บทึ�,แสด้ง
ข้�อความูTop ข้ยายเต้4มูห็น�าจอ
ก3าห็นด้ให็� Text สามูารถ Selection ได้� เมู$,อใช�ในเว4บเพื้จ ทึ3าให็�ผู้��ชมูสามูารถ Copy ข้�อความูไป็ใช�ได้�
ก3า ห็นด้ให็� Font อ$, นได้� ใกล�เค�ยงเมู$, อไมู+พื้บ Font ทึ�,ก3าห็นด้
Dynamic Textร�ป็แบบข้องต้ วอ กษรทึ�,สามูารถเป็ล�,ยนแป็ลงค+าห็ร$อข้�อความูได้�ในต้ วเอง
ต้ามูข้�อมู�ลจากเซี�ร'ฟเวอร'เป็�นการก3าห็นด้ให็�แสด้งจ3านวนแถวข้องข้�อความู
โด้ยมู�ร�ป็แบบด้ งน�%
Single Line เป็�นการส ,งให็�กล+องข้�อความูร บข้�อความูเป็�นแบบแถวเด้�ยว
Multiline เป็�นการส ,งให็�กล+องข้�อความูข้�อมู�ลได้�มูากกว+า 1 แถว
Multiline no wrap เ ป็� น ก า ร ส , ง ใ ห็� ก ล+ อ งข้�อความูร บข้�อมู�ลได้�มูากกว+า 1 แถว แต้+จะห็ย�ด้ก4ต้+อเมู$,อพื้บเคร$,องห็มูายห็ย�ด้ห็ร$อเบรกข้�อความู
ก3าห็นด้ช$, อให็� Text ห็ร$อข้�อความู ส3าห็ร บเร�ยกห็ร$ออ�างถงข้�อความูทึ�,เราต้�องการ
เป็�นการก3าห็นด้ให็�ร กษาการจ ด้ล กษณะการย+อห็น�า Font ให็�แสด้งในแทึ4ก HTML ให็�เห็มูาะสมู
ก3าห็นด้ให็�แสด้งกรอบข้องข้�อความู การต้ %งช$,อต้ วแป็ร ใช�ในการเข้�ยนโป็รแกรมูห็ร$อการเข้�ยน
Script เป็�นการส ,งให็�บ นทึกล กษณะ Font ทึ�,เราใช�ในงานข้องเรา เพื้$,อ
ป็?องก นไมู+ให็�เป็�นภาษาแป็ลก ๆ เมู$, อผู้��ใช�ไมู+มู� Font ทึ�,เราใช� ซี,งส ,งให็�บ นทึกล กษณะต้+างได้�ด้ งน�%
No Characters ไมู+ต้�องทึ3าการบ นทึก Font
All Character ให็�บ นทึก Font เฉพื้าะต้ วอ กษร
Only ให็�บ นทึกเฉพื้าะUppercase Letter (A-Z) ใ ห็� บ น ทึ ก
เฉพื้าะต้ วพื้�มูพื้'ให็ญ+Lowercase Letter (a-z) ใ ห็� บ น ทึ ก
เฉพื้าะต้ วพื้�มูพื้'เล4กNumerals (0-9) ให็�บ นทึกเฉพื้าะต้ วเลข้Punctuation ให็�บ นทึกเฉพื้าะต้ วอ กษรพื้�เศึษ เช+น วงเล4บและเคร$,องห็มูายต้+าง ๆ เป็�นต้�นAnd these characters ให็�บ นทึกเฉพื้าะต้ วทึ�,เราก3าห็นด้ โด้ยพื้�มูพื้'ลงในช+องทึ�,เต้ร�ยมูไว�
Input Textเป็�นกล+องร บข้�อความู ซี,งสามูารถร บข้�อความูแบบป็กต้� ห็ร$อแบบ
Password ทึ�,ใช�ป็?อนรห็ สผู้+านก4ได้�เป็�นการก3าห็นด้ให็�แสด้งจ3านวนแถวข้องข้�อความูโด้ยมู�ร�ป็
แบบด้ งน�%
Single Line เป็�นการส ,งให็�กล+องข้�อความูร บข้�อความูเป็�นแบบแถวเด้�ยว
Multiline เป็�นการส ,งให็�กล+องข้�อความูร บข้�อมู�ลได้�มูากกว+า 1 แถว
Multiline no wrap เป็� นการ ส ,ง ใ ห็�ก ล+ องข้�อความูร บข้�อมู�ลได้�มูากกว+า 1 แถว แต้+จะห็ย�ด้ก4ต้+อเมู$,อพื้บเคร$,องห็มูายห็ย�ด้ห็ร$อเบรกข้�อความู
Password การส ,งให็�กล+องข้�อความูแสด้งข้�อความูออกมูาเป็�น “ * ” ใช�ในกรณ�ทึ�,ต้�องการให็�แสด้งข้�อความูเป็�นรห็ สผู้+าน
ต�วิอย�างการใชี�งาน Text ในร�ปแบบต�าง ๆเราลองมูาทึ3ากล+องร บข้�อความู ซี,งจะมู�ส+วนป็ระกอบทึ�,เราพื้บเห็4นก นเป็�น
ป็ระจ3า ได้�แก+ ข้�อความูธุรรมูด้า (Static Text) กล+องข้�อความู (Input Text
) แ บ บ Singel Line แ ล ะ แ บ บ Multiline แ ล ะ ก ล+ อ ง ข้� อ ค ว า มู แ บ บ Password
1.ให็�เราทึ3าการ Import ภาพื้เข้�ามูา โด้ยเล$อก File Open แล�วเล$อกภาพื้ทึ�,เราต้�องการเข้�ามูา จากน %น คล�กเมูาส'ทึ�,ป็�<มู Open
2. คล�กเมูาส'ทึ�, เพื้$,อเข้�ยนห็ วข้�อ โด้ยก3าห็นด้ทึ�, Properties
เป็�น Static Text และก3าห็นด้ Font (ถ�าเล$อก Font ทึ�,มู�ค3าว+า UPC ต้ามูห็ล ง จะสามูารถใช�ภาษาไทึยได้�) ความูห็นาข้องต้ วอ กษร ส�ข้องต้ วอ กษร
3. เล$อกส�ต้ วอ กษร ป็ร บข้นาด้ต้ วอ กษรและพื้�มูพื้'ต้ วอ กษรต้ามูจ�ด้ทึ�,ต้�องการ
4. ก3าห็นด้ร�ป็แบบ Text Tool เป็�นแบบ Input Text เพื้$,อเป็�นการสร�างแบบกล+องร บข้�อความูแล�วเล$อก Single Line เป็�นการก3าห็นด้ให็�ร บ
ข้�อความูได้�แถวเด้�ยว และคล�กเมูาส'ทึ�,ป็�<มู เพื้$, อแสด้ งกรอบ ข้�อควา มู ห็ า กต้�องการใช�เป็�นเว4บเพื้จให็�คล�กเมูาส'ทึ�,ป็�<มู ด้�วย แล�วสร�างกล+องข้�อความู
5.ก3าห็นด้กล+องข้�อความูเป็�นแบบ Multiline เพื้$,อสร�างกล+องข้�อความูทึ�,ใส+ข้�อความูได้�ห็ลายแถว
6. ก3า ห็นด้กล+องข้�อความูเป็�นแบบ Password เพื้$, อสร�างกล+องข้�อความูส3าห็ร บใส+รห็ สผู้+าน
7. กด้ < Ctrl+Enter > ห็ร$อเล$อกทึ�, Control Test Movie
เพื้$,อทึด้สอบงานทึ�,สร�าง แล�วทึด้ลองใส+ข้�อความูด้�
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนร� �จ ก Symbol แต้+ละแบบ และสามูารถเป็ล�,ยนว ต้ถ�เป็�น
Symbol ได้�
3. สาระการเร�ยนร��1. ร� �จ ก Symbol และ Instance
2. ร� �จ ก Symbol แต้+ละแบบ3. Movie Clip
3.1 Button3.2 Graphic
4. การใช� Library
5. การเป็ล�,ยนว ต้ถ�เป็�น Symbol
6. การใช� Symbol จาก Library อ$,น7. การสร�าง Symbol ป็ระเภทึ Button
สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 8 ร��จั�กก�บ Symbolตอนท�" 8.1 ร��จั�ก Symbol แต�ลุ่ะแบบ
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บาย Symbol แต้+ละแบบได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยนได้� ร� �จ กว+ า Symbol ค$ออะไร และมู�ทึ %งห็มูด้ก�,แบบ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
- ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
20
ตอนท�" 8.2 การใชี� Library
ตอนท�" 8.3 การใชี�งาน Symbol
ตอนท�" 8.4 ต�วิอย�างการสร�างป�6มกดั
- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนได้�เร�ยนร� �แล�ว น กเร�ยนจะต้�องสามูารถต้อบค3าถามูผู้��สอนเก�, ยวก บ Symbol
ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ� ด้ป็ระสงค'การ เร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเ ก�, ย ว ก บ ก า ร ใ ช� ง า น Library ได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เร�ยนจะต้�องร� �ว+ า ภ า ย ใ น Library
ป็ระกอบด้�วยอะไรบ�าง และถ�าเราจะน3าร�ป็ภาพื้มูาเก4บไว�ใน Library ได้� จะต้�องทึ3าอย+างไร - น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเ ก�, ย ว ก บ ก า ร ใ ช� ง า น Symbol ได้�- ผู้��สอนอธุ�บายว+า ในการเร�ยนจ�ด้ป็ระสงค'น�% จะต้�องสามูารถใช�งาน Symbol
ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บ
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
- ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
- ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'
20
20
20
จ� ด้ป็ระสงค'การ เร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายสร�างป็�<มูกด้ได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% จะต้�องด้�ใบความูร� � และสร�างป็�<มูกด้ต้ามูใบความูร� �ทึ�,ก3า ห็นด้ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �- น กเร�ยนร บภาระงาน
ว�ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 8 เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 8 ร��จั�กก�บ Symbolตอนท�" 8.1 ร��จั�ก Symbol แต�ลุ่ะแบบ
ตอนท�" 8.2 การใชี�
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนอธุ�บายเก�,ยวก บ Symbol ว+าค$ออะไร และ Symbol มู�ทึ %งห็มูด้อย�+ 3
แบบ1. Movie Clip2. Button3. Graphic
- ผู้�� ส อ น ส�+ มู ต้ ว อ ย+ า งน กเร�ยนในช %นเร�ยนข้%นมูาถามูความูเข้�าใจเก�,ยวก บ Symbol ใ น แ ต้+ ล ะ แ บ บ ถ�ามู�น กเร�ยนคนใด้คนห็น,ง
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
30
25
Library
ตอนท�" 8.3 การใชี�งาน Symbol
ตอนท�" 8.4 ต�วิอย�างการสร�างป�6มกดั
เก�ด้ความูสงส ยห็ร$อไมู+เข้� า ใจ ผู้�� สอนจะทึ3า การอธุ�บายให็�ฟ6งอ�ก 1 รอบ พื้ร�อมูแนะน3า ให็�น กเร�ยนอ+านใบความูร� �ป็ระกอบ
- ผู้��สอนแจกใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
อธุ�บายต้ามูข้ %นต้อน- ผู้�� ส อ น อ ธุ� บ า ย ใ ห็�น กเร�ยนฟ6งว+า Library
ค$ออะ ไร มู�ความูส3า ค ญอย+างไร -น กเร�ยน จะต้�อง Import
ร� ป็ ภ า พื้ มู า ใ ส+ ไ ว� ใ น Library - ผู้�� สอนมูอบ ห็มู าย ใ ห็�น กเร�ยนน3า Symbol จาก Library อ$,นมูาใช�งาน ซี,งผู้��สอนจะทึ3าให็�น กเร�ยนด้� 1
ต้ วอย+าง จากน %น ผู้��สอนให็�น กเร�ยน Import เข้�ามูาอ�ก 5 ภาพื้- น กเร�ยนสามูารถ ใช� Symbol จ า ก Library
อ$, นได้�ถ�กต้�อง ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'
25
25
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนสอนให็�น กเร�ยนร� � จ ก ก า ร แ ป็ ล ง ว ต้ ถ� ใ ห็�กลายเป็�น Symbol การเป็ล�,ยนช$,อให็� Symbol
- ผู้��สอนให็�น กเร�ยนวาด้ร�ป็กาต้�นร'ข้%นมูาค�+ละ 1 ร�ป็ จากน %นทึ3า การแป็ลงให็�กลายเป็�น Symbol
- ผู้��สอนแจกใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนให็�น กเร�ยนเป็>ด้ใบความูร� � จากน %นให็�ด้�ทึ�,ห็ วข้�อ ต้ วอย+างการสร�างป็�< มู ก ด้ เ ส ร4 จ แ ล� ว ใ ห็�น ก เ ร� ย น ทึ3า ง า น ต้ า มูต้ วอย+าง จนส3าเร4จได้�งานมูาเร�ยบร�อยจงให็�ผู้��สอนต้รวจ
- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 8.1 ร��จั�ก Symbol แต�ลุ่ะแบบ
- Movie Clip- Button- Graphic
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 8.2 การใชี� Library
- การใช� Library
- Option ข้อง Library
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 8.3 การใชี�งาน Symbol
- การเป็ล�,ยนว ต้ถ�เป็�น Symbol- การเป็ล�,ยนช$,อให็� Symbol- การใช� Symbol จาก Library อ$,น
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�,
10
- การสร�าง Symbol
ป็ระเภทึ Movie Clip
- การสร�าง Symbol
ป็ระเภทึ Button
เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ตอนท�" 8.4 ต�วิอย�างการสร�างป�6มกดั
- การสร�างป็�<มูกด้- การสร�างป็�<มูกด้ทึ�,มู�ล กษณะเป็�นข้�อความู
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 3 กล�+มู จากน %นให็�แต้+ละกล�+มูอภ�ป็รายใน
ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ Symbol แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 15 นาทึ�
ห็ วข้�ออภ�ป็ราย1. Movie Clip2. Button3. Graphic
6. ภาระงานท�" 8ภาระงานทึ�, 8 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การ
สร�าง ป็�<มูกด้
7. ส,"อการเร�ยนการสอน
7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX ))
7.2 ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ผู้��สอนให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' และเช4คการทึ3างานทึ�กคร %งผู้��สอนให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' โด้ยทึ3าต้ามูใบงานทึ�,
8 เสร4จแล�วให็�น กเร�ยนบ นทึกงานลงแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 8 เร,"อง การสร�าง ป�6มกดั
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1 น กเร�ยนสามูารถสร�าง ป็�<มูกด้ต้ามูใบ
งานได้�2. น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 8ร��จั�กก�บ Symbol
แผู้นการสอนท�" 8
จั�ดัประสงค�ปลุ่ายทางน กเร�ยนสามูารถร� �จ กและใช�งาน Symbol และ Instance ได้�อย+างถ�ก
ต้�องจั�ดัประสงค�น'าทาง
1. ร� �จ ก Symbol และ Instance
2. การใช� Library
3. การเป็ล�,ยนว ต้ถ�เป็�น Symbol
4. การสร�าง Symbol ป็ระเภทึ Bottom
5. การสร�าง Symbol ป็ระเภทึ Graphic
เน,!อห์าร��จั�กก�บ Symbol แต�ลุ่ะแบบ
Symbol ทึ�,เราจะใช�ในการสร�าง Flash Movie น %นมู� 3 ป็ระเภทึ โด้ยแต้+ละป็ระเภทึก4จะมู�ห็น�าทึ�,แต้กต้+างก นออกไป็ ซี,งเป็�นส�,งทึ�,จ3าเป็�นทึ�,เราต้�องทึราบว+า Symbol เห็ล+าน�%มู�ล กษณะการทึ3างานอย+างไร และ Symbol แบบไห็นเห็มูาะก บล กษณะอย+างไร
Movie Clip เป็�น Symbol ทึ�,มู�ล กษณะเป็�นภาพื้เคล$,อนไห็ว ซี,งเราอาจเร�ยกได้�ว+าเป็�น Animation ข้นาด้เล4กก4ได้� ห็ากเราสร�าง Movie
Clip น�%เก4บไว�ใน Library และเมู$,อน3ามูาใช�บน Stage เราก4จะได้� Movie
Clip ทึ�,สามูารถแสด้งภาพื้เคล$,อนไห็วได้�อย+างอ�สระ โด้ยไมู+จ3าเป็�นทึ�,จะต้�องข้%นอย�+ก บ Timeline บน Stage น %น นอกจากน %นเราย งสามูารถใส+เส�ยงให็�ก บ Movie Clip ได้�ด้�วยก น จงทึ3าให็� Movie Clip เป็�นต้ วห็ล กในการทึ3า Animation
Button เป็�น Symbol ทึ�เป็�นล กษณะข้องป็�<มูกด้ ทึ�,สามูารถใส+เส�ยงและแสด้งการต้อบโต้�ก บผู้��ใช�ได้� จงทึ3าให็� Button เป็�นต้ วห็ล กทึ�,ใช�ในการแสด้งการต้อบโต้�ก บผู้��ใช� เช+น เวลาทึ�,มู�การ Click mouse ห็ร$อเวลาการน3าเมูาส'มูาวางไว�บนป็�<มูกด้ เป็�นต้�น
Graphic เป็�น Symbol ทึ�,มู�ล กษณะเป็�นภาพื้น�,ง ซี,งเป็�นส+วนป็ระกอบห็น,งใน Animation และสามูารถทึ�,จะก3าห็นด้ให็�มู�การต้อบโต้�ก บผู้��ใช�ได้� แต้+ไมู+สามูารถใส+เส�ยงได้�การใชี� Library
เป็�นต้ วเก4บและแสด้ง Symbol ต้+าง ๆ ทึ�,เราสร�างข้%นห็ร$อ Import
เข้�ามูารวมูทึ %งไฟล'เส�ยงและภาพื้ด้�วย เราสามูารถเป็>ด้ห็น�าต้+าง Library ได้�โด้ยเล$อก Window>Library
ด้�านล+างข้อง Library เป็�นป็�<มูค3าส ,งทึ�,ใช�ส3าห็ร บจ ด้การก บ Symbol
ทึ�,เก4บไว�อย�+ใน Library โด้ยมู�ค3าส ,งต้+าง ๆ มู�ด้ งน�%New Symbol สร�าง Symbol ให็มู+ ซี,งเป็�นการเป็>ด้ห็น�าต้+างใน
การสร�าง Symbol ข้%นมูา และทึ3าการเก4บ Symbol ทึ�,สร�างไว�ใน Library
New Folder สร�างโฟลเด้อร'เพื้$,อเก4บ Symbol ให็�เป็�นห็มูวด้ห็มู�+ ในกรณ�ทึ�,มู� Symbol จ3านวนมูาก
Property เร�ยก Symbol Property ข้%นมูาทึ3าการแก�ไข้Delete Symbol ลบ Symbol
การใช� Library น�% จ ะช+วยให็�การทึ3า Animation ใน Flash
Movie มู�ข้นาด้เล4กลง เพื้ราะ Library สามูารถทึ�,จะเก4บ Symbol ทึ�,เป็�นต้�นฉบ บไว� และด้งมูาใช�ได้�เร$,อย ๆ แมู�ว+าจะมู�การใช� Symbol ต้ วเด้�ยวก นน�%ส กก�,คร %งก4ต้ามู Flash ก4ไมู+จ3าเป็�นจะต้�องค3านวณให็มู+ทึ�กคร %ง เช+น เราแสด้งภาพื้ข้องต้�นไมู�ทึ�,เป็�น Symbol 100 ภาพื้ แต้+จร�ง แล�วเป็�นการแสด้ง Symbol เพื้�ยงภาพื้เด้�ยวเทึ+าน %น จงทึ3าให็�ป็ระห็ย ด้พื้$%นทึ�,และช+วยในการแสด้งผู้ลให็�รวด้เร4วอ�กด้�วยOptions ขั้อง Library
เมู$,อเรา Click mouse ทึ�,มู�มูข้วาบนข้อง Library จะมู�ค3าส ,งต้+าง ๆ ออกมูา ด้ งน�%
การเปลุ่�"ยนวิ�ตถุ�เป:น Symbol ว ต้ถ�ต้+าง ๆ ทึ�,น3า เข้�ามูาห็ร$อทึ�, เราสร�างข้%น เราสามูารถทึ�,จะสร�างเป็�น
Symbol ได้� โด้ยทึ�,เราจะต้�องทึ3าการ Selection ว ต้ถ�ทึ�,เราต้�องการจะสร�างเป็�น Symbol ก+อน จากน %นก4ทึ3า การเล$อก Insert>Convert to
Symbol ซี,งจะเก�ด้ห็น�าต้+าง Symbol Properties ข้%น โด้ยเป็�นการก3าห็นด้ค�ณสมูบ ต้�ให็�ก บว ต้ถ�ว+าต้�องการใช�งานในว ต้ถ�น %นเป็�นแบบ Movie
Clip, แบบ Button ห็ร$อแบบ Graphic ซี,งเราสามูารถทึ3าได้�ด้ งน�%1. ใช� Selection Tool ทึ3า การ Select ว ต้ถ�ทึ�,
ต้�องการจะสร�าง Symbol
2. แล�วเล$อก Insert Convert to Symbol ซี,งจะป็รากฏิห็น�าต้+าง Convert to Symbol ข้%นมูา
Name ก3าห็นด้ช$,อให็� Symbol
Behavior ก3าห็นด้ล กษณะข้อง Symbol ได้�แก+ Movie Clip ค$อ ก3าห็นด้ให็�เป็�นภาพื้เคล$,อนไห็ว Button ค$อ ก3าห็นด้ให็�เป็�นป็�<มู Graphic ค$อ ก3าห็นด้ให็�เป็�นภาพื้น�,ง Registration ค$อ ก3าห็นด้ให็�จ�ด้ศึ�นย'กลางห็ร$อจ�ด้ห็มู�นข้อง
ภาพื้
การใชี� Symbol จัาก Library อ,"นเราสามูารถใช� Symbol จาก Library อ$,นมูาร+วมูก บ Library ทึ�,
เราทึ3า งานอย�+ ได้� โด้ยไมู+ต้�องสร�าง Symbol ให็มู+ ซี,งเป็�นการเร�ยก Library จาก Flash Movie อ$,นมูาใช� โด้ยการเล$อก File>Open as
Library ซี,ง Flash จะเป็>ด้ห็น�าต้+าง Open as Library แล�วให็�เราเล$อก Library จาก Flash Movie อ$,นมูาใช�
1. เล$อก File>pen as Library จะมู�ห็น� าต้+ าง Open as
Library ข้%นมูา จากน %นให็�เราเล$อก Library จาก Flash
Movie ทึ�,เราต้�องการแล�ว Click mouse ป็�<มู Open
2. ส งเกต้ว+าจะป็รากฏิห็น�าต้+าง Library เพื้�,มูข้%นมูาอ�กห็น,งห็น�าต้+างเราสามูารถเร�ยก Library อ$,นมูาใช�ได้�แต้+ไมู+สามูารถแก�ไข้ Symbol
ห็ร$อว ต้ถ�ต้+าง ๆ ใน Library น %นได้� นอกจากเราจะทึ3าการน3า Symbol
ห็ร$อว ต้ถ� ใน Library อ$, นน %น มูาไว�บน Stage ข้องเราก+อนทึ3า ให็� Symbol น %นถ�กน3าไว�ใน Library ข้องเราด้�วย จากน %นเราก4สามูารถทึ3าการแก�ไข้ได้�
3. ให็�ลาก Symbol ห็ร$อว ต้ถ�ทึ�,อย�+ใน Library อ$, นเข้�ามูาไว�บน Stage ข้องเรา ทึ3าให็�เราสามูารถน3า Symbol ห็ร$อว ต้ถ�น %นมูาใช�ได้�
การสร�าง Symbol ประเภท Movie Clipการสร�าง Symbol ป็ระเภทึ Movie Clip น�%เห็มูาะก บการสร�าง
ภาพื้เคล$, อนไห็ว ซี,ง Symbol ป็ระเภทึ Movie Clip น�%จะต้+างจาก Symbol ป็ระเภทึอ$,น เน$,องจากสามูารถทึ�,จะเคล$,อนไห็วได้� และมู�การทึ3างานทึ�,เป็�นอ�สระจาก Symbol ต้ วอ$,นทึ�,อย�+ใน Stage
1. สร�าง Instance ข้%นมูา โด้ยเราสามูารถ Import ภาพื้ห็ร$อสร�างภาพื้ด้�วยเคร$,องมู$อใน Flash ต้ามูทึ�,เราต้�องการได้�
2. เล$อก Insert>Convert to Symbol ซี,งจะป็รากฏิห็น�าต้+ าง Convert to Symbol ข้%นให็�เราเล$อก Movie Clip ต้ %งช$,อ แล�ว Click mouse ป็�<มู O.K. เพื้$,อทึ3าการเป็ล�,ยนว ต้ถ�ทึ�,เรา Select ให็�เป็�น Symbol
3. เราจะได้� Movie Clip ซี,งจะแสด้งใน Library และมู�ส ญล กษณ'อย�+ห็น�าช$,อ Movie Clip ทึ�,เราต้ %ง
การสร�าง Symbol ประเภท Buttonการสร�าง Symbol ป็ระเภทึ Button น�%เห็มูาะก บการสร�างป็�<มูกด้
สามูารถใส+ Animation, เส�ยง และ Action Script ได้�ด้�วย โด้ยการทึ�,เราจะทึ3า การสร�าง Symbol ป็ระเภทึ Button ข้%นมูาก+อนและทึ3า การ Double click ส ญล กษณ' ซี,งจะแสด้งใน Library ห็ร$อทึ�, Symbol
ก4ได้� เราจะส งเกต้เห็4นว+า Frame บน Timeline ข้องเราจะเป็ล�,ยนไป็ ซี,งเป็�นการแสด้งการต้อบสนองข้องป็�<มูกด้ก บผู้��ใช� โด้ยจะมู�อย�+ 4 สถานะด้ งน�%
สถุานะ ค'าอธิ�บายUp ข้ณะทึ�, เมูาส'ย งไมู+มูาวางบนป็�<มู ถ�กโชว' เอาไว�บน
Stage ซี,งเราสามูารถใส+ Animation, เส�ยง และ Action Script ได้�ด้�วย
Over ข้ณะทึ�,เมูาส'วางบนป็�<มู ซี,งเราสามูารถใส+ Animation,
เส�ยง และ Action Script ได้�ด้�วยDown ข้ณะทึ�,เมูาส'ก3าล ง Click mouse ลงไป็ทึ�,ป็�<มู ซี,งเรา
ส า มู า ร ถ ใ ส+ Animation, เ ส� ย ง แ ล ะ Action
Script ได้�ด้�วยHit ข้ณะทึ�,ป็ล+อยเมูาส'ห็ล งจาก Click mouse ลงไป็
ซี,งเราสามูารถใส+ Animation, เส�ยง และ Action
Script ได้�
ต�วิอย�างการสร�างป�6มกดัในต้ วอย+างเราจะสร�างป็�<มูกด้ทึ�,มู�ล กษณะด้ งน�% ค$อ เมู$,อเราน3าเมูาส'มูาวาง
ไว�ทึ�,ป็�<มูแล�ว ป็�<มูกด้จะเป็ล�,ยนส�และข้�อความูแสด้งข้%น โด้ยเราจะสร�างว ต้ถ�วงกลมูข้%นมูา และทึ3าการเป็ล�,ยนเป็�น Symbol ป็ระเภทึ Button ก3าห็นด้ให็�ป็�<มูต้อบสนองผู้��ใช�ข้ณะทึ�,มู�สถานะเป็�น Over โด้ยการเป็ล�,ยนส�แสะแสด้งข้�อความู ด้ งร�ป็
1. สร�าง Instance ก+อน ในทึ�,น�%เราจะสร�างป็�<มูกด้อย+างง+าย ๆ โด้ยเราจะสร�างวงกลมูข้%น แล�วใช� Paint Bucket Tool ระบายส�ลงไป็
2. สร�างองค'ป็ระกอบข้องป็�<มู โด้ยภาพื้น�%จะแสด้งต้อนทึ�,ป็�<มูย งไมู+ถ�กกด้ห็ร$อถ�กวางเมูาส'ลงบนป็�<มูซี,งเราจะวาด้ภาพื้ห็ร$อ Import ภาพื้เข้�ามูาเพื้$,อป็ระด้ บป็�<มูก4ได้� แล�วทึ3าการ Select ว ต้ถ�
3. เล$อก Insert>Convert to Symbol ซี,งจะป็รากฏิ ห็น�าต้+าง Convert to Symbol ข้%นให็�เราเล$อก Button ต้ %งช$,อป็�<มูกด้น %น แล�ว Click mouse ป็�<มู O.K.
.
4. เราจะได้�วงกลมูทึ�, เป็�นป็�<มูกด้ ซี,งจะแสด้งใน Library และมู�ส ญล กษณ' อย�+ห็น�าช$,อ Symbol
5. Double click ทึ�, Symbol ห็ ร$อ ส ญ ล ก ษ ณ' ใ น Library ข้องเรา ห็ร$อเล$อกทึ�, Edit>Edit Symbol เพื้$, อทึ3าการแก�ไข้การทึ3างานข้องป็�<มูกด้ให็�เป็�นอย+างทึ�,เราต้�องการ
6. ส งเกต้ว+า Frame ทึ�, Timeline จะเป็ล�,ยนจาก Frame ป็กต้� ไป็เป็�น Frame ทึ�,แสด้งสถานะต้+าง ๆ ข้องป็�<มู ได้�แก+ Up, Over,
Down และ Hit และพื้$% นทึ�,การแสด้ง (Stage) เป็ล�,ยนจาก Scene 1 ไป็เป็�นช$,อทึ�,เราต้ %งให็�ก บ Symbol
7. Click mouse ป็�< มู ข้ ว า ทึ�, Over แ ล� ว เ ล$ อ ก Insert
Keyframe เพื้$,อให็�เราสามูารถก3าห็นด้สถานะต้+าง ๆ ในป็�<มูกด้ได้�
8. ห็ล งจากก3าห็นด้ Insert Keyframe ทึ�กช+องแล�ว ให็�มูาทึ�,ช+อง Over แล�วเป็ล�,ยนส� Symbol เพื้$,อเวลาทึ�,น3าเมูาส'มูาวางทึ�,ป็�<มูแล�ว ป็�<มูจะเป็ล�,ยนส�
9. สร�างร�ป็ส�,เห็ล�,ยมูข้%นมูาโด้ยใช� Rectangle Tool และพื้�มูพื้'ข้�อความูในช+องส�,เห็ล�,ยมูโด้ยใช� Text Tool และเพื้�,มูองค'ป็ระกอบอ$, น ๆ ต้ามูต้�องการ เมู$,อน3าเมูาส'วางไว�ทึ�,ป็�<มูจะมู�การเป็ล�,ยนส�และแสด้งข้�อความู
10. ให็�เรา Click mouse ป็�<มูข้วาทึ�, Frame ช+อง Down และ Hit เล$อก Insert Keyframe เพื้$, อให็�แสด้งภาพื้เห็ล+าน�%เมู$, อ Click mouse ลงและป็ล+อยป็�<มูเมูาส'ด้�วย
11. ห็ล งจาก Insert Keyframe ห็มูด้ทึ�กช+องแล�ว ให็�เรา Click
mouse ทึ�, Scene 1 เพื้$,อกล บมูาทึ�,พื้$%นทึ�,การทึ3างาน (Stage)
ป็กต้�
12. ให็�เราทึ3า การทึด้สอบ โด้ยกด้ <Ctrl+Enter> ห็ร$อเล$อก Control>Test Movie จะเห็4นได้�ว+าป็�<มูเมู$,อวางเมูาส'จะเป็ล�,ยนไป็เป็�นอ�กร�ป็ และแสด้งข้�อความูข้%นมูา
ต�วิอย�างการสร�างป�6มกดัท�"ม�ลุ่�กษณะเป:นขั้�อควิามเราจะสร�างป็�<มูกด้ทึ�,มู�ล กษณะเป็�นข้�อความู ป็�<มูล กษณะน�%มู กจะใช�เป็�น
Link และเช$,อมูโยงไป็ย งเว4บเพื้จห็น�าอ$,น โด้ยเราจะสร�างป็�<มูกด้ทึ�,มู�ล กษณะเป็�นข้�อความู เมู$,อเราน3าเมูาส'มูาวางทึ�,ต้ วห็น งส$อทึ3าห็น�าทึ�,เป็�นป็�<มูกด้แล�ว ต้ วห็น งส$อจะเป็ล�,ยนส�
วิ�ธิ�การสร�างป�6มกดัท�"ม�ลุ่�กษณะเป:นขั้�อควิาม ม�วิ�ธิ�การดั�งน�!1. สร�าง Instance ก+อน ในทึ�,น�%เราจะใช� สร�างข้�อความูข้%นมูา
ด้ งร�ป็
.
2. ทึ3า ก า ร Selection ข้� อ ค ว า มู ทึ�, ส ร� า ง ข้% น มู า แ ล ะ เ ล$ อ ก Insert>Convert to Symbol ซี,งจะป็รากฏิห็น�าต้+าง Convert
to Symbol ข้%น ให็�เราเล$อก Button ต้ %งช$,อป็�<มูกด้ แล�ว Click
mouse ป็�<มู O.K.
3. เราจะได้� Symbol ข้�อความูทึ�, เป็�นเห็มู$อนป็�<มูกด้ ซี,งจะแสด้งใน Library และมู�ส ญล กษณ' อย�+ห็น�าช$,อ Symbol
4. Double click ทึ�, Symbol ห็ร$อส ญล กษณ' ใน Library ข้องเรา ห็ร$อเล$อกทึ�, Edit>Edit Symbol เพื้$,อทึ3าการแก�ไข้การทึ3างานและก3าห็นด้สถานะต้+าง ๆ ข้องป็�<มู
5. ส งเกต้ว+า Timeline จะเป็ล�,ยนไป็ เป็�น Frame ทึ�,แสด้งสถานะต้+าง ๆ ข้องป็�<มูกด้ ได้�แก+ Up, Over, Down และ Hit จากน %น ให็�เรา Click mouse ป็�<มูข้วาทึ�,ช+อง Over เล$อก Insert Keyframe
6. ห็ล งจากก3าห็นด้ Insert Keyframe แล�ว จากน %นมูาทึ�,ช+อง Over
ทึ3าการเป็ล�,ยนส�ห็ร$อ Font ต้ามูต้�องการ เพื้$,อเวลาทึ�,น3าเมูาส'วางทึ�,ป็�<มูจะเป็ล�,ยนส�และ Font
7. ให็�เรา Click mouse ป็�<มูข้วาทึ�, Frame ช+อง Down และ Hit
เล$อก Insert Keyframe เพื้$, อให็�แสด้งภาพื้เห็ล+าน�% เมู$, อ Click
mouse ลงและป็ล+อยป็�<มูเมูาส'ด้�วย
8. ห็ล งจาก Insert Keyframe ห็มูด้ทึ�กช+องแล�ว ให็�เรา Click
mouse ทึ�, Scene 1 เพื้$,อกล บมูาพื้$%นทึ�,การทึ3างาน (Stage) ป็กต้�
แล�วกด้ <Ctrl+Enter> ห็ร$อเล$อก Control>Tesr movie
เพื้$,อทึด้สอบ
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถใช�งาน Layer ได้�ถ�กต้�องเห็มูาะสมูก บงาน
3. สาระการเร�ยนร��1. ความูห็มูายข้อง Layer
2. การใช�งาน Layer
3. ร� �จ กก บ Active Layer
4. การสร�าง Layer ให็มู+5. ว�ธุ�การเป็ล�,ยน Layer ต้+าง ๆ6. การเป็ล�,ยนช$,อให็� Layer
7. การซี+อนและแสด้ง Layer
8. การเป็ล�,ยนล3าด้ บ Layer
9. การลบ Layer
10. การป็?องก นการแก�ไข้ร�ป็ภาพื้11. การจ ด้กล�+มูให็� Layer
12. การใช� Guide Layer ในการวางว ต้ถ�13. การใช� Layer Mask
14. การก3าห็นด้ค�ณสมูบ ต้�ข้อง Layer
15. การกระจาย Layer
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 9 ร��จั�กก�บ Layerตอนท�" 9.1 ควิามห์มายขั้อง Layer
ตอนท�" 9.2 การใชี�งาน Layer
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�, ยวก บ ความูห็มูายข้อง Layer ได้�- น กเร�ยนจะต้�องเร�,มูร� �จ กความูห็มูายข้อง Layer
และสามูารถต้อบค3าถามูข้องผู้��สอนเก�,ยวก บความูจ3า เป็�นในการใช� Layer
ห็ร$อส+วนป็ระกอบส3า ค ญข้อง Layer ได้�- น กเร�ยนร บภาระงาน
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 9 เ ร$, อ ง ร� � จ ก ก บ Layer - ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย
30
30
ตอนท�" 9.3 การใชี� Guide Layer ในการวิางวิ�ตถุ�
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ� ด้ป็ระสงค'การ เร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเ ก�, ย ว ก บ ก า ร ใ ช� ง า น Layer ได้�- ผู้�� ส อ น อ ธุ� บ า ย ใ ห็�น กเร�ยนฟ6งว+า เมู$, อเร�ยนจ บ จ� ด้ ป็ ร ะ ส ง ค' น�% แ ล� ว น ก เ ร�ย น จ ะ ต้� อ ง ส ร� า ง Layer ให็มู+ การเป็ล�,ยนไป็ใช� Layer ต้+าง ๆ เป็ล�,ยนช$,อ Layer ได้� รวมูไป็ถงการใช�งาน Layer แบบอ$,น ๆ ได้� - น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ� ด้ป็ระสงค'การ เร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเ ก�, ย ว ก บ ก า ร Guide
Layer ในการวางว ต้ถ�ได้�- น กเร�ยนจะต้�องร บภาระง า น ก า ร ส ร� า ง Layer
Mark ซี, ง จ ะ เ ล$ อ ก เ อ าเฉพื้าะส+วนทึ�,ต้�องการ- น กเร�ยนทึ�กคนจะต้�องทึ3า Layer Mark ได้�จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'- น กเร�ยนร บภาระงาน
(Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
- ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
- ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
30
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 9 ร��จั�กก�บ Layerตอนท�" 9.1 ควิามห์มายขั้อง Layer
ตอนท�" 9.2 การใชี�งาน Layer
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูอธุ�บายเก�,ยวก บ ค ว า มู ห็ มู า ย ข้ อ ง Layer ว+าห็มูายความูว+าอย+างไร และเพื้ราะอะไรจงจะต้�องมู� Layer
- ผู้�� ส อ น ย ก ต้ ว อ ย+ า งโป็รแกรมู Photoshop
ค ว บ ค�+ ไ ป็ ด้� ว ย เ พื้$, อ ทึ�,น กเร�ยนจะได้�เข้�าใจมูากข้%น- ผู้��สอน ทึด้สอบความูเข้�าใจ โด้ยการส�+มูต้ วอย+างน กเร�ยน 5 – 6 คน ข้%นมูาเพื้$,อทึด้สอบความูเข้�าใจ
- ผู้��สอนแจกใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 9 เ ร$, อ ง ร� � จ ก ก บ Layer - ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 9 เ ร$, อ ง ร� � จ ก ก บ Layer - ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'
30
45
ตอนท�" 9.3 การใชี� Guide Layer ในการวิางวิ�ตถุ�
- ผู้��สอน สอนให็�น กเร�ยน Layer ให็มู+ ต้ามูว�ธุ�ต้+าง ๆ ซี,งน กเร�ยนจะต้�องสร�าง Layer ข้% น มู า ค�+ ล ะ 5 Layer - ผู้��สอน สอนให็�น กเร�ยนเป็ล�,ยนการใช�งาน Layer
ได้� จากน %นให็�เป็ล�,ยนช$, อ Layer เป็�น
1. Layer ทึ�, 1
เป็ล�,ยนเป็�น ห็ ว2. Layer ทึ�, 2
เป็ล�,ยนเป็�น ล3าต้ ว3. Layer ทึ�, 3
เป็ล�,ยนเป็�น แข้น4. Layer ทึ�, 4
เป็ล�,ยนเป็�น ข้าซี�าย5. Layer ทึ�, 5
เป็ล�,ยนเป็�น ข้าข้วา- จากน %นให็�น กเร�ยนวาด้ร�ป็โด้เรมูอน โด้ยวาด้ร�ป็ต้ า มู ช$, อ Layer เ ช+ น Layer ห็ ว วาด้ร�ป็ห็ วโด้เรมูอนลงไป็ - เมู$,อน กเร�ยนวาด้เสร4จให็�ล อ ง จ ด้ ก า ร ก บ Layer
แบบต้+าง ๆ ต้ามูใบความูร� � เสร4จแล�วให็�ผู้��สอนต้รวจงาน
- ผู้��สอนแจกใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน
- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 9 เ ร$, อ ง ร� � จ ก ก บ - ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
30
- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� ส อ น ใ ห็� น ก เ ร�ย น Import ภาพื้กระต้+ายเข้�ามูา 1 ร�ป็- ใ น ก า ร ทึ3า Layer
Mark น กเร�ยนจะต้�องต้ %งค+ าต้ามู ทึ�, ผู้�� บอก ส+ วน ทึ�,น กเร�ยนวาด้วงกลมูลงไป็ป็กป็>ด้ จะเป็�นส+วนทึ�,เราจะเล$อกให็�แสด้งไว� ในทึ�,น�%ผู้��สอนให็�น กเร�ยนใส+วงกลมูทึ�, ด้3า ทึ บ ไ ป็ ทึ�, ห็ ว ข้ อ งกระต้+าย เมู$,อเสร4จจะเห็ล$อเ พื้� ย ง แ ต้+ ส+ ว น ห็ ว ข้ อ งกระต้+าย ต้ วข้องกระต้+ายจะห็ายไป็- ผู้��สอนให็�น กเร�ยนทึ3าภาพื้ Layer Mark ค�+ละ 5 ภาพื้ โด้ยให็�น กเร�ยนเล$อกภาพื้ต้ามูใจ และจะ Mark ส+วนใด้ก4ได้� เมู$,อทึ3าเสร4จแล�ว ให็�ผู้��สอนทึ3าการต้รวจงาน
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 9.1 ควิามห์มายขั้อง Layer
- ความูห็มูายข้อง Layer- การใช�งาน Layer
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
- ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 9.2 การใชี�งาน Layer
- การสร�าง Layer ให็มู+- ว�ธุ�เป็ล�,ยนการทึ3างานไป็ใน Layer ต้+าง ๆ- การเป็ล�,ยนช$,อให็� Layer- การซี+อนและแสด้ง Layer- การเป็ล�,ยนล3าด้ บ Layer- การลบ Layer
- การป็?องก นการแก�ไข้ร�ป็ภาพื้- การทึ3าให็� Layer
แสด้งแต้+เส�นโครงร+าง- การจ ด้กล�+มูให็� Layer
- การสร�าง Folder
เพื้$,อเก4บ Layer
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
- ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 9.3 การใชี� Guide Layer ในการ
- การสร�าง Guide Layer- การใช� Layer Mask
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงาน
10
วิางวิ�ตถุ� - การก3าห็นด้ค�ณสมูบ ต้�ข้อง Layer
แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer
- ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
- เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 4 ทดัสอบก�อนเร�ยนคร�ให็�น กเร�ยนช+วยก นอภ�ป็รายเก�,ยวก บ ความูเห็มู$อนและความูแต้กต้+าง
ข้อง Layer ใน Flash ก บ Layer ใน Photoshop ใช�เวลา 15 นาทึ� 6. ภาระงานท�" 9
ภาระงานทึ�, 9 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การใช� Layer ในการสร�างงาน
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2 ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร�� ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia
Flash Mx โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��
ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การใช� Layer ในการสร�างงาน ทึ�,น กเร�ยนจะต้�องทึ3าส+งทึ�ายช ,วโมูง พื้ร�อมูทึ %งบ นทึกลงแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 9 เร,"อง การใชี� Layer ในการสร�างงาน
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถใช� Layer ในการ
สร�างงานได้�อย+างถ�กต้�อง สวยงามู2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 9ร��จั�กก�บ Layer
แผู้นการสอนท�" 9จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถใช�งาน Layer ได้�ถ�กต้�องเห็มูาะสมูก บงานจั�ดัประสงค�น'าทาง
1. ความูห็มูายข้อง Layer
2. การใช�งาน Layer
3. การจ ด้กล�+มูให็� Layer
4. การก3าห็นด้ค�ณสมูบ ต้�ข้อง Layer
5. การกระจาย Layer
เน,!อห์าควิามห์มายขั้อง layer
ล กษณะการทึ3างานแบบ Layer เป็�นเห็มู$อนการวางแผู้+นใสทึ บก นเป็�นล3าด้ บข้ %นข้%นมูาเร$,อยๆ โด้ยแต้+ละแผู้+นใสเป็ร�ยบเสมู$อนเป็�นแต้+ละ layer บร�เวณข้อง Layer ทึ�,ไมู+มู�ร�ป็จะเห็4นถง Layer ทึ�,อย�+ข้�างล+าง โด้ยกระบวนการน�%จะทึ3าให็�เก�ด้เป็�นร�ป็ Flash movie ทึ�,สมูบ�รณ'
นอกจากน�%แล�ว ในแต้+ละ Layer จะแยกการทึ3างานอย+างช ด้เจน มู�ค�ณสมูบ ต้�ต้+างๆ เป็�นต้ วข้องต้ วเอง และการแก�ไข้ทึ�,เก�ด้ข้%นในแต้+ละ layer น %นจะไมู+ส+งผู้ลต้+อ Layer อ$,นๆ ด้ งต้ วอย+างต้+อไป็น�%
การใชี�งาน Layer
ร��จั�กก�บ Active Layer
ในการสร�าง Flash movie ข้%นมูาน %น แมู�จะป็ระกอบไป็ด้�วย layer แต้+เราจะทึ3างานได้�เพื้�ยงคร %งละ Layer เทึ+าน %น layer ทึ�,เราทึ3างานอย�+น %นเร�ยกว+า Active Layer สามูารถส งเกต้ได้�จะป็รากฎีเป็�นแทึบส�ด้3าทึ�, Layer น %นและเราสามูารถก3าห็นด้สถานะต้+างๆข้อง Layer น %นได้�เช+นการก3าห็นด้ห็ร$อให็�แสด้ง Layer
การสร�าง Layer ให์ม�
เราสามูารถสร�าง Layer ให็มู+ได้�ห็ลายว�ธุ�รด้ งต้+อไป็น�% ค$อว�ธุ�ทึ�, 1 สร�างโด้ยเล$อกค3าส ,ง Insert Layer
Layer ให็มู+จะถ�กสร�างข้%นมูาเห็น$อ Layer ทึ�,เราก3าล งทึ3างานอย�+ โด้ยมู�การก3าห็นด้ช$,อ Layer โด้ยอ ต้โนมู ต้�
ว�ธุ�ทึ�, 2 สร�างโด้ยการใช� Click Mouse
Layer ให็มู+จะถ�กสร�างข้%นมูาเห็น$อ Layer ทึ�,เราก3าล งทึ3างานอย�+พื้ร�อมูก บการก3าห็นด้ช$,อ Layer โด้ยอ ต้โนมู ต้�
ว�ธุ�ทึ�, 3 สร�างโด้ยการใช� Click
Mouse ป็�<มูข้วา เล$อกค3าส ,ง Insert Layer
Layer ให็มู+จะถ�กสร�างข้%นมูาเห็น$อ Layer ทึ�,เราก3าล งทึ3างานอย�+ โด้ยมู�การก3าห็นด้ช$,อ Layer โด้ยอ ต้โนมู ต้�
วิ�ธิ�เปลุ่�"ยนการท'างานไปใน Layer ต�างๆเราสามูารถเร�ยก Layer ใด้ทึ3า งานก4ได้� โด้ยการ Click Mouse
เล$อก Layer ทึ�,ต้�องการจะจ กการห็ร$อแก�ไข้โด้ย Click Mouse ทึ�, Layer
จากห็น�าต้+าง Timeline ซี,งจะป็รากฎีร�ป็ ข้%นมูาทึ�, Layer และ Layer
น %นจะกลายเป็�น Active Layer ทึ นทึ�
การเปลุ่�"ยนชี,"อให์� Layer
การเป็ล�,ยนช$,อให็� Layer น %นจะช+วยส$,อความูห็มูายข้อง Layer ทึ�,เราสร�างว+า Layer น %น ได้�บรรจ�องค'ป็ระกอบอะไรและทึ3าห็น�าทึ�,อะไร โด้ยเฉพื้าะอย+างย�,งเมู$,อทึ3างานก บ Layer จ3านวนมูากๆการต้ %งช$,อ Layer ทึ3าได้�ด้ งน�%
1. Double click ทึ�, Layer ทึ�,เราต้�องการเป็ล�,ยนช$,อ2. ทึ3าการพื้�มูพื้'ช$,อให็มู+ให็� Layer
การซี�อนแลุ่ะการแสดัง Layer
Flash Movie เร$,องห็น,งอาจป็ระกอบ Layer ห็ลาย Layer ในบางคร %งห็ากเราต้�องการ ซี+อน Layer บาง Layer ไมู+ให็�มูองเห็4นก+อน เพื้$,อความูสะด้วกในการทึ3างาน โด้ยทึ�,ไมู+ได้�ลบ Layer น %นทึ�%ง ซี,งสามูารถทึ3าได้�โด้ยคล�กเมูาส'ทึ�, เพื้$,อซี+อน Layer ซี,งช+องสถานะเป็ล�,ยนเป็�น ถ�าต้�องการซี+อน Layer ทึ %งห็มูด้ให็�คล�กเมูาส'ทึ�,ร�ป็
การเปลุ่�"ยนลุ่'าดั�บ Layer
Layer เร�ยงล3าด้ บจากล+างข้%นบน แต้+เราสามูารถป็ร บเป็ล�,ยนต้3าแห็น+งข้อง Layer ได้� การเป็ล�,ยนล3าด้ บข้อง Layer จะทึ3าให็�เราสามูารถสร�างร�ป็ภาพื้ทึ�,แต้กต้+างก นออกไป็ได้�ซี,งเราสามูารถทึ3าการเป็ล�,ยนล3าด้ บข้อง Layer
ได้� โด้ยการ Drag mouse ไป็ย งต้3าแห็น+งต้+างๆ ทึ�,ต้�องการบนห็น�าต้+างการทึ3างานข้อง Layer ได้�
ภาพื้ต้�นฉบ บ
การลุ่บ Layer
วิ�ธิ�ท�" 1 ลบโด้ย Click mouse ป็�<มูข้วา Layer ทึ�,ต้�องการจะลบแล�วเล$อกค3าส ,ง Delete Layer
วิ�ธิ�ท�" 2 ลบโด้ยใช� ไอคอน ทึ�,ห็น�าต้+างการทึ3างานข้อง Layer โด้ยการ Click เล$อก Layer ทึ�,ต้�องการจะลบแล�ว Click ทึ�,ไอคอน
ป4องก�นการแก�ไขั้ร�ปภาพถ�าเราสร�างภาพื้ใน Layer ใด้ Layer ห็น,งแล�ว และไมู+ต้�องการจะแก�ไข้
ภาพื้น %นอ�กห็ร$อเพื้$,อป็?องก นการแก�ไข้ Layer น %นโด้ยบ งเอ�ญ เราสามูารถป็?องก นการแก�ไข้ได้�โด้ย Click mouse ทึ�, เพื้$,อป็?องก นการแก�ไข้ ทึ�,ช+องสถานนะน %นจะเป็�น (ถ�าต้�องการป็?องก นแก�ไข้ Layer ทึ %งห็มูด้ ให็� Click
mouse ทึ�,ไอคอน )
การท'าให์� Layer แสดังแต�เส�นโครงร�างการให็� Layer แสด้งเส�นโครงร+าง เป็�นการช+วยให็�เราร� �ว+า Layer ทึ�,เรา
เล$อกอย�+น�%เป็�น Layer ไห็น นอกจากน %นย งทึ3าให็�เราเห็4นโครงร+างโด้ยรวมูข้อง Layer น %นอ�กด้�วย ถ�าเราต้�องการให็� Layer แสด้งเฉพื้าะเส�นโครงร+าง สามูารถทึ3า ได้�โด้ย Click mouse ทึ�, เราจะเห็4นได้�ว+าร�ป็ส�,เห็ล�,ยมูจะเป็ล�,ยนไป็ (ถ�าต้�องการให็� Layer ทึ %งห็มูด้แสด้งแต้+เส�นโครงร+างสามูารถทึ3าได้�โด้ย Click mouse ทึ�, ผู้ลล พื้ธุ'ทึ�,ได้� Layer จะแสด้งแต้+เส�นโครงร+าง
การจั�ดักลุ่��มให์� Layer
ห็ลายคร %งทึ�,เราต้�องสร�าง Layer จ3านวนมูากเพื้$,อใช�เป็�นองค'ป็ระกอบข้อง Flash movie ทึ�,เราสร�างเช+นต้ วละคร, ฉากห็ล ง, ต้ วป็ระกอบ ฯลฯ เมู$, อรวมูก นแล�วจะเก�ด้ Layer จ3านวนมูากและอาจทึ3า ให็�เราส บสนและไมู+สะด้วกในการทึ3างาน ด้ งน %นเราจงควรทึ�,จะจ ด้กล�+มูข้อง Layer เพื้$,อแบ+งกล�+มูการทึ3างานข้อง Layer
การสร�าง Folder เพ,"อเก2บ Layer
เราสามูารถสร�าง Folder เพื้$,อเก4บ Layer ต้+างๆ ทึ�,กระจ ด้กระจายอย�+ให็�มูารวมูก นได้� ซี,งจะช+วยให็�เราทึ3างานได้�ง+ายข้%นซี,งว�ธุ�การสร�าง Folder มู�ด้ งน�%
1. ให็�เรา Click mouse ทึ�,ป็�<มู บนห็น�าต้+าง Timeline เพื้$,อสร�าง Folder
2. Double click ทึ�, Folder เพื้$,อทึ3าการเป็ล�,ยนช$,อให็�ส$,อความูห็มูาย
3. ลาก Layer ทึ�,เราต้�องการเก4บไว�ทึ�, Folder ไป็วางไว�บน Folder
เพื้$,อทึ3าการเก4บ Layer น %นไว�ใน Folder
4. ให็�เราทึ3าการจ ด้กล�+มูข้องต้ วละครลงใน Folder ให็�เร�ยบร�อย ส งเกต้ว+าห็น�าต้+าง Timeline ข้องเราจะด้�ง+ายข้%น
การใชี� Guide Layer ในการวิางวิ�ตถุ�Guide Layer เป็�น Layer ทึ�,เข้�ามูาเป็�นต้ วช+วยในการวางว ต้ถ� การ
จ ด้เร�ยง การวาด้ และการทึ3าภาพื้เคล$, อนไห็วใน Layer ข้องเรา เช+นเราต้�องการให็�ว ต้ถ� 2 ช�%น อย�+ในระด้ บความูส�งเด้�ยวก น เราจะสร�าง Guide
Layer เพื้$,อช+วยในการวางว ต้ถ�เป็�นต้�น ซี,งเราสามูารถทึ�,จะวาด้เข้�ยน ห็ร$อกระทึ3าก บ Guide Layer ได้�เห็มู$อนก บ Layer ทึ ,วไป็ แต้+ Guide Layer
น�%จะไมู+ถ�กแสด้ง เมู$,อเราทึ3าเป็�น Flash Movie เพื้ราะเป็�น Layer ทึ�,เข้�ามูาเป็�นต้ วช+วยเทึ+าน %น
การสร�าง Guide Layer
เราต้�องการให็�ต้ วละครย$นเร�ยงอย�+ ในระด้ บเด้�ยวก น โด้ยเราจะใช� Guide Layer เข้�ามูาช+วยในการวางเส�นเพื้$,อจ ด้เร�ยงต้ วละคร
1. Click mouse ป็�<มู Add motion guide เราสามูารถส งเกต้ได้�ว+ามู�อ�ก Layer เพื้�,มูข้%นมูาน ,นค$อ Guide Layer ทึ�,ข้%นมูาเห็น$อ Layer ข้องเรา
2. จากน %นเราก4สามูารถใน Guide Layer โด้ยการข้�ด้เส�นด้�วย Line Tool เพื้$,อกะระยะให็�ก บว ต้ถ�ห็ร$อต้ วละครข้องเราให็�อย�+ในระด้ บเด้�ยวก น
3. ทึ3าการจ ด้โด้ยใช�เมูาส'ลากว ต้ถ�ห็ร$อต้ วละครแต้+ละต้ วให็�อย�+ในระด้ บเด้�ยวก น ซี,งเราไมู+จ3าเป็�นต้�องกะระยะต้ วละครด้�วยต้ วข้องเราเอง แต้+ใช�เส�นทึ�,เราข้�ด้ใน Guide Layer ในการกะระยะ
4. เมู$,อทึ3าการทึด้สอบผู้ลล พื้ธุ'ทึ�,ได้�โด้ยการกด้ ( Ctrl+Enter ) จะพื้บว+าเส�นทึ�,เราข้�ด้บน Guide Layer
ห็ายไป็
การใชี� Layer Mask
การใช� Layer Mask เป็�นการส ,งให็�เรามูองเห็4น Layer ทึ�,อย�+ ใต้� Layer Mask เพื้�ยงบางส+วนทึ�, Layer Mask ก3าห็นด้ไว�เทึ+าน %น ห็ร$ออธุ�บายได้�ง+ายๆ ก4ค$อ เห็มู$อนเรามูองผู้+านช+องห็น�าต้+าง ซี,งช+องห็น�าต้+างน %นก4เป็ร�ยบได้�ก บ Layer Mask ใน Flash น ,นเอง
Layer Mask มู�ป็ระโยชน'ในการใช�แสด้ง Layer ทึ�,ไมู+ต้�องการให็�ผู้��ใช�เห็4นทึ %งห็มูด้ ห็ร$อค+อยๆ ให็�เห็4นทึ�ละส+วน เป็�นการด้งด้�ด้ความูสนใจข้องผู้��ใช�อ�กอย+างห็น,ง
การก'าห์นดัค�ณสมบ�ต�ขั้อง Layer
นอกจาการก3าห็นด้ค�ณสมูบ ต้�ข้องแต้+ละ Layer ในแถบสถานะต้+างๆแล�ว เราสามูารถก3า ห็นด้ค�ณสมูบ ต้� เพื้�,มูเต้�มูข้อง Layer ได้�ทึ�, Layer
Properties โด้ยคล�กเมูาส'ป็�<มูข้วาทึ�, Layer เล$อก Properties จะป็รากฎี
ห็น� าต้+ าง Layer Properties ข้% น ห็ร$อจ ะ Double click ทึ�, ไ อคอน ซี,งอย�+ด้�านห็น�าข้อง Layer ก4ได้�
ห็ากเรา Double click ทึ�,ไอคอน ทึ�,อย�+ด้�านห็น�าข้อง Layer ทึ�,เราต้�องการจะทึ3าการ Mask จะป็รากฎีห็น�าต้+าง Layer Properties ข้%น
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation เวลา 2 ช ,วโมูง
ภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการ
ทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถสร�างภาพื้เคล$,อนไห็วอย+างง+ายได้�
3. สาระการเร�ยนร��1. ห็ล กการข้อง Animation
2. ป็ระเภทึข้องการเคล$,อนไห็ว3. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้4. การเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้
5. Frame6. KeyFrame7. Blank Keyframe8. Document Properties9. การทึ3างานใน Scene & Edit Symbol
10. ห็น�าต้+าง Scene
11. การแก�ไข้ซี�น (Edit Scene)
12. การแก�ไข้ว ต้ถ�ทึ�,อย�+ใน Scene (Edit Symbol)
13. เส�นเวลา (Timeline)
14. เคร$,องมู$อแสด้งภาพื้บน Frame14.1 Marker14.2 Onion Skin14.3 Onion Skin Outline14.4 Edit Multiple Frame
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 10 ห์ลุ่�กการพ,!นฐานในการสร�าง Animationตอนท�" 10.1 ห์ลุ่�กการ
ก'าห์นดัภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� �
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงาน
10
ขั้อง Animation
ตอนท�" 10.2 Frame
ตอนท�" 10.3 Keyframe
ตอนท�" 10.4 Blank Keyframe
ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ ห็ล กการข้อง Animation ได้�- ผู้�� ส อ น บ อ ก ก ล+ า ว ใ ห็�น กเร�ยนร� �ว+า น กเร�ยนจะต้�องเร�ยนร� �ห็ล กการข้อง Animation แ ล ะ ป็ ร ะ เ ภ ทึ ข้ อ ง ภ า พื้เคล$,อนไห็ว- เมู$, อน กเร�ยนได้� เร�ยนผู้+ านจ�ด้ป็ระสงค'น�% แล� ว น กเร�ยนจะต้�องสามูารถต้อบค3าถามูเก�,ยวก บห็ล กการข้อง Animation ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ Frame ได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องร� �จ กการทึ3า งานข้อง Frame ในส+ ว น ต้+ า ง ๆ จ ะ ต้� อ งส า มู า ร ถ ส ร�า ง Frame
แ ล ะ ล บ Frame ทึ�, ไ มู+ต้�องการออกได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ
แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%น
10
10
10
อ ธุ� บ า ย เ ก�, ย ว ก บ Keyframe ได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องร� �จ กการทึ3า งานข้อง Frame ในส+ ว น ต้+ า ง ๆ จ ะ ต้� อ งส า มู า ร ถ ส ร�า ง Frame
แ ล ะ ล บ Frame ทึ�, ไ มู+ต้�องการออกได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ Blank
Keyframe ได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องร� �จ กการทึ3า ง า น ข้ อ ง Blank
KeyFrame ในส+วนต้+าง ๆ จะต้�องสามูารถสร�าง Blank Keyframe และล บ Blank Keyframe
ทึ�,ไมู+ต้�องการออกได้�- น กเร�ยนร บภาระงาน
ฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 10 ห์ลุ่�กการพ,!นฐานในการสร�าง
น�ยามภาระงาน
10
Animationตอนท�" 10.1 ห์ลุ่�กการขั้อง Animation
ตอนท�" 10.2 Frame
ตอนท�" 10.3 Keyframe
ตอนท�" 10.4 Blank Keyframe
- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนอธุ�บายเก�,ยวก บเ ร$, อ ง ห็ ล ก ก า ร ข้ อ ง Animation และป็ระเภทึข้อง Animation ซี,งจะมู�ป็ระเภทึต้+าง ๆ - ผู้��สอนแจกภาระงานทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation
จ3านวน 3 ข้�อ ซี,งน กเร�ยนจะต้�องทึ3า ได้� 2 ใน 3 ข้�อ จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �
- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเร$,อง Frame การสร�าง Frame ใ ห็ มู+ ก า ร เ พื้�, มู Frame การลบ Frame
- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้�
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงาน
10
10
ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเ ร$, อ ง Keyframe ก า รส ร� า ง Keyframe ใ ห็ มู+ การเพื้�,มู Keyframe การลบ Keyframe
- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเ ร$, อ ง Blank
Keyframe ก า ร ส ร� า ง Blank Keyframe ให็มู+
แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ก า ร เ พื้�, มู Blank
Keyframe ก า ร ล บ Blank Keyframe- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 10.1 ห์ลุ่�กการขั้อง Animation
- ป็ระเภทึข้องภาพื้เคล$,อนไห็ว
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานข้อง Animation
- ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 10.2 Frame - การเพื้�,มู Frame
- การลบ Frame
- ป็ร บการแสด้ง Frame- Tinted Frame
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐาน
10
ข้อง Animation
- ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ตอนท�" 10.3 Keyframe
- การเพื้�,มู Keyframe
- การลบ Keyframe
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานข้อง Animation
- ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
5
ตอนท�" 10.4 Blank Keyframe
- การเพื้�,มู Blank Keyframe- เส�นเวลา (Timeline)
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานข้อง Animation
- ใ บ ค ว า มู ร� � ทึ�, 10
เร$, อง ห็ล กการพื้$% น“
ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash
5
MX
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 3 กล�+มู จากน %นให็�แต้+ละกล�+มูอภ�ป็รายใน
ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ การจ ด้การก บส+วนต้+าง ๆ ข้อง Frame ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 10 นาทึ�
ห็ วข้�ออภ�ป็ราย1. Frame2. Keyframe3. Blank Keyframe
6. ภาระงานท�" 10
ภาระงานทึ�, 10 เร$,องห็ล กการพื้$%นฐานในการสร�าง Animation
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�ว เต้อร' (การสร�างงานแบบ
มู ลต้�มู�เด้�ย (Flash MX ))
7.2 ใบความูร� �ทึ�, 10 เร$,อง ทึ3าความูร� �จ กก บ “ Flash MX”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ใบงานทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 10 เร,"อง ห์ลุ่�กการพ,!นฐานในการสร�าง
Animation
ทึ�, ป็ระเด้4นการป็ระเมู�น ผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถอธุ�บายห็ล กการพื้$%น
ฐานในการสร�างภาพื้ Animation
ได้�อย+างถ�กต้�อง2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 10
ห์ลุ่�กการพ,!นฐานในการสร�าง Animation
แผู้นการสอนท�" 10
จั�ดัประสงค�ปลุ่ายทางน กเร�ยนสามูารถร� �และเข้�าใจห็ล กการพื้$%นฐานในการสร�าง Animation
ได้�จั�ดัประสงค�น'าทาง
1. ป็ระเภทึข้องการเคล$,อนไห็ว2. การใช�งาน Frame , Keyframe , Blank Keyframe ,
Document Properties3. การทึ3างานใน Scene & Edit Symbol
4. การจ ด้การก บเส�นแบ+งเวลา
เน,!อห์าห์ลุ่�กการขั้อง Animation
ภาพื้เคล$,อนไห็ว ห็ร$อทึ�,เราเร�ยกว+า Animation ค$อ การเป็ล�,ยนแป็ลงว ต้ถ� โด้ยมู�ความูส มูพื้ นธุ'ก บเวลา เช+น ภาพื้ยนต้ร'การ'ต้�นทึ�,มู�การเคล$,อนทึ�, การเด้�น การว�,ง เป็�นต้�น ส3าห็ร บ Flash น %น จะมู�การเคล$,อนทึ�,อย�+ 2 ล กษณะค$อ
1. การเคล$,อนย�ายแบบย�ายสถานทึ�, (Motion) เช+น ว ต้ถ�เคล$,อนทึ�,จากจ�ด้ A ไป็จ�ด้ B
2. การเคล$,อนทึ�,โด้ยการเป็ล�,ยนแป็ลงล กษณะ (Transform)
ประเภทขั้องภาพเคลุ่,"อนไห์วิการเคลุ่,"อนไห์วิชีน�ดัภาพต�อภาพ (Frame By Frame Animation)
เป็�นการเคล$,อนไห็วชน�ด้ ภาพื้ทึ�, 1 ไป็ภาพื้ทึ�, 2 ไป็ภาพื้ทึ�, 3 … ไป็ ภาพื้ส�ด้ทึ�าย ห็ร$อเป็�นล กษณะการเคล$,อนไห็วข้องการ'ต้�นน ,นเอง
การเป็ล�,ยนแป็ลงข้องภาพื้แต้+ละภาพื้ทึ�,เร�ยงอย+างต้+อเน$,องในล กษณะน�% เห็มูาะส3า ห็ร บการทึ3า Animation ทึ�,ซี บซี�อน เช+น Animation ทึ�,มู�การเคล$,อนไห็วล กษณะทึ+าทึางมูาก เป็�นต้�น ซี,งจะใช�ภาพื้จ3านวนมูาก โด้ยทึ�,แต้+ละ Frame จะใส+ภาพื้ในล กษณะทึ+าทึางต้+าง ๆ 1 ภาพื้ ทึ3าให็�เส�ยเวลา แต้+จะทึ3าให็�ภาพื้มู�การเคล$,อนไห็วทึ�,เห็มู$อนจร�งการเคลุ่," อนไห์วิชีน�ดัก'า ห์นดัจั� ดัเร�"มต�นแลุ่ะจั� ดัส�!นส�ดั (Tweened Animation)
การเคล$,อนไห็วข้อง Animation ล กษณะน�%จะมู�การก3าห็นด้จ�ด้เร�,มูต้�นในการแสด้งภาพื้เคล$,อนไห็ว และใช�ว�ธุ�การค3านวณข้อง Flash ในการแสด้งภาพื้ต้+าง ๆ โด้ยทึ�,เราไมู+ต้�องไป็ห็าภาพื้มูาเร�ยงต้+อก น เราสามูารถแบ+งล กษณะการเคล$,อนไห็วออกเป็�น 2 ล กษณะด้�วยก น ค$อ
1. เปลุ่�"ยนแปลุ่งสถุานท�" (Motion Tween)
เป็�นการเคล$,อนไห็วทึ�,มู�การย�ายสถานทึ�, โด้ยไมู+มู�การเป็ล�,ยนแป็ลงร�ป็ร+างข้องว ต้ถ� แต้+สามูารถเป็ล�,ยนส�ห็ร$อข้นาด้ได้� ค$อ การเป็ล�,ยนแป็ลงจากจ�ด้ A ไป็ จ�ด้ B น ,นเอง โด้ยทึ�,ระห็ว+างการเคล$, อนทึ�,จาก A ไป็ B สามูารถมู�การเป็ล�,ยนแป็ลงข้นาด้ เป็ล�,ยนส� ห็ร$อค+อย ๆ จางห็ายไป็ แต้+ไมู+สามูารถเป็ล�,ยนจากร�ป็ห็น,งไป็ย งอ�กร�ป็ห็น,งได้�
การทึ3า Animation ล กษณะน�% Flash Movie จะมู�ข้นาด้เล4กกว+า การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ เพื้ราะใช�การค3านวณการเคล$,อนไห็วแทึนการใช�ภาพื้จร�งห็ลาย ๆ มูาแสด้งต้+อก น
2. เปลุ่�"ยนแปลุ่งลุ่�กษณะเดั�ม (Shape Tween)
เป็�นการเคล$,อนไห็วโด้ยมู�การเป็ล�,ยนแป็ลงร�ป็ร+าง ห็ร$อเป็ล�,ยนจากว ต้ถ�ห็น,งไป็เป็�นอ�กว ต้ถ�ห็น,ง
FrameFrame มู�ล กษณะเป็�นช+องเล4ก ๆ ทึ�,เร�ยงก นเป็�นแถวยาว ทึ3าห็น�าทึ�,บรรจ�
ภาพื้และเส�ยงทึ�,จ ด้วางบน Stage เราจงต้�องจ ด้เร�ยงเร$,องราวบน Frame
เพื้$,อแสด้งออกมูาเป็�น Flash Movie โด้ยแต้+ละ Frame จะถ�กแสด้งเมู$,อมู�การผู้+านข้อง Playhead ซี,ง Playhead ต้ วน�%เองจะเป็�นต้ วว�,งผู้+าน Frame
แต้+ละ Frame เพื้$,อแสด้งภาพื้และเส�ยงทึ�,บรรจ�อย�+ใน Frame น %น
การเพ�"ม Frame
เล$อก Insert Frame ห็ร$อคล�กเมูาส'ป็�<มูข้วาทึ�,ช+อง Frame เล$อก Insert Frame
การลุ่บ Frame
เล$อก Insert Remove Frames ห็ร$อคล�กเมูาส'ป็�<มูข้วาทึ�,ช+อง Frame เล$อก Frame ทึ�,เราต้�องการ Remove Frames
ปร�บการแสดัง Frame
เราสามูารถป็ร บร�ป็แบบการแสด้ง Frame บนห็น�าจอให็�เห็มูาะก บล กษณะงานทึ�,เราทึ3าได้� โด้ยคล�กเมูาส'ป็�<มู ซี,งอย�+ทึางข้วามู$อข้อง Frame ด้ งน�%
Tiny ค$อ การป็ร บแต้+งให็�ช+อง Frame มู�ข้นาด้บางทึ�,ส�ด้
Small ค$อ การป็ร บให็�ช+อง Frame มู�ข้นาด้บาง
Normal ค$อ การป็ร บให็�ช+อง Frame มู�ข้นาด้ป็กต้�
Medium ค$อ การป็ร บให็�ช+อง Frame มู�ข้นาด้ป็านกลาง
Large ค$อ การป็ร บให็�ช+อง Frame มู�ข้นาด้ให็ญ+ทึ�,ส�ด้
Short ค$อ การป็ร บให็�ช+อง Frame มู�ข้นาด้ส %น
Tinted Frame เป็�นการใช�ส�เพื้$,อบอกล กษณะข้อง Frame เช+นMotion Tween จะแสด้งเป็�น จ�ด้แรกก บล�กศึรเป็�นส�แด้งและจ�ด้
ส�ด้ทึ�ายเป็�นส�ฟ?าShape Tween จะแสด้งเป็�น จ�ด้แรกก บล�กศึรเป็�นส�เข้�ยวและจ�ด้
ส�ด้ทึ�ายเป็�นส�ฟ?าPreview เป็�นการแสด้งภาพื้ในแต้+ละ Frame ว+าแต้+ละ Frame มู�ภาพื้ทึ�,แสด้งอะไรบ�าง
Preview In Context ค$อ การแสด้งผู้ลในแต้+ละ Frame เห็มู$อนก บ Preview แต้+จะเป็�นการแสด้งทึ %ง Stage
KeyframeKeyframe ค$อ Frame ทึ�,มู�ว ต้ถ�ห็ร$อมู�การเป็ล�,ยนแป็ลง เราสามูารถ
ส งเกต้ได้� โด้ยจะมู�จ�ด้ใน Frame
ห็ร$อจะมู�จ�ด้ทึ�,จ�ด้เร�,มูต้�นข้อง Frame ในการสร�างงาน Animation เราจะต้�องก3าห็นด้ Keyframe ในต้3าแห็น+งต้+าง ๆ และก3าห็นด้รายละเอ�ยด้ข้องแต้+ละ Keyframe ได้�อย+างเห็มูาะสมู งาน Animation ทึ�,ได้�จงจะมู�ผู้ลล พื้ธุ'ต้ามูทึ�,ต้�องการ
การเพ�"ม Keyframe
เป็�นการเพื้�,มู Frame โด้ยมู�ภาพื้ห็ร$อว ต้ถ�ข้อง Frame ทึ�,อย�+ก+อนห็น�าต้�ด้มูาด้�วย ห็าก Frame ก+อนห็น�าเป็�น Frame ว+าง ๆ เราก4จะได้� Frame
เป็ล+ามูา เราสามูารถเพื้�,มู Keyframe ได้�โด้ยเล$อก Insert Keyframe
ห็ร$อคล�กเมูาส'ทึ�,ป็�<มูข้วา Frame เล$อก Insert เล$อก Keyframe
การลุ่บ Keyframe
ให็�เราทึ3าการคล�กเมูาส'ทึ�, Frame ทึ�,เราต้�องการลบออก เล$อก Insert
Clear Keyframe ห็ร$อคล�กเมูาส'ทึ�,ป็�<มูข้วา เล$อก Clear Keyframe
Blank Keyframeเป็�น Keyframe ทึ�,ว+างอย�+ย งไมู+มู�การใช�งาน ไมู+มู�ว ต้ถ�ห็ร$อ Instance
ใด้ ๆ เป็�น Keyframe เป็ล+า ๆ การเพ�"ม Blank Keyframe
การเพื้�,มู Frame เป็ล+า ๆ ข้%นมูา โด้ยไมู+ข้%นอย�+ว+า Frame ก+อนห็น�าจะมู�ว ต้ถ�อย�+ห็ร$อไมู+ โด้ยเล$อก Insert Blank Keyframe ห็ร$อคล�กเมูาส'ป็�<มูข้วาทึ�, Frame เล$อก Insert Blank Keyframe
Document Propertiesเป็�นการก3าห็นด้ค�ณสมูบ ต้�ต้+าง ๆ ให็�ก บ Flash Movie ข้องเรา โด้ย
การก3าห็นด้ค�ณสมูบ ต้�น�%จะมู�ผู้ลต้+อ Flash Movie ทึ %งห็มูด้ เพื้ราะเป็�นการก3าห็นด้ภาพื้รวมู เช+น เราเป็ล�,ยนส�พื้$%นห็ล งก4จะเป็�นการเป็ล�,ยนส�พื้$%นห็ล งทึ�ก ๆ Frame ไป็ด้�วย เป็�นต้�น ด้ งน %น จงถ$อว+า Document Properties เป็�นต้ วก3าห็นด้ค�ณสมูบ ต้�ข้องภาพื้รวมูข้อง Flash Movie ก4ได้� เราสามูารถเป็>ด้ Document Properties ได้�โด้ยเล$อก Modify Document
ห็ร$อ เราจะเป็>ด้ Document Properties โด้ย ด้ บเบ�%ลคล�กทึ�, Frame Rate
บน Timeline ก4ได้�
การท'างานใน Scene & Edit Symbol
การสร�างภาพื้เคล$,อนไห็วใน Flash ก4เห็มู$อนก บเราก3าก บละครเร$,องห็น,ง ซี,งคงจะต้�องแบ+งออกเป็�นแต้+ละฉาก เพื้$, อให็�ง+ายต้+อการควบค�มูด้�แล ซี,ง Scene เองก4เป็ร�ยบเสมู$อนก บฉากห็น,งฉากทึ�,เราสามูารถน3ามูาป็ระกอบเป็�น Flash Movie ได้�
ป็กต้�แล�ว Scene จะถ�กเร�ยกข้%นมูาพื้ร�อมูก บการเป็>ด้ Flash ซี,งเราสามูารถส งเกต้ได้�จากมู�มูล+างซี�ายข้องห็น�าต้+าง Timeline เข้�ยนว+า Scene 1
ห์น�าต�าง Scene
ในแต้+ละ Stage จะมู�มูากกว+า 1 Scene ก4ได้� เพื้ราะในการสร�าง Flash
Movie ทึ�,ยาว ๆ ห็ากเราเร�ยงล3าด้ บไมู+ด้�อาจทึ3าให็�เราส บสน จงต้�องแบ+งเป็�นแต้+ละฉากเห็มู$อนก บเราสร�างภาพื้ยนต้ร'ข้%นมูาเร$,องห็น,ง เราสามูารถทึ�,จะจ ด้การก บฉากเห็ล+าน�%ได้� โด้ยเร�ยก Panel Scene ข้%นมูา โด้ยเล$อก Windows
Scene
การแก�ไขั้ซี�น (Edit Scene)
ป็�<มู Edit Scene ป็�<มูน�%มู�ห็น�าทึ�,ในการเป็ล�,ยน Scene ห็ร$อเป็ล�,ยนฉากใน Stage เพื้$,อทึ3าให็�เราทึ3าการแก�ไข้ค+าห็ร$อเป็ล�,ยนแป็ลงว ต้ถ�ต้+าง ๆ ใน Stage
โด้ยให็�เราคล�กเมูาส'ทึ�,ป็�<มู Edit Scene แล�วเล$อก Scene ทึ�,เราต้�องการ
การแก�ไขั้วิ�ตถุ�ท�"อย��ใน Scene (Edit Symbol)
เราสามูารถแก�ไข้ว ต้ถ�ทึ�,อย�+ใน Scene ได้� โด้ยการ คล�กเมูาส'ทึ�,ป็�<มู Edit
Symbol จะแสด้งรายการข้อง Symbol ทึ�,เราได้�สร�างไว� ซี,งสามูารถน3าไป็แก�ไข้ได้� โด้ยเล$อก Symbol ทึ�,ต้�องการ
เส�นเวิลุ่า Timeline
Timeline เป็�นเคร$,องมู$อห็น,งข้อง Flash ทึ�,ช+วยในการก3าก บเวลาในการแสด้งภาพื้เคล$,อนไห็ว โด้ยมู� Playhead เป็�นต้ วว�,งผู้+านแต้+ละ Frame ทึ�,ว+างอย�+ โด้ยไมู+มู�การกระทึ3า อะไรภายใน Frame เราจะเร�ยกว+า Empty Frame
การแสดังสถุานะเก�"ยวิก�บภาพเคลุ่,"อนไห์วิบน Timeline
การแสด้งภาพื้ Animation จะมู�การใช�ความูส มูพื้ นธุ'ข้องเวลาเข้�ามูาช+วยในการแสด้งว ต้ถ�ในแต้+ละ Frame ด้�วย เช+น แสด้ง Animation ด้�วยความูเร4ว 12 Frame ต้+อว�นาทึ� เป็�นต้�น ซี,งเราสามูารถร� �ข้�อมู�ลเห็ล+าน�%ได้�จาก StatusBar ด้�านล+างข้อง Timeline ซี,งจะแสด้งสถานะข้องภาพื้เคล$,อนไห็ว
Status ค'าอธิ�บายCurrent FrameFrame RateElapsed time
เป็�นช+องทึ�,บอกว+าข้ณะน�% Playhead แสด้ง Frame อย�+ทึ�,ช+องทึ�,เทึ+าไห็ร+เป็�นช+องทึ�,บอกว+าข้ณะน�% Playhead ว�,งด้�วยความูเร4วก�, Frame ต้+อว�นาทึ�เป็�นช+องทึ�,บอกว+าเมู$, อ Playhead ว�,งมูาถง Frame น�%จะใช�เวลาเทึ+าไห็ร+ (ห็น+วยเป็�นว�นาทึ�)
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ภาระงานท�" 10
เร,"องห์ลุ่�กการพ,!นฐานในการสร�าง Animation
ช$,อ…………………………………………
นามูสก�ล เลข้ทึ�,…………………………………… …………………..
ช %น ว นทึ�,……………………… …………………
เด้$อน พื้……………………… .ศึ……………………………….
ให็�น กเร�ยนต้อบค3าถามูด้ งต้+อไป็น�%1. ห็ล กการข้องการสร�าง Animation ค$อ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
2. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ เป็�นแบบใด้…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
3. การเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้ เป็�นแบบใด้…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 11 เร$,อง การสร�าง Animation เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถเข้�าใจห็ล กการพื้$%นฐานในการสร�าง Animation ได้�
3. สาระการเร�ยนร��1. ห็ล กการเคล$,อนไห็วแบบต้+าง ๆ 2. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้3. การเคล$,อนไห็วแบบเป็ล�,ยนแป็ลงสถานทึ�,
3.1 การทึ3า Animation แบบ Tween
3.2 การทึ3า Animation แบบ ย+อ ข้ยาย ว ต้ถ�–
3.3 การทึ3า Animation แบบบ�ด้พื้ล�กว ต้ถ�3.4 การทึ3า Animation แบบ Guideline
4. การทึ3าการเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและก3าห็นด้จ�ด้ส�%นส�ด้
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 11 ต�วิอย�างการสร�าง Animation
ตอนท�" 11.1 ห์ลุ่�กการสร�างภาพเคลุ่,"อนไห์วิแบบต�าง ๆ
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3า เก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เร�ยนสามูารถ
- ใ บ ค ว า มู ร� � ทึ�, 11
เร$,อง ห็ล กการสร�าง“
ภาพื้เคล$, อนไห็วแบบต้+าง ๆ”
- ส$,ออ�เล4กทึรอน�กส'
20
อธุ�บายและเร�ยนร� � ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ- น ก เ ร�ย น จ ะ ต้� อ งเ ร� ย น ร� � ห็ ล ก ก า รเคล$,อนไห็วแบบต้+าง ๆ - น กเร�ยนจะต้�องสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ ด้ งน�%
1. ก า ร ส ร� า ง ภ า พื้เ ค ล$, อ น ไ ห็ ว ช น� ด้ภาพื้ต้+อภาพื้
2. ก า ร ทึ3า Animation แบบ Tween
3. ก า ร ทึ3า Animation แบบบ�ด้พื้ล�ก ว ต้ถ�
4. ก า ร ทึ3า Animation แบบ Guide line
5. การเป็ล�,ยนแป็ลงต้ วอ กษร
- ซี,งน กเร�ยนจะต้�องทึ3า Animation ได้�ถ�กต้�องและสวยงามู 4 ใน 5
อย+าง จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'- น กเร�ยนร บภาระงาน
ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 11
เร$,อง ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ - เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 11 ต�วิอย�างการสร�าง Animation
ตอนท�" 11.1 ห์ลุ่�กการสร�างภาพเคลุ่,"อนไห์วิแบบต�าง ๆ
น�ยามภาระงาน
- ผู้��สอนแจกใบความูร� �ทึ�, 11 เร$,อง ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ เ พื้$, อ ใ ห็� น ก เ ร�ย น ศึ ก ษ าป็ระกอบก บค3าอธุ�บายข้องผู้��สอน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- น กเร�ยนจะต้�องสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ ต้ามูใบความูร� �ทึ�,มู�ต้ วอย+างให็�ในแต้+ละแบบ- ผู้�� ส อ น ใ ห็� น ก เ ร� ย นสามูารถเล$อกภาพื้ห็ร$อใช�ความูค�ด้ห็ร$อจ�นต้นาการข้องต้นเอง พื้ล�กแพื้ลงงานให็�ด้�ด้�ข้%นได้�- ผู้��สอนจะต้�องต้รวจงานทึ�กคร %งทึ�,น กเร�ยนทึ3าเสร4จ
- ใ บ ค ว า มู ร� � ทึ�, 11
เร$,อง ห็ล กการสร�าง“
ภาพื้เคล$, อนไห็วแบบต้+าง ๆ”
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 11
เร$,อง ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ - เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
180
ขั้�!นท�" 3 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ตอนท�" 11.1 ห์ลุ่�กการสร�างภาพเคลุ่,"อนไห์วิแบบต�าง ๆ
- การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้- การทึ3า Animation
แบบ Tween
- ใ บ ค ว า มู ร� � ทึ�, 11
เร$,อง ห็ล กการสร�าง“
ภาพื้เคล$, อนไห็วแบบต้+าง ๆ”
20
- การทึ3า Animation
แบบบ�ด้ พื้ล�กว ต้ถ�- การทึ3า Animation
แบบ Guideline
- การเป็ล�,ยนแป็ลงต้ วอ กษร
- ส$,ออ�เล4กทึรอน�กส'ว�ชา การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX) ห็ วข้�อแผู้นการเร�ยนร� �ทึ�, 11
เร$,อง ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ - เคร$,องคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 5 กล�+มู จากน %นให็�แต้+ละกล�+มูอภ�ป็รายใน
ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ การสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 20 นาทึ�
ห็ วข้�ออภ�ป็ราย1. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้2. การทึ3า Animation แบบ Tween
3. การทึ3า Animation แบบบ�ด้ พื้ล�กว ต้ถ�4. การทึ3า Animation แบบ Guideline
5. การเป็ล�,ยนแป็ลงต้ วอ กษร
6. ภาระงานท�" 11
ภาระงานทึ�, 11 เร$,อง การทึ3า Animation แบบ Motion Tween
7. ส,"อการเร�ยนการสอน7.1CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2ใบความูร� �ทึ�, 11 เร$,อง การสร�าง “ Animation”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��การทึ3า Animation แบบ Motion Tween
การสร�าง Animation ให็�ต้ วอ กษรการสร�าง Animation Guideline
การสร�าง Animation แบบเป็ล�,ยนแป็ลงต้ วอ กษร โด้ยทึ�,น กเร�ยนจะต้�องทึ3าการส+งงานทึ�ายช ,วโมูงทึ�กคร %ง พื้ร�อมูก บบ นทึกงานส+งแผู้+นด้�สก'
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 11 เร,"อง การท'า Animation แบบต�าง ๆ
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3า Animation
แบบ Motion Tween ได้�ถ�กต้�อง สวยงามู
2. น กเร�ยนสามูารถทึ3า Animation ให็�ก บต้ วอ กษร
3. น กเร�ยนสามูารถทึ3า Animation
แบบ Guideline ได้�ถ�กต้�อง สวยงามู
4. น กเร�ยนสามูารถทึ3า Animation
แบบเป็ล�,ยนแป็ลงต้ วอ กษร5. น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'6. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 7. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 11
ต�วิอย�างการสร�าง Animation
แผู้นการสอนท�" 11
จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนสามูารถสร�างภาพื้เคล$,อนไห็วอย+างง+าย ๆ ได้�จั�ดัประสงค�น'าทาง
1. ร� �และเข้�าใจการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ 2. ร� �และเข้�าใจการเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้3. ร� �และเข้�าใจการเคล$,อนไห็วแบบเป็ล�,ยนแป็ลงสถานทึ�,4. ร� �และเข้�าใจการเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้5. การทึ3า Animation แบบ Shape Animation
เน,!อห์าห์ลุ่�กการสร�างภาพเคลุ่,"อนไห์วิแบบต�าง ๆ 1. การเคลุ่,"อนไห์วิชีน�ดัภาพต�อภาพ (Frame By Frame Animation)
เป็�นการแสด้งภาพื้แต้+ละภาพื้ทึ�,เร�ยงต้+อก นอย+างต้+อเน$,อง จนด้�เห็มู$อนว+าภาพื้น %นมู�การเคล$,อนไห็ว ซี,งเราจะทึ3าการ Import ภาพื้ทึ�,เราจะสร�าง มูาไว�ใน Frame แต้+ละ Frame
2. การเคลุ่,"อนไห์วิชีน�ดัก'าห์นดัจั�ดัเร�"มต�นแลุ่ะจั�ดัส�!นส�ดั (Tweened Animation)
การเคล$,อนไห็วทึ�,มู�การก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้ในการแสด้งภาพื้เคล$,อนไห็ว และใช�ว�ธุ�การค3านวณข้อง Flash ในการแสด้งภาพื้ต้+าง ๆ โด้ยทึ�,เราไมู+ต้�องไป็ห็าภาพื้มูาเร�ยงต้+อก น ซี,งมู�ห็ล กการค$อการก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้การเคล$,อนไห็ว ให็�ก บ Animation ซี,งการเคล$,อนไห็วชน�ด้น�%มู�ด้�วยก นห็ลายแบบ
การเคลุ่,"อนไห์วิชีน�ดัภาพต�อภาพ (Frame By Frame Animation )
การเคล$,อนไห็วด้�วยว�ธุ�น�%สามูารถทึ3าได้�โด้ยการสร�างภาพื้ในแต้+ละ Frame
ห็ร$อทึ3าการ Import ไฟล'ภาพื้ลงในแต้+ละ Frame ห็ากไฟล'ทึ�,เราจะ Import
เข้�ามูามู�ต้ วเลข้ต้+อทึ�ายมูาห็ลาย ๆ อ นด้ บ เราก4สามูารถ Import ไฟล'อย+างต้+อเน$,องได้�เลย ทึ3าให็�เราได้� Animation แบบการเคล$, อนไห็วชน�ด้ภาพื้ต้+อภาพื้ทึ นทึ�
วิ�ธิ�การสร�างภาพเคลุ่,"อนไห์วิ
1. ทึ3าการ Import ไฟล'ภาพื้ทึ�,เราต้�องการสร�างภาพื้เคล$, อนไห็ว โด้ยเล$อก File Import
2. ห็ากไฟล'ภาพื้ข้องเรามู�เลข้ลงทึ�ายต้+อเน$,องก น เราก4สามูารถทึ3าการ Import ไฟล'อย+างต้+อเน$,องได้� โด้ย Flash จะถามูเราโด้ยอ ต้โนมู ต้�ว+าต้�องการจะ Import ไฟล'อ$,น ๆ เข้�ามูาด้�วยห็ร$อไมู+
3. เราจะได้�ไฟล'ภาพื้ข้องเราในแต้+ละ Frame ข้%นมูา ห็ากไฟล'ภาพื้ข้องเราไมู+ได้�เร�ยงต้+อเน$,องก น ก4ให็�ทึ3าการ Import ไฟล'ภาพื้ทึ�ละไฟล'
4. ทึ3าการทึด้สอบ Animation โด้ยกด้ค�ย' <Ctrl+Enter> ห็ร$อ Control Test Movie เราจะเห็4นว ต้ถ�ข้องเราเคล$,อนทึ�,
การเคลุ่," อนไห์วิชีน�ดัก'า ห์นดัจั� ดัเร�"มต�นแลุ่ะจั� ดัส�!นส�ดั (Tweened Animation)
เป็�นการเคล$,อนไห็วโด้ยมู�การเป็ล�,ยนแป็ลงสถานทึ�, แต้+ไมู+มู�การเป็ล�,ยนร�ป็ร+างข้องว ต้ถ� ซี,งการเคล$,อนไห็วล กษณะน�%สามูารถทึ�,จะเป็ล�,ยนข้นาด้, ส�, การห็มู�น, การพื้ล�กได้� เป็�นต้�นการท'า Animation แบบ Tween
เป็�นภาพื้เคล$,อนไห็วทึ�,เคล$,อนทึ�,จากทึ�,ห็น,งไป็อ�กทึ�,ห็น,ง โด้ยเราจะสร�างร�ป็ Animation เคล$, อนทึ�,จากซี�ายไป็ข้วา ซี,งเป็�นการส ,งให็�ภาพื้ถ�กแสด้งจาก Frame ทึ�, 1 และเพื้�,มู Keyframe ต้รง Frame ทึ�, 20 จากน %นก4เป็�นการใช� Motion Tween ทึ3าให็�เก�ด้การเคล$,อนไห็ว
วิ�ธิ�การม�ดั�งน�!1. สร�างภาพื้ห็ร$อ Import ภาพื้เข้�ามูาไว�ทึ�, Stage
2. ทึ3า ก า ร Selection ภ า พื้ แ ล� ว เ ล$ อ ก Insert Convert
Symbol ห็ร$อกด้ค�ย' <F8> เพื้$,อทึ3าการแป็ลงเป็�น Symbol
3. จะมู�ห็น�าต้+าง Symbol Property ข้%นมูา ให็�เราเล$อก Movie
Clip และคล�กเมูาส'ป็�<มู O.K. เพื้$, อแป็ลงภาพื้ทึ�, เล$อกเป็�น Symbol แบบ Movie Clip ซี,งเป็�นการก3าห็นด้ให็�ว ต้ถ�น�%เป็�นภาพื้เคล$,อนไห็ว
4. เล$อก Frame ทึ�, 20 และคล�กเมูาส'ทึ�,ป็�<มูข้วา เล$อก Insert
Keyframe เพื้$, อเป็�นการบอกว+าเราจะแสด้งภาพื้ต้ %งแต้+ Frame ทึ�, 1 ถง Frame ทึ�, 20
5. เราจะเห็4นว+ามู�การเป็ล�,ยนแป็ลงทึ�, Frame ข้องเรา แสด้งว+า Flash
ร� �แล�วจะมู�การแสด้งภาพื้เคล$, อนไห็วต้ %งแต้+ Frame ทึ�, 1 ถง frame ทึ�, 20
จากน %นกล บไป็คล�กเมูาส'เล$อก Frame ทึ�, 1 เพื้$,อก3าห็นด้จ�ด้เร�,มูต้�นข้องการเคล$,อนไห็ว
6. เ ล$ อ ก Insert Create Motion Tween เ พื้$, อ ใ ห็� Flash
ทึ3าการสร�าง Animation ต้ %งแต้+ Frame ทึ�, 1 ถง Frame ทึ�, 20
7. เราจะเห็4นว+ามู�ล�กศึรทึ�, Frame ข้องเราแสด้งว+า Flash ได้�สร�างการเคล$,อนไห็วต้ %งแต้+ Frame ทึ�, 1 ถง Frame ทึ�, 20 เร�ยบร�อยแล�ว ให็�เราคล�กเมูาส'เล$อก Frame ทึ�, 20 ย�ายต้3าแห็น+ง Movie Clip ข้องเรา เพื้$,อก3าห็นด้จ�ด้ส�%นส�ด้ข้องการเคล$,อนไห็ว Animation
8. ทึ3าการทึด้สอบ Animation โด้ยกด้ค�ย' <Ctrl+Enter> ห็ร$อ Control Test Movie เราจะเห็4นว ต้ถ�ข้องเราเคล$,อนทึ�, เราสามูารถห็าฉากห็ล งมูาใส+ เพื้$,อให็�เข้�าก บบรรยากาศึได้�
การท'า Animation แบบการบ�ดัพลุ่�กวิ�ตถุ�เป็�นการทึ3า Animation โด้ยการใช�ค3าส ,ง Flip Vertical ห็ร$อ Flip
Horizontal ช+วย ซี,งการทึ3า Animation ล กษณะน�%จะทึ3าให็�ว ต้ถ�ค+อย ๆ ห็มู�นพื้ล�กและบ�ด้ร�ป็ร+าง โด้ยในต้ วอย+างเราจะสร�าง Animation ซี,งเป็�นการส ,งให็�
ภาพื้ Animation ถ�กแสด้งจาก Frame ทึ�, 1 และเพื้�,มู Keyframe ถง Frame ทึ�, 20 จากน %นก4เป็�นการใช� Motion Tween ทึ3าให็�เก�ด้การเคล$,อนไห็ว
วิ�ธิ�การม�ดั�งน�!1. ให็�เราใช� Text Tool พื้�มูพื้'ข้�อความูข้%นมูา โด้ยก3าห็นด้ข้นาด้และส�
ต้ามูทึ�,เราต้�องการ
2. ทึ3าการ Selection ทึ�,ข้�อความู เล$อก Modify Break Apart
เพื้$,อทึ3าการแยกองค'ป็ระกอบข้องข้�อความู
3. ทึ3าการกระจาย Layer ออก เพื้$,อแยกต้ วห็น งส$อออกเป็�น Layer ละ 1 ต้ ว โด้ยให็�เราเล$อก Modify Distribute to Layers
4. ส งเกต้ว+าข้�อความูข้องเราถ�กแยกออกเป็�นต้ วอ กษรละ Layer จากน %น ให็�เราคล�กเมูาส'ป็�<มูข้วาทึ�, Frame ทึ�, 20 ใน Layer ข้องต้ วอ กษรต้ วแรก (ต้ ว F)
5. คล�กเมูาส'ป็�<มูข้วาทึ�, Frame ทึ�, 1 ใน Layer แรกข้องต้ วอ กษร เล$อก Create Motion Tween เพื้$,อสร�างการเคล$,อนไห็วต้ %งแต้+ Frame ทึ�, 1 ถง Frame ทึ�, 20
6. ให็�เราทึ3าการ Insert Keyframe และ Create Motion
Tween ในทึ�ก ๆ Layer ข้องเแต้+ละต้ วอ กษร
7. กล บไป็ทึ�, Layer ข้องต้ วอ กษรต้ วแรก ให็�คล�กเมูาส'ทึ�, Frame ทึ�, 1
(ส ง เกต้ว+ าจะมู�กรอบส�ฟ? าล� อมูรอบต้ วอ กษร ) แล� ว เล$ อก Modify
Transform Flip Horizontal เพื้$,อทึ3าการกล บด้�านข้องต้ วอ กษร
8. จากน %นคล�กเมูาส'ทึ�, Frame ทึ�, 1 ข้อง Layer ในต้ วอ กษรต้ วถ ด้มูา และเล$อก Modify Transfrom Flip Horizontal โด้ยเราจะทึ3าก บ Frame ทึ�, 1 ข้องทึ�ก Layer ทึ�,มู�ต้ วอ กษรเมู$,อทึ3าเสร4จ ต้ วอ กษรทึ %งห็มูด้จะกล บด้�านก น
9. ทึ3าการทึด้สอบ Animation โด้ยกด้ค�ย' <Ctrl+Enter> ห็ร$อ Control Test Movie เราจะเห็4นว ต้ถ�ข้องเราเคล$,อนทึ�, เมู$,อด้�เสร4จแล�วให็�คล�กป็�<มู กากบาทึ เพื้$,อป็>ด้ห็น�าต้+าง
การท'า Animation แบบ Guideline
เป็�นการสร�าง Animation โด้ยใช� Guideline ช+วย ซี,งการทึ3า Animation ล กษณะน�%ว ต้ถ�จะเคล$,อนทึ�,ต้ามูเส�น Guideline ทึ�,เราสร�างข้%น ซี,งเป็�นการส ,งให็�ภาพื้ Animation ถ�กแสด้งจาก Frame ทึ�, 1 และเพื้�,มู Keyframe ถง Frame ทึ�, 20 จากน %นก4เป็�นการก3าห็นด้ค+าต้+าง ๆ ให็�
Animatioin เคล$,อนไห็ว
วิ�ธิ�การสร�างม�ดั�งน�!1.ให็�เราสร�าง Animation จากข้ %นต้อนทึ�, 1 ถง ข้ %นต้อนทึ�, 7 ในห็ วข้�อ
การทึ3า Animation แบบ Tween
2. กล บมูาเล$อกทึ�, Frame ทึ�, 1 แล�วคล�กเมูาส'ทึ�,ป็�<มู เพื้$,อสร�าง Guide Layer ทึ�,เป็�น Guide Line ข้%นมูา
3. คล�กเมูาส'ทึ�, Frame แรกข้อง Guide Layer แล�วเล$อก Pencil
Tool ลากเส�นทึ�,ต้�องการให็�ว ต้ถ�เคล$,อนทึ�,ต้ามูใน Guide line เพื้$,อให็� Movie
Clip ข้องเราว�,งต้ามูเส�นทึ�,เราลาก
4. น3า Movie Clip ใน Frame ทึ�, 1 มูาวางไว�ทึ�,ป็ลายข้องเส�นทึ�,จ�ด้เร�,มูต้�น
5. จากน %นคล�กเมูาส'ทึ�, Frame ทึ�, 20 ใน Layer 1 น3า Movie Clip
ไป็วางไว�ทึ�,ป็ลายส�ด้ทึ�ายข้องเส�นทึ�,เราลาก เพื้$,อให็� Movie Clip ว�,งไป็ต้ %งแต้+จ�ด้เร�,มูต้�นและไป็จนถงจ�ด้ส�ด้ทึ�าย
6. ทึ3าการทึด้สอบ Animation โด้ยกด้ค�ย' <Ctrl+Enter> ห็ร$อ Control Test Movie เราจะเห็4นว ต้ถ�ข้องเราเคล$,อนทึ�, เมู$,อด้�เสร4จแล�วให็�คล�กป็�<มู กากบาทึ เพื้$,อป็>ด้ห็น�าต้+าง
การเปลุ่�"ยนแปลุ่งต�วิอ�กษรต้+อไป็จะเป็�นการสร�าง Animation ทึ�,เป็�นต้ วห็น งส$อค+อย ๆ เป็ล�,ยนจาก
ต้ วห็น,งไป็เป็�นอ�กต้ วห็น,ง ซี,งเราสามูารถจะน3ามูาป็ระย�กต้'ให็�มู�การเป็ล�,ยนแป็ลงร�ป็ร+าง จากต้ วห็น งส$อป็ระโยคห็น,งให็�กลายเป็�นอ�กป็ระโยคห็น,ง ห็ร$อจากต้ วอ กษรมูาเป็�นร�ป็ ห็ร$อจากร�ป็มูาเป็�นต้ วห็น งส$อก4ได้�วิ�ธิ�ท'าดั�งน�!
1. คล�กเมูาส'ทึ�,ป็�<มู Text Tool แล�วเข้�ยนข้�อความูทึ�, Frame ทึ�, 1
แล�วเล$อก Modify Break Apart (2 คร %ง เพื้$,อให็�เก�ด้จ�ด้เล4ก ๆ ทึ�,ข้�อความู ซี,งห็มูายถงสามูารถแก�ไข้ว ต้ถ�ได้�แล�ว ) เพื้$,อแยกองค'ป็ระกอบข้องว ต้ถ� ทึ3าให็�เราสามูารถป็ร บแต้+งว ต้ถ�ทึ�,เรา Import เข้�ามูาได้�
2. เล$อก Frame ทึ�, 20 และคล�กเมูาส'ป็�<มูข้วาเล$อก Insert
Keyframe เพื้$,อเป็�นการแสด้งว ต้ถ�ต้ %งแต้+ Frame ทึ�, 1 ถง Frame ทึ�, 20
แล�วทึ3าการลบข้�อความูใน Frame ทึ�, 20 ออกไป็
3. คล�กเมูาส' ทึ�, ป็�<มู Text Tool แล�วเข้�ยนต้ วห็น งส$อทึ�, Frame ทึ�, 20 แล�วเล$อก Modify Break Apart (2 คร %ง) เพื้$,อแยกองค'ป็ระกอบข้องว ต้ถ� นอกจากน %นเราสามูารถป็ร บแต้+งว ต้ถ�ทึ�,เรา Import ได้�
4. จากน %นคล�กเมูาส'เล$อกทึ�, Frame ทึ�, 1 ไป็ทึ�,ห็น�าต้+าง Properties
เล$อก Shape เพื้$,อเป็�นการก3าห็นด้ให็�เป็�นการเป็ล�,ยนแป็ลงร�ป็ร+าง
5. เราจะเห็4นว+ามู�ล�กศึรทึ�, Frame ข้องเรา แสด้งว+า Flash ได้�ทึ3าการเป็ล�,ยนแป็ลง Animation แล�ว
6. ทึ3าการทึด้สอบ Animation โด้ยกด้ค�ย' <Ctrl+Enter> ห็ร$อ Control Test Movie เราจะเห็4นว ต้ถ�ข้องเราเคล$,อนทึ�, เมู$,อด้�เสร4จแล�วให็�คล�กป็�<มู กากบาทึ เพื้$,อป็>ด้ห็น�าต้+าง
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 12 เร$,อง Flash ก บภาพื้ยนต้ร'และเส�ยง เวลา 3 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1. มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนร� �จ กการใส+เส�ยงด้�วยว�ธุ�ต้+าง ๆ ได้�
3. สาระการเร�ยนร��1. การน3าไฟล'ภาพื้ยนต้ร'มูาใช�ใน Flash
2. ไฟล'เส�ยงทึ�,ใช�ใน Flash
3. การจ ด้การเส�ยงด้�วย Sound Properties
4. การจ ด้การเส�ยง5. การใส+เส�ยงใน Frame
6. การลบเส�ยงใน Frame
7. การใส+เส�ยงในป็�<มูกด้8. การใส+เส�ยงป็ระกอบฉากใน Frame
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 12 Flash ก�บภาพแลุ่ะเส�ยงตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash
ตอนท�" 12.2 การใส�เส�ยงใน Frame
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ ไฟล'เส�ยงทึ�,ใช�ใน Flash ได้�- ผู้�� สอนบอกกล+ าวก บน กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% น ก เร�ยนจะต้�องร� �จ กระบบเส�ยงใน Flash และร� �ว�ธุ�การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash ได้�อย+างถ�กต้�อง- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�,นน3าเก�,ยวก บ
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash
- ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'
20
20
ตอนท�" 12.3 การใชี�ห์น�าต�าง Properties
ก�บเส�ยง
จ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใส+เส�ยงใน Frame ได้�- ในจ�ด้ป็ระสงค'น�% น กเร�ยน เร�ยนมูาแล�วว+า Frame
ค$ออะไร ต้อนน�%น กเร�ยนจะต้�องทึ3าการใส+เส�ยงลงใน Frame ทึ�,ก3าห็นด้- น กเร�ยน จะต้�องสร�างป็�<มูกด้และสามูารถใส+เส�ยงลงไป็ในป็�<มูกด้ได้�- น กเร�ยนร บภาระงาน
- ผู้��สอนเกร�"นน'าเก�"ยวิก�บจั�ดัประสงค�การเร�ยนร�� ดั�งน�!- น กเร�ยนสามูารถ ใช�ห็น�าต้+าง Properties ก บเส�ยงได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องร� �จ กการแก�ไข้ เส�ยงทึ�,น3าเข้�ามูาได้�- น ก เ ร� ย น ส า มู า ร ถทึ3างานได้�ต้รงต้ามูค3าส ,งจงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'- น กเร�ยนร บภาระงาน
ว�ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
20
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 12 Flash ก�บ น�ยามภาระงาน- ส$, ออ� เล4กทึรอน�กส' 30
ภาพแลุ่ะเส�ยงตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash
ตอนท�" 12.2 การใส�เส�ยงใน Frame
ตอนท�" 12.3 การใชี�ห์น�าต�าง Properties
ก�บเส�ยง
- ผู้��สอนแจกใบความูร� �ทึ�, 12 เร$,องไฟล'เส�ยงทึ�,ใช�ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูอธุ�บายถงระบบเส�ยงใน Flash ให็�น กเร�ยนเข้�าใจก+อนว+า มู�ไฟล' เส�ยงแบบใด้บ� างทึ�,ส ามูารถน3า เข้� ามูา ใช� ใน Flash ได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ Import ไฟล'เส�ยงเข้�ามูาเก4บไว� ค�+ละ 10 เส�ยง - น ก เ ร� ย น ส า มู า ร ถ Import ไฟล'เส�ยงได้� ต้ามูทึ�,ผู้��สอนก3าห็นด้ได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 12 เร$,องไฟล'เส�ยงทึ�,ใช�ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� ส อ น ใ ห็� น ก เ ร�ย น Import ร�ป็ภาพื้ เห็มู$อนก บเน$%อเร$,อง 1 เร$,องเข้�ามูาไว�ใน Frame
- ผู้�� ส อ น ใ ห็� น ก เ ร� ย น
ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash
- ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash
- ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
25
25
Import เ ส� ย ง ทึ�, ค� ด้ ว+ าเห็มูาะสมูก บภาพื้น %น ๆ จากน %นให็�น3าเส�ยงใส+เข้�าไป็ใ น Frame ทึ�, ภ า พื้ น % นบ นทึกอย�+- ภาพื้ทึ�,ก3าห็นด้สามูารถมู�เส�ยงได้�ต้รงต้ามูค3าส ,งข้องผู้��สอน จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'
- ผู้��สอนแจกใบความูร� �ทึ�, 12 เร$,องไฟล'เส�ยงทึ�,ใช�ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้�� ส อ น ใ ห็� น ก เ ร� ย นทึด้ลองก3าห็นด้เส�ยง จากห็น�าต้+าง Properties
- ผู้��สอนให็�น กเร�ยนสร�างป็�<มูกด้ ต้ามูใบความูร� �ทึ�,ก3าห็นด้ให็� โด้ยจะใส+ส�ห็ร$อใส+เส�ยงป็�<มูกด้แบบใด้ก4ได้�- เมู$, อน ก เร�ยนทึ3า งานเสร4จแล�ว ผู้��สอนจะต้�องต้รวจงานก+อน ถงจะถ$อว+าน กเร�ยนผู้+านจ�ด้ป็ระสงค'
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash
- ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 3 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash
- ระบบเส�ยงใน Flash
- การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 12.2 การใส�เส�ยงใน Frame
- การใส+เส�ยงใน Frame
- การลบเส�ยงทึ�,ก3าห็นด้ไว�ใน Frame
- การใส+เส�ยงในป็�<มูกด้
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
10
ตอนท�" 12.3 การใชี�ห์น�าต�าง Properties
ก�บเส�ยง
- การใช�ห็น�าต้+าง Properties ก บเส�ยง- การป็ร บแต้+งเส�ยงด้�วย Edit Envelope
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เ
10
ร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12
เร$,อง ไฟล'เส�ยงทึ�,ใช�“
ใน Flash”
- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนผู้��สอนส�+มูน กเร�ยนในช %นเร�ยน 5 – 10 คนข้%นมูาถามูเก�,ยวก บ ไฟล'เส�ยง
ทึ�,ใช�ได้�ใน Flash มู�นามูสก�ลใด้บ�าง จากน %นผู้��สอนทึ3าการสร�ป็ป็>ด้ทึ�าย ใช�เวลา 10 นาทึ� 6. ภาระงานท�" 12
ภาระงานทึ�, 12 บอกระบบเส�ยงใน Flash
7. ส,"อการเร�ยนการสอน7.1CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash
MX ))7.2ใบความูร� �ทึ�, 12 เร$,อง “Flash ก บภาพื้ยนต้ร'และเส�ยง”
7.3เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ภาระงานทึ�, 11 เร$,อง ระบบเส�ยงใน Flash
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 12 เร,"องการใส�เส�ยง
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง
1. น กเร�ยนสามูารถบอกระบบเส�ยงใน Flash ได้�
2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 12
Flash ก�บภาพแลุ่ะเส�ยงแผู้นการสอนท�" 1จั�ดัประสงค�ปลุ่ายทาง
น กเร�ยนร� �จ กและสามูารถจ ด้การก บเส�ยงใน Flash ได้�จั�ดัประสงค�น'าทาง
1. ไฟล' เส�ยงทึ�,ใช�ใน Flash
2. การใส+เส�ยงและป็ร บแต้+งเส�ยงด้�วยว�ธุ�ต้+าง ๆ
เน,!อห์าไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash
Flash สามูารถ Import เส�ยงได้�ห็ลายนามูสก�ล WAV Sound (*.wav), Mp3 Sound (*.mp3), AIFF Sound (*.aif), Sun Au (*.au) ทึ %งน�%การน3าเส�ยงมูาใช�ก บ Flash Movie ข้องเราต้�องค3านงถงความูเห็มูาะสมูด้�วย เช+น ห็ากเราจะใช�เส�ยงป็ระกอบในเว4บไซีต้' เราก4ไมู+ควรใช�เส�ยงทึ�,มู�ข้นาด้ให็ญ+มูากเพื้ราะจะทึ3าให็� Flash Movie ทึ�,ได้�มู�ข้นาด้ให็ญ+เป็�นผู้ลให็�ผู้��ใช�ต้�องเส�ยเวลาโห็ลด้นาน เป็�นต้�น นอกจากน %นไฟล'เส�ยงย งใช�ห็น+วยความูจ3าภายในเคร$,องพื้อสมูควร และเราต้�องค3านงถงพื้$%นทึ�,ฮาร'ด้ด้�สก'ด้�วยระบบเส�ยงใน Flash
ระบบเส�ยงทึ�,ใช�ใน Flash น %นจะมู�อย�+ 2 ระบบ โด้ยทึ %งสองระบบน�%จะมู�ล กษณะการใช�งานแต้กต้+างก น ฉะน %นเราจงควรมู�ความูเข้�าใจว+าเส�ยงระบบใด้เห็มูาะก บงานชน�ด้ใด้ และใช�ในสภาพื้แวด้ล�อมูใด้บ�าง เช+น ไมู+ก�นพื้$%นทึ�,ฮาร'ด้ด้�สก'มูากเก�นไป็ห็ร$อเส�ยเวลาในการโห็ลด้นานผู้+านอ�นเทึอร'เน4ต้
1. ระบบ Mono
เป็�นเส�ยงชน�ด้ช+องส ญญาณเด้�ยว เส�ยงทึ�,ออกจากล3าโพื้งจะมู�ล กษณะเด้�ยวก นทึ %ง 2 ข้�าง โด้ยทึ ,วไป็ใช�เส�ยงแบบ 22 kHz 16 บ�ต้ ซี,งเส�ยงแบบ Mono น�% จะเห็มูาะก บทึ�,มู�ล กษณะเส�ยงระด้ บเด้�ยว เช+น เส�ยงพื้�ด้2. ระบบ Stereo
เป็�นเส�ยงชน�ด้ 2 ช+องส ญญาณ เส�ยงทึ�,ออกจากล3าโพื้งจะมู�ล กษณะแต้กต้+างก นทึ %ง 2 ข้�าง ต้ามูทึ�ศึทึางข้องเส�ยง และมู�ค�ณภาพื้ด้�กว+า แต้+จะใช�พื้$%นทึ�,ในการเก4บมูากกว+าแบบ Mono ถง 2 เทึ+า ซี,งเส�ยงแบบ Stereo
น�% จะเห็มูาะก บทึ�,มู�ล กษณะระด้ บเส�ยง เช+น เส�ยงด้นต้ร�
การน'าไฟ้ลุ่�เส�ยงเขั้�ามาใชี�ใน Flash
การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash จะถ�กเก4บไว�ใน Library ซี,งทึ3าให็�เราสามูารถใช�ไฟล'เส�ยงน %นได้�บ+อย โด้ยทึ�,เราไมู+ต้�องไป็เส�ยเวลาก บการ Import
ให็มู+ ไฟล'เส�ยงทึ�, Flash สามูารถ Import ได้� มู�ห็ลายชน�ด้ เช+น WAV Sound (*.wav), Mp3 Sound (*.mp3), AIFF Sound (*.aif), Sun Au (*.au) ซี,งการ Import File เส�ยงทึ3าได้� ด้ งน�%
1. เล$อก File Import จะป็รากฏิห็น�าต้+าง Import ข้%น
2. เล$อกไฟล'เส�ยงทึ�,เราต้�องการ แล�วคล�กเมูาส'ป็�<มู Open ไฟล'เส�ยงข้องเราจะถ�กเก4บไว�ใน Library โด้ยจะมู�ไอคอนเป็�นร�ป็ล3าโพื้ง
การจั�ดัการเส�ยงดั�วิย Sound Properties
เราสามูารถทึด้สอบไฟล'เส�ยงข้องเราได้� โด้ยการกด้ ฟ6งเส�ยงและกด้ ห็ย�ด้เส�ยง ห็ร$อเราจะเข้�าไป็ใน Sound Properties ได้� โด้ยการด้ บเบ�%ลคล�กร�ป็ล3าโพื้งทึ�,อย�+ห็น�าไฟล'เส�ยงข้องเรา
ห็น�าต้+าง Sound Properties จะแสด้งรายละเอ�ยด้ต้+าง ๆ ข้องไฟล'เส�ยงทึ�,เราน3าเข้�ามูาใช�งาน ได้�แก+ ระด้ บความูถ�,ข้องเส�ยง , ช$,อข้องไฟล'เส�ยง , รายละเอ�ยด้และชน�ด้ข้องไฟล'เส�ยง เป็�นต้�น ซี,งมู�รายละเอ�ยด้ต้+าง ๆ ด้ งน�%
Update เมู$, อเราทึ3าการแก�ไข้รายละเอ�ยด้ต้+าง ๆ ข้องไฟล'เส�ยง ให็�คล�กเมูาส'ทึ�,ป็�<มูน�%เพื้$,อให็�การ
เป็ล�,ยนแป็ลงน %นมู�ผู้ลImport การน3าไฟล'เส�ยงเข้�ามูาใช�งานใน Flash
ด้ บเบ�%ลคล�ก
Test การทึด้สอบฟ6งเส�ยงStop ห็ย�ด้เส�ยงCompression ค$อ การลด้ข้นาด้ข้องไฟล'เส�ยง ซี,งจะทึ3า ให็� Flash
Movie ข้องเรามู�ข้นาด้เล4กและน3าไป็ใช�งานได้�ง+ายข้%น แต้+การลด้ข้นาด้ไฟล'เ ส� ย ง น % น จ ะ มู� ผู้ ล ทึ3า ใ ห็� ค� ณ ภ า พื้ ข้ อ ง เ ส� ย ง ล ด้ ล ง ด้� ว ย เ ร า ก3า ห็ น ด้ Compression ได้� 5 ว�ธุ� ด้ งน�%
Default ค$อ การต้ %งค+าบ�บอ ด้ไฟล'ต้ามูทึ�, เราก3าห็นด้ไว�ใน Publish Setting
ADPCM เห็มูาะส3าห็ร บการลด้ข้นาด้ข้องไฟล'เส�ยงส %น ๆ เช+น เส�ยงคล�กทึ�,เก�ด้จากการกด้ป็�<มู ห็ร$อเส�ยงทึ�,ป็ระกอบทึ�,แสด้งออกมูาเป็�นช+วงส %น ๆ
- Preprocessing ให็�แป็ลงระบบเส�ยงจาก Stereo เป็�น Mono
- Sample Rate อ ต้ราในการป็ร บระด้ บข้อง Bit Rate ซี,งเป็�นระด้ บในการควบค�มูค�ณภาพื้ข้องเส�ยง ถ�าให็�ค+า Bit Rate
ส�ง ค�ณภาพื้ข้องเส�ยงก4จะส�ง แต้+ข้นาด้ข้องไฟล'ก4จะให็ญ+ต้ามูด้�วย
- ADPCM Bits เป็�นค+าข้องจ3านวน Bit ทึ�,ใช�ในการค�ณก บค+าข้อง Sample Rate ซี,งจะให็�ค+าข้อง Bit Rate ออกมูา ห็ากก3าห็นด้ให็�ค+า ADPCM Bits ส�ง ค�ณภาพื้ข้องเส�ยงจะออกมูาด้� แต้+ข้นาด้ข้องไฟล'ก4จะให็ญ+ต้ามูไป็ด้�วย
MP3 ใช�ในการลด้ข้นาด้ข้องไฟล'ทึ�,มู�ความูยาวมูาก ๆ เช+น เพื้ลงป็ระกอบBit Rate เป็�นระด้ บในการควบค�มูค�ณภาพื้ข้องเส�ยงQuality ป็ร บค�ณภาพื้เส�ยง ซี,งมู�ให็�เล$อก 3 ระด้ บ จะมู�ผู้ลทึ3าให็�
ลด้เวลาในการโห็ลด้ไฟล'- Fast ใช�เวลาในการลด้ข้นาด้ไฟล'เร4วและโห็ลด้เร4ว แต้+
ค�ณภาพื้ต้3,า- Medium ใช�เวลาในการลด้ข้นาด้ไฟล'และโห็ลด้ป็าน
กลาง ค�ณภาพื้เส�ยงป็านกลาง- Best ใช�เวลาในการลด้ข้นาด้ไฟล'ช�า และโห็ลด้ได้�ช�า แต้+
ค�ณภาพื้เส�ยงจะคมูช ด้ใกล�เค�ยงเส�ยงเด้�มู
RAW สามูารถใช�ในการลด้ข้นาด้ข้องไฟล'ได้� โด้ยการป็ร บระบบเส�ยงให็�เป็�นเส�ยงระบบ Stereo ห็ร$อ Mono โด้ยเส�ยงทึ�,ด้�จะอย�+ในระด้ บ 44 kHz
- Preprocessing ให็�แป็ลงเส�ยงจาก Stereo เป็�น Mono
- Sample Rate อ ต้ราในการส�+มูป็ร บระด้ บข้อง Bit Rate
ซี,งเป็�นระด้ บในการควบค�มูค�ณภาพื้ข้องเส�ยง ถ�าให็�ค+า Bit
Rate ส�งค�ณภาพื้ข้องเส�ยงก4จะส�งต้ามู แต้+ข้นาด้ไฟล'จะให็ญ+ต้ามูด้�วย
Speech ใช�ในการป็ร บลด้ข้นาด้เส�ยงในล กษณะเส�ยงพื้�ด้ โด้ยสามูารถป็ร บได้�ห็ลายระด้ บ
- Sample Rate ทึ�, เห็มูาะสมูก บเส�ยงพื้�ด้จะอย�+ทึ�, 22 kHz
ห็ากเราต้�องการป็ร บให็�ต้3,า
ข้�อความูทึ�,อย�+บรรทึ ด้ส�ด้ทึ�ายใน Sound Properties ค$อ ค�ณภาพื้และข้นาด้ข้องเส�ยง ห็ล งการลด้ข้นาด้ข้องเส�ยง โด้ยจะแสด้งจ3านวน Bit Rate ,
ระบบเส�ยง (Stereo ห็ร$อ Mono) , เป็อร'เซี4นต้'ห็ล งจากบ�บอ ด้แล�วการใส�เส�ยงใน Frame
การใส+เส�ยงใน Frame เป็�นการบอกว+าให็�เล+นเส�ยงเมู$,อมู�การเป็>ด้ Flash
Movie มูาถง Frame ทึ�, เราก3า ห็นด้ เช+น เราต้�องการให็�เส�ยงด้ งข้%นใน Animation ข้องเรา
ซี,งการใส+ไฟล'เส�ยงไว�ใน Frame น %นจะต้�องทึ3าการ Insert Keyframe
ลงไป็ใน Frame ทึ�,เราต้�องการให็�เล+นเส�ยง จากน %นจงเป็�นการก3าห็นด้ไฟล'เส�ยงทึ�,จะให็�เล+นทึ�, Frame น %น ซี,งมู�ข้ %นต้อนด้ งน�%
1. สร�าง Animation ห็ร$อ เป็>ด้ Animation เด้�มูทึ�,เราเคยสร�างไว�2. สร�าง Layer ข้%นมูาให็มู+ โด้ยเล$อก Insert Layer ห็ร$อ คล�ก
เมูาส'ทึ�, เพื้$,อก3าห็นด้ให็�เล+นไฟล'เส�ยงใน Layer น�%3. เล$อกช+อง Frame ทึ�,ต้�องการใส+เส�ยงใน Layer ทึ�,เราสร�าง แล�ว
เล$อก Insert Keyframe ห็ร$อคล�กเมูาส'ทึ�,ป็�<มูข้วาใน Frame ทึ�,ต้�องการเล$อก Insert Keyframe
4. ทึ3าการ Import ไฟล'เส�ยงเข้�ามูาใน Library ก+อน โด้ยเล$อก File
Import แล�วเล$อกไฟล'เส�ยงทึ�,ต้�องการ คล�กป็�<มู Open
5. เมู$,อเราทึ3าการ Import เส�ยงเข้�ามูาแล�ว ให็�เราทึ3าการเพื้�,มูเส�ยงลงได้�โด้ยไป็ทึ�,ห็น�าต้+าง ๆ Properties ทึ�,ช+อง Sound คล�กเมูาส'ทึ�,ป็�<มู แ ล� วเล$อกเพื้ลงทึ�,เราต้�องการ
6. เราจะส งเกต้ได้�ว+า ไฟล'เส�ยงถ�กส ,งให็�เล+นใน Frame ทึ�,เราก3าห็นด้ไว� ทึ ด้ ส อ บ โ ด้ ย ก ด้ <Enter> ห็ ร$อ Control Test Movie ห็ ร$อ ก ด้ <Ctrl+Enter>
การลุ่บเส�ยงท�"ก'าห์นดัไวิ�ใน Frame
เราสามูารถส งเกต้ได้�ว+า Frame ทึ�,มู�ไฟล'เส�ยงอย�+น %น จะมู�ร�ป็ อย�+ทึ�, ช+อง Frame ซี,งเราสามูารถลบเส�ยงทึ�,ก3าห็นด้ไว�ได้�โด้ยว�ธุ�ด้ งต้+อไป็น�%
1. เล$อก Frame ทึ�,มู�เส�ยงทึ�,เราต้�องการลบออก
2. เล$อก Insert Clear Keyframe ห็ร$อ คล�กเมูาส'ป็�<มูข้วาเล$อก Clear Keyframe ส งเกต้ได้�ว+าเส�ยงทึ�,เราเพื้�,มูใน Frame ห็ายไป็
การใส�เส�ยงในป�6มกดัเราคงเคยได้�ย�นเวลากด้ป็�<มูแล�วมู�เส�ยงด้ งข้%น ซี,งว�ธุ�การใส+เส�ยงลงไป็ใน
ป็�<มูกด้น %นจะคล�ายก บการใส+เส�ยงลงใน Frame โด้ยห็ล งจากทึ�,เราได้�สร�างป็�<มูกด้แล�ว ให็�ทึ3าการ Insert Keyframe ลงในสถานะ HIT ข้องป็�<มูกด้น %น เพื้$,อทึ3าให็�เก�ด้เส�ยงเวลาทึ�,เราคล�กป็�<มูกด้ ด้ งข้ %นต้อนต้+อไป็น�%
1. สร�างห็ร$อ Import ว ต้ถ�ข้%นมูา ทึ�,จะใช�เป็�นป็�<มูกด้ จากน %นทึ3าการ Import เส�ยงทึ�,เราต้�องการใส+เข้�ามูาใน Library
2. เล$อก Insert Convert Symbol เล$อก Botton เพื้$, อแป็ลงว ต้ถ�น %นเป็�นป็�<มูกด้
3. ด้ บเบ�%ลคล�กทึ�, Button ทึ�,เราสร�างข้%น ส งเกต้ได้�ว+า Frame ข้องเราจะแสด้งสถานะต้+าง ๆ ข้องป็�<มู ได้�แก+ Up, Over, Down และ Hit
ด้ งร�ป็
4. Selection ทึ�,สถานะ Over แล�วเล$อก Insert Keyframe
แล�วทึ3าอย+างน�%ทึ�กช+อง ห็ร$อในช+องทึ�,เราต้�องการจะใช�ก4ได้� เพื้$,อทึ�,จะน3าว ต้ถ�ห็ร$อเส�ยงเข้�าไป็ในสถานะเห็ล+าน %นได้�
5. เล$อก Frame ทึ�,สถานะ Over แล�วเป็ล�,ยนส� ซี,งจะทึ3าให็�เมู$,อเวลาทึ�,เราน3าเมูาส'วางทึ�,ป็�<มูกด้ ป็�<มูกด้น %นจะเป็ล�,ยนส� โด้ยเราจะเป็ล�,ยนส�ในสถานะอ$,น ๆ ด้�วย
6. คล�กเมูาส'ทึ�, Frame ในสถานะ HIT เล$อกเมูน� File Import
เพื้$,อเล$อกเส�ยงทึ�,เราต้�องการน3าเข้�ามูาไว�ในสถานะ Hit
7. ไป็ทึ�,ห็น�าต้+าง Properties ทึ�,ช+อง Sound เล$อกเส�ยงทึ�,เราน3าเข้�ามูา
8. ทึด้สอบโด้ยกด้ป็�<มู <Enter> ห็ร$อเล$อกทึ�, Control Test
Movie ห็ร$อกด้ <Ctrl +Enter>
เราสามูารถลากป็�<มูทึ�,เราสร�างจากห็น�าต้+าง Library มูาวางได้� โด้ยไมู+ต้�องสร�างให็มู+ และเมู$,อคล�กเมูาส'ก4จะมู�เส�ยงข้%นมูา
การใชี�ห์น�าต�าง Properties ก�บเส�ยงเมู$,อมู�การ Import เส�ยงเข้�ามูา เส�ยงจะถ�กเก4บไว�ทึ�,ห็น�าต้+าง Library
ซี,งเราสามูารถลากไฟล'เส�ยงไป็ไว�ทึ�, Frame ทึ�,ต้�องการได้� ห็ร$อใช�ห็น�าต้+าง Properties ในการเล$อกเส�ยงเพื้$, อใส+ใน Frame ก4ได้� นอกจากน %นเราย งก3าห็นด้การวนรอบข้องเส�ยง ป็ร บแต้+งเส�ยง และจ ด้การเส�ยงในร�ป็แบบต้+าง ๆ ทึ�,เราต้�องการ
การปร�บแต�งเส�ยงดั�วิย Edit Envelope
Edit Envelope เป็�นห็น�าต้+างทึ�,ใช�ส3าห็ร บการป็ร บแต้+งเส�ยง และช+วยในการสร�างเอฟเฟ�คให็�ก บเส�ยง โด้ยเราสามูารถก3าห็นด้ความูด้ งและความูค+อยข้องเส�ยงในแต้+ละช+วงได้� ห็ร$อจะให็�เส�ยงด้ งสล บแต้+ละด้�านข้องล3าโพื้งก4ได้�
ซี,งเราสามูารถทึ�,จะทึ3าการเป็>ด้ห็น�าต้+าง Edit Envelope ได้�โด้ยการ คล�กเมูาส'ทึ�,ป็�<มู Edit ทึ�,ห็น�าต้+าง Properties
Stop ห็ย�ด้เส�ยงทึ�,เล+นPlay เล+นเส�ยงโด้ยจะเป็�นไป็ต้ามูทึ�,เราป็ร บแต้+งเอาไว�Zoom In ใช�ข้ยายภาพื้ข้องความูถ�,เส�ยงทึ3าให็�เข้�าไป็แก�ไข้ราย
ละเอ�ยด้ได้�ง+ายข้%นZoom Out ใช�ย+อภาพื้ความูถ�,เส�ยงSecond เป็ล�,ยนห็น+วยความูยาวข้องเส�ยงทึ�,แสด้งเป็�นว�นาทึ�Frame เป็ล�,ยนห็น+วยความูยาวข้องเส�ยงทึ�,แสด้งเป็�น Frame
Effect เป็�นการก3าห็นด้เอ4ฟเฟ�คในการเล+นเส�ยง ซี,งมู�ต้ วเล$อกต้+าง ๆ ด้ งน�%
- Left Channel ให็�เส�ยงออกล3าโพื้งซี�าย
- Right Channel ให็�เส�ยงออกล3าโพื้งข้วา
- Fade Left to Right เป็�นการไล+เส�ยงจากล3าโพื้งซี�ายไป็ข้วา
- Fade Right to Left เป็�นการไล+เส�ยงจากล3า โพื้งข้วาไป็ซี�าย
- Fade In ให็�เส�ยงค+อย ๆ ด้ งข้%นเร$,อย ๆ- Fade Out ให็�เส�ยงค+อย ๆ เบาลงเร$,อย ๆ
Custom ให็�เราป็ร บเส�ยงเอง ซี,งเราสามูารถป็ร บแต้+งเส�ยงเองได้�ไมู+ยาก โด้ยเมู$,อเราด้ บเบ�%ลคล�กทึ�,ห็น�าต้+างความูถ�, จะมู� (Time Control) เพื้�,มูข้%นให็�เราป็ร บแต้+งเส�ยงได้�
แผู้นการจั�ดัก�จักรรมการเร�ยนร��กล�+มูสาระการเร�ยนร� �การงานอาช�พื้และเทึคโนโลย�
ช$,อห็น+วย การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX)
แผู้นการเร�ยนร� �ทึ�, 13 เร$,อง การเผู้ยแพื้ร+ Flash Movie เวลา 2 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………
1 มาตรฐานการเร�ยนร�� ง 4.1
เข้�าใจและเห็4นค�ณค+าข้องการใช�เทึคโนโลย�สารสนเทึศึในการเร�ยนร� �และการใช�ในช�ว�ต้ป็ระจ3าว น การใช�ความูค�ด้สร�างสรรค' การแก�ไข้ป็6ญห็าในการทึ3างาน และการสร�างงานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ป็ระส�ทึธุ�ผู้ลและมู�ค�ณธุรรมูในการทึ3างาน
2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถเผู้ยแพื้ร+ผู้ลงานได้�
3. สาระการเร�ยนร��1. ว�ธุ�การ Publish
2. การ Publish เป็�น Flash Movie
3. การ Publish เป็�นไฟล' HTML
4. การ Publish เป็�นไฟล' GIF
5. การ Publish เป็�นไฟล' JPEG
6. การ Publish เป็�นไฟล' PNG
7. การ Publish เป็�นไฟล' Quick Time
9. การ Export Movie และ Export Image
4. สาระท�"น'ามาบ�รณาการ-
5. กระบวินการจั�ดัการเร�ยนร��ขั้�!นท�" 1 น'าเขั้�าส��บทเร�ยน
ห์น�วิยท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า (นาท�
)ห์น�วิยท�" 13 การเผู้ยแพร� Flash Movie
ตอนท�" 13.1 การ Publish
ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อ ธุ� บ า ย เ ก�, ย ว ก บ ก า ร
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 13
30
Publish- ผู้�� สอนบอกกล+ าวก บน กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% น กเร�ยนจะต้�องร� �จ กการ Publish ไ ฟ ล' Flash
เป็�นไฟล'ป็ระเภทึต้+ าง ๆ ด้ งน�%
1. Flash Movie2. HTML3. GIF4. JPEG5. PNG6. Quit Time
- นอกจากน�% น กเร�ยนย งจะต้�องสามูารถ Export
file ได้�ด้�วย- น กเร�ยนร บภาระงาน
เร$, อง การ เผู้ยแพื้ร+ Flash Movie - ใ บ ค ว า มู ร� � ทึ�, 13
เร$,อง การเผู้ยแพื้ร+“ Flash Movie”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
ขั้�!นท�" 2 ประกอบก�จักรรมการเร�ยนการสอนตอนท�" ก�จักรรม ส,"อท�"ใชี� เวิลุ่า
(นาท�)
ห์น�วิยท�" 13 การเผู้ยแพร� Flash Movie
ตอนท�" 13.1 การ Publish
น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 13 เร$,องการเผู้ยแพื้ร+ Flash Movie เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX
- ผู้��สอนเร�,มูอธุ�บายถงค ว า มู ห็ มู า ย ข้ อ ง ก า ร Publish แบบต้+าง ๆ - ผู้��สอนให็�น กเร�ยนสร�าง
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 13
เร$, อง การ เผู้ยแพื้ร+ Flash Movie - ใ บ ค ว า มู ร� � ทึ�, 13
เร$,อง การเผู้ยแพื้ร+“ Flash Movie”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
50
File Flash ทึ�, เ ป็� น ภ า พื้เคล$,อนไห็ว ข้%นมูา 1 อย+าง เพื้$, อทึ3า การ Export ให็�เป็�น Flash Movie
- น ก เ ร� ย น ส า มู า ร ถ Export ไฟล'ออกไป็วางไว�ทึ�, ห็น� าจอ Desktop ได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'
ขั้�!นท�" 4 ขั้�!นสร�ป
ตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า(นาท�
)ตอนท�" 13.1 การ Publish
- การ Publish เป็�น Flash Movie- การ Publish เป็�น HTML- การ Publish เป็�น ไฟล' GIF
- การ Publish เป็�น ไฟล' JPEG- การ Publish เป็�น ไฟล' PNG- การ Publish เป็�น ไฟล' Quit Time- การ Export Movie
และ Export Image
- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 13
เร$, อง การ เผู้ยแพื้ร+ Flash Movie - ใ บ ค ว า มู ร� � ทึ�, 13
เร$,อง การเผู้ยแพื้ร+“ Flash Movie”- คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX
20
ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 5 กล�+มู เพื้$,อสร�ป็เก�,ยวก บการ Publish
ไฟล'แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนกล�+มูออกมูารายงานห็น�าช %นเร�ยน ผู้��สอนเป็�นผู้��สร�ป็ป็>ด้ทึ�าย ใช�เวลา 20 นาทึ�การ Publish เป็�น Flash Movie
1. การ Publish เป็�น HTML
2. การ Publish เป็�น ไฟล' GIF
3. การ Publish เป็�น ไฟล' JPEG
4. การ Publish เป็�น ไฟล' PNG
5. การ Publish เป็�น ไฟล' Quit Time
6. ภาระงานท�" 13
ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' การน3าเสนองาน
7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย
(Flash MX ))7.2 ใบความูร� �ทึ�, 13 เร$,อง การเผู้ยแพื้ร+ “ Flash Movie”
7.3 เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX
8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx
โด้ย ย�ทึธุช ย ร�จ�รว�มูล
9. ห์ลุ่�กฐานการเร�ยนร��ผู้ลงานทึ�,น กเร�ยน Export ออกมูาวางไว�ทึ�,ห็น�าจอ Desktop
10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 13 เร,"อง การน'าเสนองาน
ทึ�, ป็ระเด้4นการป็ระเมู�นผู้ลการป็ระเมู�น
ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถน3าไฟล'งานทึ�,สร�าง
ข้%น ออกไป็วางไว�ทึ�,ห็น�าจอ Desktop ได้�
2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน
11. สร�ปผู้ลุ่การเร�ยนร��ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย
12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวิ�ชีาคอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (Flash MX))
จั'านวิน 40 ชี�"วิโมง
ใบควิามร��ท�" 13
การเผู้ยแพร� Flash Movie
แผู้นการสอนท�" 12
จั�ดัประสงค�ปลุ่ายทางน กเร�ยนสามูารถเผู้ยแพื้ร+ผู้ลงาน โด้ยการ Publish ได้�
จั�ดัประสงค�น'าทาง1. สามูารถทึ3าการ Publish
2. การ Publish เป็�นไฟล'ต้+าง ๆ 3. การ Export Movie และ Export Image
เน,!อห์าการ Publish
ห็ล งจากทึ�,เราสร�างงานเสร4จแล�ว เราก4สามูารถน3างานไป็เผู้ยแพื้ร+ได้� ซี,ง Flash สามูารถจะแป็ลงงาน (Publish) งานเราออกมูาได้�ห็ลายร�ป็แบบ ข้%นอย�+ก บล กษณะงานทึ�,เราจะใช� นอกจากน %นเราย งสามูารถก3าห็นด้ค�ณสมูบ ต้�ต้+าง ๆ ข้องช�%นงานเราได้�ด้�วย เราสามูารถเข้�าไป็ Publish ช�%นงานข้องเราได้�โด้ย เล$อกไป็ทึ�, File Publish Settings
จากแทึ4บ Formats เราจะเห็4นได้�ว+า Flash สามูารถจะแป็ลงไฟล'ข้องเราออกเป็�นชน�ด้ต้+าง ๆ ได้� แล�วย งมู�แทึ4บเก�,ยวข้�องก บไฟล'ทึ�,เราต้�องการแป็ลงอ�กด้�วย ซี,งไฟล'ต้+าง ๆ เห็ล+าน�%มู�ล กษณะการใช�งานทึ�,แต้กต้+างก น ซี,งนอกจากแทึ4บ Formats แล�ว ในแต้+ละแทึ4บจะเป็�นการก3าห็นด้ค�ณสมูบ ต้�ต้+าง ๆ ข้องไฟล'ทึ�,เราต้�องการจะแป็ล ได้� แก+ Flash , HTML , GIF , JPEG , PNG และ Quick Time เป็�นต้�นการ Publish เป:น Flash Movie
การ Publish เป็�น Flash Movie ไฟล'ข้อง Flash น�%จะมู�นามูสก�ลเป็�น (*.swf) ห็ร$อทึ�,เราเร�ยกเต้4มู ๆ ว+า Shockwave Flash นอกจากน %นเราย งสามูารถป็?องก นไมู+ให็�คนอ$,นน3าไฟล'ข้องเราไป็แก�ไข้ห็ร$อทึ3าการเป็ล�,ยนแป็ลงโด้ยไมู+ได้�ร บอน�ญาต้ด้�วย ซี,งรายละเอ�ยด้ต้+าง ๆ มู�ด้ งน�%
การ Publish เป:นไฟ้ลุ่� HTML
การแป็ลงงานเป็�นห็น�าเว4บเพื้จ จะ Publish ออกมูาได้� 2 นามูสก�ล ค$อ (*.html) ก บ (*.swf) โด้ยทึ %ง 2 นามูสก�ลน�%จะทึ3างานร+วมูก นและให็�ผู้ลเห็มู$อนการทึ3างานบน Flash ห็มูายความูว+าเราจะได้�ไฟล' 2 ไฟล'น�% ค$อ ไฟล'นามูสก�ล (*.html) ก บ (*.swf) ซี,งต้�องใช�ทึ %ง 2 ไฟล'น�% Upload
ข้%นไป็ทึ�,เซี�ร'ฟเวอร'จงจะใช�ได้�
การ Publish เป:นไฟ้ลุ่� GIF
(*gif) เป็�นไฟล'ภาพื้ทึ�,มู กถ�กน3ามูาใช�ทึ3าภาพื้เคล$,อนไห็วป็ระกอบเว4บเพื้จ มู�พื้$%นห็ล งโป็ร+งใส (Transparent) และมู�ข้นาด้เล4ก ซี,งบางคร %งเราต้�องใช�ไฟล' GIF น�%ในการแสด้งภาพื้เคล$,อนไห็วแทึน Flash Movie เน$,องจากบราวเซีอร'ข้องผู้��ชมูบางทึ�อาจไมู+ได้�ต้�ด้ต้ %ง Plug-In ข้อง Shockwave
Flash ซี,งเราสามูารถก3าห็นด้ให็�แสด้งเป็�นไฟล' GIF แทึนได้�
การ Publish เป:นไฟ้ลุ่� JPEG
(*.jpg) เป็�นไฟล'ภาพื้ทึ�,มู�ความูน�ยมูมูาก เน$, องจากมู�ข้นาด้เล4กและรองร บส�ได้�มูาก จงทึ3าให็�ภาพื้ทึ�,ได้�มู�ความูสมูจร�ง และเห็มูาะก บภาพื้ทึ�,มู�การใช�ส�จ3านวนมูาก เช+น ภาพื้ถ+าย แต้+เราไมู+สามูารถน3าภาพื้ JPEG มูาสร�างเป็�นภาพื้เคล$,อนไห็วได้�
การ Publish เป:นไฟ้ลุ่� PNG
(*.png) เป็�นไฟล'ภาพื้ Bitmap ชน�ด้ห็น, งทึ�,มู�ล กษณะโป็ร+งใส สามูารถใช�ก บโป็รแกรมู Macromedia Fireworks และอ�กห็ลาย ๆ โป็รแกรมูทึ�,ต้บแต้+งกราฟ>ก
การ Publish เป:นไฟ้ลุ่� Quick Time
(*.mov) เป็�นไฟล'ภาพื้เคล$,อนไห็วชน�ด้ห็น,ง ซี,งเราสามูารถจะฝั6นลงใน HTML ได้�ด้�วย โด้ยผู้��ใช�ทึ�,ต้�องการเป็>ด้ไฟล'น�%จะต้�องมู�โป็รแกรมู Quick
Time Player ด้�วย แต้+มู�ข้�อเส�ย ค$อ Quick Time จะมู�ข้นาด้ให็ญ+มูากกว+า Flash มูาก
การ Export Movie แลุ่ะ Export Image
การใช�ค3าส ,ง Export น�% เป็�นการน3า Flash Movie เพื้$,อน3าไป็เผู้ยแพื้ร+ผู้ลงาน ซี,งเห็มู$อนก บการ Publish แต้+ต้+างก นต้รงทึ�,การ Publish น�%จะเก4บค+าต้+าง ๆ ทึ�,เราก3าห็นด้ไว�ใน Publish Setting แต้+การ Export น %น จะให็�เราต้ %งค+าทึ�กคร %งทึ�,ทึ3าการ Export งานออกไป็ ทึ3า ได้�โด้ยเล$อก File > Export Movie
ส�วินประกอบ ค'าอธิ�บายExport Movie
Export Image
เป็�นการ Export โด้ยเน�นทึ�, Movie เป็�นห็ล ก เช+น Quick
Time, Windows AVI, GIF Animation แ ล ะ SWF
เป็�นต้�นเป็�นการ Export ร�ป็ภาพื้ ห็ร$อ Graphic ทึ�,เป็�นภาพื้น�,ง ซี,งรวมูไป็ถงภาพื้แบบ Vector, Bitmap และ JPEG เป็�นต้�น
ขั้�!นท�" 5 การจั�ดัสภาพแวิดัลุ่�อม1. วิ�เคราะห์�กายภาพ
1.1 สภาพภายในห์�องเร�ยน ห็�องเร�ยนต้�องมู�ความูเป็�นระเบ�ยบเร�ยบร�อย ไมู+มู�ข้ยะมู�ลฝัอย แสงสว+างควรจะเพื้�ยงพื้อ ห็�องคอมูพื้�วเต้อร'ต้�องมู�การต้�ด้ต้ %งเคร$,องป็ร บอากาศึให็�มู�ความูเย4นเพื้�ยงพื้อ เพื้$,อไมู+ทึ3าให็�เคร$,องคอมูพื้�วเต้อร'ร�อนมูากเก�นไป็ และภายในห็�องเร�ยนควรมู�การต้�ด้ป็?ายน�เทึศึป็ระกอบการเร�ยนการสอนเพื้$,อให็�น กเร�ยนมู�ความูร� �เพื้�,มูเต้�มู ไมู+มู�ถ งข้ยะภายในห็�องเร�ยน เพื้ราะจะทึ3าให็�มู�กล�,นอ บ
1.2 สภาพเค ร," องคอม พ�วิ เตอร�แลุ่ะอ� ปก ร ณ� เค ร$, องคอมูพื้�วเต้อร'ภายในห็�องเร�ยนควรมู�เพื้�ยงพื้อต้+อการใช�งานข้องน กเร�ยน อาจจะใช�เคร$,องละ 1 คน ห็ร$อ 2 คนต้+อเคร$,อง ข้%นอย�+ก บงบป็ระมูาณข้องแต้+ละโรงเร�ยน และเมู$,อเคร$,องมู�ป็6ญห็า ควรร�บแก�ไข้เพื้$,อน กเร�ยนจะได้�ใช�งานอย+างมู�ป็ระส�ทึธุ�ภาพื้ ส+วนอ�ป็กรณ'อ$,น ๆ เช+น โทึรทึ ศึน' , ไมูโครโฟน และเคร$,องข้ยายเส�ยงจะมู�ห็ร$อไมู+ก4ต้ามูความูเห็มูาะสมู
2. วิ�เคราะห์�ส�งคม2.1 สภาพการเร�ยนการสอน การเร�ยนการสอนภายใน
ห็�องเร�ยนควรเน�นให็�น กเร�ยนป็ฏิ�บ ต้�ด้�วยต้นเองมูากทึ�,ส�ด้ และในบางกรณ�ทึ�,อ�ป็กรณ'มู�ป็6ญห็า ควรต้�ด้ต้+อฝั<ายช+างเพื้$,อซี+อมูบ3าร�ง ห็ร$อการข้อเบ�กอ�ป็กรณ'จากฝั<ายพื้ สด้�
2.2 การแต�งกายขั้องคร�ผู้��สอน คร�ผู้��สอนมู�ความูส3าค ญต้+อระบบการเร�ยนการสอนเป็�นอย+างมูาก ด้ งน %น คร�ต้�องแต้+งกายส�ภาพื้เร�ยบร�อย ส�ภาพื้สต้ร�ควรใส+รองเทึ�าห็��มูส�น ไมู+สวมูเส$%อผู้�าทึ�,ร ด้เน�นทึรวด้ทึรง และไมู+สวมูกระโป็รงทึ�,ส %นเก�นไป็ ส�ภาพื้บ�ร�ษ ไมู+สวมูเส$%อย$ด้เข้�าทึ3าการสอน และไมู+ป็ล+อยชายเส$%อออกนอกกางเกง กรณ�สวมูเส$%อเช�Gต้
3. วิ�เคราะห์�จั�นตภาพ3.1 ลุ่�กษณะท�าทางขั้องคร� นอกจากการแต้+งกายข้องคร�ผู้��
สอนแล�ว ส�,งห็น,งทึ�,ส3าค ญต้+อน กเร�ยนค$อ การใช� ค3าพื้�ด้ทึ�,ส�ภาพื้ต้+อน กเร�ยน ไมู+พื้�ด้ค3าห็ยาบคายต้+อน กเร�ยน เมู$,อน กเร�ยนทึ3าผู้�ด้
ควรให็�ค3าแนะน3าทึ�,ถ�กต้�อง และให็�ความูส3าค ญก บน กเร�ยนเทึ+าเทึ�ยมูก น ไมู+ล3า เอ�ยง เมู$, อน กเร�ยนทึ3า ได้�ด้� ควรมู�การให็�รางว ลเป็�นการสร�างข้ว ญและก3า ล งใจแก+น กเร�ยน พื้ร�อมูทึ %งสร�างค�ณธุรรมูและศึ�ลธุรรมูแก+น กเร�ยน
3.2 ลุ่�กษณะท�าทางขั้องผู้�� เร�ยน น กเร�ยนควรแต้+งกายเร�ยบร�อย เคารพื้ คร� อาจารย' ทึ�,สอน และป็ฏิ�บ ต้�ต้ามูกฎีระเบ�ยบ–
การใช�ห็�องอย+างเคร+งคร ด้ และไมู+ใช�ค3าทึ�,ไมู+ส�ภาพื้ต้+อเพื้$, อน มู�ความูร บผู้�ด้ชอบต้+องานทึ�,ได้�ร บมูอบห็มูาย
แบบประเม�นการน'าเสนอชี�!นงานประเดั2นการ
ประเม�นการส$,อสาร การน3าเสนอ ความูพื้ร�อมูใน
การน3าเสนอรวมู
กลุ่��มท�" 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน
12345678
(ลงช$,อ)……………………………………………….ผู้��ป็ระเมู�น
(……………………………………………..)
เกณฑ์�การให์�คะแนนการพ�ดัน'าเสนอชี�!นงาน (10 คะแนน)ป็ระเด้4นการป็ระเมู�น
5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน
การส$,อสาร พื้�ด้อย+างมู ,นใจ น3%าเส�ยงช ด้เจน ถ�กต้�องต้ามูห็ล กการออกเส�ยง แบ+งวรรคต้อนได้�ถ�กต้�อง ทึ3าให็�ส$,อความูห็มูายได้�ถ�กต้�อง
พื้�ด้ช ด้เจน มู�ผู้�ด้พื้ลาด้ด้�านการออกเส�ยงและแบ+งวรรคต้อนไมู+ถ�กต้�องแต้+สามูารถส$,อความูได้�
มู�ทึ�,ผู้�ด้พื้ลาด้ด้�านการออกเส�ยงห็ลายแห็+ง
วรรคต้อนไมู+ถ�กต้�องทึ3าให็�มู�ป็6ญห็าในการส$,อความู
พื้�ด้ราบเร�ยบไมู+มู�เส�ยงเน�นห็น กในค3าแบ+งวรรคต้อนไมู+ถ�กต้�อง
ทึ3าให็�ส$,อความูไมู+ช ด้เจน
พื้�ด้เห็มู$อนอ+าน ออกเส�ยงผู้�ด้มูาก ส$,อความูไมู+ได้�
การน3าเสนอ- -
ล�ลาการพื้�ด้น+าสนใจ
เน$%อห็าสาระมู�แนวค�ด้ทึ�,เป็�นป็ระโยชน'มู�ส$,ออ�ป็กรณ'พื้ร�อมู
ไมู+มู�ล�ลาการพื้�ด้ เน$%อห็ามู�แนวค�ด้อย�+บ�าง มู�ส$,ออ�ป็กรณ'ป็ระกอบการพื้�ด้ แต้+ไมู+สอด้คล�องก บการน3าเสนอ
ไมู+มู�ล�ลาในการพื้�ด้ไมู+มู�แนวค�ด้ข้าด้อ�ป็กรณ'ป็ระกอบการพื้�ด้
ความูพื้ร�อมูในการน3าเสนอ - - -
การน3าเสนอราบร$,นมู�การเต้ร�ยมูความูพื้ร�อมู
การน3าเสนอไมู+ราบร$,น
ข้าด้การเต้ร�ยมูความู
ล+วงห็น�าและสมูาช�กมู�ส+วนร+วมู ในการใช�ภาษาเพื้$,อน3าเสนอ
พื้ร�อมู สมูาช�กไมู+ได้�น3าเสนอทึ�กคน
แบบประเม�นค�ณภาพขั้องชี�!นงานประเดั2นการ
ประเม�นความูยากง+าย
ข้องช�%นงาน
ความูค�ด้สร�างสรรค'
ความูป็ระณ�ต้ รวมู
กลุ่��มท�" 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน
12345678
(ลงช$,อ)……………………………………………….ผู้��ป็ระเมู�น
(……………………………………………..)
เกณฑ์�การให์�คะแนนค�ณภาพชี�!นงาน (10 คะแนน)ป็ระเด้4นการป็ระเมู�น
5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน
ความูยากง+ายข้องช�%นงาน
ช�%นงานมู�ความูซี บซี�อน
มู�รายละเอ�ยด้มูาก
มู�ห็ล กฐานแสต้งถงการห็าข้�อมู�ลจากแห็ล+ง
เร�ยนร� �ทึ�,ห็ลากห็ลาย
ช�%นงานมู�ความูซี บซี�อน แต้+ย งข้าด้รายละเอ�ยด้เทึ+าทึ�,ควร มู�ห็ล กฐานการห็าข้�อมู�ลจากแห็ล+งทึ�,ห็ลากห็ลาย
ช�%นงานไมู+ซี บซี�อนไมู+มู�รายละเอ�ยด้เทึ+าทึ�,ควร มู�ห็ล กฐานการค�นคว�าจากแห็ล+งมู�ลเพื้�ยงแห็ล+งเด้�ยว
ช�%นงานข้าด้รายละเอ�ยด้ทึ�,น+าสนใจถงแมู�จะมู�ห็ล กฐานการค�นคว�าจากแห็ล+งข้�อมู�ล
เป็�นช�%นงานง+าย ๆ ทึ�,ค ด้ลอกจากแห็ล+งข้�อมู�ล
ความูค�ด้สร�างสรรค' - -
เป็�นช�%นงานทึ�,แสด้งถงความูค�ด้ทึ�,พื้ยายามูสร�างสรรค'งานให็มู+ ๆ
เป็�นช�%นงานทึ�,แสด้งถงการป็ร บป็ร�ง
ด้ ด้แป็ลงจากช�%นงานทึ ,วไป็
เป็�นช�%นงานทึ�,เห็มู$อนก บต้ วอย+างห็ร$อค ด้ลอกผู้ลงานทึ ,วไป็
ความูป็ระณ�ต้- - -
มู�ความูป็ระณ�ต้
ต้กแต้+งสวยงามูมู�การต้กแต้+ง แต้+ข้าด้ความูป็ระณ�ต้
แบบประเม�นการท'างานกลุ่��มประเดั2นการ
ประเม�นความูร+วมูมู$อ ข้ %นต้อนการ
ทึ3างานห็น�าทึ�,ร บผู้�ด้ชอบ รวมู
กลุ่��มท�" 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน
12345678
(ลงช$,อ)……………………………………………….ผู้��ป็ระเมู�น
(……………………………………………..)
เกณฑ์�การให์�คะแนนการท'างานกลุ่��ม (10 คะแนน)
ป็ระเด้4นการป็ระเมู�น
5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน
ความูร+วมูมู$อ ทึ�กคนร บผู้�ด้ข้อบในห็น�าทึ�,ทึ�,ได้�ร บมูอบห็มูาย ช+วยเห็ล$องานนอกเห็น$อห็น�าทึ�,ด้� การป็ระสานงานในกล�+มูด้�
ทึ�กคนร บผู้�ด้ชอบห็น�าทึ�,ทึ�,ได้�ร บมูอบห็มูายแต้+ข้าด้การช+วยเห็ล$อผู้��อ$,น การป็ระสานงานในกล�+มูบกพื้ร+อง
บางคนร บผู้�ด้ชอบในห็น�าทึ�, ข้าด้การช+วยเห็ล$อผู้��อ$,น การป็ระสานงานในกล�+มูบกพื้ร+อง
ส+วนมูากไมู+ร บผู้�ด้ชอบงานข้าด้การป็ระสานงานในกล�+มู
ทึ�กคนทึ3างานทึ�,ได้�ร บมูอบห็มูายเทึ+าน %นข้าด้การป็ระสานงานกล�+มู
ข้ %นต้อนการทึ3างาน - -
ก3าห็นด้ข้ %นต้อนซี ด้เจน เห็4นภาพื้การทึ3างานต้ลอด้แนว มู�ความูส3าเร4จข้องงานทึ�,เห็4นได้�ซี ด้เจน
ก3าห็นด้ข้ %นต้อนช ด้เจน แต้+ข้าด้ความูสมูบ�รณ'ข้องงานบางส+วน
ข้ %นต้อนข้องงานไมู+ช ด้เจนทึ3าให็�เก�ด้ความูข้ ด้ข้�องในกากทึ3างาน
ห็น�าทึ�,ร บผู้�ด้ชอบ- - -
ทึ�กคนได้�ร บมูอบห็น�าทึ�,/ภาระงานต้ามู
ทึ�กคนได้�ร บมูอบห็น�าทึ�,/ภาระงานแต้+
ความูเห็มูาะสมู และป็ฏิ�บ ต้�งานอย+างเต้4มูความูสามูารถ ทึ3าให็�งานเสร4จสมูบ�รณ'
ทึ3างานไมู+เต้4มูความูสามูารถ งานเสร4จไมู+สมูบ�รณ'