ใบความรู้ที่ 3 ออกแบบ Title ด้วย Canva

ใบความรทู้ ่ี 1 เร่ือง ความรูเ้ บ้อื งตน้ เกยี่ วกบั โปรแกรม Adobe Dreamweaver บทเรียนท่ี 3 การออกแบบ Title ดว้ ย Canva

บทเรยี นที่ 3 เรือ่ ง การออกแบบ Title ด้วย Canva กลมุ่ สาระการเรียนรวู้ ิทยาศาสตร์และเทคโนโลยี รหสั วิชา ว30293 รายวชิ า การสร้างเวบ็ ไซต์ ชั้นมธั ยมศึกษาปีที่ 5 ภาคเรยี นที่ 1 เวลาเรยี น 2 ช่วั โมง นางสภุ าวดี มงคลการ ครผู สู้ อน Canva คอื อะไร Canva คอื อะไร เครื่องมอื ท่ีจะชว่ ยใหก้ ารออกแบบง่ายขึน้ แมว้ ่านกั เรียนจะไม่ใช่นักออกแบบหรือไม่เก่ง การออกแบบเลยก็ตาม ปัจจุบันมีหลายๆ คนได้นาเอา Canva มาใช้ออกแบบทาโฆษณา ตกแต่งรูปภาพ ทาปก นติ ยสาร หนังสือ งานพรเี ซน คอนเทนต์รูปภาพ ฯลฯ หรือแม้แต่ธุรกิจใหญ่ๆ นักออกแบบ นักทาโฆษณาเก่งๆ ก็ ใช้ Canva ในการสร้างเงินมหาศาล ถ้านักเรียนอยากรู้ว่า Canva คืออะไร มีฟีเจอร์อะไรที่สาคัญและช่วยอะไร นักเรยี นได้บา้ ง ครจู ะพานกั เรียนมาหาคาตอบไปพร้อมกัน พรอ้ มทั้งแนะนาวิธีใช้ Canva ดว้ ย Canva คืออะไร? Canva คือโปรแกรมสาหรับรูปที่ใช้งานบนเว็บไซต์ ช่วยเรื่องของการดีไซน์งานต่างๆ เป็นแพลตฟอร์ม ออนไลน์ สาหรับนักออกแบบงานกราฟิกหรือคนท่ัว ๆ ไป ยกตัวอย่างเช่น งานโฆษณา ทาโปสเตอร์ งาน Present ภาพสาหรับโซเชียลมเี ดียหรือ Content บนรูปภาพ โดย Canva สามารถใช้งานผ่าน Application บน มอื ถือหรือจะใชง้ านผ่านเว็บไซต์ก็ได้ นักเรียนสามารถใช้งาน Canva ได้ฟรีไม่มีค่าใช้จ่าย แถมยังมีเทมเพลตและ รูปภาพที่ช่วยในการออกแบบที่เยอะมากๆ ด้วย Canva ช่วยให้งานดีไซน์หรือช่วยให้ทุกงาน Artwork ของ นักเรยี นออกมาดูดีมากท่ีสุด แม้ว่านักเรียนจะไม่มีความรู้ในเร่ืองการออกแบบหรือไม่จาเป็นต้องมีความรู้ศิลปะก็ สามารถใชง้ านได้ ในปัจจุบันมีผู้ใช้งาน Canva ทั้งใน Application บนโทรศัพท์มือถือและคอมพิวเตอร์ โดยครูมองว่า การใช้งาน Canva ใน Application บนมือถือน้ันก็สะดวก แต่ถ้าพูดถึงการใช้งานท่ีรวดเร็ว สามารถมองเห็น รูปภาพตัวหนังสือได้ชัดเจน รวมถึงการจัดระเบียบตัวอักษรต่างๆ การใช้งานบนคอมพิวเตอร์น่าจะเหมาะสม มากกวา่ อันนข้ี น้ึ อยกู่ ับมุมมองหรอื ความสะดวกของแต่ละคน Canva มีฟีเจอร์ท่ีหลากหลาย เป็นแพลตฟอร์มที่ออกแบบมาเพื่อให้นักเรียนใช้งานง่าย โดยเฉพาะ ฟีเจอร์ท่ีเรียกว่า Drag-and-Drop หรือการใช้น้ิวลากภาพมาลงได้เลย นอกจากนั้น Canva ก็ยังมีกราฟิกหรือมี ภาพต่างๆ ให้นักเรียนเลือกใช้มากมายด้วยเรียกได้ว่าภาพท่ีนักเรียนออกแบบมานั้นมีโอกาสซ้ากับคนอ่ืนได้น้อย มากๆ บทเรยี นท่ี 3 การออกแบบ Title ด้วย Canva

Canva มฟี เี จอร์หลัก ๆ ดังนี้  การออกแบบในขน้ั พ้ืนฐาน นกั เรียนสามารถปรับรูปภาพจดั วางตาแหนง่ หรอื การเปล่ียนสไี ดง้ า่ ยๆ  การออกแบบร่วมกับผู้อื่น หมายถึง การส่งงานที่เราออกแบบเสร็จเรียบร้อยแล้วให้กับคนอ่ืน ๆ ซึ่งเพ่ือนคนอ่นื ๆสามารถนาไปช่วยปรบั แต่งเพมิ่ เตมิ ได้  การปรับขนาดภาพ นักเรียนสามารถปรับขนาดภาพได้ง่ายๆ เหมาะกับการออกแบบภาพที่ หลากหลายขนาด อย่างเช่นการทาภาพโฆษณาออนไลน์หรือการทาภาพให้ดูสวยงามในสไลด์สาหรับ การพรีเซน เปน็ ต้น  ใส่ Effect คาพูด คือการใส่ตัวอักษรลงไปในงานออกแบบของเรา ซึ่ง Canva มีทั้งฟอนต์ภาษาไทย และฟอนตภ์ าษาองั กฤษท่ีสวยงามมากมาย อา่ นง่าย นอกจากนน้ั ยังสามารถใส่ Effect ตา่ งๆ ไดด้ ้วย  Template ฟรีมากมาย Canva มี Template ฟรีที่เยอะมากๆ เช่น ทาปกหนังสือ ปกนิตยสาร ปกนิยาย รูปภาพบน Social Media งาน Presentation งานโฆษณาหรือแม้แต่การทา Resume สมคั รงาน เป็นตน้  Icon และภาพฟรี Canva มีไอคอนฟรี ซึ่งเป็นอีกหนึ่งตัวช่วยในการออกแบบ รวมไปถึงรูปภาพต่างๆ มากมายใหน้ กั เรียนสามารถเลือกใชง้ านและออกแบบไดต้ ามใจชอบ  Filter และ Effect ภาพ คือ การปรับแสงสีและใส่ Filter ต่าง ๆ ของภาพ เหมาะสาหรับคนท่ีอยากคุมโทน เปน็ ของตวั เองหรืออยากให้ภาพทโ่ี หลดมาใชง้ านฟรีดูแตกตา่ งจากภาพปกติ โดดเด่นไมเ่ หมือนใคร  การเซฟไฟล์ภาพออกมาใช้งาน นักเรียนสามารถเซฟไฟล์ภาพได้ ไม่ว่าจะเปน็ jpeg หรอื เป็น pdf กไ็ ด้ เม่ือนักเรียนได้เข้าใจฟีเจอร์เบื้องต้นของ Canva แล้ว ต่อไปเราจะขออธิบายวิธีการใช้งานและ วตั ถุประสงคข์ องแตล่ ะฟีเจอรท์ ีล่ ะเอียดมากขึน้ Canva ทำงำนอย่ำงไร เมื่อนักเรียนได้เข้าใจฟีเจอร์เบื้องต้นของ Canva แล้ว ต่อไปเราจะขออธิบายวิธีการใช้งานและ วตั ถปุ ระสงคข์ องแต่ละฟเี จอร์ทล่ี ะเอยี ดมากขนึ้ กำรออกแบบทีส่ ำมำรถทำได้ง่ำย ต้องยอมรับเลยว่า Canva เป็นแพลตฟอร์มท่ีทาให้นักเรียนสามารถออกแบบและใช้งานได้ง่ายมากๆ แม้จะเป็นเวอร์ชั่นฟรี ไม่มีค่าใช้จ่าย แต่กม็ เี ทมเพลตที่หลากหลายให้นักเรียนเลือก ย้อนกลับไปในสมัยก่อนเรา อาจจะใช้โปรแกรม Microsoft Word PowerPoint หรือ Photoshop เพื่อออกแบบต่างๆ แต่ในยุคน้ีสมัยนี้ เราสามารถทาได้ง่ายและฟรีด้วยผ่าน Canva และก็อย่างที่ได้กล่าวไปแล้วในตอนต้นว่า Canva มี Application บนมือถอื ซงึ่ ข้อมูลทุกอย่างน้ันเช่ือมโยงกันทั้งหมด แม้ว่านักเรียนจะต้องเดินทางบ่อยๆ ไม่ได้น่ัง ทางานอยู่ทีบ่ า้ นนกั เรียนกส็ ามารถออกแบบได้ หลายคนอาจจะสงสัยว่าการออกแบบ Canva น้ันทาได้ง่ายมาก แค่ไหน จากประสบการณ์ส่วนตัวเป็นคนที่ไม่ค่อยมีความรู้ในเร่ืองของศิลปะ แต่พอทาออกมาแล้วหลายๆ คน กบั ชมว่าทาได้ดี ทาได้สวยเหมือนมืออาชีพเลย แคน่ ้ที กุ คนกค็ งจะมองภาพออกแล้วใช่หรือไม่ว่า Canva ใช้งาน ง่ายแค่ไหน ถึงแม้จะไม่มีความรู้ในเร่ืองการออกแบบหรือเป็นคนท่ีไม่ค่อยมีหัวทางด้านศิลปะ ก็สามารถ ออกแบบได้ง่ายๆ บทเรยี นที่ 3 การออกแบบ Title ด้วย Canva

