Убрать градиент в фотошопе
В сегодняшнем уроке мы сосредоточимся прежде всего на корректирующем слое Gradient Map (Карта градиента) в Adobe Photoshop. Градиенты этого корректирующего слоя являются перекрытием (наложением), включающие в себя всего лишь несколько цветов. Они в значительной степени скрывают оригинальные цвета изображения, перекрывая его сочетанием выбранных вами цветов. Ниже я покажу вам, как применить слой, загрузить градиенты, которые ещё не установлены, а также как откорректировать градиент. После этого мы добавим корректирующий слой Curves (Кривые), где будем использовать один из доступных пресетов. На этом этапе нам необходимо добавить немного контраста. И в завершении мы воспользуемся фильтром Camera RAW, чтобы произвести заключительные настройки. Надеюсь в итоге у нас получится придать изображению устрашающий вид или что-то в этом роде.
Выбор изображения
Я решил выбрать это изображение, потому что оно уже на начальном этапе выглядит пугающим. Я зашёл немного вперёд и, произведя вышеперечисленные коррекции, был доволен результатом.
Корректирующий слой «Карта градиента»
Загрузка дополнительных градиентов
По умолчанию Photoshop отображает набор из нескольких градиентов. Если вы желаете расширить его, то необходимо загрузить другие наборы. Для этого на панели Свойства кликните по градиенту, чтобы открыть редактор градиентов. В открывшемся окне нажмите по значку шестерёнки, опирайтесь на изображение ниже.
В нижней части раскрывающегося меню находятся различные наборы градиентов, которые можно установить. Выберите один из них, а затем нажмите Append (Добавить). Этим вы добавите выбранные градиенты в текущий набор. Я выбрал пресет Photographic Toning (Фотографическое тонирование). Добавленные мною градиенты вы можете увидеть на скриншоте выше.
Выбор градиента
Теперь настало время выбрать градиент и применить его к нашему изображению. В предверии Хэллоуина, мне бы хотелось добавить на изображение немного оранжевого оттенка. Поэкспериментируя, я остановился на Sepia 1 (Сепия 1).
Посмотрите на полученный эффект.
Выглядит неплохо, но я решил не останавливаться на этом.
Добавление контраста при помощи кривых
Как я уже говорил чуть ранее, я хочу добавить немного контраста на изображение. В этом нам поможет корректирующий слой Curves (Кривые), добавьте его. На панели «Свойства» кликните по раскрывающемуся списку Preset (Наборы) и выберите вариант Strong Contrast (RGB) (Сильная контрастность (RGB)). Этим мы затемним изображение и придадим ему устрашающий вид.
Дополнительные корректировки градиента
По желанию вы можете вернуться к корректирующему слою «Карта градиента», нажав по нему. На панели «Свойства» кликните по градиенту, чтобы открыть редактор градиентов. Здесь вы можете внести дополнительные корректировки.
Чтобы внести изменения в выбранный градиент, нужно кликать по ползункам внизу градиента. Нажав на один из них, откроется окно Выбор цвета, где вы можете изменить цвет для этой части градиента. Помимо этого, можно перемещать ползунки в любых направлениях, пока не добьётесь нужного эффекта. Я решил насытить коричневым оранжевый оттенок, для этого я кликнул по второму ползунку справа внизу. Это дало нам больше цвета и сделало элементы на изображении немного темнее.
Добавление фильтра Camera RAW
Эффект получился неплохой, но выглядит не так страшно. Теперь мы будем использовать Camera RAW, для этого перейдите в меню Filter > Camera RAW Filter (Фильтр – Фильтр Camera RAW).
В окне Camera RAW мы поработаем с несколькими ползунками. Для начала переместите ползунок Highlights (Света) влево, чтобы уменьшить яркость лампы, висящей на потолке. Затем переместите ползунок Whites (Белые) вправо для увеличения выборочной яркости (центр огней), ползунок Blacks (Чёрные) влево, чтобы на изображении выделялись тени и самое главное ползунок Clarity (Чёткость) вправо до упора. Этими настройками мы придали изображению устрашающий вид, который я хотел.
Вот конечный результат. В отличие от оригинала, откорректированное изображение заметно изменилось.
Пройдя эти шаги, можно выбрать любой диапазон цветов, всё зависит от ваших творческих способностей. Добиться такого эффекта было совсем несложно и даже весело. Надеюсь я чётко продемонстрировал вам, как удалить цвет и добавить наложение градиента на изображение в Adobe Photoshop.
Постскриптум – вот ещё один вариант. Здесь я обесцветил оранжевый оттенок.
Выполнить заливку области градиентом можно путем перетаскивания инструмента «Градиент» на изображении или путем выделения области с его помощью. Расстояние между начальной точкой (где вы сначала нажимаете и затем удерживаете кнопку мыши) и конечной точкой (где вы отпускаете кнопку мыши) влияет на вид градиента, как, впрочем, и тип применяемого градиента.
С помощью инструмента «Градиент» и окна «Редактор градиента» можно создать уникальное сочетание цветов на фотографии.
На панели параметров инструмента можно выбрать любой из следующих типов градиента:
Выполняет затенение от начальной точки до конечной точки по прямой линии.
Выполняет затенение от начальной точки до конечной точки в виде кругового узора.
Выполняет затенение в виде спирали, разматывающейся против часовой стрелки вокруг начальной точки.
Выполняет затенение с использованием симметричных линейных градиентов по обе стороны от начальной точки.
Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная точка определяет один из углов ромба.
Чтобы применить градиент к изображению, можно воспользоваться слоем заливки. Слой заливки обеспечивает гибкость при изменении свойств градиента и редактирования маски слоя заливки, чтобы ограничить действие градиента определенной областью изображения.
Градиенты хранятся в библиотеках. Можно выбрать другую библиотеку градиентов для отображения в меню палитры «Выбор цвета», щелкнув меню и выбрав нужную библиотеку в конце списка. Это меню также позволяет сохранить и загрузить свою собственную библиотеку градиентов. Наряду с этими возможностями, управлять свойствами градиента можно в окне «Управление наборами».
Чтобы выполнить заливку фрагмента изображения, выделите нужную область с помощью одного из инструментов группы инструментов выделения. В противном случае градиентная заливка применяется ко всему активному слою.
Инструмент «Градиент» позволяет создать постепенно изменяющееся наложение нескольких цветов. Предусмотрена возможность выбирать среди подготовленных градиентных заполнений или создавать свои собственные.
Инструмент «Градиент» нельзя использовать для растровых изображений и изображений с индексированными цветами.
Чтобы выполнить заливку части изображения, выберите требуемую область. В противном случае градиентная заливка применяется ко всему активному слою.
Выберите инструмент «Градиент» . (Если инструмент не отображается, нажмите и удерживайте в нажатом положении инструмент «Быстрая заливка».)
Щелкните треугольник рядом с образцом, чтобы выбрать готовый вариант градиентной заливки.
Щелкните внутри образца, чтобы вызвать окно «Редактор градиентов». Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. (См. раздел Создание гладкого градиента.)
Набор «Нейтральная плотность» полезно использовать в качестве фотофильтра для закатов и других снимков с высокой контрастностью.
Выберите значение параметра, определяющего зависимость внешнего вида градиента от положения начальной точки (в которой кнопка мыши была нажата) и конечной точки (в которой кнопка мыши была отпущена).
Выполняет затенение от начальной до конечной точки по прямой линии.
Выполняет затенение от начальной до конечной точки в виде кругового узора.
Выполняет затенение в виде спирали, разматывающейся против часовой стрелки вокруг начальной точки.
Отражает один и тот же линейный градиент по обе стороны от начальной точки.
Выполняет затенение от середины к внешним углам ромба.
На панели выбора параметров выполните следующие действия.
- Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
- Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия» .
- Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг» .
- Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность» . (См. раздел Определение прозрачности градиента. )
- Чтобы выбрать способ градиентной заливки, выберите один из вариантов: «Перцепционный» , «Линейный» или «Классический» . (См. раздел «Градиентная интерполяция в Photoshop».)
Поместите курсор в то место изображения, где необходимо установить начальную точку градиента, и перетащите курсор, чтобы определить конечную точку. Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.
Обновления в выпуске Photoshop 21.0 (ноябрь 2019 г.)
Использование новой панели «Наборы настроек» в Photoshop
Узнайте все о применении новых и улучшенных панелей «Наборы настроек» в Photoshop. Джулианна Кост (Julieanne Kost) подробно рассматривает все аспекты: от образцов до узоров, от градиентов до стилей и фигур.
Джулианна Кост (Julieanne Kost)
Применение градиентов к слоям
Чтобы применить градиент к текстовым слоям в качестве эффекта слоя, выполните любое из следующих действий.
- Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой градиент на панели «Градиенты», чтобы применить его.
- Перетащите градиент с панели «Градиенты» на текст в области холста.
- Перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».
Чтобы применить узор к слою-фигуре в качестве заливки фигуры, выполните любое из следующих действий.
- Выберите один или несколько текстовых слоев на панели «Слои», а затем щелкните любой градиент на панели «Градиенты», чтобы применить его.
- Перетащите градиент с панели «Градиенты» на текст в области холста.
- Перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».
Чтобы применить градиент к текстовым слоям или к слою-фигуре в качестве слоя-заливки, выполните любое из следующих действий.
- Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на текст в области холста.
- Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».
Чтобы применить градиент к пиксельным слоям, выполните следующие действия.
- Перетащите градиент с панели «Градиенты» на нужный пиксельный слой на панели «Слои».
- Photoshop автоматически создает слой-заливку поверх пиксельного слоя.
Организация наборов настроек градиентов по группам
Чтобы создать новую группу градиентов, выполните следующие действия.
- На панели «Градиенты» («Окно» > «Градиенты») щелкните значок «Создать новую группу».
- Укажите имя группы и нажмите «OK».
- Перетащите градиент или используйте клавишу Shift, чтобы выбрать несколько градиентов для перетаскивания в группу.
Чтобы создать вложенные группы, выполните следующие действия.
- Выберите группу на панели «Градиенты».
- Теперь перетащите эту группу под другую группу.
Отображение градиентов прежней версии
В меню панели «Градиенты» выберите команду «Градиенты прежней версии».
Возврат к наборам настроек градиентов по умолчанию
В меню панели «Градиенты» выберите команду «Восстановить градиенты по умолчанию». Можно либо заменить текущий список, либо дополнить его стилями библиотеки, используемой по умолчанию.
Изменение способа отображения подготовленных градиентов
В меню панели задайте значение режима отображения.
Отображает градиенты в виде списка.
«Маленькие миниатюры» или «Большие миниатюры»
Отображает градиенты в виде миниатюр.
«Маленькие миниатюры и имена» или «Большие миниатюры и имена»
Отображает градиенты в виде списка с миниатюрами.
Переименование подготовленного градиента
- Если панель настроена на отображение градиентов в виде миниатюр, дважды щелкните градиент, введите новое имя и нажмите кнопку ОК.
- Если панель настроена на отображение градиентов в виде списка или только текста, дважды щелкните градиент, непосредственно введите новое имя и нажмите клавишу «Enter» (Windows) или «Return» (Mac OS).
Чтобы открыть диалоговое окно «Редактор градиентов», щелкните текущий образец градиента на панели параметров. (При наведении курсора на образец градиента появляется всплывающая подсказка «Щелкните для редактирования градиента».)
Диалоговое окно «Редактор градиентов» позволяет определить новый градиент, модифицируя копию существующего градиента. Можно также добавить в градиент промежуточные цвета, создавая наложение, в котором применяется больше двух цветов.
A. Меню панели B. Контрольная точка непрозрачности C. Контрольные точки цвета D. Коррекция значений или удаление выбранной контрольной точки непрозрачности или цвета E. Средняя точка
Сохранение набора подготовленных градиентов в виде библиотеки
Библиотеку можно сохранить в любом месте. Но если файл библиотеки будет помещен в папку Presets/Gradients папки наборов, используемой по умолчанию, то имя библиотеки появится в нижней части меню панели после перезапуска Photoshop.
Загрузка библиотеки подготовленных градиентов
Выберите пункт «Заменить градиенты» в меню панели, чтобы заменить текущий список другой библиотекой. Выберите необходимый файл библиотеки и нажмите кнопку «Загрузить».
Можно также выбрать команду «Загрузить градиенты», «Заменить градиенты» или выбрать библиотеку градиентов в меню селектора «Градиенты» на панели параметров.
Выберите инструмент «Градиент» .
Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».
Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.
Чтобы определить начальный цвет градиента, щелкните левую контрольную точку цвета под панелью выбора градиента. Цвет треугольника над контрольной точкой становится черным , указывая, что происходит редактирование начального цвета.
Дважды щелкните контрольную точку цвета или щелкните образец цвета в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку ОК.
Выберите параметр во всплывающем меню «Цвет» в разделе «Контрольные точки» диалогового окна.
Переместите курсор на панель выбора градиента (курсор превращается в пипетку) и щелкните, чтобы произвести выборку цвета, или щелкните в любом месте изображения, чтобы произвести выборку цвета из изображения.
Чтобы определить конечный цвет, щелкните правую контрольную точку цвета под панелью выбора градиента. После этого выберите цвет.
Чтобы откорректировать местоположение начальной или конечной точки, выполните одно из следующих действий.
Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.
Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция» в разделе «Контрольные точки» диалогового окна. При значении 0% точка помещается в крайний левый конец панели выбора градиента, а при значении 100% — в крайний правый конец.
Чтобы откорректировать местоположение средней точки (в которой градиент отображает равную смесь начального и конечного цветов), перетащите ромб под панелью выбора градиента влево или вправо или щелкните ромб и задайте значение для параметра «Позиция».
Чтобы добавить промежуточные цвета к градиенту, щелкните под панелью выбора градиента для определения еще одной контрольной точки цвета. Укажите цвет и откорректируйте местоположение и среднюю точку как для промежуточной точки, так и для начальной или конечной точки.
Для удаления редактируемой контрольной точки цвета нажмите кнопку «Удалить» или перетаскивайте контрольную точку вниз, пока она не исчезнет.
Для управления тем, насколько постепенными должны быть переходы между цветными полосами в градиенте, задайте значение в текстовом поле «Гладкость» или перетащите всплывающий ползунок «Гладкость».
Чтобы сохранить градиент в качестве подготовленного, нажмите кнопку «Создать» после завершения создания градиента.
Новые подготовленные градиенты сохраняются в файле настроек. Если этот файл удален или поврежден или выполняется переустановка подготовленных градиентов для использования заданной по умолчанию библиотеки, то вновь подготовленные градиенты будут потеряны. Чтобы обеспечить постоянное хранение новых подготовленных градиентов, сохраните их в библиотеке.
Каждая градиентная заливка содержит значения параметра, которые управляют непрозрачностью заполнения в других местоположениях на градиенте. Например, можно установить для начального цвета непрозрачность 100% и предусмотреть, чтобы во время заливки постепенно осуществлялось смешивание для достижения конечного цвета с непрозрачностью 50%. Узор в виде шахматной доски указывает величину прозрачности в окне просмотра градиента.
Чтобы откорректировать начальную непрозрачность, щелкните левую контрольную точку непрозрачности над панелью выбора градиента. Цвет треугольника под контрольной точкой становится черным, указывая, что происходит редактирование прозрачности начального цвета.
В разделе «Контрольные точки» диалогового окна задайте значение в текстовом поле «Непрозрачность» или перетащите всплывающий ползунок «Непрозрачность».
Чтобы откорректировать непрозрачность конечной точки, щелкните правую контрольную точку прозрачности над панелью выбора градиента. Затем установите непрозрачность в разделе «Контрольные точки».
Чтобы откорректировать местоположение начальной или конечной контрольной точки непрозрачности, выполните одно из следующих действий.
Перетащите соответствующую контрольную точку непрозрачности влево или вправо.
Выберите соответствующую контрольную точку непрозрачности и задайте значение для параметра «Позиция».
Чтобы откорректировать местоположение непрозрачности в средней точке (точке на полпути между начальной и конечной контрольными точками непрозрачности), выполните одно из следующих действий.
Перетащите ромб над панелью выбора градиента влево или вправо.
Выберите ромб и задайте значение для параметра «Позиция».
Чтобы добавить к маске промежуточное значение непрозрачности, щелкните над панелью выбора градиента для определения новой контрольной точки непрозрачности. После этого можно откорректировать и переместить эту контрольную точку непрозрачности так же, как начальную или конечную контрольную точку непрозрачности. Чтобы удалить промежуточную непрозрачность, перетащите ее контрольную точку прозрачности вверх и за пределы панели выбора градиента.
Для создания предварительно заданного градиента введите имя в текстовом поле «Имя» и нажмите «Создать». В результате создается новая установка градиента с заданным значением прозрачности.
Градиент шума представляет собой градиент, который содержит случайно распределенные цвета, относящиеся к указанному диапазону цветов.
A. Неровность 10 % B. Неровность 50 % C. Неровность 90 %
Выберите инструмент «Градиент» .
Щелкните внутри образца градиента на панели параметров, чтобы отобразить диалоговое окно «Редактор градиентов».
Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.
Управляет плавностью перехода между полосами цвета в градиенте.
изменяет доступные для настройки компоненты цвета. Перетаскивайте ползунки для каждого компонента, чтобы определить диапазон допустимых значений. Например, если выбрана модель HSB, то можно ограничить градиент, задавая сине-зеленые цветовые тона, высокую насыщенность и среднюю яркость.
Предотвращает появление чрезмерно насыщенных цветов.
Включает прозрачность для случайных цветов.
создает произвольный градиент в соответствии с заданными выше настройками. Нажимайте на кнопку, пока не получите нужную настройку.
Для создания градиента с указанными параметрами введите имя в текстовом поле «Имя» и нажмите «Создать».
В этом уроке мы подробно изучим панель градиентов в Photoshop CC 2020, которая заменила панель «Управление наборами» (Preset Manager) и стала хранилищем для всех градиентов.
Сложность урока: Легкий
Изучите все о новой панели градиентов в 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. В следующем уроке я покажу вам новые способы применения градиентов, в том числе работу с ними прямо с панели градиентов!
Добавлять градиенты на изображения, фигуры и текст стало еще проще и быстрее с новой панелью градиентов в Photoshop CC 2020!
Сложность урока: Легкий
Добавлять градиенты на изображения, фигуры и текст стало еще проще и быстрее с новой панелью градиентов в Photoshop CC 2020!
В предыдущем уроке мы изучили новую панель градиентов в программе Photoshop CC 2020 и познакомились со множеством новых необычных градиентов. Я также показал вам, как создавать и сохранять собственные градиенты с помощью редактора градиентов.
Наряду с обновленной панелью градиентов в программе Photoshop CC 2020 появились новые и простые способы применения градиентов, включая перемещение градиента прямо с панели на ваш документ. Но точный способ воздействия градиента будет зависеть от того, с каким типом слоя вы работаете.
Таким образом, в этом уроке я покажу вам, как накладывать градиенты на слои заднего фона, на пиксельные слои, слои-фигуры и текстовые слои. Я также познакомлю вас с несколькими хитрыми комбинациями клавиш, которые позволят вам изменять настройки градиента. Помимо этого, мы рассмотрим, как сочетать градиенты с режимами наложения, чтобы быстро добавлять на изображения цветовые эффекты.
Для дальнейшего изучения вам потребуется версия программы Photoshop CC 2020. Если вы уже работаете в Photoshop CC, убедитесь, что ваша версия обновлена.
Как применить градиент к слою заднего фона
Самый простой способ применить градиент в программе Photoshop CC 2020 – перетащить его с панели градиентов. Чтобы определить конкретный слой, достаточно перетащить градиент на его содержимое. Но также, как и в случае с образцами цвета на панели Образцы, программа применит градиент различным образом в зависимости от типа слоя. Поэтому давайте начнем со слоя заднего фона.
Настройка документа
Ниже представлено изображение, открытое в программе Photoshop. Я скачал его с фотостока Adobe Stock:
Исходное изображение. Источник: Adobe Stock
На панели слоев изображение размещено на слое заднего фона, который является в документе единственным слоев на данный момент
На панели слоев виден слой заднего фона с изображением на нем
Как применить градиент
Для того чтобы применить градиент к слою заднего фона, сначала необходимо его выбрать на панели градиентов:
Выбираем на панели градиентов нужный градиент
И затем перемещаем миниатюру градиента с панели градиента на изображение:
Перетаскиваем градиент на изображение
Градиент залил весь документ, закрыв собой изображение на слое заднего фона. Сейчас я вам покажу, как совместить градиент с изображением:
Результат после перемещения градиента
Градиенты воздействуют на слои заднего фона как слои-заливки градиентов
Когда вы применяете градиент к слою заднего фона, программа рассматривает градиент в отдельности от содержимого слоя заднего фона, добавляя его как слой-заливку поверх заднего фона:
Градиент был добавлен как слой-заливка градиентом
Как выбрать другой градиент
Для того чтобы применить другой градиент, сначала убедитесь, что на панели слоев выбран слой-заливка градиентом, и далее просто кликните по другому градиенту на панели градиентов. Программа немедленно зальет фон документа новым цветом градиента:
Выбирать другие градиенты очень просто
Как совместить градиент с изображением
Очевидно, что закрывать изображение цветом градиента - не очень интересно. Но если применить к слою-заливке градиентом один из режимов наложения, то получится интересный цветовой эффект, который может украсить изображение.
Например, я изменю режим наложения слоя-заливки с Normal (Нормальный) (выбран по умолчанию) на Color (Цветность):
Изменяем режим наложения слоя-заливки на Цветность
Режим наложения Цветность сочетает цвета градиента со значениями яркости изображения. И таким образом, мы добавили интересный цветовой эффект:
Результат после изменения режима наложения слоя-заливки градиентом
Уменьшение непрозрачности градиента
Если цвета градиента слишком насыщенные, уменьшите значение параметра Opacity (Непрозрачность) слоя-заливки:
Уменьшаем значение непрозрачности
С уменьшенным значением непрозрачности эффект теперь менее выраженный:
Результат после уменьшения значения непрозрачности слоя-заливки
Как применить градиент к пиксельному слою
Итак, мы изучили, как применить градиент к слою заднего фона. Теперь мы рассмотрим, что произойдет, если мы перетащим градиент с панели градиентов на обычный пиксельный слой. Я также покажу вам, как применять некоторые настройки, которых нет на панели градиентов, для изменения внешнего вида градиента.
Настройка документа
Для этой части урока я буду использовать то же изображение. Далее я взял новый инструмент программы Photoshop CC 2020 Object Selection Tool (Выделение объектов) и, выделив с его помощью пару на изображении, переместил их на отдельный слой.
На панели слоев теперь видно, что исходное изображение размещено на слое заднего фона, а люди – на отдельном пиксельном слое над ним:
Пара была выделена и скопирована на отдельный слой
Как указать конкретный слой
Для того чтобы указать конкретный слой для применения градиента, просто перетащите градиент с панели градиентов прямо на содержимое слоя.
Поскольку я хочу применить градиент к людям, я перетащу градиент на них:
Переместите градиент на содержимое пиксельного слоя
И на этот раз градиент был применен только к паре (содержимое пиксельного слоя). Остальное изображение не закрасилось:
Градиент был применен только к содержимому указанного слоя
Градиенты добавляются к пиксельным слоям с помощью обтравочных масок
Когда мы применяем градиент к обычному пиксельному слою, он появляется выше этого слоя как слой-заливка. И для того чтобы избежать влияния градиента на все слои под ним, слой-заливка добавляется к пиксельному слою с помощью обтравочной маски:
Слой-заливка добавлен к пиксельному слою с помощью обтравочной маски
Как получить доступ к настройкам слоя-заливки градиентом
Как только вы применили градиент к слою, вы можете получить доступ к некоторым настройкам, которые позволять вам изменить внешний вид градиента. Дважды кликните левой кнопкой мышки по миниатюре слоя-заливки:
Дважды кликаем кнопкой мышки по миниатюре слоя-заливки
В результате этого действия откроется диалоговое окно градиентной заливки. Здесь вы можете поменять стиль заливки с Linear (Линейный) (по умолчанию) на Radial (Радиальный), Angle (Угловой), Reflected (Зеркальный) или Diamond (Ромб). Вы также можете изменить угол градиента или поменять порядок цветов заливки, выбрав опцию Reverse (Инверсия):
Основные настройки диалогового окна Градиентная заливка
Вы также можете установить другой цвет градиента в диалоговом окне, нажав на стрелку справа от образца градиента и выбрав из списка новый градиент. Там представлены те же градиенты, что и на панели градиентов:
Нажимаем на стрелку, чтобы открыть список градиентов
Или вы можете изменить цвета градиента, нажав прямо на его образец. В результате чего откроется редактор градиентов. О редакторе градиентов подробно я рассказывал в прошлом уроке:
Нажимаем на образец, чтобы открыть редактор градиентов
Когда вы внесете изменения, кликните ОК, чтобы закрыть диалоговое окно Градиентная заливка:
Закрываем диалоговое окно
Сочетаем градиент со слоем
Также, как и в случае со слоем заднего фона, мы можем смешать цвета градиента с содержимым слоя, изменив режим наложения слоя-заливки градиентом. Далее воспользуйтесь параметром Opacity (Непрозрачность), чтобы отрегулировать насыщенность цветов.
Я снова установлю режим наложения Color (Цветность) и уменьшу непрозрачность до 75%:
Параметры Режим наложения и Непрозрачность на панели слоев
И вот результат:
Эффект от смешения градиента с содержимым слоя
Другие способы применения градиентов к пиксельным слоям
Прежде чем мы перейдем к слоям-фигурам и текстовым слоям, я поделюсь с вами несколькими комбинациями клавиш, которые вы можете использовать для применения градиентов к пиксельным слоям.
Для того чтобы добавить слой-заливку над пиксельным слоем без применения обтравочной маски, нажмите и удержите нажатой клавишу Alt (Win) / Option (Mac) по мере перемещения градиента на содержимое слоя.
Для того чтобы применить градиент в качестве эффекта слоя Наложение градиента, а не в качестве слоя-заливки, нажмите сочетание клавиш Ctrl+Alt (Win) / Command+Option (Mac) по мере перемещения градиента:
Градиенты могут быть также использованы в качестве эффектов слоя Наложение градиента
Как применять градиенты к слоям-фигурам
Итак, мы рассмотрели, что программа представляет градиенты в качестве слоя-заливки, когда мы применяем их к слою заднего фона или пиксельному слою. Но когда дело касается слоев-фигур, всё меняется.
Настройка документа
Для рассмотрения слоев-фигур я создал отдельный документ. Фоновое изображение было скачано с Adobe Stock, поверх фона я разместил три фигуры людей из набора фигур, которые есть в программе Photoshop CC 2020. И в нижней части документа я написал слово «ГРАДИЕНТЫ» (GRADIENTS):
Документ включает в себя и фигуры, и текст
На панели слоев мы можем видеть изображение, размещённое на слое заднего фона, над ним три фигуры, каждая из которых – на отдельном слое, и на самом верху слово «ГРАДИЕНТЫ» на текстовом слое:
Изображение, три слоя-фигуры и текстовый слой
Перемещение градиента на слой-фигуру
Поскольку мое изображение, в основном, синего цвета, я раскрою набор Blues (Синие)на панели градиентов. Далее я выберу один из градиентов и перетащу его на первую фигуру слева:
Применяем градиент к первой фигуре
Фигура тотчас же заполнится градиентной заливкой:
Первый градиент добавлен
Градиенты применяются напрямую к фигурам
Обратите внимание, что на этот раз мы не видим слой-заливку градиентом. Программа Photoshop применила градиент напрямую к фигуре. Это произошло потому, что в отличие от пиксельных слоев, слои-фигуры поддерживают возможность заполнения градиентом.
Для того чтобы открыть диалоговое окно Градиентная заливка, которое мы рассмотрели ранее, дважды кликните по миниатюре предварительного просмотра слоя-фигуры:
Миниатюра показывает нам добавление к фигуре градиента
Как применять градиенты к фигурам в качестве слоев-заливок
Несмотря на то, что по умолчанию программа Photoshop применяет градиенты напрямую к фигурам, мы можем также использовать их как слои-заливки. Для этого просто нажмите и удержите нажатой клавишу Ctrl (Win) / Command (Mac) при перемещении градиента на фигуру:
В документе результат кажется тем же самым. Вторая фигура заполнилась градиентной заливкой:
Результат после применения градиента ко второй фигуре
Но из-за того, что я держал нажатой клавишу Ctrl (Win) / Command (Mac), программа добавила градиент в виде слоя-заливки, который добавился к слою-фигуре с помощью обтравочной маски:
Второй градиент был добавлен как слой-заливка
Как применять градиенты к фигурам в качестве эффекта Наложение градиента
Если вы хотите применить градиент к фигуре как эффект наложения, нажмите сочетание клавиш Ctrl+Alt (Win) / Command+Option (Mac) по мере перетаскивания градиента:
И снова в документе фигура заполнилась градиентной заливкой:
Фигура посередине заполнилась градиентной заливкой
А на панели слоев градиент отобразился как эффект слоя Gradient Overlay (Наложение градиента) под слоем-фигурой:
Третий градиент был добавлен как эффект слоя Наложение градиента
Настройки градиента в диалоговом окне Стиль слоя
Когда вы применяете градиенты как эффект наложения, вы можете получить доступ к настройкам градиента, которые мы рассмотрели ранее в диалоговом окне Градиентная заливка, с помощью двойного нажатия кнопкой мышки по словам «Наложение градиента» ("Gradient Overlay") на панели слоев.
Вместо диалогового окна Градиентная заливка откроется диалоговое окно Стиль слоя, где вы сможете найти те же параметры. Вы можете изменить Style (Стиль градиента), установить нужный Angle (Угол), поменять порядок цветов с помощью опции Reverse (Инверсия) и т.д. Нажмите ОК, когда вы внесете нужные изменения, чтобы закрыть диалоговое окно:
Параметры наложения градиента в диалоговом окне Стиль слоя
Как применять градиенты к текстовым слоям
И наконец, давайте рассмотрим, что произойдет, когда мы применим градиент к текстовому слою.
Я перемещу градиент с панели градиентов на свой текст:
Добавляем градиент к тексту
Текст тотчас же заполнится цветами градиента:
Финальный результат после заливки текста градиентом
Градиенты применяются к тексту как эффекты наложения градиента
В отличие от слоев-фигур текстовые слои не поддерживают заливку градиентом. Поэтому на панели слоев вместо того, чтобы напрямую залить текст градиентом, программа Photoshop добавила градиент как эффект слоя Gradient Overlay (Наложение градиента):
Программа применяет градиент к тексту как эффект Наложение градиента
Вы также можете применять градиенты к текстовым слоям как слои-заливки с использованием обтравочной маски, нажимая и удерживая нажатой клавишу Ctrl (Win) / Command (Mac) по мере перемещения градиента на текст.
И вот мы закончили! Мы с вами рассмотрели способы применения градиентов к пиксельным слоям, слоям-фигурам и текстовым слоям в программе Photoshop CC 2020! Не забудьте познакомиться с другими уроками по изучению программы Photoshop.
Читайте также: