1. แผนการจัดการเรียนรู้ที่ ๔
วิชา กราฟฟิกและเทคโนโลยีสื่อผสม
ชั้นมธัยมศึกษาปีที่ ๒
หน่วยการเรียนรู้ที่ ๒ เรื่อง การจดัการไฟล์รูปภาพ
เวลาเรียน ๔ ชั่วโมงเรื่อง การปรบัย่อขยายมุมมองของรูปภาพ
เวลาเรียน ๔ ชั่วโมง
ครูผู้สอน นายประพัฒน์ ทองขาว
ภาคเรียนที่ ๒/๒๕๕๗ สอนวนัที่…………เดือน……………………..พ.ศ.
……………
๑. สาระสา คญั
ศึกษาและปฏิบตัิเกี่ยวกบัการใช้โปรแกรมตกแต่งภาพ Adobe
Photoshop การเข้าส่โูปรแกรม
ส่วนประกอบของโปรแกรมเครื่องมือที่ใช้ในการตกแต่งภาพ
การประยุกต์ใช้งานพาเลตต์ต่าง ๆ ในโปรแกรม
และการกา หนดมุมมองของโปรแกรม Adobe Photoshop
๒. ผลการเรียนรู้
อธิบายการปรบัย่อขยายมุมมองของรูปภาพได้
๓. จุดประสงค์การเรียนรู้
๓.๑ ปรบัขนาดของรูปภาพได้(K)
๓.๒ เพิ่มขนาดของรูปภาพได้(P)
๓.๓ สามารถบนัทึกงานที่สร้างได้(A)
๔. สาระการเรียนรู้
๔.๑ การปรบัย่อขยายมุมมองของรูปภาพ
๕. กิจกรรมการเรียนรู้
๕.๑ ข้นัที่ ๑ ข้นันาเข้าส่บูทเรียน
๕.๑.๑ ครูเขียนคา ว่า Image Size บนกระดาน
๕.๑.๒
นักเรียนทบทวนความรู้เกี่ยวกับคา ที่ครูเขียนบนกระดานดา
แล้วเขียนข้อมูลพื้นฐานเกี่ยวกบัการปรับขนาดของรูปภาพ
พร้อมบอกแนวทางการปฏิบตัิในการเรียนการสอน
๕.๒ ข้นัที่ ๒ ข้นัสอน
๕.๒.๑ ให้นักเรียนดูวีดีทศัน์เกี่ยวกบัการปรับขนาดของรูปภาพ
จากนั้นร่วมกนัสนทนาเกี่ยวกบัการปรบัขนาดของรูปภาพ
ครูต้งัคา ถามให้นักเรียนแข่งขนักนัตอบ

2. ๕.๒.๒ นักเรียนแต่ละกลุ่มศึกษาใบความรู้เรื่อง
การปรบัขนาดของรูปภาพ จากนั้นร่วมกนัสรุป
เลขานุการกลุ่มเขียนบนัทึกการสรุปของกลุ่มตนเอง
สมาชิกทุกคนคดัลอก ลงในสมุด
๕.๒.๓
ครูสุ่มเลือกตวัแทนกลุ่มออกมาอธิบายการปรบัขนาดของรูปภาพ
๕.๒.๔ เพื่อนสมาชิกกลุ่มอื่นๆ
ร่วมกนัฟังและซักถามตามความสนใจ
๕.๓ ข้นัที่ ๓ ข้นัฝึกฝนนักเรียน
๕.๓.๑ นักเรียนทา ใบงานที่ ๔
ให้เสร็จแล้วครูเฉลยนักเรียนแลกเปลี่ยนกนัตรวจสอบความถูกต้อง
๕.๔ ข้นัที่ ๔ ข้นัสรุป
๕.๔.๑
ผู้สอนและผู้เรียนร่วมกนัสรุปเนื้อหาสาระสา คญัเกี่ยวกับการปรบัขนาดข
องรูปภาพ
๕.๕ ข้นัที่ ๕ ข้นันาไปใช้
๕.๕.๑ นักเรียนอธิบายการปรบัขนาดของรูปภาพได้
๖. สื่อการเรียนการสอน
๖.๑ ใบความรู้ที่ ๔ เรื่อง การปรบัขนาดของรูปภาพ
๖.๒ ใบงานที่ ๔ เรื่อง การปรบัขนาดของรูปภาพ
๗. การวดัผลและประเมินผล
การวดัผลประเมินผลด้าน วิธีการวัด เครื่องมือวดั
ด้านความรู้ความเข้าใจ - วดัจากการตอบคา ถามใบงานที่ ๔
- ใบงานที่
๔
ด้านทกัษะกระบวนการ วดัจากการตอบคา ถามภายในคาบเรียน
ด้านคุณลกัษณะที่
พึงประสงค์
การสงัเกตพฤติกรรมซื่อสตัย์สุจริต
มีวินัย ใฝ่เรียนรู้

3. ๘. ความเห็นของครูพี่เลี้ยง
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..
ลงชื่อ
(นายคินพรรณ ภูโตนนา)
ครูพี่เลี้ยง
๙.
ความเห็นของหวัหน้ากลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..
ลงชื่อ
(นางยุภาพร กมลผาด)
หวัหน้ากลุ่มสาระการเรียนรู้งานอาชีพและเทคโนโลยี
๑๐. ความเห็นของรองผู้อานวยการฝ่ายวิชาการ
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..
ลงชื่อ
(นายมนตรี สีแก้วกา่)
รองผู้อา นวยการฝ่ายวิชาการ
๑๑. ความเห็นของผู้อานวยการโรงเรียน

