Как добавить градиент в индизайн

Обновлено: 03.07.2024

Градиентной заливкой (или просто градиентном) называют постепенный переход от одного цвета к другому. По определению, градиент должен состоять как минимум из двух цветов — начального и конечного цвета градиента. Цвета, добавляемые между начальным и конечным цветом градиента, называются промежуточными цветами.

Для того чтобы в программе InDesign создать новый градиент,в меню палитры Swatches (Образцы цвета) необходимо выбрать команду New Gradient Swatch (Создать градиент). В результате выполнения этой команды на экране появится одноименное диалоговое окно, показанное на рис. 5.49. В этом диалоговом окне представлены все необходимые параметры, от которых зависит внешний вид будущей градиентной заливки.

В текстовом поле Swatch Name введите описательное имя будущего градиента, а с помощью параметра Gradient Ramp (Цвета градиента) выберите его цвета. Для того чтобы указать программе тип будущего градиента, в раскрывающемся списке Type (Тип) выберите один из следующих элементов: Linear (Линейный) или Radial (Радиальный). Радиальный градиент напоминает серию из нескольких разноцветных колец с единым центром. Кольцо с наименьшим диаметром окрашено в начальный цвет радиального градиента, кольцо с наибольшим диаметром — в конечный цвет.

При этом начальный цвет градиента постепенно переходит в конечный. На рис. 5.50 показан пример радиального градиента, который состоит из трех цветов: голубого (начальный цвет), желтого (промежуточный цвет) и зеленого (конечный цвет).

Линейный градиент напоминает последовательность из нескольких горизонтальных линий, цвета которых постепенно меняются от предыдущей линии к следующей (см. рис. 5.50).

На рис. 5.51 показано диалоговое окно New Gradient Swatch, которое использовалось для создания трехцветного градиента. Маркеры каждого из трех цветов этого градиента расположены под цветовой полосой параметра Gradient Ramp. Обратите внимание, что в данный момент активизирован квадратный маркер промежуточного желтого цвета, а в текстовом поле Location (Местоположение) указано местоположение активизированного маркера в пределах цветовой полосы. Для того чтобы изменить промежуточный цвет активизированного маркера, достаточно перетащить в нужном направлении ползунки Cyan (Голубой), Magenta (Пурпурный), Yellow (Желтый) и Black (Черный), которые находятся над параметром Gradient Ramp. Обратите внимание, что в данном случае значение ползунка Yellow составляет 100%, оставшиеся ползунки находятся в крайнем левом положении (0%). Из раскрывающегося списка Stop Color (Цвет градиента) выбран элемент CMYK.

В качестве цветов градиента можно использовать именованные цвета, хранящиеся в палитре Swatches (Образцы цвета). Вначале щелкните на одном из квадратных маркеров цвета, которые находятся под цветной полосой параметра Gradient Ramp (Цвета градиента). Из раскрывающегося списка Stop Color выберите элемент Swatches (Образцы цвета). В результате ваших действий непосредственно под раскрывающимся списком Stop Color появится список ранее созданных вами образцов цвета палитры Swatches. Щелкните мышью на нужном образце, чтобы использовать его цвет в качестве цвета градиента. На рис. 5.52 показан градиент, в качестве промежуточного цвета которого выбран плашечный цвет PANTONE 344 C. Сразу после щелчка на кнопке OK диалогового окна New Gradient Swatch созданный вами градиент появится в нижней части списка палитры Swatches наряду с другими образцами именованных цветов.

Градиент — это градуированный переход между двумя или более цветами или двумя оттенками одного цвета. Цветоделение градиентов зависит от используемого устройства вывода.

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

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

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

Выберите «Новый образец градиента» в меню палитры «Образцы».


Первая контрольная точка цвета Для поля «Цвет узла градиента» выполните одно из следующих действий:

Чтобы выбрать цвет, который уже присутствует в палитре «Образцы», выберите «Образцы» и укажите цвет из списка.

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

Совет. По умолчанию первому цветовому узлу градиента присваивается белый цвет. Чтобы сделать его прозрачным, примените образец «Бумага».

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

