เล่ม1 Canva คืออะไร

เลมท่ี 1 Canva คอื อะไร

คาํ นํา

ชดุ กจิ กรรมการเรียนรู เรอ่ื ง การออกแบบช้ินงาน ดวยโปรแกรม Canva รายวิชา
คอมพิวเตอรก ราฟก สาํ หรับนักเรียนชนั้ ประถมศึกษาปท ี่ 5 กลุมสาระการเรียนรูการงาน
อาชพี และเทคโนโลยี ไดจ ดั ทาํ ข้ึนเพื่อสงเสรมิ สนับสนุนใหนักเรียนเรียนรู โดยมุงเนนให
นักเรียนฝก จากตัวอยา งจรงิ ศกึ ษาคน ควา ดวยตนเองตามความถนัด ความสนใจ และ
ความแตกตางระหวางบคุ คล จนสามารถพัฒนาจากการสรางงานระดับพนื้ ฐานไปเปนงาน
มลั ตมิ เี ดียได โดยมคี รูคอยดแู ลและใหค าํ แนะนาํ เพ่ือใหเกดิ การเรียนรูอยา งมีประสทิ ธิภาพ

ซ่งึ ประกอบดวยชุดกิจกรรมการเรยี นรู จาํ นวน 8 เลม ดังนี้
เลมที่ 1 Canva คอื อะไร
เลมที่ 2 รจู ักเครือ่ งมอื และการใชง าน Canva เบอื้ งตน
เลม ที่ 3 การแทรกรูปภาพ ตกแตง และตัดภาพเฉพาะสว น
เลมที่ 4 การสรา งขอความ
เลมท่ี 5 เรียนรูการทํางานของ Layer
เลม ที่ 6 เรยี นรกู ารรที ชั ภาพและเครอื่ งมอื สําหรบั รีทชั
เลมที่ 7 การสรา งปกคลิปวีดิโอสวยๆ ดวย Canva
เลม ท่ี 8 การสรางวดี โิ อนําเสนอดว ย Canva

ชุดกจิ กรรมการเรยี นรู เรื่อง การออกแบบชิ้นงาน ดวยโปรแกรม Canva เลม ที่ 1 Canva
คืออะไร ใชเ วลาในการเรยี น 2 ชว่ั โมง มเี นื้อหา ดงั น้ี

พื้นฐานงานกราฟก
การสมคั รใชง าน Canva

บษุ บง ดวงขันเพ็ชร

เลม ที่ 1 Canva คอื อะไร

2

สารบญั

คํานํา หนา
สารบญั 1
คําช้ีแจงชุดกิจกรรมการเรยี นรู 2
คาํ ชี้แจงสําหรับครู 3
คําชแี้ จงสําหรบั นกั เรียน 4
มาตรฐานการเรยี นรู/ผลการเรียนรู 5
สาระสําคัญ 6
สาระการเรยี นรู 6
จดุ ประสงคก ารเรียนรู 7
แบบทดสอบกอนเรียน 7
ใบความรูท ่ี 1.1 พ้นื ฐานงานกราฟก 8
10
กจิ กรรมการเรยี นรทู ่ี 1.1
18
ใบความรูท่ี 1.2 การสมัครใชง าน Canva
19
กจิ กรรมการเรียนรูที่ 1.2
แบบทดสอบหลังเรยี น 22
บรรณานุกรม 23
ภาคผนวก 25
-เฉลยแบบทดสอบกอนเรียน 26
-เฉลยแบบทดสอบหลังเรียน 27
-เฉลยกิจกรรมการเรยี นรทู ี่ 1.1 27
-เฉลยกิจกรรมการเรียนรูท ี่ 1.2 28
29

เลมที่ 1 Canva คอื อะไร

3

คําชแี้ จงชดุ กจิ กรรมการเรียนรู

เร่ือง การออกแบบช้นิ งาน ดว ยโปรแกรม Canva

ชดุ กจิ กรรมการเรียนรู เร่ือง การออกแบบช้ินงาน ดว ยโปรแกรม Canva รายวิชา
คอมพวิ เตอรก ราฟก สําหรับนกั เรยี นช้ันประถมศกึ ษาปที่ 5 กลุมสาระการเรยี นรูการงาน
อาชพี และเทคโนโลยี ประกอบดวยชุดกจิ กรรมการเรียนรู จาํ นวน 8 เลม ดงั น้ี
เลม ที่ 1 Canva คอื อะไร
เลมท่ี 2 รจู ักเครือ่ งมอื และการใชงาน Canva เบอ้ื งตน
เลม ท่ี 3 การแทรกรปู ภาพ ตกแตง และตดั ภาพเฉพาะสว น
เลม ที่ 4 การสรา งขอความ
เลม ท่ี 5 เรียนรูการทาํ งานของ Layer
เลม ท่ี 6 เรยี นรูการรีทัชภาพและเครื่องมือสาํ หรับรที ัช
เลมท่ี 7 การสรา งปกคลปิ วดี ิโอสวยๆ ดวย Canva
เลมที่ 8 การสรา งวีดิโอนําเสนอดว ย Canva
ชุดกิจกรรมการเรียนรู เรอื่ ง การออกแบบชิ้นงาน ดวยโปรแกรม Canva รายวชิ า
คอมพวิ เตอรก ราฟก สําหรับนักเรียนชัน้ ประถมศึกษาปท่ี 5 จาํ นวน 8 เลม เปนชุด
กจิ กรรมการเรียนรทู ่เี นน ใหน ักเรียนไดรับประสบการณจากการลงมอื ปฏิบัติจริงดว ยตนเอง
เปนเร่อื งเก่ยี วกบั การออกแบบชิ้นงาน ดว ยโปรแกรม canva นกั เรยี นสามารถเรยี นรูดวย
ความสนุกสนาน เรียนรูตามความถนัด ความสนใจ และตามศักยภาพของนักเรียนแตล ะ
คน เพื่อใหการเรยี นรูเกิดประสทิ ธภิ าพสงู สุด นักเรยี นควรศกึ ษาและฝก ตามลาํ ดับชุด
กิจกรรมการเรียนรู จากเลม ที่ 1-8 และสามารถยอนกลับไปทบทวนชุดกจิ กรรมการเรียนรู
เลม กอนหนาได

เลมที่ 1 Canva คืออะไร

4

คําชแ้ี จงสําหรับครผู ูสอน

ชดุ กจิ กรรมการเรียนรู เรื่อง การออกแบบช้ินงาน ดวยโปรแกรม Canva รายวิชา
คอมพวิ เตอรกราฟก สาํ หรับนักเรียนช้ันประถมศึกษาปที่ 5 กลุม สาระการเรียนรูการงาน
อาชีพและเทคโนโลยี โรงเรียนเทศบาล 3 ยุวบรู ณบ าํ รุง โดยมีข้ันตอนการจัดกิจกรรมการ
จดั การเรยี นรู ดังน้ี

1. ศึกษาแผนการจัดการเรยี นรู
2. ศกึ ษาชดุ กิจกรรมการเรียนรแู ละคาํ ชีแ้ จงตางๆ ใหเขา ใจ
3. ใหนกั เรยี นทาํ แบบทดสอบกอนเรียน เพ่อื ดพู ้ืนฐานความรูของนกั เรียน
แตล ะคนวา มมี ากนอยเพยี งใด จากนัน้ แจงผลการทดสอบใหน ักเรียนทราบ
4. ครแู จกชุดกจิ กรรมการเรยี นรู ใหกบั นกั เรียน
5. ครูใหนักเรยี นศึกษาชดุ กจิ กรรมการเรียนรู
6. ครูใหนกั เรียนทํากิจกรรมตามใบกิจกรรมในชดุ กิจกรรมการเรียนรู
7. ครูตรวจการทาํ ใบกิจกรรมของนกั เรียน พรอมท้งั เฉลยใหน กั เรียนทราบ
8. ครใู หน ักเรยี นทาํ แบบทดสอบหลงั เรยี นเพื่อดูวา นกั เรยี นมีความรู
ความเขา ใจหลังเรียนมากนอยเพยี งใด
9. ครูสังเกตพฤติกรรมคณุ ลักษณะที่พงึ ประสงคใ นการเรยี นรขู องนกั เรยี น
และบันทึกผล
10.ครตู รวจคะแนนและบนั ทกึ ลงในใบเก็บคะแนน
11.ครแู จงใหน ักเรยี นทราบถงึ ผลการเรยี นรขู องนกั เรยี น ใหค าํ ชมเชย พรอม
กบั คําแนะนําเพม่ิ เติม

เลมที่ 1 Canva คอื อะไร

5

คาํ ชี้แจงสําหรบั นกั เรียน

ชดุ กจิ กรรมการเรยี นรู เรื่อง การออกแบบช้ินงาน ดวยโปรแกรม Canva รายวิชา
คอมพวิ เตอรกราฟก สําหรับนกั เรียนช้นั ประถมศึกษาปท ี่ 5 กลมุ สาระการเรียนรูการงาน
อาชีพและเทคโนโลยี โรงเรียนเทศบาล 3 ยุวบรู ณบ ํารุง โดยนักเรียนตองศึกษากอนลงมือ
ปฏิบตั ิกจิ กรรม ดังนี้

1. นกั เรียนศกึ ษาคาํ ชีแ้ จงในการใชชุดกิจกรรมการเรียนรู ใหเ ขา ใจ
2. นกั เรยี นรับชดุ กจิ กรรมการเรยี นรูจากครผู ูส อน
3. นกั เรยี นทาํ แบบทดสอบกอนเรยี น เพ่ือประเมนิ ดูวา นกั เรยี นมีพ้นื
ฐานความรมู ากนอ ยเพียงใด
4. นักเรยี นศกึ ษาชุดกจิ กรรมการเรียนรู ทาํ ความเขาใจใหด ีตั้งแตห นาแรก
ถึงหนา สุดทา ยตามลําดับขน้ั ตอน
5. เม่ือพบคําช้แี จงหรือคาํ ถามใหนักเรยี นอานอยางเขาใจกอ นลงมือทาํ
กจิ กรรม
6. นกั เรยี นทํากิจกรรมตามชุดกิจกรรมการเรยี นรูใหครบทุกกิจกรรม
7. เมือ่ ทํากิจกรรมเสรจ็ ใหน กั เรียนนําสง ครูผูสอนเพือ่ ตรวจงาน
8. เม่อื นักเรยี นทํากิจกรรมครบทกุ กจิ กรรมแลว ใหน ักเรียนทําแบบทดสอบ
หลังเรยี นดวยความตง้ั ใจและซือ่ สัตยต อตนเอง
9. เมอื่ นกั เรียนมีขอสงสัยในการทํางานในชดุ กจิ กรรมการเรียนรูใหปรกึ ษา
ครูผูสอน
10.รับฟง คําชมเชย คําแนะนาํ เพม่ิ เตมิ จากครูผูส อน

เลมท่ี 1 Canva คืออะไร

6

มาตรฐานการเรยี นรู/ผลการเรียนรู

มาตรฐาน ว 4.2 : เขาใจและใชแนวคิดเชิงคํานวณในการแกปญ หาทพ่ี บในชีวิต
จรงิ อยางเปนข้ันตอนและเปน ระบบ ใชเ ทคโนโลยีสารสนเทศและการสอ่ื สารในการ
เรยี นรกู ารทํางาน และการแกป ญหาไดอยางมปี ระสิทธิภาพ รเู ทาทนั และมีจริยธรรม
ผลการเรียนรู : การใชซ อฟตแ วรหรอื บริการบนอินเทอรเนต็ ที่หลากหลายเพอื่
แกปญ หาในชวี ติ ประจาํ วัน

สาระสาํ คญั

Canva คอื โปรแกรมสาํ เร็จรูปทอี่ ยใู นรปู แบบของเว็บไซต( ในสมารท โฟน และแท็บ
เล็ตจะมแี อพพลเิ คชนั ใหดาวนโหลด) ทจ่ี ะชว ยผูใ ชออกแบบงานตา ง ๆ ไดง า ยข้นึ
โดยจะมแี พลตฟอรมออกแบบกราฟก ไมว าจะเปน ชิ้นงานเพ่ือใชล ง Social Media,
Presentation, งานสงิ่ พิมพ รวมไปถงึ ภาพเคลอ่ื นไหว
ประโยชนของแอพ Canva คือ สามารถสรา งรปู ภาพหรือวดี ีโอทส่ี วยงามไดอยาง
รวดเร็ว เพราะเต็มไปดวยเทมเพลตใหเลือกใชมากมายแมจะไมมีพื้นฐานดา นกราฟก
หรอื วดิ ีโอก็สามารถเรม่ิ ตนใชง านไดทนั ที โดยมใี หใ ชงานทัง้ แบบฟรแี ละแบบเสีย
คา บริการในการใชงาน

เลม ที่ 1 Canva คืออะไร

7

สาระการเรยี นรู

 พ้ืนฐานงานกราฟก
 การสมัครใชง าน Canva

จดุ ประสงคการเรียนรู

1. นักเรียนสามารถอธบิ ายความหมายของคอมพวิ เตอรก ราฟก ได
2. นกั เรียนสามารถอธิบายวธิ กี ารสมคั รใชง าน Canva ได
3. นกั เรียนมคี วามซ่อื สัตย มวี ินยั ใฝเรยี นรู มงุ มัน่ ในการทํางาน

เลมท่ี 1 Canva คืออะไร 8

แบบทดสอบกอ นเรยี น
เรื่อง Canva คอื อะไร

คาํ ชแี้ จง : แบบทดสอบชดุ นีเ้ ปนแบบปรนัย 4 ตัวเลอื ก จาํ นวน 10 ขอ ใชเวลาทําแบบทดสอบ 10 นาที
คาํ สัง่ : ใหนักเรียนเลอื กคาํ ตอบทถ่ี กู ตองท่สี ดุ เพียงคาํ ตอบเดียว ทาํ เครอื่ งหมายกากบาท (X)

ลงในกระดาษคาํ ตอบ (10 คะแนน)

1. ขอ ใดไมใชค วามหมายของกราฟก
ก. เปน ศิลปะแบบหนึ่งท่แี สดงออกถงึ ความคดิ ความอา นและอารมณโดยใชเ สน
ข. เปน การสื่อความหมายดานการใชภ าพวาด ภาพสเกต แผนภาพ การถายภาพ
ค. วัสดุทีเ่ กดิ จากการวาดและการเขยี นงานออกแบบตางๆ
ง. ศิลปะหรอื ศาสตรใ นการเขียนภาพลายเสน หรือรูปปนตางๆ
2. ขอใดไมใชความหมายของคอมพวิ เตอรก ราฟก
ก. การสราง ค. การบันทกึ
ข. การตกแตง ง. การแกไ ข
3. ภาพทป่ี รากฏบนหนาจอคอมพวิ เตอรเ ราเหน็ อยูทว่ั ไปนัน้ เกิดจากจุดส่เี หลี่ยมเลก็ ๆของสี
เรยี กวา
ก. พกิ เซล (Pixel) ค. แว็กเตอร (Vecter)
ข. บิตแมป (Bitmap) ง. กราฟก (Graphic)
4. ขอ ใดคือความหมายของภาพบิตแมป (Bitmap)
ก. ใชสมการทางคณติ ศาสตรเปน ตัวสรา งภาพ
ข. สามารถยอและขยาดขนาดไดม ากกวา
ค. ลกั ษณะภาพประกอบขึ้นดว ยจุดตา ง ๆมากมาย
ง. เหมาะสาํ หรบั งานแบบวาง Layout
5. ขอ ใดคอื ความหมายของภาพ แว็กเตอร(vector)
ก. ใชส มการทางคณติ ศาสตรเ ปนตัวสรา งภาพ
ข. ภาพมจี ํานวนพิกเซลคงที่
ค. ลกั ษณะภาพประกอบขนึ้ ดวยจุดตาง ๆมากมาย
ง. เหมาะสาํ หรบั งานกราฟก

เลมท่ี 1 Canva คืออะไร 9

แบบทดสอบกอนเรียน
เรอื่ ง Canva คอื อะไร