4. …………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
…………………………………………………………………………………………….
ลงชื่อ
(นายพูลศกัดิ ์
เสนฤทธิ์)
ผู้อา นวยการโรงเรียนห้วยเม็กวิทยาคม
บันทึกหลังการสอน
๑. ผลการสอน
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..…………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
๒. ปัญหา/อุปสรรค
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..…………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
๓. ข้อเสนอแนะ/แนวทางแก้ไข
…………………………………………………………………..………………………..…………………………………………………………………
...…………………………..……….………………………………………………………………….…………………………………………………
……………………….………………………………………………………………….……………………………………………………………………
……………………………………………………………………………………………..…………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
ลงชื่อ
(นายประพัฒน์ ทองขาว)
นักศึกษาฝึกประสบการณ์วิชาชีพครู

5. ลงชื่อ
(นายคินพรรณ ภูโตนนา)
ครูพี่เลี้ยง
ใบความรู้ที่ ๔
การปรับขนาดของรูปภาพ
รูปภาพที่มีอยู่แล้วและนามาใช้ใน Photoshop
สงิ่แรกที่ต้องจดักระทา คือ
ต้องปรบัขนาดภาพให้เหมาะสมกบัการทา งาน เช่น
การลดขนาดภาพเพื่อไปแสดงบนเว็บเพจ
การปรบัขนาดภาพแบ่งได้เป็น 2 แบบคือ
1. การปรบั Document Size และ
2. Resolution
โดยจา นวนพิกเซลคงเดิมการปรบัโดยเพิ่มหรือลดจา นวนพิกเซลของภา
พ
การปรบัวิธีนี้จะมีผลให้ค่า Document Size และ Resolution
ภาพเปลี่ยนแปลง แต่จา นวนและคุณสมบตัขิองพิกเซลท้งัหมดคงเดิม
เมื่อดูบนหน้าจอภาพจึงเหมือนเดิมทุกอย่าง
แต่เวลาพิมพ์ภาพจะมีขนาดและคุณภาพที่เปลี่ยนไป
1. เลือกคา ส่งั Image > Image Size

6. 2. ให้คลิกเลือกเครื่องหมายถูก หน้า Resample Image ออก
เพื่อไม่ให้โปรแกรมบี
3. กา หนดความละเอียดของภาพในช่อง Resolution
ซึ่งมีค่าเป็นจา นวนพิกเซลต่อนิ้ว
ภาพที่มีความคมชัดมากที่สุดจะมีจา นวนพิกเซลสูงสุด
ซึ่งจะมีผลทา ให้ขนาดของภาพเล็กลงด้วย
ส่วนภาพที่มีความคมชัดน้อยที่สุด
จะมีจา นวนพิกเซลต่อนิ้วน้อยที่สุดและจา นวนภาพจะมีขนาดใหญ่
สุดท้ายให้กด OK
การปรบัจา นวนพิกเซลของภาพ
การปรบัวิธีนี้มีผลให้จา นวนพิกเซลของภาพเปลี่ยนแปลง
โดยอาจเพิ่มขึ้นหรือลดลงได้ ลกัษณะเช่นนี้
เรียกว่า การรีแซมเปิล (Resample)

7. - การลดขนาด (Downsample)
โปรแกรมจะยุบรวมหลาย ๆ
พิกเซลเข้าด้วยกนักลายเป็นพิกเซลใหม่
คุณภาพของภาพจะไม่ค่อยเปลี่ยนแปลง
- การเพิ่มขนาด (Upsample)
โปรแกรมจะสร้างพิกเซลเพิ่มขึ้นจากเดิมที่มีอยู่แล้ว
ซึ่งค่าสีของพิกเซล
จะคา นวณมาจากพิกเซลข้างเคียง
ผลการปรบัจะได้ภาพที่มีคุณภาพลดลง
เพราะฉะนั้นท้งัการเพิ่มและลดขนาด
โปรแกรมจะคา นวณเพื่อสร้างพิกเซลใหม่จากพิกเซลเดิมของภาพ
เรียกว่า Interpolation
1. เลือกคา ส่งั Image > Image Size
2. เลือกหน้าช่อง Resample Image
3. เลือกให้โปรแกรมคา นวณเพื่อสร้างพิกเซลใหม่
โดยกา หนดให้ค่า Resolution เป็น 72 พิกเซลต่อนิ้วใน
Pixel Dimensions
ให้เลือกหน่วยเป็นพิกเซลและกา หนดขนาดความกว้างและควา
มสูงของภาพ
4. คลิกปุ่ม OK

8. ใบงานที่ ๔ คาศพัท์
คา ส่งั
ให นักเรียนอธิบายคา ศพัท บอกความหมายของคา ศพัท ที่กา หนดใ
ห 1. Zoom
.............................................................................................
.....................................................
.............................................................................................
.....................................................
.............................................................................................
..................................................... 2. Image Size
.............................................................................................
.....................................................
.............................................................................................
.....................................................
.............................................................................................
..................................................... 3. Interpolation
.............................................................................................
.....................................................

9. .............................................................................................
.....................................................
.............................................................................................
..................................................... 4. Resample
Image
.............................................................................................
.....................................................
.............................................................................................
.....................................................
.............................................................................................
..................................................... 5. Canvas Size
.............................................................................................
.....................................................
.............................................................................................
.....................................................
.............................................................................................
.....................................................