MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

Создание плавного перехода в Фотошопе между цветами

Мы рады приветствовать вас на очередном нашем уроке посвященном работе в в Adobe Photoshop. В этой статье речь пойдет о том, как создавать плавные переходы в программе на границе между изображениями/цветами. Это очень полезный навык, который вам наверняка пригодится, так что приступим!

Делаем плавный переход между цветами

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

Через инструмент “Градиент”

Вы, наверняка, знакомы с данным инструментом. Поэтому переходим в к панели инструментов слева и выбираем “Градиент”.

img/2019/07/plavniy-perehod-1.png 626x317

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

img/2019/07/plavniy-perehod-2.png 1696x375

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

  1. Давайте сперва откроем настройки градиента в панели настроек:
    img/2019/07/plavniy-perehod-3.png 708x425
  2. Перед нами откроется новое окно с настройками, где мы можем настраивать градиент, так, как нам захочется. Для начала мы выберем пресет “От основного к прозрачному” в наборах. Затем опускаемся до пункта “Контрольные точки” и кликаем по одной из контрольных точек дважды, если хотим сменить цвет.
    img/2019/07/plavniy-perehod-4.png 1017x1019
  3. Теперь необходимо подобрать цвет в палитре цветов. Мы выбрали фирменны цвет нашего сайта – MyPhotoshop.ru. После, жмем “ОК”.
    img/2019/07/plavniy-perehod-5.png 1584x1238
  4. Затем переходим, ко второй контрольной точке и повторяем действия с заменой цвета. Если вы хотите оставить переход на прозрачный цвет, оставляем все, как есть.
    img/2019/07/plavniy-perehod-6.png 1050x1058

img/2019/07/plavniy-perehod-7.png 1550x1239

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

img/2019/07/plavniy-perehod-8.png 1390x1059

После того, как все готово, остается применить изменения, нажатием “ОК”, и залить градиентом холст. Для этого образуем выделенную область, которую хотим залить, или применяем градиент на весь холст. Просто кликаем ЛКМ (левой кнопкой мыши) в нужном месте и тянем столько, сколько необходимо.

img/2019/07/plavniy-perehod-10.png 1049x1049

Важно! Обратите внимание на то, какой вид заливки выбран:

img/2019/07/plavniy-perehod-9.png 696x326

В нашем случае “Линейный градиент”.

Через “Слой-маску”

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

  1. Первым делом необходимо создать маску слоя, который будем редактировать. Для этого выбираем необходимый слой и кликаем на “Добавить маску”. У нас 3 слоя. Мы выберем самый верхний (с кругом в нашем фирменном цвете):
    img/2019/07/plavniy-perehod-13.png 1728x1082
  2. Теперь необходимо снова взять “Градиент”. Выбираем любой из тех, что в стандартном наборе:
    img/2019/07/plavniy-perehod-14.png 730x951
  3. После того, как выбрали градиент, делаем все то же самое, как и в первом примере. Для разнообразия поменяем направление:
    img/2019/07/plavniy-perehod-15.png 1744x1057

Через растушевку выделения

Суть данного метода в том, чтобы создать плавный переход на границе залитого объекта/картинки и фона. Приступим!

  1. Нам понадобится инструмент “Прямоугольная область”.
    img/2019/07/traforet-photoshop-20.png 702x534
  2. Теперь нужно создать выделение:
    img/2019/07/plavniy-perehod-16.png 1714x1098
  3. Когда выделение уже готово, с помощью горячих клавиш SHIFT+F6 вызываем окно, где необходимо ввести значение в пункте “Радиус растушевки”.
    img/2019/07/plavniy-perehod-17.png 1106x1172
  4. После, нужно залить образованное выделение. Для этого снова воспользуемся горячими клавишами SHIFT+F5 и выбираем цвет заливки.
    img/2019/07/plavniy-perehod-18.png 1238x1510
  5. После применения изменений получаем такой результат плавного перехода:
    img/2019/07/plavniy-perehod-19.png 1782x1084
  6. Остается снять выделение с помощью CTRL+D и готово:
    img/2019/07/plavniy-perehod-21.png 1016x825

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

На этом все! До встречи в наших следующих уроках!