แผนโปรแกรมกราฟิกเพื่อผลิตสื่อดิจิทัล

แผนการจัดการเรยี นรู้

วิชาโปรแกรมกราฟกิ สาหรับผลิตส่ือดจิ ิทลั

รหสั วชิ า 30204- 2202 ท–ป–น 2–2–3

ระดบั ชัน้ ปวส.

ปีการศกึ ษา 2564

โดย
นางสาวจุฑาพันธ์ วงศ์ปรีดี

ตาแหน่งครู

วทิ ยาลยั เทคนคิ สว่างแดนดิน อาชวี ศกึ ษาจงั หวดั สกลนคร
สานักงานคณะกรรมการการอาชวี ศึกษา

แผนการจัดการเรียนรู้

วิชา โปรแกรมกราฟกิ สำหรับผลติ สือ่ ดจิ ิทัล

(Graphic for Digital Media)
สาขาวิชาเทคโนโลยธี ุรกจิ ดิจทิ ัล

รหสั วิชา 30204-2202

หลักสตู รประกาศนยี บตั รวชิ าชีพช้ันสงู พทุ ธศักราช 2563

จัดทำโดย

นางสาวจฑุ าพันธ์ วงศ์ปรดี ี

30204- 2202 โปรแกรมกราฟิกสำหรับผลิตสื่อดิจิทลั 2-2-3

(Graphic for Digital Media)

จุดประสงคร์ ายวิชา เพอื่ ให้
1. เขา้ ใจเก่ียวกับหลกั การของภาพกราฟกิ การออกแบบ infographic เพ่ือผลติ สือ่ ดิจทิ ลั
2. สามารถใชโ้ ปรแกรมกราฟกิ สำหรบั ผลิตส่ือดิจิทัลให้เหมาะสมกบั งานธุรกิจ
3. มีเจตคติและกิจนสิ ัยท่ดี ใี นการปฏบิ ตั ิงานดว้ ยความรบั ผิดชอบ ซ่อื สตั ย์ ละเอียด

รอบคอบ

สมรรถนะรายวชิ า

1. แสดงความรเู้ กี่ยวกับหลักการของภาพกราฟิก การออกแบบ infographic เพอ่ื ผลติ สื่อดจิ ิทลั
2. ใช้โปรแกรมกราฟิกสำหรบั ผลติ สื่อดจิ ทิ ัลให้เหมาะสมกบั งานธุรกิจ

คำอธิบายรายวิชา

ศึกษาและปฏิบัตเิ กีย่ วกบั ความรพู้ น้ื ฐานเกย่ี วกับภาพกราฟิก หลกั การของภาพกราฟกิ ประเภทและ
คณุ ลกั ษณะของภาพกราฟิก วิธแี ละกระบวนการคิดสรา้ งสรรค์ในการออกแบบ หลกั สำคญั ในการออกแบบ
รปู แบบของ infographic การใช้โปรแกรมสร้างภาพกราฟิกอย่างสรา้ งสรรค์เพ่ือผลิตสื่อดจิ ิทัลให้เหมาะสมกับ
งานธรุ กจิ

กำหนดการสอน

หน่วยที่ ชื่อหนว่ ย จำนวนช่ัวโมง สปั ดาหท์ ่ี

1 ความรพู้ ้นื ฐานเกย่ี วกับกราฟกิ 4 1
4 2
2 วิธีและกระบวนการคดิ สรา้ งสรรคใ์ นการออกแบบ 8 3-4
8 5-6
3 หลักสำคัญในการออกแบบส่อื ดิจทิ ัล 12 7-9

4 รูปแบบของภาพ Infographic 12 10-12

5 การสร้างภาพ Infographic ด้วยโปรแกรม Microsoft 12 13-15

PowerPoint 12 16-18

6 การผลิตนสอื่ ดิจิทัลแบนเนอรด์ ้วยโปรแกรม Adobe 72 18

Photoshop

7 การผลติ สอ่ื ดจิ ิทลั ป้ายโฆษณาดว้ ยโปรแกรม Adobe

Photoshop

8 การผลิตส่ือดิจิทลั ดว้ ย Canva

สอบปลายภาคเรียน

รวม

แผนการจัดการเรยี นรู้ หน่วยที่ 1
สปั ดาหท์ ่ี 1
ชื่อวิชา โปรแกรมกราฟกิ สำหรบั ผลิตสื่อดิจิทลั

ช่ือหน่วย ความร้พู ้ืนฐานเกี่ยวกบั ภาพกราฟกิ จำนวน 4 ชว่ั โมง

สาระสำคัญ
ปัจจุบันมกี ารใช้สือ่ ในการประชาสัมพันธเ์ ปน็ จำนวนมาก ไม่ว่าจะเป็นรปู แบบของสอ่ื สงิ่ พมิ พห์ รือสื่อ

สงั คมออนไลน์ เพราะจะเปน็ การเผยแพร่ผลงานของหนว่ ยงาน บุคคล หรือการทำธรุ กจิ ซึ่งทงั้ หมดจะตอ้ งใช้
คอมพวิ เตอรก์ ราฟิกช่วยในการออกแบบ โดยสอื่ ที่สรา้ งน้ันจะสามารถส่อื ความหมายได้ตรงตามทีผ่ ู้สื่อสาร
ตอ้ งการและน่าสนใจยง่ิ ขน้ึ

สาระการเรียนรู้
1. ความหมายของกราฟิก
2. ประเภทของรปู ร่างและภาพกราฟิก
3.หลกั การของภาพกราฟิกแบบเวกเตอร์ (Vector) และบติ แมป (Bitmap)
4. องค์ประกอบของภาพกราฟิก
5. รูปแบบของแฟม้ ขอ้ มลู ภาพกราฟิก
6. คอมพิวเตอรก์ ราฟิกกบั การประยุกต์ใช้งานด้านตา่ ง ๆ

จุดประสงค์การเรียนรู้
1. บอกความหมายของภาพกราฟกิ ได้
2. อธิบายประเภทของรูปร่างและภาพกราฟิกได้
3. อธิบายหลกั การของภาพกราฟิกแบบเวกเตอร์ (Vector) และบิตแมป (Bitmap) ได้
4. อธิบายรปู แบบของแฟ้มขอ้ มูลภาพกราฟิกได้
5. มเี จตคติและกิจนสิ ัยทีด่ ีในการปฏบิ ัติงานด้วยความรับผิดชอบ ซือ่ สัตย์ ละเอยี ดรอบคอบ

สมรรถนะประจำหนว่ ย
1. แสดงความรู้เกย่ี วกับพ้นื ฐานเกย่ี วกับโปรแกรมกราฟกิ
2. แสดงความรูเ้ กยี่ วกับองค์ประกอบของภาพกราฟกิ
3. ใช้โปรแกรมกราฟิกสำหรับผลิตสอื่ ดิจิทัลใหเ้ หมาะสมกับงานธุรกจิ

คณุ ธรรมและจริยธรรมทีส่ อดแทรก
1. ความมวี ินยั
2. ความรบั ผิดชอบ
3. ความซื่อสัตย์สุจรติ
4. ความสนใจใฝร่ ู้
5. ความรักสามัคคี
6. ความคิดริเรมิ่ สร้างสรรค์

กจิ กรรมการจัดการเรยี นรู้
ขนั้ นำเขา้ สบู่ ทเรียน

1. ผสู้ อนแนะนำเนอ้ื หาการเรยี นรู้ และแนวทางการเรียนรู้ทกุ หนว่ ย
2. ผู้สอนถามผเู้ รยี นเรื่อง ความรู้พ้ืนฐานเกีย่ วกับภาพกราฟกิ
3. ใหผ้ ้เู รยี นร่วมแสดงความคิดเห็นระหวา่ งเพอื่ นและผูส้ อน
ขั้นการสอน
1. ใหผ้ ูเ้ รียนได้ศึกษารายละเอยี ดเรื่อง ความรพู้ น้ื ฐานเก่ียวกบั ภาพกราฟกิ
2. ผสู้ อนบรรยายเนอ้ื หาตามหวั ขอ้ สาระการเรียนรู้ พรอ้ มเปิด PowerPoint ประกอบการบรรยาย
3. ใหผ้ ู้เรยี นร่วมแสดงความคิดเหน็
4. ให้ผู้เรยี นปฏิบตั ิกจิ กรรมเสนอและใบงาน โดยผู้สอนเป็นท่ีปรกึ ษา
ขน้ั สรปุ
1. ผู้สอนและผูเ้ รยี นร่วมกนั สรุปสาระสำคญั จากเน้อื หา ดงั นี้
สรปุ ประเดน็ สำคญั
กราฟกิ (Graphic) หมายถงึ ศิลปะแขนงหน่ึงซ่ึงใช้ส่ือความหมายด้วยเส้น สัญลกั ษณ์ รูปวาด
ภาพถา่ ย กราฟ แผนภมู ิ การ์ตนู ฯลฯ เพอ่ื ให้สามารถส่อื ความหมายขอ้ มลู ไดถ้ กู ตอ้ งตรงตามทีผ่ ู้สื่อสาร
ต้องการ
ส่วนคำว่า คอมพิวเตอร์กราฟกิ (Computer Graphics: CG) การสรา้ ง การตกแต่งแกไ้ ข หรอื การ
จดั การเกี่ยวกับรปู ภาพ โดยใชเ้ ครอ่ื งคอมพิวเตอร์ในการจดั การ
ประเภทของรปู รา่ ง จะแบ่งเป็น 2 ประเภท คือ รูปหรอื ภาพสองมิติ และรปู หรอื ภาพสามมิติ
ภาพกราฟิกจะมี 2 แบบ คอื แบบเวกเตอร์ (Vector) เมื่อขยายรูปภาพจะไม่แตก และบิตแมป
(Bitmap) ที่สว่ นใหญจ่ ะเปน็ รปู ภาพ เมอ่ื ขยายแล้วภาพจะแตก
องคป์ ระกอบของภาพกราฟิก ประกอบด้วย จดุ เสน้ รูปรา่ งและรปู ทรง นำ้ หนกั สี ทว่ี ่าง ตวั อักษร

รปู แบบของแฟ้มขอ้ มูลภาพกราฟิก จะมหี ลายรปู แบบ เชน่ .GIF, .JPEG, .BMP, .PNG, PSD, TIFF
คอมพิวเตอร์กราฟกิ กับการประยกุ ต์ใชง้ านดา้ นตา่ ง ๆ เชน่ งานด้านการออกแบบ งานดา้ นโฆษณา
งานดา้ นการนำเสนอ งานด้านส่ือออนไลน์ งานด้าน Image Retouching

2. ให้ผู้เรียนทำแบบทดสอบหลังเรยี น

สอ่ื และแหลง่ การเรยี นรู้

1. หนงั สือเรยี นวิชา โปรแกรมกราฟกิ สำหรับผลติ ส่ือดิจิทัล / Graphic for Digital Media)

อาจารย์ศวิ ชั กาญจนชมุ และคณะ ( ผลิตโดย... )
2. PowerPoint

การวัดผลและประเมนิ ผล
1. ประเมนิ จากการทดสอบ
2. การสงั เกตการปฏิบัตติ ามกิจกรรมทีไ่ ดร้ บั มอบหมาย
3. การปฏบิ ัติของกจิ กรรมเสนอแนะ
4. การปฏบิ ตั ิตามใบงาน

บนั ทกึ หลังการจดั การเรยี นรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เน้ือท่ไี ดส้ อดแทรกเพิ่มเตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทเ่ี กดิ ข้ึนระหวา่ งการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................

แผนการจัดการเรยี นรู้ หน่วยที่ 2
สปั ดาห์ที่ 2
ชอื่ วิชา โปรแกรมกราฟกิ สำหรับผลติ สอื่ ดิจทิ ัล

ชอ่ื หนว่ ย วิธีและกระบวนการคิดสรา้ งสรรค์ในการออกแบบ จำนวน 4 ชวั่ โมง

สาระสำคัญ
การออกแบบที่จะตอ้ งใช้ความคดิ สรา้ งสรรค์ในการจนิ ตนาการ ซึ่งจะต้องใชท้ กั ษะในการคดิ

สรา้ งสรรคพ์ อสมควร รวมกับทักษะในการฝึกฝนปฏบิ ัติ โดยมีวธิ แี ละกระบวนการคิดสร้างสรรค์ในการ
ออกแบบทจี่ ะนำความคดิ หลายทิศทาง หลายแงห่ ลายมุม เพือ่ ให้เกดิ การคิด ดัดแปลง ปรุงแต่ง ผสมผสานกัน
ใหเ้ กิดส่ิงใหม่ โดยเฉพาะการที่จะนำผลงานออกสู่โลกภายนอกคือ สื่อดิจทิ ัลทางโซเชียลมเี ดีย

สาระการเรยี นรู้
1. ความหมายของความคดิ สรา้ งสรรค์
2. องคป์ ระกอบของความคดิ สร้างสรรค์ในการออกแบบ
3. วธิ กี ารคดิ สร้างสรรค์ในการออกแบบ
4. กระบวนการคดิ สรา้ งสรรค์ในการออกแบบ
5. การพัฒนาตนเองของนักออกแบบ

จดุ ประสงค์การเรียนรู้
1. บอกความหมายของความคิดสร้างสรรค์ได้
2. อธิบายองค์ประกอบของความสร้างสรรคใ์ นการออกแบบได้
3. อธิบายวธิ กี ารและกระบวนการคิดสรา้ งสรรคใ์ นการออกแบบได้
4. อธบิ ายการพฒั นาตนเองของนกั ออกแบบได้
5. มีเจตคตแิ ละกิจนิสัยทดี่ ีในการปฏบิ ัติงานด้วยความรับผิดชอบ ซอ่ื สตั ย์ ละเอียดรอบคอบ

สมรรถนะการเรียนรู้
1. แสดงความรเู้ กย่ี วกบั ความสร้างคิดสร้างสรรค์ในการออกแบบ
2. แสดงความรูเ้ กยี่ วกับวิธีและกระบวนการคดิ สรา้ งสรรคใ์ นการออกแบบ
3. ใช้โปรแกรมกราฟกิ สำหรบั ผลิตสอื่ ดิจิทัลใหเ้ หมาะสมกบั งานธุรกิจ

คุณธรรมและจรยิ ธรรมทสี่ อดแทรก

1. ความมีวินัย

2. ความรบั ผิดชอบ

3. ความซอื่ สัตย์สุจรติ

4. ความสนใจใฝร่ ู้

5. ความรกั สามัคคี
6. ความคดิ ริเรม่ิ สร้างสรรค์

กจิ กรรมการจัดการเรียนรู้

ข้ันนำเขา้ สูบ่ ทเรียน

1. ผู้สอนแนะนำเนื้อหาการเรยี นรู้ และแนวทางการเรียนรู้ทกุ หน่วย

2. ผูส้ อนถามผู้เรียนเร่ือง วธิ ีและกระบวนการคิดสรา้ งสรรค์ในการออกแบบ

3. ใหผ้ เู้ รียนร่วมแสดงความคดิ เหน็ ระหวา่ งเพ่อื นและผ้สู อน

ขั้นการสอน

1. ใหผ้ ้เู รียนศึกษารายละเอยี ดเรอ่ื ง วธิ ีและกระบวนการคิดสร้างสรรค์ในการออกแบบ

2. ผ้สู อนบรรยายเนือ้ หาตามหัวขอ้ สาระการเรยี นรู้ พรอ้ มเปดิ PowerPoint ประกอบการบรรยาย

3. ใหผ้ ้เู รียนรว่ มแสดงความคดิ เหน็

4. ใหผ้ เู้ รียนปฏบิ ัตกิ ิจกรรมเสนอและใบงาน โดยผสู้ อนเป็นที่ปรกึ ษา

ขัน้ สรปุ

1. ผู้สอนและผเู้ รียนร่วมกันสรปุ สาระสำคญั จากเน้อื หา ดงั นี้

สรปุ ประเดน็ สำคัญ
ความคิดสร้างสรรค์ (Creative หรือ Creativity) มีรากศพั ท์มาจากภาษาละตนิ Creo = to create,

to make แปลวา่ สร้าง หรือ ทำให้เกิด
องค์ประกอบของความคดิ สรา้ งสรรคใ์ นการออกแบบได้ดงั นี้
1. ความสามารถ (Ability)
2. ทัศนคติ (Attitude)
3. กระบวนการ (Process)
สำหรับวธิ กี ารคดิ สร้างสรรคใ์ นการออกแบบ มวี ธิ กี ารทห่ี ลากหลายแต่ท่ีสำคญั มี 5 วธิ กี าร คือ
1. ววิ ฒั นาการ (Evolution)
2. การผสมผสาน (Synthesis)
3. การปฏวิ ตั ิ (Revolution)
4. ปรบั เปลีย่ นวธิ ีการใหม่ (Reapplication)
5. ปรับเปล่ียนทศิ ทาง (Changing direction)

กระบวนการคิดสรา้ งสรรคใ์ นการออกแบบ มดี งั น้ี
1. ทำงานในชว่ งเวลาท่ีมีประสทิ ธิผลสูงสุดในแต่ละวนั
2. รา่ งแนวคดิ ก่อน
3. ทำงานในโครงการออกแบบส่วนบคุ คลเอง
4. ใช้สอ่ื และโปรแกรมท่ีหลากหลาย

5. รบั งานทท่ี า้ ทายมากขนึ้ เพ่อื พัฒนาทกั ษะ
6. บันทกึ เนอื้ หาท่ีสร้างสรรค์
7. มองหารปู แบบท่ีสรา้ งแรงบันดาลใจบนสอ่ื ดิจิทัล
8. เรยี นรู้ประวัตศิ าสตร์ศิลปะและการออกแบบ
9. ศกึ ษาต่อเพือ่ รบั แนวคิดใหม่ ๆ
10. ทำจิตใจใหว้ ่างเพ่อื กำจัดสงิ่ รบกวน
11. ใชเ้ วลานอกบา้ นมากขน้ึ
12. เปดิ เพลงในขณะท่ที ำงาน

2. ให้ผู้เรยี นทำแบบทดสอบหลงั เรียน

ส่อื และแหลง่ การเรียนรู้

1. หนังสือเรยี นวิชา โปรแกรมกราฟิกสำหรับผลิตสอื่ ดิจทิ ัล / Graphic for Digital Media)

อาจารยศ์ ิวัช กาญจนชุมและคณะ ( ผลิตโดย... )
2. PowerPoint
การวดั ผลและประเมนิ ผล
1. ประเมินจากการทดสอบ
2. การสังเกตการปฏิบัติตามกิจกรรมทไี่ ดร้ บั มอบหมาย
3. การปฏบิ ตั ิของกจิ กรรมเสนอแนะ
4. การปฏิบัติตามใบงาน

บันทึกหลงั การจดั การเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพิ่มเตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................



แผนการจดั การเรยี นรู้ หน่วยที่ 3
สัปดาหท์ ่ี 3-4
ช่ือวชิ า โปรแกรมกราฟิกสำหรบั ผลิตสอ่ื ดิจทิ ลั

ช่อื หน่วย หลกั สำคญั ในการออกแบบสือ่ ดิจิทัล จำนวน 8 ชว่ั โมง

สาระสำคัญ
สงิ่ ท่ีจำเปน็ สำหรบั การผลิตสือ่ ดจิ ิทลั คือ การออกแบบที่จะตอ้ งเรียนรเู้ กีย่ วกบั องคป์ ระกอบของส่อื

ดจิ ิทัล ที่จะตอ้ งนำเอาข้อความ กราฟิก ภาพเคลือ่ นไหว เสียง และวิดโี อ มาใช้ในการสร้างสรรค์สอ่ื ดิจิทัลให้
สวยงามและน่าสนใจ รวมทั้งทจี่ ะต้องเรยี นร้เู ทคนิคในการออกแบบ ท่ีเรยี กว่ากฎ 3 ส่วน และเร่ืองพน้ื ฐาน
เกี่ยวกับสี ที่จะประกอบด้วย วงจรสี ทฤษฎสี ี แม่สี และการนำสีต่าง ๆ มาใช้ในการออกแบบ

สาระการเรียนรู้
1. ความหมายของสือ่ ดิจิทัล
2. ประเภทของการออกแบบส่ือดิจิทลั
3. องคป์ ระกอบของส่ือดิจิทลั
4. เทคนิคการออกแบบภาพกราฟกิ
5. กฎ 3 สว่ น
6. ความรู้พืน้ ฐานเกย่ี วกับสี

จดุ ประสงค์การเรียนรู้
1. บอกความหมายของส่อื ดิจทิ ลั ได้
2. อธบิ ายประเภทของการออกแบบและองค์ประกอบของสอ่ื ดจิ ทิ ัลได้
3. อธิบายเทคนิคการออกแบบกราฟิกและภาพกราฟกิ ได้
4. อธบิ ายกฎ 3 สว่ นและความรู้พืน้ ฐานเกยี่ วกับสไี ด้
5. มีเจตคติและกิจนสิ ยั ที่ดใี นการปฏิบัตงิ านด้วยความรบั ผดิ ชอบ ซ่อื สัตย์ ละเอียดรอบคอบ

สมรรถนะการเรียนรู้
1. แสดงความรเู้ กี่ยวกบั หลักสำคญั ในการออกแบบสื่อดิจิทลั
2. แสดงความรู้เก่ยี วกับความรพู้ ื้นฐานเกยี่ วกับสี
3. ใช้โปรแกรมกราฟิกสำหรบั ผลติ สื่อดจิ ทิ ัลให้เหมาะสมกับงานธรุ กจิ

คณุ ธรรมและจรยิ ธรรมทีส่ อดแทรก
1. ความมีวนิ ัย
2. ความรบั ผดิ ชอบ

3. ความซ่ือสัตยส์ ุจรติ
4. ความสนใจใฝร่ ู้
5. ความรกั สามคั คี
6. ความคดิ ริเริม่ สรา้ งสรรค์

กิจกรรมการจัดการเรียนรู้
ข้นั นำเข้าส่บู ทเรยี น

1. ผสู้ อนแนะนำเนอ้ื หาการเรยี นรู้ และแนวทางการเรยี นร้ทู ุกหน่วย
2. ผู้สอนถามผู้เรยี นเร่อื ง หลักสำคญั ในการออกแบบส่ือดิจิทัล
3. ใหผ้ ้เู รียนร่วมแสดงความคิดเห็นระหวา่ งเพ่ือนและผู้สอน
ข้ันการสอน
1. ให้ผู้เรยี นศึกษารายละเอียดเรือ่ ง หลักสำคัญในการออกแบบสือ่ ดจิ ิทลั
2. ผู้สอนบรรยายเน้อื หาตามหวั ข้อสาระการเรยี นรู้ พร้อมเปดิ PowerPoint ประกอบการบรรยาย
3. ให้ผู้เรยี นร่วมแสดงความคิดเหน็
4. ให้ผเู้ รียนปฏบิ ตั ิกิจกรรมเสนอและใบงาน โดยผสู้ อนเปน็ ที่ปรกึ ษา
ข้ันสรปุ
1. ผู้สอนและผู้เรยี นรว่ มกันสรุปสาระสำคัญจากเนอ้ื หา ดังนี้
สรุปประเด็นสำคัญ
ส่ือดจิ ทิ ัล (Digital Media) หมายถงึ สื่อทมี่ ีการนำเอาขอ้ ความ กราฟกิ ภาพเคลอ่ื นไหว เสยี ง และ
วิดโี อ เปน็ ตน้ โดยอาศยั เทคโนโลยคี วามเจริญก้าวหน้าทางดา้ นคอมพวิ เตอร์ เข้ามาช่วยใหข้ ้อมลู ที่เป็นสือ่ ต่าง
ๆ เหล่านัน้ มาแปลงสภาพและเชอ่ื มโยงเขา้ ดว้ ยกันเพื่อประโยชนใ์ นการใช้งาน

ประเภทของการออกแบบสอ่ื ดิจิทัล ได้แก่

1. Communication Arts

2. Visual Communication
3. Digital Media Design
องคป์ ระกอบของสือ่ ดิจทิ ลั ประกอบไปดว้ ยพนื้ ฐาน 5 ชนดิ คอื
1. ข้อความ (Text)
2. เสยี ง (Audio)

3. ภาพนิ่ง (Still Image)
4. ภาพเคลื่อนไหว (Animation)
5. วดิ โี อ (Video)

เทคนคิ ในการออกแบบกราฟิก มีดังน้ี
1.กลุ่มเป้าหมาย (Goal)
2. สญั ลักษณ์ในการสอื่ ความหมาย (Symbols)
3. ลกั ษณะการใช้สี (Color)
4. การใช้ตวั อกั ษร (Text)
5. ลกั ษณะการจัดวางโครงร่าง (Layout)
กฎสามสว่ น (Rule of Thirds ) คือการสร้างเสน้ 4 เสน้ ขนึ้ มาตามสัดส่วนท่ีกำหนด จดุ ตัดของแต่ละ
เส้นน้นั คอื จดุ ทค่ี วรวางองค์ประกอบลงไป
สี (Color) หมายถึง ลกั ษณะกระทบต่อสายตาใหเ้ ห็นเป็นสมี ผี ลถึงจติ วทิ ยา คือมีอำนาจใหเ้ กิดความ
เข้มของแสงทีอ่ ารมณแ์ ละความรสู้ กึ ได้ การท่ไี ด้เห็นสจี ากสายตาสายตาจะส่งความรู้สกึ ไปยงั สมองทำให้เกดิ
ความรูส้ ึก ต่างๆตามอิทธพิ ลของสี

2. ใหผ้ ู้เรยี นทำแบบทดสอบหลงั เรยี น

ส่อื และแหลง่ การเรียนรู้

1. หนังสือเรียนวิชา โปรแกรมกราฟิกสำหรับผลิตส่อื ดิจทิ ลั / Graphic for Digital Media)

อาจารยศ์ ิวัช กาญจนชมุ และคณะ ( ผลิตโดย... )
2. PowerPoint

การวดั ผลและประเมนิ ผล
1. ประเมนิ จากการทดสอบ
2. การสงั เกตการปฏบิ ัตติ ามกิจกรรมท่ีไดร้ ับมอบหมาย
3. การปฏิบัติของกจิ กรรมเสนอแนะ
4. การปฏิบตั ิตามใบงาน



บันทึกหลงั การจดั การเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพิ่มเตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................



แผนการจดั การเรียนรู้ หน่วยท่ี 4
สปั ดาหท์ ่ี 5-6
ชอื่ วิชา โปรแกรมกราฟิกสำหรับผลติ สื่อดจิ ิทลั

ชอ่ื หน่วย รูปแบบของภาพ Infographic จำนวน 8 ชั่วโมง

สาระสำคญั

ปจั จบุ ันนมี้ กี ารนำเสนอในรูปแบบของภาพ Infographic เปน็ จำนวนมาก เนือ่ งจากเป็นการสรปุ
เนือ้ หาหรือขอ้ มลู ดว้ ยรปู ภาพ และขอ้ ความส้นั ๆ ทำใหเ้ ข้าใจงา่ ยโดยไม่ต้องมผี ู้นำเสนอช่วยขยายความเข้าใจ
อีก โดยการออกแบบภาพ Infographic ไดร้ ปู แบบของลายเสน้ สญั ลักษณ์ กราฟ แผนภูมิ ไดอะแกรม แผนท่ี
ฯลฯ และผอู้ อกแบบภาพ Infographic จะตอ้ งมีทกั ษะในการออกแบบพอสมควร แตท่ ้ังนี้ ก็สามารถท่ีจะดู
ตัวอย่างแลว้ นำมาประยุกตใ์ ชก้ ็ได้ โดยภาพ Infographic เหมาะสำหรบั สือ่ ดิจทิ ัลเปน็ อยา่ งยิ่ง

สาระการเรยี นรู้
1. ความหมายของภาพ Infographic
2. ประเภทของภาพ Infographic
3. รูปแบบของ Infographic
4. กระบวนการสรา้ ง Infographic
5. ขัน้ ตอนการสร้างภาพ Infographic

จดุ ประสงค์การเรียนรู้
1. บอกความหมายของภาพ Infographic ได้
2. อธบิ ายประเภทของภาพ Infographic ได้
3. อธบิ ายรปู แบบของภาพ Infographic ได้
4. อธิบายกระบวนการและข้นั ตอนการสร้างภาพ Infographic ได้
5. มเี จตคติและกิจนิสยั ที่ดีในการปฏิบัตงิ านดว้ ยความรบั ผิดชอบ ซอื่ สัตย์ ละเอียดรอบคอบ

สมรรถนะการเรียนรู้
1. แสดงความรเู้ กี่ยวกบั รปู แบบของภาพ Infographic
2. แสดงความรู้เก่ียวกบั ขัน้ ตอนการสรา้ งภาพ Infographic
3. ใช้โปรแกรมกราฟิกสำหรบั ผลติ ส่ือดจิ ิทัลให้เหมาะสมกับงานธรุ กิจ

คุณธรรมและจรยิ ธรรมที่สอดแทรก
1. ความมวี นิ ัย
2. ความรับผิดชอบ

3. ความซ่ือสัตยส์ ุจรติ

4. ความสนใจใฝ่รู้

5. ความรกั สามคั คี

6. ความคดิ ริเริ่มสรา้ งสรรค์

กจิ กรรมการจัดการเรียนรู้

ขั้นนำเข้าสู่บทเรียน

1. ผู้สอนแนะนำเนอ้ื หาการเรยี นรู้ และแนวทางการเรียนร้ทู กุ หน่วย

2. ผสู้ อนถามผ้เู รียนเรื่อง รปู แบบของภาพ Infographic

3. ใหผ้ ูเ้ รยี นร่วมแสดงความคดิ เหน็ ระหวา่ งเพอื่ นและผ้สู อน

ข้ันการสอน

1. ใหผ้ ู้เรยี นศึกษารายละเอียดเรื่อง รปู แบบของภาพ Infographic

2. ผูส้ อนบรรยายเนอื้ หาตามหัวข้อสาระการเรยี นรู้ พร้อมเปิด PowerPoint ประกอบการบรรยาย

3. ให้ผูเ้ รยี นร่วมแสดงความคดิ เห็น

4. ให้ผเู้ รียนปฏบิ ัติกิจกรรมเสนอและใบงาน โดยผสู้ อนเป็นทีป่ รกึ ษา

ขัน้ สรุป

1. ผู้สอนและผู้เรยี นรว่ มกนั สรุปสาระสำคัญจากเนอื้ หา ดงั นี้

สรุปประเด็นสำคญั

ภาพ Infographic หมายถงึ การนำข้อมลู หรือความร้มู าสรุปเปน็ สารสนเทศในลกั ษณะของขอ้ มลู และ
กราฟกิ ทอี่ าจเปน็ ลายเส้น สญั ลกั ษณ์ กราฟ แผนภมู ิ ไดอะแกรม แผนท่ี ฯลฯ ทีอ่ อกแบบเปน็ ภาพนิง่ หรอื
ภาพเคลือ่ นไหว ดูแล้วเข้าใจงา่ ยในเวลารวดเรว็ และชัดเจน

ประเภทของภาพ Infographic
1. แบบภาพนิง่ (Static Infographics)
2. แบบมีปฏิสัมพันธ์ (Interactive Infographics)
3. แบบภาพเคลื่อนไหว (Motion Graphic)
รปู แบบของภาพ Infographic
1. Visualized Article
2. Listed
3. Comparison
4. Structure
5. Timeline

6. Flow Chart
7. Road Map
8. Useful Bait
9. Number Porn
กระบวนการสรา้ งภาพ Infographic มีขั้นตอนดงั นี้
1. วเิ คราะห์ (Analysis)
2. ออกแบบ (Design)
3. ดำเนนิ การ (Implement)
4. ตรวจสอบ (Testing)
5. ประเมินผล (Evaluation)
การสร้างภาพ Infographic มี 10 ข้ันตอน ดงั นี้
1. การรวบรวมขอ้ มูล (Gathering Data)
2. การอา่ นขอ้ มลู ท้ังหมด (Reading Everything)
3. การคน้ หาวิธกี ารเลา่ เรอ่ื ง (Finding the Narrative)
4. การระบปุ ัญหาและความต้องการ (Identifying Problems)
5. การจดั ลำดับโครงสรา้ งข้อมลู (Creating a hierarchy)
6. การออกแบบโครงสรา้ งข้อมูล (Building a wireframe)
7. การเลอื กรูปแบบ Infographic (Choosing a format)
8. การกำหนดภาพให้ตรงกบั หวั ขอ้ (Determining a visual approach)
9. การตรวจสอบข้อมูลและทดลองใช้ (Refinement and testing)
10. การแบ่งปันความร้ใู นอนิ เทอรเ์ นต็ (Releasing it into the world) Infographic

2. ให้ผู้เรยี นทำแบบทดสอบหลงั เรยี น

ส่ือและแหล่งการเรยี นรู้

1. หนังสือเรยี นวชิ า โปรแกรมกราฟกิ สำหรับผลติ สอื่ ดิจิทัล / Graphic for Digital Media)

อาจารย์ศวิ ชั กาญจนชมุ และคณะ ( ผลิตโดย... )
2. PowerPoint

การวดั ผลและประเมนิ ผล
1. ประเมินจากการทดสอบ
2. การสังเกตการปฏิบัติตามกิจกรรมที่ได้รบั มอบหมาย
3. การปฏบิ ัติของกจิ กรรมเสนอแนะ
4. การปฏิบัติตามใบงาน

บันทึกหลงั การจดั การเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพิ่มเตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................

แผนการจดั การเรียนรู้ หนว่ ยท่ี 5
สัปดาห์ที่ 7-9
ชอื่ วิชา โปรแกรมกราฟกิ สำหรบั ผลติ ส่ือดิจิทัล

ช่ือหน่วย การสรา้ งภาพ Infographic ดว้ ยโปรแกรม Microsoft จำนวน 12
ชวั่ โมง
PowerPoint

สาระสำคญั
การเรมิ่ ต้นสร้างภาพ Infographic ควรทจ่ี ะเริ่มตน้ ดว้ ยการดตู ัวอย่างรูปแบบภาพ Infographic จาก

สอื่ ตา่ ง ๆ เพือ่ เปน็ แนวทางในการสร้างสรรค์สอื่ ดิจทิ ัล เม่ือไดแ้ นวคิดแล้ว กน็ ำมาประยกุ ต์ปรับปรุงและพัฒนา
เป็นรูปแบบของตนเอง และวิธที จี่ ะนำความคิดหรอื แนวทางมาสรา้ ง ควรเรมิ่ ตน้ ทกี่ ารใช้โปรแกรมท่ีง่ายที่สุด
กอ่ น คือโปรแกรม Microsoft PowerPoint แล้วจงึ พฒั นารูปแบบและโปรแกรมให้หลากหลายมากยง่ิ ข้ึน

สาระการเรียนรู้
1. การสรา้ งภาพ Infographic ดว้ ยโปรแกรม Microsoft PowerPoint
2. การออกแบบโครงร่าง
3. การกำหนดขนาดของสไลด์ (Slide)
4. การเลอื กรปู แบบของสไลด์
5. การวาดรปู ร่าง (Shape)
6. การกำหนดเสน้ ขอบของรูปร่าง
7. การสรา้ งหัวข้อ
8. การสรา้ งรูปรา่ งประกอบหัวขอ้
9. การสร้างคำอธบิ ายหัวข้อ
10. การคัดลอกรูปแบบ
11. การกำหนดสพี นื้ หลัง (Background)
12. การบนั ทึก

จดุ ประสงค์การเรยี นรู้
1. อธิบายการสร้างภาพ Infographic ดว้ ยโปรแกรม Microsoft PowerPoint ได้
2. อธิบายการออกแบบโครงรา่ งและเลือกรูปแบบของสไลด์ได้
3. อธบิ ายการวาดและกำหนดรูปร่างได้
4. อธบิ ายการกำหนพนื้ หลงั ได้
5. มเี จตคติและกจิ นสิ ัยที่ดใี นการปฏิบัตงิ านดว้ ยความรบั ผดิ ชอบ ซอื่ สัตย์ ละเอียดรอบคอบ

สมรรถนะการเรยี นรู้

1. แสดงความรเู้ ก่ียวกบั การสร้างภาพ Infographic ดว้ ยโปรแกรม Microsoft PowerPoint
2. แสดงความรู้เกย่ี วกับการออกแบบโครงร่างและการวาดรปู รา่ ง
3. ใชโ้ ปรแกรมกราฟกิ สำหรับผลติ สอ่ื ดิจิทัลให้เหมาะสมกบั งานธุรกิจ

คณุ ธรรมและจริยธรรมทส่ี อดแทรก
1. ความมีวินัย
2. ความรบั ผดิ ชอบ
3. ความซื่อสัตยส์ ุจรติ
4. ความสนใจใฝร่ ู้
5. ความรกั สามัคคี
6. ความคิดริเร่มิ สร้างสรรค์

กจิ กรรมการจัดการเรียนรู้
ข้ันนำเข้าสู่บทเรยี น

1. ผ้สู อนแนะนำเน้อื หาการเรียนรู้ และแนวทางการเรยี นรูท้ กุ หน่วย
2. ผสู้ อนถามผเู้ รยี นเร่อื ง การสร้างภาพ Infographic ด้วยโปรแกรม Microsoft PowerPoint
3. ให้ผ้เู รยี นรว่ มแสดงความคิดเห็นระหวา่ งเพือ่ นและผสู้ อน
ขั้นการสอน
1. ใหผ้ ู้เรียนศึกษารายละเอยี ดเรอื่ ง การสรา้ งภาพ Infographic ดว้ ยโปรแกรม Microsoft
PowerPoint
2. ผสู้ อนบรรยายเนือ้ หาตามหวั ข้อสาระการเรียนรู้ พรอ้ มเปิด PowerPoint ประกอบการบรรยาย
3. ใหผ้ เู้ รยี นรว่ มแสดงความคิดเห็น
4. ให้ผเู้ รียนปฏบิ ัติกจิ กรรมเสนอและใบงาน โดยผู้สอนเป็นท่ีปรกึ ษา
ข้นั สรุป
1. ผูส้ อนและผู้เรียนรว่ มกันสรุปสาระสำคญั จากเนื้อหา ดงั นี้

สาระสำคัญประจำหน่วย

การเตรยี มการในเร่ืองต่าง ๆ กอ่ น ดงั นี้
1. เปา้ หมายและผ้อู า่ น
2. การจัดการเนือ้ หา

3. รา่ งและจดั การโครงร่าง (Layout)
4. การจัดการเรื่องออกแบบ (Design)

ก่อนการสรา้ งภาพ Infographic ดว้ ยโปรแกรม Microsoft PowerPoint ควรมีการออกแบบโครงรา่ ง
กอ่ น ดงั น้ี

1. ออกแบบโครงร่างในกระดาษ
2. กำหนดข้อความท่ตี ้องการครา่ ว ๆ
2. ใหผ้ ู้เรยี นทำแบบทดสอบหลงั เรยี น

สือ่ และแหล่งการเรียนรู้

1. หนงั สือเรียนวิชา โปรแกรมกราฟิกสำหรับผลติ สือ่ ดิจทิ ลั / Graphic for Digital Media)

อาจารย์ศิวัช กาญจนชุมและคณะ ( ผลติ โดย... )
2. PowerPoint

การวัดผลและประเมนิ ผล
1. ประเมนิ จากการทดสอบ
2. การสงั เกตการปฏบิ ัตติ ามกิจกรรมทไ่ี ดร้ บั มอบหมาย
3. การปฏบิ ตั ิของกิจกรรมเสนอแนะ
4. การปฏบิ ตั ิตามใบงาน

บันทึกหลงั การจัดการเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพมิ่ เตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแก้ไข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................

แผนการจดั การเรียนรู้ หน่วยที่ 6
สัปดาห์ที่ 10-12
ชอ่ื วชิ า โปรแกรมกราฟิกสำหรับผลิตสอ่ื ดิจิทัล

ช่อื หนว่ ย การผลติ สอ่ื ดจิ ิทัลดว้ ยโปรแกรม Adobe Photoshop จำนวน 12
ชวั่ โมง

สาระสำคัญ
โปรแกรม Adobe Photoshop เปน็ โปรแกรมท่ใี ช้ในการตกแต่งรูปภาพ รวมทั้งการจัดทำแบนเนอร์

ป้ายโฆษณาประชาสัมพนั ธ์ สิ่งสิง่ พิมพ์ สง่ิ ดจิ ิทลั ต่าง ๆ มากมาย เพราะเป็นโปรแกรมทีม่ เี ครือ่ งมอื ท่ีใช้ในการ
จดั การเกย่ี วกบั การสรา้ งภาพกราฟกิ อย่างมากมาย และสามารถใช้เคร่ืองมือได้อยา่ งง่าย ผูใ้ ช้หรือผู้พัฒนาการ
ใชโ้ ปรแกรมแกรมกราฟิกเพื่อผลิตส่อื ดจิ ิทัล จงึ นิยมใช้โปรแกรม Adobe Photoshop เปน็ สว่ นใหญ่

สาระการเรียนรู้
1. ความหมายของแบนเนอร์
2. ประโยชน์ของการทำแบนเนอร์บนสอื่ ดิจทิ ัล
3. ประโยชนข์ องการทำแบนเนอร์บนสอ่ื ดิจทิ ลั
4. เทคนิคการออกแบบแบนเนอร์
5. การออกแบบแบนเนอรท์ ่ีใช้บนส่อื ดิจิทลั
6. การกำหนดพ้ืนที่
7. การสร้างพน้ื หลงั
8. การสร้างสว่ นประกอบของแบนเนอร์
9. การบนั ทกึ งานแบนเนอร์
10. การแสดงผลทางส่อื ดิจิทัล

จดุ ประสงค์การเรียนรู้
1. บอกความหมายของแบนเนอร์ได้
2. อธบิ ายการออกแบบและการกำหนดพ้ืนที่ในการผลติ สอ่ื ได้
3. อธิบายการสร้างพื้นหลงั และการสรา้ งสว่ นประกอบของแบนเนอร์
4. อธบิ ายการบันทึกงานแบนเนอร์
5. มีเจตคติและกิจนสิ ัยท่ีดใี นการปฏบิ ัติงานด้วยความรบั ผิดชอบ ซื่อสัตย์ ละเอยี ดรอบคอบ

สมรรถนะการเรยี นรู้
1. แสดงความรเู้ กย่ี วกบั การผลิตสอ่ื ดิจทิ ัลแบนเนอรด์ ว้ ยโปรแกรม Adobe Photoshop
2. แสดงความรู้เกย่ี วกบั การสร้างพ้นื หลงั และการสร้างส่วนประกอบของแบนเนอร์
3. ใชโ้ ปรแกรมกราฟกิ สำหรบั ผลิตสอ่ื ดิจิทัลให้เหมาะสมกับงานธรุ กิจ



คณุ ธรรมและจริยธรรมท่สี อดแทรก
1. ความมีวนิ ัย
2. ความรับผิดชอบ
3. ความซอ่ื สัตย์สุจรติ
4. ความสนใจใฝร่ ู้
5. ความรักสามคั คี
6. ความคิดริเร่มิ สร้างสรรค์

กิจกรรมการจดั การเรียนรู้
ขัน้ นำเข้าสูบ่ ทเรยี น

1. ผ้สู อนแนะนำเนอื้ หาการเรียนรู้ และแนวทางการเรียนรทู้ กุ หน่วย
2. ผู้สอนถามผู้เรยี นเรื่อง การผลิตสือ่ ดจิ ิทลั ดว้ ยโปรแกรม Adobe Photoshop
3. ใหผ้ ู้เรยี นร่วมแสดงความคิดเห็นระหวา่ งเพ่ือนและผ้สู อน
ขัน้ การสอน
1. ใหผ้ ู้เรยี นศึกษารายละเอียดเรื่อง การผลิตสอ่ื ดจิ ิทลั ดว้ ยโปรแกรม Adobe Photoshop
2. ผู้สอนบรรยายเนอ้ื หาตามหัวข้อสาระการเรียนรู้ พรอ้ มเปิด PowerPoint ประกอบการบรรยาย
3. ให้ผู้เรยี นรว่ มแสดงความคดิ เห็น
4. ให้ผ้เู รยี นปฏิบตั กิ ิจกรรมเสนอและใบงาน โดยผู้สอนเป็นท่ีปรกึ ษา
ขัน้ สรปุ
1. ผูส้ อนและผู้เรยี นร่วมกันสรปุ สาระสำคญั จากเนื้อหา ดงั น้ี

สาระสำคัญประจำหน่วย

แบนเนอร์ (Banner) คอื การประชาสัมพนั ธ์หรอื โฆษณาบนเว็บไซต์อกี หน่ึงรูปแบบหนึง่ ท่เี ปน็ ทนี่ ิยม
กันอย่างมาก ซ่ึงทำกันได้งา่ ย ๆโดยวางภาพแบนเนอร์ (Banner) โฆษณาลงไปบนหน้าเว็บไซต์แลว้ ทำการลงิ ก์
กลับไปยงั เว็บทีไ่ ด้ทำการโฆษณาเป็นวธิ ีท่ที ำไดง้ ่ายและประหยัดต้นทนุ เป็นอย่างดี

การทำแบนเนอรบ์ นสอื่ ดิจิทัล มีประโยชนด์ งั น้ี

1. สามารถดงึ ดูดความสนใจจากผู้ทเี่ ข้าเย่ียมชมเว็บไซตไ์ ดเ้ ปน็ อย่างดี

2. ช่วยในเรือ่ งของการประชาสมั พันธห์ นว่ ยงานหรือสินค้า

