วิชา โปรแกรมกราฟิก

ทฤษฎสี ี (Color Theoty)

ความหมายและการเกดิ สี ❖ส(ี Colour) หมายถงึ ลักษณะของแสงทป่ี รากฏแกส่ ายตาเราให้ เห็นเปน็ สขี าว ดา แดง เขียวฯลฯ สีท่ีเรามองเหน็ เกดิ จากการ ทแี่ สงสว่างส่องกับวตั ถุแล้วสะทอ้ นเข้าส่ตู าของเรา www.themegallery.com

ประเภทของสี ❖ ประเภทของสี สามารถแบง่ ออกได้เป็น 1. แม่สวี ัตถธุ าตุ (สชี ่างศิลป์) ได้แก่ แดง เหลือง นาเงิน 2. แม่สสี ่งิ พมิ พ์ ไดแ้ ก่ Cyan Magenta Yellow Black (CMYK) 3. แม่สีของแสง ได้แก่ แดง เขียว นาเงิน (RGB) www.themegallery.com

ทฤษฎสี ี ❖สี สามารถแบง่ ออกไดเ้ ป็น 3 ระดับ คือ 1. สขี ั้นที่ 1 (Primary Colours) คือ แมส่ ี 3 สี ได้แก่ สแี ดง เหลือง และนา้ เงิน 2. สีขั้นที่ 2 (Secondary Colours) คอื สีท่เี กิดจากการผสมกนั เปน็ คู่ๆ ระหว่างแม่สี 3 สี จะไดส้ เี พม่ิ ขนึ้ อีก 3 สี 3. สีข้ันท่ี 3 (Tertiary Colours) คอื สีที่เกดิ จากการผสมกนั เปน็ คู่ๆ ระหวา่ ง แม่สี 3 สี กบั สขี ้นั ท่ี 2 จะไดส้ เี พิม่ ขน้ึ อกี 6 สี

วรรณะสี(Tone) ❖ วรรณะสหี รอื โทนสจี ะแบ่งออกเป็น 2 วรรณะ ได้แก่ วรรณะสรี ้อน และ วรรณะสีเย็น ซ่งึ เมือ่ นา้ ไปออกแบบกส็ ามารถแสดงอารมณ์ของงานได้ ตามความตอ้ งการ www.themegallery.com

สกี ับงานออกแบบ การใช้งานสกี ับการออกแบบ มีอยหู่ ลายลักษณะดงั นี้ 1. การใช้สใี กล้เคยี งกัน สที ีใ่ กล้เคยี งในวงจรสี เปน็ สที อ่ี ยตู่ ิดกันในชว่ ง 3 สี เช่น ถ้าเลือกใชช้ ่วงสี แดง ก็จะมสี แี ดง ส้ม และเหลอื ง www.themegallery.com

สกี ับงานออกแบบ 2. การใชส้ ีคตู่ รงข้าม คอื การใช้สที ่ตี รงขา้ มกนั เชน่ ขาวกับดา้ ใช้เพือ่ ทา้ ให้ ภาพดนู า่ สนใจย่ิงขึ้น www.themegallery.com

สีกบั งานออกแบบ 3. สีใกลเ้ คียงคู่ตรงข้าม คือ การใช้สใี ดสีหน่งึ ควบคกู่ ับสีท่ีอยู่ถดั จากสีค่ขู นาบ ของสตี รงขา้ ม (split complementary) การใช้งานในลักษณะนีช้ ว่ ยให้ งานดูสมดุล สื่อถงึ ความเปน็ กลาง ไมโ่ นม้ เอยี ง www.themegallery.com

สีกับงานออกแบบ 3. การใชส้ ีเดยี ว (Mono Tone) เทคนิคสีเดียวเป็นอีกเทคนคิ ที่นิยม การใชจ้ ะอาศัยคา่ ความออ่ นแก่ของสี แทนการใช้คา่ สอี นื่ สว่ นมากจะน้าสีท่เี ลอื กมาผสมกบั สกี ลางให้ได้ค่าท่ี ตอ้ งการ www.themegallery.com



