>> Levels

เวลาเราไปไหนมาไหน หรือไปที่ๆต้องการเก็บไว้เป็นความทรงจำเราก็มักจะถ่ายรูปกันใช่ไหมครับ บางทีเราถ่ายรูปออกมาแล้วเนี่ยะ
คิดว่าเออ.. แสง-เงาใช้ได้ องค์ประกอบดี สัสันชัดเจน แต่พอเอาลงคอมแล้วเนี่ย บางรูปก้อมืดไปใช่ไหมครับ การปรับแต่ง Levels อาจช่วยคุณได้ครับ

Levels ก็คือการ Remake ภาพใหม่ให้มีความสมดุลมากยิ่งขึ้น ทั้งในด้านของแสง-เงา ต่างๆ รวมทั้งสีด้วย ซึ่งเนื้อหาของ Levels นี้ยากพอสมควรนะครับ ซึ่งเราเองต้องมานั่งเรียบเรียงสำนวนตั้งหลายรอบว่าจะอธิบายยังไงให้เข้าใจดี - - เพราะว่ามันยากจริงๆครับ (ตรงอธิบายเนี่ยะแหละ) แต่ในส่วนของวิธีทำไม่ยากเลย ถ้าเราคิดจะลองทำดูครับ ^^"

1. ขั้นแรกเลยครับ เปิดไฟล์ภาพที่ต้องการจะทำ Levels ครับผม

2. ไปที่แถบด้านบน ไปที่ Image > Adjustment > Levels (หรือ Ctrl+L)

3. จะมีแถบของ Levels ขึ้นมานะครับ มาถึงตรงนี้ก็อย่าเพิ่งงงกันนะครับ เดี๋ยวจะอธิบายทีละองค์ประกอบเลยครับ

Channel - เลือก Channel ของสีที่ต้องการจะทำการ Levels ครับ
Input Levels - ** ตรงที่มีตัวเลขไม่ต้องสนใจนะครับ ถ้าต้องการปรับ Levels จริงๆ แนะนำให้ไปปรับที่กราฟเลยนะครับ ** ซึ่งกราฟที่เห็นนั้น มีชื่อเรียกว่า Histogram ครับ ซึ่งจะแสดงแสง-เงาของภาพครับ

แต่ขอเบรกซักแปบนะครับ ก่อนที่จะกล่าวถึงการปรับความสมดุลของสี เรามารู้จัก 3 ค่านี้กันก่อน
Shadows - ตรงตามตัวเลยครับ เป็นการปรับระดับของเงาในภาพครับ
Midtones - ปรับระดับความสว่างของภาพครับ ประมาณว่าใกล้เคียงกับการปรับ Brightness ครับ
Highlights - ปรับระดับความคมชัดของภาพครับ ประมาณว่าใกล้เคียงกับการปรับ Contrast ครับ

สามารถปรับความสมดุลได้โดยการคลิกแล้วเลื่อนที่รูปสามเหลี่ยมทั้ง 3 จุดตรงเส้นข้างล่างกราฟนะครับ
อันแรกคือ Shadows อันที่ 2 คือ Midtones อันที่ 3 คือ Highlights ครับ

Output Levels - เหมือนกับ Brightness เลยครับคือปรับความืด-สว่าง
วิธีการปรับก็คลิกแล้วเลื่อนที่รูปสามเหลี่ยมครับ อันซ้ายมือเพิ่มความสว่าง อันขวาลดความสว่างครับ
Auto - ปรับ Levels แบบ Auto ครับ (หรือ Auto Levels คีย์ลัด Shift+Ctrl+L) คลิกเดียวจบ
แต่บางคน(รวมทั้งเราด้วยอาจจะยังไม่ถูกใจกับ Auto Levels ครับ ปรับเองจะสวยกว่า)
Options - ตั้งค่าต่างๆ เกี่ยวกับ Levels ครับ เราเองก็ยังไม่ได้ลองเล่นตรงนี้ดูเลย - -* ขออภัยด้วยครับ

** ตรงนี้ภาพจะสวยได้ต้องขึ้นอยู่กับคุณแล้วแหละครับ เพราะว่าอธิบายอย่างเดียวอาจไม่พอ ต้องลองทำเองด้วยนะครับ **

4. ตามผลงานครับ ภาพนี้ต้นฉบับครับ ยังเป็นๆ อยู่

5. ลองวิชาครับ

6. เริ่มขี้เกียจแล้ว Auto Levels เลย - -"

7. มาเปรียบเทียบระหว่าง 3 ภาพกันเลยครับ

ต้นฉบับ

Levels

Auto Levels

เป็นไงมั่งครับ แตกต่างกันเยอะมั้ย แต่สำหรับภาพนี้นะครับ ต้นฉบับ กับ Auto Levels ไม่ค่อยต่างกันเลย ตรงนี้ขึ้นอยู่กับภาพที่เราจะนำมา Levels นะครับ ภาพจะสวยหรือไม่สวยก็ต้องขึ้นอยู่กะมือคุณแล้วนะครับ ลองทำดูครับ รับรอง แจ่ม !!!

>> Hue/Saturation

ต่อเนื่องอีกเรื่องนึงเลยนะครับ พอดีวันนี้อัพดึกไปหน่อย - -" ซึ่ง Hue/Saturation เองเนี่ย เป็นเทคนิคที่ใช้ง่ายมากๆ และส่วนใหญ่จะนำมาใช้ในงาน Artworks (ส่วนใหญ่) ด้วยนะครับ เอาละนะเราจะร่ายยาวแล้ว...

Hue/Saturation ก็คือการเปลี่ยนสีให้กับรูปภาพโดยที่ยังคงสภาพเดิมของภาพไว้ครับ ตัวนี้ลูกเล่นไม่เยอะครับ มาชมกันเลยย...

1. เปิดไฟล์รูปภาพที่ต้องการจะ Hue/Saturation ครับ

2. ไปที่ Image > Adjustment > Hue/Saturation (หรือ Ctrl+U ก็ได้ครับ)

3. จะมี Options ของ Hue/Saturation ขึ้นมาครับ โดยในแถบ Edit จะเป็นการเปลี่ยนสีเป็นส่วนๆครับ คือ

Master - เปลี่ยนสีโดยรวมทั้งภาพ หรือในส่วนที่เลือกไว้ครับ
ส่วน Reds , Yellows , Greens , Cyans , Blues , Magentas
นั้นจะเปลี่ยนสีเฉพาะสีที่เป็นโหมดสี (Reds , Yellows , Greens , Cyans , Blues , Magentas) เท่านั้นครับ

Hue - คือสีที่ต้องการครับ
Saturation - ความคมชัดของสีครับ เช่นเดียวกับ Contrast ค่ามากสีจะเข้ม ค่าน้อยจะกลายเป็นภาพขาว-ดำไปเลยครับ
Lightness - ความมืด-สว่างครับ
Colorize - เมื่อคลิกถูกแล้วภาพจะย้อนกลับกลายเป็นภาพ 2 สี หรือ Duotone (แบบภาพขาว-ดำแหละครับ) สามารถปรับค่า Hue , Saturation และ Lightness ได้ครับ (ดูรูปได้ที่ข้อ 5. นะครับในส่วนของ Colorize)

เมื่อดูจากภาพแล้ว สีจะเปลี่ยนไปจากเดิมเยอะเลยครับ นู๋ฮารุฮิตัวดำขึ้นนิดนึง - -"

4. นู๋ฮารุฮิ แบบ B&W Image - เห็นไหมครับถ้าค่า Saturation น้อย จะกลายเป็นขาว-ดำ ไปเลย (-100 นี้น้อยสุดเลยนะ)

5. นู๋ฮารุฮิ ใส่ Colorize พร้อมปรับค่า Hue , Saturation

6. ต้องการสีสันบาดตาบาดใจแค่ไหนก็เชิญปรับได้ตามสะดวกครับ กด OK และเซฟ เป็นอันเสร็จสิ้นครับ

สวัสดีครับ หลังจากที่งมโข่งแก้ Theme มาตั้งนาน คราวนี้ก็ขอประเดิม New Entry ใหม่เลยละกัน ^^" ซึ่ง Blog ของเรา ที่ตั้งใจจะนำเสนอนั้น จะว่าด้วยเทคนิคเล็กๆน้อยๆ เกี่ยวกับการสร้างภาพ เพื่อตบตาคนอื่น (อ้ะไม่ใช่...) ด้วยโปรแกรมที่คุ้นเคยกันดีคือ Adobe Photoshop & Imageready นะครับ

** แรกเริ่มเลยก็อยากจะบอกว่า บางท่านอาจจะทราบแล้วเกี่ยวกับเทคนิคเล็กๆน้อยๆพวกนี้นะครับ ถ้าท่านใด ต้องการนำไปใช้ก็ไม่ได้ห้ามนะครับ ไม่เข้าใจ สงสัยอะไร ที่ไหน อย่างไร มีข้อผิดพลาดหรือติ-ชม ก็ Comments มาได้นะครับ ^^ **

>> ว่าด้วยการ Stroke & Gradient Overlay ใน Blending Options

การ Stroke นะครับ ก็คือการเพิ่มความหนาเป็นขอบออกมา สามารถใช้ได้ทั้งรูปภาพ Text รวมทั้ง Shape ด้วย ในวิธีทำจะเป็นการทำ Stroke ของ Text นะครับ แต่ถ้าจะใช้กับรูปภาพ หรือ Shape ก็ทำเหมือนกันครับ ไม่ยากเลย เริ่มเลยละกันนะ..

1. เข้า Photoshop ก่อนนะครับ (ของเราใช้ CS2 นะ) แล้วสร้างหน้ากระดาษเปล่าโดยคลิกที่ File > New (หรือ Ctrl+N) แล้วเลือกขนาดตามต้องการนะครับ (ในที่นี้เราใช้ 200x150 px.) เลือกแล้วกด OK เลย

2. จะได้หน้ากระดาษเปล่าๆ มา 1 หน้าครับ

3. ทำการสร้าง Text โดยการคลิกรูปตัว T ที่แถบ Tools ด้านซ้ายมือ > คลิกที่ตัว T > คลิกที่หน้ากระดาษค้างแล้วลากให้เป็นกรอบสี่เหลี่ยม แล้วปล่อย > พิมพ์ Text ที่ต้องการ โดยเลือก Fonts ขนาด และสี ได้ที่แถบด้านบนครับ

4. ดูที่แถบ Layers ด้านล่างขวามือนะครับ คลิกเครื่องหมายแรก (Add a layer style) เลย ที่เป็นรูป Flash น่ะครับ

5. แล้วเลือก Blending Options ซึ่งในส่วนนี้มีลูกเล่นมากมายเลยนะครับ แต่ขออธิบายเพียงแค่ Stroke กับ Gradient Overlay ละกันนะครับ เพราะว่าจำเป็นในการทำ Artworks งามๆ ครับ

6. จะเห็น Blending Options นะครับ ให้คลิกที่ Stroke นะครับ จะมีลูกเล่นมากมายเหมือนเคย จะอธิบายเป็นอย่างๆนะครับ..

>> ในแถบ Structure

• Size - เป็นขนาดของ Stroke นะครับ ว่าจะให้ใหญ่มากน้อยเพียงใด
• Position - เป็นตำแหน่งของ Stroke ครับ ว่าจะให้ Stroke ตรงไหน
• Blend Mode - เป็นลักษณะการ Stroke ครับ
• Opacity - เป็นค่าความโปร่งใสครับ
• Fill Type - เป็นการตั้งค่า Stroke นะครับ โดยจะมี 3 ค่าคือ
  • Color - จะเป็นการ Stroke โดยแบบใช้สีธรรมดา คลิกเลือกสีที่ต้องการตรง Color ได้เลย
  • Gradient - Stroke แบบ Gradient ครับ เมื่อเลือก Stroke แบบ Gradient แล้วจะมี Options เพิ่มขึ้นมาครับ คำอธิบายอยู่บรรทัดต่อไป..
    • Gradient - เป็นการเลือกลักษณะของสีที่จะ Gradient ครับ
      อย่างเช่น Foreground to background - จะเป็นการ Gradient ตั้งแต่ Foreground ไปยัง background , Foreground to transparent - เป็นการ Gradient ตั้งแต่ Foreground ไปยังโปร่งใส เป็นต้นครับ
      ** คลิกถูกที่ Reverse เพื่อสลับสีการ Gradient ครับ **
      Style - เป็น Style การ Gradient ครับ
      Angle - ปรับองศาของการ Gradient ครับ จะว่าไปก็คือทิศทางการ Gradient แหละครับ
      Scale - คือการเซตค่าระหว่าง 2 สีที่จะนำมา Gradient ครับ ยิ่ง Scale น้อย Gradient จะออกมาไม่กลมกลืนกันระหว่าง 2 สีครับ มันจะดูเป็นการแบ่ง 2 สีออกจากกันเลย ไม่เชื่อลองทำดูสิ - -*
  • Pattern - Stroke แบบ ใช้ Pattern ที่มีมาให้ครับ