ไดอ้ ่ำนง่ำยกำรเลือกรปู แบบช้ินงำน เมอื่ นักเรียนเข้าไปในเว็บไซต์ Canva และสมัครใช้งานเสร็จเรียบร้อยแล้ว นักเรียนจะสังเกตุเห็นท่ีคา วา่ Create a Design หรือถ้าเป็นภาษาไทยคือ สรา้ งงานออกแบบ ท่อี ย่ดู ้านบนสุดทางขวามือของเว็บไซต์ เมื่อ นักเรยี นคลิกเข้าไปแลว้ ระบบจะสอบถามนกั เรียนวา่ รปู แบบไหนท่ีนักเรียนต้องการออกแบบ นักเรียนสามารถ เลือกออกแบบทเ่ี หมาะสมกบั นกั เรยี น อีกท้ังยงั สามารถเลือก Dimension ของภาพได้ด้วย Canva จะนาเสนอ หรอื แนะนารูปแบบต่างๆ ให้กับนกั เรยี น สาหรับรปู แบบพ้นื ฐานที่คนส่วนใหญ่นยิ มใช้ ได้แก่  Facebook Story นักเรียนสามารถออกแบบหรือ Design งานต่างๆ มีเทมแพลตหลากหลายให้ นักเรียนเลือก ฟรี หรือนักเรียนสามารถอัปโหลดรูปภาพของนักเรียนแล้วทา Content รูปภาพ เพ่ิม ตัวหนังสอื ปรบั แต่ง Filter ตา่ งๆ ได้อยา่ งอสิ ระตามความตอ้ งการ  Presentation Video เหมาะสาหรับงานออกแบบ Presentation ท่ีต้องการนาเสนอในรูปแบบของ วีดีโอหรือภาพเคลื่อนไหว นักเรียนสามารถทากราฟฟิกวีดีโอหรือตัดต่อวีดีโอข้ันพ้ืนฐานได้ แต่จะ เหมาะสาหรบั คลปิ สนั้ ๆ มากกวา่  Poster สาหรับรปู แบบของโปสเตอร์นั้นเหมาะสาหรับผู้ที่ต้องการนาเสนอผลงานในรูปแบบโปสเตอร์ ไมว่ ่าจะเป็นนกั เรยี น นักศึกษาหรือพนักงานออฟฟิศก็ตาม นักเรียนสามารถเซฟไฟล์ออกมาเป็น jpeg ได้ เพราะไฟล์น้หี ากนาไปใหท้ างรา้ นพิมพ์ จะสะดวกมากกวา่  Instagram Post อีกหน่ึงรูปแบบท่ีได้รับความนิยมอย่างมาก เป็นภาพส่ีเหล่ียมด้านเท่า เหมาะที่จะดู ได้ทง้ั ในคอมพิวเตอร์หรอื ในโทรศพั ท์มือถอื  Logo เหมาะสาหรับคนที่ต้องการมีโลโก้เป็นของตัวเอง อาทิเช่น โลโก้สาหรับเว็บไซต์ โลโก้สาหรับ ร้านอาหาร หรือโลโก้ของธุรกิจต่างๆ เป็นต้น โลโก้ส่วนมากจะเป็นสี่เหลี่ยมด้านเท่า ขนาดเล็ก แน่นอนว่า Canva มตี วั อย่างให้เลอื กมากมาย เรียกได้ว่ามากมายจนลายตากนั เลยทเี ดยี ว  Resume หากนักเรียนต้องการทาเรซเู มส่ วยๆ ดีไซน์โดดเด่นสาหรับสมัครงาน Canva ก็สามารถตอบ โจทย์ได้เพราะมีรูปแบบของ Template ให้นักเรียนเลือกมากมาย นักเรียนสามารถเซฟไฟล์ออกมา เป็น PDF แลว้ สง่ ใหก้ บั บริษทั ไดเ้ ลย  Infographic คือภาพส่เี หลี่ยมดา้ นยาว แนวตั้ง สว่ นมากแลว้ จะนิยมออกแบบโดยใส่คาพูดเยอะๆ เน้น ข้อมูลท่ีคนอ่านแล้วเข้าใจง่าย เบ้ืองต้นให้ดูจากเทมเพลตท่ีทาง Canva ให้มา จากนั้นนาไอคอนกับ คาพูดต่างๆ มาประกอบใส่ให้ดูสวยงาม ทาตัวอักษรให้ใหญ่ๆ หน่อยจะดีกว่า เวลาเปิดอ่านในมือถือ จะ กำรเซฟไฟล์เพ่อื นำมำใชง้ ำน เบือ้ งต้นแลว้ ผใู้ ช้งานโดยส่วนใหญจ่ ะนยิ มเซฟไฟล์ 2 ประเภทคือ jpeg และ pdf การเซฟไฟล์สามารถ ทาได้ง่ายๆ หลังจากท่ีนักเรียนออกแบบงานเสร็จเรียบร้อยแล้วทางด้านขวาจะมีปุ่มดาวน์โหลด ซ่ึงเป็นปุ่ม ลูกศรลงให้เราคลิกที่ปุ่มน้ัน แล้วเลือกชนิดของไฟล์ท่ีต้องการเซฟได้เลย หรือจะเซฟเป็นไฟล์ PNG ก็ได้ แต่ สาหรบั การเซฟไฟล์เป็น PNG ของการทาภาพหลงั โปรง่ ใสตอ้ งสมคั ร Canva Pro ทีม่ ีการเสียเงินเป็นรายเดือน เท่านัน้ บทเรยี นที่ 3 การออกแบบ Title ดว้ ย Canva

