แผนการสอน Flash mx

การออกแบบการสอนระดั�บบทเร�ยนกลุ่��มสาระการเร�ยนร��การงานอาชี�พแลุ่ะเทคโนโลุ่ย�

วิ�ชีา คอมพ�วิเตอร� (การสร�างงานแบบม�ลุ่ต�ม�เดั�ย (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 เร$,อง ทึ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าผู้�ด้ลงไป็ในใบงาน


- ผู้��สอนแจกใบความูร� � เ ร$, อง ทึ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 ขั้�!นสร�ปตอนท�" เร,"องท�"สร�ป ส,"อท�"ใชี� เวิลุ่า

(นาท�)


- สาเห็ต้�ทึ�,ข้นาด้ข้อง Flash มู�ข้นาด้เล4กกว+าแฟ?มูทึ ,วไป็- ความูต้�องการข้องระบบ Flash MX

- ใบความูร� �ทึ�, 1 เร$,อง ทึ3าความูร� �จ กก บ “

Flash MX”

5


- เข้�าส�+โป็รแกรมู 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 > จะเป็�นการส�%นส�ด้การใช�งานโป็รแกรมู



ภาระงานท�" 1เร,"อง ควิามแตกต�างระห์วิ�างภาพ Bitmap แลุ่ะ ภาพ Vector

ช$,อ…………………………………………

นามูสก�ล เลข้ทึ�,…………………………………… …………………..

ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………

พื้.ศึ……………………………….

1. ให็�น กเร�ยนอธุ�บายถงล กษณะข้องภาพื้ Bitmap พื้ร�อมูบอกข้�อด้� และ ข้�อเส�ย ข้องภาพื้ Bitmap ด้�วย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

2. ให็�น กเร�ยนอธุ�บายถงล กษณะข้องภาพื้ Vector พื้ร�อมูบอกข้�อด้� และ ข้�อเส�ย ข้องภาพื้ Vector ด้�วย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. ให็�น กเร�ยนอธุ�บายความูแต้กต้+างระห็ว+างภาพื้ Bitmap และ ภาพื้ Vector……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………………



แผู้นการเร�ยนร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้องโป็รแกรมู Flash MX เวลา 2

ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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 ไฟล'แบบต้+อเน$,อง


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


ฐานเบ$%องต้�นข้อง 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 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash เพื้$,อให็�น กเร�ยนได้�ศึกษาป็ระกอบค3าอธุ�บาย- ผู้��สอนให็�น กเร�ยนจ บค�+เพื้$,อช+วยก นศึกษาเก�,ยวก บแถบค3าส ,ง , แถบเคร$,องมู$อ , กล+องเคร$,องมู$อ ,


ฐานเบ$%องต้�นข้อง Flash MX”

15



เส�นเวลา ว+าแต้+ละอย+างมู�ห็น�าทึ�,การทึ3างานอย+างไรบ�าง- ผู้��สอนให็�น กเร�ยนแต้+ละค�+เข้�าส�+โป็รแกรมู Flash

MX เพื้$,อเข้�าไป็ศึกษาส�,งทึ�,ต้�องการ พื้ร�อมูทึ %งด้�ใบความูร� �ป็ระกอบ- จากน %นผู้��สอนจะต้�องทึ3าการเล$อกน กเร�ยนข้%นมูาถามูความูเข้�าใจเก�,ยวก บเคร$,องมู$อทึ�,ใช�ใน Flash

MX 4 – 5 คน ถ�าน กเร�ยนคนใด้คนห็น,งต้อบค3าถามูไมู+ได้� ผู้��สอนก4ให็�น กเร�ยนในห็�องต้อบพื้ร�อมูก น พื้ร�อมูทึ %งให็�ก3าล งใจน กเร�ยนเพื้$,อให็�น กเร�ยนต้ %งใจเร�ยนมูากข้%น- ผู้��สอนแจกใบความูร� �ทึ�, 2 เร$,อง พื้$%นฐานเบ$%องต้�นข้อง Flash เพื้$,อให็�น กเร�ยนได้�ศึกษาป็ระกอบค3าอธุ�บาย- ผู้��สอนให็�น กเร�ยนจ บค�+ก น พื้ร�อมูทึ %งทึด้ลองเร�ยกห็น�าต้+าง ๆ ออกมูาใช�งาน โด้ยทึ�,ผู้��สอนจะเป็�นผู้��อธุ�บายว�ธุ�การเร�ยกห็น�าต้+างน %น ๆ และความูส3าค ญข้องห็น�าต้+าง รวมูถงว�ธุ�การป็>ด้ห็น�าต้+างเมู$,อไมู+ใช�งานด้�วย- ผู้��สอนแจกภาระงานทึ�, 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 เร$,อง พื้$%น“


ศึกษาเพื้�,มูเต้�มูได้�จากใบความูร� �ทึ�,ผู้��สอนแจกให็�ก+อนเร�,มูเร�ยน- ผู้��สอนแจกภาระงานทึ�, 2

เร$,อง ห็ล กการทึ3างานข้อง Flash โด้ยน กเร�ยนจะต้�องบอกช$,อไฟล'ทึ�,สามูารถ Import มูาใช�ได้�ใน Flash มู�ทึ %งห็มูด้ 10 ไฟล' ซี,งน กเร�ยนจะต้�องต้อบได้� 7 ใน 10 ไฟล' จงจะถ$อว+าน กเร�ยนผู้+านจ�ด้ป็ระสงค'ทึ�,ก3าห็นด้ไว�


(นาท�)


- แถบค3าส ,ง (Menu Bar)- แถบเคร$,องมู$อ (Tool Bar)- กล+องเคร$,องมู$อ (Toolbox)- กล�+มูค3าส ,ง Selection

เก�,ยวก บการเล$อก- เส�นแบ+งเวลา (Timeline)- ห็น�าต้+างการทึ3างานห็ร$อเวทึ� (Stage)



10


- 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 เร$,อง พื้$%น“



- ห็ล กการทึ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”




9. ห์ลุ่�กฐานการเร�ยนร��ภาระงานทึ�, 2 ทึ�,น กเร�ยนส+งให็�ผู้��สอนต้รวจทึ�ายช ,วโมูง

10. การประเม�นการเร�ยนร��แบบประเม�นชี�!นงานท�" 2 เร,"อง ห์ลุ่�กการท'างานขั้อง Flash


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถบอกห็ล กการทึ3างาน

ข้อง Flash ได้�2 ความูสนใจในการเร�ยน และความู

กระต้$อร$อร�นในการทึ3างาน3. ความูต้รงต้+อเวลาในการส+งงาน4. ความูสะอาด้เร�ยบร�อยในการทึ3างาน


12. ขั้�อเสนอแนะ……………………………………………………………………………

……………………………………………………………………………………………………………………………………………………….

………………………………………………………………………………………………………



ใบควิามร��ท�" 2พ,!นฐานเบ,!องต�นขั้อง Flash


น กเร�ยนสามูารถร� �และเข้�าใจองค'ป็ระกอบข้อง 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 ไฟล'แบบต้+อเน$,องจะช+วยเราในการสร�างภาพื้เคล$,อนไห็ว



ภาระงานท�" 2ไฟ้ลุ่�ต�าง ๆ ท�" Flash สามารถุน'ามาใชี�งานไดั�

ช$,อ…………………………………………

นามูสก�ล เลข้ทึ�,…………………………………… …………………..

ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………

พื้.ศึ……………………………….

1. ผู้��สอนให็�น กเร�ยนอ+านทึบทึวนใบความูร� �ทึ�, 2 เก�,ยวก บไฟล'ทึ�,สามูารถน3ามูาใช�ใน Flash ได้� พื้ร�อมูให็�น กเร�ยนยกต้ วอย+างมูาคนละ 10 ชน�ด้

ลุ่'าดั�บท�" ชีน�ดัขั้องไฟ้ลุ่� นามสก�ลุ่ไฟ้ลุ่� ลุ่�กษณะไฟ้ลุ่�123456789

10

2. ให็�น กเร�ยนอธุ�บายห็น�าต้+างควบค�มูการแสด้งผู้ลด้ งต้+อไป็น�%1. Panel Info…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………2. Panel Tranform…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………3. Panel Color Mixer…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………4. Panel Align…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



แผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้เส�นใน Flash MX เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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าความูร� �ว�ชาศึ�ลป็ะ ในการวาด้ภาพื้มูาป็ระย�กต้'ใช�ในการสร�างภาพื้



)ห์น�วิยท�" 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 เร$,อง อ�ป็กรณ'การ

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









5

5

5

5

Rectangle Tool ในการวาด้ร�ป็ส�,เห็ล�,ยมูได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนการวาด้ร�ป็ด้�วย Rectangle Tool เสร4จแล�ว น กเร�ยนจะต้�องวาด้ร�ป็ส�,เห็ล�,ยมูได้�อย+างถ�กต้�องและสวยงามู- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Pencil

Tool ในการวาด้ร�ป็อ�สระต้+าง ๆ เพื้$,อให็�เก�ด้เป็�นร�ป็ร+างทึ�,สวยงามู- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Pencil Tool

เสร4จแล�ว น กเร�ยนจะต้�องวาด้ร�ป็อ�สระต้ามูทึ�,ผู้��สอนก3าห็นด้ได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Brush

Tool ในการระบายส� เพื้$,อให็�เก�ด้ความูสวยงามูได้�- ผู้��สอนบอกกล+าวแก+








น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Brush Tool

เสร4จแล�ว น กเร�ยนจะต้�องระบายส�ในล กษณะต้+าง ๆ ได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการใช� Eraser

Tool ในการลบภาพื้ทึ�,ไมู+ต้�องการได้�- ผู้��สอนบอกกล+าวแก+น กเร�ยนว+า เมู$,อน กเร�ยนเร�ยนได้�ใช� Eraser Tool

เสร4จแล�ว น กเร�ยนสามูารถทึ�,จะลบภาพื้ทึ�,ไมู+ต้�องการออกได้�- น กเร�ยนร บภาระงาน- การเข้�ยนร�ป็โด้ยใช� Pencil Tool

- ผู้��สอนเร�,มูต้�นด้�วยการสอนเก�,ยวก บการระบายส� Brush Tool- การเล$อกล กษณะข้องแป็รงระบายส�- การก3าห็นด้ค�ณล กษณะข้องการระบายส�- การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool- การก3าห็นด้ค�ณสมูบ ต้�ข้องการลบ



- น กเร�ยนสามูารถอธุ�บายเร$,อง ความูแต้กต้+าง“

ระห็ว+างภาพื้ 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



- ต้ วอย+างร�ป็ภาพื้แบบ Rector และ ภาพื้ Vector

10

10

ตอนท�" 3.3 Pen Tool


จ3านวน 2 ข้�อ ให็�น กเร�ยนทึ3าการอธุ�บายภาพื้น %น - น กเร�ยนทึ3าเสร4จ ผู้��สอนทึ3าการเฉลยค3าต้อบทึ�,ถ�กต้�องให็�บนกระด้าน

- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX

- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Line

Tool ในการวาด้ร�ป็เส�นต้รง ซี,งเมู$,อวาด้เส�นต้รงได้�แล�ว ผู้��สอนจะให็�น กเร�ยนป็ร บเป็�นเส�นโค�งได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+วาด้เส�นต้รง และเส�นโค�ง ในล กษณะต้+าง ๆ ต้ามูทึ�,น กเร�ยนชอบ- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างเส�นต้รงและเส�นโค�งได้�ต้ามูทึ�,ผู้��สอนต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'

- ผู้��สอนแจกใบความูร� �ทึ�, 3 อ�ป็กรณ'การวาด้ภาพื้ใน




- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash MX




- เ ค ร$, อ งคอมูพื้�วเต้อร'

10

15



Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จากน %นให็�น กเร�ยนเข้�าโป็รแกรมู Flash MX

- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Pen

Tool ในการวาด้ร�ป็เส�นต้รง ซี,งเมู$,อวาด้เส�นต้รงได้�แล�ว ผู้��สอนจะให็�น กเร�ยนป็ร บเป็�นเส�นโค�งได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+วาด้เส�นต้รง และเส�นโค�ง ในล กษณะต้+าง ๆ ต้ามูทึ�,น กเร�ยนชอบ ซี,งน กเร�ยนสามูารถด้�ใบความูร� �ป็ระกอบได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างเส�นต้รงและเส�นโค�งได้�ต้ามูทึ�,ผู้��สอนต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้��สอนจะให็�น กเร�ยน

- โป็รแกรมู Flash MX

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash




- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงาน

15

15

15



ทึด้ลองให็�เคร$,องมู$อ Oval

Tool ในการวาด้ร�ป็วงกลมูและวงร� - ผู้��สอนให็�น กเร�ยนแต้+ละวาด้ร�ป็วงกลมูและวงร�ข้นาด้ให็ญ+และเล4ก จากน %นให็�น3ามูาป็ระกอบก นเพื้$,อให็�เก�ด้เป็�นร�ป็ด้อกไมู� ทึ %งเอา Line Tool มูาวาด้เป็�นก�,งก�าน - ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็ด้อกไมู�ได้�ต้รงต้ามูความูต้�องการได้�แล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Rectangle Tool ในการวาด้ร�ป็ส�,เห็ล�,ยมู - ผู้��สอนให็�น กเร�ยนแต้+ละวาด้ร�ป็ส�,เห็ล�,ยมูทึ %งทึ�,ข้นาด้ให็ญ+และเล4ก จากน %นให็�น3ามูาป็ระกอบก นเพื้$,อให็�เก�ด้เป็�นร�ป็บ�าน โด้ยน กเร�ยน

แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 3 เร$,อง อ�ป็กรณ'การวาด้ภาพื้ใน Flash







- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash

15

สามูารถน3าความูร� �เก�,ยวก บ Line Tool , Pen Tool , Oval Tool มูาป็ระกอบให็�เก�ด้เป็�นร�ป็อ$,น ๆ ด้�วยได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็บ�านได้�ต้รงต้ามูความูต้�องการแล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้��สอนจะให็�น กเร�ยนทึด้ลองให็�เคร$,องมู$อ Pencil Tool ในการวาด้ร�ป็ร+างอ�สระต้+าง ๆ เพื้$,อให็�เก�ด้เป็�นร�ป็ต้+าง ๆ - ผู้��สอนให็�น กเร�ยนแต้+ค�+สร�างสรรค'ภาพื้ โด้ยการใช�เคร$,องมู$อต้+าง ๆ มูาป็ระกอบก น ด้�วยได้�- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถสร�างร�ป็ทึ�,สวยงามูได้�ต้รงต้ามู

MX







ความูต้�องการแล�ว ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้��สอนจะให็�น กเร�ยนค�+น3าร�ป็ด้อกไมู�ทึ�,ได้�วาด้ไว�คร %งก+อน ข้%นมูา จากน %นผู้��สอนสอนให็�น กเร�ยนระบายส�ในแบบต้+าง ๆ ต้ามูใบความูร� �- ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถระบายส�ด้อกไมู�ได้�สวยงามู ถ$อว+าผู้+านต้รงต้ามูว ต้ถ�ป็ระสงค'


- ผู้��สอนจะให็�น กเร�ยนค�+น3าร�ป็ด้อกไมู�ทึ�,ได้�ระบายส�ไว�เร�ยบร�อยแล�วข้%นมูา จากน %นผู้��สอนสอนให็�น กเร�ยน



ลบกล�บด้อกบางด้อกออกไป็ โด้ยว�ธุ�การลบจะมู�ห็ลายว�ธุ� ต้ามูใบความูร� �- ผู้��สอนให็�น กเร�ยนสร�ป็การวาด้ร�ป็ พื้ร�อมูทึ %งระบายส� มู�การต้กแต้+งและลบให็�สวยงามู - ผู้��สอนส งเกต้ ความูต้ %งใจในการเร�ยนและป็ฏิ�บ ต้�งานข้องน กเร�ยน ถ�าน กเร�ยนสามูารถออกแบบร�ป็ภาพื้ได้�อย+างสวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'


(นาท�)

ตอนท�" 3.1 ภาพกราฟ้7ก - ภาพื้กราฟ>กชน�ด้ Raster- ภาพื้กราฟ>กชน�ด้ Vector

- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash

MX )- - ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ใน“