ชอบใจแบบไหนก็เลือกได้ตามสบายนะครับ เสร็จแล้วกด Ok เลยครับ (ในรูปเราใช้ Stroke-Outside , Fill Type-Color นะ)
** แนะนำนะครับ - พยายามใช้สีที่เป็นโทนเดียวกันนะครับ แต่ต่างระดับความเข้ม Text ที่ออกมาจะสวยครับ **

7. เสร็จแล้วครับ เป็นไงครับไม่ยากเลยเนอะ ^^* ถ้าชอบก็กด Save As แล้วเลือกรูปแบบ File ที่ต้องการเซฟครับผม
** แนะนำนะครับ - ถ้าเกิดว่าต้องการนำรูปไปลงในเว็บด้วย ให้เซฟแบบ Save For Web นะครับ โดยที่รูปแบบไฟล์จะเป็นแบบ .gif มีขนาดไฟล์น้อย แต่รูปภาพยังคงเหมือนเดิม ประหยัดขึ้นอีกนิดนึง - -

แต่ยังไม่พอครับ !!! เรายังมีเทคนิคที่จะนำเสนออีกอันนึงก็คือ Gradient Overlay ครับ โดย Gradient จะเป็นการไล่สีของของภาพ วัตถุ หรือพื้นที่ๆต้องการครับผม ซึ่ง Gradient Overlay จะเป็นการไล่สีภายในพื้นที่ๆเราต้องการ โดยใช้คู่กับ Stroke ได้ครับ ลองมาดูกัน..

8. ต่อจาก ข้อ 7. เลยนะครับ เมื่อได้ Text ที่ใส่ Stroke แล้ว (ดูภาพจากข้อ 7.) ให้ใช้วิธีการเดิมครับ
ดูที่แถบ Layers ด้านล่างขวามือ คลิกเครื่องหมายแรก (Add a layer style) เลย ที่เป็นรูป Flash แล้วเลือกไปที่ Gradient Overlay (ดูภาพจากข้อ 5. นะครับ แล้วเลือก Gradient Overlay)

9. คลิกเครื่องหมายถูกที่ช่องสี่เหลี่ยมหน้า Gradient Overlay ก่อนนะครับ ในส่วนของ Gradient จะมี Options เยอะพอสมควรนะครับ จะอธิบายเป็นอย่างๆนะ

Blend Mode - จะเป็นการ Gradient ใน Mode ต่างๆครับ
Opacity - เป็นค่าความโปร่งใสครับ
Gradient - เป็นการเลือกลักษณะของสีที่จะ Gradient ครับ อย่างเช่น Foreground to background - จะเป็นการ Gradient ตั้งแต่ Foreground ไปยัง background , Foreground to transparent - เป็นการ Gradient ตั้งแต่ Foreground ไปยังโปร่งใส เป็นต้นครับ
** คลิกถูกที่ Reverse เพื่อสลับสีการ Gradient ครับ **
Style - เป็น Style การ Gradient ครับ
Angle - ปรับองศาของการ Gradient ครับ จะว่าไปก็คือทิศทางการ Gradient แหละครับ
Scale - คือการเซตค่าระหว่าง 2 สีที่จะนำมา Gradient ครับ ยิ่ง Scale น้อย Gradient จะออกมาไม่กลมกลืนกันระหว่าง 2 สีครับ มันจะดูเป็นการแบ่ง 2 สีออกจากกันเลย ไม่เชื่อลองทำดูสิ - -*

10. เมื่อเซตค่าเสร็จเรียบร้อยแล้วกด OK เลยครับ ก็จะได้ภาพรวม ทั้ง Stroke + Gradient Overlay ครับ ตรงนี้จะเซฟหรือไม่เซฟก็ตามใจครับ

ปล. ไม Profiles เราไปอยู่ข้างล่างซะงั้น - -"