kru anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf•...
TRANSCRIPT
![Page 1: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/1.jpg)
โปรแกรมกราฟก
Kru Anna
แผนกวชาคอมพวเตอรธรกจ
วชา โปรแกรมกราฟก 08.00
รหสวชา 2204 - 2105 08.05
ระดบประกาศนยบตรวชาชพ (ปวช) 08.10
ครผสอน นางสาวแอนนา กาทอง 08.10
08.20
![Page 2: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/2.jpg)
ศกษาและปฏบตเกยวกบทฤษฎคอมพวเตอรกราฟก หลกการของกราฟกแบบ Vector และ Bitmap ประเภทและคณลกษณะของแฟมภาพกราฟก
ความแตกตางของกราฟกแบบ 2 มต การใชโปรแกรมสรางภาพกราฟกแบบ Vector และ Bitmap
![Page 3: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/3.jpg)
• เพอใหเขาใจหลกการท างานและการแสดงผลของภาพคอมพวเตอรกราฟก
• สรางและตกแตงกราฟกไดเพอใหทกษะการใชโปรแกรมกราฟก
• มกจนสยและสงเสรมคณธรรม จรยธรรม
คานยมทดในการใชคอมพวเตอร
![Page 4: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/4.jpg)
ภาพเหลานเปนภาพกราฟกหรอไม
![Page 5: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/5.jpg)
ภาพเหลานเปนภาพกราฟกหรอไม
![Page 6: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/6.jpg)
![Page 7: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/7.jpg)
กราฟฟก (Graphic) มาจากภาษากรก คอ
• Graphikos หมายถง การวาดเขยน • Graphein หมายถง การเขยน
![Page 8: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/8.jpg)
![Page 9: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/9.jpg)
เปนศลปะอยางหนงทแสดงออกดวยความคดอานโดยใชเสน รปภาพ ภาพเขยน หยาบๆ ไดอะแกรม ฯลฯ (วฒนะ จทะวภาค, 2523)
![Page 10: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/10.jpg)
เปนศลปะแขนงหนงทแสดงความคดดวยการใชเสน มาจากภาษากรก ซงแปลวา “To Write” (วนดา จงประสทธ, 2526: 127)
![Page 11: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/11.jpg)
เปนศลปะหรอศาสตรในการเขยนภาพลายเสน (สมบรณ สงวนญาต, 2526:224)
![Page 12: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/12.jpg)
รวมไปถงการพมพ การแกะสลก การถายภาพ และการจดท าหนงสอ (Graphic art the world book encyclopedia)
![Page 13: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/13.jpg)
หมายถง การสอความหมายดวยการใช เสน สญลกษณ ขอความ รปวาด ภาพถาย กราฟ การตน ฯลฯ ทงสและขาว – ด า สอความหมายใหไดตรงตามความหมายทตองการสอสาร
![Page 14: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/14.jpg)
+
คอมพวเตอรกราฟก
(Computer Graphics)
![Page 15: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/15.jpg)
ความหมายของ
คอมพวเตอรกราฟก
การใชคอมพวเตอรสรางภาพ โดยการ
วาดภาพกราฟก หรอ ใชซอฟแวรเกยวกบ
การวาดภาพในคอมพวเตอร รวมไปขนการ
แกไข จดการรปภาพ ประกอบดวย เสน ส แสง
และเงาตางๆ
![Page 16: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/16.jpg)
เรมจากการวาด และการระบายส.....
กราฟกในยคแรก
![Page 17: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/17.jpg)
กราฟกในดจตอล
![Page 18: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/18.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 19: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/19.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 20: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/20.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 21: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/21.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 22: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/22.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 23: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/23.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 24: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/24.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 25: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/25.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 26: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/26.jpg)
กราฟกสมยกอนและยคดจตอล
![Page 27: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/27.jpg)
และยคดจตอล
![Page 28: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/28.jpg)
ภาพบนคอมพวเตอร เกดขนไดอยางไร
![Page 29: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/29.jpg)
ดอกไม
![Page 30: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/30.jpg)
ตวการตน
ปกาจ
![Page 31: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/31.jpg)
ตวการตน
แมว
![Page 32: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/32.jpg)
ภาพเกดขนไดเพราะ...
เกดจากจดสเหลยมเลก ๆ ของสทเรา
เรยกวา พกเซล (Pixel) ซงพกเซลเปน
องคประกอบทเลกทสดของภาพ มา
ประกอบกนเปนภาพขนาดตาง ๆ
![Page 33: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/33.jpg)
ภาพขนาด 1x1 พกเซล
![Page 34: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/34.jpg)
ภาพขนาด 2x2 พกเซล
![Page 35: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/35.jpg)
ภาพขนาด 3x3 พกเซล
![Page 36: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/36.jpg)
ภาพขนาด 4x4 พกเซล
![Page 37: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/37.jpg)
ความละเอยดของภาพ (Resolution)
เปนจ านวนของพกเซลทอยภายในภาพ
หนวยวดเปนพกเซลตอนว
(ppi : Pixel per Inch)
“คายงมากความละเอยดยงสง”
เชน 300 ppi 600 ppi
![Page 38: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/38.jpg)
ภาพทมความละเอยดต า ภาพทมความละเอยดสง
ความละเอยดของภาพ
![Page 39: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/39.jpg)
ความละเอยดของจอภาพ
พกเซลในแนวนอน
พกเซลในแ
นวตง
เชน 1024X768
![Page 40: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/40.jpg)
ความละเอยดของเครองพมพ
![Page 41: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/41.jpg)
ความละเอยดของเครองพมพ
จดพกเซลในเครองพมพ
เรยกวา ดอท (dot)
หนวยวดความละเอยด
เรยกวา dpi ( Dot per Inch)
เชน 600 dpi
![Page 42: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/42.jpg)
คอมพวเตอร
ประมวลผลภาพอยางไร ???
![Page 43: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/43.jpg)
วธการประมวลผลภาพ
ม 2 แบบ คอ
1. Vector
2. Raster/Bitmap
![Page 44: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/44.jpg)
วธการประมวลผลภาพม 2 แบบ คอ 1. การประมวลผลแบบ Vector
เปนการประมวลผลทสรางจากคอมพวเตอรโดยใชโปรแกรมกราฟกทมการสรางลายเสนและมมมาประกอบกนเปนภาพ โดยใชความสมพนธทางคณตศาสตร
![Page 45: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/45.jpg)
ไดแก ไฟลภาพ .AI ใชกบโปรแกรม lllustrator
.DRW .ใชกบโปรแกรมCorelDraw .PLT ใชในโปรแกรมการออกแบบ AutoCAD
WMF ใชกบ เปนภาพคลปอารตในโปรแกรม Microsoft Word
1. การประมวลผลแบบ Vector
![Page 46: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/46.jpg)
.JPG, .JPEG, .GIF - ใชส ำหรบรปภำพทวไป งำนเวบเพจ และงำนทมควำมจ ำกดดำนพนท - โปรแกรมทใชสรำงคอ Photoshop, PaintShopPro, Illustrator เปนตน
.TIF, .TIFF - เหมำะส ำหรบงำนดำนนตยสำร เพรำะมควำมละเอยดของภำพสง - โปรแกรมทใชสรำงคอ Photoshop เปนตน
.BMP, .DIB - เปนไฟลมำตรฐำนของระบบปฏบตกำรวนโดวส - โปรแกรมทใชสรำงคอ PaintShopPro, Paint
.PCX
- เปนไฟลดงเดมของโปรแกรมแกไขภำพแบบบตแมป ไมมโมเดลเกรยสเกล ใชกบภำพทวไป - โปรแกรมทใชสรำงคอ CorelDraw, Paintbrush, Illustrator เปนตน
แฟมภำพกรำฟก Raster และคณลกษณะของแฟมภำพกรำฟก
![Page 47: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/47.jpg)
Vector
![Page 48: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/48.jpg)
วธการประมวลผลภาพม 2 แบบ คอ
2. การประมวลผลแบบ Raster/Bitmap
เปนการประมวลผลแบบอาศยการอาน
คาสในแตละพกเซล สรางจากเมดส
มาเรยงตอกนจะเกบขอมลเปน 0 และ 1
![Page 49: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/49.jpg)
ไดแก ไฟลภาพ .TIF ,GIF ,JPG , .BMP , .PCX โปรแกรมทใชท างานกบภาพRaster/Bitmap
การประมวลผลแบบ Raster/Bitmap
![Page 50: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/50.jpg)
แฟมภำพกรำฟกแบบ Vector และคณลกษณะของแฟมภำพกรำฟก
นำมสกลทใชเกบแฟมภำพกรำฟกแบบ Vector มหลำยนำมสกล เชน .EPS .WMF .CDR .AI .CGM .DRW .PLT ,DXF .PIC และ .PGL เปนตน ซงลกษณะของแฟมภำพจะแตกตำงกนออกไป
AI,.EPS
- ใชส ำหรบงำนทตองกำรควำมละเอยดของภำพมำก เชน กำรสรำงกำรตน กำรสรำงโลโก เปนตน - โปรแกรมทใชสรำง Illustrator
.WMF - เปนไฟลมำตรฐำนของโปรแกรม Microsoft Office
- โปรแกรมทใชสรำงคอ CorelDraw
![Page 52: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/52.jpg)
ภาพเปรยบเทยบ Vector and Bitmap
![Page 53: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/53.jpg)
ภาพเปรยบเทยบ Vector and Bitmap
![Page 54: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/54.jpg)
ภาพเปรยบเทยบ Vector and Bitmap
![Page 55: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/55.jpg)
ภาพเปรยบเทยบ Vector and Bitmap
Vector
Bitmap
![Page 56: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/56.jpg)
-
ภาพเปรยบเทยบ Vector and Bitmap
Vector Bitmap
เหมาะส าหรบภาพทตองระบายส เหมาะส าหรบงานสงพมพตางๆ
ไฟลภาพจะมขนาดเลก ไฟลภาพจะมขนาดใหญ
ยอหรอขยายขนาดของภาพก
จะไมเสยรปทรง และความ
ละเอยดภาพไมลดลง
เมอขยายภาพความละเอยด
ภาพลดลง
![Page 57: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/57.jpg)
สงทควรรในการสรางงานกราฟก
หลกการใชสและแสง
สแบบไหนเหมาะสมกบงานกราฟกประเภทใด
![Page 58: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/58.jpg)
![Page 59: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/59.jpg)
![Page 60: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/60.jpg)
![Page 61: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/61.jpg)
![Page 62: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/62.jpg)
ระบบส
4 ระบบ
![Page 63: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/63.jpg)
การแสดงสของเครองคอมพวเตอร
ระบบส
แบบ RGB
![Page 64: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/64.jpg)
RGB เปนระบบสทประกอบดวยแมส 3 สคอ แดง (Red), เขยว
(Green) และสน ำเงน (Blue) เมอน ำมำผสมกนท ำใหเกดสตำงๆ บนจอคอมพวเตอรมำกถง 16.7 ลำนส ซงใกลเคยงกบสทตำเรำมองเหนปกต สทไดจำกกำรผสมสขนอยกบควำมเขมของส โดยถำสมควำมเขมขนมำก เมอน ำมำผสมกนจะท ำใหเกดเปนสขำว จงเรยกระบบสนวำ แบบ Additive หรอกำรผสมสแบบบวก
![Page 65: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/65.jpg)
RGB ยอมาจาก red, green และ blue
คอ กระบวนการผสมสจากแมส 3 ส คอส
แดง สเขยว และสนาเงน การใชสดสวน
ของส 3 สนตางกน จะทาใหเกดสตางๆ ได
อกมากมาย
![Page 66: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/66.jpg)
รปแบบการแสดงสของเครองคอมพวเตอร
ใกลเคยงกบสทตาเรามองเหนไดโดยปกต
“Additive Color” การผสมสแบบบวก
Blue + Green = Cyan Red + Blue = Magenta Red + Green = Yellow
![Page 67: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/67.jpg)
การแสดงสของเครองพมพ
ระบบส CMYK
![Page 68: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/68.jpg)
CMYK เปนระบบสทใชกบเครองพมพทพมพออกทำงกระดำษหรอวสดผวเรยกอนๆ ซง
ประกอบดวยสหลก 4 สคอ สฟำ (Cyan), สมวงแดง (Magenta), สเหลอง (Yellow), และสด ำ (Black) เมอน ำมำผสมกนจะเกดสเปนสด ำแตจะไมด ำสนทเนองจำกหมกพมพมควำมไมบรสทธ จงเปนกำรผสมสแบบลบ (Subtractive) หลกกำรเกดสของระบบนคอ หมกสหนงจะดดกลนแสงจำกสหนงแลวสะทอนกลบออกมำเปนสตำงๆ เชน สฟำดดกลนแสงของสมวงแลวสะทอนออกมำเปนสน ำเงน ซงจะสงเกตไดวำสทสะทอนออกมำจะเปนสหลกของระบบ RGB กำรเกดสนในระบบนจงตรงขำมกบกำรเกดสในระบบ RGB
![Page 69: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/69.jpg)
ระบบสแบบ CMYK
CMYK ยอมาจาก cyan (ฟาอมเขยว)
magenta (แดงอมมวง) yellow (เหลอง) key
(ดา) ซงเปนชอสทนามาใช การผสมสทงสน จะ
ทาใหเกดสไดอกหลายรอยส นามาใชในการพมพ
สตาง ๆ
![Page 70: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/70.jpg)
รปแบบการแสดงสของเครองพมพ
ใกลเคยงกบสทตาเรามองเหนไดโดยปกต
“Subtractive Color” การผสมสแบบลบ
Cyan + Magenta = Blue Cyan + yellow = Green Yellow + Magenta = Red
![Page 71: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/71.jpg)
![Page 72: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/72.jpg)
ระบบสแบบ HSB
![Page 73: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/73.jpg)
ระบบส HSB
เปนรปแบบการมองเหนสของสายตามนษย
ประกอบดวย ความแตกตางของส ความสดใสของ
ส และระดบความมดความสวาง
![Page 74: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/74.jpg)
HSB
เปนระบบสแบบกำรมองเหนของสำยตำมนษย ซงแบงออกเปน 3 สวน คอ Hue คอสตำงๆ ทสะทอนออกมำจำกวตถแลวเขำสสำยตำของเรำ ซงมกเรยกสตำมชอส เชน สเขยว สแดง สเหลอง เปนตน Saturation คอควำมสดของส โดยคำควำมสดของสจะเรมท 0 ถง 100 ถำก ำหนด Saturation ท 0 สจะมควำมสดนอย แตถำก ำหนดท 100 สจะมควำมสดมำก Brightness คอระดบควำมสวำงของส โดยคำควำมสวำงของสจะเรมท 0 ถง 100 ถำก ำหนดท 0 ควำมสวำงจะนอยซงจะเปนสด ำ แตถำก ำหนดท 100 สจะมควำมสวำงมำกทสด
![Page 75: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/75.jpg)
Lab
![Page 76: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/76.jpg)
LAB
เปนระบบสทไมขนกบอปกรณใด ๆ (Device Independent) โดยแบงออกเปน 3 สวนคอ “L” หรอ Luminance เปนกำรก ำหนดควำมสวำงซงมคำตงแต 0 ถง 100 ถำก ำหนดท 0 จะกลำยเปนสด ำ แตถำก ำหนดท 100 จะกลำยเปนสขำว “A” เปนคำของสทไลจำกสเขยวไปสแดง “B” เปนคำของสทไลจำกสน ำเงนไปสเหลอง
![Page 77: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/77.jpg)
ระบบสแบบ Lab
ระดบความสวาง 0 - 100
คาโทนสระหวางเขยวไปแดง
คาโทนสระหวางเหลองไปน าเงน
![Page 78: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/78.jpg)
ประโยชนของงาน คอมพวเตอรกราฟฟก
![Page 79: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/79.jpg)
การชวยสอน
การออกแบบ
กราฟและแผนภาพ
งานศลปะ
การทาภาพเคลอนไหว
การประมวลผลภาพ
![Page 81: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/81.jpg)
การออกแบบ
![Page 82: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/82.jpg)
กราฟและแผนภาพ
![Page 83: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/83.jpg)
การท าภาพเคลอนไหว
![Page 84: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/84.jpg)
งานศลปะ
![Page 85: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/85.jpg)
การประมวลผลภาพ
![Page 86: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/86.jpg)
Photoshop cs 6 โปรแกรมสรางภาพกราฟก
![Page 87: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/87.jpg)
Photoshop หรอชอเตมวา
“Adobe Photoshop”
![Page 88: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/88.jpg)
ความ
สามา
รถโด
ยรวม
ของ
Photo
shop
cs6
![Page 89: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/89.jpg)
ความสามารถโดยรวมของ Photoshop • งานสงพมพ
![Page 90: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/90.jpg)
ความสามารถโดยรวมของ Photoshop • งานออกแบบทางกราฟฟก
![Page 91: Kru Anna - rms.pktc.ac.thrms.pktc.ac.th/files/12123_1812170883213.pdf• เพื่อให้เข้าใจหลักการท างานและการแสดงผลของภาพ](https://reader034.vdocuments.mx/reader034/viewer/2022050718/5e1730576a6abf5f6d3bdb70/html5/thumbnails/91.jpg)
ความสามารถโดยรวมของ Photoshop • งานเวบไซตบนอนเทอรเนต