ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 26.11.2021
Просмотров: 344
Скачиваний: 1
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Adobe InDesign, Photoshop и Illustrator
449
9.
Выделите оба тестовых фрагмента, которые расположены
вдоль границ окружности, а затем в главном меню програм-
мы выберите команду
Object
Lock
Selection
(Объект
Блокировать
Выделенные). В заключение сохраните вне-
сенные изменения (
File
Save
). Теперь ваше изображение
должно выглядеть так, как показано на рис. 12.22.
Создание пользовательских
цветов и градиентов
Данный раздел посвящен палитрам
Color
(Цвет),
Gradient
(Гради-
ент) и
Swatches
(Образцы цвета), благодаря которым в Adobe
Illustrator можно создавать образцы пользовательских цветов и
градиентов.
Палитра «Gradient»
Градиентной заливкой
, или
градиентом
, как уже отмечалось назы-
вают плавный переход от одного цвета к другому. Для редактирова-
ния и создания градиентных заливок в Adobe Illustrator предусмо-
трена палитра с одноименным названием —
Gradient
(Градиент).
В нижней части этой палитры расположена цветовая полоса (так
называемая шкала градиента), на которой отображается, как мини-
мум два цвета выбранного в данный момент градиента — началь-
ный (крайний слева) и конечный (крайний справа). Непосред-
ственно под цветовой полосой расположено два маркера, предна-
значенных для изменения цветов градиентной заливки. С помо-
щью крайнего слева маркера выбирают начальный цвет градиент-
ной заливки, с помощью крайнего справа — ее конечный цвет. Для
того чтобы изменить местоположение границы перехода цветов
градиентной заливки, достаточно перетащить вправо или влево
ромбовидный маркер, который расположен
над
цветовой полосой
палитры
Gradient
. Содержимое палитры
Gradient
для двухцветного
градиента показано на рис. 12.23.
Образцы предустановленных градиентных заливок (поставляют-
ся вместе с Adobe Illustrator) расположены в нижней части пали-
тры
Swatches
(Образцы цвета). Собственные градиенты проще и
быстрее создавать на основе уже существующих. Выделите объект
изображения, к которому применен предустановленный градиент,
а затем измените параметры этого градиента с помощью палитры
Центральная вертикальная скобка
Рис. 12.20.
Результат зеркального ото-
бражения текстового фрагмента относи-
тельно контура
Рис. 12.21.
Чтобы изменить высоту базо-
вой линии, введите необходимое значе-
ние в текстовом поле
Baseline
палитры
Character
Параметр Baseline
Рис. 12.22.
Результат размещения
вдоль контура двух текстовых фраг-
ментов
12
Работа с текстом и градиентами
Работа с текстом и градиентами
450
Работа с текстом и градиентами
Работа с текстом и градиентами
Gradient
. Для этого выберите другие цвета градиента, изме-
ните местоположение границы перехода цветов, добавьте
новые либо удалите уже существующие цвета градиента.
Существует два типа градиентной заливки — линейная и
радиальная. Чтобы изменить тип градиента, из раскрываю-
щегося списка
Type
(Тип градиента) палитры
Gradient
выбе-
рите элемент
Linear
(Линейная) или
Radial
(Радиальная).
Цветовой переход линейного градиента можно расположить
слева направо, сверху вниз либо под заданным вами углом.
Для того чтобы изменить угол линейного градиента, введите
необходимое значение в текстовом поле
Angle
(Угол) пали-
тры
Gradient
.
Радиальный градиент несколько напоминает серию концен-
трических окружностей. Начальным цветом радиального
градиента окрашен его центр. Начальный цвет постепенно
переходит в конечный, которым окрашена внешняя грани-
ца радиального градиента. Параметр
Angle
(Угол) палитры
Gradient
не доступен для радиального градиента.
Палитра «Color»
С помощью этой палитры (рис. 12.24) выбирают цвет залив-
ки, обводки или же цвета градиентных заливок. Для того
чтобы выбрать нужный цвет, перетащите в выбранном
направлении ползунки, которые расположены в централь-
ной части палитры
Color
(Цвет). Помимо этого, палитру
Color
можно использовать для редактирования цвета, которым
залит выделенный в данный момент объект изображения.
С помощью палитры
Color
можно выбирать цвета следую-
щих цветовых режимов: CMYK, RGB, Grayscale (Градации
серого цвета), HSB или Web Safe RGB (RGB для Интернета).
Для того чтобы выбрать интересующий вас цветовой режим,
перейдите к одноименной команде в меню палитры
Color
.
По умолчанию в этой палитре отображаются параметры для
редактирования цветов CMYK или RGB (в зависимости от
цветового режима, выбранного вами во время создания теку-
щего документа). Цветовой режим Grayscale, как следует
из его названия, предназначен для выбора оттенков серого
цвета. Характеристики оттенка серого цвета зависят от про-
центного содержания в данном оттенке черного цвета — чем
Рис. 12.23.
Палитра
Gradient
Тип градиента
Значок Gradient Fill
Маркеры цвета
Маркер границы
перехода цветов
НА ЗАМЕТКУ
Помните о том, что результат изменений, сделан-
ных в палитре
Gradient
, будет немедленно отобра-
жен на объекте, к которому данный градиент при-
менялся ранее.
Значок None
Значки Fill и Stroke
Один из ползунков
Цветовая полоса
Числовые значения
базовых цветов
Рис. 12.24.
Палитра
Color
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Adobe InDesign, Photoshop и Illustrator
451
меньше черного, тем светлее оттенок (и наоборот). Для того чтобы изменить цвет (Hue) выделенного в дан-
ный момент объекта, его насыщенность (Saturation), а также яркость (Brightness), в меню палитры
Color
выберите цветовой режим HSB. Тем пользователям, которые постоянно заняты художественным оформле-
нием Интернет-ресурсов, следует обратиться к цветовому режиму Safe RGB (RGB для Интернета). Цвета
этого режима находятся в полном соответствии со стандартами цветами, которые можно использовать в
HTML-документах.
Чтобы в палитре
Color
выбрать необходимый цвет, не обязательно пользоваться ее ползунками. Для дости-
жения этой цели достаточно ввести числовые значения базовых цветов выбранной вами цветовой модели
в текстовые поля, расположенные в правой части упомянутой выше палитры (см. рис. 12.24). Стандартный
красный цвет цветовой модели CMYK, например, состоит из стопроцентного пурпурного (magenta) и сто-
процентного желтого цвета (yellow). Следовательно, для того чтобы выбрать стандартный красный цвет,
в текстовых полях
M
(Magenta) и
Y
(Yellow) палитры
Color
необходимо ввести значение 100, а в текстовых
полях
C
(Cyan — голубой) и
K
(blacK — черный) — нулевые значения. Значения базовых цветов режима
RGB (красный, зеленый, синий) можно менять в диапазоне от 0 до 255. Например, для того чтобы выбрать
стандартный оранжевый цвет в режиме RGB, в текстовых полях
R
и
G
необходимо ввести следующие значе-
ния — 255 и 128 (соответственно).
Создание образцов пользовательских цветов
и градиентов
Если вы намерены и в других своих работах использовать выбранный цвет или созданную вами градиент-
ную заливку, сохраните образцы ваших изысканий в палитре
Swatches
(Образцы цвета). Для этого необ-
ходимо выполнить следующее. Щелкните на значке
Fill
палитры
Color
(либо на значке
Gradient Fill
пали-
тры
Gradient
). Не отпуская кнопку мыши, перетащите выбранный вами цвет (или градиент) в свободную
часть палитры
Swatches
. Дважды щелкните мышью на созданном вами образце в палитре
Swatches
, чтобы
открыть диалоговое окно
Swatch Options
(Параметры образца). В текстовом поле
Swatch Name
введите опи-
сательное имя образца. В этом же диалоговом окне можно изменить цвет выбранного образца. Как толь-
ко вы щелкнете мышью на кнопке
OK
, все внесенные вами изменения немедленно будут отображены на
этом же образце в палитре
Swatches
. Образец градиента в диалоговом окне
Swatch Options
изменить нельзя.
Более того, изменения градиентной заливки, сделанные в палитре
Gradient
, отразятся только на выделен-
ном объекте, но образец цвета палитры
Swatches
, который применялся к объекту, останется неизменным.
Практика. Создание пользовательского градиента
Выполните следующие действия, чтобы с помощью палитры
Gradient
(Градиент) создать новую градиент-
ную заливку.
1.
Отобразите направляющие линии, воспользовавшись командой
View
Guides
Show Guides
(Вид
Направляющие
Отобразить).
2.
Активизируйте инструмент
Ellipse
(Эллипс). Удерживая нажатой клавишу <Alt> (<Option> для
Mac), щелкните мышью в центре рабочей области. В текстовых полях
Width
(Ширина) и
Height
12
Работа с текстом и градиентами
Работа с текстом и градиентами
452
Работа с текстом и градиентами
Работа с текстом и градиентами
(Высота) появившегося диалогового окна
Ellipse
введите
101,6
мм,
после чего щелкните мышью на кнопке
OK
. Залейте созданную окруж-
ность желтым цветом. Эта окружность появится поверх ранее создан-
ных объектов изображения.
3.
Вновь скройте направляющие линии, воспользовавшись командой
View
Guides
Hide Guides
(Вид
Направляющие
Скрыть).
4.
Если палитра
Gradient
(Градиент) не видна на экране монитора,
в главном меню программы выберите команду
Window
Gradient
(Вид
Градиент). Аналогичным образом (если необходимо) отобрази-
те палитру
Color
(Цвет).
5.
В палитре
Swatches
(Образцы) щелкните мышью на образце предуста-
новленного градиента
Blended Rainbow
(Радуга). В результате вме-
сто желтого цвета окружность будет залита только что выбранным
вами «радужным» градиентом.
6.
Если в палитре
Gradient
отображена только цветовая полоса (либо все
параметры скрыты), щелкните на круглой кнопке (с направленной
вправо стрелкой) в верхнем правом углу этой палитры. В появившем-
ся меню выберите команду
Show Options
(Отобразить параметры).
7.
Уделите маркер желтого цвета градиентной заливки, который распо-
ложен под цветовой полосой палитры
Gradient
. Для этого щелкните
мышью на маркере желтого цвета и, не отпуская кнопку мыши, пере-
тащите ее указатель за пределы палитры.
8.
Аналогичным образом удалите из градиента маркеры зеленого, голу-
бого, синего и темно-синего цветов. В результате под цветовой поло-
сой должно остаться только два маркера.
9.
Перетащите в крайнее правое положение второй по счету маркер,
который расположен под цветовой полосой палитры
Gradient
. Щел-
кните мышью под этой же цветовой полосой, чтобы создать очередной
маркер цвета текущего градиента. Поместите вновь созданный мар-
кер (и выделенный в данный момент маркер) на равном расстоянии
от первых двух маркеров. Для этого в текстовом поле
Location
(Рас-
положение) введите значение
50
и нажмите <Enter> (<Return> для
Mac>). Щелкните на первом ромбовидном маркере (расположен над
цветовой полосой), чтобы его выделить. В текстовом поле
Location
введите значение
50
и нажмите <Enter> (<Return> для Mac>). Щелч-
ком мыши выделите второй ромбовидный маркер, введите в поле
Location
значение
50
и нажмите клавишу <Enter> (<Return> для
Mac). Теперь палитра
Gradient
должна выглядеть так, как показано на
рис. 12.25.
Новый маркер
Поле Location
НА ЗАМЕТКУ
Обратите внимание на то, что
результат сделанных вами изме-
нений в палитре
Gradient
немед-
ленно отображается на выделен-
ной окружности (в области доку-
мента).
Рис. 12.25.
Результат удаления и
создания маркеров цветов градиен-
та в палитре
Gradient
Рис. 12.26.
Окружность, залитая
градиентом, в который добавлен
темно-желтый цвет
НА ЗАМЕТКУ
Чтобы выбрать цвет в палитре
Swatches
для одного из маркеров
градиента, необходимо щелкнуть
на соответствующем образце
этой палитры, удерживая нажа-
той клавишу <Alt> (<Option> для
Mac). Если вы щелкнете мышью на
каком-либо образце, то зальете
определенным цветом весь выде-
ленный объект.
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Работа с текстом и градиентами
Adobe InDesign, Photoshop и Illustrator
453
10.
Щелчком мыши выделите центральный маркер (находится под
цветовой полосой палитры
Gradient
). Удерживая нажатой клавишу
<Alt> (<Option> для Mac), щелкните в палитре
Swatches
(Образ-
цы цвета) на образце цвета
Squash
(Темно-желтый). Теперь отре-
дактированный градиент, которым залита окружность, должен
выглядеть так, как показано на рис. 12.26.
11.
Щелчком мыши выделите первый маркер, который находится под
цветовой полосой палитры
Gradient
. Удерживая нажатой клавишу
<Alt> (<Option> для Mac), щелкните в палитре
Swatches
на образ-
це цвета
Black
(Черный).
12.
Аналогичным образом выберите черный цвет для третьего по счету
маркера палитры
Gradient
. Теперь окружность, к которой применен
данный градиент, должна выглядеть так, как показано на рис. 12.27.
13.
Щелчком мыши выделите центральный маркер, который находит-
ся под цветовой полосой палитры
Gradient
. В текстовых полях
C
,
M
,
Y
, и
K
палитры
Color
(Цвет) введите следующие значения —
5
,
95
,
95
,
3
(соответственно).
14.
В раскрывающемся списке
Type
(Тип градиента) палитры
Gradient
выберите элемент
Radial
(Радиальный).
15.
Щелчком мыши выделите первый ромбовидный маркер, кото-
рый находится над цветовой полосой палитры
Gradient
. В тексто-
вом поле
Location
этой же палитры введите значение
87
, после чего
нажмите клавишу <Enter> (<Return> для Mac). Теперь окруж-
ность, залитая отредактированным градиентом, должна выглядеть
так, как показано на рис. 12.28.
Практика. Сохранение
пользовательского градиента
Выполните следующую последовательность действий, чтобы отредак-
тировать градиент, а затем сохранить его в качестве образца палитры
Swatches
(Образцы цвета).
1.
Дважды щелкните мышью на кнопке инструмента
Scale
(Мас-
штаб), чтобы открыть одноименное диалоговое окно. В текстовом
поле
Scale
введите
65
, после чего щелкните мышью на кнопке
Copy
(Создать копию).
2.
Не снимая выделения с созданной уменьшенной копии окружно-
сти, удалите маркер красного цвета в палитре
Gradient
(Градиент).
Рис. 12.27.
Градиентная залив-
ка, начальным и конечным цветом
которой является черный цвет
Рис. 12.28.
Результат изменения
местоположения границы цветового
перехода между двумя цветами гра-
диентной заливки
Рис. 12.29.
Результат редактиро-
вания градиента, который применен
к окружности меньшего радиуса