Чтобы сделать градиент в Иллюстраторе, выделите объект, откройте панель «Градиент» (Window > Gradient, Ctrl+F9) и выберите тип градиента: линейный, радиальный или произвольный. Цвета меняются двойным щелчком по точкам цвета под шкалой, а направление задаёт инструмент «Градиент» (Gradient Tool, G): протяните им линию по объекту.
Сочетания даны для Windows, на Mac вместо Ctrl нажимайте Cmd, вместо Alt Option. Названия меню по Adobe Illustrator 2025, английские в скобках.
- Какие бывают виды градиента в Adobe Illustrator
- Как сделать градиент: пошагово
- Как изменить цвет градиента и добавить новый цвет
- Как сделать градиент в прозрачность
- Произвольный градиент
- Как сделать градиент на обводке
- Как сделать градиент на тексте
- Один градиент на несколько объектов
- Как сохранить градиент в образцы
- Градиентная сетка
- Если не видно аннотатора
- Частые вопросы
- Как сделать градиент на фоне в иллюстраторе?
- Как сделать градиент для печати?
Какие бывают виды градиента в Adobe Illustrator
| Тип | Как идёт переход цветов | Заливка | Обводка |
|---|---|---|---|
| Линейный (Linear) | по прямой от одной точки к другой | да | да |
| Радиальный (Radial) | по кругу от центра к краям | да | да |
| Произвольный (Freeform) | от точек или линий внутри объекта | да | нет |
Произвольный тип появился в Illustrator CC 2019, в более старых версиях этой кнопки нет. Кроме этих трёх типов есть градиентная сетка (Gradient Mesh), о ней отдельный раздел.
Как сделать градиент: пошагово
- Нарисуйте фигуру, например прямоугольник (M), и выделите её инструментом «Выделение» (Selection, V).
- Откройте панель «Градиент»: «Окно > Градиент» (Window > Gradient), Ctrl+F9 или двойной щелчок по инструменту «Градиент» на панели инструментов.
- Проверьте, что на панели активна заливка, а не обводка. Переключает их клавиша X.
- Нажмите «Линейный градиент» (Linear Gradient), чтобы применить его к объекту. Если у фигуры была сплошная заливка, Illustrator автоматически возьмёт этот цвет первой точкой. Без заливки при первом применении получится стандартный чёрно-белый градиент, после этого программа подставляет последний использованный.
- Дважды кликните по левой точке цвета и выберите цвет, затем то же сделайте с правой.
- Возьмите инструмент «Градиент» (G) и протяните линию по объекту от начала перехода до его конца. С зажатым Shift направление фиксируется под углом, кратным 45°.
Ромбик над шкалой это средняя точка: сдвиньте его, и граница между цветами переедет ближе к одному из краёв. Точный угол вводится вручную в поле «Угол» (Angle), а «Обратный градиент» (Reverse Gradient) меняет цвета местами. У радиального градиента есть ещё поле «Пропорции» (Aspect Ratio), оно вытягивает круг в эллипс.
Как изменить цвет градиента и добавить новый цвет
Точки цвета (color stops) стоят на шкале панели «Градиент» и на аннотаторе, полоске со стрелкой поверх объекта. Перемещать их можно и там, и там.
| Что нужно | Как сделать |
|---|---|
| Добавить цвет | кликнуть под шкалой или по аннотатору, когда у курсора появится «+» |
| Изменить цвет | двойной щелчок по точке или Alt-щелчок по образцу на панели «Образцы» (Swatches) |
| Сдвинуть цвет | перетащить вдоль шкалы или ввести число в поле «Положение» (Location) |
| Скопировать цвет | перетащить с зажатым Alt |
| Поменять два цвета местами | перетащить точку на другую с Alt |
| Удалить цвет | выделить и нажать Delete или «Удалить точку» (Delete Stop) |
| Вернуть чёрно-белый вариант | Ctrl-клик по полю градиентной заливки на панели |
Чтобы выделить несколько точек, щёлкайте по ним с зажатым Shift.
Как сделать градиент в прозрачность
Выделите крайнюю точку и поставьте ей «Непрозрачность» (Opacity) 0 %. Цвет с непрозрачностью меньше 100 % показывается на шкале в шахматную клетку.
Частая ошибка: прозрачной точке оставляют белый цвет. Программа смешивает и непрозрачность, и цвет. В середине перехода от красного (255, 0, 0) к белому с нулевой непрозрачностью получится розовый (255, 128, 128) с прозрачностью 50 %, и середина перехода выйдет бледной и мутной вместо насыщенной. Задайте обоим краям один цвет и меняйте у второго только непрозрачность.
Произвольный градиент
Нажмите на панели «Произвольный градиент» (Freeform Gradient) и выберите режим.
В режиме «Точки» (Points) каждый клик в любом месте объекта добавляет точку цвета. Её можно перетаскивать, а удалить, вытащив за край объекта или клавишей Delete. Поле «Распределение» (Spread) задаёт круглую область вокруг точки, на которую действует её цвет, по умолчанию там 0 %. Работает оно только в этом режиме.
В режиме «Линии» (Lines) первый клик начинает линию, второй даёт прямой отрезок, третий изгибает его в кривую. Новая линия начинается так: уведите курсор за пределы объекта, верните и кликните снова. Скопировать такой градиент на другой объект можно с помощью «Пипетки» (Eyedropper, I).
Для мягких теней, бликов и эффекта объёма на небольших иконках используйте сначала произвольный градиент: цвета двигаются свободно, а сетку потом редактировать тяжелее.
Как сделать градиент на обводке
- Выделите объект, откройте панель «Градиент» и щёлкните по значку «Обводка (X)».
- Выберите градиент в раскрывающемся списке или настройте цвета.
- Нажмите одну из трёх кнопок.
| Кнопка | Что делает |
|---|---|
| Apply gradient within stroke | равномерно распределяет градиент внутри ширины обводки |
| Apply gradient along stroke | ведёт цвета по самому контуру |
| Apply gradient across stroke | кладёт переход поперёк толщины линии |
Пробуйте режимы на толстой обводке, на ней разница заметнее.
Как сделать градиент на тексте
Если выделить текст и просто выбрать градиент, Illustrator зальёт им каждую букву отдельно. Чтобы один градиент шёл через всё слово и текст оставался редактируемым, заливку добавляют объекту целиком:
- Наберите текст инструментом «Текст» (Type, T).
- Уберите у символов цвет заливки и обводки (поставьте «Нет»).
- Откройте панель «Оформление» (Window > Appearance, Shift+F6).
- При выделенном текстовом объекте нажмите внизу панели «Добавить новую заливку» (Add New Fill).
- Выделите эту заливку и назначьте ей градиент на панели «Градиент». Направление поправьте инструментом G.
Теперь вы сможете менять буквы, шрифт и размер, а градиент останется. Текст можно и перевести в кривые (Type > Create Outlines, Shift+Ctrl+O), но тогда править слово уже нельзя. Мы бы оставили кривые для готового файла, который уходит туда, где нет вашего шрифта, и сохранили бы рядом копию с живым текстом.
Один градиент на несколько объектов
Выделите объекты с Shift и нажмите на панели «Градиент» значок «Заливка» (Fill): каждый получит такой же градиент. Чтобы переход прошёл через все объекты разом, протяните инструментом «Градиент» линию от первого к последнему. Если тянуть с Alt, у каждого объекта появится свой аннотатор (так работает с простыми контурами). Готовый градиент на другие объекты переносится «Пипеткой» (I).
Как сохранить градиент в образцы
- в раскрывающемся списке градиентов на панели нажмите «Добавить в образцы» (Add to Swatches);
- перетащите поле градиентной заливки на панель «Образцы» («Окно > Образцы», Window > Swatches);
- в меню панели «Образцы» выберите «Новый образец» (New Swatch).
Такой градиент хранится только в текущем файле. Чтобы градиент был под рукой в других документах, добавьте его в библиотеку Creative Cloud. Как сохранить сам документ и в каких форматах, разобрано в статье как сохранить в иллюстраторе.
Готовые наборы открываются из меню в верхнем правом углу панели «Образцы»: «Открыть библиотеку образцов > Градиенты» (Open Swatch Library > Gradients). В Illustrator 2025 можно создать градиент прямо из сохранённых цветов: выделите два цвета или больше и выберите в меню панели «Другие параметры > Создать градиент» (More options > Create Gradients).
Градиентная сетка
Когда цвета в одном объекте должны расходиться в разные стороны, линейного и радиального перехода не хватает. Для этого есть инструмент «Сетка» (Mesh, U): он превращает фигуру в сетчатый объект, и цвет назначается узлам. Чем такая сетка отличается от сетки для разметки макета, разобрано в статье как сделать сетку в иллюстраторе.
Если не видно аннотатора
Если на объекте не видно стрелки аннотатора, включите View > Show Gradient Annotator или нажмите Alt+Ctrl+G.
Частые вопросы
Как сделать градиент на фоне в иллюстраторе?
Создайте прямоугольник (M) размером с монтажную область и залейте его градиентом так же, как любую фигуру. Удобно держать фон на отдельном нижнем слое в панели «Слои» (Layers).
Как сделать градиент для печати?
Работайте в документе CMYK: «Файл > Цветовой режим документа» (File > Document Color Mode).