กำรใชง้ ำนรว่ มกับผู้อืน่ นักเรียนสามารถส่งผลงานท่ีนักเรียนออกแบบเสร็จเรียบร้อยแล้วให้กับเพ่ือนคนอ่ืนๆ ช่วยแต่งเติมหรือ ออกแบบเพมิ่ เติมได้ เหมาะกบั การทางานเป็นทมี ช่วยทาใหช้ วี ิตสะดวกสบายมากขนึ้ เพราะนกั เรียนไม่จาเป็นต้อง เซฟไฟล์ออกมาเพอื่ สง่ ให้เพ่ือนร่วมงาน ซ่ึงกว่าเพ่ือนร่วมงานจะคอมเม้นหรือ Feedback กลับนั้น อาจล่าช้า แต่ นักเรียนสามารถให้เพ่ือนแก้ไขงานได้โดยทันที อีกหน่ึงข้อแนะนาคือนักเรียนควรจะ Backup ข้อมูลเก็บไว้ก่อน เผ่อื อีกฝ่ายแกง้ านแลว้ ไม่ถกู ใจนกั เรียน กจ็ ะสามารถดงึ ขอ้ มลู เก่ากลบั มาใช้งานได้อีกครัง้ Canva รำคำเทำ่ ไหร?่ อย่างท่ีบอกว่า Canva ให้นักเรียนใช้งานได้ฟรี แต่ก็อาจมีข้อจากัดในหลายๆ อย่าง โดยเฉพาะอย่างย่ิง บางคร้ังนักเรียนอาจมองว่าเทมแพลตนั้นสวยมากๆ แล้วต้องการใช้งาน แต่ปรากฏว่าไม่สามารถใช้งานได้ นักเรียนจาเป็นต้องสมัคร Canva Pro หรือแบบเสียเงินเพ่ือสมัครค่าสมาชิก สาหรับค่าสมาชิกจะมีราคาอยู่ที่ 400 บาทต่อเดือนและสามารถแบ่งให้กับเพ่ือนได้ด้วย หรือหากนักเรียนยังไม่แน่ใจก็สามารถทดลองใช้งาน Canva Pro ฟรีได้ 30 เดือน Canva ดสี ำหรับผู้เริ่มตน้ ไหม เม่ือนักเรียนได้ดูแล้วว่า Canva คืออะไร ใช้งานอย่างไร มีฟีเจอร์ไหนท่ีโดดเด่นบ้าง หลายคนอาจจะ สงสัยว่า Canva ดีสาหรับผู้เริ่มต้นใหม่ไหม จริงๆ เราได้กล่าวไปแล้วในตอนต้น แต่จะขอเน้นย้าเสมอว่า Canva ดีสาหรับผู้เร่ิมต้นไหมมากๆ คนที่ไม่มีประสบการณ์ในการออกแบบ หรือไม่มีหัวทางด้านศิลปะเลย ก็ สามารถออกแบบผลงานให้ออกมาดูสวยงามโดดเด่นได้ เพราะ Canva ถูกออกแบบมาให้ใช้งานง่ายเหมาะ สาหรับคนที่ไม่มีประสบการณ์หรือแม้แต่มืออาชีพหลายคน ก็เลือกที่จะใช้ Canva ในการออกแบบ เช่นเดียวกนั ข้อด/ี ขอ้ เสยี Canva ข้อดี ใชง้ านง่าย ใช้งานฟรี ไมใ่ ชน่ ักออกแบบก็สามารถออกแบบได้ มีฟีเจอร์ที่โดดเด่นหลากหลาย มีเทมเพลตฟรีใหเ้ ลือกมากมาย ใชง้ านไดท้ ง้ั โทรศัพท์มือถือและคอมพิวเตอร์ สามารถใชง้ านร่วมกับผู้อนื่ ได้ ขอ้ เสีย บางครงั้ เทมเพลตที่นักเรียนชอบอาจต้องเสยี เงนิ การใช้งานบนมือถือ บางครั้งคอ่ นข้างยากพอสมควร บทเรียนท่ี 3 การออกแบบ Title ด้วย Canva

Canva ดีไหม ใครควรใช?้ Canva มี Template ฟรใี ห้เลือกมากมาย โดยมีมากกว่า 60,000 Template กันเลยทีเดียว ช่วยให้ ชิ้นงานออกแบบของนักเรยี นดูมีความเปน็ มืออาชพี หรือมคี วามเปน็ Professional มากข้ึน แม้ว่านักเรียนจะไม่ มีประสบการณ์มาก่อนเลยก็ตาม อีกท้ังยังมีรูปแบบหลากหลายให้นักเรียนเลือก ไม่ว่าจะเป็น Social post, Resume, Infographic, Logo, Presentation ฯลฯ นอกจากนักเรียนจะสามารถใช้งานได้ฟรีแล้ว ยัง สามารถรองรับภาษาไทยด้วย หากคนที่กาลังมองหาเครื่องมือสร้าง Video free บอกเลยว่า Canva ก็เป็นอีก หนง่ึ ตวั เลือกทนี่ ่าสนใจมากๆ และสาหรับคาถาม Canva ว่าเหมาะกับใคร สรุปดงั น้ี คนทไ่ี มม่ ีพนื้ ฐานหรอื ไมม่ ีความรู้ในดา้ นงานกราฟิกมากอ่ น นักเรียน นักศึกษา หรอื พนักงานทีก่ าลงั หาเครอ่ื งมือออกแบบงา่ ยๆ และสวยงาม ธรุ กจิ ทก่ี าลงั มองหาเครื่องมือชว่ ยออกแบบท่สี ามารถทางานรว่ มกนั ได้ นักเขียนบทความ หรอื ทา Content ต่างๆ ท่ตี ้องใชร้ ูปภาพสวยงามประกอบ Canva มลี ำยนำ้ ไหม? การเพิ่มลายน้าโปร่งใสให้กับงานออกแบบของนักเรียน โดยที่นักเรียนไม่จาเป็นต้องเห็นโลโก้แข็งๆ ให้ดู เกะกะตา แนะนาให้ใส่ลายน้าโปร่งใสแทน หลังจากที่นักเรียนออกแบบเสร็จเรียบร้อยแล้วให้ลากและวางโลโก้ จากเว็บไซต์ บริษัทหรือแบรนดล์ งในภาพ ยา้ ยโลโก้ไปติดมุมหรือใส่ไว้ในส่วนอื่นท่ีไม่บังภาพ แล้วใส่เอฟเฟคโปร่ง ใสจนกว่าโลโก้จะจางจนเกือบมองไม่เห็น เพียงเท่านี้ก็เหมือนประทับลายเซ็นลงในผลงานของนักเรียน โดยท่ีไม่ รบกวนสายตาแลว้ ภำพของ Canva ไม่มลี ิขสิทธิ์ ใชห่ รอื ไม่? Canva มี Template ให้เลือกมากมายและมีรูปภาพหลายๆ รูปภาพให้นักเรียนเลือกออกแบบ ซึ่ง หลายๆ คนก็สงสัยว่ารูปภาพของ Canva นั้นติดลิขสิทธ์ิหรือไม่สามารถนาไปเผยแพร่เป็นผลงานของตัวเองได้ หรือเปลา่ กต็ ้องบอกเลยวา่ นกั เรียนไม่จาเป็นต้องกังวลใดๆ เพราะรูปภาพสวยๆ ท่ี Canva ให้มานั้น นอกจากจะ ใชฟ้ รี ไมเ่ สียตังคแ์ ลว้ ยังไม่ตดิ ลขิ สิทธิ์อกี ด้วย บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

การสมัครใช้งาน Canva บนเว็บไซต์น้ันไม่ได้ยากอย่างท่ีคิด ครูจะสอนวิธีการสมัครกับให้นักเรียน โดยเริม่ แรกใหน้ กั เรยี นเข้ามาท่ีเวบ็ ไซต์ www.canva.com เมื่อเขา้ มาแลว้ ก็ให้นักเรยี นคลกิ ท่สี มัครใชง้ าน 1 1. นักเรียนสามารถ สมัครใช้งาน ด้วยอีเมลของนักเรียนได้ แต่ถ้าหากมีบัญชี Google Account หรือ Facebook Account อยู่แล้ว นักเรียนก็สามารถเช่ือมต่อบัญชีเหล่าน้ัน เพื่อสมัครเข้าใช้งานได้เลย ซ่ึงสะดวก และรวดเรว็ มากกวา่ หากนกั เรียนสมคั รเขา้ ใชง้ านดว้ ยอีเมลระบบก็จะให้นักเรียนกรอกช่ือและสร้างรหัสผ่านเป็น ของตวั นกั เรียนเอง 2 3 2. เลือกลงชอื่ เข้าใช้งาน Canva ดว้ ยบญั ชขี อง Google ท่ีเราได้เคยสมัครไวแ้ ล้ว 3. เลอื กลงชือ่ เข้าใช้งานด้วย Facebook ของตนเอง เลอื กใชง้ านอย่างใดอยา่ งหนง่ึ ได้ตามความสะดวกของตนเองคะ่ บทเรียนท่ี 3 การออกแบบ Title ด้วย Canva

4 5 4. ตามตัวอย่างนี้ครจู ะสมัครเขา้ ใช้งานดว้ ยบัญชขี อง Google ซงึ่ สามารถเลือกไดจ้ ากบัญชีท่ีเรามอี ยู่ได้ 5. หรอื จะเลอื กใชบ้ ญั ชีอ่ืนท่ีเรามี หรอื จะสมัคร Google ใหม่ 6 6. เลือกบัญชีท่ีมีเราอยู่แล้ว ระบบจะดาเนินการให้ตรวจสอบความน่าเช่ือถือของ Canva ซึ่งสามารถ แชร์ข้อมูลซ่ึงจะมกี ารเข้าสทิ ธิ์ในการใช้บัญชี Google ได้ทุกเมือ่ ให้คลิกปุม่ “อนุญาต” บทเรยี นที่ 3 การออกแบบ Title ดว้ ย Canva

7 ต่อมาระบบจะถามนักเรียนว่าต้องการทดลองใช้ Canva Pro ฟรหี รือไม่? โดยจะใหน้ ักเรียนทดลองใช้ งานฟรี 30 วัน สาหรบั Canva Pro จะมีประสิทธภิ าพมากขนึ้ และมีพลังมากขึ้น ปลดล็อคประสทิ ธภิ าพให้กบั ทีมของนักเรยี นมีฟีเจอร์มากมายให้นกั เรยี นเลอื ก หากนักเรียนไม่ต้องการใหค้ ลิก ไวท้ หี ลัง 7. นกั เรยี นจะใชเ้ พ่ืองานออกแบบ Canva โดยให้เลือกแบบ “นกั เรยี น” 8 8. เป็นการตอบคาถามเพอ่ื ยืนยันวา่ นักเรียนใชง้ านสาหรับโรงเรยี นหรอื วิชาตา่ งๆท่ีเกยี่ วข้อง ตอบคาถาม ว่าเราอยูโ่ รงเรียนมัธยม และคลกิ ปมุ่ บทเรยี นท่ี 3 การออกแบบ Title ด้วย Canva

9 9. หาต้องการแชร์ข้อมูลกบั คุณครใู ห้นกั เรยี นคัดลอกลิงค์ เกบ็ ไว้ไดเ้ ลยแล้วคลกิ ปมุ่ 10. หากนักเรียนต้องการให้เพื่อนๆ เข้ามาแก้ไขกับเราได้ด้วยการสร้างทีมงาน หรือกลุ่มสมาชิกเข้า มารว่ มงานกนั แกไ้ ขงานกับเราได้ ดว้ ยการปอ้ น Email ของเพอื่ นเราลงไป หากยงั ไมม่ ีให้คลิกปมุ่ บทเรยี นที่ 3 การออกแบบ Title ด้วย Canva

เสร็จสิ้นการสมัครและพร้อมใช้งานแล้วนักเรียนสามารถใช้งาน Canva ในการออกแบบหรือ Design งาน Artwork ต่างๆ ของนกั เรียนไดเ้ ลย สามารถเลอ่ื นปุ่มซา้ ย - ขวา เพื่อดูตวั อยา่ งรปู แบบทตี่ อ้ งการใชง้ านได้เลย การเร่ิมต้นสรา้ ง Canva จากมอื ถอื ขัน้ ตอนและวธิ กี ารทาในคอมพิวเตอร์กับมือถือน้ันมวี ธิ กี ารทาเชน่ เดียวกนั แต่ในการเร่มิ ตน้ ครัง้ แรก ของมอื ถือ จาเป็นต้องปรบั เปล่ยี นในมือถือ เพื่อสามารถเข้าไปแก้ไขเวบ็ ไซตข์ องเราได้ โดยท่เี ราสามารถ ปฏิบตั ิไดด้ ังนี้ 1. ให้นักเรยี นเข้า app Google Chrome ในมอื ถอื ของเรา 1 บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

2. ไปยังหน้าแรกของ Google 2 3 3. พมิ พข์ ้อความ “canva” แล้วกด ค้นหาในโทรศพั ท์ บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

การเรม่ิ ตน้ สรา้ ง Canva 1 1. เราจะทาการออกแบบส่วน Title ของ Google Site ให้นักเรียนพิมพ์คาว่า “แบนเนอร์” ในช่อง คน้ หา แลว้ คลกิ คาท่ีตรงกับคาคน้ หาของเรา 2 2. จะปรากฏหนา้ คาแนะนาในการออกแบบข้นั ตอนท่ี 1 (1/4 เรม่ิ ต้นดว้ ยแมแ่ บบ) คลิกปมุ่ บทเรียนท่ี 3 การออกแบบ Title ดว้ ย Canva

3 3. จะปรากฏหน้าคาแนะนาในการออกแบบขน้ั ตอนที่ 2 (2/4 ปรับแต่ง) คลกิ ป่มุ 4 4. จะปรากฏหนา้ คาแนะนาในการออกแบบข้ันตอนท่ี 3 (3/4 อปั โหลดภาพของนักเรยี นเอง) คลิกปมุ่ บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

5 5. จะปรากฏหนา้ คาแนะนาในการออกแบบข้นั ตอนที่ 4 (4/4 แชร์) คลิกปุ่ม 6 6. เมือ่ ได้หน้าหลักในการออกแบบเรียบร้อยแล้ว จะปรากฏแม่แบบสาหรับในการออกแบบ ซ่ึงแบ่งเป็น หมวดหมู่ แตล่ ะหมวดหม่สู ามารถคลกิ ปุ่มเพอ่ื เลื่อนดูแมแ่ บบเพ่ิมเตมิ ได้ บทเรยี นที่ 3 การออกแบบ Title ดว้ ย Canva

