101
แแแแแแแแแแแแ แแแแแแแแ แแแแแแแแแแแแแแแแแแแแ แแแแแแแแแแแแแแ แแแแแแแแแ (แแแแแแแแแแแแแแแแแแแแแแแแ)

แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

  • Upload
    -

  • View
    64.051

  • Download
    1

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แผนการจั�ดการเร�ยนร �กลุ่��มสาระการเร�ยนร �

การงานอาชี�พแลุ่ะเทคโนโลุ่ย�(โปรแกรมคอมพ�วเตอร กราฟิ"ก)

โรงเร�ยนว�งบ่�อว�ทยา ต.ว�งบ่�อ อ.หนองบ่�ว จั.นครสวรรค

Page 2: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ส&าน�กงานเขตพ()นท�*การศึ,กษาม�ธยมศึ,กษานครสวรรค เขต 42

ค&าอธ�บ่ายรายว�ชีา

กลุ่��มสาระการเร�ยนร � การงานอาชี�พแลุ่ะเทคโนโลุ่ย�

รายว�ชีา โปรแกรมคอมพ�วเตอร กราฟิ"ก

รห�สว�ชีา ง 40201

ชี�)นม�ธยมศึ,กษาป/ท�* 4

เวลุ่า 40 ชี�*วโมง

รายวิ�ชา  โปรแกรมคอมพิ�วิเตอร�กราฟิ�ก ช��นม�ธยมศึ�กษาป�ที่� 4 ศึ�กษาค!ณสมบั�ต�ของเคร' องคอมพิ�วิเตอร�ในงานกราฟิ�ก การเข�ยนร)ป การวิาดร)ปด+วิย โปรแกรมวิาดภาพิ กราฟิ และร)ปกราฟิพิ'�นฐาน การสร+างร)ปภาพิ การสร+างร)ปภาพิส0าหร�บังานที่0าป2ายประกาศึ การน0าเสนอข+อม)ลด+วิยกราฟิ การพิ�มพิ�ร)ปภาพิงานศึ�ลปะด+วิยคอมพิ�วิเตอร� ปฏิ�บั�ต�การสร+างภาพิ โดยใช+ค0าส� งพิ'�นฐาน จากโปรแกรมกราฟิ�ก สร+างภาพิ วิาดภาพิ เก5บัภาพิ เร�ยกภาพิมาแก+ไข ระบัายส� ส0าเนาภาพิ ขยายและลดขนาดภาพิ ร)ปแบับัต�วิอ�กษร พิ�มพิ�งาน เพิ' อให+ควิามร) +ควิามเข+าใจและที่�กษะเบั'�องต+นเก� ยวิก�บัการสร+างภาพิเบั'�องต+นและสร+างแนวิค�ดเก� ยวิก�บังานกราฟิ�ก และการน0าเสนอด+วิยคอมพิ�วิเตอร�ได+

Page 3: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

กลุ่��มสาระการเร�ยนร � การงานอาชี�พแลุ่ะเทคโนโลุ่ย�รายว�ชีา โปรแกรมคอมพ�วเตอร กราฟิ"ก

รห�สว�ชีา ง 40201ชี�)นม�ธยมศึ,กษาป/ท�* 4 เวลุ่า 40 ชี�*วโมง

หน�วยการเร�ยนร � ผลุ่การเร�ยนร �ท�*คาดหว�งเวลุ่า(ชี�*วโมง)

หน�วยท�* 1 เร' อง แนะน0า Adobe PhotoShop

1. อธ�บัายควิามร) +เบั'� องต+นเก� ยวิก�บัโ ป ร แ ก ร ม Adobe PhotoShop 7.0

2. เ ข+ า ส)7 โ ป ร แ ก ร ม Adobe PhotoShop 7.0 ได+

6

หน�วยท�* 2 เร' อง ที่ฤษฏิ�ส� 1. อธ�บัายควิามร) +เบั'� องต+นเก� ยวิก�บัที่ฤษฏิ�ส�

4

หน�วยท�* 3 เร' อง หล�กการใช+ส� 1. สามารถเล'อกหล�กการใช+ส�ได+ 4

Page 4: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

หน�วยท�* 4 เร' อง Tool เคร' องม'อต7างๆ

1. อธ�บัายเคร' องม'อต7างๆของ Adobe PhotoShop 7.0

6

หน�วยท�* 5 เร' อง การปร�บัภาพิให+คมช�ด

1. สามารถปร�บัแต7งภาพิให+คมช�ดได+ 6

หน�วยท�* 6 เร' อง การใส7เส+นกรอบัให+ก�บัภาพิ

1. สามารถใส7เส7นกรอบัให+ก�บัภาพิได+ 4

หน�วยท�* 7 เร' อง การสร+างภาพิขอบัเบัลอ

1. สามารถสร+างภาพิขอบัเบัลอได+ 6

หน�วยท�* 8 เร' อง การสร+างต�วิอ�กษรม�ขอบั

1. สามารถสร+างต�วิอ�กษรในร)ปแบับัต7างๆได+

4

ก&าหนดการสอน

กลุ่��มสาระการเร�ยนร � การงานอาชี�พแลุ่ะเทคโนโลุ่ย�

รายว�ชีา โปรแกรมคอมพ�วเตอร กราฟิ"ก

รห�สว�ชีา ง 40201ชี�)นม�ธยมศึ,กษาป/ท�* 4 เวลุ่า 2 ชี�*วโมง/ส�ปดาห

หน�วยการเร�ยนร �

แผนการจั�ดการเร�ยนร �เวลุ่า(ชี�*ว

โมง)

Page 5: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

หน�วยท�* 1 เร' อง แนะน0า Adobe PhotoShop 6

- แนะน0า Adobe PhotoShop 6

หน�วยท�* 2 เร' อง ที่ฤษฏิ�ส� 4

- ที่ฤษฏิ�ส� 4

หน�วยท�* 3 เร' อง หล�กการใช+ส� 4

- หล�กการใช+ส� 4

หน�วยท�* 4 เร' อง Tool เคร' องม'อต7างๆ 6

- Tool เคร' องม'อต7างๆ 6

หน�วยท�* 5 เร' อง การปร�บัภาพิให+คมช�ด 6

- การปร�บัภาพิให+คมช�ด 6

หน�วยท�* 6 เร' อง การใส7เส+นกรอบัให+ก�บัภาพิ 4

- การใส7เส+นกรอบัให+ก�บัภาพิ 4

หน�วยท�* 7 เร' อง การสร+างภาพิขอบัเบัลอ 6

- การสร+างภาพิขอบัเบัลอ 6

หน�วยการเร�ยนร �

แผนการจั�ดการเร�ยนร �เวลุ่า

(ชี�*วโมง)

หน�วยท�* 8 เร' อง การสร+างต�วิอ�กษรม�ขอบั 4

- การสร+างต�วิอ�กษรม�ขอบั 4

Page 6: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 1 เร' อง แนะน0า Adobe PhotoShop

เวิลาเร�ยน 6 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง แนะน0า Adobe PhotoShop

เวิลาเร�ยน 6 ช� วิโมง

Page 7: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

โปรแกรมตกแต7งภาพิ Adobe PhotoShop 7.0 ได+ม�การอ�พิเกรดเวิอร�ช�นใหม7ๆ มาโดยตลอด และม�การเพิ� มเคร' องม'อใหม7เพิ' อรองร�บั ควิามต+องการของศึ�ลป�นด�จ�ตอลที่� ไร+ข�ดจ0าก�ดที่��งหลาย เรามาเร� มด)ก�นต��งแต7เวิอร�ช�น 4 ได+ม�การ เพิ� มเคร' องม'อ Layer และ Action ในเวิอร�ช�น 5 ม�การเพิ� มแถบั History Palette และ Layer Style พิอมาถ�งเวิอร�ช�น 6 ก5ได+ม�การเพิ� มเคร' องม'อวิาดร)ปต7างๆ ลงไป และในป;จจ!บั�นที่างค7ายอโดบั� เพิ� งจะประกาศึต�วิเวิอร�ช�นใหม7ค'อ Photoshop CS

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. อธ�บัายควิามร) +เบั'�องต+นเก� ยวิก�บัโปรแกรม Adobe PhotoShop

2. เข+าส)7โปรแกรม Adobe PhotoShop ได+

สาระการเร�ยนร �ควิามสามารถใหม7ของ Photoshop 7.0 โปรแกรมตกแต7งภาพิ เช7น

การสร+างลาย Pattern , เคร' องม'อ Brush ที่� วิาดร)ปภาพิเป>นจ!ดๆ หร'อใส7ลวิดลายต7างๆ ค'อเคร' องม'อ Healing Brush Tool และเคร' องม'อ Patch Tool

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัควิามร) +เบั'�องต+นเก� ยวิก�บัโปรแกรมตกแต7งภาพิ Adobe PhotoShop

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง โปรแกรมตกแต7งภาพิ Adobe PhotoShop

Page 8: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

3. น�กเร�ยนที่0าใบังานเร' อง โปรแกรมตกแต7งภาพิ Adobe PhotoShop

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง โปรแกรมตกแต7งภาพิ Adobe PhotoShop

2. ใบังาน เร' อง โปรแกรมตกแต7งภาพิ Adobe PhotoShop

3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' อง โปรแกรมตกแต7งภาพิ Adobe PhotoShop

- แบับัประเม�นพิฤต�กรรมการเร�ยน3. เกณฑ์�การวิ�ดและประเม�นผล

- ประเม�นใบังานการประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7ง

Page 9: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

Page 10: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….

Page 11: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

Page 12: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง โปรแกรมตกแต�งภาพ Adobe PhotoShop

Healing Brush Tool / Patch Tool

เคร' องม'อ Healing Brush Tool ซึ่� งถ+าแปลตรงๆ ก5ค'อ แปรงส0าหร�บัแก+ไขร)ปภาพิ ควิามสามารถของเคร' องม'อต�วิน��ก5ค'อช7วิยที่0าควิามสะอาดร)ปภาพิ ช7วิยลบัรอยสกปรก รอยผง หร'อ เม5ดสกร�นต7างๆ ที่� พิบัในร)ปที่� วิไป โดยหล�กการของเคร' องม'อต�วิน��ก5ค'อการลอกลายร)ปภาพิใกล+เค�ยงโดยที่� โปรแกรม จะที่0าการปร�บัค7าแสง และลวิดลายให+อ�ตโนม�ต�

เคร' องม'อ Patch Tool เป>นเคร' องม'อเล'อกบัร�เวิณภาพิ " Selection "

โดยหล�กการเคร' องม'อต�วิน��จะช7วิยให+เราเล'อกบัร�เวิณร)ปภาพิที่� ม�ป;ญหาได+ง7ายย� งข��น โปรแกรมจะปร�บัค7าแสง และ ส� บัร�เวิณที่� เล'อกให+อ�ตโนม�ต�ด+วิย

จากการที่ดลองใช+งานพิบัวิ7าเคร' องม'อ Healing Brush Tool / Patch

Tool ช7วิยให+เราลบัรอย หร'อ ลายภาพิที่� ไม7ต+องการได+อย7างง7ายๆ และรวิดเร5วิมากคร�บั จากภาพิต�วิอย7างจะเป>นการลบัรอยเห� ยวิย7น ด+วิยการคล�กเมาส�ไม7ก� คร� �งก5ส0าเร5จ ช7างยอดเย� ยมจร�งๆ เพิราะเด�มที่� เวิลาเราจะลบัรอยภาพิต7างๆ ต+องมาน� งลอก Selection ต0าแหน7งที่� ต+องการ แล+วิค7อยลอกลายที่�บัไปอ�กที่�... เส�ยเวิลานานมาก ที่�น��ก5ไม7ต+องกล�วิอะไรแล+วิ

Page 13: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

    

File Browser

หล�งจากที่� ปล7อยให+โปรแกรมจ�ดการภาพิอย7าง ACDSee วิาดลวิดลายมานาน มาคราวิน��พิ� ใหญ7อย7าง Photoshop ก5ขอลงสนามบั+าง ด+วิยการเพิ� มระบับัจ�ดการภาพิเข+าไป ก�บัโปรแกรม Photoshop เลย ช' อวิ7า File Browser ซึ่� งผมค�ดวิ7าที่างค7ายอโดบั�ฉลาดมากที่� ที่0าเช7นน�� เพิราะเป>นการด�งผ)+ใช+ให+กล�บัมาใช+ Photoshop โดยไม7ต+องไปเป�ด โปรแกรมอ' นให+ย!7งยาก ด+วิยควิามสามารถในการจ�ดการที่� เหน'อกวิ7า ACDSee อ�กก5ค'อ เราสามารถใส7ข+อม)ลร)ปภาพิได+มากกวิ7า สามารถปร�บัแต7ง และหม!นร!ปภาพิได+ และสามารถจ�ดอ�นด�บัร)ปภาพิได+อ�กด+วิย

Page 14: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

เคร(*องม(อ Brush Presets

เคร' องม'อต�วิน��จะคล+ายก�บัเคร' องม'อ Brush ใน Painter หร'อ Paint Shop

Pro เป>นการเพิ� งลวิดลายให+ก�บัแปรง เราสามารถเล'อกแปลงร)ปแบับัต7างๆ ได+เยอะมาก เช7น แอร�บัร�ช พิ) 7ก�น ลาย texture ฯลฯ

Page 15: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

เคร(*องม(อ Pattern Maker

เป>นเคร'องม'อสร+างลวิดลายภาพิ โดยการเล'อกส7วินของภาพิที่� เราต+องการ และโปรแกรมจะลอกลายภาพิน��นๆ ให+เป>นลายพิ'�นๆ

 

เคร(*องม(อ Liquify

เป>นเคร' องม'อใส7เอฟิเฟิ>กต�ให+ร)ปภาพิ เช7นการหม!น ซึ่)ม บั�ดภาพิ

Page 16: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

 

ใบังานเร' อง โปรแกรมตกแต�งภาพ Adobe PhotoShop

Page 17: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

จั�ดประสงค การเร�ยนร �1. อธ�บัายควิามร) +เบั'�องต+นเก� ยวิก�บัโปรแกรม Adobe PhotoShop

2. เข+าส)7โปรแกรม Adobe PhotoShop ได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' องการเร�ยกใช+งานโปรแกรม Adobe

PhotoShop ต7อไปน��ให+ถ)กต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. บัอกควิามหมายของโปรแกรม Adobe PhotoShop

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

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

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

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

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

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

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

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

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

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

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

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

2. บัอกข��นตอนการเข+าส)7โปรแกรม Adobe PhotoShop ....................................................... .............................................................................................................................................................. .............................................................................................................................................................. .......................................................................................................

Page 18: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

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

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

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

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

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

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

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 19: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

รวม

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 2 เร' อง ที่ฤษฏิ�ส� เวิลาเร�ยน 4 ช� วิโมง

Page 20: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แผนการเร�ยนร �ท�* 1 เร' อง ที่ฤษฏิ�ส� เวิลาเร�ยน 4 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

ที่ฤษฏิ�ส�สามาถบัอกได+วิ7า ส�แดง ส�เหล'อง ส�เข�ยวิ ส�ฟิ2า ส�ด0า ส�ขาวิ ม�ควิามส0าค�ญล�กษณะเฉพิาะต�วิที่� ให+ควิามร) +ส�กแตกต7างก�น

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. อธ�บัายควิามร) +เบั'�องต+นเก� ยวิก�บัที่ฤษฏิ�ส�

สาระการเร�ยนร �ที่ฤษฏิ�ส� แบั7งได+ด�งน��

- 3 เหล� ยมส� TriaangcI Princries

- 3 เหล� ยมส� Tridteries

- ส�กลาง Muddy Colour

- ส�ใกล+เค�ยง Ncar Colour

- ส�ตรงข+าม Oposit Colour-

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัควิามร) +เบั'�องต+นเก� ยวิก�บั ที่ฤษฏิ�ส�

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง ที่ฤษฏิ�ส�

3. น�กเร�ยนที่0าใบังานเร' อง ที่ฤษฏิ�ส�

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

Page 21: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง ที่ฤษฏิ�ส�2. ใบังาน เร' อง ที่ฤษฏิ�ส�3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' อง ที่ฤษฏิ�ส�- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

Page 22: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

Page 23: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

Page 24: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

Page 25: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง ทฤษฏี�ส�

3 เหลุ่�*ยมส� TriaangcI Princries

น0าเอาแม7ส�หล�ก หร'อส�ข� �นที่� 1( PRIMERY ) ค'อ แดง เหล'อง ฟิ2า มาวิางที่� ม!มของ 3 เหล� ยมด+านเที่7า ส�ละม!ม

ภาพเข�ยนท�*ใชี�ชี�ดท�* 2 Secondaries

Page 26: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ส�งเกตด)ภาพิเข�ยนที่� แสดงอย)7น�� เราใช+ส�เพิ�ยง 3 ส� ด+วิยส�ข� �นที่� 2 ค'อ ส�ส+ม ส�ม7วิง ส�เข�ยวิ น� เป>นการใช+ส�ช!ดอ�ก แบับัหน� งเราจะเห5นวิ7าส�ม�ควิามส�มพิ�นธ�ต7อก�น

3 เหลุ่�*ยมส� Tridteries

ในข��นที่� 3 น0าส� S ก�บัส� P มาผสมก�น ส�ก5จะเก�ดข��นใหม7ในช7องวิ7างระหวิ7าง S

ก�บั P อย7างเช7น ระหวิ7างเหล'อง แดง เอาส�เหล'องผสมส+มก5จะได+ส�เหล'องส+ม Yellwo Orange และส�ส+มผสมก�บัส�แดง ก5จะได+ส�แดงส+ม Red Orange

และส�แดงผสมม7วิงก5จะได+ส�ม7วิงแดง Red Violet และส�ม7วิงผสมฟิ2าก5จะได+ส�ม7วิงน0�าเง�น และส�ฟิ2าผสมเข�ยวิก5จะได+ ส�ฟิ2าเข�ยวิ Blue Green เข�ยวิผสมเหล'องก5จะได+เข�ยวิเหล'อง Yellwo Green

ส�กลุ่าง Muddy Colour

ส�ข� �นน��เป>o การผสมส� Primeries ที่��ง 3 เข+าด+วิยก�น ส�ที่� ได+จะเป>นส�กลาง คล+ายส�โคลน เราเร�ยกส�น��วิ7าส� Muddy

Page 27: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ส�ใกลุ่�เค�ยง Ncar Colour ท�*เป:นวรรณ์ะ แนวทางท�* 1

ส�ใกล+เค�ยงที่� เก�ดจากแนวิส� 3 ด+านของ 3 เหล� ยมส� ( ด) 3 เหล� ยมส�ข� �นที่� 3 )

อ�กคร��งหน� ง เพิ' อควิามเข+าใจวิ7ส� แต7ละวิรรณะน��นได+มาจากแนวิส�ของ 3 เหล� ยมส�แต7ละด+าน

ส�ใกลุ่�เค�ยง Near Colour

ส�ใกล+เค�ยงแนวิที่างที่� 1 น�� เราจ�ดส�ให+ส�เป>นค)7 ๆ ด�งต�วิอย7างเช7น ส�ค)7ที่� แสดงอย)7น��เป>นสเต5ปส�ที่� ได+น0ามาตาม แนวิส�ของ 3 เหล� ยมส� ส�แต7ละค)7น� �น เราจ�ดให+เป>นค)7 ๆ จนครบัแนวิ 3 เหล� ยมส�ที่��ง 3 ด+าน ตามต�วิอย7างที่� แสดงไวิ+แล+วิ

ใกลุ่�เค�ยงข�ามสเต3ป แนวทางท�* 3

ส�ใกล+เค�ยงแนวิที่างที่� 3 เก�ดจากการจ�ดส�ที่� เป>นค)7แบับัเวิ+นช7วิง หร'อข+ามสเต5ป ด�งต�วิอย7างต7อไปน��

การจ�ดจ�ดส�ที่� ใกล+เค�ยงให+เป>นค)7ๆ น�� ก5เพิ' ออ0านวิยประโยชน�ในการน0าออกแบับัและเข�ยนภาพิ ที่��งน��ก5เพิราะวิ7า เวิลาใช+ส�จะได+ไม7ใช+ อย7างเดาส!7ม การเข�ยนเม' อ

Page 28: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ร7างภาพิเสร5จแล+วิ ก5น�กถ�งส�ที่� จะลงวิ7า ควิรจะใช+ส�แนวิที่างใด เม' อพิ�จจารณาแล+วิก0าหนดส�ลงไปเป>นช!ด เป>นที่�ม ภาพิ ที่� ระบัายส�ก5จะม�ควิามส0าค�ญข��น

ส�ตรงข�าม Oposit Colour

ส�ตรงข+ามม�ที่��งหมด 5 แนวิด+วิยก�น และช!ดส�ต7อไปนน�� เป>นแนวิที่างที่� 1 ค'อส�ตรงข+าม ระหวิ7างส�ข� �นที่� 1 ก�บัส�ข� �นที่� 2 (Primeries ก�บั Secondaries)

ได+แก7 P1 - S7, P5-S11, และ P9 S3

ใบังานเร' อง ทฤษฏี�ส�

จั�ดประสงค การเร�ยนร �1. อธ�บัายควิามร) +เบั'�องต+นเก� ยวิก�บัที่ฤษฏิ�ส�

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' องที่ฤษฏิ�ส� ต7อไปน��ให+ถ)กต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. บัอกควิามหมายของที่ฤษฏิ�ส�....................................................... .............................................................................................................................................................. .......................................................................................................

Page 29: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

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

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

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

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

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

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

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

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

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 30: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

รวม

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

Page 31: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 3 เร' อง หล�กการใช+ส� เวิลาเร�ยน 4 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง หล�กการใช+ส� เวิลาเร�ยน 4 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

หลุ่�กการใชี�ส�  การใช+ส�ก�บังานออกมาน��น อย)7ที่� น�กออกแบับัม�จ!ดม!7งหมายใด ที่� จะสร+างควิามสนใจ ควิามเร+าใจต7อผ)+ด) เพิ' อให+เข+าถ�งจ!ดหมายที่� ตนต+องการ

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. สามารถเล'อกหล�กการใช+ส�ได+

สาระการเร�ยนร �

1.การใชี�ส�วรรณ์ะเด�ยว ควิามหมายของส�วิรรณะเด�ยวิ (tone) ค'อกล!7มส�ที่� แบั7งออกเป>นวิงล+อของส�เป>น 2 วิรรณะ ค'อ วิรรณะร+อน (warm tone) ซึ่� งประกอบัด+วิย ส�เหล'อง ส�ส+ม ส�แดง ส�ม7วิง ส�เหล7าน��ให+อ�ที่ธ�พิล ต7อควิามร) +ส�ก ต' นเต+น เร+าใจ กระฉ�บักระเฉง ถ'อวิ7าเป>น

Page 32: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

วิรรณะร+อน วิรรณะเย5น (cool tone) ประกอบัด+วิย ส�เหล'อง ส�เข�ยวิ ส�น0�าเง�น ส�ม7วิง ส�เหล7าน��ด) เย5นตา ให+ควิามร) +ส�ก สงบั สดช' น (ส�เหล'องก�บัส�ม7วิงอย)7ได+ที่��งสองวิรรณะ) การใช+ส�แต7ละคร��งควิรใช+ส�วิรรณะเด�ยวิในภาพิที่��งหมด เพิราะจะที่0าให+ภาพิควิามเป>นอ�นหน� งอ�นเด�ยวิก�น (เอกภาพิ) กลมกล'น ม�แรงจ)งใจให+คล+อยตามได+มาก

2.การใชี�ส�ต�างวรรณ์ะ หล�กการที่� วิไป ใช+อ�ตราส7วิน 80% ต7อ 20% ของวิรรณะส� ค'อ ถ+าใช+ส�วิรรณธร+อน 80% ส�วิรรณะเย5นก5 20% เป>นต+น ซึ่� งการใช+แบับัน��สร+างจ!ดสนใจของผ)+ด) ไม7ควิรใช+อ�ตราส7วินที่� เที่7าก�นเพิราะจะที่0าให+ไม7ม�ส�ใดเด7น ไม7น7าสนใจ

3.การใชี�ส�ตรงก�นข�าม ส�ตรงข+ามจะที่0าให+ควิามร) +ส�กที่� ต�ดก�นร!นแรง สร+างควิามเด7น และเร+าใจได+มากแต7หากใช+ไม7ถ)กหล�ก หร'อ ไม7เหมาะสม หร'อใช+จ0านวินส�มากส�จนเก�นไป ก5จะที่0าให+ควิามร! +ส�กพิร7าม�วิ ลายตา ข�ดแย+ง ควิรใช+ส�ตรงข+าม ในอ�ตราส7วิน 80%

ต7อ 20% หร'อหากม�พิ'�นที่� เที่7าก�นที่� จ0าเป>นต+องใช+ ควิรน0าส�ขาวิ หร'อส�ด0า เข+ามาเสร�ม เพิ' อ ต�ดเส+นให+แยกออก จาก ก�นหร'ออ�กวิ�ธ�หน� งค'อการลดควิามสดของส�ตรงข+ามให+หม7นลงไป

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัควิามร) +เบั'�องต+นเก� ยวิก�บั หล�กการใช+ส�

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง หล�กการใช+ส�

3. น�กเร�ยนที่0าใบังานเร' อง หล�กการใช+ส�

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง หล�กการใช+ส�

Page 33: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

2. ใบังาน เร' อง หล�กการใช+ส�3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' อง หล�กการใช+ส�- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

Page 34: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

Page 35: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

Page 36: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง หลุ่�กการใชี�ส�

การใช+ส�ก�บังานออกมาน��น อย)7ที่� น�กออกแบับัม�จ!ดม!7งหมายใด ที่� จะสร+างควิามสนใจ ควิามเร+าใจต7อผ)+ด) เพิ' อให+เข+าถ�งจ!ดหมายที่� ตนต+องการ หล�กของการใช+ม�ด�งน��

Page 37: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

1.การใชี�ส�วรรณ์ะเด�ยว ควิามหมายของส�วิรรณะเด�ยวิ (tone) ค'อกล!7มส�ที่� แบั7งออกเป>นวิงล+อของส�เป>น 2 วิรรณะ ค'อ วิรรณะร+อน (warm tone) ซึ่� งประกอบัด+วิย ส�เหล'อง ส�ส+ม ส�แดง ส�ม7วิง ส�เหล7าน��ให+อ�ที่ธ�พิล ต7อควิามร) +ส�ก ต' นเต+น เร+าใจ กระฉ�บักระเฉง ถ'อวิ7าเป>นวิรรณะร+อน วิรรณะเย5น (cool tone) ประกอบัด+วิย ส�เหล'อง ส�เข�ยวิ ส�น0�าเง�น ส�ม7วิง ส�เหล7าน��ด) เย5นตา ให+ควิามร) +ส�ก สงบั สดช' น (ส�เหล'องก�บัส�ม7วิงอย)7ได+ที่��งสองวิรรณะ) การใช+ส�แต7ละคร��งควิรใช+ส�วิรรณะเด�ยวิในภาพิที่��งหมด เพิราะจะที่0าให+ภาพิควิามเป>นอ�นหน� งอ�นเด�ยวิก�น (เอกภาพิ) กลมกล'น ม�แรงจ)งใจให+คล+อยตามได+มาก

2.การใชี�ส�ต�างวรรณ์ะ หล�กการที่� วิไป ใช+อ�ตราส7วิน 80% ต7อ 20% ของวิรรณะส� ค'อ ถ+าใช+ส�วิรรณธร+อน 80% ส�วิรรณะเย5นก5 20% เป>นต+น ซึ่� งการใช+แบับัน��สร+างจ!ดสนใจของผ)+ด) ไม7ควิรใช+อ�ตราส7วินที่� เที่7าก�นเพิราะจะที่0าให+ไม7ม�ส�ใดเด7น ไม7น7าสนใจ

3.การใชี�ส�ตรงก�นข�าม ส�ตรงข+ามจะที่0าให+ควิามร) +ส�กที่� ต�ดก�นร!นแรง สร+างควิามเด7น และเร+าใจได+มากแต7หากใช+ไม7ถ)กหล�ก หร'อ ไม7เหมาะสม หร'อใช+จ0านวินส�มากส�จนเก�นไป ก5จะที่0าให+ควิามร! +ส�กพิร7าม�วิ ลายตา ข�ดแย+ง ควิรใช+ส�ตรงข+าม ในอ�ตราส7วิน 80%

ต7อ 20% หร'อหากม�พิ'�นที่� เที่7าก�นที่� จ0าเป>นต+องใช+ ควิรน0าส�ขาวิ หร'อส�ด0า เข+ามาเสร�ม เพิ' อ ต�ดเส+นให+แยกออก จาก ก�นหร'ออ�กวิ�ธ�หน� งค'อการลดควิามสดของส�ตรงข+ามให+หม7นลงไป

Page 38: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ส�ตรงข�ามม� 6 ค �ได�แก� ส�เหล'อง ตรงข+ามก�บั ส�ม7วิง ส�แดง ตรงข+ามก�บั ส�เข�ยวิ ส�น0�าเง�น ตรงข+ามก�บั ส�ส+ม ส�เข�ยวิเหล'อง ตรงข+ามก�บั ส�ม7วิงแดง ส�ส+มเหล'อง ตรงข+ามก�บั ส�ม7วิงน0�าเง�น ส�ส+มแดง ตรงข+ามก�บั ส�เข�ยวิน0�าเง�น

ส�ร�อน (ส�อ� �น) Warm Colors

น�บัจากโที่นส�เหล'อง ชมพิ) แดง ส+ม ม7วิง น0�าตาล ส�เหล7าน��ให+ควิามหมายที่� เร7าร+อน ก+าวิร+าวิ ม�อ�ที่ธ�พิลต7อการด�งด)ดและกระต!+นอารมณ�ได+ มากมายกวิ7าโที่นส�อ' นๆ ส�เหล7าน��จะใช+มากก�บังานประเภที่ ห�วิหน�งส'อ น�ตยาสาร แค+ตตาล+อ

Page 39: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ก ตลอดจนป2ายโฆาราต7างๆซึ่� งจะกระต!+นควิามสนใจต7อผ)+พิบัเห5นได+เร5วิ ส�โที่นร+อน ค'อส�ที่� ให+ควิามหมาย ร' นเร�ง สดช' น ฉ)ดฉาด บัาดอารมณ�

ส�เย3น (Cool Colors)

เร� มจากส�เที่า ฟิ2า น0�าเง�น เข�ยวิ ส�โที่นน��จ�ดอย)7ในส�โที่นเย5น ให+ อารมณ�ควิามร) +ส�ก สงบั สะอาด เย5นสบัาย

Page 40: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ใบังานเร' อง หลุ่�กการใชี�ส�

จั�ดประสงค การเร�ยนร �1. สามารถเล'อกหล�กการใช+ส�ได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' องหล�กการใช+ส� ต7อไปน��ให+ถ)กต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. อธ�บัายควิามหมายของวิรรณะส�....................................................... .............................................................................................................................................................. .............................................................................................................................................................. .......................................................................................................

Page 41: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

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

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

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

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

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

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

2. น�กเร�ยนค+นหาร)ปภาพิในอ�นเที่อร�เน5ตจ0านวิน 3 ร)ป โดยแบั7งเป>นวิรรณะเย5น วิรรณะร+อน ส�กลาง

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 42: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

รวม

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

Page 43: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 4 เร' อง Tool เคร' องม'อต7างๆ เวิลาเร�ยน 6 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง Tool เคร' องม'อต7างๆ

เวิลาเร�ยน 6 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

Tools เป>นเคร' องม'อที่� ใช+ใน photoshop สามารถก0าหนด ป2อนและแสดงด+วิยค0าส� ง windows > show/hide Tools ป!Dมบัน Tools บัางอ�น ม�ร)ปภาพิสามเหล� ยมอ�นเล5กๆอย)7ด+านล7างขวิา เม' อเรากดเม+าส�ค+างบันป!2มน��นจะม�เคร' องม'อที่� ถ)กจ�ดให+อย)7ในกล!7มเด�ยวิก�นออกมา

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. อธ�บัายเคร' องม'อต7างๆของ Adobe PhotoShop 7.0

สาระการเร�ยนร �Tools เป>นเคร' องม'อที่� ใช+ใน photoshop สามารถก0าหนด ป2อนและแสดงด+วิยค0าส� ง windows > show/hide Tools ป!Dมบัน Tools บัางอ�น ม�ร)ปภาพิสามเหล� ยมอ�นเล5กๆอย)7ด+านล7างขวิา เม' อเรากดเม+าส�ค+างบันป!2มน��นจะม�เคร' องม'อที่� ถ)กจ�ดให+อย)7ในกล!7มเด�ยวิก�นออกมา ส0าหร�บัเคร' องม'อต7างๆ ม�การใช+ด�ง

Page 44: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

Marquee (M) Lasso (L) Magic wand (W) Airbrush (J) Paintbrush (B) History brush (Y) Eraser (E)

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัควิามร) +เบั'�องต+นเก� ยวิก�บั Tool เคร' องม'อต7างๆ

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง Tool เคร' องม'อต7างๆ

3. น�กเร�ยนที่0าใบังานเร' อง Tool เคร' องม'อต7างๆ

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง Tool เคร' องม'อต7างๆ2. ใบังาน เร' อง Tool เคร' องม'อต7างๆ3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' อง หล�กการใช+ส�- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

Page 45: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

Page 46: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

Page 47: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………

Page 48: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง Tool เคร(*องม(อต�างๆ

Tools เป>นเคร' องม'อที่� ใช+ใน photoshop สามารถก0าหนด ป2อนและแสดงด+วิยค0าส� ง windows > show/hide Tools

ป!Dมบัน Tools บัางอ�น ม�ร)ปภาพิสามเหล� ยมอ�นเล5กๆอย)7ด+านล7างขวิา เม' อเรากดเม+าส�ค+างบันป!2มน��นจะม�เคร' องม'อที่� ถ)กจ�ดให+อย)7ในกล!7มเด�ยวิก�นออกมา ส0าหร�บัเคร' องม'อต7างๆ ม�การใช+ด�งน��

Page 49: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

Marquee (M) Rectangul

arสร+างเส+น selection เป>นร)ปส� เหล� ยม (ถ+ากดค�ย� shift ค+างไวิ+ จะได+ selection เป>นร)ปส� เหล� ยมจ�ต!ร�ส)

 

Elliptical สร+างเส+น selection เป>นร)ปวิงร� (ถ+ากดค�ย� shift ค+างไวิ+ จะได+ selection

เป>นร)ปวิงกลม)

 

Single row สร+างเส+น selection เป>นเส+นตรงในแนวินอน ม�ควิามกวิ+าง 0.5-1 pixel

ม�กใช+ในการจ�ดต0าแหน7งร)ป (Align)

 

Single column

สร+างเส+น selection เป>นเส+นตรงในแนวิต��ง ม�ควิามกวิ+าง 0.5-1 pixel ม�กใช+ในการจ�ดต0าแหน7งร)ป (Align)

 

Crop (C) ต�ดเอาเฉพิาะส7วินที่� อย)7ในเส+น Crop

เที่7าน��น 

 Move (V) เล' อน Layer หร'อส7วินที่� select ไวิ+  

 Lasso (L)

Lasso สร+างเส+น selection เป>นร)ปที่รงอ�สระตามการเล' อนของ Pointer

 

Polygon lasso

สร+างเส+น selection เป>นร)ปที่รงหลายเหล� ยม ม!มอย)7ที่� การคล�กของ Pointer

 

Magnetic สร+างเส+น selection ตามแนวิขอบัของส�  

 Note : หากใช+ Polygon lasso อย)7แล+วิกดค�ย� Alt

ค+างไวิ+ เคร' องม'อจะกลายเป>น Lasso และจะเปล� ยนกล�บัเป>น Polygon lasso เม' อปล7อยค�ย� Alt

 

Page 50: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

 Magic

wand (W)สร+างเส+น selection ตามบัร�เวิณของส�  

 Airbrush

(J)เป>นเคร' องม'อในการลงส� คล+ายการพิ7นส� จะได+แนวิของส�ที่� ม�ขอบัน!7ม  

 Paintbrush

(B) เป>นเคร' องม'อในการลงส� คล+ายการที่าส� จะได+แนวิของส�ที่� ม�ขอบัตามการเล'อก Brush

 

 Rubber stamp (S)

Rubber stamp

เป>นเคร' องม'อที่� ใช+ค�ดลอกพิ'�นที่� โดยเราต+องก0าหนดพิ'�นที่� ต�วิอย7างก7อน โดยกดค�ย� Alt

 

Pattern stamp

เป>นเคร' องม'อที่� ใช+ค�ดลอกพิ'�นที่� ตาม Pattern ที่� เราก0าหนดโดยที่� เราต+องสร+างต+นแบับั ด+วิยค0าส� ง Define

Pattern ไวิ+ล7วิงหน+าก7อนจ�งจะสามารถใช+เคร' องม'อน��ได+

 

 History

brush (Y) เป>นเคร' องม'อคล+าย Paintbrush แต7จะระบัายตามข��นตอนที่� เล'อกใน History palette (อ7านในห�วิข+อ History)

 

 Eraser (E) เป>นเคร' องม'อที่� ใช+ลบั สามารถเล'อก

ล�กษณะของยางลบัได+  

 

Pencil (N) Pencil เป>นเคร' องม'อที่� ใช+เข�ยน สามารถเล'อก  

Page 51: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ขนาดของด�นสอได+Line ใช+สร+างเส+นตรง สามารถก0าหนดขนาด

ของเส+นได+  

 

Blur (R) Blur ที่0าให+ภาพิเบัลอ หร'อม�วิ  Sharpen ที่0าให+ภาพิคมช�ดข��น  Smudge คล+ายการใช+น��วิเกล� ยส�ที่� ก0าล�งเป�ยก  

 

Dodge (O) Dodge ใช+ปร�บัภาพิให+สวิ7าง เหมาะก�บัภาพิหร'อ

พิ'�นที่� ที่� ม�โที่นม'ดที่�บั  

Burn ใช+ส0าหร�บัแต7งภาพิที่� ม�ควิามสวิ7างมากให+ม�โที่นส�ม'ดลง หร'อลดแสงสวิ7างลง ผลที่� ได+จะตรงข+ามก�บั Dodge

 

Sponge ใช+ส0าหร�บัเพิ� มส�ให+ด)สดใส หร'อลดส�ให+ม�ส�ซึ่�ดลง ในเคร' องม'ออ�นเด�ยวิก�น โดยก0าหนดค7าใน Sponge Options

Palette ค'อ ให+ภาพิด)สดใสข��นใช+ค7า Saturate และให+ภาพิซึ่�ดลงเหม'อนฟิองน0าซึ่�บัส� ใช+ค7า Desaturate

 

 

Pen (P) Pen ใช+สร+าง Path โดยการคล�กเป>นจ!ดล+อม

รอบัร)ปที่รงที่� ต+องการ เป>นเส+นตรงและเส+นโค+ง

 

Magnetic pen

ใช+สร+าง Path ที่� ซึ่�บัซึ่+อนให+ม�ควิามง7ายและเร5วิข��น โดยม�ควิามสามารถย'ดขอบัของภาพิได+โดยอ�ตโนม�ต� การใช+งาน

 

Page 52: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

คล+ายเคร' องม'อ Magnetic

Freeform pen

เป>นเคร' องม'อวิาด Path เป>นเส+นโค+งอ�สระตามการลากเม+าส�ของม'อเรา  

Convert-anchor point

ใช+เปล� ยนประเภที่ของ Point ที่� อย)7บัน Path

 

Direct-selection

เป>นเคร' องม'อที่� ใช+เล'อกเส+น Path โดยจะคล+ายก�บั Recanglar Marquee

 

Delete-anchor-point

ใช+ลบั Point ที่� อย)7บัน Path  

Add-anchor-point

ใช+เพิ� ม Point ที่� อย)7บัน Path  

 Note : Point บัน Path ม� 2 ชน�ด ค'อ Beizer ก�บั Corner โดยแบับับั Beizer จะม�แขนออกมาควิบัค!มเส+นที่� อย)7ด+านข+างของ Point ส7วิน Corner จะไม7ม�

เส+น Path เป>นการสร+างร)ปประเภที่ Vector ค'อ ใช+ค0าส� งที่างคณ�ตศึาสตร�สร+าง จ�งสามารถปร�บัเปล� ยนได+ที่!กเม' อที่� ต+องการ

เส+น Path ม�ประโยชน�อย7างมาก นอกจากจะใช+สร+างเส+น Selection ใน PhotoShop แล+วิ ย�งสามารถ Export

ไปใช+ในโปรแกรมอ' นได+ด+วิย เช7น Flash, 3D Studio

Max, Illustrator เป>นต+น

 

 

Type (T) Type ใช+พิ�มพิ�ต�วิหน�งส'อ  Type mask ใช+พิ�มพิ�ต�วิหน�งส'อแบับัเป>น Selecion  Vertical

Type ใช+พิ�มพิ�ต�วิหน�งส'อในแนวิต��ง  

Vertical ใช+พิ�มพิ�ต�วิหน�งส'อแบับัเป>น Selecion  

Page 53: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

Type mask ในแนวิต��ง 

Measue (U)

คล+ายไป2บัรรที่�ด ใช+วิ�ด โดนจะแสดงผลใน Info Palette

 

 

Gradient (G) Linear

Gradient สร+าง Gradient เป>นเส+นตรง  

Radial Gradient

สร+าง Gradient เป>นร�ศึม�  

Angel Gradient

สร+าง Gradient คล+ายเป>นยอดแหลม  

Reflected Gradient

สร+าง Gradient เป>นแนวิสะที่+อน

ใบังานเร' อง Tool เคร(*องม(อต�างๆ

จั�ดประสงค การเร�ยนร �1. อธ�บัายเคร' องม'อต7างๆของ Adobe PhotoShop 7.0

Page 54: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' อง Tool เคร' องม'อต7างๆ ต7อไปน��ให+ถ)ก

ต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. น�กเร�ยนยกต�วิอย7างเคร' องม'อ ด�งต7อไปน�� มา 5 เคร' องม'อ

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 55: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

รวม

ข�อเสนอแนะ………………………………………………………………..……………………………………

Page 56: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 5 เร' อง การปร�บัภาพิให+คมช�ด เวิลาเร�ยน 6 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง การปร�บัภาพิให+คมช�ด

เวิลาเร�ยน 6 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

โปรแกรม Photoshop สามารถปร�บัตกแต7งร)ปภาพิจากภาพิที่� เบัลอให+เป>นภาพิที่� คมช�ด

Page 57: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. สามารถปร�บัแต7งภาพิให+คมช�ดได+

สาระการเร�ยนร �1. การปร�บัแต7งร)ปภาพิให+คมช�ด

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัการปร�บัแต7งร)ปภาพิให+คมช�ด

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง การปร�บัแต7งร)ปภาพิให+คมช�ด

3. น�กเร�ยนที่0าใบังานเร' อง การปร�บัแต7งร)ปภาพิให+คมช�ด

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง การปร�บัแต7งร)ปภาพิให+คมช�ด2. ใบังาน เร' อง การปร�บัแต7งร)ปภาพิให+คมช�ด3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' อง การปร�บัแต7งร)ปภาพิให+คมช�ด- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล

Page 58: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

- ประเม�นใบังานการประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

ข�อเสนอแนะ

Page 59: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

Page 60: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………

Page 61: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง การปร�บ่ภาพให�คมชี�ด

Page 62: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

1. ภาพิน��เป>นภาพิต+นฉบั�บัที่� ไม7ค7อยช�ดเลย

2. ใช+ค0าส� ง Filter > Sharpen > Unsharp Mask... แล+วิปร�บัค7า Amout เป>น 500% Radius เป>น 0.9 Threshold เป>น 10 ภาพิจะช�ด

Page 63: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข��น

ใบังานเร' อง การปร�บ่แต�งร ปภาพให�คมชี�ด

Page 64: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

จั�ดประสงค การเร�ยนร �1. สามารถปร�บัแต7งภาพิให+คมช�ดได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' อง การปร�บัแต7งภาพิให+คมช�ดต7อไปน��ให+

ถ)กต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. น�กเร�ยนฝึFกปฏิ�บั�ต�การปร�บัแต7งภาพิให+คมช�ด

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 65: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

รวม

Page 66: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 6 เร' อง การใส7เส+นกรอบัให+ก�บัภาพิ เวิลาเร�ยน 4 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง การใส7เส+นกรอบัให+ก�บัภาพิ เวิลาเร�ยน 4 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

Page 67: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

สาระส&าค�ญ

โปรแกรม Photoshop สามารถปร�บัตกแต7งร)ปภาพิการใส7เส+นกรอบัให+ก�บัภาพิ

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. สามารถใส7เส7นกรอบัให+ก�บัภาพิได+

สาระการเร�ยนร �1. การปร�บัแต7งร)ปภาพิใส7เส+นกรอบัให+ก�บัภาพิ

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัการใส7เส+นกรอบัให+ก�บัภาพิ

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง ใส7เส+นกรอบัให+ก�บัภาพิ

3. น�กเร�ยนที่0าใบังานเร' อง ใส7เส+นกรอบัให+ก�บัภาพิ

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' อง ใส7เส+นกรอบัให+ก�บัภาพิ2. ใบังาน เร' อง ใส7เส+นกรอบัให+ก�บัภาพิ3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล

Page 68: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

- ใบังาน เร' องใส7เส+นกรอบัให+ก�บัภาพิ- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

Page 69: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

Page 70: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

Page 71: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร �

Page 72: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

เร(*อง ใส7เส+นกรอบัให+ก�บัภาพิ

1. File --> open เล'อกร)ปที่� ต+องการใส7กรอบัแล+วิ คล�Gก OK

2. Select --> All หร'อ Ctrl + a

3. เล'อกส�ที่� ต+องการให+เป>นส�ของเส+นกรอบั

4. Edit --> Stroke

5. Select --> Deselect หร'อ Ctrl + d

6. ส0าเร5จแล+วิ

7. แล+วิก5จ�ดการ Save ภาพิเพิ' อใช+ต7อไป

ใบังานเร' อง ใส�เส�นกรอบ่ให�ก�บ่ภาพ

Page 73: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

จั�ดประสงค การเร�ยนร �1. สามารถใส7เส7นกรอบัให+ก�บัภาพิได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' อง ใส7เส7นกรอบัให+ก�บัภาพิ ต7อไปน��ให+ถ)ก

ต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. น�กเร�ยนฝึFกปฏิ�บั�ต�การปร�บัแต7งภาพิใส7เส7นกรอบัให+ก�บัภาพิ

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 74: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

รวม

Page 75: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 7 เร' อง การสร+างภาพิขอบัเบัลอ เวิลาเร�ยน 6 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง การสร+างภาพิขอบัเบัลอ เวิลาเร�ยน 6 ช� วิโมง

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

Page 76: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

สาระส&าค�ญ

โปรแกรม Photoshop สามารถปร�บัตกแต7งร)ปภาพิการใส7การสร+างภาพิขอบัเบัลอ

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. สามารถสร+างภาพิขอบัเบัลอได+

สาระการเร�ยนร �1. การปร�บัแต7งร)ปภาพิการสร+างภาพิขอบัเบัลอ

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัการสร+างภาพิขอบัเบัลอ

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง การสร+างภาพิขอบัเบัลอ

3. น�กเร�ยนที่0าใบังานเร' อง การสร+างภาพิขอบัเบัลอ

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' องการสร+างภาพิขอบัเบัลอ2. ใบังาน เร' องการสร+างภาพิขอบัเบัลอ3. แบับัประเม�นพิฤต�กรรมการเร�ยน

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

Page 77: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' องการสร+างภาพิขอบัเบัลอ- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

Page 78: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

Page 79: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

Page 80: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร �

Page 81: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

เร(*อง การสร+างภาพิขอบัเบัลอ

เป�ดร)ปที่� ต+องการเข+ามาใน Photoshop จากน��นให+เปล� ยนจากโหมดธรรมดาไปใช+ quickmask mode โดยการคล�กที่� ไอคอน ด+านล7างของ tools

palette จากน��นให+เล'อกใช+เคร' องม'อ ระบัายบัร�เวิณที่� ต+องการ หร'ออาจจะประย!กต�ไปเล'อกใช+เคร' องม'อ gradient ก5ได+ ถ+าต+องการให+ร)ปค7อยๆ จางไปเพิ�ยงด+านเด�ยวิ

เม' อระบัายครอบัคล!มบัร�เวิณที่� ต+องการเสร5จ ก5ให+ใช+ค0าส� ง Filter > Blur >

Gausian Blur เพิ' อที่0าให+ขอบัของร)ปเบัลอ ก0าหนดค7าควิามเบัลอตามควิาม

Page 82: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

เหมาะสม แต7ในกรณ�ที่� ใช+เคร' องม'อ gradient แที่นการระบัายส�ก5ไม7จ0าเป>นต+องใช+ค0าส� งน��

ข� �นส!ดที่+ายค'อเปล� ยนจาก quickmask mode กล�บัไปเป>นโหมดธรรมดาโดยการคล�กที่� ไอคอน ด+านล7างของ tools palette เม' อได+ selection

ล+อมรอบับัร�เวิณที่� ต+องการแล+วิก5ให+ใช+ mask บั�งบัร�เวิณที่� ไม7ต+องการเอาไวิ+โดยการคล�กไอคอน บัน layers palette เหม'อนเด�ม จะได+ร)ปขอบัเลอตามที่� ต+องการ

แต7การน0าไปใช+บันเวิ5บั จ0าเป>นจะต+องเปล� ยนตารางหมากร!กด+านหล�ง ให+ม�ล�กษณะเหม'อน background ของเวิ5บัเส�ยก7อน อาจที่0าได+โดยใช+ค0าส� ง

Page 83: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

GIF89A Export หร'อน0า background มาวิางใน layer ด+านล7างก5ได+ แต7ในกรณ�น��ผมแนะน0าให+ใช+วิ�ธ�หล�งจะด�กวิ7า

ใบังานเร' อง การสร+างภาพิขอบัเบัลอ

จั�ดประสงค การเร�ยนร �1. สามารถสร+างภาพิขอบัเบัลอได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' อง การสร+างภาพิขอบัเบัลอต7อไปน��ให+ถ)ก

ต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. น�กเร�ยนฝึFกปฏิ�บั�ต�การปร�บัแต7งภาพิการสร+างภาพิขอบัเบัลอ

Page 84: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 85: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

รวม

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

แผนการจั�ดการเร�ยนร �กล!7มสาระการเร�ยนร) + การงานอาช�พิและเที่คโนโลย�

ช��นม�ธยมศึ�กษาป�ที่� 4หน�วยท�* 8 เร' อง การสร+างต�วิอ�กษรม�ขอบั

เวิลาเร�ยน 4 ช� วิโมงแผนการเร�ยนร �ท�* 1 เร' อง การสร+างต�วิอ�กษรม�ขอบั เวิลาเร�ยน 4 ช� วิโมง

Page 86: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

มาตรฐานการเร�ยนร �มาตรฐาน ง 4.1 เข+าใจ เห5นค!ณค7า และใช+กระบัวินการเที่คโนโลย�

สารสนเที่ศึในการส'บัค+นข+อม)ล การเร�ยนร) + การส' อสาร การแก+ป;ญหา การที่0างานและอาช�พิอย7างม�ประส�ที่ธ�ภาพิ ประส�ที่ธ�ผล และม�ค!ณธรรม

สาระส&าค�ญ

โปรแกรม Photoshop สามารถปร�บัตกแต7งสร+างต�วิอ�กษรในร)ปแบับัต7างๆได+

ผลุ่การเร�ยนร �ท�*คาดหว�ง1. สามารถสร+างต�วิอ�กษรในร)ปแบับัต7างๆได+

สาระการเร�ยนร �1. การปร�บัแต7งสร+างต�วิอ�กษรในร)ปแบับัต7างๆ

ก�จักรรมการเร�ยนการสอน

1. น�กเร�ยนที่0าควิามเข+าใจเก� ยวิก�บัการสร+างต�วิอ�กษรในร)ปแบับัต7างๆ

2. คร)และน�กเร�ยนร7วิมก�นศึ�กษาใบัควิามร) +เร' อง การสร+างต�วิอ�กษรในร)ปแบับัต7างๆ

3. น�กเร�ยนที่0าใบังานเร' อง การสร+างต�วิอ�กษรในร)ปแบับัต7างๆ

4. คร)ส�งเกตการณ�ปฏิ�บั�ต�งานและบั�นที่�กพิฤต�กรรมการเร�ยนร) +

ส(*อแลุ่ะอ�ปกรณ์ 1. ใบัควิามร) + เร' องการสร+างต�วิอ�กษรในร)ปแบับัต7างๆ2. ใบังาน เร' องการสร+างต�วิอ�กษรในร)ปแบับัต7างๆ3. แบับัประเม�นพิฤต�กรรมการเร�ยน

Page 87: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

การว�ดผลุ่แลุ่ะประเม�นผลุ่1. วิ�ธ�การวิ�ดและประเม�นผล

- ส�งเกตการฟิ;ง และการตอบัค0าถาม- การที่0าใบังาน

2. เคร' องม'อวิ�ดและประเม�นผล - ใบังาน เร' องการสร+างต�วิอ�กษรในร)ปแบับัต7างๆ- แบับัประเม�นพิฤต�กรรมการเร�ยน

3. เกณฑ์�การวิ�ดและประเม�นผล - ประเม�นใบังาน

การประเม�นอย)7ในระด�บั ด� ได+คะแนน 80% - 100%

การประเม�นอย)7ในระด�บั พิอใช+ ได+คะแนน 60% - 79%

การประเม�นอย)7ในระด�บั ปร�บัปร!ง ได+คะแนน 0% - 59%

- ประเม�นพิฤต�กรรมการเร�ยนระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างาน

ด+วิยตนเอง ส7งงานตาม เวิลาก0าหนด

ระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย

ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมา

ส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

Page 88: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ข�อเสนอแนะ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ความเห3นของผ �บ่ร�หารo เป>นแผนการสอนที่� ม�องค�ประกอบัครบัถ+วินo เป>นแผนการสอนที่� แต7ละองค�ประกอบัส�มพิ�นธ�ก�นo เป>นแผนการสอนที่� เน+นผ)+เร�ยนเป>นส0าค�ญo เป>นแผนการสอนที่� ใช+ค!ณธรรมน0าควิามร) +o อ' นๆ…………………………………………………………………

…………………………..

ลงช' อ……………………………

………..……..

Page 89: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

(

นายข!น โอภาษ�)

ผ)+อ0านวิยการโรงเร�ยนวิ�งบั7อวิ�ที่ยา

บ่�นท,กผลุ่หลุ่�งการสอนผลการเร�ยนร) +

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

Page 90: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ป;ญหา / อ!ปสรรค…………………………………………………………………………….………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ข+อเสนอแนะ / แนวิที่างแก+ไข……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………………….

……………………………………………………………………….……………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………..………..……………………………….

ลงช' อ …………………………

…….…ผ)+สอน

Page 91: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย

ใบ่ความร � เร(*อง สร�างต�วอ�กษรในร ปแบ่บ่ต�างๆ

1. ใช+ เข�ยนต�วิอ�กษรด+วิยส�ขาวิ

2. Double Click ที่� เลเยอร�ต�วิอ�กษร เพิ' อเป�ด Layer Style Dialog

3. ในข��นตอนน��ให+ปร�บัค7าต7างๆด�งน�� - คล�กที่� Inner Glow

Page 92: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

- ปร�บั blend mode เป>น normal

- ปร�บั Opacity เป>น 100%

- ปร�บั Size เป>นควิามหนาของขอบัที่� ค!ณต+องการ - ปร�บั Range เป>น 1%

- คล�ก OK

Page 93: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

ใบังานเร' อง สร�างต�วอ�กษรในร ปแบ่บ่ต�างๆ

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

1. สามารถสร+างต�วิอ�กษรในร)ปแบับัต7างๆได+

ค&าชี�)แจัง ให+น�กเร�ยนตอบัค0าถามเร' อง การสร+างต�วิอ�กษรในร)ปแบับัต7างๆต7อ

ไปน��ให+ถ)กต+อง

ช' อ -

สก!ล......................................................................................

...เลขที่� .......................ช��น.......................

1. น�กเร�ยนฝึFกปฏิ�บั�ต�การปร�บัแต7งสร+างต�วิอ�กษรในร)ปแบับัต7างๆ

Page 94: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

แบ่บ่ประเม�นพฤต�กรรมการเร�ยน

ค&าชี�)แจัง ส�งเกตพิฤต�กรรมการเร�ยนเป>นรายบั!คคลแล+วิเข�ยนเคร' องหมาย ลงในช7องระด�บัค!ณภาพิเกณ์ฑ์ การให�คะแนน

ระด�บั 3 หมายถ�ง ต��งใจเร�ยน สนใจถามหร'อตอบัค0าถาม ที่0างานด+วิยตนเอง ส7งงานตาม เวิลาก0าหนดระด�บั 2 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ม�ควิามสนใจถามหร'อตอบัค0าถามบั+าง ที่0างานด+วิย ตนเอง แต7ส7งงานช+ากวิ7าก0าหนดเวิลา ระด�บั 1 หมายถ�ง ต��งใจเร�ยนเป>นบัางคร��ง ค�ดลอกผลงานผ)+อ' นมาส7งระด�บั 0 หมายถ�ง ไม7ต��งใจเร�ยน ไม7ส7งงาน

เกณ์ฑ์ การประเม�น น�กเร�ยนที่� ผ7านการประเม�นต+องได+ 1 ข��นไป

เลุ่ขท�*

ชี(*อ สก�ลุ่–

ระด�บ่คะแนน สร�ป3 2 1 0 ผ�าน ไม�

ผ�าน

ผลุ่การประเม�นo ด�o พิอใช+o ปร�บัปร!ง

Page 95: แผนการสอน โปรแกรมคอมพิวเตอร์กราฟิก ม.4

รวม

ข�อเสนอแนะ………………………………………………………………..………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ลงช' อ …………………………

…….…ผ)+ประเม�น

(…………….…………..

……….)

ต0าแหน7ง คร)ผ)+ช7วิย