Present- color

การประยุกตใ์ ช้โปรแกรมในการ การประยกุ ตใ์ ช้เทคโนโลยเี พื อ การออกแบบสือดิจทิ ัล นาํ เสนอแบบออนไลน์ผา่ นสือดิจทิ ลั 2 อาจารย์ ดร. พัทธนันท์ บุตรฉยุ สาํ นกั เทคโนโลยีการศกึ ษา มหาวิทยาลัยสุโขทัยธรรมาธริ าช 1 แหล่งสืบค้น สือฟรีๆ อยา่ งถกู ลิขสิทธ-ิ การคน้ หาภาพ เพื อการออกแบบสือดิจทิ ัล Tools 3 Labeled for reuse with modification คน หาภาพทีน่ าํ มาใชแ ละดดั แปลงได (อนั น้ดี ีที่สดุ ) 4 การค้นหาภาพ การคน้ หาภาพ https://www.freepik.com https://www.flaticon.com 56 1

การค้นหา font การคน้ หา font https://fonts.google.com https://fonts.google.com 78 การคน้ หา font https://fonts.google.com การตกแต่งภาพดว้ ยโปรแกรม PhotoScape 9 10 PhotoScape 1. เข้าไปดาวโหลดโปรแกรมฟรี ได้ทีเวบ็ ไซต์ http://www.photoscape.org (เลอื ก Free Download) PhotoScape เปน; โปรแกรมตกแตง่ ภาพ ทีมี ความสามารถมากมายและใชง้ านได้งา่ ยมาก 1 เพราะมีเมนูการใช้งานเป;นภาษาไทย สะดวก รวดเรว็ ในการใชง้ าน 12 11 2

2. เริมใช้งาน คลกิ เปดN โปรแกรม PhotoScape 3. เริมการตกแตง่ ภาพ โดยคลิกไปที เมนู “แก้ไขภาพ” ทาํ ความรูจ้ กั เครืองมอื ต่างๆ ทีเมนูด้านบน หรอื ที ”ไอคอน แก้ไขภาพ”กไ็ ด้ 2 3 13 14 4. ด้านซ้ายมอื จะเป;นสว่ นทีแสดง Directory และ 5. การยอ่ ขยายขนาดของรูปภาพ คลิกทีย่อ/ขยาย พิ มพ์ แสดงภาพในโฟลเดอร์ทีเรากําลังเลอื กอยู่ ขนาดทีต้องการ และคลิกตกลง 4 5 15 16 6. สามารถปรบั ความสว่าง และสไี ดต้ ามตอ้ งการ โดยคลกิ 7. การลบมุมของภาพ คลิก “ลบมุม” สามารถเลอื ก “ความสว่าง สี”และคลกิ ตกลง สขี องมุม ความโคง้ และเสน้ ขอบได้และคลิกตกลง 6 7 17 18 3

8. ใส่เสน้ ขอบให้รปู คลกิ ที “เส้นขอบ” สามารถเลือกสแี ละ 9. ใส่กรอบรูป คลิกที “กรอบรูป” จะเป;นใสข่ อบรปู แบบเส้น ขนาดของเสน้ ขอบได้ และคลกิ ตกลง สามารถเลอื กสี ชนดิ ความหนา ความโค้งได้ 8 9 19 20 10. การเพิ มแสงฉากหลังของภาพ คลกิ ที “เพิ มแสง 11. การเพิ มแสงวัตถุ คลกิ ที “เพิ มแสงวัตถุ” สามารถปรับลด ฉากหลัง” และเลือกเปอร์เซ็นต์ ไดต้ ามความต้องการ 10 11 21 22 12. การเติมฟลN เตอร์ใหภ้ าพ คลกิ ที “ฟลN เตอร์” จะมแี บบต่างๆ 13. การปรับความคมชดั คลกิ ที “ความคมชัด” สามารถปรับ ใหเ้ ลอื กมากมาย ความคมชัดได้ตามความตอ้ งการ 12 13 23 24 4

14. ปรบั ระดบั ความเขม้ ของรปู ภาพ คลกิ ที “ความเขม้ 15. การปรบั ภาพเปน; โทนสีซีเป^ย และโทนขาวดาํ สามารถคลกิ (Level) มใี ห้เลือก ตํา ปานกลาง สูง เลอื กสไี ดต้ ามไอคอน 14 15 25 26 16. การเพิ มวตั ถุในภาพ คลกิ ที “เพิ มวตั ถุ” หากต้องการ 16. พิ มพ์ ข้อความ เลือกชนดิ ของตวั อักษร ขนาด สี และ ใส่ตัวอกั ษรใหก้ บั ภาพ คลกิ เลอื กที “T” กาํ หนดค่าต่างๆ ตามตอ้ งการ และคลิกตกลง 16.1 16.2 27 28 16. ภาพตวั อยา่ งการใส่ตัวอักษรในภาพ 17. เมือตกแต่งภาพเสร็จแลว้ คลกิ “บันทกึ ” และเลือก โฟลเดอรก์ ารเก็บภาพ 16.3 17 29 30 5

การออกแบบงานกราฟกN ด้วย Canva โปรแกรม Canvas Canva เปน; แอปพลเิ คชันสาํ หรับสร้างสือ การนาํ เสนอไดห้ ลากหลายรปู แบบ เชน่ 31 Presentation, Poster, Card, Resume, Certificate, Infographic สามารถเขา้ ใชง้ านผ่านแอปพลเิ คชนั หรือผา่ นเว็บไซต์ 32 1. ไปทีเวบ็ ไซต์ https://www.canva.com/ 2. สมคั รสมาชกิ โดยใส่ข้อมลู อีเมล และกาํ หนด Password หรือ Log in ดว้ ย account ของ facebook, Google 1 2 33 34 3. เมือเขา้ สรู่ ะบบแลว้ จะปรากฏหนา้ หลักของเว็บไซต์ของ Canva SOCIAL MEDIA 3 6 35 36

4. วธิ ีการสร้างดไี ซน์ คลิกเลอื ก “สร้างงานออกแบบ” จะ 5. ทดลองสร้าง Infographic โดยเลือนลงมาทีหวั ขอ้ ปรากฏหนา้ จอในการสร้างงานออกแบบขึoนมาให้เลือก การตลาด คลกิ เลอื ก “Infographic” 4 5 37 38 6. แมแ่ บบ (Layouts) ใชใ้ นการค้นหาแม่แบบทีตอ้ งการ ที 7. หลังจากเลอื กแม่แบบแล้ว จะปรากฎแม่แบบด้านขวา ช่องคน้ หา หรือ คลกิ เลอื กทีแม่แบบได้ทนั ที 7 6 39 40 8. องคป์ ระกอบ (Elements) เป;นเมนยู ่อยสําหรบั ใส่รูปภาพ 9. ขอ้ ความ (Text) เป;นเมนูสําหรับเลือกข้อความต่างๆ กรอบรูป สัญลักษณ์ต่างๆ ใสล่ งในดไี ซน์ของเรา 8 9 41 42 7

10. พoื นหลงั (Background) เป;นเมนทู ีใชส้ ําหรับเลอื ก 11. อปั โหลด (Upload) เป;นเมนูทีใชอ้ ัพโหลดรูปภาพจาก ภาพพืo นหลัง คอมพิ วเตอรข์ องผู้ใช้ 10 11 43 44 12. เมนดู า้ นซา้ ยบน เปน; เมนจู ดั การการทาํ งาน ได้แก่ File, การนาํ เสนองานแบบออนไลน์ดว้ ย Undo, Redo โปรแกรม Padlet 12 46 File - เปน* เมนูจดั การดีไซน์ สร้างงานออกแบบใหม่, บันทกึ และดาวนโ์ หลด Undo - เป*นเมนูสาํ หรับยอ้ นกลบั การทํางานไปทีละขั9นตอน Redo – ใช้สาํ หรับทาํ ซ9ํางานท<ีเรา ยอ้ นกลับมา (Undo) 45 Padlet เปน; แอปพลิเคชันทีอยใู่ น 1. ไปทีเวบ็ ไซต์ https://padlet.com แพลตฟอร์มสาํ หรับการแบ่งปนv สมัครสมาชิก โดยคลิก “ลงทะเบียน” ขอ้ มลู แบบออนไลน์ 1 สามารถเขา้ ใชง้ านโดยใช้ Computer, Smartphone หรอื Tablet 48 47 8