6. ขอใดคือคณุ สมบัตขิ องไฟลภาพแบบ .JPG
ก. ภาพท่ไี ดนํามาใชงานทั่วๆไป
ข. มกั นํามาใชงานบนอนิ เทอรเ นต็ มากท่สี ุด
ค. ใชส าํ หรับงานสิ่งพิมพเ ปน สวนใหญ
ง. ใชสาํ หรบั การแสดงผลบนเว็บไซตโดยเฉพาะ
7. ขอใดคอื คณุ สมบัติของไฟลภาพแบบ .GIF
ก. ภาพท่ีไดน ํามาใชง านทัว่ ๆไป
ข. มกั นํามาใชงานบนอินเทอรเนต็ มากทส่ี ุด
ค. ใชส ําหรับงานส่งิ พมิ พเปนสวนใหญ
ง. ใชสาํ หรับการแสดงผลบนเวบ็ ไซตโดยเฉพาะ
8. ขอ ใดคือคณุ สมบัตขิ องไฟลภ าพแบบ .TIF
ก. ภาพท่ีไดน ํามาใชง านท่ัวๆไป
ข. มักนาํ มาใชง านบนอนิ เทอรเ น็ตมากท่ีสุด
ค. ใชส าํ หรบั งานสิ่งพิมพเปนสวนใหญ
ง. ใชสาํ หรับการแสดงผลบนเว็บไซตโ ดยเฉพาะ
9. ขอ ใดไมใ ชค ณุ สมบตั ิของ Canva
ก. สรางรปู ภาพ
ข. สรา งวดี ิโอ
ค. ผใู ชไมต อ งมีพน้ื ฐานดานกราฟก
ง. ผูใชต องมพี ื้นฐานดานกราฟก
10. การจะเขาใชง านเว็บไซต Canva ตอ งเตรยี มสงิ่ ใด
ก. ช่ือ-สกุล ค. เบอรโทร
ข. ท่ีอยู ง. อีเมล

ใบความรทู ี่ 1.1 เลม ที่ 1 Canva คืออะไร
เรอื่ ง พ้ืนฐานงานกราฟก
10

ความหมายของกราฟก
กราฟก (Graphic) มาจากภาษากรีก 2 คาํ คือ Graphikos หมายถึง การวาดเขยี นและ Graphein
หมายถงึ การเขยี น
ตอมามคี นทีค่ วามหมายหรือคาํ จํากัดความของคําวา “กราฟก ” ไวมากมายหลายแบบ
ดวยกัน แตห ลักๆ กม็ ดี งั นี้
- กราฟก เปนศิลปะแบบหนง่ึ ที่แสดงออกถึงความคดิ ความอา นและอารมณโ ดยใช
เสน รปู ภาพ ภาพเขียนหยาบๆ ไดอะแกรม ฯลฯ
- กราฟก เปน การส่ือความหมายดานการใชภ าพวาด แผนภาพ การถา ยภาพ แและอนื่ ๆ
ที่ตอ งอาศยั ศลิ ปะ เขามาชว ยเพือ่ ทาํ ใหผ ูดูเกิดความคดิ และการตคี วามหมายไดตรงตามที่ผู
สือ่ สารตอ งการ เชน แผนภูมิ แผนภาพ ภาพโฆษณา การต นู เปนตน
- วสั ดทุ ี่เกิดจากการวาดและการเขยี นงานออกแบบตางๆ ในส่งิ ที่เปน วัตถุ 2 มติ ิ มคี วาม
กวางและความยาวเทากัน อันไดแก งานสถาปนกิ ในการเขยี นแปลนบา น การเขียน
ภาพเหมอื นของจติ รกร การออกแบบโฆษณาของชา งออกแบบ
- กราฟก เปน ศลิ ปะหรอื ศาสตรใ นการเขียนภาพลายเสน รวมไปถึงการพมิ พ การดงั
แกะสลกั การถายภาพ และการจัดทําหนังสอื
ดังน้ันสรุปไดวา กราฟก น้ันหมายถงึ ศลิ ปะแขนงหนึง่ ซง่ึ ใชใ นการส่อื ความหมายดวยการ
ใชเ สน ภาพวาด สญั ลักษณ ภาพถา ย กราฟ แผนภมู ิ การตนู ฯลฯ เพือ่ ใหสามารถสื่อ
ความหมายของขอ มลู ไดถ ูกตองตรงตามท่ีผูรบั สารตองการ
ความหมายของคอมพวิ เตอรกราฟก
คอมพวิ เตอรกราฟก หมายถงึ การสราง การตกแตง แกไ ข หรอื การจดั การเก่ยี วกับ
รปู ภาพ โดยใชเครอ่ื งคอมพิวเตอรในการจดั การ เชน การทํา Image retouching ภาพคนแก
ใหม วี ัยที่เด็กขนึ้ การสรา งภาพตามจินตนาการและการใชภาพกราฟก ในการนาํ เสนอขอมูล
ตา ง ๆ เพื่อใหสามารถสอื่ ความหมายไดตรงตามท่ีผูสอื่ สารตองการและนา สนใจยิ่งขึ้นดว ย
กราฟ แผนภูมิ แผนภาพ เปนตน

ใบความรูท ี่ 1.1 (ตอ ) เลมท่ี 1 Canva คอื อะไร
เรอื่ ง พืน้ ฐานงานกราฟก
11

ภาพบนคอมพวิ เตอรเ กดิ ไดอ ยา งไร
ภาพทปี่ รากฏบนหนาจอคอมพวิ เตอรท ีเ่ ราเห็นอยูท่วั ไปนั้น เกดิ จากจดุ ส่ีเหล่ียมเลก็ ๆ ของสที ่ี

เราเรียกวา พิกเซล (Pixel) มาประกอบกนั เปนภาพขนาดตาง ๆ น่ันเอง
พกิ เซล (Pixel) มาจากคําวา Picture และคาํ วา Element แปลตรงตวั กค็ ือองคป ระกอบที่

รวมกนั เกิดเปนภาพ ซง่ึ สรปุ ก็ หมายถึงจุดสเี่ หลีย่ มเลก็ ๆ ท่ีเปน องคป ระกอบรวมกันเปน ภาพความ
ละเอยี ดของภาพ เปน จาํ นวนของพกิ เซลท่ีอยภู ายในภาพโดยใชห นวยวดั เปนพิกเซลตอ น้วิ (ppi :
Pixel per Inch) เชน 300 ppi หรือ 600 ppi เปนตน ภาพท่ีมีความละเอียดมากกจ็ ะมีความชัด
กวา ภาพทม่ี คี วามละเอียดนอ ย

ความละเอยี ดของจอภาพ เปน หนว ยท่ีใชว ัดจาํ นวนพิกเซลสูงสดุ ทีจ่ อคอมพิวเตอรสามารถผลติ
ออกมาได ซ่งึ ความละเอียดของจอภาพนั้น เกดิ ข้นึ โดยการดจอหรือหนวยแสดงผลภาพและควบคมุ
การทาํ งานดวยซอฟทแวรบ น Windows ดังนั้นเราสามารถต้งั คาการแสดงความละเอียดของ
จอภาพบน Windows ได เขน ความละเอียด 1024x768 หมายถึง จาํ นวนพกิ เซลในแนวนอน
1024 พกิ เซลและจํานวนวีดิโอพิกเซลในแนวตงั้ 768 พิกเซล

ใบความรูท่ี 1.1 (ตอ ) เลม ที่ 1 Canva คอื อะไร
เรือ่ ง พ้ืนฐานงานกราฟก
12

โหมดสี CMYK เปนสที ่ีใชกับเครอ่ื งพิมพ CMYK ยอมาจาก ฟา อมเขียว (cyan) แดงอมมวง
(magenta) เหลือง (yellow) key (สดี ํา - ไมใช B แทน black เพราะจะสับสนกับ blue) ซึ่งเปน
ชอื่ สีทน่ี ํามาใช การผสมสีท้ังส่นี ี้ จะทําใหเ กิดสีไดอ ีกหลายรอ ยสี นํามาใชใ นการพมิ พส ตี า ง ๆ ภาพท่ี
เกดิ บนจอภาพเกิดจากการทํางานของโหมดสี RBG ซ่ึงประกอบดว ย สีแดง(Red) สเี ขียว (Green)
และ สีนา้ํ เงิน (Blue)โดยใชห ลักการยงิ ประจุไฟฟาใหเกิดการเปลง แสงของสีทัง้ 3 สมี าผสมกันทาํ
ใหเกิดเปน จดุ สสี ีเ่ หล่ยี มเลก็ ๆ ทเ่ี รียกวา พกิ เซล (Pixel) ซง่ึ มาจากคาํ วา Pictuer กบั Elememt
โดยพกิ เซลจะมีหลากหลายสีเม่ือนํามาวางตอ กนั จะเกดิ เนรปู ภาพ ซึง่ ภาพทใ่ี ชก บั เครื่อง
คอมพวิ เตอรม ี 2 ประเภท คอื แบบ Bitmap และแบบ Vector
ภาพบติ แมป(Bitmap) เปน ภาพประแบบ Reaolution Dependent ประกอบข้ึนดว ยจดุ สตี าง ๆ
ทีม่ จี ํานวนคงที่ตายตวั ตามการสรา งภาพท่ีมี Reaolution หรอื ความละเอยี ดของภาพตางกนั ไป
หากขยายภาพ Bitmapจะเหน็ วา มีลกั ษณะเปน ตารางเล็ก ๆ

ใบความรทู ี่ 1.1 (ตอ ) เลมท่ี 1 Canva คอื อะไร
เรือ่ ง พ้ืนฐานงานกราฟก
13

ภาพแวก็ เตอร (Vecter) เปนภาพประเภท Resolution –Independent มลี กั ษณะของการสรา ง
ใหแ ตล ะสว นเปน อิสระตอ กัน โดยแยกช้ินสว นของภาพท้งั หมดออกเปนเสน ตรง รปู ทรงหรอื สว นโคง
โดยอา งอิงตามความสัมพนั ธทางคณติ ศาสตรห รือการคาํ นวณเปนตวั สรา งภาพ เปน การรวมเอา
Object (เชน วงกลม เสนตรง ทรงกลม ลกู บาศกแ ละอื่น ๆ เรียกวา รูปทรงพนื้ ฐาน) ตา งชนิดมา
ผสมกัน มีทศิ ทางการลากเสน ไปในแนวตาง ๆ เพือ่ สรา งภาพท่แี ตกตางกนั โดยใชคําส่ังงา ย ๆ จึง
เรยี นภาพประเภทน้วี า Vector Graphic

ความแตกตา งระหวา งกราฟกแบบ Bitmap และ Vector

ใบความรทู ่ี 1.1 (ตอ) เลม ที่ 1 Canva คอื อะไร
เรอ่ื ง พนื้ ฐานงานกราฟก
14

ประเภทของไฟลภ าพดิจิตอล

.JPG เปนไฟลท ี่มีการบนั ทึกขอมูลแบบสญู เสียขอ มลู ภาพท่ไี ดน าํ มาใชง านทั่ว ๆ ไป ไฟลประเภทนี้
จะตดั รายละเอียดของภาพบางสว นออก ซึ่งเปน รายละเอยี ดทีไ่ มสามารถมองเห็นสีไดมากนัก
เหมาะสาํ หรับเก็บไวด ูหรือนาํ ไปลงอินเทอรเนต็

ใบความรูที่ 1.1 (ตอ ) เลม ที่ 1 Canva คืออะไร
เรอ่ื ง พื้นฐานงานกราฟก
15

.GIF เปน ไฟลทม่ี ีการบีบอดั ขอมูลสูง แตจะใหความละเอยี ดของภาพมากกวา ทําใหไฟลมขี นาดเล็ก
มาก มักนํามาใชงานบนอนิ เทอรเ น็ตมากทีส่ ดุ เพราะไฟลที่มีขนาดเล็กทาํ ใหไ มเ สยี เวลาในการเปด
หนา เว็บไซตท่ีมรี ปู ภาพประกอบไดในเวลาอันรวดเรว็

ใบความรูท่ี 1.1 (ตอ) เลม ที่ 1 Canva คืออะไร
เรอ่ื ง พ้นื ฐานงานกราฟก
16

.TIF เปนไฟลท่ใี ชสําหรบั งานสงิ่ พิมพเ ปน สว นใหญ สามารถแสดงผลความละเอยี ดของภาพไดท ุก
ระดบั ตั้งแตภาพขาวดาํ ไปจนถงึ ภาพสี ซ่งึ จะนําไปใชกับงานทางดานการพมิ พ สามารถใชไดก บั ทั้ง
เคร่อื ง MAC และ PC โปรแกรมที่ใช ตวั อยา ง เชน PageMaker

ใบความรทู ่ี 1.1 (ตอ) เลมท่ี 1 Canva คอื อะไร
เรอ่ื ง พ้นื ฐานงานกราฟก
17

.PNG ยอมาจาก Portable Network Graphics ซ่ึงเปนรปู แบบของไฟลรูปภาพทีถ่ ูกพัฒนามาเพ่ือ
ใชส ําหรบั การแสดงผลบนเวบ็ ไซตโดยเฉพาะ และเพื่อใชแ ทนรปู แบบของไฟล GIF เปนไฟลท่ีมี
ความยือหยุน สงู ใชงานไดก บั เคร่อื งที่มีการเปล่ยี นแพลตฟอรมการทาํ งานและสามารถทาํ งานอยบู น
คนละระบบปฏบิ ตั กิ าร เชน Linux และ Windows จะเหน็ ไดวาไฟลแ ตล ะประเภทนนั้ มลี ักษณะการ

.PSD เปน ไฟลท เ่ี กดิ จากโปรแกรมตกแตงรปู ภาพคือ Photoshop ไฟลประเภทสามารถแกไขไดง าย
เพราะมกี ารทาํ งานเปนเลเยอร มขี อจํากัดคือมีไฟลข นาดใหญ และสามารถเปดไดกบั โปรแกรม
Photoshop อยา งเดียวเทา น้นั ไมสามารถนําไปเปดกบั โปรแกรมจดั การรูปภาพอน่ื ๆ ได

เลมที่ 1 Canva คอื อะไร 18

กิจกรรมการเรยี นรูที่ 1.1
เรื่อง พื้นฐานงานกราฟก

คําช้แี จง : กจิ กรรมการเรยี นรูท่ี 1.1 เร่ือง พื้นฐานงานกราฟก
คาํ สงั่ : ใหน กั เรียนจบั คูคุณสมบตั ิดังตอไปนี้ใหถกู ตอง

1…………… พิกเซล (Pixel) A.เปนสที ่ใี ชก ับเครอ่ื งพิมพ
2…………….บิตแมป(Bitmap) B.ไฟลป ระเภทสามารถแกไขไดง าย มี
3…………….แวก็ เตอร (Vecter) ขอ จํากดั คือมไี ฟลข นาดใหญ
4……………..JPG C.เปน ไฟลท ่ีใชส ําหรับงานสง่ิ พิมพเปน
5……………..GIF สว นใหญ
6……………..TIF D.ใชสาํ หรับการแสดงผลบนเว็บไซต
7……………..PNG โดยเฉพาะ
8……………..PSD E.นํามาใชงานบนอนิ เทอรเ น็ตมากที่สดุ
9……………. RBG F.จดุ สีเ่ หลี่ยมเลก็ ๆ ที่เปน องคป ระกอบ
10……………. CMYK รวมกันเปน ภาพ
G.ตดั รายละเอียดของภาพบางสวนออก
H.มีลักษณะของการสรา งใหแ ตละสว น
เปนอสิ ระตอ กัน
I.มลี กั ษณะเปนตารางเล็ก ๆ
J.ประกอบดว ย สแี ดง(Red) สเี ขียว
(Green) และ สนี ้าํ เงิน (Blue)

ใบความรูที่ 1.2 เลมท่ี 1 Canva คอื อะไร
เร่อื ง การสมัครใชง าน Canva
19

Canva คืออะไร

Canva คือ โปรแกรมสําเร็จรูปท่ีอยูในรูปแบบของเวบ็ ไซต(ในสมารท โฟน และแทบ็ เลต็ จะมแี อพ
พลเิ คชนั ใหด าวนโหลด) ทีจ่ ะชวยผใู ชออกแบบงานตาง ๆ ไดง ายข้ึน โดยจะมแี พลตฟอรม
ออกแบบกราฟก ไมว า จะเปน ชิ้นงานเพ่ือใชลง Social Media, Presentation, งานสง่ิ พิมพ รวม
ไปถึงภาพเคล่อื นไหว
ประโยชนข องแอพ Canva คือ สามารถสรา งรปู ภาพหรือวดี โี อทสี่ วยงามไดอ ยา งรวดเร็ว เพราะ
เตม็ ไปดวยเทมเพลตใหเ ลอื กใชม ากมายแมจ ะไมมพี ้นื ฐานดา นกราฟกหรอื วิดโี อกส็ ามารถเริ่มตน ใช
งานไดท ันที โดยมใี หใชงานทงั้ แบบฟรีและแบบเสียคา บรกิ ารในการใชงาน

1.เขาเว็บไซต canva.com คลิกที่ปมุ “Sign Up”

2.เลอื กรูปแบบการลงทะเบยี นในตัวอยางน้ี สมคั รโดยใชบญั ชี Gmail

ใบความรทู ี่ 1.2 (ตอ) เลม ที่ 1 Canva คืออะไร
เรือ่ ง การสมัครใชง าน Canva
20
3. กรอกที่อยูอีเมล แลวคลิกทป่ี มุ “ถัดไป”

4.กรอกรหสั ผา นของอีเมลใหถ กู ตอ ง กด “ถดั ไป”
5.เลอื กรปู แบบการใชงานตามตองการในตวั อยางเราเลือก “Student”

ใบความรูท ่ี 1.2 (ตอ ) เลมที่ 1 Canva คืออะไร
เรอ่ื ง การสมัครใชงาน Canva
21

6. เปด Gmail ข้นึ มา เพื่อเตรยี มยืนยนั ตัวตน แลวจะพบกับอเี มลท่สี ง มาจาก Canva
7.ยืนยันตัวตนโดยทคี่ ลกิ ทป่ี ุม “Get started now”เพื่อใชงานตอ ไป

เลมที่ 1 Canva คอื อะไร 22

กจิ กรรมการเรยี นรูที่ 1.2
เร่ือง การสมัครใชงาน Canva

คาํ ช้แี จง : กจิ กรรมการเรียนรูท่ี 1.2 เร่อื ง การสมคั รใชง าน Canva

ตอนท่ี 2 : ใหนกั เรียนเขียนสรปุ ขั้นตอนการสมัครใชงาน Canva ท้งั 7 ขน้ั ตอนให

ถูกตอง

ข้นั ตอนท่ี อธิบาย

1 …………………………………………………………………………………………………
…………………………………………………………………………………………………

2 …………………………………………………………………………………………………
…………………………………………………………………………………………………

3 …………………………………………………………………………………………………
…………………………………………………………………………………………………

4 …………………………………………………………………………………………………
…………………………………………………………………………………………………

5 …………………………………………………………………………………………………
…………………………………………………………………………………………………

6 …………………………………………………………………………………………………
…………………………………………………………………………………………………

7 …………………………………………………………………………………………………
…………………………………………………………………………………………………

เลม ท่ี 1 Canva คืออะไร 23

แบบทดสอบหลังเรียน
เร่ือง Canva คอื อะไร

คาํ ช้แี จง : แบบทดสอบชุดนี้เปน แบบปรนยั 4 ตวั เลือก จํานวน 10 ขอ ใชเวลาทําแบบทดสอบ 10 นาที
คําสงั่ : ใหนกั เรยี นเลอื กคําตอบทถี่ กู ตอ งทสี่ ุดเพียงคาํ ตอบเดยี ว ทําเครอ่ื งหมายกากบาท (X)

ลงในกระดาษคาํ ตอบ (10 คะแนน)

1. ขอ ใดไมใ ชความหมายของคอมพิวเตอรก ราฟก ค. การบันทกึ
ก. การสราง
ข. การตกแตง ง. การแกไ ข
2. ภาพทีป่ รากฏบนหนาจอคอมพิวเตอรเ ราเห็นอยูท่ัวไปนั้น เกดิ จากจดุ สี่เหลี่ยมเลก็ ๆของสี
เรียกวา
ก. พกิ เซล (Pixel) ค. แว็กเตอร (Vecter)
ข. บติ แมป (Bitmap) ง. กราฟก (Graphic)
3. ขอ ใดคือความหมายของภาพ แว็กเตอร(vector)
ก. ใชสมการทางคณิตศาสตรเปนตัวสรา งภาพ
ข. ภาพมจี าํ นวนพกิ เซลคงที่
ค. ลกั ษณะภาพประกอบขึ้นดว ยจุดตา ง ๆมากมาย
ง. เหมาะสาํ หรับงานกราฟก
4. ขอ ใดไมใชความหมายของกราฟก
ก. เปนศลิ ปะแบบหน่ึงทแี่ สดงออกถึงความคดิ ความอานและอารมณโ ดยใชเสน
ข. เปนการส่ือความหมายดานการใชภาพวาด ภาพสเกต แผนภาพ การถายภาพ
ค. วัสดุท่เี กดิ จากการวาดและการเขยี นงานออกแบบตา งๆ
ง. ศลิ ปะหรอื ศาสตรในการเขยี นภาพลายเสน หรอื รูปปนตางๆ
5. ขอ ใดคือความหมายของภาพบติ แมป (Bitmap)
ก. ใชสมการทางคณติ ศาสตรเ ปนตัวสรางภาพ
ข. สามารถยอและขยาดขนาดไดมากกวา
ค. ลกั ษณะภาพประกอบข้นึ ดวยจดุ ตา ง ๆมากมาย
ง. เหมาะสําหรับงานแบบวาง Layout
5.

เลมท่ี 1 Canva คอื อะไร 24

แบบทดสอบหลังเรียน
เรอ่ื ง Canva คอื อะไร

6. การจะเขาใชง านเว็บไซต Canva ตองเตรยี มสิ่งใด
ก. ช่ือ-สกุล ค. เบอรโ ทร
ข. ท่ีอยู ง. อีเมล
7. ขอใดคอื คุณสมบตั ิของไฟลภ าพแบบ .GIF
ก. ภาพทไี่ ดน าํ มาใชง านท่วั ๆไป
ข. มักนํามาใชง านบนอนิ เทอรเน็ตมากทีส่ ดุ
ค. ใชสําหรบั งานส่ิงพิมพเปนสว นใหญ
ง. ใชส ําหรบั การแสดงผลบนเว็บไซตโ ดยเฉพาะ
8. ขอ ใดคือคณุ สมบตั ิของไฟลภ าพแบบ .JPG
ก. ภาพท่ไี ดน าํ มาใชงานท่ัวๆไป
ข. มักนาํ มาใชง านบนอนิ เทอรเ น็ตมากทส่ี ดุ
ค. ใชส าํ หรบั งานสง่ิ พมิ พเปน สว นใหญ
ง. ใชส าํ หรับการแสดงผลบนเว็บไซตโดยเฉพาะ
9. ขอใดไมใชค ณุ สมบัติของ Canva
ก. สรา งรูปภาพ
ข. สรางวดี ิโอ
ค. ผูใชไ มต องมพี นื้ ฐานดานกราฟก
ง. ผใู ชตอ งมพี ้ืนฐานดานกราฟก
10. ขอใดคอื คุณสมบัติของไฟลภ าพแบบ .TIF
ก. ภาพที่ไดน าํ มาใชง านทว่ั ๆไป
ข. มักนํามาใชงานบนอนิ เทอรเน็ตมากท่ีสุด
ค. ใชสาํ หรบั งานส่งิ พิมพเ ปน สวนใหญ
ง. ใชสาํ หรับการแสดงผลบนเว็บไซตโ ดยเฉพาะ

เลม ที่ 1 Canva คืออะไร

25

บรรณานุกรม

เลม ท่ี 1 Canva คืออะไร

26

ภาคผนวก

เลม ท่ี 1 Canva คอื อะไร

27

เฉลยแบบทดสอบกอ นเรยี น

เฉลยแบบทดสอบหลังเรยี น

เลม ที่ 1 Canva คอื อะไร 28

เฉลยกิจกรรมการเรียนรทู ี่ 1.1
เรอื่ ง พ้ืนฐานงานกราฟก

คาํ ช้ีแจง : กิจกรรมการเรยี นรูท่ี 1.1 เรอื่ ง พนื้ ฐานงานกราฟก
คาํ ส่ัง : ใหนกั เรียนจบั คูคณุ สมบัติดังตอไปน้ใี หถูกตอง

1……F……… พิกเซล (Pixel) A.เปนสีทีใ่ ชก บั เครอ่ื งพมิ พ
2……I……….บติ แมป(Bitmap) B.ไฟลป ระเภทสามารถแกไ ขไดงาย มี
3……H……….แว็กเตอร (Vecter) ขอ จาํ กดั คือมไี ฟลขนาดใหญ
4……G………..JPG C.เปนไฟลท ี่ใชสําหรับงานสิง่ พิมพเ ปน
5……E………..GIF สว นใหญ
6……C………..TIF D.ใชส ําหรับการแสดงผลบนเว็บไซต
7……D………..PNG โดยเฉพาะ
8……B………..PSD E.นาํ มาใชงานบนอินเทอรเน็ตมากทสี่ ดุ
9……J………. RBG F.จุดสเี่ หลยี่ มเล็ก ๆ ทเี่ ปนองคป ระกอบ
10……A………. CMYK รวมกนั เปน ภาพ
G.ตัดรายละเอยี ดของภาพบางสว นออก
H.มีลักษณะของการสรา งใหแตล ะสวน
เปนอสิ ระตอกนั
I.มลี ักษณะเปนตารางเล็ก ๆ
J.ประกอบดว ย สีแดง(Red) สเี ขยี ว
(Green) และ สนี าํ้ เงิน (Blue)

เลม ที่ 1 Canva คอื อะไร 29

เฉลยกิจกรรมการเรียนรูท ่ี 1.2
เรือ่ ง การสมัครใชง าน Canva

คาํ ช้แี จง : กจิ กรรมการเรียนรทู ี่ 1.2 เรื่อง การสมัครใชงาน Canva

ตอนท่ี 2 : ใหนกั เรียนเขยี นสรปุ ขน้ั ตอนการสมคั รใชงาน Canva ท้งั 7 ข้นั ตอนให

ถกู ตอ ง

ขน้ั ตอนที่ อธิบาย

1 เขาเว็บไซต canva.com คลิกทีป่ ุม “Sign Up

2 เลือกรปู แบบการลงทะเบียนในตวั อยา งนี้ สมคั รโดยใชบญั ชี Gmail

3 กรอกทอ่ี ยูอีเมล แลวคลกิ ท่ีปุม “ถัดไป”

4 กรอกรหสั ผา นของอเี มลใหถ ูกตอง กด “ถดั ไป”

5 เลือกรูปแบบการใชง านตามตองการในตวั อยา งเราเลอื ก “Teacher”

6 เปด Gmail ขึน้ มา เพ่อื เตรยี มยนื ยันตัวตน แลว จะพบกับอเี มลทสี่ ง มาจาก

Canva

7 ยืนยนั ตวั ตนโดยที่คลกิ ท่ีปมุ “Get started now”เพ่อื ใชง านตอไป