คู่มือflash cs3
DESCRIPTION
TRANSCRIPT
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
จั�ดทำ�าโดยนางสาวิปวิ(ณา โพธิ์#+จั�นทำร
5210600351
นายนภดลั ร-�งเร�องธิ์นาผู้ลั 5210602265
นางสาวิร�ช้น(กร อ- �มืบื้างต้ลัาด 5210602354
นายศึร�ณย ร�ต้นจัรณะ 5210602397
นายส#ทำธิ์#พงษ ส�มืฤทำธิ์#+ 5210602427
Flash CS3Flash CS3
คู่��มื�อการใช้� Adobe
Flash CS3 Professional เบื้��องต้�น
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
6.Actions Panel
เป็�น Panel ส#าหร$บก#าหนด้ค#าส$�งพ*เศษติ+าง ๆ ซึ่5�งเป็�นค#าของ Flash
Movie โด้ยเฉพาะ ลงไป็ก$บภาพเคล��อนไหว
7.All Panel
เป็�นเคร��องม�อเสร*มส#าหร$บชั+วยให�สามารถที่#างานในโป็รแกรมได้�คล+องติ$วข53น เชั+น เล�อกส� ป็ร$บขนาด้ เป็�นติ�น และย$งสามารถเล�อกล-อก Panel
ติ*ด้ก$นเป็�นชั(ด้เพ��อใชั�งาน และเล�อกป็�ด้เป็�ด้ได้�อย+างสะด้วก
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
4
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
5. คล*ด้ที่��เฟิรมที่�� 1 ก#าหนด้ Properties ในชั+อง Tween
เป็�น Shape จะพบว+าม�เส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 30
6. ที่ด้สอบการที่#างานโด้ยกด้ Enter หร�อคล*ด้ Play ที่�� Windows Controller จะพบว+า ร ป็ส��เหล��ยมจะเป็ล��ยนแป็ลงร ป็ร+างกลายเป็�นร ป็วงกลม
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
4
5
10
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
5. ก#าหนด้ Properties ในชั+อง Tween เป็�น Motion ก#าหนด้ Rotate เป็�นแบบ CW (ติามเข-มนาฬิ*กา) จ#านวน 1 รอบ จะเก*ด้เส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 25 ที่�� Timeline
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
6. ที่#าการที่ด้สอบโด้ยการกด้ป็(:ม Play ที่�� Window > Tool bar
> Controller จะได้�ข�อความ “Multimedia” หม(น 1 รอบจากจ(ด้เร*�มติ�นไป็ย$งจ(ด้ส(ด้ที่�าย
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
5
12
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
หมืายเหต้- ถ�าเป็�นร ป็กราฟิ�กที่��สร�างข53นจากเคร��องม�อของโป็รแกรม จะ
ที่#าการ Motion ได้�ก-ติ+อเม��อที่#าการรวมกราฟิ�กน$3น ๆ ก+อน โด้ยเล�อกค#าส$�ง Modify > Group
การสร�าง Animation โดยการ Mask Layer
13
14
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
5. สร�างภาพวงกลมที่��เฟิรมที่�� 1 ของ Layer 2 ที่��ด้�านซึ่�ายของค#าว+า “Animation”
6. จากน$3นลอกค#าส$�ง Insert > Create Motion Tween แล�วคล*กเฟิรมที่�� 30 กด้ป็(:ม F6 เพ��อเพ*�ม Keyframe จากน$3นใชั�เมาส'คล*กภาพว$ติถ(วงกลมไป็วางไว�ที่างด้�วนขวาของค#าว+า “Animation”
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
5
15
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
7. เม��อที่ด้สอบโด้ยการกด้ Enter หร�อคล*กป็(:ม Play จะเห-นภาพวงกลมว*�งไป็บนข�อความ “Animation”
8. คล*กเมาส'ที่�� Layer 2 แล�วเล�อกค#าส$�ง Mask โด้ยคล*กขวาของเมาส'ที่�� Layer 2 แล�วเล�อกค#าส$�ง Mask
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
6
16
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
3. คล*กที่��เฟิรม 40 แล�วเพ*�ม Keyframe โด้ยการกด้ป็(:ม F6 จะ
ได้�ภาพเหม�อนเฟิรมที่�� 1 ค�อภาพป็ลาที่��ติ#าแหน+งเด้�ยวก$นจากน$3น ใชั�เมาส'คล*กลากว$ติถ((ป็ลา) ไป็วางที่��ร *ม Stage ที่างด้�านขวาจะได้�ภาพป็ลาในเฟิรมที่�� 40 และจะป็รากฏเส�นเชั��อมระหว+างเฟิรมที่�� 1 ก$บเฟิรมที่�� 40 ด้$งร ป็
4. เม��อที่ด้สอบด้ ขณ์ะน�3 จะพบว+าป็ลาจะเคล��อนที่��จากขอบด้�านซึ่�ายไป็ด้�านขวา ในล$กษณ์ะเส�นติรง
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
2
3
1
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
8. จากน$3นที่ด้สอบการเคล��อนที่��และแก�ไขเส�นที่างได้�ติามติ�องการ แติ+การเคล��อนที่��ของว$ติถ(จะห$นไป็ที่างเด้�ยวย$งด้ ไม+เป็�นธรรมชัาติ* ก-สามารถป็ร$บให�ห$นติามเส�นที่างที่��เป็ล��ยนแป็ลงได้� โด้ยใชั�เมาส'คล*กที่��เฟิรมที่�� 1 แล�วก#าหนด้ Properties ในชั+องเล�อกที่#าเคร��องหมายถ กในชั+อง Orient to path แล�วลองที่ด้สอบการที่#างานอ�กคร$3ง
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
8
19
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
การน#าภาพเข�ามาใชั� โด้ยใชั�ค#าส$�ง File > Import จะได้�ภาพที่��เล�อกมาป็รากฏบนพ�3นที่��การที่#างานเลย หากเล�อก File >
Import to Library ภาพจะถ กน#าไป็เก-บไว�ใน Library
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
การสร�าง Animation โดยใช้� Motion Guide
20
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
1. เล�อกเมน File > Import
2. ชั+อง File of type เล�อก All Sound Formats
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
การใส�เส(ยงให�ก�บื้ช้#�นงาน
3
2
21
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
3. เล�อกไฟิล'เส�ยงที่��ติ�องการ แล�วกด้ Open โป็รแกรมจะที่#าการ Import ไฟิล'เส�ยงมาใส+ไว�ใน Library
4. เป็�ด้ Library จะพบไฟิล'เส�ยงที่��น#าเข�ามา5. กด้ป็(:ม Play เพ��อที่ด้ลองฟิ>งเส�ยงได้�
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
54
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
6. การน#าไฟิล'เส�ยงมาใส+ในชั*3นงาน ให�ลากไฟิล'เส�ยงที่��ติ�องการมาวางบนพ�3นที่��ของชั*3นงาน
7. สามารถป็ร$บแติ+งเส�ยงได้�ในชั+อง Properties โด้ยเล�อกป็ระเภที่ของ Effect แล�วกด้ป็(:ม Edit เพ��อป็ร$บแติ+งติามติ�องการ
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
7
22
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
ป็ระโยชัน'ของ Symbol ค�อการที่#าให�ชั*3นงานที่��จะน#าออกไป็ใชั�ม�ขนาด้ไฟิล'ที่��เล-ก และสามารถน#ามาใชั�ได้�หลายคร$3ง โด้ยไม+ติ�องสร�างใหม+
1. หากจะที่#าการสร�าง Symbol จากที่��ว+าง ๆ ให�เล�อกเมน Insert
> New Symbol หร�อกด้ป็(:ม F8
2. จะป็รากฎด้$งภาพ
Symbol ม� 3 ร ป็แบบ ได้�แก+Movie Clip Symbol
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
การสร�าง Symbol
1 2
23
คู่��มื�อการใช้� 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
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
3. จะเก*ด้ค#าส$�ง Stop ด้$งภาพที่�� 3
ค�อการน#าไฟิล'ไป็ใชั�งานบนเว-บบราวเซึ่อร'โด้ยเล�อก File > Publish Settings > ในชั+อง Formats
เล�อกร ป็แบบ Type ที่��จะน#าไป็ใชั�งาน > กด้ OK
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
2
3
3
การ Publish
25
คู่��มื�อการใช้� Adobe Flash CS3 Professional เบื้��องต้�น
เล�อก File > Publish โป็รแกรมจะสร�างไฟิล'ที่��ที่#าการเล�อกไว�ที่$3งหมด้
โป็รแกรม Flash CS3 หากติ�องการใชั�งานในส+วนของ Properties บางค#าส$�ง แติ+ว+าไม+สามารถใชั�งานได้�เน��องจากม�ขนาด้ล�นหน�าจอ ม�ว*ธ�การป็ร$บแก�โด้ยติ�องเข�าไป็แก�ไขค+า registry ด้$งน�3
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร
วิ#ธิ์(แก�ไขคู่�า Registry
26
คู่��มื�อการใช้� 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 ได้�
คู่ณะผู้��จั�ดทำ�า คู่ณะศึ�กษาศึาสต้ร มืหาวิ#ทำยาลั�ยเกษต้รศึาสต้ร