2006/Sep/09

สารบัญ

บทที่1 : Selection
บทที่2 : Mask
บทที่3 : Channel
บทที่4 : Channel Mixer
บทที่5 : Layer & Blending Mode
บทที่6 : Layer part2 : Adjustment Layer and the rest
บทที่7 : History Brush
บทที่8 : Photo Technique
บทที่9 : Save for web

สิ่งหนึ่งที่เป็นพื้นฐานที่สำคัญในการตัดต่อ ตกแต่ง หรือวาดภาพอะไรในโปรแกรม Photoshop นั่นก็คือ "การทำ selection" หรือการเลือกบริเวณที่ต้องการเพื่อจะเอาไปทำอะไรต่อนั่นเอง บทความนี้จะแนะนำการทำ selection ที่ผมคิดว่าน่าจะมีประโยชน์ต่อเพื่อนๆทุกคนครับ

การทำ selection นั้นทำได้หลายวิธีด้วยกัน ซึ่งแต่ละวิธีก็มีข้อดีข้อเสียของมันครับ
ทางที่ดีเราควรจะใช้ความคิดสร้างสรรค์ดูว่าภาพแบบนั้น แบบนี้ เราจะเลือกยังไงถึงจะง่ายที่สุด

วิธีการ selection หลักๆก็มีดังนี้ครับ

- TheBasic SelectionTool
-TheMagic WandTool
-The Pen Tool
-Select --> Color Range
-* Quick mask mode [ วิธีนี้เป็นวิธีที่ผมแนะนำให้ใช้ผสมผสานกับวิธีอื่นครับ ]

-The Extract filter อันนี้จะเป็นการแยกรูปที่ต้องการออกมาครับ ไม่ใช่การ selection โดยตรง

แต่ก่อนอื่นมารู้จัก ปุ่ม hotkey พื้นฐานซัก5-6อันที่ทำให้ชีวิตง่ายขึ้นครับ

กดปุ่ม " [ "เพื่อลดขนาดแปรง
กดปุ่ม "] "เพื่อเพิ่มขนาดแปรง
Ctrl + ปุ่ม- เพื่อซูมออก
Ctrl + ปุ่ม+ เพื่อซูมเข้า
กดปุ่ม space bar แล้วลากเม้าส์เพื่อเป็นการแพนรูป
ปุ่ม Ctrl +d เพื่อเป็นการยกเลิก selection ครับ

เมื่อรู้แล้วเรามาเรียนรู้เรื่อง selection กันได้แล้วครับ

Basic Selection Tool

- Rectangular maquee
- Eliptical maquee

อันแรกก็พวก Maquee selection ก็เป้นการ selectแบบรูปทรงเรขาคณิต จำพวกสี่เหลี่ยม ไม่ก็วงกลม อันนี้ไม่มีอะไรยาก "คลิ๊กแล้วลาก" แค่นั้น แต่เทคนิคอยู่ตรงนี้ซึ่งใช้ได้กับ selection ได้ทุกแบบ

1.) กด SHIFT ขณะวาดจะได้สี่เหลี่ยมจตุรัส ไม่ก็วงกลมเป๊ะๆ หรือถ้ากดทั้ง ALT+SHIFT จะได้ selection ที่จุดที่เราเลือกเป็นจุดศูนย์กลางครับ

2.)เราสามารถเพิ่ม selection อันต่อไปเข้าไปกับอันเก่าได้ โดยการกดปุ่ม SHIFT ค้างไว้ขณะทำการ selection ครับ [สำหรับคนที่เรียนคณิตศาสตร์เรื่องเซตมาอันนี้เรียกว่าUnion ครับ ]

3.) เราสามารถทำให้ส่วนที่คาบเกี่ยวกันของ selection อันแรกกับอันที่2หายไปได้โดยการกด ALT ค้างไว้ตอนวาด selection อันที่สอง [Substract]

4.) เราสามารถเลือกเฉพาะส่วนที่คาบเกี่ยวกันของ selection ทั้งสองได้โดยการ
กด ALT+SHIFT ค้างไว้ตอนวาด selection อันที่สอง [Intersect]

- Lasso tool

- Polygonal lasso tool

อันนี้ไว้ลากแบบรูปทรงอิสระครับ ใช้ยากถ้ามือไม่นิ่งจริง
ไม่แนะนำให้ใช้เท่าไหร่ครับ

Polygonal lasso tool

อันนี้เหมาะสำหรับทำ selection รูปภาพที่เป็นเหลี่ยมๆ ไม่มีส่วนโค้งครับ

- Magnetic Lasso Tool

อันนี้จะคล้ายๆกับ Lasso Tool ครับ แต่มันจะฉลาดกว่า โดยเราไม่ต้องลากแม่นมากนัก มันจะทำการเลือกให้พอดีกับรูปเอง แต่มีข้อแม้ว่า พื้นที่ที่เราเลือกกับฉากหลังต้องมีสีที่แตกต่างกันครับ ซึ่งมีเทคนิคการใช้เล็กน้อย

- กดคลิ๊กซ้ายทีเดียวแล้วลาก พอลากไปซักระยะหนึ่งเริ่มได้รูปที่ต้องการแล้วให้กดคลิ๊กซ้ายอีกที แล้วลากต่อไป การคลิ๊กซ้ายจะเป้นการกำหนดจุดให้มัน เพื่อผลออกมาจะได้ได้ดั่งใจ
- หากไม่พอใจรูปที่ออกมา ให้กดปุ่ม Back Space เพื่อย้อนไปยังจุดที่ผ่านมา
- สามารถปรับแต่ง option bar ได้ซึ่งมีตัวเลือกดังนี้
- feather ค่าความฟุ้งของ selection
- width เลือกว่าแม่เหล็กนั้นจะส่งผลได้ไกลแค่ไหน
- contrast ค่าความแตกต่างของสี ที่แม่เหล็กจะนำมาคำนวณ
- frequency คือความถี่ของการปราฏสี่เหลี่ยมเล็กๆเวลาใช้ทูลนี้

เพื่อนๆก็ลองเล่นๆดูละกันครับ น่าจะเข้าใจไม่ยากนัก

Magic Wand Tool

ใช้เลือกบริเวณที่มีสีใกล้เคียงกับบริเวณที่ไม้วิเศษจิ้มลงไป

สามารถกำหนดค่าความใกล้เคียงของสีที่จะส่งผลได้ โดยปรับค่า Tolerance ใน option bar ครับ ยิ่งมากยิ่งกินสีอื่นมาก มีประโยชน์มากครับ สำหรับรูปที่มี BG สีตัดกับ Foreground อย่างชัดเจน

Pen Tool

ทูลนี้เหมาะกับคนที่คล่องในการใช้ Pen Tool เช่นคนที่เล่น Illustratorน่าจะชำนาญมาก

เป็นการใช้ Pen Tool ในการสร้าง Path ก่อน [ ต้องเลือก Option ของ Tool ให้เป็น Path นะครับไม่ใช่ Shape Layer ] หลังจากนั้น ก็แปลงให้ Path กลายเป็น Selectionภายหลัง โดบกดคลิ๊กขวา แล้วเลือก Make Selection

Select --> Color Range

วิธีใช้ ก็เลือกเมนู Select แล้วกด Color Range

เหมาะกับการเลือกพื้นที่ที่มีสีแตกต่างไปจากส่วนอื่นอย่างชัดเจน

โดยมันจะให้จิ้มบริเวรที่ต้องการเลือก แล้วให้เราปรับว่า จะให้กินพื้นที่สีที่คล้ายคลึงกับสีนั้นด้วยมากแค่ไหน ยิ่งลาก Fuzziness มากก็จะยิ่งกินมาก
โดยที่จะแสดงบริเวณที่ถูกเลือกด้วยสีขาว บริเวณที่ไม่ถูกเลือกด้วยสีดำ

ซึ่งวิธีนี้มักจะให้ผลลัพท์ที่ยังไม่ตรงใจนัก ควรนำไปตกแต่งต่อด้วย Quick Mask Mode ที่จะแสดงต่อไปครับ

Quick Mask Mode

วิธีเข้าโหลดนี้ ให้กดไอคอน Edit in Quick Mask Modeที่อยู่บริเวณล่างๆของ Tool bar ครับ ดังรูปด้านซ้ายมือ

วิธีใช้คือให้ระบาย หรือถมสีด้วยวิธีใดก็ได้ลงไปในภาพ จะใช้บริเวณที่ถมจะเป็นสีแดง(เราสามารถเปลี่ยนสีได้ตามใจชอบโดยการกดดับเบิ้ลคลิ๊กปุ่มที่เอาไว้เข้าโหมดนี้ครับ )

ถ้าหากไม่พอใจก็ใช้ยางลบลบได้ สีแดงก็จะหายไปครับ

หลังจากนั้นตกแต่งตามต้องการ โดยบริเวณที่ไม่ได้เป็นสีแดง ก็จะกลายเป็นบริเวณที่ถูกเลือกเมื่อกลับสู่โหมดปกติครับ

ซึ่งเมื่อลองกดปุ่มEdit in Standard Mode ที่อยุ่ด้านข้าง ก็จะกลับมาสู่โหมดปกติ

ซึ่งกลับกัน ถ้าหากเราทำการ selection ด้วยวิธีอื่นๆดังที่กล่าวมาทั้งหมด แล้วกดเข้ามายังโหมด Quick Mask เราก็สามารถแก้ไข selection ที่ทำไว้แล้วโดยละเอียดขึ้นไปอีกได้ครับ

วิธีแยกรูปแบบพิเศษ

Extract Filter

เข้าโดย
เลือกเมนู Filer--> Extract

