โครงสร้างรายวิชาโปรกราฟิก ม.5 2561

การจัดทาํ โครงสรา งรายวชิ า รายวชิ า การสรา งเว็บไซต ชั้นมัธยมศกึ ษาปท ่ี 5 จาํ นวน 80 ช่ัวโมง ปการศึกษา 2561 เวลา นาํ้ หนกั คะแนน คะแนนที่ ชือ่ หนว ย ผลการเรยี นรู สาระสําคญั (ช.ม.) KPA รวม 11 21. หนว ยที่ 1 เริ่มตนกบั 1. บอกความหมายของคอมพิวเตอร 1. บอกความหมายของคอมพิวเตอรก ราฟก ได 4 11 2Photoshop CC กราฟกได 2. อธบิ ายการเกิดภาพในคอมพิวเตอรกราฟกได 2. อธิบายการเกดิ ภาพในคอมพิวเตอร 3. อธบิ ายการประมวลผลภาพในคอมพิวเตอรก ราฟกได กราฟก ได 4. อธิบายความสามารถโดยรวมของโปรแกรม Photoshop ได 3. อธิบายการประมวลผลภาพใน 5. อธบิ ายสวนตางๆ บนหนา จอโปรแกรม Photoshop และ คอมพวิ เตอรก ราฟกได เรียกใชงานได 4. อธบิ ายความสามารถโดยรวมของ 6. น าเขา ไฟลจากกลอ งดจิ ิตอลและสแกนเนอรไ ด โปรแกรม Photoshop ได 7. สรางไฟลใหมและบันทึกไฟลใ หมเ บือ้ งตนได 5. อธบิ ายสวนตา งๆ บนหนา จอโปรแกรม Photoshop และเรยี กใชง านได 6. นําเขา ไฟลจากกลองดิจติ อลและ สแกนเนอรไ ด 7. สรางไฟลใหมแ ละบนั ทกึ ไฟลใหม เบือ้ งตนได2. หนวยที่ 2 หลกั การ 1. อธบิ ายหลักการสรา งงานกราฟก ได 1. อธิบายหลกั การสรางงานกราฟกได 4สรางงานกราฟกและ 2. เลือกใชสโี ฟรกราวนดแ ละแบ็ค 2. เลอื กใชสีโฟรก ราวนดแ ละแบค็ กราวนดดวยวิธตี างๆ ไดใชเ ครื่องมือพน้ื ฐาน กราวนดด ว ยวิธีตา งๆ ได 3. เลอื กใชสีและระบายสีเบ้อื งตนได 3. เลอื กใชสีและระบายสเี บื้องตนได 4. ลบภาพในสว นทไี่ มต องการออกได 4. ลบภาพในสว นที่ไมตองการออกได 5. ตดั เปลี่ยนขนาด และเพม่ิ ขนาดพน้ื ทีภ่ ายในภาพได 5. ตดั เปล่ยี นขนาด และเพ่ิมขนาดพนื้ ท่ี 6. ยอ ขยายภาพใหเหมาะกับการตกแตงภาพได ภายในภาพได 6. ยอขยายภาพใหเหมาะกับการตกแตง ภาพได

ท่ี ชอ่ื หนว ย ผลการเรยี นรู สาระสาํ คญั เวลา นา้ํ หนกั คะแนน คะแนน (ช.ม.) KPA รวม3 หนวยท่ี 3 การตดั 1. เลอื กพืน้ ทภ่ี าพในรปู ทรงเรขาคณติ ได 1. เลือกพืน้ ท่ภี าพในรูปทรงเรขาคณิตได 8 11 2และแตงภาพบางสวน 2. เลือกพืน้ ท่ภี าพแบบอิสระได 2. เลอื กพื้นที่ภาพแบบอิสระได 11 3. เลอื กเคร่ืองมือเลือกพืน้ ท่ีภาพได 3. เลือกเครื่องมอื เลือกพื้นท่ีภาพไดเหมาะสมกับลักษณะของ 22 2 เหมาะสมกบั ลกั ษณะของภาพได ภาพได 4 4. ปรับขอบเขตการเลอื กพ้ืนทีใ่ หเปน 4. ปรบั ขอบเขตการเลอื กพ้ืนท่ีใหเปน รูปแบบใหมตามที่ รูปแบบใหมตามทต่ี องการได ตองการได 5. ใชพนื้ ทท่ี เี่ ลอื กไวได 5. ใชพน้ื ทีท่ ี่เลือกไวไ ด4 หนวยที่ 4 การปรบั 1. ปรับขนาดภาพดว ยวธิ กี าร Scale ได 1. ปรับขนาดภาพดว ยวิธีการ Scale ได 4รูปทรงภาพดว ย 2. หมุนภาพดว ยค าสั่ง Scale ได 2. หมนุ ภาพดว ยค าสั่ง Scale ไดวธิ ีTransform 3. เอียงภาพดวยค าสัง่ Skew ได 3. เอยี งภาพดว ยค าสั่ง Skew ได 4. บดิ ภาพดว ยค าสง่ั Distort ได 4. บดิ ภาพดว ยค าส่ัง Distort ได 5. บดิ ภาพใหมีมิตดิ วย Perspective ได 5. บดิ ภาพใหม ีมิติดว ย Perspective ได 6. ดัดภาพใหโคงดว ยค าส่ัง Warp ได 6. ดดั ภาพใหโ คงดว ยค าส่ัง Warp ได5 หนว ยท่ี 5 การสราง 1. อธบิ ายความแตกตางระหวาง 1. อธบิ ายความแตกตา งระหวา งตวั อักษรแบบเวกเตอรและบติ 4ขอความตกแตงภาพ ตัวอกั ษรแบบเวกเตอรแ ละบติ แมพ แมพ 2. สรา งตวั อักษรแบบ Point type และ 2. สรา งตัวอักษรแบบ Point type และ Paragraph type ได Paragraph type ได 3. ปรบั รูปแบบตัวอักษรเพื่อประกอบบนชิ้นงานได 3. ปรับรูปแบบตวั อกั ษรเพือ่ ประกอบบน 4. ใชตวั อักษรภาษาไทยใน Photoshop ได ชน้ิ งานได 5. สรา งตัวอักษรแบบบิพแมพได 4. ใชต ัวอกั ษรภาษาไทยใน Photoshop 6. ตกแตงตัวอกั ษรดวยพาเนล Style และ Layer Style ได ได 5. สรา งตัวอักษรแบบบิพแมพได 6. ตกแตง ตวั อกั ษรดว ยพาเนล Style และ Layer Style ได

ท่ี ชื่อหนวย ผลการเรียนรู สาระสําคญั เวลา น้ําหนักคะแนน คะแนน6 หนวยท่ี 6 การใช (ช.ม.) K P A รวม 1. ซอ นภาพดว ยเลเยอรได 1. ซอ นภาพดวยเลเยอรได 8 22 4 งานเลเยอร 2. จดั การกับเลเยอรในลักษณะตา งๆ ได 2. จัดการกบั เลเยอรในลักษณะตา งๆ ได - 3. จดั หมวดหมขู องเลเยอรได 3. จดั หมวดหมขู องเลเยอรไ ด 4. ลงิ คใหเ ลเยอรท างานรว มกนั ได 4. ลงิ คใหเลเยอรท างานรวมกันได7 หนว ยที่ 7 เทคนคิ 5. รวมเลเยอรได 5. รวมเลเยอรไ ด การแตงภาพใน สอบกลางภาค 2/2561 6 15 15 - 30 Layar 1. ตกแตงภาพในเลเยอรด วยพาเลต็ 1. ตกแตง ภาพในเลเยอรดวยพาเลต็ Layer ได 4 22 4 Layer ได 2. เจาะภาพใหโ ปรงใสดวย Layer Mask ได8 หนวยที่ 8 การวาด 2. เจาะภาพใหโ ปรงใสดว ย Layer Mask 3. เลม็ สว นเกนิ ของภาพออกดว ย clipping Mask ภาพและรปู ทรง ได 4. ตกแตง ภาพดว ย Fill Layer และ Adjustment Layer 3. เล็มสว นเกินของภาพออกดวย 5. เขา ใจการผสมสโี ดยการใชL ayer Blending Mode clipping Mask 6. แสดงงานหลายรปู แบบในไฟลเ ดยี วโดยใชL ayer Comp 4. ตกแตง ภาพดว ย Fill Layer และ Adjustment Layer 5. เขาใจการผสมสโี ดยการใชL ayer Blending Mode 6. แสดงงานหลายรูปแบบในไฟลเดยี ว โดยใชLayer Comp 1. วาดภาพดวยรปู ทรงสาํ เรจ็ รปู ได 1. วาดภาพดวยรปู ทรงสําเรจ็ รปู ได 4 22 4 2. วาดรูปทรงอิสระได 2. วาดรูปทรงอิสระได 3. ใชคําสงั่ จัดการกับสว นประกอบของ 3. ใชคําสง่ั จดั การกับสวนประกอบของพาธได พาธได

