สอนเทคนิคน่ารู้ ซีรีย์ Photoshop ชุด GoPro ทิปที่ 6 – สร้าง Stroke 5 ชั้น ด้วย 1 เลเยอร์ By uiblogaziner June 18, 20153503 views ShareTweet 0 การใช้งาน Photoshop โดยทั่วไป ผมมักจะสร้าง stroke (เส้นขอบรอบวัตถุ) รอบวัตถุที่เป็น vector shape แค่ 1 ชั้นเท่านั้น แต่บางทีหากต้องการสร้างเส้น stroke มากกว่านี้ ผมจะ copy วัตถุนั้น (กลายเป็น 2 เลเยอร์แล้ว) แล้วขยายวัตถุให้ใหญ่จนกลายเป็นอีกเส้นขอบหนึ่ง แต่พอใช้งานจนเข้าขั้น Pro แล้ว จึงได้รู้ว่า อันที่จริง Photoshop ทำฟังก์ชันให้เราสามารถสร้าง stroke หลายชั้นได้ด้วยวัตถุเพียงแค่ 1 เลเยอร์ มาหาคำตอบกันว่าทำเยี่ยงใดกันหนอ ผลลัพธ์ที่ต้องการในบทเรียนนี้ ผมขออนุญาตแสดงผลลัพธ์ก่อนเลยครับ ผลงานที่เราต้องการคือ เส้น stroke 5 ชั้น ล้อมรอบ shape ที่เป็นวงกลมเพียงหนึ่งอัน โดยไม่มีการสร้างเลเยอร์ไปมากกว่า 1 เลเยอร์ครับ วิธีทำก็คือ 1. ใช้ stroke จาก property bar แถบกำหนดค่าของเครื่องมือสร้าง vector shape ขั้นแรกให้เราเลือกที่เลเยอร์วงกลมที่สร้างมาจาก shape tool จากนั้นให้แน่ใจว่ากำลังเลือกเครื่องมือสร้าง shape อยู่ (กดคีย์ U) มองไปด้านบนจะเห็นแถบเครื่องมือ ให้เราเลือกที่ช่อง stroke > ทำการเลือกสี (เขียว) > กรอกตัวเลขความหนาของเส้น (หนา 5 px) แค่นี้เราก็ได้เส้น stroke เส้นที่ 1 แล้ว 2. ใช้ Layer Style Stroke การกำหนดค่าสำหรับเมนู Stroke ต่อไปให้เรา Double click ที่เลเยอร์วงกลมเพื่อเปิดหน้าต่าง Layer Style เลือกที่หัวข้อ Stroke > กำหนดค่าตามรูปด้านบน Size: 5 Position: Outside Opacity: 100% Color: สีน้ำเงิน เส้นที่ 2 ก็ได้มาไม่ยากเลย 3. ใช้ Layer Style Inner Shadow การกำหนดค่าสำหรับเมนู Inner Shadow อย่าพึ่งปิดหน้าต่างนี้นะครับ ยังใช้อีกนาน เลือกไปที่ Inner Shadow > กำหนดค่าตามรูปด้านบน Blend Mode: Normal ช่องสี: สีเหลือง Distance: 0 Choke: 100 Size: 10 Stroke เส้นที่ 3 ก็ปรากฏ 4. ใช้ Layer Style Inner Glow การกำหนดค่าสำหรับเมนู Inner Glow เลือกไปที่เมนู Inner Glow > กำหนดค่าตามรูปด้านบน Blend Mode: Normal Opacity: 100% ช่องสี: สีส้ม Choke: 100 Size: 15px Anti-aliased: เลือก Range: 100 แล้วก็ได้เส้นที่ 4 มาในที่สุด 5. ใช้ Layer Style Outer Glow การกำหนดค่าสำหรับเมนู Outer Glow สุดท้ายแล้ว เลือกไปที่เมนู Outer Glow > กำหนดค่าตามรูปด้านบน Blend Mode: Normal Opacity: 100 ช่องสี: สีชมพู Spread: 100 Size: 10 Anti-aliased: เลือก Range: 100 เย้! ได้เส้นที่ 5 เรียบร้อย วิธีการสร้าง stroke 5 ชั้นด้วยวิธีการต่างๆ สรุปว่าเราสามารถสร้างเส้น stroke 5 เส้นด้วยการใช้เลเยอร์เพียงเลเยอร์เดียวจริงๆ ครับ ลองดูสรุปวิธีการจากแผนภาพด้านบนนะครับ เปรียบเทียบผลงานที่สร้าง stroke 5 ชั้นจาก 1 เลเยอร์ กับ 6 เลเยอร์ (1 เลเยอร์ สำหรับสีฟ้าตรงกลาง) ผมลองเปรียบเทียบคุณภาพระหว่างวิธี 1 เลเยอร์ กับวิธีหลายเลเยอร์ (6 เลเยอร์ มีหนึ่งเลเยอร์ที่เป็นสีเติมตรงกลางนะครับ) ก็เห็นว่าวิธี 1 เลเยอร์อาจมีคุณภาพด้อยกว่านิดหน่อย นิดเดียวจริงๆ ครับ ต้องสังเกตดีๆ ถึงจะเห็น ดังนั้นแล้วผมจึงมองว่าวิธีการสร้างเส้น stroke หลายชั้นด้วยเลเยอร์เดียวก็ช่วยเราประหยัดเลเยอร์และเวลาได้เยอะเลยครับ เช่น หากเราต้องการปรับขนาดความหนาของเส้น stroke ภายหลังก็สามารถทำได้อย่างรวดเร็ว เป็นต้น ในเวอร์ชันต่อไปของ PS อาจจะมาทำลายสถิติตัวเลข 5 ก็เป็นไปได้ จะรอให้ถึงวันนั้น หรือวันนั้นอาจไม่จำเป็นต้องมาถึงก็ได้ ^^