Как сделать красивый градиент в фотошопе

Содержание
  1. Карты градиента в Photoshop — Создание и использование
  2. Что делает карта градиента?
  3. Создание градиентных карт
  4. Способ 1
  5. Создание многоцветных градиентных карт
  6. Способ добавления дополнительного цвета к вашему градиенту
  7. Панель градиентов в Photoshop CC 2020
  8. Новая панель градиентов в программе Photoshop CC 2020
  9. Где найти панель градиентов
  10. Новые градиенты по умолчанию в программе Photoshop
  11. Как открывать и закрывать наборы градиентов
  12. Как изменить размер миниатюр градиентов
  13. Ваши недавно использованные градиенты
  14. Опции Новая группа, Новый градиент и Удалить градиент
  15. Как загружать градиенты из более ранних версий программы
  16. Как создавать новые градиенты в программе Photoshop CC 2020
  17. Шаг 1. Создаем новый набор градиентов
  18. Шаг 2: Нажимаем на значок Создать новый градиент
  19. Шаг 3: Редактируем существующий градиент
  20. Как добавить градиенту больше цветов
  21. Как перемещать цвета в градиенте
  22. Как удалить цвет из градиента
  23. Как добавлять градиенту прозрачность
  24. Шаг 4: Выбираем набор градиентов
  25. Шаг 5: Даем название градиенту и нажимаем кнопку Новый
  26. Шаг 6: Закрываем редактор градиентов
  27. Градиент в Фотошопе: как сделать
  28. Процесс создания градиента
  29. Основные настройки градиента
  30. Практический пример
  31. Заключение
  32. Что такое градиент в Photoshop и как его сделать
  33. Что это такое
  34. Как это сделать
  35. Панель настройки
  36. Редактор
  37. Загрузка готовых градиентов
  38. Как сделать градиент?
  39. Градиент в дизайне
  40. Панель настроек градиента
  41. Панель градиента
  42. Виды градиентов
  43. Режимы наложения и невидимость
  44. Дополнительные настройки градиента в Фотошопе
  45. Редактор градиента Gradient Editor
  46. Как сделать и сохранить градиент?
  47. Мягкость градиента
  48. Как настроить градиент
  49. Манипуляции с ползунками
  50. Как сделать полупрозрачный градиент?
  51. Режимы градиента в Фотошопе

Карты градиента в Photoshop — Создание и использование

Как сделать красивый градиент в фотошопе

Мы часто воспринимаем цвета на цифровых фотографиях как «правильные», когда нейтральные тона – если они существуют – действительно нейтральны.

Но в реальном мире свет всегда имеет тот или иной цветовой оттенок, который влияет на освещаемые области. Каждый художник старается редактировать фотографии так, чтобы они отражали его собственное видение.

Карты градиента (Gradient maps) могут либо корректировать цвет, либо использовать его в вашу пользу.

Вы можете использовать карты градиента для драматических черно-белых преобразований или создавать различные монохромные эффекты, но в этой статье основное внимание мы уделим картам цветового градиента, чтобы:

  • использовать их для тонкого улучшения фотографий;
  • разделять элементы в своих композициях с помощью цветового контраста;
  • выделять предметы.

Изначально изображение было черно-белое.

Что делает карта градиента?

Карта градиента в простейшем виде – это плавный переход от одного цвета (или тона) к  другому. Допустим, у вас есть карта градиента от зеленого к оранжевому. Когда вы примените его к изображению, тени будут иметь зеленый оттенок, а подсветка – оранжевый. Средние тона обычно меньше всего страдают, за исключением более сложных многоцветных карт.

На данном примере черно-белый градиент занимает нижнюю половину изображения. Выше представлена ​​карта цветового градиента, а над ней – эффект, который создается при наложении среднего на нижний, при использовании режима наложения Перекрытие (Overlay) или Мягкий свет (Soft ligh).

У вас может возникнуть вопрос: зачем искажать цвет фотографии и придавать существующим оттенкам и цветам новые тоны? В конце концов, это практически противоположность коррекции баланса белого.

Одна из причин использования Карты градиенты (Gradient map)– обогатить цвета, которые уже есть на фотографии.

Например, в этом варианте мы подчеркнули красный кирпич и синее небо.

Еще одна веская причина использовать карты градиентов – использовать силу дополнительных или оригинальных цветов и создавать более привлекательные изображения. Иногда ощущение фотографии и сказочности важнее правды, которая изначально существует.

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

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

Создание градиентных карт

Самый простой способ создать карту градиента в Photoshop – перейти на панель инструментов и установить цвета фона и переднего плана на те, которые вам нужны на любом конце градиента. Затем, когда вы открываете карту градиента, цвета уже на месте.

Если вы хотите использовать точные цвета в вашей карте градиента – возможно, даже и дополнительные цвета, которые вы нашли в Интернете – можно ввести шестнадцатеричные числа в панель выбора цвета вместо случайной выборки.

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

Вы можете использовать «Adobe Color», чтобы найти идеальный дополнительный цвет для выбранного вами на круге. Соответственно создать карту градиента из предложенных цветов.

Способ 1

Более индивидуальный способ создания карты градиента выглядит следующим образом:

  1. Откройте ваше изображение в Photoshop.
  2. Откройте корректирующий слой карты градиента.
  3. Установите режим наложения на Мягкий свет (Soft ligh) или Перекрытие (Overlay).
  4. Щелкните градиент, чтобы открыть редактор градиента.
  5. Щелкните левый ограничитель цвета (квадратный ползунок в нижнем левом углу), затем щелкните в активированном цветовом окне.
  6. На этом этапе вы можете настроить цвет тени и увидеть ее эффект в реальном времени на фотографии, перемещая палитру цветов.
  7. Сделайте то же самое с правой кнопкой цвета выделения.

Теперь у вас есть настраиваемая карта градиента для этого изображения.

Если вы используете корректирующий слой Карта градиента, а не прямое редактирование, у вас есть встроенная маска слоя.

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

Мы обработали здания кистью по маске, поэтому карта градиента влияет только на воду и небо.

Оригинал Добавление градиента Настройка цветов Работа с маской слоя

Альтернативой градиентным картам являются цветные LUT. Это таблица входных и выходных значений для цветов RGB. Она применяется для быстрой цветокоррекции. Вместо того чтобы применять цвет в соответствии с тоном изображения, как это делает карта градиента, LUT смещает оттенки численно.

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

Это сравнение между LUT бежево-синего цвета (нижнее изображение) и картой градиента бежево-синего цвета (верхнее изображение). Оба изображения более атмосферны, чем нейтральное изображение, с которого мы начали, хотя LUT полностью изменил цвет воды, островков вдали. Средние тона меньше изменяются на карте градиента, но светлые участки явно более сиреневые.

Создание многоцветных градиентных карт

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

Используйте оригинальные цвета (наборы из трех тесно связанных оттенков) или триадные цвета, чтобы вдохновиться, или настройте градиент, чтобы улучшить цвета, существующие на фотографии.

Способ добавления дополнительного цвета к вашему градиенту

  1. Откройте ваше изображение в Photoshop.
  2. Создайте двухцветную карту градиента, как указано выше.
  3. Щелкните под центром градиента в редакторе градиента, чтобы создать третью цветовую точку.
  4. Щелкните созданный ограничитель цвета, чтобы активировать цветовое окно, затем щелкните в этом окне.
  5. Выберите третий цвет, дополняющий изображение (например, для средних тонов), и настройте его эффект, изменив положение среднего ползунка. Маленькие внешние ползунки изменяют область, на которую влияет этот цвет, независимо от его положения в тональном диапазоне.

Чем больше цветов вы добавляете, тем менее «реалистично» выглядит фотография, но это может быть тот эффект, который вам нужен.

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

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

Хотя карты градиентов (и цветные LUT) являются мощными инструментами для выделения изображений, ими легко увлечься.

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

Источник: https://pixelbox.ru/sozdanie-i-ispolzovanie-karty-gradienta-v-photoshop

Панель градиентов в Photoshop CC 2020

Как сделать красивый градиент в фотошопе
Сохранить

Изучите все о новой панели градиентов в Photoshop CC 2020, о новых необычных наборах, включенных в программу, о создании и сохранении ваших собственных градиентов!

В этом уроке мы подробно изучим новую панель градиентов в Photoshop CC 2020, которая заменила панель «Управление наборами» (Preset Manager) и стала хранилищем для всех градиентов.

Я покажу вам, как работает панель градиентов, а также мы рассмотрим много новых и впечатляющих градиентов, которые появились в версии программы Photoshop CC 2020.

Я покажу вам, как восстанавливать градиенты из прошлых версий программы Photoshop, чтобы у вас был еще больший выбор градиентов.

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

Для дальнейшего изучения вам потребуется версия программы Photoshop CC 2020. Если вы уже работаете в Photoshop CC, убедитесь, что ваша версия обновлена.

Давайте начнем!

Новая панель градиентов в программе Photoshop CC 2020

Давайте начнем с изучения самой панели градиентов, которая обновилась в версии программы Photoshop CC 2020 и стала местом хранения всех градиентов программы.

Где найти панель градиентов

По умолчанию, панель градиентов расположена в одном месте с панелями Цвет (Color), Образцы (Swatches) и Узоры (Patterns):

Новая панель градиентов в программе Photoshop CC 2020

Если вы не видите панель градиентов, то вы можете ее открыть, перейдя в раздел меню Окно (Window) в верхней части экрана и выбрав Градиенты (Gradients). Но если рядом со словом Градиенты (Gradients) вы увидите галочку, это означает, что панель уже где-то открыта на вашем экране, и повторный выбор панели ее закроет:

Перейдите в меню Окно – Градиенты

Новые градиенты по умолчанию в программе Photoshop

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

Все наборы сгруппированы в зависимости от цветовых оттенков, поэтому можно увидеть следующие названия: Синие (Blues), Лиловые (Purples), Розовые (Pinks), Красные (Reds), Зеленые (Greens) и т.д.

Новые наборы градиентов по умолчанию в программе Photoshop CC 2020

Как открывать и закрывать наборы градиентов

Для того чтобы развернуть или свернуть отдельный набор градиентов, кликните по стрелке рядом со значком папки. В моем случае, я открою набор Синие (Blues), и внутри набора окажется много новых градиентов, из которых можно выбрать нужный:

Открываем один из исходных наборов градиентов

Вы также можете открыть и закрыть все наборы градиентов одновременно, нажав клавишу Ctrl (Win)/Command (Mac) и кликнув по стрелке около любого из наборов. Затем воспользуйтесь линейкой прокрутки в правой части панели, чтобы просмотреть миниатюры градиентов:

Открываем за один раз все наборы градиентов

Как изменить размер миниатюр градиентов

Для того чтобы изменить размер миниатюр на панели градиентов, кликните по значку меню:

Нажимаем на значок меню

И выбираем или Маленькие миниатюры (Small Thumbnail), или Большие миниатюры (Large Thumbnail). Вы также можете выбрать просмотр градиентов в виде списка (Маленькие миниатюры и имена (Small List), Большие миниатюры и имена (Large List)), который включает название каждого градиента наряду с его миниатюрой:

Окно выбора миниатюр градиентов

Ваши недавно использованные градиенты

В верхней части панели градиентов отображается перечень градиентов, которые вы недавно применяли. Кликните по любой миниатюре, чтобы вновь выбрать градиент:

Градиенты, которые вы недавно применяли

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

Открываем меню панели градиентов

И отключаем опцию Показать недавние (Show Recents):

Опция«Показатьнедавние»

Опции Новая группа, Новый градиент и Удалить градиент

В нижней части панели градиентов можно найти параметры Создать новую группу (Create New Group), Создать новый градиент (Create New Gradient) и Удалить градиент (Delete Gradient).

Слева направо: «Новая группа», «Новый градиент» и «Удалить градиент»

Как загружать градиенты из более ранних версий программы

И наконец, чтобы загрузить градиенты из более ранних версий программы, опять кликните по значку меню панели:

Открываем меню панели градиентов

И выбираем Градиенты прежней версии (Legacy Gradients)

Загружаем градиенты прежней версии

Новый набор градиентов прежней версии появится ниже исходных наборов. Раскройте папку, чтобы просмотреть все градиенты внутри нее:

Новыйнаборградиентовпрежнейверсии

Как создавать новые градиенты в программе Photoshop CC 2020

В программе Photoshop CC 2020 на выбор есть много новых необычных градиентов, но еще интереснее создавать свои собственные градиенты. Давайте рассмотрим, как это делать.

Шаг 1. Создаем новый набор градиентов

Для начала, вам нужно создать новый набор, где будут храниться ваши градиенты. Поэтому кликните по значку Создать новую группу (Create New Group) в нижней части панели градиентов:

Кликните по значку «Создать новую группу»

Затем дайте набору какое-нибудь название, например, Мои градиенты (My Gradients) и нажмите ОК:

Дайте название новому набору градиентов

Вернувшись к панели градиентов, вы увидите, что новый набор появился ниже исходных наборов:

На панели появился новый набор «Мои градиенты»

Шаг 2: Нажимаем на значок Создать новый градиент

Далее, кликните по значку Создать новый градиент (Create New Gradient) 

Нажимаем на значок «Создать новый градиент»

В результате, откроется редактор градиентов, в котором по умолчанию настроен градиент от черного к белому (Black, White). Для создания нового градиента нам нужно просто его отредактировать.

Обратите внимание, что вам необязательно начинать с градиента от черного к белому. Вы можете выбрать любой другой градиент в разделе Наборы (Presets) в верхней части редактора градиентов. Те же самые градиенты расположены и на панели градиентов:

Диалоговое окно редактора градиентов

Шаг 3: Редактируем существующий градиент

Для того, чтобы изменить цвет градиента, дважды щелкните по контрольной точке цвета под шкалой предварительного просмотра градиента:

Дважды щелкните по контрольной точке цвета

Далее выберите новый цвет из палитры цветов и нажмите ОК:

Выбираем новый цвет градиента

Шкала предварительного просмотра градиента изменится в соответствии с выбранным цветом. Я таким же образом отредактирую второй цвет, дважды кликнув по его контрольной точке:

Дважды кликните по другой контрольной точке цвета

Далее я выберу еще один цвет из палитры и снова нажму ОК:

Выбираем еще один цвет градиента

Как добавить градиенту больше цветов

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

Кликните для добавления новой контрольной точки цвета

И далее дважды щелкните по новой точке, чтобы изменить ее цвет:

Редактируем новый цвет

Выберите ваш новый цвет из палитры цветов:

Выбираем третий цвет для градиента

Далее кликните ОК, и теперь у нас есть три основных цвета градиента. При необходимости вы можете добавить еще больше цветов:

Был добавлен новый цвет

Как перемещать цвета в градиенте

Для того чтобы переместить цвет градиента на другую позицию, кликните по его контрольной точке и перетащите ее влево или вправо:

Перетащите контрольную точку цвета вдоль шкалы градиента

Или выбрав контрольную точку цвета, вы можете точно задать ее расположение в процентном соотношении, введя соответствующее значение в поле Позиция (Location). Значение, равное 0, разместит точку на левом конце градиента; значение, равное 100% – на правом; 50% – соответствует позиции посередине градиента:

Задаем точное расположение с помощью параметра «Позиция»

Как удалить цвет из градиента

Для того, чтобы удалить цвет, просто кликните по его контрольной точке и, удерживая кнопку мыши нажатой, перемещайте ее вниз до тех пор, пока цвет не исчезнет:

Кликните по контрольной точке цвета и уберите ее со шкалы предварительного просмотра градиента, чтобы удалить цвет

После удаления цвета, который был посередине градиента, я снова вернулся к двухцветному градиенту:

Результат после удаления третьей контрольной точки цвета

Как добавлять градиенту прозрачность

Мы рассмотрели, как изменять цвета градиента, но также вы можете добавлять градиенту прозрачность.

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

Контрольные точки непрозрачности градиента

В большинстве случаев, вы захотите оставить значения контрольных точек непрозрачности по умолчанию равными 100%, что означает полную непрозрачность градиента. Для того чтобы добавить прозрачность, кликните по точке непрозрачности для выбора и уменьшите ее значение в поле Непрозрачность (Opacity).

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

Работайте с точками непрозрачности, чтобы добавить градиенту прозрачность

Далее я снова установлю значение непрозрачности на 100%, чтобы вернуть назад цвет:

Возвращаем значение непрозрачности градиента, равное 100%

Шаг 4: Выбираем набор градиентов

Когда вы будете готовы сохранить градиент, перейдите в раздел Наборы (Presets) в редакторе градиентов и выберите набор, в котором вы хотите сохранить градиент. Я выберу набор «Мои градиенты», который я создал ранее:

Выбираем набор, в который включим градиент

Шаг 5: Даем название градиенту и нажимаем кнопку Новый

Дайте вашему новому градиенту название и нажмите кнопку Новый (New):

Дайте название градиенту и нажмите кнопку «Новый»

Ваш новый градиент отобразится в наборе:

Новый градиент был сохранен

Шаг 6: Закрываем редактор градиентов

Нажмите ОК, чтобы закрыть редактор градиентов:

Закрываем редактор градиентов

И вернувшись на панель градиентов, мы видим наш новый градиент, который можно использовать в работе:

Новый градиент на панели градиентов

И вот мы закончили! Мы познакомились с новой панелью градиентов, рассмотрели обновленные градиенты по умолчанию, изучили, как создавать собственные градиенты в программе Photoshop CC 2020. В следующем уроке я покажу вам новые способы применения градиентов, в том числе работу с ними прямо с панели градиентов!

Стив Паттерсон (Steve Patterson)

Источник: https://zen.yandex.ru/media/phmaster/panel-gradientov-v-photoshop-cc-2020-5eb1aa2f49d6c31325adc628

Градиент в Фотошопе: как сделать

Как сделать красивый градиент в фотошопе

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

Процесс создания градиента

Графический редактор Photoshop уже содержит палитру предустановленных градиентов. Также в интернете можно найти большое разнообразие палитр градиентов, созданных другими пользователями.

Если, после ознакомления с готовыми палитрами градиентов, Вы не смогли подобрать подходящий, можно создать его самостоятельно, следуя инструкциям ниже:

  1. Выбираем “Градиент” в основной панели инструментов слева, кликнув по нему левой кнопкой мыши. В некоторых случаях, когда данный “Градиент” не выбран по умолчанию в группы инструментов заливки, сначала правой кнопкой мыши щелкаем по группе, затем в предложенном перечне выбираем нужный нам пункт.
  2. В появившейся вверху окна панели с настройками градиента находим кнопку, открывающую окно для его редактирования и кликаем по ней. ВАЖНО: окно с настройками градиента откроется только при нажатии на саму кнопку, а не на стрелку справа от нее.

Основные настройки градиента

Если все сделано верно, то на экране появится окно Редактора градиентов, в котором можно создать свой градиент или отредактировать один из уже имеющихся в Фотошопе.

Порядок действий здесь следующий:

  • создаем новый градиент (меняем имеющийся);
  • вводим название;
  • сохраняем градиент.

Давайте рассмотрим Редактор градиентов и алгоритм его использования подробнее.

  1. Центральным элементом редактора является сам градиент. Снизу от него размещены цветовые контрольные точки, а сверху – контрольные точки непрозрачности.
  2. Для активации свойств цветовой контрольной точки щелкаем по ней левой кнопкой мыши. Таким образом мы получим доступ к изменению позиции или цвета контрольной точки.
  3. Активация точки непрозрачности происходит аналогичным образом, для нее возможна регулировка положения и уровня непрозрачности.
  4. Точка, расположенная посередине редактируемого градиента, предназначена для обозначения границ разделения цветов. Нажатие левой кнопки мыши на контрольной точке непрозрачности перемещает ее вверх и устанавливает в качестве средней точки непрозрачности.
  5. Чтобы добавить новую цветовую точку, достаточно подвести курсор к градиенту. Когда курсор изменит свой вид со стрелки на руку с указательным пальцем вверх, нажимаем левую кнопку мыши. Созданные таким образом точки можно настраивать и двигать влево-вправо относительно градиента.
  6. Для удаления контрольной точки используется соответствующая кнопка.

Практический пример

Перейдем к практике и попробуем за несколько простых шагов создать и использовать новый градиент.

  1. Окрасим крайнюю левую точку в нужный цвет. Для этого кликаем на нее левой кнопкой мыши, чтобы активировать настройки. Далее кликаем по текущему цвету (параметр “Цвет”), чтобы запустить палитру цветов.
  2. В палитре цветов выбираем нужный цвет/оттенок и жмем ОК.
  3. Далее, по ранее описанному алгоритму, создаем новые контрольные точки в нужном количестве, определяем их позицию на градиенте и задаем для каждой цвет.
  4. Получаем новый градиент с заданными цветовыми контрольными точками.
  5. В поле “Имя” вводим произвольное название и жмем кнопку “Новый”. Этот этап завершает процесс создания градиента. Щелкаем OK, чтобы закрыть Редактор градиентов.
  6. Сперва создадим новое полотно требуемых размеров (Файл – Создать) или откроем существующий файл (Файл – Открыть). Затем выбираем в основной панели инструментов “Градиент”, переходим к палитре градиентов (на этот раз уже жмем стрелку справа от соответствующей кнопки), находим свой и кликаем по нему.
  7. Ставим курсор в левую часть рабочего полотна и, удерживая левую кнопку мыши, тянем курсор в противоположную сторону до конца листа.
  8. Получаем фон полотна, сформированный при помощи созданного нами ранее градиента.

Заключение

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

Источник: https://MyPhotoshop.ru/instrument-gradient/

Что такое градиент в Photoshop и как его сделать

Как сделать красивый градиент в фотошопе

Ряд пользователей хотят улучшить, усовершенствовать уже готовые фотографии и изображения, создать нечто новое, оригинальное и необычное.

Объективно одним из лучших фоторедакторов выступает программа Photoshop. Этот софт обладает множеством встроенных инструментов, позволяющих редактировать изображения, применять различные эффекты, переходы и многое другое.

Довольно частым вопросом является то, как правильно сделать градиент в Photoshop и что для этого потребуется предварительно узнать. Задача не самая сложная, но некоторые нюансы всё же имеет. А потому стоит поэтапно ознакомиться со всей процедурой и пошагово описать процесс.

Это даст окончательно понять, как именно установить в Photoshop разные визуальные градиенты и зачем вообще они нужны.

Что это такое

Перед тем как создать самостоятельно градиенты в Photoshop, нужно хотя бы понять, о чём идёт речь.

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

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

На практике добавить понравившийся градиент в популярном Photoshop не так сложно.

Как это сделать

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

Во всех этих случаях нужно научиться пользоваться таким инструментом как «Градиент», который доступен в Photoshop. Если открыть программу, то этот инструмент можно найти под названием «Градиент», либо же «Gradient». Зависит от наличия русскоязычного меню.

Теперь поэтапно о том, как пользоваться в Photoshop соответствующей функцией. Сам по себе инструмент «Градиент» сравнительно прост в работе. От юзера требуется сделать следующее:

  • Выделяется область, которая в дальнейшем будет заполняться градиентной заливкой. Если не сделать выделение зоны, тогда зальётся весь слой. Это не всегда нужно.
  • Далее активируется сам инструмент под названием Gradient. Сделать это можно через панель инструментов, либо же с помощью клавиатуры. Во втором случае нажимается клавиша G.
  • Теперь выбираются необходимые параметры. Для этого потребуется воспользоваться панелью настроек параметров перехода.
  • На месте, где будет начинаться переход, щёлкаем мышкой и далее перетягиваем до конечной точки. При этом отпускать левую кнопку мышки нельзя.

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

Чтобы наложить требуемый градиент в своём Photoshop, добавив на фото необходимый переход, нужно воспользоваться возможностями панели настройки.

Панель настройки

Поскольку пользователю наверняка потребуется изменить цвет накладываемого градиента в открытом Photoshop, нужно внести соответствующие корректировки в настройки.

Для этого юзеру на помощь приходит панель настраивания.

ВНИМАНИЕ. Панель настройки перехода становится активной и доступной после включения инструмента Gradient.

Эта панель для корректировки параметров находится под меню в верхней части экрана программы. Здесь располагается сразу несколько элементов.

Для начала это «Поле» или «Карта» градиента. Необходимый компонент в Photoshop. Если его правильно использовать, можно получить необходимые переходы и эффекты. Этот инструмент панели настраивания применяется для управления характеристиками градиента, и представлен в виде полосы.

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

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

Изучите все предлагаемые варианты. Это даст понять, что вообще может предложить Photoshop и чего вам не хватает.

Чтобы самостоятельно настроить функцию градиент в запущенном Photoshop версии типа CS6, обратите внимание на несколько кнопок, расположенных около поля градиентов.

Для всех пользователей предусмотрено несколько вариантов создания через программу Photoshop градиентов:

  • Линейный. Создаёт переходящую заливку с изменением цвета, либо уровня прозрачности по прямой ровной линии вдоль заданного юзером направления. Эта кнопка активна по умолчанию, и именно линейный градиент будет применяться, если не изменить этот параметр.
  • Радиальный. Тоже способствует переходу выбранного цвета или степени прозрачности. Но происходит это равномерно и во все стороны. Пользователю необходимо задать стартовую точку.
  • Конусообразный. При выборе этого варианта переход будет происходить по спирали.
  • Зеркальный. Выполняет переход эффекта вдоль прямой линии. Отличие в том, что здесь будет идти зеркальное отражение относительно начальной точки используемого перехода (градиента).
  • Ромбовидный. В этом случае применяемый эффект реализуется по диагоналям ромба, начиная от его центра.

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

Речь идёт о следующих кнопках:

  • Режим (Mode). Позволяет определить применяемый метод наложения эффекта заливки на цвета уже существующих редактируемых пикселей. Пользователю предоставляется возможность выбрать один из режимов из выпадающего списка.
  • Непрозрачность (Opacity). Управляет показателями непрозрачности применяемой в Photoshop заливки. То есть с его помощью можно определить уровень видимости градиента, накладываемого на редактируемое изображение. Значения варьируются в диапазоне от 1 до 100%. Пользователь может указать нужные ему значения через клавиатуру, либо щелчком мышки по кнопки регулятора.
  • Инверсия (Reverse). Инструмент, который используется для отключения и активации режима инверсии заливки. Полезное дополнение. Суть заключается в том, что можно одним нажатием по этому флажку поменять направление изменения цветовой палитры или прозрачности на обратное (противоположное).
  • Дизеринг (Dither). Включает и отключает режим сглаживания. Если флажок активен, тогда Photoshop предотвратит появление полос, когда меняются цвета градиента.
  • Прозрачность (Transparency). Включает и выключает режим создания прозрачности. Если флажок активен, к градиенту будут добавляться полупрозрачные и прозрачные зоны на изображении.

Нельзя сказать, что работа с градиентом в любом Photoshop, вне зависимости от версии, очень сложная. Тут просто необходимо разобраться с панелью настраивания и редактором.

Если вы ещё достоверно не знаете, как загрузить новые градиенты в используемый Photoshop, либо вам хочется создать собственный новый градиент, для этого в Photoshop придётся разобраться с особенностями и устройством редактора.

Редактор

Некоторых пользователей не устраивает перечень доступных готовых градиентов (переходов), несмотря на достаточно внушительный список в Photoshop.

Это разработчики предусмотрели. А потому предоставили возможность создавать новые, собственные авторские градиенты. Чтобы сделать это, потребуется изучить возможности встроенного редактора.

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

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

Теперь подробнее о том, как устроен редактор:

  • В верхней части активированного окна редактора располагается список заданных градиентов.
  • С правой стороны относительно кнопки для сохранения и загрузки. Пользователь может сохранить созданный самостоятельно градиент в файле, либо загрузить его из файла.
  • Ниже палитры и кнопок сохранения и загрузки находится набор параметров того градиента, который в настоящий момент выбран.
  • В центральной части изучаемого окна редактора разработчики разместили цветовую полосу. Она отображает текущую цветовую гамму и перехода в диапазоне выбранного градиента.
  • Под полосой предусмотрены маркеры. С их помощью юзер может задать цвет и положение используемого оттенка на градиенте. Между этими двумя маркерами происходит плавный и постепенный переход от одного выбранного цвета к другому.
  • По аналогии настраивается параметр прозрачности. Только регулятор этой характеристики находится уже над цветовой полосой.
  • Позиция (Position) используется для введения процентного положения маркера, то есть контрольной точки, на цветовой полосе перехода.
  • Если пользователю требуется поменять цвет, отвечающий тому или иному маркеру, достаточно кликнуть по нему мышкой. Это позволит внизу открыть настройки для необходимого цвета.
  • По аналогии меняется параметр прозрачности маркера, только уже кнопками вверху окна редактора. Требуется кликнуть по маркеру мышкой и затем задать степень непрозрачности. Тут также используется процентное значение.

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

ВАЖНО. Создавать новые собственные градиенты можно исключительно на основе уже готовых. Тут потребуется выбрать один из них, который будет выступать в качестве основы, после чего кликнуть по кнопке «Новый» (New).

Только так в Photoshop есть возможность для создания новых переходов-градиентов.

Загрузка готовых градиентов

Разобравшись со всеми настройками и доступными возможностями для редактирования, остаётся лишь ответить на последний вопрос.

Касается он возможности загрузки уже готовых градиентов из различных коллекций. Они доступны в сети Интернет, распространяются различными пользователями. Плюс каждый юзер имеет возможность сохранять собственные коллекции. Для этого, завершив редактирование, нужно просто кликнуть на кнопку «Сохранить» (Save).

Если же пользователь загрузил чьи-то готовые коллекции градиентов и хочет их использовать в своём Photoshop, есть 2 способа добиться желаемого результата.

Первый способ выглядит следующим образом. Здесь необходимо:

  • открыть редактор градиентов программы;
  • нажать в окне редактора кнопку с названием «Загрузить» (Load);
  • затем выбрать через открывшееся меню файл, расположенный на компьютере.

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

Либо есть альтернативный вариант добавления. Тут нужно:

  • найти в главном меню программы вкладку под название «Редактирование» (Edit);
  • нажать на кнопку «Управление наборами» (Preset manager);
  • в списке выбрать «Тип набора» (Preset Type);
  • далее щёлкнуть на «Градиенты» (Gradients);
  • теперь на кнопку «Загрузить»;
  • выбрать файл, расположенный на компьютере.

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

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

Всем удачи и спасибо за внимание!

Подписывайтесь, оставляйте комментарии, задавайте актуальные вопросы и рассказывайте про наш проект своим друзьям!

Источник: https://nastroyvse.ru/programs/review/kak-sdelat-gradient-v-fotoshope.html

Как сделать градиент?

Как сделать красивый градиент в фотошопе

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

  • Применить градиент через стили слоя Gradient Overlay
  • Применить градиент инструментом Gradient Tool
  • Применить градиент через слой заливки Fill Layer

Я намеренно поставил стили слоя на первое место, потому что на мой взгляд сегодня в Фотошопе это самый разумный способ применения градиента. За ним следует градиент через слой заливки, для задних фонов.

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

Другая причина, по которой вы можете захотеть пользоваться этим инструментом Фотошопа — градиент для маски.

В отсутствии возможности настраивать инструмент Gradient Tool на лету лежит основа работы всех инструментов Фотошопа.

Мы выбираем инструмент, будь то Gradient Tool, или Brush Tool или Paint Bucket, или Clone Stamp. Кликаем по рабочей области, и получаем результат, в виде изменения пикселей.

И этот результат является изменение пикселей на прямую. Он окончателен и его невозможно изменить «на лету» поменяв настройки.

В этом уроке я подробно разберу инструмент Gradient Tool, его возможностях, создании градиента, редактор градиента, а так же различные способы применения.

Градиент в дизайне

Градиентом в дизайне, да и не только в нем, является постепенный переход цвета из одного оттенка в другой. Это устоявшийся прием, такой же как окантовка или тень, который никуда не пропадет, никогда не станет не модным или не популярным. Пользоваться им нужно с умом. Самые естественные и приятные градиенты — мало контрастные.

Самый простой и доступный способ применить градиент в Фотошопе, это выбрать инструмент Gradient Tool. Кликнуть по рабочей области и не отпуская клавишу мышки, провести курсором по рабочей области.

Точка А является началом градиента, а точка Б окончанием. Диапазон между этими точками и является переходом цвета А в цвет Б. Соответственно чем больше этот диапазон, и чем менее контрастные цвета, тем мягче и плавнее градиент.

Чем уже диапазон, чем контрастнее цвета — тем резче и стремительнее градиент. Вплоть до прямой смены цвета.

Панель настроек градиента

Панель настроек позволяет нам создавать такой градиент, какой нам нужен. И, конечно, содержит ряд полезных фич.

Если у вас нет панели настроек откройте Windows > Options По умолчанию все панели настроек для всех инструментов начинаются с менеджера настроек Preset Manager.

Подробности работы этого менеджера можно прочитать в статьях Preset manager и Preset Manager Tool.

В целом, эта панель позволяет записывать инструменты с заранее готовыми настройками. Допустим, вам постоянно необходим инструмент градиента от черного к невидимому, с прозрачностью 20%  и режимом наложения Multiply. Вы проставляете настройки инструменту и записываете их в панель Presets Tool. Теперь ваш шаблон всегда под рукой.

Панель градиента

Из этой панели вы можете быстро выбрать нужный вам градиент, если он, конечно, там есть. В обратном случае вам придется настраивать собственный градиент в Редакторе градиентов. Но о нем мы поговорим ниже.

Кликнув по круглой кнопке вы попадаете в меню панели градиента. Это стандартное меню, точно такое же есть и у кистей, стилей, контуров, фигур. Везде это меню делает одно и тоже. Позволяет создать и сохранить новый градиент. Переназвать, удалить.

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

Виды градиентов

Не сказать что у Фотошопа очень много разновидностей градиента. Вид — это метод, которым фотошоп создает градиент. Всего их пять.

  Linear gradient (Линейный градиент) — заливает градиент по прямой линии от цвета А к цвету Б.

  Radial gradient (Радиальный градиент) — заливает градиент в виде окружности от цвета А к цвету Б.

  Angle gradient (Конусовидный градиент) — создает вращающийся градиент по 360 оси от цвета А к цвету Б.

  Reflected gradient (Зеркальный градиент) — вариация линейного градиента, с одной лишь разницей. Этот градиент отражает сам себя и возвращается к первоначальному цвету.  В этом случае градиент движется от цвета А, к цвету Б и опять к А.

  Diamond gradient (Ромбовидный градиент) — создает ромбовидные градиент от цвета А к цвету Б.

Далее я постараюсь быстро рассказать об остальных настройках этой панели и поскорее перейти к самому градиенту, то есть диалоговому окну редактора градиента Gradient Editor

Режимы наложения и невидимость

Следующие опции — режимы наложения и степень невидимости. Здесь все просто. Невидимость определяет невидимость, а режимы наложения предлагают на выбор различные режимы наложения, подробно о которых я написал в статье Режимы наложения blending mode в Фотошопе.

Режимы наложения как таковые прикручены ко всем инструментам которые могут рисовать. Данные режимы являются неотменяемыми. Вы не сможете сменить их задним числом, как это можно сделать у слоя. Режим применяется сразу и необратимо. Открутить назад можно только в панели Истории History.

Дополнительные настройки градиента в Фотошопе

Интерес представляют следующие три галочки: Reverse, Dither, Transparency. Как обычно о них нет никакой информации нигде. Самые мощные сайты по фотошопу ограничиваются выдержками в пару слов, содранными с официального Хелпа. Интересно, кроме Хронофага их вообще кто-нибудь разбирает?

Reverse — пожалуй самая понятная и очевидная из этих настроек. Она очевидная тем, что мы кликаем по ней, и сразу понимаем что она делает. Reverse переворачивает градиент. Что весьма удобно если градиент нужно развернуть. Вместо того чтобы обращаться к редактору градиента и перестраивать ползунки мы просто ставим галочку Reverse.

Dither — не очевидная настройка. Что включай, что выключай. Все равно не понятно что происходит. Давайте разбираться. Тема галочки Dither заслуживает отдельной статьи, но я постараюсь объяснить этот момент кратко.

Когда мы применяем градиент к какой то области, Фотошоп распределяет промежуточные исходной цвет и конечный. Между ними располагаются промежуточные цвета. В некоторых ситуациях количества этих цветов может не хватать. Допустим мы используем очень слабый градиент, от серого к темно серому, на очень большой рабочей области. Пусть эта область будет, к примеру 1000 пикселей.

Фотошопу нужно как-то распределить градации серого по 1000 пикселям, при этом мы должны получить плавный переход из одной градации в другую. Стоит заметить что ступеней цвета от белого к черному и так не очень много. Их всего 256.

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

А если градация градиента ещё уже? А область ещё больше? На практике получаются следующие полосы.

Метод Dither применяет к градиенту в Фотошопе иной способ совмещения пикселей. Он как бы перемешивает пиксели между собой россыпью. Результат смешения увидеть не сложно.

При включении галочки Dither видно только то, что градиент неожиданно стал гладким. Вот что происходит с пикселями при использовании Dither.

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

Transparency — позволяет градиенту быть полупрозрачным. То есть если эта галочка не включена, вы не сможете сделать полупрозрачный градиент в редакторе градиентов. Сделать вы его конечно сделаете, но работать как полупрозрачный он просто не будет. Нет никакого смысла отключать эту галочку. Всегда держите её включенной.

Редактор градиента Gradient Editor

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

В окне Presets вы выбираете сохраненные готовые градиенты. Круглая кнопка с стрелочкой делает уже знакомые вам вещи. Создать, удалить, загрузить, сохранить и так далее.

Как сделать и сохранить градиент?

Самый верный способ сделать градиент, это настроить ползунки нужного вам цвета, вписать в графу Name любое название и нажать по кнопочке New. Градиент готов к употреблению.

Мягкость градиента

Параметр Smoothness определяет мягкость градиента. Пожалуй без спец подготовки эту мягкость не просто разглядеть.

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

Более явно изменения видны в сложных градиентах с множеством ползунков цвета.

Как настроить градиент

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

На панели редактора градиента вы видите местоположение градиента Location и цвет Color. Location — это местонахождения ползунка на полоске градиента.

Цвет можно выбрать из цвета заднего и передних фонов, которые установлены на панели инструментов Tools. Или произвольный цвет, который вы выберете в диалоговом окне Color Picker. Не обязательно выбирать цвет внизу диалогового окна.

Вы можете вызвать Color Picker просто кликнув по ползунку дважды.

Манипуляции с ползунками

Активируя ползунок вам становится доступна кнопка удаления. Её тоже не обязательно нажимать чтобы удалить ступень цвета. Для удаления просто утяните ползунок с полоски градиента.

Чтобы добавить новый ползунок, кликните по полоске градиента снизу. Удалить базовые ползунки нельзя. У градиента должно обязательно остаться два ползунка.

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

Как сделать полупрозрачный градиент?

Верхние ползунки регулируют прозрачность. По умолчанию они черные, это значит что прозрачность на нуле. Кликните по одному из них или создайте новый, кликнув по пустому месту полоски, но выше неё.

Теперь вам доступны другие настройки, настройки прозрачности градиента. Степень прозрачности, местонахождение и удаление.

Как и с цветными ползунками, у ползунков прозрачности есть индикаторы степени прозрачности.

Режимы градиента в Фотошопе

У градиента в Фотошопе есть два режима: Solid и Noise.

  • Solid — обычный стандартный градиент, сплошной переход от одного цвета к другому.
  • Noise — создает хаотичный шумовой градиент и настраивается совершенно иначе. Переключить режимы можно прямо в диалоговом окне Gradient Editor.

Переключившись на шум, вы сразу попадаете в другие настройки, смысл которых в следующем:

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

Чтобы контролировать процесс и получать более менее нужные вам градиенты, рассмотрим настройки цвета и кнопки Randomize.

  • Restrict Colors — исключает особенно яркие или перенасыщенные цвета из шумового градиента. То есть если вы эту галочку поставили, то при нажатии на Randomize Фотошоп исключает слишком выбивающиеся из общего ряда цвета.
  • Add Transperancy — добавляет невидимость. Если выставить эту галочку вместе с произвольными цветами вы получите и произвольную невидимость. Фотошоп сам будет решать где и как она появится. Она может появиться либо вначале, либо в конце, либо местами в середине, и у вас нет возможности контролировать этот процесс.

Нажимая на Randomize вы оперируете всеми цветами. Но что если вы хотите создать градиент очень определенной цветовой гаммы. Для этого вам даны ползунки с цветом.

Двигая их от краев, вы снижаете действие определенного канала цвета, исключая цвета из градиента. Если вы не знаете как работает цветовая гамма RGB, читайте статью RGB каналы в Фотошопе.

Она поставит все на места.

Лучше переключитесь на более понятную схему HSB. Допустим я хочу получить шумовой градиент в голубой тональности. Тогда я уменьшаю действие ползунков исключая лишний цвет.

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

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

Теперь вы знаете все о градиентах в Фотошопе, надеюсь вы извлекли для себя что то новое. Удачных экспериментов!

Источник: http://verovski.com/2012/04/04/gradient-tool/

Все лайфхаки
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: