Как в Adobe Illustrator сделать градиент

Способ 1: Инструмент «Gradient»

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

  1. В нашем примере основой для градиента будет прямоугольник, который впоследствии можно растянуть на весь лист. Вы выбирайте ту фигуру, которая необходима в вашем случае. Вероятно, для этого понадобится сделать копию какого-то объекта — это делается клавишами Ctrl + C и Ctrl + F.
  2. Как сделать градиент в Иллюстраторе-01

  3. Как уже было сказано выше, растянем прямоугольник на весь холст. Вы можете подогнать фигуру сейчас или в самом конце. Найдите на панели слева небольшую кнопку «Gradient» и нажмите по ней.
  4. Как сделать градиент в Иллюстраторе-2

  5. Среди панелей откроется (или добавится) «Gradient», а сама фигура закрасится в стандартный черно-белый градиент.
  6. Как сделать градиент в Иллюстраторе-03

  7. Для настройки цветов дважды кликайте по точкам на слайдере.
  8. Как сделать градиент в Иллюстраторе-04

    Как сделать градиент в Иллюстраторе-05

  9. Находясь в разделе «Color», нажмите на иконку в правом верхнем углу мини-окошка для изменения цветовой схемы.
  10. Как сделать градиент в Иллюстраторе-06

  11. Нажатием по любому месту на слайдере добавляйте еще несколько точек для создания сложного градиента с плавным цветовым переходом. После этого, когда черновик градиента будет готов, на панели инструментов слева кликните по инструменту «Gradient Tool».
  12. Как сделать градиент в Иллюстраторе-7

  13. Появится линия для управления градиентом. По своей функциональности она повторяет слайдер. Черные точки по краям задают общую ширину заливки, круглые большие точки — положение каждого из цветов, а ромбики над ними — силу доминирования одного цвета над другим.

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

  14. Как сделать градиент в Иллюстраторе-08

  15. Вернемся к панели «Gradient» справа. Тут есть возможность поменять тип градиента. По умолчанию установлен линейный, но поддерживается и радиальный — когда все цвета идут от центра.
  16. Как сделать градиент в Иллюстраторе-09

  17. Еще доступен вариант со свободным созданием градиента. В этом случае предыдущий набор цветов сбросится, и на холсте появятся четыре точки, каждая из которых предназначена для индивидуальной настройки.
  18. Как сделать градиент в Иллюстраторе-010

  19. Либо нажмите по ней дважды ЛКМ для вызова того же меню, что и на шаге 4, либо используйте инструмент «Fill and Stroke» на панели инструментов слева.
  20. Как сделать градиент в Иллюстраторе-012

  21. На панели «Gradient» справа есть дополнительные параметры этого вида градиента. Опция «Draw» предназначена для типа добавления новых цветов: «Points» позволяет ставить точки в произвольном месте, «Lines» — рисовать произвольную фигуру из точек. Вне зависимости от выбранного типа каждой из точек может быть назначен произвольный цвет.

    Через эту же панель удаляется выделенная точка, а также меняется сила ее прозрачности и сила распыления.

  22. Как сделать градиент в Иллюстраторе-011

  23. У добавленной точки через «Points» размер регулируется кольцом вокруг нее.
  24. Как сделать градиент в Иллюстраторе-014

Способ 2: Инструмент «Mesh Tool»

Есть и еще один инструмент, который используют для создания градиента. Он относительно сложный в использовании и предназначен для добавления сложных градиентов объекту (к примеру, для придания ему объема), а также незаменим в создании плавных фоновых градиентов типа туманов, облаков и т. д, актуален для детализации лица: добавления на него теней и светлых участков.

  1. Для использования «Mesh Tool» сперва выделите объект, на который он будет накладываться, затем вызовите инструмент через контекстное меню у «Gradient Tool».
  2. Как сделать градиент в Иллюстраторе-15

  3. Нажмите на любом месте объекта для создания пересечения вертикали и горизонтали.
  4. Как сделать градиент в Иллюстраторе-16

  5. Вы можете добавить несколько пересечений, образуя так сетку.
  6. Как сделать градиент в Иллюстраторе-17

  7. Чтобы создать сетку не вручную, а автоматически, идеально ровно и быстро, перейдите в «Object» > «Create Gradient Mesh».
  8. Как сделать градиент в Иллюстраторе-18

  9. Укажите количество столбцов и строк, выберите направление («Appearance») и силу («Highlight») подсветки. В большинстве случаев достаточно оставить «Flat»-режим, чтобы вручную настроить градиент.
  10. Как сделать градиент в Иллюстраторе-19

  11. Выделяя каждую точку, назначайте ей нужный цвет. Чтобы быстро поменять цвет нескольких точек, выделите их инструментом «Direct Selection Tool» с зажатой клавишей Shift. В результате новый цвет будет применен ко всем выделенным точкам.
  12. Как сделать градиент в Иллюстраторе-20

  13. Вы также можете выделить их через «Lasso Tool» (ПКМ по «Direct Selection Tool» или горячая клавиша Q), обвести любые нужные точки.
  14. Как сделать градиент в Иллюстраторе-21

  15. Затем останется изменить их цвет.
  16. Как сделать градиент в Иллюстраторе-22

  17. Когда выбран инструмент «Mesh Tool», вы можете двигать каждый из узлов. Они, помимо изменения цвета, наделены теми же свойствами, что и опорные точки, — их можно перемещать, тянуть за направляющие. Это дает возможность изображать градиентом, например, какие-либо внешние воздействия на объект.
  18. Как сделать градиент в Иллюстраторе-23

  19. Для всего объекта или выделенных узлов также можно назначать прозрачность.
  20. Как сделать градиент в Иллюстраторе-25

  21. Для быстрого управления объектом, где много цветов и/или узлов, ручное выделение и редактирование — не лучший вариант. Вместо этого используйте панель «Recolor».
  22. Как сделать градиент в Иллюстраторе-26

  23. Тут вы можете перекрасить сразу весь объект — меняться будут все цвета, которыми он был раскрашен ранее, с учетом их яркости и насыщенности. Либо нажмите на кнопку с иконкой цепочки и редактируйте цвета по отдельности.
  24. Как сделать градиент в Иллюстраторе-27

  25. Для детального управления лучше перейти в «Advanced Options».
  26. Как сделать градиент в Иллюстраторе-28

  27. Тут вы увидите все использованные вами оттенки и сможете изменить каждый из них.
  28. Как сделать градиент в Иллюстраторе-29

  29. Через блок «New» назначайте новые оттенки, создавая тем самым градиенты любой сложности.
  30. Как сделать градиент в Иллюстраторе-30

Помогла ли Вам статья?
Да Нет

Рекомендуем:

Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

0 ответов
Межтекстовые Отзывы
Посмотреть все комментарии