9
การทาภาพเคลื ่อนไหวในโปรแกรม PowerPoint นั้นสามารถทาได้หลากหลายรูปแบบ ที ่มักใช้กันคือ Effect การปรากฏภาพในลักษณะต่างๆ เช่น การหมุน การซูม การเปลี ่ยนสี เป็นต้น Effect เหล่านี ้จะใช้แสดงภาพที ่นิ่งอยู ่กับที ถ้าต้องการให้วัตถุเคลื ่อนที ่ได้ไปยังตาแหน ่งที ่ต้องการจะทาได้ อย่างไร? ในโปรแกรม PowerPoint สามารถสร้าง Effect นี ้ได้โดยการใช้ Motion Paths Motion paths คืออะไร? Motion paths คือ เส้นทางการเคลื ่อนที ่ Effect นี ้จะใช้เมื ่อต้องการทาให้วัตถุเคลื ่อนที ่ไปยังตาแหน ่งใดๆที ่ต้องการ Motion paths ประกอบด้วยจุดสาคัญ 2 จุดคือ 1. จุดเริ่มต้น (ลูกศรสีเขียว) เป็นจุดเริ่มต้นของการเคลื ่อนที ่ จุดนี ้จะอยู ่ตรงจุดกึ ่งกลางของวัตถุเสมอ 2. จุดสิ ้นสุด (ลูกศรสีแดง) เป็นจุดปลายทางที ่จุดกึ ่งกลางของวัตถุเคลื ่อนที ่ไปหยุดพอดี การสร้าง Motion paths สามารถเลื ่อกรูปแบบของการเคลื ่อนที ่ได้จากรูปแบบสาเร็จรูปที ่โปรแกรมเตรียมไว้ให้ หรือสร้างขึ ้นเองตามต้องการก็ได้ ตัวอย่าง ในฉบับนี ้เป็นเทคนิคเบื ้องต้นของการนา Motion Paths มาใช้ออกแบบภาพเคลื ่อนไหวที ่สามารถกาหนดจุดเริ่มต้นและจุดสิ ้นสุดได้อย่าง แม่นยา ซึ ่งจะเป็นประโยชน์มากในการออกแบบสื ่อการสอนที ่ต้องการจาลองสถานการณ์ของวัตถุที ่มีการเคลื ่อนที จัดทำโดย: เกรียง คุปตรัตน์

เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

Embed Size (px)

Citation preview

Page 1: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

การท าภาพเคลื่อนไหวในโปรแกรม PowerPoint นัน้สามารถท าไดห้ลากหลายรปูแบบ ทีม่กัใชก้นัคอื Effect การปรากฏภาพในลกัษณะต่างๆ เช่น การหมนุ การซมู การเปลีย่นส ีเป็นตน้ Effect เหล่านี้จะใชแ้สดงภาพทีน่ิ่งอยูก่บัที ่ ถา้ตอ้งการใหว้ตัถุเคลื่อนทีไ่ดไ้ปยงัต าแหน่งทีต่อ้งการจะท าได้อยา่งไร? ในโปรแกรม PowerPoint สามารถสรา้ง Effect นี้ไดโ้ดยการใช ้Motion Paths Motion paths คืออะไร? Motion paths คอื เสน้ทางการเคลื่อนที ่Effect นี้จะใชเ้มือ่ตอ้งการท าใหว้ตัถุเคลื่อนทีไ่ปยงัต าแหน่งใดๆทีต่อ้งการ Motion paths ประกอบดว้ยจดุส าคญั 2 จดุคอื 1. จดุเริม่ตน้ (ลกูศรสเีขยีว) เป็นจดุเริม่ตน้ของการเคลื่อนที ่จดุนี้จะอยูต่รงจดุกึง่กลางของวตัถุเสมอ 2. จดุสิน้สุด (ลกูศรสแีดง) เป็นจดุปลายทางทีจ่ดุกึง่กลางของวตัถุเคลื่อนทีไ่ปหยดุพอด ี การสรา้ง Motion paths สามารถเลื่อกรปูแบบของการเคลื่อนทีไ่ดจ้ากรปูแบบส าเรจ็รปูทีโ่ปรแกรมเตรยีมไวใ้ห ้หรอืสรา้งขึน้เองตามตอ้งการกไ็ด้ ตวัอย่าง ในฉบบัน้ีเป็นเทคนิคเบือ้งตน้ของการน า Motion Paths มาใชอ้อกแบบภาพเคลื่อนไหวทีส่ามารถก าหนดจดุเริม่ตน้และจดุสิน้สุดไดอ้ย่างแมน่ย า ซึง่จะเป็นประโยชน์มากในการออกแบบสื่อการสอนทีต่อ้งการจ าลองสถานการณ์ของวตัถุทีม่กีารเคลื่อนที ่

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 2: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

1.วำดหรือแทรกรูปและจัดต ำแหน่งเริม่ต้น

ตัวอย่ำง: ปำเป้ำ

1.1

1.2

1.3

1.1 แทรกภาพด้วยการ Insert จากโฟลเดอรท่ี์เกบ็ภาพไว้ (1.2, 1.3) แล้วจดัต าแหน่งเร่ิมต้นของภาพ

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 3: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

2.หำจุดกึ่งกลำงของวัตถุทีต่้องกำรให้เคลือ่นที ่

ตัวอย่ำง: ปำเป้ำ

2.1

2.2

2.1 ใช้เคร่ืองมือ เส้นตรง ลากเส้นแบง่คร่ึงด้านกว้าง-ยาวของวตัถ ุ(เส้นท่ีตรงท่ีลากจะยึด (Snap) กบัจดุก่ึงกลางของวตัถโุดยอตัโนมติั) 2.2 จดุตดัของเส้นแบง่คร่ึงด้านคือจดุก่ึงกลางวตัถ ุซ่ึงจะใช้ประโยชน์ในการก าหนดต าแหน่งการเคล่ือนท่ีของวตัถ ุ

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 4: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

3.ก ำหนดต ำแหน่งปลำยทำงของวตัถ ุ

ตัวอย่ำง: ปำเป้ำ

3.1

3.1 Copy วตัถพุร้อมเส้นแบง่คร่ึงไปวางท่ีต าแหน่ง ปลายทางท่ีต้องการให้วตัถหุยดุ

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 5: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

4.ใช้เครื่องมือ Guide line ก ำหนดจุดกึ่งกลำงของวัตถุปลำยทำง

ตัวอย่ำง: ปำเป้ำ

4.3

4.1

4.2

4.1 เปิดเคร่ืองมือ Guide line โดยคลิกขวาท่ี Background แล้วคลิกเลือก Grid and Guides 4.2 คลิกเลือก Display drawing guides on screen แล้วคลิก OK 4.3 ลากเส้น Guide line แนวตัง้และแนวนอนไปวางทบัจดุก่ึงกลางของวตัถปุลายทาง

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 6: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

5.ลบวัตถุปลำยทำงและเส้นแบง่ครึ่งวตัถ ุ

ตัวอย่ำง: ปำเป้ำ

5.1 5.1 ลบวตัถปุลายทางและเส้นแบง่คร่ึงวตัถอุอกให้เหลือเฉพาะจดุตดัของเส้น Guide line จดุน้ีจะใช้เป็นจดุยึด (Snap) ส าหรบัจดุส้ินสดุของเส้น Motion Path โดยอตัโนมติั ซ่ึงจะท าให้วตัถุหยดุในต าแหน่งท่ีต้องการได้อย่างแม่นย า !ห้ามย้าย Guide line แนวตัง้และแนวนอน

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 7: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

6.4

6.ใส่ Motion Path ให้ลูกดอก

ตัวอย่ำง: ปำเป้ำ

6.1

6.2

6.3

6.1 ในแถบ Animations เลือก Add Animation 6.2 ในกลุ่ม Motion Paths เลือก More Motion Paths 6.3 ในกลุ่ม Lines & Curves เลือกรปูแบบการเคล่ือนท่ีแบบ Diagonal Up Right 6.4 เส้น Motion Path ท่ีเกิดขึน้จะมีจดุเร่ิมต้นอยู่ตรงจดุก่ึงกลางของวตัถพุอดี แต่จดุส้ินสดุยงัไม่อยู่ในต าแหน่งท่ีต้องการ

จัดท ำโดย: เกรียง คุปตรัตน ์

Page 8: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

7.2

7.ปรับต ำแหน่งของจุดสิ้นสุดให้ตรงกับต ำแหน่งทีต่้องกำร

ตัวอย่ำง: ปำเป้ำ

7.1

7.1 คลิกท่ีเส้น Motion Path 1 ครัง้ แล้วคลิกค้างท่ีปลายลกูศรสีแดงลากไปวางท่ีจดุตดัของจดุตดัเส้น Guide line ท่ีท าไว้ ดงัรปู 7.2 แล้วลบเส้นแบง่คร่ึงวตัถอุอกและปิดเส้น Guide line ** วธิปิีดเสน้ Guide line ใหท้ าตามขัน้ตอนที ่4.1และ 4.2 โดยคลกิที ่Display drawing guides on screen (เครื่องหมายถูกจะหายไป) แลว้คลกิ OK จัดท ำโดย: เกรียง คุปตรัตน ์

Page 9: เทคนิคการสร้าง ...€¦ · Motion paths คือ ... ตัวอย่าง ในฉบับนี้เป็นเทคนิค ... 4.ใช้เครื่องมือ

8. ทดสอบกำรเคลื่อนทีข่องลกูดอก

ตัวอย่ำง: ปำเป้ำ

ตวัอย่างน้ีปาไม่แม่น...ถ้าจะปาให้เข้ากลางเป้าจะต้องท ายงัไง?...ลองฝึกดนูะครบั!

จัดท ำโดย: เกรียง คุปตรัตน ์