หน่วยที่...

1 เอกสารประกอบการสอน เรอง คอมพวเตอรกราฟกเบองตน

หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก



ค าน า

เอกสารประกอบการสอน เรอง คอมพวเตอรกราฟกเบองตนชดน ไดจดท าขนเพอใชเปนสวนหนงในการจดการเรยนการสอนของผเรยน ในรายวชาคอมพวเตอรกราฟกเบองตน (รายวชาเพมเตม) รหสวชา ง23202 กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชนมธยมศกษาปท 3 สงกดกองการศกษาเทศบาลเมองตาก โดยเนนผเรยนเปนส าคญ เพอพฒนาความร ความเขาใจ และทกษะการใชโปรแกรมกราฟก เอกสารประกอบการสอน เรอง คอมพวเตอรกราฟกเบองตนชดนมทงหมด 6 หนวย ดงน

หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก หนวยท 2 การใชงานโปรแกรม Adobe Photoshop CS6 หนวยท 3 การใชงานเลเยอร หนวยท 4 การสรางพนทเพอน าไปใชงาน หนวยท 5 การปรบรปทรงภาพดวยกลมค าสง Transform หนวยท 6 การสรางและตกแตงตวอกษรและขอความ

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



สารบญ

หนา ค าน า ก สารบญ ข สารบญภาพ ค สารบญตาราง จ สาระการเรยนร 1 สาระส าคญ 2 จดประสงคการเรยนร 2 แบบทดสอบกอนเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 3 เฉลยแบบทดสอบกอนเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 4 เนอหา ความรเบองตนเกยวกบคอมพวเตอรกราฟก 5 ตอนท 1.1 ความหมายของคอมพวเตอรกราฟก 5

เรองท 1.1.1 ความหมายของกราฟก 5 เรองท 1.1.2 ความหมายของคอมพวเตอรกราฟก 6 ใบงานท 1.1 เรอง ความหมายของคอมพวเตอรกราฟก 7 แนวค าตอบใบงานท 1.1 เรอง ความหมายของคอมพวเตอรกราฟก 8

ตอนท 1.2 หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก 9 เรองท 1.2.1 หลกการท างานของภาพกราฟกแบบ Raster 9 เรองท 1.2.2 หลกการท างานของภาพกราฟกแบบ Vector 10

เรองท 1.2.3 ความแตกตางของกราฟกแบบ 2 มต 11 ใบงานท 1.2 เรอง หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก 12 แนวค าตอบใบงานท 1.2 เรอง หลกการท างานและความแตกตาง 13 ของภาพคอมพวเตอร กราฟก ตอนท 1.3 ระบบสทใชในงานดานกราฟก 14

เรองท 1.3.1 ระบบส RGB 14 เรองท 1.3.2 ระบบส CMYK 15 เรองท 1.3.3 ระบบส HSB 16 เรองท 1.3.4 ระบบส LAB 17 ใบงานท 1.3 เรอง ระบบสทใชในงานดานกราฟก 18 แนวค าตอบใบงานท 1.3 เรอง ระบบสทใชในงานดานกราฟก 19

ตอนท 1.4 คณลกษณะของแฟมภาพกราฟกแบบ 2 มต 20 เรองท 1.4.1 คณลกษณะของแฟมภาพกราฟก Raster 20 เรองท 1.4.2 คณลกษณะของแฟมภาพกราฟก Vector 21 ใบงานท 1.4 เรอง คณลกษณะของแฟมภาพกราฟกแบบ 2 มต 22 แนวค าตอบใบงานท 1.4 เรอง คณลกษณะของแฟมภาพกราฟกแบบ 2 มต 23



สารบญ (ตอ)

ตอนท 1.5 คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ 24 เรองท 1.5.1 คอมพวเตอรกราฟกกบงานดานการออกแบบ 24 เรองท 1.5.2 คอมพวเตอรกราฟกกบงานดานโฆษณา 25

เรองท 1.5.3 คอมพวเตอรกราฟกกบงานดานการน าเสนอ 26 เรองท 1.5.4 คอมพวเตอรกราฟกกบงานดานเวบเพจ 27 เรองท 1.5.5 คอมพวเตอรกราฟกกบงานดาน Image Retouching 28

ใบงานท 1.5 เรอง คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ 29 แนวค าตอบใบงานท 1.5 เรอง คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ 30

แบบทดสอบหลงเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 31 เฉลยแบบทดสอบกอนเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก 32 แบบสรปผลการเรยน หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก 33

บรรณานกรม 35



สารบญภาพ

