ทำให้พื้นหลังของภาพโปร่งใสใน Gimp


303

ฉันมีภาพ jpg และฉันต้องการให้แต่ละภาพมีพื้นหลังที่โปร่งใส

ฉันมีคนพิการเป็นเครื่องมือกราฟิก

ฉันต้องใส่ไว้ในหน้าเว็บและฉันต้องการเห็นเพียงองค์ประกอบหลักและมีพื้นหลังโปร่งใส


เพียงแค่คิดออกหากคุณใช้ Macbook คุณต้องกดfn-deleteหลังจากเลือกไม้กายสิทธิ์;) การลบจะไม่ทำงานด้วยตัวเอง
Ben

คำตอบ:


307

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

ภาพของของเล่นม้า Dalekarlian ในกล่องรวมภาพภายใต้ใบอนุญาต CC-By 2.0 โดย Creative Tools

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

ขั้นตอนต่อไปคือการเลือกพื้นหลัง นี่เป็นเรื่องง่ายมากที่จะทำอย่างไรกับเครื่องมือไม้เท้าวิเศษแม้ว่าผมต้องแก้ไขบางบิตที่ลายเส้นสีขาวบนวัตถุผสมผสานกับพื้นหลังที่มีเครื่องมือเชือก นอกจากนี้เมื่อฉันเลือกพื้นหลังเป็นอย่างดีฉันก็ขยายการเลือกออกไปสองสามพิกเซล (ที่ความละเอียดเต็มรูปแบบ) เพื่อหลีกเลี่ยงการทิ้งรัศมีสีขาวไว้รอบวัตถุเนื่องจากนามแฝง (คุณไม่สามารถดูได้ในภาพหน้าจอแบบลดขนาดลงนี้ แต่ฉันพยายามที่จะเลือกงานที่ดีถ้าฉันพูดด้วยตัวเอง)

ภาพเดียวกันกับพื้นหลังที่เลือก

ทีนี้นี่คือเคล็ดลับ : แทนที่จะตัดพื้นหลังออกฉันใช้ColorsColor เป็น Alphaเพื่อเปลี่ยนสีพื้นหลัง (สีขาว) เป็นแบบโปร่งใส (คุณสามารถใช้การเติมถังด้วยโหมดการลบสีตามที่แนะนำให้ใช้ในระยะสุดท้าย) หากนำไปใช้กับภาพทั้งหมดสิ่งนี้จะทำให้วัตถุดูกึ่งโปร่งใสเช่นกัน แต่เนื่องจากเลือกเฉพาะพื้นหลังเงาจะโปร่งแสงในขณะที่วัตถุยังคงอยู่ ทึบแสง:

รูปภาพหลังจากใช้ Color to Alpha

และนี่คือภาพเดียวกันบนพื้นหลังสีฟ้าอ่อนเพื่อแสดงเงาและกึ่งเงากึ่งโปร่งใสที่ดีกว่า:

ภาพเดียวกันบนพื้นหลังสีน้ำเงินอ่อน

เคล็ดลับพิเศษอย่างหนึ่งที่ฉันไม่ได้แสดงคือบ่อยครั้งที่สะดวกกว่าที่จะสร้างเลเยอร์ภาพสองชุดแปลงการเลือกเป็นเลเยอร์มาสก์ที่ด้านบนและใช้ Color to Alpha เป็นด้านล่าง วิธีนี้ช่วยให้คุณปรับแต่งขอบของวัตถุได้อย่างละเอียดโดยแก้ไขมาสก์ในขณะที่ดูการถ่ายทอดสดว่าผลลัพธ์จะออกมาเป็นอย่างไร (เคล็ดลับ: สร้างเลเยอร์พื้นหลังสองสามสีที่เต็มไปด้วยสีที่แตกต่างกันเพื่อให้คุณสามารถตรวจสอบว่ารูปภาพดูบนพื้นหลังที่แตกต่างกันอย่างไร) โดยเฉพาะอย่างยิ่งบางครั้งการทำไฮไลท์ใกล้ขอบของวัตถุเพียงเล็กน้อยโปร่งแสง ดูเป็นธรรมชาติมากขึ้นเพราะมันเลียนแบบฉากหลังที่สะท้อนวัตถุ


1
the first step would be to adjust the levels of the image until the background really is solid white- วิธีการทำเช่นนี้จะถูกรวมเข้าด้วยกันสำหรับเรา? หรือฉันควรถามคำถามแยกต่างหากเกี่ยวกับวิธีการทำเช่นนั้น?
hippietrail

1
@hippietrail: เครื่องมือระดับโดยทั่วไปแล้วทำได้ค่อนข้างดี: เพียงเลื่อนตัวเลื่อนอินพุตขวาสุดไปทางซ้ายจนกว่ามันจะดูดีหรือใช้ eye-dropper สีขาว หากทางลัดมีลักษณะแหลมเกินไปคุณสามารถสลับไปที่ "แก้ไขการตั้งค่าเหล่านี้เป็นเส้นโค้ง" และปรับให้เรียบ (โดยทั่วไปสิ่งที่คุณต้องการมักจะเป็นเส้นโค้งที่เป็นแนวตรง แต่จะโค้งเล็กน้อยใกล้กับขอบด้านบนเพื่อให้ได้มันทีละน้อยแทนที่จะเป็นมุมที่แหลมคม)
Ilmari Karonen

ฉันชอบเครื่องมือเส้นโค้งเพื่อย้ายพื้นหลัง "สีขาว" เป็นสีขาวเต็ม นอกจากนี้ยังช่วยให้ฮิสโตแกรมยืดออกไปทั่วส่วนที่เหลือของภาพได้อีกด้วย
Mr Purple

75

การใช้การฝากข้อมูลแบบเร็วแทนการเลือกรูปร่าง

หมายเหตุ: บทช่วยสอนนี้มีให้ใน PDF ด้วย

_La trahison des images_ โดยเพื่อนร่วมชาติRené Magritte;  ป่าเถื่อนบางส่วนเพื่อวัตถุประสงค์ในการกวดวิชานี้

เพิ่มช่องอัลฟา

รูปภาพบางประเภทขาดช่องโปร่งใส ตัวอย่างเช่น JPG หากเป็นกรณีนี้ให้เพิ่มช่องโปร่งใสของอัลฟา Layer → Tranparency → Add Alpha Channelนี้จะกระทำโดยการเลือก

ถังเติมสี [เลือกได้]

ขั้นตอนต่อไปเป็นทางเลือกและประกอบด้วยการเติมพื้นที่ที่ควรมีความโปร่งใสด้วยสีธรรมดาก่อน เลือกเครื่องมือเติมถังหรือกด+Shift BภายในBucket Fillตัวเลือกกล่องเครื่องมือให้เลือกFill transparent areasเมื่อจำเป็นเท่านั้น เลือกBG colour fillและSample mergedเรียกใช้ความพยายามสองสามครั้งในขณะที่ปรับThresholdเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ในระหว่างกดCtrl+ Zเพื่อยกเลิก

การผสมสีบางอย่างจะหลีกเลี่ยงไม่ได้และต้องการแม้กระทั่ง (ในแง่นี้ Adobe Photoshop ไม่แตกต่างกัน) ดังนั้นเลือกสีที่เข้ากันได้กับพื้นหลังที่จะนำภาพที่ได้ไปใช้ในที่สุด คลิกที่สี่เหลี่ยมผืนผ้าสีพื้นหลังในครึ่งบนของTool Optionsหน้าต่างกล่องเครื่องมือเพื่อเปลี่ยนสีพื้นหลัง ที่นี่ฉันใช้f3f3e9เป็นสีพื้นหลังสำหรับการเติมสีธรรมดา อย่างไรก็ตามหนึ่งสามารถใช้เครื่องมือ eyedropper เพื่อเลือกสีจากที่ใดก็ได้บนเดสก์ทอป

<code> ถังเติม </code>: เลือก <code> เติมพื้นที่โปร่งใส </code> เมื่อจำเป็นเท่านั้น  อย่าเลือก <code> การเติมสี BG </code> และ <code> การผสานตัวอย่าง </code> แล้วลองสองสามครั้งในขณะที่ปรับ <code> Threshold </code> เพื่อผลลัพธ์ที่ดีที่สุด  ในระหว่างนั้นให้กด <kbd> Ctrl </kbd> + <kbd> Z </kbd> เพื่อเลิกทำ

<code> ใช้การเติมถัง </code> แล้ว  เลือกสีเติมที่เข้ากันได้กับพื้นหลังที่จะใช้ภาพที่ได้ในที่สุด  นี่เป็นเพราะการผสมสีบางอย่างหลีกเลี่ยงไม่ได้และต้องการแม้กระทั่ง  ที่นี่ฉันใช้ <code> f3f3e9 </code> เพื่อเติมสีธรรมดา

เลือกตามสี

Select → By Colourสิ่งที่ถูกต้องทำตอนนี้คือ มันอาจจะน่าดึงดูดในการแสดงColour to Transparencyอย่างไรก็ตามสิ่งนี้จะเปลี่ยนพื้นที่กึ่งโปร่งใสภายในพื้นที่รูปภาพที่ต้องการ เวลาประมาณนี้จะเลือกเช่นเดียวกับFill transparent areas Sample mergedสำหรับตัวอย่างนี้โดยเฉพาะอย่างยิ่งผมเลือกที่จะไม่ใช้หรือAntialiasing Feather edgesอย่างไรก็ตามทำการทดสอบด้วยการตั้งค่าเหล่านี้และเลือกสิ่งที่ดูดีที่สุด อีกครั้งให้ลองสองสามครั้งขณะปรับThresholdเพื่อผลลัพธ์ที่ดีที่สุด ในระหว่างกดCtrl+ Zเพื่อยกเลิก