2. ใสข่ ้อมลู อเี มล และกําหนด Password หรือ Log in ด้วย 3. จะเข้าส่หู น้า Dashboard ให้คลกิ “MAKE A PADLET” account ของ Google, Facebook หรอื Microsoft เพื อทาํ การสร้างหน้าใหม่ 2 3 49 50 4. เลอื ก Layout ในการสร้างเพจ โดยมีให้เลอื ก 6 รูปแบบ ได้แก่ 4. เลือก Layout ในการแสดงเพจ โดยมีให้เลอื ก 6 รูปแบบ ไดแ้ ก่ Wall, Canvas, Freedom, Stream, Grid, Shelf และ Wall, Canvas, Freedom, Stream, Grid, Shelf และ Backchannel Backchannel 4 4.1 Wall เป*นรปู แบบของการเรยี งของขอ้ ความเหมือน 51 รูปแบบของ post it ที<ติดบนบอร์ด ตามเวลาท<ใี สข่ อ้ ความหรอื ขอ้ มูลลงไปแต่เราสามารถเคลื<อนย้ายไดต้ ามตาํ แหนง่ ท<ีตอ้ งการ 4.2 Canvas เป*นรปู แบบของการเรียงของข้อความ แบบจัดกลมุ่ มีความเชื<อมโยงของกลุ่ม ตามเวลาท<ใี สข่ ้อความ หรอื ขอ้ มูลลงไปแตเ่ ราสามารถเคลื<อนยา้ ยได้ตามตาํ แหนง่ ท<ี ต้องการ 52 4. เลอื ก Layout ในการแสดงเพจ โดยมีใหเ้ ลอื ก 6 รูปแบบ ไดแ้ ก่ 4. เลือก Layout ในการแสดงเพจ โดยมีให้เลอื ก 6 รปู แบบ ไดแ้ ก่ Wall, Canvas, Freedom, Stream, Grid, Shelf และ Wall, Canvas, Freedom, Stream, Grid, Shelf และ Backchannel Backchannel 4.3 Stream เป*นรปู แบบของการเรยี งของข้อความเป*น 4.5 Shelf เปน* รูปแบบของการเรียงของขอ้ ความเปน* แนวตั9ง ตามเวลาทีใ< ส่ขอ้ ความหรือขอ้ มลู ลงไปแตเ่ ราสามารถ คอลมั น์ ตามเวลาที<ใส่ขอ้ ความหรือขอ้ มูลลงไปแตเ่ ราสามารถ เคลื<อนย้ายได้ตามตําแหนง่ ที<ตอ้ งการ เคลื<อนย้ายไดต้ ามตําแหน่งที<ตอ้ งการ 4.4 Grid เป*นรูปแบบของการเรยี งของขอ้ ความเปน* 4.6 Backchannel เป*นรปู แบบของการแสดงข้อความ แนวนอน ตามเวลาที<ใสข่ ้อความหรือข้อมูลลงไปแตเ่ ราสามารถ ลักษณะของการแสดงความคดิ เหน็ จําลองสภาพแวดลอ้ ม เคลื<อนย้ายไดต้ ามตําแหน่งที<ต้องการ ของการสื<อสาร 53 54 9

5. หรือเลือก Template อืนๆ จากเมนู “Or pick a 6. เมือเลือก Layout หรอื Template แล้ว เริมการ template” ด้านล่าง จะพบ Template หลากหลายรปู แบบ ออกแบบงานนาํ เสนอ โดยการตงoั คา่ การนาํ เสนอที Modify เลอื กโดยการคลกิ Select ดา้ นขวามือตามตอ้ งการ และคลิก Next 5 6 55 56 7. ตoังคา่ การเขา้ ถงึ ขอ้ มลู ที People & Privacy และ 8. เริมการตกแต่ง Content ในบอร์ด โดยพิ มพ์ ชือหวั ขอ้ หลังจากนัoนคลิก Next เสร็จแลว้ คลิก START POSTING ที Column แรก แลว้ คลิก Save 7 8 57 58 9. กดเครืองหมาย + เพื อ upload ไฟลส์ ือทีต้องการ หรือ 10. หลักจากคลกิ เครืองหมาย + แล้ว สามารถเลอื กเพิ มสือ คลกิ Add Column เพื อสรา้ ง Column เพิ ม ไดห้ ลากหลายรูปแบบ ทัoงไฟล์ภาพ, เสียง, วดิ โี อ และ เอกสาร 9 10 59 60 10

ตวั อย่างหนา้ Wall การสร้างกิจกรรม ใน PADLET 61 62 THANK YOU 63 11