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

Градиент в Фотошопе: как сделать

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

Процесс создания градиента

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

img/2019/08/gradient-v-photoshope-1.png 288x438

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

  1. Выбираем “Градиент” в основной панели инструментов слева, кликнув по нему левой кнопкой мыши. В некоторых случаях, когда данный “Градиент” не выбран по умолчанию в группы инструментов заливки, сначала правой кнопкой мыши щелкаем по группе, затем в предложенном перечне выбираем нужный нам пункт.
    img/2019/08/gradient-v-photoshope-2.png 276x93
  2. В появившейся вверху окна панели с настройками градиента находим кнопку, открывающую окно для его редактирования и кликаем по ней. ВАЖНО: окно с настройками градиента откроется только при нажатии на саму кнопку, а не на стрелку справа от нее.
    img/2019/08/gradient-v-photoshope-3.png 435x435

Основные настройки градиента

Если все сделано верно, то на экране появится окно Редактора градиентов, в котором можно создать свой градиент или отредактировать один из уже имеющихся в Фотошопе.

img/2019/08/gradient-v-photoshope-4.png 502x523

Порядок действий здесь следующий:

  • создаем новый градиент (меняем имеющийся);
  • вводим название;
  • сохраняем градиент.

Давайте рассмотрим Редактор градиентов и алгоритм его использования подробнее.

  1. Центральным элементом редактора является сам градиент. Снизу от него размещены цветовые контрольные точки, а сверху – контрольные точки непрозрачности.
    img/2019/08/gradient-v-photoshope-5.png 502x523
  2. Для активации свойств цветовой контрольной точки щелкаем по ней левой кнопкой мыши. Таким образом мы получим доступ к изменению позиции или цвета контрольной точки.
    img/2019/08/gradient-v-photoshope-6.png 502x523
  3. Активация точки непрозрачности происходит аналогичным образом, для нее возможна регулировка положения и уровня непрозрачности.
    img/2019/08/gradient-v-photoshope-7.png 502x523
  4. Точка, расположенная посередине редактируемого градиента, предназначена для обозначения границ разделения цветов. Нажатие левой кнопки мыши на контрольной точке непрозрачности перемещает ее вверх и устанавливает в качестве средней точки непрозрачности.
    img/2019/08/gradient-v-photoshope-8.png 495x519
  5. Чтобы добавить новую цветовую точку, достаточно подвести курсор к градиенту. Когда курсор изменит свой вид со стрелки на руку с указательным пальцем вверх, нажимаем левую кнопку мыши. Созданные таким образом точки можно настраивать и двигать влево-вправо относительно градиента.
    img/2019/08/gradient-v-photoshope-9.png 495x519
  6. Для удаления контрольной точки используется соответствующая кнопка.
    img/2019/08/gradient-v-photoshope-10.png 502x523

Практический пример

Перейдем к практике и попробуем за несколько простых шагов создать и использовать новый градиент.

  1. Окрасим крайнюю левую точку в нужный цвет. Для этого кликаем на нее левой кнопкой мыши, чтобы активировать настройки. Далее кликаем по текущему цвету (параметр “Цвет”), чтобы запустить палитру цветов.
    img/2019/08/gradient-v-photoshope-11.png 502x523
  2. В палитре цветов выбираем нужный цвет/оттенок и жмем ОК.
    img/2019/08/gradient-v-photoshope-12.png 561x403
  3. Далее, по ранее описанному алгоритму, создаем новые контрольные точки в нужном количестве, определяем их позицию на градиенте и задаем для каждой цвет.
  4. Получаем новый градиент с заданными цветовыми контрольными точками.
    img/2019/08/gradient-v-photoshope-13.png 502x523
  5. В поле “Имя” вводим произвольное название и жмем кнопку “Новый”. Этот этап завершает процесс создания градиента. Щелкаем OK, чтобы закрыть Редактор градиентов.
    img/2019/08/gradient-v-photoshope-14.png 502x523
  6. Сперва создадим новое полотно требуемых размеров (Файл – Создать) или откроем существующий файл (Файл – Открыть). Затем выбираем в основной панели инструментов “Градиент”, переходим к палитре градиентов (на этот раз уже жмем стрелку справа от соответствующей кнопки), находим свой и кликаем по нему.
    img/2019/08/gradient-v-photoshope-15.png 288x432
  7. Ставим курсор в левую часть рабочего полотна и, удерживая левую кнопку мыши, тянем курсор в противоположную сторону до конца листа.
    img/2019/08/gradient-v-photoshope-16.png 717x468
  8. Получаем фон полотна, сформированный при помощи созданного нами ранее градиента.
    img/2019/08/gradient-v-photoshope-17.png 711x468

Заключение

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