แปลงเป็นสี่เฉดสีในขณะที่รักษาค่า / ความสว่างใน Photoshop

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

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

ฉันใช้ Photoshop CS5

นี่คือค่าสีสี่ HSB / HSV ที่ฉันต้องการใช้:

1. 333
2. 58
3. 193
4. 242

นี่คือวิธีที่ฉันต้องการแปลงเฉดสี:

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

โชคดี @ วอลฟ์สามารถเข้าใจสิ่งที่ฉันหมายถึงแม้จะใช้ถ้อยคำไม่ดีและพร้อมด้วย @Danielillo, @Ryan และ @Emilie เขาช่วยให้ฉันเข้าใจว่าสิ่งที่ฉันขอจริงๆคือการกำหนดเป้าหมายสี่เฉดไม่ใช่สี่ RGB ค่า จากนั้นเขาระบุสีสี่สีที่มีอยู่ในค่า RGB ของฉัน (เป็น HSB / HSV) ค่า HSB / HSV เหล่านี้เป็นค่าที่ฉันขอให้ผู้ตอบสนองเป้าหมายในการแปลงภาพ (ไม่ใช่ RGB)

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

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

ปรับปรุงการชี้แจง:โปรดทราบว่าความตั้งใจของฉันมีไว้สำหรับหน้าจอเท่านั้นไม่ใช่พิมพ์ ฉันสร้างเว็บไซต์โดยใช้เฉดสีทั้งสี่และฉันคิดว่ามันจะลื่นถ้าภาพทั้งหมดมีสีที่บิดเบี้ยวเพื่อให้ตรงกับพวกเขา ในเวลาเดียวกันในแต่ละช่วงของสีที่ยุบสี่สีนั้นฉันต้องการรักษาระดับการเปลี่ยนแปลงที่ถูกเข้ารหัสด้วยค่า / ความสว่างดั้งเดิมเท่าที่จะทำได้ ฉันหวังว่านี่จะช่วยได้. ฉันจะไม่ได้รับคะแนนจากโปสเตอร์ต้นฉบับสำหรับคำตอบการพิมพ์ แต่คำอธิบายใด ๆ สำหรับการแก้ปัญหาการพิมพ์น่าจะได้รับการชื่นชมจากชุมชน @Emilie ผู้วางรางวัลให้กับคำถามสามารถให้รางวัลกับคนที่เธอต้องการได้

ขอบคุณ @Emilie ที่ให้รางวัลกับสิ่งนี้! ฉันรู้สึกแย่มากที่ไม่มีใครสามารถตอบได้

ตามที่คนอื่น ๆ ได้ชี้ให้เห็นตรรกะของคำถามนี้มีข้อบกพร่องเล็กน้อย แต่ก็น่าสนใจมาก

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

ฉันใช้เสรีภาพในการกำหนดคำถามเล็กน้อยเพื่อให้สามารถตอบคำถามได้

ก่อนอื่นสเปกตรัมที่คุณแสดงให้เราเห็นนั้นเริ่มจากสีแดงเป็นสีน้ำเงิน สีม่วงแดงจะหายไป - จะทำอะไรกับสีในส่วนของคลื่นความถี่ที่ว่า?

ดังนั้นฉันจึงขยายสเปกตรัมของคุณเพื่อรวมสีบานเย็นทั้งสองด้าน

เรามีปัญหาอีกอย่างคือรายการสี่เฉดสีที่คุณเรียกว่า พวกเขาไม่ได้เป็นเพียงเฉดสีพวกเขาเป็นสีที่มีความอิ่มตัวและค่าความสว่างของแต่ละบุคคล สิ่งนี้ไม่สมเหตุสมผลมากนักถ้าเราจะเปรียบเทียบพวกมันกับสเปกตรัมดังนั้นเราต้อง "ลดพวกมันเป็นเฉดสี" โดยเปลี่ยนทั้งความอิ่มตัวและความสว่างเป็น 100

เราจะใช้ตัวกรอง HSB / HSL (ต้องถูก dowloaded จากไซต์ของ Adobe) ใน Photoshop เพื่อให้ได้เฉดสีของภาพในรูปแบบอัลฟา จากนั้นเราจะใช้การไล่ระดับสีแผนที่เพื่อจับคู่ค่าสีกับค่าที่ต้องการแล้วเราจะแปลงภาพกลับเป็น RGB โดยใช้ตัวกรอง HSB / HSL อีกครั้ง

คณิตศาสตร์ค่อนข้างขี้ขลาดเนื่องจากช่วงของสีคือ 0-360 ( และล้อมรอบ) ช่วงของอัลฟาคือ 0-255 และช่วงของการไล่ระดับสีหยุดอยู่ที่ 0-100

ก่อนอื่นฉันจะสร้างตารางเพื่อรับทราบว่าเกิดอะไรขึ้น เราอาจไม่ต้องการตัวเลขทั้งหมด

(ค่าจะถูกปัดเศษและค่าสีไม่ตรงตามที่คุณกำหนดไว้เพราะฉันได้ขยายสเปกตรัมออกไป

ลองถ่ายภาพที่มีสีสันและเพิ่มสเปกตรัมเพื่อเป็นข้อมูลอ้างอิง (ภาพโดย Mike Goad จาก Pixabay)

การใช้ตัวกรอง HSB / HSL ทำให้เรามีช่องสีดังต่อไปนี้:

ฉันคัดลอกช่องสีไปยังเอกสารระดับสีเทาใหม่ (โปรไฟล์สีต้องเป็นสีเทาแกมมา 2.2 ) เพื่อให้สามารถใช้การไล่ระดับสีแผนที่ได้ ฉันตั้งค่าแผนที่ไล่โทนสีดังนี้:

การตั้งค่าการหยุดไล่ระดับสีนั้นต้องเล่นซอ (มันค่อนข้างน่ารำคาญที่จะทำงานด้วย) ฉันได้รับค่าจากตารางที่ฉันทำไว้ก่อนหน้านี้ มีทั้งหมด 8 หยุดบางคนต้องทับซ้อนกันเพื่อรับการเปลี่ยนยาก:

ช่องเว้ที่ได้จะเป็นดังนี้:

ในที่สุดฉันก็คัดลอกช่องสีนี้กลับไปเป็นภาพ HSB เริ่มต้นแทนที่ช่องสีเดิมและแปลงภาพกลับเป็น RGB โดยใช้ตัวกรอง HSB / HSL

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

แก้ไข: วิธีการ Javascript

นี่คือ JSFiddle พร้อมกับเวอร์ชัน Javascript ของแนวคิดเดียวกัน วางรูปภาพบนหน้าผลลัพธ์แล้วมันจะถูกแปลงเป็นสี่เฉดสี เปลี่ยน "hueRanges" เพื่อกำหนดผลลัพธ์เอง ส่วนหลักของรหัสได้รับการเพิ่มความคิดเห็น

ผลลัพธ์แตกต่างจากวิธี Photoshop เล็กน้อย แต่ใกล้เคียงกันมาก:

เนื่องจากฉันไม่รู้คณิตศาสตร์หลังตัวกรองของ Photoshop ฉันไม่สามารถบอกได้ว่าทำไมถึงมีความแตกต่างนี้

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

ที่กล่าวถึงผลของคุณคุณอาจลอง:

1. แปลงเป็น LAB
2. ทำซ้ำเลเยอร์และโปสเตอร์ด้วย 4
3. สร้างเลเยอร์การปรับสีทึบ 4 ชั้นด้วย 4 สีแต่ละสีของคุณ เปลี่ยนแต่ละโหมดเป็นโหมดผสมผสานสี
4. ใช้ตัวเลือกผสมผสานถ้าเพื่อลด 4 สีเหล่านั้นลงใน contrains ของคุณ

นี่คือผลลัพธ์:

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

ถัดไปสำหรับผู้ใช้ฟรีแวร์

Paint.NET มีตัวกรองปลั๊กอินซึ่งทำการจับคู่สีและความอิ่มตัวของช่วงโดยตรง ภารกิจนี้ต้องการการใช้ตัวกรองสี่ครั้งเพื่อแมปรวม 360 องศาถึงสี่เฉดสีที่ไม่ต่อเนื่อง ผลลัพธ์จะเหมือนกับในคำตอบที่ยอมรับ ตัวกรองคือ "Hue แบบมีเงื่อนไข / ความอิ่มตัว" มันเป็นส่วนหนึ่งของแพ็คเกจผลกระทบของอีวาน

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

1. แปลงภาพ RGB เป็น HSB

ใช้ตัวกรอง> อื่น ๆ > HSB / HSLและเลือกโหมดอินพุต: ลำดับ RGB และแถว: HSB สิ่งนี้จะทำให้ภาพดูแปลกมาก แต่มันช่วยให้เราสามารถแยกเฉดสีออกจากความอิ่มตัวและความสว่างโดยใช้ช่องสัญญาณภาพ

2. ลดจำนวนเฉดสี

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

3. แปลงกลับเป็น RGB

เมื่อคุณลดจำนวนเฉดสีลงคุณใช้ตัวกรอง HSB / HSL อีกครั้ง แต่มีการตั้งค่าลำดับอินพุต / แถวย้อนกลับเพื่อทำขั้นตอนให้สมบูรณ์

คำถามไม่ได้อธิบายถึงวัตถุประสงค์ของภาพอย่างชัดเจนคำตอบนี้มีไว้สำหรับภาพสำหรับการพิมพ์ ( EPS DCS )

ในกรณีนี้การแปลงภาพให้เป็นหมึกสี่สีโดยไม่ต้องมีสีดำสันนิษฐานว่าเงาของภาพนั้นจะเป็นสีที่เข้มที่สุดสีน้ำเงิน

• เริ่มต้นจากภาพ CMYK ที่มี 4 สีให้เลือกและไปที่เมนูImage > Modeและเลือกหลายช่อง
• แก้ไขสีของแต่ละช่องโดยคลิกที่รูปขนาดย่อของสีและใส่หมายเลข RGB
• แทนที่ช่องสีดำสำหรับสีน้ำเงิน

เพิ่มหลังจากความคิดเห็นและแชท

สำหรับฉันคำถามมีปัญหาเกี่ยวกับแนวคิดสิ่งที่ทำให้ยากต่อการค้นหาผลลัพธ์ที่ดีที่สุด ฉันเดาว่า OP ขอให้เกี่ยวกับภาพ RGB แต่คิดในกระบวนการผสม CMYK นั่นเป็นเหตุผลที่ฉันใช้ภาพ CMYK ในขณะที่ @ วอลฟ์ตอบโดยใช้ภาพ RGB

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

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

อีกวิธีหนึ่งคือรวบรวมสีอิ่มตัว 4 สีของคุณเข้าด้วยกันแล้ววาดสี่เหลี่ยมสีขาวทับพวกเขาและใช้ความใส / ความแตกต่างและความทึบแสง 80% กับสี่เหลี่ยม คุณอาจต้องลองแผ่นใสและความทึบอื่น ๆ โดยเฉพาะเพื่อให้ได้โทนสีที่ถูกต้องหรือใช้เฉพาะความทึบกับสี่เหลี่ยมจัตุรัสเพิ่มสีขาวให้กับสีของคุณอย่างสม่ำเสมอเพื่อให้ได้โทนสีเดียวกัน

มีสองสามวิธีที่ฉันนึกได้แม้ว่าจะไม่มีวิธีใดที่แม่นยำและสะดวกสบายในทุกกรณี

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

หรือคุณสามารถใช้ Adobe Illustrator ได้หากคุณมี

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