ที่ ชือ่ หนวย ผลการเรยี นรู สาระสําคญั เวลา นํา้ หนกั คะแนน คะแนน9 หนวยท่ี 9 การใช (ช.ม.) K P A รวม 1. อธบิ ายลักษณะโมเดลสีแบบตางๆ ได 1. อธบิ ายลักษณะโมเดลสแี บบตางๆ ได 8 22 4 งานเลเยอร 2. อธิบายโหมดสีใน Photoshop ได 2. อธบิ ายโหมดสีใน Photoshop ได10 หนว ยที่ 10 การ 3. เปลี่ยนโหมดสีของภาพได 3. เปล่ยี นโหมดสขี องภาพได 8 22 4 1. ปรับคา สีภาพใหเปน สีทีต่ องการได 1. ปรบั คาสีภาพใหเปนสีท่ตี องการได ปรบั แตงภาพ 2. แกไขเงามดื ทถ่ี า ยยอ นแสงได 2. แกไ ขเงามืดทีถ่ ายยอ นแสงได 4 22 4 3. เปล่ียนสีภาพเฉพาะจดุ ได 3. เปล่ยี นสีภาพเฉพาะจุดได11 หนวยที่ 11 การ 4. ปรบั ภาพสใี หเปน ขาวดาํ ได 4. ปรับภาพสีใหเปน ขาวดําได ปรับแตง ภาพ 5. ปรบั ภาพใหเปนสตี รงขามได 5. ปรบั ภาพใหเปน สตี รงขา มได 6. ปรับภาพโดยการไลโ ทนสีได 6. ปรับภาพโดยการไลโ ทนสีได 1. ปรบั แตง ความคมชัดของภาพตาม 1. ปรบั แตงความคมชดั ของภาพตามความตองการได ความตองการได 2. ปรบั โทนสีของภาพใหสวยงามได 2. ปรับโทนสีของภาพใหสวยงามได 3. สรา งลวดลายใหภ าพได 3. สรางลวดลายใหภาพได 4. ใชเ ทคนิครที ัชเพอื่ แกไ ขสวนทเ่ี ปน ต าหนใิ นภาพได 4. ใชเทคนิครีทัชเพือ่ แกไ ขสว นท่เี ปน 5. เลือกใชเ ครอื่ งมือรีทชั ใหเหมาะสมกบั ลักษณะของภาพได ตําหนิในภาพได 6. ท าส าเนาภาพเพอ่ื ใชในการตกแตงภาพได 5. เลือกใชเครอื่ งมือรที ัชใหเหมาะสมกบั 7. ผเู รยี นอธิบายการแกไ ขภาพตาแดงที่เกิดจากการถายภาพ ลกั ษณะของภาพได ในทมี่ ืดได 6. ทําสําเนาภาพเพือ่ ใชใ นการตกแตง ภาพได 7. ผเู รยี นอธบิ ายการแกไ ขภาพตาแดงท่ี เกิดจากการถา ยภาพในที่มดื ได

ที่ ชอ่ื หนวย ผลการเรียนรู สาระสําคัญ เวลา นํ้าหนักคะแนน คะแนน12 หนว ยท่ี 12 การ (ช.ม.) K P A รวม 1. อธบิ ายคณุ สมบัติและความส าคัญ 1. อธิบายคณุ สมบตั ิและความส าคญั ของฟล เตอรได 8 22 4 ปรับแตง ภาพ ของฟล เตอรได 2. อธบิ ายการใชง านฟลเตอรช นิดตา งๆ ได 2. อธิบายการใชง านฟลเตอรชนิดตางๆ 3. อธิบายกฎการใชงานฟล เตอรได - ได 4. ใชฟ ล เตอรใ นการตกแตงภาพใหส วยงามได 3. อธบิ ายกฎการใชงานฟล เตอรไ ด 5. ใชLiquify มาชวยในการปรบั สัดสวนของภาพได 4. ใชฟ ลเตอรในการตกแตง ภาพให สวยงามได 5. ใช Liquify มาชวยในการปรบั สัดสว น ของภาพได สอบปลายภาค 2/2561 6 15 15 - 30 รวม 80 ช.ม. 50 50 - 100

ผังมโนทศั น วชิ าโปรแกรมกราฟก ระดบั ช้ันมัธยมศึกษาปที่ 5หนว ยท่ี 1 เร่มิ ตน กบั หนว ยท่ี 2 หลักการสราง หนวยท่ี 3 การแตง และตัด หนว ยท่ี 4 การปรบั รูปทรง หนว ยที่ 6 การสรา ง Photoshop CC งานกราฟก และใชเ ครือ่ งมือ ภาพบางสวน ภาพดว ยวิธี ขอ ความตกแตง ภาพ จาํ นวน 4 ชั่วโมง จาํ นวน 8 ชวั่ โมง พืน้ ฐาน Transform จาํ นวน 4 จาํ นวน 8 ชั่วโมง จาํ นวน 4 ชัว่ โมง ชวั่ โมงสอบกลางภาค วชิ าโปรแกรมกราฟก สอบปลายภาค ระดับ ปวช.2 จาํ นวน 80 ชวั่ โมงหนวยที่ 7 เทคนคิ การแตง หนวยท่ี 8 การวาดภาพและ หนวยท่ี 9 การปรับแตง หนวยท่ี 10 เทคนิคการแตง หนวยที่ 11 ตกแตงภาพ หนว ยท่ี 12 ตกแตงภาพ ภาพใน Layer รปู ทรง ภาพ ภาพใน Layer ดวยการรที ชั ดว ยฟลเตอร จาํ นวน 4 ช่วั โมง จาํ นวน 8 ชัว่ โมง จาํ นวน 4 ชว่ั โมง จาํ นวน 8 ช่ัวโมง จาํ นวน 4 ชัว่ โมง จาํ นวน 8 ชั่วโมง

การวเิ คราะหม าตรฐานและตัวช้วี ัด วชิ าการสรางเวบ็ ไซต ชื่อหนวยท่ี 1 โปรแกรมประมวลผลขอ มลู ช้นั ม.5 ปการศึกษา 2561 ภาระงาน/ คุณลกั ษณะผลการเรยี นรู รูอ ะไร ทําอะไร ชิ้นงาน สมรรถนะสาํ คญั คณุ ลักษณะของวชิ า อนั พึงประสงคหนวยท่ี 1 เร่มิ ตน รูอะไร แบบฝกหัดบทที่ - ความสามารถในการ - สามารถนาํ ความรูท่ีได - ซอื่ สตั ยส ุจริตกบั Photoshop - ความหมายของคอมพิวเตอรก ราฟก 2 เ ร่ิ ม ต น กั บ คิด ไปใชประโยชนไดจรงิ - มีวนิ ยัCC - การเกิดภาพในคอมพวิ เตอรกราฟก Photoshop CC - ความสามรถในการใช - ใฝเ รยี นรู - การประมวลผลภาพในคอมพวิ เตอรกราฟก - อยอู ยางพอเพียง - ความสามารถโดยรวมของโปรแกรม Photoshop เทคโนโลยี - มงุ มัน่ ในการทาํ งาน - สวนตา งๆ บนหนา จอโปรแกรม Photoshop - การนําเขา ไฟลจากกลอ งดิจิตอลและสแกนเนอร - การสรางไฟลใ หมแ ละบนั ทกึ ไฟลใ หม ทาํ อะไร - ภาพกราฟก เปน สว นประกอบสําคญั ทเี่ ราตางไดพบ เห็นอยูใ นรปู แบบของแผน โฆษณา งานพรเี ซน เตชั่น กลองสินคา และเว็บไซตตางๆ ทําใหผูชมเกิด ความสนใจในสิ่งท่ีนําเสนอ พรอมกับเขาชมและใช บริการเหลา น้ัน และท่ใี กลต ัวมากขึ้น คอื การตกแตง ภาพถาย ท่ีเราสามารถตกแตงภาพในโอกาส และ บรรยากาศตางๆ ใหออกมาอยางนาสนใจ ดังนั้น เนื้อหาในบทแรกนี้จะเร่ิมตน นําเสนอใหรูจักกับ ภาพกราฟก การทํางานกับกราฟกบนคอมพิวเตอร และความสามารถในการสรางงานกราฟกของ โปรแกรมยอดนิยม อยาง Photoshopหนวยท่ี 2 รูอะไร แบบฝกหัดบทที่ - ความสามารถในการ - สามารถนําความรูทไี่ ด - ซอื่ สัตยสจุ รติหลักการสราง - หลกั การสรา งงานกราฟก 2 หลักการสราง คิด ไปใชประโยชนไดจ รงิ - มีวนิ ยังานกราฟก และ - การเลือกใชสีโฟรกราวนดและแบ็คกราวนดดวยวิธี งานกราฟกและ - ใฝเรียนรูการใชเคร่อื งมอื ตา งๆ การใชเ คร่อื งมือ - อยอู ยา งพอเพยี ง

ผลการเรียนรู รอู ะไร ทาํ อะไร ภาระงาน/ สมรรถนะสําคญั คณุ ลักษณะของวิชา คุณลักษณะพ้นื ฐาน ชน้ิ งาน - ความสามรถในการใช อันพึงประสงค - การเลอื กใชสแี ละระบายสีเบอื้ งตน พน้ื ฐาน - มุงม่นั ในการทาํ งานหนวยท่ี 3 การ - การลบภาพในสวนทไี่ มต องการออกได เทคโนโลยีตัดและแตงภาพ - การตดั เปลีย่ นขนาด และเพิ่มขนาดพ้ืนทภ่ี ายในบางสว น ภาพได - การยอขยายภาพใหเ หมาะกบั การตกแตงภาพได ทาํ อะไร - ในบทนี้เราจะกลาวถึงแนวคิดในการสรา งงาน กราฟกวา ตองกําหนดวตั ถุประสงคก าํ หนดคณุ สมบตั ิ ในการสรางภาพและจดั เตรียมภาพ จากนนั้ จึงเนนถงึ การสรา งช้นิ งานท่ไี ดจากการนาํ ภาพมาประกอบ การ ใสสีขอ ความและการจัดซอ นภาพ สว นการตกแตง ภาพถาย การปรบั สีในภาพ และการวาดภาพจะ กลาวถงึ ในสว นตอไป เพราะเน้อื หาสวนแรกจะปู พืน้ ฐานการสรา งงานกราฟกใหเ ขา ใจกนั อยางถูกตอง เสียกอ น รูอะไร แบบฝก หดั บทท่ี - ความสามารถในการ - สามารถนาํ ความรูที่ได - ซือ่ สัตยสจุ ริต - การเลือกพ้ืนทภี่ าพในรูปทรงเรขาคณิต 2 เรื่องการตดั คดิ ไปใชประโยชนไดจริง - มวี ินยั - การเลือกพืน้ ท่ีภาพแบบอิสระ และแตงภาพ - ใฝเรียนรู - การเลือกเครื่องมือเลือกพื้นท่ีภาพไดเหมาะสมกับ บางสวน - ความสามรถในการใช - อยอู ยางพอเพียง ลักษณะของภาพ เทคโนโลยี - มงุ ม่ันในการทํางาน - การปรับขอบเขตการเลือกพ้ืนที่ใหเปนรูปแบบใหม ตามทต่ี องการ - การใชพ้นื ท่ีที่เลือกไว ทาํ อะไร - ถาเราจะตกแตงภาพหรือตัดภาพบางสวนไปใชงาน โดยไมไดมีการตีกรอบกั้นบริเวณไวอาจทําใหการ

ผลการเรียนรู รูอ ะไร ทาํ อะไร ภาระงาน/ สมรรถนะสําคัญ คณุ ลกั ษณะของวชิ า คณุ ลักษณะหนวยท่ี 4 การ ชิน้ งาน อันพงึ ประสงคปรับรูปทรงภาพ ทํางานผิดพลาดสงผลใหภาพออกมาไมสวยก็เปนไดดวยวิธี และในบทน้จี ะทาํ ใหเราสามารถเลือกตกแตง บางสวนTransform ของภาพที่ตองการ หรือจะตัดบางสวนของภาพหนวยที่ 5 การ ออกไปปะซอนอยูบนอีกภาพหนึง่ โดยไมมีผลกระทบสรางขอความ ตอสวนอ่ืนๆตกแตงภาพ รูอ ะไร แบบฝก หดั บทท่ี - ความสามารถในการ - สามารถนาํ ความรูท่ีได - ซอ่ื สัตยส ุจรติ - การปรบั ขนาดภาพดวยวิธกี าร Scale 4 การปรบั รปู ทรง คิด ไปใชประโยชนไดจริง - มวี นิ ยั - การหมนุ ภาพดว ยคําสั่ง Scale ภาพดวยวิธี - ใฝเรียนรู - การเอียงภาพดว ยคําสง่ั Skew Transform - ความสามรถในการใช - อยอู ยางพอเพียง - การบดิ ภาพดว ยคําสงั่ Distort เทคโนโลยี - มงุ มน่ั ในการทาํ งาน - การบิดภาพใหมมี ติ ิดวย Perspective - การดัดภาพใหโ คงดวยคําส่งั Warp ทาํ อะไร - ในบทนี้เราจะทาํ การปรบั ขนาดภาพ หมุนภาพ และ บิดภาพ เพ่อื ใหไดร ปู ทรงภาพในแบบท่ีเราตอ งการ เราเรยี กวิธกี ารนีว้ า “Transform” รูอะไร แบบฝก หดั บทที่ - ความสามารถในการ - สามารถนําความรูที่ได - ซ่ือสัตยส ุจรติ - ความแตกตางระหวางตัวอกั ษรแบบเวกเตอรและ 5 การสรา ง คิด ไปใชป ระโยชนไ ดจ ริง - มีวินัย บติ แมพ ขอ ความตกแตง - ความสามรถในการใช - ใฝเ รยี นรู 2. การสรางตัวอักษรแบบ Point type และ ภาพ - อยอู ยา งพอเพียง Paragraph type เทคโนโลยี - มงุ มั่นในการทาํ งาน 3. การปรับรปู แบบตัวอักษรเพอื่ ประกอบบนชิ้นงาน 4. การใชตัวอักษรภาษาไทยใน Photoshop 5. การสรางตวั อักษรแบบบิพแมพ 6. การตกแตง ตวั อักษรดว ยพาเนล Style และ Layer Style

ผลการเรยี นรู รูอ ะไร ทาํ อะไร ภาระงาน/ สมรรถนะสาํ คัญ คุณลักษณะของวิชา คุณลักษณะ ชนิ้ งาน อนั พึงประสงค ทําอะไร - เราสามารถใสขอ ความประกอบการนาํ เสนอน้นั ไดใน บทน้ีเราจะกลา วกนั ถงึ เรื่องการใสตัวอักษรลงไป ในภาพ โดยใชคาํ ส่ังในตระกลู Type Tool และ ปรบั แตง ตวั อกั ษรและขอความตา งๆหนว ยที่ 6 การใช รูอ ะไร แบบฝก หัดบทท่ี - ความสามารถในการ - สามารถนาํ ความรูท่ีได - ซื่อสัตยสุจรติงานเลเยอร - การซอนภาพดว ยเลเยอร 6 การใชงานเลเย คิด ไปใชประโยชนไดจริง - มวี นิ ยั - การจดั การกับเลเยอรใ นลกั ษณะตางๆ อร - ความสามรถในการใช - ใฝเ รยี นรู - การจัดหมวดหมขู องเลเยอร - อยอู ยางพอเพยี ง - การลิงคใหเ ลเยอรทํางานรว มกัน เทคโนโลยี - มุงม่ันในการทํางาน - การรวมเลเยอร ทาํ อะไร - บทน้ีเราจะมาเรียนรูการจัดวางภาพซอนกัน เรา เรียกการทํางานน้ีวา เลเยอร (Layer) ซึ่งชวยอํานวย ความสะดวกในการจัดวางภาพแตละสวนที่วางซอน กันอยูเปนชั้นๆ ทําใหสามารถทํางานกับภาพเฉพาะ สวนไดโดยไมมีผลกระทบกับสวนอ่ืนๆ ของภาพที่ไม เก่ียวของหนว ยท่ี 7 รูอ ะไร แบบฝกหดั บทที่ - ความสามารถในการ - สามารถนําความรูท่ไี ด - ซ่ือสตั ยสจุ ริตเทคนิคการแตง - การตกแตง ภาพในเลเยอรดวยพาเล็ต Layer 7 เทคนคิ การแตง คิด ไปใชประโยชนไ ดจริง - มีวินัยภาพใน Layar - การเจาะภาพใหโ ปรง ใสดว ย Layer Mask ภาพใน Layar - ใฝเรยี นรู - การเลม็ สว นเกินของภาพออกดวย clipping Mask - ความสามรถในการใช - อยูอ ยางพอเพยี ง - การตกแตงภาพดวย Fill Layer และ Adjustment เทคโนโลยี - มงุ ม่ันในการทาํ งาน Layer - เขาใจการผสมสีโดยการใชL ayer Blending Mode

ผลการเรยี นรู รูอะไร ทําอะไร ภาระงาน/ สมรรถนะสําคญั คุณลกั ษณะของวิชา คุณลกั ษณะ - การแสดงงานหลายรูปแบบในไฟลเดียวโดย ชิ้นงาน อันพงึ ประสงค ใชLayer Comp ทาํ อะไร - หลังจากที่เราไดจ ัดเตรยี มภาพ และนาํ มาจัดเรียงให เขากันแลว ตอไปเราจะตกแตงภาพในแตละเลเยอร ใหก ลมกลืนกันหนวยที่ 8 การ รูอะไร แบบฝก หดั บทที่ - ความสามารถในการ - สามารถนาํ ความรูที่ได - ซอ่ื สัตยส ุจริตวาดภาพและ - การวาดภาพดว ยรูปทรงส าเร็จรปู 8 การวาดภาพ คิด ไปใชป ระโยชนไดจริง - มวี ินัยรูปทรง - การวาดรปู ทรงอสิ ระ และรูปทรง - ความสามรถในการใช - ใฝเ รยี นรูหนวยที่ 9 การ - การใชคาํ สัง่ จัดการกับสว นประกอบของพาธ - อยอู ยางพอเพียงทํางานกับสแี ละ ทําอะไร เทคโนโลยี - มุงมั่นในการทาํ งานการระบายสี - เราสามารถใชโปรแกรม Photoshop วาดภาพหรอื ระบายสภี าพไดซง่ึ ในบทนเี้ ราจะเอาใจคนท่ีชอบ วาดการตูน โดยจะกลา วถึงเทคนคิ การนาํ ภาพการตูน ทว่ี าดมาลงสดี ว ย Photoshop รอู ะไร แบบฝก หดั บทที่ - ความสามารถในการ - สามารถนาํ ความรูทไ่ี ด - ซ่อื สัตยส จุ รติ - ลักษณะโมเดลสีแบบตางๆ 9 การทาํ งานกับสี คดิ ไปใชป ระโยชนไ ดจรงิ - มวี ินัย - โหมดสีใน Photoshop และการระบายสี - ความสามรถในการใช - ใฝเ รียนรู - การเปล่ียนโหมดสขี องภาพ - อยูอยางพอเพียง ทําอะไร เทคโนโลยี - มงุ มัน่ ในการทํางาน - สที เี่ รามองเหน็ รอบๆ ตวั นัน้ เกิดข้นึ ไดจ ากการที่ตา ของเรารบั แสงทสี่ ะทอนมาจากวตั ถุเหลานัน้ ซึง่ ความยาวของคล่ืนแสงท่ีแตกตางกัน จะสงผลใหเรา มองเห็นสีท่ีแตกตางกันดวย และสําหรับงาน

ผลการเรยี นรู รูอ ะไร ทําอะไร ภาระงาน/ สมรรถนะสําคญั คณุ ลักษณะของวิชา คุณลักษณะหนวยที่ 10 การ ช้นิ งาน อนั พงึ ประสงคปรับแตง ภาพ คอมพิวเตอรกราฟกนั้นจะมีการผสมสีท่ีเกิดจากแสง แสดงบนจอภาพ หรอื การผสมหมึกสีพมิ พออกมาทางหนว ยที่ 11 การ รูอะไร แบบฝกหดั บทที่ - ความสามารถในการ - สามารถนาํ ความรูที่ได - ซอื่ สตั ยส ุจรติปรับแตงภาพ - การปรบั คาสีภาพใหเ ปน สที ่ตี องการ 10 การปรับแตง คิด ไปใชป ระโยชนไดจริง - มีวนิ ัย - การแกไขเงามดื ทถี่ า ยยอ นแสง ภาพ - ใฝเ รียนรู - การเปลย่ี นสีภาพเฉพาะจดุ - ความสามรถในการใช - อยูอยางพอเพียง - การปรับภาพสีใหเปน ขาวดาํ เทคโนโลยี - มงุ ม่นั ในการทํางาน - การปรับภาพใหเปนสตี รงขา ม - การปรบั ภาพโดยการไลโทนสี ทําอะไร - Photoshop สามารถปรับแตงภาพ ปรับโทนสีเพื่อ สรางสีสันแปลกใหม และเพ่ิมจุดนาสนใจ เชน การ ปรับสีภาพใหเขา กนั เปล่ยี นสภี าพเฉพาะจดุ การปรบั ภาพเปนขาว-ดาํ และปรับภาพเปนสีตรงกันขา ม เปน ตน รอู ะไร แบบฝกหดั บทท่ี - ความสามารถในการ - สามารถนาํ ความรูที่ได - ซ่อื สัตยส จุ ริต - การปรบั แตงความคมชัดของภาพตามความตอ งการ 11 การปรับแตง ไปใชประโยชนไ ดจรงิ - มวี นิ ัย - การปรบั โทนสขี องภาพใหส วยงาม ภาพ คดิ - ใฝเรยี นรู - การสรา งลวดลายใหภ าพ - ความสามรถในการใช - อยอู ยา งพอเพยี ง - ใชเทคนิครีทัชเพ่ือแกไขสว นท่ีเปนตาํ หนใิ นภาพ - มุงม่ันในการทาํ งาน เทคโนโลยี - เลือกใชเครื่องมือรีทัชใหเหมาะสมกับลักษณะของ ภาพ - ทําสาํ เนาภาพเพ่ือใชในการตกแตงภาพ - ผูเรียนอธิบายการแกไขภาพตาแดงท่ีเกิดจากการ ถายภาพในทมี่ ดื

ผลการเรยี นรู รอู ะไร ทาํ อะไร ภาระงาน/ สมรรถนะสําคัญ คุณลกั ษณะของวชิ า คณุ ลกั ษณะหนว ยท่ี 12 การ ชนิ้ งาน อนั พงึ ประสงคปรบั แตง ภาพ ทาํ อะไร - การรีทัชเปนเทคนิคการตกแตงภาพท่ีใชลบจุด ตํ า ห นิ แ ล ะ ป รั บ แ ก ไ ข ภ า พ เ ฉ พ า ะ ใ น บ า ง จุ ด ใ ห ดู สวยงามเราจะพบบอยในการตกแตงภาพดารา นางแบบ เพ่อื ใชป ระกอบในงานกราฟกตา งๆ รอู ะไร แบบฝก หัดบทท่ี - ความสามารถในการ - สามารถนาํ ความรูทีไ่ ด - ซ่ือสัตยส ุจริต - คณุ สมบตั ิและความสาํ คัญของฟลเตอร 12 การปรับแตง คดิ ไปใชป ระโยชนไดจริง - มวี ินัย - การใชงานฟล เตอรช นดิ ตา งๆ ภาพ - ใฝเรยี นรู - กฎการใชง านฟลเตอร - ความสามรถในการใช - อยูอ ยา งพอเพียง - การใชฟล เตอรในการตกแตง ภาพใหสวยงาม เทคโนโลยี - มุงม่ันในการทาํ งาน - การใชLiquify มาชว ยในการปรับสัดสว นของภาพ ทําอะไร ใ น บ ท นี้ เ ร า จ ะ ทํ า ก า ร ต ก แ ต ง ภ า พ จ า ก โ ป ร แ ก ร ม Photoshop โดยใชค าํ ส่ังพเิ ศษ ท่ีชว ยใหเ ราสามารถ ตกแตงภาพใหสวยงามไดภายในเวลาอันรวดเร็ว ไดแก การใสฟลเตอรสําเร็จรูปที่โปรแกรมมีมาใหลง ในภาพการปรับแตงสัดสวนของภาพดวย Liquify และการใสฟลเตอรจาก Plug-In ที่เราไดติดตั้งเพิ่ม ซ่ึง ก าร ตก แต ง แต ละ รูปแบบที่ก ล าว ม าน้ั นมี ความหมาย และวิธีการใชงาน