<code> เลือกตามสี </code>: คราวนี้ให้เลือก <code> เติมพื้นที่โปร่งใส </code> รวมทั้ง <code> ตัวอย่างที่ผสาน </code>  อีกครั้งให้ลองสองสามครั้งขณะปรับ <code> Threshold </code> และทดสอบด้วย <code> ลดรอยหยัก </code> และ <code> ขอบขนนก </code> เพื่อผลลัพธ์ที่ดีที่สุด  ในระหว่างนั้นให้กด \ <kbd> Ctrl </kbd> + <kbd> Z </kbd> เพื่อเลิกทำ

<code> เลือก→ตามสี </code> นำไปใช้

ลบออกจากส่วนที่เลือก

บางครั้งมันยากที่จะเลือกสีให้ถูกต้อง พื้นที่ภาพที่ต้องการบางส่วนอาจถูกเลือกเช่นกันเนื่องจากสีที่เข้าคู่กัน ในกรณีนี้และมองเห็นได้แทบจะไม่ต้องเลือกเก้าพิกเซลที่ต้องการที่อยู่ตรงกลางของไพพ์ เมื่อสิ่งนี้เกิดขึ้นใช้Ctrl+ Dragด้วยSelectเครื่องมือที่คุณเลือกเพื่อเลือกพื้นที่การเลือกการลบ

ใช้ <kbd> Ctrl </kbd> + <code> ลาก </code> ด้วยเครื่องมือ <code> เลือก </code> ที่คุณเลือกเพื่อเลือกพื้นที่การเลือกการลบ

เลือกพื้นที่โปร่งใสที่ต้องการแล้ว

เพิ่มการเลือก [ตัวเลือก]

ที่ขอบของภาพที่ต้องการบางส่วนของพื้นหลังยังคงไม่ได้เลือก Select → Grow… → 1pxหากเป็นกรณีนี้เติบโตเลือกที่มีพิกเซลใช้

ลบ

Deleteเมื่อพื้นที่โปร่งใสที่ต้องการเลือกตีเพียง

เมื่อเลือกพื้นที่โปร่งใสที่ต้องการเพียงกด <kbd> ลบ </kbd>

ผลสุดท้าย

ในที่สุดการส่งออกภาพโปร่งใสกับFile → Export As...รูปแบบไฟล์ที่รองรับความโปร่งใส นั่นน่าจะเป็น PNG ที่ดีกว่า แต่ GIF ก็ใช้ได้เช่นกัน

ผลสุดท้าย


4
คุณอาจต้องการเพิ่มการเลือก 1px เพื่อลบขอบสีขาว (เลือก> ขยาย> 1> ตกลง)
MonoThreaded

4
ฉันไม่ได้รอบรู้กับการออกแบบกราฟิก ทุกโอกาสที่หายากที่ฉันต้องการลบพื้นหลังฉันดูเหมือนจะกลับมาที่คำตอบนี้ ขอขอบคุณ!
slayernoah

1
ฉันยังพบว่าการใช้Featherตัวเลือกในการเลือกยังมีประโยชน์สำหรับรูปภาพที่มีขอบเบลอกับช่องว่าง
2560

1
ขอบคุณ: มี jpg ที่มีพื้นหลังสีขาวบริสุทธิ์อยู่แล้วมันง่ายอย่างนี้: เพิ่มเลเยอร์ความโปร่งใสเลือกลบ
djvg

21

ฟังดูเหมือนคุณจะต้องครอบตัดบางส่วนของ jpgs (ตัวอย่างหลัก) และลบ "พื้นหลัง" คุณสามารถทำได้โดยใช้เครื่องมือ lasso

เว็บไซต์ gimp มีบทเรียนและคำอธิบายมากมาย ตรวจสอบ http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selectionและสิ่งนี้ได้ที่: http://docs.gimp.org/en/gimp-tool-free-select.html

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

คุณสามารถเข้าถึงเครื่องมือ Lasso ได้หลายวิธี:

  • จากแถบเมนูรูปภาพเครื่องมือ→เครื่องมือเลือก→เลือกฟรี

  • โดยคลิกที่ไอคอนเครื่องมือในกล่องเครื่องมือ

  • Fโดยใช้แป้นพิมพ์ลัด

ในการทำให้พื้นหลังแข็งของภาพโปร่งใสให้เพิ่มช่องอัลฟ่าและใช้ไม้เท้าวิเศษเพื่อเลือกพื้นหลัง จากนั้นใช้เครื่องมือตัวเลือกสีเพื่อเลือกสีพื้นหลังซึ่งกลายเป็นสีพื้นหน้าในกล่องเครื่องมือ ใช้เครื่องมือเติมถังด้วยสีที่เลือก ตั้งโหมด Bucket Fill เป็น“ การลบสี” ซึ่งจะลบพิกเซลด้วยสีที่เลือก พิกเซลอื่น ๆ ถูกลบบางส่วนและสีของมันเปลี่ยนไป

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.