dot dot
ตัดภาพพื้นหลัง ด้วยคฑาวิเศษ article
สัปดาห์นี้ Design Guru ขอนำเสนอ วิธีการตัดภาพพื้นหลัง ออกจากวัตถุด้วยเครื่องมือจากโปรแกรม Photoshop ที่มีชื่อว่า "คฑาวิเศษ" นั่นเอง ไม้เท้าวิเศษนี้สามารถเนรมิตพื้นที่ได้ดั่งใจกันเลยทีเดียวล่ะค่ะ อยากรู้ว่าสนุกอย่างไร ไปลองทำกันเลยดีกว่าค่ะ

1. เปิดโปรแกรม Photoshop จากนั้นไปที่ File -->Open
 
           
 
 
2. เลือกภาพที่ต้องการเพื่อนำมาตัดพื้นหลัง เมื่อเลือกได้แล้ว คลิกที่ภาพ กดปุ่ม Open
 
 
 
 
3. ทำการ copy ภาพ ขึ้นมาอีกหนึ่งเลเยอร์ ไปที่ Layer -->Duplicate Layer
 
 
           
 

4. ตั้งชื่อเลเยอร์ กดปุ่ม OKและจะได้เลเยอร์ที่เหมือนกันมาอีกหนึ่งเลเยอร์ เพื่อป้องกันภาพต้นฉบับเสียหาย
 
 
 
 
           
              
จากนั้นทำการปิดตาที่เลเยอร์ Background
 
           

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

6. ปรับค่า Tolerance ตามต้องการ ซึ่งการปรับค่านี้ต้องพิจารณาจากรูปภาพของเราด้วย หากภาพที่นำมาใช้มีสีของพื้นหลังและสีของวัตุที่ตัดกันไม่มาก ก็ควรกำหนดค่า Tolerance ให้สูงๆ ในที่นี้ผู้เขียนเลือกปรับที่ 100
 
 

จากนั้นคลิกหนึ่งครั้งลงในพื้นที่พื้นหลังของภาพที่เราต้องการจะตัดออก
 
 
7. จากนั้นกดปุ่ม Delete ภาพพื้นหลังก็จะหายไป
 

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

8. เราลองเอาภาพที่ตัดได้ มาลองใช้งานกันดีกว่า โดยเลือกวิธีการนำวัตถุที่ตัดได้นั้น ไปใส่ในภาพอื่น 
เปิดภาพที่เราต้องการลากไปใส่ขึ้นมา File-->Open
 
 
 
 

9. ใช้เครื่องมือ Move Tool ในการย้ายภาพที่เราตัดภาพหลังเรียบร้อยแล้ว ไปยังภาพอีกภาพหนึ่งที่เราต้องการจะย้ายไป
 
           

10. คลิกเมาส์ซ้ายค้างไว้แล้วทำการลากดอกทานตะวัน ไปใส่อีกภาพหนึ่งที่เราต้องการย้ายไป
 
 

ภาพผลลัพธ์ที่ได้เป็นดังนี้
 
 
ไม่ยากเลยใช่ไหมล่ะค่ะ หวังว่าคงสนุกกับการตัดภาพด้วยคฑาวิเศษนะคะ แล้วพบกันใหม่ในสัปดาห์หน้าค่ะ
 
***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshop ให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Design ที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรม Photoshop เพื่อใช้ในการออกแบบ และตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***
 
07 Feb 2008
อุฬาลักษณ์   ฮะค่อม
 
 



Design Guru