หนา ภาพประกอบท 1.1 ความหมายของคอมพวเตอรกราฟก 6 ภาพประกอบท 1.2 หลกการท างานแบบ Raster 9 ภาพประกอบท 1.3 หลกการท างานแบบ Vector 10 ภาพประกอบท 1.4 ความแตกตางของกราฟกแบบ 2 มต 11 ภาพประกอบท 1.5 ระบบส RGB 14 ภาพประกอบท 1.6 ระบบส CMYK 15 ภาพประกอบท 1.7 ระบบส HSB 16 ภาพประกอบท 1.8 ระบบส LAB 17 ภาพประกอบท 1.9 คอมพวเตอรกราฟกกบงานดานการออกแบบ 24 ภาพประกอบท 1.10 คอมพวเตอรกราฟกกบงานดานโฆษณา 25 ภาพประกอบท 1.11 คอมพวเตอรกราฟกกบงานดานการน าเสนอ 26 ภาพประกอบท 1.12 คอมพวเตอรกราฟกกบงานดานเวบเพจ 27 ภาพประกอบท 1.13 คอมพวเตอรกราฟกกบงานดาน Image Retouching 28



สารบญตาราง

หนา ตารางท 1.1 ความแตกตางของกราฟกแบบ 2 มต 11 ตารางท 1.2 คณลกษณะของแฟมภาพกราฟก Raster 20 ตารางท 1.3 คณลกษณะของแฟมภาพกราฟก Vector 21



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


ตอนท 1.1 ความหมายของคอมพวเตอรกราฟก เรองท 1.1.1 ความหมายของกราฟก เรองท 1.1.2 ความหมายของคอมพวเตอรกราฟก

ตอนท 1.2 หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก เรองท 1.2.1 หลกการท างานของภาพกราฟกแบบ Raster เรองท 1.2.2 หลกการท างานของภาพกราฟกแบบ Vector เรองท 1.2.3 ความแตกตางของกราฟกแบบ 2 มต

ตอนท 1.3 ระบบสทใชในงานดานกราฟก เรองท 1.3.1 ระบบส RGB เรองท 1.3.2 ระบบส CMYK เรองท 1.3.3 ระบบส HSB เรองท 1.3.4 ระบบส LAB

ตอนท 1.4 คณลกษณะของแฟมภาพกราฟกแบบ 2 มต เรองท 1.4.1 คณลกษณะของแฟมภาพกราฟก Raster เรองท 1.4.2 คณลกษณะของแฟมภาพกราฟก Vector

ตอนท 1.5 คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ เรองท 1.5.1 คอมพวเตอรกราฟกกบงานดานการออกแบบ เรองท 1.5.2 คอมพวเตอรกราฟกกบงานดานโฆษณา เรองท 1.5.3 คอมพวเตอรกราฟกกบงานดานการน าเสนอ เรองท 1.5.4 คอมพวเตอรกราฟกกบงานดานเวบเพจ เรองท 1.5.5 คอมพวเตอรกราฟกกบงานดาน Image Retouching



สาระส าคญ

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

2. ภาพกราฟก 2 มต ม 2 แบบ คอ แบบ Raster และแบบ Vector ซงหลกการท างานมความ แตกตางกน โดยกราฟกแบบ Raster จะเกดภาพจากจดสสเหลยมเลกๆ หลายๆ จดมารวมกน สวนแบบ Vector เกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ

3. ระบบสทใชในงานดานกราฟกโดยทวไปม 4 ระบบ คอ (1) ระบบส RGB (2) ระบบส CMYK (3) ระบบส HSB และ (4) ระบบส LAB

4. คณลกษณะของแฟมภาพกราฟกแบบ 2 มต มความแตกตางกน ควรเลอกใชใหเหมาะสมกบ ลกษณะงาน

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

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

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



. แบบทดสอบกอนเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก

ค าชแจง ใหนกเรยนเลอกค าตอบทถกทสดเพยงขอเดยว (10 คะแนน)

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

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

3. “ภาพทเกดจากจดสสเหลยมเลกๆ หลายๆ จดมา เรยงตอกนจนเกดเปนรปภาพ” หมายถง ภาพกราฟกประเภทใด ก. กราฟกแบบ Raster ข. กราฟกแบบ ClipArt ค. กราฟกแบบ Vector ง. กราฟกแบบ Hyper Picture 4. “ภาพทเกดจากการอางองความสมพนธ ทางคณตศาสตร หรอการค านวณ” หมายถง ภาพกราฟกประเภทใด ก. กราฟกแบบ Raster ข. กราฟกแบบ ClipArt ค. กราฟกแบบ Vector ง. กราฟกแบบ Hyper Picture

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

6. ระบบสในขอใดทสามารถน ามาผสมผสานท าใหเกด สตางๆ บนจอคอมพวเตอรไดถง 16.7 ลานส ก. RGB ข. CMYK ค. HSB ง. LAB

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

8. ขอใดไมใชนามสกลของกราฟก Vector ก. .WMF ข. .EPS ค. .DIB ง. .AI 9. ขอใดเปนการประยกตใชคอมพวเตอรกราฟก กบงานดานการน าเสนอ ก. การออกแบบรถยนต ข. การสรปยอดขายสนคา ค. การท าหมะตกทกรงเทพฯ ง. การสรางเวบไซตของโรงเรยน 10. ขอใดเปนการประยกตใชคอมพวเตอรกราฟกกบ งานดาน Image Retouching ก. การออกแบบรถยนต ข. การท าหมะตกทกรงเทพฯ ค. การท าภาพเกาใหเปนภาพใหม ง. การสรางเวบเพจใหกบบรษท



