Как быстро размыть изображение до фонового цвета в Photoshop с помощью живых градиентов

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

Живые градиенты включают в себя все, что касается эффекта градиента (цвет, угол и т. д.), что можно изменить после создания эффекта градиента. А когда мы объединяем этот эффект с эффектом градиента от переднего плана к прозрачному в Photoshop, мы получаем быстрый и простой способ придать изображению любой нужный нам цвет. Давайте посмотрим, как работает этот эффект!

Шаг 1: Создайте новый документ Photoshop.

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

Или в главном интерфейсе Photoshop перейдите в меню «Файл» и выберите «Новый» .

В диалоговом окне «Новый документ» введите параметры для вашего документа.

В этом руководстве будут установлены:

• Ширина 3000 пикселей.
• Высота 1600 пикселей.
• Разрешение 300 пикселей/дюйм
• Фон белый.

Затем нажмите кнопку «Создать» .

Появится новый документ.

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

Шаг 2: Поместите изображение в документ.

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

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

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

Шаг 3: Измените положение изображения на холсте.

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

Например, вы хотите, чтобы объект появлялся в правой части холста и постепенно становился ярче в левой. Таким образом, изображение будет перетащено вправо.

Затем установите флажок на панели параметров, чтобы принять изменения и закрыть Free Transform.

На панели «Слои» изображение отображается на отдельном слое над фоновым слоем.

Шаг 4: Выберите инструмент «Градиент»

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

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

Шаг 5: Выберите градиент от переднего плана к прозрачному

Оставаясь на панели параметров, щелкните образец градиента.

Затем откройте папку «Основы» и выберите градиент от переднего плана к прозрачному . Нажмите Enter или Return на Mac, чтобы принять изменения.

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

Шаг 6: Выберите цвет для размытия изображения.

Выберите цвет градиента, щелкнув образец цвета переднего плана на панели инструментов.

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

В этом примере на данный момент будет выбран белый цвет (все значения R, G и B будут установлены на 255). Затем нажмите «ОК» , чтобы закрыть палитру цветов.

Шаг 7: Нарисуйте градиент на изображении

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

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

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

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

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

Шаг 8: Отрегулируйте начальную и конечную точки эффекта затухания.

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

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

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

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

Шаг 9: Настройте среднюю точку затухания

Но вы можете настроить среднюю точку между цветом и прозрачностью, перейдя на панель «Свойства» и прокрутив ее вниз, пока не найдете «Управление непрозрачностью» .

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

Чтобы сбросить настройки до центра, установите Местоположение на 50 .

Шаг 10: Отрегулируйте затухание

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

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

Метод по умолчанию — Perceptual . Он рисует цвета такими, какими их видят наши глаза, что обычно и требуется при работе с градиентами. Однако Perceptual не всегда является лучшим выбором для достижения этого эффекта.

Есть еще один метод, называемый Classic , который рисует градиенты так же, как это делал Photoshop.

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

Шаг 11: Выберите другой цвет для размытия (необязательно)

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

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

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

Но прежде чем брать образец цвета, перейдите к параметру «Размер образца» на панели параметров и измените его с «Точечный образец» на больший размер, например 5 x 5 или 11 x 11. Таким образом, вы будете брать образец среднего цвета области, на которой щелкнули, а не цвета конкретного пикселя. Например, выберем 5 x 5.

Затем нажмите на цвет на изображении, чтобы попробовать его. В примере будет выбран оттенок серого в правом верхнем углу. По завершении нажмите «ОК» , чтобы закрыть палитру цветов.

Шаг 12: Внесите окончательные изменения в эффект затухания.

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

Чтобы скрыть элементы управления холстом по завершении работы, просто выберите любой слой, кроме слоя «Градиентная заливка», на панели «Слои».

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

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