3. สร้างสถิตกิ ารเข้าชมหน้าเว็บไซต์
4. เขา้ ถึงกลมุ่ เป้าหมายไดง้ า่ ย
5. ประหยัดงบประมาณ
เทคนคิ การออกแบบแบนเนอร์ทด่ี ีน้นั ควรคำนงึ ถึงรปู แบบและสีสันใหก้ ลมกลนื กับเว็บไซต์ของเรา ไม่
ควรออกแบบใหม้ รี ูปแบบที่โดดเด่นมากเกินไป จนทำใหข้ ัดแยง้ กบั ธีมของเว็บไซต์หลกั นอกจากน้เี น้ือหาท่ใี ช้
แสดงบนแบนเนอรไ์ ม่ควรมากเกินไป ควรใหค้ วามสำคัญกบั ภาพรวมของแบนเนอร์ที่สามารถสรา้ งแรงดงึ ดูดให้
ผู้ชมเวบ็ ไซตห์ นั มามองให้มากที่สดุ
ท้งั นี้ การทำแบนเนอร์ควรหลกี เลียงสง่ิ ต่อไปนี้ คือ
1. มีข้อความท่ีมากจนเกินไป
2. มีข้อความท่ีคลุมเครอื
3. สขี องแบนเนอร์

2. ใหผ้ ู้เรียนทำแบบทดสอบหลังเรยี น

ส่ือและแหลง่ การเรียนรู้

1. หนงั สือเรียนวชิ า โปรแกรมกราฟิกสำหรับผลิตส่ือดิจิทัล / Graphic for Digital Media)

อาจารย์ศิวัช กาญจนชุมและคณะ ( ผลิตโดย... )
2. PowerPoint

การวัดผลและประเมนิ ผล
1. ประเมินจากการทดสอบ
2. การสังเกตการปฏิบัติตามกิจกรรมทีไ่ ด้รบั มอบหมาย
3. การปฏบิ ัติของกิจกรรมเสนอแนะ
4. การปฏบิ ัติตามใบงาน



บันทึกหลงั การจดั การเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพิ่มเตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................



แผนการจัดการเรียนรู้ หนว่ ยที่ 7
สปั ดาห์ที่ 13-15
ชอื่ วชิ า โปรแกรมกราฟกิ สำหรับผลติ สื่อดิจิทลั

ชือ่ หน่วย การผลติ ส่อื ดจิ ทิ ลั ปา้ ยโฆษณาด้วยโปรแกรม Adobe จำนวน 12
ชัว่ โมง
Photoshop

สาระสำคัญ
ผ้ทู ท่ี ำหน้าท่ีเกย่ี วกบั การทำสอ่ื ประชาสมั พนั ธต์ า่ ง ๆ หรือแม้กระทง่ั ร้านถ่ายรปู จะตอ้ งมคี วามรู้

เกี่ยวกับการตกแตง่ ภาพเปน็ อยา่ งดี ไม่วา่ จะเปน็ การปรับความสว่างของภาพ การตัดต่อภาพ การนำภาพไปใช้
กับส่ือต่าง ๆ ได้อย่างเหมาะสม ทงั้ นี้ ก็ตอ้ งเป็นผู้ท่มี ีคณุ ธรรมจริยธรรม ไม่ใช้ความรใู้ นการนำภาพหรือสรา้ ง
ภาพไปเผยแพร่อย่างไมเ่ หมาะสม

สาระการเรียนรู้
1. การปรบั ความสวา่ งใหก้ ับภาพ
2. การปรบั ขนาดของภาพ
3. การตัดเฉพาะบางส่วนของภาพ
4. การเปล่ยี นฉากหลังของภาพ
5. การลบจุดตำหนบิ นภาพ ด้วย Stam Tool
6. การลบจุดตำหนบิ างจดุ บนภาพถา่ ยด้วย Spot Healing Brush Tool
7. การลบตาแดงดว้ ย Red Eye Tool

จุดประสงค์การเรียนรู้
1. อธบิ ายการปรับความสวา่ งและขนาดของรูปภาพได้
2. อธบิ ายการตัดเฉพาะบางสว่ นได้
3. อธบิ ายการเปลย่ี นฉากหลงั ของภาพได้
4. อธบิ ายการลบจดุ ตำหนิของภาพและลบตาแดงได้
5. มีเจตคติและกิจนิสยั ท่ีดใี นการปฏบิ ัติงานคอมพิวเตอร์ดว้ ยความละเอียดรอบคอบ และถูกตอ้ ง

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

คณุ ธรรมและจริยธรรมท่ีสอดแทรก

1. ความมวี นิ ยั
2. ความรับผดิ ชอบ
3. ความซอ่ื สัตยส์ ุจริต
4. ความสนใจใฝร่ ู้
5. ความรกั สามคั คี
6. ความคดิ ริเริม่ สร้างสรรค์

กิจกรรมการจัดการเรียนรู้
ขั้นนำเขา้ สบู่ ทเรียน

1. ผ้สู อนแนะนำเน้อื หาการเรียนรู้ และแนวทางการเรียนร้ทู ุกหนว่ ย
2. ผสู้ อนถามผูเ้ รียนเร่อื ง การผลติ สือ่ ดิจิทลั ป้ายโฆษณาดว้ ยโปรแกรม Adobe Photoshop
3. ใหผ้ เู้ รยี นร่วมแสดงความคิดเห็นระหว่างเพอื่ นและผู้สอน
ขั้นการสอน
1. ให้ผเู้ รยี นศกึ ษารายละเอยี ดเรอ่ื ง การผลิตส่ือดจิ ิทลั ป้ายโฆษณาด้วยโปรแกรม Adobe
Photoshop
2. ผู้สอนบรรยายเนือ้ หาตามหัวขอ้ สาระการเรียนรู้ พร้อมเปิด PowerPoint ประกอบการบรรยาย
3. ให้ผเู้ รียนร่วมแสดงความคิดเหน็
4. ให้ผู้เรียนปฏบิ ตั ิกิจกรรมเสนอและใบงาน โดยผสู้ อนเป็นท่ปี รกึ ษา
ขัน้ สรปุ
1. ผู้สอนและผเู้ รียนรว่ มกันสรุปสาระสำคัญจากเน้ือหา ดังน้ี
สรปุ ประเด็นสำคัญ

การทำภาพสำหรบั การโฆษณาบนส่อื ดิจิทัลทีน่ า่ สนใจ ควรมีองคป์ ระกอบดังนี้
1. Size Does Matter
2. Color does matter
3. Compact Text
รปู แบบการใช้โฆษณาบนสอ่ื ดิจทิ ัล ถกู แบง่ เป็น 5 รูปแบบ ดงั นี้
1. Single image คือ โฆษณาด้วยรูปเดียว
2 Single video คอื โฆษณาดว้ ยวดิ ิโอ
3. Carousel คือ โฆษณาดว้ ยชดุ รปู ภาพ 2-10 ภาพ

4. Slideshow คอื โฆษณาด้วยภาพชดุ แบบฉายวนลูป
5. Collection คอื รวมภาพและวิดโี อหลายชนิ้ ในโฆษณาแบบเต็มจอ รองรบั แบบอนิ เทอรแ์ อคทีฟ
ดว้ ย

2. ให้ผู้เรยี นทำแบบทดสอบหลงั เรยี น

ส่ือและแหลง่ การเรยี นรู้

1. หนงั สือเรียนวิชา โปรแกรมกราฟกิ สำหรับผลติ สอื่ ดิจทิ ัล / Graphic for Digital Media)

อาจารยศ์ วิ ัช กาญจนชมุ และคณะ ( ผลิตโดย... )
2. PowerPoint

การวัดผลและประเมินผล
1. ประเมนิ จากการทดสอบ
2. การสงั เกตการปฏิบัติตามกิจกรรมทไ่ี ดร้ ับมอบหมาย
3. การปฏบิ ตั ิของกิจกรรมเสนอแนะ
4. การปฏิบัติตามใบงาน

บันทึกหลงั การจัดการเรียนรู้

ผลการใชแ้ ผนการจัดการเรยี นรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เนือ้ ทไี่ ดส้ อดแทรกเพมิ่ เตมิ
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กิดข้นึ ระหว่างการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ขอ้ เสนอแนะและแนวทางการแก้ไข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................

แผนการจดั การเรียนรู้ หน่วยท่ี 8
สปั ดาหท์ ่ี 16-18
ช่ือวิชา โปรแกรมกราฟิกสำหรบั ผลติ สอ่ื ดิจิทลั

ช่อื หนว่ ย การผลติ ส่ือดจิ ทิ ลั ด้วย Canva จำนวน 12
ชวั่ โมง

สาระสำคญั
สำหรบั ชีวติ ในวัยการศกึ ษา และวยั ทำงานตอ้ งปฏบิ ตั ิงานท่ีเก่ียวขอ้ งกบั การนำเสนอผลงานเกือบ

ตลอดเวลา ทัง้ ในสถานศกึ ษาหรอื สถานประกอบการ โดยการนำเสนองานมโี ปรแกรม Microsoft
PowerPoint หรอื เวบ็ ไซต์ท่ีสวย สะดุดตา นา่ ดงึ ดูดใหผ้ ู้ชม ผู้ฟงั สนใจงานตลอดการนำเสนองาน กเ็ ป็นการ
นำเสนอทม่ี ีประสิทธภิ าพ ดงั นัน้ การประยุกต์ใชอ้ ินเทอรเ์ น็ตเพือ่ งานธรุ กจิ ในด้านการออกแบบให้สวยงาม
น่าสนใจ กจ็ ะประกอบดว้ ยการออกแบบรูปแบบการทำผลงาน การใชร้ ูปภาพ และการใช้ตัวอกั ษรประกอบ ซง่ึ
เว็บไซต์ Canva จะเป็นเวบ็ ไซต์ทอ่ี อกแบบงานท่ีจะทำใหง้ านนำเสนอมีความโดดเด่นมากย่ิงข้ึน

สาระการเรียนรู้
1. การใช้ Canva ในการออกแบบ
2. รปู แบบของ Canva
3. การเข้าใช้งาน Canva
4. ขัน้ ตอนการออกแบบ
5. การใสร่ ูปภาพ
6. การพมิ พข์ อ้ ความ
7. การพิมพ์ขอ้ ความเพิ่มเติม
8. การใช้องค์ประกอบ
9. การใสภ่ าพการ์ตูน
10. การเปลย่ี นช่ือ
11. การนำผลงานไปใช้
12. การเปล่ยี นภาษา
13. การออกจากเว็บไซต์

จดุ ประสงค์การเรยี นรู้
1. อธิบายการใช้ Canva ในการออกแบบได้
2. อธบิ ายขั้นตอนการออกแบบดว้ ย Canva ได้
3. อธิบายการนำผลงานไปใชไ้ ด้
4. มเี จตคตแิ ละกจิ นสิ ยั ทีด่ ใี นการปฏิบัตงิ านด้วยความรับผดิ ชอบ ซอ่ื สัตย์ ละเอียดรอบคอบ

สมรรถนะการเรียนรู้
1. แสดงความรู้เกีย่ วกบั การใช้ Canva ในการออกแบบ
2. แสดงความรเู้ กีย่ วกบั การนำผลงานไปใช้
3. ใช้โปรแกรมกราฟิกสำหรบั ผลิตส่ือดิจิทัลให้เหมาะสมกบั งานธรุ กิจ

คุณธรรมและจรยิ ธรรมท่สี อดแทรก
1. ความมีวนิ ัย
2. ความรับผดิ ชอบ
3. ความซ่อื สัตยส์ ุจริต
4. ความสนใจใฝ่รู้
5. ความรกั สามัคคี
6. ความคดิ ริเร่มิ สร้างสรรค์

กจิ กรรมการจัดการเรียนรู้
ขั้นนำเข้าสบู่ ทเรยี น

1. ผูส้ อนแนะนำเน้ือหาการเรยี นรู้ และแนวทางการเรยี นรู้ทกุ หน่วย
2. ผสู้ อนถามผเู้ รยี นเรอ่ื ง การผลติ สื่อดิจิทัลด้วย Canva
3. ให้ผูเ้ รียนร่วมแสดงความคดิ เห็นระหว่างเพอ่ื นและผสู้ อน
ข้นั การสอน
1. ใหผ้ ู้เรยี นศกึ ษารายละเอียดเร่ือง การผลิตส่ือดจิ ิทัลด้วย Canva
2. ผู้สอนบรรยายเนอื้ หาตามหัวขอ้ สาระการเรยี นรู้ พรอ้ มเปิด PowerPoint ประกอบการ
บรรยาย
3. ใหผ้ ู้เรยี นรว่ มแสดงความคดิ เห็น
4. ใหผ้ ู้เรยี นปฏบิ ตั กิ ิจกรรมเสนอและใบงาน โดยผสู้ อนเปน็ ทป่ี รึกษา
ข้นั สรปุ
1. ผู้สอนและผ้เู รียนรว่ มกนั สรปุ สาระสำคัญจากเนอ้ื หา ดงั น้ี
สรปุ ประเด็นสำคัญ
Canva เป็นโปรแกรมสำเรจ็ รูปท่ีอย่ใู นรปู แบบของเวบ็ ไซต์ ท่จี ะช่วยผ้ใู ช้ในเรือ่ งของการออกแบบ
(Design) งานตา่ ง ๆ ทีไ่ ม่ใช่การนำเสนอ (Presentation) อย่างเดยี ว แต่จะชว่ ยเหลอื ทกุ งาน Artwork เท่าท่ี
จะเปน็ ไปได้ ผู้ใชง้ านไม่จำเปน็ จะตอ้ งมีความร้ศู ิลปะก็สามารถใช้ Canva ได้ การออกแบบ (Design) ด้วย

Canva จะมรี ูปแบบทง้ั หมดเปน็ ภาษาองั กฤษและภาษาไทย เพอื่ สะดวกในการออกแบบในงานธุรกิจได้เปน็
อย่างดี

Canva มรี ปู แบบของการออกแบบต่าง ๆ โดยแบ่งเปน็ หมวดหมดู่ งั นี้
1. โซเซยี ลมีเดยี (Social Media)
2. ส่วนตวั (Personality)
3. ธรุ กิจ (Business)
4. ฝา่ ยการตลาด (Marketing)
5. การศกึ ษา (Education)

2. ให้ผู้เรยี นทำแบบทดสอบหลังเรียน

สอ่ื และแหล่งการเรียนรู้

1. หนังสอื เรยี นวชิ า โปรแกรมกราฟิกสำหรบั ผลติ สือ่ ดิจทิ ลั / Graphic for Digital Media)

อาจารย์ศวิ ัช กาญจนชุมและคณะ ( ผลติ โดย... )
2. PowerPoint

การวดั ผลและประเมนิ ผล
1. ประเมินจากการทดสอบ
2. การสังเกตการปฏิบัติตามกิจกรรมท่ีไดร้ ับมอบหมาย
3. การปฏิบัติของกิจกรรมเสนอแนะ
4. การปฏบิ ตั ิตามใบงาน

บนั ทึกหลังการจัดการเรียนรู้

ผลการใช้แผนการจัดการเรียนรู้
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
เน้ือทไี่ ด้สอดแทรกเพม่ิ เติม
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ปญั หาทีเ่ กดิ ขึ้นระหวา่ งการบรรยาย
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
ข้อเสนอแนะและแนวทางการแกไ้ ข
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................