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

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

ห น่ ว ย ที่ 6 การผลติ ส่ือดิจิทลั ดว้ ยโปรแกรม Adobe Photoshop ห น้ า | 2 จดุ ประสงค์การเรยี นรู้ 1. อธบิ ายการสรา้ งภาพ Infographic ดว้ ยโปรแกรม Microsoft PowerPoint 2. อธบิ ายการออกแบบโครงรา่ ง 3. อธิบายการกำหนดขนาดของสไลด์ (Slide) 4. อธิบายการเลอื กรูปแบบของสไลด์ 5. อธบิ ายการวาดรปู รา่ ง (Shape) 6. อธบิ ายการกำหนดเส้นขอบของรูปรา่ ง สมรรถนะประจำหนว่ ย 1. แสดงความร้เู กยี่ วกับการสร้างภาพดว้ ยโปรแกรม Microsoft PowerPoint การสร้างภาพ Infographic ด้วยโปรแกรม แผนผงั ความคิด - 1. การสร้างภาพ Infographic ด้วยโปรแกรม Microsoft PowerPoint (Mind Mapping) - 2. การออกแบบโครงร่าง - 3. การกำหนดขนาดของสไลด์ (Slide) - 4. การเลือกรปู แบบของสไลด์ - 5. การวาดรปู รา่ ง (Shape) - 6. การกำหนดเสน้ ขอบของรูปร่าง

ห น่ ว ย ท่ี 6 การผลติ สอ่ื ดิจิทัลด้วยโปรแกรม Adobe Photoshop ห น้ า | 3 แบบทดสอบ ก่อนเรียน/หลังเรียน หน่วยท่ี 6 การผลติ ส่ือดิจทิ ลั ดว้ ยโปรแกรม Adobe Photoshop ตอนท่ี 1 จงทำเครอื่ งหมายกากบาท (X) ลงหน้าข้อทถี่ ูกต้องทีส่ ดุ 1. การตดิ แบนเนอรบ์ นสอื่ ดิจิทลั นิยมติดในสว่ นใด ก. ด้านบน ข. ด้านล่าง ค. ตรงกลาง ง. ดา้ นขา้ งซา้ ย จ. ด้านข้างขวา 2. ข้อใดหมายถงึ การติดตอ่ ก. Public ข. Relation ค. Contact ง. Community จ. Activity 3. การสร้างแบนเนอร์ให้พอดีกบั Smart Phone ควรมีขนาดความกวา้ งเทา่ ไร ก. 820 px ข. 312 px ค. 450 px ง. 560 px จ. 660 px 4. ถ้าตอ้ งการใหแ้ บนเนอรม์ ีความกว้างเต็มพ้ืนท่ขี อง Facebook ควรจะกำหนดประมาณเทา่ ไร ก. 812 px ข. 860 px ค. 900 px ง. 960 px จ. 1200 px 5. Create New หมายถึงข้อใด ก. การสร้างงานใหม่ ข. การเปดิ งานเดมิ ค. การบนั ทึก ง. การลบ จ. การยา้ ย 6. Resolution ควรกำหนดค่าทเ่ี ทา่ ไร ก. 25 Pixels/Inch ข. 45 Pixels/Inch ค. 55 Pixels/Inch ง. 72 Pixels/Inch จ. 102 Pixels/Inch 7. ควรกำหนดสีในการทำแบนเนอร์เป็นแบบใด ก. RGB ข. RYB ค. CMYK ง. PSD จ. GIF

ห น่ ว ย ท่ี 6 การผลติ สื่อดจิ ิทัลดว้ ยโปรแกรม Adobe Photoshop ห น้ า | 4 8. หมายถงึ เครื่องมอื ใด ก. Selection Tool ข. Move Tool ค. Rectangle Tool ง. Type Tool จ. Pen Tool 9. แปน้ ลัดใดที่ใช้แทนคำส่ัง Transform ก. Ctrl + D ข. Ctrl + A ค. Ctrl + S ง. Ctrl + V จ. Ctrl + T 10. หมายถึงเครื่องมอื ใด ก. Selection Tool ข. Move Tool ค. Rectangle Tool ง. Type Tool จ. Pen Tool

ห น่ ว ย ที่ 6 การผลิตสื่อดิจิทลั ดว้ ยโปรแกรม Adobe Photoshop ห น้ า | 5 1. การสรา้ งภาพ Infographic ด้วยโปรแกรม Microsoft PowerPoint หน่วยท่ี 6 การผลติ สอื่ ดิจิทัลด้วยโปรแกรม Adobe Photoshop 1. ผู้สอนและผูเ้ รียนร่วมกันสรุปสาระสำคญั จากเนือ้ หา ดงั นี้ สาระสำคญั ประจำหน่วย แบนเนอร์ (Banner) คอื การประชาสมั พนั ธห์ รอื โฆษณาบนเวบ็ ไซตอ์ ีกหน่ึงรปู แบบหนง่ึ ที่เป็นท่ีนิยมกนั อย่าง มาก ซึ่งทำกันไดง้ ่าย ๆโดยวางภาพแบนเนอร์ (Banner) โฆษณาลงไปบนหนา้ เวบ็ ไซตแ์ ลว้ ทำการลิงกก์ ลบั ไปยังเว็บท่ไี ด้ ทำการโฆษณาเป็นวิธที ี่ทำไดง้ า่ ยและประหยดั ต้นทุนเปน็ อยา่ งดี การทำแบนเนอร์บนส่อื ดจิ ิทัล มปี ระโยชนด์ ังนี้ 1. สามารถดึงดูดความสนใจจากผู้ท่ีเขา้ เยย่ี มชมเวบ็ ไซตไ์ ด้เป็นอยา่ งดี 2. ช่วยในเรอ่ื งของการประชาสัมพนั ธ์หนว่ ยงานหรอื สินค้า 3. สร้างสถิตกิ ารเข้าชมหนา้ เวบ็ ไซต์ 4. เขา้ ถงึ กลุม่ เปา้ หมายได้งา่ ย 5. ประหยดั งบประมาณ เทคนคิ การออกแบบแบนเนอรท์ ีด่ ีน้ันควรคำนึงถงึ รูปแบบและสีสนั ให้กลมกลนื กบั เว็บไซต์ของเรา ไมค่ วร ออกแบบใหม้ รี ปู แบบท่โี ดดเดน่ มากเกินไป จนทำใหข้ ัดแยง้ กับธมี ของเวบ็ ไซตห์ ลกั นอกจากน้ีเนื้อหาที่ใช้แสดงบนแบน เนอร์ไมค่ วรมากเกนิ ไป ควรให้ความสำคญั กับภาพรวมของแบนเนอรท์ ี่สามารถสร้างแรงดึงดูดให้ผู้ชมเวบ็ ไซตห์ ันมามอง ให้มากท่ีสุด ท้งั น้ี การทำแบนเนอร์ควรหลกี เลียงสิ่งตอ่ ไปน้ี คือ 1. มีขอ้ ความทีม่ ากจนเกนิ ไป 2. มขี อ้ ความทค่ี ลมุ เครอื 1. สขี องแบนเนอร์ ภาคปฎบิ ตั ิ

ห น่ ว ย ท่ี 6 การผลติ ส่ือดิจิทัลดว้ ยโปรแกรม Adobe Photoshop ห น้ า | 6 ใบงานที่ 6 การผลิตสอื่ ดจิ ทิ ลั ดว้ ยโปรแกรม Adobe Photoshop ตอนท่ี 1 จงตอบคำถามตอ่ ไปน้ใี ห้ได้ใจความสมบูรณ์ 1. แบนเนอร์ (Banner) คอื ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 2. จดุ ประสงค์หลักของการทำโฆษณาด้วยแบนเนอร์ คือ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 3. การทำแบนเนอรบ์ นสอ่ื ดิจิทัล มีประโยชน์ดงั นี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 4. เทคนคิ การออกแบบแบนเนอร์ คอื ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 5. การทำแบนเนอร์ควรหลกี เลยี งสิ่งตอ่ ไปนี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 6. การกำหนดพนื้ ที่ในการผลิตสอ่ื แบนเนอร์ มวี ิธปี ฏิบัติดงั นี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 7. การสรา้ งพนื้ หลัง ใหเ้ ปน็ เสน้ โค้งแบบ Flag มวี ธิ ปี ฏิบัตดิ ังน้ี ............................................................................................................................................................................................ ............................................................................................................................................................................................

ห น่ ว ย ที่ 6 การผลิตส่ือดิจิทัลด้วยโปรแกรม Adobe Photoshop ห น้ า | 7 ............................................................................................................................................................................................ ............................................................................................................................................................................................ 8. การใช้รปู ภาพเปน็ พน้ื หลัง มีวิธีปฏิบัติดงั นี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 9. การบนั ทึกงานเพ่ือนำไปแกไ้ ขหรือพฒั นาตอ่ มีวิธปี ฏบิ ัติดงั นี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ 10. การบนั ทึกงานเพอ่ื นำไปใช้งาน มวี ธิ ปี ฏิบตั ดิ ังนี้ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................ ............................................................................................................................................................................................

ห น่ ว ย ท่ี 6 การผลติ สอ่ื ดิจิทัลด้วยโปรแกรม Adobe Photoshop ห น้ า | 8 แบบทดสอบ ก่อนเรียน/หลังเรียน หน่วยท่ี 6 การผลติ ส่ือดิจทิ ลั ดว้ ยโปรแกรม Adobe Photoshop ตอนท่ี 1 จงทำเครอื่ งหมายกากบาท (X) ลงหน้าข้อทถี่ ูกต้องทีส่ ดุ 1. การตดิ แบนเนอรบ์ นสอื่ ดิจิทลั นิยมติดในสว่ นใด ก. ด้านบน ข. ด้านล่าง ค. ตรงกลาง ง. ดา้ นขา้ งซา้ ย จ. ด้านข้างขวา 2. ข้อใดหมายถงึ การติดตอ่ ก. Public ข. Relation ค. Contact ง. Community จ. Activity 3. การสร้างแบนเนอร์ให้พอดีกบั Smart Phone ควรมีขนาดความกวา้ งเทา่ ไร ก. 820 px ข. 312 px ค. 450 px ง. 560 px จ. 660 px 4. ถ้าตอ้ งการใหแ้ บนเนอรม์ ีความกว้างเต็มพ้ืนท่ขี อง Facebook ควรจะกำหนดประมาณเทา่ ไร ก. 812 px ข. 860 px ค. 900 px ง. 960 px จ. 1200 px 5. Create New หมายถึงข้อใด ก. การสร้างงานใหม่ ข. การเปดิ งานเดมิ ค. การบนั ทึก ง. การลบ จ. การยา้ ย 6. Resolution ควรกำหนดค่าทเ่ี ทา่ ไร ก. 25 Pixels/Inch ข. 45 Pixels/Inch ค. 55 Pixels/Inch ง. 72 Pixels/Inch จ. 102 Pixels/Inch 7. ควรกำหนดสีในการทำแบนเนอร์เป็นแบบใด ก. RGB ข. RYB ค. CMYK ง. PSD จ. GIF

ห น่ ว ย ท่ี 6 การผลติ สื่อดจิ ิทัลดว้ ยโปรแกรม Adobe Photoshop ห น้ า | 9 8. หมายถงึ เครื่องมอื ใด ก. Selection Tool ข. Move Tool ค. Rectangle Tool ง. Type Tool จ. Pen Tool 9. แปน้ ลัดใดที่ใช้แทนคำส่ัง Transform ก. Ctrl + D ข. Ctrl + A ค. Ctrl + S ง. Ctrl + V จ. Ctrl + T 10. หมายถึงเครื่องมอื ใด ก. Selection Tool ข. Move Tool ค. Rectangle Tool ง. Type Tool จ. Pen Tool