การวาด้ภาพื้ใน Flash”

5

ตอนท�" 3.2 Line Tool - การวาด้เส�นต้รงด้�วย Line Tool- การทึ3าให็�เส�นต้รงกลายเป็�นเส�นโค�ง

- CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash MX )- ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้“


10

ตอนท�" 3.3 Pen Tool - การวาด้ร�ป็ด้�วย Pen Tool- การวาด้เส�นต้รงโด้ยใช� Pen Tool- การวาด้ส+วนโค�งโด้ยใช� Pen Tool



10


- การวาด้วงกลมูด้�วย Oval Tool- การวาด้วงร�ด้�วย Oval Tool



10


- การวาด้ร�ป็ส�,เห็ล�,ยมูด้�วย Rectangle Tool



10


- การเข้�ยนร�ป็โด้ยใช� Pencil Tool



10


- การระบายส�โด้ย Brush Tool- การเล$อกล กษณะข้องแป็รงระบายส�- การก3าห็นด้ค�ณล กษณะข้องแป็รงระบายส�



10


- การลบส+วนทึ�,ไมู+ต้�องการออกโด้ย Eraser Tool- การก3าห็นด้ค�ณล กษณะข้องการลบ



10

ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 7 กล�+มู และให็�แต้+ละกล�+มูออกมูาสร�ป็เก�,ยวก บ

เคร$,องมู$อทึ�,ได้�เร�ยนไป็ห็น�าช %นเร�ยน ว+าเคร$,องมู$อแต้+ละชน�ด้ใช�งานและเป็�นอย+างไรบ�าง แบ+งด้ งห็ วข้�อต้+อไป็น�% ใช�เวลา 15 นาทึ�

1. Line Tool2. Pen Tool3. Oval Tool4. Rectangle Tool5. Pencil Tool6. Brush Tool7. Eraser Tool

6. ภาระงานท�" 3ให็�น กเร�ยนป็ฏิ�บ ต้�งานลงเคร$,อง ภาระงานทึ�, 3 เร$,อง การวาด้ภาพื้จากเคร$,องมู$อ

ใน Flash



7.2 ใบความูร� �ทึ�, 3 เร$,อง อ�ป็กรณ'ในการวาด้ภาพื้ใน “ Flash”




9. ห์ลุ่�กฐานการเร�ยนร��น กเร�ยนป็ฏิ�บ ต้�งาน โด้ยการสร�างภาพื้ ด้�วยการใช�เคร$,องมู$อทึ�, Flash MX มู�ให็�

และเมู$,อน กเร�ยนวาด้เสร4จ ผู้��สอนให็�น กเร�ยน Save งานลงแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 3 การวิาดัภาพโดัยใชี�เคร,"องม,อ Flash


ด้�มูาก ด้� ป็ร บป็ร�ง

1. น กเร�ยนสามูารถวาด้ภาพื้โด้ยใช�เคร$,องมู$อทึ�, Flash มู�ให็� ได้�ถ�กต้�อง สวยงามู

2. น กเร�ยนมู�ความูสนใจ และกระต้$อร$อร�นในการทึ3างานทึ�,ได้�ร บมูอบห็มูาย

3. ความูต้รงต้+อเวลาในการส+งงาน4. น กเร�ยนมู�ความูเป็�นระเบ�ยบ

เร�ยบร�อยในการทึ3างาน


12. ขั้�อเสนอแนะ

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 3อ�ปกรณ�การวิาดัภาพใน Flash


น กเร�ยนสามูารถใช�อ�ป็กรณ'ต้+าง ๆ ใน 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าห็นด้ข้นาด้และร�ป็ร+างห็ วยางลบ ซี,งมู�ทึ %งห็ วแบบวงกลมูและห็ วแบบร�ป็ส�,เห็ล�,ยมู



ภาระงานท�" 3ภาพ Raster แลุ่ะ ภาพ Vector

ช$,อ…………………………………………

นามูสก�ล เลข้ทึ�,…………………………………… …………………..

ช %น ว นทึ�, เด้$อน……………………… ………………… ………………………

พื้.ศึ……………………………….

ให็�น กเร�ยนต้อบค3าถามูด้ งต้+อไป็น�%1. ภาพื้ Raster เป็�นภาพื้แบบใด้ ยกต้ วอย+างชน�ด้ข้องภาพื้ป็ระกอบ

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..

2. ภาพื้ Vector เป็�นภาพื้แบบใด้ ยกต้ วอย+างชน�ด้ข้องภาพื้ป็ระกอบ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



แผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส� เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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างานก บส� “ ”




10

10

10

ตอนท�" 4.4 เลุ่,อกส�จัากห์ น� า ต� า ง Color Swatches


- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บาย ว�ธุ�การไล+โทึนส�อย+างถ�กต้�องได้�- ผู้��สอนสอนให็�น กเร�ยนก3าห็นด้ส�พื้$%นแบบ Solid

เป็�นการก3าห็นด้ส�พื้$%น- การไล+โทึนส�แบบ Linear เป็�นการก3าห็นด้ให็�มู�การไล+ส�แบบเส�นต้รง- การก3าห็นด้ให็�พื้$% นส�เป็�นร�ป็ สามูารถทึ3า ได้�โด้ยใช�ห็น� าต้+ าง Color Mixer

โด้ยก3า ห็นด้ร�ป็แบบเป็�น Bitmap- ซี,งเมู$,อน กเร�ยนได้�เร�ยนเก�,ยวก บการไล+โทึนส�แล�ว น กเร�ยนจะต้�องสามูารถไล+โทึนส�แบบต้+าง ๆ ได้�ถ�กต้�อง- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บาย ว�ธุ�การเล$อกส�จากห็น�าต้+าง Color Swatches ได้�- น กเร�ยนสามูารถสร�างงานโด้ยการใช�พื้$%นส�ด้�วยการไล+ส�แบบต้+าง ๆ รวมูถงการให็�ส�พื้$%นเป็�นร�ป็ภาพื้





10

ด้�วยผู้��สอนบอกกล+าวแก+น กเร�ยนว+า ในการเร�ยนจ�ด้ป็ระสงค'น�% น กเร�ยนทึ�กคนจะต้�องสร�างส�พื้$%นให็�เป็�นร�ป็ภาพื้ได้�- น กเร�ยนร บภาระงาน


(นาท�)

ห์น�วิยท�" 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างานก บส�“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อ

20

30


ตอนท�" 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างานก บส�“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง การทึ3างานก บส�

- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”


30

30


- ผู้��สอนให็�ภาระงาน โด้ยให็�น กเร�ยนแต้+ละค�+ เล$อกการเล$อกส�แบบ Redial

โด้ยน กเร�ยนจะใช�ต้ วเล$,อนส�ก�,ต้ วก4ได้�- น กเร�ยน สามูารถด้� ใบความูร� �ป็ระกอบการทึ3างานได้�- น กเร�ยนสามูารถไล+ส�แบบ Redial ได้�ถ�กต้�อง สวยงามู ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ทึ3าการ Import ไฟล'ร�ป็ภาพื้มูาเก4บไว�ก+อน แล�วอธุ�บายว+า คร %งทึ�,แล�วมูา เราใส+ส�พื้$%นเป็�นส�ต้+าง ๆ คราวน�%เราจะใส+ส�พื้$%นเป็�น

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 4 เร$,อง การทึ3างานก บส�- ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”


ร�ป็ภาพื้- ผู้��สอนให็�น กเร�ยนสร�างร�ป็วงกลมู จากน %นก4เป็ล�,ยนห็น�าต้+าง Color

Mixer เป็�นแบบ Bitmap ซี,งจะทึ3าให็�พื้$%นห็ล งเป็�นร�ป็ภาพื้ได้�- ผู้��สอนให็�น กเร�ยนก3าห็นด้ร�ป็ทึรงข้องภาพื้เอง โด้ยให็�น กเร�ยนให็�ส�พื้$%นเป็�นร�ป็ภาพื้ใด้ ๆ ก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างานก บส�“ ”


- การไล+โทึนส�- การไล+โทึนส�มูากกว+า 2 ส�- การเพื้�,มูต้ วเล$,อนส�- การลบต้ วเล$,อนส�


20

ตอนท�" 4.4 เลุ่,อกส�จัากห์น�าต�าง Color Swatches

- การเป็ล�,ยนส�พื้$%นทึ�, ทึ�,ถ�ก Selection

- การเป็ล�,ยนส�พื้$%นภาพื้โด้ยใช� Paint Bucket Tool- Option ข้องถ งส�- การเป็ล�,ยนส�เส�นข้อบด้�วย Ink Bottle Tool

- การเล$อกส�โด้ยใช� Dropper Tool


20

ขั้�!นท�" 5 ทดัสอบห์ลุ่�งเร�ยนให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 4 กล�+มู เพื้$,อสร�ป็เก�,ยวก บการไล+โทึนส�แบบต้+าง ๆ

และสร�ป็ว+าโทึนส�ใด้เห็มูาะก บการใช�งานแบบใด้ จากน %นให็�ส+งต้ วแทึนกล�+มูออกมูารายงานห็น�าช %นเร�ยน ผู้��สอนเป็�นผู้��สร�ป็ป็>ด้ทึ�าย ใช�เวลา 20 นาทึ�

1. Solid2. Linear3. Redial4. Bitmap

6. ภาระงานท�" 4

ภาระงานทึ�, 4 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การไล+ส�แบบต้+าง ๆ

ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การสร�างภาพื้และแต้+งเต้�มูส�สรรค'

7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash

MX ))7.2 ใบความูร� �ทึ�, 4 เร$,อง การทึ3างานก บส�“ ”




9. ห์ลุ่�กฐานการเร�ยนร��น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' ผู้��สอนให็�น กเร�ยนทึ3าการไล+ส�แบบ

ต้+าง ๆ ต้ามูใบงานและทึ3าการบ นทึกงานลงแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นท�" 4 เร,"อง การไลุ่�ส�แบบต�าง ๆ


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3าการไล+ส�ในร�ป็

แบบต้+าง ๆ ได้�ถ�กต้�อง สวยงามู ต้ามูใบงานทึ�,ได้�ร บ

2. น กเร�ยนมู�ความูสนใจ และกระต้$อร$อร�นในการทึ3างาน

3. ความูต้รงต้+อเวลาในการส+งงาน4. น กเร�ยนมู�ค�ณธุรรมู จร�ยธุรรมูในการ

ทึ3างานร+วมูก บบ�คคลอ$,น ๆ

11. สร�ปผู้ลุ่การเร�ยนร��

ผู้+าน ห็มูายถง มู�ความูสนใจในการเร�ยน ส+งงานเร�ยบร�อยต้ามูก3าห็นด้เวลาไมู+ผู้+าน ห็มูายถง ไมู+ส+งงานต้ามูทึ�,ได้�ร บมูอบห็มูาย

12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 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


ง. Lock Fill

9. ถ�าต้�องการแยกองค'ป็ระกอบข้องภาพื้ ใช�ค3าส ,งใด้ ?

ก. Modify Break Apart

ข้. Window Blank Keyframe

ค. Insert Image

ง. File Break Apart

10. ค$อ Icon ข้องอะไร ?

ก. Stork Color

ข้. Fill Color


ง. Lock Fill



แผู้นการเร�ยนร� �ทึ�, 5 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้ เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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 เคร,"องม,อตกแต�งภาพตอนท�" 5.1 ควิามห์มายขั้องการ Selection

ตอนท�" 5.2 เคร,"องม,อในการ Selection

ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�, ยวก บ ความูห็ มู า ย ข้ อ ง ก า ร Selection ได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยนไ ด้� ร� � จ ก เ ค ร$, อ ง มู$ อ ทึ�, ใ ช�ส3า ห็ร บการ Selection

ล ก ษ ณ ะ ข้ อ ง ก า ร Selection- เมู$, อน กเร�ยนได้� เร�ยนผู้+านจ�ด้ป็ระสงค'น�% น กเร�ยนจะต้�องเป็ล�,ยนส� เส�น และล กษณะข้องเส�นข้อบได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใช�เคร$,องมู$อในการ Selection

- น กเร�ยนจะต้�องทึ3าการ Selection ว ต้ถ� เพื้$, อก+อ

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 4 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้ - ใบความูร� �ทึ�, 4 เร$,อง

เคร$, องมู$อต้กแต้+ง“

ภาพื้”

30

30

ให็�เป็�นร�ป็ร+างทึ�,สวยงามูได้� โ ด้ ย ผู้�� ส อ น จ ะ น3า ภ า พื้ต้ วอย+างเป็�นร�ป็มูะละกอทึ�,ถ�กก ด้แห็ว+งมูาให็�ด้� เป็�นต้ วอย+าง- ซี,งน กเร�ยนจะต้�องเป็�นผู้��ค�ด้ว+า จะให็�งานข้องต้นเองออกมูาเป็�นอย+างไร- น กเร�ยนร บภาระงาน


(นาท�)

ห์น�วิยท�" 5 เคร,"องม,อตกแต�งภาพตอนท�" 5.1 ควิามห์มายขั้องการ Selection

น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3าความูร� �จ ก ก บเคร$,องมู$อทึ�, ใ ช� ใ น ก า ร Selection

แต้+ละชน�ด้ และด้�ว+า เคร$,องมู$อแบบใด้เห็มูาะก บการ

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง

เ ค ร$, อ ง มู$ อ ใ น ก า ร“

ต้กแต้+งภาพื้”

60


Selection ล กษณะใด้ - ผู้��สอน ให็�น กเร�ยนวาด้ร�ป็วงกลมูข้นาด้เทึ+าก นข้%นมู า 5 ว ง จ า ก น % น ใ ห็�น กเร�ยนทึ3า การเป็ล�,ยนส� และล กษณะข้องเส�นข้อบแบบต้+าง ๆ โด้ยน กเร�ยนสามูารถด้�จากใบความูร� �ได้�- น กเร�ยนทึ�กคนสามูารถเ ป็ ล�, ย น ส� เ ส� น ข้ อ บ แ ล ะล กษณะข้องเส�นข้อบได้�ถ�กต้�อง ถ$อว+าผู้+านจ�ด้ป็ระสงค'

- ผู้��สอนแจกใบความูร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนวาด้ร�ป็แต้งโมูข้%นมูา 1 ช�%น และให็�น กเร�ยนแต้+ละค�+วาด้ร�ป็แต้งโมูข้%นมู า เ ช+ น ก น จ า ก น % น ใ ห็�น ก เ ร� ย น ใ ช� เ ค ร$, อ ง มู$ อ Lasso Tool ใ น ก า ร Selection ว ต้ถ� เพื้$, อต้ ด้แ ต้+ ง แ ต้ ง โ มู ใ ห็� แ ห็ ว+ งเห็มู$อนก บรอยก ด้- น กเร�ยนแต้+ละคนทึ3าร�ป็แต้งโมูต้ามูทึ�,ผู้��สอนก+อน ห็ล งจากน %นเมู$,อน กเร�ยนใช� Lasso Tool เป็�นแล�ว ผู้��

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง



60

สอนให็�น กเร�ยนแต้+ละค�+วาด้ร�ป็ใด้ ๆ ก4 ได้� ต้ามูทึ�,ต้ น เ อ ง ต้� อ ง ก า ร แ ต้+ มู�ข้�อแมู�ว+า จะต้�องใช� เคร$,องมู$อในการ Selection ต้ วใ ด้ ต้ ว ห็ น, ง ใ น ก า รสร�างสรรค'ภาพื้ข้%นมูา- น กเร�ยนสามูารถสร�างภ า พื้ ไ ด้� ต้ ร ง ต้ า มู ก บว ต้ถ�ป็ระสงค'ทึ�,ต้�องการ ถ$อว+าผู้+านจ�ด้ป็ระสงค'


(นาท�)

ตอนท�" 5.1 ควิามห์มายขั้องการ Selection

- เคร$,องมู$อทึ�,สร�าง Selection- ล กษณะการ Selection- การป็ร บแต้+งเส�นข้อบ

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 5 เร$,อง เคร$,องมู$อในการต้กแต้+งภาพื้- ใบความูร� �ทึ�, 5 เร$,อง



20


- 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”


8. แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash Mx

โด้ย ย�ทึธุช ย ร�จ�รว�มูล

9. ห์ลุ่�กฐานการเร�ยนร��ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เมู$, อน กเร�ยนสามูาร Selection

ว ต้ถ� ได้�ต้ามูว ต้ถ�ป็ระสงค'ข้องผู้��สอน ผู้��สอนจะทึ3าการเช4คการทึ3างานข้องน กเร�ยน

ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เก�,ยวก บการใช� Lasso Tool ในการวาด้ภาพื้แต้งโมู

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 5 เร,"อง การ Selection วิ�ตถุ� โดัยการใชี�

Lasso Tool


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3าการ Selection

ได้�อย+างถ�กต้�อง2. น กเร�ยนสามูารถสร�างภาพื้ด้�วยการใช�

Lasso Tool ได้�3. น กเร�ยนมู�ความูสนใจ และ

กระต้$อร$อร�นในการทึ3างาน4. ความูต้รงต้+อเวลาในการส+งงาน5. น กเร�ยนมู�ค�ณธุรรมู จร�ยธุรรมูในการ

ทึ3างานร+วมูก บเพื้$,อน ๆ ในช %นเร�ยน


12. ขั้�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

…………………………………………………………………………………………………………



ใบควิามร��ท�" 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 ค�างไว�และลากไป็ย งทึ�ศึทึางต้+างๆ ทึ�,ต้�องการ (คล�ายๆก บการจ บภาพื้เล$,อน)



แผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ� เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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)




)ห์น�วิยท�" 6 การจั�ดัการวิ�ตถุ�ตอนท�" 6.1 เคร,"องม,อในการชี�วิยจั�ดัแลุ่ะวิางใน Flash

ตอนท�" 6.2 การใชี�งานเส�น Guide

ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ การใช�งาน Ruler ได้�- ผู้��สอนจะเร�,มู ให็�น กเร�ยนไ ด้� ร� � จ ก ว+ า Ruler ค$ อเคร$,องมู$อทึ�,ช+วยในการทึ3าอะไรบ�าง และสามูารถเร�ยกได้�จากทึ�,ใด้- เมู$, อน กเร�ยนได้� เร�ยนผู้+านจ�ด้ป็ระสงค'น�% น กเร�ยนจ ะ ต้� องสา มูารถ ใ ช�ง า น Ruler ได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การ - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อ

20

20

20

ตอนท�" 6.3 การจั�ดัลุ่'าดั�บวิ�ตถุ�

ตอนท�" 6.4 การจั�ดักลุ่��มแลุ่ะการแยกกลุ่��ม

- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใช�งานเส�น Guide ได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า น กเร�ยนจะต้�องสามูารถสร�าง เส�น เ ค ล$, อ น ย� า ย ล บ ห็ ร$ อจ ด้การต้+าง ๆ ในการน3าเส�น Guide มูาใช�งานได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการจ ด้ล3าด้ บว ต้ถ�ได้�- ผู้��สอนอธุ�บายว+า ในการเ ร� ย น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องสามูารถทึ3าการจ ด้ล3าด้ บว ต้ถ� จากเล4กไป็ให็ญ+ ทึ�,แบบต้+าง ๆ ได้� - น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บการการจ ด้กล�+มูและการแยกกล�+มูได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% น กเร�ยนจะต้�องน3าภาพื้มูาเพื้$,อทึ3าการจ ด้กล�+มู และ

แ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 6 เร$, อง การจ ด้การว ต้ถ� - ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”



- เ ค ร$, อ ง

แยกกล�+มู- น กเร�ยนสามูารถจ ด้กล�+มู และแยกกล�+มูร�ป็ภาพื้ทึ�,ก3า ห็นด้ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �- น กเร�ยนร บภาระงาน

คอมูพื้�วเต้อร'- โป็รแกรมู Flash MX


(นาท�)

ห์น�วิยท�" 6 การจั�ดัการวิ�ตถุ�ตอนท�" 6.1 เคร,"องม,อในการชี�วิยจั�ดัแลุ่ะวิางใน Flash


น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3าความูร� �จ ก ก บเคร$,องมู$อทึ�,เร�ยกว+า Ruler และบอกความูส3าค ญว+า ทึ3าไมูเราจงจ3า เป็�นต้�องน3า ไมู�บรรทึ ด้เข้�ามูาช+วยในการทึ3างาน - ผู้��สอน ให็�น กเร�ยนแต้+ละค�+น3าร�ป็ภาพื้เข้�ามูาค�+ละ 1 ร�ป็ และทึ3าการเร�ยกไมู�บรรทึ ด้ข้%นมูา เพื้$,อใช�งาน- ผู้�� ส อ น ส�+ มู ต้ ว อ ย+ า งน กเร�ยนข้%นมูา 5 – 6 คน เ พื้$, อ ใ ห็� ทึ ด้ ส อ บ เ ร� ย กไมู�บรรทึ ด้ และบอกความู



20

25


ตอนท�" 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 เร$,อง การจ ด้การว ต้ถ�“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�

- ใบความูร� �ทึ�, 6 เร$,อง การจ ด้การว ต้ถ�“ ”

25

25

แลุ่ะการแยกกลุ่��ม จ ด้การแบบต้+าง ๆ เก�,ยวก บเส�น Guide ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'



- ผู้��สอนเร�,มูด้�วยการให็�น กเร�ยน ทึ3าการ Import

ร�ป็ภาพื้กาต้�นร'ในล กษณะทึ+าทึาง ต้+าง ๆ เล4กบ�าง ให็ญ+บ�าง ค�+ละ 5 ภาพื้ เมู$,อได้�ภาพื้เสร4จเร�ยบร�อยแล�ว ผู้�� สอน เร�,มูสอน โด้ยให็�น ก เ ร� ย น ทึ3า ก า ร Selection ภาพื้ทึ %งห็มูด้ และ เร�ยกการจ ด้ว ต้ถ�ทึ�, Modify Arrange ซี,งผู้��สอนจะทึ3าให็�น กเร�ยนด้�เป็�นต้ วอย+าง 1 แบบ- การจ ด้การว ต้ถ�จะมู�อย�+ด้�วยก น 4 แบบ น กเร�ยนแต้+ ล ะค�+ จ ะต้� องทึ3า ใ ห็� ไ ด้�ทึ %งห็มูด้ 4 แบบ ผู้��สอนจะทึ3า ก า ร ต้ ร ว จ ง า น ถ� าน กเร�ยนทึ3าครบแล�ว จาก




น %นจงให็�น กเร�ยนบ นทึกงานไว�



- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ น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 เร$,อง การจ ด้การว ต้ถ�“ ”


10


- การสร�างเส�น Guide

- การเคล$,อนย�ายเส�น Guide- การลบเส�น Guide

- การซี+อนและแสด้งเส�น Guide- การก3าห็นด้รายละเอ�ยด้ข้องเส�น Guide



10


- การจ ด้ล3าด้ บว ต้ถ�- ว�ธุ�การจ ด้ล3าด้ บว ต้ถ�- การจ ด้เร�ยงว ต้ถ�



10

ตอนท�" 6.4 การจั�ดักลุ่��มแลุ่ะการแยกกลุ่��ม

- การแยกกล�+มู- การจ ด้กล�+มู


- เ ค ร$, อ งคอมูพื้�วเต้อร'- โป็รแกรมู Flash

MX

10

ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�แบ+งน กเร�ยนออกเป็�น 4 กล�+มู เพื้$,อให็�ออกมูาสร�ป็ต้ามูห็ วข้�อทึ�,มูอบให็�

โด้ยให็�น กเร�ยนส+งต้ วแทึนออกมูาสร�ป็ห็น�าช %นเร�ยน และคร�เป็�นผู้��สร�ป็ป็>ด้ทึ�าย ด้ งห็ วข้�อทึ�,ก3าห็นด้ให็� ใช�เวลา 15 นาทึ�

1. การจ ด้เร�ยงว ต้ถ�2. การจ ด้ล3าด้ บว ต้ถ�3. การจ ด้กล�+มู4. การแยกกล�+มู

6. ภาระงานท�" 6ภาระงานทึ�, 6 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เก�,ยวก บ

การจ ด้ล3าด้ บว ต้ถ�ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,อง เร$,องการจ ด้กล�+มูและการแยกกล�+มู


(Flash MX ))7.2 ใบความูร� �ทึ�, 6 เร$,อง เคร$,องมู$อต้กแต้+งภาพื้“ ”


8 แห์ลุ่�งเร�ยนร��ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia Flash

Mx โด้ย ย�ทึธุช ย ร�จ�รว�มูล

9 ห์ลุ่�กฐานการเร�ยนร��ผู้��สอนต้รวจเช4คงานทึ�,น กเร�ยนทึ3าการ จ ด้ล3าด้ บว ต้ถ� ว+าทึ3าได้�ถ�กต้�องต้ามู

ค3าส ,งห็ร$อไมู+ผู้��สอนต้รวจเช4คงานทึ�,น กเร�ยนทึ3าการ จ ด้กล�+มูและแยกกล�+มู ว+าทึ3าได้�ถ�ก

ต้�องต้ามูค3าส ,งห็ร$อไมู+ จากน %นผู้��สอนให็�น กเร�ยนบ นทึกงานลงแผู้+นด้�สก'

10 การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 6 เร,"อง การจั�ดัลุ่'าดั�บวิ�ตถุ� แลุ่ะ การแยกกลุ่��ม - จั�ดั

กลุ่��ม


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถจ ด้ล3าด้ บว ต้ถ�ได้�ถ�ก

ต้�อง2. น กเร�ยนสามูารถจ ด้กล�+มูว ต้ถ�ได้�3. น กเร�ยนสามูารถแยกกล�+มูว ต้ถ�ได้�4. น กเร�ยนสามูารถแก�ไข้ป็6ญห็าทึ�,เก�ด้

ข้%นได้�ด้�5. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน

และมู�ความูค�ด้สร�างสรรค'6. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ………………………………………………………………………

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 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. ว ต้ถ�จะถ�กแยกกล�+มูและสามูารถแก�ไข้ได้�



แผู้นการเร�ยนร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เวลา 2 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนสามูารถสร�างต้ วอ กษรโด้ยใช�โป็รแกรมู Flash ได้�

3. สาระการเร�ยนร��1. การใส+ข้�อความูโด้ยใช� Text Tool

2. การเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความู3. การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,ออกแบบ4. การใช�ห็น�าต้+าง Properties ข้อง Text Tool




)ห์น�วิยท�" 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าส ,งจงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'






10

10



(นาท�)

ห์น�วิยท�" 7 การสร�างต�วิอ�กษรตอนท�" 7.1 การใส�ขั้�อควิามโดัยใชี� Text Tool



น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนเร�,มูให็�น กเร�ยนทึ3า ความูร� �จ ก ก บ Text

Tool ซี,งเป็�นเคร$,องมู$อทึ�,ใ ช�ส3า ห็ร บการ เ ข้�ยนต้ วอ กษร ซี,งจะเป็�นร�ป็ต้ ว A

- ผู้��สอน ก3าห็นด้ข้�อความูใ น ร� ป็ แ บ บ ต้+ า ง ๆ ใ ห็�น กเร�ยนได้�พื้�มูพื้' และจ ด้ต้ วอ กษร ใส+ส� และร�ป็แบบต้+ าง ๆ เพื้$, อ ให็�น ก เร�ยนเคยช�นก บการใช� Text

Tool โ ด้ ย น ก เ ร� ย นส า มู า ร ถ ด้� ใ บ ค ว า มู ร� �ป็ระกอบได้�- น กเร�ยน ทึ�กคนสามูารถสร�างข้�อความู เคล$,อนย�าย ใส+ส� ห็ร$อเป็ล�,ยนร�ป็แบบต้ วอ กษรได้�ถ�กต้�องถ$อว+าผู้+านจ�ด้ป็ระสงค'

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ ว

15

15


- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- น กเร�ยนจะต้�องร� �จ กต้ วอ กษรทึ %ง 3 ร�ป็แบบ 1. Static Text2. Dynamic Text3. Input Text

- ผู้��สอนให็�น กเร�ยนเข้�ยนข้�อความูว+ า Flash MX

จ า ก น %น ทึ3า ก า ร แ ย ก ต้ วอ กษร และน3า ต้ วอ กษรแต้+ละต้ วมูาออกแบบในล กษณะต้+าง ๆ ก น โด้ยผู้��สอนจะเร�,มูทึ3า ต้ ว F ให็�ด้�เป็�นต้ วอย+าง นอกจากน %น ผู้�� ส อ น ใ ห็� น ก เ ร� ย น ใ ช�จ�นต้นาการเอง- น กเร�ยนสามูารถสร�างต้ วอ กษรได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'

- ผู้��สอนแจกใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

อ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 7 เร$,อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”


15

- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ด้�ใบความูร� �ทึ�, 7 เร$,องการสร�างต้ วอ กษร ในส+วนข้องต้ วอย+างการส+วนต้ วอ กษร โด้ยให็�น กเร�ยนป็ฏิ�บ ต้�ต้ามูข้ % น ต้ อ น โ ด้ ย ส า มู า ร ถเป็ล�,ยนแป็ลงข้�อความูค3าพื้�ด้ในงานได้�- เมู$,อน กเร�ยนสร�างงานเ ส ร4จ จ ะ ต้� อ ง ใ ห็�ผู้�� ส อ นต้รวจก+อน จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'



)ตอนท�" 7.1 การใส�ขั้�อควิามโดัยใชี� Text Tool

- การใส+ข้�อความูโด้ยใช� Text Tool- การเคล$,อนย�ายและป็ร บข้นาด้กล+องข้�อความู- การป็ร บแต้+งต้ วอ กษรให็�เข้�าก บงานทึ�,ออกแบบ



10



- Static Text- Dynamic Text- Input Text

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 7 เร$,

10

อง การสร�างต้ วอ กษร - ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”



- ต้ วอย+างการใช�งาน Text ในร�ป็แบบต้+าง ๆ



10

ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนคร�ให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 3 กล�+มู จากน %นให็�แต้+ละกล�+มูอภ�ป็รายใน

ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ Text แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 15 นาทึ�

ห็ วข้�ออภ�ป็ราย1. Static Text2. Dynamic Text3. Input Text

6. ภาระงานท�" 7ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การต้กแต้+งต้ วอ กษร


(Flash MX ))7.2 ใบความูร� �ทึ�, 7 เร$,อง การสร�างต้ วอ กษร“ ”




9. ห์ลุ่�กฐานการเร�ยนร��งานทึ�,น กเร�ยนได้�ป็ฏิ�บ ต้�ลงไป็ในเคร$,อง ต้ามูทึ�,ผู้��สอนส ,ง และผู้��สอนให็�น กเร�ยนบ นทึกงานลงในแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 7 เร,"อง การตกแต�งต�วิอ�กษร


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถต้กแต้+งต้ วอ กษรได้�

ถ�กต้�อง สวยงามู2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 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

เพื้$,อทึด้สอบงานทึ�,สร�าง แล�วทึด้ลองใส+ข้�อความูด้�



แผู้นการเร�ยนร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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

สาระท�"น'ามาบ�รณาการ-



)ห์น�วิยท�" 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าเก�,ยวก บ








- ส$, ออ� เล4กทึรอน�กส'

20

20

20

จ� ด้ป็ระสงค'การ เร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายสร�างป็�<มูกด้ได้�- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% จะต้�องด้�ใบความูร� � และสร�างป็�<มูกด้ต้ามูใบความูร� �ทึ�,ก3า ห็นด้ได้� จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �- น กเร�ยนร บภาระงาน

ว�ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 8 เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”



(นาท�)

ห์น�วิยท�" 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



เก�ด้ความูสงส ยห็ร$อไมู+เข้� า ใจ ผู้�� สอนจะทึ3า การอธุ�บายให็�ฟ6งอ�ก 1 รอบ พื้ร�อมูแนะน3า ให็�น กเร�ยนอ+านใบความูร� �ป็ระกอบ

- ผู้��สอนแจกใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ Symbol

เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

อธุ�บายต้ามูข้ %นต้อน- ผู้�� ส อ น อ ธุ� บ า ย ใ ห็�น กเร�ยนฟ6งว+า Library

ค$ออะ ไร มู�ความูส3า ค ญอย+างไร -น กเร�ยน จะต้�อง Import

ร� ป็ ภ า พื้ มู า ใ ส+ ไ ว� ใ น Library - ผู้�� สอนมูอบ ห็มู าย ใ ห็�น กเร�ยนน3า Symbol จาก Library อ$,นมูาใช�งาน ซี,งผู้��สอนจะทึ3าให็�น กเร�ยนด้� 1

ต้ วอย+าง จากน %น ผู้��สอนให็�น กเร�ยน Import เข้�ามูาอ�ก 5 ภาพื้- น กเร�ยนสามูารถ ใช� Symbol จ า ก Library

อ$, นได้�ถ�กต้�อง ถ$อว+าผู้+านจ�ด้ป็ระสงค'





- เ ค ร$, อ งคอมูพื้�วเต้อร'

25

25


- ผู้��สอนสอนให็�น กเร�ยนร� � จ ก ก า ร แ ป็ ล ง ว ต้ ถ� ใ ห็�กลายเป็�น Symbol การเป็ล�,ยนช$,อให็� Symbol

- ผู้��สอนให็�น กเร�ยนวาด้ร�ป็กาต้�นร'ข้%นมูาค�+ละ 1 ร�ป็ จากน %นทึ3า การแป็ลงให็�กลายเป็�น Symbol



- ผู้��สอนให็�น กเร�ยนเป็>ด้ใบความูร� � จากน %นให็�ด้�ทึ�,ห็ วข้�อ ต้ วอย+างการสร�างป็�< มู ก ด้ เ ส ร4 จ แ ล� ว ใ ห็�น ก เ ร� ย น ทึ3า ง า น ต้ า มูต้ วอย+าง จนส3าเร4จได้�งานมูาเร�ยบร�อยจงให็�ผู้��สอนต้รวจ






)ตอนท�" 8.1 ร��จั�ก Symbol แต�ลุ่ะแบบ

- Movie Clip- Button- Graphic



10

ตอนท�" 8.2 การใชี� Library

- การใช� Library

- Option ข้อง Library



10


- การเป็ล�,ยนว ต้ถ�เป็�น Symbol- การเป็ล�,ยนช$,อให็� Symbol- การใช� Symbol จาก Library อ$,น

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�,

10

- การสร�าง Symbol

ป็ระเภทึ Movie Clip

- การสร�าง Symbol

ป็ระเภทึ Button

เ ร$, อ ง ร� � จ ก ก บ Symbol - ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”



- การสร�างป็�<มูกด้- การสร�างป็�<มูกด้ทึ�,มู�ล กษณะเป็�นข้�อความู



10


ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ Symbol แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 15 นาทึ�

ห็ วข้�ออภ�ป็ราย1. Movie Clip2. Button3. Graphic

6. ภาระงานท�" 8ภาระงานทึ�, 8 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การ

สร�าง ป็�<มูกด้



7.2 ใบความูร� �ทึ�, 8 เร$,อง ร� �จ กก บ “ Symbol”




9. ห์ลุ่�กฐานการเร�ยนร��ผู้��สอนให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' และเช4คการทึ3างานทึ�กคร %งผู้��สอนให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' โด้ยทึ3าต้ามูใบงานทึ�,

8 เสร4จแล�วให็�น กเร�ยนบ นทึกงานลงแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 8 เร,"อง การสร�าง ป�6มกดั


ด้�มูาก ด้� ป็ร บป็ร�ง1 น กเร�ยนสามูารถสร�าง ป็�<มูกด้ต้ามูใบ

งานได้�2. น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 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

เพื้$,อทึด้สอบ



แผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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




)ห์น�วิยท�" 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



30


(นาท�)

ห์น�วิยท�" 9 ร��จั�กก�บ Layerตอนท�" 9.1 ควิามห์มายขั้อง Layer


น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer


- ผู้��สอนเร�,มูอธุ�บายเก�,ยวก บ ค ว า มู ห็ มู า ย ข้ อ ง Layer ว+าห็มูายความูว+าอย+างไร และเพื้ราะอะไรจงจะต้�องมู� Layer

- ผู้�� ส อ น ย ก ต้ ว อ ย+ า งโป็รแกรมู Photoshop

ค ว บ ค�+ ไ ป็ ด้� ว ย เ พื้$, อ ทึ�,น กเร�ยนจะได้�เข้�าใจมูากข้%น- ผู้��สอน ทึด้สอบความูเข้�าใจ โด้ยการส�+มูต้ วอย+างน กเร�ยน 5 – 6 คน ข้%นมูาเพื้$,อทึด้สอบความูเข้�าใจ

- ผู้��สอนแจกใบความูร� �ทึ�, 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าการอธุ�บายต้ามูข้ %นต้อน


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 9 เ ร$, อ ง ร� � จ ก ก บ - ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”


30

- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้�� ส อ น ใ ห็� น ก เ ร�ย น Import ภาพื้กระต้+ายเข้�ามูา 1 ร�ป็- ใ น ก า ร ทึ3า Layer

Mark น กเร�ยนจะต้�องต้ %งค+ าต้ามู ทึ�, ผู้�� บอก ส+ วน ทึ�,น กเร�ยนวาด้วงกลมูลงไป็ป็กป็>ด้ จะเป็�นส+วนทึ�,เราจะเล$อกให็�แสด้งไว� ในทึ�,น�%ผู้��สอนให็�น กเร�ยนใส+วงกลมูทึ�, ด้3า ทึ บ ไ ป็ ทึ�, ห็ ว ข้ อ งกระต้+าย เมู$,อเสร4จจะเห็ล$อเ พื้� ย ง แ ต้+ ส+ ว น ห็ ว ข้ อ งกระต้+าย ต้ วข้องกระต้+ายจะห็ายไป็- ผู้��สอนให็�น กเร�ยนทึ3าภาพื้ Layer Mark ค�+ละ 5 ภาพื้ โด้ยให็�น กเร�ยนเล$อกภาพื้ต้ามูใจ และจะ Mark ส+วนใด้ก4ได้� เมู$,อทึ3าเสร4จแล�ว ให็�ผู้��สอนทึ3าการต้รวจงาน



)ตอนท�" 9.1 ควิามห์มายขั้อง Layer

- ความูห็มูายข้อง Layer- การใช�งาน Layer




10


- การสร�าง Layer ให็มู+- ว�ธุ�เป็ล�,ยนการทึ3างานไป็ใน Layer ต้+าง ๆ- การเป็ล�,ยนช$,อให็� Layer- การซี+อนและแสด้ง Layer- การเป็ล�,ยนล3าด้ บ Layer- การลบ Layer

- การป็?องก นการแก�ไข้ร�ป็ภาพื้- การทึ3าให็� Layer

แสด้งแต้+เส�นโครงร+าง- การจ ด้กล�+มูให็� Layer

- การสร�าง Folder

เพื้$,อเก4บ Layer




10

ตอนท�" 9.3 การใชี� Guide Layer ในการ

- การสร�าง Guide Layer- การใช� Layer Mask


10

วิางวิ�ตถุ� - การก3าห็นด้ค�ณสมูบ ต้�ข้อง Layer

แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 9 เร$,อง ร� �จ กก บ Layer



ขั้�!นท�" 4 ทดัสอบก�อนเร�ยนคร�ให็�น กเร�ยนช+วยก นอภ�ป็รายเก�,ยวก บ ความูเห็มู$อนและความูแต้กต้+าง

ข้อง Layer ใน Flash ก บ Layer ใน Photoshop ใช�เวลา 15 นาทึ� 6. ภาระงานท�" 9

ภาระงานทึ�, 9 ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การใช� Layer ในการสร�างงาน


(Flash MX ))7.2 ใบความูร� �ทึ�, 9 เร$,อง ร� �จ กก บ “ Layer”


8. แห์ลุ่�งเร�ยนร�� ห็น งส$อ ค�+มู$อการเร�ยนร� �และเทึคน�คการใช�งาน Macromadia

Flash Mx โด้ย ย�ทึธุช ย ร�จ�รว�มูล

9. ห์ลุ่�กฐานการเร�ยนร��

ให็�น กเร�ยนป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' เร$,อง การใช� Layer ในการสร�างงาน ทึ�,น กเร�ยนจะต้�องทึ3าส+งทึ�ายช ,วโมูง พื้ร�อมูทึ %งบ นทึกลงแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 9 เร,"อง การใชี� Layer ในการสร�างงาน


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถใช� Layer ในการ

สร�างงานได้�อย+างถ�กต้�อง สวยงามู2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ………………………………………………………………………

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 9ร��จั�กก�บ Layer


น กเร�ยนสามูารถใช�งาน 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 ข้%น



แผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation เวลา 2 ช ,วโมูง

ภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………


เข้�าใจและเห็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




)ห์น�วิยท�" 10 ห์ลุ่�กการพ,!นฐานในการสร�าง Animationตอนท�" 10.1 ห์ลุ่�กการ

ก'าห์นดัภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� �


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







(นาท�)

ห์น�วิยท�" 10 ห์ลุ่�กการพ,!นฐานในการสร�าง


10

Animationตอนท�" 10.1 ห์ลุ่�กการขั้อง Animation

ตอนท�" 10.2 Frame



- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนอธุ�บายเก�,ยวก บเ ร$, อ ง ห็ ล ก ก า ร ข้ อ ง Animation และป็ระเภทึข้อง Animation ซี,งจะมู�ป็ระเภทึต้+าง ๆ - ผู้��สอนแจกภาระงานทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation

จ3านวน 3 ข้�อ ซี,งน กเร�ยนจะต้�องทึ3า ได้� 2 ใน 3 ข้�อ จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'การเร�ยนร� �

- ผู้��สอนแจกใบความูร� �ทึ�, 10 เร$,อง ห็ล กการข้อง Animation เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเร$,อง Frame การสร�าง Frame ใ ห็ มู+ ก า ร เ พื้�, มู Frame การลบ Frame

- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้�








10

10

ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเ ร$, อ ง Keyframe ก า รส ร� า ง Keyframe ใ ห็ มู+ การเพื้�,มู Keyframe การลบ Keyframe

- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้�� สอนบอกกล+ าวแก+น กเร�ยนว+า เราจะเร�ยนเ ร$, อ ง Blank

Keyframe ก า ร ส ร� า ง Blank Keyframe ให็มู+

แ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐ า น ข้ อ ง Animation - ใ บ ค ว า มู ร� � ทึ�, 10






ก า ร เ พื้�, มู Blank

Keyframe ก า ร ล บ Blank Keyframe- น กเร�ยนสามูารถป็ฏิ�บ ต้�งานต้ามูทึ�,ผู้��สอน สอนได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'



)ตอนท�" 10.1 ห์ลุ่�กการขั้อง Animation

- ป็ระเภทึข้องภาพื้เคล$,อนไห็ว

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานข้อง Animation

- ใ บ ค ว า มู ร� � ทึ�, 10



10

ตอนท�" 10.2 Frame - การเพื้�,มู Frame

- การลบ Frame

- ป็ร บการแสด้ง Frame- Tinted Frame

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 10 เร$,อง ห็ล กการพื้$%นฐาน

10

ข้อง Animation

- ใ บ ค ว า มู ร� � ทึ�, 10




- การเพื้�,มู Keyframe

- การลบ Keyframe


- ใ บ ค ว า มู ร� � ทึ�, 10



5


- การเพื้�,มู Blank Keyframe- เส�นเวลา (Timeline)


- ใ บ ค ว า มู ร� � ทึ�, 10


ฐ า น ใ น ก า ร ส ร� า ง Animation “- คอมูพื้�วเต้อร'- โป็รแกรมู Flash

5

MX


ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ การจ ด้การก บส+วนต้+าง ๆ ข้อง Frame ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 10 นาทึ�

ห็ วข้�ออภ�ป็ราย1. Frame2. Keyframe3. Blank Keyframe


ภาระงานทึ�, 10 เร$,องห็ล กการพื้$%นฐานในการสร�าง Animation

7. ส,"อการเร�ยนการสอน7.1 CD ช+วยสอน ว�ชาคอมูพื้�ว เต้อร' (การสร�างงานแบบ

มู ลต้�มู�เด้�ย (Flash MX ))

7.2 ใบความูร� �ทึ�, 10 เร$,อง ทึ3าความูร� �จ กก บ “ Flash MX”




9. ห์ลุ่�กฐานการเร�ยนร��ใบงานทึ�, 10 เร$,อง ห็ล กการพื้$%นฐานในการสร�าง Animation

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 10 เร,"อง ห์ลุ่�กการพ,!นฐานในการสร�าง

Animation

ทึ�, ป็ระเด้4นการป็ระเมู�น ผู้ลการป็ระเมู�น

ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถอธุ�บายห็ล กการพื้$%น

ฐานในการสร�างภาพื้ Animation

ได้�อย+างถ�กต้�อง2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



ใบควิามร��ท�" 10

ห์ลุ่�กการพ,!นฐานในการสร�าง Animation


จั�ดัประสงค�ปลุ่ายทางน กเร�ยนสามูารถร� �และเข้�าใจห็ล กการพื้$%นฐานในการสร�าง 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 น�%จะใช�เวลาเทึ+าไห็ร+ (ห็น+วยเป็�นว�นาทึ�)



ภาระงานท�" 10

เร,"องห์ลุ่�กการพ,!นฐานในการสร�าง Animation

ช$,อ…………………………………………

นามูสก�ล เลข้ทึ�,…………………………………… …………………..

ช %น ว นทึ�,……………………… …………………

เด้$อน พื้……………………… .ศึ……………………………….

ให็�น กเร�ยนต้อบค3าถามูด้ งต้+อไป็น�%1. ห็ล กการข้องการสร�าง Animation ค$อ

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

2. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้ เป็�นแบบใด้…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. การเคล$,อนไห็วชน�ด้ก3าห็นด้จ�ด้เร�,มูต้�นและจ�ด้ส�%นส�ด้ เป็�นแบบใด้…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………



แผู้นการเร�ยนร� �ทึ�, 11 เร$,อง การสร�าง Animation เวลา 4 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



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าห็นด้จ�ด้ส�%นส�ด้




)ห์น�วิยท�" 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


(นาท�)

ห์น�วิยท�" 11 ต�วิอย�างการสร�าง Animation



- ผู้��สอนแจกใบความูร� �ทึ�, 11 เร$,อง ห็ล กการสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ เ พื้$, อ ใ ห็� น ก เ ร�ย น ศึ ก ษ าป็ระกอบก บค3าอธุ�บายข้องผู้��สอน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- น กเร�ยนจะต้�องสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ ต้ามูใบความูร� �ทึ�,มู�ต้ วอย+างให็�ในแต้+ละแบบ- ผู้�� ส อ น ใ ห็� น ก เ ร� ย นสามูารถเล$อกภาพื้ห็ร$อใช�ความูค�ด้ห็ร$อจ�นต้นาการข้องต้นเอง พื้ล�กแพื้ลงงานให็�ด้�ด้�ข้%นได้�- ผู้��สอนจะต้�องต้รวจงานทึ�กคร %งทึ�,น กเร�ยนทึ3าเสร4จ

- ใ บ ค ว า มู ร� � ทึ�, 11





180


(นาท�)


- การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้- การทึ3า Animation

แบบ Tween

- ใ บ ค ว า มู ร� � ทึ�, 11



20

- การทึ3า Animation

แบบบ�ด้ พื้ล�กว ต้ถ�- การทึ3า Animation

แบบ Guideline

- การเป็ล�,ยนแป็ลงต้ วอ กษร




ห็ วข้�อทึ�,ต้ วเองได้�ร บ เก�,ยวก บ การสร�างภาพื้เคล$,อนไห็วแบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนออกมูาสร�ป็ห็น�าห็�อง ใช�เวลา 20 นาทึ�

ห็ วข้�ออภ�ป็ราย1. การเคล$,อนไห็วชน�ด้ภาพื้ต้+อภาพื้2. การทึ3า Animation แบบ Tween

3. การทึ3า Animation แบบบ�ด้ พื้ล�กว ต้ถ�4. การทึ3า Animation แบบ Guideline

5. การเป็ล�,ยนแป็ลงต้ วอ กษร


ภาระงานทึ�, 11 เร$,อง การทึ3า Animation แบบ Motion Tween

7. ส,"อการเร�ยนการสอน7.1CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย

(Flash MX ))7.2ใบความูร� �ทึ�, 11 เร$,อง การสร�าง “ Animation”




9. ห์ลุ่�กฐานการเร�ยนร��การทึ3า Animation แบบ Motion Tween

การสร�าง Animation ให็�ต้ วอ กษรการสร�าง Animation Guideline

การสร�าง Animation แบบเป็ล�,ยนแป็ลงต้ วอ กษร โด้ยทึ�,น กเร�ยนจะต้�องทึ3าการส+งงานทึ�ายช ,วโมูงทึ�กคร %ง พื้ร�อมูก บบ นทึกงานส+งแผู้+นด้�สก'

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 11 เร,"อง การท'า Animation แบบต�าง ๆ


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถทึ3า Animation

แบบ Motion Tween ได้�ถ�กต้�อง สวยงามู

2. น กเร�ยนสามูารถทึ3า Animation ให็�ก บต้ วอ กษร

3. น กเร�ยนสามูารถทึ3า Animation

แบบ Guideline ได้�ถ�กต้�อง สวยงามู

4. น กเร�ยนสามูารถทึ3า Animation

แบบเป็ล�,ยนแป็ลงต้ วอ กษร5. น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'6. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 7. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ………………………………………………………………………

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………




ต�วิอย�างการสร�าง Animation


จั�ดัประสงค�ปลุ่ายทาง

น กเร�ยนสามูารถสร�างภาพื้เคล$,อนไห็วอย+างง+าย ๆ ได้�จั�ดัประสงค�น'าทาง

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 ว�,งไป็ต้ %งแต้+จ�ด้เร�,มูต้�นและไป็จนถงจ�ด้ส�ด้ทึ�าย


การเปลุ่�"ยนแปลุ่งต�วิอ�กษรต้+อไป็จะเป็�นการสร�าง 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 แล�ว




แผู้นการเร�ยนร� �ทึ�, 12 เร$,อง Flash ก บภาพื้ยนต้ร'และเส�ยง เวลา 3 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………



2. ผู้ลุ่การเร�ยนร��ท�"คาดัห์วิ�งน กเร�ยนร� �จ กการใส+เส�ยงด้�วยว�ธุ�ต้+าง ๆ ได้�

3. สาระการเร�ยนร��1. การน3าไฟล'ภาพื้ยนต้ร'มูาใช�ใน Flash

2. ไฟล'เส�ยงทึ�,ใช�ใน Flash

3. การจ ด้การเส�ยงด้�วย Sound Properties

4. การจ ด้การเส�ยง5. การใส+เส�ยงใน Frame

6. การลบเส�ยงใน Frame

7. การใส+เส�ยงในป็�<มูกด้8. การใส+เส�ยงป็ระกอบฉากใน Frame




)ห์น�วิยท�" 12 Flash ก�บภาพแลุ่ะเส�ยงตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash

ตอนท�" 12.2 การใส�เส�ยงใน Frame

ก'าห์นดัภาระงาน- ผู้��สอนเกร�,นน3าเก�,ยวก บจ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น ก เ ร� ย น ส า มู า ร ถ อธุ�บายเก�,ยวก บ ไฟล'เส�ยงทึ�,ใช�ใน Flash ได้�- ผู้�� สอนบอกกล+ าวก บน กเร�ยนว+า ในจ�ด้ป็ระสงค'น�% น ก เร�ยนจะต้�องร� �จ กระบบเส�ยงใน Flash และร� �ว�ธุ�การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash ได้�อย+างถ�กต้�อง- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�,นน3าเก�,ยวก บ

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash

- ใ บ ค ว า มู ร� � ทึ�, 12

เร$,อง ไฟล'เส�ยงทึ�,ใช�“

ใน Flash”


- ส$, ออ� เล4กทึรอน�กส'

20

20


ก�บเส�ยง

จ�ด้ป็ระสงค'การเร�ยนร� � ด้ งน�%- น กเร�ยนสามูารถอธุ�บายเก�,ยวก บ การใส+เส�ยงใน Frame ได้�- ในจ�ด้ป็ระสงค'น�% น กเร�ยน เร�ยนมูาแล�วว+า Frame

ค$ออะไร ต้อนน�%น กเร�ยนจะต้�องทึ3าการใส+เส�ยงลงใน Frame ทึ�,ก3าห็นด้- น กเร�ยน จะต้�องสร�างป็�<มูกด้และสามูารถใส+เส�ยงลงไป็ในป็�<มูกด้ได้�- น กเร�ยนร บภาระงาน

- ผู้��สอนเกร�"นน'าเก�"ยวิก�บจั�ดัประสงค�การเร�ยนร�� ดั�งน�!- น กเร�ยนสามูารถ ใช�ห็น�าต้+าง Properties ก บเส�ยงได้�- ใ น จ� ด้ ป็ ร ะ ส ง ค' น�% น กเร�ยนจะต้�องร� �จ กการแก�ไข้ เส�ยงทึ�,น3าเข้�ามูาได้�- น ก เ ร� ย น ส า มู า ร ถทึ3างานได้�ต้รงต้ามูค3าส ,งจงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'- น กเร�ยนร บภาระงาน

ว�ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”


20


(นาท�)

ห์น�วิยท�" 12 Flash ก�บ น�ยามภาระงาน- ส$, ออ� เล4กทึรอน�กส' 30

ภาพแลุ่ะเส�ยงตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash




- ผู้��สอนแจกใบความูร� �ทึ�, 12 เร$,องไฟล'เส�ยงทึ�,ใช�ใน Flash เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนเร�,มูอธุ�บายถงระบบเส�ยงใน Flash ให็�น กเร�ยนเข้�าใจก+อนว+า มู�ไฟล' เส�ยงแบบใด้บ� างทึ�,ส ามูารถน3า เข้� ามูา ใช� ใน Flash ได้�- ผู้��สอนให็�น กเร�ยนแต้+ละค�+ Import ไฟล'เส�ยงเข้�ามูาเก4บไว� ค�+ละ 10 เส�ยง - น ก เ ร� ย น ส า มู า ร ถ Import ไฟล'เส�ยงได้� ต้ามูทึ�,ผู้��สอนก3าห็นด้ได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้�� ส อ น ใ ห็� น ก เ ร�ย น Import ร�ป็ภาพื้ เห็มู$อนก บเน$%อเร$,อง 1 เร$,องเข้�ามูาไว�ใน Frame

- ผู้�� ส อ น ใ ห็� น ก เ ร� ย น

ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash

- ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”


- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash

- ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”


25

25

Import เ ส� ย ง ทึ�, ค� ด้ ว+ าเห็มูาะสมูก บภาพื้น %น ๆ จากน %นให็�น3าเส�ยงใส+เข้�าไป็ใ น Frame ทึ�, ภ า พื้ น % นบ นทึกอย�+- ภาพื้ทึ�,ก3าห็นด้สามูารถมู�เส�ยงได้�ต้รงต้ามูค3าส ,งข้องผู้��สอน จงจะถ$อว+าผู้+านจ�ด้ป็ระสงค'


- ผู้�� ส อ น ใ ห็� น ก เ ร� ย นทึด้ลองก3าห็นด้เส�ยง จากห็น�าต้+าง Properties

- ผู้��สอนให็�น กเร�ยนสร�างป็�<มูกด้ ต้ามูใบความูร� �ทึ�,ก3าห็นด้ให็� โด้ยจะใส+ส�ห็ร$อใส+เส�ยงป็�<มูกด้แบบใด้ก4ได้�- เมู$, อน ก เร�ยนทึ3า งานเสร4จแล�ว ผู้��สอนจะต้�องต้รวจงานก+อน ถงจะถ$อว+าน กเร�ยนผู้+านจ�ด้ป็ระสงค'

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแ ผู้ น ก า ร เ ร� ย น ร� � ทึ�, 12 เร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash

- ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”




)ตอนท�" 12.1 ไฟ้ลุ่�เส�ยงท�"ใชี�ใน Flash

- ระบบเส�ยงใน Flash

- การน3าไฟล'เส�ยงเข้�ามูาใช�ใน Flash



ใน Flash”


10


- การใส+เส�ยงใน Frame

- การลบเส�ยงทึ�,ก3าห็นด้ไว�ใน Frame

- การใส+เส�ยงในป็�<มูกด้



ใน Flash”


10



- การใช�ห็น�าต้+าง Properties ก บเส�ยง- การป็ร บแต้+งเส�ยงด้�วย Edit Envelope

- ส$, ออ� เล4กทึรอน�กส'ว� ช า การส ร�า งงานแ บ บ มู ล ต้� มู� เ ด้� ย (Flash MX) ห็ ว ข้� อแผู้นการเร�ยนร� �ทึ�, 12 เ

10

ร$,อง ไฟล'เส�ยงทึ�,ใช�ใน Flash - ใ บ ค ว า มู ร� � ทึ�, 12


ใน Flash”


ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนผู้��สอนส�+มูน กเร�ยนในช %นเร�ยน 5 – 10 คนข้%นมูาถามูเก�,ยวก บ ไฟล'เส�ยง

