หน่วยที่ 1 ความรู้เบื้องต้น ...¸«น่วย...จ ดประสงค ท วไป 1. ม ความเข าใจเก

LOGO

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

วชา การใชโปรแกรมกราฟก

รหสวชา 2201 - 2419


1.2 หลกการท างานของภาพกราฟก

1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก

1.3 ประเภทของภาพกราฟก

1.4 ระบบสทใชกบภาพกราฟก

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

1.5 ประเภทของไฟลภาพกราฟก

วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419

สาระส าคญคอมพวเตอรกราฟก เปนการใชคอมพวเตอรในการตกแตงภาพและจดการ

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



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

2. มความเขาใจเกยวกบหลกการท างานของภาพกราฟก

3. มความเขาใจเกยวกบประเภทของภาพกราฟก

4. มความเขาใจเกยวกบระบบสทใชกบภาพกราฟก

5. มความเขาใจเกยวกบประเภทของไฟลภาพกราฟก

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

7. มกจนสยทด มคณธรรม จรยธรรม คานยมทดในการใชคอมพวเตอร



จดประสงคเชงพฤตกรรมเมอศกษาเรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก จบแลวนกเรยนสามารถ

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

2. อธบายหลกการท างานของภาพกราฟกได

3. อธบายประเภทของภาพกราฟก 2 มตและ 3 มตได

4. จ าแนกความแตกตางของภาพกราฟก 2 มตแบบราสเตอรและแบบเวคเตอรได

5. บอกระบบสทใชกบภาพกราฟกได

6. บอกประเภทของไฟลภาพกราฟกได

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

8. มมนษยสมพนธทด สามารถท างานรวมกบผอนได



เนอหาสาระ1. ความหมายของกราฟกและคอมพวเตอรกราฟก

2. หลกการท างานของภาพกราฟก

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

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

5. ประเภทของไฟลภาพกราฟก

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



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

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

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

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

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



ขนสอน

1. ครบรรยายเนอหาในหนวยท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก โดยใชสอการสอนดวยโปรแกรม Microsoft Office PowerPoint

2. ครใหนกเรยนยกตวอยาง คอมพวเตอรกราฟกในปจจบนน าไปประยกตใชกบงานใดไดบาง

3. นกเรยนจดบนทกและอภปรายซกถาม



ขนสรป

1. ครและนกเรยนชวยกนสรปเนอหาสาระส าคญในหนวยการเรยน

2. นกเรยนท าแบบฝกหดทายหนวยท 1

3. ครเฉลยแบบฝกหดทายหนวยท 1 และใหนกเรยนอภปรายซกถาม

4. นกเรยนท าแบบทดสอบหลงเรยน

5. ครเฉลยแบบทดสอบหลงเรยน

6. นกเรยนเปรยบเทยบผลคะแนนกอนและหลงเรยน

7. ครมอบหมายใหนกเรยนศกษาเนอหาเพมเตม จากบทเรยนคอมพวเตอรชวยสอนทครสรางขนในเวบไซต http://www.rsc.ac.th/teacher/anchalee/cg



http://www.rsc.ac.th/teacher/anchalee/cg

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

2. โปรแกรม Microsoft Office PowerPoint ชอไฟล Chapter01.pptx

3. บทเรยนคอมพวเตอรชวยสอน

4. ไฟลวดโอภาพกราฟกแบบ 2 มตและ 3 มต



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

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



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

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



1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก

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

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



1.2 หลกการท างานของภาพกราฟก

หลกการท างานของภาพกราฟก แบงออกเปน 2 รปแบบ ไดแก

1.2.1 ภาพกราฟกแบบราสเตอร (Raster)

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



ภาพปกต ภาพขยาย

ภาพท 1.1 ภาพแบบราสเตอร



1.2.2 ภาพกราฟกแบบเวคเตอร (Vector)

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



ภาพปกต ภาพขยาย

ภาพท 1.2 ภาพแบบเวคเตอรทมา : http://sangrawee1366.blogspot.com/p/1.html



1.3 ประเภทของภาพกราฟก

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

1.3.1 ภาพกราฟกประเภท 2 มต

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



ภาพท 1.3 ภาพกราฟกประเภท 2 มตทมา : http://sakapipoo.wordpress.com



1.3.2 ภาพกราฟกประเภท 3 มต

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



ภาพท 1.4 ภาพกราฟกประเภท 3 มต

ภาพท 1.4 ภาพกราฟกประเภท 3 มตทมา : http://sakapipoo.wordpress.com



1.4 ระบบสทใชกบภาพกราฟก

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

กน ซงรปแบบการมองเหนสทใชในงานดานกราฟกทวไปนน มอยดวยกน 4 ระบบ

ไดแก

1. ระบบส RGB ตามหลกการแสดงสของเครองคอมพวเตอร

2. ระบบส CMYK ตามหลกการแสดงสของเครองพมพ

3. ระบบส HSB ตามหลกการมองเหนสของสายตามนษย

4. ระบบส LAB ตามหลกการแสดงสทไมขนอยกบอปกรณใด ๆ สามารถใชกบส

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



1.4.1 ระบบส RGB

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



ภาพท 1.5 ระบบส RGBทมา:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm



1.4.2 ระบบส CMYK

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



ภาพท 1.6 ระบบส CMYKทมา:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm



1.4.3 ระบบส HSB

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



สจะมความสดนอย แตถาก าหนดท 100 สจะมความสดมาก คาสจะถกวดโดยต าแหนงการแสดงสบน Standard Color Wheel คาของ Saturation จะเพมขนจากจดกงกลางจนถงเสนขอบ โดยคาทเสนขอบจะมสทชดเจนและอมตวทสดท 100

Brightness เปนระดบความสวางและความมดของส โดยคาความสวางของ สจะเรมท 0 ถง 100 หากก าหนดคา 0 ความสวางจะนอยซงจะเปนสด า แตถาก าหนดคา 100 สจะมความสวางมากทสด ดงแสดงในภาพท 1.7



ภาพท 1.7 ระบบส HSBทมา : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm



1.4.4 ระบบส LAB

เปนมาตรฐานส าหรบการวดคาแบบครอบคลมทกสในระบบส RGB และCMYK สามารถใชกบสทเกดจากอปกรณทกชนดไมวาจะเปนจอคอมพวเตอร เครองพมพ สแกนเนอร รวมทงอปกรณอน ๆ สวนประกอบของระบบสน ไดแก

L (Luminance) เปนคาความสวาง จะมคาตงแต 0 (สด า) ไปจนถงคา 100 (สขาว)

A แสดงการไลสจากสเขยวไปยงสแดง

B แสดงการไลสจากสน าเงนไปยงสเหลอง

ดงแสดงในภาพท 1.8



ภาพท 1.8 ระบบส LABทมา : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm



1.5 ประเภทของไฟลภาพกราฟก

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

1.5.1 JPEG หรอ JPG (Join Photographic Export Group) เปนรปแบบไฟลทเกบภาพแบบราสเตอรทไมตองการคณภาพสงมากนก เชน ภาพถายจากกลองดจตอล ภาพถายจากโทรศพทมอถอและภาพกราฟกส าหรบแสดงบนอนเทอรเนต สามารถแสดงสไดถง 16.7 ลานส เปนไฟลภาพชนดหนงทไดรบความนยม เพราะไฟลมขนาดเลกสามารถบบอดขอมลไดหลายระดบ



จดเดน1. สนบสนนสไดถง 24 bit 2. แสดงสไดถง 16.7 ลานส3. สามารถก าหนดคาการบบอดไฟลไดตามทตองการ 4. มระบบแสดงผลแบบหยาบและคอย ๆ ขยายไปสละเอยดในระบบโพรเกรสซฟ (Progressive) 5. มโปรแกรมสนบสนนการสรางจ านวนมาก 6. เรยกดไดกบบราวเซอร (Browser) ทกตว

จดดอย1. ไมสามารถท าภาพใหมพนหลงแบบโปรงใส (Transparent) ได2. ท าภาพเคลอนไหว (Animation) ไมได



1.5.2 GIF (Graphic Interchange Format) เปนไฟลภาพทสามารถบบอดขอมลใหมขนาดเลกได สวนมากจะน าไปใชบนทกเปนไฟลภาพเคลอนไหว และนยมมากในการใชงานบนเวบเพจ

จดเดน

1. สามารถใชงานขามระบบ ไมวาจะเปนระบบปฏบตการวนโดวส (Windows)

หรอระบบปฏบตการยนกซ (Unix) กสามารถเรยกใชไฟลภาพสกลนได

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

อยางรวดเรว

3. สามารถท าภาพพนหลงแบบโปรงใสได



4. มโปรแกรมสนบสนนการสรางจ านวนมาก

5. เรยกดไดกบบราวเซอรทกตว

6. สามารถน าเสนอแบบภาพเคลอนไหวได

จดดอย

1. แสดงสไดเพยง 256 ส

2. ไมเหมาะกบภาพทตองการความคมชดหรอความสดใส



1.5.3 PNG (Portable Network Graphics) เปนชนดของไฟลภาพทน าจดเดน ของไฟลภาพแบบ GIF และแบบ JPG มาพฒนารวมกน ท าใหไฟลภาพชนดนแสดงสไดมากกวา 256 ส และยงสามารถท าพนหลงภาพใหโปรงใสได จงเปนไฟลภาพทไดรบความนยมมากในปจจบน



จดเดน

1. สนบสนนสไดตามคา True color (16 bit, 32 bit หรอ 64 bit)

2. สามารถก าหนดคาการบบอดไฟลไดตามทตองการ

3. ท าภาพพนหลงแบบโปรงใสได

จดดอย

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

2. ไมสนบสนนกบบราวเซอรรนเกา

3. โปรแกรมสนบสนนในการสรางมนอย



1.5.4 BMP (Bitmap) เปนรปแบบของไฟลภาพมาตรฐานทใชไดในระบบปฏบตการวนโดวส โดยมลกษณะการจดเกบไฟลภาพเปนจดสทละจด จงท าใหภาพดเสมอนจรง

จดเดน

1. แสดงรายละเอยดสได 24 บต

2. ไมมการสญเสยขอมลใด ๆ เมอมการยอหรอขยายภาพ

3. น าไปใชงานไดกบทกโปรแกรมในระบบปฏบตการวนโดวส

จดดอย

1. ภาพมขนาดใหญมากจงใชเนอทในการจดเกบคอนขางมาก

2. ความละเอยดของภาพอาจจะไมชดเจนเหมอนตนฉบบ



1.5.5 TIF หรอ TIFF (Tagged Image File) เปนไฟลทใชเกบภาพแบบราสเตอรคณภาพสง เชน ภาพกราฟกทน าไปท างานดานสงพมพ (Artwork) สามารถเกบขอมลของภาพไวไดครบถวน ท าใหคณภาพของสเหมอนตนฉบบ

จดเดน

1. สามารถใชงานขามระบบ ไมวาจะเปนระบบปฏบตการวนโดวสหรอ

ระบบปฏบตการยนกซ กสามารถเรยกใชไฟลภาพชนดนได

2. แสดงรายละเอยดสได 48 บต

3. ไฟลมความยดหยนสง สามารถเปลยนแปลงแกไขได

4. เมอมการบบอดไฟลจะมการสญเสยขอมลนอยมาก

5. มโปรแกรมสนบสนนการสรางจ านวนมาก



จดดอย

1. ไฟลภาพมขนาดคอนขางใหญ

2. ใชพนทในการจดเกบไฟลภาพสง

1.5.6 PSD (Photoshop Document)

เปนไฟลภาพเฉพาะโปรแกรม Adobe Photoshop จะท าการบนทกแบบแยก เลเยอร (Layer) โดยเกบประวตการท างานและรายละเอยดการตกแตงภาพเอาไวเพองายตอการแกไขในภายหลง



จดเดน

1. มการบนทกแบบแยกเลเยอรและเกบประวตการท างานทกขนตอน

2. สามารถน าไฟลภาพมาแกไขไดในภายหลง

จดดอย

1. ไฟลภาพมขนาดใหญเมอเทยบกบไฟลภาพประเภทอน

2. ไมสามารถเปดใชงานในโปรแกรมอนได



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

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

การประยกตใชในงานดานตาง ๆ ไดแก

1.6.1 คอมพวเตอรกราฟกกบงานออกแบบ (Computer – Aided Design)

คอมพวเตอรกราฟกไดเขามามบทบาทกบงานดานออกแบบในสาขาตาง ๆ

เปนจ านวนมาก เชน การออกแบบรถยนต การออกแบบเครองจกร การออกแบบ

ผลตภณฑ การออกแบบตกแตงภายใน และการออกแบบเครองประดบ เปนตน

CAD (Computer – Aided Design) เปนโปรแกรมชวยในการออกแบบ

ทางวศวกรรม ซงจะชวยใหผออกแบบหรอวศวกรออกแบบงานไดงายและสะดวกยงขน

เมอตองการแกไขกสามารถ



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



ภาพท 1.9 คอมพวเตอรกราฟกกบงานออกแบบโครงสรางภาพคนทมา : http://www.thaigoodview.com/node/19303



http://www.thaigoodview.com/node/19303

http://www.thaigoodview.com/node/19303

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

ภาพท 1.10 คอมพวเตอรกราฟกกบงานออกแบบดานสถาปตยกรรมทมา : http://graphic-group7.blogspot.com/2011/10/blog-post_5686.html



http://graphic-group7.blogspot.com/2011/10/blog-post_5686.html













1.6.2 คอมพวเตอรกราฟกกบงานน าเสนอ (Presentation)

ในการน าเสนอผลงานโดยใชโปรแกรมคอมพวเตอรกราฟก สามารถแสดงผลทางหนาจอโปรเจคเตอร (Projector) หรอพมพงานลงในโปรแกรมคอมพวเตอร เชน โปรแกรม Microsoft Office PowerPoint ใชส าหรบการน าเสนองาน การน าเสนอสนคา สวนมากนยมจดท าเปนรายงานในรปแบบตาง ๆ เชน รายงานสรปงบการเงน รายงานขอมลลกคา เปนตน นยมแสดงในรปแบบของกราฟหรอรปภาพ เพอใหงายตอการท าความเขาใจ ดงแสดงในภาพท 1.11



ภาพท 1.11 คอมพวเตอรกราฟกกบงานน าเสนอ



1.6.3 คอมพวเตอรกราฟกกบงานบนเทง (Entertainment)

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



ภาพท 1.12 คอมพวเตอรกราฟกกบงานบนเทงทมา : http://group-jmskt.blogspot.com/2013/02/2.html



http://group-jmskt.blogspot.com/2013/02/2.html









1.6.4 คอมพวเตอรกราฟกกบงานเวบไซต (Web Site)

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

ภาพท 1.13

ภาพท 1.13 คอมพวเตอรกราฟกกบงานเวบไซตทมา : http://rsc.ac.th/rsc



1.6.5 คอมพวเตอรกราฟกกบงานดานการศกษาและฝกอบรม (Education and

Training)

คอมพวเตอรกราฟกเขามามบทบาทกบวงการศกษา และวงการฝกอบรมอยางแพรหลาย ท าใหเกดเครองมอส าหรบชวยสอนตาง ๆ มากมาย รวมทงเกดสออเลกทรอนกสชวยสอนในรปแบบ ตาง ๆ เพอสนบสนนและสงเสรมการศกษา เชน คอมพวเตอรชวยสอนในลกษณะมลตมเดย การเรยนการสอนบนเวบ (e-Learning) สวนการน าคอมพวเตอรกราฟกในงานดานการฝกอบรม เชน การใชคอมพวเตอรในการฝกอบรมทเรยกวา e-Training ปจจบนมการพฒนาเวบไซตส าหรบฝกอบรม ของสถาบนฝกอบรมหลายแหง ตวอยางคอมพวเตอรกราฟกกบงานดานการศกษา ดงแสดงในภาพท 1.14



ภาพท 1.14 คอมพวเตอรกราฟกกบงานดานการศกษาทมา : http://www.caistudio.info/cai/thai/nitan/index.html



http://www.caistudio.info/cai/thai/nitan/index.html

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

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



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



Thank You !



Documents

หน่วยที่ 1 ความรู้เบื้องต้น ...¸«น่วย...จ ดประสงค ท วไป 1. ม ความเข าใจเก