ออกตัวก่อนว่า How to นี้แต่เดิมผมก็ไม่อยากจะนำเสนอเท่าไหร่ ไม่ใช่เพราะหวงวิชาหรืออะไร แต่เพราะตัวเองยังรู้สึกว่าไม่เข้าใจอะไรอีกมาก รวมทั้งพวกคำเรียกเฉพาะผมก็ไม่รู้ อาศัยทำบ่อยๆจนชิน แต่หลังๆมาก็มีคนมาถามบ่อยๆครับว่า เวลาเราจะทำแบ๊คกราวของรูปให้มีตัวละครแทรกอยู่ หรือพูดง่ายๆคืออยากได้ฉากหลังเป็นตัวละครใหญ่ๆแบบนี้...........ทำยังไง?
 
จะให้สอนผ่านการคุยในเฟสบุ๊คก็คงเทพไปหน่อย ยิ่งถ้าคนถามเข้าใจด้วยคนถามคงเทพกว่าอีกนะ ฮาๆ คือมันอธิบายยากครับ
 
 
 
เอาเป็นว่าผมจะสอนวิธีที่ผมทำบ่อยๆ แต่อาจจะใช้คำแบบชาวบ้านๆหน่อยละกัน
นะครับ เพราะบางอย่างผมก็ไม่รู้ว่ามันเรียกว่าอะไร
 
** ภาพอาจจะดูเล็กไป ให้กดเปิดภาพในแทปใหม่นะครับ ขนาดจริงๆมันใหญ่พอสมควร**
 
--------------------------------
 
 
ก่อนอื่นเลย ต้องมาทำความรู้จักกับเครื่องมือ Pen Tool กันก่อน
 
 
กดตัว P ในโปรแกรมโฟโต้ชอปก็จะเป็นการใช้เครื่องมือตัวนี้ครับ การใช้งานอาจจะดูยุ่งยากซักหน่อย แต่มันก็เหมือนกับโปรแกรมอิลัสเตเตอร์ยังไงยังงั้นเลย คนที่เคยใช้อิลัสมาก็น่าจะทำความเข้าใจได้ไม่ยาก
 
หลักๆก็คือ การลากจากจุดเริ่มต้นไปเรือยจนเส้นมาบรรจบกับจุดเริ่มต้น  นั่นเอง
 
 
 
เมื่อเลือกเครื่องมือนี้แล้ว อย่าลืมปรับไอค่อนที่บาร์ด้านบนของโฟโต้ชอปด้วยนะครับ ผมปรับแบบนี้

ผมจำไม่ได้ว่าไอค่อนอื่นมันมีผลยังไงบ้าง แต่ปกติผมปรับแบบนี้แล้วก็ใช้มาเรื่อย  ใครอยากรู้ก็ลองๆดูกันนะครับ
 
 
ทีนี้มาทดลองใช้ Pen Tool กันเล็กน้อย มาดูการทำงานของมันก่อน
 
Pen Tool นั้นสามารถลากเส้นตรงได้ตามปกติ โดยการ "จุด" จุดแรกลงไป ตามด้วยการจุดครั้งที่ 2 ในตำแหน่งที่ต้องการได้ทันที โดยไม่ต้องกดเมาท์ค้างแล้วลากไปมา จะได้ดังภาพ
 
 
 
 
แต่ลูกเล่นอีกอย่างของมันคือการ "ดัดโค้ง"ครับ ขั้นตอนนี้อยากให้ทดลองทำกันดูหลายๆรอบ เพราะมันจะซับซ้อนนิดหน่อย
 
ตามรูปคือ หากจุดที่ 2 นั้นเรากดเมาท์ค้างไว้แล้วลากเมาท์ขึ้น-ลง เส้นของ Pen Tool จะเกิด"ปีก"ขึ้นมา 2 ข้าง ซึ่งมันจะมีผลกับองศาของเส้นในจุดต่อๆไปนั่นเอง
 
 
 
 
 