เฉลย

เฉลยแบบทดสอบกอนเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก

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

(ประเมนผลตามสภาพจรง)




ตอนท 1.1 ความหมายเกยวกบคอมพวเตอรกราฟก

ความหมายเกยวกบคอมพวเตอรกราฟก ประกอบดวย (1) ความหมายของกราฟก และ

(2) ความหมายของคอมพวเตอรกราฟก ซงมรายละเอยดดงน

เรองท 1.1.1 ความหมายของกราฟก กราฟก (Graphic) มกเขยนผดเปน กราฟกส กราฟฟกส กราฟฟก ค าวา “กราฟก” มาจาก

ภาษากรก ซงหมายถง การวาดเขยน (Graphikos) และการเขยน (Graphein) ตอมามผใหความหมายของ ค าวา “กราฟก” ไวหลายประการ ซงสรปไดดงน

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

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



เรองท 1.1.2 ความหมายของคอมพวเตอรกราฟก

คอมพวเตอรกราฟก หมายถง การสรางการตกแตงแกไข หรอการจดการเกยวกบรปภาพโดยใชเครองคอมพวเตอรในการจดการ ยกตวอยางเชน การท า Image Retouching ภาพคนแกใหมวยทเดกขน การสรางภาพตามจนตนาการและการใชภาพกราฟกในการน าเสนอขอมลตางๆเพอใหสามารถสอความหมายไดตรงตามทผสอสารตองการและนาสนใจยงขนดวยกราฟ แผนภม แผนภาพ เปนตน โดยภาพกราฟก แบงออกเปน 2 ประเภทคอ 1) กราฟกแบบ 2 มต เปนภาพทพบเหนโดยทวไป เชน ภาพถาย รปวาด ภาพลายเสน สญลกษณ กราฟ รวมถงการตนตางๆ ในโทรทศน 2) กราฟกแบบ 3 มต เปนภาพกราฟกทใชโปรแกรมสรางภาพ 3 มตโดยเฉพาะ เชน โปรแกรม 3DMax โปรแกรม Maya เปนตน

ภาพประกอบท 1.1 ความหมายของคอมพวเตอรกราฟก ทมา: ศรขวญ นนทวงษ, 2558.

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

กราฟกแบบ 2 มต

กราฟกแบบ 3 มต



ใบงานท 1.1 เรอง ความหมายของคอมพวเตอรกราฟก

ค าชแจง จงตอบค าถามตอไปน (2 คะแนน ) 1. กราฟก หมายถง ........................................................................................................................................... 2. คอมพวเตอรกราฟก หมายถง ……………………….……………………………………………………………………….………….



แนวค าตอบ

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

เกณฑการตดสนคณภาพ ชวงคะแนน ระดบคณภาพ

2 ผานเกณฑ ต ากวา 2 ปรบปรง

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



ตอนท 1.2 หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก ประกอบดวย (1) หลกการท าการของกราฟกแบบ Raster (2) หลกการท างานของกราฟกแบบ Vector และ (3) ความแตกตางของภาพกราฟกแบบ 2 มต ซงมรายละเอยดดงน เรองท 1.2.1 หลกการของกราฟกแบบ Raster หลกการท างานของภาพกราฟกแบบ Raster หรอแบบ Bitmap เปนภาพกราฟกทเกดจากการเรยงตวกนของจดสเหลยมเลกๆ หลากหลายส ซงจดสเหลยมเลกๆ น เรยกวา “พกเซล” (Pixel) ในการสรางภาพกราฟกแบบ Raster จะตองก าหนดจ านวนของพกเซลใหกบภาพทตองการสราง ถาจ านวนพกเซลนอย เมอขยายภาพใหมขนาดใหญขนจะท าใหมองเหนภาพเปนจดสเหลยมเลกๆ หรอถาก าหนดจ านวนพเซลมากกจะท าใหแฟมภาพมขนาดใหญ ดงนนการก าหนดพกเซลจงควรก าหนดใหเหมาะกบงานทสราง คอ ถาตองการใชงานทวๆ ไป จะก าหนดจ านวนพกเซลประมาณ 100 – 150 ppi (Pixel/inch) “จ านวนพกเซลตอ 1 ตารางนว” ถาเปนงานความละเอยดนอยแฟมภาพมขนาดเลก เชนภาพส าหรบใชกบเวบไซตจะก าหนดจ านวนพกเซลประมาณ 72 ppi และถาเปนแบบงานพมพ เชน นตยสาร โปสเตอรขนาดใหญ จะก าหนดจ านวนพกเซลประมาณ 300 – 350 ppi เปนตน ไฟลนามสกล (Extension) ของภาพกราฟกแบบ Raster เปน .BMP , .PCX, .TIF , .GIF , .JPG, .MSP , .PCD, .PCT โปรแกรมทใชสรางคอ โปรแกรมประเภทระบายภาพ (Painting Program) เชน Paintbrush , Photoshop , Photostyler เปนตน