เทคนิคการทำภาพลายน้ำ (Watermark) แบบง่ายๆ
เทคนิคการเปลี่ยนสีรูปภาพเฉพาะจุด
เทคนิคการทำฟองอากาศ
เทคนิคการทำรูปสีท่ามกลางรูปขาวดำ
เทคนิคการทำกรอบรูปเส้นประ
เทคนิคการทำพื้นหลังแบบ 3 มิติ
เทคนิคการทำ Barcode
เทคนิคการทำตัวอักษรทองคำ
เทคนิคการทำพระจันทร์เต็มดวง
เทคนิคการทำ Sticky Tape แบบเก๋ๆ สำหรับตกแต่งรูปภาพ
เทคนิคการทำลำแสงพระอาทิตย์
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่าง ๆ (ตอนที่ 2 กรอบเก๋ ๆ แบบขาด ๆ )
เทคนิคการแต่งภาพสไตล์โลโม
การสร้างกรอบรูปขอบกระจาย ด้วยเทคนิค Quick Mask
สร้างกรอบรูปด้วย Brush Tool
เทคนิคการตกแต่งข้อความด้วยการใช้ Layer Mask article
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่างๆ (ตอนที่ 1 กระดาษพับขอบ) article
สร้างกรอบรูปลายไม้ง่าย ๆ ด้วย Filter article
การสร้างตัวอักษรนูนบนลายไม้
การสร้าง selection ภาพ โดยใช้ channel
เทคนิคการนำรูปภาพมาใส่กรอบ
การทำกรอบภาพให้ดูสวยงามและมีมิติ article
เทคนิคการทำพื้นทรายแบบง่าย ๆ
เทคนิคเพิ่มลูกเล่นระยิบระยับให้ตัวอักษร article
สร้างข้อความโค้งตามวัตถุแบบง่ายๆ article
มาปรับภาพย้อนแสงให้ดูสวยงามกันเถอะ article
แปลงภาพถ่ายให้เป็นภาพวาดกันเถอะ article
วิธีการสร้างหยดน้ำมหัศจรรย์ article
การทำภาพเงาสะท้อนวัตถุ article
วิธีสร้างกรอบรูป และเงา เพื่อเพิ่มมิติให้ภาพ article
[Design Guru] "ไข่ทองคำ ของแจ๊ค" article
วิธีลดขนาดของภาพ และการเซฟภาพ สำหรับใช้บนเว็บไซต์ article
มาทำเมฆรูปร่างแปลก ๆ กันดีกว่า article
สร้างปุ่มสวยด้วยตนเอง article
สนุกกับเทคนิค การสร้างภาพในฝันด้วย Photoshop article
มาแต่งภาพสวย แบบซีเปียง่ายๆ ด้วย Photoshop กันเถอะ article
มาทำตัวอักษรแบบไล่โทนสี เอาไว้แต่งหัวข้อของบทความ กันครับ article



dot
ค้นหาบทความ

dot
dot
Oxygen Menu
dot
bulletOxygen Home
bulletต้นกำเนิด Oxygen
bulletข่าวจากสื่อต่าง ๆ
bulletAdWords Reseller News
bulletPhoto Gallery
bulletแนะนำ ติชม
dot
ReadyPlanet Update
dot
bulletReadyPlanet News
bulletFunction Update
bulletNew Templates
dot
Tips & Technics
dot
bulletReadyPlanet HowTo
bulletTips & Tricks
bulletDesign Guru
bulletR&D Talk
dot
Marketing Tools
dot
bulletNice To Know
bulletEditor Recommend
bulletแผนการทำโฆษณาบน Google
dot
ReadyPlanet Members
dot
bulletHighlight Member
bulletMember News
bulletWeb of The Week
bulletWeb of The Day
dot
Training & Seminar
dot
bulletTraining Courses
bulletแบบสำรวจความพอใจ
dot
IT News
dot
bulletCyber Story
bulletDo You Know ?
bulletCyber News
bulletArticle Of The Day
bulletCyber Joke
dot
Blog
dot
bulletSongyot Blog
bulletบุรินทร์ 's Blog
bulletเว็บซื้อขาย VelaMall.com
bulletเว็บสำเร็จรูป
bulletทัวร์ต่างประเทศ
dot
Free!!! Service
dot
bulletFree!!! Background
bulletวิเคราะห์เว็บไซต์ฟรี!!!


เว็บสำเร็จรูป


Copyright © 2010 All Rights Reserved.

บริษัท เรดดี้แพลนเน็ต จำกัด
202 อาคารเลอคองคอร์ด ชั้น 9 ห้อง 903 ถนนรัชดาภิเษก แขวงห้วยขวาง เขตห้วยขวาง กรุงเทพมหานคร 10310
Tel. 02-627-7900 (24 ชั่วโมง ทุกวัน) Fax: 02-627-7901 Email : info@readyplanet.com