Chuyển đổi hình ảnh thành mặt nạ

Tôi có một hình ảnh nền màu xanh lá cây với một số bóng. Tôi muốn sử dụng nó như một mặt nạ để tôi có thể đặt nó trên nền với bất kỳ màu nào (ví dụ như màu đỏ hoặc màu hồng) và có cùng kiểu bóng.

Tôi đã thử chuyển đổi nó thành thang độ xám và thay đổi độ mờ thành 20%, nhưng điều này dẫn đến hình ảnh tối hơn rất nhiều.

Tôi đang sử dụng điều này trên một trang web nơi quản trị viên có thể đặt màu mẫu. Sau đó, tôi đang sử dụng một cái gì đó như thế này trong CSS:

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

Sử dụng Gimp 2.8.6 trên Ubuntu.

Bạn có thể làm bão hòa hình ảnh với Colors > Desaturate.... Tiếp theo, sử dụng Colors > Color to Alpha...để loại bỏ màu xám làm cho nó tối hơn ( #808080).

Đặt độ mờ đến 40% và nó nên làm.

Tôi vừa làm một bài kiểm tra nhỏ với một trang web tôi đã tạo:

Bạn không thể sao chép chính xác hình ảnh bằng cách chỉ sử dụng một lớp thang độ xám trên nền màu đặc, vì màu sắc của màu xanh lá cây cũng thay đổi dọc theo độ dốc dọc.

Bạn có thể nhận được khá gần chỉ bằng cách chọn một trong những màu sắc xanh vừa từ giữa hình ảnh với công cụ Eyedropper, tối đa hóa độ bão hòa và giá trị của nó và biến màu trong suốt bằng cách sử dụng lớp → Transparency → Màu Alpha ... công cụ. Tuy nhiên, điều này sẽ để lại lớp của bạn với các phôi màu ở trên cùng và dưới cùng, mà bạn có thể không muốn.

Một giải pháp tốt hơn có thể là phân rã hình ảnh thành màu sắc, độ bão hòa và giá trị (HSV), loại bỏ kênh màu sắc và tái cấu trúc các kênh bão hòa và giá trị thành mặt nạ thang độ xám có thể được đặt lên trên bất kỳ màu bão hòa tinh khiết nào để tái tạo độ bão hòa và sao chép giá trị của hình ảnh gốc với màu sắc mới.

Một cách để làm điều đó sẽ là:

1. Sử dụng công cụ Màu sắc → Thành phần → Phân tách ... để phân tách hình ảnh thành các lớp bằng chế độ HSV.

2. Xóa lớp màu sắc. Chúng tôi sẽ không sử dụng nó.

3. Chọn lớp bão hòa, mở hộp thoại Lớp → Mặt nạ → Thêm Mặt nạ lớp ... , chọn chế độ "Bản sao thang độ xám của lớp" và chọn hộp kiểm "Đảo ngược mặt nạ".

4. Lặp lại bước 3 cho lớp giá trị.

5. Sử dụng công cụ đổ đầy xô (trong chế độ "Điền toàn bộ lựa chọn"), điền vào lớp giá trị ( không phải mặt nạ của nó!) Với tất cả màu đen và lớp bão hòa với tất cả màu trắng.

6. Di chuyển lớp giá trị lên trên lớp bão hòa trong ngăn xếp.

7. Tùy chọn, hợp nhất các lớp lại với nhau bằng Hình ảnh → Hợp nhất các lớp có thể nhìn thấy ... hoặc với các lớp → Hợp nhất xuống .

Hình ảnh thang độ xám bán trong suốt sẽ trông như thế này:

^{Nhấn vào đây để tải về / xem ở kích thước đầy đủ.}

Thủ thuật là, sau các bước 3 trận5:

• lớp "bão hòa" sẽ có màu trắng tinh khiết trong đó màu gốc đã bão hòa 0% và trong suốt ở đó bão hòa 100% và
• lớp "value" sẽ là màu đen thuần túy trong đó màu gốc có giá trị 0% và trong suốt có màu 100%.

Đặt hai lớp đó (hoặc kết hợp hợp nhất của chúng) lên trên nền màu bão hòa thuần túy sau đó sao chép quá trình chuyển đổi màu HSV thành RGB: bạn bắt đầu với màu bão hòa thuần của màu sắc chính xác, trộn đủ màu trắng để có được màu mong muốn bão hòa, và sau đó trộn đủ màu đen để có được giá trị mong muốn.

Đây là hình ảnh thu được trông như thế nào trên các nền màu khác nhau:

^{Màu sắc: xanh lá cây ( #83ff00), xanh dương ( #00aeff), cam ( #ffa200), đỏ ( #ff002a).}

Trong The Gimp bạn có thể thực hiện tương tự như câu trả lời của photoshop, sử dụng màu sắc để alpha . Tôi khuyên bạn vẫn nên khử bão hòa và sau đó đặt màu trắng thành alpha trong trường hợp bạn có nhiều hơn một màu trong đó. Có vẻ như có một số biến thể màu xanh / vàng. Các bước chính là:

1. hình ảnh không bão hòa để bạn có một hình ảnh thang độ xám
2. đặt màu trắng (bạn có thể nhập #FFFFFF cho màu trắng trong bộ chọn màu) thành alpha
3. lưu dưới dạng png để bạn giữ được tính minh bạch

• Mở Bảng điều khiển kênh.

• Quyết định kênh nào sẽ cung cấp cho bạn mức độ tương phản mà bạn đang tìm kiếm.

Cách 1:

• Chọn Image > Calculationsvà sử dụng kênh bạn đã chọn làm Nguồn 1, cùng kênh hoặc "Xám" làm Nguồn 2 và "Bình thường" làm Chế độ hòa trộn. Chọn "Tài liệu mới" làm đích.

• Thay đổi Chế độ của tài liệu mới thành RGB hoặc Greyscale và Lưu dưới dạng png hoặc jpeg.

Cách 2:

• Ctl / Cmd-nhấp vào hình thu nhỏ cho kênh bạn đã chọn.

• Edit > Copy hoặc Ctl / Cmd-C

• File > New, chấp nhận kích thước, Edit > Pastehoặc Ctl / Cmd-V

• Xóa lớp nền.

• Image > Mode > RGB

• Lưu dưới dạng png 24 bit với độ trong suốt.

Bạn có thể sử dụng một trong hai hình ảnh thu được dưới dạng lớp phủ hoặc kênh Alpha bất cứ khi nào cần thiết.

Nhấp đúp chuột vào Layer, một hộp kiểu Layer sẽ xuất hiện, ở bên trái tìm & chọn Gradient Overlay & thay đổi màu của Gradient theo nhu cầu của bạn & nhấp OK sau đó trong hộp Lớp phủ Gradient thay đổi kiểu thành tuyến tính & thay đổi góc & tỷ lệ theo nhu cầu của bạn.