Как настроить градиент в индизайне
Gradients
About gradients
A gradient is a graduated blend between two or more colors or between two tints of the same color. The output device you use affects how gradients color separate.
Gradients can include Paper, process colors, spot colors, or mixed ink colors using any color mode. Gradients are defined by a series of color stops in the gradient bar. A stop is the point at which a gradient changes from one color to the next, and is identified by a color square under the gradient bar. By default, a gradient starts with two colors and a midpoint at 50%.
When you create a gradient using colors of different modes and then print or color separate the gradient, all colors are converted to CMYK process colors. Because of the color mode change, colors may shift. For best results, specify gradients using CMYK colors.
Create a gradient swatch
You can create, name, and edit gradients using the same Swatches panel you use to work with solid colors and tints. You can also create unnamed gradients using the Gradient panel.
To choose a color that’s already in the Swatches panel, choose Swatches, and select a color from the list.
To mix a new unnamed color for the gradient, choose a color mode, and enter color values or drag the sliders.
Tip: By default, the first stop of the gradient is set to white. To make it transparent, apply the Paper swatch.
Drag the color stops located under the bar.
Select a color stop under the bar, and enter a Location value to set the position of that color. This position represents the percentage of distance between the previous color and the next color.
Drag the diamond icon located above the bar.
Select the diamond icon above the bar, and enter a Location value to set the position of that color. This position represents the percentage of distance between the previous color and the next color.
Apply an unnamed gradient using the Gradient panel
Although the Swatches panel is the recommended panel for creating and storing gradients, you can also work with gradients by using the Gradient panel (Window > Color > Gradient), with which you may be familiar if you also use Adobe Illustrator. You can add the current gradient to the Swatches panel at any time. The Gradient panel is useful for creating an unnamed gradient that won’t be used often.
A. Gradient fill B. Gradient type menu C. Reverse button D. Starting color stop E. Midpoint F. Ending color stop
If you select an object that currently uses a named gradient, editing the gradient by using the Gradient panel will change the color of that object only. To edit every instance of a named gradient, double-click its swatch in the Swatches panel.
Drag a swatch from the Swatches panel and drop it on the color stop.
Alt‑click (Windows) or Option-click (Mac OS) a color swatch in the Swatches panel.
In the Color panel, create a color using the sliders or the color bar.
Modify gradients
You can modify gradients by adding colors to create multicolor gradients, and by adjusting color stops and midpoints. It’s a good idea to fill an object with the gradient you plan to adjust, so that you can preview the effect on the object while you adjust the gradient.
You can modify gradients pasted from Adobe Illustrator, provided that the gradient was pasted using AICB (Adobe Illustrator Clipboard) format. (See Pasting Illustrator graphics into InDesign.) To select the gradient, use the Direct Selection tool.
If you edit a color swatch, any gradient stops that use that swatch will update accordingly, changing the gradient.
Add intermediate colors to a gradient
You can also drag a swatch from the Swatches panel onto the gradient bar in the Gradient panel to define a new color stop.
Remove an intermediate color from a gradient
Reverse a gradient’s color progression
Adjust a gradient with the Gradient tools
Dragging the Gradient Feather tool across the gradient progressively softens the colors in the gradient within the area you drag.
Apply a gradient across multiple objects
If a compound path with a gradient is selected, you can edit the gradient across all of its subpaths by using the Gradient panel alone, without having to use the Gradient tool.
Apply gradients to text
Within a single text frame, you can create multiple ranges of gradient text alongside default black text and color text.
A gradient’s endpoints are always anchored in relation to the bounding box of the gradient’s path or text frame. Individual text characters display the part of the gradient over which they are positioned. If you resize the text frame or make other changes that cause text characters to reflow, the characters are redistributed across the gradient, and the colors of individual characters change accordingly.
A. Underlying gradient fill B. Text characters with gradient applied C. Text added, and text shifting position relative to gradient fill
If you want to adjust a gradient so that its complete color range spans a specific range of text characters, you have two options:
Use the Gradient tool to reset the gradient’s endpoints, so that they span only the characters you selected when you applied the gradient.
Select the text and convert it to outlines (editable paths), and then apply a gradient to the resulting outlines. This is the best option for a short run of display type in its own text frame. The gradient will be permanently anchored to the outlines, not the text frame, and the outlines will continue to flow with the rest of the text. However, the outlines will function as a single inline graphic within the text frame, so you won’t be able to edit the text. Also, typographic options will no longer apply; for example, text converted to outlines will not hyphenate.
For information on converting text outlines to paths, see Create paths from text outlines.
Градиенты
О градиентах
Градиент — это градуированный переход между двумя или более цветами или двумя оттенками одного цвета. Цветоделение градиентов зависит от используемого устройства вывода.
Градиенты могут включать цвет «Бумага», триадные, плашечные цвета или цвета смесевых красок, использующие любой цветовой режим. Градиенты определяются набором цветовых узлов в палитре выбора градиента. Точка узла градиента представляет собой точку, в которой осуществляется переход градиента из одного цвета в другой, она обозначается цветным квадратом под палитрой выбора градиента. По умолчанию градиент создается с использованием двух цветов и средней точкой перехода на 50 %.
При создании градиента с использованием цветов в различных режимах и последующей печати или цветоделении градиента, все цвета преобразуются в триадные цвета CMYK. Цвета могут быть искажены из-за использования разных цветовых режимов. Для получения наилучших результатов следует определять градиенты с использованием цветов CMYK.
Создание образца градиента
Можно создавать, именовать и редактировать градиенты с помощью палитры «Образцы» точно так же, как и при работе со сплошными цветами и оттенками. Можно также создавать безымянные градиенты с помощью палитры «Градиент».
Чтобы выбрать цвет, который уже присутствует в палитре «Образцы», выберите «Образцы» и укажите цвет из списка.
Чтобы смешать новый безымянный цвет для градиента, выберите цветовой режим и введите цветовые значения либо переместите ползунки в нужное положение.
Совет. По умолчанию первому цветовому узлу градиента присваивается белый цвет. Чтобы сделать его прозрачным, примените образец «Бумага».
Переместите контрольные точки цветов, расположенные под палитрой выбора градиента.
Выберите цветовой узел под палитрой выбора градиента и введите значение «Позиция», чтобы задать положение этого цвета. Это положение отражает в процентах расстояние до точки перехода между предыдущим и следующим цветом.
Переместите значок в виде ромба, расположенный над палитрой выбора градиента.
Выберите значок в виде ромба над палитрой выбора градиента и введите значение «Местоположение», чтобы задать положение этого цвета. Это положение отражает в процентах расстояние до точки перехода между предыдущим и следующим цветом.
Применение безымянного градиента с использованием палитры «Градиент»
Хотя создавать и сохранять градиенты рекомендуется с помощью палитры «Образцы», можно также работать с градиентами, используя палитру «Градиент» («Окно» > «Цвет» > «Градиент»). Возможно, вы уже знакомы с ней, если работали с программой Adobe Illustrator. В любой момент в палитру «Образцы» можно добавить текущий градиент. Палитра «Градиент» удобна для создания безымянного градиента, который не предполагается часто использовать.
A. Градиентная заливка B. Меню «Тип градиента» C. Кнопка «Инверсия» D. Начальная контрольная точка цвета E. Средняя точка F. Конечная контрольная точка цвета
Если выбран объект, для которого используется именованный градиент, при редактировании этого градиента с помощью палитры «Градиент» изменится цвет только этого объекта. Чтобы изменить все вхождения именованного градиента, дважды щелкните его образец в палитре «Образцы».
Перетащите образец из палитры «Образцы» на контрольную точку цвета.
Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), щелкните цветовой образец в палитре «Образцы».
В палитре «Цвет» создайте цвет, используя ползунки или цветовую шкалу.
Изменение градиентов
Можно изменять градиенты, добавляя цвета для создания многоцветных градиентов, а также изменяя свойства и положение контрольных точек цвета и средних точек. Заливка градиентом объекта, подлежащего корректировке, обеспечивает возможность предварительного просмотра результата в процессе внесения изменений в градиент.
Можно изменять градиенты, вставленные из программы Adobe Illustrator, при условии, что градиент был вставлен с использованием формата AICB (Adobe Illustrator Clipboard), См. раздел Вставка графических объектов Illustrator в InDesign. Чтобы выделить градиент, используйте инструмент «Частичное выделение».
При редактировании цветового образца все узлы градиента, для которых используется этот образец, соответствующим образом обновляются, изменяя вид градиента.
Добавление промежуточных цветов в градиент
Можно также перетащить образец из палитры «Образцы» на панель выбора градиента в палитре «Градиент», чтобы определить новую контрольную точку цвета.
Удаление промежуточного цвета из градиента
Реверс последовательности цветов градиента
Настройка градиента с помощью инструментов «Градиент»
Перетаскиванием инструмента «Градиентная растушевка» по градиенту обеспечивается постепенное смягчение цветов градиента в пределах области перетаскивания.
Применение градиента к нескольким объектам
Если выделен составной контур с градиентом, можно изменить градиент во всех подконтурах этого контура с помощью палитры «Градиент» без необходимости использовать инструмент «Градиент».
Применение градиентов к тексту
Внутри отдельного текстового фрейма можно создать несколько диапазонов текста с градиентом, помимо черного текста по умолчанию и цветного текста.
Конечные точки градиента всегда привязываются относительно ограничительной рамки контура градиента или текстового фрейма. Отдельные символы текста отображают часть градиента, над которой они расположены. При изменении размеров текстового фрейма или внесении других изменений, приводящих к перекомпоновке символов текста, символы перераспределяются по градиенту, и цвета отдельных символов соответствующим образом изменяются.
A. Нижележащая градиентная заливка B. Символы текста с примененным градиентом C. Добавленный текст и смещение положения текста относительно градиентной заливки
Если необходимо скорректировать градиент так, чтобы его полным цветовым диапазоном был охвачен определенный диапазон символов текста, это можно сделать двумя способами.
Использовать инструмент «Градиент» для изменения положения конечных точек градиента, чтобы градиент покрывал только символы, выделенные при применении градиента.
Выделить текст и преобразовать его в кривые (редактируемые контуры), а затем применить градиент к полученным кривым. Последний вариант является наиболее удобным для кратковременного отображения экранного текста в его собственном текстовом фрейме. Градиент будет окончательно привязан к кривым, а не к текстовому фрейму, и кривые будут расположены вместе с остальным текстом. Однако кривые функционируют как отдельное вложенное изображение внутри текстового фрейма, поэтому редактировать текст нельзя. Кроме того, параметры верстки шрифта к этому участку текста применить невозможно; например, к тексту, преобразованному в кривые, не может быть применен перенос слов.
Сведения о преобразовании текстовых кривых в контуры см. в разделе Преобразование текстовых кривых в контуры.
Несколько градиентов в одном текстовом фрейме
Внутри отдельного текстового фрейма можно выделить несколько диапазонов текста, чтобы применить уникальный градиент к каждому диапазону. Каждый градиент применяется к текстовому фрейму и отслеживается отдельно вместе с символами, выделенными при применении каждого градиента. Однако конечные точки градиента остаются привязанными к ограничительной рамке текстового фрейма, а не к отдельным диапазонам текста.
Применение цвета
Adobe InDesign поддерживает различные способы применения цвета, включая панель «Инструменты» и «Управление», палитру «Цветовые образцы» и «Цвет», а также инструмент «Палитра цветов».
Для цвета можно указать место применения: обводка или заливка объекта. Обводка представляет собой рамку или фрейм объекта, а заливка — фон объекта. При применении цвета к текстовому фрейму можно указать, следует ли выполнять эту операцию для текстового фрейма или для текста внутри фрейма.
Чтобы изменить цвет пробелов в пунктирной, точечной или полосовой обводке, используйте палитру «Обводка».
На панели «Инструменты» либо на палитре «Цвет» или «Цветовые образцы» выберите режим «Форматирование изменяет текст» или «Форматирование изменяет контейнер» в зависимости от того, требуется ли применять цвет к тексту или текстовому фрейму
A. Поле «Заливка» B. Форматирование изменяет контейнер C. Поле «Обводка» D. Форматирование изменяет текст
Цвет можно применить к любому изображению в градациях серого при условии, что оно не содержит альфа-каналов или каналов плашечных цветов. Если изображение импортировано с обтравочным контуром, для применения цвета только к обтравленной области выберите обтравочный контур с помощью инструмента «Частичное выделение».
Выбор цвета при помощи палитры цветов
С помощью инструмента «Палитра цветов» можно выбирать цвета из поля цвета или указывать номера цветов. Цвета можно определить с помощью цветовых моделей HSB, RGB, HSB, Lab или CMYK.
A. Исходный цвет B. Новый цвет C. Поле цвета D. Треугольники цветовой шкалы E. Спектр цветов
Чтобы сохранить цвет как образец, выберите «Добавить образец CMYK», «Добавить образец HSB», «Добавить образец RGB» или «Добавить образец Lab». InDesign добавляет цвет в палитру «Цветовые образцы», используя цветовые значения в качестве его имени.
Применение последнего использованного цвета
На панели «Инструменты» отображается последний использованный цвет или градиент. Этот цвет или градиент можно применять непосредственно из панели «Инструменты».
Удаление цвета заливки или обводки
Применение цвета с помощью перетаскивания
Удобным способом применения цветов или градиентов является перетаскивание из источника цвета на объект или палитру. Перетаскиванием можно применять цвета или градиенты к не выделенным заранее объектам. Можно перетаскивать следующие объекты:
Поле «Заливка» или поле «Обводка» из панели «Инструменты» или другой палитры.
Поле «Градиент» из палитры «Градиент».
Образцы из палитры «Цветовые образцы».
Можно перетаскивать цвета или градиенты на следующие объекты и палитры.
Заливка или обводка контура. Чтобы перетащить цвет на заливку или обводку, при перетаскивании расположите центр значка перетаскивания точно над заливкой или обводкой контура, затем отпустите кнопку мыши.
Палитра «Цветовые образцы».
Один или несколько образцов из палитры «Цветовые образцы» либо образец цвета, расположенный рядом со значком цвета вне цветового охвата, можно перетащить в окно другого документа InDesign; при этом образцы добавляются в палитру «Цветовые образцы» этого документа.
Применение цвета или образца градиента
Если палитра образцов не открыта, выберите меню «Окно» > «Цвет» > «Образцы».
В палитре «Цветовые образцы» выберите поле «Заливка» или поле «Обводка».
Выполните одно из следующих действий:
Щелкните образец цвета или градиента. Выбранный цвет или градиент применяется к любому выделенному тексту или объекту, а также отображается в палитре «Цвет» и в поле «Заливка» или в поле «Обводка» на панели «Инструменты».
Применение цвета с использованием палитры «Цвет»
Для работы с цветом рекомендуется использовать палитру «Цветовые образцы», но смешивать цвета можно также с помощью палитры «Цвет». В любой момент можно добавить текущий цвет из палитры «Цвет» в палитру «Цветовые образцы». Палитра «Цвет» наиболее удобна для смешивания безымянных цветов.
Если выбран объект, для которого используется именованный образец, при изменении его цвета с помощью палитры «Цвет» изменится цвет только этого объекта. Если необходимо изменить цвет во всем документе, дважды щелкните его образец в палитре «Цветовые образцы».
Изменение цвета заливки или обводки
A. Поле «Заливка» B. Поле «Обводка» C. Форматирование изменяет контейнер D. Форматирование изменяет текст
Создание образца цвета в палитре «Цвет»
Цикл по цветовым режимам
Создание цветовых тем с помощью инструмента «Цветовая тема»
Цветовые темы можно извлечь из выбранных областей, изображений или объектов в документе InDesign. Также можно выбрать цвет из изображения, изображение полностью или весь макет. По существу, можно создать цветовые темы из любых цветов в графическом объекте. Используйте инструмент цветовой темы для выбора одного цвета или темы и добавления цветовой темы на панели образцов.
Добавьте эти цвета к макету, добавьте их на панель «Цветовые образцы». Изображения можно сохранять непосредственно в Creative Cloud libraries.
Выберите инструмент «Цветовая тема» на панели инструментов. Для переключения между инструментом «Цветовая тема» и инструментом «Пипетка» можно использовать сочетание клавиш I.
Щелкните любую часть макета для выбора цвета. Также можно эффективно использовать цвета из любого графического объекта, размещенного в Adobe Photoshop, Illustrator или любом другом файле.
Цвет сохраняется сразу после выбора с помощью инструмента темы. Если после выбора цветов переключиться на другой инструмент для выполнения каких-либо операций, например рисования объектов, а затем снова выбрать инструмент цветовой темы, сохранится тема, выбранная ранее. Выбранная тема сохраняется для повторного использования, пока вы не нажмете клавишу ESC и не закроете панель. При нажатии клавиши ESC все изменения отменяются.
Наведите указатель мыши для отображения автоматически отмечаемых областей в InDesign, из которых можно создать цветовую тему. Щелкните соответствующий раздел, и в InDesign будет создана цветовая тема.
Цветовая тема создается из пяти разных цветов. Щелкните всплывающее меню для просмотра других созданных вариантов цветов.
A. Щелкните для просмотра всех тем B. Добавить текущую цветовую тему к образцам C. Сохранить в текущую библиотеку CC
Цветовая тема создается из пяти разных цветов. Щелкните всплывающее меню (A на изображении), чтобы просмотреть другие варианты, созданные для одной и той же цветовой темы, например: «Цветной», «Яркий», «Глубокий» и «Приглушенный».
Если вам не нравится созданная цветовая тема, нажмите клавишу Esc и создайте ее заново либо нажмите клавишу Alt, чтобы временно переключиться в режим выбора и выбрать новую тему.
Удерживая клавишу Shift, щелкните мышью один (конкретный) цвет, чтобы выбрать его в качестве основного цвета темы. Цветовые темы создаются по правилам Adobe Color: аналогичные, монохромные, трехцветные, дополнительные, составные, тени.
Чтобы применить цвета, можно выбрать один конкретный цвет в инструменте «Цветовая тема». Наведите указатель мыши на элемент страницы. Пипетка отображается наполовину наполненной, щелкните элемент для изменения заливки или обводки.
При наведении указателя мыши на текст пипетка изменится на текст. Цвет, созданный в инструменте «Цветовая тема», можно применить к тексту.
Дважды щелкните инструмент «Цветовая тема». Выбранные и добавленные к образцам цвета учитывают характер документа и будут автоматически преобразовываться в подходящее цветовое пространство. После этого их можно добавить к образцам или перетащить на другие объекты. На выбор предоставляются три варианта:
A. Щелкните для просмотра всех тем B. Добавить текущую цветовую тему к образцам C. Сохранить в текущую библиотеку CC
Выберите B для добавления этих цветов на панель «Цветовые образцы». Цветовая тема добавляется на панель «Цветовые образцы» в виде папки.
Чтобы добавить определенный цвет на панель «Цветовые образцы», нажмите клавишу Alt и выберите пункт «Добавить текущую цветовую тему к образцам».
Нажмите эту кнопку, чтобы сохранить выбранную тему на панели в текущую библиотеку CC Library в палитре CC Libraries.
В процессе сбора цветовых образцов с помощью инструментов «Палитра цветов», «Новый образец» и «Редактирование» можно применять цветовые значения, используя шестнадцатеричный код RGB. Также можно применять цветовые значения, используя шестнадцатеричный код RGB. Существует три способа, как можно применить шестнадцатеричное цветовое значение:
Применение цвета с использованием инструмента «Пипетка»
Если атрибут не отображается в диалоговом окне «Параметры инструмента «Пипетка», его нельзя скопировать с помощью этого инструмента.
Применение цвета с использованием инструмента «Пипетка»
Выберите один или несколько объектов, атрибуты заливки и обводки которых необходимо изменить.
Чтобы изменить другие объекты с использованием тех же атрибутов, щелкните объекты наполненной пипеткой. Если объект имеет обводку, но не имеет заливки, для копирования его атрибутов пипеткой необходимо точно щелкнуть внешний контур объекта.
Выбор новых атрибутов, когда инструмент «Пипетка» загружен
Не отпуская клавишу «Alt» или «Option», щелкните объект, содержащий атрибуты, которые необходимо скопировать, а затем отпустите клавишу «Alt» или «Option», чтобы применить эти атрибуты к другому объекту.
Изменение параметров инструмента «Пипетка»
Выберите в разделах «Параметры заливки» и «Параметры обводки» атрибуты, которые требуется копировать инструментом «Пипетка», затем нажмите «OK».
Чтобы загрузить только цвет заливки или обводки объекта, но не загружать другие атрибуты, щелкните объект инструментом «Пипетка», удерживая нажатой клавишу «Shift». При применении цвета к другому объекту применяется только цвет заливки или обводки в зависимости от того, какой из цветов расположен сверху на панели «Инструменты».
Применение цвета к изображению в градациях серого
С помощью InDesign можно добавить цвет к помещенному изображению в градациях серого.
Убедитесь, что изображение сохранено как изображение в градациях серого или битовое изображение в формате PSD, TIFF, BMP или JPG.
В Photoshop выберите «Изображение» > «Режим» > «Битовый формат» или «Изображение» > «Режим» > «Градации серого».
Выберите цвет в палитре «Цветовые образцы» или «Цвет».
Изображение в формате PSD может содержать несколько слоев, но нижний слой должен быть непрозрачным. Применить цвет к изображению PSD с прозрачным фоном в InDesign невозможно. Кроме того, изображение в градациях серого не может содержать альфа-каналы или каналы плашечных цветов.
Добавление групп цветов и управление ими
Группы цветов позволяют оптимизировать цветовые схемы и синхронизировать часто используемые образцы цвета между приложениями. Группы цветов используются для:
Добавление группы цветов
Чтобы создать группу цветов, нажмите значок «Группа цветов» в палитре «Цветовые образцы». Кроме того, можно создать группу цветов с помощью всплывающего или контекстного меню.
Чтобы присвоить имя группе цветов при ее создании, можно использовать любые параметры или удерживать клавишу Alt (Win) или Option (Mac) при щелчке на кнопке «Создать группу цветов».
В уже созданную группу цветов можно перетаскивать несколько образцов из корневого объекта, а также других групп цветов.
Различные действия для управления группами
С группами цветов можно выполнить следующие операции.
При удалении группы цветов удаляются все содержащиеся в ней образцы цвета.
Создание группы цветов на основе выбранных элементов страниц
Можно выбрать графический объект элемента страницы в документе и создать группу цветов в палитре присутствующих в элементе страницы. К группе цветов могут быть добавлены образцы из элементов страниц.
Выберите в документе один или несколько элементов страниц.
Группы цветов применяются во всех представлениях в виде списка (названия, сокращенные названия), а также во всех табличных представлениях (малые образцы, большие образцы). Все операции, например создание путем перетаскивания образцов/групп цветов, могут выполняться между различными представлениями палитры «Цветовые образцы».