เทคนิค PhotoShop แบบงูๆ ปลาๆ (ตามคำเรียกร้อง)

[ป.ปลา]

แหะๆ  แบบว่าด้วยความรู้อันน้อยนิด
แต่มีบุรุษรูปงาม (Veekung) เรียกร้องมา
ให้บอกเทคนิคการตกแต่งภาพใน Photo Shop (ต่อไปนี้จะใช้ PS)

ก็เลยตั้งกระทู้ใหม่ซะเลย

เพราะว่าถือเป็นการตั้งกระทู้ดี มีสาระให้ห้องรุ่นเราอีกด้วย


กระทู้ใครมีเทคนิค แหล่มๆ แจ่มๆ
เอามาแจมกันได้ โดยเฉพาะพี่เขยของรุ่น (พี่ดี) และพี่ Max
และวีคุง  หรือพี่วอร์มจะเข้ามาเนียน ก็ไม่สงวน


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

ขอเริ่มที่เทคนิคอย่างง่ายๆ ก่อนเลยละกัน


(ป.ล. ภาพปลากรอบ ถ้าดูยากก็บอกกันด้วยนะ เพราะทำไม่ค่อยเป็นน่ะ)

[ป.ปลา]

เริ่มต้นด้วยการเปิดโปรแกรม Adobe Photoshop

แล้วเปิดภาพที่เราต้องการแต่งขึ้นมา








ในโปรแกรม PS นี้ เราจะเป็นกล่องเครื่องมือที่อยู่ด้านซ้ายมือเป็นแท่งๆ ยาวๆ
(อันทางขวาอย่าเพิ่งสนใจ มันยุ่งยาก)  

รูปร่างก็เป็นอย่างรูปข้างล่าง
ถ้าหาเจอแล้วก็ใช้เมาท์คลิ๊กขวาที่เครื่องมือดังภาพ

[khesorn mueller]

เขียนให้ดี เขียนให้อ่านง่าย พี่ๆน้องๆได้เรียนรู้ด้วย แล้วพี่จะแนะนำมาจาก commonroom!
p.nn

[veekung]

แล้วจะมาลงวิธีทำกรอบรูปแบบที่ผมทำให้ในนี้แล้วกัน แบบละเอียดยิบแล้วก็ง่ายรับรอง ไม่จำเป็นต้องเป็นเมนูภาษาอังกฤษก็ทำได้ครับ (มาโฆษณาไว้ก่อน) :lol:  :lol:

[ป.ปลา]

ต่อกันเลยนะคะ  อันนี้ยังทำรูปไม่ค่อยเก่ง
อันต่อๆ ไป จะพยายามปรับปรุงนะคะ




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

เอาล่ะ มาต่อกันเลย

ถ้าคลิ๊กขวาที่เครื่องมือที่ถูกต้อง มันจะขึ้นเครื่องมือให้เลือกดังภาพ

แล้วคลิ๊กซ้ายเลือกเคลื่องมืออันล่างสุด ที่มีชื่อว่า Magnetic Lasso Tool










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

[ป.ปลา]

เราคลิ๊กสั่งเครื่องมือนี้มาได้แล้ว
ก็ไปคลิ๊กที่บริเวณภาพที่เราต้องการได้เลย

คลิ๊กซ้าย ที่บริเวณที่ต้องการ ครั้งเดียว
แล้วค่อยๆ ลากเส้นไปตามพื้นที่ที่เราต้องการจะเลือกให้ยังเป็นสีปกติ  


ถ้าภาพที่เราเลือกมีฟอร์ม และสี ที่แตกต่างกันชัดเจน มันจะลากให้เราได้สวยงามอย่างในภาพ









ค่อยๆ ลากจนมาถึงจุดที่บรรจบกันพอดี ตามที่เราต้องการ  
ก็คลิ๊กเมาท์อีกครั้ง จะได้กรอบภาพล้อมรอบบริเวณที่เราเลือกไว้ ดังภาพ

[ป.ปลา]

เสร็จขั้นตอนนี้ เราก็ได้เส้นประๆ ล้อมบริเวณภาพในส่วนที่เราอยากให้เป็นภาพสีปกติ
ตามภาพข้างล่าง





