37

ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ
Page 2: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ค ำน ำ

คมอการใชสอพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลน รายวชาคอมพวเตอรกราฟก รหสวชา ง30201 กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชนมธยมศกษาปท 4 เรอง การใชงานโปรแกรม Photoshop Cs5 ฉบบน จดท าขนเพอพฒนาการจดการเรยนการสอนทเนนผเรยนเปนส าคญ โดยครผสอนไดพฒนาสอการเรยนการสอนทเนนความแตกตางระหวางบคคล ตอบสนองความตองการของผเรยน ทสามารถเรยนรไดทกท ทกเวลา ตามพระราชบญญตการศกษาพทธศกราช 2542(แกไขเพมเตม 2545,2553) และสอดคลองกบหลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช 2551 เพอใหครผสอนและนกเรยน และผสนใจใชเปนเครองมอในการจดกจกรรมการเรยนร อกทงเปนการสงเสรมใหนกเรยนมนสยรกการอาน สามารถคนควาหาความร อานเพมเตมไดทงในโรงเรยนและทบาน สงเสรมใหผลสมฤทธทางการเรยนของนกเรยนสงขน และผปกครองมสวนรวมในการจดการเรยนรอกดวย สอพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลน รายวชาคอมพวเตอรกราฟก รหสวชา ง30201 กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชนมธยมศกษาปท 4 เลมท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก ผจดท าหวงเปนอยางยงวาคมอการใชสอพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลน เลมน จะเปนประโยชนกบนกเรยน ครผสอนและผทสนใจศกษาคนควาและสรางองคความรดวยตนเอง มเจตคตทดตอวชาชพ สามารถเปลยนแปลงพฤตกรรมของนกเรยนใหเกดความร ความคดสรางสรรคน าไปประยกตใชในชวตประจ าวน เปนประโยชนแกตนเองและสงคมตอไป และขอขอบคณผมสวนรวมและสนบสนนการสงเสรมใหเอกสารเลมนส าเรจลลวงดวยดไว ณ โอกาสน

นางสาวยพน คะเนวน

ครช านาญการ

Page 3: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

คมอการใชสอพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลน รายวชาคอมพวเตอรกราฟกมธยมศกษาปท 4 เรอง การใชงานโปรแกรม Adobe Photoshop Cs5 กลมสาระการเรยนรการงานอาชพและเทคโนโลย หนวยการเรยนรท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก โดยมขนตอนปฏบตดงน

1. ขอควรปฏบตกอนด าเนนการสอน

1.1 ศกษาแผนการจดการเรยนรอยางละเอยด

1.2 ศกษาคมอการใชสอพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลนใหเขาใจ

1.3 แบงกลมนกเรยนตามความสามารถ กลมเกง กลมปานกลาง และกลมออน

2. ขอควรปฏบตขณะด าเนนการสอน

2.1 ชแจงกจกรรมการเรยนรใหนกเรยนทราบทกคน

2.2 ด าเนนกจกรรมสอนตามแผนการจดการเรยนร เพอใหสอดคลองกบแผนการจดการ

เรยนร เนอหา และเวลาทก าหนด

2.3 ครผสอนใหค าแนะน าและคอยดแลนกเรยนอยางใกลชด

2.4 ใหนกเรยนท าแบบทดสอบกอนเรยน ศกษาความร ฝกทกษะคอมพวเตอร ท ากจกรรม

ตามขนตอนอยางเครงครด มความซอสตย มวนยตอตนเองและรบผดชอบในหนาทท

รบผดชอบ

2.5 สรปและอภปรายกจกรรมรวมกบนกเรยน

2.6 ครเสนอแนะเพมเตม

3. ขอควรปฏบตเมอด าเนนการสอนเสรจเรยบรอย

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

3.2 บนทกคะแนน

ค ำชแจง คมอกำรใชสอพฒนำกำรเรยนกำรสอนดวยวดโอบทเรยนออนไลน

หนวยกำรเรยนรท 1 เรอง ควำมรเบองตนเกยวกบคอมพวเตอรกรำฟก กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย รำยวชำคอมพวเตอรกรำฟก ชนมธยมศกษำปท 4

ส ำหรบคร

Page 4: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

เรอง หนำ ค าน า ก สารบญ ข ค าชแจงในการใชเอกสารประกอบการเรยนการสอน ค มาตรฐานการเรยนร ง ผลการเรยนร จ คมอการใชสอการพฒนาการเรยนการสอนดวยวดโอบทเรยนออนไลน 1 แบบทดสอบกอนเรยน 18 เฉลยแบบทดสอบกอนเรยน 20 ใบความรเรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 21 ใบงานท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 33 แบบทดสอบหลงเรยน 35 เฉลยแบบทดสอบหลงเรยน 37 บรรณานกรม 38 ภาคผนวก 39 ประวตผจดท า 40

สำรบญ

Page 5: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ผลการเรยนร

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

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

คณลกษณะอนพงประสงค 1. มความซอสตย 2. มวนยในตนเอง 3. มความตงใจใฝเรยนร 4. มความมงมนในการท างาน

Page 6: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

แบบทดสอบกอนเรยน หนวยการเรยนรท 1

ชอ-สกล…………………………………………………..เลขท……...ชนมธยมศกษาปท...........

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

ข. การท าการแตรป

ค. ศลปะแขนงหนงดวยสญลกษณ รปวาด ภาพถาย ฯลฯ

ง. การท าการสรางขอมลและสอตาง ๆ

2. ภำพกรำฟกแบงออกเปนกประเภท

ก. 3 ประเภท

ข. 2 ประเภท

ค. 5 ประเภท

ง. 4 ประเภท

3. ภำพทใชกบคอมพวเตอรมกประเภท

ก. 2 ประเภท

ข. 3 ประเภท

ค. 4 ประเภท

ง. 5 ประเภท

4. สทใชในงำนดำนกรำฟกทวไปมกระบบ

ก. 3 ระบบ

ข. 4 ระบบ

ค. 5 ระบบ

ง. 6 ระบบ

5. ระบบสทประกอบดวยแมสมสอะไรบำง ก. มวง แดง เขยว ข. แดง เขยว น าตาล

ค. ฟา ชมพ เหลอง ง. แดง เขยว น าเงน

Page 7: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

6. สหลกของกำรพมพออกทำงกระดำษมสอะไรบำง ก. แดง ฟา น าเงน เหลอง ข. ฟา มวงแดง เหลอง ด า ค. เขยว ชมพ เหลอง ขาว ง. แดง มวง น าเงน ฟา

7. สหลกมกส

ก. 8 ส

ข. 6 ส

ค. 5 ส

ง. 4 ส

8. ภำพกรำฟก 2 มตม 2 แบบอะไรบำง ก. แบบ Raster , แบบ Vector ข. แบบ Raste , แบบ Vectoe ค. แบบ Rastert , แบบ Vectore ง. แบบ Rasterer , แบบ Vectort

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

10. งำนดำนกรำฟกแบงออกเปนกดำน

ก. 4 ดาน

ข. 5 ดาน

ค. 6 ดาน

ง. 7 ดาน

Page 8: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

เฉลย

1. ค 2. ข 3. ก

4. ข 5. ง 6. ข 7. ง

8. ก 9. ง

10. ข

เฉลยแบบทดสอบกอนเรยน หนวยการเรยนรท 1

ไปศกษำใบควำมรกนตอเลยนะคะ

Page 9: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ควำมรเบองตนเกยวกบคอมพวเตอรกรำฟก

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

การศกษาเกยวกบทฤษฎของคอมพวเตอรกราฟกจงเปนพนฐานทส าคญ เพอใหเราเขาใจหลกการและสามารถนาไปประยกตใชได ภาพกราฟกในคอมพวเตอรแบงออกเปน 2 ประเภท ไดแก ภาพแบบราสเตอร (Raster) และภาพแบบเวคเตอร (Vector) ซงมคณลกษณะทแตกตางกนนอกจากประเภทของภาพ สงทควรทราบเกยวกบภาพกราฟฟกสแบบตางๆ ซงสงเหลานจะชวยท าใหการออกแบบหรอตกแตงภาพกราฟกมประสทธภาพมากขน

หนวยการเรยนรท 1

เวลา 6 ชวโมง

ควำมรเบองตนเกยวกบคอมพวเตอรกรำฟก

Page 10: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ประวตของคอมพวเตอรกรำฟก ตนก าเนดของคอมพวเตอรกราฟก เรมตนจากการสรางจอภาพของคอมพวเตอรขนมา

แสดงผลดวยเครองพมพ เพอเพมความเรวในการปฏสมพนธ (Interactive) ตอผใช จอภาพทสรางขนมา เรยกวา จอภาพ CRT (Cathode Ray Tube) พฒนาขนมาโดยสถาบนเทคโนโลยแหงแมสซาซเซสต (MIT : Massachusettes Institute Technology) เมอป ค.ศ. 1950 ซงยงคงพฒนาอยางตอเนองและใชกนมาจนถงปจจบน จอภาพคอมพวเตอรนมหลกการท างานเชนเดยวกบจอภาพของโทรทศน

ในสมยกอนการวาดภาพดวยคอมพวเตอรยงคงเปนเรองยากกวาการวาดภาพลงบนกระดาษดวยปากกามาก เนองจากคอมพวเตอรตองอาศยแปนพมพหรอเมาสในการปอนขอมล ในป ค.ศ. 1963 อวาน ซเธอรแลน (Ivan Sutherland) จงไดประดษฐปากกาแสง (Light Pen ) ขนมา มลกษณะเหมอนปากกาธรรมดา แตเมอวาดดวยปากกาแสงนบนแผนรองรบพเศษจะสามารถปรากฏเปนภาพบนหนาจอไดประดจการวาดภาพบนกระดาษดวยปากกาธรรมดา นอกจากนนเขายงไดคดคนหลกและวธการวาดภาพกราฟกคอมพวเตอร และโครงสรางขอมลของคอมพวเตอรกราฟกขนมาใชงานอกดวย เนองจากจอภาพคอมพวเตอรในยคแรกๆ ไมสามารถรกษาภาพบนจอภาพใหคงทนอยไดและจะจางหายในเวลาไมกวนาทตอมาจงตองมการวาดภาพนนซ าใหมตลอดเวลา ท าใหเสยเวลาและท าใหการประมวลผลชา อกทงจอภาพในยคนนยงคงมราคาแพง ในป ค.ศ. 1968 บรษท เทคโทรนกส (Tektronix) ไดประดษฐจอภาพทแสดงไดคงทนโดยไมตองวาดซ าหรอสงใหสรางภาพใหม เรยกวา Storage – Tube CRT ท าใหจอภาพมราคาถกลง และนยมใชกนทวไป

ในป ค.ศ. 1970 มการแขงขนทางอตสาหกรรมคอมพวเตอรกนเปนอยางมาก ท าใหอปกรณคอมพวเตอรราคาถกลง และเทคโนโลยเกยวกบจอภาพกพฒนามากขนตามล าดบ ส าหรบดานซอฟตแวร ในป 1972 ปแอร บาเซยร (Pierre Bazier) ไดอาศยทฤษฎของ สตเวน คนส (Steven Coons) คดคนการสรางเสนโคงและภาพพนผวอนเปนพนฐานส าหรบภาพ 3 มตในปจจบน

หนวยการเรยนรท 1

เวลา 1 ชวโมง

ประวตของคอมพวเตอรกรำฟก

Page 11: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ควำมหมำยของคอมพวเตอรกรำฟก กรำฟก (Graphic) ทมาของค าวา กราฟก มาจากภาษากรก คอ Graphikos หมายถง การวาดเขยน Graphein หมายถง การเขยน กราฟก หมายถง ศลปะหรอศาสตรแขนงหนงทสอความหมาย โดยใชเสน ภาพเขยน สญลกษณ ภาพถาย ซงมลกษณะเหนไดชดเจน เขาใจความหมายไดทนท และถกตองตามทผใชตองการ คอมพวเตอรกรำฟก คอ กราฟกทสรางดวยคอมพวเตอร เพอถายทอดและสอสารความรสกนกคดของผสรางผลงานไปยงผรบชม โดยอาศยวธการทางคอมพวเตอรตางๆ ในสมยกอนทยงไมมคอมพวเตอรใชงาน การสรางกราฟกจะอาศยเครองมอแบบงาย ๆ เชน พกน แปรง ยางลบ ไมบรรทด กระดาษ สน า สโปสเตอร แอรบรช (Air Brush) เปนตนหลงจากสรางผลงานเสรจแลว ผลงานกจะมเพยงชนเดยวไมสามารถท าส าเนาได หรอถงแมท าส าเนาขนมาได กไมเหมอนผลงานชนเดมรอยเปอรเซนต ผลงานภาพวาดของศลปนทมชอเสยงและไดเสยชวตแลวจงมราคาสง ผลงานเหลานนนบวนกจะเกาลงและบบสลายไปตามอายขยของวสดทใช ทส าคญคอ การสรางกราฟกดวยมอ (ไมอาศยคอมพวเตอร) เมอเกดความผดพลาดขนจะแกไขไดยาก ยกตวอยางเชน ในการวาดภาพหากระบายสผด การแกไขคอ การพยายามลบสทระบายผดนนทงไปหรอน าสอนมาระบายทบ แตกเปนการยากทจะท าใหผลงานชนนนไรรอยต าหนจากความผดพลาดนนได หรออาจจะตองลงมอวาดใหมทงหมดเลยกเปนได ปจจบนไดมการน าคอมพวเตอรมาชวยในการสรางงานกราฟก ท าใหเกดความสะดวกสบายหลายๆ อยาง ทงเรองการท าส าเนา หรอการแกไขขอผดพลาด กสามารถท าไดงายและรวดเรว ท าใหผสรางสรรคผลงานมความมนใจ และกลาทจะลองผดลองถกมากขน

เรองท 1 ควำมหมำยของคอมพวเตอรกรำฟก

1 ชวโมง

