Градиенты в Illustrator

Используйте градиентные заливки, чтобы применить градуированный переход между цветами аналогично применению любого другого цвета. Создание градиентной заливки — удобный способ добиться плавного перехода цвета в одном объекте или между несколькими объектами. Можно сохранить градиент как образец, чтобы упростить его применение к нескольким объектам.

Для применения, создания и изменения градиентов можно использовать палитру «Градиент» (Окно > Градиент) или инструмент «Градиент».

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

При помощи параметров палитры «Градиент» или инструмента «Градиент» можно указать число и расположение точек, угол, под которым отображаются цвета, пропорции эллиптического градиента и непрозрачность каждого цвета.

Примечание.

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

Обзор палитры «Градиент»

В поле «Заливка градиента» палитры «Градиент» отображаются текущие цвета градиента и его тип. При щелчке поля «Заливка градиента» выделенный объект заполняется градиентом. Справа от этого поля располагается меню «Градиент», в котором приводятся все заданные по умолчанию или сохраненные градиенты, доступные для выбора. В нижней части списка находится кнопка «Сохранить градиент», которую можно нажать, чтобы сохранить текущие настройки градиента в качестве образца.

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

Работать с этой палитрой удобнее, когда отображаются все параметры (выберите в меню палитры команду Показать параметры).

Палитра «Градиент» в Illustrator
Палитра «Градиент»

A. Поле «Градиентная заливка» B. Меню «Градиент» C. Градиентная заливка D. Градиентная обводка E. Обратная градиентная заливка F. Средние точки G. Цвет градиента H. Непрозрачность I. Положение J. Кнопка меню K. Меню «Тип градиента» L. Тип градиентной обводки M. Угол N. Пропорции O. Удалить точку 

Обзор инструмента «Градиент»

Инструмент «Градиент» используется для добавления и редактирования градиентов. Если нажать инструментом «Градиент» в невыделенном объекте без заливки градиентом, объект будет заполнен последним использованным градиентом. Также инструмент «Градиент» поддерживает большинство функций палитры «Градиент». При выделении объекта, заполненного градиентом, и выборе инструмента «Градиент», в объекте отображается аннотатор градиента. Он может использоваться для изменения угла, положения и области линейного градиента, а также фокусной точки, центральной точки и диапазона радиального градиента. При размещении курсора непосредственно над аннотатором градиента он превращается в ползунок (аналогичный ползунку на палитре «Градиент») с точками цвета и индикаторами положения. Нажмите аннотатор для добавления точек цвета, затем дважды нажмите точку цвета для указания новых параметров цвета и прозрачности или перетащите точки цвета.

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

Чтобы скрыть или отобразить аннотатор градиента, выберите Просмотр > Спрятать градиентный аннотатор или Просмотр > Показать градиентный аннотатор.

Инструмент «Градиент» в Illustrator
Инструмент «Градиент»

A. Аннотатор градиента B. Средняя точка C. Цвет градиента 

Применение градиентов

Применение градиента при помощи инструмента «Градиент»

  1. Выберите инструмент «Градиент» () на панели «Инструменты».

  2. С выбранным инструментом «Градиент» нажмите объект, к которому хотите применить градиент.

  3. Чтобы определить цвет градиента, дважды нажмите точку цвета под панелью выбора градиента. Выберите цвет на отобразившейся панели. Чтобы изменить вид появившейся панели, нажмите пиктограмму «Цвет» или «Образцы» вдоль левого края. Нажмите вне палитры, чтобы подтвердить сделанный выбор.

  4. Чтобы изменить положение средней точки между двумя цветами градиента (точки, в которой оба цвета имеют значение 50%), перетащите значок прямоугольника, расположенный над панелью выбора градиента.

  5. Чтобы изменить центральную точку градиента, поместите инструмент «Градиент» в начало аннотатора градиента в объекте и перетащите его в нужное место. Дополнительная информация представлена в разделе Изменение направления и радиуса градиента, а также положения его центральной точки.

  6. Чтобы сохранить новый или измененный градиент в качестве образца, нажмите кнопку «Новый образец» на палитре «Образцы». Или перетащите градиент с палитры «Градиент» на палитру «Образцы».

Применение градиента при помощи палитры «Градиент»

  1. Выберите объект, к которому требуется применить градиент.

  2. Чтобы открыть палитру «Градиент», выберите Окно > Градиент.

    Если к выбранному объекту был применен стиль или ранее сохраненный градиент, можно открыть палитру «Градиент» с помощью панели Свойства. Просто нажмите квадрат «Цвет заливки» и затем Параметры градиента.

    Открытие палитры «Градиент» с помощью панели «Свойства»
    Открытие палитры «Градиент» с помощью панели «Свойства»
  3. Нажмите треугольник рядом с образцом, чтобы выбрать готовый вариант градиентной заливки.

  4. На палитре «Градиент» выберите опцию из меню Тип, чтобы указать, как начальная и конечная точки повлияют на вид градиента.

    Линейный градиент

    Выполняет затенение от начальной до конечной точки по прямой линии.

    Радиальный градиент

    Выполняет затенение от начальной до конечной точки в виде кругового узора.

    Типы градиентов
    Типы градиентов

    A. Линейный градиент B. Радиальный градиент 
  5. Для создания эллиптического градиента сначала выберите Радиальный в меню Тип, а затем укажите значение параметра Пропорция (не 100%) на палитре «Градиент».

  6. Чтобы изменить угол градиентной заливки, введите значение в поле Угол.

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

    • Перетащите цвет с палитры «Цвет» или «Образцы» на точку цвета.
    • Выберите цвет на отобразившейся панели. Чтобы изменить вид появившейся панели, нажмите пиктограмму «Цвет» или «Образцы» вдоль левого края. Нажмите вне палитры, чтобы подтвердить сделанный выбор.

    Дополнительная информация представлена в разделе Изменение градиентов.

  8. Чтобы сохранить новый или измененный градиент в качестве образца, нажмите кнопку «Новый образец» на палитре «Образцы». Или перетащите градиент с палитры «Градиент» или панели «Инструменты» на палитру «Образцы».

Применение имеющегося градиента к объекту

Выделите объект и выполните одно из следующих действий:

  • Чтобы применить последний использованный градиент, нажмите поле «Градиент» () на панели «Инструменты» или в поле «Градиентная заливка» палитры «Градиент».
  • Чтобы применить последний использованный градиент к невыделенному объекту, который в данный момент не содержит градиент, нажмите объект инструментом «Градиент».
  • Для применения предварительно заданного или ранее сохраненного градиента выберите его в меню «Градиент» палитры «Градиент» или нажмите образец градиента на палитре «Образцы».

Совет. Чтобы на палитре «Образцы» были показаны только образцы градиентов, нажмите кнопку «Показать виды образцов» ()  и выберите Показать образцы градиентов.

Применение градиента к нескольким объектам

  1. Выполните заливку всех объектов градиентом.

  2. Выберите все объекты, которые необходимо залить.

  3. С помощью инструмента «Градиент» выполните одно из следующих действий:

    • Для создания градиента с одной градиентной шкалой нажмите в той точке монтажной области, где должен начинаться градиент, и перетащите курсор в точку его окончания.
    Пример: градиент, примененный к нескольким объектам с одной градиентной шкалой
    Пример: градиент, примененный к нескольким объектам с одной градиентной шкалой
    • Для создания градиента с градиентной шкалой для каждого выделенного объекта нажмите в той точке монтажной области, где должен начинаться градиент, и перетащите курсор в точку его окончания, удерживая нажатой клавишу Alt (Windows) или Option (macOS). После этого можно отрегулировать градиентную шкалу для каждого объекта (несколько градиентных шкал можно создать только для простых контуров).
    Пример: градиент, примененный к нескольким объектам с несколькими градиентными шкалами
    Пример: градиент, примененный к нескольким объектам с несколькими градиентными шкалами

Изменение градиентов

Можно изменять градиенты, добавляя цвета для создания многоцветных градиентов, а также изменяя свойства и положение контрольных точек цвета и средних точек. Заливка градиентом объекта, подлежащего корректировке, обеспечивает возможность предварительного просмотра результата в процессе внесения изменений в градиент.