แต่เราอยากให้ภาพในส่วนนอกกรอบเส้นประเป็นสีขาวดำ
เราก็ต้องทำให้เส้นประๆ ที่เห็นไปล้อมพื้นที่ของภาพที่เราอยากให้มันเป็นสีขาวดำแทน

วีธีทำก็คือ (ดูตามรูปข้างล่างนะคะ)

ไปที่เมนู Select ที่อยู่แถวด้านบน แล้วคลิ๊กเลือก Inverse


 








เสร็จแระ.....

ก็จะเห็นว่า ไอ้เจ้ากรอบเส้นประๆ ที่ล้อมจานอยู่ กันกลับไปล้อมส่วนอื่นๆ แทน

[ป.ปลา]

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

ที่ให้ทำแบบนี้ก็เพราะว่า ถ้าเราลากเส้นเลือกพื้นที่ที่เราอยากให้เป็นสีเทาตั้งแต่แรก
มันจะยากกว่าไง  เทคนิคนี้ แค่ลากๆ ภาพที่เราอยากให้เป็นภาพสี
แล้วค่อยกลับ (Inverse) แป๊บเดียวเอง ง่ายกว่าเยอะ




เอาล่ะ มาต่อดีกว่า


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


ไม่ต้องกลัว เพราะไม่ยาก (ดูตามภาพด้านล่างได้เลย)

เริ่มที่ เอาเมาท์ไปคลิ๊กที่เมนู Layer
ย้ำ คลิ๊กที่เมนู Layer
(เพราะพื้นที่ที่เราล้อมเป็นเหมือน layer หนึ่งของภาพเท่านั้น ไม่ใช่ภาพทั้งหมด)

เลื่อนเมาท์ไปที่ New Adjustment Layer
แล้วคลิ๊กที่ Channel mixer

[ป.ปลา]

พอคลิ๊กที่ Channel mixer แล้วก็จะมีหน้าต่างเล็กๆ เด้งขึ้นมา
ก็ไม่ต้องตกใจ

เพราะถ้าเราจะใช้ Channel mixer เราก็จะต้องสร้าง layer ใหม่ขึ้นมาก
ก็ไม่ต้องคิดมาก คลิก OK ไปได้เลย








เสร็จแล้วมันก็จะขึ้นหน้าต่าง ของ Channel mixer มาให้ (อันนี้ของจริงแระ)
ข้อดีของ Channel mixer คือ เราสามารถกำหนดค่าสีต่างๆ ได้

ขั้นตอนแรกเลยก็ต้องคลิ๊กที่กรอบเล็กๆ อันล่างสุด
หน้าข้อความ Monochrome ซะก่อน เพื่อให้ภาพเป็นสีขาวดำอย่างเดียว

จากนั้นก็มาปรับค่าสีแสง ในแม่สีต่างๆ ตามที่เราต้องการ
ก็ลองปรับๆ เลื่อนๆ ดู ไม่ถูกใจก็ปรับกันใหม่

ปรับได้ตามชอบเลย

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

[ป.ปลา]

ตั้งค่าสีได้ตามชอบก็กด OK ก็เสร็จแระ   แค่นี้เอง ง่ายมากมาย

เราก็จะได้ภาพที่บางส่วนของภาพเป็นภาพสี
แต่ส่วนอื่นๆ เป็นขาว-ดำ







ถ้าอยากให้ส่วนที่เป็นขาวดำ มี effect เพิ่มเติม
ก่อนขั้นตอนที่เราจะไปเปลี่ยนสีที่ Channell mixer เราก็เปลี่ยนค่า effect
ของส่วนที่ล้อมกรอบไว้ก่อน

ลองๆ ทำดูกันนะคะ

[เอ๋อ]

เข้ามาดู
ทำไม่เป็นหรอก...

ถ้าจะใช้ค่อยให้นังปอปลาทำให้  :lol:

[ป.ปลา]

เข้ามาดู
ทำไม่เป็นหรอก...

ถ้าจะใช้ค่อยให้นังปอปลาทำให้  :lol:

