Устраняем лесенки в градиентах.

Комментарии пользователей

oneunfit

чет я ниче не понял - особенно про лесенки - так как это не лесенки вроде, что касается градиентов - простой блюр Вам в помощь

Kurilshik

+, правда способ не всегда помогает

Enfilade

Никогда не сталкивался с такой проблемой, может у вас галочка dither на градиенте не стоит?

chook

oneunfit, Лесенками принято называть грубые переходы цвета в градиентах. Данный урок о том, как этого избежать. Что именно непонятно в уроке? Я дополню если необходимо.

chook

Enfilade, Галочка стоит. Неоднократно сталкивался с такой проблемой в работе, вот и решил поделиться способом. Kurilshik, Да способ помогает не всегда. Особенно когда в макете много корректирующих слоев. В моей практике способ работает в 90% случаев.

DDS
DDS

Проблема актуальна :) Ваш вариант решения опробую сегодня.

ch5tr

сталкивался с такой проблемой, интересно)

Slider

можно еще нойза добавить

kadasarva

Повышение битности - логично :), спасибо за способ.

KoTMaTpocKiH

Спасибо! Попробовал, сам факт перевода 8 бит - 16 бит - 8 бит практически полностью убирает бандинг. Кто бы мог подумать!?! Остаток можно уничтожить мелким шумом. Сколько лет искал способы подавления этого гнусного эффекта .. в общем, ещё раз спасибо! :)

chook

KoTMaTpocKiH, Очень рад что помог)) Я сам на техе много чего важного для себя нашел.

Grebeshkov

Полезный урок) +5

PZR
PZR

chook, за урок 5+ Я давно нашел это решение только через 32 бита. Чет про 16 даже как-то не подумал. Молоток!!! За то, что делишься опытом. Kurilshik, давай за уроки ставить 10 а не 5. Делая уроки, люди делятся опытом, тратят свое время абсолютно бесплатно, думаю, будет справедливо, если посты в раздел уроки мы(коллеги по оружию) будем оценивать до 10 баллов.

chook

PZR, Спасибо)) Направление в работе немного поменялось, но все искал возможность сделать что-то полезное для теховцев.

ViL
ViL

Подскажите, вот типичная ситуация: обычный градиент от черного к белому, однако видны не только ступеньки, но и цветные полосы, перевод 8-16-8 бит или блюр не помогают. dbe94e045f7a500a9bda6c7d4aba2cdf.jpeg

chook

ViL, Метод описаный в уроке работает до слития слоев и помогает при нескольких слоях. По джипегу так не получится. На вопрос откуда цветные полосы я подсказать немогу. Ваш градиент выглядит так, как будто его еще поблурили странным способом. Может Вам стоит просто создать градиент заново? 611c3fb92bc611afc9b59fe23f8b1a77.jpeg

berebas

Как правило с лесенками борюсь нойзом и только им. Во всяком случае в фотографии только этот способ считаю правильным. Объясняется всё очень просто: при съёмке камера непременно даёт шум на всё изображение вне зависимости от крутости модели камеры. Разница лишь в интенсивности шума. Заменяя родной градиент на фотографии мы избавляемся от родного шума созданного камерой, поэтому для сохранения правдоподобности - шум нужно добавлять искусственно взамен удалённого. Ну это лично моё мнение касательно градиентов в фотографии =)

chook

berebas, Я не претендовал на новый способ обработки фотографий. Прошу Вас еще раз просмотреть информацию в уроке.

berebas

chook, не-не-не, у меня никаких претензий нет вовсе) Я просто про то, что при ретуши можно (нужно) просто обойтись нойзом и проблема отпадёт сама собой =)

chook

berebas, Да я и не думал о претензиях) все ок, просто хотел объяснить суть вопроса. Ресь идет о макетах, а не о фото.

Kurilshik

chook, черно-белый проще протонировать в бесцветность через ctrl+u

cannabin

Есть способ в разы проще и действенней. Урок сделать?) upd. думаю так сойдет) Примените на ваш градиент filter>brush strokes>spatter Праметры: Sparay Radius-вариативно Smoothness-1 по бокам могут вылезти однопиксельные одноцветные косячки, их вырезаете волшебным дилдо. Под низ ложите фильтрованный слой фишка фильтра в том, что он тусует пиксели не меняя их цвета

chook

Kurilshik, Это я знаю, правда не понял почему ты об этом написал. Ты про градиент который выкладывал ViL, ? cannabin, Я слышал, что продовать телевизоры это выгодно. Тут ни кому телевизоры не нужны? А то я не знаю, заниматься этим или нет.

cannabin

cannabin, Я слышал, что продовать телевизоры это выгодно. Тут ни кому телевизоры не нужны? А то я не знаю, заниматься этим или нет.
аррр

cannabin

Под низ ложите НЕ филтрованный слой

chook

Есть способ в разы проще и действенней. Урок сделать?) upd. думаю так сойдет) Примените на ваш градиент filter>brush strokes>spatter Праметры: Sparay Radius-вариативно Smoothness-1 по бокам могут вылезти однопиксельные одноцветные косячки, их вырезаете волшебным дилдо. Под низ ложите фильтрованный слой фишка фильтра в том, что он тусует пиксели не меняя их цвета
Речь идет не об 1ом градиенте. А когда в макете 100 слоев, и 30 из них с режимом наложения и создают ступеньки, как тогда фильтр поможет?

silenceplz

охуенчик работает

ViL
ViL

chook, к сожалению, в вашем варианте я тоже вижу ступенчатые переходы и еле заметные цветные полосы, и тоже в полу-тенях, вероятно, это проблема моего монитора. Но есть один факт: залив черно-белым градиентом и потыкав по нему пипеткой, я увидел, что в некоторых его местах, значение всех трех цветовых каналов не совпадают, а именно — 46-47-46 для rgb. Разве может такое быть? И чтобы еще раз развеять свои сомнения: скажите [url=http://img-fotki.yandex.ru/get/5508/27869979.0/0_4e3e2_d29f9899_orig]тут[/url] вы видите лесенки или цветные артефакты?

chook

ViL, Можно сказать что не вижу

alexvvbb

Меня иногда выручает такой способ, сохраняю все в jpg, открываю его, юзаю блюр и переношу обратно в свой проект

Anikey

можно еще нойза добавить
+

elane

спасибо, актуально!

cssr

Мне жутко стало, когда понадобились градиенты с переходом в прозрачность (к ним не применяется дизер). А по задумке при верстке цвет фона блока должен меняться свободно, то есть в фотошопе без перехода от белого в opacity:0% никак. Задачку еще не решил. Градиенты css3 пока сомнительный вариант.

Ionium

Пробовал как-то повышением разрядности избавляться от переходов, но самым действенным способом для себя оставил ручной дизеринг)), т.е. шум 1-2% в однородном режиме, особенно этот способ подходит для полиграфии, т.к. в CMYK цветовой охват намного уже, и даже при переводе нормальных градиентов из RGB появляются лесенки и резкие цветные переходы.

freshmix

Если если количество перепадов в градиенте больше пикселей, то ступенек не избежать по-любому, битность не поможет. Ну и не все мониторы воспроизводят такую битность.

diroll

Отлично, спасибо, пригодится!:so:

more

5+ Работает. А я все старыми методами пользуюсь -- выделить ступенчатую область, перейти в канал, где ступеньки видны больше всего, размыть по гауссу и засыпать шумом. Чуть дольше, но зато работает даже со схлопнутыми слоями и на печати не вылазят косяки.

AmbrE

+5 Спасибо!

GrafX

ViL, таки в твоем градиенте проглядывают лесенки совсем чуток, на apple cinema за урок спасибо! раньше всегда блюрил градиенты, не всегда действенно

vegaveg

Есть способ в разы проще и действенней. Урок сделать?) upd. думаю так сойдет) Примените на ваш градиент filter>brush strokes>spatter Праметры: Sparay Radius-вариативно Smoothness-1 по бокам могут вылезти однопиксельные одноцветные косячки, их вырезаете волшебным дилдо. Под низ ложите фильтрованный слой фишка фильтра в том, что он тусует пиксели не меняя их цвета
Спасибо! Даже не подозревал о таком фильтре, помогает.

denisgomes

Я пользуюсь не прозрачным градиентом от одного цвета к другому + нойз. Сначала набрасываю градиент новым слоем и регулирую прозрачностью слоя, снизу слой с другим цветом/тоном. Потом, когда желаемый результат перехода достигнут, пипеткой выбираю цвета для фронт и бэк палитры (от какого цвета к какому будет идти градиент) и выбираю в палитре градиентов самый первый (foreground to background) Сразу виден эффект. Плюс немного шума, если нужно и тоже самое выходит.

Darling

Помогло, спасибо! Но заметила такой момент: работало только при слитии нескольких слоев, если провожу цепочку действий для одного слоя, лесенка остается. Но думаю, всегда можно создать еще один слой, чтобы обойти этот момент. :)