คู่มือการใช้ adobe flash cs3 เบื้องต้น

คณะผจดท า คณะศกษาศาสตร มหาวทยาลยเกษตรศาสตร

คมอการใช Adobe Flash CS3 Professional เบองตน

จดท าโดย

นางสาวปวณา โพธจนทร 5210600351

นายนภดล รงเรองธนาผล 5210602265

นางสาวรชนกร อมบางตลาด 5210602354

นายศรณย รตนจรณะ 5210602397

นายสทธพงษ สมฤทธ 5210602427

Flash CS3 Flash CS3

คมอการใช Adobe

Flash CS3 Professional เบองตน



Adobe Flash CS3 Professional เปนโปรแกรมทสามารถสรางภาพกราฟกและภาพเคลอนไหวได

มากมายหลายรแบบ ทส าคญคอ เปนโปรแกรมสรางภาพเคลอนไหวแบบ Flash Animation ทสมบรณ

แบบทสด มคณสมบตทเดนหลายดานคอ รปแบบไฟลมขนาดเลก สามารถแสดงภาพออกมาไดชดเจน ม

ลกเลนตาง ๆ มากกวาภาพเคลอนไหวแบบอน ๆ ทใชงานกนอยบนเวบ สามารถสรางเปนหนาเวบทโตตอบ

กบผใชงานไดทนท

1. Menu Bar

เปนแถบส าหรบเกบค าสงตาง ๆ ของโปรแกรมไวทงหมด ตวอยางเชน ค าสงสราง Movie เปด

moive /ปด movie ค าสงปรบแตงคาตาง ๆ ของ movie และอน ๆ

รจกกบ Adobe Flash CS3 Professional

สวนประกอบหลกของ Flash CS3

4

2

3

1

5 6

7

1



2. Tools Box

เปนทส าหรบจดเกบเครองมอทตองใชงานเปนประจ าไว ไดแกเครองมอดงน

3. Stage พนทท างาน

ในการสรางภาพเคลอนไหวหรอสรางชนงานจะตองสรางลงบนพนทสวนน ซงเปนสวนของพนท

ท างานบนโปรแกรม โดยสามารถก าหนดสสนและขนาดไดตามตองการ

Arrow

Line Pen

Pencil

Subselect Lesso Text Rectangle Brush Paint Bucket Ink Bottle

Eyedropper Eraser Hand

Free Transform

Stroke Color Zoom

Swap Colors Fill Color

Default Colors

2



4. Timeline Panel

เปน Panel ส าหรบก าหนดชวงจงหวะเวลาของภาพเคลอนไหว ซงสามารถก าหนดไดถง 2000

เฟรม รวมทงแสดง ใหเหน Layer ตาง ๆ ทสรางขนมาใชงาน

5. Properties Panel

เปน Panel ส าหรบก าหนดคณสมบตตาง ๆ ของวตถทตองการเลอกปรบแตง รวมถงการปรบแตง

คณสมบตของพนทท างานดวย เชน สามารถปรบแตงขนาด ปรบสฉาก การจดวางเปนตน

Frame-by-frame animation

Twooned animation Timeline header

Play head Empty key frame

Guide layer icon Frame View pop-up menu

Center frame button

Onion-skinning buttons

Elapsed time

Frame rate

Selected frame number

3



6. Actions Panel

เปน Panel ส าหรบก าหนดค าสงพเศษตาง ๆ ซงเปนค าของ Flash Movie โดยเฉพาะ ลงไปกบ

ภาพเคลอนไหว

7. All Panel

เปนเครองมอเสรมส าหรบชวยใหสามารถท างานในโปรแกรมไดคลองตวขน เชน เลอกส ปรบ

ขนาด เปนตน และยงสามารถเลอกลอก Panel ตดกนเปนชดเพอใชงาน และเลอกปดเปดไดอยางสะดวก

4



ภาพเคลอนไหวแบบจงหวะตอจงหวะ (Frame by Frame) เปนการสรางภาพเคลอนไหวแบบ

พนฐาน โดยผสรางจะตองสรางการเคลอนไหวในแตละจงหวะเอง โดยใหภาพออกมาในลกษณะจงหวะ

ตอจงหวะ ตอกนไปเรอย ๆ จนเปนภาพเคลอนไหวทสมบรณแบบ

ภาพเคลอนไหวแบบ Tween Animation เปนการสรางภาพเคลอนไหวโดยใหโปรแกรมเปน

ผจดการสรางจงหวะ ในการท างานใหโดยอตโนมต ซงภาพทไดออกมาจะมความสวยงามและมจงหวะ

ราบรน