Переместите контрольные точки цветов, расположенные под палитрой выбора градиента.

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

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

Переместите значок в виде ромба, расположенный над палитрой выбора градиента.

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

Хотя создавать и сохранять градиенты рекомендуется с помощью палитры «Образцы», можно также работать с градиентами, используя палитру «Градиент» («Окно» > «Цвет» > «Градиент»). Возможно, вы уже знакомы с ней, если работали с программой Adobe Illustrator. В любой момент в палитру «Образцы» можно добавить текущий градиент. Палитра «Градиент» удобна для создания безымянного градиента, который не предполагается часто использовать.


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

A. Градиентная заливка B. Меню «Тип градиента» C. Кнопка «Инверсия» D. Начальная контрольная точка цвета E. Средняя точка F. Конечная контрольная точка цвета

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

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

Перетащите образец из палитры «Образцы» на контрольную точку цвета.

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), щелкните цветовой образец в палитре «Образцы».

В палитре «Цвет» создайте цвет, используя ползунки или цветовую шкалу.

Чтобы определить конечный цвет градиента, щелкните крайнюю правую контрольную точку цвета под палитрой выбора градиента. Затем выберите нужный цвет, как описано для предыдущего шага. Выберите «Линейный» или «Радиальный» в меню «Тип», измените положения цветов и средней точки, как описано в разделе Создание образца градиента. Чтобы изменить угол градиентной заливки, введите значение в поле «Угол».

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

Можно изменять градиенты, вставленные из программы Adobe Illustrator, при условии, что градиент был вставлен с использованием формата AICB (Adobe Illustrator Clipboard), См. раздел Вставка графических объектов Illustrator в InDesign. Чтобы выделить градиент, используйте инструмент «Частичное выделение».

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

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

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

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

Удаление промежуточного цвета из градиента

Выберите промежуточную контрольную точку цвета и перетащите ее к концу палитры выбора градиента.

Реверс последовательности цветов градиента

В палитре «Градиент» нажмите кнопку «Инверсия» .

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

На панели «Инструменты» или палитре «Образцы» выберите поле «Заливка» или поле «Обводка» в зависимости от того, к какой части изображения был применен исходный градиент. Выберите инструмент «Образец градиента» или «Градиентная растушевка» и расположите его в точке, где необходимо определить начальный узел градиента. Перетащите курсор мыши по объекту в направлении, в котором должен быть применен градиент. Удерживайте нажатой клавишу «Shift», чтобы ограничить движение инструмента углом, кратным 45°.

Перетаскиванием инструмента «Градиентная растушевка» по градиенту обеспечивается постепенное смягчение цветов градиента в пределах области перетаскивания.

Отпустите кнопку мыши, когда курсор окажется над точкой, где необходимо определить конечную точку градиента. Убедитесь в том, что для всех выделенных объектов уже используется градиент. На панели «Инструменты» выберите поле «Заливка» или поле «Обводка». Выберите инструмент «Градиент» и расположите его в точке, где необходимо определить начальный узел градиента. Перетащите курсор мыши по объекту в направлении, в котором должен быть применен градиент. Удерживайте нажатой клавишу «Shift», чтобы ограничить движение инструмента углом, кратным 45°. Отпустите кнопку мыши, когда курсор окажется над точкой, где необходимо определить конечную точку градиента.


Градиентная заливка по умолчанию (слева) и градиент, применяемый для нескольких объектов (справа)

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

Внутри отдельного текстового фрейма можно создать несколько диапазонов текста с градиентом, помимо черного текста по умолчанию и цветного текста.

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


Работа с символами текста с градиентной заливкой

A. Нижележащая градиентная заливка B. Символы текста с примененным градиентом C. Добавленный текст и смещение положения текста относительно градиентной заливки

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

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

Выделить текст и преобразовать его в кривые (редактируемые контуры), а затем применить градиент к полученным кривым. Последний вариант является наиболее удобным для кратковременного отображения экранного текста в его собственном текстовом фрейме. Градиент будет окончательно привязан к кривым, а не к текстовому фрейму, и кривые будут расположены вместе с остальным текстом. Однако кривые функционируют как отдельное вложенное изображение внутри текстового фрейма, поэтому редактировать текст нельзя. Кроме того, параметры верстки шрифта к этому участку текста применить невозможно; например, к тексту, преобразованному в кривые, не может быть применен перенос слов.


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

Сведения о преобразовании текстовых кривых в контуры см. в разделе Преобразование текстовых кривых в контуры.

Несколько градиентов в одном текстовом фрейме

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

Чтобы произвести процедуру обмена цветов между различными программными средствами компании Adobe, специалисты используют специальный формат Adobe Swatch Exchange. Однако его главным недостатком является отсутствие возможности перемещения градиентов. В любом случае такая задача может быть решена. Все градиенты могут быть подвержены копированию из одного программного средства в другое. Разберемся с этим более подробно на примере InDesign и Иллюстратора.

Перемещение градиента из Иллюстратора в Индизайн

Для начала нужно построить или отыскать градиент в базе данных Иллюстратора. Можно нарисовать простейшую фигуру (круг, квадрат, прямоугольник), а затем применить к ней градиент.

Далее запускаем работу программы Индизайн. Необходимо позаботиться о том, чтобы рабочие окна обеих программ были удобно расположены на экране монитора и находились в полной видимости конструктора.

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


После этого специальная рабочая область InDesign Swatches будет содержать наш фрагмент градиента New Gradient Swatch. Если же вы думаете, что для обратного переноса файла в Иллюстратор достаточно провести те же манипуляции в обратном порядке, вы ошибаетесь. Этот вопрос требует детального рассмотрения.

Перемещение градиента из программы InDesign в среду Иллюстратора

В качестве эксперимента устраним из Иллюстратора файл градиента и удалим соответствующий текст на панели Swatches. Теперь необходимо будет перетянуть градиентный объект в программную среду Иллюстратора. Фигура без проблем займет своё место на новом рабочем поле, но обновленный цвет градиента не станет доступным для пользователя в общем списке цветовых образцов.

Решить эту проблему можно без особых трудностей. Запускаем работу командной строки Gradient, а затем с помощью двойного клика выбираем вставленный файл. После этого градиентная заливка предстанет перед нами в соответствующей панели. Теперь можно перетянуть её на цветовую панель, чтобы дополнить её заданным градиентом.

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

Чтобы произвести процедуру обмена цветов между различными программными средствами компании Adobe, специалисты используют специальный формат Adobe Swatch Exchange. Однако его главным недостатком является отсутствие возможности перемещения градиентов. В любом случае такая задача может быть решена. Все градиенты могут быть подвержены копированию из одного программного средства в другое. Разберемся с этим более подробно на примере InDesign и Иллюстратора.

Перемещение градиента из Иллюстратора в Индизайн

Для начала нужно построить или отыскать градиент в базе данных Иллюстратора. Можно нарисовать простейшую фигуру (круг, квадрат, прямоугольник), а затем применить к ней градиент.

Далее запускаем работу программы Индизайн. Необходимо позаботиться о том, чтобы рабочие окна обеих программ были удобно расположены на экране монитора и находились в полной видимости конструктора.

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


После этого специальная рабочая область InDesign Swatches будет содержать наш фрагмент градиента New Gradient Swatch. Если же вы думаете, что для обратного переноса файла в Иллюстратор достаточно провести те же манипуляции в обратном порядке, вы ошибаетесь. Этот вопрос требует детального рассмотрения.

Перемещение градиента из программы InDesign в среду Иллюстратора

В качестве эксперимента устраним из Иллюстратора файл градиента и удалим соответствующий текст на панели Swatches. Теперь необходимо будет перетянуть градиентный объект в программную среду Иллюстратора. Фигура без проблем займет своё место на новом рабочем поле, но обновленный цвет градиента не станет доступным для пользователя в общем списке цветовых образцов.

Решить эту проблему можно без особых трудностей. Запускаем работу командной строки Gradient, а затем с помощью двойного клика выбираем вставленный файл. После этого градиентная заливка предстанет перед нами в соответствующей панели. Теперь можно перетянуть её на цветовую панель, чтобы дополнить её заданным градиентом.

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

Читайте также: