вход

Как уменьшить резкие переходы в градиентах используя Photoshop

Как уменьшить резкие переходы в градиентах используя Photoshop

Очень часто дизайнеры применяют в своих работах всевозможные градиенты. Иногда они занимают небольшие поверхности, и тогда градиент выглядит достаточно плавным. Иногда градиенты используются на больших пространствах, например в качестве фона, и тогда может наблюдаться неприятный момент. При сохранении конечного изображения градиент становиться не плавным, а появляются четкие границы переходов. Эти границы становятся очень заметны. Неважно какое разрешение 72 или 300 точек на дюйм вы используете, но эти ужасные переходы продолжают вас преследовать. Что же делать? Как избавиться от границ перехода и сделать ваши градиенты плавными используя Photoshop? Есть очень простой прием, который позволит сократить число переходов и полос и сделать ваши градиенты красивыми и гладким. Прежде чем вы подумаете об изменении цветов в градиенте, попробуйте воспользоваться этим приемом, чтобы сгладить ваши градиенты.

Итак, прежде чем пытаться делать изменения в настройках цветов и контраста между ними, попытаемся это исправить при помощи этого замечательного приема. Я узнал об этой технике около 2 лет назад, после многочисленных попыток применить различные методы. Но все же, ни одна из методик не давала нужного результата. Границы и полосы в градиентах продолжали портить мои работы.

Так выглядят границы переходов при обычном сохранении градиента в файл.

Итак, сейчас я попробую смягчить эти переходы. Для этого я дублирую слой, содержащий первоначальный градиент. Получаю новый слой с копией первоначального градиента.

Выбрав дублированный слой, я применяю к нему фильтр Blur, с параметрами, которые вы можете наблюдать на изображении ниже.

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

Теперь, я нажимаю на значок нового слоя в нижней части панели слоев, удерживая нажатой клавишу ALT. После нажатия на кнопку новый слой, должно появиться диалоговое окно.

Сначала я изменяю режим наложения, а затем выбираю поле Заполнить с наложением - нейтральный цвет (50% - серый) . Переименовываю слой на что нибудь более понятное, например серое наложение, и нажимаю на кнопку ОК.

Теперь, к вновь созданному слою серое наложение, я применяю в меню Фильтр пункт Add Noise.

Здесь, при добавлении шума, количество его будет разное для разных градиентов. Вы не должны добавлять очень много шума, иначе он станет слишком заметен. Вы должны сами определить что лучше, текстура из шума или границы переходов. Здесь вы должны найти золотую середину. Решение должны принимать вы сами, основываясь на собственном восприятии. Однако, вы всегда можете изменить прозрачность слоя с шумом, если вдруг вы добавили его слишком много.

В качестве последнего шага я советую вам сгладить края мягкой щеткой. Если не смягчать темные участки, на некоторых градиентах вы можете получить очень четкие рваные края с шумом.

Теперь наш градиент стал выглядеть намного плавнее.

Градиент готов, вы можете двигаться дальше и творить, не опасаясь, что на участках градиента появятся границы перехода. На этом все. Спасибо за внимание. Как всегда, если у вас есть что добавить, не стесняйтесь сделать это в комментариях.


Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
Один комментарий :

Статья → Как уменьшить резкие переходы в градиентах используя Photoshop

  1. intero:

    Отличная статья, а главное очень полезная, поскольку не раз сталкивался с данной пробленной. Спасибо!

Оставить комментарий

Статья → Как уменьшить резкие переходы в градиентах используя Photoshop

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.