จะเห็นได้ว่า หลังจากได้จุดจุดที่ 3 ลงไป เส้นจะโค้งให้โดยอัตโนมัติ เนื่องจาก "ปีก" นั่นเอง
ในกรณีนี้ จะมีคำถามว่า"แล้วถ้าต้องการให้เส้นต่อๆไปมันไม่โค้งล่ะ จะทำยังไง" 
สามารถทำการ""ลบปีก" ได้ครับ โดยกด Alt ค้างไว้ แล้วใช้เมาท์คริกที่จุดกึ่งกลางของปีก
(แต่การลบปีกนี้ ต้องทำก่อนจะจุดครั้งที่ 3 นะครับ ถ้าจุดครั้งที่ 3 ไปแล้วกลับมาลบปีกไม่ได้นะ)
 
 
 

 
จึ๊กเข้าให้...เห็นมั้ยครับว่าปีกหายไปข้างนึงเลย...ทีนี้การจุดครั้งต่อไป คุณจะได้เส้นตรงเหมือนเดิม...จนกว่าคุณจะกดเมาท์ค้างไว้แล้วลากไปมา ปีกก็จะเกิดขึ้นอีกครั้ง
 
 
--------------------------------------
 
 
อาจจะต้องใช้เวลานานหน่อยที่จะใช้เครื่องมือตัวนี้ให้คล่องครับ แต่รับรองว่าถ้าใช้เป็นแล้ว การแก้งาน การตกแต่ง อะไรหลายๆอย่างจะง่ายขึ้นมากเลยล่ะ และครั้งนี้ผมจะใช้รูปนี้ในการสาธิตนะครับ
 
 
 
ขั้นตอนการลากเส้น Pen Tool
image hosting by http://img.thaianime.net/
 
 
 
ขั้นที่ 1 จุดเริ่มต้น...
image hosting by http://img.thaianime.net/
 
 
 
ขั้นที่ 2 ลากไปเรื่อยๆ....
image hosting by http://img.thaianime.net/
 
 
 
 
 
ขั้นที่ 3 จนกระทั่งล้อมตัวได้ทั้งตัว
image hosting by http://img.thaianime.net/
 
 
 
 
ขั้นที่ 4  เมื่อล้อมได้ทั้งตัวแล้วให้กด Ctrl+Enter ครับ
ผลที่ได้คือ เราจะได้เส้นซีเลคชั่นที่เป็นจุดไข่ปลารอบๆตัวหุ่น
image hosting by http://img.thaianime.net/
 
 
ขั้นที่ 5 ในขั้นนี้ ถ้าเทสีลงไป สีก็จะอยู่แค่ในขอบเขตของเส้นซีเลคชั่น ไม่ทะลุออกมาเด็ดขาด....!!
แต่ว่า ถ้ามองให้ดี ช่วงลอดระหว่างแขน หรือเอว แพนหาง มันยังไม่ได้เจาะรูเลยนี่นา...แต่ถ้าไปจุดซีเลคชั่นเพิ่ม เส้นซีเลคชั่นที่มีอยู่ตอนนี้มันจะหายไปทันทีเลย...!! ทำยังไงอ่ะ...!!
 
 
คุณก็ใช้ Pen Tool ลากเส้นเพิ่มตรงจุดที่ต้องเจาะครับ ไม่ต้องรีบร้อน 
image hosting by http://img.thaianime.net/
 
 
ขั้นที่ 6 เมื่อทำครบทุกจุดแล้ว การทำให้เป็นเส้นซีเลคชั่นจะต่างจากเมื่อกี้เล็กน้อย คือการกด Ctrl + Alt + Enter 
จะเห็นได้ว่าเพิ่ม  Alt มาตัวนึง
เพราะถ้ากดแค่ Ctrl + Enter หลังจากที่มีเส้นซีเลคชั่นอยู่แล้ว "เส้นซีเลคชั่นที่ทำมาจะหายไปหมดเบยยยย"
image hosting by http://img.thaianime.net/
เป็นไง ทีนี้ก็เจาะได้ครบทุกจุดแล้ว...
 
 
 
 
 
 
มาถึงตรงนี้หลายคนอาจจะสงสัยอีกว่า "แล้วมันเป็นการเจาะพื้นหลังตรงไหน เส้นซีเลคชั่นที่ทำ มันอยู่รอบตัวหุ่นชัดๆ จะเทสีหรืออะไรมันก็ไปลงที่ตัวหุ่นอยู่ดีไม่ใช่รึ"
 
 
image hosting by http://img.thaianime.net/
 
 
 
ถูกต้องครับ แต่เพียงคุณกด Ctrl + Shift + i เท่านั้น มันจะสลับด้านกับ จากในเป็นนอกทันทีครับ

image hosting by http://img.thaianime.net/
 
ง่ายโคตรเลยใช่มั้ยครับ ทีนี้คุณจะทำอะไรกับฉากหลังก็เรื่องของคุณแล้วเพราะเส้นซีเลคชั่นมันกั้นพื้นที่ให้หมดแล้ว ไม่ทะลุไปโดนตัวหุ่นแน่นอน...
 
