เทคนิคเปลี่ยนขอบตัวหนังสือและวัตถุให้เป็นรอยเย็บ Photoshop CS

nooknazha

เทคนิคเปลี่ยนขอบตัวหนังสือและวัตถุให้เป็นรอยเย็บ Photoshop CS


วันนี้มีไอเดีย เปลี่ยน Text และทำภาพเก๋ๆ สไตล์ผ้าที่ค้นเจอในเว็บต่างประเทศมานำเสนอค่ะ ขั้นตอนไม่ยุ่งยากซับซ้อน แต่ข้าพเจ้าอธิบายวิธีทำละเอียดไปหน่อย ภาพประกอบก็เยอะ มันก็เลยยาวไปนิด แหะๆ

อาจจะน่ารำคราญไปบ้างสำหรับคนที่คล่อง Photoshop อยู่แล้ว แต่สำหรับคนที่ยังไม่คล่องคิดว่าทำตามได้แน่นอนค่ะ ^^"

ต้องโหลดหัว Brush ตัวนี้ไปก่อนนะค่ะ!!!!
StitchesOfThread.rar (4.61 KB, ดาวน์โหลดแล้ว: 321)

2020-5-12 21:37 อัปโหลด

คลิกชื่อไฟล์เพื่อดาวน์โหลด


ขั้นตอนที่ 1


เปิดไฟล์ใหม่ใน Photoshop สังเกตตรงข้างหลังที่เลเยอร์พื้น มันจะล๊อคไว้ ให้เราทำการปลดล๊อคมันก่อนโดยการ..



ดับเบิลคลิกบนเลเยอร์พื้นหลัง มันจะเด้งหน้าต่างขึ้นมาให้เราตั้งชื่อ ในที่นี่ข้าพเจ้าตั้งชื่อมันว่า "Blackground" (จะตั้งชื่อหรือไม่ตั้งก็ได้) จากนั้นให้กด OK แล้วล็อคที่เลเยอร์พื้นหลังก็จะถูกปลด



ขั้นตอนที่ 2
คลิกขวาที่ เลเยอร์ Background เลือก Blending Options และทำตามภาพประกอบด้านล่างค่ะ
1. คลิกที่ช่อง Pattern Overlay
2. เลือก pattern ใหม่ โดยคลิกที่ช่องลูกศรด้านข้าง
3. คลิกที่ลูกศรเลือกประเภท " Patterns 2"
4. เลือก pattern ชื่อ Denim จากนั้นกด OK



ผลลัพธ์ที่ได้......


ขั้นตอนที่ 3
1. กดปุ่ม D เพื่อตั้งค่าสีพื้นหน้าเป็นสีดำ แล้วกดปุ่ม T เพื่อเรียกใช้เครื่องมือพิมพ์
2. คลิกที่พื้นงาน เพื่อวางเคอร์เซอร์และพิมพ์ข้อความที่ต้องการลงไป เลือกประเภทFontและปรับขนาดใหม่ที่แถบเมนูด้านบน Photoshop



ขั้นตอนที่  4
คลิกที่เครื่องมือ Horizontal type tool (หรือกด T) อีกครั้ง และคลิกขวาบนตัวอักษรที่เราพิมพ์ไว้ เลือก created a work path (ดูภาพด้านล่างประกอบ)



ผลลัพธ์ที่ได้


ขั้นตอนที่ 5
สร้างเลเยอร์ใหม่ขึ้นมา ในที่นี้ข้าพเจ้าขอตั้งชื่อให้กับเลเยอร์ที่สร้างขึ้นมาใหม่ว่า "Stitches"


ขั้นตอนที่ 6
คลิกที่เครื่องมือ Brush Tool (กด B) ให้เราทำการเรียกใช้หัวแปรงที่เพิ่งโหลดมา(ที่ข้าพเจ้านำมาแปะให้โหลดข้างต้น) โดยไปที่ Load Brushes.. เลือกที่อยู่ของBrush ที่ข้าพเจ้านำมาให้โหลด



ขั้นตอนที่ 7
ไปที่คำสั่ง Windows > Brush มันจะเด้งหน้าต่างขึ้นมา ให้สังเกตว่า Brush ที่เราเลือกมาโผล่ในช่องดังภาพข้างล่างแล้ว



จากนั้นให้คลิกที่ Shape Dynamics เปลี่ยนค่า control ให้เป็น  Direction



ขั้นที่ตอน 8
ในขั้นตอนนี้ (เราจะต้องแน่ใจก่อนว่า ให้เลือกหัวแปรงถูกต้องแล้ว)
1. กด x เพื่อสลับพื้น Foreground เป็นสีขาว (ถ้ามันไม่ขาวก็เปลี่ยนสีให้มันขาว -*- หรือสีอะไรก็ได้ที่เราอยากให้เป็นสีขอบรอยเย็บ)
2. กด P เพื่อเรียกใช้เครื่องมือ Pen tool
3. คลิกขวาที่ตำแหน่งใดก็ได้ใน Pathสีขาวที่เล็ก ๆ เลือก  "Stroke Path"
4. มันจะเด้งหน้าต่างที่เด้งขึ้นมาให้เลือกตรงเมนู drop-down เลือกให้เป็นแบบ Brush จากนั้นกดปุ่ม OK



