22
1 ศึกษาข้อมูลเพิ่มเติมได้ทางเว็บไซต์ http://kruchonlada.wordpress.com และ Facebook : kung chonlada ใบความรู้ที่ 1 ความรู้เกี่ยวกับการทา Animations จากเครื่องมือ Shapes โดยทั่วไป ผู้ที่ใช้งานคอมพิวเตอร์ในโปรแกรม Microsoft PowerPoint มักใช้งานกันในระดับเบื้องต้นในการใช้เพื่อสร้างงานนาเสนอข้อมูลในรูปแบบ Presentation โดยมีผู้ใช้เพียงไม่มากนักที่รู้ว่าแท้จริงแล้วโปรแกรม Microsoft PowerPoint นั้นมีศักยภาพในการทางานมากมาย รวมถึงสามารถนามาสร้าง เอนิเมชั่น (Ainmation) ได้อย่างงดงามไม่แพ้โปรแกรมกราฟฟิกขั้นสูงเลยทีเดียวค่ะ Animation คืออะไร Animation คือ การสร้างภาพเคลื่อนไหว ด้วยการนาภาพหรือวัตถุมา เรียงลาดับกันและแสดงผลอย่างต่อเนื่อง ทาให้ดวงตาเห็นภาพที่มีการเคลื่อนไหวใน ลักษณะภาพติดตา เมื่อตามนุษย์มองเห็นภาพที่ฉายอย่างต่อเนื่อง เรตินาจะรักษา ภาพนี้ไว้ในระยะสั้น ๆ เอนิเมชั่น (Animation) สามารถนาไปประยุกต์ใช้กับงานต่างๆ ได้มากมาย เช่น งานภาพยนตร์ งานโทรทัศน์ งานพัฒนาเกม งานออกแบบ งานนาเสนอ หรืองานพัฒนาเว็บไซต์ เครื่องมือ Shapes ในโปรแกรมไมโครซอฟต์พาวเวอร์พอยท์ นอกจากจะใช้ ในการวาดรูปร่างต่าง ๆ ได้มากมายแล้ว ผู้ใช้สามารถกาหนดคุณลักษณะของรูปร่างทีวาดให้มีการเคลื่อนไหวได้ด้วยคาสั่งในเมนู Animations ซึ่งบรรจุอยู่ด้านบนแถบเมนู ของโปรแกรมไมโครซอฟต์พาวเวอร์พอยท์ได้อย่างสวยงามและลงตัวเพราะมีตัวเลือก ในการสร้างชิ้นงานมากมาย

Animations Shapes Microsoft PowerPoint · 2 ศึกษาข้อมูลเพิ่มเติมได้ทางเว็บไซต์ และ Facebook : kung

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

1

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ใบความรท 1

ความรเกยวกบการท า Animations จากเครองมอ Shapes

โดยทวไป ผท ใชงานคอมพวเตอรในโปรแกรม Microsoft PowerPoint มกใชงานกนในระดบเบองตนในการใชเพอสรางงานน าเสนอขอมลใน รปแบบ Presentation โดยมผใชเพยงไมมากนกทรวาแทจรงแลวโปรแกรม Microsoft PowerPoint นนมศกยภาพในการท างานมากมาย รวมถงสามารถน ามาสราง เอนเมชน (Ainmation) ไดอยางงดงามไมแพโปรแกรมกราฟฟกขนสงเลยทเดยวคะ Animation คออะไร Animation คอ การสรางภาพเคลอนไหว ดวยการน าภาพหรอวตถมาเรยงล าดบกนและแสดงผลอยางตอเนอง ท าใหดวงตาเหนภาพทมการเคลอนไหวในลกษณะภาพตดตา เมอตามนษยมองเหนภาพทฉายอยางตอเนอง เรตนาจะรกษาภาพนไวในระยะสน ๆ เอนเมชน (Animation) สามารถน าไปประยกตใชกบงานตางๆ ไดมากมาย เชน งานภาพยนตร งานโทรทศน งานพฒนาเกม งานออกแบบ งานน าเสนอ หรองานพฒนาเวบไซต เครองมอ Shapes ในโปรแกรมไมโครซอฟตพาวเวอรพอยท นอกจากจะใชในการวาดรปรางตาง ๆ ไดมากมายแลว ผใชสามารถก าหนดคณลกษณะของรปรางทวาดใหมการเคลอนไหวไดดวยค าสงในเมน Animations ซงบรรจอยดานบนแถบเมนของโปรแกรมไมโครซอฟตพาวเวอรพอยทไดอยางสวยงามและลงตวเพราะมตวเลอกในการสรางชนงานมากมาย

