Canva Manual (MUIT) PDF
Document Details
Uploaded by SignificantPortland
มหาวิทยาลัยมหิดล
2022
ศุภลักษณ์ จุเครือ
Tags
Summary
This document is a Canva user manual, specifically for users at Mahidol University. It provides step-by-step instructions, tips, and explanations on using the online graphic design tool Canva. It features various templates and functionalities for creating graphics, presentations, and more.
Full Transcript
2 การใช้งานโปรแกรม Canva Canva เป็นแพลตฟอร์มทีใ่ ช้ส ำ หรับสร้างงานกราฟิกออนไลน์ ที่สามารถนำ มาใช้สร้าง Presentation งานสิ่งพิมพ์ Infographic รวมไปถึงภาพเคลื่อนไหวได้ โดยที่ผู้ใช้งานไม่จำ เป็นต้องมีความรู้ทาง ศิลปะ หรือการใช้โปรแกรมด้านกราฟิกเลย ก็สามารถใช้ Canva ได้ จุดเด่นอีกจุด...
2 การใช้งานโปรแกรม Canva Canva เป็นแพลตฟอร์มทีใ่ ช้ส ำ หรับสร้างงานกราฟิกออนไลน์ ที่สามารถนำ มาใช้สร้าง Presentation งานสิ่งพิมพ์ Infographic รวมไปถึงภาพเคลื่อนไหวได้ โดยที่ผู้ใช้งานไม่จำ เป็นต้องมีความรู้ทาง ศิลปะ หรือการใช้โปรแกรมด้านกราฟิกเลย ก็สามารถใช้ Canva ได้ จุดเด่นอีกจุดหนึ่งของ Canva ที่ทำ ให้ ได้รับความนิยมก็คือ Canva มี Template จำ นวนมาก มีความสวยงาม ให้เลือกใช้ โดยแยกเป็นหมวดหมู่ตามประเภทงานออกแบบ ถ้าเป็น Template Presentation ในแต่ละ Template ก็ยังมี Animation ของแต่ละภาพ ที่โปรแกรมกำ หนดมาให้เบื้องต้นด้วย ทำ ให้ทำ งานได้สะดวกรวดเร็ว มีความโดดเด่น สวยงามดึงดูดสายตาผู้ชมมากยิ่งขึ้น ท้ายที่สุดนี้ ผู้เขียนหวังเป็นอย่างยิ่งว่า ผู้อ่านจะสามารถนำ ความรู้ที่ได้ ไปประยุกต์ใช้ ได้เต็มประสิทธิภาพ และหากมีข้อผิดพลาด ประการใด ผู้เขียนต้องขออภัยมา ณ ที่นี้ด้วย ศุภลักษณ์ จุเครือ มีนาคม 2565 กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 3 4 การใช้งานโปรแกรม Canva ทำ ความรู้จักกับโปรแกรม Canva 6 ขั้นตอนการลงทะเบียนเข้าใช้งาน 7 ส่วนประกอบในหน้าหลักของ Canva 8 ตั้งค่า Account Setting 9 แนะนำ เว บ็ ไซต์ดาวน์โหลด ไอคอนและรูปถ่ายฟร ี 11 ส่วนประกอบของโปรแกรมในหน้าออกแบบชิ้นงาน 13 การออกแบบงานกราฟิก 17 การจัดการข้อความ, ฟ้อนต์หรือรูปแบบตัวอักษร, เพิ่มกล่องข้อความ 18 ปรับแนว ระยะห่างระหว่างตัวอักษร และระยะห่างระหว่างบรรทัด 20 การเลือกสีตัวอักษร 20 ปรับสีพื้นหลังของชิ้นงาน 21 การใส่ Effect ให้กับข้อความ 23 ตกแต่งชิ้นงานด้วยภาพ วิดีโอ เสียง 24 การแก้ไขส่วนต่าง ๆ ในชิ้นงาน (ลบ, คัดลอก, ใส่ลิ้งค์ให้รูปภาพ) 27 การเพิ่ม Element ในงานออกแบบ 28 การบันทึกไฟล์งานกราฟิก 29 การสร้างงาน Presentations 31 วิธีใส่กรอบรูป แก้ไขภาพ (Edit image) 36 ปรับสีของหน้า Page Presentations ด้วยเมนู Style 39 การกำ หนด Page Animations 40 การกำ หนด Animations ให้รูป ข้อความ Elements 41 การบันทึกไฟล์ Presentation เป็นไฟล์วิดีโอ 43 Export ไฟล์ Canva ไปใช้ในโปรแกรม Microsoft Powerpoint 44 กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 5 เอกสารประกอบการอบรมหลักสูตร การออกแบบกราฟฟิกหลากหลายรูปแบบ ด้วย Application Canva ทำ ความรู้จักกับโปรแกรม Canva Canva เป็นแพลตฟอร์มที่ใช้สำ หรับสร้างงานกราฟฟิกออนไลน์ ซึ่งปัจจุบันที่ได้รับ ความนิยมมากขึ้น เนื่องจาก Canva มีเครื่องมือจำ นวนมาก ทำ งานออกแบบได้หลายประเภท โดยที่ผู้ใช้อาจจะไม่จำ เป็นต้องมีความรู้หรือทักษะการออกแบบมากนัก เพราะมี Template สำ เร็จรูป ให้เลือกใช้มากมายโดยแยกออกเป็นหมวดหมู่ ตามสิ่งที่ต้องการออกแบบ เช่น Template ที่เกี่ยวกับสื่อโฆษณาใน Social Media ออกแบบงานสิ่งพิมพ์ Poster, Card, ออกแบบ Infographic งานออกแบบในหมวดวิดีโอโฒฆณาบน Youtube , Presentations ในด้านการศึกษาก็สามารถนำ Canva มางานเช่น การทำ Presentations ประกอบการสอน การทำ วีดีโอบันทึกการสอน และการทำ ใบงานเพื่อมอบหมายงานแบบออนไลน์ก็ได้ด้วย สามารถใช้ Canva ฟรี ผ่านเว็บไซต์ www.canva.com หรือติดตั้ง Application บน SmartPhone ก็ได้รองรับ Android และ iOS จุดเด่นของ Canva ใช้งานง่าย ใช้การ Drag&Drop และมี Template ให้เลือกมากมายแบ่งตาม หมวดหมู่การใช้งานช่วยให้ผู้ที่ไม่มีพื้นฐานการออกแบบกราฟิกสามารถใช้งานได้ ข้อมูลที่ออกแบบไว้เชื่อมโยงกันทั้งในคอมพิวเตอร์และ Smartphone Canva รองรับการพิมพ์ภาษาไทย สมัครใช้งานได้ฟรี หรือถ้าหากมีบัญชี Google Account หรือ Facebook Account อยู่แล้ว ก็สามารถเชื่อมต่อ เพื่อสมัครเข้าใช้งานได้เลย รองรับการทำ งานในแบบเดี่ยวและทีม ในรูปแบบทีม สามารถแก้ไขงาน ร่วมกันได้แบบเรียลไทม์ มีโฟลเดอร์ทีมสำ หรับเก็บจัดการ Content ด้วยกัน 6 การใช้งานโปรแกรม Canva ขั้นตอนการลงทะเบียนเข้าใช้งาน ไปที่ https://www.canva.com/ แล้วสมัครสมาชิก สามารถสมัครใช้งานด้วยบัญชีผู้ใช้ Facebook, G-mail หรือสมัครด้วยอีเมลอื่นๆ 1 3 2 4 กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 7 ส่วนประกอบของโปรแกรม Canva เมื่อ Login เข้ามาแล้วจะเห็นหน้าจอโปรแกรมดังภาพ 1 2 3 4 1 แถบเมนูหลัก ประกอบไปด้วย Template แยกเป็นหมวดตตามประเภทงานออกแบบ Feature ค้นหารูปประกอบ Icon ที่นำ มาใช้ในงานออกแบบ Learn บทเรียนสอนการใช้งาน Canva การออกแบบกราฟิกต่าง ๆ Pricing รายละเอียดราคา Package ถ้าต้องการซื้อโปรแกรม Canva Account Setting การตั้งค่าข้อมูลส่วนตัว กำ หนดภาษา จัดการอีเมล 8 การใช้งานโปรแกรม Canva 2 แถบเมนูซ้ายมือ ประกอบไปด้วย Home กลับหน้าหลัก RecentDesign Template ที่เคยใช้งาน YourProject งานออกแบบที่ออกแบบไว้ Share with you Trash Team ออกแบบร่วมกันเป็นทีม โดย CreateTeam และป้อนอีเมลของคนที่ ต้องการเชิญเป็นสมาชิกใน Team จากนั้นก็ออกแบบและแชร์สิ่งที่สร้างด้วย Canva กับ คนอื่น ๆ ใน Team 3 แม่แบบ ตัวอย่าง Template สำ เร็จรูปการออกแบบที่ Cava แนะนำ 4 แถบงานออกแบบของคุณ ถ้าเคยออกแบบมาแล้วจะมีรายการออกแบบในส่วนนี้ เพื่อคลิกเข้าไปแก้ไขได้ ตั้งค่า Account Setting ตั้งค่าการใช้งาน เช่น เปลี่ยนภาษา รายละเอียดบัญชีการใช้งาน Canva เช่น อีเมล ภาษา ความปลอดภัย ฯลฯ คลิกที่ Account Setting กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 9 พิมพ์เลือกภาษา การค้นหา Template และดาวน์โหลดภาพ ไอคอน ใน Canva ที่หน้าหลัก เลือกเมนู Feature แล้วเลือกรายการ ที่ต้องการค้นหา เลือกหมวด ฟรี หรือ มีค่าใช้จ่าย คลิกที่รูป แล้วกดปุ่ม “Use in a design” 10 การใช้งานโปรแกรม Canva แนะนำ เว็บไซต์ดาวน์โหลด ไอคอน และรูปถ่ายฟรี ในงานออกแบบงานกราฟิกและงานนำ เสนอเราจะต้องใช้ไอคอนและภาพถ่ายประกอบ เนื้อหา เพื่อช่วยให้งานสวยงามและผู้ชมเข้าใจเรื่องราวได้ง่ายขึ้น ซึ่งแหล่งดาวน์โหลดภาพและ ไอคอน ก็มีทั้งแบบเสียค่าใช้จ่ายและแบบฟรี สำ หรับเว็บไซต์ที่ดาวน์โหลดฟรีที่อยากแนะนำ มี ดังนี้ เว็บไซต์แจกไอคอนฟรี https://www.flaticon.com https://thenounproject.com/ https://www.iconfinder.com/ https://icons8.com/ https://www.vecteezy.com/, https://simpleicons.org/ https://fontawesome.com/, https://icofont.com/ https://freepik.com, เว็บไซต์แจกภาพฟรี https://pixabay.com https://freepik.com http://streetwill.co https://www.lifeofpix.com https://www.pexels.com กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 11 Template หมวดต่าง เมื่อสมัครสมาชิก และ Login เข้ามาที่โปรแกรม Canva แล้ว จะเห็นว่ามีประเภทการ ออกแบบอยู่มากมาย ซึ่ง Canva จะมี Template หรือแม่แบบสำ เร็จรูปสวย ๆ เตรียมไว้ให้ โดยแยกแป็นประเภทๆ เช่น สร้างงานนำ เสนอ งานพิมพ์ โซเชียลมีเดีย วิดีโอ Infographic ออกแบบกราฟ ออกแบบปกหนังสือ ฯลฯ คลิกดู Template เพิ่มเติม สามารถดู และเลือกประเภท Template การออกแบบ เพิ่มเติมได้ที่เมนู “Template” 12 การใช้งานโปรแกรม Canva ที่หน้าหลัก ทดลองเลือกประเภทการออกแบบ เป็น Infographic คลิก “อินโฟกราฟิก” ส่วนประกอบของโปรแกรมในหน้าออกแบบชิ้นงาน 3 1 2 5 4 6 1 กลุ่มเมนูหลัก ประกอบด้วย ไฟล์ ปรับขนาด Undo Redo 2 กลุ่มเมนูการส่งออกชิ้นงาน ประกอบด้วย ชื่อกำ หนดชื่อไฟล์ แชร์ ดาวน์โหลด 3 กลุ่มเครื่องมือ แถบที่รวมเครื่องมือในการสร้างงานออกแบบ 4 ตัวอย่าง Template ให้เลือกใช้งาน 5 พื้นที่การทำ งาน และเครื่องมือ เพิ่มหน้า ทำ สำ เนาหน้า 6 การจัดการมุมมอง ย่อ ขยาย ดูแบบเต็มจอ ดูเส้นกริด กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 13 คำ อธิบายแถบเครื่องมือ แถบเครื่องมือ แม่แบบ (Template) คือ ตัวอย่างงานออกแบบที่โปรแกรมมีเตรียม ไว้ให้ผู้ใช้สามารถเลือกใช้ได้ องค์ประกอบ (Element) องค์ประกอบอื่น ๆ ที่เราสามารถเพิ่ม เข้าไปเพื่อให้งานออกแบบสวยงามขึ้น เช่น รูปร่าง สี่เหลี่ยม วงกลม ลูกศร กรอบข้อความ อัปโหลด (Upload) เมนูที่ใช้สำ หรับการอัปโหลดรูปภาพ วิดีโอ ที่อยู่ในเครื่องคอมพิวเตอร์ มาใช้ในงานออกแบบ ภาพถ่าย (Photo) เมนูที่ใช้สำ หรับเลือกภาพถ่ายในคลังภาพฟรีที่ โปรแกรมมีมาให้ ข้อความ (Text) เมนูที่ใช้เพิ่มและจัดการข้อความ สไตล์ (Style) เลือกรูปแบบชุดสีในการออกแบบ เพิ่มเติม (More) เป็นเมนูเสริมอื่นๆ เช่น เชื่อมต่อกับ Instagram, facebook เพิ่ม Font, Animation ฯลฯ 14 การใช้งานโปรแกรม Canva ออกแบบ Infographic ด้วย Template สำ เร็จรูป สร้างชิ้นงานใหม่ 1. ที่หน้าหลัก คลิกเลือก “สร้างงานออกแบบ” เลือกแบบเป็น “ Infographic” ขนาด Infographic ใน Canva เวอร์ชันฟรี จะมีขนาด 800x2000 pixel จะสามารถ แก้ไขขนาดได้ตามต้องการก็ต่อเมื่ เป็นเวอร์ชั่น Pro (มีค่าใช้จ่าย) 2. เลือกตัวอย่างเนื้อหา ไฟล์ Microsoft Word ที่จะนำ มาทำ Infographic จากโฟลเดอร์..................... เช่น เรื่อง 6 ผลไม้บำ รุงเลือด - บุหรี่ มีพิษร้าย อันตราย ตายผ่อนส่ง - สรุปอาการโควิด 5 สายพันธุ์ - ข้อควรรู้ก่อนฉีดวัคซีน COVID - 9 วิธีหนี COVID ฯลฯ หรือ เรื่องที่ท่านต้องการ โดยสามารถเตรียมเนื้อหาไว้ในโปรแกรม Microsoft Word และ Copy ข้อความมาวางใน Canva ได้ กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 15 3. คลิกที่เมนู Template แล้วเลือก Template ที่ชอบ และคิดว่าสามารถปรับให้เข้า กับเนื้อหาได้ ใน Canva มี Template จำ นวนมาก คลิก “See all” เพื่อดูเพิ่มเติม See all คลิกเลือก Template เมื่อคลิกที่รูปแบบ Template ภาพจะมาปรากฏที่พื้นที่การทำ งาน เลื่อนแถบย่อ-ขยาย หน้าจอ เพื่อดูชิ้นงานใกล้ๆ หรือ กรอกตัวเลขเองก็ได้ ย่อ ขยายมุมมอง 16 การใช้งานโปรแกรม Canva ตั้งชื่องานออกแบบ โดยพิมพ์แถบเมนูชื่อไฟล์ โปรแกรมจะ Save อัตโนมัติ การจัดการข้อความ การเปลี่ยนฟ้อนต์หรือรูปแบบตัวอักษร เมื่อคลิกที่ข้อความใน Template แถบคำ สั่งด้านบนจะเปลี่ยนเป็นเครื่องมือการจัดการ ข้อความ เช่น ชื่อฟ้อนต์, ขนาดฟ้อนต์, ลักษณะตัวอักษร, การจัดข้อความ ฯลฯ ชื่อฟ้อนต์ ขนาดฟ้อนต์ Effect ตัวอักษร ลักษณะฟ้อนต์ การจัดข้อความ ลบกล่องข้อความ การลบกล่องข้อความ ให้คลิกเลือกที่ข้อความนั้น แล้วกดปุ่ม “ลบ” แล้วเลือกว่าจะลบแบบใด ลบองค์ประกอบ หรือลบทั้งกลุ่ม เลือกที่ข้อความแล้วกดปุ่ม “ลบ” กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 17 จัดกลุ่ม ยกเลิกการจัดกลุ่ม (Group / Ungroup) คลิกขวา เลือก Group หรือ Ungroup พิมพ์ และแก้ ไขข้อความ คลิกที่กล่องข้อความจากนั้นพิมพ์ข้อความ หรือ Copy ข้อความมาวางก็ได้ พิมพ์ข้อความ เพิ่มกล่องข้อความ คลิกที่เมนู ที่แถบด้านซ้าย แล้วคลิกเลือกรูปแบบข้อความว่าต้องการข้อความ ลักษณะใด แล้วพิมพ์ข้อความ 18 การใช้งานโปรแกรม Canva เปลี่ยนฟ้อนต์ ปรับขนาดฟ้อนต์ การปรับฟ้อนต์ของข้อความ ให้ลากคลุมข้อความ จากนั้น คลิกที่ ชื่อฟ้อนต์ที่แถบเมนู ด้านบน แถบข้อความด้านข้าง จะแสดงชื่อฟ้อนต์ต่าง ๆ และภาพตัวอย่างของฟ้อนต์ที่สามารถ ใช้งานได้ คลิกที่ชื่อฟ้อนต์ เลื่อนลงมาดูที่ ฟ้อนต์ภาษาไทย คลิกเลือกฟ้อนต์แล้วปรับขนาด และรูปแบบได้ที่แถบ ด้านบน กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 19 จากนั้นใส่ข้อความเนื้อหาเพิ่มเติม ปรับขนาดฟ้อนต์ และ ย่อ ยืดขนาดของกล่องข้อความได้ ย่อ-ยืดกล่องข้อความ ปรับแนว ระยะห่างระหว่างตัวอักษร และระยะห่างระหว่างบรรทัด คลิกที่กล่องข้อความ จากนั้นเลือก Icon ด้านบน คลิกที่ เพื่อจัดแนวของกล่องข้อความ คลิกท ี่ ถ้าต้องการปรับระยะห่างระหว่างบรรทัด, ระยะห่างระหว่างตัวอักษร คลิกที่ ปรับข้อความเป็นแบบรายการ และปรับระยะห่างระหว่างบรรทัด คลิกที่ ปรับระยะห่างระหว่างบรรทัด 20 การใช้งานโปรแกรม Canva การเลือกสีตัวอักษร การเลือกสีข้องตัวอักษร ให้ลากคลุมข้อความ จากนั้น คลิกที่ แล้วเลือกสีจาก ตัวอย่างสีที่แถบด้านซ้าย หรือ กด + เลือกสี หรือคลิกที่ ปุ่ม แล้วไปคลิกเลือกสีจากแถบสี คลิกเมาส์ซ้ายที่ Icon เพื่อย้าย หรือ หมุนกล่องข้อความ ย้ายกล่องข้อความ หมุนกล่องข้อความ กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 21 ปรับสีพื้นหลังของชิ้นงาน 1. คลิกที่สีพื้นหลังของชิ้นงาน จากนั้นแถบด้านบนจะมี สัญลักษณ์แสดงสีพื้นหลังเดิมที่ใช้อยู่ 2. คลิกที่สีพื้นหลังเดิม แล้วเลือกสีใหม่ที่แถบด้านซ้าย คลิก คลิกที่พื้นหลัง คลิกที่เครื่องหมาย จากนั้นเลือกสีจากแถบสี 22 การใช้งานโปรแกรม Canva การใส่ Effect ให้กับข้อความ เมื่อพิมพ์ข้อความแล้ว สามารถเพิ่ม Effect ให้กับข้อความได้ โดยคลิกที่กล่องข้อความ จากนั้นเลือก “Effect” 2.คลิก “เอฟเฟ็กต์” 1.คลิกที่กล่องข้อความ หน้าต่าง Style ของ Effect จะแสดงที่แถบด้านซ้าย จากนั้นเลือก รูปแบบสไตล์ เมื่อเลือกสไตล์ แล้วก็สามารถกำ หนด Option เพิ่มเติม ของ Style นั้นได้ เช่น กำ หนดสี ทิศทาง ความเบลอ ตัวอักษรแบบโค้ง เป็นต้น กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 23 กำ หนด Option สไตล์ ตกแต่งชิ้นงานด้วยภาพ วิดีโอ เสียง ที่อัปโหลดจากเครื่องคอมพิวเตอร์ ในการออกแบบกราฟิกจะต้องมีภาพประกอบที่สอดคล้องกับเนื้อหาข้อมูลเพื่อสื่อ ความหมายไปในทิศทางเดียวกัน โดยอาจจะค้นหาภาพประกอบจากเว็บไซต์ และ Save เก็บ ไว้ในเครื่องคอมพิวเตอร์ เมื่อจะนำ ภาพเข้ามาใช้ใน Canva ให้ทำ ดังนี้ 1. คลิกปุ่ม “Upload” ที่แถบเครื่องมือด้านซ้าย 2. คลิกปุ่ม “Upload Media” 3. คลิกเลือกรูปจากเครื่องคอมพิวเตอร์ แล้วกดปุ่ม Open หลังจากอัปโหลดแล้ว รูปจะมาอยู่ที่หน้าต่างด้านซ้าย 24 การใช้งานโปรแกรม Canva Upload Media Upload เพิ่มเติม ภาพที่นำ เข้ามาใช้ใน Canva สามารถใช้ได้ทั้งไฟล์ นามสกุล.jpg และนามสกุล.Png (ภาพที่ไม่มีสีพื้นหลัง) สามารถตัดภาพพื้นหลังได้ที่เว็บไซต์ https://www.remove.bg 4. คลิกที่รูป คลิกเมาส์ซ้ายค้างแล้วลากรูปไปวางที่ชิ้นงานแล้วปรับขนาดให้เหมาะสม ลากไปวางที่ชิ้นงาน กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 25 5. อัปโหลดรูปอื่น ๆ ที่จะใช้งานเพิ่มเติม เพิ่มเติม ถ้าต้องการ Upload ไฟล์วิดีโอ และไฟล์เสียง ก็ใช้วิธีเดียวกัน 1. คลิกปุ่ม “Upload” ที่แถบเครื่องมือด้านซ้าย 2. คลิกปุ่ม “Upload Media” 3. คลิกเลือกคลิปวิดีโอจากเครื่องคอมพิวเตอร์ แล้วกดปุ่ม Open หลังจากอัปโหลด แล้ว คลิปวิดีโอ จะมาอยู่ที่หน้าต่างด้านซ้าย 26 การใช้งานโปรแกรม Canva การแก้ ไขส่วนต่าง ๆ ในชิ้นงาน (ลบ, คัดลอก, ใส่ลิ้งค์ ให้รูปภาพ) เลือก Object ที่ต้องการจัดการ จากนั้น คลิกขวา แล้วเลือกคำ สั่งที่ต้องการ เช่น ลบ คัดลอก วาง จัดกลุ่ม หรือเพิ่มลิ้งค์ให้รูปภาพได้ จากนั้นใส่ข้อความและรูปประกอบให้ครบตามเนื้อหาที่วางไว้ แล้วเลื่อนแถบสเกลด้าน ล่างเพื่อดูภาพรวมของชิ้นงาน เลื่อนปรับมุมมอง กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 27 การเพิ่ม Element ในงานออกแบบ ที่แถบเมนู “Elements” จะมีองค์ประกอบที่สามารถเอามาใช้ประกอบการออกแบบ โดยแบ่งเป็นหมวด ได้แก่ Line&Shape, Graphic, Graph, Table, Audio, Video คลิกที่ See all แล้วคลิกเลือก Elements ที่ต้องการใช้งาน สิ่งที่เลือกจะมาอยู่ที่ชิ้น งาน แล้วปรับสี ปรับขนาด ตามความเหมาะสม คลิกเลือก 28 การใช้งานโปรแกรม Canva การบันทึกไฟล์ โปรแกรม Canva สามารถบันทึกไฟล์ได้หลายรูปแบบ ทั้ง PNG, JPG, PDF, Video หรือ GIF โดยหลังจากออกแบบชิ้นงานเสร็จแล้ว 1. กดปุ่ม Download 2. เลือกสกุลไฟล์ ถ้า ออกแบบ InfoGraphic ก็สามารถเลือกว่าจะ Save เป็น PNG, JPG, PDF ในกรณีที่ใช้ Canva ในเวอร์ชันฟรี การบันทึกไฟล์ นามสกุล PNG, JPG จะถูกจำ กัด ขนาดและความละเอียด (คุณภาพไฟล์) ดังนั้นสามารถเลือกบันทึกไฟล์ให้เป็นแบบ PDF Print (PDFสำ หรับพิมพ์) ซึ่งภาพจะมีความคมชัดสูง 3. กด Download กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 29 กดปุ่มดาวน์โหลด คลิก เลือกรูปแบบ กดปุ่ม Download 4. เลือกที่เก็บไฟล์ แล้วกดปุ่ม Save 30 การใช้งานโปรแกรม Canva การสร้างงาน Presentations ในหัวข้อนี้จะแนะนำ การใช้ Canva ออกแบบ Presentations หรืองานนำ เสนอที่มี ภาพเคลื่อนไหว ใส่ Effect ให้ภาพ เพิ่มเสียงเพลงประกอบ เสียงบรรยาย แทรกคลิปวิดีโอ ใส่ Animation ต่าง ๆ ซึ่งออกแบบ Presentations ได้ทั้ง Presentations 16:9 และ 4:3 นอกจากนี้ ยังออกแบบ Talking Presentations คือการบันทึกวิดีโออธิบายเนื้อหา ต่าง ๆ ในหน้าพร้อมกับเห็นหน้าผู้บรรยายได้ด้วย เริ่มด้วยการออกแบบ Presentations เมื่อเสร็จแล้วก็คลิก “นำ เสนอและบันทึก” และบันทึกการบรรยายไปเรื่อย ๆ เมื่อจบการบันทึก ก็ดาวน์โหลดวิดีโอลงเครื่องคอมพิวเตอร์หรือแชร์ลิงก์ ส่งให้ผู้เรียน อ่านวิธีทำ ได้ที่ https:// muit.mahidol.ac.th/enews/multimedia/202112/ สร้างงาน Presentation 16: 9 ตัวอย่าง สร้างงานนำ เสนอ เรื่อง “รับมือ COVID-19 ด้วย มาตรการ DMHTT” 1. ที่หน้าหลักของ Canva จากนั้นเลือก “Presentations” คลิก “Presentations 16:9” คลิก งานนำ เสนอ รูปแบบงานนำ เสนอ กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 31 ลากไปวางที่ หน้า Page 2. เลือกรูปแบบ หน้า Page จาก Template แล้วลากไปวางที่หน้า Page 3. คลิกที่กรอบข้อความ แล้วลบข้อความเก่าออก (คลิกขวา Delete) 32 การใช้งานโปรแกรม Canva 4. คลิกที่กรอบข้อความ แล้วพิมพ์แก้ไขข้อความ โดยเลือกฟ้อนต์ และขนาดจากแถบ การจัดการข้อความด้านบน คลิกกรอบข้อความแล้วคลิกที่ เพื่อย้าย จัดตำ แหน่ง 5. เพิ่มกล่องข้อความ พิมพ์และปรับข้อความที่แถบเครื่องมือ Text กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 33 1 2 คลิกที่ข้อความแล้วปรับขนาด, ฟ้อนต์, การจัดข้อความ 6. คลิกเมนู “Upload” คลิกปุ่ม “Upload Media” แล้วเลือกรูปจากเครื่องคอมพิวเตอร์ หลังจากอัปโหลดแล้ว รูปจะมาอยู่ที่หน้าต่างด้านซ้าย 2 1 3 34 การใช้งานโปรแกรม Canva 7. คลิกเมาส์ซ้ายที่รูป 1 ครั้ง รูปจะมาอยู่ที่หน้าหน้า Page จากนั้นปรับขนาดและย้ายไปวาง ตามความเหมาะสม เพิ่มรูป และข้อความตามเนื้อหา จนเสร็จหน้า Page ที่ 1 8. เพิ่มหน้า Pageใหม่ โดยคลิกเมนู Template แล้วเลือกรูปแบบที่ชอบจากซ้ายมือ แล้วลากมาวางที่หน้า Page ถัดไป แล้วพิมพ์ข้อความเนื้อหาในหน้า Page ที่สองให้สวยงาม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 35 1 2 ลากไปวาง วิธีใส่กรอบรูป คลิกเลือกรูปจากหน้าต่าง Upload จากนั้นไปที่เมนู Element แล้วเลือกกรอบรูปมา วางที่หน้า Page 36 การใช้งานโปรแกรม Canva คลิก Elements ปรับขนาด คลิก คลิกเมาส์ซ้ายค้างที่รูปภาพแล้วลากรูปไปใส่ในกรอบแล้วปล่อยเมาส์ กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 37 จะได้ผลลัพท์ตามภาพ ถ้าจะแก้ไขให้ดับเบิ้ลคลิกที่ภาพ แล้วขยับเลื่อนภาพได้ (กดปุ่ม ESC เพื่อออกจากการแก้ไขกรอบภาพ) แก้ ไขภาพ (Edit image) คลิกที่รูปที่อยู่บนหน้า Page แล้วคลิก Edit Image 2 ปรับความสว่าง 1 ปรับค่าความตัดกันของสี ปรับค่าความสดของสี ถ้าต้องการ Crop ภาพ ให้เลือกรูปแล้วกดที่คำ ว่า Crop แล้ว Crop ภาพ กด Enter 38 การใช้งานโปรแกรม Canva ปรับสีของหน้า Page ด้วยเมนู Style เมนู Style เป็นแถบเครื่องมีอที่มีชุดสีมากมาย เราสามารถปรับสี Template ให้ เปลี่ยนไปตามที่คลิกเลือกได้ คลิกที่คำ ว่า Shuffle สลับสีกันในชุดสี Apply to all pages คือใช้ชุดสีนี้กับทุกหน้า ถ้าจะย้อนกลับขั้นตอนการทำ งาน กดปุ่ม Undo Redo ด้านบน กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 39 การกำ หนด Page Animations Page Animations คือคำ สั่งสำ หรับในการสร้าง effects จากสร้างหนึ่งไปยังอีก หน้า Pageหนึ่ง Page Animations แต่ละ Page จะแสดงอยู่ด้านบนตามภาพ ถ้าต้องการ เปลี่ยนรูปแบบ คลิกที่ชื่อ Page Animations เดิม แล้วเลือกรูปแบบใหม่ เวลาของการเปลี่ยน Page รูปแบบ Page Animations ที่ใช้อยู่ คลิก เลือก Page Animations ใหม่ ปรับเวลา 40 การใช้งานโปรแกรม Canva การกำ หนด Animations ให้รูป ข้อความ Elements Animations คือคำ สั่งสำ หรับในการสร้าง effects การเคลื่อนไหวให้รูปภาพ ข้อความ รูปร่าง รูปทรง ที่อยู่ใน Page การกำ หนดรูปแบบให้คลิกเลือก รูป หรือข้อความ จากนั้นเลือกรูปแบบ Animation 2. คลิก Photo Animation 3. เลือกรูปแบบ 1.คลิกที่รูป กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 41 ดูตัวอย่างงานนำ เสนอ การดูตัวอย่าง Presentations กดปุ่ม ออกจากโหมด Preview กด Esc ถ้าเลือกแบบ Auto play ก็สามารถกำ หนดเวลาการเปลี่ยนหน้า Slide ได้เอง ภาพตัวอย่างขณะนำ เสนอ 42 การใช้งานโปรแกรม Canva การบันทึกไฟล์ Presentation เป็นไฟล์วิดีโอ กด Download เลือก MP4 Video กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 43 Export ไฟล์ Canva ไปใช้ในโปรแกรม Microsoft Powerpoint สามารถนำ ไฟล์ที่สร้างจาก Canva และ Template ฟรีที่มีใน Canva ไปใช้งานใน โปรแกรม Microsoft Powerpoint ได้ โดยคลิกที่... แล้วเลือก Powerpoint 1 2 4 3 44 การใช้งานโปรแกรม Canva กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล 45 46 การใช้งานโปรแกรม Canva