ผลลัพธ์ที่ได้ หลังกด OK .....


ตอนนี่เราจะเห็นว่าเส้น Path มันเด่นออกมาทำให้ดูขัดๆ เราจะซ่อนมันไว้โดยการใช้คำสั่ง View > Extras (หรือCtrl-H)เพื่อซ่อนมัน

ขั้นตอนที่ 9
เพื่อเพิ่มความนูนและความสมจริงให้กับรอยตะเข็บเย็บ เราจะเพิ่มมิติให้กับมันกันนะค่ะ ให้เราดับเบิ้ลคลิกที่เลเยอร์ คลิกที่ "Stitches" มันจะเด้งหน้าต่างขึ้นมา ให้เราคลิกที่ Drop Shadow กับ  Bevel and Emboss เซ็ตค่าต่างๆดังภาพ




ขั้นตอนที่ 10
เนื่องจาก Pattern ที่เราเลือกเป็น Pattern ที่ไม่สามารถเปลี่ยนสีได้ตามปกติ ดังนั้นเราจึงต้องเปลี่ยนสีมันด้วยโดยการคลิกที่เลเยอร์ Background ที่อยู่ล่างสุด และคลิกที่ไอคอนเล็กๆด้านล่างชื่อ Create A New Fill or Adjustment Layer
เลือก  Hue/Saturation หรือ Color Balance เลือกเปลี่ยนสีตามที่เราต้องการ



ผลลัพธ์หลังจากเปลี่ยนสีใหม่เรียบร้อยแล้ว...



ขั้นตอนที่ 11
เลือกเลเยอร์ตัวอักษรที่เราพิมพ์ไว้ ปรับค่า opacity= 50%-70% เพื่อให้ Textจางลงจนมองเป็นลาย Pattern ที่อยู่ด้านล่าง
(ในขั้นตอนนี้เราสามารถหาภาพผ้าจริงๆลงตกแต่งเสริมได้ด้วย)

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



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


3. เราจะมาสร้างรอยตะเข็บในเลเยอร์ใหม่ที่เพิ่งสร้างนะค่ะ (ไม่ทำซ้อนกันในเลเยอร์รูปหัวใจ) ตอนนี้ให้เส้นประยังอยู่ แล้วคลิกที่ไอคอนอุปกรณ์ Rectangular Marguee Tool(กดM) หรือ Polygonal Lasso Tool(กดL)ที่แถบเมนูซ้ายมือ
คลิกขวาที่รูปหัวใจ เลือกคำสั่ง Make Work Path... กำหนดค่า Tolerance = 0.5 (ดูภาพด้านล่างประกอบ)
(ในขั้นตอนนี้ เราควรเลือกชนิดและขนาดของหัวแปรงให้เรียบร้อย ก่อนที่จะทำขั้นตอนต่อไป)



4. กลับไปทำตามขั้นเดิมทุกอย่างค่ะ คือ กด P เพื่อเรียกใช้เครื่องมือ Pen toolคลิกขวาที่ตำแหน่งใดก็ได้บนพื้นงานรูปหัวใจเลือก "Stroke Path" มันจะเด้งหน้าต่างที่เด้งขึ้นมาให้เลือกตรงเมนู drop-down ให้เป็น Brush จากนั้นกดปุ่ม OK

กลับไปทำตามขั้นที่ 9 อีกครั้ง ก็จะได้ออกมาเป็นอย่างที่เห็นค่ะ



undefinedความจริงอยากทำเป็นรูปรถสามล้อ กับลายกางเกงยีนส์ แต่ง่วงนอนมากมาย (ทำตอนตี 3โพสตอนตี5) เลยทำแค่นี้ก่อน ขืนทำต่อเดี๋ยวหัวโขกจอคอมแบบไม่รู้ตัว อิอิ


เล่นให้สนุกนะค่ะ แล้วเจอกันใหม่บทความหน้าค่ะ บ๊ายยย... undefined


********************************************************
*สำหรับวิธีทำใน Photoshop CS6 ที่คุณ bermnoi ถามมานะค่ะ

ตรงในขั้นตอนที่ 8 ถ้า ที่ให้คลิกขวาที่ Text แล้วเลือกคำสั่ง "created a work path" แล้ว จากนั้นก็ใช้ "Pen Tool" คลิกขวาเที่ Text ซ้ำอีกครั้ง และเลือกคำสั่ง "Stroke Path" ถ้าโปรแกรมเงียบไป ไม่เด้งหน้าจอมาให้เลือก Brush ก็ให้ทำตามขั้นตอนนี้แทนค่ะ

1. ใช้เครื่องมือ Type Tool คลิกขวาที่ Text (หรือใช้คลิกขวาที่ชื่อเลเยอร์ Text โดยตรงก็ได้) เลือกคำสั่ง "created a work path"


2. โปรแกรมจะสร้างเส้น Path ใหม่ขึ้นมาให้ จากนั้นให้สร้างเลเยอร์ใหม่ขึ้นมา และคลิกเลือกที่เลเยอร์ใหม่


3. เปิดพาแนล Path (Window > Path) คลิกที่เลเยอร์เส้น Path และที่ปุ่มไอคอนคำสั่งตามในภาพด้านล่างค่ะ


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


******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)