canva-manual-MUIT

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 44 Export ไฟล์ Canva ไปใชใ้ นโปรแกรม Microsoft Powerpoint กองเทคโนโลยสี ารสนเทศ มหาวทิ ยาลัยมหดิ ล 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 4 5 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 เพม่ิ เตมิ และนามสกลุ .Png ภาพทน่ี ำ�เขา้ มาใชใ้ น Canva สามารถใชไ้ ดท้ ้ังไฟล์ นามสกลุ .jpg (ภาพท่ไี มม่ ีสีพน้ื หลงั ) สามารถตัดภาพพื้นหลังได้ที่เว็บไซต์ 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

12 คลกิ ท่ีขอ้ ความแลว้ ปรับขนาด, ฟ้อนต์, การจัดขอ้ ความ 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) 1 คลิกทร่ี ูปทอี่ ยู่บนหนา้ Page แลว้ คลิก Edit Image 2 ปรับความสวา่ ง ปรบั คา่ ความตัดกันของสี ปรบั คา่ ความสดของสี ถา้ ตอ้ งการ 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

ดูตัวอย่างงานน�ำ เสนอ ออกจากโหมด Preview กด Esc การดูตวั อยา่ ง Presentations กดปุ่ม ถ้าเลือกแบบ Auto play กส็ ามารถกำ�หนดเวลาการเปลีย่ นหนา้ Slide ไดเ้ อง ภาพตัวอย่างขณะนำ�เสนอ 42 การใชง้ านโปรแกรม Canva

การบนั ทึกไฟล์ Presentation เปน็ ไฟล์วดิ ีโอ กด Download เลอื ก MP4 Video กองเทคโนโลยสี ารสนเทศ มหาวทิ ยาลัยมหดิ ล 43

Export ไฟล์ Canva ไปใช้ในโปรแกรม Microsoft Powerpoint สามารถน�ำ ไฟล์ทีส่ รา้ งจาก Canva และ Template ฟรีทมี่ ีใน Canva ไปใช้งานใน โปรแกรม Microsoft Powerpoint ได้ โดยคลกิ ท่ี ... แลว้ เลอื ก Powerpoint 1 2 34 44 การใชง้ านโปรแกรม Canva

กองเทคโนโลยสี ารสนเทศ มหาวิทยาลัยมหดิ ล 45

46 การใช้งานโปรแกรม Canva