Próbuję stworzyć gradient bez pasm. Obejrzałem wszystkie filmy na YT i wypróbowałem: Rozmazanie wszelkiego rodzaju, Hałas, Dither, głębia bitowa, Pędzel i robienie gradientu w programie Illustrator.
Wszystko zawodzi i zawsze widzę bandaż.
Kolor tła, którego używam za obrazem: 050b3c
Odpowiedzi:
Hałas i roztrząsanie zwykle dają całkiem dobre wyniki. Istnieje kilka rzeczy, które mogą sprawić, że „bandowanie” stanie się bardziej widoczne:
Przydałoby się również wiedzieć, jakie jest twoje urządzenie docelowe. Istnieje różnica w tym, jak bardzo możesz „rozłożyć” gradient, niezależnie od tego, czy kierujesz reklamy na druk (jaki rodzaj wydruku ma również znaczenie, np. Ekrany takie jak AM, pseudo-stochastyczny, stochastyczny) monitory komputerowe lub wyświetlacze urządzeń mobilnych. Ma to również znaczenie, niezależnie od tego, czy używasz grafiki rastrowej lub wektorowej.
Podsumowując: jest to dość złożony temat :).
Tak, możliwe jest tworzenie wysokiej jakości gradientów. Należy jednak wziąć pod uwagę wiele czynników.
Photoshop nie ma i nie może się wahać na kanale alfa. Lepiej, jeśli to możliwe, używaj jednolitych kolorów. Staraj się również unikać krycia warstw. Utwórz gradient, używając dokładnie potrzebnych kolorów. Edycja: Photoshop CC 2014.2 dodał dithering kanału alfa. :)
Mogą występować pewne skumulowane błędy zaokrąglania, jeśli edytor obrazów używa 8-bitowej głębi kolorów. Najlepszym sposobem na wygenerowanie gradientu utworzonego z kilku warstw (z trybami mieszania i kryciem w trakcie gry) jest renderowanie z większą głębią bitową, a następnie, jeśli to możliwe, dithering do 8 bitów na kanał. Photoshop może to zrobić. Jeśli chcesz stworzyć pełny gradient utworzony z jednej warstwy, 8 bitów na kanał jest w porządku (16 bitów jest przydatne tylko przy włączonym mieszaniu warstw).
Dithering jest naprawdę bardzo ważny. (Zobacz poprzedni punkt.)
Nie używaj programu Illustrator. Jest to 8 bitów na kanał i nie waha się.
Skalowanie obrazu zrujnuje dobrą pracę, jaką wykonał dithering, więc od samego początku musisz utworzyć obraz w odpowiednim rozmiarze.
Większość laptopów ma 6-bitowe wyświetlacze na kanał z kilkoma animowanymi sztuczkami ditheringowymi, aby poprawić wygląd. Oczywiście walczysz z wyświetlaczem, a płynne wyniki mogą nie być możliwe z powodu wyświetlacza. Nowy MacBook Pro z wyświetlaczem Retina jest godnym uwagi wyjątkiem - ma 24-bitowy wyświetlacz IPS. Edycja: Wyświetlacze laptopów poprawiły się nieco od tego postu!
Jak zasugerował thebodzio, inne przetwarzanie na poziomie systemu operacyjnego może również zaburzać działanie.
Jeśli używasz trybu 16-bitowego w Photoshopie, przetestuj go w trybie 8-bitowym. Istnieją pewne okoliczności, w których tryb 8-bitowy wygląda lepiej, a inne okoliczności, w których tryb 16-bitowy jest lepszy. Podstawowa zasada: jeśli masz jeden gradient, użyj 8 bitów z ditheringiem. Jeśli masz kilka warstw i gradientów przy użyciu krycia, użyj trybu 16-bitowego.
Patrząc na twój obraz, wydaje się, że dochodzi do innej destrukcyjnej konwersji. Czy korzystasz z usługi Save For Web? Czy masz włączoną opcję Konwertuj na sRGB? Jeśli tak, wyłącz go (jest to najłatwiejszy sposób na zniszczenie jakości twoich zdjęć i jednoczesne dokonywanie destrukcyjnych zmian kolorów).
Marc Edwards pisze, że „Photoshop nie ma i nie może się wahać na kanale alfa”. Jeśli tak, możesz być w stanie go sfałszować, tworząc skośny gradient od białego do czarnego, a następnie czyniąc biały przezroczystym. Niestety, minęło trochę czasu, odkąd korzystałem z Photoshopa, ale ogólny pomysł byłby taki:
(Tak, wiem, że to bardziej komentarz niż odpowiedź, ale zajęło to zbyt wiele czasu, aby zmieścić się w polu komentarza).
Znalazłem podobny problem w programie Illustrator (który nie ma nawet opcji „ditherowania” gradientów). Brzmi to trochę szalone, ale obchodzę to, stosując filtr „szklany”, który może przybliżać dithering przy użyciu odpowiednich parametrów.
Używam:
W programie Illustrator wprowadza białe plamki na krawędziach obiektu, które można naprawić za pomocą maski przycinającej.
Wyniki? „Porzucony” jeden po prawej. Dodaje trochę głośnej tekstury, ale myślę, że przez większość czasu jest to lepsze niż zespoły.
Bardzo podstawową różnicą przy tworzeniu gradientów jest użycie warstwy gradientu, która ma wbudowaną opcję ditheringu (Warstwa> Nowa warstwa wypełnienia> Gradient) i pozostaje regulowana. Odtąd możesz konwertować na inteligentną warstwę i dodawać efekty, które potrzebujesz, aby poprawić, ale daje to znacznie lepszy punkt wyjścia.
Są to trzy próbki wykazujące dreszcze. Poniższy zestaw to powyższy zestaw z poziomami dostosowanymi w celu podkreślenia efektów ditheringu.
Od lewej do prawej pierwsza jest najbardziej widoczna; brak roztrząsania. Drugi to ten sam gradient z ditherem; dużo lepiej. A trzeci, ten po prawej, ma drenaż, a ja dodatkowo dodałem warstwę szumu, w efekcie przyspieszając drenaż. Zobacz komentarz, dlaczego chcesz dodać dodatkowy hałas. Zobacz „dodatkowe uwagi”, aby dowiedzieć się, jak wytrząsać przezroczystość / kanał alfa.
Komentarz
Wykonałem duże renderowanie gradientów przy minimalnej zmienności kolorów, a pasy były bardzo widoczne bez ditheringu, jak w pierwszej próbce. Potem dowiedziałem się o ditheringu i to bardzo poprawiło sytuację, to druga próbka. Ale na dużym renderingu (tutaj mniej widocznym) nadal było trochę pasm. Potrzebowałem bardziej agresywnego roztrząsania. Więc skopiowałem * warstwę gradientu, zrasteryzowałem ją i dodałem niewielką ilość (0,1%) jednolitego monochromatycznego szumu. To znacznie poprawiło obraz na dużą skalę. To trzecia próbka. Poprawa z dodatkowego szumu (który jest zasadniczo ditherem) jest mniej widoczna na małą skalę, jak w tej próbce tutaj, ale była bardzo ważna przy dużym renderowaniu, takim jak te, nad którymi pracowałem.
* Stworzyłem osobną warstwę dla szumu, ponieważ w ten sposób mogłem kontrolować hałas dzięki kryciu nowej warstwy.
Dodatkowe uwagi
Omówiłem tylko rzeczywisty obraz. Wpływ na sprzęt i stronę kierowcy może mieć również wpływ; inne urządzenie może wyświetlać rzeczy inaczej. Inne odpowiedzi dobrze to ujęły.
Photoshop nie ditheruje kanału alfa. Jeśli potrzebujesz ditheringu na przezroczystości, musisz ręcznie ditherować kanał alfa. Użyłbym warstwy maski do stworzenia przezroczystości, więc byłoby to tylko kwestią ditheringu tej warstwy maski. Podczas pracy z maskami warstw nie zapomnij ALT+ left clickna masce warstw, aby ją wyświetlić.
Bardzo przydatny artykuł na ten temat: http://nomorebanding.com/cache
Oto istota:
Chodzi o to, aby utworzyć gradient w trybie 16-bitowym, a następnie przekonwertować go w tryb 8-bitowy, postępując zgodnie z procedurą ręcznego ditheringu (przy użyciu niestandardowej warstwy ditheringu). Oto procedura:
1. Wyłącz domyślne dithering (Edycja> Ustawienia kolorów usuń zaznaczenie opcji Użyj ditheringu), ponieważ stworzymy własny „silnik” ditheringu
2. Utwórz nową warstwę (powinna być najwyższa).
3. Wypełnij jednolitym 50% szarym.
4. Filtr> Hałas> Dodaj hałas. (Kwota 25%, Jednolita dystrybucja, Sprawdzone monochromatycznie)
6. Ustaw warstwę na Światło liniowe.
7. Na palecie Warstwy ustaw Krycie na 1%, Krycie wypełnienia na 19%.
Ważne: Musisz spłaszczyć obraz (w tym warstwę szumu) w trybie 16-bitowym, a dopiero potem przekonwertować na tryb 8-bitowy w celu eksportu. Jeśli zrobisz to na odwrót, najpierw stracisz wszystkie 16-bitowe informacje, a następnie warstwa szumu nie zrobi nic w 8 bitach. Pamiętaj też o ustawieniu Użyj ditheringu w Photoshopie. Możesz użyć warstwy lub natywnej metody roztrząsania, ale nie używaj obu podczas konwersji, powoduje to dwukrotnie większy hałas, którego potrzebujesz.