2

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ใบความรท 2

การท านาฬกานบถอยหลง Countdown Timer

Countdown Timer เปนเทคนคทเปนทนยมใชอยางแพรหลายในการเรมตนเขาสการชมการแสดง การน าเสนอ เพราะนอกจากจะชวยในการเราความสนใจของผชมแลวยงมสวนชวยใหงานน าเสนอนนมล าดบขนตอนทลงตวอกดวย

ขนตอนการสรางนาฬกา

1. คลก insert >> วาดรปวงกลม >> เปลยนสใหเปนสด า

2. วาดวงกลมวงท 2 หรอคดลอกมา >> ปรบขนาดใหเลกลง >> ก าหนดใหเปนสเดยวกบสพนหลงของฉาก

3. เลอกทง 2 วง >> ก าหนดให Send to back

3

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

4. เลอก Animations >> Wheel หรอ วงลอ >> ก าหนดใหเลน กลบกอนหนา หรอ Start with previous

5. คลกปม Animation Pane เพอก าหนดหนาตางของการก าหนด การเคลอนไหวเพอใหใชงานไดงายขน 6. คลกเลอก Timing เพอเขาไปก าหนดเวลาและจ านวนรอบ

7. ก าหนดใหเลนอตโนมต คลกเลอก With Previous ทจด Start: >> และ ก าหนดใหวนรอบ 5 รอบท Repeat: (ดงภาพ)

4

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

8. คลกแทรกกลองขอความเพอพมพเลข 5 โดยคลกท Insert >> Textbox

จากนนพมพเลข 5 (ด าเนนการปรบสและขนาดใหเหมาะสม) 9. ก าหนดใหตวเลข 5 หายไปเมอวงกลมวนรอบมารอบท 1 โดยคลกเลอก Animations >> เลอกโหมด Exit จากนนเลอกท Disappear

10. คลกแทรกกลองขอความเพอพมพเลข 4 >> เลอก insert Appear >> ก าหนดใหเลนกลบกอนหนา หรอ Start with previous (เพอใหปรากฏเลข 4) ก าหนด Delay เพอหนวงเวลาของการเขาเปน 2 วนาท และ ก าหนด delay เพอหนวงเวลาออกเปน 3 วนาท

5

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

11. คดลอกเลข 4 แลวแกเปนเลข 3 >> ก าหนด Delay เพอหนวงเวลาของการเขา เปน 3 วนาท และ ก าหนด delayเพอหนวงเวลาออกเปน 4 วนาท 12. คดลอกเลข 3 แลวแกเปนเลข 2 >> ก าหนด Delay เพอหนวงเวลาของการเขา เปน 4 วนาท และ ก าหนด delayเพอหนวงเวลาออกเปน 5 วนาท 13. คดลอกเลข 2 แลวแกเปนเลข 1 >> ก าหนด Delay เพอหนวงเวลาของการเขา เปน 5 วนาท และ ก าหนด delayเพอหนวงเวลาออกเปน 6 วนาท 14. ท าการจดเรยงตวเลข ใหอยต าแหนงเดยวกนโดยใหนกเรยน กด Shift + คลกทตวเลขทกเลข คลกเลอกทแถบเมน Drawing Tools ดานบนแลวเลอก Align เพอก าหนดคา 15. ท าการเลอก Align Center >> Align Middle 16. ทดสอบการเลนโดยคลก Play All

6

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

แบบฝกปฏบตท 1

Countdown Timer

ค าชแจง ใหนกเรยนสรางนาฬกา นบถอยหลง เพอเปดตวงาน ใหกบงานน าเสนอของนกเรยน โดยนกเรยนสามารถออกแบบ และตกแตงสสนตามจนตนาการ (ล าดบเลข 5 4 3 2 1)

7

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ใบความรท 3

การท าพลดอกไมไฟ

การน าเสนอ (Presentation) เปนการสอสารรปแบบหนงทมความส าคญและมความจ าเปนอยางยงในปจจบนทงในแวดวงการศกษา แวดวงวชาชพ การท างานทงในภาครฐและภาคเอกชนใหความส าคญกบทกษะการน าเสนอเปนอยางยง ดงนนหากงานน าเสนอเปดตวอยางตนตาและงดงามแลว จะท าใหผชมอยากทจะตดตามชมในชวงเวลาตอไปไดเปนอยางด การท าพลดอกไมไฟ เปนอกหนงเทคนคพเศษทสรางความอลงการใหกบงานน าเสนอไดอยางนาประทบใจ เพราะเปนการเปดตวงานน าเสนอทโดดเดนและสวยงาม

ขนตอนการท าพลดอกไมไฟดวยโปรแกรมไมโครซอฟตพาวเวอรพอยท

1. แทรกรปราง วงกลม และปรบสของวงกลมและไมใสเสนขอบ 2. ใส Shape Effects >> Soft Edges เพอใหวงกลมฟงมมต ดงภาพ

8

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

3. แทรกรปรางหลายเหลยม รปทหนง ก าหนดเปน 16 เหลยม

4. แทรกรปรางหลายเหลยม รปทหนง ก าหนดเปน 32 เหลยม ใสสใหตางกบรป 16 เหลยม

5. แทรกรปรางสเหลยมผนผาเพอท าฐานพลประกาย โดยก าหนดเสนขอบใหเปนเสนประ ความหนาของเสนขอบ 3 pt และก าหนด Animation เปน Multiple Wipe ใหปรากฏ Disappear ใหหายไป

16

9

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

6. น ารปราง 16 เหลยม และ 32 เหลยมมาปรบจด จะมจดสเหลองของรปราง ปรบจดใหเลอนเขา

7. น ารปรางมาวางซอนกน โดยจดกลมรปราง วงกลม 16 เหลยม และ 32 เหลยม

8. หลงจากทจดกลมแลวใหนกเรยนน ารปรางตวพลทจดกลมมาวางทบเสนประ 9. คลกทพล >> ก าหนดใหพลหายไปกอนเพอเปดเสนทางใหมเสนประวงขนได โดยการคลกทพล >> เลอกเมน Animations >> เลอกโหมด Exit >> เลอก Disappear เพอใหพลหายไป ก าหนดเปน With previous หรอกลบกอนหนา นนเอง 10. ก าหนดเสนทางใหเสนประพลพงขนมาเหมอนมการจดพล โดยคลกทเสนประ จากนนคลกเลอก Animations >> เลอกโหมด Entrance >> Fly in ก าหนดเปน After previous หรอ หลงกอนหนา

10

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

11. คลกทปม เพอเพมลกษณะการเคลอนไหวในการออก 12. คลกเลอกโหมด Exit >> Fade ก าหนดเปน After previous

หรอ หลงกอนหนา

13. คลกทปม เพอเพมลกษณะการเคลอนไหว ใหพลปรากฏขนตามล าดบ จากนนด าเนนการคลกเลอก ทโหมด Entrance >> Appear ก าหนดเปน After previous

14. คลกทปม เพอเพมลกษณะการเคลอนไหวเพอใหพลแตกกระจายออก โดยคลกเลอกทโหมด Emphasis >> Grow/Shrink เพอท าการขยายออก ก าหนดเปน After previous

15. คลกทปม เพอเพมลกษณะการเคลอนไหวเพอใหพลทแตกระจายจางไป โดยคลกเลอกทโหมด Exit >> Dissolve Ou ก าหนดเปน After previous 16. ทดสอบโดยคลกท Play All เพอเลนพลแบบ Animation ทไดสรางเสรจแลว

11

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

แบบฝกปฏบตท 2

พลดอกไมไฟ อลงการงานน าเสนอ

ค าชแจง ใหนกเรยนใชเครองมอ Shapes ในโปรแกรมมาสราง Animation พลดอกไมไฟประกอบการน าเสนอขอมลในโปรแกรม Microsoft Powerpoint (นกเรยนสามารถใชภาพพนหลงจากอนเตอรเนตมาประกอบได)

12

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ขนตอนการท าล าแสงดวงอาทตย

ใบความรท 4

การท ารศม Animation

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

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

1. แทรกรปรางอตโนมต (Shape) เลอกทรปรางสามเหลยมเพอใชวาดรศม

2. คลกเมาสวาดภาพและก าหนดส ดงภาพ 3.

13

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

4. คดลอกสามเหลยมทจดรปแบบเรยบรอยแลวด าเนนการหมน Shape ดงภาพ

5. เมอจดวางไดดงภาพแลว ใหนกเรยนด าเนนการจดกลม Shape ทกชน 6. วาดภาพดวงอาทตยมาวางตรงกลางรศมเพอใหไดภาพดวงอาทตยกบรศม

14

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

7. ก าหนด Animation ใหกบรศมของดวงอาทตย โดยคลกทรศมดวงอาทตย 8. คลก Animations >> เลอกโหมด Empsis >> Spin เพอหมนรศม

9. ก าหนดการเลนของรศมใหเปนแบบ Start : With Previous 10. และก าหนดความชา ความเรวของรศมท Duration 11. (หากตองการใหหมนชาๆ

ตองก าหนดคามาก และหากตองการใหหมนเรวตองก าหนดคานอย)

12. ก าหนดคณลกษณะพเศษ ใหกบภาพเคลอนไหวคลกท Effect Options….

13. คลกก าหนด Timming โดยเลอกตามท ตองการจะก าหนดเชน ใหเลนจนกระทง คลกภาพนงถดไปเลอก Until Next Click หรอหยดเลนเมอสนสดภาพนง Until End

of Slide

15

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

แบบฝกปฏบตท 3

รศมล าแสงดวงอาทตย

ค าชแจง ใหนกเรยนใชเครองมอ Shapes ในโปรแกรมมาสราง Animation มาสรางล าแสงดวงอาทตยหมนเพอประกอบการน าเสนอขอมลในโปรแกรม Microsoft Powerpoint (นกเรยนสามารถใชภาพพนหลงจากอนเตอรเนตมาประกอบได)

ออกแบบสวยๆ เลยนะคะ ท าใบไมรวงหลายๆ ลกษณะ

ค านงถงความเปนธรรมชาต เมอใบไมรวงยามลมพด สๆ นะคะ ….. ทกคนท าไดอยแลว

16

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ขนตอนการท าใบไมพลวลม

ใบความรท 5

การสรางใบไมพลวลม

สเขยว มกน ามาใชในการน าเสนอขอมลทสรางจากโปรแกรมไมโครซอฟตพาวเวอรพอยท เพราะการก าหนดสสนของงานน าเสนอบนสไลดในรปแบบทเปนธรรมชาตทมองดแลวสบายตา ผอนคลาย คงหลกเลยงทจะใชสเขยวไมได เชนสเขยวของตนไมใบหญา เปนตน

การสรางใบไมพลวลม เปนอกหนงเทคนคพเศษทนกเรยนจะไดเรยนรในใบความรท 5 เปนการสราง Animation เพอใหงานน าเสนอโดดเดนเสมอนมการน าเสนอในธรรมชาตอยางกลมกลนและนาตดตามชมจนสนสดการน าเสนอ

1. วธการวาดใบไมใหกบตนไมโดยใชเครองมอ Shape ดงภาพ

2. ลากหยดน าวาดใบไม >> เปลยนสใหมมต

17

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

3. ด าเนนการรวมกนใหเปนภาพกลมพมใบไม 4. ด าเนนการจดกลมภาพกอน

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

** เมอด าเนนการตามขอ 3 แลว ขนตอนตอไปจะด าเนนการสรางใบไมรวง***

ขนตอนการท าใบไมรวง

1. คลกทใบไมทตองการท าใหรวง >> คลกท Animations >> เลอกโหมด Motion Paths >> เลอก Lines ดงภาพ

2. ด าเนนการก าหนดทศทางให กบใบไมทรวงดวยการลากเสน ไปยงทศทางทตองการ

3. คลกก าหนดคณลกษณะใหม การเคลอนไหวอตโนมต (ซงใบไมแตละใบไมจ าเปนตอง ชาเรวเทากน เพอใหเปนธรรมชาต

18

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

แบบฝกปฏบตท 4

การสรางตนไมเสมอนจรง

ค าชแจง ใหนกเรยนใชเครองมอ Shapes ในโปรแกรมมาสราง Animation มาสรางตนไมและใบไมรวงเพอประกอบการน าเสนอขอมลในโปรแกรม Microsoft Powerpoint (นกเรยนสามารถใชภาพพนหลงจากอนเตอรเนตมาประกอบได หรอจะออกแบบสพนหลงเองกไดตามความเหมาะสม)

ออกแบบสวยๆ เลยนะคะ ท าใบไมรวงหลายๆ ลกษณะ

ค านงถงความเปนธรรมชาต เมอใบไมรวงยามลมพด สๆ นะคะ ….. ทกคนท าไดอยแลว

19

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

ขนตอนการท าดอกไม Animations

ใบความรท 6

การท าดอกไม Animation

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

1. คลกเลอกใชเครองมอ Shape รปพระจนทรเสยวมาลากวาดใบของดอกไม - คลกลากวาดแลวปรบส - คดลอกภาพ แลวกลบดาน - จากนนวางใหเปนกอดอกไม

- แลวด าเนนการจดวาง ดงภาพ

20

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

2. เมอไดกอดอกไมแลว ใหนกเรยนวาดภาพดอกไมโดยใชเครองมอ Shape วงร หยดน า หรอหวใจ มาใชในการวาดไดตามจนตนาการดงตวอยาง

ใชวงร - กด Shift + คลกลากตามขนาดทตองการ ปรบส

- คดลอกวงกลมทปรบสแลววางเปนดอกไม

ใชหยดน า - กด Shift + คลกลากตามขนาดทตองการ ปรบส - คดลอกหยดน าทปรบสแลววางเปนดอกไม (แตตองหมนหยดน าดวย)

การใชหวใจ - กด Shift + คลกลากตามขนาดทตองการ ปรบส - คดลอกหวใจทปรบสแลววางเปนดอกไม (แตตองหมนหวใจดวย)

21

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

3. ด าเนนการประกอบกอใบดอกไมกบดอกไมเขาดวยกน ซงนกเรยนตองวาดกาน ของดอกไมดวย (แลวยายไปขางหลงสด) ดงภาพ

4. จดการจดกลมดอกไมแตละดอกกบใบดอกไมแตละกอใหเขาคกน

5. กด Shift + คลกทใบดอกไมทจะจดเขาเปนตนเดยวกนกบกานและดอก >> คลกขวา >> จดกลม

6. ด าเนนการจดท า Animation ใหกบดอกไมทสรางขน โดยวธการคลกทวตถ >> คลกท Animations >> เลอกโหมด Emphasis >> Teeter เพอแกวง

7. ก าหนดคณลกษณะพเศษ เพอใหดอกไมแกวงอตโนมตและตอเนอง

Start: With Previous Duration: 3 seconds(Slow) Repeat : Untill Next Click

22

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com และ Facebook : kung chonlada

แบบฝกปฏบตท 5

ออกแบบรวดอกไมมชวต

ค าชแจง ใหนกเรยนใชเครองมอ Shapes ในโปรแกรมมาสราง Animation มาสรางรวดอกไมมชวตเพอประกอบการน าเสนอขอมลในโปรแกรม Microsoft Powerpoint (นกเรยนสามารถใชภาพพนหลงจากอนเตอรเนตมาประกอบได หรอจะออกแบบสพนหลงเองกไดตามความเหมาะสม)

ลองดนะคะ ... จนตนาการของทกคนไมมทสนสด

สามารถปรบเปลยนใหเหมาะสมไดตามตองการเลยคะ สๆ