Многим дизайнерам приходится сталкиваться с проблемой возникновения резких переходов на градиентах. Я раньше с таким не сталкивался, но сегодня, отправляя макеты на верстку сайта, обнаружилось, что фоновые заливки, выполненные в виде градиента почему-то полосатые.
Причем такая проблема возникает независимо от разрешения файла, будь-то 72 или 300 dpi и от метода выполнения градиента (с помощью инструмента градиент или эффектом слоя Gradient Overlay). 8-и и 16-битная глубина цвета тоже никак на это не влияет.
Хочу поделиться методом, который помог мне избавиться от нежелательных полос в градиентах, выполненных в программе Photoshop.
Убираем полосы в градиенте
- Дублируем слой с градиентом (Ctrl-J).
- Несильно размываем его с помощью фильтра Filter → Blur → Gaussian Blur. Полосы все еще будут заметны, но не так сильно.
- Нажимаем на иконку создания нового слоя, удерживая клавишу Alt.
- В появившемся диалоговом окне устанавливаем режим наложения Overlay. Ставим флажок на опции Fill with Overlay-neutral color (50% gray).
- Добавляем немного шума Filter → Noise → Add Noise.
После этих действий полосы должны исчезнуть.