บทท�� 4 แต่�งแต่มสี�สี นให้ภาพ

ความรู้�พ��นฐานเกี่��ยวกี่ บสี�โมเดลสี�

โมเดลสี� (Color Model) ค�อรู้ะบบกี่ารู้แทนค�าสี�ท��ใช้ในภาพกี่รู้าฟิ%กี่โดยจะอางอ'งมาจากี่โมเดลสี�มาต่รู้ฐานต่�างๆ สี)าห้รู้ บโห้มดสี�ใน Illustrator แบ�งออกี่เป็+น 2 โห้มดค�อ RGB และ CMYK ซึ่-�งเห้มาะสี)าห้รู้ บงานคนละป็รู้ะเภทกี่ นภาพในโห้มด RGB เห้มาะสี)าห้รู้ บกี่ารู้น)าเสีนอบนจอภาพ เช้�น เว.บเพจ, ไอคอน, ภาพวอลเป็เป็อรู้0, พรู้�เซึ่นเทช้ �น ต่ลอดจนสี'งพ'มพ0ท �วไป็ในสี)าน กี่งาน สี�วนภาพในโห้มด CMYK จะเห้มาะสี)าห้รู้ บงานดาน สี'�งพ'มพ0ท��ม�กี่ารู้จ ดท)าเป็+นอารู้0ต่เว'รู้0คสี�งไป็โรู้งพ'มพ0 เช้�น โบรู้ช้ วรู้0, ฉลากี่ผสี'ต่ภ ณฑ์0, ห้น งสี�อและน'ต่ยสีารู้ เป็+นต่น

โมเดลสี� (ต่�อ)

ด งน �นในกี่ารู้เล�อกี่โห้มดสี�จ-งต่องพ'จารู้ณาจ5ดป็รู้ะสีงค0ของกี่ารู้ใช้งาน ท �งน��ค5ณสีามารู้ถเป็ล��ยนโห้มดสี�ของภาพจากี่โห้มดห้น-�งไป็ย งอ�กี่โห้มดห้น-�งได โดยคสี'กี่เล�อกี่ค)าสี �ง File - Document Color Mode - โห้มดสี�สี)าห้รู้ บว'ธี�กี่ารู้เล�อกี่สี�มาใช้กี่ บสี�วนป็รู้ะกี่อบต่�างๆ ของออบเจ.คน �น จะลามารู้ถเล�อกี่ไดจากี่โมเดลสี�มาต่รู้ฐาน (Color Model) เช้�น HSB, RGB, CMYK ห้รู้�อ Grayscale แต่�เวลาเกี่.บค�าจรู้'งโป็รู้แกี่รู้มจะเกี่.บต่าม โห้มดสี�ของไฟิล0

โมเดล RGBโมเดล (RGB) เป็+นรู้ะบบสี�ท��ป็รู้ะกี่อบดวยแม�สี� 3

สี�ค�อ แดง (Red), เข�ยว (Green) และ น)�าเง'น (Blue) ในสี ดสี�วนความเขมขนท��แต่กี่ต่�างกี่ น เม��อน)ามาผสีมกี่ นท)าให้เกี่'ดสี�ต่�างๆ บนจอคอมพ'วเต่อรู้0ไดมากี่ถ-ง 16.7 ลานสี� ซึ่-�งใกี่ลเค�ยงกี่ บสี�ท��ต่าเรู้ามองเห้.นไดโดยป็กี่ต่' และจ5ดท��สี�ท �งสีามสี�รู้วมกี่ นจะกี่ลายเป็+นสี�ขาว น'ยมเรู้�ยกี่กี่ารู้ผสีมสี�แบบน��ว�าแบบ “Additive” ห้รู้�อกี่ารู้ผสีมสี�แบบบวกี่ ซึ่-�งเป็+นกี่ารู้ผสีมสี�ข �นท�� 1 ห้รู้�อถาน)าเอา Red Green Blue มาผสีมครู้ �งละ 2 สี� กี่.จะท)าให้เกี่'ดสี�ให้ม� เช้�น Blue + Green = Cyan Red + Blue = Magenta Red + Green = Yellow แสีงสี� RGB ม กี่จะถ�กี่ใช้สี)าห้รู้ บกี่ารู้สี�องสีว�างท �งบนจอท�ว�และจอคอมพ'วเต่อรู้0 ซึ่-�งสีรู้างจากี่กี่ารู้ให้กี่)าเน'ดแสีงสี�แดง สี�เข�ยว และสี�น)�าเง'น ท)าให้สี�ด�สีว�างกี่ว�าความเป็+นจรู้'ง

โมเดล HSBHSB (Hue-Saturation-Brightness)

เป็+นรู้ะบบสี�พ��นฐานในกี่ารู้มองเห้.นสี�ดวยสีายต่าของมน5ษย0 ป็รู้ะกี่อบดวยล กี่ษณะของสี� 3 ล กี่ษณะ ค�อ

- Hue ค�อ สี�ต่�างๆ ท��สีะทอนออกี่มาจากี่ว ต่ถ5เขามาย งต่าของเรู้า ท)าให้เรู้าสีามารู้ถมองเห้.นว ต่ถ5เป็+นสี�ต่�างๆ ได ซึ่-�งแต่�ละสี�จะแต่กี่ต่�างกี่ นต่ามความยาวของคล��นแสีงท��มากี่รู้ะทบว ต่ถ5และสีะทอนกี่ล บท��ต่าของเรู้า Hue ถ�กี่ว ดโดยต่)าแห้น�งกี่ารู้แสีดงสี�บน Standard Color Wheel ซึ่-�งถ�กี่แทนดวยองศา 0 ถ-ง 360 องศา แต่�โดยท �วๆ ไป็แลวม กี่จะเรู้�ยกี่กี่ารู้แสีดงสี�น �นๆ เป็+นช้��อของสี�เลย เช้�น สี�แดง สี�ม�วง สี�เห้ล�อง

โมเดล HSB (ต่�อ)- Saturation ค�อ ความสีดของสี� โดยค�า

ความสีดของสี�จะเรู้'�มท�� 0 ถ-ง 100 ถากี่)าห้นด Saturation ท�� 0 สี�จะม�ความสีดนอย แต่�ถากี่)าห้นดท�� 100 สี�จะม�ความสีดมากี่ ถาถ�กี่ว ดโดยต่)าแห้น�งบน Standard Color Wheel ค�า Saturationจะเพ'�มข-�นจากี่จ5ดกี่-�งกี่ลางจนถ-งเสีนขอบโดยค�าท��เสีนขอบจะม�สี�ท��ช้ ดเจนและอ'�มต่ วท��สี5ด - Brightness ค�อ รู้ะด บความสีว�างและความม�ดของสี� โดยค�าความสีว�างของสี�จะเรู้'�มท�� 0 ถ-ง 100 ถากี่)าห้นดท�� 0 ความสีว�างจะนอยซึ่-�งจะเป็+นสี�ด)า แต่�ถากี่)าห้นดท�� 100 สี�จะม�ความสีว�างมากี่ท��สี5ด ย'�งม�ค�า Brightness มากี่จะท)าให้สี�น �นสีว�างมากี่ข-�น

เล�อกี่สี�เสีนและสี�พ��นเล�อกี่สี�ดวยท�ลพาเนล

กี่ารู้เล�อกี่ใช้สี�ค5ณอาจเล�อกี่กี่�อนกี่ารู้วาด เพ��อกี่)าห้นดสี�ให้กี่ บออบเจ.คให้ม� ห้รู้�อเล�อกี่เพ��อเป็ล��ยนสี�ให้กี่ บออบเจ.คท��วาดไวแลวกี่.ได โดยใช้เครู้��องม�อ Stroke Color เพ��อเล�อกี่สี�สี น ห้รู้�อ Fill Color เพ��อเล�อกี่สี�พ��น ด งน��

เล�อกี่ดวยพาเนล ColorColor เป็+นพาเนลท��ใช้ในกี่ารู้เล�อกี่สี�โดยค5ณ

สีามารู้ถผสีมสี�ต่ามต่องกี่ารู้ และย งกี่)าห้นดสี�ไดห้ลายรู้�ป็แบบ เช้�น สี�แบบเรู้�ยบ, สี�เกี่รู้เด�ยนท0 ห้รู้�อนพถาพบ'ทแมพมาใช้เป็+นสี�พ��นกี่.ได

ค)าสี �งท��ใช้เป็%ด/ป็%ดพาเนล : Windowe – Color (ค�ย0ล ด Shift + F9)

เล�อกี่สี�ดวยพาเนล Swatchesสี�ท��แสีดงในต่ารู้างสี�ของพาเนล Swatches

จะเป็+นช้5ดเด�ยวกี่ บในต่ารู้างสี�ของเครู้��องม�อ Stroke Color และ Fill Color ซึ่-�งโดยป็กี่ต่'จะเป็+นสี�ช้5ด Web 216 แต่�ค5ณกี่.สีามารู้ถเพ'�ม/ลดจ)านวนสี�ในต่ารู้างน��ได

ค)าสี �งท��ใช้เป็%ด/ป็%ดพาเนล : Window – Swatches (ค�ย0ล ด Ctrl + F9)

ใช้สี�เกี่รู้เด�ยนท0เกี่รู้เด�ยนท0 (Gradient) เป็+นสี�ท��ม�กี่ารู้ไล�

รู้ะด บโทนสี�จากี่สี�ห้น-�งไป็ย งอ�กี่สี�ห้น-�งห้รู้�อห้ลายสี�กี่.ได ซึ่-�งจะท)าให้ภาพกี่รู้าฟิ%กี่ด�ม�ม'ต่'มากี่ข-�น ค5ณสีามารู้ถกี่)าห้นดให้ใช้สี�เกี่รู้เด�ยนท0ท��เสีนห้รู้�อท��พ��นของรู้�ป็ทรู้งกี่.ได โดยรู้�ป็แบบกี่ารู้ไล�สี�ม� 2 แบบด งน��

แบบแนวต่รู้ง (Linear) ค�อไล�จากี่สี�ห้น-�งไป็ย งสี�อ��นเป็+นแนวต่รู้ง

แบบรู้ ศม�วงกี่ลม (Radial) ค�อไล�จากี่สี�ห้น-�งไป็ย งสี�อ��น โดยเรู้'�มจากี่จ5ดศ�นย0กี่ลางแลวกี่รู้ะจายออกี่ดานนอกี่เป็+นวงกี่ลม

กี่)าห้นดสี�เกี่รู้เด�ยนท0ข �นต่อนในกี่ารู้เล�อกี่ใช้สี�เกี่รู้เด�ยนท0จะต่องเล�อกี่

จากี่พาเนล Color และ สีามารู้ถเป็ล��ยนแป็ลงเฉดสี�ของเกี่รู้เด�ยนท0ไดต่ามต่องกี่ารู้ โดยม�ข �นต่อนด งน��

เพ'�มจ5ดสี�จากี่ต่ วอย�างท��ผ�านมาจะเห้.นว�าสี�ท��ไล�โทนมพ�ยง

สีองสี� จากี่สี�ห้น-�งไป็ย งอ�กี่สี�ห้น-�ง แต่�ห้ากี่ต่องกี่ารู้ใช้โทนสี�มากี่กี่ว�าน��กี่.สีามารู้ถเพ'�มจ5ดสี�ให้ม�ต่�อไป็ได โดยใช้เมาสี0ท��ม�รู้�ป็บวกี่ คล'กี่บนแถบสี�ของพาเนล Color ต่รู้งต่)าแห้น�งท��จะเพ'�มแลวกี่)าห้นดค�าสี�ให้กี่ บจ5ดน �น ด งภาพ

