หลักการของภาพกราฟิ ก แบบบ ิ ตแมป หน ่ วยท ี ่ 3
Bitmap หรือ Raster เป็นภาพแบบ Resolution Dependent ประกอบ ไปด้วยจุดสี (Pixel) ต่าง ๆ มีจ านวนคงที่ที่มีความละเอียด (Resolution) ของภาพ หากขยายภาพ Bitmap จะพบว่ามีลักษณะเป็นตารางเล็ก ๆ เรียกว่า บิต (bit) ซึ่งแต่ละบิตเป็นส่วนหนึ่งของข้อมูลคอมพิวเตอร์ ภาพแบบ Bitmap เหมาะส าหรับงานกราฟิกในแบบที่ต้องการให้แสง เงาในรายละเอียด เป็นไฟล์ที่เหมาะกับการท างานกับภาพเหมือนจริง ประเภทภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bits หรือTrue Color คือ สีสมจริง 1 ความหมายของภาพกราฟิ กแบบม ิ ตแมป .
ภาพที่น ามาใช้กับโปรแกรม Adobe Photoshop ส่วนมากจะเป็นภาพเหมือน ภาพถ่าย และไฟล์ที่ได้จากโปรแกรม Adobe Photoshop จะเป็น Bitmap แต่หากสร้างไฟล์แบบ Vector รูปภาพที่ได้จะเหมือนภาพการ์ตูนหรือภาพเขียน ภาพกราฟิก 2 มิติแบบ Bitmap และ แบบ Vector มีความแตกต่างกันดังนี้ 2. ความแตกต ่ างของภาพกราฟิ กแบบ Bitmap และ Vector
ตารางเปร ี ยบเท ี ยบภาพกราฟิ ก
สีที่ใช้งานด้านกราฟิกทั่วไปมี 4 ระบบ คือ 3. ระบบสี ท ี ่ใช ้ในภาพกราฟิ กแบบ Bitmap ระบบ RGB เป็นระบบสีที่ประกอบด้วย แม่สี 3 สี คือแดง (Red) เขียว (Green) และสี น้าเงิน (Blue) เมื่อน ามาผสมกันท าให้เกิดสี ต่าง ๆ บนจอคอมพิวเตอร์มากถึง 16.7 ล้านสี ซึ่งใกล้เคียงกับสีที่สายตาของมนุษย์ที่มองเห็น เป็นปกติ สีที่ได้จากการผสมสีขึ้นอยู่กับความ เข้มของสี โดยถ้าสีมีความเข้มมาก เมื่อน ามา ผสมกันจะท าให้เกิดเป็นสีขาว จึงเรียกระบบสี นี้ว่าแบบ Additive หรือการผสมสีแบบบวก 1.
ระบบ CMYK เป็นระบบสีที่ใช้กับเครื่องพิมพ์ ที่พิมพ์ออกทางกระดาษหรือวัสดุผิวเรียบอื่น ๆ ได้แก่ สีหลัก 4 สี คือ สีฟ้า(Cyan) สีม่วงแดง (Magenta) สีเหลือง (Yellow) และสีด า (Black) เมื่อน ามาผสมกันจะเกิดเป็นสีด าแต่จะไม่ด าสนิท เน่ื องจากหมก ึ พมิพ ์ มค ี วามไม่บรสิุ ทธิ์ จงเป็นการ ึ ผสมสีแบบลบ (Subtractive) หลักการเกิดสีของ ระบบนี้ คือ หมึกสีหนึ่งจะดูดกลืนแสงจากสีหนึ่ง แล้วสะท้อนกลับออกมาเป็นสีต่าง ๆ เช่น สีฟ้า ดูดกลืนแสงของสีม่วง แล้วสะท้อนออกมาเป็นสีน ้า เงิน ซึ่งจะสังเกตได้ว่าสีที่สะท้อนออกมาจะเป็นสี หลักของระบบ RGB การเกิดสีในระบบนี้จึงตรง ข้ามกับการเกิดสีในระบบRGB 2.
Hue คือ สีต่าง ๆ ที่สะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตา ของมนุษย์ทั่วไป ซึ่งเรียกสีตามชื่อสี เช่น สีเขียว สีเหลือง สี แดง เป็นต้น Saturation คือ ความสดของสี โดยค่าความสดของสีจะ เริ่มที่ 0 ถึง 100 ถ้าก าาหนด Saturation ที่ 0 สีจะมีความสด น้อย แต่ถ้าก าหนดที่ 100 สีจะมีความสดมาก Brightness คือ ระดับความสว่างของสี โดยค่าความสว่างของ สีจะเริ่มที่ 0 ถึง 100 ถ้าก าาหนดที่ 0 ความสว่างจะน้อยซึ่งจะ เป็นสีด า แต่ถ้าก าหนดที่ 100 สีจะมีความสว่างมากที่สุด ระบบ HSB เป็นระบบสีแบบการมองเห็นของสายตามนุษย์ แบ่งได้ 3 ส่วน คือ 3.
L หรือ Luminance เป็นการก าาหนดความสว่างซึ่ง มีค่าตั้งแต่ 0ถึง 100 ถ้าก าาหนดที่ 0 จะกลายเป็น สีด าา แต่ถ้าก าาหนดที่ 100 จะเป็นสีขาว A เป็นค่าของสีที่ไล่จากสีเขียวไปสีแดง B เป็นค่าของสีที่ไล่จากสีน ้าเงินไปเหลือง ระบบ LAB เป็นระบบสีที่ไม่ขึ้นกับอุปกรณ์ใด ๆ (Device Independent) แบ่งได้ 3 ส่วน คือ 4.
นามสกุลของแฟ้มภาพกราฟิกจะเป็นสิ่งที่บอก ถึงคุณลักษณะของแฟ้ มภาพกราฟิ กนั้น ๆ นามสกุลที่ใช้เก็บแฟ้มภาพกราฟิกแบบ Bitmap มีหลายนามสกุล เช่น .BMP, .JPG, .JPEG, .GIF, .TIFF, .PCX ซึ่งมีดังต่อไปนี้ 4. ชน ิ ดของไฟลภ ์ าพกราฟิ กแบบ Bitmap
นอกจากโปรแกรม Adobe Photoshop ที่มีความสามารถ ในการตกแต่งภาพกราฟิก Bitmapแล้วยังมีโปรแกรมอื่น ๆ ที่ มีความสามารถเหมือนกับโปรแกรม Adobe Photoshop ซึ่ง เป็นโปรแกรมในโทรศัพท์เช่น โปรแกรม PicsArt, MOLDIV, Line ฯลฯ ก็ตกแต่งภาพกราฟิก Bitmap ให้สวยงามได้ โดย ส่วนใหญ่นามสกุลที่ใช้เก็บเป็นไฟล์นามสกุล .jpg ภาพBitmap ที่ได้จากโปรแกรม PicsArt ซ้อนภาพในวงกลม
ภาพBitmap ที่ได้จากโปรแกรม MOLDIV แบง่ภาพ 3 ส่วน
ภาพBitmap ที่ได้จากโปรแกรม Line แสดงชื่อร้านและวันที่
ในการท างานกราฟิกร่วมกับโปรแกรมใน Adobe Photoshop Resolution หรือค่าความละเอียดของภาพ นั้น มีผลกับคุณภาพและขนาดของไฟล์ ซึ่งค่าความละเอียดของภาพต้องเหมาะสมกับงานที่น าไปใช้ด้วย Resolution คือ ความละเอียดในการแสดงผลของภาพบนจอ เช่น จอคอมพิวเตอร์ จอโทรศัพท์มือถือ ก าหนดหน่วยเป็น Pixel (จุดสี) ต่อ 1 พื้นที่ เช่น หากภาพมีค่า Resolution = 300 Pixels ต่อ 1 inches หมายความว่าทุก 1 นิ้วของภาพ จะมีจุดสีอัดกันเป็นจ านวน 300 สี 5. ความละเอ ี ยดของภาพกราฟิ กแบบ Bitmap (Resolution)
หน ่ วยของ Resolution ม ี อย ่ ู 2 แบบ คือ Pixels/Inches = ความ หนาแน่นของจุดสีต่อพื้นที่ 1 นิ้ว 01 Pixels/cm = ความ หนาแน่นของจุดสีต่อพื้นที่ 1 เซนติเมตร 02
การท างานกราฟิกมีความจ าเป็นที่จะต้องก าหนดค่า Resolution ให้เหมาะสมกับการใช้งาน โดยหน่วยที่นิยมใช้ของ Resolution คือ Pixels/Inches หรือที่เรียกกันว่า ppi หากค่าของ Resolution มีมากเท่าไหร่ เม็ดสีที่อัดเรียงตัวกันใน พื้นที่ก็จะมากเท่านั้น ส่งผลให้ภาพคมชัด แต่ขนาดของไฟล์ก็จะ ใหญ่ตามไปด้วย เมื่อก าาหนดค่า Resolution ให้มากเกิความ จ าเป็นภาพจะมีขนาดใหญ่ขึ้นและแสดงผลช้าลงค่า Resolution ที่ เหมาะสมควรก าหนดให้มีความเหมาะสมกับงานประเภทต่าง ๆ ดังนี้
72 ppi งานเกี่ยวกับเว็บไซต์ เน้นความรวดเร็วในการ แสดงผลบนหน้าเว็บไซต์ หน้าจอคอมพิวเตอร์หรือบน หน้าจอโทรศัพท์ 100-150 ppi เหมาะสมกับงานทั่วไปที่ต้องการความ ละเอียดมากกว่าปกติ เช่น ภาพที่ใช้ในงานน าเสนอข้อมูล, ภาพทั่วไปบนเว็บไซต์ การแสดงผลจึงช้ากว่ารูปภาพแบบ 72 ppi 300-350 ppi งานที่ต้องการความคมชัดในการแสดงผล สูง เช่น โปสเตอร์ นิตยสาร งานสื่อสิ่งพิมพ์ต่าง ๆ
6. การตง ั ้ ค ่ าของ Resolution ในโปรแกรม Adobe Photoshop การตั้งค่าของ Resolution สามารถท าาได้ตั้งแต่ตอน สร้างไฟล์ใหม่ (File > New) โดยให้ระบุค่าที่ต้องการลงในช่อง Resolution และเลือกประเภทเป็น Pixels/Inches ดังนี้