F5 (Frame) คอ ระยะเวลาของภาพเคลอนไหวทก Frame แสดงเหมอนกนหมด เชน หาก Frame

ท 1 วาดรปวงกลม Frame ท 1 – 100 กจะกลายเปนรปวงกลมทงหมด

F6 (Key Frame) คอการสรางจงหวะในชอง Frame ใหแตกตางกนในแตละ Frame เปนจดเรมตน

ของการสรางภาพเคลอนไหว คอ เมอเกดความแตกตางของจงหวะทจะเกดภาพเคลอนไหว

คอการทดสอบการท างานของภาพเคลอนไหว เลอกค าสง Control > Test Movie หรอกด Ctrl +

Enter

การสรางภาพเคลอนไหว

ความแตกตางของ F5 กบ F6

การทดสอบ Movie

5



ไฟล .Fla จะเปนไฟลทมการบนทกขอมลตาง ๆ เอาไวทงหมดจะมขนาดไฟลทใหญ เปนตนฉบบ

ไมสามารถน า ไปแสดงบน Flash Player หรอบนเวบบราวเซอรอนเทอรเนตดงนนการ Save ไฟลใน

รปแบบนจงเปนการบนทกเพอนเอาไวแกไขหรอปรบแตง Movie การบนทกท าไดโดยเลอก File > Save

หรอ File > Save as

ไฟล .swf เปนไฟลทจะน าไปใชจรงบน Flash Player หรอบนอนเตอรเนตซง ไฟล Movie ใน

รปแบบนแสดงผลไดอยางเดยว แกไขไมไดบนทกโดยเลอก File > Export Movie ในชอง Save as type

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

การ Save ไฟล

.fla

.swf

6



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

2. คลกเฟรมท 1 สรางวงกลม 1 วงพรอมพมพเลข 1 ลงไปดงรป

3. สรางเฟรมท 2 โดยกดปม F6 เพอเพมคยเฟรม จะไดภาพเหมอนเฟรมแรก จากนนคลกทเมน

Edit > Select All แลวคลกท Edit > Copy เพอคดลอกวงกลมพรอมตวเลข แลวคลก Edit > Paste in

Place เพอวางรปวงกลมซอนในต าแหนงเดม แลวใช Arrow Tool เลอกทงรปแลวยายไปทางขวาของ

วงกลมเดม โดยในขณะทยายใหกดปม Shift บนคยบอรดคางไวดวย จากนน ใหเปลยนตวเลขในวงกลม

ขวามอในเฟรมท 2 จากเลข 1 เปน เลข 2

การสราง Animation แบบ Frame By Frame

2

3

7



4. สรางเฟรมท 3 โดยกดปม F6 เพอเพมคยเฟรม จะไดภาพเหมอนเฟรมท 2 จากนนใช Arrow

Tool เลอกวงกลมดานขวามอ พรอมเลข 2 ในวงกลม แลวคลกท Edit > Copy เพอคดลอกแลวคลก Edit

> Paste in Place เพอวางรปวงกลมซอนในต าแหนงเดม แลวใช Arrow Tool เลอกต าแหนงวงกลมท 2

ทงรปแลวยายไปทางขวา โดนในขณะทยายใหกดปม Shift บนคยบอรดคางไวดวย จะไดวงกลมชนท 3

จากนนใหเปลยนตวเลขในวงกลมจากเลข 2 เปนเลข 3

5. จากนนมาใชเมาสคลกทพนทวางบน Stage แลวก าหนด Frame Rate ใหเทากบ 1 เฟรมตอ

วนาท แลวทดลองกดปม Enter เพอดตวอยาง หรอกด Ctrl + Enter เพอดผลงาน

5

8

3




2. คลกเฟรมท 1 สรางรปสเหลยม 1 รป

3. คลกทเฟรม 30 เลอกค าสง Insert > Keyframe หรอกดปม F6 เพอเพม Keyframe

4. กดปม Delete ทคยบอรด 1 ครง เพอลมรปสเหลยมออกแลวสรางรปวงกลมขนมาแทนท

สเหลยม จะไดภาพเฟรมท 1 เปนสเหลยมและภาพเฟรมท 30 เปนวงกลม

การสราง Animation แบบ Shape Tweening

2

3

4

9



5. คลดทเฟรมท 1 ก าหนด Properties ในชอง Tween เปน Shape จะพบวามเสนเชอม

ระหวางเฟรมท 1 กบเฟรมท 30

6. ทดสอบการท างานโดยกด Enter หรอคลด Play ท Windows Controller จะพบวา รป

สเหลยมจะเปลยนแปลงรปรางกลายเปนรปวงกลม

5

หมายเหต กรณทเปนตวอกษร ใหใชหลกการเดยวกน คอ

1. ก าหนดวตถในเฟรมเรมตน และก าหนดวตถในเฟรมสดทาย

2. กรณทเปนตวอกษร ใหท าการ Break Apart (Ctrl + B) กอน ทงเฟรมเรมตนและเฟรม

สดทาย โดยค าสง Break Apart เรยกไดจาก Modify >Break Apart

10




2. คลกทเฟรมท 1 แลวพมพขอความลงบน Stage

3. เลอกเครองมอ Arrow Tool แลวคลกเลอกขอความ “Multimedia” น าไปวางไวทมมลางซายของ

Stage หรอในจดทตองการ

4. คลกทเฟรม 25 เลอก Insert > Keyframe หรอกด F6 จะไดขอความเหมอนเดม (“Multimedia”) ท

เฟรม 25 จากนนใชเครองมอ Arrow Tool คลกลากขอความไปวางไวทมมบนขวาของ Stage

5. ก าหนด Properties ในชอง Tween เปน Motion ก าหนด Rotate เปนแบบ CW (ตามเขมนาฬกา)

จ านวน 1 รอบ จะเกดเสนเชอมระหวางเฟรมท 1 กบเฟรมท 25 ท Timeline

การสราง Animation แบบ Motion Tweening

2

3

11



6. ท าการทดสอบโดยการกดปม Play ท Window > Tool bar > Controller จะไดขอความ

“Multimedia” หมน 1 รอบจากจดเรมตนไปยงจดสดทาย

5

12



หมายเหต

ถาเปนรปกราฟกทสรางขนจากเครองมอของโปรแกรม จะท าการ Motion ไดกตอเมอท า

การรวมกราฟกนน ๆ กอน โดยเลอกค าสง Modify > Group

13



1. New File หรอกด Ctrl + N ก าหนดสพนหลง (Background) เปนสด า

2. คลดทเฟรมท 1 พมพขอความวา “Animation” โดยเลอกรปแบบตวอกษรและสตามตองการ

3. จากนนคลกทเฟรม 30 กดปมเพมเฟรม (F5)

4. ท าการเพม Layer ใหม โดยคลกค าสง Insert > Layer จะได Layer 2 เพมขนมา

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

2

4

3

14



5. สรางภาพวงกลมทเฟรมท 1 ของ Layer 2 ทดานซายของค าวา “Animation”

6. จากนนลอกค าสง Insert > Create Motion Tween แลวคลกเฟรมท 30 กดปม F6 เพอเพม

Keyframe จากนนใชเมาสคลกภาพวตถวงกลมไปวางไวทางดวนขวาของค าวา “Animation”

7. เมอทดสอบโดยการกด Enterหรอคลกปม Play จะเหนภาพวงกลมวงไปบนขอความ

“Animation”

5

6

15



8. คลกเมาสท Layer 2 แลวเลอกค าสง Mask โดยคลกขวาของเมาสท Layer 2 แลวเลอกค าสง

Mask

9. เมอทดสอบการท างานกจะพบวาขอความ “Animation” จะแสดงเมอม Mask (Layer บน)

เคลอนทผานเทานน

16



1. New File หรอกด Ctrl + N แลววาดรปปลาไวทรม Stage ดานซาย (เพอใหวายไปดานขวา)

2. จากนนเลอกค าสง Insert > Create Motion Tween เฟรมเรมตนอยทางดานซายในเฟรมท 1

3. คลกทเฟรม 40 แลวเพม Keyframe โดยการกดปม F6 จะไดภาพเหมอนเฟรมท 1 คอภาพ

ปลาทต าแหนงเดยวกนจากนน ใชเมาสคลกลากวตถ(ปลา) ไปวางทรม Stage ทางดานขวาจะ

ไดภาพปลาในเฟรมท 40 และจะปรากฏเสนเชอมระหวางเฟรมท 1 กบเฟรมท 40 ดงรป

4. เมอทดสอบดขณะน จะพบวาปลาจะเคลอนทจากขอบดานซายไปดานขวา ในลกษณะเสนตรง

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

2

3

1

17



5. การก าหนดเสนทางการเคลอนท (Motion Guide) ท าไดโดยเลอกเมน Insert > Motion Guide

เมอเลอกค าสงนแลวจะปรากฏ Layer เพมเขามาใน Timeline ชอวา Guide Layer 1

6. คลกทเฟรมท 1 ของ Layer Guide Layer 1 แลวใชเครองมอ Pencil Tool จากนนท าการ

ลากเสนจากดานซายไปดานขวาหรอตามลกษณะทตองการใหปลาเคลอนทไป ตวอยางรป

