Top Banner
คคคคคคคคคคคค Adobe Flash CS3 Professional คคคคคคคคค คคคคคคคคคคคค คคคคคคคคคคคคคค คคคคคคคคคคคคคคคคคคคคคค คคคคคคคคค คคคคคคคคคคค คคคคคคคคคคค 5210600351 คคคคคคค คคคคคคคคคคคคคค 5210602265 คคคคคคคคคคคคค คคคคคคคคคคค 5210602354 คคคคคคคคค คคคคคคคค 5210602397 คคคคคคคคคคคค คคคคคคคค 5210602427 Flash CS3 Flash CS3 คคคคคคคคคคคค Adobe Flash CS3 Professional คคคคคคคคค
37

คู่มือFlash CS3

Dec 05, 2014

Download

Documents

Paweena Phochan

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

จั�ดทำ�าโดยนางสาวิปวิ(ณา โพธิ์#+จั�นทำร

5210600351

นายนภดลั ร-�งเร�องธิ์นาผู้ลั 5210602265

นางสาวิร�ช้น(กร อ- �มืบื้างต้ลัาด 5210602354

นายศึร�ณย ร�ต้นจัรณะ 5210602397

นายส#ทำธิ์#พงษ ส�มืฤทำธิ์#+ 5210602427

Flash CS3Flash CS3

คู่��มื�อการใช้� Adobe

Flash CS3 Professional เบื้��องต้�น

Page 2: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

Adobe Flash CS3 Professional เป็�นโป็รแกรมที่��สามารถสร�างภาพกราฟิ�กและภาพเคล��อนไหวได้�มากมายหลายร �แบบ ที่��ส#าค$ญค�อ เป็�นโป็รแกรมสร�างภาพเคล��อนไหวแบบ Flash Animation ที่��สมบ รณ์'แบบที่��ส(ด้ ม�ค(ณ์สมบ$ติ*ที่��เด้+นหลายด้�านค�อ ร ป็แบบไฟิล'ม�ขนาด้เล-ก สามารถแสด้งภาพออกมาได้�ชั$ด้เจน ม�ล กเล+นติ+าง ๆ มากกว+าภาพเคล��อนไหวแบบอ��น ๆ ที่��ใชั�งานก$นอย +บนเว-บ สามารถสร�างเป็�นหน�าเว-บที่��โติ�ติอบก$บผู้ �ใชั�งานได้�ที่$นที่�

1. Menu Bar

เป็�นแถบส#าหร$บเก-บค#าส$�งติ+าง ๆ ของโป็รแกรมไว�ที่$3งหมด้ ติ$วอย+างเชั+น ค#าส$�งสร�าง Movie เป็�ด้ moive /ป็�ด้ movie ค#าส$�งป็ร$บแติ+งค+าติ+าง ๆ ของ movie และอ��น ๆ

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

ร��จั�กก�บื้ Adobe Flash CS3 Professional

ส�วินประกอบื้หลั�กของ Flash CS3

4

2

3

1

56

7

1

Page 3: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

2. Tools Box

เป็�นที่��ส#าหร$บจ$ด้เก-บเคร��องม�อที่��ติ�องใชั�งานเป็�นป็ระจ#าไว� ได้�แก+เคร��องม�อด้$งน�3

3.Stage พ��นทำ(0ทำ�างาน

ในการสร�างภาพเคล��อนไหวหร�อสร�างชั*3นงานจะติ�องสร�างลงบนพ�3นที่��ส+วนน�3 ซึ่5�งเป็�นส+วนของพ�3นที่��ที่#างานบนโป็รแกรม โด้ยสามารถก#าหนด้ส�ส$นและขนาด้ได้�ติามติ�องการ

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

Arrow

LinePen

Pencil

SubselectLessoTextRectangleBrushPaint Bucket

Ink BottleEyedro

pperEraser

Hand

Free Transform

Stroke Color

Zoom

Swap Colors

Fill ColorDefault

Colors

2

Page 4: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

4.Timeline Panel

เป็�น Panel ส#าหร$บก#าหนด้ชั+วงจ$งหวะเวลาของภาพเคล��อนไหว ซึ่5�งสามารถก#าหนด้ได้�ถ5ง 2000 เฟิรม รวมที่$3งแสด้ง ให�เห-น Layer ติ+าง ๆ ที่��สร�างข53นมาใชั�งาน

5.Properties Panel

เป็�น Panel ส#าหร$บก#าหนด้ค(ณ์สมบ$ติ*ติ+าง ๆ ของว$ติถ(ที่��ติ�องการเล�อกป็ร$บแติ+ง รวมถ5งการป็ร$บแติ+งค(ณ์สมบ$ติ*ของพ�3นที่��ที่#างานด้�วย เชั+น สามารถป็ร$บแติ+งขนาด้ ป็ร$บส�ฉาก การจ$ด้วางเป็�นติ�น

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

Frame-by-frame animation

Twooned Timeline

Play headEmpty key frame

Guide layer icon

Frame View pop-up menu

Center frame buttonOnion-

skinning

Elapsed timeFrame rate

Selected frame number

3

Page 5: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

6.Actions Panel

เป็�น Panel ส#าหร$บก#าหนด้ค#าส$�งพ*เศษติ+าง ๆ ซึ่5�งเป็�นค#าของ Flash

Movie โด้ยเฉพาะ ลงไป็ก$บภาพเคล��อนไหว

7.All Panel

เป็�นเคร��องม�อเสร*มส#าหร$บชั+วยให�สามารถที่#างานในโป็รแกรมได้�คล+องติ$วข53น เชั+น เล�อกส� ป็ร$บขนาด้ เป็�นติ�น และย$งสามารถเล�อกล-อก Panel

ติ*ด้ก$นเป็�นชั(ด้เพ��อใชั�งาน และเล�อกป็�ด้เป็�ด้ได้�อย+างสะด้วก

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

4

Page 6: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

ภาพเคล��อนไหวแบบจ$งหวะติ+อจ$งหวะ (Frame by Frame)

เป็�นการสร�างภาพเคล��อนไหวแบบพ�3นฐาน โด้ยผู้ �สร�างจะติ�องสร�างการเคล��อนไหวในแติ+ละจ$งหวะเอง โด้ยให�ภาพออกมาในล$กษณ์ะจ$งหวะติ+อจ$งหวะ ติ+อก$นไป็เร��อย ๆ จนเป็�นภาพเคล��อนไหวที่��สมบ รณ์'แบบ

ภาพเคล��อนไหวแบบ Tween Animation เป็�นการสร�างภาพเคล��อนไหวโด้ยให�โป็รแกรมเป็�นผู้ �จ$ด้การสร�างจ$งหวะ ในการที่#างานให�โด้ยอ$ติโนม$ติ* ซึ่5�งภาพที่��ได้�ออกมาจะม�ความสวยงามและม�จ$งหวะราบร��น

F5 (Frame) ค�อ ระยะเวลาของภาพเคล��อนไหวที่(ก Frame

แสด้งเหม�อนก$นหมด้ เชั+น หาก Frame ที่�� 1 วาด้ร ป็วงกลม Frame

ที่�� 1 – 100 ก-จะกลายเป็�นร ป็วงกลมที่$3งหมด้

F6 (Key Frame) ค�อการสร�างจ$งหวะในชั+อง Frame ให�แติกติ+างก$นในแติ+ละ Frame เป็�นจ(ด้เร*�มติ�นของการสร�างภาพเคล��อนไหว ค�อ เม��อเก*ด้ความแติกติ+างของจ$งหวะที่��จะเก*ด้ภาพเคล��อนไหว

ค�อการที่ด้สอบการที่#างานของภาพเคล��อนไหว เล�อกค#าส$�ง Control > Test Movie หร�อกด้ Ctrl + Enter

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การสร�างภาพเคู่ลั�0อนไหวิ

คู่วิามืแต้กต้�างของ F5 ก�บื้ F6

การทำดสอบื้ Movie

5

Page 7: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

ไฟิล' .Fla จะเป็�นไฟิล'ที่��ม�การบ$นที่5กข�อม ลติ+าง ๆ เอาไว�ที่$3งหมด้จะม�ขนาด้ไฟิล'ที่��ใหญ+ เป็�นติ�นฉบ$บ ไม+สามารถน#า ไป็แสด้งบน Flash

Player หร�อบนเว-บบราวเซึ่อร'อ*นเที่อร'เน-ติด้$งน$3นการ Save ไฟิล'ในร ป็แบบน�3จ5งเป็�นการบ$นที่5กเพ��อนเอาไว�แก�ไขหร�อป็ร$บแติ+ง Movie การบ$นที่5กที่#าได้�โด้ยเล�อก File > Save หร�อ File > Save as

ไฟิล' .swf เป็�นไฟิล'ที่��จะน#าไป็ใชั�จร*งบน Flash Player หร�อบนอ*นเติอร'เน-ติซึ่5�ง ไฟิล' Movie ในร ป็แบบน�3แสด้งผู้ลได้�อย+างเด้�ยว แก�ไขไม+ได้�บ$นที่5กโด้ยเล�อก File > Export Movie ในชั+อง Save as type

เล�อกร ป็แบบ .swf < กด้ OK

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การ Save ไฟลั

.fla

6

Page 8: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. New File หร�อ กด้ Ctrl + N

2. คล*กเฟิรมที่�� 1 สร�างวงกลม 1 วงพร�อมพ*มพ'เลข 1 ลงไป็ด้$งร ป็

3. สร�างเฟิรมที่�� 2 โด้ยกด้ป็(:ม F6 เพ��อเพ*�มค�ย'เฟิรม จะได้�ภาพเหม�อนเฟิรมแรก จากน$3นคล*กที่��เมน Edit > Select All แล�วคล*กที่�� Edit >

Copy เพ��อค$ด้ลอกวงกลมพร�อมติ$วเลข แล�วคล*ก Edit > Paste in

Place เพ��อวางร ป็วงกลมซึ่�อนในติ#าแหน+งเด้*ม แล�วใชั� Arrow Tool

เล�อกที่$3งร ป็แล�วย�ายไป็ที่างขวาของวงกลมเด้*ม โด้ยในขณ์ะที่��ย�ายให�กด้ป็(:ม Shift บนค�ย'บอร'ด้ค�างไว�ด้�วย จากน$3น ให�เป็ล��ยนติ$วเลขในวงกลมขวาม�อในเฟิรมที่�� 2 จากเลข 1 เป็�น เลข 2

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

.swfการสร�าง Animation แบื้บื้ Frame By Frame

2

3

7

Page 9: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

4. สร�างเฟิรมที่�� 3 โด้ยกด้ป็(:ม F6 เพ��อเพ*�มค�ย'เฟิรม จะได้�ภาพเหม�อนเฟิรมที่�� 2 จากน$3นใชั� Arrow Tool เล�อกวงกลมด้�านขวาม�อ พร�อมเลข 2 ในวงกลม แล�วคล*กที่�� Edit > Copy เพ��อค$ด้ลอกแล�วคล*ก Edit >

Paste in Place เพ��อวางร ป็วงกลมซึ่�อนในติ#าแหน+งเด้*ม แล�วใชั� Arrow Tool เล�อกติ#าแหน+งวงกลมที่�� 2 ที่$3งร ป็แล�วย�ายไป็ที่างขวา โด้นในขณ์ะที่��ย�ายให�กด้ป็(:ม Shift บนค�ย'บอร'ด้ค�างไว�ด้�วย จะได้�วงกลมชั*3นที่�� 3 จากน$3นให�เป็ล��ยนติ$วเลขในวงกลมจากเลข 2 เป็�นเลข 3

5. จากน$3นมาใชั�เมาส'คล*กที่��พ�3นที่��ว+างบน Stage แล�วก#าหนด้ Frame

Rate ให�เที่+าก$บ 1 เฟิรมติ+อว*นาที่� แล�วที่ด้ลองกด้ป็(:ม Enter

เพ��อด้ ติ$วอย+าง หร�อกด้ Ctrl + Enter เพ��อด้ ผู้ลงาน

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร 5

8

3

Page 10: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. New File หร�อ กด้ Ctrl + N

2. คล*กเฟิรมที่�� 1 สร�างร ป็ส��เหล��ยม 1 ร ป็

3. คล*กที่��เฟิรม 30 เล�อกค#าส$�ง Insert > Keyframe หร�อกด้ป็(:ม F6 เพ��อเพ*�ม Keyframe

4. กด้ป็(:ม Delete ที่��ค�ย'บอร'ด้ 1 คร$3ง เพ��อลมร ป็ส��เหล��ยมออกแล�วสร�างร ป็วงกลมข53นมาแที่นที่��ส��เหล��ยม จะได้�ภาพเฟิรมที่�� 1 เป็�นส��เหล��ยมและภาพเฟิรมที่�� 30 เป็�นวงกลม

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การสร�าง Animation แบื้บื้ Shape Tweening

2

3

9

Page 11: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

5. คล*ด้ที่��เฟิรมที่�� 1 ก#าหนด้ Properties ในชั+อง Tween

เป็�น Shape จะพบว+าม�เส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 30

6. ที่ด้สอบการที่#างานโด้ยกด้ Enter หร�อคล*ด้ Play ที่�� Windows Controller จะพบว+า ร ป็ส��เหล��ยมจะเป็ล��ยนแป็ลงร ป็ร+างกลายเป็�นร ป็วงกลม

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

4

5

10

Page 12: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. New File หร�อ กด้ Ctrl + N

2. คล*กที่��เฟิรมที่�� 1 แล�วพ*มพ'ข�อความลงบน Stage

3. เล�อกเคร��องม�อ Arrow Tool แล�วคล*กเล�อกข�อความ “Multimedia” น#าไป็วางไว�ที่��ม(มล+างซึ่�ายของ Stage หร�อในจ(ด้ที่��ติ�องการ

4. คล*กที่��เฟิรม 25 เล�อก Insert > Keyframe หร�อกด้ F6 จะได้�ข�อความเหม�อนเด้*ม (“Multimedia”) ที่��เฟิรม 25 จากน$3นใชั�เคร��องม�อ Arrow Tool คล*กลากข�อความไป็วางไว�ที่��ม(มบนขวาของ Stage

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

หมืายเหต้- กรณ์�ที่��เป็�นติ$วอ$กษร ให�ใชั�หล$กการเด้�ยวก$น ค�อ1. ก#าหนด้ว$ติถ(ในเฟิรมเร*�มติ�น และก#าหนด้ว$ติถ(ในเฟิรมส(ด้ที่�าย2. กรณ์�ที่��เป็�นติ$วอ$กษร ให�ที่#าการ Break Apart (Ctrl +

B) ก+อน ที่$3งเฟิรมเร*�มติ�นและเฟิรมส(ด้ที่�าย โด้ยค#าส$�ง Break Apart เร�ยกได้�จาก Modify >Break Apart

การสร�าง Animation แบื้บื้ Motion Tweening

2

3

11

Page 13: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

5. ก#าหนด้ Properties ในชั+อง Tween เป็�น Motion ก#าหนด้ Rotate เป็�นแบบ CW (ติามเข-มนาฬิ*กา) จ#านวน 1 รอบ จะเก*ด้เส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 25 ที่�� Timeline

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

Page 14: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

6. ที่#าการที่ด้สอบโด้ยการกด้ป็(:ม Play ที่�� Window > Tool bar

> Controller จะได้�ข�อความ “Multimedia” หม(น 1 รอบจากจ(ด้เร*�มติ�นไป็ย$งจ(ด้ส(ด้ที่�าย

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

5

12

Page 15: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

หมืายเหต้- ถ�าเป็�นร ป็กราฟิ�กที่��สร�างข53นจากเคร��องม�อของโป็รแกรม จะ

ที่#าการ Motion ได้�ก-ติ+อเม��อที่#าการรวมกราฟิ�กน$3น ๆ ก+อน โด้ยเล�อกค#าส$�ง Modify > Group

การสร�าง Animation โดยการ Mask Layer

13

14

Page 16: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. New File หร�อกด้ Ctrl + N ก#าหนด้ส�พ�3นหล$ง (Background) เป็�นส�ด้#า

2. คล*ด้ที่��เฟิรมที่�� 1 พ*มพ'ข�อความว+า “Animation” โด้ยเล�อกร ป็แบบติ$วอ$กษรและส�ติามติ�องการ

3. จากน$3นคล*กที่��เฟิรม 30 กด้ป็(:มเพ*�มเฟิรม (F5)

4. ที่#าการเพ*�ม Layer ใหม+ โด้ยคล*กค#าส$�ง Insert > Layer จะได้� Layer 2 เพ*�มข53นมา

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

2

4

3

Page 17: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

5. สร�างภาพวงกลมที่��เฟิรมที่�� 1 ของ Layer 2 ที่��ด้�านซึ่�ายของค#าว+า “Animation”

6. จากน$3นลอกค#าส$�ง Insert > Create Motion Tween แล�วคล*กเฟิรมที่�� 30 กด้ป็(:ม F6 เพ��อเพ*�ม Keyframe จากน$3นใชั�เมาส'คล*กภาพว$ติถ(วงกลมไป็วางไว�ที่างด้�วนขวาของค#าว+า “Animation”

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

5

15

Page 18: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

7. เม��อที่ด้สอบโด้ยการกด้ Enter หร�อคล*กป็(:ม Play จะเห-นภาพวงกลมว*�งไป็บนข�อความ “Animation”

8. คล*กเมาส'ที่�� Layer 2 แล�วเล�อกค#าส$�ง Mask โด้ยคล*กขวาของเมาส'ที่�� Layer 2 แล�วเล�อกค#าส$�ง Mask

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

6

16

Page 19: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

9. เม��อที่ด้สอบการที่#างานก-จะพบว+าข�อความ “Animation” จะแสด้งเม��อม� Mask (Layer บน) เคล��อนที่��ผู้+านเที่+าน$3น

1. New File หร�อกด้ Ctrl + N แล�ววาด้ร ป็ป็ลาไว�ที่��ร *ม Stage

ด้�านซึ่�าย (เพ��อให�ว+ายไป็ด้�านขวา)2. จากน$3นเล�อกค#าส$�ง Insert > Create Motion Tween

เฟิรมเร*�มติ�นอย +ที่างด้�านซึ่�ายในเฟิรมที่�� 1

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การสร�าง Animation โดยใช้� Motion Guide

17

Page 20: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

3. คล*กที่��เฟิรม 40 แล�วเพ*�ม Keyframe โด้ยการกด้ป็(:ม F6 จะ

ได้�ภาพเหม�อนเฟิรมที่�� 1 ค�อภาพป็ลาที่��ติ#าแหน+งเด้�ยวก$นจากน$3น ใชั�เมาส'คล*กลากว$ติถ((ป็ลา) ไป็วางที่��ร *ม Stage ที่างด้�านขวาจะได้�ภาพป็ลาในเฟิรมที่�� 40 และจะป็รากฏเส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 40 ด้$งร ป็

4. เม��อที่ด้สอบด้ ขณ์ะน�3 จะพบว+าป็ลาจะเคล��อนที่��จากขอบด้�านซึ่�ายไป็ด้�านขวา ในล$กษณ์ะเส�นติรง

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

2

3

1

Page 21: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

5. การก#าหนด้เส�นที่างการเคล��อนที่�� (Motion Guide) ที่#าได้�โด้ยเล�อกเมน Insert > Motion Guide เม��อเล�อกค#าส$�งน�3แล�วจะป็รากฏ Layer เพ*�มเข�ามาใน Timeline ชั��อว+า Guide

Layer 1

6. คล*กที่��เฟิรมที่�� 1 ของ Layer Guide Layer 1 แล�วใชั�เคร��องม�อ Pencil Tool จากน$3นที่#าการลากเส�นจากด้�านซึ่�ายไป็ด้�านขวาหร�อติามล$กษณ์ะที่��ติ�องการให�ป็ลาเคล��อนที่��ไป็ ติ$วอย+างร ป็

7. จากน$3นป็ร$บจ(ด้เร*�มติ�นและจ(ด้ส(ด้ที่�ายให�ก$บว$ติถ(โด้ยคล*กเมาส'ที่��เฟิรมที่�� 1 เล�อกป็(:ม Snap to objects หร�อเล�อกที่��ค#าส$�ง View Snap to objects ใชั�เมาส'ลากว$ติถ((ป็ลา) ให�เกาะติ*ด้ก$บเส�น ณ์ จ(ด้เร*�มติ�น และที่��เฟิรม 40 ลากว$ติถ(ให�เกาะติ*ด้ก$บป็ลายเส�นที่างด้�านขวาม�อ ด้$งร ป็

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

6

18

Page 22: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

8. จากน$3นที่ด้สอบการเคล��อนที่��และแก�ไขเส�นที่างได้�ติามติ�องการ แติ+การเคล��อนที่��ของว$ติถ(จะห$นไป็ที่างเด้�ยวย$งด้ ไม+เป็�นธรรมชัาติ* ก-สามารถป็ร$บให�ห$นติามเส�นที่างที่��เป็ล��ยนแป็ลงได้� โด้ยใชั�เมาส'คล*กที่��เฟิรมที่�� 1 แล�วก#าหนด้ Properties ในชั+องเล�อกที่#าเคร��องหมายถ กในชั+อง Orient to path แล�วลองที่ด้สอบการที่#างานอ�กคร$3ง

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

8

19

Page 23: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

การน#าภาพเข�ามาใชั� โด้ยใชั�ค#าส$�ง File > Import จะได้�ภาพที่��เล�อกมาป็รากฏบนพ�3นที่��การที่#างานเลย หากเล�อก File >

Import to Library ภาพจะถ กน#าไป็เก-บไว�ใน Library

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การสร�าง Animation โดยใช้� Motion Guide

20

Page 24: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. เล�อกเมน File > Import

2. ชั+อง File of type เล�อก All Sound Formats

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การใส�เส(ยงให�ก�บื้ช้#�นงาน

3

2

21

Page 25: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

3. เล�อกไฟิล'เส�ยงที่��ติ�องการ แล�วกด้ Open โป็รแกรมจะที่#าการ Import ไฟิล'เส�ยงมาใส+ไว�ใน Library

4. เป็�ด้ Library จะพบไฟิล'เส�ยงที่��น#าเข�ามา5. กด้ป็(:ม Play เพ��อที่ด้ลองฟิ>งเส�ยงได้�

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

54

Page 26: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

6. การน#าไฟิล'เส�ยงมาใส+ในชั*3นงาน ให�ลากไฟิล'เส�ยงที่��ติ�องการมาวางบนพ�3นที่��ของชั*3นงาน

7. สามารถป็ร$บแติ+งเส�ยงได้�ในชั+อง Properties โด้ยเล�อกป็ระเภที่ของ Effect แล�วกด้ป็(:ม Edit เพ��อป็ร$บแติ+งติามติ�องการ

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

7

22

Page 27: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

ป็ระโยชัน'ของ Symbol ค�อการที่#าให�ชั*3นงานที่��จะน#าออกไป็ใชั�ม�ขนาด้ไฟิล'ที่��เล-ก และสามารถน#ามาใชั�ได้�หลายคร$3ง โด้ยไม+ติ�องสร�างใหม+

1. หากจะที่#าการสร�าง Symbol จากที่��ว+าง ๆ ให�เล�อกเมน Insert

> New Symbol หร�อกด้ป็(:ม F8

2. จะป็รากฎด้$งภาพ

Symbol ม� 3 ร ป็แบบ ได้�แก+Movie Clip Symbol

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การสร�าง Symbol

1 2

23

Page 28: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

เป็�นร ป็แบบของ Symbol ที่��สามารถสร�างภาพเคล��อนไหวที่��ซึ่$บซึ่�อนได้�Button Symbol

เป็�นร ป็แบบของภาพกราฟิ�กที่��ถ กเป็ล��ยนให�กลายเป็�นป็(:มGraphic Symbol

เป็�นร ป็แบบของภาพกราฟิ�ก(ภาพน*�ง) ที่��ถ กเป็ล��ยนมาเป็�น Symbol ภาพกราฟิ�กได้�มาจากการวาด้จากเคร��องม�อใน Flash หร�อการน#าภาพจากภายนอกเข�ามาก-ได้� ภาพที่��น#าเข�ามาใชั�งานในติอนแรกจะเป็�น Bitmap ไม+สามารถแก�ไขค+าได้� หารที่#าการ Convert เป็�น Graphic Symbol จะสามารถป็ร$บแติ+งได้� เชั+น การป็ร$บแติ+ง Alpha,

tint, Brightness

เป็�นการใชั�ค#าส$�งเพ��อควบค(ม Movie เชั+น ส$�งให�เล+น ส$�งให�หย(ด้ ส$�งให�ไป็ย$งหน�าใด้ ๆ หร�อค#าส$�งที่��ซึ่$บซึ่�อนมากมาย

1. เชั+นเม��อติ�องการจะส$�งให� Stop ให�เล�อกติ#าแน+งหร�อว$ติถ(ที่��จะใส+ Action Script

2. เล�อก Action > Movie Control > Stop

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

การใช้�คู่�าส�0ง Action Script เบื้��องต้�น

1

24

Page 29: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

3. จะเก*ด้ค#าส$�ง Stop ด้$งภาพที่�� 3

ค�อการน#าไฟิล'ไป็ใชั�งานบนเว-บบราวเซึ่อร'โด้ยเล�อก File > Publish Settings > ในชั+อง Formats

เล�อกร ป็แบบ Type ที่��จะน#าไป็ใชั�งาน > กด้ OK

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

2

3

3

การ Publish

25

Page 30: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

เล�อก File > Publish โป็รแกรมจะสร�างไฟิล'ที่��ที่#าการเล�อกไว�ที่$3งหมด้

โป็รแกรม Flash CS3 หากติ�องการใชั�งานในส+วนของ Properties บางค#าส$�ง แติ+ว+าไม+สามารถใชั�งานได้�เน��องจากม�ขนาด้ล�นหน�าจอ ม�ว*ธ�การป็ร$บแก�โด้ยติ�องเข�าไป็แก�ไขค+า registry ด้$งน�3

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร

วิ#ธิ์(แก�ไขคู่�า Registry

26

Page 31: คู่มือFlash CS3

คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น

1. ไป็ที่�� Start > Run

2. พ*มพ'ค#าว+า Regedit เพ��อเป็�ด้ Registry Editor

3. เล�อกที่�� My Computer จากน$3นไป็ที่�� Menu > Edit >

Find Next

4. ติ�องที่#าการหา Registry 2 ติ$วค�อ Fixedfon.fon และ Fonts.fon พ*มพ'ค#าว+า Fixedfon.fon ลงไป็ กด้ OK

5. เม��อพบแล�วให� Double Click ที่��ชั��อ เพ��อเข�าไป็แก� Data โด้ยแก�ให�เป็�นค#าว+า vgafixed.fon

6. เม��อแก�แล�วกด้ที่�� F3 เพ��อหาจ(ด้ผู้*ด้ติ+อไป็ แก�ให�หมด้ที่(กติ$ว7. Restart เคร��องใหม+

ค#าเติ�อน การแก�ไขค+า registry น�3ควรกระที่#าโด้ยผู้ �ที่��ม�ความร �ความ ชั#านาญเก��ยวก$บ Windows ข53นส ง เพราะหากแก�ไขผู้*ด้ค+า จะที่#าให� ส+งผู้ลกระที่บติ+อระบบ Windows ได้�

คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร