Tại sao PNG trong suốt của tôi trông không đẹp?

Tôi muốn chuyển đổi JPG thành trong suốt và sử dụng GIMP Tôi đã thêm các lớp alpha và độ trong suốt giống như cách tôi tạo một GIF trong suốt Tôi đã chuyển đổi nó thành PNG nhưng nó không hiển thị tốt khi tôi tải nó trên mẫu của mình:

Ảnh gốc là

Tại sao nó không đẹp khi được tạo thành một PNG trong suốt? Tôi có thể may mắn hơn khi tạo một GIF trong suốt không? HOẶC đó có phải là màu xanh không kết hợp tốt với màu đen và tôi có thể gặp nhiều may mắn hơn khi sử dụng một số logo khác:

Cảm ơn

Bí quyết chính, kinh nghiệm của tôi, để thêm tính minh bạch dễ dàng sang một hình ảnh trong GIMP là sử dụng lớp → Transparency → Màu Alpha ... công cụ. Tất nhiên, bạn phải biết cách sử dụng nó để có hiệu quả tốt - tự nó, tất cả những gì nó làm là làm cho hình ảnh của bạn trông thật hài hước và trong mờ.

Nếu tôi chụp ảnh bạn đã đăng ở trên và chỉ chạy Color to Alpha trên đó (tất nhiên là chọn màu trắng cho màu trong suốt), những gì tôi nhận được là:

Như bạn có thể thấy, hình ảnh này trông ổn trên nền sáng. Thật không may, đặt nó trên một nền tối làm cho các yếu tố màu xám biến mất hoàn toàn và các phần màu xanh trông cũng không tuyệt lắm:

Vấn đề là công cụ Color to Alpha đã làm những gì nó phải làm: nó đã chuyển đổi tất cả màu trắng trong ảnh gốc thành độ trong suốt. Điều này có nghĩa rằng các đường màu xám trở nên bán trong suốt màu đen dòng, và màu xanh nhạt trở nên bán trong suốt màu xanh đậm.

Tuy nhiên, những gì chúng ta thực sự muốn có lẽ là màu cơ bản của văn bản và các yếu tố khác của logo phải mờ đục và chỉ các pixel chống răng cưa xung quanh các cạnh của chúng mới trở nên trong suốt. Để khắc phục điều này, chúng ta cần thêm một số màu trắng trở lại vào màu sắc. Một cách để đạt được điều đó, đối với một hình ảnh như thế này trong đó các vùng mờ bao gồm chủ yếu là các màu đơn, là:

1. Nhân đôi layer.

2. Ở lớp dưới, chuyển đổi độ trong suốt thành mặt nạ bằng cách thực hiện Layer → Mask → Thêm Layer Mask ... và chọn "Chuyển kênh alpha của lớp".

3. Sau khi chuyển độ trong suốt sang mặt nạ, làm cho lớp dưới hoàn toàn trắng (ví dụ: sử dụng công cụ Xô điền trong chế độ "Điền toàn bộ lựa chọn").

4. Bây giờ bạn đã thêm một số màu trắng cho tất cả các màu của hình ảnh, nhưng nội thất của các chữ cái và hình vẫn không hoàn toàn mờ. Để làm cho chúng như vậy, chúng ta cần bình thường hóa mặt nạ ở lớp dưới - nhưng, vì các phần khác nhau của hình ảnh có màu sắc và độ sáng khác nhau, chúng ta cần phải làm riêng cho từng phần.

   Để làm điều đó, nhấp vào mặt nạ của lớp dưới trong hộp thoại Lớp để chỉnh sửa nó, sử dụng công cụ Chọn hình chữ nhật để chọn từng phần riêng biệt của hình ảnh ("B", "NANO" và hình vẽ bên trên chúng) trong bật và chạy Màu sắc → Tự động → Bình thường hóa trên mỗi lựa chọn.

Sau khi thực hiện tất cả điều đó (và tùy ý hợp nhất các lớp), kết quả sẽ như sau:

Nếu bạn so sánh điều này với hình ảnh đầu tiên ở trên, hầu như không có sự khác biệt nào được nhìn thấy. Nhưng hãy xem điều gì xảy ra khi chúng ta đặt nó trên nền đen:

Bây giờ màu sắc trông mờ đục, nhưng nền vẫn trong suốt và các cạnh mịn.

Thật không may, bạn cũng có thể thấy một số viền xám xung quanh các chữ cái, đặc biệt là chữ "B". Tôi nghi ngờ điều này chủ yếu là do hình ảnh JPEG ban đầu đã bị mất sắc độ ở những khu vực đó do nén bị mất, nó không quá rõ ràng trên nền trắng. Có hai cách (mà tôi biết) để cố gắng khắc phục điều đó: bạn có thể tự điều chỉnh mức độ màu của mặt nạ trên lớp trắng để giảm viền, hoặc bạn có thể thử lấy mẫu màu từ các chữ cái trong ảnh gốc và thay thế màu trắng ở lớp dưới màu trắng những màu đơn sắc (Chọn hình chữ nhật, Xô điền). Hoặc thậm chí bạn có thể thử cả hai.

Tuy nhiên, tất cả điều này thực sự là thứ bạn chỉ nên thử nếu bạn không có lựa chọn nào khác. Một giải pháp tốt hơn nhiều là thử và tìm các tệp vectơ gốc (AI, SVG, EPS, PDF, v.v.) mà các logo này được hiển thị chắc chắn - chúng phải có thông tin minh bạch đầy đủ, không có các tạo phẩm nén và cũng có thể mở rộng ! Chỉ khi thực sự không thể có được bản gốc, bạn mới nên xem xét làm việc từ các tệp JPEG có độ phân giải thấp như thế này.

Ngoài ra, ngay cả khi bạn kết thúc bằng cách sử dụng bitmap, bạn vẫn có thể nhận được kết quả rõ ràng hơn bằng cách vẽ lại một số yếu tố - đặc biệt là văn bản, có vẻ đơn giản là Bản đồng .

Vấn đề ở đây là hình ảnh có "mờ dần sang màu trắng" ở các cạnh và bạn chưa loại bỏ điều này. Làm mờ hoặc khử răng cưa đạt được bằng cách sử dụng màu xám có độ tương phản cao với màu tối hơn.

Tôi không sử dụng GIMP, nhưng về mặt đơn giản, cách dễ nhất để làm việc này là tạo một lớp mới ở dưới cùng của ngăn xếp lớp và lấp đầy nó với màu rõ ràng, độ tương phản cao và thường không có trong hình ảnh. Tôi thường sử dụng RGB (255,0,0). Điều này sẽ ngay lập tức làm nổi bật cho bạn tất cả các khu vực bạn cần loại bỏ hoặc điều chỉnh để làm cho hình ảnh hoạt động trên bất kỳ nền nào. Bạn cần loại bỏ (không phải màu trắng) các khu vực ở các lớp trên để bạn nhìn thấy màu đỏ từ lớp dưới cùng hiển thị. Khi bạn hoàn tất, bạn xóa hoặc ẩn lớp tương phản trước khi xuất PNG. Lớp tương phản này đặc biệt hữu ích vì bạn có thể thấy kết quả cuối cùng mà không cần phải xuất nó để kiểm tra.

Những gì bạn muốn kết thúc với một lớp cơ bản là một lớp với tất cả các phần trong suốt được loại bỏ (không phải màu trắng, nhưng trong suốt). Tôi thường sử dụng mặt nạ lớp để làm điều này, vì nó không phá hủy, nhưng làm bất cứ điều gì cần làm.

Tuy nhiên, tôi nghĩ rằng bạn sẽ có kết quả tốt hơn nếu bạn xây dựng lại các yếu tố thay vì chỉ nhập JPEG. Ngoài ra, các đường trong này rất mỏng và nhẹ, và trên màu đen chúng có thể rơi ra.

Trong một số trường hợp, tốt hơn là hình dung logo là tem hoặc nhãn dán, để các bit bên trong màu trắng và vuốt một đường trắng 5px xung quanh các cạnh bên ngoài.