นี่ บางอย่างก็สอนไปแล้วนิ  อย่ามาให้ชั้นทำให้ เดี๋ยวจิโดนไม่ใช่น้อย 555

[ป.ปลา]

พรุ่งนี้ จะเอาเทคนิคที่ยากขึ้นอีกขึ้นมาลงนะจ๊ะ

มีอะไรสงสัย หรือว่ามันดูยากไป ก็บอกกันด้วยนะ จะได้ปรับปรุง

[veekung]

Thanks มาก ๆ ป.ปลา อย่างนี้นี่เอง ไม่ยาก ๆ  :lol:  :lol:

[ป.ปลา]

เอาการบ้านมาส่งวีก่อน  
แบบว่าร้อนวิชา  ง่ายจริงๆ ด้วย โฮ่ะๆๆๆๆ


(ป.ล. ใครอยากเอารูปที่ลองทำแบบ ขาว-ดำ บางส่วนมาโชว์ กันบ้างก็ได้นะจ๊ะ)

[veekung]

มาส่งการบ้าน ป.ปลา ครับ



 :lol:  :lol:

[เอ๋อ]

ครูคร้า...
หนูลืมเอาการบ้านมาค่า

ขอไสหัวตัวเองไปยืนกระต่ายขาเดียวเหนี่ยวกินลม (นั่นมันนางสวาหะ!!)
ก่อนนะคร้า  :lol:

[veekung]

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

เริ่มแรกก็เปิดรูปที่ต้องการใน photoshop ครับ

[veekung]

ต่อไปก็ทำกรอบให้กับรูปครับ โดยไปที่คำสั่ง Image แล้วก็เลือก Canvas size ในกรณีที่หาเมนูนี้ไม่เจอ หรือ ว่าเมนูเป็นภาษาอื่น ก็ให้กดปุ่ม ctrl, alt แล้วก็ C พร้อมกันครับ



ก็ได้หน้าต่างนี้ขึ้นมาครับ



อย่าลืมติ๊กถูกหน้าช่อง relative ด้วยนะครับ ถ้าติ๊กแล้วตัวเลขจะเป็นศูนย์ครับเลือกหน่วยเป็น percent ครับ (จะได้ง่ายครับ)



ใส่ตัวเลขลงไปประมาณ 10 กำลังโอเคครับ

[veekung]

ได้กรอบมากแว้ววว


พอดีอยากให้กรอบล่างมันยาวออกมาอีกหน่อยครับจะได้ไว้พิมพ์ชื่อภาพได้ ก็เลือกคำสั่ง Image แล้วก็ Canvas size อีกรอบ (ctrl+alt+C) คราวนี้เอาเมาส์ไปคลิ๊กที่ตรงลูกศรสีแดงชี้นะครับ



แล้วอย่าลืมเปลี่ยนหน่อยเป็น percent นะครับ แล้วก็ใส่ตัวเลข 10 ลงไปในช่อง height อย่างเดียวนะครับ แล้วก็กด OK

[veekung]

ได้อย่างที่ต้องการแล้ว



จากนั้นก็พิมพ์ชื่อภาพลงไปโดยใช้เครื่องมือ T ทางซ้ายมือครับ (ดูจากรูป ป.ปลาก็ได้นะถ้ามองไม่เห็น)


เพื่อให้ง่ายต่อการทำงานทำการ merge layer ซักหน่อย โดยไปที่คำสั่ง Layer แล้วเลือก Merge down หรือ Merge visible ก็ได้นะครับ หรือจะกด Ctrl แล้วกด E ก็ได้ครับ


สังเกตุ layer ข้าง ๆ มันรวมกันแล้ว จากนั้นก็ดับเบิ้ลคลิ๊กตรง layer นั้นครับ

[veekung]

ก็จะมีหน้าต่างให้ใส่ชื่อ Layer ไม่ต้องสนใจครับ กด OK เลยครับ


เพื่อให้ได้ฉากหลังรองรับเงาที่เราจะใส่เลยต้องสร้าง layer ใหม่ขึ้นมาครับ ลองเอาเม้าท์ไปชี้ต้องที่วงกลมให้ดูน่ะครับ จะบอกว่า New layer กดเลยครับ


