Home
» Wiki
»
Как быстро размыть изображение до фонового цвета в Photoshop с помощью живых градиентов
Как быстро размыть изображение до фонового цвета в Photoshop с помощью живых градиентов
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
Нужно сделать так, чтобы изображение плавно переходило в фоновый цвет, чтобы добавить место для текста или других элементов дизайна? В этом уроке мы рассмотрим новейший и самый простой способ плавного перехода цвета изображения в фоновый цвет в Photoshop — использование живых градиентов.
Живые градиенты включают в себя все, что касается эффекта градиента (цвет, угол и т. д.), что можно изменить после создания эффекта градиента. А когда мы объединяем этот эффект с эффектом градиента от переднего плана к прозрачному в Photoshop, мы получаем быстрый и простой способ придать изображению любой нужный нам цвет. Давайте посмотрим, как работает этот эффект!
Шаг 1: Создайте новый документ Photoshop.
Начнем с создания нового документа. Если вы находитесь на главном экране, нажмите кнопку Новый файл .
Нажмите кнопку Новый файл на главном экране.
Или в главном интерфейсе Photoshop перейдите в меню «Файл» и выберите «Новый» .
Выберите команду «Новый» в меню «Файл».
В диалоговом окне «Новый документ» введите параметры для вашего документа.
В этом руководстве будут установлены:
Ширина 3000 пикселей.
Высота 1600 пикселей.
Разрешение 300 пикселей/дюйм
Фон белый.
Установить новый документ.
Затем нажмите кнопку «Создать» .
Создайте новый документ Photoshop
Появится новый документ.
Новый документ Photoshop.
При необходимости увеличьте масштаб документа, перейдя в меню «Вид» и выбрав «По размеру экрана» .
Выберите в Photoshop режим «По размеру экрана».
Шаг 2: Поместите изображение в документ.
Добавьте изображение в документ, перейдя в меню Файл и выбрав пункт Встроить .
Выберите команду «Поместить встроенное» в Photoshop.
Перейдите к месту хранения изображения на вашем компьютере, щелкните по нему, чтобы выбрать, и нажмите « Поместить» .
Выберите изображение для размещения в документе.
Photoshop помещает изображение на холст. Он также добавляет элементы управления свободной трансформацией вокруг изображения, чтобы вы могли при необходимости изменить его размер и переместить в нужное положение.
Шаг 3: Измените положение изображения на холсте.
Переместите изображение влево или вправо по холсту, чтобы освободить место для цвета. Удерживайте клавишу Shift на клавиатуре во время перетаскивания, чтобы было легче перемещать изображение по горизонтали.
Например, вы хотите, чтобы объект появлялся в правой части холста и постепенно становился ярче в левой. Таким образом, изображение будет перетащено вправо.
Перетащите изображение на одну сторону холста.
Затем установите флажок на панели параметров, чтобы принять изменения и закрыть Free Transform.
Нажмите на галочку.
На панели «Слои» изображение отображается на отдельном слое над фоновым слоем.
На панели «Слои» отображается новый слой изображения.
Шаг 4: Выберите инструмент «Градиент»
Чтобы придать изображению любой цвет, выберите инструмент «Градиент» на панели инструментов.
Выберите инструмент «Градиент» в Photoshop.
Затем на панели параметров убедитесь, что режим инструмента установлен на Градиент , что позволит нам рисовать динамический градиент. Если выбран классический градиент , вы будете рисовать старый стиль градиента без каких-либо функций живого градиента.
Установите режим инструмента «Градиент» на «Градиент».
Шаг 5: Выберите градиент от переднего плана к прозрачному
Оставаясь на панели параметров, щелкните образец градиента.
Нажмите на образец градиента.
Затем откройте папку «Основы» и выберите градиент от переднего плана к прозрачному . Нажмите Enter или Return на Mac, чтобы принять изменения.
Выберите градиент от переднего плана к прозрачному в Photoshop
Убедитесь, что стиль градиента установлен на «Линейный», поскольку мы хотим нарисовать градиент по прямой линии. Также убедитесь, что параметр «Реверс» отключен, параметр «Дизеринг» включен, чтобы уменьшить цветовые полосы, а параметр «Метод» установлен на значение «Перцепционный».
Другие настройки инструмента «Градиент».
Шаг 6: Выберите цвет для размытия изображения.
Выберите цвет градиента, щелкнув образец цвета переднего плана на панели инструментов.
Щелкните образец цвета переднего плана.
Это будет цвет, к которому будет относиться изображение. Поскольку мы рисуем динамический градиент, вы всегда сможете вернуться и изменить цвета позже.
В этом примере на данный момент будет выбран белый цвет (все значения R, G и B будут установлены на 255). Затем нажмите «ОК» , чтобы закрыть палитру цветов.
Выберите цвет затухания с помощью палитры цветов Photoshop.
Шаг 7: Нарисуйте градиент на изображении
Нажмите и удерживайте изображение, чтобы задать начальную точку градиента. Пример начнется у левого края изображения.
Нажмите и удерживайте начальную точку градиента.
Затем нажмите и удерживайте кнопку мыши и начните перетаскивать указатель от этой точки. Удерживайте клавишу Shift на клавиатуре во время перетаскивания, чтобы было легче перетаскивать объект по прямой.
Одним из преимуществ живых градиентов перед классическими градиентами является то, что мы можем предварительно просматривать градиент по мере рисования.
Перетащите градиент по изображению.
Не беспокойтесь о том, чтобы получить нужный градиент прямо сейчас. Просто нарисуйте начальный градиент и отпустите кнопку мыши.
Первоначальный цвет исчезает после завершения градиента.
На панели «Слои» градиент добавляется к собственному слою градиентной заливки над изображением, что позволяет разделить градиент и изображение.
Живой градиент добавляется как слой градиентной заливки.
Шаг 8: Отрегулируйте начальную и конечную точки эффекта затухания.
Обратите внимание на элементы управления на холсте, которые теперь мы можем использовать для редактирования градиента.
Динамическое управление градиентом на холсте в Photoshop
Вы можете щелкнуть и перетащить контрольные точки цвета на любом конце градиента, чтобы настроить начало и конец изменения. Удерживайте клавишу Shift при перетаскивании, чтобы переместить цветовую точку по прямой линии.
Отрегулируйте начальную и конечную точки градиента с помощью цветовых ограничителей.
Вы даже можете щелкнуть и перетащить линию, соединяющую цветовые точки, чтобы изменить положение градиента на холсте.
Перетащите, чтобы изменить положение градиента.
Над этой линией вы увидите значок ромба. Обычно этот значок управляет средней точкой между цветами с каждой стороны. Но поскольку мы работаем с градиентом от переднего плана к прозрачному, перетаскивание значка не даст никакого эффекта.
Ползунок средней точки цвета.
Шаг 9: Настройте среднюю точку затухания
Но вы можете настроить среднюю точку между цветом и прозрачностью, перейдя на панель «Свойства» и прокрутив ее вниз, пока не найдете «Управление непрозрачностью» .
Элементы управления непрозрачностью на панели «Свойства».
Затем перетащите значок ромба под панелью предварительного просмотра, чтобы переместить среднюю точку ближе к цвету или прозрачности.
Ползунок средней точки прозрачности.
Чтобы сбросить настройки до центра, установите Местоположение на 50 .
Сбросьте положение средней точки.
Шаг 10: Отрегулируйте затухание
Обратите внимание, что переход градиента между цветом и прозрачностью не выглядит плавным. Большая часть цвета сосредоточена вдоль левой стороны, а затем очень быстро исчезает по направлению к правой стороне.
Переход от цвета к прозрачности не такой постепенный, как хотелось бы.
Иногда переключение градиента на другой метод на панели параметров может сделать процесс более плавным.
Метод по умолчанию — Perceptual . Он рисует цвета такими, какими их видят наши глаза, что обычно и требуется при работе с градиентами. Однако Perceptual не всегда является лучшим выбором для достижения этого эффекта.
Метод установлен на Perceptual.
Есть еще один метод, называемый Classic , который рисует градиенты так же, как это делал Photoshop.
Изменить метод на Классический.
Обратите внимание, что теперь переход выглядит более плавным и постепенным. Вы можете выбрать метод, который лучше всего подходит вашему изображению, но в данном случае лучше выглядит метод Classic.
Результаты с классическим методом градиента.
Шаг 11: Выберите другой цвет для размытия (необязательно)
Чтобы изменить цвет, в который переходит изображение, дважды щелкните по цветовой точке этого изображения. Обязательно выберите точку отсчета для цвета, а не для прозрачности.
Дважды щелкните по цветовой точке.
Затем есть возможность выбрать другой цвет с помощью палитры цветов.
Выберите новый цвет матового покрытия с помощью палитры цветов.
Или, пока палитра цветов открыта, вы можете выбирать цвета непосредственно с изображения.
Но прежде чем брать образец цвета, перейдите к параметру «Размер образца» на панели параметров и измените его с «Точечный образец» на больший размер, например 5 x 5 или 11 x 11. Таким образом, вы будете брать образец среднего цвета области, на которой щелкнули, а не цвета конкретного пикселя. Например, выберем 5 x 5.
Выберите больший размер выборки.
Затем нажмите на цвет на изображении, чтобы попробовать его. В примере будет выбран оттенок серого в правом верхнем углу. По завершении нажмите «ОК» , чтобы закрыть палитру цветов.
Выберите новый цвет размытия на изображении.
Шаг 12: Внесите окончательные изменения в эффект затухания.
На этом этапе вы все еще можете внести окончательные изменения в начальную и конечную точки эффекта градиента, перетаскивая контрольные точки цвета.
Внесите окончательные изменения в область градиента.
Чтобы скрыть элементы управления холстом по завершении работы, просто выберите любой слой, кроме слоя «Градиентная заливка», на панели «Слои».
Вы можете вернуть элементы управления холстом, повторно выбрав слой «Градиентная заливка», но для этого вам также необходимо активировать инструмент «Градиент» на панели инструментов.
Выберите другой слой, чтобы скрыть элементы управления на холсте.
Вот окончательный результат изображения, размытого до фонового цвета, готового для добавления текста или других элементов дизайна слева.