การสร างคลิปสั้น ด วย...
TRANSCRIPT
![Page 1: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/1.jpg)
การสรางคลิปสั้นดวย Animaker.com
![Page 2: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/2.jpg)
การเผยแพรผลงาน
ประเด็นแลกเปลี่ยนเรียนรู
ฝกปฏิบตัิ
รูจักเคร่ืองมือ
เว็บไซดที่ตองใชรวมกัน
การวางโครงเร่ือง
![Page 3: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/3.jpg)
เว็บไซดที่ตองใชรวมกัน
Animaker.com Youtube.com
![Page 4: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/4.jpg)
รูจักเคร่ืองมือ Animaker.com
Free 19$ ตอเดือน 35$ ตอเดือน 59$ ตอเดือน
ความยาวคลิป 2 นาที 5 นาที 15 นาที 30 นาที
Export คลิปตอเดือน 5 คลิป 20 คลิป 40 คลิป 100 คลิป
คุณภาพใน youtube SD SD HD / SD Full HD / HD
การใชเคร่ืองมือเว็บ นิดเดียว ไดบาง เยอะ ไมจํากัด
Font เลือกไมได เลือกไมได เลือกไมได เลือกได
![Page 5: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/5.jpg)
รูจักเคร่ืองมือ Animaker.com
หนาแรก
เร่ิมสรางผลงาน
ดูผลงานเดิมที่สรางไว
![Page 6: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/6.jpg)
รูจักเคร่ืองมือ Animaker.comเลอืก template
• แบบวางเปลา• แบบมีตัวอยาง
กดที่ภาพเพื่อดูตัวอยางหรือ กดที่ use
เพื่อเลือกใช template
![Page 7: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/7.jpg)
รูจักเคร่ืองมือ Animaker.com
พื้นที่การทํางาน
![Page 8: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/8.jpg)
รูจักเคร่ืองมือ Animaker.com
เคร่ืองมือสําหรับบันทึกไฟลคัดลอกไฟล ต้ังชื่อไฟล
![Page 9: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/9.jpg)
รูจักเคร่ืองมือ Animaker.com
แตละ sceneสรางไดยาวสุด 15 วินาที
ดูเวลาของแตละ scene
ดูเวลารวมของคลิปทัง้หมด (สรางไดไมเกิน 2 นาท)ี
![Page 10: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/10.jpg)
รูจักเคร่ืองมือ Animaker.com
เคร่ืองมือสําหรับคัดลอก sceneหรือลบ scene
![Page 11: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/11.jpg)
รูจักเคร่ืองมือ Animaker.com
แสดงผลการเลนของทั้งคลิป
![Page 12: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/12.jpg)
รูจักเคร่ืองมือ Animaker.com
แสดงผลการเลนของ scene นี้
![Page 13: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/13.jpg)
รูจักเคร่ืองมือ Animaker.com
Timeline แสดง animation ของ scene นี้
![Page 14: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/14.jpg)
รูจักเคร่ืองมือ Animaker.com
อุปกรณตกแตงคลิป
![Page 15: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/15.jpg)
รูจักเคร่ืองมือ Animaker.com
คน
เลือกใชไดเฉพาะที่มีพ้ืนหลังสีขาวหรือไมมีแถบสีเขียวดานลาง
เพราะภาพที่มีแถบสีเขียวดานลางคือสวนที่ตองชําระเงินเพ่ิมเตมิ
![Page 16: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/16.jpg)
รูจักเคร่ืองมือ Animaker.com
อุปกรณตกแตง
![Page 17: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/17.jpg)
รูจักเคร่ืองมือ Animaker.com
พ้ืนหลัง
![Page 18: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/18.jpg)
รูจักเคร่ืองมือ Animaker.com
กลองขอความ
![Page 19: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/19.jpg)
รูจักเคร่ืองมือ Animaker.com
ตัวเลขเปนสวนของการแสดงตวัเลขมีทั้งแบบตัวเลข
และแบบ infographic
![Page 20: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/20.jpg)
รูจักเคร่ืองมือ Animaker.com
EffectEffect มี 2 แบบแบบเต็มหนา (Screen Effects)กับแบบเฉพาะจุด (Prop Effects)
![Page 21: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/21.jpg)
รูจักเคร่ืองมือ Animaker.com
เสียงเสียง มี 2 แบบเสียงพื้นหลัง (BGM)
กับเสียงประกอบ sound effect (Sfx)
![Page 22: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/22.jpg)
รูจักเคร่ืองมือ Animaker.com
อัพโหลดสามารถอัพโหลดไฟลภาพ เสียง
ท่ีตองการเพิ่มเติมได
![Page 23: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/23.jpg)
รูจักเคร่ืองมือ Animaker.com
Transition
Effect การเปล่ียนแตละ sceneจะใสหรือไมใสก็ได
แลวแตกําหนด
![Page 24: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/24.jpg)
รูจักเคร่ืองมือ Animaker.com
themes มีใหเลือกใช 4 แบบ
• 2D สวนมากจะเปน animation ที่เคล่ือนไหวได• Infographic สวนมากจะเปนกราฟ หรืองาน info• Whiteboard เปรียบเสมือนกระดานดาํ ภาพประกอบจะ
ไมใชภาพที่ขยับได จะเปนภาพวาดทั้งหมด Effect ที่ติดมากับภาพก็จะเปน effect ที่มีมือคนวาดใหออกมาเปนภาพ
• HandCraft คือ ภาพตัดปะ เหมือนเลนแตงตัวตุกตา
![Page 25: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/25.jpg)
รูจักเคร่ืองมือ Animaker.com
การใส Effect เขา หรือ Effect ออกของวัตถุแตละชิ้น
![Page 26: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/26.jpg)
รูจักเคร่ืองมือ Animaker.com
ยอ/ขยาย พ้ืนที่การทํางาน
![Page 27: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/27.jpg)
รูจักเคร่ืองมือ Animaker.com
• Export การสงออกไฟล• Dashboard การดูไฟลผลงานเดิมทัง้หมด
![Page 28: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/28.jpg)
รูจักเคร่ืองมือ Animaker.com • เลือกฟนเฟอง เพ่ือใหรูปแบบการตูนปรากฏ
![Page 29: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/29.jpg)
รูจักเคร่ืองมือ Animaker.com• บางอิริยาบถ
สามารถเปล่ียนไดหลายอารมณโดยสังเกตจากแถบเมนูที่ 2หากมีมากกวา 1 สามารถเลือกมุมมองของตัวการตูนได
![Page 30: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/30.jpg)
รูจักเคร่ืองมือ Animaker.com
• กรณีตองการเปล่ียนแปลงตวัการตูนใหกด Swap เพ่ือเลือกตัวการตูนตวัใหมได
![Page 31: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/31.jpg)
รูจักเคร่ืองมือ Animaker.com
• ใชในกรณีที่ตองการซูมภาพ
• ใชในกรณีที่ตองการแทรกเสียง
![Page 32: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/32.jpg)
รูจักเคร่ืองมือ Animaker.comการเปล่ียนอารมณ
แบบตอเน่ือง1. กดปุมบันทึก2. เลือกเวลาท่ีตองการ3. กด add pin จะปรากฏหมุดใหเห็นตรงแถบเหลืองดานลาง4. เลือกอิริยาบถท่ีตองการ
![Page 33: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/33.jpg)
รูจักเคร่ืองมือ Animaker.comการซูมภาพ
1. กดปุมกลอง2. เลือกปุม Camera in3. กําหนดระยะเวลา และชวงเวลาท่ีตองการใหซูมภาพ4. กรณีใหซูมภาพออก ใหเลือกปุม Camera out
![Page 34: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/34.jpg)
รูจักเคร่ืองมือ Animaker.comการสรางวัตถุเคล่ือนไหว
1. เลือกวัตถุแลวกดปุมเสนเคล่ือนไหว2. กดปุม start3. ปรับเสนทางและปลายทางวัตถุ4. กรณีตองสรางหลายชิ้น ใหใชเมนูคัดลอก/วาง ดานบน แลวกาํหนดเวลาแสดงผลใหตางกัน
![Page 35: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/35.jpg)
การวางโครงเร่ือง
เนื้อหาที่ตองการนําเสนอ
• กําหนดเนื้อเรื่องทั้งหมด วาจะเสนอเรื่องอะไร
ขอความ-ภาพประกอบมีอะไรบาง
• ตองส้ัน ๆ อานแลวเขาใจงาย
อะไรที่ตองเคล่ือนไหว ชวงไหน
• ตองมีซูมภาพหรือไม• ฉากเปล่ียนแตละ
shot
เสียงประกอบ
• เสียงบรรยาย• เสียงบรรเลง• เสียง effect
เมื่อวางโครงเร่ืองไดแลว มาฝกปฏิบัติกันคะ
![Page 36: การสร างคลิปสั้น ด วย Animakerbps.moph.go.th/new_bps/sites/default/files/Animaker v.1.pdfการวาง โครงเร อง เว บไซด](https://reader033.vdocuments.site/reader033/viewer/2022041822/5e5e829a741b4d1818024d64/html5/thumbnails/36.jpg)
การเผยแพรผลงาน