ภาพประกอบท 1.2 หลกการท างานแบบ Raster ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป หลกการท างานของภาพกราฟกแบบ Raster หรอแบบ Bitmap เปนภาพกราฟกทเกดจากการเรยงตวกนของจดสเหลยมเลกๆ หลากหลายส ซงจดสเหลยมเลกๆ น เรยกวา “พกเซล” (Pixel)



เรองท 1.2.2 หลกการของกราฟกแบบ Vector หลกการของกราฟกแบบ Vector หรอ Object-Oriented Graphics หรอเรยกวา เปนรปภาพ Resolution-Independent เปนภาพทมลกษณะของการสรางจากคอมพวเตอรทมการสรางใหแตละสวนของภาพเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปน เสนตรง รปทรงหรอสวนโคง โดยอางองตามความสมพนธทางคณตศาสตร หรอการค านวณซงมทศทาง การลากเสนไปในแนวตางๆ จงเรยกประเภท Vector Graphic หรอ Object Oriented ภาพเวกเตอรนมขอดคอ สามารถเปลยนแปลงขนาด โดยมความละเอยดของภาพไมลดลง ภาพสามารถเปลยนแปลงหรอยายไดและมขนาดของไฟล ทเลกกวาพวกบตแมปในระบบวนโดวส ไฟลรปภาพประเภทน คอ พวกทมนามสกลเปน .EPS , .WMF, .CDR, .AI , .CGM, .DRW, .PLT เปนตน และโปรแกรมทใชสรางกคอ โปรแกรมประเภทวาดรป (Drawing Program) เชน CorelDraw หรอ AutoCAD สวนบนเมคอนทอช (Macintosh) กไดแก โปรแกรม Illustrator และ Macromedia Freehand หรอ ภาพ .wmf ซงเปน clipart ของ Microsoft Office

ภาพประกอบท 1.3 หลกการท างานแบบ Vector

ทมา: ศรขวญ นนทวงษ, 2558.

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



เรองท 1.2.3 ความแตกตางของกราฟกแบบ 2 มต

ภาพกราฟก 2 มต แบบ Raster และ แบบ Vector มความแตกตางกนดงน

ภาพกราฟกแบบ Raster ภาพกราฟกแบบ Vector 1. ภาพกราฟกเกดจากจดสเหลยมเลกๆ

หลากหลายส (Pixels) มาเรยงตอกนจนกลายเปนรปภาพ

1. ภาพเกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ โดยองคประกอบของภาพมอสระตอกน

2. การขยายภาพกราฟกใหมขนาดใหญขนจะท าใหความละเอยดของภาพลดลง ท าใหมองเหนภาพเปนจดสเหลยมเลกๆ

2. การขยายภาพกราฟกใหมขนาดใหญขน ภาพยงคงความละเอยดคมชดเหมอนเดม

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

3. เหมาะกบงานออกแบบตางๆ เชน งานสถาปตย ออกแบบโลโก เปนตน

4. การประมวลผลภาพสามารถท าไดรวดเรว 4. การประมวลผลภาพจะใชเวลานาน เนองจากใชค าสงในการท างานมาก

ตารางท 1.1 ความแตกตางของกราฟกแบบ 2 มต

ภาพประกอบท 1.4 ความแตกตางของกราฟกแบบ 2 มต ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป ภาพกราฟก 2 มต แบบ Raster และ แบบ Vector มความแตกตางกนดงน (1) ดานหลกการท างานของภาพ (2) ดานความละเอยดของภาพ (3) ดานการน าภาพไปใชงาน และ (4) ดานการประมวลผลภาพ



ใบงานท 1.2 เรอง หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก ค าชแจง จงตอบค าถามตอไปน (10 คะแนน) 1. อธบายหลกการของกราฟกแบบ Raster (1 คะแนน) ........................................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................ 2. อธบายหลกการของกราฟกแบบ Vector (1 คะแนน) ........................................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................ ........................................................................................................................................................................ 3. อธบายความแตกตางของกราฟกแบบ 2 มตแบบ Raster และ แบบ Vector (8 คะแนน)

ภาพกรากฟกแบบ Raster ภาพกราฟกแบบ Vector 1………………………………………………………………………. ………………………………………………………………………….

1………………………………………………………………………. ………………………………………………………………………….

2.………………………………………………………………………. ………………………………………………………………………….

2………………………………………………………………………. ………………………………………………………………………….

3………………………………………………………………………. ………………………………………………………………………….

3………………………………………………………………………. ………………………………………………………………………….

4………………………………………………………………………. ………………………………………………………………………….

4………………………………………………………………………. ………………………………………………………………………….




ใบงานท 1.2 เรอง หลกการท างานและความแตกตางของภาพคอมพวเตอรกราฟก ค าชแจง จงตอบค าถามตอไปน (10 คะแนน) 1. อธบายหลกการของกราฟกแบบ Raster (1 คะแนน) หลกการท างานของภาพกราฟกแบบ Raster หรอแบบ Bitmap เปนภาพกราฟกทเกดจากการเรยงตวกนของจดสเหลยมเลกๆ หลากหลายส ซงจดสเหลยมเลกๆ น เรยกวา “พกเซล” (Pixel) 2. อธบายหลกการของกราฟกแบบ Vector (1 คะแนน) กราฟกแบบ Vector หรอ Object-Oriented Graphics หรอเรยกวา เปนรปภาพ Resolution-Independent เปนภาพทมลกษณะของการสรางจากคอมพวเตอรทมการสรางใหแตละสวนของภาพเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปน เสนตรง รปทรงหรอสวนโคง โดยอางองตามความสมพนธทางคณตศาสตร 3. อธบายความแตกตางของกราฟกแบบ 2 มตแบบ Raster และ แบบ Vector (8 คะแนน)

ภาพกรากฟกแบบ Raster ภาพกราฟกแบบ Vector 1. ภาพกราฟกเกดจากจดสเหลยมเลกๆ หลากหลาย

ส (Pixels) มาเรยงตอกนจนกลายเปนรปภาพ

(1 คะแนน)

1. ภาพเกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ โดยองคประกอบของภาพมอสระตอกน

(1 คะแนน) 2. การขยายภาพกราฟกใหมขนาดใหญขนจะท าให

ความละเอยดของภาพลดลง ท าใหมองเหนภาพเปนจดสเหลยมเลกๆ

(1 คะแนน)

2. การขยายภาพกราฟกใหมขนาดใหญขน ภาพยงคงความละเอยดคมชดเหมอนเดม

(1 คะแนน)

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

(1 คะแนน)

3. เหมาะกบงานออกแบบตางๆ เชน งานสถาปตย ออกแบบโลโก เปนตน

(1 คะแนน)

4. การประมวลผลภาพสามารถท าไดรวดเรว

(1 คะแนน)

4. การประมวลผลภาพจะใชเวลานาน เนองจากใชค าสงในการท างานมาก

(1 คะแนน)


6-10 ผานเกณฑ ต ากวา 6 ปรบปรง

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



ตอนท 1.3 ระบบสทใชในงานดานกราฟก ระบบสทใชในงานดานกราฟกสามารถจ าแนกได 4 ระบบ ดงน (1) ระบบส RGB (2) ระบบส CMYK (3) ระบบส HSB และ (4) ระบบส LAB ซงมรายละเอยดดงน เรองท 1.3.1 ระบบส RGB เปนระบบสทประกอบดวยแมส 3 ส คอ แดง ( Red), เขยว ( Green) และน าเงน (Blue) เมอน ามาผสมผสานกนท าใหเกดสตางๆ บนจอคอมพวเตอรมากถง 16.7 ลานสซงใกลเคยงกบสทตาเรามองเหน ปกตสทไดจากการผสมสขนอยกบความเขมของส โดยถาสมความเขมมากเมอน ามาผสมกนจะท าใหเกดเปนสขาว จงเรยกระบบสนวาแบบ Additive หรอการผสมสแบบบวก รายละเอยดดงภาพ

ภาพประกอบท 1.5 ระบบส RGB ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป ระบบส RGB เปนระบบสทประกอบดวยแมส 3 ส คอ แดง ( Red), เขยว ( Green) และน าเงน (Blue) เมอน ามาผสมผสานกนท าใหเกดสตางๆ บนจอคอมพวเตอรมากถง 16.7 ลานสซงใกลเคยงกบสทตาเรามองเหน



เรองท 1.3.2 ระบบส CMYK เปนระบบสทใชกบเครองพมพทพมพออกทางกระดาษหรอวสดผวเรยบอนๆ ซงประกอบดวย สหลก 4 ส คอ สฟา (Cyan), สมวงแดง (Magenta), สเหลอง (Yellow) และสด า (Black) เมอน ามาผสมกนจะเกดสเปนสด า แตจะไมด าสนทเนองจากหมกพมพมความไมบรสทธ จงเปนการผสมสแบบลบ (Subtractive) หลกการเกดสของระบบน คอ หมกสหนงจะดดกลนแสงจากสหนงแลวสะทอนกลบออกมาเปนสตาง ๆ เชนสฟาดดกลนแสงของสมวงแลวสะทอนออกมาเปนสน าเงนซงจะสงเกตไดวาสทสะทอนออกมาจะเปนสหลก ของระบบ RGB การเกดสในระบบนจงตรงขามกบการเกดสในระบบ RGB รายละเอยดดงภาพ

ภาพประกอบท 1.6 ระบบส CMYK ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป ระบบส CMYK เปนระบบสทใชกบเครองพมพทพมพออกทางกระดาษหรอวสดผวเรยบอนๆ ซงประกอบดวย สหลก 4 ส คอ สฟา (Cyan), สมวงแดง (Magenta), สเหลอง (Yellow) และสด า (Black)



เรองท 1.3.3 ระบบส HSB เปนระบบสแบบการมองเหนของสายตามนษย ซงแบงออกเปน 3 สวน คอ Hue คอ สตาง ๆ ทสะทอนออกมาจากวตถแลวเขาสสายตาของเราซงมกจะเรยกสตามชอส เชน สเขยว สเหลอง สแดง เปนตน Saturation คอ ความสดของส โดยคาความสดของสจะเรมท 0 ถง 100 ถาก าหนด Saturation ท 0 สจะมความสดนอย แตถาก าหนดท 100 สจะมความสดมาก Brightness คอ ระดบความสวางของส โดยคาความสวางของสจะเรมท 0 ถง 100 ถาก าหนดท 0 ความสวางจะนอยซงจะเปนสด า แตถาก าหนดท 100 สจะมความสวางมากทสด รายละเอยดดงภาพ

ภาพประกอบท 1.7 ระบบส HSB ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป ระบบส HSB เปนระบบสแบบการมองเหนของสายตามนษย ซงแบงออกเปน 3 สวน คอ (1) Hue คอ สตางๆ ทสะทอนออกมาจากวตถแลวเขาสสายตาของเรา (2) Saturation คอ ความสดของส และ (3) Brightness คอ ระดบความสวางของส



เรองท 1.3.4 ระบบส LAB LAB เปนระบบสทไมขนกบอปกรณใดๆ (Device Independent) โดยแบงออกเปน 3 สวนคอ "L" หรอ Luminance เปนการก าหนดความสวาง ซงมคาตงแต 0 ถง 100 ถาก าหนดท 0 จะกลายเปนสด า แตถาก าหนดท 100 จะเปนสขาว "A" เปนคาของสทไลจากสเขยวไปสแดง "B" เปนคาของสทไลจากสน าเงนไปเหลอง รายละเอยดดงภาพ

ภาพประกอบท 1.8 ระบบส LAB ทมา: ศรขวญ นนทวงษ, 2558.

โดยสรป ระบบส LAB เปนระบบสทไมขนกบอปกรณใดๆ (Device Independent) โดยแบงออกเปน 3 สวนคอ (1) "L" หรอ Luminance เปนการก าหนดความสวาง (2) "A" เปนคาของสทไลจากสเขยวไปสแดง และ "B" เปนคาของสทไลจากสน าเงนไปเหลอง



ใบงานท 1.3 เรอง ระบบสทใชในงานดานกราฟก ค าชแจง จบคขอความทมความสมพนธกน (4 คะแนน)

............. 1. ระบบส CMYK A. เปนระบบสแบบการมองเหนของสายตามนษย

............. 2. ระบบสRGB B. เปนระบบสทไมขนกบอปกรณใดๆ ............. 3. ระบบส HSB C. เปนระบบสทใชกบเครองพมพทพมพออกทางกระดาษ หรอวสดผวเรยบอนๆ ............. 4. ระบบส LAB D. เปนระบบสทประกอบดวยแมส 3 ส คอ แดง ( Red), เขยว ( Green) และน าเงน (Blue)




ใบงานท 1.3 เรอง ระบบสทใชในงานดานกราฟก ค าชแจง จบคขอความทมความสมพนธกน (4 คะแนน) ขอละ 1 คะแนน

.....C........1. ระบบส CMYK A. เปนระบบสแบบการมองเหนของสายตามนษย

.....D....... 2. ระบบส RGB B. เปนระบบสทไมขนกบอปกรณใดๆ .....A........3. ระบบส HSB C. เปนระบบสทใชกบเครองพมพทพมพออกทางกระดาษ หรอวสดผวเรยบอนๆ .....B........ 4. ระบบส LAB D. เปนระบบสทประกอบดวยแมส 3 ส คอ แดง ( Red), เขยว ( Green) และน าเงน (Blue)






ตอนท 1.4 คณลกษณะของแฟมภาพกราฟกแบบ 2 มต คณลกษณะของแฟมภาพกราฟกแบบ 2 มต ประกอบดวย (1) คณลกษณะของแฟมภาพกราฟก Raster และ (2) คณลกษณะของแฟมภาพกราฟกแบบ Vector ซงมรายละเอยดดงน เรองท 1.4.1 คณลกษณะของแฟมภาพกราฟก Raster นามสกลทใชเกบแฟมภาพกราฟกแบบ Raster มหลายนามสกล เชน .BMP .DIB .JPG .JPEG .JPE .GIF .TIFF .TIF .PCX .MSP .PCD .PCT .FPX .IMG .MAC .MSPและ .TGA เปนตน ซงลกษณะของแฟมภาพจะแตกตางกนไป ยกตวอยางเชน นามสกลทใชเกบ ลกษณะงาน ตวอยางซอฟตแวรทใชสราง .JPG .JPEG .JPE ใชส าหรบรปภาพทวไป งานเวบเพจ และงานทมความ

จ ากดดานพนท หนวยความจ า โปรแกรม Photoshop , PaintshopPro , Illustrator

.GIF

.TIFF .TIF เหมาะส าหรบงานดานนตยสาร เพราะมความละเอยดของภาพสง

.BMP .DIB ไฟลมาตรฐานของระบบปฏบตการวนโดวส โปรแกรม PaintshopPro , Paint

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

โปรแกรม CorelDraw, Illustartor, Painbrush

ตารางท 1.2 คณลกษณะของแฟมภาพกราฟก Raster

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



เรองท 1.4.2 คณลกษณะของแฟมภาพกราฟก Vector นามสกลทใชเกบแฟมภาพกราฟกแบบ Vector มหลายนามสกล เชน .EPS .WMF .CDR .AI .CGM .DRW .PLT .DXF .PIC และ .PGL เปนตน ซงลกษณะของแฟมภาพจะแตกตางกนไป เชน นามสกลทใชเกบ ลกษณะงาน ตวอยางซอฟตแวรทใชสราง .AI ใชส าหรบงานทตองการความละเอยดของภาพมาก

เชนการสรางการตน การสรางโลโก เปนตน โปรแกรม Illustrator

.EPS

.WMF ไฟลมาตรฐานของโปรแกรม Microsoft Office โปรแกรม CorelDraw

ตารางท 1.3 คณลกษณะของแฟมภาพกราฟก Vector

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



ใบงานท 1.4 เรอง คณลกษณะของแฟมภาพกราฟกแบบ 2 มต ค าชแจง จากตวเลอกทก าหนดให เลอกใหสมพนธกบขอความตอไปน (6 คะแนน) .......... 1. ใชส าหรบรปภาพทวไป งานเวบเพจ และงานทมความจ ากดดานพนท หนวยความจ า .......... 2. เปนไฟลดงเดมของโปรแกรมแกไขภาพแบบบตแมป ไมมโมเดลเกรยสเกล ใชกบภาพทวไป .......... 3. ไฟลมาตรฐานของระบบปฏบตการวนโดวส .......... 4. ใชส าหรบงานทตองการความละเอยดของภาพมาก เชน การสรางการตน การสรางโลโก .......... 5. เหมาะส าหรบงานดานนตยสาร เพราะมความละเอยดของภาพสง .......... 6. ไฟลมาตรฐานของโปรแกรม Microsoft Office

. EPS .JPEG .TIFF .WMF .PCX .DIB




ใบงานท 1.4 เรอง คณลกษณะของแฟมภาพกราฟกแบบ 2 มต ค าชแจง จากตวเลอกทก าหนดให เลอกใหสมพนธกบขอความตอไปน (6 คะแนน) ขอละ 1 คะแนน .JPEG 1. ใชส าหรบรปภาพทวไป งานเวบเพจ และงานทมความจ ากดดานพนท หนวยความจ า .PCX 2. เปนไฟลดงเดมของโปรแกรมแกไขภาพแบบบตแมป ไมมโมเดลเกรยสเกล ใชกบภาพทวไป .DIB 3. ไฟลมาตรฐานของระบบปฏบตการวนโดวส .EPS 4. ใชส าหรบงานทตองการความละเอยดของภาพมาก เชนการสรางการตน การสรางโลโก .TIFF 5. เหมาะส าหรบงานดานนตยสาร เพราะมความละเอยดของภาพสง .WMF 6. ไฟลมาตรฐานของโปรแกรม Microsoft Office

. EPS .JPEG .TIFF .WMF .PCX .DIB






ตอนท 1.5 คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ มดงน (1) คอมพวเตอรกราฟกกบงานดานการออกแบบ (2) คอมพวเตอรกราฟกกบงานดานโฆษณา (3) คอมพวเตอรกราฟกกบงานดานการน าเสนอ (4) คอมพวเตอรกราฟกกบงานดานการน าเสนอ และ (4) คอมพวเตอรกราฟกกบงานดาน Image Retouching ซงมรายละเอยดดงน เรองท 1.5.1 คอมพวเตอรกราฟกกบงานดานการออกแบบ คอมพวเตอรไดเขามามบทบาทกบงานดานการออกแบบในสาขาตางๆ เปนจ านวนมาก เชน งานดานสถาปตยออกแบบภายในบาน การออกแบบรถยนต การออกแบบเครองจกรกล รวมถงการออกแบบวงจรไฟฟาอเลกทรอนกส ซงโปรแกรมทใชจะเปนโปรแกรม 3 มต สามารถก าหนดสและแสงเงาไดเหมอนจรงทสด อกทงสามารถดมมมองดานตางๆ ไดทกมมมอง

ภาพประกอบท 1.9 คอมพวเตอรกราฟกกบงานดานการออกแบบ ทมา: http://mini-engineer.blogspot.com, 2558.

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



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

ภาพประกอบท 1.10 คอมพวเตอรกราฟกกบงานดานโฆษณา ทมา: ศรขวญ นนทวงษ, 2558.

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



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

ภาพประกอบท 1.11 คอมพวเตอรกราฟกกบงานดานการน าเสนอ ทมา: ศรขวญ นนทวงษ, 2558.

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



เรองท 1.5.4 คอมพวเตอรกราฟกกบงานดานเวบเพจ ธรกจรบสรางเวบเพจใหกบบรษท หรอหนวยงานตางๆ ไดน าคอมพวเตอรกราฟกเขามาชวยในการสรางเวบเพจ เพอใหเวบเพจทสรางมความสวยงามนาใชงานยงขน

