แผนการสอนที่ 1tltc.ac.th/planstudy/Lesson plan/แผนการ... ·...

1

แผนการจดการเรยนรแบบบรณาการท 1 หนวยท 1

รหส 20204-2007 โปรแกรมกราฟก (2-2-3) สอนครงท 1 (1-1)

ชอหนวย/เรอง ปฐมนเทศ จ ำนวนชวโมง 1 ช.ม.

สาระส าคญ การศกษาวชาโปรแกรมกราฟเปนวชาทเนนผเรยนเปนส าคญ เพอปลกฝงใหพฒนาตนเองเขาสอาชพ

อยางสม าเสมอ และน าไปประยกตกบการใชคอมพวเตอรเพอวางแผนใชในการท างานส าหรบชวตประจ าวนตอไป และยงเปนการใหผเรยนไดมโอกาสฝกทกษะความช านาญการเรยนรดานความร ความสามารถพอมสวนรวมในการเรยนอยางเตมทในการฝกทกษะการปฏบตจรง เพอพฒนาทกษะ ความร และความสามารถรวมทงสตปญญาเพอแกปญหาได ผเรยนวชานนอกจากจะไดความรทถกตองแลวยงสามารถน าไปประยกตใชในงานเพอเปนเครองมอทส าคญในการเพมประสทธภาพของงาน และสามารถแกปญหาในชวตประจ าวนอกดวย

จดประสงคการเรยนร 1.บอกจดประสงครายวชา สมรรถนะรายวชา และค าอธบายรายวชาตามหลกสตรฯ ได 2.บอกแนวทางวดผลและการประเมนผลการเรยนรได 3.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

3.1 ความมมนษยสมพนธ 3.8 การละเวนสงเสพตดและการพนน 3.2 ความมวนย 3.9 ความรกสามคค 3.3 ความรบผดชอบ 3.10 ความกตญญกตเวท 3.4 ความซอสตยสจรต 3.5 ความเชอมนในตนเอง 3.6 การประหยด 3.7 ความสนใจใฝร

สมรรถนะรายวชา 1. แสดงความรเกยวกบหลกการพนฐานคอมพวเตอรกราฟก 2. ออกแบบภาพกราฟกตามหลกองคประกอบศลป 3. สรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก

เนอหำสำระ

1.บอกจดประสงครายวชา สมรรถนะรายวชา และค าอธบายรายวชาตามหลกสตรฯ ได 2.บอกแนวทางวดผลและการประเมนผลการเรยนรได

2

กจกรรมกำรเรยนร

ขนน ำเขำสบทเรยน 1.ครผสอนแนะน าจดประสงคทผเรยนจะไดจากหลกสตร โดยก าหนดใหผเรยนทกคนตองมความร

ความเขาใจเกยวกบหลกการของภาพกราฟก ประเภทและคณลกษณะของแฟมภาพกราฟก มทกษะการใชโปรแกรมกราฟก สรางและตกแตงภาพกราฟก จดการแฟมภาพกราฟก มคณธรรม จรยธรรม และคานยมทดในการใชคอมพวเตอร

2.ผเรยนยกตวอยางผลงานทไดจากโปรแกรมกราฟก และภาพกราฟกตามหลกองคประกอบศลป ทตนเองชอบและตองการทจะเรยนร

ขนสอน 3.ครใชเทคนควธสอนแบบบรรยาย (Lecture Method) ซงเปนวธสอนทผสอนใหความรตามเนอหา สาระดวยการเลาอธบายแสดงสาธตโดยทผเรยนเปนผฟง และเปดโอกาสใหซกถามปญหาไดบางในตอนทายของการบรรยายเกยวกบการใชโปรแกรมกราฟก เพอน าไปปฏบตใชในยคปจจบน ซงไดมการน าโปรแกรมเหลานไปใชอยางแพรหลายในสรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก

4.ผเรยนรบฟงค าชแจงสงเขปรายวชาและการวดประเมนผล ซกถามขอปญหารวมทงแสดงความ คดเหนเกยวกบการเรยนวชาน ขนสรปและกำรประยกต 5.ผเรยนวางแผนการน าโปรแกรมกราฟกไปใชในการเรยน และการปฏบตงาน พอน าไปประยกตใชกบงานในชวตประจ าวนทจ าเปนโดยทวไป ซงทกคนจะตองวางแผนการท างานตาง ๆ ในอนาคต สอและแหลงกำรเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.สอแผนใส, สอคอมพวเตอร สออเลกทรอนกส 3.กจกรรมการเรยนการสอน

หลกฐำน

1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน

3

กำรวดผลและกำรประเมนผล วธวดผล

1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอน

พงประสงค

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน รวมกนประเมน

เกณฑกำรประเมนผล 1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง

2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบการ

ประเมนตามสภาพจรง

กจกรรมเสนอแนะ แนะน าใหศกษาขอมลเพมเตมเกยวกบโปรแกรมกราฟกเกยวกบหลกการพนฐานคอมพวเตอรกราฟก ออกแบบภาพกราฟกตามหลกองคประกอบศลป สรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก

4

บนทกหลงการสอน

ขอสรปหลงการสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

5

แผนการจดการเรยนรแบบบรณาการท 1(ตอ) หนวยท 1


ชอหนวย/เรอง ทฤษฎคอมพวเตอรกราฟก จ านวน 3 ชวโมง

สาระส าคญ ปจจบนการออกแบบกราฟกเพอประยกตใชส าหรบงานดานตางๆ โดยใชคอมพวเตอรเปนเครองมอในการ

สรางสรรคผลงานทมความหลากหลายและสะดวกรวดเรวในการเผยแพร ซงโปรแกรมส าหรบงานกราฟกมการ พฒนาอยางรวดเรว และมประสทธภาพมากขน ท าใหผลงานทใชคอมพวเตอรกราฟกสเปนทยอมรบและมการใชงานกนอยางแพรหลาย

จดประสงคการเรยนร

1.อธบายความหมายของคอมพวเตอรกราฟกได 2.ออกแบบ (Design) ได 3.บอกประเภทของโปรแกรมส าหรบงานกราฟกได 4.บอกคณคาของงานกราฟกได 5.ประยกตใชคอมพวเตอรกราฟกในงานดานตางๆ และโปรแกรมทเกยวของได 6.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษาส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

6.1 ความมมนษยสมพนธ 6.2 ความมวนย 6.3 ความรบผดชอบ 6.4 ความซอสตยสจรต 6.5 ความเชอมนในตนเอง 6.6 การประหยด 6.7 ความสนใจใฝร 6.8 การละเวนสงเสพตดและการพนน 6.9 ความรกสามคค 6.10 ความกตญญกตเวท


6

เนอหาสาระ 1.ความหมายของคอมพวเตอรกราฟก 2.การออกแบบ (Design) 3.ประเภทของโปรแกรมส าหรบงานกราฟก 4.คณคาของงานกราฟก 5.การประยกตใชคอมพวเตอรกราฟกในงานดานตางๆ และโปรแกรมทเกยวของ

กจกรรมการเรยนร

ขนน าเขาสบทเรยน 1.ครสนทนากบผเรยนเพอใหเหนความส าคญของการใชโปรแกรมกราฟก ซงในปจจบนส านกงาน ทงภาครฐและเอกชน มการน าโปรแกรมกราฟกมาใชในการการสรางแผนภาพ, การสรางงานน าเสนอขอมล, แผน พบ, ใบโฆษณาตลอดจนรปภาพตางๆ ทพบในชวตประจ าวน เชน ปกหนงสอนตยสาร, วารสาร, รปภาพบนผลตภณฑ หรอหนงสอพมพ, เวบไซต ตลอดจนขอความตางๆ เปนตน

2.ครแนะน าใหผเรยนมการวางแผนเรยนวชาโปรแกรมกราฟก 3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน แลวสลบกนตรวจเพอเกบคะแนนสะสมไว

ขนสอน 4.ครใชเทคนควธสอนแบบบรรยาย (Lecture Method) ดวยการเลาอธบายแสดงสาธตใหผเรยนเปนผฟง

และเปดโอกาสใหผเรยนซกถามปญหาไดในตอนทายของการบรรยายความหมายของคอมพวเตอรกราฟก คอมพวเตอรกราฟกส (Computer Graphics) หรอในศพทคอมพวเตอรและเทคโนโลยสารสนเทศ ฉบบราชบณฑตยสถานวา เรขภาพคอมพวเตอร เปนสาขาหนงในแขนงวทยาการคอมพวเตอร ซงมเรองเกยวกบการท าใหเครองคอมพวเตอรแสดงภาพบนจอภาพได เชน การหมนภาพใหดทศทางตางๆ กน, เตมสแตงภาพ, ตดตอภาพ, เคลอนยายต าแหนงภาพ รวมไปถงการสรางภาพเคลอนไหวแอนเมชน (แบบการตน) กราฟก (Graphic) ค าวา กราฟก มทมาจากภาษากรก 2 ค า คอ Graphikos แปลวา “การวาดเขยน และเขยนภาพ” หรอ Graphein แปลวา “การเขยน” ปจจบนมการน ากราฟกมาประยกตใชในงานตางๆ 5.ครใชเทคนควธสอนแบบใชโสตทศนวสด (Audio-Visual Meterial of Instruction Method) เปนวธสอนทน าอปกรณโสตทศนวสดมาชวยพฒนาคณภาพการเรยนการสอน โสตทศนวสดดงกลาว ไดแก CD, Power Point เพอแสดงใหผเรยนไดเรยนรการออกแบบ (Design) และประเภทของโปรแกรมส าหรบงานกราฟก โดยการออกแบบ (Design) คอ ศาสตรแหงความคดเพอใหเกดความพอใจดานตางๆ เชน ความสวยงาม, ตวหนงสอตองอานงาย, มแนวความคดในการออกแบบทด ตลอดจนการเลอกใชโทนสทเหมาะสมกบงาน จะสงผลใหงานออกมาสมบรณแบบชนดสบปากวาไมเทาตาเหนซงเปนส านวนไทย หมายถง ไดยนไดฟงมากสเหนดวยตาตนเองไมได

7

6.ผเรยนยกตวอยางสอกราฟก เชน สญลกษณ (Symbol), ตราสญลกษณ (Logo), แผนภาพ (Chart), กราฟ (Graph)

7.ครใชการจดการเรยนรแบบบรรยาย (Lecture Method) คอ กระบวนการเรยนรทผสอนเปนผถายทอดความรใหแกผเรยนโดยอธบายประเภทของโปรแกรมส าหรบงานกราฟก ทผสอนไดเตรยมการศกษาคนความาเปนอยางดผเรยนเปนฝายรบฟง อาจจะมการจดบนทกสาระส าคญในขณะทฟงบรรยาย หรออาจมโอกาสซกถามแสดงความคดเหนได โดยโปรแกรมส าหรบงานกราฟกเปนการใชความสามารถของคอมพวเตอรในการผลตงานกราฟกปจจบนมการผลตโปรแกรมส าหรบใชท างานดานกราฟกจ านวนมาก แบงเปน 2 ประเภทดงน

7.1 กราฟกวาดภาพ เชน โปรแกรม Microsoft Paint, โปรแกรม Adobe PhotoShop

7.2 กราฟกน าเสนอ เชน โปรแกรม Microsoft PowerPoint 2010 (Windows), โปรแกรม

Microsoft PowerPoint 2011 (Mac)

8

4.ครและผเรยนใชเทคนคการจดการเรยนรแบบใชค าถาม (Questioning Method) เปนกระบวนการเรยนร ทมงพฒนากระบวนการทางความคดของผเรยน โดยผสอนจะปอนค าถามในลกษณะตาง ๆ ทเปนค าถามทด สามารถพฒนาความคดผเรยน ถามเพอใหผเรยนใชความคดเชงเหตผล วเคราะห วจารณ สงเคราะห หรอ การประเมนคาเพอจะตอบค าถามเหลานน ซงเปนค าถามเกยวกบคณคาของงานกราฟก โดยการน ากราฟกไปใชในงานดานตางๆ จะชวยสงเสรมใหงานนนนาสนใจ สรางความแปลกใหมแกผพบเหน ซงคณคาของงานกราฟกนนสามารถแบงไดดงน

1) เพมประสทธภาพในการสอสาร 2) จดจ างาย และนาสนใจ 3) งานน าเสนอนาตดตาม และเขาใจงาย 4) เปนสอกลาง เพอใหเกดการเรยนร 5) เกดความคดสรางสรรคในสงใหม

5.ครใชเทคนควธสอนแบบสาธต (Demonstration Method) เปนวธสอนทครแสดงใหผเรยนดและใหความรแกผเรยนโดยใชสอการเรยนรทเปนรปธรรม และผเรยนไดประสบการณตรง ซงครเปนผสาธต และใหผเรยนฝกทกษะปฏบตตามเพอเรยนรการประยกตใชคอมพวเตอรกราฟกในงานดานตางๆ และโปรแกรมทเกยวของดงน

1) การประยกตดานการออกแบบ 2) การประยกตดานสงพมพ 3) การประยกตดานการแพทย 4) การประยกตดานบนเทง 5) การประยกตดานการศกษา 6) การประยกตดานอนๆ

6.ผเรยนจดท ารายละเอยดโปรแกรมส าหรบงานกราฟกทนาสนใจ ก าหนดใหหามท าโปรแกรมซ ากน เมอจดท าเรยบรอยแลวใหน าเสนอโปรแกรมละ 5–10 นาท ผทฟงการน าเสนอใหจดรายละเอยดของการน าเสนอ และซกถามเพมเตมในกรณทมขอสงสย โดยหวขอรายละเอยดโปรแกรมส าหรบงานกราฟกทนาสนใจมดงน

1) ชอโปรแกรมกราฟก 2) รนของโปรแกรม 3) ขนาดไฟล 4) ประวตความเปนมาของโปรแกรม และบรษททสรางโปรแกรมกราฟก 5) ความตองการของโปรแกรมขนต า

9

6) ความสามารถของโปรแกรมพนฐาน 7) แหลงขอมลอางอง 8) ผจดท า

7.ผเรยนคนควาหารปภาพทเกยวของกบคอมพวเตอรกราฟก การประยกตการใชงานคอมพวเตอร ในงานดานตางๆ นนมอย 5 หวขอ คอ

1) การประยกตดานการออกแบบ 2) การประยกตดานสงพมพ 3) การประยกตดานการแพทย 4) การประยกตดานบนเทง 5) การประยกตดานอนๆ

ก าหนดใหหาหวขอละ 3 รปภาพ โดยหาจากหนงสอพมพ นตยสาร วารสาร หรอในอนเทอรเนต เมอหารปภาพไดแลวใหเขยนวารปภาพนนเปนรปภาพการประยกตดานใด และอธบายพอสงเขป

8..ครแนะน าเพมเตมใหผเรยนรจกบนทกบญชรายรบ-รายจายในชวตประจ าวนของตนเอง เพอสรางนสยความประหยด ความพอเพยงใหแกตนเองและครอบครว ขนสรปและกำรประยกต

9.ครและผเรยนรวมกนสรปความหมายของคอมพวเตอรกราฟก การออกแบบ (Design) ประเภทของโปรแกรมส าหรบงานกราฟก คณคาของงานกราฟก การประยกตใชคอมพวเตอรกราฟกในงานดานตางๆ และโปรแกรมทเกยวของ โดยการถามตอบ 11.ผเรยนท ากจกรรมใบงาน แบบประเมนผลหลงเรยน และแบบฝกปฏบต

12.สรปโดยการถาม-ตอบ เพอประยกตใชในชวตประจ าวนและประเมนผเรยนตามแบบฟอรมตอไปน

ชอผเรยน ประสบการณพนฐานการเรยนร

วธการเรยนร ความร ทกษะ ผลงาน

1. 2. 3. 4. 5.

สอและแหลงกำรเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, PowerPoint

10

5.แบบประเมนผลการเรยนร หลกฐำน

1.บนทกการสอนของผสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน

การวดผลและการประเมนผล วธวดผล

1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4 ตรวจกจกรรมสงเสรมคณธรรมน าความร 5. ตรวจแบบประเมนผลการเรยนร แบบฝกปฏบต 6. ตรวจกจกรรมใบงาน 7. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนผลการเรยนร และแบบฝกปฏบต 5. แบบประเมนกจกรรมใบงาน 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน

รวมกนประเมน

เกณฑการประเมนผล 1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. แบบประเมนผลการเรยนรมเกณฑผาน และแบบฝกปฏบต 50% 5. แบบประเมนกจกรรมใบงานมเกณฑผาน 50% 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอย

กบการประเมนตามสภาพจรง

11

กจกรรมเสนอแนะ 1.ผเรยนวางแผนศกษาวชาโปรแกรมประมวลผลขอมล 2.ท ากจกรรมใบงาน แบบฝกปฏบตเพมเตมเพอฝกทกษะการเรยนร

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ปจจบนนยมใชคอมพวเตอรกราฟกสในงานดานใดบาง

ก. ดานบนเทง ข. ดานการศกษา ค. ดานการแพทย ง. ถกทกขอ

2. เหตใดจงมการน าคอมพวเตอรกราฟกสมาใชในการออกแบบ ก. เพอลดตนทนในการออกแบบ ข. เพอเพมความสมจรง ค. เพอความสะดวกสบาย ง. ถกทกขอ

3. ปจจบนมโปรแกรมเพอเลอกใชในการออกแบบหลากหลายนน เปนค ากลาวทถกตองหรอไม ก. ถกตอง เพราะปจจบนมเพยงโปรแกรมเดยวเทานนคอ Adobe PhotoShop ข. ถกตอง เพราะปจจบนมการพฒนาโปรแกรมอยางหลากหลาย ค. ไมถกตอง เพราะโปรแกรมเพอการออกแบบเปนโปรแกรมทมลขสทธราคาสง ง. ไมมขอใดถก

1. ปจจบนนยมใชคอมพวเตอรกราฟกสในงานดานใดบาง ก. ดานบนเทง ข. ดานการศกษา ค. ดานการแพทย ง. ถกทกขอ

2. เหตใดจงมการน าคอมพวเตอรกราฟกสมาใชในการออกแบบ ก. เพอลดตนทนในการออกแบบ ข. เพอเพมความสมจรง ค. เพอความสะดวกสบาย ง. ถกทกขอ

3. ปจจบนมโปรแกรมเพอเลอกใชในการออกแบบหลากหลายนน เปนค ากลาวทถกตองหรอไม ก. ถกตอง เพราะปจจบนมเพยงโปรแกรมเดยวเทานนคอ Adobe PhotoShop ข. ถกตอง เพราะปจจบนมการพฒนาโปรแกรมอยางหลากหลาย ค. ไมถกตอง เพราะโปรแกรมเพอการออกแบบเปนโปรแกรมทมลขสทธราคาสง ง. ไมมขอใดถก

7. ขอใดไมใชคณสมบตของคอมพวเตอรกราฟกสในปจจบน ก. สามารถแสดงกลนใหผใชรบรได ข. การท าภาพแบบสามมต ค. การท าภาพแบบสองมต ง. การตดตอแตงเตมรปภาพ

8. ขอใดเปนลกษณะทดในการใชสในงานออกแบบ ก. การใชสฉดฉาดเสมอ ข. การเลอกใชสทเหมาะสมกบภาพ ค. การใชสออนสลบเขมเสมอ ง. การสรางแมสใหมในการสรางภาพเสมอ

12

9. ขอใดหมายถงความหมายของค าวา Design ก. การถายทอดความรเพอการสอสาร ข. โปรแกรมกราฟกชนดหนง ค. ศาสตรแหงความคดเพอใหเกดความพงพอใจ ง. เรขภาพคอมพวเตอร

10. คอมพวเตอรกราฟกสถกน ามาใชเพออะไร ก. เพอการสอสารเกดความเขาใจตรงกน ข. เพอความสวยงามมากยงขน ค. เพอใหเกดความสมจรงมากยงขน ง. ถกทกขอ

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ค าวาทฤษฎคอมพวเตอรกราฟกส ถกบญญตไวในศพทคอมพวเตอรและเทคโนโลยสารสนเทศ ฉบบราชบณฑตยสถานวาขอใด

ก. เรขภาพคอมพวเตอร ข. แอนเมชนคอมพวเตอร ค. กราฟกสคอมพวเตอร ง. ดไซนคอมพวเตอร

2. ขอใดคอทมาของค าวากราฟก (Graphic) ก. Graphikos + Chic ข. Graphikos + Graphein ค. Graphikos + GrapChic ง. Grap + Chic

3. ขอใดหมายถงสอกราฟก ก. โปรแกรมภาพกราฟก ข. ศาสตรแหงความคดเพอใหเกดความพอใจดานตางๆ ค. ตราสญลกษณทออกแบบเพอความสวยงาม ง. การอธบายดวยภาพประกอบขอมล

4. กราฟกถกแบงออกเปนกประเภท อะไรบาง ก. 2 ประเภท คอ กราฟกวาดภาพและกราฟกแอนเมชน ข. 2 ประเภท คอ กราฟกดไซนและกราฟกแอนเมชน ค. 2 ประเภท คอ กราฟกวาดภาพและกราฟกน าเสนอ ง. 2 ประเภท คอ กราฟกดไซนและกราฟกน าเสนอ

5. ขอใดคอประเภทกราฟกทไดจากการใชโปรแกรมไมโครซอฟตเพนต ก. กราฟกดไซน ข. กราฟกน าเสนอ ค. กราฟกวาดภาพ ง. กราฟกแอนเมชน

13

6. “โปรแกรมอะโดบโฟโตชอป (Adobe PhotoShop) คอโปรแกรมกราฟกทมาพรอมกบไมโครซอฟต วนโดวส” ขอความดงกลาวถกตองหรอไม เพราะเหตใด

ก. ถกตอง เนองจากปจจบนไมโครซอฟต วนโดวสเซเวนมโปรแกรมนอยดวย ข. ถกตอง เนองจากโปรแกรมอะโดบโฟโตชอปถกแปลงเปนโปรแกรมเพอน าเสนอในปจจบน ค. ไมถกตอง เนองจากโปรแกรมอะโดบโฟโตชอปเปนโปรแกรมทตองตดตงเพม ง. ขอ ก. และ ข. ถก

7. ขอใดคอลกษณะของ “ขอมลแบบสอประสม” (Multimedia Data) ก. ประกอบดวยภาพ กราฟก และเสยง ข. ประกอบดวยเสยง วดโอ และจดเชอมโยง ค. ประกอบดวยขอความ กราฟก และภาพ ง. ถกทกขอ

8. ขอใดเปนสาเหตใหมการใชขอความรวมกบภาพกราฟก ก. เพอความสวยงามมากขน ข. สอสารใหมความเขาใจตรงกน ค. เพอใหครบองคประกอบของลกษณะสอประสม ง. ไมมขอใดถก

9. ขอความใดตอไปนเปนลกษณะของภาพกราฟกทด ก. มตวอกษรประกอบเพอความชดเจนและครบถวนในองคประกอบกราฟก ข. ตวอกษรควรเปนภาษาองกฤษเทานนเพอความเปนสากล ค. เลอกขอมลสอประสมทเหมาะสม โทนสดสบายตาและเปนเอกลกษณ ง. ควรเนนภาพแอนเมชนเพอสอดคลองกบสงทตองการสอสาร

10. “กราฟกทใหมและแตกตางจะชวยเสรมการเรยนรได” ถกตองหรอไม เพราะเหตใด ก. ถกตอง เพราะกราฟกแบบใหมอาจจะดงดดความสนใจไดมากขน ข. ถกตอง เพราะกราฟกแบบใหมอาจพฒนาจากรปแบบเดมเพอความเขาใจมากขน ค. ไมถกตอง เพราะกราฟกแบบใหมจะท าลายวฒนธรรมแบบเกาไป ง. ขอ ก. และ ข. ถก

เฉลยแบประเมนผลกอนเรยน/หลงเรยน เฉลยกอนเรยน เฉลยหลงเรยน

1.ง 2.ง 3.ข 4.ค 5.ง

6.ง 7.ก 8.ข 9.ค 10.ง

1.ง 2.ง 3.ข 4.ค 5.ง

6.ง 7.ก 8.ข 9.ค 10.ง

14


ขอสรปหลงการสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหาทพบ .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

15


รหส 20204-2007 โปรแกรมกราฟก (2-2-3) สอนครงท 2 (5-8) ชอหนวย/เรอง หลกการท างานและการแสดงผลของภาพ

คอมพวเตอรกราฟก จ านวน 4 ช.ม.

สาระส าคญ การแสดงผลของภาพคอมพวเตอรกราฟกสมความส าคญกบงานทสรางเปนอยางมาก เนองจากการ

แสดงผลในรปแบบทแตกตางกนอาจสงผลใหชนงานทออกมาไมเหมอนกน เชน การแสดงผลภาพคอมพวเตอรกราฟกสผานจอภาพ ยอมแตกตางจากการแสดงผลผานกระดาษ เนองจากองคประกอบในการแสดงผลในแตละรปนนแตกตางกน และรปภาพทน ามาแสดงผลนนหากเปนรปภาพทตางชนดกน ความคมชดของรปภาพกจะแตกตางกนออกไปเชนกน


1.บอกประเภทของภาพกราฟกได 2.อธบายระบบส (Color Model) ได 3.บอกชนดของไฟลรปภาพได 4.อธบายความละเอยดรปภาพ (Resolution) ได 5.จดเตรยมรปภาพเพอน ามาใชงานได 6.ตดตงโปรแกรม Adobe Photo Shop CS4 ได 7.ปรบรนโปรแกรมผานอนเทอรเนตได 8.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษาส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

8.1 ความมมนษยสมพนธ 8.6 การประหยด 8.2 ความมวนย 8.7 ความสนใจใฝร 8.3 ความรบผดชอบ 8.8 การละเวนสงเสพตดและการพนน 8.4 ความซอสตยสจรต 8.9 ความรกสามคค 8.5 ความเชอมนในตนเอง 8.10 ความกตญญกตเวท


16

เน อหาสาระ 1.ประเภทของภาพกราฟก 2.ระบบส (Color Model) 3.ชนดของไฟลรปภาพ 4.ความละเอยดรปภาพ (Resolution) 5.การจดเตรยมรปภาพเพอน ามาใชงาน 6.การตดตงโปรแกรม Adobe Photo Shop CS4 7.การปรบรนโปรแกรมผานอนเทอรเนต


ขนน าเขาสบทเรยน 1.ครแนะน าการจดกจกรรมการเรยนรโดยใชแบบโมเดลซปปา (CIPPA MODEL) โดยการทบทวนความร

เดมจากสปดาหทแลว เพอดงความรเดมของผเรยนในเรองทจะเรยน เพอชวยใหผเรยนมความพรอมในการเชอมโยงความรใหมกบความรเดมของตน ซงผสอนใชการสนทนาซกถามใหผเรยนเลาประสบการณเดม หรอใหผเรยนแสดงโครงความรเดม (Graphic Organizer) ของตน

2.ครแสดงรปภาพกราฟกใหผเรยนด แลวแสดงความคดเหน เพอเชอมโยงเขาสเนอหาใหม

3.ครแนะน าใหผเรยนศกษาประเภทของกราฟก เพอใหน าไปใชไดถกตอง ขนสอน 4.ครใชเทคนดวธการจดการเรยนรแบบรวมมอ (Cooperative Learning) หมายถงกระบวนการเรยนรทจดใหผเรยนไดรวมมอและชวยเหลอกนในการเรยนรโดยแบงกลมผเรยนทมความสามารถตางกนออกเปนกลมเลก ซงเปนลกษณะการรวมกลมอยางมโครงสรางทชดเจน มการท างานรวมกน มการแลกเปลยนความคดเหนมการชวยเหลอพงพาอาศยซงกนและกน มความรบผดชอบรวมกนทงในสวนตนและสวนรวมเพอใหตนเองและสมาชกทกคนในกลมประสบความส าเรจตามเปาหมายทก าหนดไว ดงน 4.1 แบงผเรยนออกเปน 2 กลมใหญ 4,2 แตละกลมศกษาประเภทของภาพกราฟก โดยกลมทหนงศกษาประเภทเวกเตอรกราฟกส (Vector Graphics) และกลมทสองศกษาประเภทราสเตอรกราฟกส (Raster Graphics) 4.3 น าเสนอเนอหาทศกษาทงสองกลม

17

4.4 เปดโอกาสใหแลกเปลยนความรระหวางสองกลม 5.ครใชเทคนคการจดการเรยนรโดยใชการอภปรายกลมยอย (Small Group Discussion) คอ

กระบวนการเรยนรทผสอนจดกลมผเรยนออกเปนกลมยอยประมาณ 4-5 คน ใหผเรยนในกลมมโอกาสสนทนาแลกเปลยนขอมลความคดเหน ประสบการณในเรองระบบส (Color Model) และสรปผลการอภปรายออกมาเปนขอสรปของกลม โดยระบบส คอระบบจ าลองซงสรางขนเพออธบายสทมนษยสามารถมองเหน โดยแยกสออก เปนองคประกอบพนฐานตางๆ ซงโมเดลสทใชทวไปคอ RGB และ CMYK

1) โมเดลอารจบ (Model RGB) 2. โมเดลซเอมวายเค (Model CMYK) 3. โมเดลแอลเอบ (Model LAB) 4. โมเดลเอชเอสบ (Model HSB)

6.ครและผเรยนชวยกนอธบายชนดของไฟลรปภาพ ปจจบนรปภาพกราฟกทนยมน ามาใชแทรกภาพ ลงในเอกสารม 3 ประเภท ไดแก ไฟลทมนามสกลเปน JPEG, GIF และ PNG

1) GIF (Graphics Interchange Format) 2) JPEG (Joint Photographic Experts Group) 3) PNG (Portable Network Graphics)

7.ครอธบาย และสาธตความละเอยดรปภาพ (Resolution) และการจดเตรยมรปภาพเพอน ามาใชงาน โดยผสอนเปนผสาธตและใหผเรยนปฏบตตาม 8.ครและผเรยนชวยกนตดตงโปรแกรม Adobe Photo Shop CS4 ตงแตตนจนเสรจสน 9.ครใชเทคนนควธสอนแบบใชโสตทศนวสด (Audio-Visual Meterial of Instruction Method) ไดแก CD และ Power Point 10.ครอธบายการปรบรนโปรแกรมผานอนเทอรเนต และยกตวอยางประกอบ 11.ผเรยนหารปภาพกราฟกแบบเวกเตอรกราฟกส (Vector Graphics) และราสเตอรกราฟกส (Raster Graphics) อยางละ 5 ภาพ โดยวางต าแหนงของภาพใหม 2 ภาพใน 1 หนากระดาษ A4 และบอกวารปใดเปนรปแบบเวกเตอรกราฟกส รปใดเปนราสเตอรกราฟกส 12.ผเรยนหารปภาพนงทนาสนใจบนอนเทอรเนต 10 ภาพ และบอกนามสกลของไฟลทหามา พรอมบอกรายละเอยดของภาพ ในการดรายละเอยดของภาพสามารถท าไดโดยการคลกขวาทไฟลรปภาพ แลวเลอก Properties เลอก Tab ชอ General, Details แลวเลอนลงมาทหวขอ Image 13.ครสอนเพมเตมเกยวกบการท าหนาทเปนพลเมองดของสงคมไทย รจกเออเฟอเผอแผตอผอน สรปและกำรประยกต 14.ครและผเรยนชวยกนสรปประเภทของภาพกราฟก ระบบส (Color Model) ชนดของไฟลรปภาพ ความละเอยดรปภาพ (Resolution) การจดเตรยมรปภาพเพอน ามาใชงาน การตดตงโปรแกรม Adobe Photo Shop CS4 และการปรบรนโปรแกรมผานอนเทอรเนต โดยใหผเรยนตอบค าถาม และสาธตฝกปฏบตใหด และครเปนผก าหนดโจทยค าสง 15.ผเรยนท ากจกรรมใบงาน แบบฝกหด แบบฝกปฏบต และแบบประเมนผลการเรยนร 16.ผเรยนวเคราะหเนอหาการเรยนการสอนและหาขอสรปเปนความคดรวบยอดเพอน าไปประยกตใชตอไป พรอมขอเสนอแนะตนเอง 17.ประเมนธรรมชาตของผเรยน และวเคราะหผเรยนเปนรายกลมตามวธการเรยนร

18

ชอผเรยน ธรรมชาตของผเรยน

วธการเรยนร ความสนใจ สตปญญา วฒภาวะ

1. 2. 3.

แบบวเคราะหผเรยนเปนรายกลมตามวธการเรยนร ชอกลม……………..

1. 2. 3.

สอและแหลงกำรเรยนร 1.หนงสอเรยน วชาการโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.สออเลกทรอนกส, PowerPoint 5.แบบประเมนผลการเรยนร 6.แบบประเมนกจกรรมใบงาน

หลกฐำน 1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน


1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร แบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค

19

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร แบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน

รวมกนประเมน เกณฑกำรประเมนผล

1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) เกณฑการประเมน มเกณฑ 4 ระดบ คอ 4= ดมาก, 3 = ด, 2 = พอใช , 1= ควรปรบปรง 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนรมเกณฑ แบบฝกปฏบตผาน 50% 6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง

กจกรรมเสนอแนะ 1.แนะน าใหผเรยนอานทบทวนเนอหาเพมเตม 2.ท ากจกรรมใบงาน และแบบฝกปฏบต

20

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดคอความหมายของค าวา เวกเตอรกราฟกส (Vector Graphics)

ก. ภาพทเกดขนเกดจากการก าหนดพกดและการค านวณคาบนระนาบหนงมต ข. ภาพทเกดขนเกดจากการก าหนดพกดและการค านวณคาบนระนาบสองมต ค. ภาพทเกดขนเกดจากการก าหนดพกดและการค านวณคาบนระนาบทมมต ง. ภาพทเกดขนเกดจากการก าหนดพกดและการค านวณคาบนระนาบทไมมมต

2. ขอใดคอความหมายของค าวา ราสเตอรกราฟกส (Raster Graphics) ก. รปภาพทประกอบขนดวยจดส (Pixel) ตางๆ ข. รปภาพทประกอบขนดวยเวกเตอรกราฟกส (Vector Graphics) ตางๆ ค. รปภาพทประกอบขนดวยโปรแกรมกราฟกตางๆ ง. รปภาพทประกอบขนดวยไฟลนามสกลรปภาพหลายๆ ไฟล

3. ขอใดคอลกษณะของภาพแบบ Resolution Dependent ก. เมอขยายภาพมลกษณะเปนตารางเลกๆ ข. เมอเพมความละเอยดจะท าใหภาพมขนาดใหญ ค. สวนใหญเปนไฟลสกล .EPD ง. ขอ ก. และ ข. ถก

4. โมเดลใดมแนวคดมาจากการผสมแสงสหลก 3 สเขาดวยกน ก. โมเดลซเอมวายเค ข. โมเดลอารจบ ค. โมเดลแอลเอบ ง. ไมมขอใดถก

5. นกวทยาศาสตรทานใดเปนผคดคนผลกปรซม ก. เซอรไอแซก นวตน ข. จอหน สมธ ค. กาลเลโอ ง. โทมส แอลวา เอดสน

6. ขอใดเปนรปภาพกราฟกทนยมน ามาใชในการแทรกภาพลงในเอกสาร ก. ไฟลทมนามสกลเปน JPEG ข. ไฟลทมนามสกลเปน GIF ค. ไฟลทมนามสกลเปน PNG ง. ถกทกขอ

7. ขอใดสอใหเหนถงความส าคญของการมองเหนของรปภาพกบการมองเหนของมนษย ก. สบปากวาไมเทาตาเหน ข. ตาบอดไดแวน ค. ค าพดพนค ากไมเทากบรปภาพเพยงภาพเดยว ง. ขอ ก. และ ค. ถก

8. ขอใดคอปญหาทอาจตามมาเมอน าภาพจากเวบเพจอนมาใชงาน ก. ไฟลภาพมการขยายตวเมอเวลาผานไป ข. สของภาพทผดเพยน ค. ความสมบรณของภาพ ง. ลขสทธของภาพ

21

9. โปรแกรมใดแสดงภาพแบบ Bitmap ก. Illustrator ข. Adobe PhotoShop ค. AutoCAD ง. Freehand

10. เหตใดจงนยมใชฟอรแมตทมการบบอดภาพส าหรบงานแสดงผลในเวบเพจ ก. เพอเพมมตของภาพ ข. เพอลดขนาดของภาพ ค. เพอเพมคณภาพของภาพ ง. เพอเพมความละเอยดของภาพ

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ภาพกราฟกสามารถแบงออกเปนประเภทใหญๆ กประเภท

ก. 2 ประเภท ข. 3 ประเภท ค. 4 ประเภท ง. 5 ประเภท

2. ขอใดคอลกษณะของภาพจากโปรแกรม AutoCAD ก. เมอขยายภาพแลวมลกษณะเปนตารางเลกๆ ข. คณภาพภาพไมเปลยนแปลงเมอมการยอหรอขยาย ค. ไมสามารถยอหรอขยายภาพได ง. เมอลดขนาดภาพแลวมลกษณะเปนตารางเลกๆ

3. โปรแกรม Adobe PhotoShop เปนการแสดงภาพแบบใด ก. Raster Graphics ข. Vector Graphics ค. Bitmap ง. ขอ ก. และ ค. ถก

4. ไฟลภาพแบบ Bitmap คอไฟลทมนามสกลใด ก. .BMP, .PCX., .TIF, .DRW ข. .BMP, .PCX., .CDR, .GIF ค. .JPG, .MSP, .PCD, .PLT ง. .TIF, .GIF, .JPG, .MSP

5. ขอใดเปนลกษณะของ Raster ก. ใชสมการทางคณตศาสตรเปนตวสรางภาพ ข. เหมาะส าหรบงานแบบวาง Layout งานพมพตวอกษร ค. เหมาะส าหรบงานกราฟก ในแบบตองการใหแสงเงาในรายละเอยด ง. สามารถยอและขยายขนาด โดยสดสวนและลกษณะของภาพยงเหมอนเดม

6. ขอใดคอสหลกของโมเดลอารจบ (Model RGB) ก. แดง (Red) เขยว (Green) น าเงน (Blue) ข. ฟา (Cyan) มวงแดง (Magenta) เหลอง (Yellow) ค. ฟา (Cyan) มวงแดง (Magenta) เขยว (Green) ง. แดง (Red) ขาว (White) น าเงน (Blue)

22

7. ขอใดคอลกษณะของโมเดลซเอมวายเค (Model CMYK) ก. เกดขนจากระบบการพมพแบบแยกส ข. เกดขนจากระบบผสมแสงสหลก ค. เกดขนจากคาสก าหนดขนโดย CIE ง. ไมมขอใดถก

8. ขอใดหมายถง additive color system ก. ระบบการพมพแบบแยกส ข. ระบบการวดส RGB และ CMYK ค. ระบบการผสมสแบบบวก ง. ระบบการสะทอนส

9. ขอใดคอคณลกษณะของรงสของแสงสวาง (Visible Light) ก. มลกษณะเปนรงสทมความรอน ข. มลกษณะเปนสรง ค. มลกษณะเปนรงสเหนอมวง ง. มลกษณะเปนรงสอนฟราเรด

10. ไฟลรปภาพกราฟกทนยมมกประเภท ก. 2 ประเภท ข. 3 ประเภท ค. 4 ประเภท ง. 5 ประเภท

เฉลยกำรประเมนผลกำรเรยนรกอนและหลงเรยน กอนเรยน หลงเรยน

1.ข 2.ก 3.ง 4.ข 5.ก

6.ง 7.ง 8.ง 9.ข 10.ข

1.ก 2.ข 3.ง 4.ง 5.ค

6.ก 7.ก 8.ค 9.ข 10.ข

23

บนทกหลงกำรสอน

ขอสรปหลงการสอน

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

24


รหส 20204-2007 โปรแกรมกราฟก (2-2-3) สอนครงท 3 (9-12) ชอหนวย/เรอง สวนประกอบโปรแกรมและการใชโปรแกรมสราง

ภาพกราฟกแบบ Raster จ ำนวน 4 ช.ม.

สาระส าคญ รปภาพทสรางจากโปรแกรมกราฟกสามารถสรางภาพไดจากการรบค าสงจากอปกรณคอมพวเตอร เชน

เมาส หรอคยบอรด เพอน าค าสงทไดรบจากอปกรณนนไปประมวลผลการท างานแสดงเปนรปภาพทผใชงานตองการซงรปภาพทสรางจากโปรแกรมกราฟกจะขนอยกบทกษะของผทใชโปรแกรมดวย บางครงการวาดภาพบนกระดาษอาจจะสามารถสอถงสงทตองการไดดกวาการวาดภาพจากเครองมอชวยวาดภาพ ดงนนภาพทสรางตองดความเหมาะสมกบงานดวย จดประสงคการเรยนร

1.อธบายความรเกยวกบโปรแกรม Adobe Photo Shop CS4 ได 2.อธบายการสรางรปภาพใหมได 3.บอกสวนประกอบของโปรแกรมได 4.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา

ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง 4.1 ความมมนษยสมพนธ 4.6 การประหยด 4.2 ความมวนย 4.7 ความสนใจใฝร

4.3 ความรบผดชอบ 4.8 การละเวนสงเสพตดและการพนน 4.4 ความซอสตยสจรต 4.9 ความรกสามคค

4.5 ความเชอมนในตนเอง 4.10 ความกตญญกตเวท


เนอหาสาระ 1.ความรเกยวกบโปรแกรม Adobe Photo Shop CS4 2.การสรางรปภาพใหม 3.สวนประกอบของโปรแกรม

25

กจกรรมการเรยนร ขนน าเขาสบทเรยน

1.ครสนทนากบผเรยนเกยวกบโปรแกรมทใชในการสรางรปภาพมหลากหลายโปรแกรม ขนอยกบความเหมาะสมของงานตวอยางโปรแกรมทนยมใชในการสรางรปภาพหรอตกแตงรปภาพ เชน Paint, Inkscape, Photo scape, Comic Life, Adobe PhotoShop เปนตน 2.ครกลาวถงความส าคญของโปรแกรม PhotoShop

3.ผเรยนยกตวอยางการใชงานของโปรแกรม PhotoShopในปจจบน

ขนสอน 4.ครใชเทคนควธการจดการเรยนรแบบอภปราย (Discussion Method) คอกระบวนการทผสอนมงให

ผเรยนมโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในเรองความรเกยวกบโปรแกรม Adobe Photo Shop CS4 ซงเปนเรองทเกยวของกบบทเรยนหรอทกลมมความสนใจรวมกน โดยมจดมงหมายเพอหาค าตอบ แนวทางหรอแกปญหารวมกน การจดการเรยนรแบบนมงเนนใหผเรยนมสวนรวมในการเรยนร คอ รวมคด รวมวางแผน รวมตดสนใจ รวมปฏบตงานและชนชมผลงานรวมกน

5.ครใชเทคนควธสอนแบบใชโสตทศนวสด (Audio-Visual Meterial of Instruction Method) เปนวธสอนทน าอปกรณโสตทศนวสดมาชวยพฒนาคณภาพการเรยนการสอน โสตทศนวสดดงกลาว ไดแก CD และ Power Point เกยวกบความรเกยวกบโปรแกรม Adobe Photo Shop CS4 โดยปจจบนโปรแกรม Photoshop เปนโปรแกรมทไดรบความนยมอยางมากจากผสรางเวบไซต ไมวาจะเปนการน ามาสรางหรอตกแตงภาพ เนองจากคณสมบตทโดดเดนใชงานงายมเอฟเฟกตตางๆ ใหเลอกใชงานมาก

26

6.ครและผเรยนใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) คอ กระบวนการทผสอน หรอบคคลใดบคคลหนงใชในการชวยใหผเรยนไดเกดการเรยนรตามวตถประสงค โดยการแสดงหรอกระท าใหดเปนตวอยางพรอม ๆ กบการบอก อธบาย ใหผเรยนไดเรยนร ผเรยนจะเกดการเรยนรจากการสงเกต กระบวนการขนตอนการสาธตนน ๆ แลวใหผเรยนซกถาม อภปราย และสรปการเรยนรทไดจากการสาธต การจดการเรยนรแบบนจงเหมาะสมส าหรบการสอนทตองการใหผเรยนเหนขนตอนของการปฏบต

7.ครสาธตการสรางรปภาพใหม หลงจากเปดโปรแกรม (เนอหาการเปดโปรแกรมจากหนวยท 2) สามารถสรางรปภาพใหมไดดงน

8.ครใชเทคนคการอธบาย และสาธตสวนประกอบของโปรแกรม โดยแสดงสอ Power Point ประกอบดงน

27

9.ครใหความรเพมเตมนอกเหนอจากเนอหาการเรยนการสอน เกยวกบเงอนไขตำมหลกเศรษฐกจพอเพยง ในการตดสนใจและการปฏบตกจกรรมตาง ๆ ใหอยในระดบพอเพยงนน ตองอาศยทงความร และคณธรรมเปนพนฐาน กลาวคอ

(1) เงอนไขความร เปนความรอบรเกยวกบวชาการตาง ๆ ทเกยวของ ความรอบคอบทจะน าความรเหลานนมาพจารณาใหเชอมโยงกน เพอการวางแผน และความระมดระวงในขนปฏบต

(2) เงอนไขคณธรรม เปนสงทตองเสรมสรางใหมความตระหนกในคณธรรม มความซอสตยสจรตและมความอดทน มความเพยร ใชสตปญญาในการด าเนนชวต

ขนสรปและกำรประยกต 10.ครและผเรยนชวยกนสรปความรเกยวกบโปรแกรม Adobe Photo Shop CS4 การสรางรปภาพใหม

สวนประกอบของโปรแกรม โดยวธการถามตอบเปนกลมหรอรายบคคล และการฝกปฏบตงานทครมอบหมายให 11.ผเรยนท าใบงาน แบบประเมนผลการเรยนร และแบบฝกปฏบต 12.ประเมนผเรยนตามแบบฟอรมตอไปน

แบบประเมนประสบการณพนฐาน



1. 2. 3. 4. 5. สอและแหลงการเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ

28

3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, PowerPoint 6.แบบประเมนผลการเรยนร 7.แบบประเมนกจกรรมใบงาน

หลกฐาน 1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน


1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร แบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน


1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบตมเกณฑผาน 50%

29

6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบการประเมนตามสภาพจรง

กจกรรมเสนอแนะ 1.ท ากจกรรมใบงาน 2.อานและทบทวนบทเรยน.ความรเกยวกบโปรแกรม Adobe Photo Shop CS4 3.ฝกทกษะโดยการปฏบตการสรางรปภาพใหม และสวนประกอบของโปรแกรม

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดคอลกษณะการท างานของกระบวนการสรางภาพกราฟก

ก. Input, Process, Output ข. Output, Process, Input ค. Process, Output, Input ง. ถกทกขอ

2. รปภาพทไดจากโปรแกรมกราฟกจะสมบรณมากเพยงใดนนขนอยกบขอใด ก. ทกษะของ User ข. องคประกอบของภาพ ค. โปรแกรมทใช ง. ถกทกขอ

3. ขอใดคอความหมายของค าวา Layer ในโปรแกรม Photoshop ก. ชนภาพ ข. กงตอน ค. โครงงาน ง. ไมมขอใดถก

4. ขอใดคอความหมายของค าวา Brush ในโปรแกรม Photoshop ก. แปรงหรอพกน ข. การสมผสเบาๆ ค. การปด ง. การกวาด

5. พฒนาการของ Photoshop มาจากขอใด ก. จากงานเขยนสภาพวาด ข. จากภาพวาดสงานเขยน ค. จากการสรางภาพพมพสภาพกราฟก ง. จากการสรางภาพกราฟกสภาพสงพมพ

6. ขอใดหมายถง ImageReady ก. โปรแกรมเรมตนวาดภาพ ข. โปรแกรมวางโครงสรางภาพ ค. โปรแกรมทใชสรางภาพเคลอนไหว ง. ภาพตนฉบบ

7. เหตใดจงนยมใช Photoshop เพอแตงภาพและใชแสดงบนเวบเพจ ก. คณสมบตทหลากหลาย ข. เปนโปรแกรมทใชงานงาย ค. รองรบไฟลภาพหลายรปแบบ ง. ถกทกขอ

8. การพฒนาโปรแกรม Photoshop เพออะไร ก. สนองความตองการของ User ข. เพมประสทธภาพของโปรแกรม ค. พฒนารปแบบเพอใหใชงานสะดวกขน ง. ถกทกขอ

30

9. ขอใดคอผผลตโปรแกรม Illustrator, PageMaker และ Acrobat ก. Microsoft ข. Adobe ค. Photoshop ง. Apple

10. เหตใดจงมโปรแกรมเพอตกแตงภาพใหเลอกใชหลากหลาย ก. เพอรองรบความสามารถของ User ข. เพอรองรบไฟลรปภาพในแบบตางๆ ค. เพอความเหมาะสมของงานประเภทตางๆ ง. ถกทกขอ

เฉลยแบประเมนผลกอนเรยน เฉลยกอนเรยน

1.ก 2.ง 3.ก 4.ก 5.ค

6.ค 7.ง 8.ข 9.ข 10.ง

31



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

32


รหส 20204-2007 โปรแกรมกราฟก (2-2-3) สอนครงท 4 (13-16) ชอหนวย/เรอง สวนประกอบโปรแกรมและการใชโปรแกรม

สรางภาพกราฟกแบบ Raster จ านวน 4 ช.ม.

สาระส าคญ รปภาพทสรางจากโปรแกรมกราฟกสามารถสรางภาพไดจากการรบค าสงจากอปกรณคอมพวเตอร เชน

เมาส หรอคยบอรด เพอน าค าสงทไดรบจากอปกรณนนไปประมวลผลการท างานแสดงเปนรปภาพทผใชงานตองการซงรปภาพทสรางจากโปรแกรมกราฟกจะขนอยกบทกษะของผทใชโปรแกรมดวย บางครงการวาดภาพบนกระดาษอาจจะสามารถสอถงสงทตองการไดดกวาการวาดภาพจากเครองมอชวยวาดภาพ ดงนนภาพทสรางตองดความเหมาะสมกบงานดวย จดประสงคการเรยนร

4.สรางรปภาพโดยใชเครองมอ Brush ได 5.บนทกรปภาพเพอน าไปใชงานได 6 เปดรปภาพได 7.ปดรปภาพได 8.ออกจากโปรแกรมได 9.ประยกตการสรางรปภาพจากบทเรยนได 10.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง


33


เน อหาสาระ

4.การสรางรปภาพโดยใชเครองมอ Brush 5.การบนทกรปภาพเพอน าไปใชงาน 6.การเปดรปภาพเพอน ามาใช 7.การปดรปภาพเพอน าไปใชงาน 8.การออกจากโปรแกรม 9.ประยกตการสรางรปภาพจากบทเรยน


1.ครใชเทคนคการสอนแบบซปปาโมเดล (CIPPA MODEL) โดยการทบทวนความรเดมจากสปดาหทผานมา โดยดงความรเดมของผเรยนในเรองทจะเรยน เพอชวยใหผเรยนมความพรอมในการเชอมโยงความรใหมกบความรเดมของตน ผสอนใชการสนทนาซกถามใหผเรยนเลาประสบการณเดม หรอใหผเรยนแสดงโครงความรเดม (Graphic Organizer) ของตน โดยสวนประกอบโปรแกรมและการใชโปรแกรมสรางภาพกราฟกแบบ Raster 2.ครสนทนากบผเรยนเกยวกบเครองมอ Brush เปนเครองมอส าหรบวาดภาพ มลกษณะการท างานแทนพกน โดยสามารถปรบขนาดหวแปรง หรอเปลยนลกษณะของหวแปรงในรปแบบตางๆ ใหเหมาะสมกบงานได 3.ผเรยนเลาเรองการใชเครองมอ Brush ทเคยศกษามาบางแลว ขนสอน

4.ครใชเทคนคการสอนแบบสาธตการสรางรปภาพโดยใชเครองมอ Brush โดยใชสอ Power Point ประกอบ และใหผเรยนฝกปฏบตตาม โดยเมอคลกขวาทเครองมอ Brush จะปรากฏเครองมอดงน

Brush Tool ใชแทนแปลงพกนส าหรบระบายสบนรปภาพ

Pencil Tool ใชแทนดนสอส าหรบระบายสบนรปภาพ

Color Replacement Tool ใชระบายทบสจากสเดม

34

5.ครและผเรยนชวยกนสาธตการบนทกรปภาพเพอน าไปใชงาน โดยการบนทกภาพดวย Photoshop ตอง ดงานทตองการน ารปภาพไปใชวาเปนการใชงานดานใด เชน น าไปใชบนเวบไซต บนทกรปภาพเพอตองการแกไข บนทกรปภาพเพอน าไปพมพ ซงข นตอน ในการบนทกรปภาพในแตละรปแบบนนจะมข นตอนทแตกตางกน รปแบบการบนทกรปภาพ มดงตอไปน

1) บนทกภาพเพอการน าไปใชบนเวบไซต

2) วธการบนทกภาพเพอการน าไปใชบนเวบไซต

3) บนทกภาพเพอสามารถกลบมาแกไขไดเตมรปแบบ

35

6.ครใชเทคนคการสาธตการเปดรปภาพเพอน ามาใช และใหผเรยนฝกปฏบตตาม โดยการเปดรปภาพเพอน ารปภาพมาใชงานในโปรแกรมสามารถท าไดโดยการคลกทเมน File เลอก Open โปรแกรมจะเปดรปภาพ ผใชสามารถจดการกบรปภาพไดทนท

7.ครใชเทคนคการสาธตการปดรปภาพเพอน ามาใช และใหผเรยนฝกปฏบตตาม โดยการปดรปภาพเพอ

น ารปภาพไปใชงานสามารถท าไดโดยคลกทเมน File สามารถเลอกรปแบบการปดตอไปน 1) Close ในกรณทตองการปดรปภาพเพยงภาพเดยว 2) CloseAll ในกรณทตองการปดรปภาพทงหมด 3) Close and Go To Bridge ในกรณทตองการปดรปภาพและเรยกโปรแกรม AdobeBridge

8.ครและผเรยนสาธตการออกจากโปรแกรม โดยกอนออกจากโปรแกรมควรบนทกรปภาพและปดรปภาพ

ใหเรยบรอยเพอแสดงถงตวผใชวาไดท างานเรยบรอยดแลวและตองการออกจากโปรแกรม ซงท าได 4 วธดงน 1) คลกทเมน Start เลอก Exit หรอ 2) แทรกปม Ps Button แลวเลอกค าสง Close 3) กดแปนพมพลด Ctrl + Q 4) กดแปนพมพลด Alt + F4

36

9.ครและผเรยนสาธตการประยกตการสรางรปภาพจากบทเรยน โดยยกตวอยางการสรางรปภาพดวย

Brush Tool, ตวอยางการสรางรปภาพดวย Pencil Tool, ตวอยางการสรางรปภาพดวย Color Replacement Tool (เครองมอใชในการแทนส)

การสรางรปภาพดวย Brush Tool ตวอยางการสรางรปภาพดวย Pencil Tool

37

ตวอยางการสรางรปภาพดวย Color Replacement Tool

(เครองมอใชในการแทนส) 10.ผเรยนสรางภาพ ความกวาง 6 นว สง 4 นว ความละเอยด 72 Pixel per inch โดยใชเครองมอ Brush ก าหนดหวแปรงเปนรปแบบวงกลมขนาด 20 สด า วาดรปในหวขอ “สงทฉนสนใจ” แลวบนทกไฟลชอ “ใบงานท 6.jpg” จากนนน าภาพทไดจากการบนทกไปใสลงในโปรแกรม Microsoft Word แลวบรรยายรปทวาดดวยขอความประมาณ 5-7 บรรทด ก าหนดแบบอกษร เปน “Cordia New” ขนาด 16 Point 11.ผเรยนสรางภาพ ความกวาง 6 นว สง 4 นว ความละเอยด 72 Pixel per inch โดยใชเครองมอ Brush ก าหนดหวแปรงเปนรปแบบใดกได สตามใจชอบ วาดรปในหวขอ “ธรรมชาต” แลวบนทกไฟลชอ “ใบงานท 7.jpg” จากนนน าภาพทไดจากการบนทกไปใสลงในโปรแกรม Microsoft Word แลวบรรยายรปทวาดดวยขอความประมาณ 5-7 บรรทด ก าหนดแบบอกษรเปน “Angsana New” ขนาด 16 Point

12.ครใหความรเพมเตมในการท าบญชรำยรบ-รำยจำย ซงเปนการจดบนทกเหตการณตาง ๆ เกยวกบการเงนหรอบางสวนเกยวของกบการเงน โดยผานการวเคราะห จดประเภทและบนทกไวในแบบฟอรมทก าหนด เพอแสดงฐานะการเงนและผลการด าเนนงานของตนเองหรอครอบครวในชวงระยะเวลาหนง เปนวธชวยตรวจสอบการใชจายของครอบครววามรายจายสมดลกบรายรบ และใชจายอยางมเหตผลตามความจ าเปน พอเหมาะกบสภาพครอบครวหรอไม หากสามารถปรบเปลยนพฤตกรรมการบรโภค เพอลดรายจายทไมจ าเปนเกนตนได จะชวยใหมเงนเกบออมเพอเปนรากฐานสรางภมคมกนทดในชวตได

ขนสรปและการประยกต 13.ครและผเรยนสรปการสรางรปภาพโดยใชเครองมอ Brush การบนทกรปภาพเพอน าไปใชงาน การเปดรปภาพเพอน ามาใช การปดรปภาพเพอน าไปใชงาน การออกจากโปรแกรม และประยกตการสรางรปภาพจากบทเรยน โดยการฝกปฏบต และการถาม-ตอบและน าไปประยกตใชในชวตประจ าวนได

38

14.ผเรยนท ากจกรรมใบงาน แบบประเมนผล และแบบฝกปฏบต และประเมนผเรยนตามแบบฟอรมดงตอไปน




1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, PowerPoint 6.แบบประเมนผลการเรยนร

หลกฐาน 1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร

4.การตรวจประเมนผลงาน กำรวดผลและกำรประเมนผล

วธวดผล 1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพง

ประสงค

39

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน

รวมกนประเมน

เกณฑกำรประเมนผล 1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบตมเกณฑผาน 50% 6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ครแนะน าใหผเรยนอานทบทวนเนอหา และท ากจกรรมใบงาน 2.ผเรยนควรฝกทกษะในเนอหานอกเวลาเรยนใหเกดความช านาญ เพอน าไปประยกตใชในงานตางๆ ได

40

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. สรางภาพกราฟกแบบ Raster หมายถงภาพในลกษณะใด

ก. เมอขยายภาพแลวมลกษณะเปนตารางเลกๆ ข. คณภาพภาพไมเปลยนแปลงเมอมการยอหรอขยาย ค. ไมสามารถยอหรอขยายภาพได ง. เมอลดขนาดภาพแลวมลกษณะเปนตารางเลกๆ

2. เหตใดในบางครงจงสรางภาพกราฟกจากภาพวาด ก. ภาพวาดในบางครงดสมจรงกวา ข. เปนกระบวนการวาดภาพกราฟก ค. การวาดภาพจากคอมพวเตอรโดยตรงบางครงล าบากกวา ง. ขอ ก. และ ค. ถก

3. โปรแกรมทใชสรางภาพเคลอนไหวควบคมากบโปรแกรม Photoshop ในปจจบนคอ ก. PageMaker ข. ImageReady ค. Acrobat Paint ง. Animation

4. ขอใดคอขนาดความละเอยดรปภาพ Resolution ทเหมาะสมส าหรบงานพมพ ก. 72 pixels per Inch (PPI) ข. 100 pixels per Inch (PPI) ค. 200 pixels per Inch (PPI) ง. 300 pixels per Inch (PPI)

5. ขอใดหมายถง Transparent ก. การท าพนหลงสขาว ข. การท าพนหลงโปรงใส ค. การท าสพนหลงตามทเลอก ง. การก าหนดทศทางเคลอนไหวภาพ

6. ขอใดคอคณสมบตของปม Save Preset ก. สามารถเกบภาพไดนานไมมก าหนด ข. สามารถเปลยนแปลงภาพใหเปนภาพวาดไดอตโนมต ค. จดเกบรปภาพทกลบมมได ง. ไมมขอใดถก

7. ขอใดหมายถงแถบทใชรวบรวมค าสงทใชในโปรแกรม ก. Menu bar ข. Tool bar ค. PS Button ง. Option bar

8. ขอใดหมายถง Palate/Window ก. หนาตางส าหรบควบคมโปรแกรม Adobe PhotoShop ข. แถบหนาตางทมความสมพนธกบงานในขณะนน ค. พนทในการท างาน ง. ป มควบคมหนาตางโปรแกรม

41

9. ขอใดเปนคณสมบตของ Color Replacement Tool ก. ใชแทนแปรงพกนส าหรบระบายสบนรปภาพ ข. ใชแทนดนสอส าหรบระบายสบนรปภาพ ค. ใชระบายทบสจากสเดม ง. ถกทกขอ

10. ขอใดเปนการบนทกเพอสามารถแกไขในแตละสวนของ Layers ก. บนทกเปน ไฟล.JPG ข. บนทกเปน ไฟล.BMP ค. บนทกเปน ไฟล.PSD ง. บนทกเปน ไฟล.GIF

เฉลยแบประเมนผลหลงเรยน

เฉลยหลงเรยน 1.ก 2.ง 3.ข 4.ง 5.ข

6.ง 7.ก 8.ข 9.ค 10.ค

42



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

43



ชอหนวย/เรอง การใชโปรแกรมสรางภาพกราฟกแบบ Vector จ านวน 4 ช.ม.

สาระส าคญ หลกการของกราฟกแบบ Vector เปนภาพกราฟกทเกดจากการน าความสมพนธทางคณตศาสตรหรอ

การค านวณ โดยรปภาพทไดจะแยกชนสวนของภาพทงหมดออกเปนเสนตรง เสนโคง และรปทรง ท าใหเมอมการ ขยายภาพความละเอยดของภาพจะไมลดลง แฟมจะมขนาดเลกกวาแบบ Raster โดยทวไปภาพกราฟกแบบ Vector นยมใชเพองานสถาปตย ตกแตงภายใน และการออกแบบตางๆ เชน การออกแบบอาคาร การออกแบบรถยนต การสรางโลโก การสรางการตน เปนตน จดประสงคการเรยนร

1.อธบายรปภาพแบบ Vector 2.บอกความแตกตางระหวางกราฟกแบบ Raster กบ Vector ได 3.ใชเครองมอสรางรปภาพกราฟกแบบ Vector (Pen Tool) ได 4.ใชเครองมอสรางรปภาพกราฟกแบบ Vector (Shape Tool) ได 5.ยายรปทรงโดยใชเครองมอ Move ได 6.ปรบขนาดรปทรงโดยใชค าสง Free Transform ได 7.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษาส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

7.1 ความมมนษยสมพนธ 7.7 ความสนใจใฝร 7.2 ความมวนย 7.8 การละเวนสงเสพตดและการพนน 7.3 ความรบผดชอบ 7.9 ความรกสามคค 7.4 ความซอสตยสจรต 7.10 ความกตญญกตเวท 7.5 ความเชอมนในตนเอง 7.6 การประหยด

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

1. แสดงความรเกยวกบหลกการพนฐานคอมพวเตอรกราฟก 2. ออกแบบภาพกราฟกตามหลกองคประกอบศลป 3. สรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก

44

เนอหาสาระ 1.รปภาพแบบ Vector 2.ความแตกตางระหวางกราฟกแบบ Raster กบ Vector 3.การใชเครองมอสรางรปภาพกราฟกแบบ Vector (Pen Tool) 4.การใชเครองมอสรางรปภาพกราฟกแบบ Vector (Shape Tool) 5.การยายรปทรงโดยใชเครองมอ Move 6.การปรบขนาดรปทรงโดยใชค าสง Free Transform


1.ครสนทนากบผเรยนวาการสรางโครงรางของ Vector graphics จะใชการค านวณทางคณตศาสตรในการก าหนดโครงรางและจดเกบไฟลภาพในลกษณะของตวแปรทางคณตศาสตร เปนผลใหไฟลมขนาดเลก อกทงโครงรางประกอบขนจากเสนตรง และเสนโคงเรยกวาภาพลายเสน (Draw type graphics) ลกษณะเดนของไฟลภาพประเภทนคอ มขอบภาพทคมชดมาก เมอภาพถกพมพออกทเครองพมพ ดงนนจงนยมใชในการออกแบบงานโลโก ศลปะตวอกษร งานภาพเขยน เปนตน ขอดอกขอหนงคอคณภาพของภาพไมขนอยกบอตราการขยาย (Resolution - independent) หมายถงภาพถกขยายใหใหญขนโดยไมลดทอนคณภาพของภาพ สวนขอเสยของไฟลภาพนคอ ภาพแลดเปนภาพวาดเมอเทยบกบไฟลภาพแบบ Bitmap ทดลกษณะเปนภาพถาย

2.ครแสดงรปภาพตวอยางการน าภาพสแกนมาสรางเปนภาพแบบเวกเตอร 3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน

ขนสอน 4.ครใชเทคนคการอธบายรปภาพแบบ Vector โดยใชสอ Power Point ประกอบการเรยน โดย Vector

graphics คอการน าเอาเสนตรง และเสนโคง (Line and Curves) มาสรางเปนโครงราง (Out line) ของภาพ เรยกวา Vector แลวเตมสลงบนโครงราง (Stroke color) และพนททถกลอมรอบ โดยโครงรางนนๆ (Fill color) ส าหรบโปรแกรมทใชสรางหรอแกไข File แบบ Vector กคอโปรแกรม “Inkscape”, “Corel Draw” โดยเฉพาะโปรแกรม “Illustrator” ซงเปนของคาย Adobe System ผผลตโปรแกรม Photoshop

4.ครใชเทคนคการจดการเรยนรแบบอภปราย (Discussion Method) คอกระบวนการทผสอนมงใหผเรยนมโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในเรองความแตกตางระหวางกราฟกแบบ Raster กบ Vector ซงเปนเรองทเกยวของกบบทเรยนหรอทกลมมความสนใจรวมกน โดยมจดมงหมายเพอหาค าตอบ แนวทางหรอแกปญหารวมกน การจดการเรยนรแบบนมงเนนใหผเรยนมสวนรวมในการเรยนร คอ รวมคด รวมวางแผน รวมตดสนใจ รวมปฏบตงานและชนชมผลงานรวมกน

5.ครและผเรยนชวยกนสาธตการใชเครองมอสรางรปภาพกราฟกแบบ Vector (Pen Tool) โดยโปรแกรม PhotoShop สามารถสรางภาพในลกษณะเปนเสนโดยใชเครองมอดงน

45

6.ครและผเรยนสาธตการใชเครองมอสรางรปภาพกราฟกแบบ Vector (Shape Tool) โดยการใชเครองมอ

Shape ในการสรางงาน เปนการน ารปทรงทมอยในโปรแกรมมาใช โดยการท างานโปรแกรมจะมการสราง Layer ของรปทรงขนมาใหม โดยรปภาพทไดจะมลกษณะเปนรปภาพแบบ Vactor แตโปรแกรมจะท าเปนชนภาพ (Layer) แยกในแตละรปทรงทสราง ซงสามารถจดการกบรปทรงตางๆ ทสรางในโปรแกรมได เชน การเตมสใหเสน Path การใสสเสนขอบของเสน Path ซงการสรางขอบเขตการเลอกจากเสน Path การลบเสน Path เปนตน การสรางรปภาพกราฟกแบบ Vector โดยใชเครองมอ Shape สามารถจดการชนภาพ (Layer) เชน การใสเงา การใสแสงขอบในหรอขอบนอก ฯลฯ ซงรายละเอยดจะกลาวถงในหนวยเรยนเรองLayer

7.ครและผเรยนสาธตการยายรปทรงโดยใชเครองมอ Move หากมรปทรงหลายรปทรงทตองการยาย

ต าแหนงไปยงต าแหนงทตองการ สามารถท าไดโดยการใชเครองมอ Move การใชเครองมอ Move ท าไดดงน

8.ครและผเรยนชวยกนสาธตการปรบขนาดรปทรงโดยใชค าสง Free Transform โดยการปรบขนาดของ

46

ภาพหรอวตถตางๆ ในภาพ สามารถท าไดโดยการใชค าสง Edit > Free Transform (Ctrl+T) โปรแกรมจะปรากฏเสนกรอบทมจดควบคมอย 8 จด และจดศนยกลางอก 1 จด โดยปกตการยอหรอขยายจะคลกทมมใดมมหนงแลวลากเขาหรอออกเพอยอ-ขยายภาพจากนน กด Enter หรอ Double Click

47

9.ผเรยนสรางภาพ ความกวาง 500 Pixel สง 500 Pixel ความละเอยด 72 Pixel per inch โดยใชเครองมอ Shape สรางรปภาพดงภาพแลวบนทกไฟลชอ “ใบงานท 8.psd” และ “ใบงานท 8.jpg”

10.ผเรยนสรางภาพ ความกวาง 1024Pixel สง 768Pixel ความละเอยด 72 Pixel per inch โดยใชเครองมอ Shape สรางรปภาพโดยก าหนดหวขอใหเปน “ภาพบอกเรองราว” แลวบนทกไฟลชอ “ใบงานท 9.psd” และ “ใบงานท 9.jpg” จากนนใหน าภาพทไดจากการบนทกไปใสลงในโปรแกรม Microsoft Word แลวบรรยายรปทวาดดวยขอความประมาณ 5-7 บรรทด ก าหนดแบบอกษรเปน “Cordia New” ขนาด 16 Point

11.ครเสนอแนะและเปนทปรกษาในการน าเอาแนวปรชญำของเศรษฐกจพอเพยง ซงในกระบวนการท างานทกประเภทนน จะตองเนนสจจะซงเปนตวคณธรรม จรยธรรม เนนความซอสตยสจรต เนนใหชวยกนคด ชวยกนท า เนนใหรจกความพอด พอประมาณ มเหตผล ทงหมดนคอ หลกปรชญาของเศรษฐกจพอเพยง และสามารถน าไปประยกตใชกบการด าเนนชวตของทกคนได

ขนสรปและการประยกต

12.ครและผเรยนสรปโดยการถามตอบเกยวกบรปภาพแบบ Vector ความแตกตางระหวางกราฟกแบบ Raster กบ Vector และผเรยนฝกปฏบตเกยวกบการใชเครองมอสรางรปภาพกราฟกแบบ Vector (Pen Tool) การใชเครองมอสรางรปภาพกราฟกแบบ Vector (Shape Tool) การยายรปทรงโดยใชเครองมอ Move การปรบขนาดรปทรงโดยใชค าสง Free Transform โดยเนนใหผเรยนปฏบตเพอฝกทกษะใหเกดความช านาญ 13.ผเรยนท ากจกรรมใบงาน แบบฝกปฏบต แบบประเมนผลการเรยนร เพอฝกทกษะการเรยนรใหเกดความช านาญในการน าไปประยกตใชตอไป

14.ผเรยนรวมกนประเมนโดยพจารณาจากขอมลความร การใหเหตผล และความพรอมในการอภปราย



1. 2. 3. 4.

สอและแหลงการเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, PowerPoint 6.แบบประเมนผลการเรยนร

48



1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยมและคณลกษณะอนพง

ประสงค เครองมอวดผล

1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน


1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต มเกณฑผาน 50% 6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ


49

กจกรรมเสนอแนะ 1.ครแนะน าใหฝกปฏบตท ากจกรรมใบงาน และอานทบทวนเนอหา 2.ท าแบบฝกปฏบตดวยตนเองใหเขาใจ เพอใหสามารถน าไปใชงานได

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. เหตใดจงนยมใช Vector graphics เพอพมพงานดานโลโก

ก. เนองจากคณภาพของภาพไมขนกบอตราขยาย ข. เนองจากขอบภาพมความคมชดมาก ค. มลกษณะเปนภาพลายเสน ง. ถกทกขอ

2. ขอใดคอลกษณะเดนของรปภาพแบบ Vector ก. เมอมการขยายภาพความละเอยดไมลดลง ข. เปนภาพกราฟกทเกดจากการน าความสมพนธทางคณตศาสตร ค. ประกอบดวยเสนตรงและเสนโคง ง. ถกทกขอ

3. ขอใดคอขอเสยของภาพแบบ Vector ก. เมอมการขยายภาพความละเอยดไมลดลง ข. แฟมจะมขนาดใหญกวาแบบ Raster ค. ภาพแลดเปนภาพวาดเมอเทยบกบไฟลภาพแบบ Bitmap ง. ขนตอนทยงยากและซบซอน

4. ขอความใดตอไปนกลาวถกตอง ก. Vector เปนกราฟกทมลกษณะภาพทประกอบขนดวยจดส (พกเซล) ตางๆ มากมาย ข. Vector เปนรปภาพทเหมาะส าหรบงานดานกราฟก ในแบบตองการใหแสงเงาในรายละเอยด ค. Vector เหมาะส าหรบงานแบบวาง Layout งานพมพตวอกษร Line Art หรอ Illustration ง. ขอ ก. และ ค. ถก

5. ขอใดหมายถงการน ารปทรงพนฐานตางชนดผสมกน มทศทางการลากเสนในแนวตางๆ โดยใช ค าสงงายๆ

ก. Vector Graphic ข. Raster Graphic ค. Bitmap Graphic ง. Object Graphic

6. ขอใดเปนคณสมบตเฉพาะของ Pen Tool ก. สรางเสนตรง โดยสามารถดดเสนใหโคงได ข. สรางเสนเปนรปทรงอสระ ค. เพมจดภาพในเสน ง. ถกทกขอ

50

7. เหตใดจงตองมการเพมจดใหกบเสน Path ทสรางขน ก. เพมความสมบรณใหกบเสน Path ข. เพอใหการเคลอนยาย (Move) ท าไดสะดวกมากยงขน ค. เพอใหสามารถดดเสน Path ได ง. เพอสามารถยอหรอขยายเสน Path ได

8. ขอใดคอเครองมอในการดดเสนใหโคงงอใหยอนกลบไปยงต าแหนงองศาเดมของเสน ก. Add Anchor Point ข. Delete Anchor Point ค. Convert Point ง. Delete Path

9. ขอใดตอไปนกลาวถกตองในการแสดงผลของภาพ ก. กราฟกแบบ Raster แสดงภาพบนจอทนท ข. กราฟกแบบ Vector ใชเวลาในการประมวลผลเพอแสดงภาพมากกวา ค. กราฟกแบบ Vector ตองท าตามค าสงทมจ านวนมากกวากราฟกแบบ Raster ง. ถกทกขอ

10. ขอใดตอไปนกลาวถกตอง ก. การปรบขนาดของภาพหรอวตถตางๆ ในภาพสามารถท าไดโดยใชค าสง Move ข. การปรบขนาดของภาพหรอวตถตางๆ ในภาพสามารถท าไดโดยใชค าสง Free transform ค. การปรบขนาดของภาพหรอวตถตางๆ ในภาพสามารถท าไดโดยใชค าสง Custom Shape ง. การปรบขนาดของภาพหรอวตถตางๆ ในภาพสามารถท าไดโดยใชค าสง Rectangle

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดกลาวไมถกตอง

ก. ขนาดแฟม Raster เลกกวาแบบ Vector ข. Vector เปนภาพกราฟกความสมพนธทางคณตศาสตร ค. Vector นยมใชเพองานสถาปตย ตกแตงภายใน ง. Vector เมอถกขยายภาพความละเอยดจะไมลดลง

2. ขอใดหมายถง Draw type graphics ก. การเตมสลงบนโครงราง ข. ภาพลายเสน ค. พนททถกลอมรอบโดยโครงรางนนๆ ง. สรางเปนโครงราง

3. ขอใดมลกษณะเปน Object Oriented ก. Resolution Dependent ข. Bitmap ค. Vector Graphic ง. ถกทกขอ

51

4. เครองมอใดใชในการสรางรปภาพกราฟกแบบ Vector ก. Pen Tool ข. Rectangle Tool ค. Add Anchor Point Tool ง. ถกทกขอ

5. ขอใดคอสงส าคญทสดในการเตมสให Path ก. เลอกสทตองการเตม ท Forground color ข. ผใชโปรแกรมตองสรางเสน Path ขนมากอน ค. เลอก Fill Path ง. การก าหนดรหสส

6. ขอใดคอคณสมบตของ Stroke Path ก. เปนการเตมสให Path ข. เปนการเตมสใหเสนขอบ Path ค. เปนการสรางขอบเขตการเลอกจากเสน Path ง. เปนการวาดเสน Path ไดในทนท

7. ขอใดคอคณสมบตของเครองมอ Add Anchor Point Tool ก. เปนการสรางขอบเขตการเลอกจากเสน Path ข. เปนการใชเพมจดตรงส าหรบการดดใหกบเสน Path ค. เพมเสน Path ทมลกษณะเดยวกบทตงคาไว ง. การเพมชนภาพในต าแหนงทตองการ

8. ขอใดคอคณสมบตของ Radius ก. ปรบความมนของรปทรง Rectangle ข. ปรบความกวางของรปทรง Rectangle ค. ขยายขนาดของรปทรง Rectangle เปน 2 เทา ง. ชวยก าหนดรปทรง Rectangle ใหเหมาะสม

9. ขอใดคอการใชป มค าสงลด Free Transform ก. Ctrl + C ข. Alt + Ctrl ค. Shift + Carl ง. Ctrl + T

10. ขอใดกลาวถกตองทสด ก. Custom Shape ยอนกลบไปยงต าแหนงองศาเดมของ Shape ข. Delete Anchor Point ใชลบต าแหนงขอบเขตทเลอก ค. Move ใชเพอยายต าแหนงของรปทรง ง. กด Alt คาง เมอตองการยอหรอขยายภาพคงสดสวนเดม

เฉลยกำรประเมนผลกำรเรยนรกอนเรยน/หลงเรยน กอนเรยน หลงเรยน

1.ง 2.ง 3.ค 4.ค 5.ก

6.ก 7.ค 8.ค 9.ง 10.ข

1.ก 2.ข 3.ค 4.ง 5.ข

6.ข 7.ข 8.ก 9.ง 10.ค

52


ขอสรปหลงกำรสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหำทพบ .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. แนวทำงแกปญหำ .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

53



ชอหนวย/เรอง ชนรปภาพ (Layer) จ านวน 4 ช.ม.

สาระส าคญ

รปภาพกราฟกทเกดขนจากโปรแกรมคอมพวเตอรตองมชนรปภาพอยางนอยหนงชน รปภาพแตละรปอาจจะมจ านวนชนทไมเทากน ขนอยกบความจ าเปนของชนรปภาพในแตละภาพ ดงนนจงจ าเปนตองเรยนรเกยวกบการจดการชนของรปภาพเพอน าไปประยกตใชใหเหมาะสมกบงานกราฟกตามทตองการ

จดประสงคกำรเรยนร

1.อธบายความหมายและลกษณะการท างานแบบเลเยอรได 2.บอกสวนประกอบของชนรปภาพได 3.จดการชนรปภาพได 4.อธบายลกษณะของชนรปภาพในรปแบบตางๆ ได 5.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง


สมรรถนะรำยวชำ


54

เน อหาสาระ 1.ความหมายและลกษณะการท างานแบบเลเยอร 2.สวนประกอบของชนรปภาพ 3.การจดการชนรปภาพ 4.ลกษณะของชนรปภาพในรปแบบตางๆ

กจกรรมการเรยนร ขนน าเขาสบทเรยน 1.ครใชเทคนคการสอนแบบ Lecture Method การจดการเรยนรแบบบรรยาย คอ กระบวนการเรยนรทผสอนเปนผถายทอดความรใหแกผเรยนโดยการพดบอกเลา อธบายเนอหาเรองราวของ Layer (เลเยอร) คอ ชนรปภาพ ซงเปรยบเสมอนกบแผนใส โดยลกษณะการท างานแบบเลเยอร เปนเหมอนการวางแผนใส ซอนทบกนเปนล าดบขนขนมาเรอยๆ โดยแตละแผนใส เปรยบเสมอนเปนแตละเลเยอร บรเวณของเลเยอรทไมมรปจะเหนทะลถงเลเยอรทอยขางลาง กระบวนการเชนน จะท าใหเกดเปนรปภาพสมบรณ และท าใหเราสามารถจดวางงานไดงาย ซงเปนเรองทผสอนไดเตรยมการศกษาคนความาเปนอยางด ผเรยนเปนฝายรบฟง และจดบนทกสาระส าคญในขณะทฟงบรรยาย และเปดโอกาสใหซกถามแสดงความคดเหนได 2.ครแสดงรปภาพของ Layer (เลเยอร) บางสวนใหผเรยนด เพอเชอมโยงเขาสบทเรยนตอไป

3.ผเรยนท าแบบประเมนกอนเรยน แลวสลบกนตรวจ และเกบคะแนนไวรวมตอนกลางภาคเรยน ขนสอน

4.ครผสอนอธบายความหมายและลกษณะการท างานแบบเลเยอร โดยใชสอ Power Point ประกอบ ซง การใชชนรปภาพในการสรางรปเปนสงส าคญของการสรางงานกราฟกใหสมบรณยงขน ซงสวนประกอบของหนาตางชนรปภาพ (Windows Layers) นนมค าสงเปนจ านวนมาก ในการใชงานจรงอาจจะไมจ าเปนตองใชค าสงของชนรปภาพครบถวน ซงอาจกลาวไดวาการใชชนของภาพนนจะขนอยกบงานในแตละงาน

55

การก าหนดหนาตาง Layers ใหแสดงหรอซอน สามารถท าไดโดยใชเมนค าสง Window แลวเลอก Layer

หรอกด F7 ทแปนพมพ หากมเครองหมายถกหนาขอความ Layers หมายถงหนาตางไดแสดงอย หากไมม เครองหมายถกหนาขอความ หมายถงซอนหนาตาง

5.ครใชเทคนคการจดการเรยนรแบบอภปราย (Discussion Method) เพอมงใหผเรยนมโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในเรองสวนประกอบของชนรปภาพ ดงน

56

6.ครอธบายและสาธตการจดการชนรปภาพ โดยใหผเรยนปฏบตตาม ซงการจดการชนรปภาพสามารถใช

ค าสงเมนในการจดการได ซงค าสงทใช เชน การเพมชนรปภาพใหม, การลบชนรปภาพ หรอการรวมชนรปภาพ เปนตน ซงการสรางภาพกราฟกนนตองดความเหมาะสมของการท างานดวย

7.ครอธบายลกษณะของชนรปภาพในรปแบบตางๆ โดยใชสอ Power Poiint ประกอบ 8.ครเนนผเรยนใหมควำมละเอยดรอบคอบ มควำมอดทน มควำเขมแขง มควำมเพยรพยำยำมใน

การฝกทกษะปฏบตงานไดจรงดานคอมพวเตอรได นอกจากนนยงใหระมดระวงความปลอดภยในการฝกปฏบตงานทอาจผดพลาดเกดขนไดโดยไมไดตงใจ เพราะในการประกอบอาชพจรง ๆ ดงนนผเรยนตองฝกทกษะความช านาญเหลานใหมประสทธภาพ เพอสรางรายไดทดในอนาคตตอไป และพรอมรบผลกระทบและความเปลยนแปลงทจะเกดขนในอนาคต คอ ท าใหเขมแขง กจะท าใหครอบครวมเงนออมอนเกดจากการท างานของเราได ถอเปนเงอนไขส าคญคอเรองคณธรรม ลกษณะดงกลาวนกจะเปนกำรสรำงภมคมกนทดในตวเอง รวมทงมควำมอดทน มควำมเพยรพยำยำมในการท ามาหาเลยงชพในชวตประจ าวนไดในอนาคตตอไปเปนอยางด

ขนสรปและกำรประยกต

9.สรปเนอหาโดยใหผเรยนฝกทกษะการปฏบตกจกรรมออกแบบสอบถาม ทสามารถน าไปประยกตใชในชวตประจ าวนได

10.ผเรยนท าใบงาน กจกรรม แบบประเมนผล และแบบฝกปฏบต

11.ประเมนผเรยนตามแบบฟอรมตอไปน

57



1. 2. 3. 4. 5.


1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, สอ PowerPoint 6.แบบประเมนผลการเรยนร

หลกฐำน

1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน


1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยมและคณลกษณะอนพง


1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร)

58

3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน


1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบตมเกณฑผาน 50% 6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.แนะน าใหผเรยนฝกทกษะโดยท ากจกรรมใบงาน 2.อานทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดตอไปนกลาวถกตองในเรองของชนรปภาพ

ก. รปภาพกราฟกทตองมชนรปภาพอยางนอยหนงชน ข. รปภาพแตละรปอาจจะมจ านวนชนทไมเทากน ค. Layer (เลเยอร) คอชนรปภาพ ซงเปรยบเสมอนกบกระดาษลอกลาย ง. ขอ ก. และ ข. ถก

2. ขอใดตอไปนกลาวขดแยงในเรองของชนรปภาพ ก. ชนรปภาพทสมบรณนนตองมมากกวา 1 ชนขนไป ข. การท างานแบบเลเยอรเหมอนการวางแผนใสซอนทบกนเปนล าดบขนขนมาเรอยๆ ค. บรเวณของเลเยอรทไมมรปจะเหนทะลถงเลเยอรทอยขางลาง ง. การใชชนของภาพนนจะขนอยกบงานในแตละงาน

59

3. ขอใดหมายถง Windows Layers ก. กระดาษแผนใส ข. หนาตางชนรปภาพ ค. ชนทชอวา Background ง. การสรางชนรปภาพใหม

4. “รปภาพทวไปจะมชนทช อวา Background เปนชนลางสด” หมายถงขอใด ก. ภาพทวไปจะมชนทช อวา Background เปนชนบนสด ข. รปภาพทวไปจะมชนทช อวา Background เปนชนกลาง ค. รปภาพทวไปจะไมมชนทช อวา Background ง. รปภาพทวไปจะมชนทช อวา Background เปนชนลางสดและไมสามารถเคลอนไหวได

5. “เมอมองชนรปภาพทงหมดพรอมกนจงจะไดรปภาพทสมบรณ” สอดคลองกบขอใด ก. ภาพทสมบรณสามารถมองชนใดชนหนงกได ข. รปภาพทกชนแสดงออกมาพรอมกนอยแลวไมสามารถปดชนใดได ค. รปภาพการมองชนรวมทกชนทตองการใหแสดงคอรปทสมบรณ ง. การมองเพยงบางชนกสามารถเปนภาพทสมบรณได

6. ขอใดคอค าสงในการจดการชนรปภาพ ก. การเพมชนรปภาพใหม ข. การลบชนรปภาพ ค. การรวมชนรปภาพ ง. ถกทกขอ

7. ขอใดหมายถงคา Opacity ก. ขนาดภาพ ข. ความโปรงใส ค. เสนขอบภาพ ง. สของภาพ

8. การเพมชนรปภาพใหมสามารถท าไดโดย Shift + Ctrl + N ก. ไมเหนดวย เพราะฟงกชนดงกลาวเปนการลบชนรปภาพ ข. ไมเหนดวย เพราะฟงกชนดงกลาวเปนการรวมชนรปภาพ ค. เหนดวย เพราะฟงกชนดงกลาวเพมชนรปภาพใหมได ง. ไมเหนดวย เพราะฟงกชนดงกลาวเปนการแปลงชนรปภาพเปนสทบ

9. เมอใชเครองมอ Move เราสามารถสงเกตวาวตถเคลอนยายจากชนไดจากขอใด ก. ไมสามารถมจดสงเกตไดตองอาศยความจ าเทานน ข. ทหนาตาง History ค. ทหนาตาง Layer Thumbnail ง. ขอ ข. และ ค. ถกตอง

10. “การใชค าสง Blending Modes ใชไดกบเลเยอรทไมถกลอกเทานน” คอขอใด ก. ค าสง Blending Modes ใชไดกบเลเยอรทไมถกลอกเทานน ข. ค าสง Blending Modes ใชไดกบทกเลเยอร ค. ค าสง Blending Modes ใชไดกบทกเลเยอรเมอมการเปลยนชอเปน Background ง. ค าสง Blending Modes ใชไดกบทกเลเยอรทถกลอกเทานน

เฉลยแบบประเมนผลกอนเรยน 1.ง 3.ข 5.ค 7.ข 9.ค 2.ก 4.ง 6.ง 8.ค 10.ก

60



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

61



ชอหนวย/เรอง ชนรปภาพ (Layer) จ ำนวน 4 ช.ม.

สาระส าคญ รปภาพกราฟกทเกดขนจากโปรแกรมคอมพวเตอรตองมชนรปภาพอยางนอยหนงชน รปภาพแตละรป

อาจจะมจ านวนชนทไมเทากน ขนอยกบความจ าเปนของชนรปภาพในแตละภาพ ดงนนจงจ าเปนตองเรยนรเกยวกบการจดการชนของรปภาพเพอน าไปประยกตใชใหเหมาะสมกบงานกราฟกตามทตองการ


5.ก าหนดแบบของชนรปภาพได 6.ใชค าสง Blending Modes ได 7.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษาส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง



เน อหาสาะ

5.การก าหนดแบบของชนรปภาพ 6.การใชค าสง Blending Modes

62

กจกรรมการเรยนร ขนน าเขาสบทเรยน 1.ครสนทนากบผเรยนในรปแบบการจดการเรยนรแบบอภปราย คอกระบวนการทผสอนมงใหผเรยนมโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในการก าหนดแบบของชนรปภาพ และการใชค าสง Blending Modes ซงเปนเรองทเกยวของกบบทเรยนหรอทกลมมความสนใจรวมกน โดยมจดมงหมายเพอหาค าตอบ แนวทางหรอแกปญหารวมกน การจดการเรยนรแบบนมงเนนใหผเรยนมสวนรวมในการเรยนร คอ รวมคด รวมวางแผน รวมตดสนใจ รวมปฏบตงานและชนชมผลงานรวมกน จากนนกทบทวนเนอหาการเรยนการสอนในสปดาหทผานมา 2.ครแสดงรปภาพใหผเรยนดและแสดงความคดเหนรวมกน

ขนสอน 3.ครอธบาย และสาธตการก าหนดแบบของชนรปภาพ โดยใช Power Point ประกอบ โดยการก าหนดแบบของชนรปภาพ (Mode) จะสงผลใหกบการมองเหนของรปภาพ สามารถท าไดโดยการซอนชนภาพและก าหนดแบบของชนภาพ ซงมหลากหลายรปแบบใหเลอก การก าหนดชนภาพสามารถท าไดโดยการเลอกทกลองตวเลอก

4.ครและผเรยนชวยกนสาธตการใชค าสง Blending Modes โดยการใชค าสง Blending Modes เปนการ

ก าหนดรปแบบของเลเยอรซงจะมลกษณะทแตกตางกน โดยผใชสามารถก าหนดรายละเอยดหรอปรบแตงคาเพมเตมได ท าใหชนรปภาพมลกษณะเฉพาะ ซงการใชค าสง Blending Modes จะไมสามารถใชไดกบเลเยอรทถกลอก การเรยกใชค าสง Blending Modes สามารถเพมรปแบบของชนรปภาพไดหลายรปแบบพรอมกนและยงสามารถลบรปแบบทไมตองการได

63

5.ผเรยนสรางภาพ ความกวาง 500 Pixel สง 500 Pixel ความละเอยด 72 Pixel per inch ก าหนดให มเลเยอรดงน

1. กอนเมฆ 6. แมน า 2. ดวงอาทตย 7. ตนไม 3. ดวงจนทร 8. ตนหญา 4. พนหลงกลางวน 9. กอนหน 5. พนหลงกลางคน 10. อนๆ

ในแตละเลเยอรใหใช Brush ในการวาด เมอเรยบรอยแลวใหซอนเลเยอรดวงอาทตย ดวงจนทร พนหลงกลางวน และพนหลงกลางคน เวลาสงงานใหเปดเลเยอรดงน

1) ดวงอาทตย และพนหลงกลางวน 2) ดวงจนทร และพนหลงกลางคน บนทกไฟลชอ “ใบงานท 10.psd” และ “ใบงานท 10.jpg”

6.ผเรยนเปดไฟลทก าหนดให แลวจดเรยงตามทก าหนดให โดยสรางภาพ ความกวาง 36.41 CM สง 25.4 CM ความละเอยด 300 Pixel per inch บนทกไฟลชอ “ใบงานท 11 .psd” และ “ใบงานท 11 .jpg”

7.ครเนนใหผเรยนก าหนดชนรปภาพ (Layer) โดยใชความมเหตมผล และความรอบคอบ ระมดระวง ซงจะเปนภมคมกนทดในตวเองได ซงควำมมเหตผล หมายถง การตดสนใจเกยวกบระดบของความพอเพยงจะตองเปนไปอยางมเหตผล โดยพจารณาจากเหตปจจยทเกยวของค านงถงผลทคาดวาจะเกดขนจากการกระท านนๆ อยางรอบคอบ สวน กำรมภมคมกนทดในตว หมายถง การเตรยมตวใหพรอมรบผลกระทบและการเปลยนแปลงดานตางๆ ทจะเกดขนโดยค านงถงความเปนไปไดของสถานการณตางๆทคาดวาจะเกดขนในอนาคต

ขนสรปและการประยกต 8.ครและผเรยนสรปการก าหนดแบบของชนรปภาพ และการใชค าสง Blending Modes โดยการฝกปฏบต

ตามแบบทครก าหนดให

64

9.สรปสาระส าคญเพอใหเกดการเรยนรและน าไปปฏบตได และประเมนผเรยนดงน




1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, VDO, สอ PowerPoint 6.แบบประเมนผลการเรยนร




เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร)

65




การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.แนะน าใหผเรยนท ากจกรรมใบงาน และแบบฝกปฏบตเพอฝกทกษะใหเกดความช านาญ 2.อานและทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดคอลกษณะการท างานแบบ Layer

ก. เปนเหมอนการวางแผนใสเรยงสลบไปมาเรอยๆ ข. เปนเหมอนการวางแผนใสซอนทบกนเปนล าดบขนขนมาเรอยๆ ค. เปนเหมอนการวางแผนใสซอนทบกนโดยมองไมเหนดานลาง ง. ไมมขอใดถก

2. ขอใดคอป มฟงกชนเพอก าหนดหนาตาง Layers ใหแสดงหรอซอน ก. F1 ข. F3 ค. F5 ง. F7

3. การทช นรปภาพมรปแมกญแจ หมายถงขอใด ก. ชนรปภาพนนสามารถปลดลอกไดดวยการกดป ม ESC ข. ชนรปภาพนไมสามารถเคลอนไหวได ค. ชนรปภาพนนเปนรปภาพตนฉบบ ง. ชนรปภาพนนจะถกแสดงบนภาพตลอดเวลา

66

4. ขอใดคอคณสมบตของ Shift+Ctrl+N ก. การเพมชนรปภาพใหม ข. การเพมชนรปภาพใหมใหเหมอนกนชนรปภาพเดม ค. การผสานชนรปภาพ ง. ขอ ก. และ ข. ถก

5. ขอใดตอไปนกลาวถกตองเมอมการเพมชนรปภาพใหม ก. ก าหนดคา Opacity โดยปกตโปรแกรมจะก าหนดใหเปน 50% ข. สของ Layer หากไมก าหนดจะเปนสโปรงแสง ค. หากไมตงชอ Layer จะไมสามารถเพม Layer ได ง. การเพมชนรปภาพใหม และการเพมชนรปภาพใหมใหเหมอนกนชนรปภาพเดมมวธตางกน

6. ขอใดหมายถง Merge Down ก. การผสานชนรปภาพ ข. การรวมชนรปภาพทถกเลอก กบชนรปภาพทอยต ากวา 1 ชน เปนชนเดยวกน ค. Ctrl + E ง. ถกทกขอ

7. ขอใดกลาวถกตองเมอมการใชค าสง Merge Down ก. ชน Layer ยงคงแสดงเปน 2 ชน แตเมอเคลอนยายวตถในภาพจะตามกน ข. ชอ Layer ทถกรวมชอของชนรปภาพทอยต ากวาชนรปภาพทถกเลอก 1 ชน ค. เมอรวมชนรปภาพแลวสของของรปภาพทเหมอนกนจะผดเพยนเลกนอย ง. ถกทกขอ

8. ขอใดหมายถง Blending Modes ก. ค าสง Blending Modes สามารถเพมรปแบบของชนรปภาพไดหลายรปแบบพรอมกน ข. ค าสง Blending Modes สามารถลบรปแบบทไมตองการได ค. ค าสง Blending Modes เพอปรบแตงคณสมบตตางๆ ของชนรปภาพ ง. ถกทกขอ

9. ขอใดหมายถง Gradient Tool ก. เครองมอส าหรบสรางเงา ข. เครองมอเพอเลอกรปแบบการไลส ค. เครองมอยอยเพอการ Merge Down ง. เครองในการเปลยนใหเปนรปแบบสเทา

10. ขอใดคอชนรปภาพทมการบงบางสวนของชนภาพทอยระดบต ากวา 1 ชนไวดวยสด าและขาว ก. ชนรปภาพแบบ Type ข. ชนรปภาพแบบ Shape ค. ชนรปภาพแบบ Mask ง. ชนรปภาพแบบ Gradient

เฉลยแบบประเมนผลหลงเรยน 1.ข 3.ข 5.ง 7.ข 9.ข 2.ง 4.ก 6.ง 8.ง 10.ค

67

บนทกหลงการสอน ขอสรปหลงการสอน

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

68



ชอหนวย/เรอง การปรบแตงรปภาพและการใชค าสง Filter จ านวน 4 ช.ม.

สำระส ำคญ การน าภาพถายมาใชงานควรปรบแตงรปภาพใหเหมาะสมกบแตละงาน ซงการปรบแตงรปภาพสามารถ

ท าไดหลายวธขนอยกบความเหมาะสมของงาน เชน หากตองการรปภาพโทนสเขยว กควรใชค าสงปรบความสมดล ของส แลวเลอกเฉดสทเหมาะสม เปนตน สวนการใชค าสง Filter นนเปนการปรบแตงรปแบบในแบบทโปรแกรม มค าสงมาให โดยผใชสามารถเลอกใหเหมาะสมกบงาน


1.อธบายรปภาพกราฟกแบบสองมตได 2.ปรบแตงรปภาพได 3.มการพฒนาคณธรรม จรยธรรม คานยมและคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

3.1 ความมมนษยสมพนธ 3.2 ความมวนย

3.3 ความรบผดชอบ 3.4 ความซอสตยสจรต 3.5 ความเชอมนในตนเอง 3.6 การประหยด 3.7 ความสนใจใฝร 3.8 การละเวนสงเสพตดและการพนน 3.9 ความรกสามคค 3.10 ความกตญญกตเวท



69

เนอหาสาระ 1.รปภาพกราฟกแบบสองมต 2.การปรบแตงรปภาพ


ขนน าเขาสบทเรยน 1.ครใชเทคนคการสอนแบบอภปราย โดยการสนทนากบผเรยนถงคอมพวเตอรกราฟก คอ การสราง

การตกแตงแกไข หรอการจดการเกยวกบรปภาพ โดยใชเครองคอมพวเตอรในการจดการ 2.ครและผเรยนยกตวอยางแสดงความคดคดรวมกน เชน การท า Image Retouching ภาพคนแกใหม

วยทเดกขน การสรางภาพตามจนตนาการ และการใชภาพกราฟกในการน าเสนอขอมลตางๆ เพอใหสามารถสอความหมายไดตรงตามทผสอสาร ตองการและนาสนใจยงขนดวยกราฟ แผนภม แผนภาพ เปนตน

3.ผเรยนยกตวอยางรปภาพกราฟกทเคยรจกมาสนทนาพดคยกนในชนเรยน เพอแลกเปลยนความคดเหนระหวางกน และท าแบบแประเมนกอนเรยนแลวสลบกนตรวจเพอเปนคะแนนเกบระหวางภาคเรยน

ขนสอน 4.ครรปภาพกราฟกแบบสองมต ซงคอมพวเตอรกราฟก คอ การสราง การตกแตงแกไข หรอการจดการเกยวกบรปภาพ โดยใชเครองคอมพวเตอรในการจดการ เชน การท า Image Retouching ภาพคนแกใหมวยทเดกขน การสรางภาพตามจนตนาการ และการใชภาพกราฟกในการน าเสนอขอมลตางๆ เพอใหสามารถสอความหมายไดตรงตามทผสอสาร ตองการและนาสนใจยงขนดวยกราฟ แผนภม แผนภาพ เปนตน

5.ครอธบาย และน ารปภาพกราฟกแบบสองมต (2 Dimension: 2D) เปนภาพทพบเหนโดยทวไปลกษะของภาพมสองมตคอ ความกวางและความสง เชน ภาพถาย ภาพวาด ภาพลายเสน สญลกษณ กราฟ แผนท และรวมไปถงภาพเคลอนไหวแอนเมชนทมลกษณะเปนสองมตดวย

6.ผเรยนพจารณารปภาพกราฟกแบบสามมต (3 Dimension: 3D) เปนรปภาพทสามารถแสดงความลก

ของรปภาพได ซงลกษณะชองภาพมสามมตคอ ความกวาง ความสง และความลก เปนภาพกราฟกทใชโปรแกรม

70

สรางภาพสามมตโดยเฉพาะ เชน โปรแกรม 3Ds Max โปรแกรม Maya ทใชในการชวยสรางภาพยนตรหรอการตนแอนเมชนสามมต

7.ผเรยนและครกลาวสรปวา กราฟกแบบสองมต คอ ศลปะแขนงหนงซงใชสอความหมายดวยเสน

สญลกษณ รปวาด ภาพถาย กราฟ แผนภม การตน ฯลฯ เพอใหสามารถสอความหมายขอมลไดถกตองตรงตามทผสอสารตองการ โดยมลกษณะเปนสองมต คอ สามารถมองเหนตามแนวแกน X (ความกวาง) กบ แกน Y (ความยาว) ซงตางจากสามมต ซงสามมต นนจะมแกน Z (ความหนาหรอความสง) เพมเขามา ท าใหเหนเปนรปรางทชดเจนยงขน

8.ครและผเรยนชวยกนสาธตการปรบแตงรปภาพ โดยรปภาพกราฟกสองมตสามารถปรบแตรปภาพให เหมาะสมกบงานทใชไดหลายหลายรปแบบ ในการปรบแตงรปภาพจ าเปนตองมภาพตนฉบบซงสามารถน าภาพถาย หรอภาพทสแกนเขามาใชไดจากค าสง File แลวเลอก Open การใชค าสงปรบแตงรปภาพจะใชค าสงจากเมน Image ซงรวมค าสงทเกยวกบรปภาพทงหมด

1) การปรบระดบภาพ (Levels) 2) การปรบภาพดวยเสนโคง (Curves) 3) การปรบแสงและความคมชดของภาพ (Brightness/Contrast) 4) การปรบความสมดลส (Color Balance) 5) การปรบเฉดส 6) การปรบรปภาพตามตวอยาง (Variation)

9.ผเรยนหารปภาพสองมต และสามมตมาเปรยบเทยบจ านวน 5 ค โดยวางต าแหนงของภาพใหม 2 ภาพ ใน 1 หนากระดาษ A4 และบอกวารปใดเปนรปภาพสองมต รปใดเปนรปภาพสามมต 10.ผเรยนเปดไฟลทครก าหนดให แลวปรบแตงภาพใหสวยงาม โดยใชค าสง

1) Levels 4. Color Balance 2) Curves 5. Variation 3) Brihtness/Contrast

โดยใหเลอกปรบตามความเหมาะสม จ านวน 10 ภาพ ก าหนดใหบนทกไฟลชอ “ใบงานท 13-1.jpg” - “ใบงานท 13-10.jpg” 11.ครเนนใชโปรแกรมการปรบแตงรปภาพตาง ๆ โดยใชความมเหตมผล และความรอบคอบ ระมดระวง

71

ซงจะเปนภมคมกนทดในตวเองได ซงความมเหตผล หมายถง การตดสนใจเกยวกบระดบของความพอเพยงจะตองเปนไปอยางมเหตผล โดยพจารณาจากเหตปจจยทเกยวของค านงถงผลทคาดวาจะเกดขนจากการกระท านนๆ อยางรอบคอบ สวนการมภมคมกนทดในตว หมายถง การเตรยมตวใหพรอมรบผลกระทบและการเปลยนแปลงดานตางๆ ทจะเกดขนโดยค านงถงความเปนไปไดของสถานการณตางๆทคาดวาจะเกดขนในอนาคต

ขนสรปและการประยกต 12.ครสรปโดยถามค าถามหรอก าหนดปญหาโดยใหผเรยนระดมสมองชวยกนคดหาค าตอบแลวอธบาย

ค าตอบใหเพอนทกคนในกลมของตนเองเขาใจ 13.ครใชวธสมผเรยนทกกลมตอบค าถามและอธบายใหเพอนฟงทงชนเรยน

สอและแหลงกำรเรยนร 1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, สอ CD, สอ PowerPoint 5.แบบประเมนผลการเรยนร




72



1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต มเกณฑผาน 50% 6 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ฝกทกษะโดยท ากจกรรมใบงาน แบบฝกปฏบต เพอใหเกดความช านาญ 2.อานทบทวนเนอหารปภาพกราฟกแบบสองมต และฝกทกษะการปรบแตงรปภาพ

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดตอไปนกลาวถกตอง

ก. โทนสของภาพสามารถปรบแตงได ข. เฉดสทดควรมความสมดลในภาพ ค. การปรบแตงภาพทเหมาะสมจะชวยใหภาพดนาสนใจมากยงขน ง. ถกทกขอ

2. ขอใดหมายถง Image Retouching ก. การตกแตงภาพใหดดยงขน ข. การจดการเกยวกบรปภาพ ค. การใชกราฟกเพอเพมความสมบรณในการสอสาร ง. ถกทกขอ

73

3. ขอใดหมายถง Filter ก. การปรบแตงรปแบบในแบบทโปรแกรมมค าสงมาให โดยผใชเพอเลอกใหเหมาะสมกบงาน ข. การปรบแตงรปแบบในแบบทโดยไมมค าสงมาให ค. การตดตอภาพโดยเครองสแกนเพอใหเหมาะสมกบงาน ง. การเลอกต าแหนงรปภาพทตองการตดแตง

4. ขอใดตอไปนเปนตวอยางการ Retouch ก. การท าภาพหนาเดกเปนคนแก ข. การท าภาพหนาคนแกเปนหนาเดก ค. การแตงภาพเสรมหนาอกใหดใหญขน ง. ถกทกขอ

5. กราฟกแบบสองมตคอภาพทประกอบดวยขอใดตอไปน ก. ความกวาง และความยาว ข. ความกวาง และความลก ค. ความกวาง และความสง ง. ความกวาง ความสง และความยาว

6. กราฟกแบบสามมต มการเพมองคประกอบใดเขามาจากภาพสองมต ก. ความกวาง ข. ความสง ค. ความลก ง. ขอบเสนทเนนน าหนก

7. ขอใดหมายถงการปรบระดบภาพ ก. การเพมมตของภาพ ข. ปรบความปรบความคมชด (แสง-เงา) ของภาพใหเหมาะสม ค. การเพมความหนาของภาพใหเพมขน ง. การเพมชนของภาพ

8. เหตใดการปรบโทนสจงถกน ามาใชมากในปจจบน ก. เพอเพมการปรบความสมดลส ข. เปนการท ารปภาพใหมสทเหมาะสมกบงาน ค. เพอหารการมองภาพเปนโทนสเดยวกน ง. ถกทกขอ

9. ขอใดตอไปนกลาวไมถกตอง ก. การปรบความสมดลสคอการปรบโทนส ข. การปรบความสมดลสคอการใชเครองมอ Color Balance ค. ในการสรางเวบไซตควรมการก าหนดโทนส ง. การปรบโทนสไมเกยวของกบการปรบความคมชด

10. ขอใดหมายถงการปรบเฉดส ก. ก าหนดความอมตวของส ข. การปรบความสมดลส ค. เปนการตกแตงภาพ โดยการจ าลองการวาด ง. เปนการตกแตงภาพ ใหเปนภาพลายเสน

แบบประเมนผลกอนเรยน กอนเรยน

1.ง 6.ค 2.ง 7.ข 3.ก 8.ง 4.ง 9.ง 5.ค 10.ก

74


ขอสรปหลงกำรสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

75



ชอหนวย/เรอง การปรบแตงรปภาพและการใชค าสง Filter จ านวน 4 ช.ม.

สาระส าคญ การน าภาพถายมาใชงานควรปรบแตงรปภาพใหเหมาะสมกบแตละงาน ซงการปรบแตงรปภาพสามารถ

ท าไดหลายวธขนอยกบความเหมาะสมของงาน เชน หากตองการรปภาพโทนสเขยว กควรใชค าสงปรบความสมดลของส แลวเลอกเฉดสทเหมาะสม เปนตน สวนการใชค าสง Filter นนเปนการปรบแตงรปแบบในแบบทโปรแกรมมค าสงมาให โดยผใชสามารถเลอกใหเหมาะสมกบงาน


3.ใชค าสง Filter ได 4.ใชค าสง Liquify เพอปรบรปทรงรปภาพได 5.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา

ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง 5.1 ความมมนษยสมพนธ 5.2 ความมวนย

5.3 ความรบผดชอบ 5.4 ความซอสตยสจรต 5.5 ความเชอมนในตนเอง 5.6 การประหยด 5.7 ความสนใจใฝร 5.8 การละเวนสงเสพตดและการพนน 5.9 ความรกสามคค 5.10 ความกตญญกตเวท



76

เนอหาสาระ 3.การใชค าสง Filter 4.การใชค าสง Liquify เพอปรบรปทรงรปภาพ


ขนน าเขาสบทเรยน 1.ครและผเรยนสนทนาเกยวกบค าสง Filter เปนค าสงทใชปรบรปภาพแบบอตโนมต ซงโปรแกรมได เตรยมรปแบบพนฐานไวให ในการใชค าสงปรบรปภาพ โดยม 2 ประเภท คอ แบบทเหนตวอยางกอนกบแบบทปรบกอนจงจะเหนผลลพธ เมอผใชเลอกรปแบบการปรบ ผใชสามารถเลอกรายละเอยดเพมเตมในรปแบบทเลอกได หลงจากทเปดรปภาพทตองการปรบภาพแลว ใหผใชปรบสท Forground color และท Background กอน เนองจากมบางค าสงจะมความสมพนธกบสทผใชเลอกดวย

2.ครแสดงรปภาพค าสง Filter จากหนาจอคอพวเตอร และ Power Point

ขนสอน 3.ครใชเทคนคการจดการเรยนรแบบบรรยาย (Lecture Method) คอ กระบวนการเรยนรทผสอนเปนผถายทอดความรใหแกผเรยนโดยการอธบายเนอหาการใชค าสง Filter ทผสอนไดเตรยมการศกษาคนความาเปนอยางดผเรยนเปนฝายรบฟง อาจจะมการจดบนทกสาระส าคญในขณะทฟงบรรยายหรออาจมโอกาสซกถามแสดงความคดเหนไดบางถาผสอนเปดโอกาส 4.ครใชเทคนคการสาธตรวมกบผเรยน เพอฝกทกษะใหผเรยนใชค าสง Filter ไดถกตองและช านาญ

77

5.ครสาธตการใชค าสง Liquify เพอปรบรปทรงรปภาพ และใหผเรยนปฏบตตาม

78

6.ผเรยนเปดไฟลรปถายของนกเรยน แลวปรบแตงภาพ โดยใชค าสง Filter ทกรปแบบ บนทกไฟลชอ “ใบงานท 14-ชอ Filter.jpg” 7.ผเรยนพจารณาค าสง Liquify และบอกชอเครองมอ และความสามารถของเครองมอทครก าหนดให 8.ครแนะน าใหผเรยนบนทกบญชครวเรอน เพอใหเกดการปฏบตพฒนาความร ความคด และปฏบตถกตอง กอใหเกดความเจรญในดานอาชพหรอเศรษฐกจ สงคม และวฒนธรรม ซงการท าบญชครวเรอนเปนเรองการบนทกรายรบรายจายประจ าวน/เดอน/ป วามรายรบรายจายจากอะไรบาง จ านวนเทาใด รายการใดจายนอยจายมาก จ าเปนนอยจ าเปนมาก กอาจลดลงหรอเพมขนตามความจ าเปน ถาทกคนคดไดกแสดงวาเปนคนรจกพฒนาตนเอง มเหตมผล รจกพอประมาณ รกตนเอง รกครอบครว รกชมชน และรกประเทศชาตมากขน จงเหนไดวาการท าบญชครวเรอน คอวถแหงการเรยนรเพอพฒนาชวตตำมปรชญำเศรษฐกจพอเพยง

ขนสรปและการประยกต 9.ครและผเรยนสรปโดยผเรยนตอบค าถามเกยวกบการใชค าสง Filter และการใชค าสง Liquify เพอปรบรปทรงรปภาพ 10.ผเรยนท าแบบประเมนผลการเรยนร ท าใบงาน และท าแบบฝกปฏบต สอและแหลงกำรเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส, สอ CD และสอ PowerPoint 5.แบบประเมนผลการเรยนร



1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม

79

4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค





กจกรรมเสนอแนะ 1.แนะน าใหฝกทกษะในกจกรรมใบงาน แบบฝกปฏบต เพอฝกทกษะในการเรยนร 2.อานและทบทวนเนอหา และฝกปฏบต

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดหมายถงกราฟกแบบสองมต (2 Dimension : 2D)

ก. เปนรปภาพทสามารถแสดงความลกของรปภาพได ข. เปนทภาพทประกอบดวยความกวาง ความสง และความลก ค. เปนทภาพทมแกน X, Y และ Z ง. ไมมขอใดถก

80

2. ขอใดคอคณสมบตของค าสง Levels ก. ใชปรบระดบภาพ ข. ใชปรบความคมชดของภาพ ค. ใชปรบภาพลกษณะเสนโคง ง. ถกทกขอ

3. การปรบภาพลกษณะเสนโคงมลกษณะใกลเคยงกบเครองมอใด ก. Brightness ข. Contrast ค. Saturation ง. ไมมขอใดถก

4. ขอใดเปนขนตอนการเขาเครองมอ Contrast ก. Image / Contrast ข. Adjustments / Contrast ค. Image / Adjustments / Contrast ง. Adjustments / Image / Contrast

5. ขอใดเปนประโยชนของการปรบโทนส ก. สามารถปรบความสมดลของสได ข. เพมมตของภาพจากสองมตเปนสามมต ค. ก าหนดความอมตวของส ง. สามารถปรบแสงของรปภาพใหสวางขนหรอมดลงได

6. ค าสง Filter คอค าสงปรบภาพอตโนมตม 2 ประเภท ตามขอใด ก. แบบทเหนตวอยางกอนปรบอตโนมต และแบบแสดงรปแบบทปรบใหเลอก ข. แบบแสดงรปแบบปรบใหเลอก และแบบสามารถก าหนดคาทปรบได ค. แบบทเหนตวอยางกอนปรบ และแบบทปรบกอนจงจะเหนผลลพธ ง. แบบทปรบกอนจงจะเหนผลลพธ และแบบแสดงรปแบบทปรบใหเลอก

7. รปแบบ Accented Edges, Angled Strokes, Crosshatch เปนรปแบบของเครองมอใด ก. Distort ข. Brush Strokes ค. Filter ง. Variation

8. ขอใดหมายถงการตกแตงภาพใหเปนภาพลายเสน ท าใหรปภาพทไดมลกษณะเปนแบบการวาด ก. Brightness ข. Brush Strokes ค. Sketch ง. ถกทกขอ

9. เครองมอใดใชในการเพมลวดลายตางๆ ลงในภาพ ท าใหรปภาพดแปลกตา ก. Liquefy ข. Sketch ค. Texture ง. Stylize

10. ขอใดเปนเครองมอในการเกลยภาพ ก. Push Left tool ข. Turbulence tool ค. Forward Warp tool ง. Bloat tool

แบบประเมนผลหลงเรยน หลงเรยน

1.ง 6.ก 2.ก 7.ง 3.ข 8.ข 4.ข 9.ค 5.ค 10.ค

81



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

82

แผนการจดการเรยนรแบบบรณาการท 10 หนวยท -


ชอหนวย/เรอง ทบทวน/สอบกลางภาคเรยน จ านวน 4 ช.ม.

สำระส ำคญ - จดประสงคการเรยนร

1.ผเรยนเกดการเรยนรในเนอหาสาระ และน าความคดรวบยอดไปประยกตใชตอไป 2.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

2.1 ความมมนษยสมพนธ 2.6 การประหยด 2.2 ความมวนย 2.7 ความสนใจใฝร 2.3 ความรบผดชอบ 2.8 การละเวนสงเสพตดและการพนน 2.4 ความซอสตยสจรต 2.9 ความรกสามคค 2.5 ความเชอมนในตนเอง 2.10 ความกตญญกตเวท


เน อหาสาระ

ทบทวน/สอบกลางภาคเรยน

83

บนทกหลงการสอบ

ขอสรปหลงการสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

84



ชอหนวย/เรอง กำรเลอก (Selection) จ านวน 4 ช.ม. สำระส ำคญ

โปรแกรมอะโดบโฟโตชอปไดจดเตรยมเครองมอเพอใชในการจดการรปภาพ การเลอกและการแกไขรปภาพเปนสงส าคญในการจดการรปภาพ โดยการใชงานจะขนอยกบความตองการของการท างานในขณะนน และเครองมอแตละเครองมอมความสามารถในการใชงานแตกตางกน ดงนนผใชจงควรศกษาเครองมอเหลานเพอน าไปประยกตใชตอไป


1.อธบายและใชเครองมอในการเลอกได 2.อธบายและใชเมนในการเลอกรปภาพได 3.อธบายและเลอกแบบ Quick Mask Mode ได 4.มการพฒนาคณธรรม จรยธรรมคานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง



85

เน อหาสาระ 1.การใชเครองมอในการเลอก 2.การใชเมนในการเลอกรปภาพ 3.การเลอกแบบ Quick Mask Mode


ขนน าเขาสบทเรยน 1.ครและผเรยนสนทนาในการสรางหรอแกไขรปภาพใหไดงานตามทตองการ จ าเปนตองใชเครองมอ ส าหรบเลอก ภายในโปรแกรม Adobe Photoshop ไดเตรยมเครองมอเพอใชเลอกหลายประเภท เชน การเลอก บางสวนของภาพ การเลอกรปภาพแบบอสระ เลอกโทนสทตองการ 2.ผเรยนยกตวอยางการใชเครองมอในการเลอก

ขนสอน 3.ครอธบายและสาธตการใชเครองมอในการเลอกบนหนาจอคอมพวเตอร โดยผานสอ โปรเจคเตอร

ประกอบเปนสอในการเรยนการสอน 4.ครยกตวอยางการใชงานการใชเครองมอในการเลอก เพอใหผเรยนฝกปฏบต ไดแก 1) Marquee Tool,

2) Lasso Tool, 3) เครองมอทใชในการเลอกจากสทใกลเคยง, 4) เครองมอทใชในการครอบตด และแบงสวนรปภาพ, 5) เครองมอทใชในการเลอกอรรถประโยชน

5.ครอธบาย และสาธตการใชเมนในการเลอกรปภาพ โดยใหผเรยนฝกปฏบตตาม ซงการใชเมนเลอก รปภาพเปนการใชค าสง Select บนแถบเมนทอยดานบนสดของโปรแกรม เปนการเลอกรปภาพโดยไมตองใชเครองมอหรออาจมการใชเครองมอทใชในการเลอกรปภาพมากอนซงความสามารถของเมนแตละค าสงมความแตกตางกน ไดแก 1) การเลอกพนทรปแบบปกต และ 2) การเลอกพนทบางสวนโดยใชส 6.ครอธบาย และสาธตการเลอกแบบ Quick Mask Mode โดยใหผเรยนฝกปฏบตตาม ซงการเลอกรปภาพ (Selection) แบบ Quick Mask Mode เปนการเลอกโดยใชเครองมอ และค าสงในเมนรวมกน ท าใหการเลอกเปนไปไดตามทผใชตองการ ในการเลอกรปภาพแบบ Quick Mask Mode

7.ผเรยนสรางภาพ ความกวาง 500 Pixel สง 500 Pixel ความละเอยด 72 Pixel per inch แลวใช เครองมอ และเครองมอ รวมกบตวเลอก เพอสราง Selection ดงภาพ แลวบนทก Selection โดยเขาไปทเมน Select เลอก Save Selection ชอ “ใบงานท 16” เวลาสงใหเขาไปทเมน Select เลอก Load Selection

8.ผเรยนเปดรปภาพทก าหนดให แลวใชเครองมอชวยในการเลอกทเหมาะสมเพอ เพอสราง Selection ดง ภาพ (เลอกเฉพาะดอกไม) แลวบนทก Selection โดยเขาไปทเมน Select เลอก Save Selection ชอ “ใบงานท 17” เวลาสงใหเขาไปทเมน Select เลอก Load Selection

9.ครแนะน าใหผเรยนบนทกบญชครวเรอน เพอใหเกดการปฏบตพฒนาความร ความคด และปฏบต ถกตอง กอใหเกดความเจรญในดานอาชพหรอเศรษฐกจ สงคม และวฒนธรรม ซงการท าบญชครวเรอนเปนเรองการบนทกรายรบรายจายประจ าวน/เดอน/ป วามรายรบรายจายจากอะไรบาง จ านวนเทาใด รายการใดจายนอย

86

จายมาก จ าเปนนอยจ าเปนมาก กอาจลดลงหรอเพมขนตามความจ าเปน ถาทกคนคดไดกแสดงวาเปนคนรจกพฒนาตนเอง มเหตมผล รจกพอประมาณ รกตนเอง รกครอบครว รกชมชน และรกประเทศชาตมากขน จงเหนไดวาการท าบญชครวเรอน คอวถแหงการเรยนรเพอพฒนาชวตตำมปรชญำเศรษฐกจพอเพยง

ขนสรปและการประยกต 10.ครใชค าถามหรอก าหนดปญหาโดยใหผเรยนระดมสมองชวยกนคดหาค าตอบแลวอธบายค าตอบใหเพอนทกคนในกลมของตนเองเขาใจ

11.ครใชวธสมผเรยนทกกลมตอบค าถามและอธบายใหเพอนฟงทงชนเรยน 12.ผเรยนฝกทกษะท าแบบฝกปฏบต ใบงาน และแบบประเมนผลหลงเรยน


1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.กจกรรมการเรยนการสอน 3.สออเลกทรอนกส, สอ CD, สอ PowerPoint 4.แบบประเมนผลการเรยนร



1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพง


1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร)

87




การประเมนตามสภาพจรง กจกรรมเสนอแนะ

1.ท ากจกรรมใบงาน แบบฝกปฏบตเพอฝกทกษา 2.อาและทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดเปนสาเหตทท าใหการเลอกรปภาพมหลายรปแบบ

ก. ภาพมหลากหลายลกษณะแตกตางกนไป ข. เพอเพมความรวดเรวในการใชงานตามทกษะของผใชงาน ค. เพอใหการปรบแตงรปภาพท าไดงายมากยงขน ง. ถกทกขอ

2. เหตใดจงตองมการเลอกหรอก าหนดขอบเขตในการเลอกภาพ ก. เพอใหงายตอการตดภาพใหมขนาดเลกลงเทานน ข. เพอเปนการก าหนดขอบของการปรบโทนสเทานน ค. เพอระบต าแหนงทผใชตองการใชเครองมอตางๆ ตามทตองการ ง. ไมมขอใดถก

88

3. ขอใดตอไปนกลาวถกตอง ก. เครองมอในการเลอกภาพแบบวงกลมสามารถเลอกรปภาพใหเปนสเหลยมได ข. เครองมอในการเลอกภาพแบบสเหลยมสามารถเลอกรปภาพใหเปนวงกลมได ค. เครองมอทใชเลอกเปนเสนตรง แนวตงสามารถเลอกเปนเสนตรง แนวนอนได ง. ไมมขอใดถก

4. ขอใดคอเครองมอในการเลอกรปทรงอสระ ก. Russo Tool ข. Rasso Tool ค. Lasso Tool ง. Lusso Tool

5. ขอใดตอไปนกลาวไมถกตอง ก. เครองมอในการเลอกภาพเปนโปรแกรมเสรมทตองลงแยกจาก Adobe Photoshop ข. Marquee Tool เปนเครองมอทชวยการเลอกรปทรงตางๆ ค. Rectangular Marquee เปนเครองมอทใชในการเลอกรปทรงสเหลยม ง. Subtract from selection หมายถง ไมเลอกในสวนททบกน

6. ขอใดเปนการเลอกรปทรงในสวนททบกน ก. New selection ข. Subtract from selection ค. Add to selection ง. Intersect with selection

7. ขอใดเปนสาเหตของการตดแบงภาพเปนสวน ก. เพอเพมความสะดวกของผใชในการดาวนโหลดภาพ ข. เปนการยอขนาดของภาพใหมขนาดเลกลง ค. เปนการท าลกษณะภาพเหมอน Zip file ง. เปนการแปลงไฟลใหเหมาะสมกบเวบไซต

8. ภาพทมลกษณะเปนวงกลมผใชควรใชเครองมอใดในการเลอกภาพ ก. Rectangular Marquee ข. Elliptical Marquee ค. Single Rectangular Marquee ง. Single Elliptical Marquee

9. ขอใดคอคณสมบตของเครองมอ Eyedropper ก. ขยายต าแหนงทเลอกใหมขนาดใหญขน 1 พกเซล ข. ยอต าแหนงทเลอกใหมขนาดเลกลงขน 1 พกเซล ค. เปนการดดสต าแหนงทเลอกเพอเกบไวใชงาน ง. เปนการตดแบงรปภาพออกเปนสวนๆ

10. ขอใดคอคณสมบตของเครองมอ Color Sampler Tool ก. เปนการดดสต าแหนงทเลอกเพอเกบไวใชงาน ข. เครองมอในการผสมสเพอใหไดสทตองการ ค. เครองมอในการแสดงตวอยางสทตองการ ง. ไมมขอใดถก

89

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดเปนเครองมอในการเลอกรปภาพในโปรแกรม Adobe Photoshop

ก. Marquee Tool ข. Quick Selection Tool ค. Lasso ง. ถกทกขอ 2. ขอใดเปนเครองมอในรปทรงสเหลยม วงกลม รวมไปถงการเลอกแนวตง และแนวนอน

ก. Marquee Tool ข. Quick Selection Tool ค. Lasso ง. ถกทกขอ 3. ขอใดหมายถงเครองมอ Elliptical Marquee

ก. เปนเครองมอทใชในการเลอกรปภาพเปนสเหลยม ข. เปนเครองมอทใชในการเลอกรปภาพเปนวงกลม ค. เปนเครองมอทใชในการเลอกรปภาพเปนแนวตง ง. เปนเครองมอทใชในการเลอกรปภาพเปนแนวนอน

4. ขอใดคอรปแบบของ LassoTool ก. Lasso Tool, Polygonal Lasso Tool และ Magnetic Tool ข. Lasso Tool, Polygonal Lasso Tool และ Magnetic Lasso Tool ค. Quick Lasso Tool, Polygonal Lasso Tool และ Magnetic Lasso Tool ง. Quick Tool, Polygonal Tool และ Magnetic Tool

5. ขอใดคอประโยชนของเครองมอ Crop Tool ก. เครองมอทใชในการเลอกรปภาพไดอยางรวดเรว ข. ใชเลอกรปทรงอสระโดยจะมการค านวณสทจะเลอกผใชก าหนดจดเรมตน ค. เครองมอทใชในการครอบตดรปภาพใหไดสวนตามทตองการ ง. ใชในการก าหนดขอบเขตหรอจดต าแหนงของการตดรปภาพ

6. ขอใดเปนรปแบบการเลอกพนทรปแบบปกต ก. เลอกรปภาพทงหมด การไมเลอกรปภาพ ยอนกลบการเลอก และการเลอกสลบกน ข. เลอกรปภาพทงหมด เลอกรปภาพบางสวน ยอนกลบการเลอก และการเลอกสลบกน ค. เลอกรปภาพทงหมด การไมเลอกรปภาพ ยอนกลบตนฉบบ และการเลอกบางสวน ง. เลอกรปภาพบางสวน การไมเลอกรปภาพ ยอนกลบการเลอก และการเลอกสลบกน

7. ขอใดหมายถงการเลอกสลบกน ก. Select > All ข. Select > Deselect ค. Select > Reselect ง. Select > Inverse

8. เครองมอใดใชในการเลอกพนทบางสวนรปภาพจากส ก. Rectangular Marquee ข. Color Range… ค. Color Sampler Tool ง. ถกทกขอ

90

9. เครองมอ Quick Mask Mode ใชอปกรณใดในการระบายภาพทตองการ Selection ก. Pen Tool ข. Pencil Tool ค. Brush Tool ง. Eraser Tool

10. ในการเลอกพนทบางสวนโดยใชส หากผใชกด Shift + Ctrl + D หมายถงใชค าสงใด ก. Select > All ข. Select > Deselect ค. Select > Reselect ง. Select > Inverse

แบบประเมนผลกำรเรยนรกอนเรยนและหลงเรยน กอนเรยน หลงเรยน

1.ง 6.ง 1.ง 6.ก 2.ค 7.ก 2.ก 7.ง 3.ง 8.ข 3.ข 8.ข 4.ค 9.ค 4.ข 9.ค 5.ก 10.ก 5.ค 10.ค

91



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

92



ชอหนวย/เรอง การใชเครองมอในการแกไขหรอ

ซอมแซมรปภาพ จ านวน 4 ช.ม.

สำระส ำคญ รปภาพจากกลองดจทลในบางภาพอาจดไมสวยงามหรอไมเหมาะสมกบงานทตองการสราง โปรแกรมโฟ

โตชอปไดเตรยมเครองมอทใชส าหรบการแกไขรปภาพ ซงเปนเครองมอทชวยในการแกไข หรอซอมแซมรปภาพ และมอยหลากหลายประเภท ผใชจ าเปนตองเรยนรเครองมอตางๆ เพอน าไปใชใหเหมาะสมกบสถานการณของงานแตละชน


1.ประยกตใชเครองมอทใชในการซอมแซมรปภาพ 2.ประยกตใชเครองมอทใชในการคดลอก 3.ประยกตใชเครองมอทใชในการลบรปภาพ 4.ประยกตใชเครองมอทใชในการปรบความคมชดของภาพ 5.ประยกตใชเครองมอทใชในการระบายภาพ 6.ประยกตใชเครองมอทใชในการยอนกลบการระบายภาพ 7.ประยกตใชเครองมอทใชในการใสสรปภาพ 8.ประยกตใชเครองมอทใชในการปรบแสงสรปภาพ 9.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

9.1 ความมมนษยสมพนธ 9.2 ความมวนย 9.3 ความรบผดชอบ 9.4 ความซอสตยสจรต 9.5 ความเชอมนในตนเอง 9.6 การประหยด 9.7 ความสนใจใฝร

93

9.8 การละเวนสงเสพตดและการพนน 9.9 ความรกสามคค 9.10 ความกตญญกตเวท


เนอหาสาระ 1.เครองมอทใชในการซอมแซมรปภาพ 2.เครองมอทใชในการคดลอก 3.เครองมอทใชในการลบรปภาพ 4.เครองมอทใชในการปรบความคมชดของภาพ 5.เครองมอทใชในการระบายภาพ 6.เครองมอทใชในการยอนกลบการระบายภาพ 7.เครองมอทใชในการใสสรปภาพ 8.เครองมอทใชในปรบแสงสรปภาพ


ขนน าเขาสบทเรยน 1.ครและผเรยนสนทนากนเรองการใชเครองมอในการแกไขหรอซอมแซมรปภาพ โดยครแสดงรปภาพ

เปรยบเทยบ และแสดงความคดเหนรวมกน

94

2.เปดโอกาสใหผเรยนแสดงความคดเหน และสนทนากนระหวางเพอนในชนเรยน 3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน แลวสลบกนตรวจเพอเกบคะแนนไวปลายภาคเรยน

ขนสอน 4.ครอธบาย และสาธตเครองมอทใชในการซอมแซมรปภาพ โดยใช Power Point เปนสอประกอบ ไดแก

เครองมอทใชในการแกไขภาพสามารถแบงประเภทได 8 ประเภท ดงน 1) เครองมอทใชในการซอมแซมรปภาพ 2) เครองมอทใชในการคดลอก 3) เครองมอทใชในการลบรปภาพ 4) เครองมอทใชในการปรบความคมชดของภาพ 5) เครองมอทใชในการระบายภาพ 6) เครองมอทใชในการยอนกลบการระบายภาพ 7) เครองมอทใชในการใสสรปภาพ 8) เครองมอทใชในการปรบแสงสรปภาพ

5.ครและผเรยนสาธตการใชเครองมอทใชในการคดลอก ไดแก 1) Clone Stamp Tool และ 2) Pattern

Stamp Tool 6.ครและผเรยนสาธตการใชเครองมอทใชในการลบรปภาพ โดยการลบรปภาพบางสวนบนรปภาพสามารถท าไดโดยการใช Eraser ซงนมการแบงเครองมอออกเปน 3 รปแบบ คอ

1) Eraser Tool 2) Background Eraser Tool 3) Magic Eraser Tool

ในการน าไปใชจะตองค านงถงลกษณะของเครองมอทแตกตางกนไปกบงานในขณะนน

95

7.ครอธบาย และสาธตการใชเครองมอทใชในการปรบความคมชดของภาพ โดยใหผเรยนฝกปฏบตตามขนตอน ซงการปรบความคมชดของภาพใหกบรปภาพบางสวนบนรปภาพสามารถท าไดโดยการใชเครองมอทโปรแกรมไดจดเตรยมมาใหซงมการแบงเครองมอออกเปน 3 ชนดดวยกนดงน

1) Blur Tool 2) Sharpen Tool 3) Smudge Tool

8.ครอธบาย และสาธตการใชเครองมอทใชในการระบายภาพ โดยใหผเรยนฝกปฏบตตาม

เนองจากเครองมอทใชในการระบายภาพ ไดกลาวไวในหนวยท 3 แลว

9.ครอธบาย และสาธตการใชเครองมอทใชในการยอนกลบการระบายภาพ โดยใหผเรยนฝกปฏบต

ตาม ซงการใชเครองมอทใชในการยอนกลบการระบายภาพใหกบรปภาพบางสวน สามารถท าไดโดยการใชเครองมอทโปรแกรมไดจดเตรยมมาใหซงมการแบงเครองมอออกเปน 2 ชนด ดงน 1) History Brush Tool 2) Art History Brush Tool

10.ครอธบาย และสาธตการใชเครองมอทใชในการใสสรปภาพ และการใชเครองมอทใชในปรบแสง

สรปภาพ โดยใหผเรยนฝกปฏบตตาม 11.ผเรยนเปดรปภาพทก าหนดให แลวใชเครองมอในการแกไข หรอซอมแซมรปภาพทเหมาะสม บนทกไฟลงานชอ “ใบงานท 18-1.jpg” - “ใบงานท 18-4.jpg” 12.ครเนนการน าควำมรทำงดำนคอมพวเตอรไปใชในกำรประกอบอาชพอยางมคณธรรมไมเบยดเบยนผอน เชน ไมมพฤตกรรมทฉอโกง ไมปฏเสธความรบผดชอบ จนเกดความเดอดรอน ดงนน เมอผเรยนจบการศกษาไปแลว และไปประกอบอาชพเปนผประกอบการ หรอลกจางกตาม ควรยดหลกคณธรรมตามเงอนไขแหงปรชญาเศรษฐกจพอเพยง

ขนสรปและการประยกต 13.ครใชค าถามหรอก าหนดปญหาโดยใหผเรยนระดมสมองชวยกนคดหาค าตอบแลวอธบายค าตอบใหเพอนทกคนในกลมของตนเองเขาใจ

96

14.ครใชวธสมผเรยนทกกลมตอบค าถามและอธบายใหเพอนฟงทงชนเรยน 15.ผเรยนฝกปฏบตใบงาน แบบฝกทกษะ และท าแบบประเมนผลหลงเรยน สอและแหลงการเรยนร

1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ CD และสอ PowerPoint 6.แบบประเมนผลการเรยนร




เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยปผเรยน) 4. แบบประเมนกจกรรมใบงาน 5. แบบประเมนผลการเรยนร และแบบฝกปฏบต 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน


97



กจกรรมเสนอแนะ 1.ท าแบบฝกปฏบตเพอฝกทกษะ 2.อานและทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดเปนสาเหตของการซอมแซมรปภาพ

ก. เพอใหตรงตามความตองการขอผใช ข. เพอเพมความสมบรณของภาพ ค. เพอใหเกดความเหมาะสมในการน าภาพขนเวบไซต ง. ถกทกขอ

2. เหตใดจงควรเรยนรในการซอมแซมหรอแกไขรปแบบรปภาพ ก. ภาพทกภาพตองผานการซอมแซมหรอแกไขกอนขนน าไปใชงาน ข. สามารถเปลยนแปลงการแกไขภาพทถกน าไปใชงานใหกลบเปนสภาพเดมได ค. เครองมอทชวยในการแกไข หรอซอมแซมรปภาพ มอยหลากหลายประเภท ง. ไมมขอใดถก

3. ขอใดเปนชอของเครองมอในภาพ ก. Spot Healing Brush Tool ข. Healing Brush Tool ค. Redeye Tool ง. Patch Tool



6. ขอใดเปนลกษณะการท างานของ Clone Stamp ก. ลกษณะจะเปนเสมอนตวปม ข. ลกษณะจะเปนเสมอนปลาสเตอร ค. ลกษณะจะเปนเสมอนยางลบ ง. ลกษณะจะเปนเสมอนสน า

98

7. ขอใดเปนวธการบนทกรปภาพใหมพนหลงโปรง ก. บนทกไฟลนามสกล jpg ข. บนทกไฟลนามสกล gif ค. บนทกไฟลนามสกล doc ง. บนทกไฟลนามสกล pdf

8. เครองมอประเภทใดใชในการปรบความคมชดของภาพ ก. Blur Tool ข. Sharpen Tool ค. Smudge Tool ง. ถกทกขอ

9. ขอใดเปนคณสมบตของ Pencil Tool ก. เครองมอชวยในการระบายส (พกน) ข. เครองมอชวยในการระบายส (ดนสอ) ค. เปนเครองมอชวยในการแทนส ง. เครองมอชวยในการผสมส

10. History Brush Tool เปนการยอนกลบการท างานของแปรงใชหรอไม ก. ไมใช เพราะเปนเครองมอชวยท าใหภาพถายใหเปนภาพวาดคลายกบรปทวาดดวยสน า ข. ไมใช เพราะเปนการยอนกลบการท างานทกอยางทผใชกระท า ค. ใช เพราะต าแหนงทสทถกระบายโดยเครองมอ Brush นนถกยอนกลบไป ง. ไมใช เพราะเปนการเซตคาสทระบายโดยเครองมอ Brush

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดคอคณสมบตของ Spot Healing Brush Tool

ก. สามารถค านวณสวนทเสยหายแบบอตโนมตได ข. สามารถค านวณสวนทเสยหายเพอน ารปภาพสวนทดมาปดแทนได ค. น ารายละเอยดในภาพมาท าซ าโดยองรายละเอยดสของงานเดมอย ง. แกไขรปภาพทถายมาแลวเกดดวงตาเปนสแดง

2. เครองมอทใชในการซอมแซมรปภาพเมอผใชตองการเปลยนเมาสเปนรปเปา ตองท าอยางไร ก. กดป ม Ctrl ครงหนง ข. กดป ม Ctrl คางไว ค. กดป ม Alt ครงหนง ง. กดป ม Ctrl คางไว

3. ขอใดเปนเครองมอทใชในการซอมแซมรปภาพทงหมด ก. Spot Healing Brush Tool, Healing Brush Tool, Redeye Tool ข. Spot Healing Brush Tool, Healing Brush Tool, Clone Stamp Tool ค. Spot Healing Brush Tool, Healing Brush Tool, Patch Tool ง. ขอ ก. และ ค. ถก

4. ขอใดคอสาเหตของรปภาพทถายมาแลวเกดดวงตาเปนสแดง ก. แสงนอย หรอแสงเยอะ ข. มานตาขยาย ค. มานตาหร ง. ถกทกขอ

99

5. ขอใดตอไปนกลาวถกตอง ก. Clone Stamp มลกษณะการท างานเหมอนการ Copy ข. Patch Tool เปนเครองมอทชวยในการตกแตงโดยไมองรายละเอยดของสเดม ค. ลวดลายภาพทซ าๆ กน ซงการสรางภาพทซ ากนเรยกวา Pattern ง. Clone Stamp มการสราง Layer ขนมาใหม

6. ขอใดกลาวไมถกตองในเรองเครองมอ Eraser ก. เปนเครองมอทใชในการลบรปภาพ ข. การลบรปภาพบางสวนบนรปภาพไมสามารถท าไดโดยการใช Eraser ค. มการแบงเครองมอเปน 3 รปแบบ ง. แตกตางกนไปกบงานในขณะนน

7. ขอใดเปนคณสมบตของเครองมอ Eraser Tool ก. สวนทถกลบจะถกแทนทดวย Background Color ข. สวนทถกลบจะถกแทนทดวยพนหลงแบบโปรงใส ค. หากตองการบนทกภาพใหมสวนทเปนพนโปรง ตองบนทกรปนามสกล gif ง. โปรแกรมจะค านวณสทใกลเคยงกบสในบรเวณทเลอกเพอลบในสวนนนออก

8. ขอใดคอประโยชนของเครองมอ Blur Tool ก. เปนเครองมอทชวยใหภาพคมชดมากขน ข. เปนเครองมอทชวยใหภาพคมชดลดลง ค. เปนเครองมอทใชในการเกลยสรปภาพ ง. ไมมขอใดถก

9. ขอใดกลาวถกตองเกยวกบเครองมอ History Brush Tool ก. สามารถยอนเหตการณการกระท าเกยวกบรปของผใชไดทกรปแบบ ข. เปลยนแปลงสของเหตการณทใช Brush ไดทนท ค. เลอกเฉพาะสวนของรปทใช Brush ง. เมอถกเครองมอนทบ สทถกระบายโดยเครองมอ Brush จะยอนกลบไป

10. ขอใดไมใชคณสมบตของเครองมอ Art History Brush Tool ก. เครองมอชวยท าใหภาพถายใหเปนภาพวาดคลายกบรปทวาดดวยสน า ข. ในการใชงานจรงอาจมการใชค าสงอนๆ รวมดวยเพอใหภาพสมบรณ ค. ลกษณะการท างานเหมอนเครองมอ History Brush Tool ทกประการ ง. การเลอกหวแปรงทแตกตางกนจะไดผลลพธของภาพทแตกตางกน


1.ง 6.ก 1.ก 6.ข 2.ค 7.ข 2.ง 7.ก 3.ก 8.ง 3.ง 8.ข 4.ข 9.ข 4.ง 9.ง 5.ค 10.ค 5.ค 10.ค

100



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

101

แผนกำรจดกำรเรยนรแบบบรณำกำรท 13 หนวยท 9


ชอหนวย/เรอง กำรจดกำรขอควำมกบรปภำพ จ านวน 4 ช.ม.

สำระส ำคญ การสรางงานเพอสอความหมายไดตามความตองการของผสรางรปภาพ ควรมการน าขอความใสใน

รปภาพเพอสอความหมายไดดขน เนองจากรปภาพเพยงอยางเดยวไมอาจจะอธบายรปภาพทเหนไดทงหมด ดงนนหากมแตรปภาพไมมขอความก ากบ ผทพบเหนอาจจะมความคดทแตกตางกน เพอใหผพบเหนเขาใจไดตรงกนควรใชขอความเปนสอกลางในการน าเสนองาน


1.อธบายขอความกบรปภาพได 2.ใสขอความในรปภาพได 3.บอกวธแกไขสระลอยหรอจมใน Adobe Photoshop CS ได 4.ใชค าสง Warp Text ได 5.ก าหนดรปแบบใหกบขอความได 6.ใชค าสง Blanding Option ได 7.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา

ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง 7.1 ความมมนษยสมพนธ 7.2 ความมวนย 7.3 ความรบผดชอบ 7.4 ความซอสตยสจรต 7.5 ความเชอมนในตนเอง 7.6 การประหยด 7.7 ความสนใจใฝร 7.8 การละเวนสงเสพตดและการพนน

7.9 ความรกสามคค 7.10 ความกตญญกตเวท


102

เน อหาสาระ 1.ขอความกบรปภาพ 2.การใสขอความในรปภาพ 3.วธแกไขสระลอยหรอจมใน Adobe Photoshop CS 4.การใชค าสง Warp Text 5.การก าหนดรปแบบใหกบขอความ 6.การใชค าสง Blanding Option

กจกรรมกำรเรยนร ขนน ำเขำสบทเรยน 1.ครใชเทคนคการจดการเรยนรแบบบรณาการ (Integration) หมายถง การเรยนรทเชอมเนอหาสาขาวชา

ตาง ๆ ทมความสมพนธเกยวของกนมาผสมผสานเขาดวยกน เพอใหเกดความรทมความหมาย มความหลากหลายและสามารถน าไปใชประโยชนไดจรงในชวตประจ าวน ไดแก วชาภาษาไทย การขาย ภาษาองกฤษ และโปรแกรมอนๆ ทใชในคอมพวเตอรนอกเหนอจากโปรแกรมกราฟก

2.ครและผเรยนสนทนาถงงานทมการน าขอความมาใชรวมกนรปภาพมหลากหลายประเภท เชน หนาปกนตยสาร หรอวารสาร แผนพบหรอปายโฆษณา การดอวยเทศกาลตางๆ โปสเตอรภาพยนตร เปนตน ดงนนการใชขอความเพอสอความหมายไดตรงตามความตองการจงจ าเปนอยางมาก สามารถท าได 2 วธดงน

1) การใสขอความในรปภาพ 2) การใสรปภาพในขอความ ในการน าไปใชงานนน ผใชจะตองค านงถงความเหมาะสมกบงานทสรางดวยวาการใสขอความทงสอง

รปแบบนเหมาะสมกบงานหรอไม โดยทงสองรปแบบสามารถใชค าสง Warp Text และใชค าสง Blanding mode เพอท าใหขอค าดแปลกตา และสวยงามได

3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน แลวสลบกนตรวจ และเกบคะแนนไวปลายภาคเรยน ขนสอน

4.ครอธบายถงขอความกบรปภาพ และแสดงตวอยางหนาปกนตยสารทมการน าขอความเปนสอในการอธบายเนอหาภายในเลม

103

5.ครสาธตการใสขอความในรปภาพในโปรแกรอะโดบโฟโตชอปนนท าไดโดยการใชเครองมอ Type ซงเครองมอนแบงออก 4 รปแบบคอ

1) Horizontal Type Tool 2) Vertical Type Tool 3) Horizontal Type Mask Tool 4) Vertical Type Mask Tool

6.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) เรองการใสขอความในรปภาพ และ

ใหผเรยนฝกปฏบตตามขนตอน โดยการใสขอความในรปภาพสามารถท าไดโดยการใชเครองมอ Type เปนการสรางเลเยอรขนใหม เชนเดยวกบการใชค าสงสรางเลเยอรขนมาใหม แตค าสงนจะมการสรางเลเยอรใหมส าหรบขอความโดยเฉพาะและขอความทถกสรางสามารถใชคณสมบตตางๆ ไดเชนเดยวกนกบเลเยอรปกต ซงในการใสขอความสามารถท าไดสองวธดงน

1) Horizontal Type Tool เปนการใสขอความในรปภาพตามแนวขวาง 2) Vertical Type Tool เปนการใสขอความในรปภาพตามแนวดง การใชเครองมอ Vertical Type ซงเปนการใสขอความในรปภาพตามแนวดงนนไมสามารถแสดง

ขอความทเปนภาษาไทยไดสวยงาม ดงนนจงควรเลยงไปใชขอความภาษาองกฤษแทน 7.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) เรองวธแกไขสระลอยหรอจมใน Adobe Photoshop CS และใหผเรยนฝกปฏบตตามขนตอน ซงโปรแกรมอะโดบโฟโตชอปเปนโปรแกรมทพฒนามาจากภาษาองกฤษ ซงภาษาองกฤษไมมการใชเสนบรรทดเพอแบงสระหรอวรรณยกตแบบภาษาไทย ดงนนเมอมการใชภาษาไทยในโปรแกรมจงมการแสดงผลทไมถกตอง ซงในโปรแกรมไดรองรบความแตกตางของบรรทดนเอาไวดวย 8.ครแสดงการเปรยบเทยบระหวางสระลอยและสระจม กบขอความปกต ดงน

9. .ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) เรองการใชค าสง Warp Text และใหผเรยนฝกปฏบตตามขนตอน โดยค าสง Warp Text เปนค าสงทท าใหขอความบดเบยว ซงผใชสามารถก าหนดความบดเบยวของตวอกษรไดตามความตองการ ในการใชค าสง Warp Text สามารถท าไดกบเครองมอ Type ทกประเภท การใชค าสง Warp Text สามารถท าไดดงน

1) เปดรปภาพตองการใชค าสง Warp Text

104

2) เลอกเครองมอ Horizontal Type Tool และพมพขอความทตองการ 3) คลกเลเยอรทตองการท า Warp Text (จากตวอยางเปนชอแกงเขยวหวาน)

4) คลกท เพอเรยกหนาตาง Warp Text 5) เลอกรปแบบความบดเบยวทตองการ จากนนปรบความบดเบยวของขอความ 6) คลก OK 7) ใชเครองมอ Move เลอนต าแหนงของขอความ หรอใชค าสง Free transform (เมน Edit เลอก

Free transform หรอกด Ctrl + T) เพอความเหมาะสม 10.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) เรองการก าหนดรปแบบใหกบ

ขอความ และใหผเรยนฝกปฏบตตามขนตอน โดยการก าหนดรปแบบใหกบขอความสามารถท าไดกบเครองมอ Type สองประเภทคอ Horizontal Type Tool และ Vertical Type Tool

11.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) เรองการใชค าสง Blanding Option และใหผเรยนฝกปฏบตตามขนตอน โดยการก าหนดรปแบบใหกบขอความสามารถท าไดกบเครองมอ Type สองประเภทคอ Horizontal Type Tool และ Vertical Type Tool 12.ผเรยนฝกปฏบตโดยการเปดรปภาพทก าหนดให แลวใชเครองมอแทรกขอความใหเหมาะสมกบภาพและปรบรปแบบ ของขอความใหดนาสนใจ เชน Layer Style, Styles, Warp Text บนทกไฟลงานชอ “ใบงานท 19-1.jpg” – “ใบงานท 19-6.jpg” 13..ครแนะน าใหผเรยนใชโปรแกรมกราฟกดวยควำมละเอยดรอบคอบ มควำมเพยรพยายามในการน าความรไปใชใหประสบความส าเรจ และมความระมดระวงขอผดพลาดทอาจจะเกดขนไดในระหวางการท างาน หรอหลงจากปฏบตหนาทดวยความรบผดชอบ ซงเปนการสรำงภมคมกนทดในตวเองตามแนวทำงปรชญำเศรษฐกจพอเพยง ดงนน ปรชญำเศรษฐกจพอเพยง จงเปนหลกการด าเนนชวต การท างาน การบรหาร การพฒนา รวมถงการด าเนนกจกรรมในดานตางๆ ของมนษย ทเนนแนวทำงสำยกลำงยดหลกความพอประมาณ ความมเหตผล และมภมคมกนทด ภายใตเงอนไขความรอบร รอบคอบ ระมดระวง และเงอนไขคณธรรม ความซอสตยสจรต ความเพยร ขยนอดทน และการแบงปน

ขนสรปและการประยกต 14.ครและผเรยนสรปขอความกบรปภาพ การใสขอความในรปภาพ วธแกไขสระลอยหรอจมใน Adobe

Photoshop CS การใชค าสง Warp Text การก าหนดรปแบบใหกบขอความ และการใชค าสง Blanding Option โดยใหผเรยนฝกปฏบตตามค าสงทก าหนด เพอใหผเรยนเกดทกษะความช านาญ และน าไปปฏบตไดจรง

15.ท าแบบประเมนผล แบบฝกปฏบต และประเมนตนเองจากแบบประเมนตนเอง รวมทงกจกรรมการจดประสบการณการเรยนร

105




1. 2. 3. 4. 5.


1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ CD และสอ PowerPoint 6.แบบประเมนผลการเรยนร

หลกฐำน 1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน กำรวดผลและกำรประเมนผล

วธวดผล


เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร)

106




การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ท ากจกรรม แบบฝกปฏบต เพอน าไปใชไดจรง 2.อานและทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. สาเหตของการใสขอความลงในภาพคอขอใด

ก. เพมความสมบรณในการสอสาร ข. เพมความสวยงามใหกบภาพ ค. เพมความสมบรณลงในองคประกอบภาพ ง. ใหผรบเขาใจทมาของภาพนนๆ

2. เหตใดการใสขอความแนวดงจงควรเลยงไปใชภาองกฤษแทน ก. การใชภาษาองกฤษสามารถท าไดงายกวาการใชภาษาไทย ข. ขนตอนการใชทซบซอน ค. ขอความภาษาไทยแนวดงไมเหมาะสม ง. ถกทกขอ

3. ขอใดหมายถงเครองมอ Horizontal Type Tool ก. เปนการใสขอความในรปภาพตามแนวดง ข. เปนการใสขอความในรปภาพตามแนวขวาง ค. การสรางเลเยอรใหมส าหรบขอความโดยเฉพาะ ง. การใสรปภาพในขอความ

4. ขอใดคอเครองมอในการใสขอความในรปภาพในโปรแกรอะโดบโฟโตชอป ก. Type ข. Layer ค. Sharpen Tool ง. Emotion

107

5. ขอใดเปนประโยชนของเสนใตขอความทปรากฏขนเมอมการพมพขอความ ก. สามารถเปลยนสเสนเพอเนนขอความได ข. ลากเชอมโยงขอความ 2 ขอความได ค. เปนเสนบอกแนวบรรทด ง. เปนชนของขอความ

6. ขอใดกลาวถกตองเกยวกบการใสขอความ ก. การสรางความขอความมลกษณะการท างานแบบการ Stamp ข. การสรางขอความจะมการสรางเลเยอรขนมาใหมโดยเฉพาะ ค. ปรบรปแบบของขอความควรท าหลงการพมพขอความ ง. การใสขอความในรปภาพตามแนวดงเหมาะสมกบขอความภาษาไทย

7. เครองมอ Horizontal Type Mask Tool หมายถงการใสรปภาพใหขอความตามแนวขวาง ก. ไมเหนดวย เพราะหมายถงการใสรปภาพใหขอความตามแนวดง ข. ไมเหนดวย เพราะหมายถงการขอความใหรปภาพตามแนวดง ค. ไมเหนดวย เพราะหมายถงการขอความใหรปภาพตามแนวขวาง ง. ไมมขอใดถก

8. ขอใดคอสาเหตของการเกดสระลอยหรอจมใน Adobe Photoshop CS ก. ความผดพลาดในการเขยนโปรแกรม ข. เปนโปรแกรมทพฒนามาจากภาษาองกฤษ ค. ภาษาไทยสลบซบซอน ง. เปนเทคนคพเศษทมเฉพาะใน Adobe Photoshop CS ของไทย

9. ขอใดคอคณสมบตของ Warp Text ก. เชอม Layer ประเภทอกษรเขาดวยกน ข. ก าหนดขนาดของอกษรไดอตโนมต ค. ก าหนดความบดเบยวของตวอกษรไดตามความตองการ ง. ก าหนดรปแบบอกษรไดตามตองการ

10. ขอใดกลาวถกตองเกยวกบเครองมอ Warp Text ก. สามารถท าไดกบรปแบบเครองมอในการใสตวอกษรทกประเภท ข. กบเครองมอ Horizontal Type Tool และ Vertical Type Tool เทานน ค. กบเครองมอ Horizontal Type Mask Tool และ Vertical Type Tool เทานน ง. กบเครองมอ Horizontal Type Mask Tool และ Vertical Type Mask Tool เทานน

108

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว

1. การสรางขอความในโปรแกรมอะโดบโฟโตชอปท าไดกวธ อะไรบาง ก. 2 วธ คอ Warp Text และ Blanding mode ข. 2 วธ คอ การใสขอความในรปภาพ และการใสรปภาพในขอความ ค. 2 วธ คอ Horizontal Type Tool และ Vertical Type Tool ง. 4 วธ คอ Horizontal Type Tool, Vertical Type Tool, Horizontal Type Mask Tool และ Vertical Type Mask Tool

2. ขอใดไมใชรปแบบของเครองมอ Type ก. Horizontal Type Tool ข. Warp Text ค. Vertical Type Tool ง. Horizontal Type Mask Tool

3. ขอความตอไมนกลาวถกตองหรอไมอยางไร “เครองมอ Type เปนการสรางเลเยอรขนใหม เชนเดยวกบการใชค าสงสรางเลเยอรขนมาใหม”

ก. ไมถกตอง เพราะเลเยอรทสรางจากเครองมอ Type เปนเลเยอรประเภทตวอกษรทม ลกษณะเฉพาะ ข. ไมถกตอง เพราะเครองมอ Type ไมมการสรางเลเยอร ค. ไมถกตอง เพราะเลเยอรทสรางจากเครองมอ Type แตกตางจากค าสงสรางเลเยอรใหม ง. ไมมขอใดถก

4. ขนตอนใดเปนการยนยนการใสขอความแนวขวาง ก. เปดรปภาพทตองการใสขอความ ข. คลกเลอกเครองมอ Horizontal Type Tool ค. คลกเครองหมายถกทแถบเครองมอ ง. พมพขอความทตองการตรงต าแหนงทเคอรเซอรกะพรบ

5. ขอใดเปนวธการท าใหเสนบอกแนวบรรทดหายไป ก. ตงคารปแบบขอความ ข. ยนยนการใสขอความ ค. ลบขอความทพมพออก ง. ถกทกขอ

6. ขอใดเปนชอของเครองมอดงรป ก. เครองมอ Horizontal Type Mask Tool ข. เครองมอ Vertical Type Mask Tool ค. เครองมอ Warp Text ง. เครองมอ Blanding Option

7. การก าหนดรปแบบใหกบขอความสามารถท าไดกบเครองมอ Type ประเภทใดบาง ก. เครองมอ Horizontal Type Tool และ Vertical Type Tool ข. เครองมอ Horizontal Type Mask Tool และ Vertical Type Tool ค. เครองมอ Horizontal Type Mask Tool และ Vertical Type Mask Tool ง. เครองมอ Type ทกประเภท

109

8. การใชค าสง Blanding Option ใชไดกบเครองมอ Type ประเภทใดบาง ก. เครองมอ Horizontal Type Tool และ Vertical Type Tool ข. เครองมอ Horizontal Type Mask Tool และ Vertical Type Tool ค. เครองมอ Horizontal Type Mask Tool และ Vertical Type Mask Tool ง. เครองมอ Type ทกประเภท

9. การใชค าสง Warp Text ใชไดกบเครองมอ Type ประเภทใดบาง ก. เครองมอ Horizontal Type Tool และ Vertical Type Tool ข. เครองมอ Horizontal Type Mask Tool และ Vertical Type Tool ค. เครองมอ Horizontal Type Mask Tool และ Vertical Type Mask Tool ง. เครองมอ Type ทกประเภท

10. ขอใดเปนการเลอนต าแหนงของสระทลอยหรอจม ก. กดป ม Ctrl + Alt + อกษรขนหรอลง ข. กดป ม Ctrl + Shift + อกษรขนหรอลง ค. กดป ม Shift + Alt + อกษรขนหรอลง ง. กดป ม Ctrl + Alt + Shift + อกษรขนหรอลง

แบบประเมนผลกอนเรยนและหลงเรยน กอนเรยน หลงเรยน

1.ก 6.ข 1.ข 6.ก 2.ค 7.ง 2.ข 7.ก 3.ข 8.ข 3.ง 8.ก 4.ก 9.ค 4.ค 9.ง 5.ค 10.ก 5.ข 10.ค

110



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

111


รหส 20204-2007 โปรแกรมจดการฐานขอมล (2-

2-3) สอนครงท 14 (53-56)

ชอหนวย/เรอง กำรสรำงภำพเคลอนไหว (Animation) จ านวน 4 ช.ม.

สาระส าคญ ภาพเคลอนไหว คอ ล าดบของภาพนงซงถกน ามาแสดงผลตดตอกนอยางตอเนองในการสรางรปภาพ

เพอใหเกดความนาสนใจแกผชม สาเหตทภาพเคลอนไหวท าใหผชมรปภาพเกดความสนใจ เนองจากภาพเคลอนไหวเปนภาพทมการเคลอนทของวตถอยางตอเนอง และมความสมพนธกน ดงนนในการเลอกใชรปแบบของการสรางรปภาพเคลอนไหวจงตองมการเลอกรปแบบการเคลอนไหวของวตถใหเหมาะสม


1.อธบายความหมายของภาพเคลอนไหวได 2.อธบายลกษณะของภาพเคลอนไหวได 3.อธบายหนาตาง Animation ได 4.สรางภาพเคลอนไหวดวย Layer ได 5.ลดขนาดของภาพและสรางขอความดกดกได 6.เพมพนทวางจากรปภาพเพอท าขอความกะพรบได 7.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง


สมรรถนะรายวชา 1. แสดงความรเกยวกบหลกการพนฐานคอมพวเตอรกราฟก 2. ออกแบบภาพกราฟกตามหลกองคประกอบศลป

112

3. สรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก เน อหาสาระ

1.ความหมายของภาพเคลอนไหว 2. ลกษณะของภาพเคลอนไหว 3. หนาตาง Animation 4.การสรางภาพเคลอนไหวดวย Layer 5.การลดขนาดของภาพและสรางขอความดกดก 6. การเพมพนทวางจากรปภาพเพอท าขอความกะพรบ

กจกรรมการเรยนร ขนน ำเขำสบทเรยน

1.ครสนทนากบผเรยนเกยวกบการสรางภาพเคลอนไหว และแสดงรปภาพการเคลอนไหวของตวการตนตงแตเฟรมท 1 ถง เฟรมท 28 ดงน

2.ครและผเรยนยกตวอยางรปภาพเคลอนไหว เชน การเคลอนทของตวการตน การเคลอนทของขอความ

หรอการโฆษณาทใชรปภาพเปนสอบนอนเทอรเนต เปนตน ซงภาพนงแตละภาพทปรากฏบนภาพเคลอนไหวแตละภาพน นเรยกวาเฟรม (Frame) ทงน เพ อสรางสรรคจนตนาการใหเกดแรงจงใจจากผชม การผลตภาพเคลอนไหวจะตองใชโปรแกรมทมคณสมบตเฉพาะทางซงอาจมปญหาเกดขนอยบางเกยวกบขนาดของไฟลทตองใชพนทในการจดเกบมากกวาภาพนงหลายเทา

3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน แลวสลบกนตรวจเพอเกบคะแนนสะสมไวปลายภาค

ขนสอน 4.ครใชเทคนคการจดการเรยนรแบบอภปราย (Discussion Method) ความหมายของภาพเคลอนไหว

113

และอธบายเพมเตมวา GIF ยอมาจาก Graphics Interlace File เปนภาพทไมตองการความคมชดมาก จ านวนสและความละเอยดของภาพไมสงมากนก (256 ส) สามารถก าหนดพนแบบโปรงใสตองการ และแสดงผลแบบโครงรางกอน แลวคอยแสดงผลแบบละเอยดได และเหมาะกบการน าเสนอภาพแบบภาพเคลอนไหว ในการสรางภาพเคลอนไหว ตองบนทกไฟลเปนนามสกล .gif โดยใชสอประกอบเปน Power Point

5.ครใชเทคนคการอธบาย และการใชค าถามเกยวกบลกษณะของภาพเคลอนไหว โดยการเคลอนไหวของ รปภาพม 2 รปแบบ คอ 1) การเคลอนไหวแบบ Frame by Frame คอ การก าหนดการเปลยนแปลงของวตถทแตกตางกนในทกๆ เฟรม เหมาะส าหรบการสรางภาพเคลอนไหวทมความซบซอนมากๆ 2) การเคลอนไหวแบบ Tween เปนการสรางภาพเคลอนไหวจากเฟรมเบองตนและเฟรมสดทาย ซงโปรแกรมจะสรางการเปลยนแปลงระหวางเฟรมใหโดยอตโนมต ซงหมายถงการสรางภาพเคลอนไหวแบบ Tween จะมการสรางเฟรมเพยง 2 เฟรม คอเฟรมเรมตนและเฟรมสดทาย

6.ครใชเทคนคการอธบาย และการสาธตสวนประกอบของหนาตาง Animation โดยใหผเรยนปฏบตตาม ซงการสรางภาพเคลอนไหวจ าเปนตองเรยนรเกยวกบหนาตางทใชในการสรางภาพเคลอนไหว เพอใหทราบถงชอเรยกในแตละสวนวามหนาทการท างานอยางไร ในการเรยกหนาตาง Animation สามารถท าไดดงน

1) สรางรปภาพใหมโดยเลอกเมน File แลวเลอก New… 2) ก าหนดพนทตามรปภาพ แลวกด OK 3) คลกทเมน Window แลวเลอก Animation 4) ปรากฏหนาตาง Animation ใหคลกทป ม Converts to frame animation 5) ปรากฏหนาตาง Frame animatio

7.ผเรยนบอกรายละเอยดของหนาตาง Frame animation ดงน

8.ครใชเทคนคการสอนแบบสาธตการสรางภาพเคลอนไหวดวย Layer และใหผเรยนฝกปฏบตตาม โดย

การสราภาพเคลอนไหวจากทไดกลาวไป สามารถสรางได 2 รปแบบ คอ การเคลอนไหวแบบ Frame by Frame และการเคลอนไหวแบบ Tween ซงโปรแกรมอะโดบโฟโตชอป รองรบการสรางภาพเคลอนไหวทง 2 รปแบบดวยกน ไดแก การสรางภาพเคลอนไหวดวย Layer แบบ Frame by Frame

9.ครใชเทคนคการสอนแบบสาธตการลดขนาดของภาพและสรางขอความดกดก และใหผเรยนฝกปฏบต ตาม เพอใหเกดทกษะความช านาญและปฏบตไดจรง

114

10. .ครใชเทคนคการสอนแบบสาธตการเพมพนทวางจากรปภาพเพอท าขอความกะพรบ และใหผเรยน ฝกปฏบต ตาม เพอใหเกดทกษะความช านาญและปฏบตไดจรง 11.ผเรยนสรางปายโฆษณาบนเวบไซตขนาดตามภาพ (เปนเวบไซตขายกระเปาบรษและสตร) โดยเปดรปภาพทก าหนดให แลวใชเครองมอแทรกขอความใหเหมาะสมกบภาพและ ปรบรปแบบของขอความใหดนาสนใจ เชน Layer Style, Styles, Warp Text จากนนใหท า ขอความเคลอนไหวเพอใหดนาสนใจ บนทกไฟลงานชอ “ใบงานท 20-1.gif” – “ใบงานท 20-2.gif”

12.ครเนนปฏบตการงานโดยการใชโปรแกรมกราฟดดวยควำมระมดระวง และใหสามารถน าไปใชไดจรง เพอสรำงภมคมกนในตวเอง และเสนอแนะการน าความรไปประกอบอาชพเพอสรางรายไดใหแกตนเองและครอบครวตอไป

ขนสรปและกำรประยกต 13.ครและผเรยนสรปความหมายของภาพเคลอนไหว ลกษณะของภาพเคลอนไหว และหนาตาง

Animation โดยการถามตอบเพอใหเขาใจในเนอหา 14.ครและผเรยนสรปโดยใหผเรยนฝกปฏบตการสรางภาพเคลอนไหวดวย Layer, การลดขนาดของภาพ

และสรางขอความดกดก, การเพมพนทวางจากรปภาพเพอท าขอความกะพรบ ดวยตนเองเพอใหเกดความช านาญ และสามารถปฏบตไดจรง

15.ท าแบบประเมนผลการเรยนร แบบฝกปฏบต และประเมนตนเองจากแบบประเมนตนเอง พรอมท ากจกรรมการจดประสบการณการเรยนร




1. 2. 3. 4. 5.


1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ VDO และสอ PowerPoint 6.แบบประเมนผลการเรยนร

115



1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4. ตรวจใบงาน 5. ตรวจแบบประเมนผลการเรยนร 6. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค



1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. กจกรรมใบงาน เกณฑผาน คอ 50% 5. แบบประเมนผลการเรยนร และแบบฝกปฏบตมเกณฑผาน 50% 6. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ท าแบบใบงาน แบบฝกปฏบตเพอใหเกดความช านาญและปฏบตไดจรง 2.อานและทบทวนเนอหา

116

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอความใดกลาวไมถกตองเกยวกบภาพเคลอนไหว

ก. ภาพเคลอนไหวทสมพนธกนสามารถสรางความสนใจใหเพมขนได ข. ภาพเคลอนไหวเปนการท าภาพกราฟกใหดเหมอนมชวต ค. ควรมการเลอกรปแบบของการสรางรปภาพเคลอนไหววตถใหเหมาะสม ง. GIF เปนภาพทตองการความคมชดสง

2. ขอใดหมายถงภาพนงแตละภาพทปรากฏบนภาพเคลอนไหว ก. Frame ข. Record ค. Layer ง. GIF

3. ในการสรางภาพเคลอนไหวตองก าหนดไฟลใหเปนนามสกลใด ก. .jpg ข. .gif ค. .cad ง. .pig

4. ขอใดหมายถงภาพเคลอนไหวแบบ Frame by Frame ก. เหมาะส าหรบการสรางภาพเคลอนไหวทมความซบซอนมากๆ ข. เปนการสรางภาพเคลอนไหวโดยไมสามารถก าหนดการเปลยนแปลงได ค. โปรแกรมจะสรางการเปลยนแปลงระหวางเฟรมใหโดยอตโนมต ง. มการสรางเฟรมเพยง 2 เฟรม

5. ขอใดหมายถงภาพเคลอนไหวแบบ Tween ก. การก าหนดการเปลยนแปลงของวตถทแตกตางกนในทกๆ เฟรม ข. เหมาะส าหรบการสรางภาพเคลอนไหวทมความซบซอนมากๆ ค. สามารถก าหนดการเปลยนแปลงของวตถในเฟรมตางๆ ได ง. เปนการสรางภาพเคลอนไหวจากเฟรมเบองตนและเฟรมสดทายโดยโปรแกรมอตโนมต

6. ขอใดตอไปนกลาวถกตอง ก. การท าตวอกษกระพรบไมถอเปนการท าแอนเมชน ข. การท าตวอกษกระพรบเปนการท าแอนเมชนชนดหนง ค. การท าตวอกษรเลอนไมถอเปนการท าแอนเมชน ง. การท าตวอกษรดกดกไมถอเปนการท าแอนเมชน

7. ขอใดคอคณสมบตของเครองมอ Constrain Proportions ก. ปรบขนาดภาพตามผใชทตองการไดโดยไมรกษาสเกล ข. เปนการปรบขนาดสเกลอตโนมตเมอผใชมการปรบขนาดภาพ ค. เปลยนภาพใหดกดกไดอตโนมต ง. ท าขอความใหเปนขอความเลอน

8. ขอใดหมายถง Width

117

ก. ความสง ข. ความลก ค. ความกวาง ง. ความชด 9. ขอใดหมายถง Height

ก. ความกวาง ข. ความยาว ค. ความสง ง. ความลก 10. ขอใดเปนเครองมอในการเพมพนทรปภาพ

ก. Canvas Size ข. Image Size ค. Add Size ง. ไมมขอใดถก

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. คณสมบตการสรางภาพเคลอนไหวทเกดจากโปรแกรมอะโดบโฟโตชอป

ก. การเคลอนไหวดวยภาพสองมตและสามมต ข. ล าดบของภาพนงซงถกน ามาแสดงผลตดตอกนอยางตอเนอง ค. ล าดบของตวอกษรและภาพนงซงถกน ามาแสดงผลตดตอกนอยางตอเนอง ง. ถกทกขอ

2. ขอใดคอค าเตมของตวยอ GIF ก. Graphics Interlace File ข. Graphics International File ค. Graphics Interest File ง. Graphics Internet File

3. การเคลอนไหวมกรปแบบ อะไรบาง ก. ม 1 รปแบบ คอ การเคลอนไหวแบบ Frame by Frame ข. ม 1 รปแบบ คอ การเคลอนไหวแบบ Tween ค. ม 2 รปแบบ คอ การเคลอนไหวแบบ Frame by Frame และ Tween ง. ไมมขอใดถก

4. ขอใดคอความหมายของค าสง Duplicates selected frames ก. เลอกเฟรมแรก ข. เลอกเฟรมถดไป ค. คดลอกเฟรมทเลอก ง. ลบเฟรมทเลอก

5. ขอใดเปนขนตอนการ Save ไฟลภาพ Animation เพอใชในเวบ ก. File / Save for Web & Devices… / Save ข. File / Save for Web & Devices… / เลอกประเภทของไฟลเปน GIF / Save ค. File / Save for Web & Devices… / เลอกประเภทไฟล GIF / Save / เลอกต าแหนง และใสชอไฟล / Save ง. ถกทกขอ

6. ขอใดหมายถงการสรางภาพเคลอนไหวแบบ Tween ก. เปนการสรางภาพเคลอนไหวโดยใหโปรแกรมชวยสรางภาพจากเฟรมเรมตน ข. เปนการสรางภาพเคลอนไหวโดยใหโปรแกรมชวยสรางภาพจากเฟรมสดทาย ค. เปนการสรางภาพเคลอนไหวโดยผใชระหวางเฟรมเรมตนกบเฟรมสดทาย

118

ง. เปนการสรางภาพเคลอนไหวโดยใหโปรแกรมชวยสรางภาพระหวางเฟรมเรมตนกบ เฟรมสดทาย 7. ขอใดคอเฟรมทเพมขนเมอสรางภาพแบบ Tween

ก. เฟรมแรกผใชไดสรางขน ข. เฟรมสดทายผใชไดสรางขน ค. เฟรมแรกและเฟรมสดทายทโปรแกรมชวยสรางภาพสรางขน ง. ขอ ก. และ ข. ถก

8. ขอใดคอคณสมบตของเครองมอ Image Size ก. สามารถลดขนาดไฟลของภาพได ข. สามารถปรบลดหรอขยายขนาดภาพ ค. สามารถเคลอนทตวอกษรไดตามตองการ ง. สามารถเคลอนต าแหนงพรอมปรบขนาดภาพ

9. ขอใดคอประโยชนของเครองมอ Canvas Size ก. ผสานภาพ Animation ใหเปน Layer เดยวกน ข. แตกไฟล Animation ออกเปน Layer ตางๆ ค. เพมหรอลดพนทวางจากรปภาพ ง. ท าภาพใหมลกษณะโปรงใสโดยงาย

10. ขอใดเปนการก าหนดคา Anchor ก. ตก 3 ทกลอง Relative ข. ซอนเลเยอรโดยการคลกท ของเลเยอรขอความ ค. ก าหนดเปนจดกงกลายซายเพอเพมพนทความกวางทางขวา ง. ปรบเวลาใหเปน 0.5 ทง 2 เฟรม

แบบประเมนผลกำรเรยนรกอนเรยนและหลงเรยน

กอนเรยน หลงเรยน 1.ง 6.ข 1.ข 6.ง 2.ก 7.ข 2.ก 7.ง 3.ข 8.ค 3.ค 8.ข 4.ก 9.ค 4.ก 9.ค 5.ง 10.ก 5.ค 10.ค

119


ขอสรปหลงกำรสอน .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

120



ชอหนวย/เรอง รปภาพกราฟกแบบสามมต จ ำนวน 4 ช.ม.

สำระส ำคญ ภาพกราฟกสามมต จะท าใหภาพทสรางขนมความเหมอนจรงมากยงขนทงส แสง และเงา มการน าไป

ประยกตใชในการออกแบบผลตภณฑ สถาปตยกรรม ภาพเคลอนไหวสามมต โปรแกรมอะโดบโฟโตชอปกมการพฒนาใหสามารถใชงานกราฟกสามมต และยงประยกตภาพสามมต ไม

ใชรวมกบภาพสองมต

จดประสงคการเรยนร 1.อธบายภาพกราฟกแบบสามมต (3D) ได 2.อธบายการเรยกใชหนาตาง 3D ได 3.สรางภาพกราฟกแบบสามมต โดยใชเลเยอรได 4.สรางภาพกราฟกแบบสามมตโดยใชรปภาพได 5.ใชเครองมอจดการรปภาพแบบสามมตได 6.ประยกตน าภาพสามมตไปใชรวมกบภาพสองมตได 7.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา

ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง 7.1 ความมมนษยสมพนธ 7.8 การละเวนสงเสพตดและการพนน 7.2 ความมวนย 7.9 ความรกสามคค 7.3 ความรบผดชอบ 7.10 ความกตญญกตเวท 7.4 ความซอสตยสจรต 7.5 ความเชอมนในตนเอง

7.6 การประหยด 7.7 ความสนใจใฝร


121

เน อหาสาระ 1.ภาพกราฟกแบบสามมต (3D) 2.ความหมายและประเภทของ Texture 3.การเรยกใชหนาตาง 3D 4.การสรางภาพกราฟกแบบสามมต โดยใชเลเยอร 5.การสรางภาพกราฟกแบบสามมต โดยใชรปภาพ 6.การใชเครองมอจดการรปภาพแบบ 3 มต 7.การประยกตน าภาพสามมตไปใชรวมกบภาพสองมต

กจกรรมการเรยนร ขนน าเขาสบทเรยน 1.ครและผเรยนสนทนาเกยวกบภาพกราฟกแบบสามมตนนมาจากภาพกราฟกทใชโปรแกรมสรางภาพ สามมต เชน 3D max, Maya สรางขนเพอใหไดภาพทมสและแสงเงาเหมอนจรง เหมาะส าหรบการออกแบบและสถาปตยกรรม เชน การผลตรถยนต ภาพยนตรการตนสามมต 2.ครอภปรายค าวา 3D (Three Dimension) หมายถง อาณาเขตสามมต ประกอบดวยความกวาง ความสง และความลก ซงโดยปกตแกน X ใชแทนความ กวางแกน Y ใชแทนความสง และแกน Z ใชแทนความลก 3.ผเรยนท าแบบประเมนผลการเรยนรกอนเรยน แลวสลบกนตรวจเพอเกบคะแนนไวปลายภาคเรยน ขนสอน

4.ครใชเทคนคการจดการเรยนรแบบบรรยาย (Lecture Method) คอ กระบวนการเรยนรทผสอนเปนผถายทอดความรใหแกผเรยนโดยการอธบายเนอหาเรองภาพกราฟกแบบสามมต (3D) ทผสอนไดเตรยมการศกษาคนความาเปนอยางด ผเรยนเปนฝายรบฟง และมการจดบนทกสาระส าคญในขณะทฟงบรรยายหรออาจมโอกาสซกถามแสดงความคดเหนไดถาผสอนเปดโอกาส โดยใชสอ Power Point ใหผเรยนด

โดยปจจบนการสรางภาพสามมตมจ านวนทสงขน ซงโปรแกรมอะโดบโฟโตชอปตงแตรน CS3 ขนไป มการสนบสนนการสรางภาพสามมตทเรยกวา โมเดลสามมต ซงรองรบไฟลนามสกล ดงน

1) ไฟลนามสกล 3DS เปนไฟลไดจากโปรแกรม 3ds max 2) ไฟลนามสกล Obj เปนไฟลไดจากโปรแกรม wavefront 3) ไฟลนามสกล DAE เปนมาตรฐานไฟลเพอใชแลกเปลยนขอมลระหวางซอฟตแวรเพองานกราฟกสามมตกบซอฟตแวรทมการประมวลผลสามมต 4) ไฟลนามสกล KMZ เปนไฟลไดจากโปรแกรม Google Earth 5) ไฟลนามสกล U3D เปนไฟลของขอมล 3D ตามมาตรฐานของ W3C ปจจบนอะโดบ แอโคร

แบต และไมโครสเตชนรบรองการท างานของไฟลนามสกล U3D มเครองมอในการแปลงไฟล โปรแกรมทส าคญตางๆ มาเปนไฟลนามสกลน 5.ครใชเทคนคการจดการเรยนรแบบอภปราย (Discussion Method) คอกระบวนการทผสอนมงใหผเรยน

122

มโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในเรองความหมายและประเภทของ Texture ซงเปนเรองทเกยวของกบบทเรยนมความสนใจรวมกน โดยมจดมงหมายเพอหาค าตอบ แนวทางหรอแกปญหารวมกน การจดการเรยนรแบบนมงเนนใหผเรยนมสวนรวมในการเรยนร คอ รวมคด รวมวางแผน รวมตดสนใจ รวมปฏบตงานและชนชมผลงานรวมกน

6.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) คอ กระบวนการทผสอน หรอบคคล ใดบคคลหนงใชในการชวยใหผเรยนไดเกดการเรยนรตามวตถประสงค โดยการแสดงหรอกระท าใหดเปนตวอยางพรอม ๆกบการบอก อธบาย ใหผเรยนไดเรยนร ผเรยนจะเกดการเรยนรจากการสงเกต กระบวนการขนตอนการสาธตนน ๆ แลวใหผเรยนซกถาม อภปราย และสรปการเรยนรทไดจากการสาธต การจดการเรยนรแบบนจงเหมาะสมส าหรบการสอนทตองการใหผเรยนเหนขนตอนของการปฏบต 7.ครสาธตการเรยกใชหนาตาง 3D โดยใหผเรยนเปดหนาตางในจอคอมพวเตอรประกอบ ซงโปรแกรมอะโดบโฟโตชอป สามารถเรยกหนาตาง 3D ขนมาแสดงไดโดยเขาไปทเมน Window แลวเลอกค าสงยอย 3D โปรแกรมจะแสดงหนาตาง 3D ดงภาพ

8.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) การสรางภาพกราฟกแบบสามมต

โดยใชเลเยอร และใหผเรยนปฏบตตามเพอฝกทกษะความช านาญ เพอปฏบตไดจรง 9.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) การสรางภาพกราฟกแบบสามมต

โดยใชรปภาพ และใหผเรยนปฏบตตามเพอฝกทกษะความช านาญ เพอปฏบตไดจรง 10.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) การใชเครองมอจดการรปภาพ

แบบ 3 มต และใหผเรยนฝกปฏบตตามเพอใหเกดทกษะการเรยนร 11.ผเรยนฝกทกษะโดยการประยกตน าภาพสามมตไปใชรวมกบภาพสองมต โดยการน าภาพสามมตมา

ประยกตใชกบรปภาพสองมตนนสามารถท าได โดยการคดลอกรปภาพทเปนภาพสามมตมาวางในรปภาพสองมตแลวจดต าแหนงของวตถใหเหมาะสม โดยภาพทน ามาวางโปรแกรมจะแปลงภาพสามมตเปนภาพสองมตแบบอตโนมต

12.ผเรยนเปดรปภาพทครก าหนดให แลวสรางเปนภาพสามมต โดยเปลยนลกษณะของ Texture เปนรปแบบตางๆ บนทกไฟลงานชอ “ใบงานท 21-1.jpg” – “ใบงานท 21-3.jpg”

123

13.ผเรยนเลอกเปดโมเดลตางๆ ทครก าหนดให เพอน ามาประยกตใชกบรปภาพพนหลง จ านวน 3 ภาพ บนทกไฟลงานชอ “ใบงานท 22-1.jpg” – “ใบงานท 22-3.jpg”

14..ครแนะน าใหผเรยนรจกการน าเอาความพอเพยงไปใชใหเกดประโยชน ซงเปนความพอประมาณ ความมเหตผล รวมถงความจ าเปนทตองมระบบภมคมกนในตวทดพอสมควรตอผลกระทบใดๆ อนเกดจากการเปลยนแปลงทงภายนอกและภายใน การตดสนใจและการด าเนนกจกรรมตางๆใหอยในระดบพอเพยงนน ตองอาศยทงความรและคณธรรมเปนพนฐาน 15.ครแนะน าใหผเรยนรจกชวยเหลอสงคมสวนรวม รจกประหยดพลงงาน เชน เปดปดไฟฟาในเวลาทเหมาะสม

ขนสรปและการประยกต

16.ครสรปบทเรยน โดยใช VDO และ PowerPoint และอภปรายซกถามขอสงสย และใหผเรยนฝก ปฏบตในบางเรอง

17.ท ากจกรรมตอเนอง ตอบค าถามจากบทความในกจกรรมสงเสรมการเรยนร และท าประสบการณการเรยนร ซงครผสอนพจารณาตามความเหมาะสม

18.ผเรยนท าแบบประเมนผลการเรยนร และแบบฝกปฏบต 19.ประเมนผเรยนตามแบบฟอรมตอไปน



1. 2. 3. 4. 5.

แบบประเมนประสบการณพนฐานการเรยนร



1. 2. 3. 4. 5.

124

สอและแหลงกำรเรยนร 1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ CD และสอ PowerPoint 6.แบบประเมนผลการเรยนร

หลกฐำน 1.บนทกการสอน 2.ใบเชครายชอ 3.แผนจดการเรยนร 4.การตรวจประเมนผลงาน กำรวดผลและกำรประเมนผล

วธวดผล 1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4 ตรวจกจกรรมสงเสรมคณธรรมน าความร 5. ตรวจใบงาน 6. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 7. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค

เครองมอวดผล 1. แบบสงเกตพฤตกรรมรายบคคล 2. แบบประเมนพฤตกรรมการเขารวมกจกรรมกลม (โดยคร) 3. แบบสงเกตพฤตกรรมการเขารวมกจกรรมกลม (โดยผเรยน) 4. แบบประเมนกจกรรมสงเสรมคณธรรมน าความร 5. แบบประเมนกจกรรมใบงาน 6. แบบประเมนผลการเรยนร และแบบฝกปฏบต 7. แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค โดยครและผเรยน


1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง

125

2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. ตอบค าถามในกจกรรมสงเสรมคณธรรมน าความรจงจะถอวาผาน เกณฑการประเมน มเกณฑ 4 ระดบ คอ 4= ดมาก, 3 = ด, 2 = พอใช , 1= ควรปรบปรง 5. กจกรรมใบงาน เกณฑผาน คอ 50% 6. แบบประเมนผลการเรยน และแบบฝกปฏบตรมเกณฑผาน 50% 7 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ท ากจกรรมใบงาน และแบบฝกปฏบต 2.อานและทบทวนเนอหา

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. เหตใดภาพสามมตจงเหมาะส าหรบการออกแบบและสถาปตยกรรม

ก. เปนภาพทมสและแสงเงาเหมอนจรง ข. เปนภาพทมสเหมอนจรง ค. เปนภาพทมแสงและเงาเหมอนจรง ง. เปนภาพทประกอบดวยความยาวและสง

2. ขอใดคออาณาเขตสามมต ก. Tree Dimension ข. Three Dimension ค. Thee Dimension ง. Three Diemen

3. ขอใดเปนสวนประกอบของภาพสามมต ก. ความกวาง ความสง และความยาว ข. ความกวาง ความลก และความยาว ค. ความสง และความยาว ง. ความกวาง และความยาว

4. ขอใดหมายถงลกษณะของพนผวของวตถใดๆ ก. Icon Textures ข. Textures ค. CG Textures ง. Space

5. ปจจมการใชภาพสองมตรวมกบภาพสามมตใชหรอไม ก. ไมใช เพราะเปนภาพคนละประเภท ข. ไมใช เพราะภาพสองมตและสามมตไมสามารถใชรวมกนได ค. ไมใช เพราะคณสมบตของภาพสามมตแตกตางจากภาพสองมต ง. ไมมขอใดถก

6. โปรแกรมอะโดบโฟโตชอบรนใดขนไปทสามารถรองรบไฟลภาพสามมตได ก. 7.0 ข. Cs ค. Cs 2 ง. Cs 3

126

7. ไฟลนามสกล Obj เปนไฟลไดจากโปรแกรมใด ก. Microsoft Word ข. Wavefront ค. Object ง. Google Earth

8. ขอใดเปนรปภาพทเปนสเหลยมจตรสขนาด 100 x 100 พกเซล ก. CG Textures ข. Icon Textures ค. SquareTextures ง. ไมมขอใดถก

9. ขอใดเปนชอเรยกของโปรแกรมภาพสามมต ก. โมเดลสามมต ข. ภาพวาดสามมต ค. อะโดบสามมต ง. ถกทกขอ

10. ขอใดเปนแกนแสดงอาณาเขตสามมต ก. แกน A, B และ C ข. แกน A, B และ X ค. แกน X, Y และ B ง. แกน X, Y และ Z

เฉลยแบบประเมนผลกอนเรยนและหลงเรยน กอนเรยน หลงเรยน

1.ก 6.ง 1.ค 6.ก 2.ข 7.ข 2.ค 7.ค 3.ข 8.ข 3.ง 8.ข 4.ข 9.ก 4.ง 9.ค 5.ง 10.ง 5.ข 10.ข

127



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

...............................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

128



ชอหนวย/เรอง ทกษะการใชโปรแกรมภาพกราฟก จ ำนวน 4 ช.ม.

สาระส าคญ การใชโปรแกรมกราฟกใหช านาญตองมการฝกฝนการใชโปรแกรมอยสม าเสมอเพอใหเกดการเรยนร

ความเขาใจ ตลอดจนเพมทกษะในการใชโปรแกรม เครองมอ ค าสงตางๆ ซงมอยภายในโปรแกรมมากมาย บางค าสงสามารถใชงานทดแทนกนไดท าใหผลลพธทไดจากการใชค าสงอาจจะเหมอนหรอแตกตางกนเลกนอย ผใชโปรแกรมจงตองสงเกตผลลพธทไดจากการใชโปรแกรม และในการท างานเพอสรางชนงานจรงตองอาศยทกษะ และความช านาญเปนอยางมากเพอชวยสงเสรมในการสรางชนงานทสวยงามอยางมคณภาพ จดประสงคการเรยนร

1.ท าภาพขาวด าได 2.ท าภาพโทนสน าตาล (Sepia) ได 3.ท าขอความสามมตได 4.ท าขอความสามมตจาก Texture ได 5.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

5.1 ความมมนษยสมพนธ 5.2 ความมวนย 5.3 ความรบผดชอบ 5.4 ความซอสตยสจรต

5.5 ความเชอมนในตนเอง 5.6 การประหยด 5.7 ความสนใจใฝร 5.8 การละเวนสงเสพตดและการพนน 5.9 ความรกสามคค 5.10 ความกตญญกตเวท


129

เน อหาสาระ 1.การท าภาพขาวด า 2.การท าภาพโทนสน าตาล (Sepia) 3.การท าขอความสามมต 4.การท าขอความสามมตจาก Texture


1.ครและผเรยนสนทนากนเรองการท าภาพขาวด า โดยแสดงรปภาพสองภาพประกอบทเปนรปภาพส และรปภาพขาวด า เพอเปรยบเทยบกน

2.เปดโอกาสใหผเรยนสอบถาม หรอแลกเปลยนความคดเหน รวมทงปญหาตาง ๆ เกยวกบการท าภาพขาวด าตามรปภาพ 3.ผเรยนท าแบบประเมนผลกอนเรยน และสลบกนตรวจแลวเกบคะแนนไวปลายภาคเรยน

ขนสอน 4.ครใชเทคนคการเรยนแบบวธสาธตในการท าภาพขาวด า และใหผเรยนปฏบตตาม ดงน

1) เปดรปภาพทตองการ 2) สรางเลเยอรใหม โดยเลอกเมน File เลอก New เลอก Layer… 3) กด OK แลวคลกท Layer 1 4) เลอกเครองมอ Paint Bucket 5) เลอก Foreground color เปนสขาว 6) เทสขาวบน Layer 1 7) เลอก Blending Mode ของ Layer เปน Color 8) สงเกตผลลพธทได

5.ครอธบาย และแสดงการสาธตการท าภาพโทนสน าตาล (Sepia) และใหผเรยนปฏบตตาม โดย หลงจากทไดภาพขาวด าแลว หากตองการเปลยนโทนสเปนสน าตาลหรอสอนๆ ใหท าดงน

1) ขนตอนนเปนการท าตอจากการภาพขาวด า ใหคลกท Layer 1 2) เลอก Foreground color เปนสน าตาล หรอสทตองการ 3) เลอกเครองมอ Paint Bucket

130

4) เทสทเลอกบน Layer 1 5) สงเกตผลลพธทได

6.ครและผเรยนสาธตการท าขอความสามมต ตามขนตอนการท า ดงน 1) เปดรปภาพทตองการ 2) เลอกเครองมอ Horizontal Type 3) พมพขอความทตองการ 4) คลกทเลเยอรขอความทตองการท าขอความสามมต 5) เลอกเมน 3D เลอก Repoussé เลอก Text Layer 6) กดป ม Yes 6) เลอกรปแบบทตองการ 7) กด OK

7.ครและผเรยนสาธตการท าขอความสามมตจาก Texture จะไดรปภาพดงตอไปน

รปภำพทมกำรปรบมม

8.ครแนะน าใหผเรยนรจกการน าเอาความพอเพยงไปใชใหเกดประโยชน ซงเปนความพอประมาณ

ความมเหตผล รวมถงความจ าเปนทตองมระบบภมคมกนในตวทดพอสมควรตอผลกระทบใดๆ อนเกดจากการเปลยนแปลงทงภายนอกและภายใน การตดสนใจและการด าเนนกจกรรมตางๆใหอยในระดบพอเพยงนน ตองอาศยทงความรและคณธรรมเปนพนฐาน

9.ผเรยนท าแบบฝกปฏบต

ขนสรปและการประเมนผล 10.ครและผเรยนสรปการท าภาพขาวด า การท าภาพโทนสน าตาล (Sepia) การท าขอความสามมต และ

การท าขอความสามมตจาก Textureโดยถามตอบ และการฝกปฏบตเพอใหเกดทกษะการเรยนร เพอการประยกตใชในชวตประจ าวน

11.ครแนะน าใหผเรยนน าหลกปรชญาของเศรษฐกจพอเพยง มาประยกตใชในชวตประจ าวน

131

12.สรปเนอหาในหนวยการเรยนอกครง โดยวธถาม–ตอบและซกถามขอสงสย ผเรยนท าแบบประเมนผลการเรยนร และแบบประเมนตนเอง

รายการประเมน ดมาก

=9-10คะแนน ด

=7-8 พอใช =5-6

ปรบปรง =ต ากวา 5 คะแนน

1.การกลาวน า แนะน าตว และเพอนรวมงาน 2.จดประสงคในการท างาน แหลงขอมล วธการท างาน 3.ออกเสยง ชดเจน ถกตอง 4.น าเสยงเหมาะสม 5.ตวอยางประกอบมสอชดเจน 6.ล าดบความคดไดด 7.ทาทางเหมาะสม

แบบประเมนประสบการณพนฐานการเรยนร



1. 2. 3. 4. 5.


1.หนงสอเรยน วชาโปรแกรมกราฟกของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ VDO และสอ PowerPoint 6.แบบประเมนผลการเรยนร


132


1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4 ตรวจกจกรรมสงเสรมคณธรรมน าความร 5. ตรวจใบงาน 6. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 7. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค



1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. ตอบค าถามในกจกรรมสงเสรมคณธรรมน าความรจงจะถอวาผาน เกณฑการประเมน มเกณฑ 4 ระดบ คอ 4= ดมาก, 3 = ด, 2 = พอใช , 1= ควรปรบปรง 5. กจกรรมใบงาน เกณฑผาน คอ 50% 6. แบบประเมนผลการเรยน และแบบฝกปฏบตรมเกณฑผาน 50% 7 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ผเรยนควรฝกทกษะในหารพมพงานดวยโปรแกรมกราฟกใหสม าเสมอ 2.อานและทบทวนเนอหา

133



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

134



ชอหนวย/เรอง ทกษะการใชโปรแกรมภาพกราฟก จ านวน 4 ช.ม.

สาระส าคญ การใชโปรแกรมกราฟกใหช านาญตองมการฝกฝนการใชโปรแกรมอยสม าเสมอเพอใหเกดการเรยนร

ความเขาใจ ตลอดจนเพมทกษะในการใชโปรแกรม เครองมอ ค าสงตางๆ ซงมอยภายในโปรแกรมมากมาย บางค าสงสามารถใชงานทดแทนกนไดท าใหผลลพธทไดจากการใชค าสงอาจจะเหมอนหรอแตกตางกนเลกนอย ผใชโปรแกรมจงตองสงเกตผลลพธทไดจากการใชโปรแกรม และในการท างานเพอสรางชนงานจรงตองอาศยทกษะ และความช านาญเปนอยางมากเพอชวยสงเสรมในการสรางชนงานทสวยงามอยางมคณภาพ จดประสงคการเรยนร

5.ปรบแสงสรปภาพใหดสวยงามได 6.ปรบภาพคนใหดสวยงามได 7.ท ารปสในรปขาวด าได 8.สรางภาพจากตวหนงสอได 9.การพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง

9.1 ความมมนษยสมพนธ 9.2 ความมวนย 9.3 ความรบผดชอบ

9.4 ความซอสตยสจรต 9.5 ความเชอมนในตนเอง

9.6 การประหยด 9.7 ความสนใจใฝร 9.8 การละเวนสงเสพตดและการพนน 9.9 ความรกสามคค 9.10 ความกตญญกตเวท


135

เน อหาสาระ 5.การปรบแสงสรปภาพใหดสวยงาม 6.การปรบภาพคนใหดสวยงาม 7.การท ารปสในรปขาวด า 8.การสรางภาพจากตวหนงสอ

กจกรรมการเรยนร ขนน าเขาสบทเรยน 1.ครสนทนากบผเรยนเกยวกบการปรบแสงสรปภาพใหดสวยงาม โดยแสดงรปภาพประกอบสองรป ซง รปภาพแรกเปนตนฉบบ และรปภาพทสองเปนรปภาพทมการตกแตงจากโปรแกรม

2.ครและผเรยนยกตวอยางรปภาดทมการตกแตงหลายรปประกอบการเรยน เพอใชเปนตวอยางในการ น าเขาส หรอเชอมโยงเนอหาของสปดาหน ขนสอน 3.ครใชเทคนคการจดการเรยนรแบบสาธต (Demonstration Method) คอ กระบวนการทผสอน หรอบคคลใดบคคลหนงใชในการชวยใหผเรยนไดเกดการเรยนรตามวตถประสงค โดยการแสดงหรอกระท าใหดเปนตวอยางพรอม ๆ กบการบอก อธบาย ใหผเรยนไดเรยนร ผเรยนจะเกดการเรยนรจากการสงเกต กระบวนการขนตอนการสาธตนน ๆ แลวใหผเรยนซกถาม อภปราย และสรปการเรยนรทไดจากการสาธต การจดการเรยนรแบบนจงเหมาะสมส าหรบการสอนทตองการใหผเรยนเหนขนตอนของการปฏบต เกยวกบการปรบแสงสรปภาพใหดสวยงาม 4.ครใชเทคนคการจดการเรยนรแบบอภปราย (Discussion Method) คอกระบวนการทผสอนมงใหผเรยนมโอกาสสนทนาแลกเปลยนความคดเหนหรอระดมความคดในเรองการปรบภาพคนใหดสวยงาม ซงอาจจะเปนเรองทเกยวของกบบทเรยนหรอทกลมมความสนใจรวมกน โดยมจดมงหมายเพอหาค าตอบ แนวทางหรอแกปญหารวมกน

5.ครและผเรยนใชเทคนคการสาธตการปรบภาพคนใหดสวยงาม และใหผเรยนปฏบตตามขนตอน

136

6.ครและผเรยนชวยกนสาธตการท ารปสในรปขาวด า ตามขนตอนของโปรแกรมทก าหนดไว

7.ครและผเรยนชวยกนสาธตการสรางภาพจากตวหนงสอ ตามขนตอนของโปรแกรม

8.ครเนนใหผเรยนพมพงานตางๆ ดวยความรอบคอบ ระมดระวงขอผดพลาดจากการใชโปรแกรมกราฟก ทงนเพอฝกทกษะความช านาญใหผเรยนปฏบตไดจรง และสงเสรมเพอน าไปประกอบวชาชพ เพอเปนกำรสรำงภมคมกนทดในตวเอง 9.ผเรยนจดท ารปเลมรายงานเกยวกบทกษะการใชโปรแกรมภาพกราฟกทนาสนใจโดยหาขอมลจาก อนเทอรเนต จากหวขอดงตอไปน

1) การน ารปภาพมาประยกตใชเพอใหเกดรปภาพทแปลกตา นาสนใจ 2) การสรางขอความในรปแบบตางๆ เชน การสรางขอความไฟ ขอความน าแขง 3) เทคนคการท าภาพเคลอนไหวในรปแบบใหมองดนาสนใจ 4) การสรางปกนตยสาร วารสาร 5) การสรางโปสเตอรหนง 6) การสรางปกแผนซด ดวด บลเรย

10.ผเรยนน าเสนอขอมลทหาไดโดยมตวอยางประกอบการน าเสนอ ผทฟงการน าเสนอใหจดรายละเอยด ของการน าเสนอ และซกถามเพมเตมในกรณทมขอสงสย

ขนสรปและกำรประยกต

11.ครและผเรยนสรปโดยการฝกทกษะปฏบตการปรบแสงสรปภาพใหดสวยงาม, การปรบภาพคนใหดสวยงาม, การท ารปสในรปขาวด า และการสรางภาพจากตวหนงสอ เพอใหสามารถน าไปใชไดจรง

137

12.ผเรยนท าแบบประเมนผลการเรยนร แบบฝกปฏบต และประเมนตนเองจากแบบประเมนตนเอง รวมทงกจกรรมการจดประสบการณการเรยนร



1. 2. 3. 4. 5.

แบบประเมนผลประสบการณพนฐานการเรยนร



1. 2. 3. 4. 5.

สอและแหลงกำรเรยนร 1.หนงสอเรยน วชาโปรแกรมกราฟก ของส านกพมพเอมพนธ 2.รปภาพ 3.กจกรรมการเรยนการสอน 4.แผนใส 5.สออเลกทรอนกส สอ CD และสอ PowerPoint 6.แบบประเมนผลการเรยนร


138


1. สงเกตพฤตกรรมรายบคคล 2. ประเมนพฤตกรรมการเขารวมกจกรรมกลม 3. สงเกตพฤตกรรมการเขารวมกจกรรมกลม 4 ตรวจกจกรรมสงเสรมคณธรรมน าความร 5. ตรวจใบงาน 6. ตรวจแบบประเมนผลการเรยนร และแบบฝกปฏบต 7. การสงเกตและประเมนพฤตกรรมดานคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค



1. เกณฑผานการสงเกตพฤตกรรมรายบคคล ตองไมมชองปรบปรง 2. เกณฑผานการประเมนพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50 % ขนไป) 3. เกณฑผานการสงเกตพฤตกรรมการเขารวมกจกรรมกลม คอ ปานกลาง (50% ขนไป) 4. ตอบค าถามในกจกรรมสงเสรมคณธรรมน าความรจงจะถอวาผาน เกณฑการประเมน มเกณฑ 4 ระดบ คอ 4= ดมาก, 3 = ด, 2 = พอใช , 1= ควรปรบปรง 5. กจกรรมใบงาน เกณฑผาน คอ 50% 6. แบบประเมนผลการเรยนร และแบบฝกปฏบตมเกณฑผาน 50% 7 แบบประเมนคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงค คะแนนขนอยกบ

การประเมนตามสภาพจรง กจกรรมเสนอแนะ 1.ครแนะน าใหผเรยนฝกทกษะโดยฝกใชโปรแกรมกราฟดในการปรบแสงสรปภาพใหดสวยงาม การปรบภาพคนใหดสวยงาม การท ารปสในรปขาวด า และการสรางภาพจากตวหนงสอ เพอน าไปใชงานไดจรง 2.อานและทบทวนเนอหา

139

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดกลาวถกตองเกยวกบการเรยนรโปรแกรมอะโดบโฟโตชอป

ก. บางค าสงสามารถใชงานทดแทนกนได ข. ผลลพธบางค าสงอาจจะเหมอนหรอแตกตางกนเลกนอย ค. การท างานเพอสรางชนงานจรงตองอาศยทกษะ ง. ถกทกขอ

2. ในการท าภาพเปนสโดยไมตองสราง Layer ใหมสามารถท าไดหรอไม ก. ไมสามารถท าได ดวยขอก าหนดของโปรแกรม ข. ไมสามารถท าได เนองจากการท าเปนภาพสตองอาศยชนของ Layer ค. สามารถใชค าสง Photo Filter… หรอ Channel Mixer… ง. Photo Filter สามารถท าไดโดยไมท าใหภาพตนฉบบเปลยนแปลง

3. การท าภาพสเปนภาพขาวด าสามารถท าไดโดยใชเครองมอใด ก. Black and White ข. Hue/Saturation ค. Color balance ง. Sepia

4. ขอใดหมายถงเครองมอ Horizontal Type ก. เปนการใสขอความในรปภาพตามแนวดง ข. เปนการใสขอความในรปภาพตามแนวขวาง ค. การสรางเลเยอรใหมส าหรบขอความโดยเฉพาะ ง. การใสรปภาพในขอความ

5. ขอใดคอชอเรยกเครองมอดงภาพ ก. 3d Rotate Camera ข. 3d Object Rotate ค. 3d Camera Rotate ง. 3d Rotate Object

6. ขอใดกลาวไมถกตอง ก. การเปลยนโทนสไมสามารถท าใหภาพสามมตสมจรง ข. ตวอกษรสามารถท าเปนสามมตได ค. 3d Rotate Camera ชวยในการเปลยนมมมองขอความทเปนสามมต ง. 3d Object Rotate ชวยเพมขอความทเปนภาพสามมต

7. การตงคา Image > Adjustment > Curves ชวยปรบภาพในเรองใด ก. การก าหนดคาคณสมบตของรปภาพ ข. การปรบรปภาพดวยเสนโคง ค. การปรบความสมดลของส ง. การปรบเฉดส

140

8. ขอใดเปนคณสมบตของ Edit > Free transform ก. สามารถเคลอนยายรปภาพได ข. สามารถเกลยสภาพได ค. สามารถปรบขนาดของภาพได ง. สามารถปรบสมดลของสได

9. ขอใดเปนการสรางเลเยอรใหมทถกตอง ก. Layer > New > Layer… ข. New > Layer… ค. Layer > New ง. Shift + Ctrl +A

10. ขอใดเปนฟงกชนคยลดของ Image size ก. Alt + Ctrl + T ข. Alt + Ctrl + I ค. Alt + Ctrl + S ง. Alt + Ctrl + L

ค ำสง จงเลอกค ำตอบทถกตองเพยงขอเดยว 1. ขอใดเปนขนตอนการท าภาพใหเปนสขาวด า

ก. Paint Bucket / Foreground color เปนสขาว / เทสขาวบน Layer 1 ข. Paint Bucket / Foreground color เปนสขาว / เทสขาวบน Layer 1 / เลอก Blending Mode ของ Layer เปน Color ค. Paint Bucket / Foreground color เปนสด า / เทสขาวบน Layer 1 ง. Paint Bucket / Foreground color เปนสด า / เทสขาวบน Layer 1 / เลอก Blending Mode ของ Layer เปน Color

2. ขอใดตอไปนเปนวธการเปลยนสทสามารถท าไดตอจากขอ 1 ก. เลอก Layer 1 แลวคลกทเมน Image / Adjustment เลอก Color balance ข. เลอก Layer 1 แลวคลกทเมน Image / Adjustment เลอก Photo Filter ค. เลอก Layer 1 แลวคลกทเมน Image / Adjustment เลอก Hue/Saturation ง. ขอ ก. และ ค. ถก

3. ขอใดเปนผลมาจากการใชค าสง Photo Filter… ก. ค าสงเหลานจะใชในรปภาพทเปน Background ข. ไมตองสราง Layer ใหม ค. ภาพตนฉบบมการเปลยนแปลง ง. ถกทกขอ

4. ขอใดเปนขนตอนของการท าขอความใหเปนสามมต ก. เลอกเมน 3D เลอก Repoussé เลอก Text Layer ข. เลอกเมน 3D เลอก 3d Object Rotate ค. เลอกเมน 3D เลอก3d Rotate Camera ง. เลอกเมน 3D เลอก Horizontal Type

5. ขอใดคอวธการตกแตงภาพคนใหมแกมสแดง ก. Filter > Blur > Gaussian Blur… ข. Filter > Blur > Radian ค. Filter > Blur > lens Blur… ง. Filter > Blur > Box Blur…

141

6. เครองมอใดเหมาะสมในการลบรอยใตตา ก. Red Eyes Tool ข. Patch Tool ค. Spot Healing Brush Tool ง. ไมมขอใดถก

7. การแตงเปลอกตาควรท าตามขนตอนใดหลงจากใชเครองมอ Brush ก. การปรบลด Fill และใชเครองมอ Sharpen เกลย ข. การปรบลด Fill และใชเครองมอ Smudge เกลย ค. การปรบเพม Fill และใชเครองมอ Sharpen เกลย ง. การปรบเพม Fill และใชเครองมอ Smudge เกลย

8. การแตงรมฝปากควรใชเครองมอใดในการเลอกรมฝปาก ก. Crop Tool ข. Lasso Tool ค. Clone Stamp Tool ง. ถกทกขอ

9. ขอใดเปนผลจากการเลอกเมน Image > Adjustments > Desaturate ก. ภาพทเลอกกลายเปนสขาวด า ข. ภาพทเลอกกลายเปนโทนสเขยว ค. สามารถตงคาภาพทเลอกใหเปนสตามตองการ ง. สามารถเพมหรอลดขนาดของภาพได

10. ขอใดเปนผลจากการเลอกเมน Select > Deselete ก. เปนการยกเลกการคดลอกภาพนนๆ ทงหมด ข. เปนการสนสดการตกแตงภาพในสวนทมการเลอกแตงภาพ ค. เปนการก าหนดการคดลอกภาพนนๆ ทงหมด ง. เปนการยอนกลบการกระท าเฉพาะในสวนทถกเลอก


1.ง 6.ง 1.ข 6.ค 2.ค 7.ข 2.ง 7.ข 3.ก 8.ค 3.ก 8.ข 4.ข 9.ก 4.ก 9.ก 5.ข 10.ข 5.ก 10.ก

142



..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. ปญหาทพบ

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

143

แผนการจดการเรยนรแบบบรณาการท 18 หนวยท -


ชอหนวย/เรอง ทบทวน/สอบปลายภาคเรยน จ านวน 4 ช.ม.

สาระส าคญ จากการทผเรยนไดศกษาวชาโปรแกรมกราฟกน จะไดรบความรความเขาใจ และเกดทกษะการฝกปฏบตกจกรรมการเรยนโดยเนนผเรยนเปนศนยกลาง ใหผเรยนฝกคด เพอใหสอดคลองกบพระราชบญญตการศกษาแหงชาต พ.ศ. 2542 (แกไขปรบปรงเพมเตม พ.ศ. 2545) โดยยดหลกการน าไปใชใหเกดไปประโยชนในการพฒนาสงคม พรอมทงน าหลกคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษา ส านกงานคณะกรรมการการอาชวศกษา มาประยกตใชกบกจกรรมการเรยนอยางเหมาะสม จดประสงคการเรยนร

1. น าเรองททบทวนตามเนอหาวชาโปรแกรมกราฟกไปใชประโยชนได 2. แจงคะแนนระหวางภาคเรยนใหผเรยน 3. แกปญหาการเรยนของผเรยนได 4. ผเรยนน าความรทศกษามาไปสอบปลายภาคเรยนได 5.มการพฒนาคณธรรม จรยธรรม คานยม และคณลกษณะอนพงประสงคของผส าเรจการศกษาส านกงานคณะกรรมการการอาชวศกษา ทครสามารถสงเกตไดขณะท าการสอนในเรอง



144

เนอหำสำระ 1. ทบทวนเนอหาวชาทไดศกษามาแบบยอ 2. รวบรวมคะแนนระหวางภาคเรยน 3. ปญหาการเรยนของผเรยน 4. สอบปลายภาคเรยน

กจกรรมกำรเรยนร

1. ครแจงใหผเรยนทราบคะแนนระหวางภาค และกลางภาค จดประสงคทผเรยนยงไมไดปฏบต หรอไมผาน หรอไมไดสอบ ใหผเรยนด าเนนการโดยพบครผสอนก าหนดวนเวลาทจะปฏบตหรอสอบ หรอเรยนเพมเตม

2. ผเรยนรบทราบจดประสงคการสอบปลายภาควา จะมการสอบเรองใดบาง ผเรยนไมเขาใจเรองใดกใหซกถาม

3. ครและผเรยนรวมกนทบทวนบทเรยนทผานมาโดยสรป สอและแหลงการเรยนร

1.ขอมลการเกบคะแนนของผเรยน 2.จดประสงคการสอบปลายภาค

หลกฐำน 1.ใบเชครายชอเขาหองเรยน และเขาหองสอบ 2.ขอสอบ 3.เอกสารในการสอบตาง ๆ การวดผลและการประเมนผล เปนไปตามเกณทไดแจงไวในแผนการจดการเรยนรสปดาหท 1-18 กจกรรมเสนอแนะ

แจงการประเมนผลนกเรยนทตด ร, มส

145

บนทกหลงการสอบ


..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

..................................................................................................................................................

.................................................................................................................................................. แนวทางแกปญหา .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. .................................................................................................................................................. ..................................................................................................................................................

146

รายการตรวจสอบและอนญาตใหใช

ควรอนญาตใหใชการสอนได ควรปรบปรงเกยวกบ................................................................................................................................. ....................................................................................................................................................................... .......................................................................................................................................................................

.............................................. ลงชอ (..............................................)

หวหนาแผนกวชา ............../..................../............

เหนควรอนญาตใหใชการสอนได ควรปรบปรงดงเสนอ อนๆ ........................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................

..............................................

ลงชอ (..............................................) รองผอ านวยการฝายวชาการ

............../..................../...........

อนญาตใหใชการสอนได อนๆ ........................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................

.............................................. ลงชอ (..............................................)

ผอ านวยการ ............../..................../...........

แผนการสอนที่ 1tltc.ac.th/planstudy/Lesson plan/แผนการ... ·...

Documents

Transcript of แผนการสอนที่ 1tltc.ac.th/planstudy/Lesson plan/แผนการ... ·...