Home Training ทำรูปภาพโปร่งใส Photoshop

ทำรูปภาพโปร่งใส Photoshop

อีเมล พิมพ์ PDF


วิธีการทำภาพพื้นหลังให้โปร่งใสใน Photoshop cs6 แบบง่ายๆ

1. เปิดภาพด้วย Photoshop cs6 และทำการ copy เลเยอร์ขึ้นมา เพื่อแบคอัพภาพไว้ก่อน โดยอาจจะใช้ปุ่ม short cut Ctrl+J ก็จะได้เลเยอร์ขึ้นมาใหม่อีก 1 หนึ่งอัน
พื้นหลังโปร่งใส photoshop, Photoshop

2. เลือกส่วนที่เราต้องการจะทำให้จางลง ด้วยเครื่องมือ Lasso Tool (อยากได้ละเอียดแค่ไหน ก็เลือกตามใจชอบ) ในตัวอย่างจะเลือกแบบคร่าวๆก็พอ แสดงให้เห็นถึงส่วนที่เลือกออกมา
พื้นหลังโปร่งใส photoshop, Photoshop

3. ลดความเข้มของส่วนที่เลือกโดยใช้ Fill สัก 50% ก็พอ ถ้าปรับไปถึง 100% ก็คล้ายๆกับทำ dicut ละ
พื้นหลังโปร่งใส photoshop, Photoshop

4. สร้าง Layer ใหม่ขึ้นมาอันนึง แล้วเทสีขาว (หรือสีอื่นหรือรูปอื่นก็ได้) ลงไปด้านใต้ทุกภาพ และต้องมีส่วนของภาพที่เราต้องการให้ชัดสุด อยู่บนสุด เป็นอันเสร็จเรียบร้อย
พื้นหลังโปร่งใส photoshop, Photoshop


หากลองนึกถึงการนำรูปภาพไปใช้งาน ไม่ว่าจะเป็นการนำรูปภาพไปใช้งานงานกราฟฟิก งานออกแบบเว็บไซต์ หรืองานนำเสนอต่างๆ รูปภาพเหล่านี้หากเราทำการค้นหาบนอินเตอร์เน็ตและนำมาใช้งานนั้น บางรูปจะติดพื้นหลัง(Background) ของรูปภาพไปด้วย และหากพื้นหลังงานออกแบบของเราคนละสีกับ Background ของรูปภาพหละ?  ลองคิดภาพว่าในขณะที่พื้นหลังของงานออกแบบของเราเป็นสีน้ำเงิน และเราได้แทรกรูปภาพรวัตถุรูปหนึ่ง และมีพื้นหลังสีขาว ซึ่งหากมองดูแล้วมันไม่สวยเลยถ้าจะมีพื้นหลังติดมาด้วย เพราะเราต้องการเพียงแค่รูปวัตถุเท่านั้น….

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

ลองมาดูตัวอย่างกันดีกว่า.. ว่าการตัดรูปภาพพื้นหลังออกหรือพื้นหลังโปร่งใสมีลักษณะเป็นยังไง

  • ตัวอย่างการนำภาพการ์ตูนไปแทรกที่ PowerPoint โดยที่ยังไม่ได้ตัดพื้นหลัง ให้สังเกตุว่ามีพื้นหลังสีม่วงติดมาด้วย

2015-01-13_145524

  • ตัวอย่างการนำภาพการ์ตูนไปแทรกที่ PowerPoint และตัดรูปพื้นหลังออก โดยใช้โปรแกรม Photoshop

2015-01-13_150254

เอาหละเมื่อเห็นผลลัพธ์กันแล้วว่าการทำรูปพื้นหลังให้โปร่งใสนั้นเป็นยังไง ต่อไปเราลองมาดูวิธีการทำโดยใช้โปรแกรม Photoshop กันเถอะ…

วิธีทำพื้นหลังรูปภาพให้โปร่งใส่ด้วย Photoshop

ขั้นตอนแรก เปิดโปรแกรม Photoshop ขั้นมาจากนั้นคลิกที่ File -> Open เพื่อเปิดรูปภาพวัตถุที่ยังไม่ได้ทำการตัดภาพพื้นหลัง ขึ้นมาแก้ไขบนโปรแกรม

2015-01-13_152420

ขั้นตอนที่สอง ให้คลิกขวา Layer ที่ชื่อ Background และเลือก Duplicate Layer.. (วิธีนี้เป็นการ Copy Layer ที่ชื่อ Background)

2015-01-13_152953

จากนั้นทำการตั้งชื่อ Layer ที่ทำการ Copy โดยตั้งชื่อที่ช่อง As: ในตัวอย่างตั้งชื่อว่า Cartoon เมื่อตั้งเสร็จให้กด OK

2015-01-13_153409

ขั้นตอนที่สาม จะเห็นได้ว่าตอนนี้มี Layer อยู่ 2 Layer ให้ทำการปิดการแสดงวัตถุของ Layer ที่ชื่อ Background โดยให้สังเกตุที่รูปดวงตา ตรงข้างหน้า Layer ต้องไม่มีรูปดวงตา

2015-01-13_161015

ขั้นตอนที่สี่ คลิกทำงานบน Layer ที่มีชื่อว่า Cartoon และคลิกเครื่องมือที่มีชื่อว่า Magic Wand Tool

2015-01-13_161514

ขั้นตอนที่ห้า หลังจากเลือกที่เครื่องมือ Magic Wand Tool จากนั้นให้คลิกพื้นที่ๆ ต้องการลบออกให้เป็นพื้นที่โปร่งใส (ในตัวอย่างคือพื้นที่สีม่วงที่จะต้องการให้เป็นพื้นที่โปร่งใส) เมื่อคลิกลงบนพื้นหลังสีม่วงแล้ว จะปรากฏเส้นประล้อมรอบพื้นที่ๆ ที่เราเลือกไว้ นั้นหมายความว่าเรากำลังเลือกพื้นที่นั้นอยู่

2015-01-13_161834

ขั้นตอนที่หก ให้กดปุ่ม Delete บนแป้นพิมพ์ เพื่อลบพื้นที่ๆ ที่ได้เลือกไว้ หลังจากที่ลบออกไปแล้วให้สังเกตุว่าพื้นหลังสีม่วงนั้นจะถูกลบออก และจะปรากฏพื้นหลังลายตาราง(Transparent) ซึ่งหมายความว่าพื้นหลังนั้นโปร่งใสแล้ว

รูปภาพด้านซาย จะหลงเหลือพื้นหลังสีม่วงที่ใต้วงแขน ให้ใช้เครื่องมือ Magic Wand Tool และ Deleteพื้นที่สีม่วงตรงใต้แขนออกอีกครั้ง จนได้ภาพดัง รูปภาพด้านขวา ที่ไม่มีพื้นหลังหลงเหลือเลยจนได้พื้นหลังโปร่งใสตามความต้องการ

2015-01-13_162612 2015-01-13_162710

ขั้นตอนที่เจ็ด เป็นขั้นตอนสุดท้าย นั้นคือขั้นตอนการบันทึกรูปภาพ ให้เราคลิกไปที่แท็บเมนู File -> Save for Web…

2015-01-14_100017

ตั้งค่าชนิดของไฟล์เป็น PNG-24 และกด SAVE

2015-01-14_100106

เลือกปลายทางที่ต้องการบันทึกลงในคอมพิวเตอร์ จากนั้นกด Save ดังตัวอย่างบันทึกลงบนหน้า Desktop

2015-01-14_100134

สังเกตุได้ว่ารูปภาพที่เราได้บันทึกลงบนหน้า Desktop นั้นจะมีพื้นหลังโปร่งใส สามารถนำไปใช้งานได้เลยโดยที่ไม่มีพื้นหลังให้รบกวนใจอีกต่อไป

แก้ไขล่าสุด ใน วันอังคารที่ 20 มีนาคม 2018 เวลา 13:01 น.  
ป้ายโฆษณา

รับติดตั้งจานดาวเที่ยม กล้องวงจรปิด

รับจำนำและจัดจำหน่ายรถยนต์

Login Form


Polls

ปกติใช้คอมพิวเตอร์ for ?
 

Who's Online

เรามี 10 บุคคลทั่วไป ออนไลน์

Counter

จำนวนครั้งเปิดดูบทความ : 1829854

RSS