ทึ�,ใช�ได้�ใน Flash มู�นามูสก�ลใด้บ�าง จากน %นผู้��สอนทึ3าการสร�ป็ป็>ด้ทึ�าย ใช�เวลา 10 นาทึ� 6. ภาระงานท�" 12

ภาระงานทึ�, 12 บอกระบบเส�ยงใน Flash

7. ส,"อการเร�ยนการสอน7.1CD ช+วยสอน ว�ชาคอมูพื้�วเต้อร' (การสร�างงานแบบมู ลต้�มู�เด้�ย (Flash

MX ))7.2ใบความูร� �ทึ�, 12 เร$,อง “Flash ก บภาพื้ยนต้ร'และเส�ยง”

7.3เคร$,องคอมูพื้�วเต้อร'และโป็รแกรมู Flash MX



9. ห์ลุ่�กฐานการเร�ยนร��ภาระงานทึ�, 11 เร$,อง ระบบเส�ยงใน Flash

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 12 เร,"องการใส�เส�ยง


ด้�มูาก ด้� ป็ร บป็ร�ง

1. น กเร�ยนสามูารถบอกระบบเส�ยงใน Flash ได้�

2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


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) เพื้�,มูข้%นให็�เราป็ร บแต้+งเส�ยงได้�



แผู้นการเร�ยนร� �ทึ�, 13 เร$,อง การเผู้ยแพื้ร+ Flash Movie เวลา 2 ช ,วโมูงภาคเร�ยนทึ�, ………. ป็Aการศึกษา ……………

1 มาตรฐานการเร�ยนร�� ง 4.1


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




)ห์น�วิยท�" 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


(นาท�)

ห์น�วิยท�" 13 การเผู้ยแพร� Flash Movie

ตอนท�" 13.1 การ Publish

น�ยามภาระงาน- ผู้��สอนแจกใบความูร� �ทึ�, 13 เร$,องการเผู้ยแพื้ร+ Flash Movie เพื้$,อให็�น กเร�ยนได้�ด้�ป็ระกอบ ข้ณะทึ�,ผู้��สอนทึ3าการอธุ�บายต้ามูข้ %นต้อน- ผู้��สอนให็�น กเร�ยนจ บค�+ จ าก น %น ใ ห็�น ก เ ร�ย น เ ข้� าโป็รแกรมู Flash MX

- ผู้��สอนเร�,มูอธุ�บายถงค ว า มู ห็ มู า ย ข้ อ ง ก า ร Publish แบบต้+าง ๆ - ผู้��สอนให็�น กเร�ยนสร�าง




50

File Flash ทึ�, เ ป็� น ภ า พื้เคล$,อนไห็ว ข้%นมูา 1 อย+าง เพื้$, อทึ3า การ Export ให็�เป็�น Flash Movie

- น ก เ ร� ย น ส า มู า ร ถ Export ไฟล'ออกไป็วางไว�ทึ�, ห็น� าจอ Desktop ได้� ถ$อว+าผู้+านจ�ด้ป็ระสงค'



)ตอนท�" 13.1 การ Publish

- การ Publish เป็�น Flash Movie- การ Publish เป็�น HTML- การ Publish เป็�น ไฟล' GIF

- การ Publish เป็�น ไฟล' JPEG- การ Publish เป็�น ไฟล' PNG- การ Publish เป็�น ไฟล' Quit Time- การ Export Movie

และ Export Image




20

ขั้�!นท�" 4 ทดัสอบห์ลุ่�งเร�ยนให็�น กเร�ยนแบ+งกล�+มูออกเป็�น 5 กล�+มู เพื้$,อสร�ป็เก�,ยวก บการ Publish

ไฟล'แบบต้+าง ๆ ห็ล งจากน %นให็�ส+งต้ วแทึนกล�+มูออกมูารายงานห็น�าช %นเร�ยน ผู้��สอนเป็�นผู้��สร�ป็ป็>ด้ทึ�าย ใช�เวลา 20 นาทึ�การ Publish เป็�น Flash Movie

1. การ Publish เป็�น HTML

2. การ Publish เป็�น ไฟล' GIF

3. การ Publish เป็�น ไฟล' JPEG

4. การ Publish เป็�น ไฟล' PNG

5. การ Publish เป็�น ไฟล' Quit Time


ป็ฏิ�บ ต้�งานก บเคร$,องคอมูพื้�วเต้อร' การน3าเสนองาน


(Flash MX ))7.2 ใบความูร� �ทึ�, 13 เร$,อง การเผู้ยแพื้ร+ “ Flash Movie”




9. ห์ลุ่�กฐานการเร�ยนร��ผู้ลงานทึ�,น กเร�ยน Export ออกมูาวางไว�ทึ�,ห็น�าจอ Desktop

10. การประเม�นการเร�ยนร�� แบบประเม�นชี�!นงานท�" 13 เร,"อง การน'าเสนองาน


ด้�มูาก ด้� ป็ร บป็ร�ง1. น กเร�ยนสามูารถน3าไฟล'งานทึ�,สร�าง

ข้%น ออกไป็วางไว�ทึ�,ห็น�าจอ Desktop ได้�

2 น กเร�ยนมู�ความูค�ด้ร�เร�,มูสร�างสรรค'3. น กเร�ยนมู�ความูต้ %งใจในการทึ3างาน 4. ความูต้รงต้+อเวลาในการส+งงาน


12. ขั้�อเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………




การเผู้ยแพร� Flash Movie


จั�ดัประสงค�ปลุ่ายทางน กเร�ยนสามูารถเผู้ยแพื้ร+ผู้ลงาน โด้ยการ 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นการ

ประเม�นความูยากง+าย

ข้องช�%นงาน

ความูค�ด้สร�างสรรค'

ความูป็ระณ�ต้ รวมู


12345678

(ลงช$,อ)……………………………………………….ผู้��ป็ระเมู�น

(……………………………………………..)

เกณฑ์�การให์�คะแนนค�ณภาพชี�!นงาน (10 คะแนน)ป็ระเด้4นการป็ระเมู�น


ความูยากง+ายข้องช�%นงาน

ช�%นงานมู�ความูซี บซี�อน

มู�รายละเอ�ยด้มูาก

มู�ห็ล กฐานแสต้งถงการห็าข้�อมู�ลจากแห็ล+ง

เร�ยนร� �ทึ�,ห็ลากห็ลาย

ช�%นงานมู�ความูซี บซี�อน แต้+ย งข้าด้รายละเอ�ยด้เทึ+าทึ�,ควร มู�ห็ล กฐานการห็าข้�อมู�ลจากแห็ล+งทึ�,ห็ลากห็ลาย

ช�%นงานไมู+ซี บซี�อนไมู+มู�รายละเอ�ยด้เทึ+าทึ�,ควร มู�ห็ล กฐานการค�นคว�าจากแห็ล+งมู�ลเพื้�ยงแห็ล+งเด้�ยว

ช�%นงานข้าด้รายละเอ�ยด้ทึ�,น+าสนใจถงแมู�จะมู�ห็ล กฐานการค�นคว�าจากแห็ล+งข้�อมู�ล

เป็�นช�%นงานง+าย ๆ ทึ�,ค ด้ลอกจากแห็ล+งข้�อมู�ล

ความูค�ด้สร�างสรรค' - -

เป็�นช�%นงานทึ�,แสด้งถงความูค�ด้ทึ�,พื้ยายามูสร�างสรรค'งานให็มู+ ๆ

เป็�นช�%นงานทึ�,แสด้งถงการป็ร บป็ร�ง

ด้ ด้แป็ลงจากช�%นงานทึ ,วไป็

เป็�นช�%นงานทึ�,เห็มู$อนก บต้ วอย+างห็ร$อค ด้ลอกผู้ลงานทึ ,วไป็

ความูป็ระณ�ต้- - -

มู�ความูป็ระณ�ต้

ต้กแต้+งสวยงามูมู�การต้กแต้+ง แต้+ข้าด้ความูป็ระณ�ต้

แบบประเม�นการท'างานกลุ่��มประเดั2นการ

ประเม�นความูร+วมูมู$อ ข้ %นต้อนการ

ทึ3างานห็น�าทึ�,ร บผู้�ด้ชอบ รวมู


12345678

(ลงช$,อ)……………………………………………….ผู้��ป็ระเมู�น

(……………………………………………..)

เกณฑ์�การให์�คะแนนการท'างานกลุ่��ม (10 คะแนน)

ป็ระเด้4นการป็ระเมู�น


ความูร+วมูมู$อ ทึ�กคนร บผู้�ด้ข้อบในห็น�าทึ�,ทึ�,ได้�ร บมูอบห็มูาย ช+วยเห็ล$องานนอกเห็น$อห็น�าทึ�,ด้� การป็ระสานงานในกล�+มูด้�

ทึ�กคนร บผู้�ด้ชอบห็น�าทึ�,ทึ�,ได้�ร บมูอบห็มูายแต้+ข้าด้การช+วยเห็ล$อผู้��อ$,น การป็ระสานงานในกล�+มูบกพื้ร+อง

บางคนร บผู้�ด้ชอบในห็น�าทึ�, ข้าด้การช+วยเห็ล$อผู้��อ$,น การป็ระสานงานในกล�+มูบกพื้ร+อง

ส+วนมูากไมู+ร บผู้�ด้ชอบงานข้าด้การป็ระสานงานในกล�+มู

ทึ�กคนทึ3างานทึ�,ได้�ร บมูอบห็มูายเทึ+าน %นข้าด้การป็ระสานงานกล�+มู

ข้ %นต้อนการทึ3างาน - -

ก3าห็นด้ข้ %นต้อนซี ด้เจน เห็4นภาพื้การทึ3างานต้ลอด้แนว มู�ความูส3าเร4จข้องงานทึ�,เห็4นได้�ซี ด้เจน

ก3าห็นด้ข้ %นต้อนช ด้เจน แต้+ข้าด้ความูสมูบ�รณ'ข้องงานบางส+วน

ข้ %นต้อนข้องงานไมู+ช ด้เจนทึ3าให็�เก�ด้ความูข้ ด้ข้�องในกากทึ3างาน

ห็น�าทึ�,ร บผู้�ด้ชอบ- - -

ทึ�กคนได้�ร บมูอบห็น�าทึ�,/ภาระงานต้ามู

ทึ�กคนได้�ร บมูอบห็น�าทึ�,/ภาระงานแต้+

ความูเห็มูาะสมู และป็ฏิ�บ ต้�งานอย+างเต้4มูความูสามูารถ ทึ3าให็�งานเสร4จสมูบ�รณ'

ทึ3างานไมู+เต้4มูความูสามูารถ งานเสร4จไมู+สมูบ�รณ'

แผนการสอน Flash mx

Technology