ก็จะได้ layer เปล่า ๆขึ้นมา ก็ทำการขยายขนาด layer หน่อยครับโดยคำสั่ง Canvas size เช่นเดิม ก็ให้ขนาดใหญ่กว่าภาพของเราหน่อยครับใส่ซัก 15 percent กำลังดีครับ



ในกรณีที่ทำผิดแล้วไปรู้ว่าจะทำยังไง จะทำใหม่ก็ขี้เกียจลองดูหน้าต่าง history ดูนะครับมันจะบันทmเหตุการณ์ต่าง ๆ เอาไว้ก็กดไล่ขึ้นไปเรื่อย ๆ จนได้รูปก่อนที่เราทำผิดครับ หรือไม่ก็กด Ctrl แล้วก็กด Z ก็ได้ครับ (ไม่มรูปให้นะครับ)

ได้ฉากหลังที่ใหญ่ขึ้นมากแล้ว แต่ยังเป็น layer ใส ๆ อยู่ครับ ต้องใส่สีให้หน่อย ก็ไปที่คำสั่ง Edit แล้วก็เลือก Fill ครับ หรือจะกดปุ่ม Shift แล้วก็กด F5 ก็ได้ครับ

[veekung]

ก็จะขึ้นหน้าต่างนี้ครับ เราก็เลือกสีให้ก็ฉากเราได้ครับจากที่ลูกศรชี้ครับ


ได้ฉากสีขาวแล้ว แต่รูปเราหายไปไหนไม่่ต้องตกใจครับ แค่โดนบังอยู่ แล้วต้องจัดการย้าย layer ฉาก ไปไว้ด้านล่าง layer รูปครับ โดยการคลิ๊กที่ layer ฉากค้างไว้แล้วลากลงมาครับ


เห็นรูปเราแล้ว ต่อไปเราก็ทำการหมุนภาพให้เอียง ๆ เหมือนเราติดรูปบนกระดาษครับ ก่อนอื่นเราต้องเอาเมาท์ไปคลิ๊กที่ layer รูปเราก่อนครับ แล้วเลือกคำสั่ง Edit แล้วก็เลือก Free transform หรือจะกด Ctrl แล้วก็ T ก็ได้ครับ

[veekung]

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



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


แต่ว่ารูปมันกลืืนไปกับฉากหลังไม่สวยครับต้องใส่เงาให้ซักหน่อย เอาเมาท์ไปคลิ๊กเครื่องหมาย f ตรงข้างล่างหน้าต่าง layer ครับ แล้วจะมีเมนูโผล่ขึ้นมา ก็เอาเมาท์เลือนขึ้นไปที่คำสั่ง Drop shadow... อันนี้ไมี key ลัดครับต้องลองเลือกดูถ้าเป็นภาษาอื่นครับ



 ก็จะมีหน้าต่างให้เราใส่เงา ก็เลือกเอานะครับ ถ้าหมุม ขนาด การกระจาย ระยะห่าง ลองปรับดู ระหว่างที่ปรับก็ดูที่รูปของเราครับว่าเงาที่ออกมาใช้ได้หรือเปล่า ถ้าพอใจแล้วก็กด OK ครับ

[veekung]

เสร็จแล้วครับ ง่ายไหมครับ


แถมเรื่องวิธี save เพื่อลง web อีกอย่างครับ
ให้ไปที่คำสั่ง File แล้วก็เลือก Save for web... (หรือกด Alt, shift, ctrl แล้วก็กด S ครับ) ถ้าหากใครมรปัญหาว่าคำสั่งมันคลิ๊กไม่ได้ (เป็นสีเทา) ก็ให้กด Ctrl แล้วก็กด E เพื่อ Merge Layer ครับ


ก็จะขึ้นหน้าต่างนี้ครับ ใครที่ไม่เคยใช้มาก่อนอาจะงงทำไมมันไม่ขึ้นสองหน้าอย่างที่เห็นก็ลองดู Tab ข้างบนนะครับว่าเลือกอะไรอยู่ ยังไงก็ให้เลือเป็น 2-up ไว้ก็ดีครับ แล้วก็ให้มองหาแทบ Image size เพื่อปรับขนาดภาพครับ