7 7. เลือกแมแ่ บบที่เราต้องการ 8 8 8. เม่ือเลือกแม่แบบแล้ว จะมีหน้าย่อยให้เราเลือกเพ่ิมอีก เลือกตามความต้องการ จะมีเคร่ืองหมาย + ปรากฏตรงหน้า ท่ีเราต้องการจะเลือก บทเรยี นที่ 3 การออกแบบ Title ด้วย Canva

9 10 9. คลิกท่ีปุ่ม เพือ่ เกบ็ การแสดงแม่แบบออกไปไดเ้ ลย 10. คลกิ ท่ีปุ่ม เพื่อ แสดง/ไม่แสดง หนา้ เริ่มกำรสร้ำง Title ใน Google Site โดยกำรแทรกรปู ภำพพน้ื หลัง เรียกเครอื่ งมือขนึ้ มาใชง้ าน กดเครือ่ งมือ + บทเรียนท่ี 3 การออกแบบ Title ด้วย Canva

1. นกั เรียนนารปู ภาพของตนเองมาใส่ในงานของตนเองไดด้ ว้ ยการคลิกที่เครือ่ งมือ 2 2 1 1 2. จากน้ันคลิกที่ปุ่ม เพ่ือทาการอัปโหลดรูปท่ีอยู่ในเครื่องคอมพิวเตอร์ หรือ อย่ใู นโทรศัพทข์ องเรา 3 3 3. หาตาแหน่งที่เก็บรูปในเครื่องคอมพิวเตอร์ หรือในโทรศัพท์ของเรา เลือกรูปท่ีต้องการ และคลิกที่ป่มุ บทเรยี นที่ 3 การออกแบบ Title ดว้ ย Canva

4 4. ระหว่างที่ระบบกาลังอัพโหลดรูปภาพของเราเก็บไว้ จะมีแถบสถานะ แสดงเป็นเหมือนน้ากาลัง คอ่ ยๆ เลอ่ื นข้ึนจนเต็มถ้วย เมือ่ อัปโหลดเสรจ็ เรยี บรอ้ ยแล้ว จะปรากฎรูปของเราเพิ่มขึ้นมา 5 5 5. นาภาพมาแสดงในงานของเรา ให้นักเรยี นคลิกท่ีรูปภาพทีท่ าการอัปโหลดไวแ้ ลว้ ได้เลย บทเรียนที่ 3 การออกแบบ Title ดว้ ย Canva

6 6 6. เราทาการแกไ้ ขรปู ทแี่ ม่แบบออก เป็นรูปของเรา แต่ติดตรงที่ว่ารูปดังกล่าวนั้นถูกจัดกลุ่มอยู่ จึงต้อง ทาการแยกการจัดกลุ่มออก โดยการคลกิ ทป่ี ่มุ 7 7 7. คลกิ ทีร่ ปู เด็กใส่แว่น จากนน้ั ให้ คลกิ เมาส์ขวา แลว้ เลอื ก หรอื กดปุ่ม ท่ีแปน้ พมิ พไ์ ดเ้ ลย บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

8 9 8 8. จะเห็นได้วา่ รปู วงกลมสสี ้ม อยู่ในตาแหน่งด้านลา่ งของรูปภาพเรา สามารถจัดตาแหน่งไดโ้ ดยการ คลกิ ที่เคร่ืองมือ 9. เลอื กตาแหนง่ เพอ่ื ให้วงกลมสีสม้ อยู่ดา้ นบน หมายเหตุ : หากไมต่ ้องการวงกลมสสี ม้ เราสามารถเปลย่ี นรูปแบบได้ตามความตอ้ งการ บทเรียนท่ี 3 การออกแบบ Title ด้วย Canva

10. จดั ตาแหน่งรูปภาพของเราได้ และสามารถย่อ/ขยาย รูปภาพได้ตามตอ้ งการ 10 10 หากนักเรียนต้องการแทรกรปู ภาพเพ่ิมเติมเพ่อื ตกแตง่ ใหส้ วยงามยิ่งข้นึ โดยใชเ้ คร่ืองมือท่ีช่วยตัดกรอบ รปู ภาพ เพ่ือให้เกดิ ความสวยงามยิ่งขึ้น 11 11. นาภาพอัพโหลดเพม่ิ ขึ้นมาใหม่ ตามต้องการ แลว้ คลกิ ท่รี ปู ภาพ บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

12 13 13 14 12 12. คลกิ ท่เี คร่ืองมอื 13. จากน้ันใหน้ ักเรียนหาแม่แบบทีช่ ื่อวา่ “กรอบ” ในมือถอื พิมพค์ ้นหา “กรอบ” 14 14. คลิกเลอื กรปู แบบตามที่เราตอ้ งการ จะปรากฏแบบบนหนา้ จอ บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

15 15 15. นาแมแ่ บบทจ่ี ะทากรอบมาวางไว้ดา้ นขา้ ง ไม่ให้ทับซ้อนกัน 16 16 16. คลกิ เมาส์คา้ งไว้ที่รปู ภาพของเรา จากนัน้ ลากไปทับรปู แม่แบบวงกลม เรากจ็ ะสามารถตัดกรอบ เป็นรูปแมแ่ บบวงกลมได้แล้ว ในมือถือกดคา้ งไว้ท่ีรูปแลว้ ลากไปทบั กรอบวงกลม บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

17 17. สามารถปรบั ตาแหน่งรปู ภายในกรอบไดด้ ว้ ยการ ดบั เบ้ลิ คลกิ แลว้ ลากจัดตาแหน่งทตี่ ้องการ และสามารถเพม่ิ เติมรูปภาพได้ บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

กำรจัดกำรเก่ียวกบั ขอ้ ควำมใน Canva 1 1 1. คลิกที่ข้อความ จะปรากฏวา่ ข้อความถกู จัดกลุม่ ไว้กบั รูปภาพ เราสามารถแยกการจัดกลุ่มได้ด้วย การคลกิ เครือ่ งมือ 2 บทเรียนท่ี 3 การออกแบบ Title ด้วย Canva

3 6574 2. คลิกและพิมพข์ ้อความลงไปไดเ้ ลย 6 78 4 5 3 3. คลิกเมาสค์ ลมุ ข้อความ 4. คลกิ จดั ตาแหนง่ ของข้อความ 5. ปรับขนาดของตวั อักษรดว้ ยการคลกิ เครอื่ งหมาย + เพ่ือเพิ่มขนาด และคลกิ ท่ี - เพ่อื ลดขนาด หรอื พิมพต์ วั เลขลงไปไดเ้ ลย บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

ปัดเลอื่ นขนึ้ เพื่อดูทัง้ หมด 66 6. รปู แบบอกั ษร ใหค้ ลกิ ท่ปี ่มุ เพื่อเลอื กรูปแบบทางเครื่องมือด้านซา้ ย มอื ถอื ปัดเลื่อนขน้ึ 8 7 บทเรียนที่ 3 การออกแบบ Title ด้วย Canva

78 7. การปรับสตี ัวอกั ษร สามารถเลอื กสีตวั อักษรไดท้ างด้านซา้ ยของหนา้ จอ สลบั ตวั พมิ พเ์ ล็ก/ 8. การปรับขอ้ ความแบบ ตวั หนา ตวั เอยี ง ตัวขีดเส้นใต้ พมิ พ์ใหญ่ 9 9 เลือกแมแ่ บบอักษรได้ทนี่ ี่ จะปรากฏตัวเลอื กข้อความ 9. หากต้องการเพิ่มข้อความใหม่ ให้นกั เรียนคลิกทเี่ ครื่องมือ สาเร็จรปู ใหน้ ักเรียนไดเ้ ลือกตามความชอบได้เลย บทเรียนท่ี 3 การออกแบบ Title ดว้ ย Canva

10 10 ข้อความทแี่ กไ้ ขแลว้ 10. คลิกที่รปู แบบขอ้ ความแม่แบบสาเร็จรูป และแกไ้ ขขอ้ ความ เราจะได้ข้อความทส่ี วยงามเพิ่มเติมมา 12 11 หากนกั เรยี นต้องการตกแตง่ เพ่มิ เตมิ เพื่อเพ่มิ ความสวยงาม Canva มอี งคป์ ระกอบให้เลอื กมากมาย 11. คลิกท่ีเครื่องมอื 12. คน้ หาสิ่งทเ่ี ราต้องการจะนามาใช้ตกแต่ง เช่น “ดาว” บทเรยี นที่ 3 การออกแบบ Title ดว้ ย Canva

13 13 13. คลกิ รปู ท่ตี ้องการ แล้วนามาปรบั แต่งตามความชอบ กำรบนั ทกึ ผลงำน เพือ่ นำไปใชเ้ ปน็ Title ใน Google Site จะต้องทาการ Download ไวใ้ นเครอื่ งของเรา เพ่ือทเ่ี ราจะนาไปใชง้ านไดง้ ่ายข้นึ 1 1 1. ให้นกั เรยี นคลกิ ที่เคร่ืองมือ เพอื่ ทาการ Download มอื ถือจะเป็นเคร่ืองมือ บทเรยี นท่ี 3 การออกแบบ Title ดว้ ย Canva

2 2 3 4 4 3 2. คลิกปมุ่ เพ่ือเลอื กประเภทไฟล์ที่ตอ้ งการ Download 3. ประเภทของไฟล์มี 2 แบบ คอื PNG กบั JPG นักเรยี นเลอื กแบบใดก็ได้ แต่หากต้องการภาพทมี่ ี คุณภาพสงู ใหเ้ ลือกตามคาแนะนาแบบ PNG ไดเ้ ลย 4. คลิกปุ่ม 5 5. เม่ือระบบทาการ Download เรียบร้อยแล้ว จะให้เราบันทึกไฟล์เก็บไว้ท่ีเครื่องคอมพิวเตอร์ หรือโทรศพั ทข์ องเราได้ บทเรยี นที่ 3 การออกแบบ Title ด้วย Canva

6 6 6. ตรวจสอบดไู ฟล์ทีถ่ ูกบันทึกจะอยใู่ น Folder ที่ชอื่ วา่ Downloads ในโทรศพั ท์ของเราจะอย่ใู น Folder ดาวโหลด บทเรยี นท่ี 3 การออกแบบ Title ด้วย Canva