Có thực sự không thể có gradient mà không cần dải?


37

Tôi đang vật lộn để tạo ra một gradient mà không cần dải. Tôi đã xem tất cả các video trên YT và đã thử: Làm mờ tất cả các loại, Nhiễu, hoà sắc, độ sâu bit, Brush và thực hiện gradient trong Illustrator.

Tất cả mọi thứ đều thất bại và tôi luôn có thể nhìn thấy dải.

Màu nền tôi sử dụng phía sau hình ảnh: 050b3c nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây

Câu trả lời:


28

Tiếng ồn và hoà sắc thường mang lại kết quả khá tốt. Có một vài điều có thể làm cho dải băng tần rõ ràng hơn:

  • Bắt đầu trực tiếp
  • kích thước độ dốc (dải màu trở nên rõ ràng hơn khi các điểm bắt đầu và điểm dừng của các điểm khác nhau ngày càng xa nhau, các độ dốc khác phải được chiếu trên các mẫu khác với số lượng giá trị độ sáng có sẵn không đổi),
  • màn hình bị sai lệch / chất lượng kém (bạn đã thử xem độ dốc của mình trên các màn hình khác nhau chưa?),
  • Giảm độ phân giải màu trên mỗi kênh của kênh Cameron trong cài đặt hệ thống (hiện tại dường như không thể vì hầu hết các hệ thống sử dụng cài đặt 32 bps, nhưng vẫn có khả năng),
  • Cài đặt gamma trên thẻ video của Wild wild (ví dụ: trong bảng điều khiển thẻ video của video hoặc bộ tải gamme như Adobe Gamma Loader),
  • quá nhiều hồ sơ giám sát màn hình cải tiến (một lần nữa kiểm tra xem trên màn hình khác sẽ cung cấp một số gợi ý về nó),
  • giảm độ sâu bit của hình ảnh.

Ngoài ra sẽ rất hữu ích khi biết thiết bị mục tiêu của bạn là gì. Có một sự khác biệt về mức độ bạn có thể chia sẻ độ dốc của bạn cho dù bạn đang nhắm mục tiêu in (loại in nào cũng quan trọng, ví dụ: màn hình như màn hình máy tính AM, pseudo-stochastic, stochastic) hoặc thiết bị di động. Nó cũng tạo ra sự khác biệt sau đó khi bạn sử dụng đồ họa raster hoặc đồ họa vector.

Điểm mấu chốt là: đây là chủ đề khá phức tạp :).


1
Bạn đúng 100% về việc này là một người phụ thuộc màn hình. Sau khi đọc câu trả lời của bạn, tôi đã quyết định kiểm tra hình ảnh màu xanh (xem OP cập nhật) trên iPad3 của tôi. Chất lượng của gradient trên iPad3 là hoàn hảo. Vấn đề là tôi không thể điều khiển màn hình của tất cả người dùng internet.
Thành Viên Cấp

1
Ya trên gradient trắng Tôi có thể thấy các dải nhưng trên gradient xanh tôi không thấy bất kỳ dải nào
Ryan

@Ryan Nó không phải màu trắng, nó trong suốt. Bạn nên lấy nó và thêm một lớp (màu: 050b3c) bên dưới trong PS. Sau đó bắt đầu chơi với độ mờ đục của lớp bên dưới và xem cách dải màu thay đổi.
Người dùng đã đăng ký

@RegisteredUser Tôi không quan tâm lắm khi câu trả lời vẫn giống như phụ thuộc vào các phẩm chất đã nêu ở trên cùng với cài đặt màn hình.
Ryan

2
Câu trả lời toàn diện. Tôi nghĩ rằng có thể đáng để chỉ ra vấn đề bắt nguồn từ đâu, và tại sao các thủ thuật như phối màu là cần thiết: màu 8 bit không cung cấp cho bạn đủ các bước để tạo ảo giác về độ dốc thay đổi trơn tru.
e100

13

Có, có thể tạo độ dốc chất lượng cao. Có rất nhiều yếu tố để xem xét mặc dù.

  • Photoshop không và không thể hòa nhập trên kênh alpha. Bạn nên sử dụng màu sắc tốt hơn, nếu có thể. Ngoài ra, cố gắng tránh opacity lớp. Tạo gradient bằng cách sử dụng màu chính xác mà bạn cần. Chỉnh sửa: Photoshop CC 2014.2 thêm phối màu kênh alpha. :)

  • Có thể có một số lỗi làm tròn tích lũy nếu trình chỉnh sửa hình ảnh của bạn đang sử dụng 8 bit cho mỗi độ sâu màu của kênh. Cách chất lượng tốt nhất để tạo độ dốc được tạo từ nhiều lớp (với chế độ hòa trộn và độ mờ khi phát) là hiển thị ở độ sâu bit cao hơn, sau đó giảm xuống 8 bit cho mỗi kênh, nếu có thể. Photoshop có thể làm điều này. Nếu bạn muốn một gradient toàn bộ được tạo từ một lớp, 8 bit cho mỗi kênh là ổn (16 bit chỉ có ích khi có sự pha trộn lớp).

  • Phối màu là thực sự, thực sự quan trọng. (Xem điểm trước.)

  • Đừng sử dụng Illustrator. Đó là 8 bit cho mỗi kênh và không hòa sắc.

  • Chia tỷ lệ hình ảnh sẽ phá hỏng công việc phối màu tốt, vì vậy bạn sẽ cần tạo hình ảnh với kích thước chính xác ngay từ đầu.

  • Hầu hết các máy tính xách tay có màn hình 6 bit trên mỗi kênh với một số thủ thuật phối màu hoạt hình để làm cho mọi thứ xuất hiện tốt hơn. Rõ ràng là bạn đang chiến đấu với màn hình và kết quả mượt mà có thể là không thể, do màn hình. MacBook Pro mới với màn hình Retina là một ngoại lệ đáng chú ý - nó có màn hình IPS 24 bit. Chỉnh sửa: Màn hình máy tính xách tay đã được cải thiện một chút kể từ bài đăng này!

  • Như thebodzio đã đề xuất, việc xử lý ở cấp độ hệ điều hành khác cũng có thể xử lý mọi thứ.

  • Nếu bạn sử dụng chế độ 16 bit trong Photoshop, hãy kiểm tra nó với chế độ 8 bit. Có một số trường hợp nhất định trong đó chế độ 8 bit trông tốt hơn và các trường hợp khác trong đó chế độ 16 bit tốt hơn. Nguyên tắc cơ bản: Nếu bạn có một độ dốc, hãy sử dụng 8 bit để phối màu. Nếu bạn có một vài lớp và độ dốc sử dụng độ mờ, hãy sử dụng chế độ 16 bit.


Nhìn vào hình ảnh của bạn, có vẻ như có một số chuyển đổi mang tính hủy diệt khác đang diễn ra. Bạn đang sử dụng Save For Web? Bạn đã bật Convert to sRGB chưa? Nếu vậy, hãy tắt nó đi (đó là cách dễ nhất để làm hỏng chất lượng hình ảnh của bạn và thực hiện thay đổi màu sắc phá hủy cùng một lúc).


+1 cho câu trả lời tuyệt vời của bạn, nhưng tôi đã chuyển đi từ đó. Trước hết, tùy chọn tạo gradient của bạn mà không có alpha là không tốt, vì hình ảnh tôi cần phải trong suốt để tôi có thể sử dụng nó trên một trang web, được đặt trên toàn bộ trang. Ngoài ra, sau khi đọc câu trả lời được chấp nhận, tôi đã quyết định bỏ PS và tạo gradient theo chương trình bằng cách sử dụng gradient xuyên tâm CSS ( colorzilla.com/gradient-editor ). Thật không may, CSS hoàn toàn không giúp ích gì và gradient tiếp tục bị buộc mạnh.
Người dùng đã đăng ký

Bạn thực sự có thể tự xây dựng kênh alpha trong Photoshop, vì vậy bạn có thể phối màu alpha (thủ công). CSS là một giải pháp tốt mặc dù. Nếu bạn đang sử dụng máy tính xách tay, hãy lưu ý rằng bạn có thể thấy dải màu trên màn hình của mình, nhưng những người khác có thể thấy một độ dốc mượt mà. Kết xuất trình duyệt cũng sẽ là một yếu tố.
Marc Edwards

5

Marc Edwards viết rằng "Photoshop không và không thể hòa nhập trên kênh alpha." Nếu vậy, bạn có thể giả mạo nó bằng cách tạo một gradient hòa sắc từ trắng sang đen và sau đó làm cho màu trắng trong suốt. Than ôi, đã được một thời gian kể từ khi tôi sử dụng Photoshop, nhưng ý tưởng chung sẽ là như thế này:

  1. Tạo một gradient 16 bit từ đen sang trắng.
  2. Giảm xuống còn 8 bit.
  3. Tạo một lớp màu đen và thêm một lớp mặt nạ cho nó.
  4. Sao chép độ dốc hoà sắc vào mặt nạ lớp (và đảo ngược nó, nếu cần).
  5. Áp dụng mặt nạ lớp để có được một gradient được phối màu độc đáo từ màu đen sang trong suốt.

(Vâng, tôi biết đây là một nhận xét nhiều hơn là một câu trả lời, nhưng nó đã quá dài để phù hợp với hộp bình luận.)


Vâng, bạn chắc chắn có thể sử dụng một gradient đen trắng trên một kênh, sau đó tải nó dưới dạng lựa chọn, sau đó tạo một lớp mới, sau đó điền vào vùng chọn. Bạn sẽ kết thúc với một gradient với hoà sắc alpha. Ngoài ra, tôi sẽ chỉnh sửa câu trả lời của mình ... Chế độ 16 bit hơi lạ. Nó không phải luôn luôn chất lượng tốt hơn cho độ dốc.
Marc Edwards

Thx cho câu trả lời. Hóa ra vấn đề độ dốc không thực sự là do PS, bởi vì: 1) Hình ảnh trông ổn trên iPad3. 2) CSS gradient trông cũng có dải trên màn hình.
Người dùng đã đăng ký

Độ dốc CSS không được phối màu trên hầu hết các trình duyệt. Đáng buồn nhưng là sự thật.
aaaidan

4

Tôi đã tìm thấy một vấn đề tương tự trong Illustrator (thậm chí không có tùy chọn "hoà sắc" cho độ dốc). Nghe có vẻ hơi điên rồ, nhưng tôi đã khắc phục bằng cách áp dụng bộ lọc "thủy tinh", có thể xấp xỉ phối màu với các thông số phù hợp.

Tôi sử dụng:

  • Độ méo: 2 (điều này phụ thuộc vào kích thước của các dải của bạn).
  • Độ mịn: 1
  • Texture: Frosted (kết cấu tích hợp ồn ào nhất)
  • Chia tỷ lệ: 50%

Trong Illustrator, phần này giới thiệu các đốm trắng ở các cạnh của đối tượng mà bạn có thể khắc phục bằng cách sử dụng mặt nạ cắt.

Các kết quả? "Phối màu" một bên phải. Nó có thêm một chút kết cấu ồn ào, nhưng tôi nghĩ nó tốt hơn các ban nhạc hầu hết thời gian.

Dải màu Phối màu


3

Một sự khác biệt rất cơ bản trong việc tạo độ dốc là sử dụng Lớp Gradient có tùy chọn hoà sắc được tích hợp trong (Lớp> Lớp điền mới> Độ dốc ) và vẫn có thể điều chỉnh. Từ đây, bạn có thể chuyển đổi sang lớp thông minh và thêm bất kỳ hiệu ứng nào bạn cần để cải thiện hơn nữa, nhưng nó mang lại cho bạn một điểm khởi đầu tốt hơn nhiều.


Tùy chọn hoà sắc cho các lớp gradient chỉ hòa sắc các kênh màu đỏ, xanh lục và xanh lam, không phải là alpha (không may).
Marc Edwards

2
Tôi không biết điều đó. Độ trong suốt cũng có thể đạt được thông qua lớp mặt nạ. Vì vậy, làm thế nào về việc tạo một gradient đen sang trắng và sử dụng nó như một mặt nạ lớp?
KMSTR

2

nhập mô tả hình ảnh ở đây

Đây là ba mẫu chứng minh hoà sắc. Bộ bên dưới là bộ ở trên với các mức được điều chỉnh để làm nổi bật các hiệu ứng của phối màu.

nhập mô tả hình ảnh ở đây

Từ trái sang phải, đầu tiên là dải rõ ràng nhất; không có hiện tại hoà sắc. Cái thứ hai là cùng một gradient với hoà sắc; tốt hơn nhiều. Và cái thứ ba, cái bên phải, có hòa sắc, và tôi cũng đã thêm một lớp tiếng ồn, có tác dụng thúc đẩy hoà sắc. Xem bình luận cho lý do tại sao bạn sẽ thêm tiếng ồn. Xem "ghi chú bổ sung" để biết cách phối kênh trong suốt / kênh alpha.

Bình luận

Tôi đã thực hiện các kết xuất lớn của gradient với độ biến đổi màu tối thiểu và dải màu rất rõ mà không bị hoà sắc, như trong mẫu đầu tiên. Sau đó tôi phát hiện ra về hoà sắc và nó đã cải thiện rất nhiều thứ, đó là mẫu thứ hai. Nhưng trên một kết xuất lớn (ít nhìn thấy ở đây) vẫn còn một số dải. Tôi cần hòa sắc hơn. Vì vậy, tôi đã sao chép * lớp gradient, rasterized nó và thêm một lượng nhỏ (0,1%) nhiễu đơn sắc đồng nhất. Điều đó đã cải thiện hình ảnh quy mô lớn đáng kể. Đó là mẫu thứ ba. Sự cải thiện từ tiếng ồn bổ sung (về cơ bản là hòa sắc) ít thấy hơn ở quy mô nhỏ như trong mẫu này ở đây, nhưng nó rất quan trọng trên một kết xuất lớn như những gì tôi đang làm việc.

* Tôi đã tạo một lớp riêng cho nhiễu vì theo cách đó tôi có thể kiểm soát nhiễu với độ mờ của lớp mới.

Ghi chú bổ sung

  • Tôi chỉ thảo luận về hình ảnh thực tế. Phần cứng và trình điều khiển của mọi thứ cũng có thể có ảnh hưởng; một thiết bị khác có thể hiển thị những thứ khác nhau. Các câu trả lời khác đã bao gồm điều đó khá tốt.

  • Photoshop không hòa kênh alpha. Nếu bạn cần phối màu về độ trong suốt, bạn phải hòa âm kênh alpha theo cách thủ công. Tôi sẽ sử dụng một lớp mặt nạ để tạo độ trong suốt, vì vậy nó chỉ là vấn đề hòa sắc lớp mặt nạ đó. Và khi làm việc với mặt nạ lớp, đừng quên ALT+ left clicktrên mặt nạ lớp để hiển thị nó.


2

Bài viết rất hữu ích về chủ đề: http://nomorebanding.com/cache

Đây là bản chất:

Ý tưởng là tạo độ dốc ở chế độ 16 bit, sau đó chuyển đổi nó ở chế độ 8 bit, theo quy trình sau để phối màu thủ công (sử dụng lớp phối màu tùy chỉnh). Đây là thủ tục:

1. Tắt tắt phối màu mặc định (Chỉnh sửa> Bỏ chọn Cài đặt phối màu), bởi vì chúng tôi sẽ tạo "công cụ phối màu" của riêng chúng tôi

2. Tạo một lớp mới (nên là trên cùng).

3. Làm đầy nó với màu xám 50%.

4. Bộ lọc> Tiếng ồn> Thêm tiếng ồn. (Số tiền 25%, Đồng phục phân phối, Đơn sắc được kiểm tra)

  1. Nhấn Ctrl + F để lặp lại bộ lọc nhiễu trên cùng một lớp.

6. Đặt lớp thành Ánh sáng tuyến tính.

7. Trong bảng Layer, đặt Opacity thành 1%, Fill opacity thành 19%.

Quan trọng: Bạn cần làm phẳng hình ảnh (bao gồm cả lớp nhiễu) trong khi ở chế độ 16 bit và chỉ sau đó chuyển đổi sang chế độ 8 bit để xuất. Nếu bạn làm theo cách khác, trước tiên bạn sẽ mất tất cả thông tin 16 bit và sau đó lớp nhiễu sẽ không làm gì chính xác trong 8 bit. Ngoài ra, hãy nhớ cài đặt Sử dụng hoà sắc của Photoshop. Bạn có thể sử dụng lớp hoặc phương pháp phối màu gốc, nhưng không sử dụng cả hai trong quá trình chuyển đổi, điều này dẫn đến độ ồn gấp đôi bạn cần.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.