Руководство пользователя Отмена

Градиенты в Photoshop

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

Темы этой статьи:

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

Применение градиентной заливки

Инструмент «Градиент» позволяет создать постепенно изменяющееся наложение нескольких цветов. Можно выбрать одну из заданных градиентных заливок или создать собственную.

Примечание.

Инструмент «Градиент» нельзя использовать для растровых изображений и изображений с индексированными цветами.

  1. Чтобы выполнить заливку части изображения, выберите требуемую область. В противном случае градиентная заливка применяется ко всему активному слою.
  2. Выберите инструмент «Градиент»  . (Если инструмент не отображается, нажмите и удерживайте в нажатом положении инструмент «Быстрая заливка».)

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

    • Щелкните мышью внутри образца, чтобы вызвать окно «Редактор градиентов». Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. (См. раздел Создание гладкого градиента.)

    Примечание.

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

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

    Линейный градиент: выполняет затенение от начальной до конечной точки по прямой линии

    Радиальный градиент: выполняет затенение от начальной до конечной точки в виде кругового узора

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

    Зеркальный градиент: отражает один и тот же линейный градиент по обе стороны от начальной точки

    Ромбовидный градиент: выполняет затенение от середины к внешним углам ромба

  5. На панели выбора параметров выполните следующие действия.

    • Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
    • Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».
    • Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».
    • Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (См. раздел Определение прозрачности градиента.)
    • Чтобы выбрать способ градиентной заливки, выберите один из вариантов: «Перцепционный», «Линейный» или «Классический». (См. раздел «Градиентная интерполяция в Photoshop».)
  6. Поместите курсор в то место изображения, где необходимо установить начальную точку градиента, и перетащите курсор, чтобы определить конечную точку. Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.

Усовершенствованные градиенты

Обновлено в выпуске Photoshop 24.5 (май 2023 г.)

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

Теперь можно быстро рисовать, предварительно просматривать и изменять прекрасные градиенты с помощью усовершенствованного инструмента «Градиент» в приложении Photoshop для настольных ПК. Можно создавать контрольные точки цвета и редактировать градиенты прямо на холсте. Кроме того, с помощью этой функции можно управлять цветом, плотностью, непрозрачностью и режимом наложения градиента, видеть среднюю точку и размах на холсте, добавлять несколько контрольных точек цвета и изменять цвет контрольных точек цвета для редактирования градиента.

Функция «Градиенты» включена по умолчанию (никаких действий совершать не нужно, если не требуется Классический градиент).

При выделении пиксельного слоя можно выбрать способ работы: обратимый (режим «Градиент») или необратимый (режим «Классический градиент»). При работе со слоем градиентной заливки этот инструмент переключается в правильный режим в зависимости от выделенного слоя, градиентной заливки или маски. 

Чтобы воспользоваться функцией «Градиенты», выполните следующие действия.

  1. Выберите холст и перетащите виджет градиента на холсте. При перетаскивании можно изменить угол и длину градиента. Отпустив кнопку мыши, можно вернуться и изменить длину и угол посредством повторного перетаскивания.

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

    Интерактивные градиенты в Photoshop

  3. Чтобы удалить контрольные точки цвета в виджете на холсте, выберите круги контрольных точек цвета и перетащите их за пределы линии градиента. В виджете градиента на холсте дважды нажмите на контрольные точки цвета (круглая область) для изменения цвета с помощью палитры цветов.

  4. Выберите набор параметров градиента в раскрывающемся списке или на панели «Свойства».

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

Добавлено в выпуске Photoshop 24.5 (май 2023 г.)

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

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

  2. Чтобы применить градиент, наведите на него курсор мыши. Теперь можно просмотреть маску с обновлением на миниатюре градиента на панели «Слои»

  3. Измените градиент, выбрав нужный тип (см. раздел «Применение градиентной заливки»), перетаскивая курсор мыши по выделенной области. 

Добавление градиента к смарт-фильтру (маске)

Добавлено в выпуске Photoshop 24.5 (май 2023 г.)

Чтобы научиться добавлять градиент в смарт-фильтр, выполните следующие действия.

  1. Добавьте фильтр к смарт-объекту. (Чтобы узнать, как это сделать, ознакомьтесь с разделом «Применение смарт-фильтров».)

  2. Чтобы применить градиент, выберите миниатюру «Смарт-фильтры», а затем — инструмент «Градиент».

  3. Чтобы применить градиент к смарт-фильтру, перетащите курсор мыши по холсту. Посмотрите, как миниатюра обновляется.

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

Контекстное меню и сочетания клавиш инструмента «Градиент»

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

Текущее поведение macOS Windows Результат
Если контрольная точка цвета не выбрана
Клавиша «Control» + щелчок мышью (левой/правой кнопкой) Щелчок правой кнопкой мыши Отображается список градиентов
Если контрольная точка цвета выбрана Клавиша «Control» + щелчок левой кнопкой мыши Щелчок правой кнопкой мыши HUD для изменения цвета
Если контрольная точка цвета выбрана
Клавиша «Option» + щелчок левой кнопкой мыши
Клавиша «Alt» + щелчок левой кнопкой мыши Образец для изменения цвета

 