แต่ยังไม่จบครับ นี่เป็นแค่ช่วงที่คุณทำซีเลคชั่นได้เสร็จเท่านั้น ถ้าหากไฟดับหรือเกิดเหตุอะไรที่ทำให้คุณต้องมานั่งลาก Pen Tool รอบหุ่นอีก มันก็คงโคตรจะเสียเวลาใช่มั้ยครับ
 
 
 
 
 
 
มันจึงสามารถ "SAVE เส้นซีเลคชั่นได้ด้วย" 
 
ขั้นตอนก็ง่ายดายมากครับ
 
ถ้าคุณทำเส้นซีเลคชั่นรอบตัวหุ่นเสร็จแล้ว ให้รีบกดที่ Channels มันจะอยู่ที่แถบเลเยอร์(ขวาล่างของจอนั่นแหละ)
 
 
 
แล้วกดตรงมุมขวาล่างลงไปอีก ปุ่มที่ 2 มันจะเขียนว่า เซฟซีเลคชั่น แอส ชาแนลส์
 
 
 
ปะชะวิ้ง อะไรเกิดขึ้น.......เส้นซีเลคชั่นที่ทำอย่างยากเย็นก็ได้ถูกเซฟไว้แล้ว...!!
 
 
 
ทีนี้ ต่อให้คุณปิดคอมไปแล้ว จะกลับมาทำรูปนี้ต่อก็สามารถกดโหลดซีเลคชั่นได้ โดยการกดที่เลเยอรื Alpha 1 ให้ตามันเปิดก่อน แล้วค่อยกดโหลดซีเลคชั่นตามลำดับ 1-2
 
 
 
----------------------------------------------------------------------
 
 
 
 
 
 
 
 การตัดและการใส่แบ็คกราวรูป
 
แล้วก็มาถึงการตัดภาพมาใส่เป็นฉาก ตามหัวข้อเอนทรี่ซะที....อย่ารำคาญเลยนะครับ ถ้าผมบอกขั้นตอนนี้ก่อนก็คงงงกันมากกว่านี้ ต้องไล่เป็นขั้นๆไปน่ะนะ
 
 
ขั้นแรก เอารูปที่ต้องการจะใช้เป็นฉากหลัง ลากมาแปะในไฟล์ที่ต้องการก่อน ง่ายๆ...
ในรูปตัวอย่าง ผมขอใช้หุ่นตัวสีแดง แทนรูปที่จะใช้เป็นฉากหลังนะครับ
วางแปะไปแบบนั้นเลย เพราะไฟล์ใดๆที่ลากมาแปะโดยตรง มันจะแยกเลเยอร์ให้อัตโนมัติ
image hosting by http://img.thaianime.net/
 
 
 
 
ขั้นที่ 2 ขยายขนาดตามใจชอบ โดยการกด Ctrl + T หมุนหามุมเหมาะๆเองเลย
image hosting by http://img.thaianime.net/
 
 
 
 
 
ขั้นที่ 3 ใช้วิธีการโหลดซีเลคชั่นที่บอกไปข้างต้นตามลำดับ 1-2-3
image hosting by http://img.thaianime.net/
 
 
 
 
 
ขั้นที่ 4 กลับมาที่หน้าเลเยอร์ หน้าจอมันจะดำ ก็ไม่ต้องตกใจ ให้กดที่ Layer 1 หรือเลเยอร์ไหนก็ได้ที่ไม่ใช่เลเยอร์แบ็คกราว สีของภาพจะกลับมา คุณจะได้ภาพที่มีเส้นซีเลคชั่นแบบนี้
image hosting by http://img.thaianime.net/
 
 
 
ขั้นที่ 5 กลับในเป็นนอก กด Ctrl + Shift + i
image hosting by http://img.thaianime.net/
 
 
 
 
 
ขั้นที่ 6 กด Delete
image hosting by http://img.thaianime.net/
 
 
ง่ายมั้ยครับ ทีนี้ จะเอารุปอะไรไปใส่ฉากหลังก็ตามสบาย ขอแค่ยังมีซีเลคชั่นที่ทำไว้อยู่ จะทำอะไร เวลาไหนก้ได้ โหลดออกมาใช้ได้เลย
 
 
 
 
เสริม...
 
 
ขั้นตอนการใช้เครื่องมือ Pen Tool นี้ เหมาะกับงานที่ละเอียด งานที่ต้องควบคุมตั้งแต่การลากเส้น หรือการตัดเส้น

แต่ถ้าหากรูปของคุณมีเส้นขอบที่ชัดเจน เส้นขอบหนา ไม่มีเส้นขาดๆให้สีทะลุเข้าไปในตัวหุ่นได้แน่นอน ผมก็ขอแนะนำวิธีทำซีเลคชั่นง่ายๆอีกวิธี ง่ายกว่าการลาก Pen Tool เยอะเลย
 
คือการใช้เครื่องมือ Megic wand Tool ซึ่งมีรูปร่างเหมือนไม่คฑาปิ๊งๆ
 
เครื่องมือนี้ คุณสามารถจิ้มที่พื้นหลังได้ทันที(ซึ่งจะให้ดี พื้นหลังควรจะเป็นสีขาวนะครับ)
เมื่อจิ้มแล้วเส้นซีเลคชั่นจะครอบคลุมพื้นที่ทุกจุดที่ไม่มีเส้นกั้นโดยอัตโนมัติ
ส่วนจุดที่เส้นซีเลคชั่นไปไม่ถึง ก็ให้กด Shift ค้างไว้พร้อมกับจุดในจุดที่ต้องการ เส้นซีเลคชั่นแรกๆจะได้ไม่หายไป เมื่อทำซีเลคชั่นครบรอบตัวหุ่นแล้ว ก็เซฟไว้โดยใช้วิธีเซฟข้างต้นครับ
 
วิธีนี้ง่ายกว่ามาก แต่ต้องมั่นใจว่าเส้นขอบของรูปของคุณจะไม่ขรุขระ มิเช่นนั้น เส้นซีเลคชั่นมันก็จะขรุขระตามนั่นเอง วิธีนี้เหมาะกันรูปที่ตัดเส้นแล้วครับ
 
-----------------------------------------------
 
 
 
 
 
การเจาะพื้นหลังให้ใส เพื่อทำเป็นไฟล์ PNG
 
เป็นอีกวิธีหนึ่งที่เหมาะสำหรับรูปที่จะใช้เป็นรูปประกอบ เพราะไฟล์นี้ พื้นหลังจะโปร่งใสไปเลย(สีขาวในไฟล์JPEC ไม่ได้ใสนะครับ สีขาวก็คือสี) ไฟล์นี้สามารถดึงภาพไปแปะในไฟล์ไหนๆได้โดยที่รูปจะไม่มีพื้นหลังตามไปด้วย(ก็ใสอ่ะครับ)
 
 
 
 
วิธีการเจาะพื้นหลังก็ใช้วิธีก็อปปี้เลเยอร์แบ๊คกราวก่อน
image hosting by http://img.thaianime.net/
 
 
 
 
ดึงเลเยอร์แบ็คกราว(ที่มีรูปตัวแม่กุญแจ)ลงถังขยะไปซะ ให้เหลือแค่เลเยอร์ แบ็คกราว ก็อปปี้
 
 
 
 
แล้วก็จิ้มซีเลคชั่นรอบตัวหุ่น
image hosting by http://img.thaianime.net/
 
 
** จิ้มเองก็ได้ ถ้าขอบรูปมันไม่ขรุขระนะ
** หรือจะโหลดซีเลคชั่นที่ใช้ Pen Tool ทำเองก็ได้
 
 
 
 
แล้วกด Delete ที่เลเยอร์แบ็คกราวเลย...ผลที่ได้คือ ฉากหลังจะเป็นตารางหมากรุก ซึ่งหมายความว่ารูปนี้ พื้นหลังได้กลายเป็นโปร่งใสไปแล้ว ทีนี้คุณก็เซฟไฟล์ให้เป็นสกุล PNG ก็เป็นอันเสร็จครับ จะลากไฟล์นี้ไปวางที่ไหนก้ได้ ไม่มีฉากหลังตามไปแน่นอน
image hosting by http://img.thaianime.net/
 
-----------------------------------------------
 
 
 
 
 
การทำเส้นขอบให้ตัวละครอย่างง่ายๆ
 
 
ง่ายเลยคือ ทำซีเลคชั่นรอบตัวหุ่น
image hosting by http://img.thaianime.net/
 
 
 
 
ขั้นที่ 2 สร้างเลเยอร์ขึ้นมาอีกอันหนึ่ง และถมดำลงไปเลย โดยการกด  Alt+ Delete
image hosting by http://img.thaianime.net/
 
 
 
 
 
ขั้นที่ 3  เลือก Select -----> Modify -----> Contract ตามลำดับ 
image hosting by http://img.thaianime.net/
 
 
 
ซึ่งจะมีให้เลือกว่าให้ซีเลคชั่นขยายตัวเท่าไหร่ ในกรณีที่รุปมีขนาดเล็กแบบนี้ ผมก็ใส่ไปแ