How to : ทำ BG ด้วยการดึง pixel

posted on 12 Jun 2008 20:13 by gnuz-nrok  in Photoshop, PS-BG

     เชื่อว่าเห็นชื่อแล้วคง งง น่าดูว่าจะดึง pixel มาทำได้อย่างไร เช่นเคย อย่าใส่ใจชื่อมันเลยคับ ^^' ในการดึง pixel นั้นจะดึงจากภาพหลัก (เช่น ตัวละครเกมส์ การ์ตูน หรืออื่นๆ) เพื่อเป็น Background คับ โดยใน entry นี้จะอธิบายถึง การทำลายให้ Background (หรือเรียกว่า Texture อ่ะคับ) ก่อน และการดึง pixel ของภาพให้เป็น Background

     สิ่งที่ต้องเตรียมก่อนคือ Brush แบบ Grunge (คลิกที่นี่ เพื่อเลือกโหลดคับ) และ ภาพหลักที่ต้องการ (อาจนำมาเอง หรือ คลิกที่นี่ เพื่อเลือกนำมาใช้คับ) โดยผมเลือกภาพหลักอันนี้คับ (จากเรื่องไรก็ไม่รู้ - -')

     เมื่อเตรียมพร้อมเรียบร้อยก็ ไปเริ่มกันเลยคับ .... อ้อ หลังจากทำเสร็จ จะได้ออกมาเป็นเช่นนี้คับ

เริ่มจากทำ Texture ให้กับ Background ก่อนนะคับ

1.  new file ใหม่เอาขนาดประมาณ 400 x 150 คับ พื้นหลังสีดำ

2.  new layer ใหม่ขึ้นมา และกด "D" (เพื่อให้ Foreground เป็นสีดำ และ Background เป็นสีขาว)

3.  ไปที่ Filter > Render > Clouds และตามด้วย Filter > Render > Difference Clouds อย่างไม่รีรอ

4.  เพื่อไม่ให้เสียเวลา กด Ctrl + F เพื่อทำ Filter ล่าสุด กดประมาณ 8 ครั้ง

5.  เรียกใช้ Filter > Noise > Add Noise กำหนดค่าประมาณนี้

6.  ต่อด้วย Filter > Blur > Motion Blur ปรับค่าให้เป็นเสมือนเส้นแนวนอน

7.  new layer ขึ้นมาใหม่ให้อยู่บนสุด แล้วทำซ้ำตั้งแต่ขั้นตอนที่ 3-5

8.  แล้วใช้ Filter > Blur > Motion Blur โดยปรับให้มันเฉียง 30 องศา

9.  เปลี่ยน mode ให้เป็น "Overlay" จะได้ผลดังนี้ (เริ่มดูเป็น Texture แระ)

10.  ตกแต่งลายด้วยการใช้ Brush ที่เตรียมไว้ (new layer ใหม่ก่อนค่อยละเลง Brush ลงไปนะคับ)

11.  หลังจากละเลงจนพอใจ (ออกแนวมั่วเล็กน้อย ^^') ปรับ Opacity ลงเล็กน้อยให้ Brush ดูจางๆ (ในที่นี้เลือก 60% เพราะ Brush ที่ใช้มันสีจาง อยู่แล้ว ถ้า Brush ที่ใช้สีเข้ม ก็ปรับลงมาอีกได้นะคับ)

     และแล้วก็ได้ลวดลายขั้นต้นออกมา จากนั้นจะไปทำการดึง pixel เนื้อหาหลักของเรากัน

12.  เปิดภาพหลักที่ได้เตรียมไว้ และใช้ Magic Wand Tool  เพื่อ Select พื้นที่สีขาวและกด Delete เพื่อลบพื้นที่ส่วนนั้นไป

13.  แล้ว copy และ paste ลงไปใน file ของแรก

14.  ปรับขนาดภาพหลักให้พอดีกับกรอบด้วยการกด Ctrl + T (มีผลเหมือน Edit > Free Transform)

15.  กด Ctrl + J เพื่อ copy layer ภาพหลัก

16.  ใช้ Single Column Marquee Tool  เพื่อ Select เพียง 1 pixel ในแนวตั้งของภาพหลัก (ตอน Select แนะนำให้เลือกตรงพื้นที่ ที่มีสีต่างกันในแนวตั้งนะคับ)

17.  คลิกที่ layer ภาพหลัก ที่อยู่ด้านล่าง แล้วกด Ctrl + T เพื่อจะปรับขนาดของ Selection และทำการขยายความกว้าง (ซ้าย ขวา) ให้เต็มกรอบ

      จะได้ดังนี้

18.  เปลี่ยน mode ของ layer ที่ดึงภาพ ให้เป็น "Soft Light"

19.  กด Ctrl + J เพื่อ copy layer ที่ดึงภาพ จะทำให้สีของ BG ชัดขึ้นมาอีกหน่อย (หรืออาจจะลองเปลี่ยน mode เป็น "Multiply" หรือ "Color Dodge" ดูก็ได้นะคับ แต่ผมเอา 2 "Soft Light" นี่แหละ ^^')

      เป็นอันเสร็จ และก็ใส่ข้อความลงไปได้เลยคับ

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

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

สวยดีคะ
เราลองเอา how to ของพี่ไปทำตัวอักษรอ่ะคะ
ใส่ตรงหัวเฮดบล็อค ชอบมากเลย

เก่งจังคะ ขอบคุณน้า

#1 By ғόяєνέŕ ♥ 김준수 on 2008-06-12 20:48

อันนี้แจ่มมากๆครับ ^^

#2 By on 2008-06-12 23:33

มีประโยชน์มากเลย

สาระเพียบ big smile

#3 By MomMom on 2008-06-12 23:47


โอ้ ของคุณ [L.AllSu]Dolphin เห็นแล้วสวยดีจัง T^T ดูตัวอักษรกลืนไปกับภาพหลังเลย (แบบว่าแอบมอง ไม่ค่อยเห็นตรง fic อ่า ดูมันสว่างเกิน ^^')

.........................

ยินดีที่ถูกใจคับคุณ PseudoMedicine_(。◕‿◕。 )/

..........................

นั่นแหละคับ สิ่งที่อยากให้คนที่เข้ามาชม คับคุณ MomMom ^^'

#4 By B@-[G]on on 2008-06-13 00:00

Hot! Hot! Hot! Hot!
บล็อกแห่งสาระ รวบรวมเก็บไว้ อิอ ขอบคุณนะคะ
เด๋วลองไปทำดูมั่ง

มีประโยชน์ดีค่ะ ไว้มาอัพเรื่อยๆ นะจ๊า

Hot! Hot! Hot!

#6 By mAriSa_NaNa on 2008-12-12 06:55