Как сделать градиент в индизайне

Иллюстрированный самоучитель по Adobe InDesign

Градиенты – плавные переходы от одного цвета в другой. Программа InDesign создает градиенты как образцы, которые могут затем применяться к объектам. (Подробнее о применении градиентов к объектам и тексту см. в главе 6.)

Создание градиента

1. Выберите опцию New Gradient Swatch (Новый образец градиента) из меню палитры Swatches. Появится диалоговое окно New Gradient Swatch (рис. 5.24).
2. Введите имя градиента в поле Swatch Name.
3. Выберите вариант Linear (Линейный) или Radial (Радиальный) в поле Type (Тип) – рис. 5.25.
4. Щелкните по ограничителю цвета на линейке градиента, чтобы задать в нем цвет.

Вы должны выбрать ограничитель цвета, чтобы увидеть список Stop Color (Ограничивающий цвет).

• при выборе пункта Named Color появляется список цветов в палитре Swatches;
• при выборе цветовой модели LAB, CMYK или RGB отображаются ползунки, которые позволяют определять цвет, используя значения данных цветовых палитр.

Рис. 5.24. Используйте диалоговое окно New Gradient Swatch, чтобы задать градиент из смешанных цветов

Рис. 5.25. Линейный градиент образуется вдоль прямой линии между начальной и конечной точками; радиальный градиент – из центральной точки концентрическими окружностями

Рис. 5.26. Градиенты сохранены в палитре Swatches

Если вы не видите градиент, записанный в палитре Swatches, щелкните по пиктограмме Show All Swatches (Показать все образцы) либо по пиктограмме Show Gradient Swatches (Показать образцы градиентов) в нижней части палитры Swatches.

Применение к тексту градиента

В программе InDesign очень просто применять градиенты к заливке и обводке символов текста. Градиенты можно применить ко всему текстовому фрейму или к разным диапазонам символов внутри фрейма. Здесь вы примените градиент к врезке на странице 2. Вы воспользуетесь образцом градиента, который был создан и добавлен ранее на палитру Swatches (Образцы цвета).

1. Щелкните на вкладке палитры Swatches (Образцы цвета) или выберите команду меню Window * Swatches (Окно * Образцы цвета), чтобы сделать палитру видимой.

1. Убедитесь, что по-прежнему выбран инструмент ввода ( ). Щелкните в тексте врезки на странице 2 и затем выделите весь текст абзаца.
2. Выберите кнопку заливки ( ) на панели инструментов и затем выберите образец градиента текста на палитре Swatches (Образцы цвета) (возможно, потребуется прокрутить окно палитры). Чтобы просмотреть градиент, выберите команду меню Edit * Deselect All (Правка * Отменить все выделение).

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

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

1. Используя инструмент Туре (Ввод), повторно выделите весь текст во врезке.
2. Выберите инструмент градиента (а не кнопку градиента) на панели инструментов (

Инструмент градиента (слева) позволяет устанавливать направление градиентной заливки.

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

Adobe InDesign CC – градиенты и смеси

Использование градиентов может придать документу большие эффекты. Для использования градиентов создайте пустой образец градиента, перейдя к параметрам панели « Образцы», выбрав « Новый образец градиента» и нажав «ОК».

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

В этом случае цвет градиента по умолчанию от белого до черного. Нажав на первую остановку (маленький белый значок) в градиентной рампе, вы можете определить цвет CMYK, который вы хотите использовать в качестве начальной точки градиента. Вы также можете изменить это значение с RGB на Lab, выбрав соответствующую опцию в раскрывающемся меню Stop Color .

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

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

Если вы хотите удалить какие-либо из градиентных остановок, щелкните и перетащите остановку из рампы.

Смешивание градиентов

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

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

Для точной настройки градиентов выберите панель « Градиент» и настройте начальную и конечную точки градиента.

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

Градиенты

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

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

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

Создание образца градиента

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

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

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

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

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

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

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

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

Применение безымянного градиента с использованием палитры «Градиент»

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

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

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

Чтобы открыть палитру «Градиент», выберите меню «Окно» > «Цвет» >«Градиент» или дважды щелкните инструмент «Градиент» на панели «Инструменты».

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

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

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

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

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

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

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

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

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

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

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

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

Настройка градиента с помощью инструментов «Градиент»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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