Изменение цветов в градиенте

  1. Выполните одно из следующих действий:

    • Для изменения градиента без заливки им объекта отмените выбор всех объектов и дважды нажмите инструмент «Градиент» или нажмите поле градиента в нижней части панели «Инструменты».
    • Для изменения градиента объекта, выделите его и откройте палитру «Градиент».
    • Для изменения предварительно заданного градиента выберите его в меню «Градиент» палитры «Градиент». Или нажмите образец градиента на палитре «Образцы» и затем откройте палитру «Градиент».
  2. Чтобы изменить цвет точки, выполните одно из следующих действий:

    • Перетащите цвет с палитры «Цвет» или «Образцы» на точку цвета.
    • Дважды нажмите точку цвета (на палитре «Градиент» или в выбранном объекте) и укажите новый цвет на появившейся палитре. Чтобы изменить вид появившейся панели, нажмите пиктограмму «Цвет» или «Образцы» вдоль левого края. Нажмите вне палитры, чтобы подтвердить сделанный выбор.
    Изменение цветов в градиенте
    Изменение цветов в градиенте

    Примечание.

    При создании градиента с переходом между плашечными цветами необходимо снять флажок «Преобразовать в триадные» в диалоговом окне «Настройки цветоделения», чтобы печать градиента выполнялась с отдельным цветоделением плашечных цветов.

  3. Чтобы добавить в градиент промежуточные цвета, перетащите цвет с палитры «Образцы» или «Цвет» на шкалу градиента палитры «Градиент». Или нажмите под шкалой градиента и выберите цвет так же, как для начальной или конечной точки.

  4. Чтобы удалить промежуточный цвет, перетащите квадрат со шкалы градиента или выберите его и нажмите кнопку «Удалить» () на палитре «Градиент».

  5. Чтобы настроить положение цветов в градиенте, выполните одно из следующих действий:

    • Чтобы изменить средние точки контрольных точек цвета градиента (точки, в которых два цвета встречаются со значением 50% для каждого), перетащите ромбик, расположенный над шкалой, или нажмите его и введите значение от 0 до 100 в поле «Положение».
    • Чтобы изменить конечные точки точек цвета, перетащите крайнюю левую или крайнюю правую точку цвета, расположенные под шкалой градиента.
    • Чтобы изменить направление цветов градиента на противоположное, нажмите «Обратный градиент» () на палитре «Градиент».
  6. Чтобы изменить непрозрачность цвета градиента, нажмите точку цвета на палитре «Градиент» и укажите значение в поле Непрозрачность. Если Непрозрачность точки цвета составляет менее 100%, для этой точки появляется   и цвет на шкале градиента отображается «в клетку».

Изменение направления и радиуса градиента, а также положения его центральной точки

После заливки объекта градиентом можно использовать инструмент «Градиент» и аннотатор (ползунок) градиента, расположенный внутри объекта, для изменения градиента путем создания нового контура с заливкой. Этот инструмент позволяет изменять направление градиента, а также положение его центральной, начальной и конечной точек.

  1. Выберите объект с заливкой градиентом.

  2. Выберите инструмент «Градиент» и выполните одно из следующих действий:

    • Чтобы изменить направление линейного градиента, нажмите в точке, где должен начинаться градиент, и перетащите инструмент в нужном направлении. Или поместите инструмент «Градиент» на аннотатор градиента в объекте и, когда курсор изменится на значок поворота (), перетащите его для выбора нужного значения угла.

    Примечание. Направление можно также изменить, задав новое значение в поле Угол на палитре «Градиент». Чтобы изменить радиус радиального или эллиптического градиента, поместите инструмент «Градиент» на стрелку аннотатора в объекте и перетащите ее для выбора нужного значения радиуса.

    • Чтобы изменить центральную точку градиента, поместите инструмент «Градиент» в начало аннотатора градиента в объекте и перетащите его в нужное место.
    • Чтобы изменить радиус и угол одновременно, нажмите конечную точку (удерживая Alt в Windows или Option в macOS) и перетащите ее в новое место.

    Примечание. Если аннотатор (ползунок) градиента не появляется при наведении инструмента «Градиент» на объект с градиентом, выберите Просмотр > Показать градиентный аннотатор.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет