คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม...

17
โรงเรียนตาพระยา อาเภอตาพระยา จังหวัดสระแก้ว สนังานเขตพื้นที่การศึกษามัธยมศึกษา เขต 7 หน้า 49 หลังจากที่ได้สร้างออบเจ็กต์ขึ้นมาเรียบร้อยแล้ว หากต้องการทาการเคลื่อนย้ายออบเจ็กต์เหล่านั้นไป ในตาแหน่งต่างๆ สามารถทาได้โดยใช้เครื่องมือ Arrow Tool แต่หากต้องการย่อ ขยายขนาดด้วยแล้ว จะต้อง สั่งงานจากเครื่องมือ Free Transform Tool และเพื่อความยืดหยุ่นต่อการทางานในการเลือกในลักษณะเป็น พื้นที่อิสระก็สามารถทาได้ด้วยเครื่องมือ Lasso Tool ซึ่งในบทนี้จะได้เรียนรู้ขั้นตอน การใช้งานเครื่องมือ ทั้งหมดที่ใช้ในการเลือกและปรับเปลี่ยนขนาด รวมถึงเครื่องมือ Distort ที่ใช้สาหรับบิดออบเจ็กต์ และ เครื่องมือ Envelope ที่ใช้ในการบิดดัดออบเจ็กต์ให้มีรูปร่างตามต้องการ หน้าที่การทางานของเครื่องมือ Arrow Tool คือ ใช้สาหรับคลิกเพื่อเลือกออบเจ็กต์ จากนั้นจึง สามารถเคลื่อนย้ายเปลี่ยนไปวางไว้ยังตาแหน่งต่างๆ บนพื้นงานได้ตามต้องการ สาหรับการใช้งานเครื่องมือ Arrow Tool สามารถแบ่งขั้นตอนการทางานได้ 2 ลักษณะ คือ การ ใช้เครื่องมือ Arrow Tool เพื่อเลือกและเคลื่อนย้ายซิมโบล ส่วนอีกลักษณะหนึ่งคือ การใช้เครื่องมือ Arrow Tool เพื่อเลือกและเคลื่อนย้ายออบเจ็กต์ หลังจากได้ทาการสร้างออบเจ็กต์และแปลงให้เป็นซิมโบลประเภทต่างๆ แล้วนั้น หากมีการนามา เรียกใช้งานและต้องการเคลื่อนย้ายซิมโบลหรือภาพกราฟิกไปในทิศทางตาแหน่งที่ต้องการ สามารถทาได้ ง่ายดังนี1. คลิกปุ่ม Arrow Tool ที่ทูลบ็อกซ์ 2. คลิกซิมโบลที่ต้องการเคลื่อนย้ายตาแหน่ง 3. ดรากส์เมาส์ลากไปวางยังตาแหน่งที่ต้องการ จากนั้นซิมโบลหรือภาพกราฟิกจะเคลื่อนเปลี่ยน ตาแหน่งจากเดิม

Transcript of คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม...

Page 1: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว สนงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 49

หลงจากทไดสรางออบเจกตขนมาเรยบรอยแลว หากตองการท าการเคลอนยายออบเจกตเหลานนไปในต าแหนงตางๆ สามารถท าไดโดยใชเครองมอ Arrow Tool แตหากตองการยอ ขยายขนาดดวยแลว จะตองสงงานจากเครองมอ Free Transform Tool และเพอความยดหยนตอการท างานในการเลอกในลกษณะเปนพนทอสระกสามารถท าไดดวยเครองมอ Lasso Tool ซงในบทนจะไดเรยนรขนตอน การใชงานเครองมอทงหมดทใชในการเลอกและปรบเปลยนขนาด รวมถงเครองมอ Distort ทใชส าหรบบดออบเจกต และเครองมอ Envelope ทใชในการบดดดออบเจกตใหมรปรางตามตองการ

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

ส าหรบการใชงานเครองมอ Arrow Tool สามารถแบงขนตอนการท างานได 2 ลกษณะ คอ การ ใชเครองมอ Arrow Tool เพอเลอกและเคลอนยายซมโบล สวนอกลกษณะหนงคอ การใชเครองมอ Arrow Tool เพอเลอกและเคลอนยายออบเจกต

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

1. คลกปม Arrow Tool ททลบอกซ 2. คลกซมโบลทตองการเคลอนยายต าแหนง 3. ดรากสเมาสลากไปวางยงต าแหนงทตองการ จากนนซมโบลหรอภาพกราฟกจะเคลอนเปลยน

ต าแหนงจากเดม

Page 2: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 50

การเลอกและเคลอนยายออบเจกตทสรางจากเครองมอตางๆ สามารถคลกแยกเปนสวน ประกอบแตละสวนได เชน คลกเลอกเฉพาะเสน หรอคลกเลอกเฉพาะพนของออบเจกต อกทง เมอวางออบเจกตซอนทบกนแลว ยงสามารถคลกเฉพาะสวนทวางซอนทบกนใหแยกออกมาตางหาก ท า ใหสะดวกและยดหยนตอการสรางออบเจกตรปทรงตางๆ ไดมากขน

1.คลกปม Arrow Tool

2.คลกซมโบล

3.ดรากสเมาสลากไปวางยงต าแหนงทตองการ

Page 3: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 51

1. คลกปม Arrow Tool ททลบอกซ 2. ดรากสเมาสคลมออบเจกตทตองการ 3. ดรากสเมาสไปวางยงต าแหนงทตองการ จากนนออบเจกตจะเคลอนเปลยนต าแหนงไปจากเดม 4. คลกเมน Edit แลวเลอกค าสง Copy เพอท าการคดลอกออบเจกตทเลอกไว

5. คลกเมน Edit > Paste เพอท าการวางออบเจกตทไดคดลอกไว 6. ดรากสเมาสไปวางยงต าแหนงทตองการ จากนนออบเจกตใหมทไดท าการคดลอกไวจะเคลอน

เปลยนต าแหนงไปจากเดม 7. คลกออบเจกตในสวนทวางซอนทบกน และกดปม Delete ทคยบอรด เพอท าการลบออบเจกต

สวนทไดเลอกไว

1.คลกปม Arrow Tool

2.ดรากสเมาสลากคลม

4.คลกเมน Edit > Copy

3.ดรากสเมาสลากไปวางยงต าแหนงทตองการ

Page 4: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 52

ออบเจกตสวนเลอกไวจะถกลบออกไป

8. คลกทพนของออบเจกต จากนนโปรแกรมจะตดเฉพาะพนทสวนทไดเลอกไว 9. ดรากสเมาสไปวางยงต าแหนงทตองการ พนทบรเวณสวนพนของออบเจกตจะเคลอนเปลยน

ต าแหนงไปจากเดม

5.คลกเมน Edit > Paste in place

6.ดรากสเมาสไปวางยงต าแหนงทตองการ

7.คลกออบเจกตในสวนทวาง ซอนทบกนและกดปม Delete

Page 5: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 53

หนาทการท างานของเครองมอ Subselection Tool คอ ใชส าหรบคลกเลอกสวนของ ออบเจกตจากนนจงสามารถท าการเคลอนยาย ปรบเปลยนออบเจกตใหมรปรางตางๆ ตามตองการ

ดงตวอยางตอไปนจะเปนการสรางออบเจกตรปวงกลมขนมา จากนนจงใชเครองมอ Subselection Tool ในการปรบเปลยนรปวงกลมใหกลายเปนรปใบพด

1. คลกปม Oval Tool ททลบอกซ 2. ดรากสเมาสลากจากมมหนงทแยงไปยงอกมมหนงใหเปนรปวงกลม

3. คลกปม Subselection Tool ททลบอกซ 4. คลกทรปวงกลมจากนนจะปรากฏจดแฮนเดลขนมา ใหดรากสเมาสปรบเปลยนรปรางตาม

ตองการ

8.คลกทพนของออบเจกต

9.ดรากสเมาสลากไปวางยงต าแหนงทตองการ

Page 6: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 54

5. คลกจดแฮนเดลและท าการปรบเปลยนรปรางตามตองการ 6. คลกทแขนของแฮนเดลจากนนใหดรากสเมาสลากปรบรปราง 7. คลกและปรบแตงเพมเตมจนกลายเปนรปใบพด

2.ดรากสเมาสลาก

1.คลกปม Oval Tool

3.คลกปม Subselection Tool

4.คลกทรปวงกลม และดรากสเมาสปรบเปลยนรปราง

5.คลกจดแฮนเดลและท าการปรบเปลยนรปราง

Page 7: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 55

หนาทการท างานของเครองมอ Lasso Tool คอ ใชส าหรบคลกเลอกพนทของออบเจกตใน ลกษณะเปนรปทรงอสระไดตามตองการ แตไมเพยงแคการเลอกพนทเปนรปทรงอสระเทานน เครองมอ Lasso Tool ยงมคณสมบตพเศษชวยใหการเลอกพนทไดงายยงขนดวย Magic Wand หรอหากตองการเลอกพนทเปนรปทรงหลายเหลยมกสามารถท าไดเชนกน

1. คลกเมน File เลอก Import แลวเลอกค าสง Import to stage เพอน าภาพกราฟกเขามาใชในโปรแกรม

2. คลกเมน Modify เลอก Break Apart เพอแยกองคประกอบของภาพกราฟกออกมาเปนสวนๆ

6.คลกทแขนของแฮนเดลจากนน ใหดรากสเมาสลาก

7.คลกและปรบแตงเพมเตม

Page 8: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 56

3. คลกปม Lasso Tool ททลบอกซ 4. คลกเมาสทพนงาน 1 ครง จากนนดรากสเมาสลากเปนพนทรปทรงอสระ จนกระทงถงต าแหนง

เรมตนเพอเปนการปดเสน Selection

5. คลกปม Arrow Tool ททลบอกซ 6. ดรากสเมาสลากบรเวณพนททเลอกไวไปวางยงต าแหนงใหมทตองการ

1.คลกเมน File > Import > Import to stage

2.คลกเมน Modify > Break Apart

Page 9: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 57

Magic Wand เปนเครองมอยอยของ Lasso Tool มหนาทในการใชเลอกพนทเชนเดยวกน แตลกษณะการท างานของเครองมอ Magic Wand นน เปนการเลอกโดยการเปรยบเทยบจากคาสของพนทบรเวณทใกลเคยงกน หากก าหนดคาตวเลขมากขน โปรแกรมกจะท าการค านวณและเลอก Penumbra พนททมคาสใกลเคยงกนใหเปนบรเวณมากยงขน ส าหรบการใชงาน Magic Wand สามารถท าไดโดยคลกเลอก Options ของเครองมอ Lasso Tool

1. คลกปม Lasso Tool ททลบอกซ

2. คลกปม Magic Wand ท Option ของเครองมอ Lasso Tool

5.คลกปม Arrow Tool

4.คลกเมาสทพนงาน 1 ครง จากนน ดรากส เมาสลากเปนพนทรปทรงอสระ

3.คลกปม Lasso Tool

6.ดรากสเมาสลากบรเวณพนททเลอกไว

Page 10: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 58

3. คลกเมาสทพนงาน 1 ครง โปรแกรมจะค านวณและเลอกพนทบรเวณทมคาสใกลเคยงกนโดยอตโนมต

4. ทดลองดรากสเมาสบรเวณพนททเลอกไวออกมา หากเหนวาชวงพนททไดเลอกไวมบรเวณนอยเกนไปใหก าหนดคาพนทและท าการคลกเลอกใหม

5. คลกปม Magic Wand Properties ท Option ของเครองมอ Lasso Tool 6. ก าหนดคาพนทบรเวณคาสทตองการใหเลอกลงในชอง Threshold หากก าหนดคาตวเลขมากขน

โปรแกรมกจะท าการค านวณและเลอกพนททมคาใกลเคยงกนใหเปนบรเวณมากยงขน 7. คลกปม OK เพอยนยนค าสง 8. ทดลองดรากสเมาสบรเวณพนททเลอกไวออกมา จะเหนวาชวงพนททไดเลอกไวมบรเวณมากขน

ตามคาทก าหนด

1.คลกปม Lasso Tool

3.คลกเมาสทพนทงาน 1 ครง

2.คลกปม Magic Wand

4.ดรากสเมาสบรเวณพนททเลอกไว

Page 11: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 59

5.คลกปม Magic Wand Properties

6.ก าหนดคาพนทบรเวณคาส

7.คลกปม OK

8.ดรากสเมาสบรเวณพนททเลอกไว

Page 12: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 60

Polygon Mode เปนเครองมอยอยของ Lasso Tool มหนาทในการใชเลอกพนทใหเปนลกษณะรปทรงหลายเหลยม ขนตอนการเลอกท าไดโดยคลกต าแหนงเรมตนกอน แลวคลกเมาสลากตามบรเวณพนททตองการ จากนนใหดบเบลคลก เพอสนสดการเลอก ซงพนททไดจะมลกษณะเปนรปทรงหลายเหลยม

1. คลกปม Lasso Tool ททลบอกซ

2. คลกปม Polygon Mode ท Options ของเครองมอ Lasso Tool 3. คลกเมาสทพนงาน 1 ครงแลวลากตามแนวบรเวณพนททตองการ จากนนดบเบลคลกเพอสนสด

การเลอก 4. ดรากสเมาสลากบรเวณพนททเลอกไวไปวางยงต าแหนงใหมทตองการ

1. คลกปม Lasso Tool

3.คลกเมาสทพนงาน 1 ครง จากนนใหดบเบลคลก

2.คลกปม Polygon Mode

4.ดรากสเมาสลากบรเวณพนททเลอกไว

Page 13: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 61

1. Arrow Tool 2. Subselection Tool 3. Lasso Tool

ใหผสอนอธบายใหผเรยนฟงเกยวกบเครองมอ Arrow Tool วาเปนเครองมอทใชเลอก ออบเจกต และลากเคลอนยายออบเจกตไปยงต าแหนงทตองการ และมการใชงาน 2 แบบคอ

- การใชเครองมอ Arrow Tool เพอเลอกและเคลอนยายซมโบล

- การใชเครองมอ Arrow Tool เพอเลอก และเคลอนยายออบเจกต สวนท 2 เครองมอ Subselection Tool ใชส าหรบคลกเลอกสวนของออบเจกตสามารถท าการเคลอนยาย หรอปรบเปลยนออบเจกตใหมรปรางตามทตองการในสวนน จะใหผสอนสอนใหผเรยนสงเกตเมาสจะมสญลกษณแตละตวแตกตางกน

- ถาเมาสมลกษณะ สามารถทจะเปลยนแปลงรปรางของออบเจกตได

- ถาเมาสมลกษณะ สามารถทจะเคลอนยายออบเจกตนนได สวนท 3 เครองมอ Lasso Tool ใชส าหรบคลกเลอกพนทของออบเจกตในลกษณะเปนรปทรงอสระในของการเลอกน ยงมคณสมบตพเศษชวยใหการเลอกพนทไดงายยงขนดวย Magic Wand ใหผสอน สอนวา Magic Wand คอมหนาทในการใชเลอกพนท เชนเดยวกน โดยการเปรยบเทยบจากคาสของพนทบรเวณทใกลเคยงกน เมอผสอนใหผเรยนรจกกนเครองมอทง 3 ตวน แลวลองใหผเรยนลองท าตามผสอนและใหฝกจนเกดความช านาญ

หนาทการท างานของเครองมอ Free Transform Tool คอ ใชส าหรบคลกเพอหมน หรอปรบเปลยนขนาดของออบเจกตและภาพกราฟกไปในทศทางตางๆ อกทงท Options ยงมปมค าสงทนาสนใจไวใหเลอกใชงานเพมเตม เชน ปมDistort มหนาทในการบดออบเจกตใหมรปรางแปลกไปจากเดม ปม Envelope มหนาทในการบดดด สวนประกอบตางๆ ใหมรปรางตามตองการ

1. คลกปม Free Transform Tool ททลบอกซ 2. คลกทออบเจกตจะปรากฏจดแฮนเดลขนมา เมอเมาสเปนลกศร 2 หว ใหดรากสเมาสเพอท าการ

ยอ ขยายขนาดของออบเจกต

Page 14: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 62

3. เมอเมาสเปนรปเสนคขนาน ใหดรากสเมาสเพอท าการบดเอยงออบเจกต 4. เมอเมาสเปนรปลกศรวงกลม ใหดรากสเมาสท าการหมนออบเจกตไปในทศทางตางๆ

1.คลกปม Free Transform Tool

2.คลกทออบเจกต จากนน ใหดรากสเมาสยอขยายขนาด

ออบเจกตทไดหลงจากการท าการขยายขนาดเรยบรอยแลว

Page 15: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 63

3.ดรากสเมาสบดเอยงออบเจกต

ออบเจกตทไดหลงจากท าการบดเอยงเรยบรอยแลว

4.ดรากสเมาสหมนออบเจกต

ออบเจกตทไดหลงจากท าการ หมนเรยบรอยแลว

Page 16: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 64

ปม Distort เปนเครองมอยอยของ Free Transform Tool เมอคลกทมมของจดแฮนเดลจะเปนการบดออบเจกตใหมรปรางแปลกไปจากเดม แตหากคลกทดานขางจะเปนการยอหรอขยายขนาดของออบเจกตแทน

1. คลกปม Free Transform Tool ททลบอกซ

2. คลกปม Distort ท Options ของเครองมอ Free Transform Tool 3. คลกและท าการดรากสเมาสใหออบเจกตมรปรางตางๆ ตามตองการ

1.คลกปม Free Transform Tool

3.คลกและท าการดรากสเมาส 2.คลกปม Distort

ออบเจกตทไดหลงจากท าการบดขนาดเรยบรอย

Page 17: คู่มือ ADOBE FLASH CS5 · 4.คลิกที่รูปวงกลม และดรากส์ เมาส์ปรับเปลี่ยนรูปร่าง

โรงเรยนตาพระยา อ าเภอตาพระยา จงหวดสระแกว ส านกงานเขตพนทการศกษามธยมศกษา เขต 7 หนา 65

ปม Envelope เปนเครองมอยอยของ Free Transform Tool เมอคลกทออบเจกตจะปรากฎจดแฮนเดลเหลานน และท าการบดดดสวนประกอบตางๆ เพอใหออบเจกตมรปรางตามตองการไดอยางงายดาย

1. คลกปม Free Transform Tool ททลบอกซ

2. คลกปม Envelope ท Options ของเครองมอ Free Transform Tool 3. คลกและท าการดรากสเมาสบดดดใหออบเจกตมรปตางๆ ตามตองการ

1.คลกปม Free Transform Tool

3.คลกและท าการดรากส เมาสบดดด

2.คลกปม Envelope

ออบเจกตทได หลงจากท าการบดดดจนเปนทเรยบรอยแลว