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 (นกเรยนสามารถใชภาพพนหลงจากอนเตอรเนตมาประกอบได หรอจะออกแบบสพนหลงเองกไดตามความเหมาะสม)
ลองดนะคะ ... จนตนาการของทกคนไมมทสนสด
สามารถปรบเปลยนใหเหมาะสมไดตามตองการเลยคะ สๆ