7. จากนนปรบจดเรมตนและจดสดทายใหกบวตถโดยคลกเมาสทเฟรมท 1 เลอกปม Snap to

objects หรอเลอกทค าสง View Snap to objects ใชเมาสลากวตถ(ปลา) ใหเกาะตดกบ

เสน ณ จดเรมตน และทเฟรม 40 ลากวตถใหเกาะตดกบปลายเสนทางดานขวามอ ดงรป

6

18



8. จากนนทดสอบการเคลอนทและแกไขเสนทางไดตามตองการ แตการเคลอนทของวตถจะหน

ไปทางเดยวยงดไมเปนธรรมชาต กสามารถปรบใหหนตามเสนทางทเปลยนแปลงได โดยใช

เมาสคลกทเฟรมท 1 แลวก าหนด Properties ในชองเลอกท าเครองหมายถกในชอง Orient to

path แลวลองทดสอบการท างานอกครง

8

19



การน าภาพเขามาใช โดยใชค าสง File >

Import จะไดภาพทเลอกมาปรากฏบนพนทการ

ท างานเลย หากเลอก File > Import to Library

ภาพจะถกน าไปเกบไวใน Library

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

20



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

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

3. เลอกไฟลเสยงทตองการ แลวกด Open โปรแกรมจะท าการ Import ไฟลเสยงมาใสไวใน

Library

4. เปด Library จะพบไฟลเสยงทน าเขามา

5. กดปม Play เพอทดลองฟงเสยงได

การใสเสยงใหกบชนงาน

3

2

5 4

21



6. การน าไฟลเสยงมาใสในชนงาน ใหลากไฟลเสยงทตองการมาวางบนพนทของชนงาน

7. สามารถปรบแตงเสยงไดในชอง Properties โดยเลอกประเภทของ Effect แลวกดปม Edit

เพอปรบแตงตามตองการ

7

22



ประโยชนของ Symbol คอการท าใหชนงานทจะน าออกไปใชมขนาดไฟลทเลก และสามารถ

น ามาใชไดหลายครง โดยไมตองสรางใหม

1. หากจะท าการสราง Symbol จากทวาง ๆ ใหเลอกเมน Insert > New Symbol หรอกดปม F8

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

Symbol ม 3 รปแบบ ไดแก

Movie Clip Symbol

เปนรปแบบของ Symbol ทสามารถสรางภาพเคลอนไหวทซบซอนได

Button Symbol

เปนรปแบบของภาพกราฟกทถกเปลยนใหกลายเปนปม

Graphic Symbol

เปนรปแบบของภาพกราฟก(ภาพนง) ทถกเปลยนมาเปน Symbol ภาพกราฟกไดมาจากการวาด

จากเครองมอใน Flash หรอการน าภาพจากภายนอกเขามากได ภาพทน าเขามาใชงานในตอนแรกจะเปน

Bitmap ไมสามารถแกไขคาได หารท าการ Convert เปน Graphic Symbol จะสามารถปรบแตงได เชน

การปรบแตง Alpha, tint, Brightness

การสราง Symbol

1 2

23



เปนการใชค าสงเพอควบคม Movie เชน สงใหเลน สงใหหยด สงใหไปยงหนาใด ๆ หรอค าสงท

ซบซอนมากมาย

1. เชนเมอตองการจะสงให Stop ใหเลอกต าแนงหรอวตถทจะใส Action Script

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

3. จะเกดค าสง Stop ดงภาพท 3

การใชค าสง Action Script เบองตน

1

2

3

3

24



คอการน าไฟลไปใชงานบนเวบบราวเซอร

โดยเลอก File > Publish Settings > ในชอง Formats เลอกรปแบบ Type ทจะน าไปใชงาน > กด

OK

เลอก File > Publish โปรแกรมจะสรางไฟลทท าการเลอกไวทงหมด

การ Publish

25



โปรแกรม Flash CS3 หากตองการใชงานในสวนของ Properties บางค าสง แตวาไมสามารถใช

งานไดเนองจากมขนาดลนหนาจอ มวธการปรบแกโดยตองเขาไปแกไขคา registry ดงน

1. ไปท Start > Run

2. พมพค าวา Regedit เพอเปด Registry Editor

3. เลอกท My Computer จากนนไปท 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 นควรกระท าโดยผทมความรความช านาญเกยวกบ Windows ขน

สง เพราะหากแกไขผดคา จะท าใหสงผลกระทบตอระบบ Windows ได

วธแกไขคา Registry

26

คู่มือการใช้ adobe flash cs3 เบื้องต้น

Documents