Mode รปู แบบการมองเหน็ สใี นโปรแกรมกราฟฟิค Bitmap Mode เป็นโหมดสีทปี่ ระกอบด้วย 2 สี คือ สีขาวและสีดา้ เหมาะสา้ หรบั งานลายเสน้ เชน่ เคร่อื งหมายหรือโลโก้ Grayscale Mode เป็นโหมดสที ป่ี ระกอบดว้ ยสี 256 สีโดยไลส่ ีจากสีขาว สเี ทาไปเรอ่ื ยจนเป็นสีด้า ใช้พืน้ ที่ในการเก็บขอ้ มลู 8 บติ Duotone Mode เป็นโหมดสีทเ่ี กดิ จาก Channel สเี พียงบาง Channel Indexed Color Mode เป็นโหมดสีที่ใช้สีบางสีโดยในภาพหน่ึงภาพจะ ใช้สีไม่ถึง 16.7 ล้านสี เพื่อที่จะให้ภาพมีขนาดของไฟล์ท่ีเล็ก เหมาะ สา้ หรบั ภาพท่ตี อ้ งนา้ ไปตกแต่งบน Internet www.themegallery.com

Mode รปู แบบการมองเหน็ สีในโปรแกรม Photoshop (ตอ่ )  RGB Mode เป็นโหมดสีของจอคอมพวิ เตอร์ ก้าหนดค่าความเข้มของสี แดง เขียว และน้าเงิน มาผสมกันโดยก้าหนดคา่ สีได้ตง้ั แต่ 0-255 ตอ่ สี  CMYK Mode เปน็ โหมดสีของการพมิ พ์ โดยคา่ สีเปน็ เปอรเ์ ซ็นตค์ วาม เข้มของสีแตล่ ะสที ่ีมาผสมกนั  Lab Mode เป็นมาตรฐานการวดั สีทุกรูปแบบ ครอบคลุมทุกสีใน RGB และCMYK และใช้ได้กับสีที่เกิดจากอุปกรณ์ทุกอย่าง ไม่ว่าจะเป็น จอคอมพวิ เตอร์ เคร่อื งพมิ พ์ เครือ่ งสแกน และอ่ืนๆ  Multichannel Modeเป็นโหมดสที ี่ถูกแสดงด้วย Channel ตง้ั แต่ 2 Channel ข้ึนไป เป็นโหมดสีทใ่ี ชใ้ นงานพมิ พ์ www.themegallery.com

RGB Model หลักการมองเหน็ สีของเครอ่ื งคอมพวิ เตอร์ เมือ่ ผสมแสงทงั้ 3 ในสดั สว่ นท่ี แตกตา่ งกันจะได้ บรเิ วณที่ไม่มแี สง คอื สดี า้ www.themegallery.com

CMYK Model หลกั การมองเหน็ สขี องเคร่ืองพิมพ์ เมือ่ ผสมสีทง้ั 3 และสดี ้าใน สัดส่วนท่ีแตกตา่ งกัน จะได้ ภาพท่ปี รากฏ รูปแสดง หมึกพมิ พ์ ฟ้า แดง และ เหลือง ที่ผสมกนั เป็นสีต่างๆ www.themegallery.com

LAB Color Mode L=0 (สีขาว) a = จากเขียวไปแดง b=จากน้าเงินไปเหลือง L=100(สีดา) www.themegallery.com



Image File Format ❖ภาพในคอมพวิ เตอร์จะมีหลายฟอรแ์ มต (รปู แบบ) ด้วยกนั ทน่ี ิยมใชม้ ีดงั นี้ ▪ BMP ▪ JPEG ▪ GIF ▪ PNG ▪ PSD, PDD ▪ TIF www.themegallery.com

BMP ❖เปน็ ฟอร์แมตภาพทีใ่ ชใ้ นระบบปฎิบัตกิ าร Windows และ OS2 จะไม่มีการลดความ ละเอยี ดของภาพ มีนามสกลุ เป็น .bmp www.themegallery.com

JPEG ❖JPEG (Joint Photographic Experts Group) เป็นฟอร์แมตทผ่ี ู้ใช้สามารถบีบอดั ภาพใหม้ ีขนาดไฟล์ (Image Size) เลก็ ลงตามทต่ี ้องการได้ นยิ มใช้กับอนิ เทอรเ์ น็ต มี นามสกลุ เป็น .jpg www.themegallery.com

GIF ❖GIF (Graphics Interchange Format) เป็นฟอร์แมตที่นิยมใช้บน อินเทอร์เน็ต แต่จะมีสีได้ไม่เกิน 256 สี จะจัดเก็บภาพในโหมด Indexed Color สามารถใชท้ ้าเปน็ ภาพเคลือ่ นไหว หรอื ภาพทมี่ ีพน้ื หลังโปร่งใสได้ มี นามสกลุ เปน็ .gif www.themegallery.com

PNG ❖PNG หรือ เป็นไฟลภ์ าพที่ถกู บีบอดั ใหเ้ ลก็ โดยสญู เสียรายละเอียด ของภาพน้อยมาก นิยมใชเ้ ว็บเพจ ท้งั ภาพทัว่ ไป ภาพโปรง่ ใส และภาพเคลอื่ นไหว มีนามสกลุ เปน็ .png www.themegallery.com

PSD, PDD ❖PSD, PDD เปน็ ฟอร์แมตของโปรแกรม Adobe Photoshop จะ เปิดไฟลน์ ้ีได้ตอ้ งมโี ปรแกรม Photoshop ติดต้งั ในเคร่อื ง จะเก็บ รายละเอยี ดทกุ อยา่ งรวมทง้ั Layers ตา่ งๆ ดว้ ย มนี ามสกลุ เป็น .psd www.themegallery.com

TIF ❖TIF เปน็ ไฟล์ทีส่ ามารถใช้ไดท้ ง้ั ในเคร่อื ง PC และ Mac สว่ นใหญ่ใช้ในงานโปรแกรมเกีย่ วกับสง่ิ พิมพ์ เนื่องจากไฟล์ มีคุณภาพและความคมชัดสูง มีนามสกลุ เปน็ .tif www.themegallery.com

แหล่งอ้างองิ ❖ http://www.nrru.ac.th/preelearning/bussarin/unit1_5.html ❖ http://www.thaihelp.net/post/content.php?id=43 www.themegallery.com

www.themegallery.com

ชนิดของตัวอกั ษร ❖ภาษาอังกฤษ แบ่งเปน็ ▪ Serif คอื ตัวอกั ษรภาษาองั กฤษท่จี ะมหี าง มีเสน้ เช่น Times New Roman ▪ Sans-Serif คือตวั อกั ษรภาษาอังกฤษทไี่ มม่ หี าง เช่น Arial ❖ภาษาไทย แบง่ เป็น ▪ ตวั อกั ษรแบบมีหวั เช่น Angsana UPC ▪ ตวั อักษรแบบไมม่ ีหัว เชน่ Jasmine UPC www.themegallery.com

ตวั อย่างของตวั อกั ษร www.themegallery.com

หลกั การใช้แบบตวั อกั ษร ❖ หากเอกสารนนั้ เป็นขอ้ ความยาวๆ เช่น หนังสอื นติ ยสาร รายงาน ควรใช้ Serif Font หรอื ตวั อักษรภาษาไทยที่มีหัว เพอ่ื ให้อ่านง่าย สบายตา ❖ หากเอกสารนัน้ เป็นข้อความสนั้ ๆ เชน่ โปสเตอร์ ใบปลวิ อาจใช้ Sans Serif Font หรอื ตัวอกั ษรภาษาไทยทไ่ี ม่มีหวั เพอื่ ใหด้ ูเด่น สะดดุ ตา ❖ หากเปน็ ตัวอกั ษรทใี่ ชด้ ผู ่านเว็บ ควรใช้ Sans Serif Font www.themegallery.com