ลบจ5ดสี�ห้ากี่จ5ดสี�ม�มากี่เกี่'นไป็กี่.สีามรู้ถลดจ)านวนลงได

โดยคล'กี่ลากี่ลงดานล�างให้ออกี่จากี่แถบสี�

ยายต่)าแห้น�งจ5ดสี�ต่)าแห้น�งของจ5ดสี�ม�ผลต่�อล กี่ษณะกี่ารู้ไล�โทนของ

สี�เกี่รู้เด�ยนท0 ค5ณสีามารู้ถยายต่)าแห้น�งของจ5ดสี�ต่�างๆไดโดย คล'กี่ลากี่จ5ดสี�น �นไป็ต่ามแนวแถบสี�

ป็รู้ บท'ศทางและกี่ารู้กี่รู้ะจายของเกี่รู้เด�ยนท0เม��อม�กี่ารู้กี่)าห้นดสี�เกี่รู้เด�ยนท0ให้กี่ บภาพกี่รู้าฟิ%กี่

ไม�ว�าจะแบบแนวต่รู้งห้รู้�อแบบรู้ ศม�วงกี่ลมกี่.ต่าม ค5ณสีามารู้ถป็รู้ บท'ศทางและแนวของสี�เห้ล�าน��ไดให้ม�ต่ามความเห้มาะสีมของแต่�ละภาพด งน��

รู้�ป็แบบกี่ารู้ป็รู้ บแต่�งเกี่รู้เด�ยนท0เครู้��องม�อท��ใช้สี)าห้รู้ บป็รู้ บท'ศทางและรู้�ป็แบบ

กี่ารู้กี่รู้ะจายของสี�เกี่รู้เด�ยนท0 ป็รู้ะกี่อบดวยสี�วนต่�างๆ ด งน��

กี่ารู้เรู้�ยงต่�อของสี�เกี่รู้เด�ยนท0ในสี�เกี่รู้เด�ยนท0ท �งสีองแบบค5ณสีามารู้ถเล�อกี่

รู้�ป็แบบกี่ารู้เรู้�ยงต่�อกี่ นของสี� (Overflow) แต่�ละช้�วงได โดยกี่ารู้เรู้�ยงต่�อกี่ นน��จะป็รู้ากี่ฎข-�นกี่.ต่�อเม��อค5ณป็รู้ บท'ศทางห้รู้�อกี่ารู้กี่รู้ะจายของสี�จนขอบเขต่ของสี�น �นม�ขนาดเล.กี่กี่ว�าขนาดของออบเจ.ค

ว'ธี�กี่)าห้นดกี่ารู้เรู้�ยงต่�อท)าไดโดยคล'กี่เล�อกี่ท��ช้�อง Overflow บนพาเนล Color ซึ่-�งม�ให้เล�อกี่ 3 รู้�ป็แบบด งน��

Extend ใช้ช้5ดสี�เด�ยวต่�อเน��องออบเจ.ค โดยไม�ม�กี่ารู้เรู้�ยงต่�อใดๆ

Reflect เรู้�ยงต่�อสี�แบบสีล บแนวกี่ารู้ไล�สี�แต่�ละช้5ดจนเต่.มออบเจ.ค

Repeat เรู้�ยงต่�อสี�ในแนวเด'มแต่�ละช้5ดจนเต่.มออบเจ.ค

เน��องจากี่ออบเจ.คต่�างๆสีามารู้ถวางซึ่อนท บกี่ นได ด งน �นห้ากี่ออบเจ.คดานบนม�ความโป็รู้�งใสีกี่.จะท)าให้สีามารู้ถมองทะล5ลงไป็เห้.นออบเจ.คท��อย��ดานล�างได สี�วนจะเห้.นช้ ดมากี่ห้รู้�อนอยกี่.ข-�นอย��กี่ บความโป็รู้�งใสีของสี�น �นซึ่-�งกี่)าห้นดดวยค�า Alpha โดย 100% ค�อสี�ท��ท-บท��สี5ด และ 0% ห้มายถ-งสี�ท��โป็รู้�งแสีงท��สี5ดจนมองไม�เห้.นเลย ข �นต่อนกี่ารู้กี่)าห้นด Alpha ท)าไดด งน��

กี่)าห้นดความโป็รู้�งใสีของสี� (Alpha)

ใช้ภาพบ'ทแมพแทนสี�เสีนและสี�พ��นค5ณสีามารู้ถน)ารู้�ป็ภาพแบบบ'ทแมพมาใช้รู้ะบาย

แทนสี�เสีนห้รู้�อสี�พ��นของออบเจ.คได โดยโป็รู้แกี่รู้มจะด-งภาพท��อย��ในไลบรู้ารู้�มาให้เล�อกี่ แต่�ถาห้ากี่ย งไม�ม�ภาพใดๆในไลบรู้ารู้� ห้รู้�อถาต่องกี่ารู้ใช้ภาพอ��นกี่.สีามารู้ถอ'มพอรู้0ต่ภาพบ'ทแมพเขามาให้ม�ไดป็รู้ บแต่�งภาพบ'ทแมพท��ใช้เป็+นสี�เสีนและสี�พ��น

กี่ารู้ป็รู้ บขนาด, ต่)าแห้น�ง, กี่ารู้ห้ม5นห้รู้�อบ'ดเอนภาพบ'ทแมพท��ใช้เป็+นสี�เสีนและสี�พ��น สีามารู้ถท)าไดโดยใช้เครู้'�องม�อ Gradient Transform ซึ่-�งจะม�จ5ดควบค5มต่�างๆเป็ล��ยนสี�และค5ณสีมบ ต่'ของเสีนดวยเครู้��องม�อ Ink Bottle

Ink Bottle เป็+นเครู้��องม�อท��ใช้ในกี่ารู้เป็ล��ยนค5ณสีมบ ต่'ของเสีน (Stroke) ห้รู้�อขอบของรู้�ป็ทรู้งท��วาดไวแลว และนอกี่จากี่น��ย งใช้เต่'มเสีนขอบให้กี่ บรู้�ป็ทรู้งท��ไม�ม�เสีนขอบไดอ�กี่ดวย

เต่'มสี�พ��นดวยเครู้��องม�อ Paint BucketPaint Bucket เป็+นเครู้��องม�อสี)าห้รู้ บเต่'มสี�พ��น

(fill) ให้กี่ บภาพ ไม�ว�าบรู้'เวณน �นจะม�สี�พ��นเด'มอย��แลวห้รู้�อเป็+นเพ�ยงพ��นท��ว�างท��ม�เสีนรู้อบ ค5ณสีามารู้ถเล�อกี่สี�ท��จะเต่'มไดท �งสี�แบบเรู้�ยบ, สี�เกี่รู้เด�ยนท0 และรู้�ป็ภาพบ'ทแมพ โดยพ��นท��ท��เต่'มไม�จ)าเป็+นต่องเป็+นรู้�ป็ทรู้งป็%ดสีมบ�รู้ณ0 แต่�ค5ณสีามารู้ถกี่)าห้นดขนาดช้�องว�างบนเสีนขอบรู้�ป็ทรู้งท��จะยอมให้เต่'มสี�ได

กี่<อป็ป็=� สี�จากี่ออบเจ.คอ��นมาใช้ดวยเครู้��องม�อ Eyedropper

Eyedropper เป็+นเครู้��องม�อท��ใช้สี)าห้รู้ บกี่<อป็ป็=�ค5ณสีมบ ต่'ของเสีนห้รู้�อสี�พ��นของออบเจ.คห้น-�ง เพ��อน)าไป็ใช้กี่ บออบเจ.คอ��นๆ

จบบทท�� 4 ค�ะ