ภาพประกอบท 1.12 คอมพวเตอรกราฟกกบงานดานเวบเพจ

ทมา: ศรขวญ นนทวงษ, 2558.

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



เรองท 1.5.5 คอมพวเตอรกราฟกกบงานดาน Image Retouching ปจจบนธรกจคอมพวเตอรกราฟกทใชในการ Retouching ภาพ ไดเปดตวขนเปนจ านวนมาก

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

ภาพประกอบท 1.13 คอมพวเตอรกราฟกกบงานดาน Image Retouching ทมา: ศรขวญ นนทวงษ, 2558.

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

ภาพขาวด า

ภาพส



ใบงานท 1.5 เรอง คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ

ค าชแจง จากแผนปายทก าหนดให น าไปใสในตารางใหถกตอง (5 คะแนน)

การประยกตใชในงานคอมพวเตอรกราฟกดานตางๆ ตวอยางการประยกตใช

1. คอมพวเตอรกราฟกกบงานดานการออกแบบ

2. คอมพวเตอรกราฟกกบงานดานโฆษณา

3. คอมพวเตอรกราฟกกบงานดานการน าเสนอ

4. คอมพวเตอรกราฟกกบงานดานเวบเพจ

5. คอมพวเตอรกราฟกกบงานดาน Image Retouching

การออกแบบเครองจกรกล

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

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

การน าการตนมาประกอบการโฆษณาขนมเดก

การสรปยอดขายสนคา ในแตละปดวยกราฟ

เวบไซตโรงเรยน การท าภาพคนแกใหดหนมขน

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

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

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

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

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

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

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

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




ใบงานท 1.5 เรอง คอมพวเตอรกราฟกกบการประยกตใชในงานดานตางๆ

ค าชแจง จากแผนปายทก าหนดให น าไปใสในตารางใหถกตอง (5 คะแนน) ขอละ 1 คะแนน

การประยกตใชในงานคอมพวเตอรกราฟกดานตางๆ ตวอยางการประยกตใช

1. คอมพวเตอรกราฟกกบงานดานการออกแบบ

2. คอมพวเตอรกราฟกกบงานดานโฆษณา

3. คอมพวเตอรกราฟกกบงานดานการน าเสนอ

4. คอมพวเตอรกราฟกกบงานดานเวบเพจ

5. คอมพวเตอรกราฟกกบงานดาน Image Retouching


เวบไซตโรงเรยน

การท าภาพคนแกใหดหนมขน




เวบไซตโรงเรยน การท าภาพคนแกใหดหนมขน








แบบทดสอบหลงเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก

ค าชแจง ใหนกเรยนเลอกค าตอบทถกทสดเพยงขอเดยว (10 คะแนน)

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

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

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

6. ระบบส RGB สามารถน ามาผสมผสานท าใหเกด สตางๆ บนจอคอมพวเตอรไดกส ก. 14 ลานส ข. 16.5 ลานส ค. 16.7 ลานส ง. 17.6 ลานส

7. ขอใดเปนระบบสทใชกบเครองพมพทพมพออกทาง กระดาษหรอวสดผวเรยบ ก. RGB ข. CMYK ค. HSB ง. LAB

8. ขอใดไมใชนามสกลของกราฟก Raster ก. .WMF ข. .JPG ค. .DIB ง. .BMP

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

10. การท าภาพใหมใหดเกา เปนการประยกตใช คอมพวเตอรกราฟกกบงานประเภทใด ก. งานดานการออกแบบ ข. งานดานการน าเสนอ ค. งานดานโฆษณา ง. งานดาน Image Retouching



เฉลย

เฉลยแบบทดสอบหลงเรยน เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก

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



หมายเหต ผานเกณฑ หมายถง นกเรยนสามารถศกษาเรองตอไปได ปรบปรง หมายถง ใหนกเรยนกลบไปศกษาใหม แลวท าแบบทดสอบ หลงเรยนอกครง จนกวาจะไดชวงคะแนน 6-10 คะแนน จงจะผานเกณฑ



แบบสรปผลการเรยน หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก

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

ล าดบท ชอ-สกล ผรบการประเมน แบบทดสอบกอนเรยน

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

10 คะแนน 10 คะแนน

ลงชอ .............................................. ผประเมน ......../......../..........



แบบสรปคะแนนใบงาน

ล าดบท

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

ใบงานท 1.1





รวมคะแนน

2 คะแนน 10 คะแนน 4 คะแนน 6 คะแนน 5 คะแนน 27 คะแนน ลงชอ .............................................. ผประเมน ......../......../..........



บรรณานกรม

พชชยานาฎ รรกษ โรงเรยนเมงรายมหาราชวทยาคม คนคนเมอวนท 20 ตลาคม 2557 จาก http://tc.mengrai.ac.th/krunoom/instruction/photoshop พพาภรณ ประด พรพรรณ โสภาพล. (2551) .การใชโปรแกรมกราฟก . พมพครงท 1.กรงเทพ: เอมพนธ

หน่วยที่...

Documents