Page 12: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

หลกกำรท ำงำนของภำพกรำฟก 1. ภำพแบบรำสเตอร (Raster) การ ประมวลผลแบบ Raster หรอแบบ บตแมป(Bitmap) หรอเรยกวาเปนภาพแบบ Resolution Dependent โดยหลกการท างาน คอ จะเปนการประมวลแบบอาศยการอานคาสในแตละพกเซล ซงมชอเรยกอกอยางหนงวา Bitmap ซงจะเกบคาของขอมลเปนคา 0 และ 1 และในแตละพกเซลจะมการเกบคาสทเจาะจงในแตละต าแหนง ลกษณะส าคญของภาพประเภทน คอ จะประกอบขนดวยจดสตางๆทมจ านวนคงทตายตว ตามการสรางภาพทมความละเอยดแตกตางกนไป ภาพแบบ Bitmap น มขอด คอ เหมาะส าหรบภาพทตองการระบายส สรางส หรอก าหนดสทตองละเอยดและสวยงามไดงาย ขอจ ากดคอ เมอมพกเซลจ านวนคงท น าภาพมาขยายใหใหญขน ความละเอยดกจะลดลง มองเหนภาพเปนแบบจด และถาเพมความละเอยดใหแกภาพ จะท าใหไฟลมข น า ด ใ ห ญ แ ล ะ เ ป ล อ ง เ น อ ท ห น ว ย ค ว า ม จ า ม า ก ไฟล ของรปภาพ ท เกดจากการประมวลผลแบบ Raster คอ ไฟลพวก ท ม นามสกล เปน .BMP .PCX .TIF .JPG .GIF .MSP .PNG .PCT โดยโปรแกรมทใชจดการกบภาพประเภทน คอ โปรแกรมประเภทจดการภาพ ตกแตงภาพ ซงปจจบนนมโปรแกรมมากมายใหเราไดใชกน เชน Photoscape , Paint , Photoshop , และอกมากมาย

ภำพท 42 ภาพแบบราสเตอร (Raster) ทมา : http://Sangrawee1366.blogspot.com/p/1.html

เรองท 2 หลกกำรท ำงำนของภำพกรำฟก 1 ชวโมง

Page 13: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

2. ภำพแบบเวคเตอร (Vector) ภาพแบบ เวกเตอร หรอ Object-Oriented Graphics หรอ เรยกวา เปนรปภาพ Resolution-Independent เปนภาพทมลกษณะของการสรางจากคอมพวเตอรทมการสรางใหแตละสวนของ ภาพเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปนเสนตรง รปทรง หรอ สวนโคง โดยอางองตามความสมพนธทางคณตศาสตร หรออาศยการค านวณทางคณตศาสตร โดยมสและต าแหนงของสทแนนอน ฉะนนไมวาจะมการเคลอนยาย หรอยอขยายขนาดของภาพ กจะไมเสยรปทรง และความละเอยดของภาพจะไมลดลง จงท าใหภาพยงคงชดเจนเหมอนเดม แมขนาดของภาพจะมขนาดใหญขนหรอเลกลงกตาม แตมขอเสยทไมสามารถใชเอฟเฟคในการปรบแตงภาพไดเหมอนกบภาพแบบ Raster การ ประมวลผลภาพแบบ Vector ไดแกภาพทม นามสกล .AI, .DRW, .CDR , .EPS, .PS ซงโปรแกรมทใชในการวาดภาพกมมากมายหลายโปรแกรม เชน Illustrator, CorelDraw และ ภาพ .WMF ซงเปนภาพคลปอารตในโปรแกรม Microsoft Word และภาพ .DWG ในโปรแกรมการออกแบบ AutoCAD เปนตน

ภำพท 43 ภาพแบบเวคเตอร (Vector) ทมา : http://Sangrawee1366.blogspot.com/p/1.html

เรองท 2 หลกกำรท ำงำนของภำพกรำฟก

1 ชวโมง

Page 14: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ประเภทของภำพกรำฟก ภาพกราฟกแบงออกเปน 2 ประเภท

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

ภำพท 44 ภาพกราฟกประเภท 2 มต ทมา : http://Sangrawee1366.blogspot.com/p/1.html

เรองท 3 ประเภทของภำพกรำฟก 1 ชวโมง

Page 15: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

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

ภำพท 45 ภาพกราฟกประเภท 3 มต ทมา : http://Sangrawee1366.blogspot.com/p/1.html

เรองท

3 ประเภทของภำพกรำฟก

1 ชวโมง

Page 16: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

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

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

อปกรณทกชนดไมวาจะเปนจอคอมพวเตอรหรอเครองพมพ

เรองท

4 ระบบสทใชกบภำพกรำฟก

1 ชวโมง

Page 17: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ระบบส RGB RGB ยอมาจาก Red, Green และBlue คอระบบสของแสง เกดจากการหกเหของแสงกลายเปนสรง ดวยกน 7 ส ซงเปนชวงแสงทตาของคนเราสามารถมองเหนได แสงสมวงจะมความถสงสดเรยกวา อนตราไวโอแรต และแสงสแดงจะมความถต าสด เรยกวาอนฟาเรต คลนแสงทมความถสงกวาสมวง และต า กวาสแดงนน สายตาของมนษยไมสามารถรบได แสงสทงหมดเกดจาก แสงส 3 ส คอ สแดง ( Red ) สน าเงน ( Blue)และสเขยว ( Green )ทงสามสถอเปนแมสของแสง

ภำพท 46 ระบบส RGB

ทมา : http://cptd.chandra.ac.th/selfstud/graphics/intracolor1.html

เรองท

4 ระบบสทใชกบภำพกรำฟก

1 ชวโมง

Page 18: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ระบบส CMYK ยอมาจากค าวา Cyan Magenta Yellow และ Black เปนระบบสมาตรฐานทเหมาะกบงานพมพทพมพออกทางกระดาษหรอวตถผวเรยบอน ๆ โดยท าการแกไขจดบกพรองของ RGB ทเครองพมพมสามารถออกสทางเครองพมพได ซงประกอบดวยสหลก 4 ส ไดแก สฟา สชมพมวง สเหลองและสด า เมอน าสทงหมดมาผสมกนจะเกดสด าจงเรยกระบบสนวา Subtractive Color หลกการเกดสของระบบน คอ หมกสหนงจะถกกลนแสงจากสหนงและสะทอนกลบออกมาเปนสตาง ๆ

ภำพท 47 ระบบส CMYK ทมา : http://cptd.chandra.ac.th/selfstud/graphics/intracolor1.html

เรองท

4 ระบบสทใชกบภำพกรำฟก

1 ชวโมง

Page 19: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ระบบส SHB เปนระบบสแบบการมองเหนดวยสายตามนษย ซงแบงออกเปน 3 ลกษณะ คอ Hue เปนสตาง ๆ ทสะทอนมาจากวตถแลวเขาสสายตา ท าใหเราสามารถมองเหนวตถเปนสตาง ๆ ได แตละสจะแตกตางกนตามความยาวของคลนแสงทมากระทบวตถและสะทอนกลบมาทสายตา คา Hue ถกวดโดยต าแหนงการแสดงสบนมาตรฐานวงลอของส ซงถกแทนคาสดวยองศา 0 ถง 360 องศา

ภำพท 48 ระบบส SHB

ทมา : http://cptd.chandra.ac.th/selfstud/graphics/intracolor1.html

เรองท

4 ระบบสทใชกบภำพกรำฟก

1 ชวโมง

Page 20: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ระบบส LAB เปนมาตรฐานส าหรบการวดคาแบบครอบคลมทกสในระบบส RGB CMYK สามารถใชกบสทเกดกบอปกรณไดทกชนด ไมวาจะเปนจอคอมพวเตอร เครองพมพ สแกนเนอร รวมทงอปกรณอน ๆ สวนประกอบของระบบสนไดแก L (Luminance) เปนคาความสวางตงแต 0 (สด า) จนถงคา 100 (สขาว) A แสดงการไลสจากสเขยวไปยงสแดง B แสดงการไลสจากสน าเงนไปยงสเหลอง

ภำพท 49 ระบบส LAB ทมา : http://cptd.chandra.ac.th/selfstud/graphics/intracolor1.html

เรองท

4 ระบบสทใชกบภำพกรำฟก

1 ชวโมง

Page 21: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

1. กรำฟกไฟลส ำหรบอนเทอรเนต ไฟลกราฟกทสนบสนนระบบอนเทอรเนต ปจจบนม 3 ไฟลหลก ๆ คอ -ไฟลสกล GIF ( Graphics Interlace File) -ไฟลสกล JPG ( Joint Photographer's Experts Group) -ไฟลสกล PNG ( Portable Network Graphics) 1.1ไฟลสกล GIF (Graphics Interlace File) เปน ไฟลกราฟกมาตรฐานทท างานบนอนเทอรเนต มกจะใชเมอ ตองการไฟลทมขนาดเลก จ านวนสและ ความละเอยดของภาพไมสงมากนก ตองการพนแบบโปรงใส ตองการแสดงผลแบบโครงรางกอน แลวคอยแสดงผลแบบละเอยด ตองการน าเสนอภาพแบบภาพเคลอนไหว จดเดน : ขนาดไฟลต า สามารถท าพนของภาพใหเปนพนแบบโปรงใสได ( Transparent) มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยดในระบบ Interlace มโปรแกรมสนบการสรางจ านวนมาก เรยกดไดกบ Graphics Browser ทกตว ความสามารถดานการน าเสนอแบบภาพเคลอนไหว ( Gif Animation) จดดอย : แสดงสไดเพยง 256 ส ไฟล .GIF ม 2 สกล ไดแก GIF87 พฒนาขนในป ค.ศ. 1987 เปนไฟลกราฟกรนแรกทสนบสนนการน าเสนอบนอนเทอรเนต เปนไฟลทมขนาดเลกและแสดงผลสไดเพยง 256 ส และก าหนดใหแสดงผลแบบโครงรางได (Interlace) GIF89A พฒนาขนในป ค.ศ. 1989เปนไฟลกราฟกทพฒนาตอจาก GIF87 โดยเพมความสามารถการแสดงผลแบบพนโปรงใส ( Transparent) และการสรางภาพเคลอนไหว (GIF Animation) ซงเปนไฟลกราฟกทมความสามารถพเศษโดยน าเอาไฟลภาพหลายๆ ไฟลมารวมกนและน าเสนอภาพเหลานนโดยอาศยการหนวงเวลา มการใสรปแบบการน าเสนอลกษณะตางๆ ( Effects) ในลกษณะภาพเคลอนไหว

หนวยการเรยนรท 1

เวลา 2 ชวโมง

ชนดและรปแบบไฟลกรำฟก

Page 22: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

1.2 ไฟลสกล JPG (Joint Photographer’s Experts Group) เปน อกไฟลหนงทนยมใชบน Internet มกใชกรณ ภาพทตองการน าเสนอมความละเอยดสง และใชสจ านวนมาก (สนบสนนถง 24 bit color) ตองการบบไฟลตามความตองการของผใช ไฟลชนดนมกจะใชกบภาพถายทน ามาสแกน และตองการน าไปใชบนอนเทอรเนต เพราะใหความคมชดและความละเอยดของภาพสง จดเดน : สนบสนนสได ถง 24 bit สามารถก าหนดคาการบบไฟลไดตามทตองการ มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยดในระบบ Progressive มโปรแกรมสนบสนนการสรางจ านวนมาก เรยกดไดกบ Graphics Browser ทกตว ตงคาการบบไฟลได (compress files) จด ดอย : ท าใหพนของรปโปรงใสไมได ขอเสยของการบบไฟล ( Compress File)ก าหนดคาการบบไฟลไวสง ( 1 - 10) แมวาจะชวยใหขนาดของไฟลมขนาดต าแตกมขอเสย คอ เมอมการสงภาพจาก Server ไปแสดงผลท Client จะท าใหการแสดงผลชามาก เพราะตองเสยเวลาในการคลายไฟล ดงนนการเลอกคาการบบไฟล ควรก าหนดใหเหมาะสมกบภาพแตละภาพ 1.3 ไฟลสกล PNG (Portable Network Graphics) จดเดน : สนบ สนนสไดถงตามคา True color (16 bit, 32 bit หรอ 64 bit) สามารถก าหนดคาการบบไฟลไดตามทตองการ มระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสละเอยด ( Interlace) สามารถท าพนโปรงใสได จดดอย : หากก าหนดคาการบบไฟลไวสง จะใชเวลาในการคลายไฟลสงตามไปดวย แตขนาดของไฟลจะมขนาดต า ไมสนบสนนกบ Graphic Browser รนเกา สนบสนนเฉพาะ IE 4 และ Netscape 4 ความละเอยดของภาพและจ านวนสขนอยกบ Video Card โปรแกรมสนบสนนในการสรางมนอย

หนวยการเรยนรท 1

เวลา 2 ชวโมง

ชนดและรปแบบไฟลกรำฟก

Page 23: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

เพราะเครองพมพไมสามารถแปลรหสการพมพ PostScript ได Encapsulated PostScript นามสกลทใชเกบ EPS ระบบปฏบตการ Windows, Windows NT, UNIX, Mac Windows เวอรชนทไดรบการพฒนาจนถงปจจบน EPS เปนเซตยอยของ Adobe PostScript 2.3 PDF (Portable Document Format) PDF เปนรปแบบไฟลทใชในโปรแกรม Adobe Acrobat ใชส าหรบเอกสารบนสออเลคทรอนกส เชน บนอนเทอรเนตหรอบรการออนไลนตางๆ เนองจากเปนไฟลขนาดเลกท าใหสามารถสรางเอกสาร เชน โบรชวร หรอ แคทตาลอกสงไปทางอนเทอรเนตได ใชไดกบทงแบบ Bitmap และ Vector และสนบสนนทงระบบ PC และ Macintosh PDF เหมาะส าหรบเอกสารทางเทคนคทจะเผยแพรบนอนเทอรเนต ผอานสามารถพมพออกมาไดหรอเรยกดไดโดยไมเสยคาใชจายเพราะรปแบบ อกษรทใชประกอบอยในตวซอฟตแวรแลว และเนองจากใชตวอกษรแบบ PostScript ซงเปน vector-based จงสามารถยอและขยายไดตามตองการ โดยคณภาพของงานไมเปลยนแปลง ทงยงสามารถน าไปสรางเปนเอกสาร แบบ Illustration หรอBitmap ไดอกดวย และเมอพมพออกมากจะไมเสยคณภาพ ไมวาจะใชคาความละเอยดของภาพเปนเทาใด เชนเดยวกบไฟลประเภทVector อนๆ เชน PS หรอ PRN นอกจากน PDF เปนไฟลทประกอบดวยขอมล PostScript จงสามารถน าไปใชในโปรแกรมตกแตงแกไขภาพ หรอ โปรแกรมประเภท Illustration ไดเชนเดยวกบ EPS Portable Document Format นามสกลทใชเกบ PDF ระบบปฏบตการ Windows, Mac OS, UNIX และ Dos ซอฟตแวรทสรางและเปดไฟล PhotoShop, Acrobat ความสามารถทางดานส RGB, Indexed-Color, CMYK, GrayScale, Bitmap และ Lap Color

หนวยการเรยนรท 1

เวลา 2 ชวโมง

ชนดและรปแบบไฟลกรำฟก

Page 24: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

บทบำทของคอมพวเตอรกรำฟก

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

บทบาทของคอมพวเตอรกราฟกในดานตางๆ มดงน 1. ดานบนเทง 2. ดานการประชาสมพนธ 3. ดานการศกษา 4. ดานธรกจการคา 5. ดานอนๆ

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 25: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

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

ภำพท 50 ตวอยางภาพยนตรทใชคอมพวเตอรกราฟก

ทมา : https://my.dek-d.com/rimnamta/gallery/show_picture.php?id=100505788

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 26: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ภำพท 51 การท าหนาปก CD โดยอาศยคอมพวเตอรกราฟก ทมา : https://www.youtube.com/watch?v=VLQfD0mxA2A

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

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 27: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ภำพท 52 การลบรอยสว แผลเปน หรอรวรอย ดวยเครองมอ Heal Brush

ทมา : https://jeenoblog.wordpress.com/2016/02/29/ดาราเกาหล/ คอมพวเตอรกราฟกยงสามารถสรางความบนเทงทส าคญและทกคนรจกกนดอกอยางหนง คอ เกมคอมพวเตอรกราฟก ซงปจจบนเกมคอมพวเตอรกราฟกพฒนาขนไปกวาเดมมากแตกอนเปนเกมภาพแบบ 2 มต ปจจบนสามารถสรางภาพแบบ 3 มต เพอความสมจรง และเพมอรรถรสในการเลนใหมากยงขน ตอมายงไดมการน าเกมคอมพวเตอรมาประยกตกบระบบเครอขาย จนท าใหกลายเปนเกมออนไลน ซงไดรบความนยมเปนอยางมาก ไมวาจะเปนเกม Counter Strike , Ragnarok เปนตน จะเหนไดวาคอมพวเตอรกราฟกเขามามบทบาทเปนอยางมาก

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 28: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

บทบำทดำนประชำสมพนธ

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

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

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 29: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

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

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 30: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ท าใหสอการสอนสวยงาม นาประทบใจ

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

เกะกะ รงรง ท าใหอานหนงสอยาก

อาจท าใหเกดความร าคาญแกผเรยน

ถาแทรกภาพทไมเกยวกบเนอหาทสอน จะท าใหผเรยนหนเหความสนใจไปในทางอน

หากน าไปจดพมพกจะสนเปลองหมกพมพโดยไมเกดประโยชน บทบำทดำนอนๆ

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

หนวยการเรยนรท 1

เวลา 2 ชวโมง

บทบำทของคอมพวเตอรกรำฟก

Page 31: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ใบงำนท 1

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

Page 32: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

6. คอมพวเตอรกราฟกไดน าไปใชงานหลาย ๆ ดานประกอบดวยอะไรบาง ............................................................................................................................................................. ............................................................................................................................................................. ............................................................................................................................................................. ............................................................................................................................................................. 7. ใหยกตวอยางการน า เอากราฟกไปใชในดาน “อตสาหกรรม” ............................................................................................................................................................. ............................................................................................................................................................. ............................................................................................................................................................. ............................................................................................................................................................. 8. ใหยกตวอยางการน า เอากราฟกไปใชในดาน “งานโฆษณาและประชาสมพนธ” ............................................................................................................................................................. ............................................................................................................................................................. ............................................................................................................................................................. .............................................................................................................................................................

ตอนท 2 อธบายค า ศพท 1.Raster................................................................................................................................................ 2.Vector............................................................................................................................................... 3.Resolution........................................................................................................................................ 4. JPG ................................................................................................................................................. 5. RGB Model....................................................................................................................................

Page 33: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

แบบทดสอบ หลงเรยน หนวยการเรยนรท 1

ชอ-สกล…………………………………………………..เลขท……...ชนมธยมศกษาปท...........

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

1. ขอใดเขยนถกตอง ก.กราฟก ข. กราฟฟก

ค. กราฟกส ง. กราฟฟกส

2. Graphic มำจำกภำษำใด

ก.ภาษาองกฤษ ข. ภาษาโรมน

ค. ภาษาฝรงเศส ง. ภาษากรก

3. ภำพกรำฟกทใชกบคอมพวเตอรแบงออกเปนกประเภท

ก. 2 ประเภท ข. 3 ประเภท

ค. 4 ประเภท ง. 5 ประเภท

4. ขอใดกลำวถกตองเกยวกบหลกกำรท ำงำนของกรำฟกแบบ Raster ก. ใชสรางภาพ แกไขและตกแตงภาพ เหมาะกบการสรางโลโก และออกแบบ

ข. ภาพเกดจากจดสสเหลยมเลก ๆ หลาย ๆ จดมาเรยงตอกนจนเกดเปนรปภาพ

ค. ภาพเกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ

ง. ภาพเกดจากการยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ

Page 34: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

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

ข. ภาพเกดจากจดสสเหลยมเลก ๆ หลาย ๆ จดมาเรยงตอกนจนเกดเปนรปภาพ

ค. ภาพเกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ

ง. ภาพเกดจากยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ

6. ระบบสทใชกบกรำฟกทวไปมกระบบ

ก. 2 ระบบ ข. 3 ระบบ

ค. 4 ระบบ ง. 5 ระบบ

7. สในโมเดล RGB สำมำรถสรำงสไดกส

ก. 14 ลานส ข. 16.5 ลานส

ค. 16.7 ลานส ง. 17.6 ลานส

8. โมเดลสระบบใดทเหมำะกบงำนพมพ

ก. RGB ข. CMYK

ค. HSB ง. LAB

9. กำรก ำหนดควำมละเอยดของภำพทใชทวไปควรก ำหนดกพกเซล

ก. 72-75 พกเซล ข. 100-150 พกเซล

ค. 150-300 พกเซล ง. 300-350 พกเซล

10. แฟมภำพนำมสกลใดทเหมำะกบงำนดำนเวบเพจ ก. .Tiff ข. .Gif ค. .Jpg ง. ถกทง ข และ ค

Page 35: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

เฉลย

1. ก 2. ง 3. ก

4. ข 5. ค 6. ค 7. ค

8. ข 9. ข

10. ง

เฉลยแบบทดสอบหลงเรยน หนวยการเรยนรท 1

ไปศกษำใบควำมรกนตอเลยนะคะ

Page 36: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

กระทรวงศกษาธการ.หลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช 2551. กรงเทพฯ: โรงพมพชมนมสหกรณการเกษตรแหงประเทศไทย,2551

โกสนต เทพสทธทรากรณและคณะ หนงสอเรยนรายวชาพนฐาน เทคโนโลยสารสนเทศ ชนมธยมศกษาปท4 กลมสาระการเรยนรการงานอาชพและเทคโนโลย.กรงเทพฯ:ส านกงานวชาการและมาตรฐานการศกษา,2552

ธรรมศกด เออรกสกล หนงสอเรยนเสรมเทคโนโลยสารสนเทศ การใชงานโปรแกรม Adobe Photoshop Cs5 ชนมธยมศกษาปท4 กลมสาระการเรยนรการงานอาชพและเทคโนโลย.กรงเทพฯ:ส านกพมพ มเดย อนเทลลเจนซ เทคโนโลย,2550

บญเกอ ควรหาเวช. นวตกรรมการศกษา. พมพครงท 5 กรงเทพฯ : ภาควชาเทคโนโลยทางการศกษา คณะศกษาศาสตร มหาวทยาลยศรนครนทรวโรฒ,2543

ส านกวชาการและมาตรฐานการศกษา.ตวชวดและกลมสาระการเรยนรแกนกลาง กลมสาระการงานอาชพและเทคโนโลย ตามหลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช 2551. กรงเทพฯ : ส านกงานคณะกรรมการการศกษาขนพนฐาน กระทรวงศกษาธการ, 2551

บรรณานกรม

Page 37: ค ำน ำ - kroobannok.com · ค ำน ำ คู่มือการใช้สื่อพัฒนาการเรียนการสอนด้วยวิดีโอ

ภาคผนวก