Выбор градиента на панели «Градиенты»

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

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

  • Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой градиент на панели «Градиенты», чтобы применить его.
  • Перетащите градиент с панели «Градиенты» на текст в области холста.
  • Перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».  

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

  • Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой градиент на панели «Градиенты», чтобы применить его.
  • Перетащите градиент с панели «Градиенты» на текст в области холста.
  • Перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои». 

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

  • Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на текст в области холста.
  • Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».  

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

  1. Перетащите градиент с панели «Градиенты» на нужный пиксельный слой на панели «Слои».
  2. Photoshop автоматически создает слой-заливку поверх пиксельного слоя.  

Организация наборов настроек градиентов по группам

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

  1. На панели «Градиенты» («Окно» > «Градиенты») щелкните значок «Создать новую группу». 
  2. Укажите имя группы и нажмите «OK». 
  3. Перетащите градиент или используйте клавишу Shift, чтобы выбрать несколько градиентов для перетаскивания в группу.

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

  1. Выберите группу на панели «Градиенты».
  2. Теперь перетащите эту группу под другую группу.

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

В меню панели «Градиенты» выберите команду «Градиенты прежней версии».

Возврат к наборам настроек градиентов по умолчанию

Чтобы добавить градиенты по умолчанию в список наборов «Градиенты», выберите «Добавить градиенты по умолчанию» в меню панели «Градиенты».

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

Изменение способа отображения подготовленных градиентов

В меню панели задайте значение режима отображения.

Только текст: отображает градиенты в виде списка

Маленькие или большие миниатюры: отображает градиенты в виде миниатюр

Маленькие или большие миниатюры и имена: отображает градиенты в виде списка с миниатюрами

Переименование подготовленного градиента

  • Если панель настроена на отображение градиентов в виде миниатюр, дважды щелкните градиент, введите новое имя и нажмите кнопку ОК.
  • Если панель настроена на отображение градиентов в виде списка или только текста, дважды щелкните градиент, непосредственно введите новое имя и нажмите клавишу «Enter» (Windows) или «Return» (Mac OS).

Обзор диалогового окна «Редактор градиентов»

Чтобы открыть диалоговое окно «Редактор градиентов», щелкните текущий образец градиента на панели параметров. (При наведении курсора на образец градиента появляется всплывающая подсказка «Щелкните для редактирования градиента».)

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

Диалоговое окно «Редактор градиентов» в Photoshop
диалоговое окно «Редактор градиентов»

A. Меню панели B. Контрольная точка непрозрачности C. Контрольные точки цвета D. Коррекция значений или удаление выбранной контрольной точки непрозрачности или цвета E. Средняя точка 

Сохранение набора подготовленных градиентов в виде библиотеки

  1. Нажмите кнопку «Сохранить» в диалоговом окне «Редактор градиентов» или выберите пункт «Сохранить градиенты» в меню селектора «Градиенты» на панели параметров.
  2. Выберите местоположение для библиотеки градиентов, введите имя файла и нажмите кнопку «Сохранить».

    Библиотеку можно сохранить в любом месте. Но если файл библиотеки будет помещен в папку Presets/Gradients папки наборов, используемой по умолчанию, то имя библиотеки появится в нижней части меню панели после перезапуска Photoshop.

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

Выполните одно из следующих действий в диалоговом окне «Редактор градиентов».
  • Нажмите кнопку «Загрузить», чтобы добавить библиотеку к текущему списку. Выберите файл библиотеки и нажмите кнопку «Загрузить».

  • Выберите пункт «Заменить градиенты» в меню панели, чтобы заменить текущий список другой библиотекой. Выберите необходимый файл библиотеки и нажмите кнопку «Загрузить».

  • Выберите файл библиотеки в нижней части меню панели. Нажмите кнопку ОК, чтобы заменить текущий список, или кнопку «Добавить», чтобы дополнить текущий список.

Примечание.

