แผนการสอน...

แผนการสอน การจดการเรยนร

รหสวชา 2204-2101 วชา องคประกอบศลปส าหรบงานคอมพวเตอร

หลกสตร ประกาศนยบตรวชาชพ ปวช. พทธศกราช 2556 ประเภทวชา ประเภทวชาพณชยกรรม

จดท าโดย

นางสาวกลยา บานนบ

ต าแหนงพนกงานราชการ คร

สาขาวชา คอมพวเตอรธรกจ วทยาลยเทคนคถลาง

สถาบนการอาชวศกษาภาคใต 2 ส านกงานคณะกรรมการการอาชวศกษา

กระทรวงศกษาธการ

2

แผนการจดการเรยนร

รหสวชา 2204-2101 วชา องคประกอบศลปส าหรบงานคอมพวเตอร

หลกสตร ประกาศนยบตรวชาชพ ปวช. พทธศกราช 2556 ประเภทวชา ประเภทวชาพณชยกรรม

จดท าโดย

นางสาวกลยา บานนบ

วฒการศกษา ปรญญาตร บรหารธรกจ (คอมพวเตอรธรกจ)

3

คำนำ แผนการสอนเลมนจดทำขนตามคำอธบายรายวชา 2204-2101 องคประกอบศลปสำหรบ

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

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

ลงชอ..............................................

วนท..............เดอน..............พ.ศ.....

4

แผนการสอน / แผนจดการเรยนรรายวชา

ชอรายวชา องคประกอบศลปสำหรบงานคอมพวเตอร รหสวชา 2204-2101 น 2/(3) ระดบชน ปวช.2 สาขางาน คอมพวเตอรธรกจ หนวยกต 2 หนวยกต จำนวนคาบรวม 3 คาบ ทฤษฎ 1 คาบ / สปดาห ปฏบต 2 คาบ / สปดาห ภาคเรยนท 2 ปการศกษา 2556

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

5

หนวยการจดการเรยนร

รหส 2204-2101 วชา องคประกอบศลปสำหรบงานคอมพวเตอร จำนวน 2 หนวยกต 3 ชวโมง/สปดาห

ลำดบท

ชอหนวยการเรยนร ทฤษฎ ปฎบต จำนวน

คาบ (ชม.)

1 วเคราะห จำแนก ธาตทางทศนศลป - 3 3 2 การจดมมมองของเดสทอปและไอคอน 1 2 3 3 ไฟลภาพกราฟกสและความแตกตางของกราฟกส 2 มต 1 2 3 4 เรมตนกบ Photoshop 1 2 3 5 การสรางไฟลงานใน Photoshop 1 2 3 6 การปรบมมมองการทำงานและการใชเครองมอพนฐาน 1 2 3 7 การเลอกพนทภาพ 1 2 3 8 การกำหนดเสน ส แสง เงาใน Auto shapes 1 2 3 9 การจดวางและการปรบรปทรง 1 2 3 10 การสรางขอความตกแตงภาพ 1 2 3 11 การทำงานกบ Layer 1 2 3 12 เทคนคการแตงภาพใน Layer 1 2 3 13 การปรบแตงภาพ 1 2 3 14 การแตงภาพดวยการรทช 1 2 3 15 ตกแตงภาพอยางสรางสรรคดวยฟลเตอร 1 2 3 16 การวาดภาพ 1 2 3 17 การทำงานกบสและการระบายส 1 2 3 18 สอบปลายภาค 3 - 3

รวม 19 35 54

6

แผนการสอน หนวยท1 ชอวชา องคประกอบศลปสำหรบงานคอมพวเตอร สอนครงท 1 วเคราะห จำแนก ธาตทางทศนศลป ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 วชา องคประกอบศลปสำหรบงานคอมพวเตอร จำนวน 3 ชวโมง/สปดาห ชอหนวย 1 วเคราะห จำแนก ธาตทางทศนศลป 1. ความหมายของศลป 2. ทศนธาตและการจดองคประกอบศลป 3. รวธสอความคด จนตนาการ ความรสกความประทบใจ และสอความหมายได

สาระสำคญ

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

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

1. เพอใหนกเรยนเขาใจในคำวาศลปะ 2. ความหมายของทศนศลป 3. การเลอกใชเทคโนโลยดานงานศลป 4. การสารสก

จดประสงคเชงพฤตกรรม พทธพสย

1. นกเรยนมความรเรองเกยวกบทศนศลป 2. นกเรยนเขาใจศลปะกบเทคโนโลย 3. นกเรยนรขบวนการสรางสรรคงานศลปะ

ทกษะพสย 1. 1. ประยกตใชกบเทคโนโลยได 2. 2. แยกประเภทของงานศลปได 3. 3.

จตพสย

7

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

เนอหาสาระ ความหมายของทศนศลป ทศนศลป หมายถง ศลปะทรบรดวยประสาทสมผสทางตา ศลปะทมองเหน เมอพจารณาความหมายทมผนยามไว จะพบวาการรบรเรองราว อารมณ ความรสกของงานทศนศลปนน จะตองอาศยประสาทตาเปนสำคญ นนคอตาจะรบรเกยวกบสงตาง ๆ ทนำมาประกอบเปนงานทศนศลปไดแก เสน รปราง รปทรง ส แสงเงา และพนผว เปนตน โดยศลปะจะนำสงตาง ๆ เหลานมาสรางสรรคผลงานดวยวธการเขยนภาพ ระบายสบาง ปนและสลกบางหรองานโครงสรางเปนตน การสรางสรรคผลงานทศนศลปใหเกดคณคาทางศลปะไดนน ขนอยกบความสามารถ ทกษะและความคดของศลปนแตละคน งานทศนศลปทปรากฏใหเหนสามารถแบงออกเปน 2 ลกษณะ คอ 1. ทศนศลป 2 มต ไดแก ผลงานการเขยนภาพระบายส 2. ทศนศลป 3 มต ไดแก ผลงานประตมากรรม สถาปตยกรรม ทมาของงานทศนศลป ประกอบดวย ศลปน (Artist) เปนผถายทอดผลงานศลปะ โดยไดรบแรงบนดาลใจจากธรรมชาตสงแวดลอมดวยความรสก ประทบใจหรอเกดความสะเทอนอารมณ จงถายทอดออกมาตามอารมณความรสกและจนตนาการเฉพาะตน สงแวดลอม (Environment) ไดแก ธรรมชาต ความเชอทางศาสนา เรองจากประวตศาสตร เรองราวจากวรรณคด ตลอดจนขนบธรรมเนยมประเพณ ทงหมดนเปนสงเรา เปนตวกระตนใหมนษยเกดอารมณความรสกและแสดงออกดวยการถายทอดออกมาเปนผลงานศลปกรรม สอ/วสด (Media) ไดแก กระดาษ ส ดนสอ หน ไม ปน ฯลฯ ซงศลปนไดซมซบประสบการณจากสงแวดลอม แลวนำไปถายทอดลงบนสอใหออกมาเปนรปธรรม ผลงานศลปะ (Art) เปนผลงานทเกดจากแรงบนดาลใจในสงแวดลอมของมนษย โดยผานสอใหปรากฏเปนรปธรรม เรยกวา “ผลงานศลปะ” มตในดานรปทรง 1. สามมตเกดจากการรบรทางการมองเหนรปทรงทเปนปรมาตร ไดแก รปทรงเรขาคณต ธรรมชาต อสระ ทมความกวาง ยาว ลกหรอหนา ของภาพ 2. สามมตเกดจากการรบรทางการจบตองรปทรงท เปนปรมาตร ไดแก รปทรงเรขาคณต ธรรมชาต อสระ ทมความกวาง ยาว ลกหรอหนา ตามสภาพความเปนจรง

8

งานจตรกรรม แบงออกได 2 ชนด คอ 1. การวาดเสน (Drawing) เปนการวาดภาพโดยใชปากกา หรอดนสอ ขดเขยนลงไป บนพนผววสดรองรบเพอใหเกดภาพ การวาดเสน คอ การขดเขยนใหเปนเสนไมวาจะเปนเสนเลก หรอ เสนใหญ ๆ มกมสเดยว แตการวาดเสนไมไดจำกดทจะตองมสเดยว อาจมสหลาย ๆ สกได การวาดเสน จดเปนพนฐานทสำคญของงานศลปะแทบทกชนด 2. การระบายส (Painting) เปนการวาดภาพโดยการใชพกน หรอแปรง หรอวสดอยางอน มาระบายใหเกดเปนภาพ การระบายส ตองใชทกษะการควบคมสและเครองมอมากกวาการวาดเสน ผลงานการระบายสจะสวยงาม เหมอนจรง และสมบรณแบบมากกวาการวาดเสน ลกษณะของภาพจตรกรรม งานจตรกรรม ทนยมสรางสรรค ขนมหลายลกษณะ ดงน คอ ภาพทวทศน (Landscape Painting) เปนภาพทแสดงความงาม หรอความประทบใจในความงาม ของธรรมชาต หรอสงแวดลอมของศลปนผวาด ภาพทวทศนแบงเปนลกษณะตาง ๆ ไดแก ภาพทวทศนผนนำ หรอ ทะเล (Seascape ) ภาพทวทศนพนดน (Landscape) ภาพทวทศนของชมชนหรอเมอง (Cityscape) ภาพคน (Figure Painting) เปนภาพทแสดงกรยาทาทางตาง ๆ ของมนษยแบบเตมตว โดยไมเนนแสดงความเหมอนของใบหนา ภาพคนเหมอน (Potrait Painting) เปนภาพทแสดงความเหมอนของใบหนา ของคน ๆ ใดคนหนง ภาพสตว ( Animals Figure Painting) แสดงกรยาทาทางของสตวในลกษณะตาง ๆ ภาพประกอบเรอง (Illustration Painting) เปนภาพทเขยนขน เพอบอกเลาเรองราว หรอถายทอดเหตการณตาง ๆ ใหผอนไดรบร โดยอาจเปนทงภาพประกอบเรองในหนงสอ พระคมภร หรอ ภาพเขยนบนฝาผนง อาคารสถาปตยกรรมตาง ๆ และรวมถงภาพโฆษณาตาง ๆ ภาพหนนง (Still Painting) เปนภาพวาดเกยวกบสงของเครองใช หรอ วสดตาง ๆ ทไมมการเคลอนไหว เปนสงทอยกบท ภาพจตรกรรมฝาผนง (Mural Painting ) เปนภาพเขยนทเขยนไวตามผนงอาคาร โบสถ หรอวหารตาง ๆ สวนใหญจะแสดงเรองราวศาสนา ชาดก ประวตของศาสดา กจกรรมของพระมหากษตรย บางแหงเขยนไวเพอประดบตกแตง ประตมากรรม (Sculpture) หมายถง ผลงานศลปะทแสดงออกดวยการสรางรปทรง 3 มต มปรมาตร มนำหนกและกนเนอทในอากาศ โดยการใชวสดชนดตาง ๆ วสดทใชสรางสรรคงานประตมากรรม จะเปนตวกำหนดวธการสรางผลงาน ความงามของงานประตมากรรม เกดจากการแสงและเงาทเกดขนในผลงานการสรางงานประตมากรรมทำได 4 วธ คอ

9

1. การปน (Casting) เปนการสรางรปทรง 3 มต จากวสดทเหนยว ออนตว และยดจบตวกนด วสดทนยมนำมาใชปน ไดแก ดนเหนยว ดนนำมน ปน ขผง กระดาษ หรอ ขเลอยผสมกาว เปนตน

2. การแกะสลก (Carving) เปนการสรางรปทรง 3 มต จากวสดทแขง เปราะ โดยอาศยเครองมอ วสดทนยมนำมาแกะ ไดแก เทยน ไม หน กระจก ปนปลาสเตอร เปนตน

3. การหลอ (Molding) เปนการสรางรปทรง 3 มต จากวสดทหลอมตวไดและกลบแขงตวได โดยอาศยแมพมพ ซงสามารถทำใหเกดผลงานทเหมอนกนทกประการตงแต 2 ชนขนไป วสดทนยมนำมาใชหลอ ไดแก โลหะ สำรด ปน ขผง เรซน พลาสตก ฯลฯ

4. การประกอบขนรป (Construction) เปนการสรางรปทรง 3 มต โดยนำวสดตาง ๆ มาประกอบเขาดวยกน และยดตดกนดวยวสดตาง ๆ

หลกการจดองคประกอบทางทศนศลป

หลกการจดองคประกอบทางทศนศลป (Composition) คอ การนำเอาทศนะธาต ไดแก จด เสน รปราง รปทรง นำหนกออนแก บรเวณวาง ส และพนผว มาจดประกอบเขาดวยกนจนเกดความพอด เหมาะสม ทำใหงานศลปะชนนนมคณคาอยางสงสด ประกอบดวยหลกเกณฑตอไปน เอกภาพ (Unity) การรวมกลมกอน ไมแตกแยกกระจดกระจายไปคนละทศทางจนทำใหขาดความสมพนธกน ในทางทศนศลปเอกภาพยงเปนสวนทแสดงใหเหนถงเนอหาเรองราวทตองการแสดงอยางชดเจนดวย ความสมดล (Balance) 2.1 ความสมดลของสงทซำหรอเหมอนกน (Symmetrical) คอ เปนการนำเอาสวนประกอบทมรปลกษณะเหมอนกน มาจดองคประกอบรวมเขาดวยกนใหประสานกลมกลน เกดการถวงนำหนกขององคประกอบสวนตาง ๆ ในลกษณะทพอเหมาะพอดจนรสกวามความสมดล อาจดวยการจดวางตำแหนงทตง ชองไฟ ระยะหาง อตราจำนวน ขนาดรปราง นำหนกออนแก ฯลฯ ทเหมอนกนหรอเทา ๆ กนจนเกดเปนเอกภาพเดยวกน 2.2 ความสมดลของสงทขดแยงหรอตางกน (Asymmetrical) เปนการนำเอาสวนประกอบทมรปลกษณะทตางกนหรอขดแยงกน มาจดองคประกอบเขาดวยกนใหประสานกลมกลนกน เกดการถวงนำหนกขององคประกอบสวนตาง ๆ ในลกษณะทพอเหมาะพอดจนรสกวามความสมดล โดยทวตถหรอเนอหาในภาพไมจำเปนตองเหมอนกน จดสนใจหรอการเนน (Emphasis) สวนทสำคญทสดของภาพทตองการแสดง ซงนำไปสการบอก

10

เลาเนอหาของภาพทงหมดหรอเปนจดทดงดดความสนใจใหมอง ในทางทศนศลปจดสนใจควรมเพยงจดเดยว ซงอาจเปนสวนทแสดงความสำคญหรอมสสนสดใสทสด นอกจากนนยงเนนใหเกดจดสนใจดวยการสรางความแตกตางขนในภาพ จดสนใจไมจำเปนจะตองอยจดกงกลางเสมอไป อาจอยสวนใดสวนหนงของภาพกได ความกลมกลน (Harmony) เปนสงทสำคญทสดของการจดองคประกอบทางทศนศลป เพราะความกลมกลนจะทำใหภาพงดงาม และนำไปสเนอหาเรองราวทนำเสนอ ความกลมกลนม 2 แบบ คอ 4.1 ความกลมกลนแบบคลอยตามกน หมายถง การนำรปราง รปทรง เสน หรอส ทมลกษณะเดยวกนมาจด เชน วงกลมทงหมด สเหลยมทงหมด ซงแมวาอาจจะมขนาดทแตกตางกน แตเมอนำมาจดเปนภาพขนมาแลวกจะทำใหความรสกกลมกลนกน 4.2 ความกลมกลนแบบขดแยง หมายถง การนำเอาองคประกอบตางชนด ตางรปราง รปทรง ตางส มาจดวางในภาพเดยวกน เชน รปวงกลมกบรปสามเหลยม เสนตรงกบเสนโคง ซงจะทำใหเกดความขดแยงกนขน แตกยงใหความรสกกลมกลนกน จงหวะ (Rhythm) ระยะในการจดภาพหรอการวางของวตถ ซำไปซำมา อยางสมำเสมอ เชน ลายไทย การปกระเบอง หรอการแปรอกษร เปนตน

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

1. จดเตรยมเอกสาร สอการเรยนทงสอโสตทศน สอสงพมพ นำเขาสบทเรยนโดยการประเมนผเรยนทหลากหลาย เชน ถามความรพนฐานทงหอง หรอ ทำแบบฝกหดเรยน

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

3. สงเกต บนทกพฤตกรรมผเรยนขณะศกษาบทเรยน คอยชวยเหลอใหคำแนะนำเมอผเรยนตองการ

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

11

5. สงเกต บนทกพฤตกรรมผเรยนขณะดำเนนงานตามใบงาน คอยชวยเหลอใหคำแนะนำเมอผเรยนตอง

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

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

8. สงเกต บนทกพฤตกรรมผเรยนขณะผเรยนทำงาน คอยชวยเหลอใหคำแนะนำเมอผเรยนตองการ

9. หากผเรยนไดแบงกลมรบผดชอบการดำเนนการตามใบงานใหตวแทนกลมหรอสมาชกทงกลมลกขนบอกคำตามพรอมทงวธการไดมาซงคำตอบ

10. ครอธบายเนอหา พรอมแสดงวธทำครใหนกศกษามสวนรวมในการเรยนการสอน เชน - ถามตอบ - รวมกนสรป - รวมกนวเคราะหหาเทคนคและแนวทางทดและงาย

11. ครใหนกศกษาทำแบบฝกหดทบทวนบทเรยนเปนรายบคคลพรอมใหอธบายและสรปหลกการออกมาเปนแนวคดตามความเขาใจของแตละบคคล

12. ครใหนกศกษาตอบคำถามพรอมออกมาสาธตวธการทำโดยวธการสมนกศกษาในหอง 13. ครจดใหนกศกษาทำกจกรรมกลม เพอใหเกดความคดทหลากหลายในกระบวนการวเคราะห

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

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

1. จดเตรยมเอกสาร หนงสอแบบเรยน หนงสออางอง ตามทผสอนและบทเรยนกำหนด 2. นำเขาสบทเรยนโดยรบการชแจงวธการเรยนร ระยะเวลาททำการเรยนการสอน หลกการ

แนวทางการเรยน การประเมนผลการเรยน 3. จดกลมกนศกษา คนควา หาขอมลจากเอกสารตำรา หนงสอเรยน หนงสออางอง และเรยน

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

12

4. การใหขอมล โดยศกษาเนอหาจากใบความร ใบงาน หรอสอการเรยนตาง ๆ แลวทำแบบฝกหด หากยงทำไดไมครบทำการทบทวนบทเรยนใหม หากมปญหาขอขดของใหขอคำแนะนำจากผสอนและเพอนในกลม

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

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

8. สอการเรยนการสอน 1. หนงสอประกอบการเรยนวชา การใชโปรแกรมกราฟกส 2 .ใบงานประจำหนวยการเรยนรแตละหนวย 3 . แบบฝกหดประจำหนวยการเรยนร 4 . ชดการสอน PowerPoint แตละหนวยการเรยน 5. VCD CAI 6 .คอมพวเตอร

9. การวดผลประเมนผล เกบคะแนนระหวางการดำเนนกจกรรมการเรยนร 100 คะแนน 1. คณธรรมและจรยธรรม 20 คะแนน 2. ใบงาน/แบบฝกหด(ชนงาน/แฟมสะสมผลงาน) 30 คะแนน 3. ทดสอบระหวางเรยน 20 คะแนน 4. ประเมนผลผเรยนหลงเรยน 30 คะแนน

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

ถกตอง 3. เกดความคดรวบยอดในแตละหนวยการเรยนร และรหลก เทคนค และวธการหาคำตอบไดอยาง

รวดเรวและถกตอง 4. ผานการทดสอบประจำหนวยและประมวลผลสาระการเรยนรตลอดภาคเรยน 5. ผเรยนเกดทกษะ 6. สงเกตพฤตกรรมและการแสดงออกถงการเลงเหนคณคาของการนำมาใชในระบบคอมพวเตอร

13

ของผเรยน 7. ความสนใจในการเรยนร การคนควาเพอแสดงความรและคำตอบ การมสวนรวมในกจกรรม 8. การซกถามและการตอบคำถาม 9. แบบฝกหดและกจกรรมการฝกทกษะ 10. การทำงานเปนทม (ใหความสำคญในการทำงานเปนทม) 11. การประเมนโดยกลมเพอน การประเมนตนเอง 12. การเขยนรายงานผลงาน และการแกไขสวนทบกพรองในชนงานทมอบหมาย 13. แฟมสะสมผลงานทมอบหมายในแตละหนวยการเรยน

เครองมอวดผล

1. ดานคณธรรมจรยธรรม (จตพสย) 1.1 การปฏบตตามกฎระเบยบของสถานศกษา 1.2 ตรงตอเวลา 1.3 สนใจปฏบตงานทมอบหมายและความกระตอรอรนในการเรยน 1.4 ความรบผดชอบ 1.5 ความสะอาดและความเปนระเบยบ 1.6 ความซอสตย

1.7 การเหนคณคาและมเจตทด 2. ดานวชาการ (ดานทกษะ)

2.1 ตอบคำถาม 2.2 หลกการและเทคนคในกระบวนการคด 2.3 มความรความเขาใจ 2.4 ผลงานการปฏบตตามใบงานมความถกตอง 2.5 มทกษะและวเคราะหการใชงานได 2.6 ความสามารถในการนำความรไปประยกตใชในการทำงานกบคอมพวเตอร 2.7 ทำแบบฝกหดหลงเรยนมความเขาใจ 2.8 กระบวนการแกปญหาและกระบวนการสบคนเพอหาคำตอบ 2.6 มโนภาพและความคดรวบยอดในการในกระบวนการเรยนรประจำหนวย

11. ผลงานผเรยน 11.1 รวบรวมผลงานทเปนผลงานทถกตองในภาระงานทมอบหมาย และผเรยนทำการปรบปรงแกไข

ชนงานทยงไมถกตองใหถกตอง แลวจดทำเปนแฟมสะสมผลงาน 10. เอกสารอางอ ง

14

อ. ปยะ นากสงค. การใชโปรแกรมกราฟกส ระดบชน ปวช. กรงเทพมหานคร:

บรษท ซคเซสมเดยจำกด, 2550.

แบบและเกณฑประเมนพฤตกรรมรายบคคล

คำชแจง ใหผประเมนขดเครองหมายถก ✓ในชองพฤตกรรมทคาดหวงใหเกดกบนกเรยน

เกณฑการตดสน

2 คะแนน หมายถง มพฤตกรรมในระดบปฏบตสมำเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบปฏบตบางครง 0 คะแนน หมายถง มพฤตกรรมในระดบไมปฏบต

เกณฑการประเมน

8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ตำกวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง

เลข ท

ชอ – สกล ผรบการ ประเมน

พฤตกรรมทคาดหวง

ความม วนย

ความรบ ผดชอบ

ความเชอ มนในตนเอง

ความ อดทน

ความสนใจ ใฝร

รวม 2 1 0 2 1 0 2 1 0

2 1 0 2 1 0 10

1 2 3 4 5 6 7 8 9

15

10 11 12 13 14

ประเมน………………………………………

(……………………………………..)

แผนการสอน หนวยท2 ชอวชา องคประกอบศลปในงานคอมพวเตอร สอนครงท 2

การจดมมมองของเดสทอปและไอคอน ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 องคประกอบศลปสำหรบงานคอมพวเตอร จำนวน 3 ชวโมง/สปดาห ชอหนวย 2 การจดมมมองของเดสทอปและไอคอน เรอง - ชนดของไอคอน

- การแยกไอคอนตามชอ - ประเภทของไอคอน - มมมองเดสทอป

สาระสำคญ การเลยนพนหลงและหนาจอคอมพวเตอรใหดสบายตาและผใชกสามารถใชงานไดไมนาเบอใน

การทำงานอกตอไป

จดประสงคการเรยนร จดประสงคทวไป เพอใหนกเรยน ไดมความรในเรองศลปในการใชคอมพวเตอรอยางเมาะสม จดประสงคเชงพฤตกรรม พทธพสย

1. บอกลกษณะการเปลยนหนาจอเดสทอปได 2. เขยนเขยนวธการเปลยนไอคอนหนาจอได

16

ทกษะพสย นกเรยนสามารถนำไปประยกตใชในวนดดวอนไดอยางคลองแคลว

จตพสย นกเรยนนำประโยชนทใชไปใชในชวตประจำวนได

เนอหาสาระ

การเปลยนแปลงขนาดของขอความและหนาตางและความละเอยดหนาจอ

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

ในการเปลยนการตงคาการแสดงผล ใหปฏบตตามขนตอนเหลาน:

คลกขวาบนพนทวางของเดสกทอป Windows แลวคลก ทำใหเปนแบบสวนบคคล

รปภาพ 1: ทำใหเปนแบบสวนบคคล

คลก การแสดงผล เพอเปดหนาตางการแสดงผล รปภาพ 2: หนาตางการแสดงผล Windows 7

17

1. เมอตองการเปลยนขนาดของขอความและหนาตาง ใหเลอก ปานกลาง หรอ ใหญกวาแลวคลก นำไปใช

2. คลก เปลยนแปลงการตงคาการแสดงผล เพอเปดหนาตางการตงคาการแสดงผล

รปภาพ 3: การตงคาการแสดงผล

18

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

กลบดานบน

การเปลยนแปลงพนหลงเดสกทอป

เมอตองการเปลยนแปลงลวดลายหรอรปพนหลงบนเดสกทอป Windows ใหปฏบตตามขนตอนตอไปน : 1. คลกขวาบนพนหลงเดสกทอป แลวคลก ทำใหเปนแบบสวนบคคล รปภาพ 5: ทำใหเปนแบบสวนบคคล

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#jumptocontent

19

1. คลก พนหลงเดสกทอป เพอเปดหนาตางการตงคา

รปภาพ 6: หนาตางการตงคาสวนบคคล

2. เมอตองการเปลยนรปภาพพนหลง ใหเลอกพนหลงมาตรฐาน หรอคลก เรยกด และไปยงรปภาพทเกบไวบนคอมพวเตอร เมอตองการใชรปภาพสวนตวเปนพนหลง ใหบนทกรปภาพในรปแบบไฟลทเปนนามสกลตอไปน: .bmp, .gif, .jpg, .DIB, .png เลอกมากกวาหนงภาพเพอสรางสไลดโชวพนหลงเดสกทอป

รปภาพ 7: การเลอกพนหลง Windows 7

20

1. ใชรายการตำแหนงรปภาพ เพอเปลยนแปลงลกษณะทรปภาพปรากฏบนพนหลง หากสรางสไลดโชว ใหเลอกวารปภาพจะเปลยนบอยแคไหน 2. หลงจากททำการปรบเปลยน ใหคลก ตกลง เพอบนทกการตงคาและปดหนาตางคณสมบตการแสดงผล กลบดานบน 1. การปรบเปลยนไอคอนเดสกทอป เมอตองการปรบเปลยนหรอเพมไอคอนเดสกทอป ใหใชขอมลตอไปน: 2. การแสดงไอคอนเดสกทอปทหายไป หากไอคอนเดสกทอปทงหมดหายไป ใหคลกขวาบนพนทวางของเดสกทอป Windows คลกมมมอง และตรวจสอบวา แสดงไอคอนเดสกทอป ถกเลอกไว รปภาพ 8: แสดงไอคอนเดสกทอป

การสรางทางลดใหม


21

เมอตองการสรางไอคอนทางลดใหมบนเดสกทอป Windows ใหคลกขวาบนพนทวางของเดสกทอป Windows คลก สราง แลวคลก ทางลด จากนน ปฏบตตามคำแนะนำบนหนาจอเพอสรางทางลด รปภาพ 9: ทางลดใหม

การสรางโฟลเดอรใหม เมอตองการสรางโฟลเดอรใหมบนเดสกทอป Windows ใหคลกขวาบนพนทวางของเดสกทอป Windows คลก สราง แลวคลก โฟลเดอร รปภาพ 10: โฟลเดอรใหม

22

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

การปรบขนาดไอคอน

23

เมอตองการปรบขนาดของไอคอน ใหคลกขวาบนพนทวางของเดสกทอป Windows และคลก มมมอง จากนนคลก ไอคอนขนาดใหญ , ไอคอนขนาดกลาง หรอ ไอคอนแบบคลาสสก รปภาพ 12: ปรบขนาดไอคอน

หมายเหต: คณสามารถปรบขนาดของไอคอนทงหมดไดอยางรวดเรว โดยคลกท เดสกทอป และกดปม CTRL คางไว และใชลอเลอนบนเมาส เมอตองการปรบขนาดและแบบอกษรของขอความไอคอน ใหใชสวนถดไป: การเปลยนแปลงลกษณะทปรากฏของหนาตางและขอความ กลบดานบน การเปลยนแปลงลกษณะทปรากฏของหนาตางและขอความ คณสามารถใชหนาตางสและลกษณะทปรากฏของหนาตาง เพอระบสท Windows ใชสำหรบสขอความเรมตน สพนหลงขอความ สขอบหนาตาง สแถบชอเรอง และองคประกอบอนๆ อกมากมาย เมอตองการเปลยนแปลงลกษณะทปรากฏของรายการเหลาน ใหปฏบตตามขนตอนตอไปน:

หมายเหต:ไมมวธทสะดวกงายดายในการปรบขนาดของแบบอกษรทงหมด โดยไมสงผลกระทบตอขนาดหนาจอทงหมด คณสามารถปรบขนาดของแบบอกษรทงหมด โดยเลอกปรบเปลยนขนาดแบบอกษร (DPI) จากแผงควบคม แตการทำเชนนนจะสงผลกระทบตอขนาดของวตถทงหมดใน Windows ควรจะทำการปรบขนาดแบบอกษรในซอฟตแวรทคณใชหรอจากขนตอนตอไปนสำหรบคณลกษณะของ Windows ตวอยางเชน ถาคณตองการปรบขนาดแบบอกษรในเวบเพจทดจาก Internet Explorer ใหคลก Page (หนา) จากแถบเครองมอ แลวคลก Text Size(ขนาดขอความ) ถาคณตองการเปลยนแปลงขนาดขอความในเมน Windows ทงหมด ใหใชขนตอนตอไปนเ พอเปลยนแปลงขนาดแบบอกษรทใชสำหรบรายการเมน คลกขวาบนพนหลงเดสกทอป และคลก ทำใหเปนแบบสวนบคคล

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_appearance

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_appearance


24

คลก สของหนาตาง

รปภาพ 13: สของ Windows

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

25

รปภาพ 14: สและลกษณะทปรากฏของ

Windows

คลก ตกลง เพอบนทกการเปลยนแปลง

การตงคาการแสดงผลขนสง

1. ปฏบตตามขนตอนตอไปนเพอเปดการตงคาการแสดงผลขนสง 2. คลกขวาบนพนทวางของเดสกทอป แลวคลก ทำใหเปนแบบสวนบคคล

26

3. คลก การแสดงผล เพอเปดหนาตางการแสดงผล 4. เมอตองการเปลยนขนาดของขอความและหนาตาง ใหเลอก ปานกลาง หรอ ใหญกวาแลวคลก นำไปใช คลก เปลยนแปลงการตงคาการแสดงผล เพอเปดหนาตางการตงคาการแสดงผล

รปภาพ 15: การตงคาการแสดงผล

คลก การตงคาขนสง รปภาพ 16: หนาตางความละเอยดหนาจอ

27

หมายเหต:คอมพวเตอรของคณอาจมแทบมากกวาทแสดงในทน ผผลตการดแสดงผลหลายรายจดหาการตงคาทออกแบบเปนพเศษสำหรบฮารดแวรวดโอของตน การตงคาพเศษเหลานแตกตางกนไปตามชนดของฮารดแวรวดโอทใชและจะไมกลาวถงในทน 1. อะแดปเตอร 2. จอภาพ 3. แกไขปญหาเบองตน 4. การจดการส 5. อะแดปเตอร คณสมบต : คลกปม คณสมบต เพอเขาถงคณสมบตของฮารดแวรสำหรบการดแสดงผลของคณหรอฮารดแวรวดโอบนบอรด หนาตางคณสมบตนยงสามารถเขาถงไดโดยผานทางตวจดการอปกรณ แสดงทกโหมด: แสดงความละเอยดกราฟกทงหมดทสนบสนนและอตรารเฟรชทสามารถสงไปยงจอภาพโดยการดแสดงผลหรอฮารดแวรวดโอบนบอรด คณสามารถใชรายการโหมดทมใชไดเพอคนหาโหมดทเขากนไดกบจอภาพทคณกำลงใชงาน หลงจากทพบโหมดทเขากนได คณจะสามารถเปลยนแปลงอตรารเฟรชไดจากแทบจอภาพ และความละเอยดในการแสดงผลจากแทบการตงคาของหนาตางคณสมบตการแสดงผลพนฐาน รปภาพ 17: แทบอะแดปเตอร

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_adapter

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_monitor

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_troubleshoot

http://h10025.www1.hp.com/ewfrf/wc/document?cc=th&lc=th&dlc=th&docname=c03041788#c01853728_colorm

28

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

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

29

รปภาพ 18: แทบจอภาพ

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

30

การจดการส แทบการจดการสแสดงการตงคาสำหรบการเปลยนแปลงเอาตพตสสำหรบจอภาพ โดยทวไปแลว คณไมไดใชการจดการส ยกเวนในสถานการณพเศษ เชน การจบคสบนจอภาพกบสบนเครองพมพ การปรบการตงคานจะเปลยนแปลงเอาตพตสสำหรบทกสงทแสดงใน Windows และควรจะทำเฉพาะในกรณทจำเปนเทานน รปภาพ 20: แทบการจดการส

31

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

32

กจกรรมการเรยนร กจกรรมคร 1. จดเตรยมเอกสาร สอการเรยนทงสอ สอสงพมพ นำเขาสบทเรยนโดยการใหนกเรยนทำใบงานตามเนอหาสาระ

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

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

4. สงเกต บนทกพฤตกรรมผเรยนขณะดำเนนงานตามใบงาน คอยชวยเหลอใหคำแนะนำเมอผเรยนตอง

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

สงเกต บนทกพฤตกรรมผเรยนขณะผเรยนทำงาน คอยชวยเหลอใหคำแนะนำเมอผเรยนตองการ หากผเรยนไดแบงกลมรบผดชอบการดำเนนการตามใบงานใหตวแทนกลมหรอสมาชกทงกลมลกขนบอกคำตามพรอมทงวธการไดมาซงคำตอบ ครอธบายเนอหา พรอมแสดงวธทำครใหนกศกษามสวนรวมในการเรยนการสอน เชน

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

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

33

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

1. จดเตรยมเอกสาร หนงสอแบบเรยน หนงสออางอง ตามทผสอนและบทเรยนกำหนด 2. นำเขาสบทเรยนโดยรบการชแจงวธการเรยนร ระยะเวลาททำการเรยนการสอน หลกการ

แนวทางการเรยน การประเมนผลการเรยน 3. จดกลมกนศกษา คนควา หาขอมลจากเอกสารตำรา หนงสอเรยน หนงสออางอง และเรยน

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

4. การใหขอมล โดยศกษาเนอหาจากใบความร ใบงาน หรอสอการเรยนตาง ๆ แลวทำ แบบฝกหด หากยงทำไดไมครบทำการทบทวนบทเรยนใหม หากมปญหาขอขดของใหขอคำแนะนำจากผสอนและเพอนในกลม

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

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

8. สอการเรยนการสอน 1 .ใบงานประจำหนวยการเรยนรแตละหนวย 2 . แบบฝกหดประจำหนวยการเรยนร 3 .คอมพวเตอร

การวดผลประเมนผล เกบคะแนนระหวางการดำเนนกจกรรมการเรยนร 100 คะแนน 5. คณธรรมและจรยธรรม 20 คะแนน 6. ใบงาน/แบบฝกหด(ชนงาน/แฟมสะสมผลงาน) 30 คะแนน

34

7. ทดสอบระหวางเรยน 20 คะแนน 8. ประเมนผลผเรยนหลงเรยน 30 คะแนน

การวดและประเมนผล 1. ผเรยนปฏบตภาระงานทมอบหมายเสรจทนเวลาทกำหนดและถกตอง

2. ผเรยนมความสนใจในการตอบคำถามและการสรปผลการเรยนรแตละหนวยการเรยนไดอยางถกตอง 3. เกดความคดรวบยอดในแตละหนวยการเรยนร และรหลก เทคนค และวธการหาคำตอบไดอยางรวดเรวและถกตอง 4. ผานการทดสอบประจำหนวยและประมวลผลสาระการเรยนรตลอดภาคเรยน 5. ผเรยนเกดทกษะ

6. สงเกตพฤตกรรมและการแสดงออกถงการเลงเหนคณคาของการนำมาใชในระบบคอมพวเตอรของผเรยน 7. ความสนใจในการเรยนร การคนควาเพอแสดงความรและคำตอบ การมสวนรวมในกจกรรม 8. การซกถามและการตอบคำถาม

9. แบบฝกหดและกจกรรมการฝกทกษะ 10. การทำงานเปนทม (ใหความสำคญในการทำงานเปนทม)

เครองมอวดผล

2. ดานคณธรรมจรยธรรม (จตพสย) 1.1 การปฏบตตามกฎระเบยบของสถานศกษา 1.2 ตรงตอเวลา 1.7 สนใจปฏบตงานทมอบหมายและความกระตอรอรนในการเรยน 1.8 ความรบผดชอบ 1.9 ความสะอาดและความเปนระเบยบ 1.10 ความซอสตย

1.7 การเหนคณคาและมเจตทด 2. ดานวชาการ (ดานทกษะ)

2.1 ตอบคำถาม 2.2 หลกการและเทคนคในกระบวนการคด 2.3 มความรความเขาใจ 2.4 ผลงานการปฏบตตามใบงานมความถกตอง 2.5 มทกษะและวเคราะหการใชงานได 2.6 ความสามารถในการนำความรไปประยกตใชในการทำงานกบคอมพวเตอร

35

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

11. ผลงานผเรยน รวบรวมผลงานทเปนผลงานทถกตองในภาระงานทมอบหมาย




2 คะแนน หมายถง มพฤตกรรมในระดบปฏบตสมำเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบปฏบตบางครง 0 คะแนน หมายถง มพฤตกรรมในระดบไมปฏบต



เลข ท


พฤตกรรมทคาดหวง

ความม วนย

ความรบ ผดชอบ

ความเชอ มนในตนเอง

ความ อดทน

ความสนใจ ใฝร

รวม 2 1 0 2 1 0 2 1 0

2 1 0 2 1 0 10

1 2 3 4 5 6 7

36

8 9 10 11 12 13 14

ประเมน………………………………………

(……………………………………..)


ไฟลภาพกราฟกสและความแตกตางของกราฟกส 2 มต ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 ไฟลภาพกราฟกสและความแตกตางของกราฟกส จำนวน 3 ชวโมง/สปดาห ชอหนวย 3 ไฟลภาพกราฟกสและความแตกตางของกราฟกส เรอง

-ไฟลภาพทจดเกบขอมลแบบราสเตอร (Raster) -ไฟลภาพทจดเกบขอมลแบบเวกเตอร (Vector) -ไฟลภาพทจดเกบขอมลแบบบตแมพและเวกเตอร - ความแตกตางของกราฟก 2 มต

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

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

จดประสงคทวไป 1. มความเขาใจเกยวกบคณสมบตของไฟลแบบราสเตอร

2. มความเขาใจเกยวกบคณสมบตของไฟลแบบเวกเตอร

3. มความสามารถเปรยบเทยบคณสมบตของไฟลแบบราสเตอรและเวกเตอร

4. มความรบอกถงคณสมบตของโปรแกรมกราฟก 2 มตแบบตางๆ

จดประสงคเชงพฤตกรรม

37

1. ผเรยนอธบายคณสมบตของไฟลแบบราสเตอรได

2. ผเรยนอธบายคณสมบตของไฟลแบบเวกเตอรได

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

4. ผเรยนบอกถงคณสมบตของโปรแกรมกราฟก 2 มตแบบตางๆ

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

38

กจกรรมคร กจกรรมผเรยน

ขนนำเขาสบทเรยน

ตรวจสอบรายชอนกศกษาทเขาเรยน ใหนกเรยนคนควาคำเกยวกบความแตกตางของกราฟก 2 มต รวมสนทนาเกยวกบเรองกราฟก 2 มต

ใหความรวมมอกบครในการตรวจสอบ คนควา ถงความแตกตางของกราฟก 2

มต รวมสนทนาและแสดงความคดเหน

ขนดำเนนการสอน

1. บอกจดประสงคการเรยน 2. ใหนกเรยนศกษาเนอหาเรองความแตกตางของ

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

3. ใหนกเรยนแบงกลม 3 กลมรวมศกษาจากเรอง กลมท 1คณสมบตของไฟลแบบราสเตอร กลมท2คณสมบตของไฟลแบบเวกเตอร กลมท3คณสมบตของโปรแกรมกราฟก 2 มตแบบ ตางๆ 4. ประเมนพฤตกรรมรายบคคลโดยอาจารยจะซกถาม

ในแตละบคคล

1. ฟง ทำความเขาใจและซกถาม 2. ศกษาหวขอเรองทไดรบมอบหมาย

และเขยนคำถามเกยวกบเนอหาทสงสยคนละไมนอยกวา 5 คำถาม

3. ศกษาจากกลมทอาจารยจดไวให 4. รบการประเมน

ขนสรป(30 นาท)

2 ครและนกเรยนรวมกนสรปสาระสำคญ 3 เปดโอกาสใหนกเรยนซกถามขอสงสย 4 มอบหมายให ไปศกษาเรองความแตกตางของ

คณสมบตของไฟลแบบราสเตอรและเวกเตอร 5 ทำแบบทดสอบ

1. ครและนกเรยนรวมกนสรปสาระสำคญ

2. นกเรยนสอบถามขอสงสย 3. ฟงและจดบนทก 4. ทำแบบทดสอบทายบท

39


กอนเรยน

1. คนควาคำความแตตางของคณสมบตของไฟลแบบราสเตอรและเวกเตอร

ขณะเรยน

1. ใหศกษาเนอหา 2. ใหเขยนคำถามเกยวกบเนอหาทสงสยคนละไมนอยกวา 5 คำถาม 3. ใหศกษาดวยตนเอง 4. ประเมนตนเอง

สอการเรยนการสอน

1. เครองไมโครคอมพวเตอร 2. โปรเจคเตอร 3. ซดสอการสอน

วดผลประเมนผล

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

กจกรรมเสนอแนะ ถาผเรยนมการเตรยมตวในการเรยนทด เชน อาน และทำการศกษาหนงสอเกยวกบหนวยการเรยน

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

40

เกณฑการประเมนผล

วดผลสมฤทธจากแบบประเมนผลการเรยนร

รอยละ 80-100 หมายถง ผลการเรยนดมาก รอยละ 70-79 หมายถง ผลการเรยนด รอยละ 60-69 หมายถง ผลการเรยนปานกลาง รอยละ 50-59 หมายถง ผลการเรยนผานเกณฑ ตำกวารอยละ 50 หมายถง ผลการเรยนไมผานเกณฑ

แบบประเมนพฤตกรรมรายบคคล

8-10 คะแนน หมายถง มพฤตกรรมด 5-7 คะแนน หมายถง มพฤตกรรมพอใช ตำกวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง




2 คะแนน หมายถง มพฤตกรรมในระดบแบบสมำเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ


8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช

41

เลข ท


พฤตกรรมของนกเรยน

ความมวนย ความรบผดชอบ

มนษยสมพนธ

ขยนหมน เพยร

ความรอบคอบ

รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน……………………………………………..

ตำกวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง

42

(……………………………………….)

เฉลยแบบฝกหด บทท 3

จงทำเครองหมาย ในหวขอทถกทสดเพยงขอเดยว

1. ขอใดคอไฟลราสเตอรทเปนมาตรฐานของ Windows ?

ก. .RAS ข. .IFF

ค. .BMP ง. .PCX

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

ก. .BMP ข. .GIF

ค. .EPS ง. .JPEG

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

ก. .BMP ข. .GIF

ค. .EPS ง. .JPEG

4. ขอใดคอไฟลภาพท ไม เก ยวของกบงานสรางเวบไซตบนอนเทอรเนต ?

ก. .TIF

6. ขอใดเปนไฟลเวกเตอรทถกบนทกไวเพอใหพรนเตอรแบบ Postscript สามารถอานไดโดยตรง ?

ก. .DXF ข. .PS

ค. .SVG ง. .EPS

7. ขอใดเปนไฟลเวกเตอรทใชบนเครอขายอนเทอรเนต ?

ก. .DXF ข. .PS

ค. .SVG ง. .EPS

8. ขอใดคอโปรแกรมทใชในการจดวางหนาสอสงพมพ ?

ก Photoshop ข. Dreamweaver

ค. Flash

ง. PageMaker

9. ขอใดคอโปรแกรมทใชในการจดวางหนาเวบเพจ ?

ก. Photoshop ข. Dreamweaver

ค. Flash

43

ข. .GIF

ค. .JPEG ง. .PNG

5. ขอใดคอไฟลภาพบตแมพทพฒนาโดย Kodak เพอใชในการเกบภาพลงบนแผน Photo CD?

ก. .RAS ข. .IFF

ค. .MSP ง. .PCX

ง. PageMaker

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

ก. Photoshop ข. Dreamweaver

ค. Flash

ง. PageMaker


เรมตนกบ Photoshop ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 เรมตนกบ Photoshop จำนวน 3 ชวโมง/สปดาห ชอหนวย 4 เรมตนกบ Photoshop เรอง

-ไฟลภาพทจดเกบขอมลแบบราสเตอร (Raster) -ไฟลภาพทจดเกบขอมลแบบเวกเตอร (Vector) -ไฟลภาพทจดเกบขอมลแบบบตแมพและเวกเตอร - ความแตกตางของกราฟก 2 มต

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

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

44

5. มความสามารถเปด/ปด แยก/รวม และเคลอนยายหนาตางพาเลต


1. ผเรยนอธบายความสามรถโดยรวมของโปรแกรม Photoshopได 2. ผเรยนตดตงโปรแกรม Photoshop ได 3. ผเรยนอธบายสวนตางๆบนหนาจอของโปรแกรม Photoshop ได 4. ผเรยนอธบายหนาทการใชงานของแถบคำสงได 5. ผเรยนรจกและเรยกใชเครองมอในกลมตางๆบนกลองเครองมอได 6. ผเรยนปรบขนาดและยายตำแหนงแถบ Option Bar ได 7. ผเรยนเปด/ปด แยก/รวม และเคลอนยายหนาตางพาเลตได

เนอหาสาระ หนาตางการทำงานเรมตน

เมอเรยกเปดโปรแกรมเขามาครงแรก จะพบกบพนทการทำงานเรมตนแบบวางๆ (พนทสเทาดำ) และจะจดวางเครองมอการทำงานเบองตนเอาไวรอบๆ ดงภาพ

http://4.bp.blogspot.com/_Xb1ewxoaD8E/TTGF1U490VI/AAAAAAAAABI/fmDrfpJKVfk/s1600/0000000011.jpg

45

สวนประกอบของโปรแกรม แอพพลเคชนบาร(Application Bar) จะเปนแถบเครองมอทเกบปมคำสงทใชงานบอยๆ เอาไว เชน เปดโปรแกรม Bridge หมนพนททำงาน ยอ-ขยายภาพ, จดเรยงวนโดวภาพและจดองคประกอบของเครองมอ เมนบาร(Menu Bar) Menu Bar หรอแถบคำสงทเกบชดคำสงสำหรบจดการไฟลงานทเปดใชงาน ใน Photoshop Cs4 โดยแบงการทำงานออกเปนหมวดหมดงน 1. File ใชจดการไฟลลกษณะตางๆเชน การสรางไฟลใหม,การเปดไฟลภาพ,การบนทก,การนำเขาไฟล และการสงออกไฟลเพอการทำงานในลกษณะตางๆ 2. Edit เปนชดคำสงในหมวดหมการแกไข เชน การตด ,คดลอก,การวาง รวมถงการปรบแตงคาเบองตนของโปรแกรม 3. Image เปนชดคำสงในหมวดหมการปรบแตงภาพ เชนการปรบส ,แสง, ความคมชด ,การลดขนาดภาพและเพมขนาดพนทใชงาน เปนตน 4. Layer เปนชดคำสงทใชจดการกบเลเยอร ทงการสรางเลเยอรใหม แปลงเลเยอรและจดการเลเยอรดานตางๆ 5. Select เปนชดคำสงทใสสำหรบเลอกพนทการใชงานของรปภาพ หรอใชรวมกบคำสงทอยในทลพาเนล 6. Filter เปนนชดคำสงทรวมเอฟเฟคตางทใชในการปรบแตงรปภาพใหพเศษกวาภาพตนฉบบ 7. Analysis เปนเครองมอวดคาและวเคราะหการทำงาน มใชในPhotoshop CS4 8. 3D รวมคำสงทใชกบภาพสามมต เปนเมนใหมทเพมเขามาในPhotoshop CS4 9. View ใชเลอกรปแบบการแสดงผล เชน การซมภาพ,การเรยกใชไมบรรทด,การแสดงเสนกรดและเสนไกด 10. Window ใชเลอกแสดงพาเนลทใชในการทำงาน รวมถงการกำหนดรปแบบการแสดงวนโดวในแบบตางๆ 11. Help ใชแสดงความชวยเหลอของรายละเอยดการใชงานโปรแกรมในรปแบบตางๆ ทลบอกซ (Toolbox) กลองเครองมอ จะประกอบดวยเครองมอตางๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจำนวนมาก ดงนนจงมการรวมเครองมอททำหนาทคลายๆ กนไวในปมเดยวกน

46

Panel (พาเนล) พาเนล คอ กรอบหนาตางยอยๆทมคำสงและเครองมอในการจดการ ตรวจสอบและปรบแตงภาพ เครองมอเหลานจะถกจดแบงไวเปนหมวดหม เชน พาเนล Color ใชกำหนดส , พาเนล Layers ใชสำหรบจดการเลเยอร เปนตน บางพาเนลทมกใชรวมกนจะถกจดไวในกลมเดยวกน เชน พาเนล Color พาเนล Swatches และ StyLes การเปดใชงาน Panel ใหคลกทคำสง Windos>ชอพาเนล

http://3.bp.blogspot.com/_Xb1ewxoaD8E/TTGlYy6ezGI/AAAAAAAAABM/UeVt1g7VA54/s1600/1_copy.jpg

47

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

http://2.bp.blogspot.com/_Xb1ewxoaD8E/TTG1HZFNYcI/AAAAAAAAABw/fym4PphHzS0/s1600/toolbox1.jpg

48

2.ปรบความกวางของพาเนล

http://3.bp.blogspot.com/_Xb1ewxoaD8E/TTG1mdQog9I/AAAAAAAAAB0/__wVKf3bbDE/s1600/toolbox2.jpg

http://3.bp.blogspot.com/_Xb1ewxoaD8E/TTG2FtjXq4I/AAAAAAAAAB4/H0hInBVQqu0/s1600/toolbox3.jpg

49




1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาคนควาคำเกยวกบความสามารถโดยรวม

ของโปรแกรม Photoshop 3. รวมสนทนาเกยวกบเรอง Photoshop

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


1. บอกจดประสงคการเรยน 2. บรรยาย อธบาย ยกตวอยาง แสดงวธการปฎบตใน

แต ละหวขอการเรยนและใหนกศกษาปฎบตไปพรอมกน

3. ใหคำแนะนำ 4. ประเมนพฤตกรรมรายบคคลโดยอาจารยจะซกถาม

ในแตละบคคล

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

ขนสรป

1. ครและนกเรยนรวมกนสรปสาระสำคญ 2. เปดโอกาสใหนกเรยนซกถามขอสงสย 3. มอบหมายใหไปหดทำและศกษาเพมเตม 4. ทำแบบทดสอบ

1. ครและนกเรยนรวมกนสรป

สาระสำคญ 2. นกเรยนสอบถามขอสงสย 3. ฟงและจดบนทก 4. ทำแบบทดสอบทายบท



1. คนควาคำเกยวกบความสามารถโดยรวมของโปรแกรม Photoshop ขณะเรยน

50

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

สอการเรยนการสอน 1. ใบความรประจำหนวย 2. เครองไมโครคอมพวเตอร 3. แผนใสและเครองฉายภาพขามศรษะ 4. ซดสอการสอนเรองระบบฐานขอมล วดผลประเมนผล 1. ผเรยนปฏบตภาระงานทมอบหมายเสรจทนเวลาทกำหนด 2. ตอบคำถามและสรปผลงานไดอยางถกตอง 3. ทำแบบฝกหดหลงเรยนเสรจทนเวลาทกำหนดและถกตอง 4. สนใจกระตอรอรนในการเรยนร ตอบคำถาม สรปสาระการเรยนร และกลาแสดงความคดเหน กจกรรมเสนอแนะ

ถาผเรยนมการเตรยมตวในการเรยนทด เชน อาน และทำการศกษาหนงสอเกยวกบหนวยการเรยนมากกอน ถงชวโมงเรยน ผเรยน จะสามารถเรยน และทำกจกรรมตาง ๆ ทครผสอนมอบหมาย ไดอยางมความสข และเกดความชอบ และสนกกบการเรยนในชนเรยน




51

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3









52

4 5 6 7 8 9 10 ผประเมน……………………….……………

(……………………..…………..)



1. ขอใดไมใชความสามารถของ Photoshop ?

ก. งานตกแตงภาพถาย ข. งานสงพมพ

ค. งานซลคสกรน ง. งานเวบไซตบนอนเทอรเนต

2. ขอใดไมใชสเปคเครองคอมพวเตอรทเหมาะสำหรบการตดตงโปรแกรม Photoshop ?

ก. เครองคอมพวเตอร COP Pentium 4

ข. Windows Me

ค. Windows XP Service Pack 1

ง. Windows XP Service Pack 2

3. เราใชกดคยลดในขอใดแทนการเลอกคำสงเปดไฟล (Open) ?

ก. <Ctrl+P> ข. <Ctrl+O>

ค. <Ctrl+E> ง. <Ctrl+N>

6. ตวอกษรยอ “CS” ในชอ Photoshop CS เปนคำยอจากขอใด ?

ก. Creative Suite ข. Creative Smart

ค. Creative Sign ง. Creative Smooth

7. กล มคำส งในขอใดท ใช ในการปรบแต งภ าพอตโนมตดวยคำสงสำเรจรป ?

ก. Image ข. Layer

ค. Select ง. Filter

8. กลมคำสงในขอใดทใชในการปรบแตงทมผลตอภาพทงภาพ ?

ก. Image ข. Layer

ค. Select ง. Filter

9. ขอใดเปนคำกลาวท เกยวกบการใชแถบคำส ง (Menu bar) ไดไมถกตอง ?

ก. ในคำสงทมเครองหมาย แสดงวาจะมคำสงยอย

53

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

ก. ข.

ค. ง.

5. ขอใดทไมใชคณสมบตของ Palette Well ?

ก. จะปรากฏแถบ Palette Well เมอใชความละเอยดจอท 1024x768

ข. เราใช Palette Well สำหรบพกหนาตางพาเลตทตองใชงานบอยๆ เพอไมบดบงพนทการทำงาน และสะดวกในการเรยกใชงาน

ค. Palette Well สามารถชวยปรบขนาดมมมองในการทำงานของโปรแกรมไดสะดวกกวาการปรบดวยคำสง View

ง. Palette Well สามารถพกหนาจอพาเลตไดมากกวา 1 หนาจอ

ภายใตคำสงนน

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

ค.คำสงเปนสเทาจาง หมายถง ไมอนญาตใหใชงานคำสงในขณะนน

ง.เปนตวอยางคยลดสำหรบใชคยบอรดเรยกคำสงแทนการใชเมาสเรยกคำสง

10. ขอใดกลาวถงการใชงานพาเลตไมถกตอง ?

ก.History Palette ใชจดลำดบของพาธทวาดขน และจดการเกยวกบพาธตางๆ

ข.เลอกคำสง Window>Color เมอตองการเปดใช Color Palette

ค. Color Palette ใชในการเลอกสของโฟรกราวนด หรอแบคกราวนด โดยการเลอนสไลดของส ตางๆไดเอง

ง. Navigator Palette ใชในการปรบขนาด และมมมองของภาพ


การสรางไฟลงานใน Photoshop ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การสรางไฟลงานใน Photoshop จำนวน 3 ชวโมง/สปดาห ชอหนวย 5 การสรางไฟลงานใน Photoshop สาระสำคญ กอนทสรางผลงานใน Photoshop นน ควรจะเตรยมหาภาพจากแหลงตางๆ เพอนำมาใชงานตามจดมงหมายของเราตามทตองการ โดยใชคำสง Open ในการเปดไฟลจากแหลงภาพ หรอวธการอนสำหรบแหลงภาพจากกลองดจตอลและสแกนเนอร

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

54

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


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


สรางไฟลภาพใหม โดยใชคำสง NEW

นอกจากการเรยกภาพทมอยแลวขนมาใช Photoshop ยงใหเราสามารถสรางภาพขนเอง จากหนากระดาษเปลา การสรางไฟลภาพขนมาใหมน งายพอๆ กบการเปดไฟลภาพ แตทงนมเรองทเราตองทำความเขาใจ และกำหนดอยางเจาะจง อย 2 เรอง คอขนาดของภาพ และรปแบบของพนภาพ เราสามารถสรางไฟลใหมไดดงน คอ 1. เลอกคำสง File>New ทเมนบาร จะปรากฏหนาตาง New ขน

55

2. ใสชอของไฟลไดเฉพาะภาษาองกฤษเทานน

เราสามารถตงชอไฟลเปนภาษาไทยได หรอเปลยนชอไฟลไดหลงท Save ไฟลและเปดการใชงานไฟลนนแลว ดวยวธการทเหมอนกบไอคอนทวๆ ไปโดย การ Click mouse เลอกไอคอนนน และกดทป ม <F2>

3. ก าหนดขนาดของภาพ (Image Size) โดย Click mouse ทป ม เพอเลอกมาตราวด และพมพตวเลขใสความกวางและความยาวของภาพตามทตองการ ในทนก าหนดใหความกวาง และความยาวเปน 5 x 5 นว (ลองเปลยนเปนขนาดตางๆ ด แลวสงเกตการเปลยนแปลงของ Image Size ) 4. ก าหนดความละเอยดของภาพ (Resolution) โดย Click mouse ทป ม เพอเลอกมาตราวด และใสความละเอยดของภาพ ในทนก าหนดให เทากบ 72 Pixe/inch การก าหนดความละเอยดของภาพ จะแตกตางกนไปตามลกษณะงาน

5. กำหนดโหมดสของภาพ (Mode คอวธท Photoshop ใชในการตความคาส รายละเอยดของเรอง Mode สามารถดได ในบทท 6 เรองความรเรองส) 6. กำหนดพนหลงของภาพ (Contents โดย Click mouse เลอกหวขอใดหวขอหนง ดงน คอ - White พนสขาว (ในทนเราเลอกทปมน - Background พนสเปนสของ Background ทกำหนดไว

56

- Transparent ไมมพนหลง 7. Click mouse ท 8. จะไดหนากระดาษวางเปนไฟลภาพใหมทเราสรางขน

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

1. ความกวาง (Height) และความยาวของเครอง (width) ความกวาง และความยาวมาก ขนาดไฟลภาพมาก 2. ความละเอยด (Resolution) ความละเอยดมากขนาดไฟลภาพมาก คณภาพของภาพสง แตเครองคอมพวเตอรจะทำงานชา ฉะนนเราควรกำหนด Resolution ตามการใชงาน เชน - ตองการเปดดภาพจากหนาจอคอมพวเตอร ควรใช 72 DPI (Dots per inch) - ตองการพมพงานออกเครองพมพเซอรควรใช 200 DPI - สงพมพตางๆ ทตองเขาพมพในโรงพมพ เชนปกนตยสารควรใช 300 DPI 3. โหมดสของภาพ เรยงลำดบจากนอยไปมาก ดงนคอ Bitmap, Grayscale, RGB, CMYK, Lap color


57


ขนนำเขาสบทเรยน(30 นาท)

1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาคนควาคำเกยวกบแหลงภาพจาก

ท ต า ง ๆ ท ส า ม า ร ถ น ำ ม า ใ ช ง า น ใน Photoshop

3. รวมสนทนา

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

ขนดำเนนการสอน(180 นาท)

4. บอกจดประสงคการเรยน

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


ขนสรป(30 นาท)


1. ครและนกเรยนรวมกนสรปสาระสำคญ 2. นกเรยนสอบถามขอสงสย 3. ฟงและจดบนทก 4. ทำแบบทดสอบทายบท

58

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

1. ผ เรยนทำแบบฝกหดกอนเรยน โดยการตอบคำถามเกยวกบหนวยการเรยนตามภมความรความสามารถของผเรยน

2. ครใหผเรยนอานใบความรเพอเตรยมความพรอมในการเรยนและตอบคำถามครผสอน


1. ผเรยนรวมกนศกษาเนอหาตามใบงานแลวตอบคำถามและแสดงความคดเหน 2. ทำใบงานและแบบฝกหดหลงเรยน 3. รวมกนเฉลยใบงานและแบบฝกหดหลงเรยน 4. จดบนทก เทคนค แนวการทเปนประโยชนตอผเรยน จากขอแนะนำของครผสอน 5. ผเรยนาสรปความรทไดจากการเรยนตามความเปนจรง จากภมความรของผเรยนแตละคน 6. ผเรยนซกถามในหวขอทสงสยในเนอหาการเรยนร

สอการเรยนการสอน 1. อ. ปยะ นากสงค. หนงสอการใชโปรแกรมกราฟกส, 2545(ปรบปรง 2546) .

2. แฟมสะสมผลงาน 3. ใบความรประจำหนวย 4. คอมพวเตอร

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

กจกรรมเสนอแนะ ถาผเรยนมการเตรยมตวในการเรยนทด เชน อาน และทำการศกษาหนงสอเกยวกบหนวยการเรยน

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


59


ความมวนย ความ มนษย ขยนหมน ความ











60

เลข ท


รบผดชอบ สมพนธ เพยร รอบคอบ รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน…………………………… (…………………………..)

61



1. ขอใดคอแหลงภาพทสามารถนำมาใชงานในโปรแกรม Photoshop ?

ก. เซฟไฟลจากหนาเวบไซต

ข. สแกนภาพจากปกนตยสารดวยเครองสแกนเนอร

ค. ถายภาพดวยกลองดจตอล

ง. ถกทกขอ

2. ขอใดคอไฟลภาพทนยมบนทกกนเมอทำการสแกนภาพ ?

ก. TIF ข. GIF

ค. EPS ง. JPEG

3. ขอใดคอการเปดไฟลภาพทเคยเปดมากอนหนานแลว ?

62

ก. คำสง File>Open ข. คำสง File>Open As

ค. คำสง File>Browse ง. คำสง File>Open Recent

4. ขอใดคอไฟลภาพทตองการระบชนดของไฟลอยางเจาะจง ?



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



6. ขอใดทมความเกยวของกบการใชคำสง File>Import ?

ก. การนำเขาไฟลภาพจากกลองดจตอล ข. การนำเขาไฟลภาพจากกลองวดโอ

ค. การนำเขาไฟลภาพจากเวบไซตคลงภาพ ง. การสแกนภาพจากเครองสแกนเนอร

จากภาพใหเรานำไปใชตอบคำถามใน ขอ 7 - 9 ดงน

7. ขอใดคอสวนทใชแสดงและกำหนดอตราการขยายภาพ ?

ก. สวน A ข. สวน B

ค. สวน C ง. สวน D

8. ขอใดคอสวนทใชแสดงโหมดสของภาพ ?

63


ค. สวน C ง. สวน E

9. ขอใดคอสวนทใชแสดงขนาดของไฟลภาพ ?


ค. สวน C ง. สวน E

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

ก. File>Info ข. File>Save For Web ค. File>Save ง. File>Save As


การปรบมมมองการทำงานและการใชเครองมอพนฐาน ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การปรบมมมองการทำงานและการใชเครองมอพนฐาน จำนวน 3 ชวโมง/สปดาห ชอหนวย 6 การปรบมมมองการทำงานและการใชเครองมอพนฐาน สาระสำคญ การทำงานบนหนาตางของ Photoshop นน สามารถปรบเปลยนมมมองตามสภาพการทำงานทเหมาะสมอกทงยงสามารถซมขยาย-ยอภาพได เพอปรบเปลยนมมมองใหจดเจนหรอมองโดยรวม และในบทนเราจะมาเรยนรถงเครองมอทเปนพนฐานสการทำงานตกแตงภาพในบทตอๆไป

จดประสงคทวไป มความรความสามารถกำหนดรปแบบมมมองการทำงานของภาพ

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

64

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


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

65

เรมเขาสโปรแกรม Adobe Photoshop ไดดวยวธการดงตอไปน

1. Click mouse ทปม Start 2. เลอนเมาสเลอกคำสง Programs --> Adobe Photoshop 3. Click mouse ท Adobe Photoshop จะปรากฏหนาจอแรกของ Photoshop ขน

แถบเมน (Menu Bar) คอแถบทรวบรวมคำสงหลกทกคำสงในการใชงานโปรแกรม เชน เปด ปด บนทกไฟล Option Bar คอแถบตวเลอกของเครองมอ ซงปรากฏขนเมอเลอกใชเครองมอในกลองเครองมอ (Toolbox) ใชกำหนดคณสมบตของเครองมอทเลอกทำงานอยในขณะนน กลองเครองมอ (Toolbox) คอกลองเกบเครองมอตางๆ ทใชในการทำงาน เชน เครองมอเกยวกบการเลอกและแกไข พาเลท (Palette) คอกลมของหนาตางทรวบรวมคณสมบตการทำงานของเครองมอ ชวยควบคมรายละเอยดปลกยอยในขนตอนการทำงาน กระดานวาดภาพ (Canvas) เปนพนทสำหรบตกแตงภาพ

66

แถบเมน (Menu Bar)

เมน File ไดแก

▪ New เปนคำสงสรางไฟลใหม ▪ Open เปนคำสงเปดไฟลกราฟกสทมอยแลว ▪ Close ปดไฟลทกำลงทำงานอย ▪ Save บนทกไฟลขอมลททำงานอยในชอเดม ▪ Save As บนทกไฟลขอมลททำงานอยในชออนเพอไมใหทบไฟลเดม ▪ Save a Copy บนทกไฟลขอมลททำงานอยในชออน และ อาจเปลยนแปลงคณสมบต เชน

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

ลาสด คำสงนคลายๆ กบการทำ Undo นนเอง ▪ Import ทำการอานขอมลจาก Scanner ▪ Export สงงานจาก Photoshop ไปใหโปรแกรมอน เชน Illustrator หรอ อาจสงเปนไฟลแบบ

GIF89A ▪ Preferences กำหนดรายละเอยดของโปรแกรมตามตองการ

เมน Edit ไดแก

▪ Cut ทำการตดเอาสวนทเลอกไว เกบเขาไปในหนวยความจำทเรยกวา คลปบอรด ▪ Copy ทำการคดลอกสวนทเลอกไว เกบเขาไปใน คลปบอรด ▪ Paste เอาภาพทเกบไวคลปบอรด ปะลงไปในภาพทกำลงทำงานอย ▪ Paste Into เอาภาพทเกบไวคลปบอรด ปะลงไปในสวนของภาพทเลอกไว (Selection) ▪ Clear ลบภาพในพนททเลอกไว (Selection) ▪ Fill เตทสลงไปในพนททเลอกไว ▪ Stroke เตมสลงไปเฉพาะตรงขอบของพนททเลอกไว ▪ Free Transform ทำการเปลยนแปลงทศทางและขนาดของภาพอยางเสร ▪ Transform ทำการเปลยนแปลงทศทางและขนาดของภาพเฉพาะอยาง ▪ Purge ลางหนวยความจำทใชเกบภาพในคลปบอรด ประวตการทำงาน (history) เพอใหม

หนวยความจำเหลอสำหรบพนททำงาน มากขน

เมน Image ไดแก

67

▪ Mode กำหนดโหมดสทจะใชสำหรบภาพกราฟกส เชน สแบบไลเทา (Grayscale) หรอ แดง-เขยว-นำเงน (RGB)

▪ Adjust ปรบแตงโทนสของภาพ ความคมชด ความเขมของแสง ระดบของส ▪ Duplicate ทำสำเนาภาพขนใชงานอกภาพหนง ▪ Image Size ปรบแตงขนาดและความละเอยดของภาพ ▪ Canvas Size ปรบแตง/เพม พนททำงานของภาพ ▪ Crop กำจดพนททำงานนอกสวนทเลอก (Selection) ออกไป ▪ Rotate Canvas ปรบเปลยนทศทางของภาพ

เมน Layer

▪ เปนคำสงทเกยวกบการปรบแตงภาพในแตละเลเยอร และการเรยงลำดบกอนหลงของเลเยอร

เมน Select ไดแก

▪ All เลอกภาพทงหมด ▪ Deselect ยกเลกการเลอก ▪ Inverse เลอกสวนของภาพทไมไดถกเลอก พดอกแงกคอ กลบสวนทเลอก/ไมเลอก ▪ Color Range ทำการเลอกสวนของภาพตามสทตองการ ▪ Feather ทำใหขอบของสวนทเลอก (Selection) ดนมขน ▪ Similar เพมขนาดของสวนทเลอก (Selection) จากสทใกลเคยงกน ▪ Transform Selection ปรบทศทางของเสน Selection

เมน Filter

▪ เปนแถบคำสงทเกยวกบการปรบเปลยนภาพอตโนมต รวมทงคำสงเกยวกบ คาลายนำ (Digimarc) ซงถอเปนการจดลขสทธแสดงความเปนเจาของภาพ กเปนฟลเตอรหนงทอยในเมนนเชนกน

เมน View

▪ รวบรวมคำสงในการกำหนดมมมองภาพในรปแบบตางๆ การยอ-ขยาย รวมทงเรองการวด Grid, Guide และไมบรรทดดวย

เมน Window

68

▪ รวบรวมคำสงทเกยวกบการจดการหนาตางแตละหนา ทปรากฏบนหนาจอ รวมถงหนาตาง palette, Toolbox ดวย เชน คำสงแสดง (Show..) คำสงซอน (Hide..)

เมน Help

▪ รวบรวมคำสงทเกยวกบการแนะนำโปรแกรม Photoshop และการใชงานโปรแกรม

เครองมอในกลอง Toolbox ::

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

Move Tool เปนอปกรณ ทใชในการเคลอนยายภาพ หรอบนชน Layer ทเรากำลงทำงานอยไปในตำแหนงตางๆ

Lasso Tools เปนอกรณทใชในการเลอกพน ทการทำงานแบบอสระโดยเรมจากพนทจากจดเรมจน วนมาพบกนอกครง โดยตดในลกษณะใดกไดรปแบบ ใดกได..แลวตองกลบมาบรรจบทจดเรมตนกนอกครง ซงจะเกดเสน Selection ขนมา

Magic Wand Tool เปนอปกรณใหเลอกพนท การทำงานเชนกนโดยจะเลอกพนททมสโทนเดยวกนหรอมสโทนคลายๆกน..ใชในการสรางเสน.. Selcetion เฉพาะพนท

Crop Tool เปนอปกรณในการเลอกพนท ทตองการคงไว และตดออก ซงมผลกบ Image size ดวย

Slice Tool เปนอปกรณในการตดรปภาพออกเปนชนเลกๆ แลวประกอบกนเปน รปภาพทเหมาะสมในการแสดงบนเวบ เมอตดแลวสามารถ Save เปน HTML ไดดวย

Healing BrushTool เปนอปกรณใชในการแกไข ซอมแซมรปภาพเปนสวนใหญ หลกการเดยวกบ อปกรณ ( Clone stemp Tool )

69

Brush Tools เปนอปกรณสำหรบการ วาดภาพและระบายสซงลกกษณะการใชงานจรง ๆ จะมใหเลอกใชหลายตว

Clone stamp Tool ลกษณะในการใชกคลาย กบตรายาง เปนการคดลอกชนงานออกมา ลกษณะการใชงานกไปคลกทรปภาพโดยใหกดปม Alt คางไวดวยพดอกอยางเปนการโคลนนงภาพนนเอง

History Brush Tools เปนอปกรณสำหรบการ ลบรอยวาดภาพและระบายสของอปกรณ Brush Tools ทเขยนลงบนภาพ

Eraser Tool ทำหนาทคลาย..ยางลบนน แหละใชลบสวนตางๆของภาพทเราไมตองการ

Linear Gradient Tool เปนการระบายสภาพโดย การไลเฉดสทเราตองการเมอดบเบลคลกจะมให เลอกหลายลกษณะตามทเราตองการ อปกรณถงส ( Paint Bucket Tool ) ใชในการเท หรอละเลงสระบายลง บนภาพหรอพนททไดเลอกไว เหมาะกบการเทลงพนทขนาดกวาง

Blur Tool เปนอปกรณทใชสำหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur, Sharpen เลอกโดยการคลกเมาคางไว

Dodge Tool ใชในการปรบคาโทนสของภาพใหสวางหรอมด ซงจะมเครองมอใหเลอกอกคอ Dodge,Burn,Sponge

Path Selection Tool เปนอปกรณ ทใชโยกยาย ปรบแตงเสน พาททสรางจาก อปกรณปากกา ( Pen tool )

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

70

Pen tool ใชในการสรางเสนภาพสำหรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ

Shape tool เปนอปกรณสรางรปทรงตางๆ มใหเลอกมากมาย

Notes Tool อปกรณเตอนความจำ เปนอปกรณบนทกโนตยอการทำงาน หรอจะบนทกเสยงลงไปในโนตกทำได

Eyedropper Tool เปนเครองมอในการดดสทมอยในภาพเพอนำสนนไปใชในบรเวณอนโดยจะถอเปน Foreground Corlor

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

Zoom Tool อปกรณแวนขยายใชในกรณทเราตองการ ทจะยอ / ขยายภาพในจอ หรอ ขยายเพอจะไดทำ ไดละเอยดมากยงขน

อปกรณ Foreground และ Background เปนอปกรณเลอกส

Jump to ImageReady เปนอปกรณใช Jump ไปหาโปรแกรม ImageReady

▪ Navigator ใชยอขยายการแสดงผลขนาดไฟลภาพ โดยการเลอนปมสามเหลยมดานลางเพอซมรายละเอยดของภาพ

▪ Info ใชในการแสดงคาของสขณะทเรากำลงเลอนเมาสในบรเวณภาพ

71

▪ Color เปนการเลอกขนาดส โดยการเลอนปมสามเหลยมดานลางในชองส R G และ B

▪ Swatches เปนการเลอกสมาใชงานไดโดยคลกเลอกสตามตองการ และสามารถลดและเพมสทตองการได

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

▪ History เปนการบนทกคาการทำงานเกบเอาไว หากเราทำงานผดพลาดหรอยอนกลบไปทำงานใหมกสามารถยอนกลบไปเลอกคำสงทตองการได

▪ Actions มหนาทเกบคำสงการทำงานอตโนมต

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

▪ Channels หนาทของพาเลตนคอการแยกสของภาพออกมาตามประเภท

▪ Paths ใชในกรณเราวาดภาพเอง หรอตกแตงภาพแบบพเศษ

72


73



1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาอานหนงสอทำความเขาใจเกยวกบ

หนวยการเรยน 3. รวมสนทนาเกยวกบเรองการปรบมมมองการ

ทำงานและการใชเครองมอพนฐาน

ใหความรวมมอกบครในการตรวจสอบ คนควาทำความเขาใจ รวมสนทนาและแสดงความคดเหน


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

ชวตประจำวน ประเมนพฤตกรรมรายบคคลโดยอาจารยจะซกถามใน

แตละบคคล

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

ขนสรป


1. ครและนกเรยนรวมกนสรป

สาระสำคญ 2. นกเรยนสอบถามขอสงสย 3. ฟงและจดบนทก 4. ทำแบบทดสอบทายบท

74

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

กอนเรยน ครใหผเรยนทบทวนบทเรยน


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

ขนตอนทจะทำใหตนเองไมลมสาระการเรยนร ผเรยนซกถามเมอไมเขาใจหรอสงสยเนอหาการเรยนร

5. สอการเรยนการสอน 1. อ. ปยะ นากสงค .หนงสอการใชโปรแกรมกราฟกส,2546 2. ใบความรประจำหนวย 3. เครองไมโครคอมพวเตอร 4. แผนใสและเครองฉายภาพขามศรษะ 5. ซดสอการสอน

6. วดผลประเมนผล 1. ผเรยนปฏบตภาระงานทมอบหมายเสรจทนเวลาทกำหนด

2. ตอบคำถามและทำใบงานและแบบฝกหดไดถกตอง

3. ความสะอาดเรยบรอยของใบงานและแบบฝกหด

4. สนใจกระตอรอรนในการเรยนร ตอบคำถาม สรปสาระการเรยนร และกลาแสดงความคดเหน

7. กจกรรมเสนอแนะ 1. ผเรยนตองทบทวนบทเรยนทงกอนเรยนและหลงเรยนอยอยางสมำเสมอ

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

75

3. ผเรยนสนใจทำใบงาน แบบฝกหด และขยนปรบปรงแกไขใบงานและแบบฝกหดใหถกตองทกครงททำผด






76

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8







77

9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน…………….…………………… (………………….……………..)

เฉลยแบบฝกหด หนวยท 6

1. ขอใดคอการกำหนดมมมองแสดงภาพแบบเตมจอโดยไมมแถบเมนบาร ?

ก. Standard Mode

ข. Full Screen Mode with Menu Bar

ค. Full Screen Mode

6. จากภาพขอใดทไมเกยวของกบการยอ/ขยายภาพ ?

ก. สวน A, B, C, D

ข. สวน B, C, D

ค. สวน A, E

ง. สวน E

78

ง. Full Screen Mode with Tool Box

2. ขอใดคอการกดคยลดเพอซมดภาพใกลๆ เมอใชเครองมอ ?

ก. <Alt>+<+> ข. <Ctrl>+<+>

ค. <Shift>+<+> ง. <Alt>+คลกบนภาพ

3. ขอใดคอการแสดงภาพเทากบหนาตางทเปดอย ?

ก. Zoom In ข. Zoom Out

ค. Actual Pixels ง. Fit on Screen

4. เรานยมใชเครองมอในขอใดเพอเลอนดภาพภายในหนาจอโดยไมตองอาศยแถบเลอน ?

ก. Hand Tool ข. Scroll bar

ค. Zoom Tool ง. Move Tool

5. ขอใดคอการจดเรยงหนาตางไฟลภาพแบบซอนทบกน ?

ก. Cascade ข. Tile Horizontally

ค. Tile Vertically ง. Arrange Icons

7. หากตองการสรางจานสสวนตวเพอใชงานสทตองใชบอยๆ จะสรางไดในขอใด ?

ก. Color Picker ข. Swatches Palette

ค. Color Palette ง. Default Color

8. ขอใดคอเครองมอทใชเทสแบบไลเฉดส ?

ก. Paint Bucket Tool ข. Pencil Tool

ค. Gradient Tool ง. Brush Tool

9. ขอใดคอการเลอกเทสดวยการใสลวดลาย ?

ก. Foreground ข. Pattern

ค. Linear Gradient ง. Normal

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

ก. Eraser Tool

ข. Background Eraser Tool

ค. Magic Eraser Tool ง. Canvas Eraser Tool


การเลอกพนทภาพ ชวโมงรวม 3 ชม.

79

รหสวชา 2204-2101 การเลอกพนทภาพ จำนวน 3 ชวโมง/สปดาห ชอหนวย 7 การเลอกพนทภาพ สาระสำคญ การเลอกพนทภาพเปนหวใจหลกอยางหนงในการตกแตงภาพดวยPhotoshop เพราะเปนการกำหนดขอบเขตในสวนของภาพทจะตกแตงหรอการตดสวนของภาพนำไปใชประกอบเปนภาพชนงานใหมดงนนการเลอกพนทภาพทดจะชวยใหงานสรางภาพและตกแตงภาพของเราออกมาไดอยางปราณตดวย

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


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

80


การ Selection เลอกพนทภาพ

การเลอกพนทภาพ Selection

ในการปรบแตงแกไขภาพกราฟกดวย Photoshop สงทมความสำคญและทำกนบอยๆคอการ“เลอก” พนทบางสวนของภาพ เพอใชคำสงตางๆใหแสดงผลเฉพาะพนทสวนทเลอกไว การ “เลอก”พนทใน Photoshop นเราเรยกวา การสรางSelection

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

ในโปรแกรม Photoshop คำสงทใชสำหรบการสราง Selection มอยมากมายใหเลอกใช ซงใหผลการ Selection ทแตกตางกนไป ตามลกษณะของการใชงาน

รปแบบการเลอก Selection

ออปชนของ Selection มใหเรยกใชทงหมด 4 แบบ โดยคลกเลอกไดจาก

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

เมอคลกเมาสจะเปนการสราง Selection ขนใหม

สราง Selection เพมขน โดยพนท Selection กอนหนาจะไมหายไป แตจะถกรวมเขาดวยกน

ลบพนทของ Selection ออกจาก Selection กอนหนา

เปนการสราง Selection ใหมในพนท Selection เดม ดวยวธ Intersect จากพนท Selection ทกำหนดใหมและ Selection กอนหนา ทมพนทเดยวกน

http://www.kroopol.com/photoshop/index.php/m13

81

Feather ตงคาความเบลอหรอฟงกระจายของขอบ Selection

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

82

คดลอก (Copy) ,ตด (Cut),เคลอนยาย(Move) เพอใหเหนผลการทำงานของ Feather มหนวยเปนพกเซล โดยจะสามารถกำหนดคาของ Feather ไดตงแต 0 ถง 255 pixelยงใชคามากขอบ Selection จะยงฟงกระจายมากทำใหขอบของภาพทเลอกดเบลอ หรอนมนวลขน ออปชนนจะมอยในเครองมอทใชสรางSelection ทกชนด ยกเวนเครองมอ Magic Wand และ Quick Selectionการกำหนดคา Feather ทำได 2 วธคอ

กำหนดกอนสราง Selection โดยพมพคาลงในชองหลง Feather ในออปชนบาร

2.กำหนดหลงสราง Selection ใหใชคำสง Select > Modify > Feather จะมไดอะลอก Feather Selection เปดขนมา ใสคาทตองการในชอง Feather Radius แลวคลก OK

ตวอยาง การ Selection โดยใหม Feather

83

Anti-allas ความเรยบของขอบ

เปนออปชนทใชกำหนดใหขอบของ Selection บรเวณทเปนเสนโคงหรอแนวเฉยงดเรยบไมมรอยหยกเปนขนบนไดใหเหนเวลาเรากอปปภาพไปใชงาน

84

Style ของ Selection ใชกำหนดวธสราง Selection แบงเปน 3ประเภท

Normal เปนการเลอกขนาดของพนทอยางอสระ

Fixed Aspect Ratio เลอกแบบกำหนดคายดหยนตามอตราสวนความกวาง : ความสงทไดกำหนดไว

Fixed Size เลอกพนทโดยกำหนดความสงความกวางอยางตายตว

85

1. กดแปน Backspace เพอลบจดของการเลอกพนทออกไปทละจด โดยเรมจากจดทสรางขนลาสด 2. กดแปน ESC เพอยกเลกทกจดของการเลอกพนททกำหนดไวทงหมด 3. กดแปน Shift คางไวขณะทวาดพนทตามรปทรงวตถ จะทำใหเกดการทำมมฉาก หรอ 45องศาเสมอ 4. กดแปน Alt คางไวขณะวาดพนทเลอกขอบเขตวตถ จะทำใหไดรปวตถทสมบรณตรงตอความ

ตองการ

คำสงอนๆในการจดการ Selection โปรแกรม Photoshop มคำสงพนฐานอนๆ ทใชเปนเครองมอในการจดการ Selection นอกจากทมอยในOptionของเครองมอ Selection ชนดตางๆ

• การเลอกพนททงภาพ ใชคำสง Select > All ( คยลด Ctrl+A) • การยกเลก Selection ใชคำสง Select > Deselect ( คยลด Ctrl+D ) เสน Selection 0จะหายไป

86

และพนท Selection ถกยกเลก • เรยกคน Selection ใชคำสง Select > Reselect ใชเรยก Selection สดทายทถกยกเลกไป • การขยาย Selection ใชคำสง Select > Modify > Expand ขยายพนทรอบ Selection เดมออกไป

โดยกำหนดคาการขยายเปนPixels • การลดขนาด Selection ใชคำสง Selection > Modify > Contract ลดพนทรอบ Selection เดม

ลงโดยกำหนดคาเปน Pixels • การสลบพนท Selection ใชคำสง Select > Inverse เปนการสลบพนททเลอกไวกบพนททไมได

เลอก เนองจากพนททตองการเลอกจรงๆ มความซบซอนทำใหยากทจะ Selection จงเลอกพนทสวนอน แลวใชคำสง Select > Inverseสลบพนทกน


87

กจกรรมคร กจกรรมนกเรยน


1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ทดสอบกอนเรยน โดยการถามผเรยนในหอง 3. รวมสนทนาเกยวกบเรองการเลอกพนทภาพใน

โปรแกรมกราฟก

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


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

ถกตองใหแกผเรยน 4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถาม

ในแตละคน

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

ขนสรป




กอนเรยน 1. นกศกษาตอบคำถามครเพอทดสอบความรพนฐาน 2. สนทนาและแสดงความคดเหนในหนวยการเรยน


88

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

ลำดบขนตอนทจะทำใหตนเองไมลมสาระการเรยนร 6. ผเรยนซกถามเมอไมเขาใจหรอสงสยเนอหาการเรยนร

6. สอการเรยนการสอน 1. อ. ปยะ นากสงค .หนงสอการใชโปรแกรมกราฟกส,2546 2. ใบความรประจำหนวย 3. เครองไมโครคอมพวเตอร




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



3. ผเรยนสนใจทำใบงาน แบบฝกหด และแกไขใหถกตองทกครงททำผด

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


89











90

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน……………………………..……………… (………………………….……………..)

91


จงท าเครองหมาย ในหวขอทถกทสดเพยงขอเดยว

1. ขอใดคอการเลอกพนทภาพเปนเสนตรงในแนวนอน ?

ก. Rectangular Marquee Tool

ข. Elliptical Marquee Tool

ค. Single Row Marquee Tool

ง. Single Column Marquee Tool

2. ขอใดคอการเลอกพนทภาพทมส2ใกลเคยงกบคาส ณ จดพกเซลทเราคลกเลอก ?

ก. Lasso Tool

ข. Polygonal Lasso Tool

ค. Magnetic Lasso Tool

ง. Magic Wand Tool

3. ขอใดคอคณสมบตททำใหขอบพนทท เลอกเรยบขน ?

ก. Feather

ข. Anti-Aliased

ค. Edge Contrast

ง. Frequency

4. การเลอกพนภาพดวยเครองมอในขอใดจะไมมการกำหนดคาความฟงเบลอ (Feather) ?

ก. Lasso Tool

ข. Polygonal Lasso Tool

ค. Magnetic Lasso Tool

6. ขอใดคอการเลอกพนทภาพในสวนทซบซอน โดยขอบภาพจะเปนเสนผม หรอขนสตว ?

ก. Extracting

ข. Qucik Mask Mode

ค. Magic Wand Tool

ง. Magnetic Lasso Tool

7. ขอใดคอคยลดทใชยกเลกการเลอกพนททไดเลอกไว ?

ก. <Alt>+คลกเมาส

ข. <Ctrl+D>

ค. <Shift+Ctrl+I>

ง. <Shift>+คลกเมาส

8. ขอใดคอคยลดของการสลบไปเลอกขอบเขตพนทตรงกนขาม ?

ก. <Ctrl+A>

ข. <Ctrl+D>

ค. <Shift+Ctrl+I>

ง. <Shift+Ctrl+D>

9. สญลกษณตวชเมาสรป สอความหมายตรงกบขอใด ?

ก. การเลอกพนทใหม

ข. การเลอกขอบเขตภาพเพมเตมจากเดม

ค. การลดขอบเขตภาพทเลอกไวจากเดม

ง. การเลอกพนทจนครบรอบภาพทตองการ

92

ง. Magic Wand Tool

5. ขอใดคอลกษณะตวชเมาสของการเลอกพนทเฉพาะสวนทตดกนของพนเดม ?

ก. ข.

ค. ง.

10. ขอใดคอการใสเสนขอบลงในพนททเลอกไว ?

ก. คำสง Edit>Fill

ข. คำสง Edit>Stroke

ค. เครองมอ Paint Bucket Tool

ง. เครองมอ Gradient Tool


การกำหนดเสน ส แสง เงา ใน Auto shapes ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การกำหนดเสน ส แสง เงา ใน Auto shapes จำนวน 3 ชวโมง/สปดาห ชอหนวย 8 การกำหนดเสน ส แสง เงาใน Auto shapes สาระสำคญ การกำหนด เสน ส เงา ของภาพเปนเรองทตองรและสำคญมากในการวาดภาพ ใหออมาดดคมชด เพราะฉะนนในบทน จะเนนเรองเรองเสน การใช และเงาของภาพ

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


1. ผเรยนสามารถเลอกเสนในการออกแบบรปภาพได 2. ผเรยนสามารถเลอกเลอกภาพแสงของรปภาพได 3. ผเรยนสามารถเลอกเครองมอในการกำหนดรปภาพใหมเงาและแสงได

93

เนอหาสาระ การใสรปรางอตโนมต

1. คลกปม รปรางอตโนมต จากนนกเลอกกลมรปรางทตองการ

2. คลกเลอกรปรางทตองการ

94

3. แดรกเมาสเพอวาดรป

ในโปรแกรม PowerPoint ไดแบงรปรางอตโนมตเปนกลมยอยๆ 7 กลมดงน

Callouts (คำบรรยายภาพ) เปนกลมรปรางแสดงคำพด ทมกใชกบคำพดของตวการตน

Stars and Banners ( ดาวและปายประกาศ) เปนกลมรปดาว และแผนปายในแบบตางๆ

Flowchart (แผนผงลำดบงาน) เปนกลมรปทเกยวกบการใชสราง Fowchart

Block Arrows (ลกศรแบบลอก) เปนกลมรปทเกยวกบลกศรในแบบตางๆ

Basic Shapes (รปรางพนฐาน) เปนรปรางทวๆไปทใชเปนประจำและไมเขาพวกกบกลมอน

Connectors (ตวเชอมตอ) เปนเสนทใชเชอมตอกบรปอนๆ นยมนำไปสราง Flowchart

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

98

ขอความศลป ( WordArt)

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

วธการใสขอความศลป( WordArt )

1. คลกปม บนแถบเครองมอรปวาด

2. คลกเลอกรปแบบทตองการ

99

3. คลกปมตกลง (OK) 4. เลอกรปแบบฟอนตทตองการ

100

. ระบขนาดตวอกษร


101

กจกรรมคร กจกรรมนกเรยน


1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ทดสอบกอนเรยน โดยการถามผเรยนในหอง 3. รวมสนทนาเกยวกบเรองการเลอกรปภาพ

เรขาคณต

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


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

ถกตองใหแกผเรยน 4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถาม

ในแตละคน


ขนสรป

5. ครและนกเรยนรวมกนสรปสาระสำคญ 6. เปดโอกาสใหนกเรยนซกถามขอสงสย 7. มอบหมายใหไปหดทำและศกษาเพมเตม 8. ดผลงานของนกเรยน พรอมกบใหคะแนน

5. ครและนกเรยนรวมกนสรปสาระสำคญ 6. นกเรยนสอบถามขอสงสย 7. ฟงและจดบนทก 8. ใหนกเรยนทำใบงานทกำหนดให

102


กอนเรยน 1. คนควาและทำความเขาใจการใชเครองมอเพอชวยในการจดการภาพ ขณะเรยน

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


6. สอการเรยนการสอน 1. ใบความรประจำหนวย 2. เครองไมโครคอมพวเตอร 3. โปรเจตเตอร



3. ความสะอาดเรยบรอยของชนงาน

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





103












104

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

105

ผประเมน……………..……………………… (…………………………..)

ใบงาน 1. ใหนกเรยนทำใบพรวประชาสมพนธวทยาลยเทคนคถลาง 2. ใหนกเรยนสรางรปทรงเรขาคณต จากรปรางอตโนมต โดยกำหนดให เสน ส แสง เงาใน Auto shapes ตวอยาง

106


การจดวางและการปรบรปทรง ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การจดวางและการปรบรปทรง จำนวน 3 ชวโมง/สปดาห ชอหนวย 9 การจดวางและการปรบรปทรง

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

จดประสงคทวไป 1. มความรความเขาใจในการใชเครองมอเพอชวยในการจดวางภาพ 2. มความสามารถปรบขนาดภาพดวยคำสง Scale 3. มความสามารถหมนภาพใหอยในมมมองทตองการดวยคำสง Rotate 4. มความสามารถบดดวยคำสงตางๆ


1. ผเรยนสามารถใชเครองมอเพอชวยในการจดวางภาพได 2. ผเรยนสามารถปรบขนาดภาพดวยคำสง Scale ได

107

3. ผเรยนสามารถหมนภาพใหอยในมมมองทตองการดวยคำสง Rotate ได 4. ผเรยนสามารถบดดวยคำสงตางๆ ได

เนอหาสาระ บทท 9 การปรบปรงทรงภาพดวยวธ Transform

108

การปรบรปทรงภาพดวยวธTransform ในบทนเราจะทาการปรบขนาดภาพ หมนภาพ และบดภาพ เพอใหไดรปทรงในแบบทเราตองการเราเรยกวธการนวา “Transform” ผลการเรยนรทคาดหวง 1.ปรบขนาดภาพดวยวธการ Scale ได 2.หมนภาพดวยคาสงScaleได 3.เอยงภาพดวยคาสงSkewได 4.บดภาพดวยคาสงDistortได 5.บดภาพใหมมตดวยPerspectiveได


http://2.bp.blogspot.com/-ISK8lGX0zcM/UJtkGimN79I/AAAAAAAAACA/RGpXR-QACBc/s1600/rungnapa_ch4_01.jpg

http://1.bp.blogspot.com/-kDChxnRwezM/UJtjC80CGCI/AAAAAAAAAB4/f2L91aNg2yE/s1600/rungnapa_ch4_03.jpg

109



1. ตรวจสอบรายชอนกศกษาทเขาเรยน

2. ใหนกศกษาคนควาและทำความเขาใจการใชเครองมอเพอชวยในการจดการภาพ

3. รวมสนทนาเกยวกบการจดวางและการปรบรปทรงในโปรแกรมกราฟก

1. ใหความรวมมอกบครในการตรวจสอบ 2. ศกษา คนควาและทำความเขาใจ 3. รวมสนทนาและแสดงความคดเหน



2. บรรยาย อธบาย ยกตวอยาง แสดงวธการปฎบตในแต ละหวขอการเรยนและใหนกศกษาปฎบตไปพรอมกน

3. ครบอกเทคนค และแนวปฏบตทงาย ๆ

4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถามในแตละบคคล


ขนสรป



110


กอนเรยน 1. คนควาและทำความเขาใจการใชเครองมอเพอชวยในการจดการภาพ ขณะเรยน

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


สอการเรยนการสอน 1. เครองไมโครคอมพวเตอร 2. แผนใสและเครองฉายภาพขามศรษะ 3. โปรเจคเตอร

วดผลประเมนผล 1. ผเรยนปฏบตภาระงานทมอบหมายเสรจทนเวลาทกำหนด



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

1. ผเรยนตองทบทวนบทเรยนทงกอนเรยนและหลงเรยนอยอยางสมำเสมอ




111












112

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

ผประเมน……………………….………………

113

(………………………………..…..)

แผนการสอน หนวยท 10 ชอวชา องคประกอบศลปในงานคอมพวเตอร สอนครงท 10

การสรางขอความตกแตงภาพ ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การสรางขอความตกแตงภาพ 3 ชวโมง/สปดาห ชอหนวย 10 การสรางขอความตกแตงภาพ

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

จดประสงคทวไป 1. มความเขาใจถงความแตกตางและขอด ขอเสยของขอความแบบ Outline และ Bitmap 2. มความสามารถสรางตวอกษรแบบ Point Type และ Paragraph ตกแตงบนชนงาน 3. มความสามารถปรบรปแบบตวอกษรเพอประกอบบนชนงาน 4. มความสามารถสรางตวอกษรแบบ Bitmap 5. มความสามารถตกแตงตวอกษรดวยพาเลต Style และ Layer Style

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

1. ผเรยนอธบายความแตกตางและขอด ขอเสยของขอความแบบ Outline และ Bitmap ได 2. ผเรยนสามารถสรางตวอกษรแบบ Point Type และ Paragraph ตกแตงบนชนงานได 3. ผเรยนสามารถปรบรปแบบตวอกษรเพอประกอบบนชนงานได 4. ผเรยนสามารถสรางตวอกษรแบบ Bitmap ได 5. ผเรยนสามารถตกแตงตวอกษรดวยพาเลต Style และ Layer Style ได 6. ผเรยนสามารถพมพตวอกษรภาษาไทยบนชนงานได

114


การสรางขอความตกแตงภาพ การสรางขอความตกแตงภาพ การสรางงานกราฟกนอกจากจะเปนการนาภาพหลาย ๆ ภาพมาตกแตงเปนเรองราวแลว เรายงสามารถใสขอความประกอบการนาเสนอไดดวย ชงเนอหาในบทนเราจะกลาวกนถงเรองการใสตวอกษรลงไปในภาพ โดยใชคาสงในตระกล Type Tool และปรบแตงตวอกษรและขอความตาง ๆ ผลการเรยนรทคาดหวง 1. อธบายความแตกตางระหวางตวอกษรแบบเวกเตอรและบตแมพ 2. สรางตวอกษรแบบ Point type และ Paragraph type ได 3. ปรบรปแบบตวอกษรเพอประกอบบนชนงานได 4. ใชตวอกษรภาษาไทยใน Photoshop ได 5. สรางตวอกษรแบบบพแมพได 5.1 รจกกบประเภทของตวอกษร ตวอกษรทใชในโปรแกรมกราฟก โดยทวไปแบงออกเปน 2 ประเภท คอ แบบเวกเตอร (Vector) ตวอกษรแบบเวกเตอร จะเกดจากการลากเสนตรง เสนโคงทคานวณ

http://3.bp.blogspot.com/-UurjFY7mGgA/ULWbTzbdWUI/AAAAAAAAAEg/2w2LB7fZH04/s1600/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A5%E0%B8%B1%E0%B8%A2.jpg

115

ดวยสมการทางคณตศาสตร จากจดหนงไปยงสจดหนง ตอเนองจนเกดเปนภาพหรอตวอกษร ตวอกษรแบบเวกเตอรจะไมมปญหาเรองรอยแตกบนขอบตวอกษร เมอเกดการยอ/ขยายตวอกษรมาก ๆ จงเหมาะสาหรบนามาใชในงานสงพมพ และงานศลป อยางไรกตาม ตวอกษรแบบนจะนาไปตกแตงเอฟเฟกตโดยใชฟลเตอรไมได แบบบดแมพ (Bitmap) ตวอกษรแบบบตแมพ จะเกดจากการเรยงชองสเปนตารางเพอสรางภาพ หรอตวอกษร ทาใหสะดวกในการประมวลผลเรองส โดยเฉพาะอยางยงการลงส และการตกแตงภาพ ฉะนนขอดของอกษรแบบบตแมพ คอ สามารถใชไดกบการใสเอฟเฟกต และฟลเตอร ในขณะทขอเสย คอ เมอมการขยายขนาดจะทาให ชองสขยายใหญเกนไปจนเหนตวอกษรแตกเปนชองเหลยม ๆ ฉะนนหลกการและเทคนคในการปรบแตงตวอกษรทดทสด คอ พมพตวอกษร (การพมพจะไดตวอกษรแบบเวกเตอร) 5.2 การกำหนดขนาดและดความถกตองของตวอกษร หลงจากนนจงเปลยนจากตวอกษรแบบเวกเตอรมาเปนตวอกษรแบบบตแมพ เพอปรบเปลยนส และใสเอฟเฟกตใหกบตวอกษร เพราะถาเราแปลงขอความจากเวกเตอรเปนบตแมพ แลวตอจากนนมาปรบขนาดทหลงจะสงผลใหตวอกษรแตกได 1.2 เครองมอในการสรางตวอกษร เราสามารถสรางขอความได โดยใชคาสง Type Tool ซงมลกษณะการใชงานทแตกตางกนไป 4 รปแบบ ดงน 5.3 การสรางตวอกษรแบบเวกเตอร ตวอกษรแบบเวกเตอร เหมาะสาหรบการนาเสนอขอความทมความคมชด และมสสนเรยบงาย เพราะตวอกษรแบบเวกเตอรไมสามารถใสเอฟเฟกตไดมากนก

เทคนคการตกแตงขอความดวยการใช Layer Mask

วนนทางทม Web Design ขอนำเสนอเทคนคงายๆ ททำให Text ตวอกษรธรรมดา ดโดดเดน และนาสนใจยงขน เทคนคนทานสมาชก สามารถนำไปประยกตใชในการออกแบบโลโก หรอตกแตงขอความ ในเวบไซตของทาน เพอใหดโดดเดนนาสนใจมากยงขนคะ

1. สราง File ขนมาใหมขนาดประมาณ 500x300 pixel (สามารถทำ ขนาดใหญหรอเลกกวานกไดคะ)

116

2. ใหสรางตวอกษร โดยคลกทเครองหมาย Horizontal Type Tool (T) แลวพมพประโยคทตองการ

3.ไปท File-->Open เพอเปดภาพทตองการ

117

4. จากนนทำการลากรป มายงขอความทสรางไว โดยคลกเมาสซายคาง แลวลากมาปลอยทไฟลขอความ ดงตวอยาง

5. ทำการใส Layer Mask เพอทำใหภาพเขาไปอยในขอความ โดยคลกท Layer รปภาพ และไปท

118

เมน Layer-->Create Cliping Mask เทานกจะไดขอความทมพนหลงเปนรปภาพทเราตองการแลวคะ

6. จากนนมาถงขนตอนตกแตงใหสวยงาม ขนแรก ใหสรางเลเยอรขนมาใหมอก 1 เลเยอร โดยคลกทเครองมอDuplicate Layer ดานลาง

119

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

8. จากนนใหใส Layer Mask โดยทำเหมอน ขนตอนท 5 คลกเลอกท Layer ส และไปท เมน Layer-->Create Cliping Mask

120

9. หากสทเลอกไวตอนแรกยงไมถกใจ สามารถปรบสได โดยเขามาทเมน Image-->Adjustments-->Hue/Saturetion หรอ Ctrl+U เมอปรบไดสทตองการเรยบรอยแลวคลก OK ไดเลยคะ

10. ทำการตกแตงขอบขอความใหดสวยงามขน โดยดบเบลคลกท Layer ขอความ จะมกลองเครองมอ Layer Style ขนมา จากนนให คลกเลอกท Stroke และปรบคาดงน Size = 3, Position = Outside, Blead Mode = Normal, Opacity = 100% สวนสใหเลอกตามตองการ (จากตวอยางใชส #c54e0c คะ)

121

11. เมอทำการตกแตงขอบขอความ ใหดสวยงามขนเรยบรอยแลว กมาถงขนตอนการทำใหขอความขเรานน ดมมตขน โดยดบเบลคลกท Layer ขอความ อกครง (ทำเหมอนขนตอนท 10) จะมกลองเครองมอ Layer Style ขนมา เลอกไปท Drop Shadow ปรบคา Distance = 7 Px, Opacity = 60% เมอปรบคาเรยบรอยแลวคลก OK ไดเลยคะ

122

ผลงานททำเรยบรอยแลว

123




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

1. ใหความรวมมอกบครในการตรวจสอบ 2. คนควาถงความแตกตางและขอดขอเสยของขอความแบบ Outline และ Bitmap 3. รวมสนทนาและแสดงความคดเหน


1. บอกจดประสงคการเรยน 2. อธบาย บรรยาย และแสดงวธการปฏบตใน

แตละหวขอการเรยนพรอมใหนกศกษาปฏบตตามไปพรอมกน

3. คอยใหคำแนะนำ

4. ประเมนพฤตกรรมรายบคคลโดยครจะถามในแตละคน


ขนสรป



124


กอนเรยน 1. ศกษาคนควาเกยวกบความแตกตางและขอดขอเสยของขอความแบบ Outline และ Bitmap


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

สอการเรยนการสอน 1. ใบความรประจำหนวย 2. ใบงานทมอบหมาย 3. เครองไมโครคอมพวเตอร 4. โปรเจคเตอร

วดผลประเมนผล

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

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

125

3. ผเรยนสนใจทำใบงาน แบบฝกหด และขยนปรบปรงแกไขใบงานและแบบฝกหดใหถกตองทกครงททำผด






126

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10


ค าชแจง ใหผประเมนขดเครองหมายถก ✓ในชองพฤตกรรมทคาดหวงใหเกดกบนกเรยน


2 คะแนน หมายถง มพฤตกรรมในระดบแบบสม าเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ


8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง

127

11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน………………..……………………… (…………………….……………..)


การทำงานกบ Layer ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การทำงานกบ Layer 3 ชวโมง/สปดาห ชอหนวย 11 การทำงานกบ Layer

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

128

จดประสงคทวไป 1. มความรถงความหมายของเลเยอร 2. มความสามารถซอนภาพโดยใชพาเลตเลเยอร 3. มความสามารถจดหมวดหมของเลเยอร 4. มความรความสามารถในการจดหมวดหมของเลเยอร 5. มความสามารถลงคใหเลเยอรทำงานรวมกน 6. มความสามารถจดเรยงภาพในเลเยอรทลงคเชอมโยงกน


1. ผเรยนบอกความหมายของเลเยอรได 2. ผเรยนสามารถซอนภาพโดยใชพาเลตเลเยอรได 3. ผเรยนสามารถจดหมวดหมของเลเยอรได 4. ผเรยนสามารถลงคใหเลเยอรทำงานรวมกนได 5. ผเรยนสามารถจดเรยงภาพในเลเยอรทลงคเชอมโยงกนอยได

การใชงาน Layer

ลกษณะการทำงานของ Layer เปนเหมอนแผนใสวางซอนกนเปนลำดบของรปภาพ ชวยแยกการทำงานใหชดเจน โดยการทำงานแตละครงจะมผลกบ Layer ทเลอกอยเทานน การมองจะอยในลกษณะมองจากดานบนลงมาดานลาง วธการเรยกใชงาน Layer คลกทเมนคำสง Window ทแถบ Menu bar เลอกคำสง Show

129

Layer ถาหากพบวา Hide Layers แสดงวา Palette Layer ถกแสดงแลว

Active Layer คอ Layer ทกำลงถกทำงานอย สามารถเลอก Layer ไดจากการคลกทแถบ Layer จากนนชอง Indicates if Layer is จะม สญลกษณรปพกน ปรากฏ หากตองการเคลอนยาย Layer โดยให Layer อนเคลอนยายตามใหคลกทชอง Indicates if Layer is ใหเปนรปโซเพอเชอม Layer เขาดวยกน

การเปลยนลำดบของ Layer สามารถทำไดโดยคลกเมาสท Layer คางไวแลวลากไปยงลำดบของ Layer ทตองการแลวปลอยเมาส

ทชอง Indicates Layer Visibility หากปรากฏ สญลกษณ รปตาหมายความวา Layer นนถกแสดงอย หากตองการซอน Layer ไมใหแสดงผล ใหคลกทชอง Indicates Layer Visibility สญลกษณ รปตาจะหายไป

การสราง Layer ขนใหม ใหคลกทปม หากตองการคดลอก Layer ใหคลก Layer ทตองการแลวปลอยลงทปมนเชนเดยวกน แตถาตองการลบ Layer หลงจากคลกเลอก Layer ทตองการแลวใหคลกทปม

การ Lock Layer

เปนการกำหนดคณสมบตตาง ๆ เพอบงคบไมให Layer ถกเปลยนแปลงหรอไดรบผลกระทบใด ๆ มทงหมด 4 รปแบบดงน

1. • Lock transparent pixels หามไมใหเตมสหรอปรบแกสลงไปใน pixels ทโปรงแสงบน Layer ได 2. • Lock image pixels หามไมใหมการแกไขหรอตกแตงภาพบน Layer 3. • Lock position หามไมใหมการเคลอนยายตำแหนงของ Layer 4. • Lock all หามโดยใชการกำหนดคณสมบตของทง 3 ขอทกลาวมา

130

การ Merge Layer

เปนการรวมชนของ Layer ตงแต 2 ชนขนไปมาไวรวมกน โดยคลกทปม แลวจะปรากฏ Dialog สำหรบเลอกแบบตาง ๆ ของการ Merge Layer ดงน

• Merge Down หรอ Merge Linked เปนการรวม Layer ทใชงานอยกบ Layer ทอยลำดบถดลง โดยถา Layer ทอยลำดบถดไปมสญลกษณรปโซ จะมขอความวา Merge Linked แตหากไมมรปโซจะมขอความวา Merge Down

• Merge Visible เปนการรวม Layer ทถกแสดงหรอมองเหนไดทง ห มด

• Flatten Image เปนการรวม Layer ทกลำดบชนเปน Layer เดยว โดยมชอวา Background และจะลบ Layer ทถกซอนทงไป

หากตองการเปลยนชอของ Layer ใหคลกเลอก Layer Properties จะปรากฏ Dialog ของ Layer ซงสามารถเปลยนชอของ Layer ได และแถบสได

การจด Set ของ Layer

เปนการรวบรวม Layer ตาง ๆ มาไวเปนกลม Layer Set สามารถใชคำสงตาง ๆ เหมอน Layer ทว ๆ ไป เชน การด คดลอก เคลอนยาย และการเปลยนลำดบ ยกเวนคำสงบางคำสง เชน Layer Effect ดงนนใชงานคำสงใด ๆ ของ Layer Set จะเกดขนกบ Layer ภายในทก Layer

131




1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาคนควาความหมายของเลเยอร 3. รวมสนทนาเกยวกบเรองการทำงานกบเลเยอร

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

ขนดำเนนการสอน 1. บอกจดประสงคการเรยน 2. อธบาย บรรยาย และแสดงวธการปฏบตในแตละหวขอการเรยนพรอมใหนกศกษาปฏบตตามไปพรอมกน 4. ใหคำแนะนำ 5. ประเมนพฤตกรรมรายบคคลโดยครจะซกถามในแตละบคคล


ขนสรป





1. คนควาความหมายของเลเยอร

132


1. ผเรยนรวมกนศกษาเนอหาและปฏบตตามครแลวตอบคำถามและแสดงความคดเหน 2. ทำใบงานและแบบฝกหดหลงเรยน 3. รวมกนเฉลยใบงานและแบบฝกหดหลงเรยน 4. จดบนทก เทคนค แนวการทเปนประโยชนตอผเรยน จากขอแนะนำของครผสอน 5. ผเรยนสรปความรทไดจากการเรยนการสอน 6. ผเรยนซกถามในหวขอทสงสยในเนอหาการเรยนร

สอการเรยนการสอน 1. อ. ปยะ นากสงค. หนงสอการใชโปรแกรมกราฟกส, 2546 .

2. แฟมสะสมผลงาน 3. ใบความรประจำหนวย 4. เครองไมโครคอมพวเตอร 5. แผนใสและเครองฉายภาพขามศรษะ 6. ซดสอการสอน

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

กจกรรมเสนอแนะ 1. ถาผเรยนมการเตรยมตวในการเรยนทด เชน อาน และทำการศกษาหนงสอเกยวกบหนวยการ

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

2. ผเรยนตองมความขยน หมนฝกฝนบทเรยนอยเสมอทงกอนและหลงเรยน

3. ผเรยนควรฝกหดในการเขยนสญลกษณของวงจรพรอมนยามของวงจรแตละชนด

4. ผเรยนตองมความพยายามและมทศนคตทดในเนอหาบทเรยน

3. ผเรยนตองมความกลาทจะถามเมอสงสยทงในหองและนอกหองเรยนกบครผสอน

133


ความมวนย ความ มนษย ขยนหมน ความ












134

เลข ท


รบผดชอบ สมพนธ เพยร รอบคอบ รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 ผประเมน…………………………… (…………………………..)


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

1. ขอใดไมใชวธการสรางเลเยอรใหม ?

ก. คลกปม ข. คลกปม

ค. กดคยลด <Shift+Ctrl+N> ง. เลอกคำสง Layer>New>Layer

2. ขอใดคอการลอคภาพเฉพาะในสวนทโปรงใส ?

ก. ข.

ค. ง.

3. ขอใดคอการลอคตำแหนงภาพไมใหมการเคลอนยายได ?

ก. ข.

ค. ง.

4. ขอใดหมายถงการซอนเลเยอร ?

ก. ข.

135

ค. ง.

5. ขอใดคอการสรางเลเยอรกรปเพอจดหมวดหมของเลเยอร ?

ก. ข.

ค. ง.

6. ขอใดคอการสรางลงคสรางความเชอมโยงในการทำงานใหกบเลเยอร ?

ก. ข.

ค. ง.

7. ขอใดคอการจดเรยงภาพในเลเยอรทลงคกนอยใหวางชดขอบลาง ?

ก. ข.

ค. ง.

8.ขอใดคอการจดระหางของภาพทลงคกนอยใหหางจากขอบซายของภาพเทากน ?

ก. ข.

ค. ง.

9. ขอใดคอการรวมเลเยอรทมองเหนอยใหเปนเลเยอรเดยวกน ?

ก. Merge Layers ข. Merge Visible

ค. Merge Link ง. Flatten Image

10. ขอใดคอการรวมเลเยอรทงหมดใหเปนเลเยอรเดยว ?

ก. Merge Layers ข. Merge Visible

ค. Merge Link ง. Flatten Image


เทคนคการแตงภาพใน Layer ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 เทคนคการแตงภาพใน Layer 3 ชวโมง/สปดาห ชอหนวย 12 เทคนคการแตงภาพใน Layer

สาระสำคญ จากบททผานมานน เปนการศกษาการทำงานของเลเยอรเบองตน ในบทนจะไดเรยนรถงการตกแตงภาพดวยลเยอร ไดแก การตกแตงภาพดวย Layer Style, พาเลต Style, Fill Layer และ Adjustment Layer และในสวนของการซอนภาพดวย Layer Mask, Vector Mask, Clipping Mask และ Blending

136

จดประสงคทวไป 1. มความเขาใจการตกแตงภาพในเลเยอรดวยพาเลต Layer 2. มความเขาใจเกยวกบการซอนภาพดวย Layer Mask 3. มความรความสามารถในการการซอนภาพดวย Vector Mask 4. มความรความสามารถในการซอนภาพดวย Clipping Mask 5. มความรความสามารถในการตกแตงภาพดวย Fill Layer และ Adjustment Layer

6. มความรความสามารถในการซอนภาพดวย Blending Mode จดประสงคเชงพฤตกรรม

1. ผเรยนอธบายการตกแตงภาพในเลเยอรดวยพาเลต Layer ได 2. ผเรยนอธบายการซอนภาพดวย Layer Mask ได 3. ผเรยนอธบายการซอนภาพดวย Vector Mask ได 4. ผเรยนอธบายการซอนภาพดวย Clipping Mask ได 5. ผเรยนอธบายการตกแตงภาพดวย Fill Layer และ Adjustment Layer ได 6. ผเรยนอธบายการซอนภาพดวย Blending Mode ได


รปภาพดวยการสรางเลเยอร Layers เปนคณสมบตททรงพลงทสดของ Photoshop และมความสำคญในการแกไขภาพ ซง Layers ใหคณแกไขภาพอยางไมตองทำใหภาพเสยหาย โดยคณสามารถเพม Layers โดยคลกทปม New Layer ในแผง Layers หรอโดยการลาก layer จากเอกสารอนทเปดอย นอกจากนคณยงสามารถเพม layer ทเปนประเภทพเศษเชน vector layer, type layer หรอ adjustment layer หรอดวยการ duplicating

137

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

ดวยการแกไขบน layer ทถกทำสำเนาไว เพอหลกเลยงการเปลยนแปลงกบภาพตนฉบบ และดวยการใช adjustment layer คณไมเพยงแตจะปองกนพกเซลดงเดมแตยงคงขนาดของไฟลทงหมดไว ซงดวย layer ทมากมาย คณสามารถใช layer blending mode ไดอยางหลากหลาย ซงจะควบคมการทสใน layer จะมปฏกรยากบสอนๆในภาพ โดยไมสงผลกระทบตอภาพตนฉบบเชนปรบ Contrast ภาพใน Photoshop โดยใช Curves Adjustment Layer ซงคณยงสามารถเปลยน effect ของอก layer ไปยงอกอนหนงโดยการเปลยนคาความทบของ layer ใดกได หรอโดยการคลกและลาก layer ไปยงตำแหนงทแตกตางกนออกไป ใน Layers panel เพอเปลยนแปลงลำดบรายการหรอ จดการ Layer ใหเปนระบบระเบยบใน Photoshop ถาคณตองการทจะเรยนรการใชเลเยอร, Selections และ Masks อยางมออาชพ

1. เปดภาพท overexposed

Note: ในบทความนตองการทจะชวยใหคณเขาใจถงการทำงานของ layers ในตวอยางน exposure ในภาพท overexposed จะถกปรบโดยใช adjustment layer และ การเปลยนแปลงของ layer blend mode ซงคณสามารถทำ effect นไดในแบบ reverse ในวธทหลากหลาย 2. คลกท Exposure หรอท adjustment layer

http://socialintegrated.com/photoshop_improve_contrast_with_a_curves_adjustment_layer

http://socialintegrated.com/photoshop_improve_contrast_with_a_curves_adjustment_layer

http://socialintegrated.com/photoshop_organize_the_layers_panel_with_names_and_colors

http://socialintegrated.com/photoshop_organize_the_layers_panel_with_names_and_colors

http://socialintegrated.com/photoshop_work_with_layers_selections_and_masks

138

Note: คณสามารถเลอก adjustment layer แบบไหนกไดเนองจากในบทความนคณใชเพยงแค layer และไมไดมการปรบแตงใดๆ

5. คลกและลาก adjustment layer ไปทปม New Layer ใน Layer panel Photoshop จะทำสำเนา layer และ exposure กจะดเขมขนไปอก 6. คลก Opacity และลากไปทางซายเพอลดคาความทบของ layer ทอยดานบนจนกวาภาพจะม exposure ทสมดล Note: คณยงสามารถดบเบลคลกทปม Exposure บน adjustment layer ซงในตวอยาง ในการ reopen Exposure Properties panel และลากแถบเลอน Exposure เพอปรบแตงภาพ Exposure จะเปลยนแปลงไป

139

7. ทำขนตอนท 5 ถง 6 ซำจนกวา exposure จะไดสมดลถกตอง 8. คลกทไอคอนรปตา เพอเปดปดการมองเหนของ layer เพอเปรยบเทยบ effect เสรมเทคนค ถงแมวาการทำสำเนา Background layer และเปลยน blend mode จะมผลทคลายคลงกบการใช adjustment layer แตมนจะทวคณขนาดของไฟล แตดวยการใช adjustment layer จะไมมผลตอขนาดของไฟล ลองทำด ดวยการเลอก layer ลองใช blend mode รปแบบตางๆ เพอหาวาแบบไหนทใชงานไดดทสด และคลกทเครองมอ Move โดยกดแปน Shift คางและกดแปน + เพอจดลำดบลงมาหรอกดแปน – เพอจดลำดบขนไป เสรมเทคนค Blend mode จะเปนการจดการแบบกลมโดยขนอยกบวามนจะใชทำอะไร ซง mode ในกลมแรกทถดจาก Normal และ Dissolves จะเปนการทำใหภาพเขมขน และในอกลมถดไปจะเปนการทำใหภาพสวางขน ซงในโหมดทขนตนดวย Overlay จะเปนการปรบ contrast ของภาพ และโหมดทขนตนดวย Difference จะเปนการทำให layer ทงสองมความแตกตางและในกลมทขนตนดวย Hue จะปรบรปภาพโดยใช color properties

140




1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาคนควาวธการตกแตงภาพในเลเยอร

ด วยพาเล ต Layer และการซ อนภาพด วย Layer Mask

3. รวมสนทนาเกยวกบเรองเทคนคการตกแตงภาพในเลเยอร

1. ใหความรวมมอครในการตรวจสอบ 2. ศกษาคนควา 3. รวมสนทนาและแสดงความคดเหน

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


141

ขนสรป





1. ศกษาคนควาตามครสง


1. ผเรยนรวมกนศกษาปฏบตตามแลวตอบคำถามและแสดงความคดเหน 2. ตงใจฟงการอธบาย และแนะนำจากคร 3. ทำใบงานและแบบฝกหดหลงเรยน 4. รวมกนเฉลยใบงานและแบบฝกหดหลงเรยน 5. จดบนทก เทคนค แนวการทเปนประโยชนตอผเรยน จากขอแนะนำของครผสอน 6. ผเรยนสรปความรทไดจากการเรยนการสอน 7. ผเรยนซกถามในหวขอทสงสยในเนอหาการเรยนร

6. สอการเรยนการสอน

142

1. ใบความรประจำหนวย 2. เครองไมโครคอมพวเตอร 3. โปรเจคเตอร 4. youtube

7. วดผลประเมนผล

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

8. กจกรรมเสนอแนะ 1. ถาผเรยนมการเตรยมตวในการเรยนทด เชน อาน และทำการศกษาหนงสอเกยวกบหนวยการ







143

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20









144

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน………………………………..…… (………………………..…………..)

145


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

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

ก. Layer Mask

ข. Vector Mask

ค. Clipping Mask

ง. Opacity

2. ขอใดคอการแสดงภาพใหอยภายในขอบเขตของเสน Path ทวาดขน ?

ก. Layer Mask

ข. Vector Mask

ค. Clipping Mask

ง. Opacity

3. ขอใดคอการแสดงภาพใหอยภายในขอบเขตของตวอกษร ?

ก. Layer Mask

ข. Vector Mask

ค. Clipping Mask

ง. Opacity

4. ขอใดคอการตกแตงภาพโดยการเทสลงบนเลเยอรพเศษทแสดงซอนอยบนภาพ ?

ก. Layer Mask

ข. Vector Mask

ค. Adjustment Layer

ง. Fill Layer

5. ขอใดคอการตกแตงภาพโดยการปรบสและความสวางบนเลเยอรพเศษทแสดงซอนอยบนภาพ ?

ก. Layer Comp

ข. Vector Mask


ง. Fill Layer

6. ขอใดคอการตกแตงภาพโดยใชเทคนคการผสมสภาพระหวางเลเยอร ?

ก. Layer Comp

146

ข. Blending Mode


ง. Fill Layer

7. ขอใดคอเอฟเฟคใน Layer Style ทเราใชสำหรบเตมสเสนกรอบใหกบวตถ ?

ก. Drop Shadow ข. Outer Glow

ค. Satin ง. Stroke

8. ขอใดคอเอฟเฟคใน Layer Style ทเราใชสำหรบใสเงาใหกบวตถ ?

ก. Drop Shadow ข. Outer Glow

ค. Satin ง. Stroke

9. ขอใดคอรปแบบของสไตลในพาเลต Styles ทเราใชสำหรบสรางปมทเคลอนไหวโตตอบเมาสบนเวบไซต ?

ก. Button ข. Rollover

ค. Image Effect ง. Text Effect

10. ขอใดคอรปแบบของสไตลในพาเลต Styles ทเราใชสำหรบตกแตงภาพ ?

ก. Button ข. Rollover

ค. Image Effect ง. Text Effect

147


การปรบแตงภาพ ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การปรบแตงภาพ 3 ชวโมง/สปดาห ชอหนวย 13 การปรบแตงภาพ

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

1. มความรความเขาใจในการปรบคาสของภาพใหเปนสทตองการ 2. มความรความเขาใจในการแกไขเงามดทถายยอนแสง 3. มความรความเขาใจในการเปลยนสภาพเฉพาะจด 4. มความรความสามารถในการปรบภาพสใหเปนขาวดำ 5. มความรความสามารถในการปรบใหเปนสตรงขาม 6. มความรความสามารถในการปรบภาพโดยการไลโทนส

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

148

5. ผเรยนอธบายการปรบใหเปนสตรงขามได 6. ผเรยนอธบายการปรบภาพโดยการไลโทนสได

เนอหาสาระ สรางภาพธรรมดาใหดเนยนอชเหมอนอยในฝนโดย Photoshop

เปดรปทตองการ

2. double click เพอเปลยนจาก background เปน layer

149

3. Click ขวาท layer แลวเลอก Duplicate Layer

5. จากนนไปท Filter ---> Noise ---> Dust & Scratches

ตงคา Radius คะ

150

5. จากนนไปท Blur ---> Gaussian Blur

ตงคา Radius ใหอยประมาณ 2-5 คะ

151

6. กำหมด Opacity ประมาณ 50%-65%

7. ไปท Adjustments ---> Brightness/Contrast

ตงคาตางไดเลยคะแลวกด OK

152



ขนนำเขาสบทเรยน 1. ตรวจสอบรายชอนกศกษาทเขาเรยน

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

3. รวมสนทนาเกยวกบเรองการตกแตงภาพ

1. ใหความรวมมอครในการตรวจสอบ 2. ศกษาคนควาตามทครสง 3. รวมสนทนาและแสดงความคดเหน

ขนดำเนนการสอน 1. บอกจดประสงคการเรยน 2. อธบาย บรรยาย และแสดงวธการปฏบตในแตละหวขอการเรยนพรอมใหนกศกษาปฏบตตามไปพรอมกน 3. ใหคำแนะนำ 4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถามในแตละบคคล


ขนสรป



153



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


1. ผเรยนรวมกนศกษาเนอหาและปฏบตตามครแลวตอบคำถามและแสดงความคดเหน 2. ตงใจฟงการอธบาย และแนะนำจากคร 3. ทำใบงานและฝกหด 4. รวมกนเฉลยใบงานและแบบฝกหด 5. จดบนทก เทคนค แนวการทเปนประโยชนตอผเรยน จากขอแนะนำของครผสอน 6. ผเรยนซกถามในหวขอทสงสยในเนอหาการเรยนร 7. ผเรยนสรปความรทไดจากการเรยนการสอน


1. อ. ปยะ นากสงค. หนงสอการใชโปรแกรมกราฟกส, 2546 . 2. แฟมสะสมผลงาน 3. ใบความรประจำหนวย 4. เครองไมโครคอมพวเตอร 5. แผนใสและเครองฉายภาพขามศรษะ 6. ซดสอการสอนเรองระบบฐานขอมล

7. วดผลประเมนผล 1. ผเรยนปฏบตภาระงานทมอบหมายเสรจทนเวลาทกำหนด 2. ตอบคำถามและสรปผลงานไดอยางถกตอง 3. ทำแบบฝกหดหลงเรยนเสรจทนเวลาทกำหนดและถกตอง 4. สนใจกระตอรอรนในการเรยนร ตอบคำถาม สรปสาระการเรยนร และกลาแสดงความคดเหน

154

5. มความพยายามปรบปรงแกไขใบงานและแบบฝกหดใหถกตองแลวนำสงครผสอน










155

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8







156

9 10 11 12 13 14 15 16 17 18 19 20 21 22

ผประเมน…………………………… (…………………………..)


การตกแตงดวยการรทช ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การตกแตงดวยการรทช 3 ชวโมง/สปดาห ชอหนวย 14 การตกแตงดวยการรทช

สาระสำคญ การรทช เปนเทคนคการตกแตงภาพทใชลบจดตำหน และปรบแกไขภาพเฉพาะในบางจดใหด

157

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

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

5. มความรความสามารถในการทำสำเนาภาพเพอใชในการตกแตงภาพ

จดประสงคเชงพฤตกรรม 1. ผเรยนอธบายการปรบแตงความคมชดของภาพตามความตองการได

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


วธการรทชรปใน Photoshop cs5

158

วธการรทชรปภาพ

วธการรทชรปภาพ

ขนตอนท 1 เปดรปทตองการรทชขนมา

ขนตอนท2 เลอกแถบเมน Clone Smp

ขนตอนท 3 New layer ขนมาใหมเพราะเราจะท าการรชท layer ใหม

http://3.bp.blogspot.com/-_Za1d2VQLLs/UhnFpfVySUI/AAAAAAAAASg/W6mKu4e2eF4/s1600/568.jpg

http://2.bp.blogspot.com/-faUM4Ihq2RU/UhnGsNF3LUI/AAAAAAAAASs/9vSNDvYY17k/s1600/344.jpg

http://4.bp.blogspot.com/-uCdxiew6xuM/UhnHmA5weRI/AAAAAAAAAS4/mmBPm0ikltE/s1600/rrew.jpg

159

ขนตอนท 4 เมอเราเลอกเครองมอ Clone Stamp Tool แลวใหท าการปรบคาของเครองมอ ตง opacity 25% ใหเกดความฟงนอยๆเวลารทช จะไดเนยน ๆ แลวก ปรบ All layers ดวยนะครบเพราะเราจะท ากบทก layers

ขนตอนท 5 ท าการรทชบรเวณทตองการ ค าสงรทช (Alt + คลกซาย) คอการกอบปพนหลงภาพ (คลกซาย) คอการรทช

http://4.bp.blogspot.com/-KuSInqi6mbg/UhnIEdKCkcI/AAAAAAAAATA/HmoFVcN3PRE/s1600/4.png

http://2.bp.blogspot.com/-PbB3Ff1uxfU/UhnIquPXP0I/AAAAAAAAATI/BJf33DN_xBM/s1600/s3.jpg

http://4.bp.blogspot.com/-ozQubDHVtJQ/UhnI5pMdOVI/AAAAAAAAATQ/tNCntlyciig/s1600/90.jpg

160



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

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

3. รวมกนสนทนาเกยวกบเรองตกแตงภาพดวยการรทช

1. ใหความรวมมอกบครในการตรวจสอบ 2. คนควาเกยวกบการปรบแตงความคมชด

ของภาพ การปรบโทนสของภาพใหสวยงามและการสรางลวดลายใหภาพ

3. รวมสนทนาและแสดงความคดเหน

ขนดำเนนการสอน (180 นาท)


2. อธบาย บรรยาย และแสดงวธการปฏบตในแตละหวขอการเรยนพรอมใหนกศกษาปฏบตตามไปพรอมกน

3. ใหคำแนะนำ

4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถามแตละบคคล


ขนสรป



161



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


1. ผเรยนรวมกนศกษาเนอหาปฏบตตามแลวตอบคำถามและแสดงความคดเหน 2. ตงใจฟงการอธบาย และแนะนำจากคร 3. ทำใบงานและฝกหด 4. รวมกนเฉลยใบงานและแบบฝกหด 5. จดบนทก เทคนค แนวการทเปนประโยชนตอผเรยน จากขอแนะนำของครผสอน 6. ผเรยนซกถามในหวขอทสงสยในเนอหาการเรยนร 7. ผเรยนสรปความรทไดจากการเรยนการสอน


1. อ. ปยะ นากสงค. หนงสอการใชโปรแกรมกราฟกส 2. แฟมสะสมผลงาน

3. ใบความรประจำหนวย 4. เครองไมโครคอมพวเตอร 5. แผนใสและเครองฉายภาพขามศรษะ 6. ซดสอการสอน

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

8. กจกรรมเสนอแนะ

162

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








163

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11







164

12 13 14 15 16 17 18 19 20 21 22 ผประเมน………………………………… (นางสาวกลยา บานนบ)


ตกแตงภาพอยางสรางสรรคดวยฟลเตอร ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 ตกแตงภาพอยางสรางสรรคดวยฟลเตอร 3 ชวโมง/สปดาห ชอหนวย 15 ตกแตงภาพอยางสรางสรรคดวยฟลเตอร

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

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

165

จดประสงคทวไป 1. มความรความเขาใจเกยวกบคณสมบตและความสำคญของฟลเตอร 2. มความรความเขาใจเกยวกบกฎการใชงานฟลเตอร 3. มความรความเขาใจเกยวกบวธการใชงานฟลเตอร 4. มความรความสามารถในการปรบสดสวนของภาพดวย Liquify 5. มความรความสามารถในการใสฟลเตอรจาก Plug-In ตางๆ

จดประสงคเชงพฤตกรรม 1. ผเรยนอธบายคณสมบตและความสำคญของฟลเตอรได 2. ผเรยนอธบายการใชงานฟลเตอรชนดตางๆ ได 3. ผเรยนอธบายกฏการใชงานของฟลเตอรได 4. ผเรยนอธบายการใชฟลเตอรในการตกแตงภาพใหสวยงามได 5. ผเรยนอธบายการใช Liquify มาชวยในการปรบสดสวนของภาพได


166



1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหน กศกษาคนคว าเก ยวกบคณ สมบ ตและ

ความสำคญของฟลเตอร กฏการใชงานของฟลเตอรและวธการใชงานฟลเตอร

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

1. ใหความรวมมอกบครในการตรวจสอบ 2. คนควาเกยวกบคณสมบตและความสำคญ

ของฟลเตอร กฏการใชงานของฟลเตอรและวธการใชงานฟลเตอร






4. ประเมนพฤตกรรมรายบคคลโดยครจะซกถามรายบคคล


ขนสรป



167



1. คนควาเกยวกบคณสมบตและความสำคญของฟลเตอร กฏการใชงานของฟลเตอรและวธการใชงานฟลเตอร



6. สอการเรยนการสอน 1. แฟมสะสมผลงาน

2. ใบความรประจำหนวย 3. เครองไมโครคอมพวเตอร



168









169

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8







170

9 10 11 12 13 14 15 16 17 18 19 20 21 22 ผประเมน…………………………… (…………………………..)


การวาดภาพ ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การวาดภาพ 3 ชวโมง/สปดาห ชอหนวย 16 การวาดภาพ

สาระสำคญ การวาดภาพ จดเปนความสามารถหนงทมใน Photoshop ปจจบนนกวาดภาพการตนตางๆ นยม

171

ทำงานดวยโปรแกรม Photoshop กนอยางแพรหลาย ซงเราจะมาศกษาหลกการและวธทำในบทนกน

จดประสงคทวไป

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

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


172


ขนนำเขาสบทเรยน ( สปดาหละ 30 นาท)

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

วธการวาดภาพทตองการดวยรปทรงเลขาคณตและรปทรงสำเรจรป

3. รวมสนทนาเกยวกบการวาดภาพใน Photoshop

1. ใหความรวมมอกบครในการตรวจสอบ 2. คนควาลกษณะของภาพเวกเตอรและ

วธการวาดภาพทตองการดวยรปทรงเลขาคณตและรปทรงสำเรจรป


ขนดำเนนการสอน (สปดาหละ180 นาท)






ขนสรป (สปดาหละ 30 นาท)





173

1. คนควาลกษณะของภาพเวกเตอรและวธการวาดภาพทตองการดวยรปทรงเลขาคณตและรปทรงสำเรจรป



6. สอการเรยนการสอน 1. แฟมสะสมผลงาน

2. ใบความรประจำหนวย 3. เครองไมโครคอมพวเตอร 4. ซดสอการสอน






174












175

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14

176

15 16 17 18 19 20 21 22 ผประเมน…………………………… (…………………………..)


การทำงานกบสและการระบายส ชวโมงรวม 3 ชม.

รหสวชา 2204-2101 การทำงานกบสและการระบายส 3 ชวโมง/สปดาห ชอหนวย 17 การทำงานกบสและการระบายส

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

จดประสงคทวไป

1. มความรความเขาใจเกยวกบการเลอกสโฟรกราวนด และแบคกราวนด 2. มความรความเขาใจเกยวกบการตรวจดคาสดวยพาเลต Info

177

3. มความรความเขาใจเกยวกบการเปรยบเทยบคาสโดยใช Color Sample Tool 4. มความรความสามารถในการบายสดวยเครองมอแบบตางๆ 5. มความรความสามารถในการกภาพกลบคนมาดวย History Brush Tool

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


178



1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ใหนกศกษาคนควาเกยวกบการเลอกส โฟรกราวนดและแบคกราวนด การตรวจดคาสดวยพาเลต Info และการเปรยบเทยบคาสโดยใช Color Sample tool 3. รวมแสดงความคดเหนเกยวกบเรองการทำงาน

กบสและการระบายสใน Photoshop

1. ใหความรวมมอกบครในการตรวจสอบ 2. คนควาเกยวกบการเลอกสโฟรกราวนดและแบคกราวนด การตรวจดคาสดวยพาเลต Info และการเปรยบเทยบคาสโดยใช Color Sample tool 3. รวมสนทนาและแสดงความคดเหน







ขนสรป





179

1. คนควาเกยวกบการเลอกสโฟรกราวนดและแบคกราวนด การตรวจดคาสดวยพาเลต Info และการเปรยบเทยบคาสโดยใช Color Sample tool



6. สอการเรยนการสอน 1. อ. ปยะ นากสงค. หนงสอการใชโปรแกรมกราฟกส 2. แฟมสะสมผลงาน

3. ใบความรประจำหนวย 4. เครองไมโครคอมพวเตอร 5. แผนใสและเครองฉายภาพขามศรษะ 6. ซดสอการสอน






180












181

เลข ท







รวม

4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 4 3 2 1 20

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

182

16 17 18 19 20 21 22 ผประเมน…………………………… (…………………………..)

แผนการสอน...

Documents