Creative-Portfolio

หนว่ ยที 3 หลักการของภาพ กราฟกแบบบติ แมป

1. ความหมายของ ภาพกราฟกแบ บมติ แมป Bitmap หรอื Raster เปนภาพแบบ Resolution Dependent ประกอบไปดว้ ยจุดสี (Pixel) ต่าง ๆ มจี าํ นวน คงทีทีมคี วามละเอียด (Resolution) ของภาพ หากขยาย ภาพ Bitmap จะพบวา่ มลี ักษณะเปนตารางเล็ก ๆ เรยี กวา่ บติ (bit) ซงึ แต่ละบติ เปนสว่ นหนงึ ของขอ้ มูล คอมพวิ เตอร์ ภาพแบบ Bitmap เหมาะสาํ หรบั งานกราฟกในแบบที ต้องการใหแ้ สงเงาในรายละเอียด เปนไฟล์ทีเหมาะกับการ ทํางานกับภาพเหมอื นจรงิ ประเภทภาพถ่าย เพราะ Bitmap มี Channel พเิ ศษ เรยี กวา่ Alpha Channel ซงึ เปน 32 bits หรอื True Color คือ สสี มจรงิ

คแบวาบมBแIตTกMตA่างPขแอลงะภVาEพCกTราOฟRก BภIาTพMกรAาPฟกแล2ะมแติ บิแบบVบECTOR มคี วามแตกต่างกันดงั นี ภาพทีนาํ มาใชก้ ับโปรแกรมADOBEPHOTOSHOP สว่ นมากจะเปนภาพเหมอื นภาพถ่ายและไฟล์ทีไดจ้ าก โปรแกรมADOBEPHOTOSHOPจะเปนBITMAP แต่หากสรา้ งไฟล์แบบ VECTOR รปู ภาพทีไดจ้ ะเหมอื น ภาพการต์ นู หรอื ภาพเขยี น

ตารางเปรยี บเทียบภาพกราฟก

ระบบสที ีใชใ้ นภาพกราฟกแบบBITMAP สทที ัวีใชไปง้ มานี 4ดรา้ ะนบกบราคฟือก 05ด(รGะว้ บRยบแEมERNส่ Gี )3Bแสเลีปคะนสือรนี แะา้ดบเงงบินส(Rที (BEีปLDรUะ)กEเขอ)ยีบว เมอื นาํ มาผสมกันทําใหเ้ กิดสตี ่าง ๆ 1บ6น.7จลอ้าคนอสมี ซพงึ วิ ใกล้เคเตียองกรม์ับาสกที ถี ึง สายตาของมนษุ ยท์ ีมองเหน็ เปน ปกติ สที ีไดจ้ ากการผสมสขี นึ อยูก่ ับ ความเขม้ ของสี โดยถ้าสมี คี วาม เขม้ มาก เมอื นาํ มาผสมกันจะทําให้ แเกบิดบเปAนDสDขี IาTวIจVงึ Eเรหยี รกอื รกะบารบผสสนี มวี สา่ ี แบบบวก

ระบบCMYKเปนระบบสที ีใชก้ ัเครอื งพมิ พ์ มท(อYืนีพว่ Eงมิ ๆLแพLดไOอ์ดงอแ้W(Mกก)ท่ AสาแGหี งลลกEะักสรNะดี T4ดาํ Aาสษ(ี)BคสหLือเีรหAอื สลCวฟีือสั Kงาด)(Cผุ เวิมYเอืAรนยีNาํบ)มสาี ผสมกันจะเกิดเปนสดี าํ แต่จะไมด่ าํ สนทิ เเปนนอื งกจารากผหสมมกึสพแี บมิ บพลม์ บคี ว(าSมUไBมTบ่ Rรสิ Aทุ CธTิ IVจEงึ ) หลักการเกิดสขี องระบบนี คือ หมกึ สหี นงึ จะดดู กลืนแสงจากสหี นงึ แล้วสะท้อนกลับ ออกมาเปนสตี ่าง ๆ เชน่ สฟี าดดู กลืนแสง ของสมี ว่ ง แล้วสะท้อนออกมาเปนสนี าํ เงิน สจซงึงหีึ ตจละรักสงขงั ขอเา้กงมตรกะไบับดบกว้ า่าสรRทเี GกีสิดBะสทใีก้อนานรรอะเบอกบกิดRมสาใีGนจBระเะปบนบนี

ระบบ HSB เปนระบบสแี บบการ SATURATION คือ ความสด มไดอ้ 3งเสหว่ น็ นขคอืองสายตามนษุ ย์ แบง่ SขเรAอมิ งTทสUี ี0โRดถAยึงคT1่าI0Oค0วNถา้ามทกสี ํา0ดาหสขจีนอะงดมสี จี ะ 1ค0ว0ามสจีสะดมนคี อ้ วยามแสตด่ถม้าากกําหนดที HUE คือ สตี ่าง ๆ ทีสะท้อน ออกมาจากวตั ถแุ ล้วเขา้ สู่ สายตาของมนษุ ยท์ ัวไป ซงึ เรยี กสตี ามชอื สี เชน่ สเี ขยี ว สี เหลือง สแี ดง เปนต้น BRIGHTNESS คือ ระดบั ความ หสขเปอวนนา่งดงสสทขดี จี ี อ0าํะเงแครสมติวี โาท่ถดมี้า0ยสกคถวําหา่่าึงงคน1จว0ดะา0นทมถีอ้ ส1้า0ยวก0ซา่ ํางงึสาจี ะ จะมคี วามสวา่ งมากทีสดุ

ระบบ LAB เปนระบบสี A เปนค่าของสที ีไล่จากสี ๆIทNีไ(มDDข่ EEนึ PVกEIับCNอEDุปEกNรณT)ใ์ ด เขยี วไปสแี ดง แบง่ ได้ 3 สว่ น คือ B เปนค่าของสที ีไล่จาก สนี าํ เงินไปเหลือง L หรอื LUMINANCE เปน กคดกําา่าาํ รหตากนังแําแดตาตท่ถห่ี้าน00กดถจําึงคหะกวน10าลดม0าทยสถี เว1้าป0า่ นง0ซสจงึีะมี เปนสขี าว

ชแนบดิบขBอIงTไMฟAลP์ภาพกราฟก นามสกลุ ของแฟมภาพกราฟกจะเปนสงิ ทีบอกถึงคณุ ลักษณะของแฟมภาพ กเก.PชรรCน่ าาXฟฟ.BกกซMแนงึ บPนัม,บดี ๆ.Jงั BPนตIGาT่อม,Mไ.ปสJPAกนEลุีPGทม,ีใชหี .Gเ้ลกIาF็บย,แน.TฟามIมFสภFกา,พลุ

PกนHาอรกOตจTกากOแตโSป่งHรภแOากพPรกทมรีมAาคี ฟDวกOามBBสIETามMาAรถPใแนล้ว กPโMยเหทHงรั OมรามOศฟอื Lโี ัพปนTDกรกOทIBแVับ์เSIชก,โTHนป่ รLMOรมIโNแปอAPกรEืนPซแรฯๆงึมใกหลเรทปAสฯ้ มีมนวDกคยีโP็ตOปงIวกCรBาาแมแมSEกตสAไดรา่งR้มมภโTดใาานร,ยพถ สนว่ามนสใหกญลุ น่ .JาPมGสกลุ ทีใชเ้ ก็บเปนไฟล์ ภาพBITMAP ทีได้จากโปรแกรม PICSARTซอ้ นภาพในวงกลม

ภาพBITMAP ทีได้จากโปรแกรม MOLDIV แบง่ ภาพ 3 สว่ น

ภาพBITMAP ทีได้จากโปรแกรม LINE แสดงชอื รา้ นและวนั ที

ความละเอียดของภาพกราฟกแบบ BITMAP(RESOLUTION) ใPนHกOารTทOํางSาHนOกPราRฟEกSรOว่ มLกUับTโIปOรNแกหรรมอื ใคน่าAคDวาOมBลEะเอียดของภาพ นัน มผี ลกับคณุ ภาพและขนาดของไฟล์ ซงึ ค่าความละเอียดของ ภาพต้องเหมาะสมกับงานทีนาํ ไปใชด้ ว้ ย RESOLUTION คือ ความละเอียดในการแสดงผลของภาพบน จอ เชน่ จอคอมพวิ เตอร์ จอโทรศัพท์มอื ถือกําหนดหนว่ ยเปน PIXEL (จุดส)ี ต่อ 1 พนื ที เชน่ หากภาพมคี ่า RESOLUTION = 300 PIXELS ต่อ 1 INCHESหมายความวา่ ทกุ 1 นิวของภาพ จะมจี ุดสอี ัดกันเปนจาํ นวน 300 สี

หนว่ ยของ RESOLUTION มอี ยู่ 2 แบบ คือ PIXELS/INCHES = ความหนาแน่นของ PขอIXงEจLุดSส/ตี C่อMพ=นื ทคีว1าเมซหนนตาิเมแนตน่ร จุดสตี ่อพนื ที 1 นิว

กตา้อรงทกําํางหานนดกครา่าฟRกEมSคี OวLาUมจTาํ IเOปNนทใหีจะ้ PPใเชหPIข้มXIอาEะงLสSRม/กEINSับOCกาLHรUEใชTSง้ IหOานรNอื โทดคีเยือรหยี นกว่กยันทวีนา่ ยิ ม หากค่าของ RESOLUTION มมี ากเท่า ไหร่ เมด็ สที ีอัดเรยี งตัวกันในพนื ทีก็จะ มากเท่านัน สง่ ผลใหภ้ าพคมชดั แต่ ขกนําาาหดนขดอคง่ไาฟRลE์กS็จOะใLหUญT่ตIOามNไปใดห้วม้ ยากเมเกอื ิ คแสวาดมงจผาํ ลเปชนา้ ลภงาคพ่าจะRมEขี SนOาดLUใหTญIOข่ นึNแทลีะ เหมาะสมควรกําหนดใหม้ คี วามเหมาะสม กับงานประเภทต่าง ๆ ดังนี

72 PPI งานเกียวกับ 16 เวบ็ ไซต์ เนน้ ความรวดเรว็ ใน การแสดงผลบนหนา้ เวบ็ ไซต์ หนา้ จอคอมพวิ เตอรห์ รอื บน หนา้ จอโทรศัพท์ 100-150 PPI เหมาะสมกับ งานทัวไปทีต้องการความ ละเอียดมากกวา่ ปกติ เชน่ ขภอ้าพมทูล,ีใชภใ้ านพงทานัวไนปาํ บเสนนเวอบ็ ไซต์ รกปู ารภแาสพดแงบผบล7จ2งึ PชPา้ Iกวา่ 300-350 PPI งานทีต้องการ ความคมชดั ในการแสดงผล สงู เชน่ โปสเตอร์ นติ ยสาร งานสอื สงิ พมิ พต์ ่าง ๆ

การตังค่าของRESOLUTIONในโปรแกรม ADOBE PHOTOSHOP กไดาต้รตังแังตค่า่ตขออนงสRรา้EงSไOฟลLU์ใหTมI่ O(FNILสEา>มNารEถWท)ําา RPโดIEXยSใEOหLร้ LSะU/บITุคNI่าCOทHีตNE้อแSงลกดะางัเรลนลือี งกใปนรชะอ่ เภงทเปน