Transcript
LOGO
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชา การใชโปรแกรมกราฟก
รหสวชา 2201 - 2419
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
1.2 หลกการท างานของภาพกราฟก
1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก
1.3 ประเภทของภาพกราฟก
1.4 ระบบสทใชกบภาพกราฟก
1.6 คอมพวเตอรกราฟกกบการประยกตใชงานดานตาง ๆ
1.5 ประเภทของไฟลภาพกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
สาระส าคญคอมพวเตอรกราฟก เปนการใชคอมพวเตอรในการตกแตงภาพและจดการ
เกยวกบภาพ เพอใชสอความหมายของขอมลตาง ๆ ใหนาสนใจยงขน ในหนวย การเรยนนจะท าการศกษาเกยวกบความหมายของกราฟกและคอมพวเตอรกราฟก หลกการท างานของภาพกราฟก ประเภทของภาพ กราฟกแบบราสเตอร (Raster) และแบบเวคเตอร (Vector) ระบบสทใชกบภาพกราฟก ประเภทของไฟลภาพ กราฟก ตลอดจนการประยกตคอมพวเตอรกราฟกใชกบงานดานตาง ๆ เพอเปนความรพนฐานส าหรบการน าไปประยกตใชในการท างานตอไป
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดประสงคทวไป 1. มความเขาใจเกยวกบความหมายของกราฟกและคอมพวเตอรกราฟก
2. มความเขาใจเกยวกบหลกการท างานของภาพกราฟก
3. มความเขาใจเกยวกบประเภทของภาพกราฟก
4. มความเขาใจเกยวกบระบบสทใชกบภาพกราฟก
5. มความเขาใจเกยวกบประเภทของไฟลภาพกราฟก
6. มความเขาใจเกยวกบการประยกตคอมพวเตอรกราฟกใชกบงานดานตาง ๆ
7. มกจนสยทด มคณธรรม จรยธรรม คานยมทดในการใชคอมพวเตอร
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดประสงคเชงพฤตกรรมเมอศกษาเรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก จบแลวนกเรยนสามารถ
1. บอกความหมายของกราฟกและคอมพวเตอรกราฟกได
2. อธบายหลกการท างานของภาพกราฟกได
3. อธบายประเภทของภาพกราฟก 2 มตและ 3 มตได
4. จ าแนกความแตกตางของภาพกราฟก 2 มตแบบราสเตอรและแบบเวคเตอรได
5. บอกระบบสทใชกบภาพกราฟกได
6. บอกประเภทของไฟลภาพกราฟกได
7. ยกตวอยางคอมพวเตอรกราฟกกบการประยกตใชงานดานตาง ๆ ได
8. มมนษยสมพนธทด สามารถท างานรวมกบผอนได
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
เนอหาสาระ1. ความหมายของกราฟกและคอมพวเตอรกราฟก
2. หลกการท างานของภาพกราฟก
3. ประเภทของภาพกราฟก
4. ระบบสทใชกบภาพกราฟก
5. ประเภทของไฟลภาพกราฟก
6. คอมพวเตอรกราฟกกบการประยกตใชงานดานตาง ๆ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
กจกรรมการเรยนร
ขนน าเขาสบทเรยน
1. ครเปดตวอยางไฟลวดโอภาพกราฟกประเภท 2 มตและ 3 มต พรอมใหนกเรยนชวยกนตอบค าถามวา ไฟลใดเปนไฟลภาพกราฟกประเภท 2 มตและ 3 มต เพอ สรางความคนเคยใหกบนกเรยนและแลกเปลยนประสบการณการเรยนรระหวางกน
2. ครแจงจดประสงคการเรยนร เพอใหนกเรยนทราบขอบเขตของเนอหาและกจกรรมการเรยนรทนกเรยนจะตองปฏบตไดหลงจบหนวยการเรยน
3. นกเรยนท าแบบทดสอบกอนเรยน ครแจงผลคะแนนใหนกเรยนทราบ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ขนสอน
1. ครบรรยายเนอหาในหนวยท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก โดยใชสอการสอนดวยโปรแกรม Microsoft Office PowerPoint
2. ครใหนกเรยนยกตวอยาง คอมพวเตอรกราฟกในปจจบนน าไปประยกตใชกบงานใดไดบาง
3. นกเรยนจดบนทกและอภปรายซกถาม
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ขนสรป
1. ครและนกเรยนชวยกนสรปเนอหาสาระส าคญในหนวยการเรยน
2. นกเรยนท าแบบฝกหดทายหนวยท 1
3. ครเฉลยแบบฝกหดทายหนวยท 1 และใหนกเรยนอภปรายซกถาม
4. นกเรยนท าแบบทดสอบหลงเรยน
5. ครเฉลยแบบทดสอบหลงเรยน
6. นกเรยนเปรยบเทยบผลคะแนนกอนและหลงเรยน
7. ครมอบหมายใหนกเรยนศกษาเนอหาเพมเตม จากบทเรยนคอมพวเตอรชวยสอนทครสรางขนในเวบไซต http://www.rsc.ac.th/teacher/anchalee/cg
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
สอการสอน1. เอกสารประกอบการสอนหนวยท 1 เรอง ความรเบองตนเกยวกบคอมพวเตอรกราฟก
2. โปรแกรม Microsoft Office PowerPoint ชอไฟล Chapter01.pptx
3. บทเรยนคอมพวเตอรชวยสอน
4. ไฟลวดโอภาพกราฟกแบบ 2 มตและ 3 มต
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
การวดผลและประเมนผลวธการวดผล1. สงเกตจากพฤตกรรมการเรยนเปนรายบคคล2. คะแนนจากการท าแบบทดสอบกอนและหลงเรยน3. คะแนนจากการท าแบบฝกหดทายหนวย4. สงเกตพฤตกรรมทางดานจตพสย
เครองมอวดผล1. แบบสงเกตพฤตกรรมรายบคคล2. แบบทดสอบกอนและหลงเรยน3. แบบฝกหดทายหนวย4. แบบประเมนผลทางดานจตพสย โดยประเมนตามสภาพจรง
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1. ความรเบองตนเกยวกบคอมพวเตอรกราฟก
ปจจบนคอมพวเตอรกราฟกเขามามบทบาทกบงานดานตาง ๆ เปนอยางมาก มการน าคอมพวเตอรกราฟกมาสรางสรรคเปนผลงาน ไมวาจะเปนการออกแบบภาพ และการปรบแตงสภาพ มการน าคอมพวเตอรกราฟกไปใชกบงานดานตาง ๆ อาทเชน งานสงพมพ งานโฆษณา งานออกแบบ งานน าเสนอขอมล งานสรางภาพการตน งานสรางสอการเรยนการสอน เปนตน โดยภาพกราฟกจะท าใหงานทไดมความสวยงามและนาสนใจยงขน การศกษาและท าความเขาใจเกยวกบความรเบองตนของคอมพวเตอรกราฟก จดวาเปนพนฐานส าคญเพอชวยใหการออกแบบหรอการตกแตงภาพกราฟกมประสทธภาพมากยงขน
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก
กราฟก หมายถง ศลปะหรอศาสตรแขนงหนง ทสอความหมายโดยใชเสน ภาพเขยน สญลกษณ ภาพถาย ซงมลกษณะเหนไดชดเจน เขาใจความหมายได ทนท และถกตองตรงตามทผใชตองการ
คอมพวเตอรกราฟก หมายถง การสรางและการจดการภาพกราฟกโดยใชคอมพวเตอร การใชคอมพวเตอรสรางภาพ การตกแตงแกไขภาพ หรอการจดการเกยวกบภาพ เชน ภาพยนตร วดทศน การตกแตงภาพถาย การสรางภาพตามจนตนาการ และการใชภาพกราฟกในการน าเสนอขอมลตาง ๆ เพอใหสามารถสอความหมายใหชดเจนและท าความเขาใจไดงายกวาเดม เชน การน าเสนอขอมลดวยแผนภาพหรอกราฟ แทนทจะเปนตารางของตวเลข ซงในปจจบนมการใชคอมพวเตอรกราฟกกบงานหลากหลายดาน ไมวาจะเปนงานดานการศกษา งานดานธรกจ งานดานการออกแบบ งานดานบนเทง หรองานดานการแพทย เปนตน
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.2 หลกการท างานของภาพกราฟก
หลกการท างานของภาพกราฟก แบงออกเปน 2 รปแบบ ไดแก
1.2.1 ภาพกราฟกแบบราสเตอร (Raster)
ภาพกราฟกแบบราสเตอร หรอเรยกอกอยางหนงวา บตแมพ (Bitmap) เปนภาพกราฟกทเกดจากการเรยงตวของจดสเหลยมเลก ๆ ทเรยกวา พกเซล (Pixel) มการเกบคาสทเจาะจงในแตละต าแหนงจนเกดเปนภาพในลกษณะตาง ๆ เชน ภาพถาย ดงนนภาพแบบราสเตอรมขอดคอ เหมาะส าหรบภาพทตองการสรางสหรอก าหนดสทตองการความละเอยดและสวยงาม สวนขอเสยคอ หากมการขยายขนาดภาพซงจะเปนการเพมจ านวนจดสใหกบภาพ สงผลใหคณภาพของภาพนนสญเสยไป ความละเอยดของภาพจะลดลง มองเหนภาพเปนแบบจดสชดเจนขน ไฟลภาพจะมขนาดใหญและใชเนอทในการจดเกบมากตามไปดวย
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพปกต ภาพขยาย
ภาพท 1.1 ภาพแบบราสเตอร
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.2.2 ภาพกราฟกแบบเวคเตอร (Vector)
ภาพกราฟกแบบเวคเตอร เปนภาพกราฟกทเกดจากการประมวลผลโดยอาศยหลกการค านวณทางคณตศาสตร มสและต าแหนงทแนนอน ภาพจะมความเปนอสระตอกน โดยแยกชนสวนของภาพทงหมดออกเปนเสนตรง เสนโคง หรอรปทรง เมอมการขยายภาพความละเอยดของภาพจะไมลดลง เชน ภาพการตนเมอถกขยายภาพออกมา ภาพทไดกจะยงคงรายละเอยดและความชดเจนไวเหมอนเดม และขนาดของไฟลภาพจะมขนาดเลกกวาภาพแบบราสเตอร โปรแกรมทนยมใชสรางภาพแบบ เวคเตอร ไดแก โปรแกรม Illustrator โปรแกรม CorelDraw เปนตน ดงแสดงในภาพท 1.2
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพปกต ภาพขยาย
ภาพท 1.2 ภาพแบบเวคเตอรทมา : http://sangrawee1366.blogspot.com/p/1.html
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.3 ประเภทของภาพกราฟก
ประเภทของภาพกราฟก แบงออกเปน 2 ประเภท ไดแก
1.3.1 ภาพกราฟกประเภท 2 มต
เปนภาพกราฟกทมแตความกวางและความยาว แตจะไมมความหนาหรอความลก ไดแก ภาพสามเหลยม ภาพสเหลยม ภาพถาย ภาพลายเสน ภาพวาด เปนตน โดยทวไปเรยกภาพกราฟกประเภท 2 มตวา ภาพราง ดงแสดงในภาพท 1.3
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.3 ภาพกราฟกประเภท 2 มตทมา : http://sakapipoo.wordpress.com
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.3.2 ภาพกราฟกประเภท 3 มต
เปนภาพทเกดจากการใชโปรแกรมสรางภาพ 3 มต ภาพทไดจะมลกษณะเหมอนภาพทมองจากตาคน โดยภาพกราฟกประเภท 3 มตจะมสวนโคง เวา มม แสง ความลก และรายละเอยดทสงขนจากภาพกราฟกประเภท 2 มต มลกษณะ การมองภาพทเหมอนจรง ดงแสดงในภาพท 1.4
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.4 ภาพกราฟกประเภท 3 มต
ภาพท 1.4 ภาพกราฟกประเภท 3 มตทมา : http://sakapipoo.wordpress.com
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.4 ระบบสทใชกบภาพกราฟก
โดยทวไปสในธรรมชาตและสทสรางขน จะมรปแบบการมองเหนของสทแตกตาง
กน ซงรปแบบการมองเหนสทใชในงานดานกราฟกทวไปนน มอยดวยกน 4 ระบบ
ไดแก
1. ระบบส RGB ตามหลกการแสดงสของเครองคอมพวเตอร
2. ระบบส CMYK ตามหลกการแสดงสของเครองพมพ
3. ระบบส HSB ตามหลกการมองเหนสของสายตามนษย
4. ระบบส LAB ตามหลกการแสดงสทไมขนอยกบอปกรณใด ๆ สามารถใชกบส
ทเกดจากอปกรณทกชนดไมวาจะเปนจอคอมพวเตอรหรอเครองพมพ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.4.1 ระบบส RGB
ยอมาจากค าวา Red Green และ Blue เปนระบบสทเกดจากการรวมกนของแสงสแดง สเขยว และสน าเงน เมอมการใชสดสวนของ 3 สนตางกน จะท าใหเกดสตาง ๆ ไดอกมากมายถง 16.7 ลานส ซงใกลเคยงกบสทตาเรามองเหนปกต โดยสทไดจากการผสมสขนอยกบความเขมของส ถาหากสมความเขมมากเมอน ามาผสมกนจะท าใหเกดเปนสขาว จงเรยกระบบสนวา Additive หรอการผสมสแบบบวก หลกการแสดงสของจอคอมพวเตอรนนจะแสดงสเปนระบบ RGB อยแลว ไมวาจะเลอกโหมดการท างานใดกตาม ดงแสดงในภาพท 1.5
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.5 ระบบส RGBทมา:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.4.2 ระบบส CMYK
ยอมาจากค าวา Cyan Magenta Yellow และ Black เปนระบบสมาตรฐาน ทเหมาะกบงานพมพทพมพออกทางกระดาษหรอวสดผวเรยบอน ๆ โดยท าการแกไขจดบกพรองของระบบส RGB ทเครองพมพไมสามารถพมพสบางสออกไปได ซงประกอบดวยสหลก 4 ส ไดแก สฟา สชมพมวง สเหลอง และสด า เมอน าสทงหมด มาผสมกนจะเกดเปนสด า จงเรยกระบบสนวา Subtractive Color หลกการเกดสของระบบนคอ หมกสหนงจะดดกลนแสงจากสหนงและสะทอนกลบออกมาเปนสตาง ๆ ดงแสดงในภาพท 1.6
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.6 ระบบส CMYKทมา:http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.4.3 ระบบส HSB
เปนระบบสแบบการมองเหนของสายตามนษย ซงแบงออกเปน 3 ลกษณะ คอ Hue เปนสตาง ๆ ทสะทอนออกมาจากวตถแลวเขาสสายตา ท าใหเราสามารถมองเหนวตถเปนสตาง ๆ ได ซงแตละสจะแตกตางกนตามความยาวของคลนแสงท มากระทบวตถและสะทอนกลบมาทสายตา คา Hue ถกวดโดยต าแหนงการแสดงสบนมาตรฐานวงลอของส (Standard Color Wheel) ซงถกแทนคาสดวยองศา 0 ถง 360 องศา แตโดยทว ๆ ไปแลวมกจะเรยกการแสดงสนน ๆ เปนชอของสเลย เชน สแดง สมวง สเหลอง Saturation เปนการก าหนดคาความสดของส โดยคาความสดของสจะเรมท 0 ถง 100 หากก าหนด Saturation เปน 0
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
สจะมความสดนอย แตถาก าหนดท 100 สจะมความสดมาก คาสจะถกวดโดยต าแหนงการแสดงสบน Standard Color Wheel คาของ Saturation จะเพมขนจากจดกงกลางจนถงเสนขอบ โดยคาทเสนขอบจะมสทชดเจนและอมตวทสดท 100
Brightness เปนระดบความสวางและความมดของส โดยคาความสวางของ สจะเรมท 0 ถง 100 หากก าหนดคา 0 ความสวางจะนอยซงจะเปนสด า แตถาก าหนดคา 100 สจะมความสวางมากทสด ดงแสดงในภาพท 1.7
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.7 ระบบส HSBทมา : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.4.4 ระบบส LAB
เปนมาตรฐานส าหรบการวดคาแบบครอบคลมทกสในระบบส RGB และCMYK สามารถใชกบสทเกดจากอปกรณทกชนดไมวาจะเปนจอคอมพวเตอร เครองพมพ สแกนเนอร รวมทงอปกรณอน ๆ สวนประกอบของระบบสน ไดแก
L (Luminance) เปนคาความสวาง จะมคาตงแต 0 (สด า) ไปจนถงคา 100 (สขาว)
A แสดงการไลสจากสเขยวไปยงสแดง
B แสดงการไลสจากสน าเงนไปยงสเหลอง
ดงแสดงในภาพท 1.8
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.8 ระบบส LABทมา : http://cptd.chandra.ac.th/selfstud/graphics/introcolor1.htm
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.5 ประเภทของไฟลภาพกราฟก
การสรางภาพกราฟกหรอการตกแตงภาพกราฟก ประเภทของไฟลภาพกราฟกเปนอกปจจยหนงทมความส าคญ เพราะความละเอยดของไฟลภาพจะสงผลกบขนาดของภาพ เชน ภาพทน ามาใชงานบนเวบเพจควรจะตองมขนาดเลก เพอน าไปเรยกใชงานบนเวบเพจไดอยางรวดเรว ประเภทของไฟลภาพกราฟกทนยมใชโดยทวไป ไดแก
1.5.1 JPEG หรอ JPG (Join Photographic Export Group) เปนรปแบบไฟลทเกบภาพแบบราสเตอรทไมตองการคณภาพสงมากนก เชน ภาพถายจากกลองดจตอล ภาพถายจากโทรศพทมอถอและภาพกราฟกส าหรบแสดงบนอนเทอรเนต สามารถแสดงสไดถง 16.7 ลานส เปนไฟลภาพชนดหนงทไดรบความนยม เพราะไฟลมขนาดเลกสามารถบบอดขอมลไดหลายระดบ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดเดน1. สนบสนนสไดถง 24 bit 2. แสดงสไดถง 16.7 ลานส3. สามารถก าหนดคาการบบอดไฟลไดตามทตองการ 4. มระบบแสดงผลแบบหยาบและคอย ๆ ขยายไปสละเอยดในระบบโพรเกรสซฟ (Progressive) 5. มโปรแกรมสนบสนนการสรางจ านวนมาก 6. เรยกดไดกบบราวเซอร (Browser) ทกตว
จดดอย1. ไมสามารถท าภาพใหมพนหลงแบบโปรงใส (Transparent) ได2. ท าภาพเคลอนไหว (Animation) ไมได
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.5.2 GIF (Graphic Interchange Format) เปนไฟลภาพทสามารถบบอดขอมลใหมขนาดเลกได สวนมากจะน าไปใชบนทกเปนไฟลภาพเคลอนไหว และนยมมากในการใชงานบนเวบเพจ
จดเดน
1. สามารถใชงานขามระบบ ไมวาจะเปนระบบปฏบตการวนโดวส (Windows)
หรอระบบปฏบตการยนกซ (Unix) กสามารถเรยกใชไฟลภาพสกลนได
2. ภาพมขนาดไฟลต า จากเทคโนโลยการบบอดภาพท าใหสามารถสงไฟลภาพได
อยางรวดเรว
3. สามารถท าภาพพนหลงแบบโปรงใสได
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
4. มโปรแกรมสนบสนนการสรางจ านวนมาก
5. เรยกดไดกบบราวเซอรทกตว
6. สามารถน าเสนอแบบภาพเคลอนไหวได
จดดอย
1. แสดงสไดเพยง 256 ส
2. ไมเหมาะกบภาพทตองการความคมชดหรอความสดใส
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.5.3 PNG (Portable Network Graphics) เปนชนดของไฟลภาพทน าจดเดน ของไฟลภาพแบบ GIF และแบบ JPG มาพฒนารวมกน ท าใหไฟลภาพชนดนแสดงสไดมากกวา 256 ส และยงสามารถท าพนหลงภาพใหโปรงใสได จงเปนไฟลภาพทไดรบความนยมมากในปจจบน
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดเดน
1. สนบสนนสไดตามคา True color (16 bit, 32 bit หรอ 64 bit)
2. สามารถก าหนดคาการบบอดไฟลไดตามทตองการ
3. ท าภาพพนหลงแบบโปรงใสได
จดดอย
1. หากก าหนดคาการบบอดไฟลไวสงจะใชเวลาในการคลายไฟลภาพสงตามไปดวย
2. ไมสนบสนนกบบราวเซอรรนเกา
3. โปรแกรมสนบสนนในการสรางมนอย
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.5.4 BMP (Bitmap) เปนรปแบบของไฟลภาพมาตรฐานทใชไดในระบบปฏบตการวนโดวส โดยมลกษณะการจดเกบไฟลภาพเปนจดสทละจด จงท าใหภาพดเสมอนจรง
จดเดน
1. แสดงรายละเอยดสได 24 บต
2. ไมมการสญเสยขอมลใด ๆ เมอมการยอหรอขยายภาพ
3. น าไปใชงานไดกบทกโปรแกรมในระบบปฏบตการวนโดวส
จดดอย
1. ภาพมขนาดใหญมากจงใชเนอทในการจดเกบคอนขางมาก
2. ความละเอยดของภาพอาจจะไมชดเจนเหมอนตนฉบบ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.5.5 TIF หรอ TIFF (Tagged Image File) เปนไฟลทใชเกบภาพแบบราสเตอรคณภาพสง เชน ภาพกราฟกทน าไปท างานดานสงพมพ (Artwork) สามารถเกบขอมลของภาพไวไดครบถวน ท าใหคณภาพของสเหมอนตนฉบบ
จดเดน
1. สามารถใชงานขามระบบ ไมวาจะเปนระบบปฏบตการวนโดวสหรอ
ระบบปฏบตการยนกซ กสามารถเรยกใชไฟลภาพชนดนได
2. แสดงรายละเอยดสได 48 บต
3. ไฟลมความยดหยนสง สามารถเปลยนแปลงแกไขได
4. เมอมการบบอดไฟลจะมการสญเสยขอมลนอยมาก
5. มโปรแกรมสนบสนนการสรางจ านวนมาก
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดดอย
1. ไฟลภาพมขนาดคอนขางใหญ
2. ใชพนทในการจดเกบไฟลภาพสง
1.5.6 PSD (Photoshop Document)
เปนไฟลภาพเฉพาะโปรแกรม Adobe Photoshop จะท าการบนทกแบบแยก เลเยอร (Layer) โดยเกบประวตการท างานและรายละเอยดการตกแตงภาพเอาไวเพองายตอการแกไขในภายหลง
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
จดเดน
1. มการบนทกแบบแยกเลเยอรและเกบประวตการท างานทกขนตอน
2. สามารถน าไฟลภาพมาแกไขไดในภายหลง
จดดอย
1. ไฟลภาพมขนาดใหญเมอเทยบกบไฟลภาพประเภทอน
2. ไมสามารถเปดใชงานในโปรแกรมอนได
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.6 คอมพวเตอรกราฟกกบการประยกตใชในงานดานตาง ๆ
งานดานกราฟกมการพฒนาอยางรวดเรวและแพรหลาย คอมพวเตอรกราฟกกบ
การประยกตใชในงานดานตาง ๆ ไดแก
1.6.1 คอมพวเตอรกราฟกกบงานออกแบบ (Computer – Aided Design)
คอมพวเตอรกราฟกไดเขามามบทบาทกบงานดานออกแบบในสาขาตาง ๆ
เปนจ านวนมาก เชน การออกแบบรถยนต การออกแบบเครองจกร การออกแบบ
ผลตภณฑ การออกแบบตกแตงภายใน และการออกแบบเครองประดบ เปนตน
CAD (Computer – Aided Design) เปนโปรแกรมชวยในการออกแบบ
ทางวศวกรรม ซงจะชวยใหผออกแบบหรอวศวกรออกแบบงานไดงายและสะดวกยงขน
เมอตองการแกไขกสามารถ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ท าไดงายกวาการท างานในกระดาษ สามารถออกแบบลกษณะลายเสน ใสส แสงเงา เพอใหดคลายของจรง ส าหรบงานดานวศวกรรมไฟฟาและอเลกทรอนกส ไดถกน า มาใชในการออกแบบวงจรตาง ๆ โดยใชสญลกษณทระบบมให แลวท าการประกอบเปนวงจรทตองการ ผออกแบบสามารถแกไขตดตอเพมเตมวงจรได เชน การออกแบบรถยนต เครองบน หรอเครองจกรตาง ๆ นกออกแบบจะใช CAD ออกแบบสวนยอย ๆ แตละสวนกอน แลวจงประกอบกนเปนสวนใหญ ซงบางระบบสามารถทดสอบแบบจ าลองทออกแบบไว เชน การออกแบบรถยนต แลวน าโครงสรางของ รถทออกแบบมาจ าลอง การวง แลวเกบผลมาตรวจสอบคา หรอการออกแบบโครงสรางตก บาน สะพาน และสถาปตยกรรม เพอแสดงภาพในมมมองตาง ๆ ตามทผออกแบบตองการ ตวอยางการใชคอมพวเตอรกราฟกกบงาน ออกแบบโครงสรางภาพคน ดงแสดงในภาพท 1.9
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.9 คอมพวเตอรกราฟกกบงานออกแบบโครงสรางภาพคนทมา : http://www.thaigoodview.com/node/19303
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ตวอยางการใชคอมพวเตอรกราฟกกบงานออกแบบดานสถาปตยกรรมตกแตงภายใน ดงแสดงในภาพท 1.10
ภาพท 1.10 คอมพวเตอรกราฟกกบงานออกแบบดานสถาปตยกรรมทมา : http://graphic-group7.blogspot.com/2011/10/blog-post_5686.html
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.6.2 คอมพวเตอรกราฟกกบงานน าเสนอ (Presentation)
ในการน าเสนอผลงานโดยใชโปรแกรมคอมพวเตอรกราฟก สามารถแสดงผลทางหนาจอโปรเจคเตอร (Projector) หรอพมพงานลงในโปรแกรมคอมพวเตอร เชน โปรแกรม Microsoft Office PowerPoint ใชส าหรบการน าเสนองาน การน าเสนอสนคา สวนมากนยมจดท าเปนรายงานในรปแบบตาง ๆ เชน รายงานสรปงบการเงน รายงานขอมลลกคา เปนตน นยมแสดงในรปแบบของกราฟหรอรปภาพ เพอใหงายตอการท าความเขาใจ ดงแสดงในภาพท 1.11
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.11 คอมพวเตอรกราฟกกบงานน าเสนอ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.6.3 คอมพวเตอรกราฟกกบงานบนเทง (Entertainment)
คอมพวเตอรกราฟกกบงานบนเทง โดยเฉพาะงานดานมลตมเดย ไดรบความแพรหลาย ในวงการบนเทงเปนอยางมาก เชน การโฆษณาสนคาทางโทรทศน รายการขาว ละคร เกมออนไลน การสรางภาพการตน การสรางภาพเคลอนไหว การสรางภาพวดโอ การสรางฉากภาพยนตร เปนตน ดงแสดงในภาพท 1.12
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.12 คอมพวเตอรกราฟกกบงานบนเทงทมา : http://group-jmskt.blogspot.com/2013/02/2.html
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.6.4 คอมพวเตอรกราฟกกบงานเวบไซต (Web Site)
ไดมการน าคอมพวเตอรกราฟกมาใชในการจดท าเวบไซต เพอประชาสมพนธหนวยงานหรอองคกร หรอเผยแพรขอมลขาวสารตาง ๆ สสาธารณะ ดงแสดงใน
ภาพท 1.13
ภาพท 1.13 คอมพวเตอรกราฟกกบงานเวบไซตทมา : http://rsc.ac.th/rsc
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
1.6.5 คอมพวเตอรกราฟกกบงานดานการศกษาและฝกอบรม (Education and
Training)
คอมพวเตอรกราฟกเขามามบทบาทกบวงการศกษา และวงการฝกอบรมอยางแพรหลาย ท าใหเกดเครองมอส าหรบชวยสอนตาง ๆ มากมาย รวมทงเกดสออเลกทรอนกสชวยสอนในรปแบบ ตาง ๆ เพอสนบสนนและสงเสรมการศกษา เชน คอมพวเตอรชวยสอนในลกษณะมลตมเดย การเรยนการสอนบนเวบ (e-Learning) สวนการน าคอมพวเตอรกราฟกในงานดานการฝกอบรม เชน การใชคอมพวเตอรในการฝกอบรมทเรยกวา e-Training ปจจบนมการพฒนาเวบไซตส าหรบฝกอบรม ของสถาบนฝกอบรมหลายแหง ตวอยางคอมพวเตอรกราฟกกบงานดานการศกษา ดงแสดงในภาพท 1.14
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
ภาพท 1.14 คอมพวเตอรกราฟกกบงานดานการศกษาทมา : http://www.caistudio.info/cai/thai/nitan/index.html
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
สรปความรเบองตนเกยวกบคอมพวเตอรกราฟก เรมจากการท าความเขาใจ
ความหมายของกราฟก ซงเปนศลปะหรอศาสตรแขนงหนงทสอความหมายโดย ใชเสน ภาพเขยน ภาพถาย ภาพวาดหรอสญลกษณ สวนความหมายของคอมพวเตอรกราฟก เปนการสรางและการจดการภาพกราฟกโดยใชคอมพวเตอร หลกการท างานของภาพกราฟกแบบราสเตอร เกดจากการเรยงตวของจดสเหลยม ทเรยกวา พกเซล และภาพกราฟกแบบเวคเตอร เกดจากการประมวลผลโดยอาศยหลกการค านวณทางคณตศาสตร ประเภทของภาพกราฟกแบบ
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
2 มต จะมแตความกวางและความยาว สวนภาพกราฟกแบบ 3 มต ประกอบไปดวยสวนโคง เวา มม แสงและความลก ระบบสทใชกบภาพกราฟก ไดแก RGB CMYK HSB และ LAB ประเภทของไฟลภาพกราฟกทใชส าหรบจดเกบภาพ จะมผลกบขนาดของไฟลภาพ ตลอดจนปจจบนมการประยกตคอมพวเตอรกราฟกไปใชกบ งานดานตาง ๆ ไดอยางหลากหลาย เชน งานบนเทง งานการเรยนการสอนและ การฝกอบรม งานออกแบบ งานเวบไซต หรองานน าเสนอขอมล เปนตน
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
Thank You !
หนวยท 1 ความรเบองตนเกยวกบคอมพวเตอรกราฟก
วชาการใชโปรแกรมกราฟก รหสวชา 2201-2419
top related