เหมาะกับการเลือกรูปที่มีลักษณะเป็นเส้นผม หรือขนสัตว์ที่ฟุ้งๆ

แต่ก่อนที่จะทำนั้น ผมแนะนำให้ duplicate layerที่เราจะทำสำรองไว้ก่อนครับ เพราะถ้า extract แล้วมันจะลบฉากหลังทิ้งไปเลย


โดยที่อุปกรณ์หลักๆจะมี ปากกาไฮไลท์
ซึ่งวาดออกมาแล้วจะมีสีเขียว (ถ้าไม่ได้ปรับอะไร)
กับกระป๋องเทสี ที่เทออกมาแล้วจะมีสีฟ้า
วิธีใช้ทำดังนี้ครับ
1.) ใช้ปากกาไฮไลท์ลากบริเวณขอบที่เราต้องการตัด ส่วนตัวแล้วเท่าที่ผมลองพยายามอย่าลากกินเข้าไปในรูปที่ต้องการมากนักจะดีที่สุด ให้กินเข้าไปนิดเดียว
2.) ให้ใช้ประป๋องเทสี เทสีเข้าไปตรงรูปที่เราต้องการ
3.) กดปุ่ม Preview เพื่อดูผลลัพธ์
โดยสามารถเลือกฉากหลังให้เป้นสีขาว สีดำ หรือว่าโปร่งใสก็ได้
4.) หลังจากนั้นใช้ Clean Up tool กับ Edge Touch Up Tool ในการตกแต่งขั้นสุดท้าย[ กดปุ่ม 1-9 เป้นการกำหนดความหนักเบาของหัวแปรง ]
แล้วกด OK เพื่อเป็นการตกลงผลลัพธ์

เพิ่มเติมนิดนึง เราสามารถกลับการ selection ได้นะครับ คือให้ ส่วนที่เลือกไว้กลายเป้นไม่ได้เลือก ส่วนที่ไม่ได้เลือกกลายเป็นถูกเลือกแทน
โยการเลือกไปที่ select --> inverse ครับ

อ่อ ท้ายสุดแล้ว
เราสามารถ save เอา selection ที่เราทำไว้
เอาไว้ใช้ในครั้งต่อๆไปในภายภาคหน้าได้นะครับ

โดยกด select --> save selection ครับ
ถ้าจะเอามาใช้ก็ select --> load selection ครับ

ป.ล. แต่ต้อง save ไฟล์เป็น .psd นะครับ

วันนี้คงต้องพอแค่นี้ครับ


edit @ 2006/09/10 02:39:57
edit @ 2006/09/10 13:37:39


edit @ 2006/09/12 10:16:44
edit @ 2006/09/12 19:56:15
edit @ 2006/09/28 21:25:19
ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
ขอบคุณคับ
กำลังหาวิธีทำแบบนี้อยูพอดีเลย
#1  by  ฿฿- Try -฿฿ At 2006-09-09 23:45, 
พื้นฐานสำคัญยิ่ง
#2  by  vee At 2006-09-11 11:43, 
ดีจังเลย สอนเรื่อยๆนะคะ จะเข้ามาเรียน คุคุ
แอ๊ดล่ะน๊า~
#3  by  ✿yumin✿ At 2006-09-12 22:02, 
บล๊อกดีๆ เรานิยม
#4  by  P AKE At 2007-01-03 15:34, 
ก็ดี คะ กำลังหาวิธีอยู่พอดีเลย
#5  by  อิ๋ง (58.147.108.87 /192.168.1.77) At 2007-07-19 12:44, 
ก็ดีคะ กำลังหาอยู่พอดี*0*
#6  by  บิว (58.147.108.87 /192.168.1.77) At 2007-07-19 12:48, 
วะวะวะววะวะวะวว้าว ๆ ๆ ๆ ๆ ๆ
#7  by  จีระ (118.175.66.134) At 2008-07-21 17:07, 
ทำเว็บได้ดีมากเลยค่ะ ชอบมาก มีประโยชน์กับคนที่กำลังเรียนรู้ ขอบคุณน่ะค่ะ ที่สร้างสรรค์สิ่งดี ๆ แบบนี้question
#8  by  เด็กหัดเรียน (124.121.186.89) At 2008-08-13 11:15, 
ถ้าจะให้ดีน่ะค่ะ น่าจะอธิบายประกอบภาพทีละขั้นตอนหน่ะค่ะ ไหน ๆ ก็จะทำให้ดีแล้ว น่าเพิ่มเติมน่ะค่ะ อย่างหนูหัดเรียนใหม่ๆ บางทีไม่รู้ว่าเครื่องมือต่างๆ มีหน้าตาเป็นไงหน่ะค่ะ ช่วยเพิ่มรูปเข้าไปหน่อยซิค่ะconfused smile
#9  by  เด็กหัดเรียน (124.121.186.89) At 2008-08-13 11:28, 

<< Home


Sira Ekabut
View full profile