Chuyển đổi thành bốn màu trong khi duy trì giá trị / độ sáng trong Photoshop

Tôi muốn giảm số lượng màu sắc trong hình ảnh phẳng của mình từ toàn bộ phạm vi xuống chỉ còn bốn, nhưng tôi muốn duy trì giá trị / độ sáng (và nếu có thể, cũng bão hòa). Tôi muốn bốn màu vì tôi nghĩ nó sẽ trông rất tuyệt.

Tôi đã thử sử dụng lớp điều chỉnh màu sắc, nhưng khi tôi sử dụng nó, nó chỉ thay đổi phạm vi trong khi chuyển đổi, để một phạm vi được chuyển đổi sang phạm vi khác có nhiều màu. Tôi muốn thay đổi một phạm vi được chỉ định để được chuyển đổi sang cùng một màu trong khi duy trì giá trị / độ sáng (và thậm chí có thể bão hòa, nếu có thể được thực hiện).

Tôi đang sử dụng Photoshop CS5

Đây là bốn giá trị màu HSB / HSV tôi muốn sử dụng:

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

Đây là cách tôi muốn chuyển đổi màu sắc:

Lưu ý: Tôi đã sửa đổi câu hỏi này kể từ lần đầu tiên đăng nó. Ban đầu, tôi đã yêu cầu nhầm rằng người trả lời giảm hình ảnh xuống bốn giá trị RGB , đồng thời duy trì sắc độ / giá trị trong hình ảnh nguồn. Tuy nhiên, đây là một nhiệm vụ bất khả thi, vì các giá trị RGB chứa sắc độ / độ sáng VÀ màu sắc; trong RGB tint và màu sắc được liên kết chặt chẽ.

Rất may, @Wolff đã có thể hiểu ý của tôi, mặc dù tôi nói kém, và cùng với @Danielillo, @Ryan và @Emilie, anh ấy đã giúp tôi hiểu rằng điều tôi thực sự yêu cầu là nhắm vào bốn màu, chứ không phải bốn RGB các giá trị. Sau đó, anh ta đã xác định bốn màu sắc hiện diện trong các giá trị RGB của tôi (trong HSB / HSV). Các giá trị HSB / HSV đó hiện là giá trị mà tôi đang yêu cầu người trả lời nhắm mục tiêu trong chuyển đổi hình ảnh (không phải RGB).

Ngoài ra, như được lưu ý bởi @Wolff, trong phiên bản đầu tiên của bài đăng của tôi, tôi đã không chỉ định cách chuyển đổi phổ HSB đầy đủ (tôi không có phạm vi giống như màu đỏ tươi). Câu hỏi cập nhật cũng bao gồm phạm vi bị bỏ qua trước đó.

Đối với những người muốn tìm hiểu gốc rễ của sự nhầm lẫn (được thể hiện chính xác bởi một số người dùng đã cung cấp câu trả lời thay thế), đây là 4 giá trị RGB gốc mà tôi đã đăng:

Cập nhật làm rõ: Vui lòng biết rằng ý định của tôi chỉ dành cho màn hình, không in. Tôi đã xây dựng một trang web, dựa trên bốn màu sắc đó và tôi nghĩ nó sẽ trơn tru nếu tất cả các hình ảnh có màu sắc bị biến dạng để phù hợp với chúng. Đồng thời, trong mỗi phạm vi của bốn màu được thu gọn, tôi muốn giữ càng nhiều động lực được mã hóa theo giá trị / độ sáng ban đầu càng tốt. Tôi hi vọng cái này giúp được. Điểm sẽ không được trao bởi tôi, người đăng ban đầu, cho câu trả lời in, nhưng bất kỳ lời giải thích nào cho giải pháp in có thể sẽ được cộng đồng đánh giá cao. @Emilie, người đặt tiền thưởng cho câu hỏi, có thể thưởng cho bất cứ ai cô ấy mong muốn.

Cảm ơn @Emilie vì đã đặt tiền thưởng vào việc này! Tôi thực sự cảm thấy thất vọng vì dường như không ai có thể trả lời nó trước đây.

Như những người khác đã chỉ ra, logic của câu hỏi này là một chút thiếu sót, nhưng dù sao cũng rất thú vị.

Câu trả lời của tôi chủ yếu dựa trên toán học RGB / HSB và tôi thừa nhận rằng có nhiều khía cạnh đáng nghi ngờ khi nói về màu sắc, cấu hình màu, v.v., nhưng dù sao tôi cũng sẽ cho nó một shot.

Tôi đang lấy tự do để xác định lại câu hỏi một chút để có thể trả lời nó.

Trước hết, quang phổ bạn đang chỉ cho chúng tôi đang chuyển từ màu đỏ sang màu xanh. Màu đỏ tươi bị thiếu - phải làm gì với màu sắc trong phần phổ đó?

Vì vậy, tôi đang mở rộng phổ của bạn để bao gồm màu đỏ tươi ở cả hai đầu.

Một vấn đề khác chúng tôi có là danh sách bốn màu của bạn khi bạn gọi nó. Chúng không chỉ là màu sắc , chúng là màu sắc với các giá trị độ bão hòa và độ sáng riêng lẻ . Điều này không có ý nghĩa quá nhiều nếu chúng ta so sánh chúng với quang phổ, vì vậy chúng ta phải "giảm chúng thành màu sắc" bằng cách thay đổi cả độ bão hòa và độ sáng thành 100.

Chúng tôi sẽ sử dụng Bộ lọc HSB / HSL (phải được tải xuống từ trang web của Adobe) trong Photoshop để có được màu sắc của hình ảnh dưới dạng mặt nạ alpha. Sau đó, chúng tôi sẽ sử dụng Gradient Map để ánh xạ các giá trị màu thành các giá trị mong muốn và sau đó chúng tôi sẽ chuyển đổi hình ảnh trở lại RGB bằng Bộ lọc HSB / HSL một lần nữa.

Toán học là một chút thú vị bởi vì phạm vi màu sắc là 0-360 ( và nó bao bọc), phạm vi của alpha là 0-255 và phạm vi dừng độ dốc là 0-100.

Đầu tiên tôi sẽ làm một cái bàn để có ý tưởng về những gì đang diễn ra. Chúng tôi có thể không cần tất cả các số.

(Các giá trị được làm tròn và màu sắc không chính xác như bạn đã xác định chúng, bởi vì tôi đã mở rộng phổ. Tất nhiên chúng có thể được đặt khác nhau.)

Hãy lấy một hình ảnh đầy màu sắc và thêm quang phổ làm tài liệu tham khảo. (Hình ảnh của Mike Goad từ Pixabay).

Sử dụng Bộ lọc HSB / HSL cho chúng ta kênh màu sau:

Tôi sao chép kênh màu sắc vào một tài liệu thang độ xám mới (cấu hình màu phải là Gray Gamma 2.2 ) để có thể sử dụng Gradient Map trên đó. Tôi thiết lập Gradient Map như sau:

Thiết lập các điểm dừng gradient đòi hỏi một chút khó khăn (làm việc khá khó chịu). Tôi đang nhận được các giá trị từ bảng tôi đã thực hiện trước đó. Tổng cộng có 8 điểm dừng, một số trong số chúng phải chồng lên nhau để có được sự chuyển tiếp khó khăn:

Kênh màu sắc kết quả trông như thế này:

Cuối cùng tôi đã sao chép kênh màu sắc này trở lại hình ảnh HSB ban đầu, thay thế kênh màu sắc cũ và chuyển đổi hình ảnh trở lại RGB bằng Bộ lọc HSB / HSL.

Tôi tin rằng điều này đúng như yêu cầu, nhưng tôi không chắc nó có tuyệt như bạn mong đợi không. Quá trình chuyển đổi rất đột ngột, nhưng tất nhiên chúng có thể được làm mềm bằng cách thay đổi bản đồ độ dốc.

Chỉnh sửa: Cách tiếp cận Javascript

Đây là một JSFiddle với phiên bản Javascript có cùng khái niệm. Thả một hình ảnh trên trang kết quả và nó được chuyển đổi thành bốn màu. Thay đổi "hueRanges" để tùy chỉnh kết quả. Phần chính của mã được chú thích.

Kết quả hơi khác so với phương pháp Photoshop, nhưng nó rất gần:

Vì tôi không biết toán học đằng sau các bộ lọc của Photoshop, tôi không thể biết tại sao có sự khác biệt này.

Đây là một khái niệm thiếu sót để tái tạo bởi vì nó hoàn toàn khó hiểu khi một màu kết thúc và một màu khác bắt đầu. Bạn cũng nói về việc bảo quản màu khiến nó khó hiểu hơn.

Điều đó nói lên kết quả của bạn, bạn có thể thử:

1. Chuyển đổi sang LAB
2. Nhân đôi layer và posterize nó với 4
3. Tạo 4 lớp điều chỉnh Solid Color với mỗi 4 màu của bạn. Thay đổi từng cái sang chế độ Trộn màu.
4. Sử dụng Blend-If Tùy chọn để giảm 4 màu đó xuống các đối tượng bạn đang theo dõi.

Đây là kết quả:

Câu hỏi gần đây được chỉnh sửa từ trạng thái mơ hồ sang hình dạng tốt hơn. Nó đòi hỏi bây giờ rõ ràng lượng tử hóa và ánh xạ lại có thể xác định trước. Câu trả lời được chấp nhận cung cấp cho Photoshop.

Tiếp theo là cho người dùng phần mềm miễn phí.

Paint.NET có một bộ lọc plugin thực hiện ánh xạ dải màu và độ bão hòa trực tiếp. Nhiệm vụ này cần áp dụng bộ lọc bốn lần để ánh xạ tổng 360 độ thành bốn màu riêng biệt. Kết quả giống như trong câu trả lời được chấp nhận. Bộ lọc là "Hue / Saturation có điều kiện". Đây là một phần của Gói hiệu ứng của Evan.

Bộ lọc không được đánh bóng hoàn toàn. Tôi không thể nhập chính xác các giá trị màu sắc được xác định trước. Cài đặt phạm vi phải được thực hiện với các thanh trượt quá nhỏ, không có trường nhập số chính xác nào tồn tại. Đây là một thử nghiệm với hình ảnh tương tự được sử dụng trong câu trả lời của Wolff:

1. Chuyển đổi hình ảnh RGB sang HSB

Sử dụng Bộ lọc> Khác> HSB / HSL và chọn Chế độ đầu vào: Thứ tự RGB và Hàng: HSB. Điều này sẽ làm cho hình ảnh trông rất lạ nhưng nó cho phép chúng ta thao tác màu sắc riêng biệt với độ bão hòa và độ sáng bằng cách sử dụng các kênh hình ảnh.

2. Giảm số lượng màu sắc

Các kênh Red bây giờ sẽ bao gồm các màu sắc cho tất cả các pixel trong hình ảnh. Bạn muốn định lượng chúng thành bốn màu được chọn. Đây là phần khó nhất. Một cách để làm điều này là sao chép nội dung trong kênh màu đỏ sang hình ảnh mới và đặt chế độ hình ảnh thành Màu được lập chỉ mục và tạo một bảng màu tùy chỉnh với màu sắc của bạn được ánh xạ tới các giá trị đen trắng tương ứng. Sau đó dán hình ảnh này trở lại vào kênh màu đỏ.

3. Chuyển đổi trở lại RGB

Khi bạn đã giảm số lượng màu sắc, bạn áp dụng bộ lọc HSB / HSL một lần nữa nhưng với cài đặt thứ tự đầu vào / hàng đảo ngược để hoàn tất quy trình.

Câu hỏi không làm rõ mục đích của hình ảnh, câu trả lời này dành cho một hình ảnh dành cho in ấn ( EPS DCS )

Trong trường hợp này, chuyển đổi một hình ảnh thành chỉ bốn mực mà không có màu đen, giả sử bóng của hình ảnh đó sẽ là màu tối nhất, màu xanh lam.

• Bắt đầu từ hình ảnh CMYK trong đó có 4 kênh có sẵn màu và đi tới menu Image > Mode và chọn Đa kênh
• Chỉnh sửa từng màu kênh nhấp vào hình thu nhỏ màu và chèn số RGB
• Thay thế kênh Đen cho màu Xanh lam

Thêm sau khi bình luận và trò chuyện

Đối với tôi câu hỏi có một vấn đề khái niệm gây khó khăn cho việc tìm kiếm một kết quả tối ưu. Tôi đoán OP đang hỏi về hình ảnh RGB nhưng suy nghĩ trong quá trình trộn CMYK. Đó là lý do tại sao tôi sử dụng hình ảnh CMYK trong khi @Wolff trả lời bằng hình ảnh RGB.

• Màu đỏ dễ dàng thay đổi sang màu RGB mới
• Vấn đề đi kèm với màu vàng, vì trong hình ảnh RGB màu vàng là sự pha trộn giữa màu xanh lá cây và màu đỏ, do đó, điều này làm cho không thể tách màu đỏ và màu vàng thành hai màu khác nhau. Trong thanh quang phổ, màu xanh lá cây và màu vàng phải là màu vàng RGB, điều này có nghĩa là loại bỏ hình ảnh RGB. Nó phải được chuyển đổi thành một hình ảnh màu phẳng in (hoặc chế độ hình ảnh khác) để có được nó.
• Vấn đề tương tự với màu lục lam, sự pha trộn giữa màu xanh lá cây và màu xanh

Nó không chuyển đổi nhiều màu thành 4, nhưng đạt được 4 màu với cùng một tông màu? Mở màu đầu tiên trong bộ chọn màu của bạn. Trái và phải thay đổi màu sắc. Lên làm cho sắc, xuống làm cho sắc thái. Đi thẳng lên từ màu của bạn một khoảng cách xác định. Tôi không biết cách xác định khoảng cách, bằng mắt và bằng tay là cách tôi làm. Nếu màu gốc của bạn ở giữa biểu đồ, hãy chọn một điểm ngay phía trên nó ở mức 25% trên cùng (hoặc nhiều màu bạn muốn). Lưu ý giá trị hex của màu mới này. Làm tương tự cho ba màu tiếp theo, cố gắng cho cùng một lượng lên từ màu gốc.

Cách khác, tập hợp 4 màu bão hòa của bạn lại với nhau và vẽ một hình chữ nhật màu trắng lên trên chúng và áp dụng độ trong / chênh lệch và độ mờ 80% cho hình chữ nhật. Bạn có thể phải thử độ trong suốt và độ mờ khác, đặc biệt là để có được sắc độ phù hợp hoặc chỉ áp dụng độ mờ cho hình chữ nhật, thêm màu trắng vào màu sắc của bạn để đạt được cùng tông màu.

Có một vài cách tôi có thể nghĩ ra, mặc dù không có cách nào là siêu chính xác và tiện lợi trong mọi trường hợp.

• Tùy chọn một là sử dụng công cụ lấy mẫu / chọn màu. Chọn nó và sau đó đặt 'kích thước mẫu' ở trên cùng thành một giá trị lớn sẽ bao phủ khoảng 1/4 hình ảnh. Bằng cách này, bộ lấy mẫu sẽ lấy màu trung bình trên một diện tích lớn hơn, trái ngược với một pixel. Nếu hình ảnh của bạn quá lớn, hãy thu nhỏ nó xuống trước.
• Tùy chọn hai là thu nhỏ hình ảnh xuống chỉ một vài pixel. Ví dụ: nếu bạn sử dụng hình ảnh bạn cung cấp và bạn muốn 4 màu, hãy thu nhỏ hình ảnh xuống cao 4 pixel. Bằng cách này, Photoshop tìm thấy màu trung bình cho bạn khi chia tỷ lệ. Lưu ý: Với tùy chọn thứ hai, có thể giúp đặt nội suy hình ảnh (có thể tìm thấy trong cài đặt của Photoshop) thành 'hàng xóm gần nhất'.

Ngoài ra, bạn có thể sử dụng Adobe Illustrator, nếu bạn có nó.

Nhập hình ảnh bạn sử dụng và tìm 'dấu vết hình ảnh'. Đặt theo dõi hình ảnh thành cài đặt tốt nhất phù hợp với nhu cầu của bạn. Trong CS6 ít nhất, có các cài đặt trước cho 3 hoặc 6 màu, nhưng nếu bạn mở bảng theo dõi hình ảnh, bạn có thể đặt một lượng màu mong muốn khác.