แปลงภาพเป็นหน้ากาก

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

ฉันพยายามแปลงให้เป็นโทนสีเทาและเปลี่ยนความทึบเป็น 20% แต่สิ่งนี้ทำให้ภาพมืดลงมาก

ฉันใช้สิ่งนี้ในหน้าเว็บที่ผู้ดูแลระบบสามารถตั้งค่าสีเทมเพลต จากนั้นฉันใช้สิ่งนี้ใน CSS:

background: #557d0d url("img/background.png") center center;

ใช้ Gimp 2.8.6 บน Ubuntu

คุณสามารถ desaturate Colors > Desaturate...ภาพด้วย ถัดไปใช้Colors > Color to Alpha...เพื่อกำจัดสีเทาซึ่งทำให้เข้มขึ้น ( #808080)

ตั้งค่าความทึบเป็น 40% และควรทำ

ฉันทำแบบทดสอบเล็ก ๆ กับเว็บไซต์ที่ฉันสร้างขึ้น:

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

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

ทางออกที่ดีกว่าอาจทำให้ภาพแตกเป็นสี, ความอิ่มตัวและค่า (HSV), ทิ้งช่องสีและสร้างช่องทางสีและค่าใหม่ในรูปแบบสีเทาที่สามารถวางบนสีอิ่มตัวบริสุทธิ์ใด ๆ เพื่อทำซ้ำความอิ่มตัวและ มูลค่าของภาพต้นฉบับด้วยสีสันใหม่

วิธีหนึ่งในการทำเช่นนั้นคือ:

1. ใช้เครื่องมือColors → Components → Decompose ...เพื่อแยกภาพออกเป็นเลเยอร์โดยใช้โหมด HSV

2. ลบเลเยอร์ฮิว เราจะไม่ใช้มัน

3. เลือกเลเยอร์ความอิ่มตัวเปิดกล่องโต้ตอบเลเยอร์→มาส์ก→เพิ่มเลเยอร์มาสก์ ...เลือกโหมด "สำเนาสีเทาของเลเยอร์" และเลือกช่องทำเครื่องหมาย "อินเวอร์สมาสก์"

4. ทำซ้ำขั้นตอนที่ 3 สำหรับเลเยอร์ค่าเช่นกัน

5. ใช้เครื่องมือเติมที่ฝากข้อมูล (ในโหมด "เติมทั้งการเลือกทั้งหมด") เติมเลเยอร์ค่า ( ไม่ใช่รูปแบบ!) ด้วยสีดำทั้งหมดและเลเยอร์ความอิ่มตัวด้วยสีขาวทั้งหมด

6. ย้ายเลเยอร์ค่าเหนือเลเยอร์อิ่มตัวในสแต็ก

7. เลือกผสานชั้นพร้อมกับภาพ→ผสานเลเยอร์ที่มองเห็น ...หรือเลเยอร์→ผสานลง

ภาพสีเทากึ่งโปร่งใสที่เกิดขึ้นควรมีลักษณะเช่นนี้:

^{คลิกเพื่อดาวน์โหลด / ดูขนาดเต็ม}

เคล็ดลับคือหลังจากขั้นตอนที่ 3-5:

• เลเยอร์ "ความอิ่มตัว" จะเป็นสีขาวบริสุทธิ์ที่สีดั้งเดิมมีความอิ่มตัว 0% และโปร่งใสในตำแหน่งที่ 100% อิ่มตัวและ
• เลเยอร์ "ค่า" จะเป็นสีดำบริสุทธิ์ที่สีดั้งเดิมมีค่า 0% และโปร่งใสซึ่งมีค่า 100%

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

นี่คือลักษณะของภาพที่ปรากฏบนพื้นหลังสีต่างๆ:

^{สี: เขียว ( #83ff00), น้ำเงิน ( #00aeff), ส้ม ( #ffa200), แดง ( #ff002a)}

ใน Gimp คุณสามารถทำหลักเดียวเป็นคำตอบ Photoshop โดยใช้สีให้กับอัลฟา ฉันอยากจะแนะนำยังคง desaturating แล้วตั้งขาวเป็นอัลฟาในกรณีที่คุณมีมากกว่าหนึ่งสีในนั้น ดูเหมือนว่าจะมีการเปลี่ยนแปลงสีน้ำเงิน / เหลืองบ้าง ขั้นตอนสำคัญคือ:

1. ภาพที่ไม่อิ่มตัวเพื่อให้คุณมีภาพสีเทา
2. ตั้งค่าสีขาว (คุณสามารถป้อน #FFFFFF สำหรับสีขาวในเครื่องมือเลือกสี) เป็นอัลฟา
3. บันทึกเป็น png เพื่อให้คุณรักษาความโปร่งใส

• เปิดแผงช่อง

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

วิธีที่ 1:

• เลือกImage > Calculationsและใช้แชนเนลที่คุณเลือกเป็นที่มา 1, แชนเนลเดียวกันหรือ "สีเทา" เป็นที่มา 2 และ "ปกติ" เป็นโหมดเบลนด์ เลือก "เอกสารใหม่" เป็นปลายทาง

• เปลี่ยนโหมดของเอกสารใหม่เป็น RGB หรือ Greyscale และบันทึกเป็น png หรือ jpeg

วิธีที่ 2:

• Ctl / Cmd คลิกที่ภาพขนาดย่อสำหรับช่องที่คุณเลือก

• Edit > Copy หรือ Ctl / Cmd-C

• File > NewยอมรับขนาดEdit > Pasteหรือ Ctl / Cmd-V

• ลบเลเยอร์พื้นหลัง

• Image > Mode > RGB

• บันทึกเป็น png 24 บิตด้วยความโปร่งใส

คุณสามารถใช้รูปภาพที่แสดงเป็นภาพซ้อนทับหรือเป็นช่องอัลฟ่าเมื่อใดก็ตามที่ต้องการ

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