Можно также выбрать команду «Загрузить градиенты», «Заменить градиенты» или выбрать библиотеку градиентов в меню селектора «Градиенты» на панели параметров.

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

  1. Выберите инструмент «Градиент»  .

  2. Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».
  3. Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.
  4. Выберите пункт «Непрерывный» в раскрывающемся меню «Градиент».
  5. Чтобы определить начальный цвет градиента, щелкните левую контрольную точку цвета под панелью выбора градиента. Цвет треугольника над контрольной точкой становится черным , указывая, что происходит редактирование начального цвета.
  6. Чтобы выбрать цвет, выполните одно из следующих действий.
    • Дважды щелкните контрольную точку цвета или щелкните образец цвета в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку ОК.

    • Выберите параметр во всплывающем меню «Цвет» в разделе «Контрольные точки» диалогового окна.

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

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

    • Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция» в разделе «Контрольные точки» диалогового окна. При значении 0% точка помещается в крайний левый конец панели выбора градиента, а при значении 100% — в крайний правый конец.

  9. Чтобы откорректировать местоположение средней точки (в которой градиент отображает равную смесь начального и конечного цветов), перетащите ромб  под панелью выбора градиента влево или вправо или щелкните ромб и задайте значение для параметра «Позиция».
  10. Чтобы добавить промежуточные цвета к градиенту, щелкните под панелью выбора градиента для определения еще одной контрольной точки цвета. Укажите цвет и откорректируйте местоположение и среднюю точку как для промежуточной точки, так и для начальной или конечной точки.
  11. Для удаления редактируемой контрольной точки цвета нажмите кнопку «Удалить» или перетаскивайте контрольную точку вниз, пока она не исчезнет.
  12. Для управления переходом между цветными полосами в градиенте задайте значение в текстовом поле «Гладкость»или перетащите всплывающий ползунок «Гладкость».
    Параметр «Гладкость» определяет, как мы выбираем цвет в том или ином диапазоне, когда мы переходим от контрольной точки цвета к средней точке и вновь к контрольной точке по всему градиенту. При использовании простого градиента с 2 контрольными точками и средней точкой по умолчанию теоретически параметр «Гладкость» не создает никакого эффекта. Значения контрольной точки уже находятся на одной линии.При установлении параметра «Гладкость» на 0 контрольные и средние точки соединяются прямыми линиями, а при значении 100 % — сплайновой кривой.

  13. В случае необходимости установите значения прозрачности для градиента.
  14. Введите имя для нового градиента.
  15. Чтобы сохранить градиент в качестве подготовленного, нажмите кнопку «Создать» после завершения создания градиента.
    Примечание.

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

Укажите прозрачность градиента

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

  1. Создание градиента
  2. Чтобы откорректировать начальную непрозрачность, щелкните левую контрольную точку непрозрачности над панелью выбора градиента. Цвет треугольника под контрольной точкой становится черным, указывая, что происходит редактирование прозрачности начального цвета.
  3. В разделе «Контрольные точки» диалогового окна задайте значение в текстовом поле «Непрозрачность» или перетащите всплывающий ползунок «Непрозрачность».
  4. Чтобы откорректировать непрозрачность конечной точки, щелкните правую контрольную точку прозрачности над панелью выбора градиента. Затем установите непрозрачность в разделе «Контрольные точки».
  5. Чтобы откорректировать местоположение начальной или конечной контрольной точки непрозрачности, выполните одно из следующих действий.
    • Перетащите соответствующую контрольную точку непрозрачности влево или вправо.

    • Выберите соответствующую контрольную точку непрозрачности и задайте значение для параметра «Позиция».

  6. Чтобы откорректировать местоположение непрозрачности в средней точке (точке на полпути между начальной и конечной контрольными точками непрозрачности), выполните одно из следующих действий.
    • Перетащите ромб над панелью выбора градиента влево или вправо.

    • Выберите ромб и задайте значение для параметра «Позиция».

  7. Чтобы удалить редактируемую контрольную точку непрозрачности, нажмите кнопку «Удалить».
  8. Чтобы добавить к маске промежуточное значение непрозрачности, щелкните над панелью выбора градиента для определения новой контрольной точки непрозрачности. После этого можно откорректировать и переместить эту контрольную точку непрозрачности так же, как начальную или конечную контрольную точку непрозрачности. Чтобы удалить промежуточную непрозрачность, перетащите ее контрольную точку прозрачности вверх и за пределы панели выбора градиента.
  9. Для создания предварительно заданного градиента введите имя в текстовом поле «Имя» и нажмите «Создать». В результате создается новая установка градиента с заданным значением прозрачности.

Создание градиента шума

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

Градиент шума с различными значениями неровности в Photoshop
Градиент шума с различными значениями неровности

A. Неровность 10 % B. Неровность 50 % C. Неровность 90 % 

  1. Выберите инструмент «Градиент»  .

  2. Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».
  3. Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.
  4. Выберите «Шум» в раскрывающемся меню «Тип градиента» и задайте следующие параметры.

    Плавность: управляет плавностью перехода между полосами цвета в градиенте.

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

    Ограничить цвета: предотвращает появление чрезмерно насыщенных цветов.

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

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

  5. Для создания градиента с указанными параметрами введите имя в текстовом поле «Имя» и нажмите «Создать».

Инструкции по использованию наборов градиентов

Узнайте все о применении новых и улучшенных панелей «Наборы настроек» в Photoshop. Джулианна Кост (Julieanne Kost) подробно рассматривает все аспекты: от образцов до узоров, от градиентов до стилей и фигур.

Джулианна Кост (Julieanne Kost)


Получайте помощь быстрее и проще

Новый пользователь?