ความรู้ เบือ้ งต้ นเกีย่ วกับคอมพิวเตอร์ กราฟิ ก โดย ครู วยิ ะดา พลคิด วิชา คอมพิวเตอร์ พนื้ ฐาน ระดับชั้นมัธยมศึกษาตอนต้ น.
Download ReportTranscript ความรู้ เบือ้ งต้ นเกีย่ วกับคอมพิวเตอร์ กราฟิ ก โดย ครู วยิ ะดา พลคิด วิชา คอมพิวเตอร์ พนื้ ฐาน ระดับชั้นมัธยมศึกษาตอนต้ น.
ความรู้ เบือ้ งต้ นเกีย่ วกับคอมพิวเตอร์ กราฟิ ก โดย ครู วยิ ะดา พลคิด วิชา คอมพิวเตอร์ พนื้ ฐาน ระดับชั้นมัธยมศึกษาตอนต้ น 1 ความหมายของกราฟิ กและคอมพิวเตอร์ กราฟิ ก กราฟิ ก หมายถึง การสื่ อความหมายด้วยการใช้ศิลปะและ ศาสตร์ทางการใช้เส้น ภาพวาด ภาพเขียน แผนภาพ ตลอดจน สัญลักษณ์ ทั้งสี และขาว-ดา ซึ่งมีลกั ษณะเห็นได้ชดั เจน เข้าใจ ความหมายได้ทนั ที ตรงตามที่ผสู ้ ื่ อสารต้องการ 2 คอมพิวเตอร์ กราฟิ ก หมายถึง การสร้างและการจัดการกับภาพกราฟิ กโดย ใช้คอมพิวเตอร์ ซึ่งการพัฒนาคอมพิวเตอร์ กราฟิ กเริ่ มต้นมาจากการเป็ น เทคนิค อย่างหนึ่งในการแสดงข้อมูลตัวเลข จานวนมาก ๆ ให้อยูใ่ นรู ปที่ชดั เจนกว่าเดิม และทาความเข้าใจได้ง่ายกว่าเดิม เช่น ข้อมูลอาจแสดงได้ ในรู ปของเส้นกราฟ แผนภาพ แผนภูมิ แทนที่จะเป็ นตารางของตัวเลข จากนั้น การใช้ ภาพกราฟิ ก แสดงผลแทนข้อมูลหรื อข่าวสารที่ยงุ่ ยากก็มีการพัฒนามากขึ้นเรื่ อย ๆ ปั จจุบนั มีการใช้ภาพกราฟิ ก ในงานทุก ๆ ด้าน ไม่วา่ ด้านธุรกิจ โรงงาน อุตสาหกรรม งานศิลปะ การบันเทิง งานโฆษณา การศึกษา การวิจยั การ ฝึ กอบรม และงานทางการแพทย์ จนเห็นได้ชดั เจนว่า คอมพิวเตอร์ กราฟิ ก นั้นเริ่ มมีความ สาคัญ เนื่ องจากเป็ นเครื่ องมือที่สามารถช่วยงานในการ ออกแบบทางด้านกราฟิ กให้เป็ นไปอย่างรวดเร็ ว สะดวก ไม่ตอ้ งอาศัยเครื่ องมือ จานวนมาก อีกทั้งผูอ้ อกแบบเองก็สามารถดูผลงานการออกแบบของ ตนเองได้ ทันที 3 หลักการใช้ สีและแสงในเครื่ องคอมพิวเตอร์ สี มีความสาคัญอย่างมากต่องานกราฟิ ก สี ทาให้ภาพหรื อสิ่ งต่าง ๆ มีความสดใส สวยงามน่าสนใจ ในการใช้สีเพือ่ สื่ อความหมายใน งานกราฟิ ก ควรจะได้ศึกษาให้มีความรู ้ความเข้าใจเพือ่ ที่ จะได้นาสี ไป ใช้ประกอบในงานกราฟิ ก ให้งานนั้นสามารถตอบสนองได้ตรงตาม จุดประสงค์มาก ที่สุด 4 การแสดงสี ระบบ Additive สี ในระบบ Additive ประกอบด้วยสี หลัก 3 สี คือ แดง (Red) เขียว (Green) น้ าเงิน (Blue) เรี ยกรวมกันว่า RGB หรื อ แม่สี รูปที่ 1.12 แสดงสีหลัก 3 สี 5 ระบบสี ที่ใช้ กบั งานสิ่ งพิมพ์ ระบบสี ที่ใช้กบั งานสิ่ งพิมพ์ ประกอบด้วย สี ฟ้า (Cyan) สี ม่วงแดง (Magenta) และสี เหลือง(Yellow) คือ ระบบ CMYK แสงสี ขาวจากธรรมชาติหรื อแสงจากดวงอาทิตย์เกิดจากการผสมของแม่สี สามสี คือ แดง เขียวและน้ าเงิน ซึ่ งเหมือนกับสี ที่ปรากฏบนจอคอมพิวเตอร์ หากนา ภาพดิจิตอลที่ทาจาก คอมพิวเตอร์ ไปแสดงผลทางเครื่ องพิมพ์ ภาพสี หรื อเป็ น ฟิ ล์ม สไลด์ จะได้สีที่ ใกล้เคี ยงกับ จอมอนิ เตอร์ ถ า้ นาไปใช้ทางการพิม พ์ เช่ น หนังสื อ หรื อสิ่ งพิมพ์ต่าง ๆ สี สันจะผิดเพี้ยนไป เพราะทางการพิมพ์ใช้แม่สี ไซ แอน มาเจนต้า และเหลือง (CMYK) ซึ่ งผสมกันแล้วจะได้สีดา นอกจากนี้ ขอบเขตของสี ก็ปรากฎแตกต่างกัน จอมอนิเตอร์ สามารถแสดงสี ได้สูงสุ ด 16.7 ล้านสี น้อยกว่าที่ตาคนเราสามารถมองเห็ น ส่ วนการพิมพ์อยู่ในระดับหมื่นสี เท่านั้น 6 7 ประเภทและคุณลักษณะของแฟ้ มภาพกราฟิ ก 1. Windows Bitmap หรือ Bitmap File ไฟล์ มาตรฐานของ ระบบปฏิบัติการวินโดวส์ นามสกุล ทีใ่ ช้ เก็บ BMP หรือ DIB ระบบปฏิบตั กิ าร Windows, Dos เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั Microsoft Windows เวอร์ชั่น 3.X, OS/2 โปรแกรมบนวินโดวส์ทสี่ ามารถใช้งานบิตแมปได้ เช่ น ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ Photoshop, CorelDRAW, PaintShop Pro, Paintbrush, ACDSee32 ความสามารทางด้านสี 2, 16, 256, หรือ 16 ล้านสี การบีบขนาดข้อมูล REL บางครั้งถูกใช้สำหรับภาพแบบ 4 บิต และแบบ 8 บิต 8 2. FlashPix นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ ความสามารทางด้านสี FPX Windows โปรแกรมบนกราฟิ กของ Kodak, Photoshop เกรย์สเกล , RGB 9 3. Graphic Interchange Format ไฟล์ ที่ใช้ กนั มากในเครือข่ าย อินเทอร์ เน็ต นามสกุล ทีใ่ ช้ เก็บ GIF ระบบปฏิบตั กิ าร Windows, Windows NT เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั 87a และ 89a ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมการแก้ไขบิตแมปทุกโปรแกรม โปรแกรม เดสก์ทอปพับลิชชิ ง เช่ น Photoshop, CorelDRAW, PaintShop Pro, ACDSee 32 ความสามารทางด้านสี แผงสี แบบอินเด็กซ์ ถึง 256 สี (วาดจากสี RGB แบบ 24 บิต) การบีบขนาดข้อมูล LZW การใส่รหัสแบบ run - length 10 4. Interchang Format File/IFF Interleaved Bitmap Format นามสกุลที่ใช้เก็บ IFF/LBM ระบบปฏิบตั ิการ windows.Mac Windows ซอฟแวร์ที่สร้างและเปิ ด ไฟล์ โปรแกรมการเปลี่ยนแปลงบิตแมปบนซี พีเช่น Photoshop, Deluxe Paint ความสามารถทางด้านสี ขาวดาเกรย์ สเกล 256 สี หรื อ RGB 24 บิต 11 5. GEM Bitmap Image นามสกุล ทีใ่ ช้ เก็บ IMG ระบบปฏิบตั กิ าร Windows, Mac Windows ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมเดสก์ทอปพับลิชชิ ง และโปรแกรมแก้ไขรู ปภาพบางโปรแกรม เช่ น Ventura Publisher, PageMaker, QuarkXPress ความสามารทางด้านสี 2, 16, 256 สี หรือ 16 ล้านสี การบีบขนาดข้อมูล แบบ RLE อย่างง่าย 12 6. Joint Photographic Experts Group ไฟล์ ที่มีขนาดเล็ก นิยมใช้ ในการ สร้ างเว็บ นามสกุล ทีใ่ ช้ เก็บ JPG หรือ JIF (JPEG+TIFF) ระบบปฏิบตั กิ าร Windows ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมการแก้ไขภาพบิตแมป และโปรแกรมการแปลงรู ปแบบเช่ น Photoshop, CorelDRAW, PaintShop Pro, ACDSee32 ความสามารทางด้านสี 2, 16, 256 สี หรือ 16 ล้านสี และความลึกสีแบบ 32 บิต 13 7. MacPaint นามสกุล ทีใ่ ช้ เก็บ MAC ระบบปฏิบตั กิ าร Mac Windows ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมบนแมคอินทอชเช่ น MacPaint และบางโปรแกรมบนพีซีทเี่ กี่ยว กับการแก้ไขภาพบิตแมปและเดสก์ทอปพับลิชชิ ง ความสามารทางด้านสี ภาพขาวดาแบบ 1 บิต การบีบขนาดข้อมูล RLE PackBits 14 8. Microsoft Paint นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ ความสามารทางด้านสี การบีบขนาดข้อมูล MSP Windows Microsoft Paintbrush ภาพขาวดาแบบ 1 บิต RLE แบบง่าย 15 9. Kodak’s Photo CD นามสกุล ทีใ่ ช้ เก็บ PCD ระบบปฏิบตั กิ าร Windows ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมกราฟิ กของ Kodak, CorelDRAW, Photo-Paint, Photoshop ความสามารทางด้านสี ภาพถ่าย 16 10. Z-Soft PC Paintbrush Format นามสกุล ทีใ่ ช้ เก็บ PCX ระบบปฏิบตั กิ าร Windows, Dos ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมกราฟิ กบนพีซี เช่ น CorelDRAW, Paintbrush , Photoshop ความสามารทางด้านสี 1, 2, 4, 8, 24 บิต ของสี ไม่มีเกรย์สเกล การบีบขนาดข้อมูล RLE 17 11. TrueVision Targa นามสกุล ทีใ่ ช้ เก็บ TGA ระบบปฏิบตั กิ าร Windows, Windows NT, Mac Windows เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั 1.0 และ 2.0 ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมการแก้ไขบิตแมปทีม่ คี ณ ุ ภาพสูง เช่ น Photoshop, CorelDRAW, Ray-tracing ความสามารถทางด้านสี ขาวดา 1 บิต, เกรย์สเกล 8 บิต, แผงสี 8 บิต, สี RGB 24 บิต, สี RGB 32 บิต พร้อมกับอัลฟาแชนแนล การบีบขนาดข้อมูล RLE 18 12. Tagged Image File Format ไฟล์ ที่ใช้ ในงานเกีย่ วกับโปรแกรม สิ่ งพิมพ์ นามสกุล ทีใ่ ช้ เก็บ TIF ระบบปฏิบตั กิ าร Windows, UNIX, Mac Windows เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั 5.0 และ 6.0 ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมการแก้ไขบิตแมปและโปรแกรมเดสก์ทอปพับลิชชิ งเช่ น PageMaker, QuarkPress, CorelVentura, Photoshop, PaintShop Pro ความสามารถทางด้านสี ขาวดา 1 บิต, เกรย์สเกล(4,8,16 บิต), แผงสี (ได้มากถึง 16 บิต), สี RGB (ได้มากถึง 48 บิต), สี CMYK (ได้มาก ถึง 48 บิต), สี CMYK (ได้มากถึง 32 บิต) LZW, PackBits (แมคอินทอช), JPEG(TIFF V 6.0), RLE การบีบขนาดข้อมูล หลายรู ปแบบ 19 ไฟล์ ที่มีการจัดเก็บแบบเวกเตอร์ 1. Drawing Interchange Format นามสกุล ทีใ่ ช้ เก็บ DXF ระบบปฏิบตั กิ าร Windows, Windows NT เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั AutoCAD รีลีส 12 ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมช่ วยด้านการออกแบบ โปรแกรมแก้ไขไฟล์เวก เตอร์และโปรแกรมเดสก์ทอปพับลิชชิ งบางตัวเช่ น AutoCAD, CorelDRAW, Dream 3D, lllustrator ความสามารถทางด้านสี ทุก ๆ สี จากขาวดาไปจนถึง 16 ล้านสี การบีบขนาดข้อมูล แตกต่างกันตามรู ปแบบของการใส่รหัส 20 2. Lotus 1-2-3 Picture นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ ความสามารถทางด้านสี PIC Windows, Dos โปรแกรมเดสก์ทอปพัลลิชชิ ง และโปรแกรมกราฟิ กแบบ เวกเตอร์ เช่ น AutoCAD, Lotus 1-2-3, CorelDRAW มีจากัด (ระบุเลขสี ได้ 1-16 สี เท่านั้น) 21 3. Hewlett Packard Graphics Language นามสกุล ทีใ่ ช้ เก็บ PGL ระบบปฏิบตั กิ าร Windows เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั ดั้งเดิมเป็ น HPGL : HPGL2 (ปี 1990) ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรม CAD บนพีซี โปรแกรมเดสก์ทอปพับลิชชิ ง และโปรแกรมแก้ไขเวกเตอร์บางโปรแกรม เช่ น AutoCAD, CorelDRAW ความสามารถทางด้านสี พิเศษ (ใช้ปากการะบายสี , ขัดสี ) 22 ไฟล์ ที่มีการจัดเก็บแบบบิตแมปและเวกเตอร์ 1. Computer Graphic Metafile นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร ชนิ ดของรู ปแบบทีใ่ ช้เก็บ ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ ความสามารถทางด้านสี การบีบขนาดข้อมูล CGM Windows เมต้าไฟล์สาหรับเวกเตอร์และกราฟิ กแบบบิตแมป โปรแกรมการแก้ไขเวกเตอร์ส่วนใหญ่หรื อโปรแกรมช่ วย ในการออกแบบเช่ น AutoCAD, CorelDRAW 24 บิต RGB เปลี่ยนไปตามจำนวนสีในแผงสี แตกต่างกันตามรู ปแบบของการใส่รหัส 23 2. Encapsulated PostScript นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร EPS Windows, Windows NT, UNIX, Mac Windows เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั EPS เป็นเซตย่อยของ Adobe PostScript ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมแก้ไขเวกเตอร์และโปรแกรมเดสก์ทอปพับลิชชิ ง เช่ น AutoCAD, CorelDRAW, PageMaker, QuarkXPress,Adobe lllustrator ความสามารถทางด้านสี ขยายได้ถึง 24 บิต RGB และ HSB 32 บิต, CMYK เกรย์สเกล, แผงสี แบบอินเด็กซ์ การบีบขนาดข้อมูล การใส่รหัสแบบไบนารี 24 3. PICT / Macintosh QuickDraw Picture Format นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร PCT Mac Windows, Windows, NT เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั PICT1 และ PICT2 (QuickDraw แบบสี) ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมกราฟิ กส่วนมากบนแมคอินทอชเช่ น QuickDraw โปรแกรมเดสก์ทอปพับลิชชิ ง และโปรแกรมแก้ไขเวกเตอร์ บางโปรแกรมเช่ น AutoCAD,CorelDRAW,PhotoShop, PageMaker ความสามารถทางด้านสี โมโนโครมใน PICT1 และแผงสี 8 บิต ใน PICT2 การบีบขนาดข้อมูล RLE PackBits สำหรับข้อมูลบิตแมป 25 4. Portable Document Format นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ ความสามารถทางด้านสี PDF Windows, Mac OS, UNIX และ DOS Acrobat , Photoshop RGB,Indexed-Color, CMYK, GrayScale, Bitmap และ Lap Color 26 5. Windows Metafile นามสกุล ทีใ่ ช้ เก็บ ระบบปฏิบตั กิ าร WMF Windows, Windows NT เวอร์ชันทีไ่ ด้รับการพัฒนาจนถึงปัจจุบนั Windows, 2X, 3X, 3Z , Windows NT ซอฟต์แวร์ทสี่ ร้างและเปิ ดไฟล์ โปรแกรมบนวินโดวส์ส่วนมาก เช่ น CorelDRAW,Photoshop, PaintShop Pro ความสามารถทางด้านสี ทีเ่ ก็บ 32 บิต สาหรับ 24 บิต RGB หรื อ 16 บิต ของแผงสี 27 การใช้ โปรแกรมกราฟิ กแบบ Rastor 28 ความสามารถของโปรแกรม Adobe Photoshop โปรแกรม Photoshop เป็ นโปรแกรมใช้ในการสร้างภาพและตกแต่งภาพ ซึ่งเป็ นโปรแกรมที่นิยมอย่างสูงสุ ดในปั จจุบนั เนื่องจากเป็ นโปรแกรมที่ทางาน ได้อย่างมีประสิ ทธิภาพ และผลงานที่ได้เหมาะที่จะใช้กบั งานสิ่ งพิมพ์ นิตยสาร และงานมัลติมีเดีย คาว่า Photoshop คือ Photo แปลว่า“ภาพ” คาว่า Shop แปลว่า ร้านหรื อแหล่งรวมของภาพหลายชนิด ภาพต่าง ๆ จะมีท้ งั ภาพที่เกิดจากการที่ นาภาพที่มีอยูเ่ ดิมมาตกแต่ง ภาพถ่ายในอัลบั้มรู ป เราเรี ยกว่า Physical Graphic ภาพถ่ายที่ใช้เครื่ องสแกนภาพหรื อใช้กล้องดิจิตอลถ่ายเก็บไฟล์ขอ้ มูล เรา เรี ยกว่า Digital Graphic 29 ความสามารถของ Adobe Photoshop 1. การทางานเป็ นเลเยอร์ (Layer) เหมือนการวางแผ่นใสซ้อน ๆ กัน 2. การทางานเป็ นแบบ Interface Enchancement คือ ใช้ไอคอนและ ปุ่ มคาสัง่ ต่าง ๆ ลักษณะการโต้ตอบเป็ นแบบ 3 มิต คลิกปุ่ มจะยุบลงไป 3. การทางานของปุ่ มคาสัง่ จะมีคาอธิบายสั้น ๆ ของไอคอนบอกชื่อ เครื่ องมือ เรี ยก Tool Tip 4. Action เป็ นการบันทึกขั้นตอนการทางานเก็บไว้ ในกลุ่มเดียวกัน 5. Ruler & Guide & Grid เส้นจาง ๆ ที่ลากผ่านรู ป ช่วยจัดวาง ตาแหน่งต่าง ๆ ขอบภาพ 30 6. Gradient Feature สามารถสร้างรู ปแบบการไล่โทนสี ได้ดว้ ยตัวเอง 7. Adjustment Layer เป็ นเลเยอร์ชวั่ คราวสาหรับกาหนดพื้นที่และรู ปแบบ การปรับแต่ง 8. Transformation Feature สามารถเปลี่ยนรู ปทรงของภาพ หมุน ขยาย ให้มี มิติ 9. Modified Image Size Command สามารถกาหนดขนาดไฟล์ภาพ ความ ละเอียด ความกว้างและความยาวของภาพได้พร้อม ๆ กัน 10. Save For Web ไฟล์ภาพที่ใช้บนเว็บ ต้องมีลกั ษณะพิเศษ เพือ่ ให้สามารถ เรี ยกขึ้นมาใช้ งานได้เร็ ว Photoshop 31 11. การสนับสนุนการทางานด้าน Web ด้วยโปรแกรม ImageReady เป็ น โปรแกรมช่วยสนับสนุนการสร้างและออกแบบเว็บเพจบนอินเตอร์เน็ต 12. Slicing เทคนิคพิเศษช่วยแบ่งภาพออกเป็ นส่ วน ๆ เพือ่ สร้างป้ ายโฆษณาบน เว็บ (Banner) และปุ่ มกดสาหรับเป็ นจุดเชื่อมโยง (Link) ไปยังเว็บไซด์ต่าง ๆ 13. Rollover ช่วยสร้าง Effect ที่เป็ นลูกเล่นเมื่อเลื่อนตัวชี้เมาส์ผา่ นปุ่ ม 14. Animation เป็ นภาพเคลื่อนไหวโดยอาศัยเทคนิคการนาภาพนิ่งหลายเฟรม มาเรี ยงต่อกัน 32 การเข้ าสู่ โปรแกรม Adobe Photoshop 1. คลิกปุ่ ม Start คลิกรายการ 2. คลิกรายการ Programs 3. คลิกรายการ Adobe Photoshop 7.0 หรื อ 4. คลิกรายการ Adobe Photoshop CS 33 5. รอสักครู่ จะปรากฎหน้าต่างของโปรแกรม Adobe Photoshop 7.0 หรื อ Adobe Photoshop CS 34 ส่ วนประกอบของโปรแกรม Adobe Photoshop 35 การใช้ ปุ่มเครื่องมือ ToolBox จัดการเกีย่ วกับรูปภาพแบ่ งได้ 4 หมวด 36 ปุ่ มเครื่องมือเพิม่ เติมใหม่ ใน Photoshop CS V 8.0 37 พาเลตต์ต่าง ๆ (Palettes) ในโปรแกรม Adobe Photoshop Navigator ใช้ สาหรับดูมุมมองของงาน เหมือน Hand Tool และ Zoom Tool Info ใช้ สาหรับค่ าสี ของภาพ ณ จุดนั้น บอกค่ าสี RGB และ CMYK ใช้ กบั ปุ่ ม Eyedropper 38 Histograms การใช้กราฟแสดงค่าสี ที่กระจายอยูใ่ นรู ปภาพ 39 40 41 42 43