Вы находитесь на странице: 1из 401

Алина Федорова

ILLUSTRATOR
CS2
WC

Санкт-Петербург
«БХВ-Петербург»
2006
УДК 681.3.06
ББК 32.973.26-018.2
ФЗЗ

Федорова А. В.
ФЗЗ Adobe Illustrator CS2. Экепресс-курс. — СПб.: БХВ-Петербург,
2006.— 400 с : ил.
ISBN 5-94157-782-6
Книга посвящена обучению работе с пакетом векторной графики Adobe
Illustrator CS2. Она создана на основе практического курса, поэтому каждая
глава соответствует одному уроку, рассчитанному на 4 академических часа.
Рассматриваются вопросы настройки и работы с интерфейсом программы,
создание и обработка кривых, работа с цветом и текстом, преобразование и
монтаж объектов при работе с иллюстрациями, а также использование спе-
циальных эффектов и фильтров. В конце каждой главы приводятся задания
для самостоятельного создания оригинал-макета реальной печатной про-
дукции. Книга может использоваться и в качестве самоучителя, и как учеб-
ное пособие во время занятий на курсах.
Для широкого круга пользователей
УДК 681.3.06
ББК 32.973.26-018.2

Группа подготовки издания:

Главный редактор Екатерина Кондукова


Зам. главного редактора Игорь Рыбинский
Зав. редакцией Григорий Добин
Редактор Владислав Сизов
Компьютерная верстка Ольги Сергиенко
Корректор Зинаида Дмитриева
Дизайн обложки Игоря Цырульникова
Зав. производством Николай Тверских

Лицензия ИД № 02429 от 24.07.00. Подписано в печать 21.10.05.


Формат 70х1001/„. Печать офсетная. Уел, печ. л. 32,25.
Тираж 3000 экз. Заказ №1380
"БХВ-Петербург", 194354, Санкт-Петербург, ул. Есенина, 5Б.
Санитарно-эпидемиологическое заключение на продукцию
№ 77.99.02.953.Д.006421.11.04 от 11.11.2004 г. выдано Федеральной службой
по надзору в сфере защиты прав потребителей и благополучия человека.
Отпечатано с готовых диапозитивов
в ГУЛ "Типография "Наука"
199034, Санкт-Петербург, 9 линия, 12

ISBN 5-94157-782-6 О Федорова А. В., 2006


О Оформление, издательство "БХВ-Петербург", 2006
Оглавление

Вступление 12
Программы векторной графики 12
Место и роль Adobe Illustrator среди других программ векторной графики 13
Новая версия Adobe Illustrator CS2 13
Основные нововведения 14
Требования к системе 16
Какую версию выбрать 16
Структура и особенности книги 17

Глава 1. Интерфейс. Настройка рабочей среды. Рисование


геометрических фигур 19
Интерфейс 19
Основные элементы интерфейса 21
Работа с палитрами 23
Отображение палитр 23
Строение палитр 23
Расположение палитр на экране 24
Настройка рабочего пространства 26
Палитра инструментов 28
Основная часть палитры 29
Нижняя часть палитры 31
Управляющая палитра 32
Основные элементы управляющей палитры 32
Расположение на экране 34
Настройка управляющей палитры .' 34
Вспомогательные элементы интерфейса 35
Линейки 36
Направляющие 38
Сетка 39
Настройка рабочей среды 40
Установка параметров страницы и единиц измерения 40
Изменение масштаба просмотра 42
Способы изменения масштаба просмотра '. 42
Изменение масштаба просмотра при помощи быстрых клавиш 43
Изменение масштаба просмотра с помощью инструмента Zoom Tool 43
Прокрутка документа 44
Работа с палитрой Navigator 44
Инструмент Hand Tool 45
Оглавление

Рисование геометрических фигур 46


Инструментарий для рисования фигур 46
Рисование фигур при помощи мыши 47
Техника рисования 47
Использование функциональных клавиш 48
Рисование объектов с заранее заданными параметрами 51
Настройка инструментов рисования 53
Использование инструментов рисования фигур 53
Рисование произвольных линий с помощью инструмента Pencil Tool. 55
Техника рисования 56
Работа с инструментами Smooth Tool и Erase Tool 57
Операции с файлами 58
Стандартные операции 58
Создание нового документа 58
Сохранение файла 59
Закрытие документов 61
Открытие файлов 61
Операции с шаблонами 62
Создание и сохранение шаблона 63
Создание документа на основе шаблона 64
Редактирование шаблона 64
Отмена и повтор действий 66
Практическая работа "Аппликация" 66

Глава 2. Преобразование объектов 70


Выделение объектов 70
Инструментарий для выделения объектов 70
Инструменты выделения 71
Команды выделения 72
Способы выделения объектов 73
Основные типы преобразований 76
Выполнение преобразований 77
Многообразие способов выполнения преобразований в Adobe Illustrator 77
Операции удаления, перемещения и копирования 78
Удаление 78
Перемещение 78
Копирование 79
Выполнение преобразований с помощью габаритного прямоугольника 81
Масштабирование 81
Поворот 82
Выполнение преобразований при помощи команд 84
Перемещение 84
Масштабирование 88
Поворот, наклон, зеркальное отражение 90
Оглавление

Выполнение преобразований инструментами трансформирования 91


Масштабирование 92
Повороти наклон 94
Зеркальное отражение 95
Палитра Transform 97
Описание палитры 97
Выполнение преобразований 98
Пропорциональное масштабирование 100
Трансформирование при помощи управляющей палитры 101
Отображаемые поля 101
Вызов палитры трансформирования 101
Свободное трансформирование 102
Повтор преобразований 103
Практическая работа "Объекты на основе преобразований" 105

Глава 3. Работа с цветом. Изменение параметров контура


и заливки 108
Основные принципы изменения параметров обводки и заливки в Adobe Illustrator 109
Понятие заливки и обводки 109
Заливка замкнутых и незамкнутых контуров 110
Режимы отображения ПО
Механизм изменения параметров 112
Раскрашивание объектов 112
Инструментарий для работы с цветом 112
Работа с палитрой Color 114
Описание палитры 114
Основные цветовые модели 115
Синтез цвета в палитре Color 117
Выбор цвета в диалоговом окне Color Picker 120
Палитра Swatches 123
Описание палитры 123
Добавление образцов в каталог 124
Удаление образцов 125
Редактирование параметров образца 126
Библиотеки образцов 130
Прозрачность 131
Присвоение цветов заливке и обводке объектов 133
Блок управления цветом в палитре инструментов 133
Присвоение цветов объектам 134
Раскрашивание с помощью палитры управления 139
Индикация цветовых параметров 140
Индикация параметров в блоке управления цветом 140
Индикация параметров в управляющей палитре 142
Палитра Appearance 142
6 Оглавление

Копирование цветов с помощью инструмента Eyedropper 143


"Живая" заливка 145
Инструментальные средства "живой" заливки 146
Выполнение заливки с помощью инструмента Live Paint Bucket 147
Индикация "живой" группы 149
Неправильные действия 149
Выделение объектов с одинаковыми цветовыми характеристиками 150
Выделение объектов инструментом Magic Wand 151
Команды выделения 152
Изменение параметров контура 152
Задание и изменение атрибутов контура с помощью палитры Stroke 152
Описание палитры 153
Изменение толщины контура 154
Изменение окончаний и стыков линий 154
Изменение положения обводки 156
Задание параметров пунктира 157
Изменение параметров контура с помощью управляющей палитры 160
Создание стрелок 160
Описание процесса 161
Операции над стрелками 162
Создание и применение градиентных заливок 163
Присвоение градиентной заливки 163
Классификация градиентных заливок 163
Отображение и изменение параметров градиента 164
Описание палитры Gradient 164
Изменение типа заливки 166
Изменение положения маркеров на цветовой шкале 166
Создание и сохранение градиентов 167
Создание двухцветных градиентов 168
Сохранение образцов градиентных заливок 168
Создание многоцветных градиентов 168
Пример практического применения градиента 170
Настройка градиентов с помощью инструмента Gradient 170
"Сквозная" градиентная заливка 171
Изменение характера градиентной заливки 171
Практическая работа "Домик-замок" 173
Необходимые условия 174
Порядок выполнения 174
Примеры работ 175

Глава 4. Создание и обработка кривых 178


Основные элементы кривых 178
Рисование линий с помощью инструмента Реи Tool 181
Рисование ломаных линий 182
Рисование прямых линий 183
Оглавление

Рисование плавных кривых 184


Рисование простейшей кривой 184
Выпуклые и S-образные кривые 185
Создание угловых точек при рисовании плавного криволинейного
сегмента 187
Редактирование кривых во время рисования 188
Редактирование кривых 189
Инструментарий для редактирования кривых 189
Выделение элементов кривых 190
Выделение сегментов контура 190
Выделение опорных точек 191
Операции по редактированию кривых 193
Настройка криволинейного сегмента 193
Настройка прямолинейного сегмента 196
Преобразование типа опорных точек 197
Добавление и удаление опорных точек 200
Выполнение преобразований над точками и сегментами 202
Усреднение координат опорных точек 204
Разделение и соединение контуров 206
Разделение объектов на части 210
Операции взаимодействия объектов. Палитра Pathfinder 211
Способы создания объектов на основе кривых 215
Рисование контура при помощи инструмента Pencil Tool 215
Создание контура при помощи инструмента Реи Tool 216
Создание контура на основе геометрической фигуры 216
Создание сложной кривой из простейших контуров 216
Объединение кривых и фигур 217
Практическая работа "Логотип" 217
Описание работы 217
Примеры работ 218

Глава 5. Работа с текстом 222


Инструментарий для работы с текстом 223
Виды текста в Adobe Illustrator 223
Заголовочный текст 224
Блочный текст 224
Горизонтальный текст 225
Вертикальный текст 225
Обычный и декоративный текст 225
Ввод текста 226
Ввод заголовочного текста 226
Ввод горизонтального текста 227
Ввод вертикального текста 228
Изменение ориентации текста 229
8 Оглавление

Ввод блочного текста 229


Ввод горизонтального текста ..229
Переполнение текстовых блоков 230
Ввод вертикального текста 232
Удаление пустых текстовых блоков ..232
Импорт и экспорт текста 233
Форматирование символов и абзацев 233
Выделение текстовых фрагментов 233
Использование инструментов выделения 233
Использование текстовых инструментов 234
Назначение параметров тексту 235
Форматирование символов 236
Режимы отображения палитры Character 236
Изменение гарнитуры 237
Изменение начертания 240
Изменение кегля 241
Изменение интерлиньяжа 242
Установка значений кернинга 243
Установка значений трекинга 245
Изменение значений высоты и ширины символов 245
Сдвиг символов по вертикали 246
Поворот символов 247
Подчеркивание и зачеркивание 248
Отображение параметров символов 248
Форматирование абзацев 249
Изменение выключки 250
Изменение отступов 252
Изменение отбивки 253
Установка переносов 254
Отображение текущих параметров абзаца 254
Изменение параметров абзаца в заголовочном тексте 255
Форматирование при помощи палитры управления 256
Форматирование по образцу 256
Декоративные виды текста 258
Текст вдоль контура 258
Ввод текста 259
Смещение текста вдоль контура и переворот на другую сторону 261
Изменение параметров текста вдоль контура 264
Изменение формы контура 267
Форматирование текста 267
Текст в области 268
Ввод текста 268
Изменение размера области 270
Изменение формы контура 270
Форматирование текста 271
Оглавление

Раскрашивание текста и изменение параметров контура 271


Изменение параметров контура и заливки для заголовочного текста 272
Раскрашивание 272
Изменение параметров контура 273
Изменение параметров контура и заливки для текста в контейнерах 274
Изменение параметров текста 274
Изменение параметров контейнеров 275
Комплексное изменение параметров 276
Преобразование текста 277
Удаление 277
Перемещение 278
Копирование 278
Трансформирование 279
Трансформирование заголовочного текста 279
Трансформирование текста в контейнерах 280
Обтекание объектов текстом 281
Преобразование текста в контуры 283
Выполнение преобразования 284
Операции с преобразованными символами 284
Изменение положения и наклона символов 285
Изменение формы символов 285
Разрезание символов 286
Заливка градиентом 286
Установка связи между текстовыми блоками 287
Преобразование текста при загрузке файлов предыдущих версий 289
Текстовые эффекты 290
Практическая работа "Приглашение" 290
Описание работы 290
Порядок выполнения 291
Разбор конкретных примеров 292

Глава 6. Монтаж и упорядочивание объектов.


Работа с иллюстрациями 296
Операции монтажа и упорядочивания объектов 296
Изменение порядка следования (наложения) объектов 297
Выравнивание и распределение 299
Работа с палитрой Align 299
Выравнивание и распределение с помощью палитры управления 300
Практическое применение выравнивания и распределения 301
Группировка объектов 302
Выполнение операции группировки 302
Выполнение общих преобразований и изменение свойств 303
Выполнение операции разгруппировки 304
Получение доступа к отдельному объекту в группе 304
10 Оглавление

Упорядочивание сложных структур 305


Обособление групп 307
"Живые" группы 309
Создание "живой" группы 309
Сходства и различия обычных и "живых" групп 311
Изменение параметров отдельных составляющих "живой" группы 312
Операции с "живыми" группами 313
Закрепление объектов и их преобразование в невидимые 315
Работа с иллюстрациями 316
Растровая и векторная графика 316
Растровые изображения 316
Векторные изображения 317
Типы растровых изображений 317
Графические форматы 318
Загрузка изображений в Adobe Illustrator 320
Через буфер обмена 320
Метод буксировки (drag-and-drop) 320
Через команду File \ Open 321
Через команду File \ Place 321
Обработка изображений 326
Обработка растровых изображений 326
Обработка векторных изображений 331
Экспорт изображений 335
Стандартные способы экспорта 335
Экспорт изображений для MS Office : 338
Преобразование векторной графики в растровую 338
Преобразование растровой графики в векторную 340
Понятие трассировки 340
Пример трассировки 341
Инструментарий для трассировки 341
Трассировка при помощи управляющей палитры 343
Декоративное преобразование растровой графики в векторную 346
Практическая работа "Рассказ в картинках" 347
Необходимые условия 347
Последовательность действий 347
Примеры выполнения 348

Глава 7. Специальные эффекты, фильтры и библиотеки.


Вывод на печать. Подготовка изображений для Интернета 351
Эффекты 351
Маскирование 352
Описание эффекта 352
Выполнение эффекта 352
Операции над маской 354
Примеры маскирования 356
Оглавление 11

Создание переходов 357


Описание эффекта 357
Инструментарий для создания эффекта 358
Создание переходов 358
Настройка переходов 361
Основные операции с переходами 362
Примеры переходов 364
Трехмерные эффекты 368
Создание объема 368
Трехмерное вращение и поворот 370
Фильтры 372
Общие принципы 372
Фильтры и инструменты деформирования объектов 373
Фильтры деформирования 373
Инструменты деформирования 375
Команды меню Effects 376
Библиотеки образцов 378
Работа с символами 378
Палитра Symbols 378
Сохранение символов в палитре 379
Размещение символов в документе 380
Загрузка новой библиотеки символов 380
Операции с символами 381
Применение стилей 383
Рисование кистью 384
Инструмент Paintbrush Tool 384
Палитра Brushes 385
Присвоение параметров кисти произвольным контурам 386
Вывод на печать 387
Описание диалогового окна Print 388
Основные параметры печати 389
Подготовка материалов для Интернета 390
Работа с фрагментами 391
Экспорт изображений для Web-страниц 391
Практическая работа "Упаковка" 393
Условия выполнения 393
Техника исполнения 394
Примеры оригинал-макетов 395

Предметный указатель 398


Вступление

Программы векторной графики


Программы векторной графики занимают достойное место среди программ-
ного обеспечения компьютерного дизайна. Наряду с редакторами растровой
графики и программами верстки они входят в основную группу программ,
использующихся при допечатной подготовке изданий и подготовке элемен-
тов для использования на CD-дисках и в качестве элементов Web-сайтов.
Программы векторной или, по-другому, контурной графики работают с объ-
ектами, которые могут быть созданы на основе кривых и геометрических фи-
гур и сохраняются в памяти компьютера в виде описаний контуров. Это раз-
личные схемы, логотипы, пиктограммы, рисунки, текстовые объекты. Век-
торная графика обладает рядом достоинств: файлы векторной графики имеют
небольшой объем по сравнению с файлами растровой графики; объекты век-
торной графики можно подвергать масштабированию и другим трансформа-
циям, и их качество при этом не ухудшается; векторные изображения адапти-
руются к разрешающей способности различных устройств вывода.
Благодаря этим качествам векторная графика получила широкое распростра-
нение. Ее используют художники и дизайнеры при подготовке различных
печатных изданий: буклетов, календарей, иллюстраций для книг, плакатов,
открыток, билетов и т. п. Их применяют Web-дизайнеры для оформления
Web-страниц. Ими также пользуются люди многих других профессий при
подготовке файлов технической документации, описании схем, планов, чер-
тежей, оформлении курсовых и дипломных работ, рефератов и т. д.
В нашей стране наибольшее распространение получили три программы век-
торной графики: это Adobe Illustrator, CorelDRAW и Macromedia FreeHand.
Вступление 13

Место и роль Adobe Illustrator


среди других программ векторной графики
Среди растровых программ бесспорным лидером является Adobe Photoshop.
Среди программ верстки раньше было всего два основных конкурента —
QuarkXPress и Adobe PageMaker, а сейчас можно говорить о возрастающей
роли Adobe InDesign. Среди программ векторной графики все три программы
изначально занимали и занимают одинаковое положение. И хотя в рекламных
целях полагается возвеличивать достоинства программы, о которой написана
книга, и говорить о недостатках остальных, я не могу ругать конкурирующие
программы, т. к. во всех есть и свои достоинства, и свои недостатки. Так, на-
пример, никакая из программ не сравнится по популярности с CorelDRAW,
а изяществу Macromedia FreeHand поражаются даже опытные дизайнеры.
В Adobe Illustrator также есть и достоинства, и недостатки.
Но основным достоинством, которое просто обязывает к изучению програм-
мы, является то, что Illustrator— программный продукт фирмы Adobe, кото-
рая занимает лидирующее положение в области разработки программ для
компьютерной графики и полиграфии, и вместе с Adobe Photoshop и Adobe
PageMaker он входит в единый пакет программ для графического дизайна и
полиграфии. Также Adobe Illustrator входит в пакет программ подготовки
элементов для Web-дизайна. А т. к. фирма Adobe стремится к разработке ин-
тегрированных пакетов программ, она использует при их оформлении одина-
ковые элементы интерфейса и одинаковые принципы в работе. Кроме того,
в последних версиях целые функции, диалоговые окна, наборы команд и ин-
струменты просто копируются из одной программы в другую. Это приводит к
тому, что, изучив одну из программ, пользователь переходит к другой не как
к абсолютно новой, а как уже к частично знакомой, и, работая с несколькими
программными продуктами, использует единую хорошо знакомую схему ра-
боты.
В идеале для успешной работы дизайнеру необходимо знать все три про-
граммы векторной графики. И если вы не знаете пока ни одной или знаете, но
не Adobe Illustrator, в любом случае есть повод начать изучение этой про-
граммы.

Новая версия Adobe Illustrator CS2


Это издание посвящено новой версии Adobe Illustrator— Adobe Illust-
rator CS2. Пользователи, сумевшие по достоинству оценить все сильные сто-
роны обновленной программы Adobe Illustrator CS, входящей в состав пакета
Adobe Creative Suite, наверняка сумеют оценить и новшества ее достойного
преемника — версии Adobe Illustrator CS2.
Вступление

Основные нововведения
Сохранив все достоинства Adobe Illustrator CS, версия CS2 получила допол-
нительные возможности. А появление "живых" инструментов и функций оз-
наменовали новый этап в развитии продуктов векторной графики. Ниже при-
ведены 10 основных нововведений версии CS2, анонсированных самой фир-
мой Adobe.
• Live Trace — "живая" трассировка. Набор функций по быстрому и точно-
му преобразованию фотографий, сканированных изображений и других
растровых иллюстраций в редактируемые векторные контуры.
Очень впечатляющие возможности, интуитивно понятный интерфейс вы-
полнения основных операций, возможность варьирования множества па-
раметров. Единственный недостаток— нужны очень большие ресурсы
для выполнения трассировки сложных изображений и их последующей
обработки. Основные принципы новой трассировки и инструкции по при-
менению новых возможностей разобраны в главе б.
П Live Paint — "живая" заливка. Новый инструмент, позволяющий заливать
пересекающиеся области замкнутых и незамкнутых контуров, а также
корректировать разрывы в векторных контурах, полученных в результате
трассировки.
Видимо, то, о чем раньше можно было только мечтать. Не нужно созда-
вать целые объекты, замыкать контуры, заботиться о целостности линий,
чтобы выполнить заливку. Хотя сначала очень непривычно, т. к. противо-
речит всем законам векторной графики. Сам инструмент и операция за-
ливки с его помощью описаны в главе 3, а операции с "живыми" группами,
которые порождает инструмент при работе — в главе б.
П Control palette — палитра управления. Illustrator до нынешней версии был
единственной дизайнерской программой, где ее не было. Длинная, во всю
ширину экрана, контекстно-зависимая панель, меняющая свои поля и
кнопки в зависимости от активного инструмента или объекта.
Хотя практически все поля в управляющей палитре дублируют содержи-
мое других палитр (или их вызывают), пользоваться ею очень удобно.
Общие принципы работы с палитрой управления описаны в главе 1, а при-
менение ее для изменения свойств отдельных типов объектов и их сово-
купностей — в главах 2, 3, 5 и б.
П Custom workspace — настраиваемое рабочее пространство. Нововведение
относится к палитрам: можно сохранять, а затем загружать режимы их
специфического состояния, вида и расположения на экране.
И так было хорошо, а стало еще более удобно. Экономится время пользо-
вателей и улучшается их настроение. Как управлять новым механизмом,
описано в главе 1.
Вступление 15

П Adobe Photoshop layer comp support — поддержка слоев Photoshop; воз-


можность управления видимыми слоями в открытых, связанных и вне-
дренных в Adobe Illustrator документах Adobe Photoshop.
К сожалению, работа со слоями — тема, выходящая за рамки этой книги,
но анонсированная возможность действительно существует и работает,
что очень впечатляет.
• Adobe Bridge— новый программный продукт для упорядочения и про-
смотра созданных работ.
Полезная вещь, особенно для счастливых обладателей официально зареги-
стрированных версий Illustrator.
• Expanded stroke options — расширенные параметры обводки. Управление
положением обводки относительно контура— возможность выбора цен-
тральной, внутренней или внешней обводки.
Небольшое, но полезное дополнение. Наряду с другими опциями обводки
описана в главе 3.
О Mobile content creation— создание мобильного содержимого. Дальней-
шая оптимизация формата SVG, который может стать стандартом для пе-
редачи векторных картинок в мобильные телефоны.
Еще до конца не ясно, будут ли рады этому новшеству сами мобильные
телефоны и их пользователи, но векторный формат с маленьким объемом
файла всегда пригодится.
• Colorized grayscale— колоризация изображений в оттенках серого.
К возможности раскрашивать черно-белые однобитовые растровые изо-
бражения добавилась возможность раскрашивать (одним цветом, естест-
венно) полутоновые растровые изображения.
Хорошая функция. Разработчикам компании Adobe осталось добавить
возможность колоризовать цветные изображения, и понятие "векторный
редактор" может вовсе исчезнуть из обихода Как это— колоризовать
изображение в оттенках серого, описано в главе б.
О PDF / X support — поддержка нового стандарта PDF. Создание надежных,
достоверных макетов, использующих новый стандарт.
Приятно осознавать, что одна из твоих любимых программ идет в ногу с
развитием основных стандартов.
Кроме "горячей" десятки, анонсированной компанией Adobe, в новой версии
Illustrator CS2 появилось множество небольших, но приятных новшеств. Так,
улучшилась (в какой-то степени) работа с русскими шрифтами. Появился
русский словарь, который должен проверять орфографию и выполнять авто-

\\
16 Вступление

матическую расстановку переносов. Добавлены новые опции зачеркивания и


подчеркивания текста. Появилась очень удобная возможность обособления
групп. Добавлены дополнительные параметры в нескольких диалоговых ок-
нах, изменился дизайн палитр и некоторые стандартные комбинации клавиш.
Для приверженцев Photoshop появилась возможность работать с галереей
фильтров и эффектов Photoshop, не выходя из Illustrator, и многие другие
приятные мелочи.
Подводя итог, можно отметить, что разработчики программы не снижают
планку, взятую при создании Illustrator CS, и новая версия Illustrator CS2, на-
ряду с другими программами из пакета Adobe Creative Suite 2, вполне дос-
тойна занять лидирующее положение среди дизайнерских программ.

Требования к системе
Для пользователей операционной системы MS Windows необходимы сле-
дующие компоненты:
• Microsoft® Windows® 2000 (с Service Pack 3 или 4) или Windows XP
(с SP 1 или 2);
• процессор Intel® Pentium® III или 4 или эквивалент;
• оперативная память 256 Мбайт (рекомендовано 512 Мбайт);
П порядка 820 Мбайт свободного пространства на жестком диске;
П цветной монитор с видеокартой 16 бит и более;
• разрешение экрана 1024x768;
• привод CD-ROM;
П канал Интернета для активации программы.

Какую версию выбрать


Если вы только начинаете знакомиться с программой векторной графики во-
обще или с Adobe Illustrator в частности, не думая над этим вопросом, начи-
найте работать сразу с Adobe Illustrator CS2 (если только вам позволяет кон-
фигурация вашего компьютера).
Для пользователей, уже работающих с какой-либо программой давно или не-
давно, вопрос перехода к новой версии решается не так просто. Обычно
пользователи программ компьютерной графики не спешат переходить к но-
вой версии, как только она появилась, и чем опытнее пользователь, тем
больше у него скептицизма в этом вопросе. Но Adobe Illustrator CS2 стоит
того, чтобы на него перейти (опять-таки, если вам позволяет сделать это кон-
фигурация вашей машины), т. к. еще в версии Adobe Illustrator CS был сделан
Вступление 17

качественный скачок, программа существенно изменилась в лучшую сторону


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

Структура и особенности книги


Я не сторонник книг серии "Экспресс-курс" и по горячо любимому мною
Adobe Illustrator я могла бы написать объемную повесть, и даже роман в не-
скольких томах. Более того, есть программные продукты, которые просто
нельзя изучать по "экспресс-курсам", т. к. они слишком обширны и сложны
для подобных изданий. Но в данном конкретном случае дело обстоит по-
другому.
Во-первых, программы векторной графики являются относительно легкими
для освоения, и я бы рекомендовала начинать изучение компьютерного ди-
зайна именно с них. Во-вторых, конечно, глобальное и систематизированное
изложение всех имеющихся сведений о программе более импонирует авто-
рам. Но с точки зрения пользователя, который только знакомится с данной
областью или конкретно с этим программным продуктом, толщина издания
иногда является отпугивающим фактором.
Как показывает практика, от версии к версии любая программа "обрастает"
все новыми и новыми возможностями, а они "выливаются" во все новые и
новые команды, диалоговые окна и параметры. А описание всех этих пара-
метров подряд со стороны автора и изучение их со стороны пользователя яв-
ляется чрезвычайно скучным, утомительным и бесперспективным занятием.
К тому же для начала изучения программ компьютерной графики многим
пользователям нужен лишь небольшой "толчок". Разобравшись в принципах
работы и познакомившись с основными командами и функциями, многие
пользователи сами потом в состоянии при необходимости сориентироваться
в конкретных параметрах того или иного диалогового окна.
Поэтому экспресс-курс по 12-й версии Adobe Illustrator находится перед
вами. Несмотря на название, все же, книга представляет собой учебник, где
материал структурирован и излагается "от простого к сложному". Несмотря
на то, что в этой книге не описываются досконально все команды и парамет-
ры всех диалоговых окон, а сделан упор на освоение общих принципов рабо-
ты с программой и примеры ее использования, сведений, изложенных в ней,
вполне достаточно для успешного освоения программы и начала ее практиче-
ского использования.
Вступление

В книге четыре основных типа абзацев.


В абзацах основного текста излагаются наиболее важные теоретические све-
дения и описываются практические приемы работы с программой.

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

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

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

Материал книги разбит на семь глав, которые примерно соответствуют семи


занятиям учебного курса. В конце каждой главы разбирается практическая
работа, выполняя которую читатели смогут не только закрепить полученные
теоретические знания и практические навыки, но и почувствовать себя на-
стоящими дизайнерами, выполняющими реальный полиграфический заказ.
Для иллюстрации практических работ приведены примеры, выполненные
студентами специализации "Менеджмент в рекламе" СПбГУКИ на занятиях
по курсу компьютерного дизайна.
В книге содержится очень много иллюстраций, т. к., по мнению автора, учеб-
ник по графической программе — как раз то место, где можно и нужно ил-
люстрировать материал примерами, которые помогают лучше усвоить мате-
риал и в нем разобраться.
ГЛАВА 1

Интерфейс.
Настройка рабочей среды.
Рисование геометрических фигур
Знакомство с любой программой начинается с ее интерфейса. Рассмотрев ос-
новные элементы интерфейса в первой части главы, во второй мы перейдем к
азам работы в программе — рисованию геометрических фигур и линий.
И завершится глава описанием практической работы, которую вы сможете
выполнить для закрепления знаний и навыков, полученных при изучении
материала главы.
По сравнению с предыдущей версией Adobe Illustrator CS в интерфейсе новой
версии появилось несколько существенных изменений. Во-первых, добавлена
новая палитра — панель управления, позволяющая изменять основные пара-
метры выделенных объектов. И во-вторых, появилась возможность настраи-
вать рабочее пространство и сохранять эти настройки. Эти новые элементы и
возможности наряду с основным материалом будут подробно рассмотрены в
текущей главе.

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

/ Практика |
Запустите программу любым из известных вам способов (из главного ме-
ню операционной системы, с помощью ярлыка на рабочем столе, с по-
мощью клавиатуры или автозапуска).

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


можно узнать, что нового появилось в этой версии программы, получить дос-
20 Глава 1

туп к файлам примеров и шаблонов, а также выбрать начальное действие —


создание нового документа, создание документа на основе шаблона или от-
крытие документа.

•••••••••
Adobel 11 ustrato r*c S2
/ .'X Tell Me What's New

Show Me What's New

Browse Cool Extras

New New From Open


Document Template Document
feSol»

iv Show ti"nf dialog it startup


i
• ".• •: • t w 1 156
. . • . . - . ' . j -^ — — ' . . •

Рис. 1.1. Заставка при запуске Adobe Illustrator CS2

Если вы хотите выполнить начальные действия самостоятельно, с помощью


команд меню, можно убрать заставку с экрана, выбрав кнопку Close (За-
крыть).

с Примечание
Если вы не хотите, чтобы эта заставка отображалась каждый раз при запуске
Adobe Illustrator CS, уберите флажок Show this dialog at startup (Показывать
диалоговое окно при запуске) в нижней части заставки. Это окно можно вызвать
на экран в любой момент времени, выполнив команду Welcome Screen (При-
глашающий экран) из меню Help (Помощь).

/ Практика ^
Создайте новый документ, выбрав пиктограмму New Document (Новый
документ), или уберите заставку с экрана и создайте новый документ тра-
диционным способом — зайдя в меню File (Файл) и выполнив команду
New (Новый). В появившемся диалоговом окне выберите кнопку О К (Да).
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 21

Основные элементы интерфейса


Adobe Illustrator имеет стандартный интерфейс, характерный для всех про-
грамм, работающих под управлением MS Windows. Основные элементы ин-
терфейса показаны на рис. 1.2.

Кнопки Кнопки
Окно Окно окна окна
программы документа документа программы

ЕЛ '"«•№<*• TW» . 5 « л Т ^ Я 1 ь « • ERea Vte«l Window hlrip

'••'••• :v •• £

Основное ^чУправляющая
палитра
IT программы
. Палитра
• • - .

инструментов
У У. Рабочее
пространство


Палитры .

Монтажный Печатная
стол страница

.,

Полосы
Поле Строка прокрутки
масштаба состояния

Рис. 1.2. Интерфейс Adobe Illustrator CS2

На экране при запуске программы отображается два окна: окно самой про-
граммы и окно документа. При работе с программой можно одновременно
работать с несколькими окнами документов. Упорядочение этих окон проис-
ходит с помощью команд из меню Window (Окно).

/ Практика |
Вспомните работу с окнами. Попробуйте свернуть и развернуть окно са-
мой программы, окно документа. Создайте два новых окна с помощью
команды New Window (Новое окно). Переключайтесь между окнами с
22 Глава 1

помощью команд из нижней части меню Window (Окно) и упорядочьте их


каскадом и мозаикой с помощью команд Cascade (Каскад) и Tile (Мозаи-
ка). Закройте лишние окна документов. Оставшееся рабочее окно доку-
мента разверните во весь экран.

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

( Примечание )
Еще в предыдущей версии Adobe Illustrator появилась очень удобная возмож-
ность назначать собственные комбинации клавиш различным командам. Эти
присвоения можно выполнить в диалоговом окне Keyboard Shortcuts (Клавиа-
турные сокращения), вызываемом с помощью соответствующей команды из
меню Edit (Правка).

/ Практика
Вспомните работу с меню. Зайдите в основное меню программы и выйди-
те из него. Попробуйте вызвать контекстное меню с помощью правой
кнопки мыши.

Под строкой меню программы над окном документа располагается палитра


Control Palette (Панель управления) — новшество последней версии про-
граммы Adobe Illustrator CS2. Это очень важный и удобный элемент интер-
фейса, и рассмотрен он будет далее в отдельном разделе.
Рабочее пространство документа программы состоит из печатной страни-
цы и монтажного стола (см. рис. 1.2). Монтажный стол служит для создания
и размещения элементов. Но при печати будут выведены только те объекты,
которые располагаются на странице.
Как и во всех программах, в нижней и правой частях окна документа нахо-
дятся полосы прокрутки, используемые для прокрутки содержимого доку-
мента. И в левой части нижней полосы прокрутки отображается еще два по-
ля. Поле масштаба (см. рис. 1.2), наряду с другими методами, позволяет из-
менять масштаб отображения документа. В строке состояния (см. рис. 1.2),
имеющей несколько режимов отображения, может выводиться различная
справочная информация.
На рабочем поле также постоянно находятся палитры (см. рис. 1.2). Их коли-
чество и внешний вид может быть различным в зависимости от действий
пользователя.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 23

Работа с палитрами
Палитры — важнейший инструментарий для работы. Рассмотрим особенно-
сти их отображения, строения и размещения.

Отображение палитр
На экране могут быть отображены 32 основные палитры и множество допол-
нительных. Они могут располагаться как группами, так и по отдельности.
Конечно, если такое количество палитр разместить на экране одновременно,
они будут заслонять собою все рабочее пространство, поэтому на экране раз-
мещают только те палитры, которые являются наиболее необходимыми в
данный момент работы. Названия всех палитр перечислены в меню Window
(Окно) в алфавитном порядке (начиная с шестой команды). Для того чтобы
отобразить палитру на экране, ее нужно выбрать из списка. Отображенные на
экране палитры помечаются в списке галочкой. Повторный выбор команды
приведет к закрытию соответствующей палитры. Некоторые, наиболее часто
используемые при работе палитры можно помещать на экран и убирать с эк-
рана с помощью соответствующих функциональных клавиш или их комби-
наций, указанных после названия палитр в меню.
Клавиша <ТаЬ> убирает либо помещает на экран все палитры, комбинация
клавиш <Shift>+<Tab> — все, кроме палитр Tools (Инструменты) и Control
Palette (Панель управления).

Примечание
Палитру Tools (Инструменты) большинство пользователей держат на экране
постоянно. Можно предположить, что и вновь появившуюся палитру Control
Palette (Панель управления) пользователи также будут все время держать на
экране.

/ Практика /
Зайдите в меню Window (Окно). Какие палитры отображаются на экране?
Уберите их с экрана, а затем снова отобразите, используя команды или со-
ответствующие комбинации клавиш. Проверьте, как работают клавиша
<ТаЬ> и комбинация клавиш <Shift>+<Tab>.

Строение палитр
Все палитры, кроме палитр Tools (Инструменты) и Control Palette (Панель
управления), имеют одинаковое строение. Основные элементы палитр изо-
бражены на рис. 1.3.
24 Глава 1

Вкладки Кнопка

У
(к шки) сворачивания/
3-/ разворачивания

НО] __ Кнопка
1Swift:! ~ закрытия

Бордюры (^
г 1 И 1i i И '
Кнопка

• |
4
меню
\ 1 » .• ; палитры

г Ш. i J j ±i i %
Рис .1.3. Основные элементы палитр

( Примечание ) Г
Полосы прокрутки есть не у всех палитр. Некоторые из них имеют фиксирован-
ные размеры.

/ Практика |
Выполните следующие операции с любой группой палитр: последователь-
но переходите от палитры к палитре в группе, выбирая мышью соответст-
вующие вкладки (корешки), переместите палитры за заголовок, разверните
и сверните их с помощью кнопок сворачивания и разворачивания. Измени-
те размер какой-либо из палитр, используя бордюры, зайдите в меню од-
ной из палитр, выбрав кнопку меню палитры, и выйдите из него. Уберите
палитры с экрана с помощью кнопки закрытия и снова поместите их на
экран, используя соответствующую команду.

Примечание
Свернуть и развернуть палитру можно также с помощью двойного щелчка мышью
по ее вкладке. Если на вкладке палитры перед ее названием находится ма-
ленькая двойная стрелочка, это указывает на то, что палитра имеет два режима
отображения параметров: могут отображаться только основные поля или все
поля. Между этими режимами можно переключаться с помощью команд из ме-
ню палитры, а можно щелкать мышью по ее корешку. При каждом щелчке па-
литра последовательно пройдет стадии отображения всех параметров, мини-
мального количества параметров и вообще без параметров (свернутый вид).

Расположение палитр на экране


Существует три варианта расположения палитр:
• группами рядом друг с другом под общим заголовком; доступна только
одна из палитр (рис. 1.4);
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 25

• группами друг под другом; доступны все палитры из группы — "свиток"


(рис. 1.5);
• самостоятельное размещение палитр (рис. 1.6).

^Info
X :3U88mm r t W : 0 mm
:
V :l22,37Smm *" H :omm

Appearance
Transform • ~ ] No Selection
Align Objects! Stroke: [•! lpt
Rili
Distribute ObjectsГ'
О
Default Transparencv
:

Hiiiii
'VI'IWI/' ^lil'i'i'ifr •'•iriititi '

Рис. 1.4. Расположение палитр группой Рис. 1.5. Расположение палитр группой
рядом друг с другом друг под другом

Рис. 1.6. Расположение палитр по отдельности

Для того чтобы разместить палитру отдельно от других, необходимо пере-


местить ее за корешок на свободное пространство рабочего стола. Для того
чтобы присоединить палитру к группе рядомстоящих, необходимо выполнить
обратное действие — "взять" мышью корешок отдельностоящей палитры и
разместить его в палитре под общим заголовком рядом с другим корешком.

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

Для размещения палитр группой одна под другой необходимо вначале раз-
местить их по отдельности, а потом добавлять к общему "свитку", приклады-
26 Глава 1

вая мышь к корешку палитры и размещая его у нижней границы "свитка".


Такое размещение удобно тем, что операция сворачивания, разворачивания
или закрытия применяется ко всему "свитку".

/ Практика |
Выберите одну из групп рядомстоящих палитр. Выполните разделение па-
литр, затем соедините их в группы различного вида. Выполните операции
сворачивания и разворачивания "свитка".

Настройка рабочего пространства


Палитры, располагаемые пользователем в произвольном порядке на экране,
их количество, вид и компоновка не зависят от рабочих файлов, а сохраняют-
ся в интерфейсе программы до тех пор, пока их не разместят по-другому. По-
этому, если на одном и том же компьютере с программой Adobe Illustrator
работает несколько пользователей, каждый раз, запуская программу, вновь
приходилось настраивать рабочее пространство "под себя". Также иногда од-
ному пользователю под разные работы необходимы разные палитры и их на-
стройка. Сделать работу с палитрами более удобной и избавить пользовате-
лей от часто повторяемых монотонных действий и призвано нововведение
последней версии программы Adobe Illustrator CS2 — функция настройки
рабочего пространства.

Создание уникального рабочего пространства


Здесь под рабочим пространством понимаются все функции, относящиеся к
палитрам,а именно:
• конкретные палитры, размещенные на экране;
П количество палитр;
• их размещение на рабочем пространстве (в центре экрана, слева, справа,
сверху, снизу и т. п.);
• вариант расположения на экране (группой, по отдельности или свитком);
• вид (свернутый или развернутый);
• размер палитр.

( Примечание )
Но не более того. Так, например, отображение заголовков окон и строки меню
не входит в перечень настраиваемых параметров рабочего пространства. Так-
же не входят в этот перечень масштаб просмотра, единицы измерения и многие
другие настройки интерфейса.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 27_

Для создания своего рабочего пространства нужно просто разместить палит-


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

Сохранение рабочего пространства


Для сохранения текущего рабочего пространства необходимо зайти в меню
Window (Окно) и выполнить команду Workspace | Save Workspace (Рабочее
пространство | Сохранить рабочее пространство). В появившееся диалоговое
окно нужно ввести имя вашего рабочего пространства, а затем выбрать кноп-
ку ОК (Да).

/ Практика ~}
Разместите на экране три палитры: Color (Синтез), Swatch (Каталог) и
Gradient (Градиент) по отдельности и в развернутом виде. Сохраните это
пространство под именем цветовые палитры. Создайте пространство из че-
тырех произвольно размещенных палитр и сохраните его под именем
4 palettes. Создайте еще одно произвольное рабочее пространство и со-
храните его под произвольным именем.

Вызов рабочего пространства


После сохранения рабочих пространств их имена будут отображаться в спи-
ске, находящемся в верхней части команды Window | Workspace (Окно | Ра-
бочее пространство). Для перехода к требуемому пространству нужно просто
выбрать его из списка.

( Примечание )
Этот список сохраняется и после закрытия программы и выключения компью-
тера.

/ Практика |
Последовательно вызывайте созданные вами рабочие пространства и на-
блюдайте, все ли отображается верно.

Также в этот список включено еще два пространства, к которым также можно
перейти в любой момент:
• Default — рабочее пространство по умолчанию, то, которое появляется на
экране при первом запуске программы;
О Minimal — минимальное рабочее пространство с расположением на экра-
не только двух основных палитр: Tools (Инструменты) и Control Palette
(Панель управления).
28 Глава 1

j Практика ][
Попробуйте последовательно вызвать режимы Default и Minimal.

Управление списком пространств


Управление созданными пространствами происходит с помощью менеджера
рабочих пространств, вызываемого с помощью подкоманды Manage
Workspaces (Управление рабочими пространствами) из меню Window |
Workspace (Окно | Рабочее пространство). Диалоговое окно, вызываемое
этой командой, показано на рис. 1.7.

Manage Workspaces

11
12
d
4 palettes
6

Мое
Пробное
Цветовые палитры

Рис. 1.7. Диалоговое окно Manage Workspaces

В списке этого окна перечислены все созданные пространства. Удалить про-


странство можно, выделив его в списке и выбрав значок корзины. Значок с
чистым листком создает копию выделенного пространства. Также можно пе-
реименовать пространство, выделив его в списке и введя новое имя в строку
ввода.

Практика |
Создайте копию пространства 4 palettes, а затем удалите ее. Переиме-
нуйте пространство с произвольным именем в My New workspace.

Палитра инструментов
Палитра Tools (Инструменты) заслуживает особого внимания, т. к. в ней на-
ходятся основные инструменты, применяемые для работы в программе. Она
имеет только заголовок, за который ее можно перемещать, и состоит из трех
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 29

частей: это непосредственно инструменты, блок управления цветом и кнопки


отображения, отвечающие за режимы отображения рабочего экрана
(рис. 1.8).

Инструменты

Индикатор
заливки

Индикатор
обводки

Кнопка
цветов
по умолчанию
Кнопки отображения

Рис. 1.8. Палитра Tools

Примечание
По сравнению с предыдущей версией Adobe Illustrator CS палитра Tools (Инст-
рументы) практически не изменилась. Количество инструментов осталось
прежним, несколько изменился их состав. В Adobe Illustrator CS2 отсутствуют
инструменты Paint Busket Tool (Заливка) и Auto Trace Tool (Автотрассиров-
ка) — функции, выполняемые ранее этими инструментами, реализованы не-
сколько иначе. Зато появилось два новых инструмента: Live Paint Busket Tool
("Живая" заливка) и Live Paint Selection Tool ("Живое" выделение) (эти инст-
рументы будут подробно рассмотрены в следующих главах книги).

Основная часть палитры


При подведении указателя мыши к любому инструменту он "подсвечивается"
и появляется подсказка с названием инструмента и быстрой клавишей, ис-
пользуемой для перехода к нему. Для активизации инструмента необходимо
30 Глава 1

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


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

с Примечание
Формы курсоров будут соответствовать облику инструментов, если в диалого-
вом окне Edit | Preferences | General (Правка | Установки | Основные) активен
флажок Use Precise Cursors (Точные курсоры). Если флажок сброшен, то кур-
сор будет иметь форму перекрестия, которая позволяет лучше позициониро-
вать его на экране.

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

Инструментов в палитре Tools (Инструменты) гораздо больше, чем отобра-


жается на экране. Если в правом нижнем углу пиктограммы инструмента есть
маленькая черная стрелка, это значит, что инструмент не один, а существуют
еще другие инструменты, близкие по выполняемым функциям. Чтобы пока-
зать ряд этих инструментов и перейти к какому-либо из них, нужно выбрать
инструмент мышью и, с нажатой кнопкой мыши, переместить курсор вправо
до нужного инструмента (рис. 1.9). При необходимости интенсивной работы
со всеми инструментами данной группы их можно выделить из основной па-
литры в отдельную. Для этого необходимо раскрыть ряд нужного инструмен-
та и провести мышью с нажатой кнопкой вправо до ограничительного бор-
дюра со стрелкой (см. рис. 1.9). При выборе этой стрелки группа образует
самостоятельную палитру, имеющую заголовок для перемещения и кнопку
закрытия (рис. 1.10).

| Ellipse Tool (L) I

Рис. 1.9. Выбор нужного инструмента в ряду инструментов

_J _J •J

Рис. 1.10. Отдельная палитра группы инструментов


Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 31

j Практика |
Найдите в палитре инструментов инструменты, входящие в состав групп.
Активизируйте инструмент Vertical Type Tool (Вертикальный текст) из
группы текстовых инструментов, затем вернитесь к инструменту Туре
Tool (Текст). Отделите в самостоятельные палитры группу текстовых ин-
струментов и инструментов для рисования геометрических фигур. Попро-
буйте перемещать вновь появившиеся палитры инструментов, а затем за-
кройте их.

Совет
Если на экране недостаточно места для отображения отдельных палитр родст-
венных инструментов, удобно использовать возможность их "пролистывания":
для этого нужно щелкать мышью по пиктограмме инструмента, удерживая на-
жатой клавишу <Alt>.

В следующих главах мы рассмотрим работу с основными инструментами бо-


лее подробно.

Нижняя часть палитры


Блок управления цветом в палитре инструментов играет очень важную роль
при работе и будет нами подробно рассмотрен позднее. Сейчас остановите
свое внимание лишь на двух его кнопках, контроль над состоянием которых
будет необходим вам во время выполнения практической работы. Это инди-
катор запивки и кнопка цветов по умолчанию (см. рис. 1.8). Индикатор за-
ливки должен быть на переднем плане для того, чтобы происходили окраска
фона объектов, а кнопка цветов по умолчанию позволяет рисовать черным
цветом контура при белом цвете фона.
Кнопки режимов отображения рабочего экрана соответствуют следующим
состояниям:
П левая — стандартный режим со всеми элементами интерфейса (меню,
полосы прокрутки и пр.);
• средняя — полноэкранный режим с меню, но без заголовков окон и по-
лос прокрутки;
П правая — полноэкранный режим без меню, заголовков и прокрутки.

/ Практика |
Последовательно пощелкайте по кнопкам режимов отображения рабочего
экрана. В последнем режиме попробуйте также убрать с экрана все палит-
ры, используя клавишу <ТаЬ>, а затем вновь поместить их на экран. Пе-
рейдите к стандартному режиму отображения.
32 Глава 1

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


не отвлекали вашего внимания от создаваемых объектов и позволили на них
сосредоточиться.

Управляющая палитра
Появление управляющей палитры в Adobe Illustrator CS2 — явление законо-
мерное и ожидаемое пользователями уже давно. Управляющая палитра как
один из основных элементов интерфейса реализована практически во всех
программах векторной графики и верстки. В ней собраны поля для изменения
основных параметров выделенного объекта или нескольких объектов, кото-
рые дублируют некоторые из полей других палитр.

(~ Примечание
Строго говоря, управляющая палитра — отход от функционально-ориентиро-
ванного принципа построения элементов управления, основанного на четком
разделении операций по различным элементам интерфейса. Данный принцип
является основой построения интерфейсов большинства дизайнерских про-
грамм. Это переход к объектно-ориентированному подходу, который менее ло-
гичен, но зато достаточно удобен, и Adobe Illustrator был единственной про-
граммой, где еще не было этого элемента.

Основные элементы управляющей палитры


Палитра Control Palette (Панель управления) отличается от других палитр и
по внешнему виду, и по строению, и по принципам работы с ней. Вызывается
она так же, как и остальные палитры, с помощью одноименной команды из
меню Window (Окно). Она может находиться в нескольких состояниях в за-
висимости от типа выбранного объекта или инструмента. Внешний вид па-
литры при активном инструменте Selection Tool (Выделение) и отсутствии
выделенных объектов показан на рис. 1.11.

( Примечание ^
На рисунке палитра показана не со всеми возможными полями.

Кнопка Индикация Переход Кнопка


закрытия типа объекта к Adobe Bridge меню

Заголовок Поля Индикатор


окна изменения параметров изменения размеров
Рис. 1.11. Палитра Control Palette
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 33

/ Практика jf
Найдите на экране палитру Control Palette (Панель управления); при ее
отсутствии разместите ее на экране.

Когда управляющая палитра находится в плавающем виде, заголовок, за ко-


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

( Совет )
Будьте внимательны при уменьшении размеров палитры; по мере уменьшения
ширины кнопки и поля, находящиеся в правой части палитры, исчезают, не по-
давая при этом никаких сигналов.

/ Практика |
Найдите все описанные выше элементы управляющей палитры. Попро-
буйте перемещать палитру по рабочему пространству, сворачивать и раз-
ворачивать, закрыть и снова открыть, вызвать меню палитры, изменить ее
размеры.

В левой части палитры находится поле индикации типа объекта. Когда вы-
делен какой-либо объект или группа объектов, там выводится информация о
его типе. Когда на рабочем пространстве нет выделенных объектов, также
выводится соответствующая информация (см. рис. 1.11). В правой части па-
литры перед кнопкой меню палитры находится кнопка перехода к программе
Adobe Bridge. Между этой кнопкой и полем индикации типа объекта нахо-
дятся поля изменения параметров, тип и количество которых меняется в за-
висимости от состояния управляющей палитры, которое, в свою очередь, за-
висит от вида выделенного объекта.

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

2 Зак. 1380
34 Глава 1

Расположение на экране
В отличие от остальных палитр, управляющая палитра вытянута в длину, и
потому ее стандартное размещение — либо в нижней, либо в верхней части
экрана (см. рис. 1.2). Если она располагается вверху или внизу, то находится
в фиксированном виде и ее заголовок в левой части приобретает вид двух
вертикальных линий. Наведя указатель мыши на этот заголовок и удерживая
нажатой кнопку мыши, можно переместить палитру в любое место экрана и
сделать ее плавающей (см. рис. 1.11). Обратное перемещение палитры к верх-
нему или нижнему краям экрана возможно или мышью, или с помощью
команд Dock To Тор (Пристыковать сверху) или Dock To Bottom (Пристыко-
вать снизу), которые находятся в верхней части меню управляющей палитры.

/ Практика |
Расположите палитру сначала в фиксированном виде в нижней части эк-
рана, затем — в плавающем, потом -— снова в фиксированном в верхней
части экрана.

Настройка управляющей палитры


Пользователь может регулировать, какие конкретно поля из набора возмож-
ных будут отображаться в управляющей палитре. Например, если вы не рабо-
таете с графическими стилями постоянно, то вам вряд ли нужно каждый раз
видеть это поле в палитре и занимать им лишнее рабочее пространство. Для
настройки нужно вызвать меню палитры Control Palette (Панель управления)
и оставить активными только те параметры, которые соответствуют полям,
необходимым для отображения в палитре (по умолчанию активны все поля).
Названия полей и условия их отображения приведены в табл. 1.1.

Таблица 1.1. Параметры управляющей палитры

При выделении каких типов


Параметр Русский эквивалент объектов отображается
соответствующее поле

Object Type Тип объекта Все


Fill and Stroke Обводка и заливка Все
Brush Кисть Контур(ы)
Character Символ Текст
Paragraph Абзац Текст
Tracing Трассировка Трассированное изображение
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 35

Таблица 1.1 (окончание)

При выделении каких типов


Параметр Русский эквивалент объектов отображается
соответствующее поле
Image Изображение Растровое изображение
Add Paths Добавить контуры "Живая" группа и контур(ы)
Live Paint Group "Живая" группа "Живая" группа
Focus Mode Фокусный режим Группа, "живая" группа
Transparency Прозрачность Все
Graphic Style Графические стили Контур(ы)
Align Выравнивание Несколько объектов
X-Y Transform Изменение координат Все
W-H Transform Изменение ширины\высоты Все
Project Bridge Программа Bridge Все

Совет
Поле W-H Transform (Изменение ширины\высоты) часто не помещается в
управляющей палитре. Чтобы увидеть его, отключите какое-либо другое поле,
например, Graphic Style (Графические стили).

/ Практика |
Рассмотрите, какие поля отображаются в управляющей палитре в настоя-
щий момент. Попробуйте зайти в меню палитры и выключить отображе-
ние нескольких полей. Изменилось ли что-нибудь в палитре?

Вспомогательные элементы интерфейса


Вспомогательные элементы существуют в любой программе. Использовать
их при работе или нет, каждый пользователь решает для себя сам, тем не ме-
нее владение этим инструментарием и применение его на практике делает
работу в программе более удобной. Для программ векторной графики харак-
терно наличие трех видов вспомогательных элементов интерфейса:
• линейки;
• направляющие;
• сетка.
36 Глава 1

Линейки
Линейки являются очень важным вспомогательным элементом интерфейса.

Отображение линеек на экране


Наличие на экране линеек устанавливается с помощью команды View | Show
Rulers (Просмотр | Показать линейки). Соответственно с помощью команды
View | Hide Rulers (Просмотр | Спрятать линейки) их убирают с экрана.
Обычно линейки на экране держат постоянно, т. к. по ним происходит ориен-
тация в пространстве. Также линейки являются "базой" для направляющих.
Убирают линейки только исходя из соображений увеличения полезной пло-
щади для работы.

/ Практика 7
Выполните операцию по отображению линеек на экране и обратную ей
операцию.

Установка единиц измерения


Единицы измерения на линейках можно установить, вызвав контекстное
меню горизонтальной или вертикальной линеек и выбрав одну из команд
(рис. 1.12).

f •
'2| ' ' Points
Picas
v Inches
Millimeters
Centimeters
Pixels

Рис. 1.12. Контекстное меню горизонтальной линейки

/ Практика |
Снова отобразите линейки на экране и вызовите контекстное меню гори-
зонтальной линейки. Выберите миллиметры в качестве единиц измерения.
Вызовите контекстное меню вертикальной линейки. Выберите в качестве
единиц измерения сантиметры.

Примечание
Единицы измерения, выбранные для линеек, становятся также текущими еди-
ницами измерения в системе и отображаются во всех палитрах и диалоговых
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 37

окнах (см. раздел "Установка параметров страницы и единиц измерения"


данной главы).

Установка начала отсчета


Во всех программах векторной графики и верстки существует такое понятие,
связанное с линейками, как начало отсчета. Это точка, имеющая координа-
ты (0; 0). По умолчанию в Adobe Illustrator эта точка совпадает с левым ниж-
ним углом страницы (рис. 1.13). Иногда возникает необходимость перемес-
тить начало отсчета в другое место. Для этого нужно "взять" мышью маркер
начала отсчета, который находится в левом верхнем углу окна документа на
стыке линеек (рис. 1.13), и переместить его в новое место.

( Примечание
В предыдущих версиях Adobe Illustrator маркер начала отсчета обозначался
пунктирными перекрещивающимися линиями. Начиная с версии Adobe Illust-
rator CS, эти линии убрали, но понятие маркера начала отсчета, а также его
функции остались. Сейчас указатель мыши необходимо прикладывать к пусто-
му месту, представляя, что маркер начала отсчета стал невидимым.

1 |гр |
\ 0 !
I ?,,
!©•••
m•
i
Маркер
начала
отсчета
г;
\
о •

\
i;
Точка
начала -
отсчета
:

Рис. 1.13. Точка начала отсчета и маркер начала отсчета

/ Практика ^
Попробуйте переместить маркер начала отсчета в центр страницы, в пра-
вый верхний угол страницы, в произвольное место.

Для того чтобы восстановить положение начала отсчета по умолчанию, необ-


ходимо выполнить двойной щелчок по маркеру.

/ Практика |
Восстановите координаты начала отсчета по умолчанию.
38 Глава 1

Направляющие
Направляющие — это вспомогательные линии, которые можно разместить на
экране для удобства выравнивания и позиционирования основных элементов
изображения. Направляющие не выводятся на печать. Они могут иметь лю-
бую форму, но чаще всего применяют направляющие в виде прямых ли-
ний — горизонтальных, вертикальных, и реже — наклонных.
Для того чтобы расположить направляющие на экране, нужно вначале задать
режим отображения линеек. "База" направляющих находится на линейках.
Чтобы вытащить горизонтальную направляющую с линейки и разместить ее
в рабочей области документа, нужно поместить курсор в области горизон-
тальной линейки, нажать на кнопку мыши и тянуть вниз. Когда вы отпустите
кнопку мыши, положение направляющей зафиксируется. Аналогично можно
разместить на экране вертикальную направляющую, только тащить ее нужно
с вертикальной линейки и тянуть вправо.

/ Практика |
Разместите на экране несколько горизонтальных и вертикальных направ-
ляющих примерно так, как это показано на рис. 1.14.

10 20

16,67%

Рис. 1.14. Отображение направляющих на экране

С направляющими можно производить все операции трансформирования,


характерные для векторных объектов (материал по трансформированию
объектов будет рассмотрен в главе 2). Но по умолчанию активен режим,
когда направляющие закреплены, т. е. как бы "приклеены" к экрану. Пока вы
не снимите это закрепление, направляющую невозможно будет даже сдви-
нуть с места. Для снятия закрепления нужно убрать галочку, выполнив под-
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 39

команду Lock Guides (Закрепить направляющие) команды Guides (Направ-


ляющие) из меню View (Просмотр).

/ Практика |
"Освободите" направляющие с помощью описанной выше команды и по-
пробуйте, выделив одну из направляющих щелчком по ней при активном
инструменте Selection Tool (Выделение), переместить ее с помощью мы-
ши, а затем удалить посредством клавиши <Delete>. Обратите внимание,
что при выделении направляющая меняет свой цвет.

Чтобы временно удалить направляющие с экрана (или, как еще говорят, сде-
лать их невидимыми), необходимо зайти в меню View (Просмотр) и выпол-
нить подкоманду Hide Guides (Спрятать направляющие) команды Guides
(Направляющие). Обратное действие — View | Guides | Show Guides (Про-
смотр | Направляющие | Показать направляющие). Эта операция выполняется
в тех случаях, когда направляющих много, и они мешают рассмотрению и
выполнению операций над основными объектами.

/ Практика |
Временно уберите направляющие с экрана и снова отобразите их.

Операцию по удалению одной направляющей вы уже проделали, но если на-


правляющих много и нужно удалить их все одновременно, используется
команда View | Guides | Clear Guides (Просмотр | Направляющие | Удалить
направляющие).

/ Практика |
Удалите все направляющие с экрана.

Сетка
Сетку в качестве вспомогательного элемента удобно использовать, когда
объектом вашей работы в Illustrator является какая-либо схема, таблица, карта
или чертеж (рис. 1.15). Для отображения сетки на экране применяется коман-
да View | Show Grid (Просмотр | Показать сетку). Команда View | Hide Grid
(Просмотр | Скрыть сетку) выполняет обратное действие.

( Примечание )
Конечно же, в разных работах может понадобиться использование различных
сеток. Основная настройка шага и других параметров сетки происходит в меню
Edit | Preferences | Guides & Grid (Правка | Установки | Направляющие и сет-
ка). Здесь же можно изменить параметры отображения направляющих.
40 Глава 1

10 15 20

и •

roi
1 •
о •

s •

!
Рис. 1.15. Использование сетки при создании схемы

Практика |
Отобразите сетку на экране. Выполните описанную выше команду. Рас-
смотрите, какие параметры сетки можно настроить, и измените настройки
сетки на экране.

Настройка рабочей среды


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

Установка параметров страницы


и единиц измерения
Параметры страницы задаются при создании нового документа и выполнении
команды New (Новый) из меню File (Файл). Диалоговое окно New Document
(Новый документ) показано на рис. 1.16.
В этом диалоговом окне в поле Artboard Setup (Установка рабочей страни-
цы) можно установить размер страницы, выбрав стандартный размер бумаги
из предложенного списка Size (Размер), а также задать собственные размеры
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 41

страницы, выбрав значение Custom (Заказной) в верхней части списка и вве-


дя нужные значения в поля Width (Ширина) и Height (Высота). Здесь же в
поле Units (Единицы) можно выбрать единицы измерения для данного доку-
мента, а также одну из стандартных ориентации — книжную (портретную)
или альбомную (ландшафтную) — с помощью соответствующих кнопок
в поле Orientation (Ориентация). Также можно установить цветовой режим,
в котором будет разрабатываться проект (для полиграфических проектов ре-
комендуется CMYK, а для электронных — RGB).

New Document

Name
*I OK

Cancel

;
Units: (Millimeters i-J Height: J297mm

Orientation [j>Ji j j j j

Color Mode — •-

Рис. 1.16. Диалоговое окно New Document

Примечание
Параметры страницы также можно изменить в процессе работы над докумен-
том в диалоговом окне Document Setup (Параметры документа), вызываемого
с помощью соответствующей команды из меню File (Файл), на вкладке Art-
board (Рабочая страница).

/ Практика |
Выполните команду New (Новый) из меню File (Файл). Назначьте стан-
дартный формат А4, книжную ориентацию и единицы измерения — дюй-
мы (inches). В поле Name (Имя) введите: А4_книжная_л.п. Выберите кнопку
ОК (Да). Создайте еще один новый файл с сантиметрами в качестве еди-
ниц измерения, произвольным размером бумаги и альбомной ориентацией
и назовите его произвольный_альбомная_ст. Отличается ли внешний вид
этого документа от предыдущего?

Под единицами измерения понимаются те единицы, в которых будут отобра-


жаться величины на линейках, в диалоговых окнах и палитрах. Для текущего
документа они устанавливаются в рассматриваемом диалоговом окне.
42 Глава 1

( Примечание )
Установка единиц измерения в диалоговом окне New (Новый) или Document
Setup (Параметры документа) и установка единиц с помощью контекстных ме-
ню линеек (см. раздел "Линейки" данной главы) являются взаимозаменяемыми
операциями.

/ Практика 7
В документе Произвольный_альбомная_ст разместите на экране палитру
Info (Инфо). Отображаются ли в ней сантиметры в качестве единиц изме-
рения? Поместите на экран линейки с помощью команды Show Rulers
(Показать линейки) из меню View (Просмотр). Соответствуют ли размеры
страницы, измеряемые по линейкам, вашим установкам? Выполните ана-
логичные операции и в документе А4_книжная_л.п. Закройте оба документа
без сохранения.

Примечание
Если вы постоянно работаете с одними и теми же единицами измерения и хо-
тите, чтобы они автоматически устанавливались в качестве текущих во всех
вновь создаваемых документах, их нужно задать в поле Units (Единицы) вклад-
ки Units & Display Performance (Единицы измерения и отображение) диалого-
вого окна Edit | Preferences (Правка | Установки).

Изменение масштаба просмотра


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

Способы изменения масштаба просмотра


Существует несколько способов изменения масштаба просмотра: это выбор
или ввод масштаба в поле масштаба в нижней левой части документа (см.
рис. 1.2), группа команд из меню View (Просмотр), показанных на рис. 1.17,
команды из контекстного меню, а также инструмент Zoom Tool (Масштаб)
(см. рис. 1.8). Для прокрутки документа и изменения масштаба просмотра
также удобно использовать палитру Navigator (Навигатор).

...... ... .
Zooffi Out OrU-
Ctll+0
Й Й У' •
Actual Sag OM

Рис. 1.17. Команды для изменения масштаба просмотра из меню View


Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 43

Чаще всего масштаб просмотра изменяют с помощью быстрых клавиш и ин-


струмента Zoom Tool (Масштаб).

Изменение масштаба просмотра


при помощи быстрых клавиш
/ Практика |
Зайдите в меню View (Просмотр) и посмотрите, какие быстрые клавиши
применяются для увеличения (Zoom In) и уменьшения (Zoom Out) мас-
штаба просмотра, а также для приведения документа к двум стандартным
видам: масштабу Fit in Window (Целый документ) и Actual Size (Реаль-
ный размер). Измените масштаб просмотра документа несколько раз, ис-
пользуя эти комбинации.

Совет
Запомните комбинации клавиш <Ctrl>+<+>, применяемую для увеличения мас-
штаба просмотра, и <Ctrl>+<->, применяемую для его уменьшения, т. к. это
универсальные комбинации, действующие при любом активном инструменте и
используемые при изменении масштаба просмотра во всех программных про-
дуктах Adobe. Для приведения документа к двум стандартным видам — целый
документ (страница отображается на экране целиком) и реальный размер (объ-
екты отображаются так, как они будут выглядеть при печати), помимо комбина-
ций клавиш <Ctrl>+<0> и <Ctrl>+<1> можно использовать двойные щелчки по
инструментам Hand Tool (Прокрутка) и Zoom Tool (Масштаб) соответственно.

Изменение масштаба просмотра


с помощью инструмента Zoom Tool
Рассмотрим, как работать с инструментом Zoom Tool (Масштаб).

/ Практика |
С помощью рассмотренных ранее способов установите масштаб просмот-
ра Fit in Window (Целый документ). С помощью соответствующих инст-
рументов рисования нарисуйте на странице прямоугольник и эллипс.

Для увеличения масштаба просмотра нужно при активном инструменте Zoom


Tool (Масштаб) щелкать мышью по объекту (рабочему столу), а для умень-
шения — щелкать мышью, держа нажатой клавишу <Alt>.
Также для увеличения масштаба просмотра и отображения на экране опреде-
ленных объектов или их частей применяется обводка нужного фрагмента
рамкой при активном инструменте Zoom Tool (Масштаб) (рис. 1.18 и 1.19).
44 Глава 1

щ1

С
149,1 S« "I < 1

Рис. 1.18. Исходное состояние объектов Рис. 1.19. Конечное состояние объектов
перед увеличением после увеличения

/ Практика /
Перейдите к инструменту Zoom Tool (Масштаб). Выполните проверку
описанных выше способов масштабирования.

Прокрутка документа
Для прокрутки документа (а эта операция очень часто бывает нужна, когда
необходимо получить доступ к определенным частям изображения) сущест-
вует три способа:
П стандартные полосы прокрутки;
П инструмент Hand Tool (Прокрутка);
• палитра Navigator (Навигатор).

Работа с палитрой Navigator


Самым удобным способом является палитра Navigator (Навигатор), изобра-
женная на рис. 1.20.
Эта палитра предназначена и для прокрутки документа, и для изменения мас-
штаба просмотра. Масштаб просмотра можно изменять, введя нужное
значение в поле ввода в нижней левой части палитры, либо щелкая по кноп-
кам уменьшения и увеличения масштаба, которые находятся в нижней части
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 45

палитры, или перемещая бегунок на шкале изменения масштаба. Окно про-


смотра палитры Navigator (Навигатор) всегда отображает монтажный стол
целиком, а фрагмент, который отображается в рабочем окне документа при
текущем масштабе просмотра, выделен цветной рамкой (если масштаб про-
смотра маленький, рамка не видна). Для прокрутки документа можно, уста-
новив нужный масштаб отображения, перемещать указатель мыши с нажатой
кнопкой внутри этой рамки. В этом случае он будет иметь форму ладошки и
прокрутка будет плавной. Если щелкнуть мышью вне рамки, форма указателя
изменится — у ладошки появится вытянутый указательный палец, и про-
изойдет быстрое позиционирование в указанное место.

Navigator

-=-У

Поле Кнопка Видимая Шкала Кнопка


ввода уменьшения область изменения увеличения
масштаба документа масштаба масштаба

Рис. 1.20. Палитра Navigator

/ Практика
Поработайте с палитрой Navigator (Навигатор), изменяя масштаб про-
смотра и выполняя прокрутку изображения.

Совет
К палитре Navigator (Навигатор) тяжело привыкнуть, поскольку она появилась в
Adobe Illustrator совсем недавно, но есть смысл использовать ее, т. к. этот спо-
соб изменения масштаба просмотра и прокрутки документа действительно яв-
ляется удобным и комплексным и работает независимо от того, какой инстру-
мент является активным в данный момент.

Инструмент Hand Tool


Инструмент Hand Tool (Прокрутка) работает аналогично указателю мыши в
окне палитры Navigator (Навигатор), только для прокрутки документа нажи-
мать на кнопку мыши и размещать курсор в виде ладошки нужно в основном
окне документа.
46 Глава 1

1 Практика 1
Поработайте с инструмет'ОМ Hand Tool (Прокрутка), выполняя прокрутку
изображения.

Рисование геометрических фигур


Вся векторная графика базируется на кривых и геометрических фигурах. Ра-
бота с кривыми — основная работа в программах векторной графики, но она
имеет высокий уровень сложности. Поэтому начнем с более легких вещей —
рисования простейших геометрических фигур.

Инструментарий для рисования фигур


Программа Adobe Illustrator предлагает множество инструментов для рисова-
ния геометрических фигур. Какие-то из этих инструментов используются
очень часто, какие-то — довольно редко. Все инструменты обладают множе-
ством настроек и возможностей. Рассмотрим основные принципы работы с
инструментами рисования геометрических фигур и выполним примеры на
создание соответствующих объектов.
Для создания геометрических фигур применяются две группы инструментов:
непосредственно геометрические объекты (рис. 1.21) и так называемые ли-
нейные объекты (рис. 1.22). Эти инструменты располагаются в третьем ряду
палитры инструментов.

/ Практика |
Найдите интересующие нас группы инструментов в палитре инструментов
и расположите их в виде отдельных палитр.

Rounded
Rectangle Tool Polygon
(Прямоугольник Tool
с закругленными
нныы углами) (Многоугольник)

Rectangle Ellipse Star Flare


Tool Tool Tool Tool
(Прямоугольник) (Эллипс) (Звезда) (Блик)

Р и с . 1.21. Группа инструментов для создания геометрических объектов


Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 47

Line Arc Spiral Rectangular Polar


Segment Segment Tool Grid Grid
Tool Tool (Спираль) Tool Tool
(Линейный (Дуговой (Прямоугольная (Полярная
сегмент) сегмент) сетка) сетка)

Рис. 1.22. Группа инструментов для создания линейных объектов

Существует два способа создания геометрических фигур: создание объектов


с помощью мыши ("на глаз") и рисование с заранее заданными параметрами.
Рассмотрим эти способы.

Рисование фигур при помощи мыши


Создание геометрических фигур при помощи мыши — самый простой и бы-
стрый способ рисования. Его еще называют способом рисования "на глаз",
т. к. он не позволяет задать точные параметры объектов.

( Примечание )
Если во время рисования объектов "на глаз" держать на экране палитру Info
(Инфо), то по-крайней мере можно отслеживать координаты и размеры рисуе-
мых объектов.

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

/ Практика |
Нарисуйте на странице все возможные фигуры.

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

Использование функциональных клавиш


Использование функциональных клавиш во время рисования фигур мышью
дает возможность варьировать их параметры. Причем клавиши действуют
одинаково либо для всех инструментов, либо для группы инструментов. Так,
например, клавиша <Shift>, нажатая и удерживаемая во время рисования
прямоугольников, прямоугольников с закругленными углами и эллипсов, да-
ет возможность получить равносторонние (пропорциональные) фигуры, т. е.
квадрат, квадрат с закругленными углами и круг. Эта же клавиша, удержи-
ваемая во время рисования линейных и дуговых сегментов, позволяет созда-
вать сегменты под углами, кратными 45°. Она же при рисовании многоуголь-
ников, звезд, бликов и спиралей запрещает вращение фигур. А при рисовании
прямоугольной и полярной сеток задает их размеры одинаковыми по ширине
и высоте. А вот клавиша <Space> (<пробел>), нажимаемая и удерживаемая во
время рисования всех фигур, позволяет перемещать фигуры во время рисова-
ния. Есть также клавиши, выполняющие функции, характерные только для
отдельных инструментов.
Функции основных клавиш при рисовании геометрических объектов приве-
дены в табл. 1.2.

Таблица 1.2. Функции клавиш при рисовании геометрических объектов

Клавиша Действие
<Space> Перемещение объектов во время рисования
(<пробел>)
<Alt> Рисование объектов "из центра"
<t> Увеличивает количество элементов (многоугольники — стороны,
звезды — лучи, блики — количество лучей или промежуточных ко-
лец, спирали — сегменты, прямоугольная сетка — увеличивает ко-
личество горизонтальных ячеек, полярная сетка — увеличивает ко-
личество концентрических окружностей). Для прямоугольников с за-
кругленными углами и дуговых сегментов — увеличение степени
скругленное™ углов и сегментов
<J,> Уменьшает количество элементов и степень округленности углов
<Shift> Позволяет рисовать равносторонние фигуры (прямоугольники, пря-
моугольники с закругленными углами, эллипсы, сетки); запрещает
вращение во время рисования и выравнивает по горизонтали (мно-
гоугольники, звезды, блики); позволяет создавать сегменты кратны-
ми 45°

Примечание
В таблице описаны не все клавиши и их комбинации. Так, при работе с некото-
рыми инструментами определенные функции выполняют клавиши <Ctrl>, <<->,
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 49

>, < ~ > , <">, <F>, <V>, <X>, <C>. Но это уже материал для самостоятельной
проработки на каникулах.

/ Практика ^
Изучив таблицу, выполните следующие задания по рисованию фигур
мышью с использованием функциональных клавиш.
1. Нарисуйте квадрат, круг, квадрат с закругленными углами. Во время
рисования пробуйте перемещать объекты, а у квадрата с закругленны-
ми углами пробуйте изменять радиус скругления углов (рис. 1.23).

Рис. 1.23. Результат выполнения задания 1 — пропорциональные фигуры

2. Выполните разметку при помощи направляющих, а затем нарисуйте


прямоугольник и эллипс сначала "от угла", а потом— "от центра",
каждый раз начиная рисование в точке пересечения направляющих
(рис. 1.24).

Рис. 1.24. Результат выполнения задания 2 —


прямоугольник и эллипс, нарисованные "от угла" и "от центра"
50 Глава 1

3. Нарисуйте различные варианты многоугольников и звезд (рис. 1.25).


При рисовании звезд изменять степень остроты лучей можно, нажимая
во время рисования клавишу <Ctrl> (она оставляет неизменным внут-
ренний радиус звезды).
4. Нарисуйте различные варианты прямых прямолинейных и дуговых
сегментов, сеток и спиралей (рис. 1.26). Клавиша <С>, нажимаемая во
время рисования дугового сегмента, позволяет замыкать его концы
перпендикулярными прямыми.
5. Попробуйте выполнить создание объекта с помощью инструмента
Flare Tool (Блик) (рис. 1.27). Для того чтобы появился тот объект, ко-
торый был задуман, нужно вначале растянуть рамку с нажатой кнопкой
мыши, а затем протянуть руку в сторону на необходимое расстояние и
выполнить еще один щелчок мышью.

Рис. 1.25. Результат выполнения задания 3 • Рис. 1.26. Результат выполнения задания 4 •
многоугольники и звезды сегменты, сетки и спирали

Рис. 1.27. Результат выполнения задания 5 — блики


Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 51

( Примечание )
Все функциональные клавиши и комбинации клавиш, описанные выше, необхо-
димо нажимать во время рисования уже после того, как вы начали рисовать. Во
время их нажатия можно продолжать рисование, а отпускать клавиши необхо-
димо до того, как вы отпустите кнопку мыши.

Рисование объектов
с заранее заданными параметрами
Принцип рисования объектов с заранее заданными параметрами одинаков
для всех инструментов. Для создания объекта необходимо перейти к соответ-
ствующему инструменту, затем щелкнуть на экране в том месте, где вы хоте-
ли бы разместить фигуру, и в появившееся диалоговое окно ввести необхо-
димые параметры. После ввода параметров и выбора кнопки ОК (Да) фигура
с заданными параметрами должна появиться на экране.

( Примечание
Для каждого инструмента размер и содержимое диалоговых окон будет различ-
ным.

Рассмотрим технику рисования на примере прямоугольника.

/ Практика ^
Создайте новый файл с помощью команды New (Новый) из меню File
(Файл). В качестве единиц измерения в поле Units задайте сантиметры
(centimeters). Перейдите к инструменту Rectangle Tool (Прямоугольник) и
щелкните мышью в области страницы. Появится диалоговое окно, изо-
браженное на рис. 1.28. Введите в поле Width (Ширина) значение 9, а в
поле Height— 5. После выбора кнопки ОК (Да) на месте диалогового ок-
на должен появиться прямоугольник размерами 9x5 см (рис. 1.29).

[Rectangle

Рис. 1.28. Диалоговое окно Rectangle Рис. 1.29. Нарисованный прямоугольник


52 Глава 1

( Совет )
Если наименование величин совпадает с тем, которое установлено в настрой-
ках (как в нашем примере), его можно не вводить. Программа сделает это
автоматически. Также можно в качестве единиц измерения вводить любые еди-
ницы, с которыми вам удобно работать, а программа сама пересчитает их к те-
кущим. Так, чтобы нарисовать прямоугольник размерами 25 на 30 милли-
метров, в поля нужно было бы ввести 25 mm и 30 mm, а если бы мы хотели вы-
разить размеры прямоугольника в дюймах, то ввели бы наименование i n .

Рассмотрим рисование звезды.

Практика If
Перейдите к инструменту Star Tool (Звезда) и щелкните мышью в любом
свободном месте страницы. Появится диалоговое окно, изображенное на
рис. 1.30. Введите в верхнее поле Radius (Радиус) 3 in, в среднее поле
Radius (Радиус) — 1,2 in (не забывайте, что в дробных значениях в каче-
стве разделителя используется запятая), и и в поле Points (Число лучей).
У вас должна появиться звезда, изображенная на рис. 1.31.

Options
. Radius:
Cancel
Radius l.fin
Points SB—•

Рис. 1.30. Диалоговое окно Star Рис. 1.31. Нарисованная звезда

Для звезд первый радиус — это радиус внешний, а второй — внутренний.


Чем больше разница между этими значениями, тем более остроконечной бу-
дет выглядеть звезда. Если радиусы равны, то звезда превращается в много-
угольник (рис. 1.32).
Рисование других фигур с заранее заданными параметрами происходит ана-
логично, только чем сложнее фигура, тем больше параметров для нее можно
задать.

/ Практика |
Последовательно выполните вызов диалоговых окон для рисования всех
возможных фигур, рассмотрите, какие параметры можно изменять в каж-
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 53

дом из случаев, и нарисуйте все возможные фигуры, заранее задав их па-


раметры.

Рис. 1.32. Звезда с большой разницей между радиусами,


звезда с малой разницей между радиусами, звезда с равными радиусами

Настройка инструментов рисования


Некоторые из рассмотренных нами инструментов рисования, а именно —
Flare Tool (Блик), Line Segment Tool (Линейный сегмент), Arc Segment Tool
(Дуговой сегмент), Rectangual Grid Tool (Прямоугольная сетка) и Polar Grid
Tool (Полярная сетка) — можно настраивать перед рисованием. Для настрой-
ки инструмента перед рисованием соответствующего объекта необходимо
дважды щелкнуть по пиктограмме инструмента. При этом на экране появится
окно настройки, где можно будет изменить необходимые параметры. После
этого настройки инструмента будут работать независимо от того, каким спо-
собом вы будете рисовать соответствующую фигуру.

/ Практика |
Настройте любой из перечисленных инструментов и убедитесь, что на-
стройки сохранились при последующем рисовании фигуры.

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

Использование инструментов рисования фигур


Очень часто начинающим пользователям тяжело представить, где на практи-
ке можно будет найти применение тем или иным изученным инструментам,
командам и действиям.
54 Глава 1

Кратко перечислим, где и как могут применяться инструменты для создания


геометрических объектов.
• Чаще всего на практике применяются прямые линии и прямоугольники.
Эти фигуры служат как самостоятельными объектами, так и компонента-
ми при создании сложных рисунков (например, логотипов), различных
схем, графиков, таблиц и карт.
П Эллипсы, прямоугольники с закругленными углами дуги и многоугольни-
ки находят аналогичное применение, но частота их использования гораздо
реже, чем предыдущих фигур. Эллипсы и другие упомянутые фигуры
очень часто применяют как основу, из которой потом, путем различных
манипуляций, получают более сложные контуры.
П Дальше по частоте использования идут звезды. Принимая во внимание их
многообразие, они часто используются, в основном, при декоративном
оформлении работ. Спираль в различных работах используется крайне
редко.
• Очень широка степень использования объектов, получаемых при помощи
инструмента Rectangual Grid Tool (Прямоугольная сетка). Помимо раз-
личных сеток, клеток и решеток, они могут использоваться как основы для
таблиц и различных разметок. Кроме того, объекты, получаемые при ис-
пользовании этого инструмента, являются сложными объектами. И если
разгруппировать выделенную сетку при помощи команды Ungroup (Раз-
группировать) из меню Object (Объект), то она распадется на внешнюю
рамку и перпендикулярные линии, которым также можно найти множест-
во применений (рис. 1.33).

Рис. 1.33. Прямоугольная сетка до и после разгруппировки


Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 55

О Полярные сетки, кроме их прямого назначения для любителей работать в


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

Рис. 1.34. Полярная сетка до и после разгруппировки

• И, наконец, инструмент Flare (Блик), предназначенный для создания со-


вокупности объектов, имитирующих блик в линзах, вызванный попадани-
ем прямого света в объектив фотокамеры, наверное, при умелой настройке
параметров позволяет достичь весьма впечатляющих эффектов.
Главное при работе с геометрическими объектами в частности, и со всеми
объектами вообще, — анализировать окружающую действительность и отра-
жать ее на область векторной графики, почаще используя фантазию.

Рисование произвольных линий


с помощью инструмента Pencil Tool
Основой работы в любом векторном редакторе являются кривые. В Adobe
Illustrator кривые можно рисовать различными способами. Наиболее профес-
сиональным является способ создания и редактирования кривых с использо-
ванием инструментов из группы Pen Tool (Перо). Работу с этим инструмен-
том мы рассмотрим в главе 4, а пока познакомимся с более простым инстру-
ментом Pencil Tool (Карандаш), который в палитре инструментов находится
в пятом ряду справа (см. рис. 1.8). Этот инструмент является незаменимым
атрибутом всех графических программ и позволяет рисовать произвольные
линии так, как это делается обычным карандашом на обычной бумаге
56 Глава 1

(рис. 1.35). Особенно хороши будут линии, нарисованные карандашом, у сча-


стливых обладателей графических планшетов.

Рис. 1.35. Пример линий, нарисованных с помощью инструмента Pencil

/ Практика 7
Найдите в палитре инструментов инструмент Pencil Tool (Карандаш) и
разместите три инструмента, входящих в эту группу, отдельной палитрой
(рис. 1.36).

Pencil Smooth Erase


Tool Tool Tool
(Карандаш) (Сглаживание) (Ластик)

Рис. 1.36. Группа инструментов Pencil

Техника рисования
В рассматриваемую группу инструментов помимо самого инструмента Pencil
Tool (Карандаш) входят еще два инструмента, но рисование происходит не-
посредственно с помощью карандаша. Для рисования необходимо перейти к
инструменту, поместить курсор в рабочую область и, нажав на кнопку мыши,
тянуть мышь по произвольной траектории. Состояние контура зафиксирует-
ся, когда вы отпустите кнопку мыши.
Этим способом можно рисовать замкнутые и незамкнутые контуры. При ри-
совании карандашом действуют следующие правила.
• Для замыкания контура необходимо, совместив конечную точку с началь-
ной, нажать клавишу <Alt>, после чего у курсора в форме карандаша вме-
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 57

сто крестика появится маленький кружочек. После этого нужно отпустить


кнопку мыши, а затем — клавишу.
• Рисование незамкнутой линии можно продолжить. Для этого линию нуж-
но выделить, затем подвести курсор к одной из конечных точек, нажать на
кнопку мыши, продолжить рисование.
• В момент рисования линии ее можно присоединить к нарисованной ранее,
если при приближении к ее концевой точке нажать клавишу <Ctrl>.
• Нарисованный ранее контур можно отредактировать, если выделить его
инструментом Selection Tool (Выделение) и провести карандашом новую
траекторию вблизи участка старого контура.

/ Практика ^
Нарисуйте несколько линий с помощью инструмента Pencil (Карандаш), и
на практике проверьте вышеприведенные правила.

Работа с инструментами
Smooth Tool и Erase Tool
Принцип работы с двумя оставшимися инструментами из группы — Smooth
Tool (Сглаживание) и Erase Tool (Ластик) — одинаков, хотя выполняют они
разные функции. Первый инструмент сглаживает ранее нарисованные линии,
а второй позволяет стереть фрагменты линии.
Для работы с одним и вторым инструментом необходимо выделить ранее на-
рисованную линию, затем перейти к нужному инструменту и, с нажатой
кнопкой мыши, проводить вдоль контура. При этом будет достигаться нуж-
ный результат. Пример изменения контура с помощью рассматриваемых ин-
струментов приведен на рис. 1.37.

Примечание J
Электронный ластик в этой программе работает не так, как его вещественный
аналог, и результаты его работы предугадать трудно.

Рис. 1.37. Пример линии до изменения, после сглаживания


и после стирания некоторых участков
_55 Глава 1

j Практика |
Попробуйте поработать с инструментами Smooth Tool (Сглаживание) и
Erase Tool (Ластик) для того, чтобы иметь о них представление.

Операции с файлами
Операции с файлами в Adobe Illustrator осуществляются так же, как и в дру-
гих программах, работающих под управлением MS Windows. Рассмотрим
некоторые отличительные особенности этих операций.

Стандартные операции
Условно разделим операции с файлами на "стандартные" и "нестандартные".
Будем считать "стандартными" операции с файлами, которые существовали в
Adobe Illustrator, начиная с первых версий программы, а "нестандартными" —
операции по работе с шаблонами, являющиеся нововведением программы,
начиная с версии Adobe Illustrator CS.

Создание нового документа


Операции создания нового документа мы уже касались при рассмотрении
установки параметров страницы и единиц измерения (см. раздел "Настройка
рабочей среды" данной главы). Новый файл создается с помощью команды
New (Новый) из меню File (Файл) или универсальной комбинации клавиш
<Ctrl>+<N>. При выполнении этой команды появляется диалоговое окно New
Document (Новый документ) (см. рис. 1.16). Помимо задания параметров
страницы и единиц измерения в этом диалоговом окне в поле Name (Имя)
можно ввести имя документа. Указанное имя отобразится в заголовке окна,
но файл при этом автоматически сохранен не будет, и если по каким-либо
причинам работу программы придется завершить в аварийном режиме, вся
несохраненная информация пропадет.
В нижней части окна New Document (Новый документ) в поле Color Mode
(Цветовой режим) находятся два переключателя, обозначающие цветовые
модели, в которых будет происходить работа. Выбранный режим указывается
в заголовке созданного документа.

( Совет )
Выбирайте режим CMYK Color (цветовая модель CMYK), если собираетесь
впоследствии распечатывать работу, и режим RGB Color (цветовая модель
RGB), если готовите работу для представления на Web-сайте или на CD-диске.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 59

/ Практика
Создайте два новых документа: один в режиме CMYK, другой — в RGB.
Чем они отличаются?

Сохранение файла
Для сохранения документа в Adobe Illustrator используются три стандартные
команды из меню File (Файл):
• команда Save (Сохранить) сохраняет документ в текущем формате под
прежним именем и в прежней папке;
О команда Save As (Сохранить как) дает возможность сохранить альтерна-
тивную версию документа под другим именем, в другой папке или в дру-
гом формате;
• команда Save Copy (Сохранить копию) сохраняет точную копию докумен-
та, добавляя к его имени слово "Сору" (копия). При этом исходный доку-
мент не изменяется и остается активным.
При первом сохранении документа и при последующих сохранениях его ко-
пии параметры файла задаются в стандартном диалоговом окне Save As (Со-
хранить как).

С Совет ^
Запомните универсальную комбинацию клавиш для сохранения <Ctrl>+<S>, ес-
ли вы ее еще не помните, и почаще используйте ее в работе.

Особенностью задания параметров в диалоговом окне при сохранении явля-


ется то, что после ввода имени файла в поле File Name (Имя файла) и выборе
кнопки Save (Сохранить) первый раз, к файлу добавляется расширение ai,
характерное для всех файлов, созданных в программе Adobe Illustrator, неза-
висимо от версии.

( Примечание )
Такое расширение к имени файла будет добавляться, если в поле Save as
Туре (Тип файла) выбран параметр Adobe Illustrator (*.AI). Если вы ничего не
изменяли в текущем диалоговом окне, то этот тип файла устанавливается по
умолчанию.

Выбирая кнопку Save (Сохранить) второй раз, вы перейдете к следующему


диалоговому окну Illustrator Options (Параметры Illustrator), изображенному
на рис. 1.38.
В этом диалоговом окне можно изменить ряд параметров сохранения. В ча-
стности, в поле Version (Версия) можно выбрать более раннюю версию про-
граммы для сохранения.
60 Глава 1

Illustrator Options

{Illustrator CS2 ___^^И OK 1


fonts- - - — Cancel
•;* Subse|fbnts when percent of charade

' . : . . . ' . • : . : : : . • : • ; • : • : • . ' . . : . • : , ; . , „

Щ§1|§ff
p- Cr#e>OFCompatbieF
Jr;:ir- ,i-«:fte

'!."•'• tp" '

Warnings
i. Tlv>[
.у w?

Рис. 1.38. Диалоговое окно Illustrator Options

Примечание
В предыдущих версиях программы опция сохранения документа Adobe
Illustrator в формате предыдущей версии располагалась, как и сейчас, в диало-
говом окне Save Options (Параметры сохранения), которое появлялось при вы-
боре кнопки Save (Сохранить) диалогового окна Save As (Сохранить как).
В версии Adobe Illustrator CS эта функция была перенесена в диалоговое окно
экспорта, вызываемое командой Export (Экспорт) из меню File (Файл). Сейчас
она вновь вернулась на свое обычное место.

Необходимость сохранения документа в формате предыдущей версии может


возникнуть, когда с файлом, созданным в более поздней версии программы,
нужно продолжить работу в более ранней версии, или при необходимости
последующей загрузки документа Adobe Illustrator в другую программу.

( Примечание
Что касается версий Illustrator CS, то файл, созданный в более поздней версии
программы, можно открыть в более ранней версии, но при этом возможны ис-
кажения.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 61

В списке можно выбрать либо форматы Adobe Illustrator CS (CS Formats), ли-
бо форматы предыдущих версий Adobe Illustrator (Legacy Formats).

Внимание!
При сохранении документов в формате предыдущих версий объекты, создан-
ные с применением новых инструментов и средств, могут быть сохранены с ис-
кажениями.

/ Практика /
Один из открытых документов сохраните в папке Глава 1 под именем
образец 1. Создайте копию документа и сохраните ее под именем
Образец 2.

Закрытие документов
Закрытие документов также является стандартной операцией. В Adobe
Illustrator закрыть файл можно либо используя стандартную кнопку закрытия
окна документа в его верхнем правом углу, либо с помощью команды Close
(Закрыть) из меню File (Файл). При этом, если в документе не было произве-
дено никаких действий вообще или после последнего сохранения, закрытия
файла произойдет автоматически. Если же после последнего сохранения в
файл были внесены изменения, появится стандартный запрос (рис. 1.39).
Дальнейшие действия пользователя определяются выбором соответствующей
кнопки.

Adobe Illustrator

Save charges lo the Adobe liu:tialor document "Work' betote


doting?

|L 7.У« ''. Ho i c*-iCfl |

Рис. 1.39. Окно запроса при закрытии файла

Практика f
Закройте все файлы, кроме рабочего, сохраняя только нужную инфор-
мацию.

Открытие файлов
Операция открытия (загрузки) файлов является обратной по отношению к
операции сохранения и выполняется с помощью команды Open (Открыть) из
62 Глава 1

меню File (Файл). Эта команда вызывает стандартное диалоговое окно за-
грузки файлов, и с ее помощью можно открыть как файлы, созданные в самой
программе Adobe Illustrator и имеющие формат этой программы, так и файлы
других форматов (об этом более подробно мы поговорим в одной из следую-
щих глав).

( Примечание ^
В нижней части диалогового окна Open (Открыть) при выборе соответствующе-
го файла (с расширением ai или eps) отображается его содержимое (предвари-
тельный просмотр), что является очень удобным при выборе файла для загрузки.

Также альтернативным способом загрузки файлов является команда Open


Recent Files (Открыть последние файлы) из меню File (Файл). В этой коман-
де в виде подкоманд собраны 10 последних файлов, с которыми вы работали.
Загрузить нужный файл можно, просто выбрав его из списка.

/ Практика |
Загрузите несколько ваших файлов, используя оба описанных способа,
а затем закройте их.

Операции с шаблонами
Возможность работы с файлами шаблонов, присутствующая во многих тек-
стовых и векторных редакторах и программах верстки, появилась в Adobe
Illustrator только начиная с версии Adobe Illustrator CS. Стало возможным
создавать файлы документов на основе шаблонов, причем использовать при
этом как стандартные шаблоны, так и свои собственные; создавать шаблоны
и их редактировать.
Шаблоны удобно применять в случае, когда создается несколько работ одной
серии, и в них есть повторяющиеся элементы, одинаково расположенные и
выглядящие в каждой из них.
Файлы шаблонов в Adobe Illustrator CS имеют расширение ait (Adobe
Illustrator Template). В комплект пакета входит множество стандартных шаб-
лонов, находящихся в папке AdobeMUustrator CSYTemplates, тематически раз-
битых на несколько подгрупп.

( Примечание ^)
Нужно понимать, что библиотека стандартных шаблонов от Adobe занимает
достаточно дискового пространства, и доступны для работы они будут только в
случае, когда вы приобретете и установите к себе на компьютер полную версию
Adobe Illustrator CS.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 63

Рассмотрим операции с шаблонами более подробно на простом примере.


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

Создание и сохранение шаблона


Создание файла шаблона ничем не отличается от создания обычного файла.
Только при его сохранении необходимо выполнить команду Save as
Template (Сохранить как шаблон) из меню File (Файл).

/ Практика |
Создайте новый файл с помощью команды New (Новый) из меню File
(Файл). Перейдите к инструменту Rectangle Tool (Прямоугольник), уста-
новите цвета по умолчанию и нарисуйте на странице прямоугольник. Вы-
полните команду Save as Template (Сохранить как шаблон) из меню File
(Файл). После появления диалогового окна Save As (Сохранить как) убе-
дитесь, что в поле Save as Type (Тип файла) текущим является параметр
Illustrator Template (*.AIT), перейдите в папку Глава i и сохраните шаб-
лон под именем Рамка. Вид интерфейса после сохранения шаблона показан
на рис. 1.40.
Закройте файл шаблона.

5
Рамка-ait @ 2 6 % (С..

Рис. 1.40. Вид интерфейса после сохранения шаблона


64 Глава 1

Создание документа на основе шаблона


Для того чтобы создать документ на основе шаблона, необходимо выполнить
команду New from Template (Создать на основе шаблона) из меню File
(Файл), выбрать нужный шаблон и загрузить его. Затем надо нарисовать не-
обходимые элементы и сохранить его как обычный файл документа.

Практика |
Выполните команду New from Template (Создать на основе шаблона) из
меню File (Файл), перейдите в папку глава 1 и загрузите файл Рамка. Об-
ратите внимание, что в заголовке окна документ отображается как безы-
мянный (рис. 1.41). Нарисуйте в файле несколько кругов, закрасьте их и,
выполнив команду Save (Сохранить) из меню File (Файл), сохраните до-
кумент в папке глава 1 под именем Шары в рамке. Вид интерфейса после
сохранения файла показан на рис. 1.42.

;iUntitled-8@2&<№( "Я Шары в paiiKe.ai (•*... Н В КЗ I

Рис. 1.41. Вид интерфейса Рис. 1.42. Вид интерфейса после сохранения
после загрузки шаблона документа, созданного на основе шаблона

Аналогично создайте еще один документ со звездочками на основе шаб-


лона Рамка И сохраните его В папке Глава 1 ПОД именем Звездочки в рамке.
Закройте оба документа.

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

внесенные в шаблон, никак не затронут документов, созданных на основе


старой версии шаблона.

/ Практика f
Выполните команду Open (Открыть) из меню File (Файл) и загрузите файл
Рамка.ait ИЗ папки Глава 1.

( Совет )
Файлы шаблонов, как и файлы документов, отображаются в списке команды
Open Recent Files (Открыть последние файлы) меню File (Файл). Для загрузки
шаблонов можно использовать и этот способ.

|С2 Adobe Illustrator


File Edit Object Type' Select F t e r Effect View Window Help

ЬЖи-ШИШМ-.п!.

II

J J

1.4

Рис. 1.43. Расположение файлов мозаикой для сравнения

3 Зак. 1380
66_ Гпава 1

Уменьшите размер рамки и залейте ее зеленым цветом. Выполните коман-


ду Save as Template (Сохранить как шаблон) из меню File (Файл) и сохра-
ните шаблон под старым именем Рамка. На запрос операционной системы
о замене файла ответьте утвердительно.
Закройте шаблон. Создайте документ на основе обновленного шаблона,
нарисуйте в нем несколько произвольных линий и сохраните в папке гла-
ва 1 ПОД именем Червячки на лужайке.
Загрузите файл шаблона Рамка.ait, файлы документов шары в рамке.ai и
Звездочки в рамке. ai. Расположите все четыре файла в виде мозаики, ис-
пользуя команду Tile (Мозаика) из меню Window (Окно) (рис. 1.43).
Убедитесь, ЧТО В документах Шары в рамке.ai И Звездочки в рамке.ai из-
менений не произошло. Закройте все файлы.

Отмена и повтор действий


Для отмены своих неправильных действий, начиная с последнего, вы можете,
как и в других программах, использовать команду Undo (Отменить) из меню
Edit (Правка) или комбинацию клавиш <Ctrl>+<Z>. Причем можно выпол-
нить до 200 отмен. Команда Redo (Повторить) из того же меню повторяет
отмененные действия.

с Совет
Запомните комбинацию <Ctrl>+<Z>, если вы ее еще не помните, т. к. она уни-
версальна для всех программ и очень часто используется в работе.

/ Практика |
Создайте новый файл. Нарисуйте несколько различных фигур и раскрась-
те их. Выполните несколько отмен ранее совершенных вами действий и
несколько повторов с помощью описанных выше команд.

Практическая работа "Аппликация"


Для закрепления рассмотренного в данной главе материала предлагается не-
большая работа. Выполняя ее, вам придется вспомнить детские занятия ап-
пликацией, при которых из цветной бумаги вырезались различные геометри-
ческие фигуры и, наклеивая эти фигурки на основной лист, вы получали раз-
ные картинки. Конечно, ни клей, ни ножницы вам не потребуются, но в
остальном процесс аналогичен. Работа кажется очень простой, но выполняя
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 67

ее, необходимо привыкнуть к новой программе, закрепить навыки работы с


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

Рис. 1.44. Примеры рисунков, выполненные на основе геометрических фигур

А на рис. 1.45 изображены вариации на данную тему, выполненные студен-


тами Менеджер-центра СПбГУКИ.
68 Глава 1

Рис. 1.45. Студенческие работы

Попробуйте и вы выполнить "аппликацию", состоящую из 10 различных


предметов: первые пять рисунков выполните по образцу, копируя любые из
предметов, изображенные на рис. 1.44, а следующие пять рисунков приду-
майте самостоятельно. Постарайтесь, чтобы в ваших объектах присутствова-
ли все рассмотренные нами геометрические фигуры и линии. Если вам по-
требуется нарисовать различные кривые линии, то сделать это можно будет
при помощи инструмента Pencil Tool (Карандаш) или Arc Tool (Дуга). Пря-
мые линии можно рисовать с помощью инструмента Line Segment Tool (Ли-
нейный сегмент).
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 69

I Практика
1. Создайте новый файл.
2. Сохраните его В папке Глава 1 ПОД именем Аппликация.
3. С помощью направляющих разделите страницу на 10 равных частей.
4. Убедитесь, что вы находитесь в режиме рисования стандартными цве-
тами (черный цвет контура и белый цвет заливки). Для переключения к
этому режиму используйте соответствующую кнопку на панели инст-
рументов (см. рис. 1.8).
5. Увеличьте масштаб просмотра и начинайте работать над рисунками.
6. Не забывайте периодически сохранять файл.
7. Для удаления каких-либо неправильно нарисованных деталей выделяй-
те эти детали при помощи инструмента Selection Tool (Выделение) и
удаляйте нажатием клавиши <Del>. Выделенный объект можно при не-
обходимости переместить или отмасштабировать. Для перемещения и
масштабирования используйте мышь. Более подробно способы преоб-
разований объектов будут рассмотрены на следующем занятии.
8. После окончания рисования раскрасьте ваши рисунки, последовательно
выделяя отдельные детали инструментом Selection Tool (Выделение) и
используя цветовые образцы из палитры Swatches (Образцы). Перед
раскраской убедитесь, что кнопка фона в палитре инструментов (см.
рис. 1.8) находится на переднем плане. Если верно обратное, вытащите
ее на передний план, щелкнув по ней мышью.
9. Выполните окончательное сохранение вашей первой работы и закончи-
те работу с программой.

Совет
Для того чтобы ваш труд был более плодотворным, перед работой непосредст-
венно в программе представьте себе ваши будущие рисунки, решите, из каких
простейших фигур и линий они будут состоять, какие инструменты будут ис-
пользоваться в работе. Нарисуйте фигурки на бумаге, и только затем перехо-
дите к компьютерному творчеству.
ГЛАВА 2

Преобразование объектов

Рисование геометрических фигур и кривых — это еще далеко не вся работа,


которую выполняют в программах векторной графики. Нарисованные объек-
ты часто изменяют, применяя к ним различные операции. Одна из самых
важных групп операций — это операции трансформирования или, по-
другому, операции преобразования объектов. Это стандартные операции,
применяемые ко всем типам объектов, созданных в программе и загружен-
ных в нее извне. Операции эти чрезвычайно важны и выполняются очень
часто, а способов их совершения Adobe Illustrator предоставляет очень много.
Поэтому вся данная глава будет посвящена рассмотрению вопросов, связан-
ных со способами выполнения преобразований объектов, использующимися
инструментами, примерами их конкретного применения. В конце главы под-
робно разобрана практическая работа, которую вы сможете выполнить для
закрепления изложенного материала.

Выделение объектов
Перед тем как совершить любое действие, в том числе и преобразование, не-
обходимо указать программе, над каким конкретно объектом или объектами
это действие будет производиться. Для этого объект необходимо выделить.
В Adobe Illustrator существуют различные типы объектов и различные спосо-
бы их выделения.

Инструментарий для выделения объектов


Для выделения объектов в основном используются инструменты выделения,
которые собраны в двух верхних рядах палитры инструментов (рис. 2.1).
Также для выделения по различным признакам и для различных манипуля-
Преобразование объектов 71

ций с выделенными объектами применяются команды из меню Select (Вы-


делить).

Рис. 2.1. Инструменты выделения

Инструменты выделения
Программа Adobe Illustrator всегда славилась среди других программ вектор-
ной графики наличием нескольких выделяющих инструментов (можно ли
отнести это к достоинствам программы — вопрос спорный). А в последних
версиях к традиционным инструментам выделения добавились новые, при-
шедшие из редактора растровой графики Adobe Photoshop. Поэтому на сего-
дняшний день некоторые инструменты дублируют друг друга, но эти изли-
шества компенсируются удобством работы и многообразием выбора. Описа-
ние инструментов выделения приведено в табл. 2.1.

Таблица 2.1. Инструменты выделения

Быстрая
Пиктограмма Название Функция
клавиша
<V> Selection Tool (Выде- Выделение объектов
ление) целиком

k <А> Direct Selection Tool


(Частичное выделение)
Выделение отдельных
частей объектов

щ Group Selection Tool


(Выделение в группе)
Выделение отдельных
объектов в составе группы

\ <Y> Magic Wand (Волшеб-


ная палочка)
Выделение объектов с
одинаковыми параметрами

ш <Q> Lasso Tool (Лассо) Выделение отдельных


частей объектов

( Примечание )
В новой версии Illustrator CS2 появился еще один выделяющий инструмент Live
Paint Selection Tool ("Живое" выделение). Так как этот инструмент использует-
ся только для элементов "живых" групп, в паре с инструментом Live Paint
72 Глава 2

Bucket ("Живая" заливка), речь о нем пойдет при рассмотрении соответствую-


щей темы в главе 3.

Практика |
Запустите программу. Создайте новый файл. Найдите в палитре инстру-
ментов описываемые инструменты (см. рис. 2.1).

Команды выделения
Команды, предназначенные для выделения отдельных категорий объектов по
какому-либо признаку и операций с выделенными объектами, были в Adobe
Illustrator давно, но отдельный пункт меню они образовали только в послед-
них версиях программы (судя по всему, это была попытка унифицировать
интерфейс Adobe Illustrator с интерфейсом программы Adobe Photoshop).
Большинство команд из этого меню применяется довольно редко, а для часто
применяемых действий используют комбинации клавиш. Описание команд
меню Select (Выделить) приведено в табл. 2.2.

Таблица 2.2. Команды меню Select

Команда Быстрая клавиша Функция

АН (Все) <Ctrl>+<A> Выделяет все объекты, нахо-


дящиеся на рабочем про-
странстве
Deselect (Снять выделение) <Shift>+<Ctrl>+<A> Снимает выделение со всех
объектов

Reselect (Восстановить <Ctrl>+<6> Восстанавливает выделен-


выделение) ную область

Inverse (Инвертировать) Снимает выделение со всех


выделенных объектов и вы-
деляет все
ранее невыделенные
Next Object Abobe (Объект <Alt>+<Ctrl>+<]> Выделяется объект, распо-
выше выделенного) ложенный над выделенным

Next Object Below (Объект <Alt>+<Ctrl>+<[> Выделяется объект, распо-


ниже выделенного) ложенный под выделенным

Same |... (Одинаковые | ...) Позволяет добавить объекты


к уже выделенным по не-
скольким признакам
Преобразование объектов 73

Таблица 2.2 (окончание)

Команда Быстрая клавиша Функция


Object |... (Объект |...) Позволяет выделить все объ-
екты определенных типов
Save Selection (Сохранить Сохраняет выделение
выделение)
Edit Selection Позволяет отредактировать
(Редактировать выделение) параметры выделения

Совет
Из всего этого списка запомните пока универсальную комбинацию клавиш
<Ctrl>+<A>, применяемую для выделения всех объектов на рабочем столе.

Способы выделения объектов


В текущей главе мы будем говорить о преобразованиях целых объектов, а не
их частей и объектов в составе групп. Поэтому из всех рассмотренных инст-
рументов для выделения объектов нас в первую очередь интересует инстру-
мент Selection Tool (Выделение). Способы выделения различных объектов
приведены в табл. 2.3.

Таблица 2.3. Выделение объектов с помощью инструмента Selection Tool

Коли- Способы выделения


чество Первый Второй Примечания
объектов способ способ
Один Щелкнуть Обвести 1. Если объект не закрашен или включен
объект мышью объект режим Outline (Макет), щелкать мышью
на объекте рамкой нужно на его контуре.
2. Рамка не обязательно должна охва-
тывать весь объект. Если хоть какая-то
часть объекта попадет в нее, объект
будет выделен целиком.
Несколько Щелкать мышью Обвести 1. Если объект уже выделен, то щелчок
объектов на объектах, нужные на нем с нажатой клавишей <Shift> при-
держа нажатой объекты ведет к исключению его из группы выде-
клавишу <Shift> рамкой ленных.
2. Рамка не обязательно должна охва-
тывать все объекты. Если хоть какие-то
части каких-либо объектов попадут в
нее, эти объекты будут выделены цели-
ком
74 Глава 2

Таблица 2.3 (окончание)

Коли- Способы выделения


чество Примечания
Первый Второй
объектов
способ способ

Все Select | All Обвести


объекты (Выделить | Все) все
(<Ctrl>+<A>) объекты
рамкой

( Примечание )
Обязательным условием для использования описанных в таблице способов
выделения (за исключением команды) является активизация инструмента
Selection Tool (Выделение).

Для снятия выделения нужно щелкнуть мышью в любом свободном месте


рабочего пространства или выполнить команду Deselect (Снять выделение)
из меню Select (Выделить) (комбинация клавиш <Shift>+<Ctrl>+<A>).

/ Практика
Нарисуйте на странице все рассмотренные на прошлом занятии типы гео-
метрических фигур и линий. Используя поочередно все рассмотренные
способы выделения, поупражняйтесь в выделении одного объекта (рис. 2.2
и 2.3), нескольких объектов (рис. 2.4 и 2.5) и всех объектов рабочего стола.

Рис. 2.2. Процесс выделения одного объекта Рис. 2.3. Выделен один объект
при помощи инструмента Selection Tool

Рис. 2.4. Процесс выделения нескольких Рис. 2.5. Выделено несколько объектов
объектов при помощи инструмента
Selection Tool
Преобразование объектов 75

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


ограничительной рамкой или габаритным прямоугольником (см. рис. 2.3).
Рамка представляет собой прямоугольник, описанный вокруг фигуры или
нескольких фигур. Маркеры на этой рамке позволяют выполнять преобразо-
вания объекта.

( Примечание ^
Отображение габаритного прямоугольника можно отключить с помощью коман-
ды Hide Bouning Box (Скрыть габаритный прямоугольник) меню View (Про-
смотр). Обратное действие выполняется с помощью команды Show Bouning
Box (Показать габаритный прямоугольник) из того же меню.

Совет
Иногда в случае контуров с различными параметрами обводок тяжело при вы-
делении щелчком мыши попасть точно по контуру. В этом случае нужно сле-
дить за формой указателя мыши. Когда он займет нужное положение над кон-
туром и будет "готов" к выделению, около черной стрелки появится маленький
черный квадратик.

Для временного перехода к инструменту Selection Tool (Выделение) при лю-


бом другом активном инструменте используется клавиша <Ctrl>. Пока она
нажата, активным будет инструмент Selection Tool (Выделение). Как только
вы отпустите ее, активным снова станет текущий инструмент.

/ Практика |
Попробуйте такой переход и используйте его в дальнейшем во время ра-
боты, т. к. этот прием позволяет сэкономить очень много времени.

Примечание
В предыдущих версиях программы (до Illustrator CS) в ряду инструментов Lasso
Tool (Лассо) было представлено два инструмента: Lasso Tool (Лассо) и Direct
Lasso Tool (Частичное лассо). Инструмент Direct Lasso Tool (Частичное лассо)
применялся для частичного выделения, а инструмент Lasso Tool (Лассо) — для
полного выделения, т. е. он дублировал инструмент Selection Tool (Выделе-
ние). К сожалению, в новых версиях программы разработчики посчитали целе-
сообразным убрать один из инструментов ряда Lasso Tool (Лассо), хотя рабо-
тать с инструментом Lasso Tool (Лассо) при необходимости выделения объек-
тов целиком во многих случаях было удобнее, чем с инструментом Selection
Tool (Выделение). В версиях Adobe Illustrator CS и Adobe Illustrator CS2 остался
один инструмент Lasso Tool (Лассо), но теперь он выполняет функции частич-
ного выделения и используется для выделения отдельных частей контуров.
76 Глава 2

Основные типы преобразований


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

• удаление; • поворот;
• перемещение; • наклон (скос);
П копирование; • зеркальное отражение.
• масштабирование;

( Примечание )
Операция перемещения относится к этой группе чисто условно, т. к. при пере-
мещении объекта его внешний вид не изменяется. Тем более никакого отноше-
ния к трансформированию не имеют операции удаления и копирования. Но, как
правило, все их рассматривают в совокупности.

Основные операции трансформирования приведены в табл. 2.4

Таблица 2.4. Операции над объектами

Операция Действие Пример

Удаление Удаление объекта

Перемещение объекта на заданное


Перемещение приращение или по определенным
координатам

Получение одной или нескольких ко-


Копирование
пий объекта

Изменение размеров и (или) пропор-


Масштабиро-
ций объекта в определенных преде-
вание
лах или до заданных величин
Преобразование объектов 77

Таблица 2.4 (окончание)


Операция Действие Пример

Вращение объекта на определенные


Поворот
величины или до заданного предела

Наклон Наклон объекта на определенные ве-


(скос) личины или до заданного предела

Получение зеркально-отраженного
Зеркальное
объекта относительно заданной точки
отражение
или прямой

Выполнение преобразований
Рассмотрим, какие способы для выполнения операций трансформирования
применяются в Adobe Illustrator, каковы их особенности, условия и случаи
применения.

Многообразие способов выполнения


преобразований в Adobe Illustrator
Способов выполнения преобразований в программе очень много; операции
могут выполняться с помощью команд, инструментов, палитр. Если добавить
к этому дополнительные возможности, предоставляемые функциональными
клавишами в сочетании с другими способами, то налицо будет некоторая из-
быточность, что, впрочем, характерно для Illustrator. Поэтому необходимо
научиться ориентироваться во всем этом многообразии, выбирать подходя-
щие способы для конкретных случаев и овладеть техникой работы. При рас-
смотрении этой темы чаще всего применяют предметно-ориентированный
метод изучения, т. е. рассматривают одну операцию и все способы, которыми
ее можно совершить, следующую операцию — и способы выполнения для
нее и т. д. Но т. к. нас интересуют общие подходы, мы пойдем другим путем,
проблемно-ориентированным. Так как при выполнении всех операций каким-
либо из методов существуют общие принципы и алгоритмы, мы будем рас-
сматривать отдельный способ, и в его рамках — выполнение всех возможных
7В_ Глава 2

операций этим способом. Отдельно рассмотрим лишь операции удаления и


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

Операции удаления, перемещения


и копирования
Эти операции относятся к наиболее простым и методы их выполнения одина-
ковы во многих программах.

Удаление
Самая простая операция — это операция удаления. Для ее выполнения вы
должны выделить объект или несколько объектов, а затем удалить их либо с
помощью команды Clear (Очистить) из меню Edit (Правка), либо используя
клавишу <Delete>(<Del>).

/ Практика ~f
Вспомните еще раз эту операцию. Попробуйте удалить один объект, не-
сколько объектов. Восстановите объекты при помощи отмены последнего
действия или комбинацией клавиш <Ctrl>+<Z>.

Перемещение
Существует несколько способов перемещения объектов. Самые простые из
них следующие.
Первый способ— перемещение с помощью мыши (буксировка мышью).
Объект или объекты необходимо выделить, а затем, при активном инстру-
менте Selection Tool (Выделение), перемещать, приложив курсор мыши к
объекту. Если объект не закрашен или работа происходит в режиме Outline
(Макет), мышь нужно прикладывать к контуру объекта (но не к маркерам на
габаритном прямоугольнике). Если необходимо переместить несколько вы-
деленных объектов, то мышь нужно прикладывать к одному из них (но никак
не к пустому пространству между ними).
Если вы хотите перемещать объект строго вертикально, строго горизонтально
или под углом 45°, во время перемещения нужно держать нажатой клавишу
<Shift>.

( Примечание )
Порядок работы при использовании функциональных клавиш здесь и далее
следующий: сначала надо начать операцию, потом нажать и держать клавишу
на клавиатуре. В конце нужно отпустить кнопку мыши, а затем — клавишу.
Преобразование объектов 79

I Практика |
Выполните операцию перемещения одного объекта описанным способом.
Выполните перемещение нескольких объектов.

Второй способ — перемещение при помощи управляющих клавиш на кла-


виатуре: «—>, <—», <Т>, <-1>. При каждом нажатии на соответствующую
клавишу объект будет передвигаться строго горизонтально или строго верти-
кально. Шаг перемещения по умолчанию равен 1 пт (1 пункт). Его можно из-
менить в поле Keyboard increment (Клавиатурное приращение) подкоманды
Edit | Preferences | General (Правка | Установки | Основные).

( Примечание )
Если нажать на управляющую клавишу клавиатуры и держать ее, объект авто-
матически "поползет" в соответствующем направлении. Если при выборе
управляющих клавиш держать нажатой клавишу <Shift>, то шаг приращения
увеличится в 10 раз и объект будет двигаться "скачками".

I Практика /
Переместите объект, затем несколько объектов на небольшое расстояние
при помощи управляющих клавиш на клавиатуре. Разместите линейки на
экране, потом измените шаг приращения в настройках и задайте его рав-
ным 1 дюйму (1 inch = 2,54 см). Проверьте, перемещая объекты, действу-
ют ли ваши новые установки. Попробуйте перемещать объект строго по
вертикали, строго по горизонтали и под углом в 45°.

Копирование
Для операции копирования также существует несколько способов выполне-
ния. Рассмотрим простейшие из них:
П копирование с помощью мыши;
П копирование через буфер обмена.
Для копирования с помощью мыши необходимо перемещать объект или объ-
екты мышью, держа нажатой клавишу <Alt>.

/ Практика |
Попробуйте выполнить копирование объектов при помощи мыши.

Способ копирования через буфер обмена универсален для всех программ. Он


заключается в том, что сначала выделенный объект или объекты копируются
в буфер обмена, а затем копия объекта вклеивается из буфера.
80 Глава 2

Копирование объекта в буфер обмена происходит стандартным путем: либо


посредством меню Edit | Сору (Редактирование | Скопировать), либо с ис-
пользованием комбинацию клавиш <Ctrl>+<C>. А вот при вклеивании из бу-
фера возможны три варианта:
• Edit Paste (Редактирование Вклеить) или комбинация клавиш
<Ctrl>+<V> — копия объекта вклеивается по центру активного окна;
• Edit | Paste in Front (Редактирование | Вклеить вперед) или комбинация
клавиш <Ctrl>+<F> — копия объекта вставляется впереди оригинала;
П Edit | Paste in Back (Редактирование | Вклеить назад) или комбинация кла-
виш <Ctrl>+<B> — копия объекта вставляется позади оригинала.

/ Практика |
Выполните копирование объектов, используя буфер обмена.

Примечание
Визуально результаты выполнения вклеивания вперед и вклеивания назад не-
различимы, более того, этих копий вообще не видно. Но т. к. выделенной в лю-
бом случае оказывается копия объекта, то при выполнении последующих опе-
раций (например, раскрашивания и смещения) они будут применяться к копии,
которая, в зависимости от способа вклеивания, оказалась или на переднем
плане, или на заднем.

/ Практика /
Нарисуйте на странице два одинаковых прямоугольника и присвойте им
стандартные цвета: черный цвет контура и белый цвет заливки. Скопируй-
те один из них в буфер обмена и вклейте вперед, затем, ничего больше не
выделяя, раскрасьте в произвольный цвет, используя палитру Swatches
(Каталог), и сместите в сторону и вверх с помощью управляющих клавиш.
Скопируйте второй объект в буфер обмена и вклейте назад. Проделайте с
ним те же самые операции. Сравните полученные результаты (рис. 2.6).

1
Рис. 2.6. Эксперименте вклеиванием объектов из буфера обмена
вперед (слева) и назад (справа)
Преобразование объектов 81_

Выполнение преобразований
с помощью габаритного прямоугольника
Габаритный прямоугольник (ограничительная рамка) появляется вокруг вы-
деленного с помощью инструмента Selection Tool (Выделение) объекта или
объектов (см. рис. 2.3). С помощью маркеров этой рамки над выделенным
объектом, кроме перемещения, рассмотренного нами ранее, можно выпол-
нять следующие операции:
• масштабирование;
П поворот.

Масштабирование
Для масштабирования необходимо подвести указатель мыши к одному из
маркеров габаритного прямоугольника, нажать на кнопку мыши и, не отпус-
кая ее, тянуть до тех пор, пока объект не достигнет нужных размеров
(рис. 2.7). Масштабирование таким способом можно выполнить и над не-
сколькими выделенными объектами одновременно.

Рис. 2.7. Масштабирование объекта при помощи габаритного прямоугольника

/ Практика |
Выполните масштабирование одного объекта, а затем — нескольких объ-
ектов при помощи габаритного прямоугольника.

Клавиша <Shift>, удерживаемая во время операции масштабирования, дает


возможность отмасштабировать объект пропорционально, а клавиша
<Alt>— отмасштабировать объект относительно его центра. Без нажатия
клавиши <Alt> масштабирование происходит либо относительно угловой
точки объекта (при подведении указателя мыши к одному из угловых марке-
ров), либо относительно его грани (при подведении курсора к маркеру, нахо-
дящемуся на противоположенной грани). При перемещении угловых марке-
ров объект масштабируется одновременно по горизонтали и по вертикали, а
при перемещении боковых маркеров — только по горизонтали или по верти-
кали. Масштабирование объекта относительно угла, противоположенной
грани и центра показано на рис. 2.8—2.10.
82 Глава 2

Рис. 2.8. Масштабирование объекта Рис. 2.9. Масштабирование объекта


относительно угла относительно противоположенной грани

и\
/

\
\
V J1
Рис. 2.10. Масштабирование объекта относительно центра

/ Практика |
Выделите эллипс. Выполните его пропорциональное масштабирование и
масштабирование относительно разных точек.

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

Поворот
Поворот можно выполнить над выделенным объектом или несколькими объ-
ектами, подведя указатель мыши к любой грани габаритного прямоугольника
вблизи углового маркера. При готовности к выполнению поворота он изме-
нит форму на двунаправленную полукруглую стрелку (рис. 2.11). Установив
такую форму указателя, нужно нажать на кнопку мыши, приложить его к
грани габаритного прямоугольника и выполнять вращательное движение
мышью (рис. 2.12) до тех пор, пока не будет достигнут поворот объекта или
Преобразование объектов 83

объектов на необходимый угол. После этого кнопку мыши можно отпустить


(рис. 2.13).

Рис. 2.11.1-й этап выполнения поворота Рис. 2.12. Выполнение операции поворота

Рис. 2.13. Повернутый объект

При выполнении поворота этим способом поворот всегда происходит отно-


сительно геометрического центра объекта, а клавиша <Shift>, удерживаемая
во время операции, позволяет выполнять поворот не плавно, а с прираще-
нием в 45°.

/ Практика |
Выполните операцию поворота описанным выше способом над прямо-
угольником, эллипсом, произвольной кривой, несколькими объектами од-
новременно. Сравните, чем отличается процесс поворота при нажатой
клавиши <Shift> от процесса поворота без ее нажатия.

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

При повороте объекта габаритный прямоугольник поворачивается на тот же


угол, что и сам объект. Если над повернутым объектом необходимо выпол-
нять дальнейшие преобразования, можно восстановить начальную форму га-
баритного прямоугольника. Для этого нужно выделить повернутый объект и
выполнить команду Transform | Reset Rounding Box (Трансформирование |
84 Глава 2

Восстановить габаритный прямоугольник) из меню Object (Объект) (рис. 2.14


и 2.15).

Рис. 2.14. Положение габаритного Рис. 2.15. Положение


прямоугольника после поворота габаритного прямоугольника
после выполнения команды
Reset Rounding Box

Выполнение преобразований
при помощи команд
Команда Transform (Трансформирование) находится в меню Object (Объ-
ект), и в качестве подкоманд в нее входят все операции трансформирования.
Все операции выполняются относительно центра выделенного объекта. Вы-
полнение преобразований с помощью этих команд— основной способ
трансформирования объектов при необходимости задания точных величин
трансформирования. Каждому преобразованию посвящено свое диалоговое
окно со своими параметрами, но к выполнению преобразований этим спосо-
бом существуют общие подходы, и окна имеют много одинаковых элементов.
Рассмотрим их на примере диалоговых окон операций перемещения и мас-
штабирования как наиболее важных и часто выполняемых.

Перемещение
Диалоговое окно Move (Перемещение) можно вызвать с помощью команды
Object | Transform | Move (Объект | Трансформирование | Перемещение) или
комбинации клавиш <Ctrl>+<Shift>+<M>. Диалоговое окно этой команды
показано на рис. 2.16.

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

Рассмотрим работу с этим диалоговым окном, в качестве объекта экспери-


мента выбрав прямоугольник.
Преобразование объектов 85

Position
doreonta||
Сзгке!
vertlca
Copy

Г" Preview

Рис. 2.16. Диалоговое окно Move

/ Практика |
Создайте новый файл, задав в качестве единиц измерения сантиметры.
Нарисуйте произвольный прямоугольник. С помощью направляющих от-
метьте расположение его центра (рис. 2.17). Выделите прямоугольник.
Вызовите диалоговое окно Move (Перемещение).

Вводя величины в этом диалоговом окне, можно пойти двумя путями. Пер-
вый путь — задать относительное смещение объекта по горизонтали и по
вертикали (т. е. изменить положение объекта относительно прежнего). Для
этого в поля Horizontal (По горизонтали) и Vertical (По вертикали) нужно
ввести значения смещений. Причем, если объект смещается вправо или
вверх, значения должны быть положительными, а влево или вниз — отрица-
тельными.

/ Практика |
Введите значение -5 в поле Horizontal (По горизонтали) и 9 в поле
Vertical (По вертикали). Выберите кнопку ОК (Да). Прямоугольник дол-
жен переместиться. Отметьте с помощью направляющих новое положение
его центра и проверьте правильность перемещения по линейкам
(рис. 2.18). Снова вызовите диалоговое окно Move (Перемещение).

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

В диалоговом окне Move (Перемещение) есть флажок Preview (Просмотр).


Этот флажок очень полезен, т. к. при его активизации вы можете оценить ре-
86 Глава 2

зультат операции, не закрывая диалогового окна. И, если он вас устраивает,


выйти из диалога щелкнув по кнопке ОК (Да), а если нет — по кнопке Cancel
(Отмена).

ю |Б 0 i S 10 10 5 0 5 10

1: 1:
о• о•

5 - 5

и- 0

5- 5

1
0- 0

1
:
5 5

Рис. 2.17. Исходное положение Рис. 2.18. Прямоугольник


прямоугольника после перемещения

/ Практика |
Введите значение 7 в поле Horizontal (По горизонтали) и -4 в поле
Vertical (По вертикали). Активизируйте флажок Preview (Просмотр). На
экране вы должны увидеть, что прямоугольник переместился на новое ме-
сто (рис. 2.19). Выберите кнопку ОК (Да).

Второй путь, которым можно воспользоваться при задании смещения — это


ввод расстояния и угла, на которые вы хотите переместить объект, в поля со-
ответственно Distance (Расстояние) и Angle (Угол). В поле Distance (Рас-
стояние) всегда вводится положительная величина, а знак величины, вводи-
мой в поле Angle (Угол), зависит от направления: направление против часо-
вой стрелки вводится со знаком "+", а по часовой стрелке — со знаком "-"
(рис. 2.20).

Практика /
Снова откройте диалоговое окно перемещения. Так как флажок Preview
(Просмотр) у вас активен, объект сразу же переместится по ранее введен-
ным координатам. Снимите флажок, и объект возвратится на место. Вве-
дите ю см в поле Distance (Расстояние) и -Ю5о в поле Angle (Угол). По-
сле выбора кнопки ОК (Да) объект должен переместиться на заданное
расстояние (рис. 2.21 и 2.22).
Преобразование объектов 87

Options
Г Г

Рис. 2.19. Просмотр перемещения Рис. 2.20. Отсчет угла

1Б \\0 В 0 5 II 15 10 5 0 Е 110
/

5 • 5 •

0 • 0:

5 :
5:

ft 1:
0 •
0-

1: 1:
s- 5 •

?'
г: о • /
0-

2: г:

Рис. 2.21. Начальное Рис. 2.22. Объект после перемещения


положение объекта по заданным величинам

Примечание
Два способа ввода значений для задания перемещения (смещения по горизон-
тали и вертикали или расстояния и угла) являются взаимозаменяемыми. То
есть, при изменении значений в первых двух полях автоматически изменяются
значения во вторых, и наоборот.
88 Глава 2

И последнее. В диалоговом окне Move (Перемещение) есть кнопка Сору


(Скопировать) (см. рис. 2.16). Она предназначена для того, чтобы перемес-
тить по заданным величинам не сам объект, а его копию.

/ Практика |
Отмените последнее перемещение. Прямоугольник вернется на свою ис-
ходную позицию (см. рис. 2.21). Выделив объект, снова вызовите окно пе-
ремещения и, не изменяя значений в нем, выберите кнопку Сору (Скопи-
ровать). После закрытия диалогового окна картинка на вашем экране
должна быть такая же, как и на рис. 2.23.

Рис. 2.23. Копирование объекта посредством диалогового окна Move

Масштабирование
Масштабирование выполняется в диалоговом окне Scale (Масштабирование),
изображенном на рис. 2.24. Оно вызывается командой Object | Transform |
Scale (Объект | Трансформирование | Масштабирование). Этот способ так же
используется в тех случаях, когда необходимо задание точных процентных
величин масштабирования.
Масштабировать объект можно пропорционально, либо не пропорционально.
В первом случае величина масштабирования в процентах вводится в поле
Scale (Масштаб) в режиме Uniform (Пропорциональное). Причем не изме-
ненный объект составляет 100%. Все величины, большие 100, увеличивают
объект, а все величины меньшие 100 — уменьшают. При непропорциональ-
ном масштабировании масштаб объекта по горизонтали и по вертикали мож-
но изменить независимо, вводя процентные величины в поля Horizontal (По
Преобразование объектов 89

горизонтали) и Vertical (По вертикали) в режиме Non-Uniform (Непропор-


циональное). Все остальные кнопки и флажки в этом диалоговом окне дейст-
вуют так же, как и в предыдущем, рассмотренном нами.

•1
с Uniform
: | •-:. OK |
и Scale: |П1Н %
Cancai 1
Иг;;;
::
Horizontal hoo % Copy I
vertical: ш—% Г Previevv

. f,tinn
(7 ScaieSii okes i btfect;.
Г r

Рис. 2.24. Диалоговое окно Scale

/ Практика f
Установите параметры заливки и обводки по умолчанию и нарисуйте два
одинаковых эллипса размером 8x3 см (рис. 2.25). Первый из них пропор-
ционально уменьшите в 2 раза (50 %) и сделайте его копию, а второй
уменьшите в три раза (33 %) по горизонтали и увеличьте в полтора раза
(150 %) по вертикали. Также сделайте копию. Получилась ли у вас на эк-
ране картинка, изображенная на рис. 2.26?

Рис. 2.25. Исходные объекты

Рис. 2.26. Отмасштабированные копии объектов


90 Глава 2

Флажок Scale Strokes & Effects (Настройка линий и эффектов) в диалоговом


окне Scale (Масштабирование) отвечает за масштабирование контуров (об
изменении параметров контуров речь пойдет в главе 3). Если он активен, то
эффект и толщина контура объекта будет изменяться так же, как и сам объ-
ект, если сброшен — контур масштабироваться не будет (рис. 2.27 и 2.28).

Рис. 2.27. Объект и его уменьшенная Рис. 2.28. Объект и его уменьшенная
в два раза копия при активном режиме в два раза копия при неактивном режиме
Scale Strokes & Effects Scale Strokes & Effects

Поворот, наклон, зеркальное отражение


Поворот, зеркальное отражение и наклон с помощью команд Rotate (Пово-
рот), Reflect (Зеркальное отражение) и Shear (Наклон) из меню Object |
Transform (Объект | Трансформирование) выполняют при необходимости
задания точных величин преобразований аналогично рассмотренным опера-
циям. Правда выполняют их не так часто, как операции перемещения и мас-
штабирования.

Практика |
Нарисуйте произвольный контур, используя инструмент Реп (Карандаш).
Сделайте еще две копии этого контура. С помощью команд трансформи-
рования выполните над фигурами поворот (рис. 2.29), зеркальное отраже-
ние (рис. 2.30) и наклон (рис. 2.31).

Рис. 2.29. Объект и его Рис. 2.30. Объект и зеркально Рис. 2.31. Объект
повернутая копия отраженная копия и его наклоненная копия
Преобразование объектов 91

( Примечание )
На рисунках трансформированные копии смещены относительно оригиналов

Выполнение преобразований
инструментами трансформирования
Существуют четыре инструмента трансформирования, и их пиктограммы на-
ходятся в шестом ряду сверху (рис. 2.32).

Rotate Reflect Scale Shear Tool


Tool Tool Tool (Наклон)
(Поворот) (Зеркальное (Размер)
отражение)

Рис. 2.32. Инструменты для выполнения преобразований

( Примечание ^
Инструмент Reshape Tool (Форма), находящийся справа от инструмента Shear
Tool (Наклон) не является инструментом трансформирования, а служит для
изменения формы объекта (см. раздел "Операции по редактированию кривых"
главы 4).

I Практика |
Найдите в палитре инструментов рассматриваемые инструменты и размес-
тите их на экране в виде отдельных палитр.

Эти инструменты, как и в случае габаритного прямоугольника, применяются,


когда необходимо быстрое выполнение операций "на глаз". Но, в отличие от
операций, выполняемых с помощью ограничительной рамки при выделении
объектов инструментом Selection Tool (Выделение), этот способ имеет боль-
ше возможностей (хотя и более сложный алгоритм работы). В частности,
можно выполнять одновременное преобразование и копирование объекта и
указывать центр преобразования, отличный от геометрического центра фигу-
ры. Кроме того, инструменты преобразований позволяют выполнять опера-
ции наклона и зеркального отражения объектов, что невозможно выполнить
с помощью габаритного прямоугольника.
Все четыре вида преобразования выполняются по единой схеме. Действия
эти не сложные, тем не менее для их успешного выполнения нужно прохо-
92 Глава 2

дить все шаги последовательно, и четко выполнять все необходимые дейст-


вия на каждом из этапов.
Для выполнения преобразования с помощью соответствующего инструмента
необходимо:
1. Выделить объект или несколько объектов с помощью инструмента
Selection Tool (Выделение).
2. Перейти к соответствующему инструменту трансформирования.
3. При необходимости сместить центр преобразования.
4. Выполнить преобразование при помощи мыши.
Рассмотрим работу с этими инструментами более подробно.

Масштабирование
/ Практика ^
Нарисуйте и выделите прямоугольник. Перейдите к инструменту Scale
Tool (Размер).

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


ленного объекта появляется небольшой кружок с перекрестием (рис. 2.33).
Это центр преобразования, т. е. та точка, относительно которой оно будет
происходить. Если необходимо выполнить операцию трансформирования
относительно центра, то на следующем этапе нужно навести указатель мыши
на одну из сторон объекта, нажать на кнопку мыши и тянуть в произвольном
направлении (рис. 2.34). При отпускании кнопки мыши размер объекта за-
фиксируется (рис. 2.35).

/ Практика |
С помощью мыши измените размер и пропорции прямоугольника. Обра-
тите внимание, что при перемещении указателя мыши центр преобразова-
ния остается на месте, а рамка прямоугольника сжимается (растягивается)
во все стороны вокруг этой точки (см. рис. 2.34).

Совет
Такое "расползание" объекта во все стороны сначала несколько непривычно
для пользователя, т. к. масштабирование чаще всего происходит "от угла". Тем
не менее постарайтесь привыкнуть к этому способу, т. к. он достаточно удобен
и на практике; и масштабирование "от центра" во многих случаях более рацио-
нально.

При необходимости изменить местоположение центра преобразования для


того, чтобы масштабирование происходило относительно какого-либо угла
Преобразование объектов 93

или грани, необходимо после перехода к нужному инструменту трансформи-


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

______

Рис. 2.33. Исходное состояние прямоугольника Рис. 2.34. Процесс


при масштабировании масштабирования


1

Рис. 2.35. Конечное состояние прямоугольника

Примечание
Для этой цели также на этапе 3 можно выполнить щелчок мышью по той точке,
куда должен быть перемещен центр преобразования.

/ Практика
Выполните масштабирование прямоугольника относительно его правого
верхнего угла (рис. 2.36) и правой грани (рис. 2.37).

Примечание
Если вы хотите растянуть или сжать объект только по вертикали, только по го-
ризонтали или пропорционально, во время операции необходимо держать на-
жатой клавишу <Shift>.

Для того чтобы при масштабировании с помощью инструмента Scale Tool


(Размер) получить отмасштабированную копию объекта, необходимо во вре-
мя операции держать нажатой клавишу <Alt>.
94 Глава 2

Рис. 2.36. Процесс масштабирования Рис. 2.37. Процесс масштабирования


прямоугольника относительно угла прямоугольника относительно грани

/ Практика |
Выполните пропорциональное уменьшение размеров прямоугольника от-
носительно его левого нижнего угла с получением отмасштабированной
копии (рис. 2.38).

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

Поворот и наклон
Операции поворота и наклона с использованием инструментов Rotate Tool
(Поворот) и Shear Tool (Наклон) выполняются по той же схеме, что и мас-
штабировании, только при операции поворота нужно совершать мышью
вращательное движение, а при операции наклона— перемещение вдоль го-
ризонтальной или вертикальной грани объекта.
При выполнении операции поворота центр поворота можно выносить на
грань фигуры, а также за ее контуры (рис. 2.39—2.41).
В этом случае клавиша <Shift> также позволяет выполнять поворот не плав-
но, а "скачками" с приращением в 45°.

/ Практика ~jj
Выполните поворот произвольного объекта (но не круга) плавно и с при-
ращением в 45°, варьируя местоположения центра вращения. Выполните
операцию наклона прямоугольника (рис. 2.42).
Преобразование объектов 95

Рис. 2.39. Выполнение поворота Рис. 2.40. Выполнение поворота


относительно центра относительно точки на грани

Рис. 2.41. Выполнение поворота относительно точки за пределами объекта

Рис. 2.42. Начальное положение прямоугольника и его наклоненная копия

Примечание
Клавиша <Alt>, как и в предыдущих случаях, позволяет получать трансформи-
рованные копии объектов.

Зеркальное отражение
И наконец, операция зеркального отражения, выполняемая с помощью инст-
румента Reflect Tool (Зеркало), требует отдельного рассмотрения, т. к. у нее
есть небольшое отличие в исполнении на третьем этапе. Зеркальное отраже-
96 Глава 2

ние выполняется относительно определенной оси. После того как объект бу-
дет выделен, а инструмент Reflect Tool (Зеркало) активизирован, необходимо
эту ось представить себе мысленно. Затем нужно последовательно щелкнуть
мышью два раза в двух любых точках на этой воображаемой оси (рис. 2.43
и 2.44).

( Примечание
Если вы хотите, чтобы ось располагалась строго вертикально или строго гори-
зонтально, необходимо после первого щелчка мышью удерживать нажатой
клавишу <Shift> (отпустить ее нужно уже после того, как появится зеркальное
отражение объекта).

Рис. 2.43. Исходный объект и воображаемая Рис. 2.44. Зеркальное отражение объекта
ось отражения. Крестиками обозначены относительно предполагаемой оси
возможные места для щелчка мышью

/ Практика /
Выполните пример, изображенный на рис. 2.43 и 2.44.

Очень часто необходимо получить зеркальную копию объекта. Для этого


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

Практика |
С помощью операции наклона превратите прямоугольник в параллело-
грамм. Сделайте его зеркально отраженную копию относительно верти-
кальной оси (рис. 2.45).

( Примечание )
Иногда необходимо отражать объект не относительно оси, а относительно точ-
ки. В этом случае необходимо, как и в случае поворота (только инструмент бу-
дет другой), сместить центр отражения, а затем выполнять вращательное пе-
Преобразование объектов 97

ремещение объекта. После окончания операции объект будет зеркально отра-


жен относительно выбранной точки.

Рис. 2.45. Зеркально отраженная копия параллелограмма

Палитра Transform
Палитра Transform (Трансформирование) является еще одним средством для
выполнения операций трансформирования. Она позволяет задать точные ве-
личины преобразований, причем не относительные, как в случае команд из
меню Object | Transform (Объект | Трансформирование), а абсолютные.
Кроме того, в этой палитре отражаются некоторые текущие характеристики
объекта. Палитра Transform (Трансформирование) изображена на рис. 2.46.

Координата^ Поле изменения


по горизонтали^ ширины

Схема- -Маркер связи


•!)U<}12SS2 cm Ht j4,2603 cm

Координата, .Попе изменения


по вертикали' высоты

Поле поворота Поле наклона


Рис. 2.46. Палитра Transform

/ Практика |
Если у вас на экране нет палитры Transform (Трансформирование), раз-
местите ее на экране с помощью команды из меню Window (Окно) или
комбинации клавиш <Shift>+<F8>.

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

4 Зак. 1380
98 Глава 2

В полях X и Y отражаются текущие координаты объекта относительно общей


системы координат. Система координат базируется на начале отсчета линеек.
По умолчанию начало отсчета, т. е. точка с координатами (0; 0) совпадает с
нижним левым углом страницы. Изменяя значения в этих полях, объект мож-
но перемещать.
В правой части палитры расположены два поля для отображения текущих
размеров выделенного объекта, а также для их изменения. Справа от полей
W — Width (Ширина) и Н — Height (Высота) находится маркер связи, отве-
чающий за пропорциональное масштабирование.

( Примечание ^
Маркер связи, и соответственно палитра Transform (Трансформирование), мо-
жет находиться в двух состояниях: активном и пассивном. Соответственно, ко-
гда маркер связи пассивен, с помощью палитры можно осуществлять непро-
порциональное масштабирование, когда активен — пропорциональное. Пере-
ход из одного состояния в другое осуществляется с помощью щелчка мышью
по маркеру. На рис. 2.46 этот маркер находится в пассивном состоянии, т. е.
поля ширины и высоты не связаны.

В нижней части палитры находятся поля для изменения угла поворота (слева)
и изменения угла наклона (справа) (см. рис. 2.46).

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

Выполнение преобразований
Для выполнения операций при помощи палитры Transform (Трансформиро-
вание) необходимо выделить объект, затем указать на схеме в палитре, отно-
сительно какой точки объекта будет происходить преобразование. Затем
нужно ввести в соответствующие поля палитры новые значения и закончить
ввод нажатием клавиши <Enter>.

/ Практика |
Создайте новый файл и задайте в нем миллиметры в качестве единиц из-
мерения. Разместите на экране линейки. Убедитесь, что точка с координа-
тами (0; 0) находится в левом нижнем углу страницы. Нарисуйте произ-
вольный прямоугольник в верхней части страницы. Выделите его и выбе-
рите в палитре трансформирования центральную точку на схеме.
Убедитесь (ориентируясь по линейкам), что в полях X и Y отражаются те-
кущие координаты центра прямоугольника. Выберите на схеме в качестве
центра преобразований угловую точку вверху справа. Обратите внимание,
что значения в полях X и Y изменились, и теперь здесь отображаются ко-
ординаты правого верхнего угла прямоугольника.
Преобразование объектов 99

С помощью палитры Transform (Трансформирование) измените размеры


прямоугольника таким образом, чтобы его ширина составила 64 мм, а вы-
сота— 36 мм. Масштабирование производите относительно центра. Пе-
реместите прямоугольник так, чтобы его нижний левый угол находился в
точке с координатами (60; 90) (рис. 2.47). Наклоните прямоугольник от-
носительно его левой грани вправо на 30° и превратите его в параллело-
грамм. Затем поверните полученный параллелограмм по часовой стрелке
на угол в 45° относительно правого верхнего угла (рис. 2.48).

0 50 100 150 200 250 300 350 400 450 500 5'

Eg
> Transform* 4 !
..... W:|Wmm
3,
* ' ' Y: J90 mm H; j 36 mm

Рис. 2.47. Перемещенный прямоугольник

|гр») 250 300 350 400 450 500 5

j Transform •
•••••QZ
X* 134,392 mm W i | 85,407 rnrn
, !g
171 255 mm

»' ^

Рис. 2.48. Повернутый параллелограмм


100 Глава 2

Примечание
Так как в полях поворота и наклона не отображаются текущие характеристики,
то на рис. 2.51 и 2.52 показано состояние палитры трансформирования в мо-
мент ввода значений. После нажатия клавиши <Enter> значения в этих полях
обнуляются.

Пропорциональное масштабирование
В Adobe Illustrator CS появилась возможность совершать пропорциональное
масштабирование с помощью палитры Transform (Трансформирование). Для
этого необходимо перевести маркер связи в активное состояние, щелкнув по
нему мышью. После этого нужно, выделив объект, ввести значение либо в
поле W — Width (Ширина), либо в поле Н — Height (Высота) и закончить
ввод. Значение во втором поле будет изменено автоматически таким образом,
что пропорции фигуры не нарушатся.

с Совет
При необходимости получения измененной при помощи палитры Transform
(Трансформирование) копии объекта удобно использовать следующий прием:
заканчивая ввод (нажимая клавишу <Enter>), нужно держать нажатой клавишу

[p. . | 5 р . . . |lOO _ |ISO . |200 . . |250 . . J300 . |ЗИ |S00 . . |551

Рис. 2.49. Пропорционально отмасштабированная копия параллелограмма

/ Практика |
Переведите палитру Transform (Трансформирование) в состояние про-
порционального масштабирования. Выделите повернутый параллело-
грамм, выберите центральную точку на схеме и введите в поле W значе-
ние 50 mm. Нажмите клавиши <Alt> и <Enter>. Убедитесь, что значение в
Преобразование объектов 101

поле Н изменилось автоматически и появилась отмасштабированная про-


порционально копия параллелограмма (рис. 2.49).

Трансформирование
при помощи управляющей палитры
Появившаяся в последней версии программы палитра управления также по-
зволяет совершать трансформирование выделенных объектов и отображать
информацию о характеристиках выделенного объекта. На рис. 2.50 показана
палитра управления в момент окончания выполнения задания на выполнение
ряда преобразований над прямоугольником при помощи палитры Transform
(Трансформирование) (см. рис. 2.48).

Координата Координата Поле изменения Маркер


Схема по горизонтали по вертикали ширины связи

Поле изменения
высоты

Рис. 2.50. Поля трансформирования в палитре управления

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

Отображаемые поля
По сути дела, поля, использующиеся для трансформирования объектов, в
управляющей палитре частично повторяют поля палитры Transform (Транс-
формирование) за исключением полей поворота и наклона (они используются
реже остальных). Только расположены они в строку и изменять значения в
них можно не только путем ввода новых значений, но и пользуясь счетчиком.
Так же, как и в палитре Transform (Трансформирование) и в остальных па-
литрах, переход от поля к полю можно осуществить при помощи клавиши
<ТаЬ>, а ввод последнего значения необходимо закончить нажатием клавиши
<Enter>.

Вызов палитры трансформирования


Палитра управления имеет следующее свойство: поля, выделенные синим
цветом и подчеркиванием, являются ссылками. При подведении к такой
102 Глава 2

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

/ Практика |
Если у вас на экране нет палитры управления, отобразите ее. Отмените
последнее действие по созданию копии параллелограмма и вернитесь к ре-
зультату выполнения задания на комплексное преобразование прямо-
угольника при помощи палитры Transform (Трансформирование) (см.
рис. 2.49). Сравните значения в полях палитр Transform (Трансформиро-
вание) и Control Palette (Палитра управления). Попробуйте изменить раз-
меры выделенного объекта и его координаты при помощи управляющей
палитры. Вызовите палитру Transform (Трансформирование) по одной из
ссылок и измените значение в одном из полей этой палитры.

Свободное трансформирование
Инструмент Free Transform (Свободное трансформирование) появился в
Adobe Illustrator относительно недавно. В палитре инструментов он находит-
ся под инструментом Scale Tool (Размер). Этот инструмент — дань моде, и
попытка создать и внедрить универсальный инструмент, способный "убить
семерых одним ударом", т. е. выполнить все операции преобразования. Для
выполнения какой-либо операции с помощью инструмента Free Transform
(Свободное трансформирование) объект необходимо выделить, а затем акти-
визировать инструмент. Вокруг объекта появится габаритная рамка, с марке-
рами которой и нужно работать для совершения каких-либо трансформаций.
Операции, выполняемые с помощью инструмента Free Transform (Свобод-
ное трансформирование), описаны в табл. 2.5.

Таблица 2.5. Работа с инструментом Free Transform

Форма указа- Применение функ-


Операция Описание
теля мыши циональных клавиш

Масштаби- Необходимо захватить Прямая двуна- <Shift> — для сохра-


рование мышью любой из маркеров правленная нения пропорций;
габаритного прямоугольника стрелка
и протянуть его в нужном <Alt> — для масшта-
направлении бирования "от центра"
Преобразование объектов 103

Таблица 2.5 (окончание)

Форма указа- Применение функ-


Операция Описание
теля мыши циональных клавиш

Поворот Необходимо расположить Полукруглая <Shift> — для поворо-


указатель мыши вне габа- двунаправлен- та с приращением 45°
ритного прямоугольника и ная стрелка
совершить вращение
мышью на заданный угол
(только относительно цен-
тра)
Наклон Необходимо захватить боко- Черный стан-
вой маркер, нажать комби- дартный
нацию клавиш <Ctrl>+<Alt> и наконечник от
протянуть его в направле- стрелки и ма-
нии, перпендикулярном рас- ленькая гори-
положению текущей грани зонтальная
габаритного прямоугольника двунаправлен-
ная прямая
стрелочка

Зеркальное Выполняется аналогично Прямая двуна-


отражение масштабированию, только правленная
перемещать указатель мы- стрелка
ши нужно вовнутрь объекта
и за объект. Этот способ не
позволяет сохранить размер
объекта и сделать зеркально
отраженную копию
Свободное Необходимо захватить один Заштрихован- <Shift>+<Alt>+<Ctrl> —
трансфор- из угловых маркеров и затем ный наконечник позволяет симмет-
мирование нажать клавишу <Ctrl>. По- стрелки рично деформировать
(перспекти- сле этого маркер можно бу- габаритный прямо-
ва) дет перемещать независимо угольник, создавая
от других эффект перспективы

Практика |
Ориентируясь на таблицу, попробуйте освоить инструмент Free
Transform (Свободное трансформирование) и с его помощью выполнить
все доступные преобразования над одним из нарисованных у вас объектов.

Повтор преобразований
Повтор преобразований — чрезвычайно полезная функция. Жалко лишь, что
она работает только для преобразований, не затрагивая другие операции. По-
104 Глава 2

втор преобразований выполняется с помощью команды Object | Transform |


Transform Again (Объект | Трансформирование | Трансформировать повтор-
но) или комбинации клавиш <Ctrl>+<D>.
Рассмотрим действие этой команды на конкретном примере. Предположим,
нам нужно нарисовать цветок, состоящий из восьми одинаковых лепестков в
форме эллипсов (рис. 2.51). Существует несколько способов выполнения это-
го задания, рассмотрим самый красивый из них.

Рис. 2.51. Цветок, который нужно нарисовать

/ Практика
Выполните следующие действия:
1. Нарисуйте эллипс (рис. 2.52).
2. Перейдите к инструменту Rotate Tool (Поворот).
3. Сместите центр преобразования в нижнюю часть эллипса (рис. 2.53).

Рис. 2.52.1-й этап выполнения работы Рис. 2.53. 2-й этап выполнения работы

Рис. 2.54. 3-й этап выполнения работы


Преобразование объектов 105

4. Выполните поворот мышью по часовой стрелке примерно на четверть


круга, держа нажатыми клавиши <Alt> и <Shift> (<Shift> — для того,
чтобы повернуть лепесток на угол в 45°, a<AIt> — для того, чтобы по-
лучить копию). Появится второй лепесток, и цветок будет иметь вид,
как на рис. 2.54. Обратите внимание, что после выполнения преобразо-
вания выделенным стал второй лепесток.
5. Повторите преобразование еще 6 раз, последовательно нажимая
комбинацию клавиш <Ctrl>+<D>. Цветок должен стать таким, каким
ему и следовало стать (см. рис. 2.51).

Практическая работа
"Объекты на основе преобразований"
Самое главное при выполнении преобразований — научится видеть, где их
можно применять, предпочтя трансформацию другим способам обработки
объектов. Кроме того, необходимо выбрать оптимальный способ для кон-
кретного преобразования и выполнить его с наименьшими временными и
трудовыми затратами, достигнув при этом наилучших результатов. Предла-
гаемая вашему вниманию практическая работа как раз и направлена на дос-
тижение подобного результата при закреплении разобранного в данной главе
материала.
На рис. 2.55 изображены различные объекты, составленные из совокупности
геометрических фигур и линий. Но, в отличие от предыдущей работы, от-
дельные составляющие этих объектов получены путем различных преобразо-
ваний над несколькими базовыми фигурами и линиями.

/ Практика |
Создайте новый файл и сохраните его в папке Глава 2 под именем объекты
на основе преобразований. Выполните 5 любых примеров из тех, которые
изображены на рисунке, и придумайте и нарисуйте 5 собственных объек-
тов. Рисуя каждый из объектов, старайтесь выполнять создание деталей и
их трансформирования не только самым легким и оптимальным для дан-
ного случая способом, но и пробовать все другие способы выполнения
данного трансформирования. Например, шахматную доску удобнее и
проще нарисовать инструментом Rectangular Grid Tool (Прямоугольная
сетка), но вы попробуйте создать ее также из маленьких квадратиков, ко-
пируя и смещая их.
При работе вам может стать полезной сводная таблица преобразований
(табл. 2.6), где отражено, какими способами можно выполнить каждое из
преобразований.
106 Глава 2

Рис. 2.55. Объекты на основе преобразований

Таблица 2.6. Сводная таблица преобразований

Габаритный
Команды Инструменты Палитра Инстру-
прямоугольник
из меню трансфор- трансфор- мент Free
в режиме вы-
Transform мирования мирования Transform
деления

Масштаби- + + + + +
рование
Преобразование объектов 107

Таблица 2.6 (окончание)

Габаритный
Команды Инструменты Палитра Инстру-
прямоугольник
из меню трансфор- трансфор- мент Free
в режиме вы-
Transform мирования мирования Transform
деления

Поворот + + + + +
Наклон - + + + +
Зеркальное -•
+ + - +
-
отражение
ГЛАВА 3

Работа с цветом.
Изменение параметров контура
и заливки
Работе с цветом во всех программах компьютерной графики уделяется очень
большое внимание. Ведь именно цветовое решение работы является одним из
факторов, определяющих ее успех. Также для объектов векторной графики,
которые состоят из контуров, важен не только цвет, но и остальные парамет-
ры их заливки и обводки.
На первый взгляд процесс раскрашивания объектов и изменения параметров
заливки и обводки кажется простым, но для успешной работы необходимы не
только практические навыки, но и теоретические знания, поэтому в главе
рассматриваются не только практические вопросы по созданию и примене-
нию цветов, а также изменению других параметров заливки и обводки, но и
кратко излагаются теоретические основы работы с цветом.
Фирма Adobe стремится к созданию единого комплекса программ, поэтому
многие элементы интерфейса и принципы работы в различных программных
продуктах Adobe похожи друг на друга. Это относится и к работе с цветом.
Многие палитры, диалоговые окна, а также принципы работы с цветом по-
вторяют аналогичные элементы программы Adobe Photoshop.
Практическая работа, рассмотренная в конце главы, является итоговой. В ней
закрепляется и обобщается не только материал текущей главы по работе с
цветом, но и двух предыдущих глав по работе с интерфейсом и геометриче-
скими фигурами. Эта работа под названием "Домик-замок" завершает собой
первый, начальный этап изучения программы векторной графики Adobe
Illustrator.
Работа с цветом. Изменение параметров контура и заливки 109

Основные принципы изменения параметров


обводки и заливки в Adobe Illustrator
Основные принципы при работе с цветом и изменении параметров контуров
и заливки объектов одинаковы во всех программах векторной графики, раз-
ница существует лишь в конкретном подходе к осуществлению того или ино-
го действия.
В Adobe Illustrator CS2 наряду с традиционными способами воплощен новый
подход к понятию заливки объектов и введено два новых инструмента для
осуществления этой операции: Live Paint Busket ("Живая" заливка) и Live
Paint Selection Tool ("Живое" выделение), которые также будут рассмотрены
в этой главе.

Понятие заливки и обводки


Во всех программах векторной графики есть понятие контур (path) или кри-
вая. Из них состоит любой объект, созданный в программе векторной графи-
ки. Каждая кривая может иметь внутреннюю часть — заливку или фон (fill), и
внешнюю— обводку (stroke) или контур (рис. 3.1). Цвета и остальные пара-
метры у заливки и обводки могут быть как одинаковыми, так и различными.
Объект вообще может не иметь заливки, обводки, или того и другого одно-
временно (рис. 3.2).

Рис. 3.1. Основные элементы Рис. 3.2. Контуры с различными параметрами заливки
кривой и обводки (слева направо):
с заливкой и обводкой, без заливки, без обводки

Примечание
Существуют некоторые разночтения в терминологии основных понятий. Так,
под контуром можно понимать и объект, созданный в программе векторной
110 Глава 3

графики (геометрические фигуры в общем смысле также являются контурами


или, по-другому, кривыми), и внешнюю границу этого объекта. К особой путани-
це и разночтениям это не приводит, т. к. что конкретно понимается в том или
ином случае, бывает ясно из контекста.

/ Практика
Создайте новый файл в цветовом режиме RGB. Нарисуйте на экране не-
сколько геометрических фигур и линий. Найдите у нарисованных объек-
тов контур и заливку.

Заливка замкнутых и незамкнутых контуров


Во всех программах векторной графики контуры бывают замкнутыми (за-
крытыми) и незамкнутыми (открытыми) (рис. 3.3). Но в каждой программе
свой подход к заливке незамкнутого контура. В некоторых программах он не
заливается никогда, в других все зависит от настроек. В Adobe Illustrator не-
замкнутый контур заливается, причем границей незамкнутого участка при
заливке служит невидимая прямая линия, соединяющая концевые точки кон-
тура (рис. 3.4).

Рис. 3.3. Замкнутый и незамкнутый Рис. 3.4. Заливка замкнутого


контуры и незамкнутого контуров

/ Практика ^
Нарисуйте замкнутый и незамкнутый контур. Выполните их заливку.

Режимы отображения
В каждой программе векторной графики существуют два режима отображе-
ния объектов на экране. Первый — режим, при котором на экране отобража-
ются все параметры контура и заливки (цвета, градиентные заливки, узоры,
различные толщины линий и т. п.). Второй режим черно-белый, когда для
всех фигур на экране отображаются лишь их "каркасы". В этом режиме все
объекты имеют вид тонких изогнутых проволок, и никакие цвета, узоры,
Работа с цветом. Изменение параметров контура и заливки 111

толщина и эффекты контуров и заливки не видны. Второй режим необходим


для получения более удобного доступа к контурам, и позволяет сосредото-
чить внимание на основных операциях с ними, не отвлекаясь на их цветовые
и иные параметры.
В Adobe Illustrator полноцветный режим называется Preview (Иллюстрация),
а контурный — Outline (Макет). Переключение между этими режимами про-
исходит с помощью первой команды из меню View (Просмотр) или комбина-
ции клавиш <Ctrl>+<Y>.

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

Пример отображения объектов на экране в режимах Preview (Иллюстрация)


и Outline (Макет) приведен на рис. 3.5 и 3.6.

Рис. 3.5. Экран в режиме Preview Рис. 3.6. Экран в режиме Outline

/ Практика /
Выполните заливку нарисованных объектов с помощью палитры Swatches
(Каталог). Переключитесь к режиму Outline (Макет). Сравните эти два
режима.

Примечание
Эта команда может находиться в двух состояниях: при активном режиме
Preview в качестве первой команды в меню View (Просмотр) фигурирует
Outline (Макет), т. е. тот режим, к которому можно перейти. А при активном ре-
жиме Outline, наоборот, активна команда Preview (Иллюстрация).
112 Глава 3

Механизм изменения параметров


Всегда под окраской или изменением других параметров объекта понимается
изменение двух его составляющих: это изменение параметров фона или, по-
другому, заливки, и контура, или, по-другому, обводки. И в разных програм-
мах существуют разные подходы к указанию, что именно будет изменяться
сейчас, фон или контур. Есть два основных способа указания, также возмож-
ны их комбинации. В случае с изменением цветов первый подход заключает-
ся в том, что окраску фона или контура задают в разных (или из разных мест
вызванных) диалоговых окнах или палитрах (как это делается, например,
в CorelDRAW). Второй подход, реализованный в Adobe Illustrator и FreeHand,
состоит в том, что диалоговое окно или палитра используется одна и та же,
но перед окраской указывают, чему конкретно, заливке или обводке, будет
присвоен данный цвет. В Illustrator это делается с помощью значков Fill |
Stroke (Заливка | Обводка), названных нами ранее индикаторами заливки и
обводки, которые находятся в блоке управления цветом в нижней части па-
литры Tools (Инструменты) (см. рис. 1.8). Далее мы подробно рассмотрим,
как работать с этими и другими полями блока управления цветом, а также как
производить изменение параметров контура и заливки объектов.

Раскрашивание объектов
Раскрашивание объектов является очень важным этапом работы, т. к. от цве-
тового решения во многом зависит привлекательность того или иного эле-
мента или публикации в целом. Если говорить о творческом аспекте работы,
то работа с цветными объектами для большинства пользователей более при-
влекательна, чем с их нераскрашенными аналогами. Именно поэтому, когда
говорят о параметрах контура и заливки, в первую очередь рассматривают их
цветовую составляющую.
Всегда во всех программах окрашивание объектов выполняется в два этапа:
П 1-й этап — выбор или синтез цвета;
• 2-й этап — присвоение цвета заливке и (или) обводке объекта.
Перед тем, как говорить непосредственно об особенностях процесса на каж-
дом из этапов, рассмотрим, какой инструментарий при этом применяется.

Инструментарий для работы с цветом


Во всех программах компьютерной графики имеется большой набор инстру-
ментов для работы с цветом. И хотя для работы с цветом в программах рас-
тровой графики больше возможностей, инструментарий векторных программ
частично повторяет инструментарий, работающий в программах растровой
графики.
Работа с цветом. Изменение параметров контура и заливки 113

Основные компоненты программы, предназначенные для работы с цветом,


приведены в табл. 3.1.

Таблица 3.1. Основные компоненты программы для работы с цветом

Компонент Нахождение, вызов Функция


Блок управления Находится в нижней Значки управления цветом по-
цветом части палитры Tools зволяют выбирать для выде-
(Инструменты) ленных объектов предмет ок-
рашивания (заливка или обвод-
ка), менять местами цвета фона
и линии и восстанавливать цве-
та, заданные в программе по
умолчанию. Кнопки второго ря-
да позволяют изменить цвет
фона или линии на другой цвет
или градиент, либо отменить
применение заливки или обвод-
ки к выделенному объекту
Палитра Color Вызывается с помощью Предназначена для синтеза или
(Синтез) команды Color (Синтез) выбора цвета из цветового про-
из меню Window (Окно) странства. Также может исполь-
или клавиши <F6> зоваться для редактирования
цветов и присваивания цветов
объектам
Палитра Swatches Вызывается с помощью Предназначена для хранения,
(Каталог) команды Swatches редактирования и использова-
(каталог) из меню ния образцов цветов
Window (Окно)
Диалоговое окно Вызывается двойным Позволяет выбрать цвет визу-
Color Picker щелчком мыши по кноп- ально в цветовом пространстве
(Цветовая палитра) ке фона или контура в или задать его по математиче-
блоке управления цве- скому описанию
том палитры Tools (Ин-
струменты) или в па-
литре Color (Синтез)
Библиотеки Вызываются с помощью Предназначены для работы
образцов подкоманд команды с плашечными цветами
Swatch Libraries (Биб-
лиотеки образцов) из
меню Window (Окно)
Цветовые Подкоманды команды Используются для настройки
фильтры Colors (Цвета) из меню цветов, изменения их парамет-
Filter (Фильтр) ров, конвертации цветовых мо-
делей, присвоения промежуточ-
ных цветов
114 Глава 3

Таблица 3.1 (окончание)

Компонент Нахождение, вызов Функция

Инструмент Четвертый ряд снизу Позволяет копировать атрибуты


Eyedropper Tool слева в палитре Tools окраски объекта и присваивать
(Пипетка) (Инструменты) их другим объектам
Инструменты Live Третий ряд снизу в па- Выделение и окраска частей
Paint Bucket ("Живая" литре Tools (Инстру- объекта, полученных в резуль-
заливка) и Live Paint менты) тате пересечения замкнутых и
Selection Tool ("Жи- незамкнутых контуров
вое" выделение)

В процессе дальнейшего рассмотрения материала мы коснемся практически


всех вышеперечисленных компонентов.

Работа с палитрой Color


Палитра Color (Синтез) — одна из основных палитр для работы с цветом в
Adobe Illustrator. Она вызывается с помощью одноименной команды из меню
Window (Окно) или с помощью клавиши <F6>. Рассмотрим эту палитру наи-
более подробно.

/ Практика |
Разместите на экране палитру Color (Синтез). Зайдите в меню палитры
и выберите режим RGB. Выберите какой-либо цвет на цветовой шкале в
нижней части палитры.

Описание палитры
Палитра Color (Синтез) показана на рис. 3.7.

Примечание
Если палитра Color (Синтез) отображается на экране в сокращенном варианте,
т. е. видны только заголовок, ярлычок и цветовая шкала, зайдите в меню па-
литры и выполните команду Show Options (Показать параметры).

Палитра Color (Синтез) состоит из следующих компонентов.


• Цветовая шкала, представляющая собой компактный вариант цветового
пространства, на которой можно выбирать любой цвет.
• Кнопка без атрибута, которая может лишать объект заливки или обводки.
П Кнопки присвоения белого и черного цветов.
• Шкалы генерации цветовых составляющих. Перемещая бегунки на этих
шкалах выполняют синтез цвета в выбранной цветовой модели.
Работа с цветом. Изменение параметров контура и заливки 115

Шкапы Поля ввода


генерации значений
Индикатор ч Поле цветовых цветовых Меню
заливки образца составляющих составляющих палитры
Индикатор v
обводки
Hide Options
Индикатор
Web-
безопасной Grayscale
палитры RGB
Индикатор /ГГ H5B
цветового Ь^ , ' CMYK
охвата
CMYK Web Safe RGB
Кнопки
замены Insert
Кнопка Цветовая Кнопка Кнопка Complement
без шкала присвоения присвоения
атрибута белого черного

Рис. 3.7. Палитра Color

О Поля ввода значений цветовых составляющих — альтернативный способ


описания цветов.
• Поле образца — поле, в котором отображаются образцы выбранного цвета
для заливки и обводки. Оно служит и для переключения между присвое-
нием цвета заливке или обводке объекта. С помощью этого поля можно
присваивать цвета объектам методом буксировки.
• Значок предупреждения о непопадании цвета в цветовой диапазон Web-
безопасной палитры (Web-safe palette) и кнопка преобразования текущего
цвета к ближайшему цвету в этой палитре (может отсутствовать).
• Значок предупреждения о непопадании цвета в цветовой диапазон CMYK
(цветовая модель, используемая в полиграфии) и кнопка преобразования
текущего цвета к ближайшему цвету в этой модели — появляется только в
моделях RGB и HSB (может отсутствовать).

/ Практика |
Внимательно рассмотрите палитру Color (Синтез) у себя на экране. Если
отсутствуют индикаторы Web-безопасной палитры и цветового диапазона
CMYK, выберите другой цвет на шкале и добейтесь их появления.

Основные цветовые модели


Цветовая модель — это способ описания цвета. Для разных целей выбирают-
ся различные модели.
116 Глава 3

I Практика Y
Зайдите в меню палитры Color (Синтез) и посмотрите, какие цветовые
модели перечислены в средней части меню (см. рис. 3.7).

Модель RGB
RGB — это модель, используемая при задании и описании цветов на экране
монитора. В нее входят следующие основные цветовые компоненты:
• Red — красный;
П Green — зеленый;
• Blue — синий.
Значения цветовых составляющих могут изменяться в пределах от 0 до 255.

Модель CMYK
Цветовая модель CMYK используется при задании и описании цветов в пуб-
ликациях, предназначенных для печати. Основные цветовые компоненты
этой модели:
• Cyan — голубой;
П Magenta — пурпурный;
П Yellow — желтый;
П Black — черный.
Значения цветовых составляющих могут изменяться в пределах от О
до 100 %. Цветовой охват модели CMYK меньше, чем моделей RGB и HSB.

Модель HSB
Цветовая модель HSB наиболее близка к физическому восприятию цвета че-
ловеком. В ней для описания цвета используются три компонента.
• Hue — цветовой тон. Изменяется в пределах от 0 до 360°.
• Saturation — насыщенность. Изменяется в пределах от 0 до 100 %.
• Brightness — яркость. Изменяется в пределах от 0 до 100 %.

Режим Grayscale
Grayscale (градации серого) — это не модель, а режим, предназначенный для
работы с черно-белыми изображениями. Цвета в этой модели представляют
собой оттенки серого и могут задаваться в диапазоне от 0 до 100 %.
Работа с цветом. Изменение параметров контура и заливки 117

Синтез цвета в палитре Color


Существует два способа синтеза (выбора) цвета с использованием палитры
Color (Синтез):
• выбор цвета на цветовой шкале;
О установка цвета в конкретной цветовой модели.

Выбор цвета на цветовой шкале


Простейший способ выбора цвета — выбор его на цветовой шкале, которая
находится в нижней части палитры Color (Синтез) (см. рис. 3.7). Эта шкала
представляет собой спектр той цветовой модели, которая является текущей в
данный момент в палитре. Для выбора цвета необходимо щелкнуть мышью
(указатель преобразуется в пипетку) в любой точке цветовой шкалы (обрати-
те внимание, что для черного и белого цветов отдельно есть кнопки справа,
также слева есть кнопка без атрибута). Этот цвет станет текущим и отобра-
зится в образце палитры Color (Синтез). Также на шкалах и в полях палитры
будут установлены параметры, соответствующие выбранному цвету.

/ Практика
Пощелкайте в различных точках цветовой шкалы, поочередно выбирая
различные цвета и делая их текущими.

Синтез цвета в цветовой модели


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

/ Практика |
Выберите в меню палитры Color (Синтез) модель CMYK. Сместив все бе-
гунки влево, вы получите белый цвет. Если 3 верхних бегунка сместить
вправо, будет черный цвет.

( Примечание )
Но на практике такой цвет получается коричневым, поэтому, когда работают
чисто с черным цветом, используют только нижнюю шкалу (поэтому она и вве-
дена).
118 Глава 3

j Практика /
Попробуйте сместить бегунок на черной шкале влево и по очереди сме-
щать вправо бегунки на двух из трех верхних шкал. У вас будут чисто го-
лубой, чисто пурпурный и чисто желтый цвета.

( Примечание )
Чем левее будут смещены бегунки, тем менее насыщенными будут цвета.

/ Практика |
Попробуйте произвольно поперемещать бегунки, добиваясь различных от-
тенков. Введите в поля произвольные значения (от 1 до 100) и рассматри-
вайте получившиеся цвета. Щелкните на цветовой шкале и посмотрите,
какими числовыми значениями характеризуется выбранный цвет.

Перейдем к цветовой модели RGB. Эта модель обычно используется, если вы


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

/ Практика |
Выберите в меню палитры Color (Синтез) цветовую модель RGB. Попро-
буйте произвольно поперемещать бегунки, добиваясь различных оттенков.
Попробуйте вводить в поля произвольные значения (от 0 до 255) и рас-
сматривайте получившиеся цвета. Щелкните на цветовой шкале и посмот-
рите, какими числовыми значениями характеризуется выбранный цвет.
Убедитесь, что, сдвинув все бегунки влево (все значения равны 0), вы по-
лучите черный цвет, а сдвинув все вправо (255) — белый. Двигая последо-
вательно бегунки вправо, получите чистый красный, чистый зеленый и
чистый синий.

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

Если вы работаете в модели RGB или HSB, то, т. к. их цветовые охваты шире,
чем у CMYK, вы можете выбрать цвет, который невозможно будет воспроиз-
вести при печати. Признак этого — маленький восклицательный знак в жел-
том треугольнике и квадратик рядом с ним в левой нижней части палитры.
В квадратике отображается ближайший к выбранному цвет, который может
быть воспроизведен при печати. Если щелкнуть по квадратику либо по вос-
клицательному знаку, произойдет замена выбранного вами цвета на этот. Та-
Работа с цветом. Изменение параметров контура и заливки 119

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

/ Практика |
Добейтесь (например, щелкнув по цветовой шкале в области зеленых то-
нов), чтобы внизу экрана появился восклицательный знак и квадратик. За-
мените выбранный вами цвет на ближайший к нему, который может быть
напечатан. Обратите внимание на несоответствие оттенков.

Также практически постоянно при синтезе цветов в палитре Color (Синтез)


над значком с восклицательным знаком в треугольнике появляется значок
кубика и рядом с ним — образец цвета. Это предупреждение о том, что вы-
бранный цвет не входит в цветовой охват Web-безопасной палитры. Соответ-
ственно, если щелкнуть на цветовом образце рядом с кубиком, произойдет
замена синтезированного вами цвета на ближайший цвет из этой палитры.

( Примечание J
Если выбрать в меню палитры Color (Синтез) параметр Web Safe RGB (Web-
безопасная RGB), то значка кубика не возникнет, а цвета будут выбираться
только из этой палитры.

/ Практика |
Проверьте описанные выше факты.

Перейдем к модели HSB. Она считается наиболее понятной для задания цве-
та. Первая шкала Н (Hue)— цветовой тон. Он задается в интервале от О
до 360°. Чтобы получить чистый насыщенный цвет, нужно выбрать любое
значение на первой шкале, 100% на второй шкале S (Saturation)— насыщен-
ности; и 100% на последней шкале В (Brightness)— яркости. Если переме-
щать бегунок на шкале насыщенности влево, то цвет будет как бы "разбели-
ваться", а если перемещать влево бегунок на шкале яркости, то цвет будет как
бы затемняться. Чисто белый цвет получается при S=0, В=100, а чисто чер-
ный — наоборот, при S=100, B=0.

( Примечание ~^
Недостаток модели HSB состоит в том, что синтезировав цвет, его надо преоб-
разовывать либо к модели CMYK, либо к модели RGB.

/ Практика |
Попробуйте синтезировать в модели HSB различные чистые цвета, их от-
тенки, а также черный и белый цвета.
120 Глава 3

Особенностью палитры Color (Синтез) является то, что если вы зададите цвет
в одной из моделей и перейдете к другой, то на шкалах будет отображен эк-
вивалент этого цвета в другой цветовой модели.

( Примечание )
Щелчок мышью на цветовой шкале при нажатой клавише <Shift> пролистывает
список цветовых пространств.

/ Практика ^

Проверьте эти факты на практике.

Для изменения интенсивности в моделях RGB и CMYK необходимо выде-


лить все бегунки, удерживая нажатой клавишу <Shift>, и одновременно их
перемещать, прикладывая мышь к одному из них.

/ Практика |
Попробуйте изменить интенсивность выбранного цвета в модели RGB или
CMYK.
Самостоятельно поработайте в режиме Grayscale (градации серого).

Выбор цвета
в диалоговом окне Color Picker
Возможность выбора цвета в диалоговом окне Color Picker (Цветовая палит-
ра) появилась в Adobe Illustrator недавно. Это диалоговое окно полностью
повторяет одноименный элемент программы Adobe Photoshop. Принципы
работы в нем похожи на принципы работы с палитрой Color (Синтез), но
возможности, предоставляемые при работе в этом диалоговом окне, более
широкие.
Диалоговое окно Color Picker (Цветовая палитра) вызывается на экран двой-
ным щелчком по кнопкам фона или контура в блоке управления цветом па-
литры инструментов либо по полю образца палитры Color (Синтез). Если
был произведен щелчок по кнопке фона, то цвет, выбранный в диалоговом
окне, станет текущим для фона, а если был произведен щелчок по кнопке
контура — для контура.

/ Практика ^
Вызовите на экран диалоговое окно Color Picker (Цветовая палитра). Оно
изображено на рис. 3.8.
Работа с цветом. Изменение параметров контура и заливки 121

Точка текущего цвета Исходный цвет Синтезируемый цвет

Select

• Cancel

• :oi:

::
* i n^ppi" |(< J n w

Г Only Web Color

Цветовое поле Цветовая полоса Активный параметр Переход к Каталогу


Рис. 3.8. Диалоговое окно Color Picker

Принцип работы в этом диалоговом окне следующий. Как и в случае палитры


Color (Синтез), цвет здесь можно выбирать двумя способами: либо визуаль-
но, используя цветовое пространство, либо по точному математическому
описанию, вводя значения в соответствующие поля.
Параметры для всех моделей здесь представлены одновременно, поэтому,
вводя или изменяя значения в одной из моделей, вы можете видеть, как изме-
няются значения цветовых составляющих других моделей.
Существует также поле примера или образца, разделенное на две части:
в нижней части отображается исходный цвет (тот цвет контура и заливки,
который был текущим до того, как вы вызвали это диалоговое окно), а в верх-
ней — синтезируемый. Сравнивать исходный и получаемый цвет очень удоб-
но в тех случаях, когда цвет редактируется либо создается новый цвет на базе
какого-либо из имеющихся.
Так же, как и в палитре Color (Синтез), могут появляться значки, предупреж-
дающие о выпадении выбранного цвета из цветовой модели CMYK или Web-
безопасной палитры. Флажок Only Web Colors (Только Web-цвета) позволя-
ет выбирать цвета только в Web-безопасной палитре.
При выборе цвета визуально в этом диалоговом окне пользователь имеет
большие возможности по сравнению с той же операцией, производимой с
122 Глава 3

помощью палитры Color (Синтез), но он и несколько сложнее. Так как ос-


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

/ Практика |
Сделайте активным параметр В — Brightness (Яркость). Установите его
значение равным 100% (см. рис. 3.8). Последовательно выбирайте раз-
личные точки на цветовом поле и следите за всеми значениями в парамет-
рах модели HSB. Меняются ли значения компонентов в других моделях?
Выберите любую точку на цветовом поле и попробуйте перемещать бегу-
нок на цветовой полосе. Что изменяется в оттенках цвета и в значениях
параметров?
Поработайте с другими цветовыми моделями в этом диалоговом окне.

В Adobe Illustrator CS2 рассматриваемое диалоговое окно было дополнено


новой кнопкой Color Swatches (Образцы цветов). При выборе этой кнопки
пользователь попадает в диалоговое окно, где все цвета из палитры Swatches
(Каталог) выведены в виде списка, который внешним видом напоминает со-
держимое палитры Swatches (Каталог) в режиме списка (см. рис. 3.11). Цве-
товая полоса в этом диалоговом окне дискретна и содержит все перечислен-
ные образцы цветов в виде отдельных полос. Поле образца повторяет соот-
ветствующее поле основной вкладки диалогового окна Color Picker
(Цветовая палитра), а для возврата в нее используется кнопка Color Models
(Цветовые модели).

/ Практика |
Выберите кнопку Color Swatches (Образцы цветов) и перейдите ко второй
вкладке диалогового окна Color Picker (Цветовая палитра). Попробуйте
выбрать несколько образцов цветов из каталога посредством списка и цве-
товой полосы и оцените удобство работы с этой вкладкой.
Работа с цветом. Изменение параметров контура и заливки 1_23_

Палитра Swatches
Палитра Swatches (Каталог) — это одна из первых палитр, с которыми зна-
комится пользователь, начиная осваивать Adobe Illustrator, своеобразная па-
лочка-выручалочка. Благодаря тому, что в каталоге всегда присутствует не-
которое минимальное количество образцов цветов, узоров и градиентных за-
ливок, пользователь может присваивать их своим рисункам, еще не умея
синтезировать и выбирать свои собственные цвета, градиентные заливки и
узоры.

( Примечание
Стандартные образцы в каталог загружаются при создании нового документа.
Их количество и состав неизменен, но параметры каждого из образцов зависят
от того, в какой цветовой модели создавался новый документ— CMYK или
RGB (см. раздел "Создание нового документа" главы 1). При необходимости
можно изменить цветовую модель, используемую в документе с помощью
команды Document Color Mode (Цветовая модель документа) из меню File
(Файл). Но если документ создавался в одной из моделей, это не значит, что
нельзя работать с цветами других моделей.

Каталог нужен для того, чтобы сохранять созданные, отредактированные ли-


бо выбранные другим способом цвета и пользоваться ими неоднократно. Его
можно дополнять, удалять ненужные образцы, сортировать их различным
образом, редактировать, а также присваивать цвета, градиентные узоры и за-
ливки из палитры Swatches (Каталог) различным объектам Adobe Illustrator.

Описание палитры
Палитра Swatches (Каталог) вызывается с помощью одноименной команды
из меню Window (Окно).

/ Практика /
Разместите палитру Swatches (Каталог) на экране.

Стандартный вид каталога показан на рис. 3.9.

Рис. 3.9. Стандартный вид палитры Swatches


124 Глава 3

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


ля, может быть различным. Так, образцы, кроме стандартного вида Small
Thumbnail View (Маленькие образцы), могут отображаться также в виде
Large Thumbnail View (Большие образцы) и List View (Список). Эти режи-
мы задаются с помощью соответствующих команд из меню палитры. Распо-
ложение больших образцов в палитре (см. рис. 3.11) дает возможность лучше
рассмотреть цвета, но в таком виде палитра занимает много места. А при рас-
положении образцов списком (см. рис. 3.12) каждый из них занимает свою
собственную строку и выводятся все характеристики образца.

/ Практика |
Измените вид палитры Swatches (Каталог). Снова перейдите к ее стан-
дартному виду с маленькими образцами.

Также в зависимости от того, с какими конкретно образцами работает поль-


зователь, могут отображаться не только все типы образцов одновременно, но
и каждый тип образцов в отдельности: только цвета, только градиентные за-
ливки или только узоры. Переключение между этими видами отображения
образцов происходит с помощью четырех первых кнопок в нижней части па-
литры Swatches (Каталог) (см. рис. 3.9).

/ Практика |
Найдите кнопки, отвечающие за отображение конкретного вида образцов
в каталоге. Попробуйте устанавливать различные режимы отображения.
Остановитесь на режиме Show Color Swatches (Показать образцы цветов).

Добавление образцов в каталог


Рассмотрим основные операции, которые можно производить над образцами.
Самая главная из них — добавление образца в палитру Swatches (Каталог)
или, по-другому, сохранение образца. Эта операция необходима, если мы со-
бираемся использовать синтезированный или полученный другим способом
цвет (градиент или узор) в дальнейшей работе.
Для сохранения образца в палитре Swatches (Каталог) существует два спо-
соба.
1. Сделать какой-либо цвет текущим, например, синтезировав его в палитре
Color (Синтез), и затем либо зайти в меню палитры Swatches (Каталог) и
выполнить команду New Swatch (Новый образец) и в появившемся диало-
говом окне задать параметры цвета, либо щелкнуть по кнопке с листком
New Swatch (Новый образец) в нижней части палитры Swatches (Каталог).
Работа с цветом. Изменение параметров контура и заливки 125

В этом случае параметры цвета будут заданы по умолчанию. Новый обра-


зец будет добавлен в конец списка.
2. Синтезировать какой-либо цвет в палитре Color (Синтез) (или выбрать его
другим способом) и мышью перетащить его в палитру Swatches (Каталог).

С Примечание ^
Если вы будете буксировать цвет мышью из палитры Color (Синтез), то "брать"
его нужно из поля цветового образца. Также можно перетащить образец цвета
от кнопки заливки или обводки в блоке управления цветом палитры Tools (Ин-
струменты). "Бросать" образец можно в любом месте каталога.

/ Практика |
Последовательно создайте несколько цветов в палитре Color (Синтез), и
сохраните их в палитре Swatches (Каталог) различными способами.

В Adobe Illustrator CS2 появился еще один способ добавления цветового об-
разца в палитру Swatches (Каталог). Этот способ удобен в том случае, когда
вы синтезируете цвет в палитре Color (Синтез) и сразу собираетесь сохранить
его в палитре Swatches (Каталог). В этом случае нужно выполнить команду
Create New Swatch (Создать новый образец) из меню палитры Color (Син-
тез). Появится диалоговое окно New Swatch (Новый образец) — то же, что и
при сохранении образца первым из описанных выше способов.

/ Практика f
Опробуйте и этот способ сохранения цветового образца в палитре
Swatches (Каталог).

Удаление образцов
Для удаления образца из палитры Swatches (Каталог) нужно выделить его и
либо зайти в меню палитры и выполнить команду Delete Swatch (Удалить
образец), либо щелкнуть по одноименной кнопке со значком корзины в ниж-
ней части палитры. Можно просто перетащить образец в корзину.

( Примечание )
Для удаления нескольких образцов их нужно выделить, держа нажатой либо
клавишу <Ctrl> (образцы, идущие не подряд), либо клавишу <Shift> (образцы,
идущие подряд).

/ Практика |
Удалите все образцы, которые вы поместили в каталог, разными способа-
ми. Перейдите к режиму отображения List View (Список).
126 Глава 3

Редактирование параметров образца


Если необходимо изменить цветовое содержимое образца, используют сред-
ства для синтеза цветов, а именно палитру Color (Синтез) и диалоговое окно
Color Picker (Цветовая палитра). Редактирование параметров образца проис-
ходит в палитре Swatches (Каталог). Также в последних версиях программы
появилась возможность выполнять редактирование и цветового содержимого
образца в диалоговом окне Swatch Options (Параметры образца), вызываемо-
го из меню палитры Swatches (Каталог).

Индикация параметров образца


В режиме List View (Список) кроме небольшого квадратика образца для каж-
дого цвета выведено его имя и еще 2 значка, обозначающие цветовую модель,
в которой был создан цвет и его тип. В других режимах выведен только сам
образец, а его имя появляется в качестве подсказки при подведении к нему
указателя мыши. Во всех режимах более подробно о параметрах образца
можно узнать, а также при необходимости их изменить, дважды щелкнув по
образцу или выделив его, и выполнив команду Swatch Options (Параметры
образца) из меню каталога.
При активизации какого-либо образца в палитре Swatches (Каталог) его цвет
становится текущим, а его цветовые характеристики в той цветовой модели,
в которой он был создан, отображаются в палитре Color (Синтез) (рис. 3.10).

Рис. 3.10. Выбран цветовой образец в палитре Swatches.


Его цветовые составляющие отображаются в палитре Color

Типы цветов в Adobe Illustrator


Перед тем, как говорить об изменении параметров цветового образца, рас-
смотрим, что конкретно можно менять.
Во всех программах компьютерной графики различают два типа цвета: со-
ставные и плашечные. Составной цвет (Process Color) — цвет, который при
допечатной подготовке будет подвергнут цветоделению, выводиться на всех
четырех пленках и печататься методом четырехкрасочной печати за четыре
Работа с цветом. Изменение параметров контура и заливки 127

прогона путем последовательного наложения стандартных красок полигра-


фической триады (голубой, пурпурный, желтый и черный). Шашечный цвет
или простой цвет (Spot Color) — цвет, который не будет подвергнут цвето-
делению, он заранее смешивается и печатается одной краской за один прогон.
Плашечные цвета могут использоваться в публикации или отдельно, или в
дополнение к триадным тогда, когда нужна высокая точность воспроизведе-
ния цвета (например, цвет, входящий в фирменный стиль компании), или в
публикации данный цвет является преобладающим, или необходимо передать
особый оттенок (золотой, серебряный и т. п.). Пользователями компьютер-
ных программ плашечные цвета, как правило, выбираются по печатным ката-
логам и берутся из специальных электронных библиотек образцов (см. раздел
"Библиотеки образцов" данной главы).

( Примечание j
Пользователь Adobe Illustrator может синтезировать и простые и составные
цвета в любой из цветовых моделей. При необходимости в параметрах печати
можно задать цветоделение и для плашечных цветов, входящих в публикацию.

Также в программе Adobe Illustrator есть понятие глобального цвета. Если


цвет определяется как глобальный (global color), то при изменении его в па-
литре Swatches (Каталог), он изменяется у всех объектов в документе, кото-
рым он был присвоен. Если цвет неглобальный, то при любых изменениях
образца этого цвета в палитре Swatches (Каталог) объекты документа, окра-
шенные в этот цвет, не меняются. Простые цвета всегда глобальны, а состав-
ные могут быть как глобальными, так и неглобальными. По умолчанию со-
ставные цвета синтезируются неглобальными.

( Примечание ^
Также во всех компьютерных программах есть такое понятие, как цвет для ме-
ток приводки (registration color). Это цвет, который служит для технологических
целей (им обычно обозначаются приводные метки) и выводится на всех цвето-
деленных фотопленках.

Простые (плашечные) цвета в палитре Swatches (Каталог) в режиме List View


(Список) обозначаются значком в виде квадратика с кружочком после назва-
ния цвета, глобальные составные — в виде закрашенного квадратика, а у со-
ставных неглобальных не выводится никакого значка (рис. 3.11). Также в
этом режиме значками в виде квадратиков, которые располагаются после
значков типа цвета, обозначается цветовая модель, в которой был создан
цвет. В режимах Small Thumbnail View (Маленькие образцы) и Large
Thumbnail View (Большие образцы) плашечные цвета обозначаются белым
треугольником с точкой в правом нижнем углу образца, а составные глобаль-
ные — белым треугольником без точки (рис. 3.12).
128 Глава 3

| Swat.:h« Ч
Pale Orange H Щ
шшв
] ] PANTONE DS 2-7 С
Light Pale Orange .; \ >•
New Color Swalch 3 .J
PANTONE DS 331-1 С ..I /. •• л /.
'•* С.» Л
ш. ш
Рис. 3.11. Отображение параметров Рис. 3.12. Отображение параметров
цветового образца палитры Swatches цветового образца палитры Swatches
в режиме List View в режиме Large Thumbnail View

Примечание
Независимо от того, в какой цветовой модели был сгенерирован данный цвет,
он обозначается в палитре Swatches (Каталог) как цвет модели RGB (квадратик
с тремя полосками), если новый документ был создан в цветовом режиме RGB
(см. рис. 3.11), и как цвет CMYK (квадратик, поделенный на 4 сектора), если те-
кущий документ был создан в режиме CMYK.

Редактирование образцов
Для вызова диалогового окна Swatch Options (Параметры образца) нужно,
выделив образец, выполнить одноименную команду из меню палитры
Swatches (Каталог) или дважды щелкнуть по образцу. Диалоговое окно
Swatch Options (Параметры образца) показано на рис. 3.13.

Рис. 3.13. Диалоговое окно Swatch Options

Примечание
Точно такое же диалоговое окно появляется на экране при сохранении образ! ,а
цвета в палитре Swatches (Каталог) при помощи команды New Swatch (Новый
Работа с цветом. Изменение параметров контура и заливки 129

образец), вызываемой из меню этой палитры. Так что параметры цвета можно
изменить уже при его занесении в каталог.

В этом диалоговом окне можно изменить все характеристики цвета, начиная


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

Примечание )
При изменении модели цвета истинную картину можно увидеть при активиза-
ции цвета в палитре Color (Синтез). В файле, созданном в режиме RGB, все
цвета в каталоге будут помечаться как цвета RGB, а в файле, созданном в ре-
жиме CMYK — как CMYK.

Совет
Имя цвету можно давать абсолютно произвольное. Оно может быть связано с
вашим ощущением данного оттенка (например, "темновато-абрикосовый") или
содержать в себе свое математическое описание, например, "R23G150B46".
Цвет вообще может быть назван вашим именем. Выбирайте тот способ назва-
ния цвета, который будет понятен и вам и окружающим.

/ Практика |
Создайте и поместите в палитру Swatches (Каталог) цветовые образцы,
созданные в различных цветовых моделях: по три образца в каждой из мо-
делей. Измените их параметры сразу же при создании либо потом, при ре-
дактировании образца так, чтобы среди них были простые цвета, состав-
ные глобальные и составные неглобальные. Окрасьте в эти цвета несколь-
ко объектов в вашем документе. Измените цветовые составляющие этих
цветов и посмотрите, у каких объектов в документе изменились цвета, а у
каких — нет.

( Примечание )
Чтобы заменить образец цвета в палитре Swatches (Каталог) методом букси-
ровки, нужно нажать клавишу <Alt> и перетащить новый цвет на место старого
из образца палитры Color (Синтез) в палитру Swatches (Каталог).

/ Практика |
Попробуйте синтезировать новый цвет в палитре Color (Синтез) и заме-
нить им один из цветов, содержащихся в палитре Swatches (Каталог).

5 Зак. 1380
130 Глава 3

Библиотеки образцов
Наряду с синтезом цвета при помощи палитры Color (Синтез) и диалогового
окна Color Picker (Цветовая палитра), существует третий способ выбора цве-
та — выбор цвета из Swatch Libraries (Библиотеки образцов).
Существуют фирмы, которые занимаются созданием, классификацией и
стандартизацией цветов. Эти фирмы выпускают печатные каталоги цветов.
Для каждого из цветов, описанных в каталогах, можно подобрать соответст-
вующую краску. Самые известные в нашей стране еще по традиционной по-
лиграфии — каталоги и краски фирмы Pantone.

Совет
Все цвета, собранные в библиотеках образцов, являются плашечными. Но ими
можно пользоваться не только когда подобный конкретный цвет описан в тех-
ническом задании или вы собираетесь выводить его как плашечный. Библиоте-
ки образов можно использовать как альтернативу синтезу цвета при подборе
различных оттенков в работах, которые впоследствии будут распечатываться
триадными красками. Выбранный плашечный цвет можно будет преобразовать
к составному и на этапе редактирования, и на этапе вывода.

Чтобы вывести на экран любую из библиотек (а в Adobe Illustrator представ-


лено большинство существующих стандартов), нужно зайти в Window |
Swatch Libraries (Окно | Библиотеки образцов) и выбрать нужную библио-
теку.

/ Практика |
Разместите на экране библиотеку PANTONE process coated. Обратите
внимание на то, что все цвета в библиотеке являются плашечными и в ле-
вом нижнем углу палитры отображается значок перечеркнутого каранда-
ша — это значит, что непосредственно в библиотеке образцы редактиро-
вать нельзя. Выделите какой-либо образец и посмотрите, как этот цвет
отображается в палитре Color (Синтез). Библиотека образцов и палитра
Color (Синтез) при отображении текущего образца из библиотеки показа-
ны на рис. 3.14.

Щ=1х\
"ОНЕР roc шт
Find:

i у А А, А / У,

Аи. . ЧУ] А / - '


л / АА л /
/ # • :
/
>

Рис. 3.14. Вид палитры Color при выборе образца в палитре PANTONE process coated
Работа с цветом. Изменение параметров контура и заливки 131

( Примечание "}
Поле Find (Найти), предназначенное для поиска образца в библиотеке по его
имени, будет присутствовать в палитре в случае активизации соответствующе-
го флажка в ее меню.

Для модификации цветов из библиотеки, их нужно скопировать в палитру


Swatches (Каталог). Чтобы скопировать образец цвета из библиотеки образ-
цов в каталог, используются те же способы, что и при сохранении в каталоге
образцов цветов, синтезированных в палитре Color (Синтез) (см. раздел "До-
бавление образцов в каталог" данной главы).

( Примечание )
Кроме того, при выборе какого-либо образца в библиотеке образцов он автома-
тически копируется в каталог.

/ Практика ^
Скопируйте несколько цветовых образцов рассматриваемой библиотеки в
каталог. Рассмотрите параметры этих образцов, попробуйте их отредакти-
ровать. С помощью палитры Color (Синтез) создайте новый цвет на осно-
ве одного из образцов и сохраните его в каталоге.

Прозрачность
Возможность изменять прозрачность объектов в Adobe Illustrator появилась
недавно, до этого это была прерогатива программ растровой графики. Сейчас
в Adobe Illustrator можно присваивать различные уровни прозрачности как
слоям, группам и векторным объектам, созданным в самой программе, так и
растровым и векторным иллюстрациям, загруженным извне (см. разделы
"Обработка растровых изображений" и "Обработка векторных изображе-
ний" главы б).
Для работы с прозрачностью используется палитра Transparency (Прозрач-
ность), вызываемая с помощью одноименной команды из меню Window (Ок-
но) или комбинации клавиш <Shift>+<Ctrl>+<F10>. Также в последней вер-
сии программы параметр прозрачности для выделенного объекта можно из-
менить при помощи управляющей палитры.

/ - Практика 7
Разместите на экране палитру Transparency (Прозрачность). Внешний вид
палитры показан на рис. 3.15.
132 Глава 3

Рис. 3.15. Вид палитры Transparency при выделенном объекте

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

Для того чтобы сделать объект или объекты частично прозрачными, необхо-
димо выделить их и изменить параметр в поле Opacity (Непрозрачность). Для
этого нужно либо переместить бегунок на шкале (она появляется при щелчке
по стрелке рядом с полем ввода), либо изменить числовое значение. Значение
может изменяться в пределах от 0 % (полная прозрачность) до 100 % (полная
непрозрачность).

Практика /
Разместите несколько объектов недалеко друг от друга, а сверху нарисуй-
те еще один объект. Раскрасьте его, а затем попробуйте изменять значение
его непрозрачности и наблюдайте за получающимися эффектами. Пример
непрозрачного объекта и объекта с частичной прозрачностью приведен на
рис. 3.16.

Рис. 3.16. Верхний объект непрозрачен (слева)


и верхний объект частично прозрачен (справа)
Работа с цветом. Изменение параметров контура и заливки 133

с Примечание
При помощи палитры Transparency (Прозрачность) можно создавать маски не-
прозрачности, а также выбирать режимы наложения подобно тому, как это де-
лается в Adobe Photoshop. Режимы наложения выбираются в списке Blending
Mode (Режимы наложения), который находится в левой верхней части палитры.

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

Внимание!
Параметр прозрачности сохраняется как текущий. То есть, если вы работали с
каким-либо объектом и установили какой-то процент прозрачности, все вновь
заливаемые объекты будут заливаться цветом с этим же процентом прозрачно-
сти. А если вы забыли о таком параметре, то потом будете все время недоуме-
вать, почему объекты получаются такими светлыми и заливаются цветами, от-
личными от цветов образца. Поэтому лучше после работы с прозрачностью
вновь установить значение непрозрачности 100 %.

Присвоение цветов заливке и обводке объектов


Все вопросы, рассмотренные нами до этого, касались лишь выбора или син-
теза цветов. Adobe Illustrator предоставляет исключительно много возможно-
стей по работе с цветом, и хотя первое время кажется, что их слишком много
и присутствует некоторая избыточность, впоследствии оказывается, что это
является скорее достоинством, чем недостатком программы. После того как
цвет выбран или синтезирован, встает вопрос о его присвоении заливке или
обводке объекта. В этой операции главенствующая роль принадлежит блоку
управления цветом в палитре Tools (Инструменты).

Блок управления цветом в палитре инструментов


Блок управления цветом находится в нижней части палитры инструментов.
Он показан на рис. 3.17.

Индикатор Переключатель
заливки заливки
и обводки

Кнопка Индикатор
параметров обводки
по умолчанию

Кнопка Кнопка Кнопка


Цвет Градиент без
атрибута
Рис. 3.17. Блок управления цветом в палитре Tools
134 Глава 3

j Практика
Найдите блок управления цветом в палитре Tools (Инструменты) и внима-
тельно рассмотрите все его кнопки и поля. Назначение элементов блока
управления цветом описано в табл. 3.2.

Таблица 3.2. Описание кнопок блока управления цветом

Горячие
Название элемента Функция
клавиши
Fill (Заливка) — кнопка или <Х> Служит для отображения текущего
индикатор цвета заливки цвета заливки, указания в объекте
или цветовой образец последующей окраски заливки, вызо-
ва диалогового окна Color Picker
(Цветовая палитра)
Stroke (Обводка) — кнопка <Х> Служит для отображения текущего
или индикатор цвета об- цвета обводки, указания в объекте
водки или цветовой обра- последующей окраски обводки, вызо-
зец ва диалогового окна Color Picker
(Цветовая палитра)
Swap Fill and Stroke <Shift>+<X> Меняет местами цвет заливки и цвет
(Переключатель заливки обводки
и обводки)
Default Fill and Stroke <D> Присваивает цвета заливки и обводки
(Цвета заливки и обводки по умолчанию: белый цвет заливки и
по умолчанию) черный цвет обводки, а также толщи-
ну обводки равную 1 пт без пунктира
Color (Цвет) «> Обеспечивает отображение в индика-
торе заливки или обводки текущего
цвета, который определяется в па-
литре Color (Синтез)
Gradient (Градиент) <» Обеспечивает отображение в индика-
торе заливки градиентной заливки,
которая определяется в палитре
Gradient (Градиент)
None (Без атрибута) </> Присваивает заливке или обводке
параметр "без атрибута", т. е. убирает
заливку или обводку

Присвоение цветов объектам


Процесс раскрашивания объектов состоит из двух этапов:
1. Выбор или синтез цвета.
2. Присвоение цвета заливке или обводке объекта.
Работа с цветом. Изменение параметров контура и заливки 135

Со способами выбора и синтеза цвета мы уже познакомились в предыдущем


разделе. Еще раз перечислим их:
• синтез цвета в палитре Color (Синтез);
• выбор образца цвета в палитре Swatches (Каталог);
П выбор цвета из цветовой библиотеки.
Присваивать цвет заливке или обводке объекта можно двумя способами.

Присвоение цвета выделенному объекту


Для присвоения цвета заливке или обводке объекта действуют по следующе-
му алгоритму:
1. Выделяют объект или объекты.
2. Указывают, чему будет присвоен цвет— заливке или обводке объекта.
Для этого выбирают один из значков заливки или обводки в блоке управ-
ления цветом палитры инструментов или в палитре Color (Синтез). Вы-
брать значок можно либо щелчком мыши, либо нажатием клавиши <Х>.
Цвет, назначаемый любым способом, будет присваиваться либо заливке
объекта, либо обводке, в зависимости от того, какой значок будет на пе-
реднем плане.
3. Выбрать цвет любым из способов: в палитре Color (Синтез), палитре
Swatches (Каталог), цветовой библиотеке.

/ Практика ~jj
Увеличьте масштаб просмотра. Присвойте различные цвета заливке и об-
водке нескольких объектов, используя описанный способ.

Установка цветов по умолчанию


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

( Совет )
Удобно использовать режим цветов по умолчанию при создании объектов.
В этом случае процесс идет по стандартной методике: сначала делаем набро-
сок простым карандашом, а затем — раскрашиваем.
136 Глава 3

j Практика Jj
Присвойте нескольким объектам цвета по умолчанию.

Смена цветов заливки и обводки


Для того чтобы поменять местами цвета заливки и обводки, нужно восполь-
зоваться соответствующим значком в блоке управления цветом. При этом
поменяются местами цвета заливки и обводки в цветовых образцах в блоке
управления цветом и палитре Color (Синтез) и в тех объектах, которые были
выделены.

/ Практика ~jj
Поменяйте у одного из объектов цвета заливки и обводки.

Присвоение параметра без атрибута


Это очень важная операция. Она отменяет назначение заливки или обводки
объекта, т. е. делает объект без заливки, без обводки, или без того и другого
одновременно.
Для того чтобы убрать обводку у объекта, необходимо:
1. Выделить объект.
2. "Вытащить" на передний план значок обводки.
3. Щелкнуть по кнопке None (Без атрибута).
Для того чтобы убрать заливку у объекта, необходимо:
1. Выделить объект.
2. "Вытащить" на передний план значок заливки.
3. Щелкнуть по кнопке None (Без атрибута).
Для того чтобы убрать у объекта и заливку и обводку, необходимо последо-
вательно выполнить присвоение заливке и обводке объекта параметра None
(Без атрибута).

С Примечание ^
Очень часто путают белый цвет заливки и обводки с параметром None (Без ат-
рибута). Разница налицо: в первом случае есть заливка, и есть обводка, но они
имеют белый цвет. Во втором случае нет ни того, ни другого. Они одинаково
смотрятся в случае белой подложки — бумаги или экрана монитора. Но в слу-
чае цветной подложки разница между этими атрибутами существенна.
Работа с цветом. Изменение параметров контура и заливки 137

j Практика |
Нарисуйте большой прямоугольник и расположите на нем небольшой круг
с различными цветами заливки и обводки таким образом, чтобы он нахо-
дился на границе прямоугольника. Сделайте еще три копии этого круга
(рис. 3.18). Присвойте заливке первого круга белый цвет, второго— пара-
метр None (Без атрибута). Обводке третьего круга присвойте белый цвет,
обводке четвертого— параметр None (Без атрибута). Сравните объекты.
Результат выполнения операций показан на рис. 3.19.

Рис. 3.18. Эксперимент с присвоением параметра None. Начальное состояние

Рис. 3.19. Эксперименте присвоением параметра None. Конечное состояние

В режиме Outline (Макет) у всех контуров, независимо от параметров их за-


ливки и обводки, всегда есть обводка, но нет заливки.

/ Практика |
Перейдите к режиму Outline (Макет) и убедитесь, что все четыре круга в
этом режиме отображаются одинаково; с тонким черным контуром, но без
заливки.

Замена текущего цвета


Необходимо выделить объект любым инструментом выделения и выполнить
одно из следующих действий:
1. Чтобы заменить текущий цвет заливки или обводки на цвет, показанный в
палитре Color (Синтез), нужно нажать кнопку Color (Цвет) в блоке управ-
ления цветом.
2. Чтобы заменить текущий цвет заливки или обводки на цвет, показанный
в палитре Gradient (Градиент), нужно нажать кнопку Gradient (Градиент)
в блоке управления цветом.
138 Глава 3

I Практика |
Посмотрите, как действуют кнопки Color (Цвет) и Gradient (Градиент)
в блоке управления цветом.

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


Этот способ является наиболее красивым и легким, но пользователи MS Win-
dows к нему не очень привыкли. От первого способа присвоения цвета он от-
личается тем, что перед присвоением цвета ничего выделять не нужно.
Для того чтобы присвоить цвет заливке или обводке объекта, необходимо:
1. Активизировать значок Fill (Заливка) либо Stroke (Обводка) в блоке
управления цветом.
2. Выбрать образец цвета либо в палитре Color (Синтез), либо в палитре
Swatches (Каталог), либо в Библиотеке образцов.
3. Мышью перетащить образец цвета на объект.

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

Таким же способом можно "перетаскивать" образцы цвета из блока управле-


ния цветом: с кнопки Fill (Заливка) и кнопки Stroke (Обводка).

( Примечание )
Также можно буксировать образец цвета для его сохранения из блока управле-
ния цветом в каталог.

Процесс раскрашивания объектов методом буксировки показан на рис. 3.20.

Рис. 3.20. Процесс раскрашивания объекта методом буксировки

Совет
Этот способ удобно использовать, когда необходимо быстро раскрасить не-
сколько объектов, а образцы цветов раскраски присутствуют в каталоге или
Работа с цветом. Изменение параметров контура и заливки 139

Библиотеке образцов. Для переключения между значками Fill (Заливка) и


Stroke (Обводка) в этом и других случаях удобно использовать клавишу <Х>.

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

Раскрашивание с помощью палитры управления


Палитра управления, появившаяся в Adobe Illustrator CS2, также предостав-
ляет возможность раскрашивания объектов. Раскрашивание объектов с ее
помощью можно выполнить довольно быстро и удобно, т. к. не нужно, как в
других способах, вначале указывать, что будет раскрашиваться — и для за-
ливки и для обводки есть отдельные поля (см. рис. 3.21—3.24).
Так, выделив объект и щелкнув по стрелке раскрытия списка в поле Fill (За-
ливка) управляющей палитры, вы вызовите на экран палитру Swatches (Ката-
лог) (рис. 3.21). Для заливки выделенного объекта нужно просто выбрать об-
разец в палитре. Те же действия нужно предпринять для изменения цвета об-
водки объекта, только раскрывать список нужно в поле Stroke (Обводка) (см.
рис. 3.22).

,п аз*~r!
и
•4 аi J ±i 9: 1

1 Pith Fill! ^
It
Рис. 3.21. Вызов палитры Swatches Рис. 3.22. Вызов палитры Swatches
из управляющей палитры для изменения из управляющей палитры для изменения
заливки объекта обводки объекта

( Примечание ^
Не забудьте о том, что этим способом окраски можно будет воспользоваться
только в том случае, если в меню палитры управления активен режим Fill and
Stroke (Заливка и обводка).

Щелкнув по кнопке раскрытия списка с удерживаемой клавишей <Shift>,


можно вызвать и для заливки, и для обводки палитру Color (Синтез)
140 Глава 3

(рис. 3.23 и 3.24), в которых также можно выбрать или синтезировать цвет
для заливки или обводки выделенного объекта.

Рис. 3.23. Вызов палитры Color Рис. 3.24. Вызов палитры Color
из управляющей палитры для изменения из управляющей палитры для изменения
заливки объекта обводки объекта

Совет
Если, окрасив этим способом какую-либо геометрическую фигуру сразу после
ее рисования, вы хотите убрать какую-либо из вызванных цветовых палитр
(а после выбора образца она сама не убирается), щелкайте не по пустому мес-
ту экрана (что более привычно), а по стрелке, раскрывающей эту палитру, ина-
че вы рискуете вызвать на экран одно из диалоговых окон предварительного
задания параметров рисования геометрических фигур. Можно также перейти к
любому другому инструменту или выполнить какую-либо команду.

Практика |
Выполните раскрашивание заливки и обводки нескольких объектов при
помощи палитры управления, вызывая из нее палитры Swatches (Каталог)
и Color (Синтез).

Индикация цветовых параметров


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

Индикация параметров в блоке управления цветом


При выделении какого-либо объекта цветовые параметры его заливки и об-
водки индицируются на кнопках Fill (Заливка) и Stroke (Обводка) в блоке
управления цветом и в поле образца палитры Color (Цвет).

/ Практика |
Выделите какой-либо объект и получите информацию о его цветовых па-
раметрах (рис. 3.25).
Работа с цветом. Изменение параметров контура и заливки 141

Рис. 3.25. Индикация цветовых параметров выделенного объекта


в блоке управления цветом и палитре Color

( Примечание )
При выделении объекта с прозрачностью на кнопках заливки и обводки показы-
вается чистый цвет с непрозрачностью 100 %.

/ Практика |
Проверьте этот факт.

Если при выделении нескольких объектов на одной из кнопок заливки или


обводки или на обеих кнопках появляется значок вопросительного знака
(рис. 3.26), это значит, что среди выделенных есть объекты с различной за-
ливкой и обводкой.

^~ч

Рис. 3.26. Индикация различных цветовых параметров нескольких выделенных объектов


в блоке управления цветом и палитре Color

Практика ~J
Выделите несколько объектов с разными цветами заливки и обводки и
убедитесь, что и в блоке управления цветом, и в палитре Color (Цвет) ото-
бражаются вопросительные знаки. Выделите несколько объектов с одина-
ковыми цветовыми параметрами и посмотрите, отображаются ли эти па-
раметры в местах индикации.
142 Глава 3

Индикация параметров в управляющей палитре


В дополнение к рассмотренным способам индикации цветовых параметров,
они отображаются в палитре управления соответственно в полях Fill (Залив-
ка) и Stroke (Обводка) (см. рис. 3.21—3.24). Так же, как и в других палитрах,
при отсутствии выделенных объектов будут отображаться текущие цветовые
параметры, при одном выделенном объекте или нескольких с одинаковой ок-
раской — цвет заливки и обводки этих объектов. При выделении нескольких
объектов с различными цветовыми параметрами в соответствующих полях
управляющей палитры будут отображаться знаки вопроса.

/ Практика ~|
Последовательно выделите один объект, несколько одинаково раскрашен-
ных объектов, несколько объектов с различными цветами заливки и об-
водки. Наблюдайте, как цветовые параметры отображаются в палитре
управления. Есть ли отличия этого способа индикации от индикации цве-
товых параметров другими способами?

Палитра Appearance
Палитра Appearance (Внешний облик) появилась в Adobe Illustrator недавно.
Одной из ее функций является индикация цветовых параметров выделенного
объекта. В отличие от кнопок Fill (Заливка) и Stroke (Обводка) в блоке
управления цветом и в поле образца палитры Color (Цвет) в этой палитре вы-
водится информация не только о цветах заливки и обводки объекта, но и о
его прозрачности, а также о параметрах контура (см. раздел "Изменение па-
раметров контура" данной главы) и эффектах (см. главу 7).
Палитра Appearance (Внешний облик) вызывается на экран с помощью од-
ноименной команды из меню Window (Окно) или с помощью комбинации
клавиш <Shift>+<F6>.

/ Практика ~jj
Выделите какой-либо объект, вызовите из меню палитру Appearance
(Внешний облик) и посмотрите, как на ней отображается информация о
выделенном объекте. Выделите полупрозрачный объект и посмотрите, ка-
кая информация выводится о нем (рис. 3.27). Выделите несколько объек-
тов и попробуйте получить информацию о них.

Примечание
Функции палитры Appearance (Внешний облик) не ограничиваются простой ин-
дикацией цветовых параметров объекта. С ее помощью можно сохранять мно-
Работа с цветом. Изменение параметров контура и заливки 143

жество различных типов заливки, обводки и эффектов, а затем присваивать


любые из них текущему объекту или вновь создаваемым.

Н—П—иГ IШШШШШШШ•••1:1.^]

шщ
Ш Ш Apptirsnca ^ Щ |
;

Q
:
Strokei Щ 3pt '

Default Trinsparencir

Рис. 3.27. Индикация цветовых параметров выделенного объекта


в палитре Appearance (Внешний облик)

Копирование цветов
с помощью инструмента Eyedropper
Существует еще один способ выбора цвета — это копирование его из какого-
либо ранее созданного объекта или иллюстрации или вообще из другого фай-
ла. Эта операция выполняется с помощью инструмента Eyedropper Tool
(Пипетка), который находятся в палитре инструментов слева в четвертом
снизу ряду (см. рис. 1.8).

( Примечание )
Во всех предыдущих версиях программы эта операция выполнялась с помощью
двух инструментов: Eyedropper Tool (Пипетка) и Paint Bucket Tool (Заливка),
взаимное переключение между которыми можно было выполнить при помощи
клавиши <Alt>. В новой версии программы Adobe Illustrator CS2 нет инструмента
Paint Bucket Tool (Заливка), но есть инструмент Live Paint Bucket ("Живая" за-
ливка). Наряду с другими функциями, этот инструмент позволяет также копиро-
вать цвета, но только для "живых" групп (см. далее раздел ""Живая" заливка"
текущей главы).

Рассматриваемый инструмент может пребывать в двух состояниях:


Eyedropper Tool (Пипетка) и Eyedropper Pick Tool (Указатель пипетки). Пе-
реключение ко второму состоянию происходит при удержании клавиши
<Alt>. Каждому состоянию при размещении указателя на экране соответству-
ет своя форма указателя мыши: пустая пипетка, наклоненная вправо в первом
случае и заполненная, наклоненная влево — во втором.

/ Практика |
Найдите инструмент Eyedropper Tool (Пипетка) в палитре инструментов
и перейдите к нему. Наблюдайте форму курсора (он должен иметь вид пи-
144 Глава 3

петки). Нажмите и удерживайте клавишу <Alt>. Какую форму принял


курсор?

Копировать цвета контура и заливки можно двумя способами.


Первый способ заключается в том, что при желании выбрать какой-то объект
в качестве образца необходимо перейти к инструменту Eyedropper Tool (Пи-
петка) и щелкнуть по объекту. При этом цветовые параметры заливки и об-
водки объекта-образца станут текущими и их можно будет присвоить любым
объектам с помощью всех ранее описанных способов. Но есть более быстрый
способ присвоения этих цветовых характеристик другим объектам: можно
просто переключиться к состоянию инструмента Eyedropper Pick Tool (Ука-
затель пипетки), нажав и удерживая клавишу <Alt>, и щелкать по нуждаю-
щимся в изменении цветовых характеристик объектам.

(~ Совет )
При выборе цветов заливки и обводки для копирования удобно при активном
инструменте Eyedropper Tool (Пипетка) просто водить курсором с нажатой
кнопкой мыши над объектами до тех пор, пока не будут найдены необходимые
параметры (они будут отображаться в блоке управления цветом палитры инст-
рументов). Это актуально, например, для растровых изображений.

/ Практика |
Выберите какой-либо объект в качестве образца и присвойте его цветовые
характеристики нескольким другим объектам.

Второй способ более узкий. Он обратен предыдущему. Вначале нужно выде-


лить любым из инструментов выделения объект или объекты, которым необ-
ходимо присвоить скопированные параметры. Затем нужно перейти к инст-
рументу Eyedropper Tool (Пипетка) и выбрать им объект-образец. После
выбора цветовые параметры контура и заливки объекта-образца перейдут к
выделенному объекту.

/ Практика ~j
Выполните копирование цветов вторым способом.

Примечание
Функции инструмента Eyedropper Tool (Пипетка) не ограничиваются копирова-
нием только цветов заливки и обводки образца. С помощью этого инструмента
можно скопировать множество других параметров внешнего облика, а также
параметры текста. Указать, какие именно параметры нужно копировать, можно
при настройке инструмента Eyedropper Tool (Пипетка), которую можно выпол-
нить, дважды щелкнув по его пиктограмме. О копировании параметров текста
см. раздел "Форматирование по образцу" главы 5.
Работа с цветом. Изменение параметров контура и заливки 145

j Практика ~f
Дважды щелкните по пиктограмме инструмента Eyedropper Tool (Пипет-
ка) и посмотрите, какие параметры можно копировать при помощи этого
инструмента.

"Живая" заливка
В Adobe Illustrator CS2 реализован принципиально новый подход к операции
заливки объектов. Если раньше на каком-либо рисунке встречались незамк-
нутые линии, пересекающие замкнутые объекты или просто пересекающиеся
объекты, мы могли заливать цветом только замкнутые и незамкнутые конту-
ры, принадлежащие каждому из них. Области их пересечения не являлись
субъектами для заливки. Сейчас же с помощью функции "живая" заливка
возможно заливать внутренние области и менять параметры обводки частей,
полученных в результате пересечения объектов. На следующих двух рисун-
ках показаны две характерные комбинации объектов. На рис. 3.28 представ-
лен возможный ранее вариант заливки. На рис. 3.29 представлен вариант за-
ливки возможный сейчас.

Рис. 3.28. Возможный ранее вариант заливки пересекающихся объектов

Рис. 3.29. Возможный сейчас вариант заливки пересекающихся объектов

При применении "живой" заливки образуется новый тип объекта, называе-


мый "живая" группа (live group). Если впоследствии изменять местоположе-
ние, форму отдельных частей такой группы, подвергать их различным преоб-
разованиям и эффектам, исходная заливка сохранится (рис. 3.30). Более под-
робно работа с "живыми" группами будет рассмотрена в разделе ""Живые"
группы " главы 6.
146 Глава 3

Такой подход к заливке очень актуален, т. к. при работе подобные комбина-


ции объектов используются постоянно. Ранее для достижения подобного эф-
фекта приходилось использовать целую серию различных преобразований.
Сейчас процесс создания и редактирования рисунков намного упростился.

Рис. 3.30. Сохранение исходной заливки в компонентах "живой" группы

( Примечание )
В рассматриваемой версии программы реализован целый ряд функций, на-
1
званных live. Дословный перевод этого определения "живой" не совсем точно
отражает суть, т. к. здесь это понятие применено не в значении "одушевлен-
ный", а в значении "обладающий интеллектом", "думающий".

/ Практика ~f
Создайте новый файл и сохраните его в папке Глава з под именем живая
заливка. Нарисуйте несколько простейших вариантов пересечения геомет-
рических фигур или произвольных замкнутых кривых незамкнутыми
прямыми или кривыми линиями и замкнутых пересекающихся фигур
(см. рис. 3.28). Выполните их стандартную заливку.

Инструментальные средства "живой" заливки


Для осуществления "живой" заливки и создания "живых" групп применяется
основное средство — инструмент Live Paint Bucket ("Живая" заливка). Он
находится слева в третьем снизу ряду панели инструментов (см. рис. 1.8). Ря-
дом с ним находится инструмент Live Paint Selection Tool ("Живое" выделе-
ние), предназначенный для выделения отдельных элементов "живых" групп.
И, наконец, в меню Object (Объект) существует команда Live Paint ("Живая"
заливка), подкоманды которой предназначены для операций с элементами
"живых" групп и настройки автоматического средства блокировки разрывов
(см. раздел ""Живые"группы"главы 6).

I Практика 1
Найдите те инструменты и команды, о которых шла речь в данном разделе.
Работа с цветом. Изменение параметров контура и заливки 147

Выполнение заливки
с помощью инструмента Live Paint Bucket
Для того чтобы иметь возможность выполнить заливку, о которой шла речь
выше, пересекающиеся объекты сначала нужно преобразовать в "живую"
группу.

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

Преобразование в "живую" группу


Это преобразование можно сделать с помощью инструмента либо команды.
Более детально команды для обработки "живых" групп будут рассмотрены
в разделе "Операции с "живыми" группами" главы 6, здесь же мы подробно
разберем инструмент Live Paint Bucket ("Живая" заливка).
Для образования "живой" группы необходимо:
1. Выделить объекты инструментом Selection Tool (Выделение).
2. Перейти к инструменту Live Paint Bucket ("Живая" заливка).
3. Поместить указатель мыши над одним из объектов. Он примет вид "ков-
шика" с "+" в торце. Также появится "приглашающая" подсказка и объек-
ты "подсветятся" тонкой обводкой красного цвета (рис. 3.31). Если указа-
тель находится не над объектом, он имеет форму "ковшика" с "х" в торце.
4. Щелкнуть по одному из объектов. Он подсветится красным контуром
большой толщины и указатель примет форму "ковшика" с черной полос-
кой (рис. 3.32). Также будет подсвечиваться каждый из элементов образо-
вавшейся "живой" группы при наведении курсора на него.

/ Практика ~|
Сделайте копии ваших рисунков с пересекающимися объектами. Преобра-
зуйте их в "живые" группы. Последовательно наводите указатель на полу-
чившиеся объекты и наблюдайте границы элементов "живых" групп.

Рис. 3.31. Преобразование в "живую" группу. Рис. 3.32. Преобразование в "живую" группу.
1-й этап 2-й этап
148 Глава 3

Заливка элементов "живой" группы


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

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

Для этого нужно "взять" образец или из палитры Swatches (Каталог), или из
палитры Color (Синтез). После этого опять необходимо поместить указатель
мыши над элементом живой группы, который необходимо раскрасить. Он
будет иметь форму ковшика с черной полосой, а элемент "подсветится" жир-
ным красным контуром. В это время нужно щелкнуть по подсвеченному
элементу. Процесс раскрашивания элементов "живой" группы показан на
рис. 3.33 и 3.34.

Рис. 3.33. Раскраска элемента "живой" группы. Рис. 3.34. Выбранный элемент "живой" группы
Выбран элемент для раскрашивания раскрашен

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

Практика
Найдите элементы получившихся "живых" групп. Перекрасьте их в другие
цвета различными способами, используя палитры Swatches (Каталог) и
Color (Синтез). Попробуйте присвоить им заливку градиентом и узором,
взяв образцы из палитры Swatches (Каталог). Сравните "неживые" ориги-
налы и их "живые" копии.

Копирование цветов
Если образец цвета для раскрашивания элемента "живой" группы нужно
взять не в цветовых палитрах, а из элементов, которые будут являться образ-
цами (это могут быть другие векторные объекты или загруженные растровые
Работа с цветом. Изменение параметров контура и заливки 149

изображения), то в момент "взятия" образца необходимо нажать и удержи-


вать клавишу <Alt>. Указатель мыши видоизменится и примет форму пипет-
ки. После этого нужно щелкнуть по образцу цвета и отпустить клавишу
<Alt>. Цвет станет текущим, а указатель примет свою обычную форму. После
этого скопированный цвет можно будет присваивать элементам "живой"
группы.

/ Практика |
Нарисуйте на рабочем пространстве несколько объектов, которые будут
являться образцами, и залейте их разными цветами. Попробуйте при ак-
тивном инструменте Live Paint Bucket ("Живая" заливка) скопировать
цвета с образцов, сделать их текущими и раскрасить ими элементы ваших
"живых" групп.

Индикация "живой" группы


Признаком "живой" группы являются особые маркеры, появляющиеся при ее
выделении инструментом Selection Tool (Выделение). Также тип объекта
отображается в палитре управления (рис. 3.35).

Live Pain» Group Fill:| ? -| Sliok»: |Q_£] ( v j - ' f J-]

Рис. 3.35. Индикация "живой" группы

/ Практика |
Выделите одну из "живых" групп инструментом Selection Tool (Выделе-
ние). Внимательно рассмотрите маркеры, появившиеся при выделении, и
обратите внимание на тип объекта, отображающийся в палитре управ-
ления.

Неправильные действия
Поскольку инструмент Live Paint Bucket ("Живая" заливка) только что по-
явился и является не тривиальным, в программе предусмотрена реакция на
неправильное обращение пользователей с этим инструментом. Так, если ка-
кой-либо объект на рабочем пространстве выделен, вы перешли к этому ин-
струменту, но щелкнули не по выделенному объекту, появляется поясняющее
150 Глава 3

сообщение. Если на рабочем пространстве ничего не выделено, а вы перешли


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

Hie I iv.' f.iim ц,и к-t ..и)у ; oiori I iw faml yroup',


Select the collection of paths that m * e up the artwork you want to color Then clck

К Select a collection of paths, г. Click with theLive Paint 3 Paint areas between oath

Г Don't Show Agai


OK

Рис. 3.36. Реакция программы на неправильную работу пользователя


с инструментом Live Paint Bucket

/ Практика
Смоделируйте неправильные действия при работе с инструментом Live
Paint Bucket ("Живая" заливка) и внимательно рассмотрите содержимое
появившегося диалогового окна. Все ли шаги вы делали правильно при
освоении нового типа объектов и нового принципа заливки?

Выделение объектов
с одинаковыми цветовыми характеристиками
Говоря об изменении и назначении цветовых параметров заливки и обводки,
нельзя не сказать об их выделении. Существует два основных способа выде-
ления объектов с одинаковыми цветовыми характеристиками: с помощью
инструмента и при помощи команд (в дополнение ко всем остальным суще-
ствующим способам выделения).
Работа с цветом. Изменение параметров контура и заливки 151

Выделение объектов инструментом Magic Wand


Инструмент Magic Wand Tool (Волшебная палочка) появился в Adobe
Illustrator недавно и предназначен для выделения объектов с одинаковыми
цветовыми характеристиками.

( Примечание
Инструмент Magic Wand Tool (Волшебная палочка) также может выделять
объекты с одинаковыми, а также близкими параметрами толщины контура, про-
зрачности и режимов наложения.

/ Практика
Найдите инструмент Magic Wand Tool (Волшебная палочка). Он находит-
ся в палитре инструментов во втором ряду под инструментом Selection
Tool (Выделение).

Работает этот инструмент очень просто. При его активизации и щелчке по


объекту будут выделены все объекты, имеющие те же характеристики.

/ Практика 7
Выявите, как работает инструмент Magic Wand Tool (Волшебная палоч-
ка), и найдите среди ваших объектов все объекты с одинаковыми
характеристиками.

За настройку инструмента Magic Wand Tool (Волшебная палочка) отвечает


палитра Magic Wand (Волшебная палочка), вызываемая с помощью одно-
именной команды из меню Window (Окно) или по двойному щелчку на пик-
тограмме инструмента. Ее вид показан на рис. 3.37.

Wind чЯВНИННИг i:
|У Fill Color Tolerance: (To T]

Г Stroke Color Tcbr»r,«:(3 T]


Г Stroke Weight Toler ance: { "

Рис. 3.37. Палитра Magic Wand

В этой палитре слева можно назначить критерий выделения, установив га-


лочку в соответствующем поле, а справа в поле Tolerance (Допуск) указать,
с какой точностью нужно подбирать близкие параметры.
152 Глава 3

I Практика 7
Разместите на экране палитру Magic Wand (Волшебная палочка) и поэкс-
периментируйте, изменяя в ней различные параметры.

( ^Примечание )
Параметры для изменения прозрачности можно показать в палитре, выполнив
команду Show Transparency Options (Показать параметры прозрачности) из
меню палитры.

Команды выделения
Альтернативой инструменту Magic Wand (Волшебная палочка) является
команда Same (Одинаковые) из меню Select (Выделение). С помощью под-
команд из этой команды можно добавить к выделенному объекту объекты с
одинаковыми параметрами.

Практика
Зайдите в меню Select (Выделение) и посмотрите, какие подкоманды име-
ет команда Same (Одинаковые). Попробуйте с помощью этих подкоманд
выделить объекты с одинаковыми характеристиками.

Изменение параметров контура


Кроме цвета у контура или у обводки, как мы ее называли ранее, можно из-
менить еще ряд параметров, самым важным из которых является толщина.
Рассмотрим, с помощью каких средств и как можно изменить остальные па-
раметры контура.

Задание и изменение атрибутов контура


с помощью палитры Stroke
Основным средством по изменению параметров контура является палитра
Stroke (Обводка).

( Примечание ~^)
По сравнению с предыдущими версиями в новой версии программы Adobe
Illustrator CS2 палитра Stroke (Обводка) приобрела дополнительные поля, по-
зволяющие изменять положение обводки относительно контура. Это нововве-
дение было объявлено фирмой Adobe в "горячей" десятке новшеств.
Работа с цветом. Изменение параметров контура и заливки 153

j Практика ~jj
Создайте новый файл и сохраните его в папке Урок б под именем Парамет-
ры контура. Нарисуйте несколько геометрических фигур, замкнутых и не-
замкнутых линий. Присвойте им цветовые параметры по умолчанию. Про-
верьте, что активным является режим Preview (Иллюстрация).

Описание палитры
Палитра Stroke (Обводка) вызывается из меню Window (Окно) с помощью
одноименной команды или комбинации клавиш <Ctrl>+<F10>. Внешний вид
палитры показан на рис. 3.38.

Поле Поля
изменения изменения
толщины концов и стыков

Варианты
положения
обводки

Рис. 3.38. Палитра Stroke

/ Практика
Разместите палитру на экране и рассмотрите ее.

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

В палитре можно условно выделить четыре части (см. рис. 3.38):


• поле изменения толщины (weight);
• поля изменения концов (cap) и стыков (join);
• поле задания вариантов положения обводки относительно контура;
П поле назначения пунктира (dashed line).
Перед присвоением любых параметров контур необходимо выделить любым
из инструментов полного выделения.
154 Глава 3

Изменение толщины контура


Самое главное, что вы сможете изменить у всех типов объектов — это тол-
щину контура (weight).

( Примечание ^
Словосочетание "толщина контура" уже давно и прочно вошло в нашу речевую
практику. На самом деле, правильнее говорить "толщина обводки контура", т. к.
под контуром понимается тот тонкий и неизменный в толщине каркас, который
представляет собой основу объекта и описывается в векторном файле.

По умолчанию толщина контура задается равной 1 пт. В этом поле можно


выбрать любое значение толщины контура из списка величин, заданных в
пунктах. Можно использовать это поле как счетчик, постепенно увеличивая
или уменьшая толщину. А можно вводить произвольные значения, заканчи-
вая ввод нажатием клавиши <Enter>. Все величины применяются к контурам
выделенного объекта или объектов.

( Примечание
Дробные величины необходимо вводить через запятую. Именно поэтому те
дробные значения величин, которые указаны в списке через точку при их выбо-
ре (0.25, 0.5 и 0.75 пт) игнорируются программой и не применяются к обводкам
объектов. Также в качестве наименования можно вводить любые единицы из-
мерения, после ввода они будут пересчитаны к пунктам.

/ Практика |
Присвойте различным контурам различную толщину, используя все спо-
собы выбора значений из списка. Попробуйте ввести в поле Weight (Тол-
щина) 2,5 mm. Какова будет толщина этого контура в пунктах? Объекты
с различной толщиной контура показаны на рис. 3.39.

0000
Рис. 3.39. Объекты с толщиной контура 1 пт; 2 пт; 5пт; 10 пт; 20 пт; 2,5 мм

Изменение окончаний и стыков линий


Следующее, что можно изменить, — это варианты окончания линий (cap).
Эти опции действуют только для незамкнутых контуров. Есть смысл рабо-
Работа с цветом. Изменение параметров контура и заливки 155

тать с этими параметрами только при достаточно больших величинах толщи-


ны контура. Различные варианты окончания линий показаны на рис. 3.40.

Рис. 3.40. Линии со срезанными, закругленными и квадратичными окончаниями

По умолчанию окончания незамкнутых линий срезанные (butt cap). Когда


контуру назначается какая-либо толщина, то половина этой толщины распре-
деляется по одну сторону контура, половина — по другую. А окончания сре-
заются точно по границе концевых точек (см, рис. 3.40).
Можно установить второй вариант— закругленные окончания (round cap).
В этом случае концы контуров обводятся полукругами с радиусом, равным
половине толщины обводки.
И третий вариант — квадратичные окончания (projecting cap). В этом случае
окончания контуров обводятся полуквадратами со стороной, равной полови-
не толщины контура.

/ Практика |
Найдите среди нарисованных вами объектов незамкнутую линию. При-
свойте ей большую толщину контура (20—30 пт) и увеличьте масштаб
просмотра. Попробуйте последовательно присваивать этой линии различ-
ные варианты окончаний.

Третий параметр для изменения — это стыки (Join). Этот параметр действует
как для замкнутых, так и для незамкнутых контуров в тех местах, где есть
стыки (т. е. отрезки ломаной соединяются под углом). Так же, как и в случае
с окончаниями линий, этот параметр имеет смысл изменять при достаточно
большой толщине контуров.
В поле изменения стыков тоже три варианта:
• угловые (miter);
О скругленные (rounded);
• срезанные (bevel).
156 Глава 3

j Практика Jj
Лучше всего разница между различными вариантами стыков видна на
примере звезды. Нарисуйте звезду и присвойте ее контуру толщину 30—
40 пт. Сделайте еще две копии этой звезды. Присвойте каждой из копий
свой вариант стыков. Пример фигур с различными вариантами стыков
приведен на рис. 3.41.

Рис. 3.41. Фигуры с угловыми, скругленными и срезанными стыками

Примечание
Поле Miter Limit (Срезание), величина в котором может изменяться в пределах
от 1 до 400, определяет условия переключения с варианта угловые на вариант
срезанные. Этот параметр показывает, во сколько раз ширина стыка превыша-
ет толщину линии. Если коэффициент будет больше заданного значения, про-
изойдет автоматическая замена. По умолчанию в этом поле стоит коэффици-
ент 4, и лучше его не менять.

Изменение положения обводки


В новом варианте палитры Stroke (Обводка) расширились опции обводки, а
именно появились три кнопки, соответствующие трем вариантам расположе-
ния обводки относительно контура (см. рис. 3.38) — по центру, внутренней и
внешней.
В предыдущих версиях программы обводка всегда была центральной: задан-
ная величина обводки делилась пополам, и одна половина обводки распола-
галась внутри контура, а другая — снаружи. Это было удобно не во всех слу-
чаях, иногда, особенно при больших величинах обводки, для взаимной под-
гонки заливки и обводки приходилось изменять размеры самого объекта.
Работа с цветом. Изменение параметров контура и заливки 157

Сейчас работать с обводкой стало более удобно. Применение к объекту раз-


личных вариантов расположения обводки показано на рис. 3.42.

Рис. 3.42. Различные варианты расположения обводки относительно контура

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

j Практика |
Выделите любую кривую или геометрическую фигуру. Задайте ее обводке
достаточно большую толщину (10 пунктов или больше). Сделайте еще две
копии этой фигуры. Каждой из копий задайте свой вариант расположения
обводки относительно контура. Сравните изображения визуально и вы-
полняя их последовательное выделение.

Задание параметров пунктира


Из любого контура можно сделать пунктирный (dashed line), активизировав
флажок Dashed Line (Пунктир) и введя значения в поля dash (штрих) и gap
(зазор).
Дизайнеры редко используют в оформлении работ пунктирные линии, хотя
возможности, предоставляемые этой палитрой, достаточно большие и раз-
личные варианты пунктира смотрятся в работах свежо и оригинально. На
рис. 3.43 показаны различные варианты оформления пунктирных линий.
Пунктир может быть равномерным и неравномерным (рис. 3.44). В первом
случае величины штриха и зазора постоянны на всем протяжении контура и
при вводе значений необходимо заполнить только одно поле для штриха и
одно поле для зазора. Во втором случае величины штрихов и зазоров могут
меняться на протяжении длины контура. В этом случае можно заполнить все
доступные в палитре поля штрихов и зазоров. Классические примеры исполь-
158 Глава 3

зования неравномерного пунктира — осевые линии в чертежах и линии вы-


кроек в журналах мод.

7b.
#

Рис. 3.43. Различные варианты оформления пунктирных линий

Рис. 3.44. Пример равномерного (вверху) и неравномерного пунктира

/ Практика |
Нарисуйте длинную линию. Задайте толщину контура 10 пт и первый ва-
риант окончания линий. Выделите ее и, варьируя величины штрихов и за-
зоров в интервале от 3 до 14 пт, добейтесь равномерного и неравномерного
пунктира.

В случае пунктирных линий поле Сар (Окончания) действует не на оконча-


ния незамкнутых линий, а на варианты окончаний штрихов, причем это акту-
ально и для замкнутых и для незамкнутых контуров.

[ Практика Jj
Нарисуйте любую фигуру или линию. Задайте толщину контура 15 пт и
равномерный пунктир с величиной штриха 10 пт и величиной зазора 20 пт.
Последовательно применяйте к этому контуру срезанные, закругленные и
Работа с цветом. Изменение параметров контура и заливки 159

квадратичные окончания и смотрите на результат. Пример проиллюстри-


рован на рис. 3.45.

Рис. 3.45. Равномерный пунктир со срезанными,


закругленными и квадратичными окончаниями штрихов

Внимание!
Все присвоенные контурам параметры, как и цвета заливки и обводки, отобра-
жаются только в режиме Preview (Иллюстрация). В режиме Outline (Макет) от
всех контуров отображаются лишь тонкие черные каркасы (рис. 3.46 и 3.47).

1 А 1" т
1 I |

\ ***** * * И*
-

i s
•ч
ч
ч
ч
1 ч >
ми»

^ !
I

Рис. 3.46. Отображение параметров контура Рис. 3.47. Отображение параметров контура
в режиме Preview в режиме Outline

[~ Практика Jj
Перейдите к режиму Outline (Макет) и убедитесь, что никакие из пара-
метров контуров, присвоенных вами, в этом режиме не отображаются.
160 Глава 3

( Совет )
После окончания работы над каким-либо контуром с изменением толщины,
концов, стыков или назначении пунктира не забывайте изменять параметры в
палитре Stroke (Обводка), т. к. если вы этого не сделаете, то параметры конту-
ра станут текущими и все вновь создаваемые линии будут рисоваться с этими
параметрами. В этом может помочь кнопка установки параметров заливки и об-
водки по умолчанию в блоке управления цветом — она устанавливает не толь-
ко стандартные цвета, но и стандартные параметры обводки: контур толщиной
1 пт без пунктира.

Изменение параметров контура


с помощью управляющей палитры
Изменение параметров контура с помощью управляющей палитры сводится к
банальному вызову палитры Stroke (Обводка) из управляющей палитры. Для
этого нужно щелкнуть по ссылке Stroke (Обводка) в палитре управления
(рис. 3.48).

г; г; г;
ABgriSlrokt1
Г Oi-.ht

Г" f—1—Г Г'Г


Рис. 3.48. Вызов палитры Stroke посредством палитры управления

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

I Практика
Попробуйте поработать над обводкой одного из объектов, используя па-
литру управления.

Создание стрелок
Во всех программах векторной графики, в том числе и в Adobe Illustrator, час-
то приходится создавать различные схемы, графики, пиктограммы, указатели
Работа с цветом. Изменение параметров контура и заливки 161

и т. п. А в этих работах не обойтись без линий со стрелками. Поэтому уделим


внимание этому вопросу.
Конечно, Adobe Illustrator обладает всеми средствами для рисования любых
стрелок. Но есть некая "библиотека" уже готовых объектов, которой в случае
со стрелками пользоваться можно и нужно. Для получения доступа к этой
"библиотеке" используется фильтр Add Arrowheads (Добавить стрелки) из
группы Stylize (Стилизация).

Описание процесса
Этот фильтр действует только для незамкнутых линий (прямых и кривых).
Для добавления к линии наконечника в виде стрелки необходимо выделить
линию любым из инструментов полного выделения, зайти в меню Filter
(Фильтр) и выполнить команду Stylize | Add Arrowheads (Стилизация | До-
бавить стрелки).

/ Практика ^
Нарисуйте любую незамкнутую линию, выделите ее и выполните указан-
ную команду.

Диалоговое окно Add Arrowheads (Добавить стрелки) показано на рис. 3.49.

Add Anowheads

Рис. 3.49. Диалоговое окно Add Arrowheads

В этом диалоговом окне все очень просто и ясно. Можно назначить наконеч-
ник для начала линии в верхнем поле Start (Начало) и для конца в нижнем
поле End (Конец).

6 3ак. I380
162 Глава 3

( Примечание )
Началом линии считается та точка, где вы начали ее рисование, а концом —
где закончили.

Щелкая по стрелкам "влево" и "вправо", вы можете перебирать стандартные


варианты, включая и вариант None (Без наконечника). После окончательного
выбора вы можете уменьшить размер наконечника, введя соответствующее
значение (меньшее 100) в поле Scale (Масштаб). После выбора кнопки ОК
(Да) у выделенной линии появятся выбранные вами наконечники.

( Совет
Так как размеры наконечников линий устанавливаются пропорционально их
толщине, а сами наконечники достаточно крупные, есть смысл уменьшать их
размер.

Практика |
Рассмотрев поля в диалоговом окне Add Arrowheads (Добавить стрелки),
просмотрите предлагаемые варианты наконечников и выберите понра-
вившейся вам. Пример различных линий со стрелками приведен на
рис. 3.50.

Рис. 3.50. Примеры линий со стрелками

Операции над стрелками


После добавления наконечников в виде стрелок к линиям они будут пред-
ставлять собой сложные объекты. Теперь, чтобы получить доступ к самому
наконечнику, для того чтобы трансформировать его, изменить свойства или
удалить, его нужно выделить инструментом Group Selection Tool (Выделе-
ние в группе). О получении доступа к выполнению операций над объектами
в составе группы см. раздел "Получение доступа к отдельному объекту
в группе" главы 6.

I Практика
Выделите один из наконечников вашей линии инструментом Group
Selection Tool (Выделение в группе). Попробуйте изменить параметры его
Работа с цветом. Изменение параметров контура и заливки 163

заливки и обводки, выполнить над ним операцию масштабирования, пово-


рота, перемещения, удаления.

Создание и применение
градиентных заливок
Градиент (gradient) или цветовая растяжка — это плавный переход от одного
цвета к другому. Этот вариант заливки очень любят использовать в своих ра-
ботах начинающие дизайнеры. Но за все красивое нужно платить, и т. к. гра-
диентная заливка достаточно сложный тип объекта, то при выводе на печать
ему следует уделять особое внимание, и печатная версия градиента иногда
получается не "украшением" работы, как на экране, а наоборот. Именно по-
этому в данном разделе главы будет приведено мало рисунков с примерами
объектов с различными вариантами градиентных заливок, но зато будет мно-
го словесных описаний.

( Примечание ^
Также градиентная заливка увеличивает объем файла, время перерисовки эк-
рана и не всегда адекватно передается при экспорте файлов в другой формат.

Присвоение градиентной заливки


Способы присвоения градиентной заливки — такие же, как и способы при-
своения обычной цветовой заливки. Разница состоит лишь в том, что обыч-
ным цветом можно раскрасить и заливку и обводку объекта, а градиент мо-
жет быть присвоен лишь заливке объекта.
В палитре Swatches (Каталог) представлено несколько образцов градиентных
заливок. Далее мы рассмотрим, как редактировать их и создавать на их осно-
ве свои собственные градиентные заливки.

/ Практика |
Создайте новый файл и сохраните его в папке глава з под именем гради-
ентная заливка. Нарисуйте несколько графических объектов. Присвойте
им все образцы градиентных заливок, представленные в каталоге, предва-
рительно включив режим отображения только градиентных заливок.

Классификация градиентных заливок


Рассмотрим классификацию градиентов по двум признакам: по количеству
цветов и форме линий перехода.
164 Глава 3

По количеству цветов градиенты делятся на:


• двухцветные — в них присутствует только два цвета;
О многоцветные — присутствует несколько цветов.
Так, в палитре Swatches (Каталог) первые два градиента представляют собой
двухцветные градиенты, остальные — многоцветные.
По форме линий перехода градиенты делятся на:
• линейные (linear) — переход от цвета к цвету происходит по прямым
линиям;
• радиальные (radial) — переход от цвета к цвету происходит по окруж-
ностям.
Так, в палитре Swatches (Каталог) второй и пятый образец — это радиальные
градиенты, остальные линейные.

Примечание j
Существуют и другие виды градиентов, например, квадратичные, конусные
и т. д. Но в Adobe Illustrator представлены только эти два основных вида гради-
ентов.

/ Практика |
Внимательно рассмотрите образцы градиентных заливок в каталоге и объ-
екты, которым вы их присвоили. Увеличьте масштаб просмотра и убеди-
тесь, что переход происходит действительно по прямым линиям и окруж-
ностям.

Отображение и изменение
параметров градиента
Основные работы по изменению параметров градиентов, а также по их соз-
данию происходят в палитре Gradient (Градиент), которая вызывается на эк-
ран с помощью одноименной команды из меню Window (Окно) или комби-
нации клавиш <Ctrl>+<F9>.

Описание палитры Gradient


Практика |
Вызовите на экран палитру Gradient (Градиент). Внешний вид палитры
изображен на рис. 3.51.
Работа с цветом. Изменение параметров контура и заливки 165

_Тип
Образец - градиента

Позиция
" выбранного
маркера

Рис. 3.51. Палитра Gradient

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

С Совет )
Если вы вызвали палитру, но она гораздо меньше, чем на рисунке и состоит из
одной поля, зайдите в меню палитры и выполните команду Show Options (По-
казать параметры).

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


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

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

Рассмотрим на примере выбранной заливки, какие параметры есть у гради-


ентной заливки, как их можно изменять, и на что это влияет.
Палитра Gradient (Градиент) по своему строению и функциям очень похожа
на палитру Color (Синтез). Как и в палитре Color (Синтез), в ней есть поле
образца, где отображается образец текущей или редактируемой заливки.

Совет
Этот образец маленький, и измененные параметры градиентной заливки на нем
удается рассмотреть не всегда. Поэтому при рассмотрении и изменении пара-
166 Глава 3

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


с этой градиентной заливкой. При изменении параметров градиентной заливки
в палитре Gradient (Градиент) они будут изменяться и в выделенном объекте.

Изменение типа заливки


В поле Туре (Тип) можно выбрать вариант заливки: линейный (linear) или
радиальный (radial). Любая заливка может быть преобразована к любому ви-
ду независимо от того, какого вида она была изначально.

/ Практика |
Попробуйте изменить тип заливки на радиальный. Изменения отслежи-
вайте и по палитре, и по выделенному объекту. Снова преобразуйте залив-
ку к линейному виду.

Для линейной заливки в поле Angle (Угол) можно ввести угол наклона ли-
ний. Так, при угле 0° линии цветового перехода расположены вертикально.
При изменении этого значения они могут быть расположены горизонтально и
под любым углом к горизонту.

/ Практика |
Пробуйте разные углы наклона линий. Не забывайте заканчивать ввод
очередного значения в поле Angle (Угол) нажатием клавиши <Enter>. Об-
ратите внимание, что при изменении угла наклона он меняется не в образ-
це, а только в выделенном объекте.

Изменение положения маркеров на цветовой шкале


В нижней части палитры находится цветовая шкала с маркерами. Она схема-
тично изображает объект, залитый градиентом. Это основное поле деятельно-
сти при редактировании параметров градиента и создании нового.
У двухцветного градиента есть начальный и конечный цвет. Эти цвета обо-
значаются с помощью опорных точек или маркеров (gradient slider), которые
имеют вид квадратиков с треугольной "крышей" и располагаются под шкалой
(см. рис. 3.51).
Опорных точек бывает столько же, сколько цветов или в 2 раза больше, чем
переходов. Опорная точка символизирует позицию объекта, в которой при-
сутствует 100 % цвет. Именно с этой позиции в объекте начинается плавный
переход (начальный маркер) и именно этой позицией заканчивается (конеч-
ный маркер). Если вы выделяете маркер щелчком по нему (после этого его
"крыша" станет закрашенной), то в поле Location (Положение) отображается
его позиция в процентах. Эти маркеры можно перемещать. Перемещая мар-
Работа с цветом. Изменение параметров контура и заливки 167

керы, мы можем сужать или расширять диапазон растяжки. Например, если в


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

( Примечание ^
Если необходимо задать точную позицию маркера, можно выделить его и вве-
сти значение в поле Location (Положение).

/ Практика
Поочередно выделите начальный и конечный маркеры и посмотрите на их
позицию. Пробуйте сдвигать маркеры к центру и наблюдать, какие изме-
нения происходят в выделенном объекте с этой градиентной заливкой. Ка-
кие значения нужно ввести в поле Location (Положение) для начальной и
конечной точек, чтобы градиент занимал половину объема фигуры в ее
средней части? (Ответ: 25 % и 75 %). Введите эти значения.

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


вой центр (gradient slider). Эта точка обозначает ту позицию в градиенте, где
содержание обоих цветов составляет 50 %. По умолчанию она находится в
середине шкалы и в середине объекта, т. е. цвета присутствуют в растяжке в
равном соотношении. Смещая этот маркер, мы добиваемся увеличения коли-
чества того или иного цвета.

( Примечание ^
Как и в случае начальной и конечной точки, можно, выделив этот маркер, вве-
сти необходимое значение в поле Location (Положение).

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

Создание и сохранение градиентов


Стандартные образцы хорошо иметь в наличии для того, чтобы на их приме-
ре разбирать основные параметры. Но когда основные понятия разобраны и
уяснены, можно приступать к процессу творчества. Рассмотрим создание и
сохранение градиентов; отдельно — двухцветных, отдельно — многоцвет-
ных.
168 Глава 3

Создание двухцветных градиентов


Создание двухцветного градиента сводится к модификации существующего.
То есть, мы должны выбрать исходный вариант, изменить, если нужно, его
тип и положение маркеров. Но этот градиент будет считаться не новым, а из-
мененным. Для того чтобы создать новый градиент, нужно изменить цвет его
начальной и (или) конечной точек. Для этого существует несколько способов.
Первый способ. Необходимо выделить одну из опорных точек и выбрать цвет
в палитре Color (Синтез) или выбрать цветовой образец из палитры Swatches
(Каталог) при нажатой клавише <Alt>.
Второй способ заключается в том, что ничего предварительно выделять не
надо, а нужно просто мышью перетащить образец цвета из палитры Swatches
(Каталог) и наложить его на маркер начальной или конечной точек. При этом
градиент сразу поменяет свой внешний облик.

/ Практика |
Взяв за основу бело-черный линейный градиент, создайте новый желто-
оранжевый радиальный градиент, используя первый способ. Затем изме-
ните цвета опорных точек на произвольные, применив второй из описан-
ных способов.

Сохранение образцов градиентных заливок


При создании новой цветовой растяжки в палитре Gradient (Градиент) ста-
рый теряется, поэтому при необходимости повторного использования образ-
цы растяжек нужно сохранять. Для сохранения созданных цветовых растяжек
в палитре Swatches (Каталог) используются те же методы, что и при сохране-
нии образцов цвета (см. раздел "Добавление образцов в каталог" данной главы).

j Практика |
Создайте несколько двухцветных градиентных заливок с различными па-
раметрами и сохраните их в каталоге.

Создание многоцветных градиентов


/ Практика ^
Выберите в качестве текущего любой из представленных в каталоге мно-
гоцветных градиентов и присвойте эту заливку прямоугольнику. Рассмот-
рите параметры многоцветного градиента в палитре Gradient (Градиент).
Обратите внимание, что количество опорных точек в растяжке соответст-
Работа с цветом. Изменение параметров контура и заливки 169

вует количеству цветов, и между двумя опорными точками всегда нахо-


дится точка цветового центра (рис. 3.52).

Рис. 3.52. Палитра Gradient при активизации многоцветной растяжки

Создать новый многоцветный градиент можно, аналогично двухцветному,


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

/ Практика /
Попробуйте удалить у многоцветного градиента лишние цветовые точки,
превратив его в двухцветный.

Совет
Иногда пользователи пытаются удалить лишнюю опорную точку, совместив ее
с рядомстоящей. Такого делать не следует, т. к. визуальное исчезновение
опорной точки обманчиво, и в какой-то момент времени она все равно "выле-
зет" и проявит себя.

Добавлять опорные точки можно двумя способами.


• Сначала создать нужное количество опорных точек, а потом настроить их
цвет. Для создания точки необходимо щелкнуть в нужной позиции под
шкалой (после этого появится новый маркер), а затем изменить цвет точки.
• Одновременно выполнить и создание, и настройку опорных точек. Для
этого нужно перетащить образец цвета из палитры Swatches (Каталог) или
Color (Синтез) и "бросить" его в нужной позиции на шкале.
170 Глава 3

j Практика
Создайте несколько многоцветных градиентов, используя разные способы,
и сохраните их в каталоге. Нарисуйте светофор, создайте красно-желто-
зеленый равномерный градиент и присвойте его этому объекту.

Пример
практического применения градиента
Градиентная заливка может не только служить красивым фоном, с ее по-
мощью в программах векторной графики добиваются различных эффектов,
имитирующих наличие тени и объема, и создают интересные элементы. Рас-
смотрим классический пример кнопки для элемента интерфейса Web-сайта.

/ Практика |
Перейдите к цветовым параметрам по умолчанию. Нарисуйте квадрат с
закругленными углами. Сделайте его уменьшенную копию масштабиро-
ванием от центра (рис. 3.53). Это удобно сделать с помощью инструмента
Scale Tool (Размер) при нажатых клавишах <Alt> и <Shift>.
Назначьте большему квадрату градиентную черно-белую линейную за-
ливку (первый образец среди градиентных заливок в каталоге). Меньшему
квадрату также присвойте эту заливку, но измените направление линий на
противоположенное (угол 180°). Уберите контур у обоих квадратов.
Окончательный вариант кнопки показан на рис. 3.54.

Рис. 3.53. Создание кнопки. Рис. 3.54. Окончательный вариант


1-й этап работы кнопки

Настройка градиентов
с помощью инструмента Gradient
Кроме палитры Gradient (Градиент) существует инструмент Gradient Tool
(Градиент), который находится в четвертом ряду снизу в правой части палит-
ры Tools (Инструменты).
Работа с цветом. Изменение параметров контура и заливки 171

Этот инструмент позволяет:


• применять "сквозную" градиентную заливку к нескольким объектам;
О изменять характер градиентной заливки у одного объекта.

"Сквозная" градиентная заливка


Рассмотрим первую область использования инструмента Gradient Tool
(Градиент) на примере.

/ Практика |
Нарисуйте несколько объектов и разместите их примерно на одной пря-
мой. Выделите все объекты и примените к ним "радужную" градиентную
заливку (четвертый образец среди стандартных образцов цветовых растя-
жек в каталоге). Обратите внимание, что заливка применилась к каждому
объекту в отдельности (рис. 3.55). Не снимая выделения с объектов, пе-
рейдите к инструменту Gradient Tool (Градиент) и проведите курсором с
нажатой кнопкой мыши условную линию через все объекты. После этого
градиент должен стать сквозным, т. е. "начаться" на первом объекте, а "за-
кончиться" на последнем (рис. 3.56).

Рис. 3.55. Градиентная заливка применилась к каждому объекту в отдельности

Рис. 3.56. "Сквозная" градиентная заливка

Изменение характера градиентной заливки


Под изменением характера градиентной заливки понимается изменение ее
направления, а также положения начальной и конечной точек. Все эти опера-
172 Глава 3

ции можно осуществить и с помощью палитры Gradient (Градиент), но вся


прелесть инструмента Gradient Tool (Градиент) заключается в том, что он
работает в интерактивном режиме, т. е. при непосредственном участии и на-
блюдении пользователя с возможностью сиюминутной коррекции.
Рассмотрим эту функцию инструмента, как и предыдущую, на конкретном
примере. Изменяют характер градиентной заливки для многих целей, но чаще
всего с помощью этого приема хотят добиться имитации объема.

/ Практика |
Нарисуйте круг и примените к нему любую двухцветную градиентную
растяжку от более светлого цвета к более темному так, чтобы более свет-
лый цвет был в центре (например, второй образец среди образцов цвето-
вых растяжек в каталоге). Уберите у круга контур (рис. 3.57).
Не снимая выделения с круга, перейдите к инструменту Gradient (Гради-
ент) и попробуйте мышью с нажатой кнопкой проводить произвольные
условные линии через круг под разным углом наклона, начиная и заканчи-
вая в разных местах. Добейтесь такого состояния градиента, когда его
центр сместится и будет создаваться эффект освещенности объекта, т. е.
круг превратится в шар (рис. 3.58).

Рис. 3.57. Создание шара. Рис. 3.58. Полученный из круга


1-й этап работы шар

Примечание
Для создания эффекта объема и других эффектов на базе градиента сущест-
вует другой инструмент с возможностями более тонкой настройки — это инст-
румент Mesh Tool (Градиентная сетка), который находится в палитре инстру-
ментов слева от инструмента Gradient (Градиент). Самостоятельный разбор
всех функций и возможностей этого инструмента — прекрасная возможность
избавиться от скуки и провести время с пользой.
Работа с цветом. Изменение параметров контура и заливки 173

Практическая работа "Домик-замок"


Работа, предлагаемая вашему вниманию, является завершающей итоговой
работой первого этапа изучения программы, на которой можно закрепить не
только знания и навыки по работе с цветом, рассмотренные в текущей главе,
но и комплексно применить все знания и умения по созданию и преобразова-
нию объектов на основе геометрических фигур. Перед вами ставится доволь-
но тривиальная задача — изобразить знакомый с детства классический домик
с окошками, дверью и крышей с трубою (рис. 3.59) и раскрасить его. Если
кому-то нравятся другие типы жилья, то он может нарисовать замок с башен-
ками и окошками (рис. 3.60) и также его раскрасить.
Конечно, это лишь примерные образцы ваших работ, если вы чувствуете в
себе силу не только воспроизвести объекты по образцу, но и придумать свои
объекты на заданную тему, можете создать вариации на тему "домик-замок".

Рис. 3.59. Пример практической работы "Домик"

Рис. 3.60. Пример практической работы "Замок"


174 Глава 3

Необходимые условия
Главные требования, которые нужно постараться соблюсти, следующие:
О при самостоятельной разработке внешнего вида работы необходимо при-
держиваться заданной тематики (не самолет, не трансформер, а именно
жилище);
• все элементы, входящие в работу, должны быть созданы на основе гео-
метрических фигур и линий, в работе должны быть представлены все ти-
пы геометрических фигур, которые можно создать в Adobe Illustrator, и
прямые и кривые карандашные линии;
П для получения составляющих работу элементов необходимо максимально
использовать все виды трансформирования и при работе вспомнить все
способы их совершения;
• окончательная работа должна быть раскрашена. При раскраске нужно ис-
пользовать все возможные способы, среди цветов и градиентных заливок
могут быть стандартные и обязательно должны быть синтезированные са-
мостоятельно;
• в некоторых объектах необходимо изменить параметры контуров так, что-
бы это соответствовало общему стилю и замыслу работы;
• окончательная работа должна представлять собой законченную компо-
зицию.

Порядок выполнения
1. Продумайте смысловое содержание вашей работы. Желательно нарисо-
вать макет будущего домика или замка на бумаге.
2. В Adobe Illustrator создайте новый файл (лучше — формата А4) и сохрани-
те его в папке глава з под именем домик или замок. Во время работы не за-
бывайте периодически выполнять операцию сохранения.
3. Если это необходимо, измените ориентацию вашей страницы.
4. С помощью направляющих выполните разметку, определив местоположе-
ние основных компонентов работы.
5. Установите цветовые параметры заливки и обводки по умолчанию или пе-
рейдите к режиму Outline (Макет).
6. Создайте основные фигуры, выполните преобразования. При наличии
одинаковых элементов не забывайте про операцию копирования.
7. Соберите все элементы воедино.
8. Измените параметры контура.
Работа с цветом. Изменение параметров контура и заливки 175

9. Синтезируйте необходимые цвета и градиенты и выполните раскраску


элементов работы.
10. Окончательно сохраните файл.

Примеры работ
В этом разделе приведены примеры работ по заданной тематике, выполнен-
ные студентами Менеджер-центра СПбУКИ. Не судите их слишком строго,

Рис. 3.61. Примеры домиков


176 Глава 3

т. к. для студентов это были самые первые композиционные работы, выпол-


ненные в Adobe Illustrator, времени для их выполнения было совсем не много,
а солнце за окном светило по-весеннему ярко. Тем не менее эти образцы ра-
бот должны помочь вам сориентироваться в задании и выполнить свои собст-
венные не хуже, а, может быть, даже лучше приведенных здесь примеров.
На рис. 3.61 собраны лучшие шедевры из серии "Домик", а на рис. 3.62
и 3.63 — из серии "Замок".

Рис. 3.62. Примеры замков — часть 1


Работа с цветом. Изменение параметров контура и заливки 177

Рис. 3.63. Примеры замков — часть 2


ГЛАВА 4

Создание и обработкакривых

Работа с кривыми— основная работа, которая выполняется в программах


векторной графики, т. к. все объекты базируются именно на них. Но эта часть
работы является и наиболее сложной. Освоив создание более простых гео-
метрических фигур и получив начальные знания и практические навыки ра-
боты в Adobe Illustrator, вы тем самым заложили основу для перехода к сле-
дующему этапу изучения программы. Вся текущая глава будет посвящена
созданию и обработке кривых, основные принципы работы с которыми не
претерпели изменений в новой версии программы. И завершит главу разбор
практической работы по созданию логотипа — классического примера про-
дукта, созданной в редакторе векторной графики на основе кривых.

Основные элементы кривых


Как мы уже говорили в предыдущей главе, каждый объект, созданный в про-
грамме Adobe Illustrator с помощью инструментов рисования, — это контур
или кривая. Контур может иметь заливку и обводку. В режиме Outline (Ма-
кет) отображается только контур объекта, в режиме Preview (Иллюстра-
ция) — его заливка и обводка.

/ Практика
Нарисуйте какой-либо контур. Присвойте параметры его заливке и обвод-
ке. Выполните переключение между режимами Outline (Макет) и Preview
(Иллюстрация).

Основные понятия при работе с кривыми следующие. Контуры бывают замк-


нутыми (закрытыми) и незамкнутыми (открытыми). Каждый контур де-
лится на сегменты. Между этими сегментами находятся опорные точки или
Создание и обработка кривых 179

узлы (anchor points), в которых сегменты соединяются друг с другом. У не-


замкнутых кривых отличают концевые точки — начальную и конечную. Ос-
новные элементы кривых показаны на рис. 4.1.

Сегменты

Ч
Ж

Опорные точки
(узлы)
Концевые
опорные точки
Рис. 4.1. Основные элементы кривых

С~ Примечание ^
Сегмент представляет собой элементарную кривую Безье и является основной
структурной единицей векторного файла.

Опорные точки проявляются после рисования объекта, а также при его выде-
лении инструментом Selection Tool (Выделение). На контурах они имеют вид
маленьких закрашенных квадратиков.

( Примечание J
В прямоугольнике и эллипсе при их выделении все опорные точки сливаются с
маркерами габаритного прямоугольника.

/ Практика |
Перейдите к режиму Outline (Макет) или установите стандартные цвета
обводки и заливки по умолчанию. Нарисуйте несколько геометрических
фигур и замкнутых и незамкнутых контуров. Найдите в нарисованных
объектах сегменты и опорные точки. Обратите внимание, что, чем боль-
шую кривизну и количество изгибов имеет контур, тем больше у него
опорных точек.

Все опорные точки делятся на гладкие опорные точки (smooth anchor point) и
угловые опорные точки (corner anchor point). Если сегменты плавно перехо-
дят друг в друга, то опорная точка, их соединяющая, называется гладкой, а
если сегменты переходят друг в друга под углом — угловой (рис. 4.2). На-
пример, в прямоугольнике все опорные точки — угловые, в эллипсе — глад-
кие, а в произвольной кривой могут быть и те, и другие.
180 Глава 4

Угловые Гладкие
опорные точки опорные точки

Рис. 4.2. Гладкие и угловые опорные точки

/ Практика ^
Найдите среди опорных точек на нарисованных вами объектах гладкие и
угловые.

При выделении части кривой инструментами Direct Selection Tool (Частич-


ное выделение) и Lasso Tool (Лассо), которые находятся в палитре Tools
(Инструменты) в первом и во втором ряду справа (см. рис. 3.1 и табл. 3.1),
проявляются следующие элементы кривых: это управляющие линии (control
line) и управляющие точки или регуляторы (control point). Эти элементы по-
казаны на рис. 4.3.

Управляющие точки
(регуляторы)

Управляющие линии
Рис. 4.3. Управляющие линии и управляющие точки

Управляющие линии являются касательными к кривой в опорной точке, а


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

Практика /
Найдите инструменты Direct Selection Tool (Частичное выделение) и
Lasso Tool (Лассо). Выделите с их помощью часть любого контура и по-
Создание и обработка кривых 181_

смотрите на управляющие линии и управляющие точки. Попробуйте пе-


ремещать управляющие точки и убедитесь, что форма кривой меняется.

Примечание
Управляющая линия одна и является касательной к кривой в опорной точке в
том случае, если опорная точка является гладкой. В этом случае перемещение
любой из управляющих точек будет влиять на состояние обоих сегментов, при-
легающих к данной точке. Если опорная точка является угловой и участок кри-
вой в этой точке вогнут вовнутрь, то управляющих линий будет две, и каждая из
них представляет собой касательную к прилегающему сегменту в данной точке.
Каждая из управляющих линий может перемещаться независимо и изменять
свой сегмент. Если угловая опорная точка находится на участке кривой, выгну-
той наружу, то у нее вообще может не быть управляющих линий и управляю-
щих точек (см. рис. 4.3).

Все эти элементы играют определенную роль при работе с контурами. Их


функции мы далее и будем рассматривать.

Рисование линий
с помощью инструмента Pen Tool
В предыдущих главах мы уже касались вопроса рисования произвольных ли-
ний с помощью инструмента Pencil Tool (Карандаш). Но чаще всего для по-
строения различных контуров используется инструмент Pen Tool (Перо).
С помощью этого инструмента можно рисовать прямые линии, ломаные и
плавные кривые.

Практика ~f
Найдите инструмент Pen Tool (Перо) в палитре Tools (Инструменты). Он
находится в третьем ряду слева. Разместите на экране все инструменты
группы Реп (рис. 4.4).

Add Anchor Point Tool Delete Anchor Point Tool


(Добавить опорную точку) (Удалить опорную точку)

Pen Tool Convert Anchor Point Tool


(Перо) (Преобразовать опорную точку)

Рис. 4.4. Инструменты группы Реп


182 Глава 4

Рисование ломаных линий


Самое простое— это нарисовать с помощью инструмента Pen Tool (Перо)
ломаную линию. Ломаная линия может быть замкнутой и незамкнутой
(рис. 4.5). Часто замкнутую ломаную линию называют неправильным много-
угольником.

Рис. 4.5. Незамкнутая и замкнутые ломаные линии

Для рисования замкнутой ломаной нужно просто щелкать мышью в ее буду-


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

/ Практика ~|
Нарисуйте несколько замкнутых ломаных линий.

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


в вершинах ломаной. Но этот процесс может продолжаться бесконечно. Вся
тонкость состоит в том, чтобы закончить рисование незамкнутой линии
именно тогда, когда вам нужно. Существует четыре способа окончания рисо-
вания незамкнутой линии при работе с инструментом Pen Tool (Перо):
• выбрать инструмент Pen Tool (Перо) или нажать клавишу <Р>;
• перейти к любому другому инструменту;
• снять выделение с рисуемой линии с помощью команды Select | Deselect
(Выделить | Снять выделение) или комбинации клавиш <CtrI>+<Shift>+

• щелкнуть в любом месте рабочего пространства, держа нажатой клавишу


<Ctrl>.

( Примечание" ^
Первый способ есть смысл применять тогда, когда после рисования одной ли-
нии вы хотите нарисовать следующую с помощью того же инструмента Реп
Tool (Перо). Второй — когда после рисования вы хотите заняться другими ве-
щами и перейти к следующему инструменту. Третий и четвертый можно приме-
Создание и обработка кривых 183

нять в любых ситуациях. По сути дела, четвертый способ также снимает выде-
ление с рисуемой линии, т. к., нажимая клавишу <Ctrl>, вы временно переходи-
те к инструменту Selection Tool (Выделение).

/ Практика |
Нарисуйте несколько незамкнутых ломаных линий, каждый раз заканчи-
вая рисование одним из предложенных способов.

Рисование прямых линий


Прямая линия — это частный случай ломаной. В терминологии Adobe
Illustrator прямые линии также называют прямолинейными сегментами. Для
рисования прямых линий с помощью инструмента Pen Tool (Перо) необхо-
димо щелкнуть мышью в начальной точке, затем в конечной, и закончить ри-
сование любым из способов. Клавиша <Shift>, нажатая после первого щелч-
ка, позволяет нарисовать строго вертикальную, строго горизонтальную ли-
нию и линию, наклоненную к горизонту под углом 45°.
/ Практика |
Нарисуйте несколько прямых линий разной длины и расположенных под
разными углами наклона. Также нарисуйте линию, состоящую из несколь-
ких прямолинейных перпендикулярных сегментов (рис. 4.6).

( Примечание )
Раньше рисование с помощью инструмента Pen Tool (Перо) было единствен-
ным способом рисования прямых. В более поздних версиях Adobe Illustrator
появился альтернативный инструмент Line Segment Tool (Прямолинейный
сегмент).

/ Практика ~j
Вспомните процесс рисования прямых с помощью инструмента Line
Segment Tool (Прямолинейный сегмент). Нарисуйте несколько линий.
Сравните два эти способа.

Рис. 4.6. Пример линий для рисования


184 Глава 4

Рисование плавных кривых


Труднее всего научиться рисовать плавные кривые (кривые Безье), используя
инструмент Pen Tool (Перо).

Рисование простейшей кривой


Для рисования плавной кривой нужно:
• щелкнуть в начальной точке кривой и, с нажатой кнопкой мыши, сместить
курсор в направлении криволинейного сегмента. При выполнении этой
операции появится управляющая линия и будет смещаться управляющая
точка (рис. 4.7);
• установить курсор в следующей точке (это будет конец сегмента) и, с на-
жатой кнопкой мыши, перемещать курсор в произвольном направлении.
Во время этой операции появится сегмент и смещаться будет следующая
управляющая точка (рис. 4.8);
• продолжить процесс до тех пор, пока не будет достигнута нужная длина и
форма линии (рис. 4.9).

Рис. 4.7. Рисование плавной кривой. Рис. 4.8. Рисование плавной кривой.
1-й этап 2-й этап

Рис. 4.9. Рисование плавной кривой. Конечный этап

Примечание
Окончание рисования замкнутой и незамкнутой плавных кривых аналогично
окончанию рисования замкнутой и незамкнутой ломаных.
Создание и обработка кривых 185

j Практика |
Попробуйте нарисовать гладкую произвольную кривую. Нарисуйте замк-
нутый и незамкнутый варианты.

Выпуклые и S-образные кривые


Сегменты, а также кривые по способу рисования и количеству опорных точек
делятся на выпуклые и S-образные (рис. 4.10).

Рис. 4.10. Выпуклая (сверху) и S-образная кривые

Примечание
Работать с S-образными кривыми предпочтительнее, т. к. в конечном итоге они
дают меньше опорных точек, чем выпуклые. А меньшее количество опорных
точек — это меньшее количество сегментов, следовательно, меньшее число
описываемых в файле векторов и меньший объем файла. Также большое чис-
ло опорных точек загромождает рисунок. Поэтому нужно стремиться к умень-
шению числа опорных точек в кривой, но только не за счет ухудшения ее каче-
ства.

/ Практика |
Создайте новый файл. Покажите на экране линейки и разместите две гори-
зонтальные направляющие.

Для построения выпуклого криволинейного сегмента первую управляющую


точку нужно перемещать в направлении, совпадающим с изгибом кривой, а
вторую— в противоположном (рис. 4.11). Для построения S-образной кри-
вой нужно перемещать обе направляющие точки в одном направлении
(рис. 4.12).

/ Практика
Рассмотрите рисунки и постройте одну под другой две кривых — одну из
выпуклых сегментов, другую— из S-образных (см. рис. 4.10). При по-
строении опорные точки размещайте на направляющих.
186 Глава 4

Рис. 4.11. Рисование выпуклой кривой Рис. 4.12. Рисование S-образной кривой

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

Если во время рисования плавных кривых держать нажатой клавишу <Shift>,


то управляющие линии, отвечающие за углы наклона и длину сегментов, бу-
дут располагаться строго вертикально, строго горизонтально или под углом
в 45°.

с Примечание
Если во время рисования кривых использовать клавишу <Shift> и сетку, которая
позволит регулировать длину направляющих, плавные кривые можно создать
еще более ровные и красивые (рис. 4.13).

Г \ \ )
!
iI >

N[7
Рис. 4.13. Плавные кривые, нарисованные с использованием сетки
и при действии клавиши <Shift>

/ Практика |
Отобразите на экране сетку и нарисуйте несколько кривых, похожих на
кривые, изображенные на рис. 4.13.
Создание и обработка кривых 187

Создание угловых точек


при рисовании плавного криволинейного сегмента
Некоторые кривые могут состоять и из криволинейных, и из прямолинейных
сегментов. В этом случае в кривой будут присутствовать и гладкие, и угло-
вые точки (рис. 4.14).

Рис. 4.14. Кривая, состоящая из криволинейных и прямолинейных сегментов

/ Практика |
Нарисуйте кривую, в которой бы присутствовали и криволинейные, и
прямолинейные сегменты.

Иногда нужно создать кривую, состоящую только из криволинейных сегмен-


тов, но соединяющихся под углом в угловой опорной точке (рис. 4.15).

Рис. 4.15. Плавный криволинейный сегмент с угловой точкой

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


нужно после рисования очередного плавного сегмента отпустить кнопку
мыши и нажать клавишу <Alt>. Форма курсора изменится, вместо значка пе-
ра появится значок угла. Этим курсором нужно "взять" одну из управляющих
точек (ту, которая находится в направлении рисования последнего сегмента)
и переместить курсор в направлении изгиба кривой, чтобы направляющие
линии образовали острый угол (рис. 4.16). Затем нужно отпустить клавишу
<Alt> и рисовать дальше так, как обычно (рис. 4.17).
188 Глава 4

Рис. 4.16. Создание угловой точки при рисовании плавного криволинейного сегмента

Рис. 4.17. Дальнейший процесс рисования

[ Практика ~jj
Попробуйте нарисовать пример кривой, изображенный на рис. 4.15, а за-
тем придумайте и нарисуйте свой собственный пример на рассматривае-
мую операцию.

Редактирование кривых во время рисования


Во время рисования кривых с использованием инструмента Pen Tool (Перо)
можно выполнять две операции по редактированию кривой. Все остальные
операции по редактированию выполняются уже после того, как кривая окон-
чательно нарисована.
Первая операция — изменение местоположения опорной точки. Если во вре-
мя рисования опорная точка поставлена не там, где нужно, можно перемес-
тить ее мышью, удерживая клавишу <Space> (<Пробел>). Клавишу нужно
нажать до того, как кнопка мыши будет отпущена.
И вторая операция — удаление последнего ошибочно нарисованного сегмен-
та. Для этого нужно просто выполнить отмену последнего действия с по-
мощью комбинации клавиш <Ctrl>+<Z>.

/ Практика |
Попробуйте описанные операции по редактированию кривых во время их
рисования на практике.
Создание и обработка кривых 189

Редактирование кривых
Рисование кривых с помощью инструмента Pen Tool (Перо) — достаточно
трудоемкий процесс, требующий не только сноровки, но и точного расчета
местоположения опорных точек и вида сегментов. Поэтому часто задуманные
контуры не получаются с первого раза. В этом случае к контурам применяют
различные операции редактирования. Операции редактирования применяют к
контурам и в том случае, когда они созданы с помощью других инструментов
и способов. Ориентация в способах редактирования кривых и овладение
практикой работы с ними — тот багаж знаний, который делает работу в век-
торном редакторе результативной и плодотворной.

Инструментарий для редактирования кривых


Рассмотрим, какие инструменты применяются для этой цели. В основном это
инструменты из группы Pen Tool (Перо) (см. рис. 4.4). Кроме того, это два
инструмента для выделения частей контура и два отдельных инструмента для
выполнения конкретных операций. Все инструменты, применяющиеся при
редактировании контуров, представлены в табл. 4.1.

Таблица 4.1. Инструменты редактирования кривых

Быстрая
Инструмент Функция
клавиша

Direct Selection Tool <A> Выделение отдельных


(Частичное выделение) элементов кривых

Lasso Tool (Лассо) <Q> Выделение отдельных


элементов кривых

Pen Tool (Перо) <P> Рисование кривых

Add Anchor Point Tool <+> Добавление опорных точек


(Добавить опорную точку)

Delete Anchor Point Tool <-> Удаление опорных точек


(Удалить опорную точку)

Convert Anchor Point Tool <Shift>+<C> Преобразование вида опорных


(Преобразовать опорную точку) точек

Reshape Tool (Форма) Изменение формы кривых

Scissors Tool (Ножницы) <C> Разделение контуров


190 Глава 4

j Практика ^
Найдите эти инструменты и разместите их в составе отдельных палитр на
экране. Инструмент Reshape Tool (Форма) находится в группе инструмен-
тов Scale Tool (Размер), а инструмент Scissors Tool (Ножницы) — над ин-
струментом Zoom (Масштаб).

Выделение элементов кривых


Перед тем, как говорить об операциях по редактированию кривых, рассмот-
рим, какие элементы могут подвергаться редактированию и как их можно
выделить.
Ранее мы говорили о том, что если мы хотим произвести какую-либо опера-
цию над всем объектом целиком, мы должны выделить его инструментом
Selection Tool (Выделение). При этом выделяется весь контур, и активизиру-
ются все его опорные точки (они все закрашиваются). Выделенные целиком
контуры см. на рис. 4.1.

( Примечание ^
Все опорные точки контура выделяются и в том случае, если при выделении мы
охватили только некоторые из них.

/ Практика ~jj
Выделите какую-либо кривую или геометрическую фигуру инструментом
Selection Tool (Выделение), заострив внимание на описанном нюансе.

Выделение отдельных элементов кривой осуществляется с помощью инстру-


ментов Direct Selection Tool (Частичное выделение) и Lasso Tool (Лассо).
Существует два основных элемента, которые можно выделить: это сегмент и
опорная точка.

Выделение сегментов контура


Перед тем как выделять какие-либо из элементов кривых, необходимо снять
все предыдущие выделения. После этого для выделения сегмента кривой
нужно щелкнуть по нему или обвести в рамку инструментом Direct Selection
Tool (Частичное выделение) или обвести произвольным контуром при актив-
ном инструменте Lasso Tool (Лассо). При этом все квадратики, обозначаю-
щие опорные точки, останутся незакрашенными, а у опорных точек, ограни-
чивающих сегмент, проявятся две части направляющих, видимых со стороны
сегмента (рис. 4.18).
Создание и обработка кривых 191

Рис. 4.18. В кривой выделен сегмент

/ Практика |
Нарисуйте несколько различных замкнутых и незамкнутых контуров с
помощью разных инструментов. Последовательно выделяйте различные
сегменты у нарисованных объектов. Обращайте внимание на вид опорных
точек.

Примечание
При выделении прямолинейного сегмента управляющих линий видно не будет.

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

Для того чтобы выделить несколько сегментов, необходимо, как и в случае


выделения нескольких объектов, щелкать по сегментам, удерживая клавишу
<Shift>, или обводить их в рамку или произвольным контуром. Только, в от-
личие от выделения нескольких объектов, действовать нужно с помощью ин-
струментов частичного выделения.

/ Практика |
Выполните выделение нескольких сегментов в одной из кривых.

Выделение опорных точек


При выделении опорной точки необходимо сначала снять все выделения с
кривой. Затем нужно перейти к одному из инструментов частичного выделе-
ния и либо щелкнуть по нужной опорной точке, либо обвести ее прямоуголь-
ным или произвольным контуром. Выделенная опорная точка закрашивается,
и появляются ее управляющие линии (см. рис. 4.20).
192 Глава 4

1 Практика
Попробуйте выполнить выделение опорных точек в нескольких объектах.

Некоторое неудобство этой операции заключается в том, что не всегда по


внешнему виду кривой понятно, где конкретно находится нужная опорная
точка. Поэтому иногда полезно вначале выделить на нужном контуре какой-
либо сегмент, чтобы проявились все опорные точки (рис. 4.19). А затем вы-
делить нужную опорную точку (рис. 4.20).

Рис. 4.19. Первый этап выделения опорной точки

Рис. 4.20. Второй этап выделения опорной точки

/ Практика ~}
Попробуйте выполнить выделение опорных точек в нескольких объектах,
используя метод, описанный выше.

Для выделения нескольких точек нужно при активизации одного из инстру-


ментов частичного выделения обвести их прямоугольной или произвольной
рамкой, либо щелкать по точкам или обводить их, держа нажатой клавишу
<Shift>. Можно использовать комплексный метод. Для исключения точки из
группы выделенных по ней нужно щелкнуть, держа нажатой клавишу
<Shift>, или обвести ее, держа нажатой клавишу <Alt> (для инструмента
Lasso Tool (Лассо)).
Создание и обработка кривых 193

[ Практика \
Выделите на одной из кривых несколько рядом лежащих и отдельно ле-
жащих опорных точек различными способами. Попробуйте исключать
точки из группы выделенных.

( Совет ^)
Очень удобно пользоваться инструментом Lasso Tool (Лассо) при выделении
нескольких опорных точек; если они находятся в разных местах кривой, выде-
лить их можно без использования дополнительных клавиш.

Операции по редактированию кривых


Рассмотрим основные операции редактирования кривых.

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


Под настройкой сегмента понимается изменение его формы. Так как конту-
ры состоят из сегментов, то эту операцию можно считать операцией по изме-
нению формы всей кривой.
Есть три способа настройки криволинейного сегмента.
• Выделить сегмент и перемещать сам сегмент. Изменится его форма.
П Выделить опорную точку или несколько опорных точек и выполнять их
перемещение. В этом случае будет меняться форма сегментов, прилегаю-
щих к этой опорной точке или точкам.
П Выделить опорную точку, добившись появления управляющих линий и
точек и выполнять перемещение управляющих точек. В этом случае будет
меняться форма кривой по обе стороны от выделенной опорной точки.

( Примечание ")
Перемещение при настройке каждым из способов должно происходить при ак-
тивном инструменте Direct Selection Tool (Частичное выделение).

Каждый из способов имеет свои достоинства и недостатки и применяется


в различных ситуациях для решения определенных задач.

Перемещение сегмента
/ Практика |
Выделите определенный сегмент на какой-либо кривой. Приложите мышь
к контуру в пределах сегмента, нажмите на клавишу и попробуйте плавно
перемещать мышь. Что меняется, а что остается неизменным?

7 Зак. 1380
194 Глава 4

Настройка криволинейного контура путем перемещения самого сегмента


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

Рис. 4.21. Состояние контура до перемещения сегмента

Рис. 4.22. Состояние контура после перемещения сегмента

Примечание
Нажатая клавиша <Shift> в этом и других случаях ограничивает возможности
перемещения углами, кратными 45°.

Перемещение опорной точки


/ Практика ~~jj
Выделите опорную точку на какой-либо кривой. Приложите мышь к вы-
деленной опорной точке, нажмите на клавишу и попробуйте плавно пере-
мещать мышь. Что в этом случае меняется, а что остается неизменным?

Настройка криволинейного контура путем перемещения опорной точки —


альтернативный предыдущему способ настройки. В этом случае не меняется
взаимное положение сегментов, прилегающих к этой опорной точке, но ме-
няется их положение в пространстве (рис. 4.23 и 4.24). Этот способ настройки
более удобен, чем предыдущий, но тоже имеет ограничения.
Можно выделить несколько опорных точек и осуществлять перемещение
части кривой, прикладывая мышь к одной из этих точек. В этом случае все
выделенные опорные точки перемещаются на одинаковое расстояние.
Создание и обработка кривых 195

Рис. 4.23. Состояние контура Рис. 4.24. Состояние контура


до перемещения опорной точки после перемещения опорной точки

/ Практика |
Попробуйте выделить несколько опорных точек кривой и осуществить на-
стройку кривой, выполняя перемещение этих точек.

Примечание
При необходимости перемещения нескольких опорных точек удобно использо-
вать инструмент Reshape Tool (Форма). Он действует почти так же, как и инст-
румент Direct Selection Tool (Частичное выделение) при перемещении не-
скольких точек, но есть одно существенное отличие. Выделенные опорные точ-
ки перемещаются на разное расстояние, обратно пропорциональное
удаленности от перемещаемой точки. Такое растяжение в терминологии про-
грамм векторной графики называется "эластичным". Оно позволяет изменять
форму контура, не изменяя при этом относительного расположения сегментов и
опорных точек.

Перемещение управляющих точек


И, наконец, третий способ настройки, когда изменение формы кривой проис-
ходит за счет изменения местоположения управляющих точек, является наи-
более гибким и удобным. В этом случае мы можем менять длину и угол на-
клона управляющей линии по обе стороны от опорной точки, независимо ме-
няя тем самым форму сегментов, прилегающих к опорной точки с разных
сторон (рис. 4.25—4.27).

Рис. 4.25. Состояние контура Рис. 4.26. Состояние контура


до перемещения управляющих точек после перемещения управляющей точки
сверху от опорной
196 Гпава 4

Рис. 4.27. Состояние контура после перемещения управляющей точки снизу от опорной

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

Комплексная настройка
При создании объектов на практике все рассмотренные способы настройки
криволинейного сегмента варьируют и применяют комплексно.

[ Практика /
Для закрепления пройденного материала нарисуйте окружность и, приме-
няя различные способы настройки, попробуйте превратить ее в сердце
(рис. 4.28).

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

Настройка прямолинейного сегмента


Способов настройки прямолинейного сегмента и, соответственно, прямоли-
нейного контура всего два: перемещение самого сегмента и перемещение
опорной точки или нескольких точек.

Г Примечание
Отпадает способ настройки, связанный с перемещением управляющих точек,
т. к. у угловых точек в прямолинейных сегментах управляющих линий и точек
нет.
Создание и обработка кривых 197

Рассмотрим настройку прямолинейного сегмента на примере прямоуголь-


ника.

/ Практика |
Нарисуйте прямоугольник. Выделите боковую грань и переместите ее в
произвольном направлении (рис. 4.29). Восстановите форму прямоуголь-
ника и выполните ту же операцию, удерживая клавишу <Shift> (рис. 4.30).

Рис. 4.29. Настройка сегмента Рис. 4.30. Изменение размера прямоугольника


в прямоугольнике путем настройки боковой грани

Настройка прямолинейного сегмента путем перемещения опорной точки


происходит аналогично настройке криволинейного сегмента.

/ Практика |
Для освоения настройки прямоугольного сегмента методом перемещения
опорной точки попробуйте превратить прямоугольник в песочные часы
или "бабочку" (рис. 4.31).

X
Рис. 4.31. Исходный прямоугольник и объекты,
полученные из него путем перемещения опорных точек

Преобразование типа опорных точек


Иногда в процессе работы возникает необходимость преобразовать гладкую
точку в угловую и, наоборот, угловую в гладкую. Эти операции подчас ме-
няют форму кривой до неузнаваемости.
198 Глава 4

Преобразование гладких точек в угловые


Существует два способа преобразования гладких точек в угловые.
Последовательность действий при первом способе следующая.
1. Выделить кривую любым из инструментов выделения.
2. Перейти к инструменту Convert Anchor Point Tool (Преобразовать опор-
ную точку).
3. Щелкнуть по точке.

/ Практика |
Для закрепления операции на практике попробуйте путем изменения типа
опорных точек преобразовать эллипс в ромб (рис. 4.32).

Рис. 4.32. Задание на преобразование гладких опорных точек в угловые

Последовательность действий при втором способе следующая.


1. Выделить опорную точку одним из инструментов частичного выделения.
2. Перейти к инструменту Convert Anchor Point Tool (Преобразовать опор-
ную точку).
3. Переместить одну из управляющих точек
Этот способ хорош тем, что позволяет при изменении типа точки сразу про-
изводить настройку прилегающего к ней сегмента (последовательно с каждой
из сторон). Также, действуя этим способом, можно изменить тип опорной
точки, не изменяя типа прилегающих к ней сегментов (они остаются криво-
линейными). Процесс преобразования гладких точек в угловые описанным
выше способом показан на рис. 4.33—4.35.

Рис. 4.33. Исходное состояние кривой


Создание и обработка кривых 199

Рис. 4.34. Состояние кривой Рис. 4.35. Состояние кривой


после преобразования типа точки после преобразования типа точки
и настройки сегмента сверху от опорной точки и настройки сегмента снизу от опорной точки

/ Практика |
Попробуйте выполнить подобное преобразование.

Преобразование угловых точек в гладкие


Чтобы осуществить обратное преобразование, необходимо сделать следую-
щее:
1. Выделить кривую.
2. Перейти к инструменту Convert Anchor Point Tool (Преобразовать опор-
ную точку).
3. "Вытянуть" мышью из опорной точки управляющие линии.
Процесс преобразования угловой опорной точки в гладкую показан на
рис. 4.36.

Рис. 4.36. Процесс преобразования угловой точки в гладкую

/ Практика У
В качестве тренировки попробуйте преобразовать звездочку в цветок, вы-
полняя преобразование угловых опорных точек в гладкие (рис. 4.37).

Совет 7
Если угловая точка явно видима, можно попытаться сразу перейти к этапу 3,
минуя два первых. При точном попадании может повезти.
200 Глава 4

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

Добавление и удаление опорных точек


Следующие две операции в процессе работы также используют довольно
часто. Создают новые опорные точки для более точной настройки формы
контура, удаляют для корректировки формы контура и его упрощения.
Операции производятся с помощью инструментов Add Anchor Point Tool
(Добавить опорную точку) и Delete Anchor Point Tool (Удалить опорную
точку).

Добавление опорных точек


Для добавления новой опорной точки необходимо перейти к инструменту
Add Anchor Point Tool (Добавить опорную точку) и щелкнуть по контуру в
нужном месте.

с Примечание
Выделять контур перед добавлением точек не обязательно, но желательно.

/ Практика
Попробуйте добавить несколько опорных точек к произвольному контуру.

Очень часто при выполнении операции добавления опорных точек появляет-


ся диалоговое окно, пугающее пользователей (рис. 4.38).

Adobe Illustrator

fteasc use the add anchor point tool on a segment of a path.

; : : П Don't Show Again :

J
Рис. 4.38. Диалоговое окно с указанием применять текущий инструмент
к сегменту или контуру
Создание и обработка кривых 201

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

(~ Примечание ^
При желании пользователь может установить режим, при котором это сообще-
ние не будет появляться в подобных ситуациях. Для этого нужно активизиро-
вать флажок Don't Show Again (He показывать снова).

/ Практика |
В качестве примера практического использования операции добавления
опорных точек выполните преобразование прямоугольника во флажок,
добавив предварительно опорную точку на его грани (рис. 4.39).

та v,
И) г
<

Рис. 4.39. Пример на практическое применение операции добавления опорных точек

Удаление опорных точек


Перед удалением опорных точек кривую обязательно нужно выделять (лю-
быми инструментами выделения), т. к. на невыделенной кривой не видны
опорные точки, в том числе и те, которые необходимо удалить. Следом за
выделением нужно щелкнуть по лишней точке инструментом Delete Anchor
Point Tool (Удалить опорную точку). После удаления опорной точки форма
кривой изменится.

/ Практика |
В качестве примера на удаление опорной точки выполните преобразова-
ние прямоугольника в прямоугольный треугольник (рис. 4.40).

Если выполняя операцию удаления опорной точки вы попали мимо нее, про-
грамма выдаст сообщение, аналогичное сообщению, выдаваемому при щелч-
ке вне контура во время проведения операции добавления опорной точки
(см. рис. 4.38). Действия пользователя в этой ситуации должны быть анало-
гичными.
202 Глава 4

Ъ >• ; /

Рис. 4.40. Пример на практическое применение операции удаления опорных точек

Добавление и удаление опорных точек


при помощи инструмента Pen Tool
Выполнить операцию по добавлению и удалению опорных точек можно и не
прибегая к специальным инструментам, а воспользовавшись инструментом
Pen Tool (Перо). При активном инструменте Pen Tool (Перо) в обычном со-
стоянии указатель мыши имеет форму пера с крестиком. При его подведении
к выделенному контуру вместо крестика появляется знак "+", и, щелкнув по
кривой, можно добавить опорную точку в этом месте. При подведении кур-
сора к опорной точке крестик меняется на "-", и, щелкнув по опорной точке,
можно ее удалить.

Удаление изолированных точек


При работе с контурами очень часто образуются изолированные точки. Они
не видны на экране, и до поры до времени никак не проявляют себя. Но при
большом скоплении объектов эти точки могут негативно повлиять на всю
работу. Поэтому их надо периодически удалять. Для этого необходимо зайти
в меню Object (Объект), выполнить команду Path (Контур) и подкоманду
Clean Up (Вычистить). За удаление изолированных точек отвечает первый
параметр в одноименном диалоговом окне (рис. 4.41).

. Dpiete ••••-•-.•,•-._•••

Р £:idyfv,ini •':::;:; , ггж:..:1


17 ^painted Object

17 Empty Text Patr

Рис. 4.41. Диалоговое окно Clean Up

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


Выделив отдельные опорные точки и сегменты, к ним можно применять те
же преобразования, что и к целым объектам, а именно:
Создание и обработка кривых 203

• удаление; П поворот;
• перемещение; П наклон;
• копирование; П зеркальное отражение.
П масштабирование;

Эти преобразования можно выполнять как с помощью инструментов, так и с


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

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

Преобразование опорных точек


/ Практика |
Нарисуйте прямоугольник, эллипс и звезду с большим количеством лучей.
Выделив две соседние точки у прямоугольника, превратите его в равно-
бедренную трапецию с помощью инструмента Scale (Размер) (рис. 4.42).
Выделив две противоположные точки у эллипса и повернув их на угол
180°, попробуйте получить фигуру, показанную на рис. 4.43. Выделив у
звезды только внешние точки, поверните их на достаточно большой угол,
используя инструмент Rotate Tool (Поворот), и получите фигуру, похо-
жую на изображенную на рис. 4.44.

К сожалению, подобные операции при работе над контурами применяются


пользователями очень редко. Рассмотренные примеры ставили своей целью

Рис. 4.42. Преобразование прямоугольника


204 Глава 4

Рис. 4.43. Преобразование эллипса

Рис. 4.44. Преобразование звезды

показать, что выполняя операции преобразования над сегментами и опорны-


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

Усреднение координат опорных точек


Эта операция позволяет переместить две или более опорные точки так, чтобы
их координаты являлись средним арифметическим от исходных. Для этого
необходимо выделить точки любым из инструментов частичного выделения,
затем зайти в меню Object (Объект), выполнить команду Path (Контур) и
подкоманду Average (Усреднить). Диалоговое окно этой команды изображе-
но на рис. 4.45.

| Average

AXIS
|"ОГ- ~~\
Г ЫогйСТЛ
:
с ,'erti. •;.v .Cancel J

:• г

Рис. 4.45. Диалоговое окно Average

Как видно из рисунка, в диалоговом окне можно выбрать одно из направле-


ний усреднения:
Создание и обработка кривых 205

П Horizontal (Горизонтальное);
П Vertical (Вертикальное);
• Both (Оба).

I Практика |
Нарисуйте два прямоугольника и выделите любым инструментом частич-
ного выделения две противоположенные вершины, принадлежащие раз-
ным фигурам (рис. 4.46). Последовательно выполняйте усреднение коор-
динат этих точек по горизонтали (рис. 4.47), вертикали (рис. 4.48), и обоим
направлениям одновременно (рис. 4.49), после каждой операции возвра-
щаясь к исходному состоянию.

Рис. 4.46. Исходное состояние Рис. 4.47. Вид фигур после усреднения
прямоугольников. Выделены точки координат по горизонтали
для усреднения координат

п . i^

" \
V » •

Рис. 4.48. Вид фигур после усреднения Рис. 4.49. Вид фигур после усреднения
координат по вертикали координат по горизонтали и вертикали

Примечание
Результатом выполнения операции усреднения координат по обоим направле-
ниям не является слияние объектов в данной точке. Объекты как были, так и
остаются самостоятельными, а "слившиеся" точки просто накладываются друг
на друга.
206 Глава 4

Усреднять можно не только две или более точек, принадлежащих разным


объектам, но и точки, принадлежащие одному объекту, а также группе объек-
тов. Пример исходного состояния объекта с выделенными точками и резуль-
тат усреднения этих точек по вертикали показан на рис. 4.50, а пример ис-
ходного положения нескольких объектов с выделенными точками и результат
их усреднения по обоим направлениям приведен на рис. 4.51.

Рис. 4.50. Начальный вид объекта и результаты усреднения


противоположенных точек по вертикали

Рис. 4.51. Начальный вид объектов и результаты усреднения


крайних точек по обоим направлениям

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

Разделение и соединение контуров


Это две очень важные операции, часто применяемые в работе.

Разделение контуров
Разделить контур на составные части гораздо проще, чем соединить (ломать
всегда проще, чем строить). Эту операцию можно выполнить над любыми
контурами с помощью инструмента Scissors Tool (Ножницы). Необходимо
перейти к этому инструменту и щелкать в нужных местах либо по контуру,
либо по опорным точкам. После этого части последовательно можно выде-
лять инструментом Selection Tool (Выделение) и перемещать в разные сторо-
Создание и обработка кривых 207

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


рис. 4.52.

Рис. 4.52. Объект до и после разрезания

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

/ Практика |
Убедитесь, что вы находитесь в режиме Outline (Макет) и попробуйте
разрезать и растащить по частям следующие фигуры: ровную и извили-
стую линии, ломаную линию, прямоугольник, эллипс, произвольный
контур.

Соединение контуров
Операция соединения контуров так же проста, как и операция их разделения.
Для соединения одного незамкнутого контура можно применить два метода.
• Дорисовать контур, поместив указатель мыши в концевой точке и замкнув
конец на начало. Это можно выполнить инструментами Pencil Tool (Ка-
рандаш) и Pen Tool (Перо). Перед тем как дорисовывать контур, его необ-
ходимо выделить любым из инструментов выделения.
• Выделенный незамкнутый контур может быть соединен автоматически
при помощи команды Object | Path | Join (Объект | Контур | Соединить)
или соответствующей ей комбинации клавши <Ctrl>+<J>. В результате
применения команды крайние точки контура соединятся прямой линией.

Совет
Запомните эту комбинацию клавиш, т. к. она применяется для выполнения дан-
ной операции не только в этой программе, но и во многих других.

/ Практика
Найдите среди объектов, нарисованных вами ранее незамкнутый контур,
созданный с помощью инструмента Pen Tool (Перо). Выделите его, по-
208 Глава 4

местите курсор в одну из концевых опорных точек, нажмите на кнопку


мыши и дорисуйте контур, сделав его замкнутым. Обратите внимание, что
в момент "схватывания" в концевой точке форма указателя изменится,
около значка пера появится наклонная черта. Пример исходного состояния
контура и контура после дорисовки приведен на рис. 4.53. Отмените опе-
рацию и попробуйте замкнуть тот же самый контур с помощью команды
(рис. 4.54). Сравните результаты.

Рис. 4.53. Исходное состояние контура и контур после дорисовки


с помощью инструмента Pen Tool

Рис. 4.54. Исходное состояние контура и контур после замыкания


с помощью команды Object | Path | Join

Если контуров несколько и их нужно соединить в нескольких опорных точ-


ках (рис. 4.55), применяются те же методы, что и при соединении одного не-
замкнутого контура. Только в случае соединения при помощи команды, пе-
ред ее выполнением необходимо указать программе, какие конкретно точки
вы хотите соединить. Ведь в примере, приведенном на рис. 4.55, может быть
три варианта соединения (рис. 4.56).

Рис. 4.55. Пример Рис. 4.56. Варианты соединения


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

I Практика |
Нарисуйте две карандашные кривые примерно так, как показано на
рис. 4.55. Выполним первый вариант соединения, показанный на рис. 4.56.
Для этого необходимо любым из инструментов частичного выделения вы-
делить две крайние левые точки у обоих контуров. Выделить их можно
либо обведя рамкой или произвольной кривой (в зависимости от выбран-
ного инструмента), либо щелкая по точкам инструментом Direct Selection
Tool (Частичное выделение) при нажатой клавише <Shift>. Выделенные
точки контуров показаны на рис. 4.57.

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

Выполните команду Object | Path | Join (Объект | Контур | Соединить) или


нажмите комбинацию клавиш <Ctrl>+<J>. Появится прямая, соединившая
выделенные точки (рис. 4.58). После этого аккуратно повторите все дейст-
вия для оставшейся группы концевых точек. После выполнения команды
контур должен замкнуться окончательно (рис. 4.59).

Рис. 4.57. Исходное состояние контуров. Выделены две концевые точки

Рис. 4.58. Вид объектов после соединения Рис. 4.59. Результат операции соединения
опорных точек слева двух контуров
210 Глава 4

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

Внимание!
Соединять в Adobe Illustrator можно только концевые точки контура.

В том случае, когда необходимо при соединении контуров соединить их не


отдельной прямой линией, а просто "слить" в одну точку, нужно последова-
тельно выполнить две операции: сначала— усреднение координат опорных
точек, а потом — их соединение.

Разделение объектов на части


Операция разделения объекта на части похожа на операцию разрезания кон-
туров. Но отличие заключается в том, что в этой операции мы режем не про-
волочные каркасы от объектов, а разрезаем объекты на части целиком.

/ Практика /
Перейдите к режиму Preview (Иллюстрация). Нарисуйте несколько замк-
нутых геометрических фигур и произвольных контуров и залейте их.

Для разделения объектов на части применяется инструмент Knife Tool (Нож),


который находится в одной группе с инструментом Scissors Tool (Ножницы).
Он осуществляет разрезку объекта по произвольным линиям. Для того чтобы
разрезать объект, нужно перейти к инструменту и перемещать указатель мы-
ши с нажатой кнопкой по разрезаемой фигуре. После разрезания на объекте
проявится линия разреза. Перейдя к инструменту Selection Tool (Выделение)
и сняв общее выделение, можно растащить части объекта в разные стороны.
Этапы процесса разделения объекта на части показаны на рис. 4.60.

( Примечание ^
Для того чтобы линии разреза были прямыми, необходимо во время операции
держать нажатой клавишу <Alt>.

Рис. 4.60. Этапы разделения объекта на части


Создание и обработка кривых 211

j Практика |
Перейдите к инструменту Knife Tool (Нож) и разрежьте круг так, как по-
казано на рис. 4.61. Придумайте свои варианты разрезания и выполните
разделение на части других фигур.

Рис. 4.61. Варианты разрезания круга

Примечание
Во время операции разрезания объекта никакие другие объекты выделенными
быть не должны.

Операции взаимодействия объектов.


Палитра Pathfinder
Операции, которые выполняются с помощью кнопок палитры Pathfinder
(Обработка контуров), относятся к операциям по взаимодействию объектов.
Рассмотрение этого вопроса в теме обработки кривых связано с тем, что мно-
гие объекты из кривых можно создать, используя эти операции. Операции,
выполняемые с помощью кнопок этой палитры, применяются к нескольким
пересекающимся объектам, представляющим собой простые контуры, и по-
зволяют получать из них новые объекты, представляющие собой составные
контуры. В большинстве случаев всем получившимся объектам назначается
цвет самого верхнего объекта.

с Примечание
Эти же операции можно выполнить с помощью подкоманд команды Pathfinder
(Обработка контуров) из меню Effects (Эффекты).

/ Практика |
Разместите на экране палитру Pathfinder (Обработка контуров) с по-
мощью одноименной команды из меню Window (Окно).
212 Г пава 4

Описание операций, выполняемых с помощью кнопок палитры Pathfinder


(Обработка контуров), приведено в табл. 4.2.

Таблица 4.2. Описание кнопок палитры Pathfinder

Назначение
Кнопка Название
(результат операции)

Add to shape area Получается новый контур, совпадающий с


(Добавление в составной общим периметром всех объектов (опера-
объект) ция "объединение")

Subtract from shape area Получается новый контур, площадь которо-


(Удаление из составного го равна нижнему объекту с вырезом пло-
объекта) щадей верхних (операция "минус верхний")

Intersect shape areas Контуром нового объекта является область


(Пересечение составных пересечения исходных объектов (операция
объектов) "пересечение")
Exclude overlapping shape Непересекающиеся области исходных
areas (Исключение пересе- объектов входят в новый объект, а пересе-
кающихся областей) кающиеся области делаются прозрачными
(операция "исключение")

Divide (Разделение) Разбивает сложный объект на простые


объекты — закрытые контуры

Trim (Обрезка) Удаляет все части объектов, которые яв-


ляются скрытыми, при этом объекты с оди-
наковыми заливками не объединяются
Merge (Слияние) Удаляет все части объектов, которые яв-
ляются скрытыми, при этом объекты с оди-
наковыми заливками объединяются

Crop (Кадрирование) Удаляет все части объектов, которые вы-


ходят за границы самого верхнего объекта

Outline (Обводка) Разбивает сложный объект на простые


объекты — открытые контуры
Minus Back Получается новый контур, у которого отсе-
(Минус нижний) кается область, пересекающаяся со всеми
объектами, расположенными ниже

Чаще всего при создании объектов на основе кривых применяются первые


четыре операции, которые мы и рассмотрим более подробно на простом при-
мере.
Создание и обработка кривых 213

I Практика |
Нарисуйте прямоугольник и эллипс так, чтобы они пересекались, и залей-
те их разными цветами. Сделайте еще 3 копии этой композиции
(рис. 4.62). Будем последовательно применять к каждой композиции рас-
сматриваемые операции.

Рис. 4.62. Образцы для рассмотрения действия операций по обработке контуров

Выделите любым выделяющим инструментом прямоугольник и эллипс в


первой группе. Щелкните по первой кнопке верхнего ряда в палитре
Pathfinder (Обработка контуров). После выполнения операции, не снимая
выделения с получившегося объекта, выберите кнопку Expand (Преобра-
зовать) в этой же палитре.

Примечание
Действие этой кнопки необходимо для того, чтобы преобразовать полученный
объект в составной контур. Для достижения той же цели можно было сразу
щелкать по основной кнопке операции при нажатой клавише <Alt>.

Выделите очередные два объекта и выполните над ними следующую опе-


рацию, щелкнув по второй кнопке верхнего ряда в палитре Pathfinder
(Обработка контуров). Таким же образом выполните оставшиеся две опе-
рации. Результаты применения операций взаимодействия к простым кон-
турам показаны на рис. 4.63.

Рис. 4.63. Результаты применения первых четырех операций палитры Pathfinder


к простым контурам

Рассмотрите получившиеся объекты. Цвет какого объекта перешел к по-


лученному объекту? Попробуйте перемещать объект, получившийся в ре-
зультате операции исключения (последний пример), и убедитесь, что
сквозь прозрачную область, образовавшуюся в месте пересечения объек-
214 Глава 4

тов, видно все то, что находится под объектом. Эта операция используется
не только при создании объектов с "дырками" типа бубликов и решеток,
но и при генерировании более изящных объектов с прозрачными областя-
ми; например, салфетки, кружева, ажурные решетки и т. п. Попробуйте
придумать и создать сложный "ажурный" или "дырчатый" контур из не-
скольких простых.

При работе над сложными объектами самый важный этап — разложить объ-
ект по исходным составляющим и представить, из каких более мелких конту-
ров он будет состоять, и какие операции необходимо применить для получе-
ния сложного из простого. Представленные ниже простые примеры дад>т вам
возможность развить фантазию и пространственное воображение. На
рис. 4.64 представлены объекты, получившиеся в результате операции объ-
единения, на рис. 4.65 — минус верхний, на рис. 4.66 — пересечение.

Рис. 4.64. Примеры использования операции Add to shape area

Рис. 4.65. Примеры использования операции Subtract from shape area

/ Практика
Внимательно рассмотрите предложенные примеры. Представьте, какие
исходные геометрические фигуры использовались в каждом из случаев.
Создание и обработка кривых 215

Выполните по три любых примера из каждой группы. По окончании этой


работы попробуйте самостоятельно рассмотреть действие оставшихся
операций палитры Pathfinder (Обработка контуров).

Рис. 4.66. Примеры использования операции Intersect shape areas

Способы создания объектов


на основе кривых
Это материал, который обычно не излагается в учебниках по программным
продуктам. Тем не менее начинающие пользователи часто испытывают за-
труднения в практическом применении изученных инструментов и команд.
Особенно это касается работы с кривыми, где различных инструментов, ко-
манд и способов очень много, а какие из них и как использовать при созда-
нии конкретного объекта — понять трудно. Поэтому далее приведены основ-
ные методы создания объектов на основе кривых. Конечно, их гораздо боль-
ше, и в работе часто используются их комбинации, но эти базовые навыки
призваны помочь вам начать самостоятельно мыслить и работать.

Рисование контура
при помощи инструмента Pencil Tool
Самый простой способ — нарисовать контур с помощью рисующих инстру-
ментов. О работе с инструментом Pencil Tool (Карандаш) мы уже говорили
(см. раздел "Рисование произвольных линий с помощью инструмента Pencil"
главы 1). Этот способ обычно любят профессиональные художники. Наличие
графического планшета позволяет сделать работу по рисованию более прият-
ной. Иногда карандашом рисуют черновой контур, чтобы ориентироваться на
него в процессе создания основного контура другими методами.
216 Гпава 4

( Совет )
Не забывайте, что после рисования контура карандашом вы можете подпра-
вить его либо самим карандашом, либо используя инструмент Smooth Tool
(Сглаживание).

Создание контура
при помощи инструмента Pen Tool
Создание контуров при помощи инструмента Pen Tool (Перо) мы рассматри-
вали в разделе "Рисование линий с помощью инструмента Pen Tool" данной
главы. Работа эта не простая, но после некоторой тренировки придет опыт и
умение. Главное — заранее разложить будущий контур на сегменты и проду-
мать, какие типы точек будут эти сегменты соединять. В любом случае, даже
если контур получится не очень красивым, существуют операции по его ре-
дактированию, с помощью которых можно будет "довести" объект до нор-
мального вида.

Создание контура
на основе геометрической фигуры
Следующий способ близок людям с математическим складом ума и не вла-
деющим особыми художественными талантами. Он является универсальным
и подходит для создания различных объектов. Способ заключается в том, что
рисуется геометрическая фигура, по форме наиболее подходящая к создавае-
мому контуру. Затем на этой фигуре добавляются опорные точки и настраи-
ваются получившиеся сегменты.

( Совет ^)
Операции по добавлению опорных точек и их настройке удобнее производить
при большом масштабе просмотра в режиме Outline (Макет).

Создание сложной кривой


из простейших контуров
Следующий способ похож на собирание предметов из деталей конструктора.
В качестве деталей здесь выступают простейшие контуры. Сначала надо
мысленно разбить окончательный контур на простейшие составляющие. За-
тем их нужно нарисовать. А после этого соединить с помощью соответст-
вующей команды (см. раздел "Разделение и соединение контуров" данной
главы).
Создание и обработка кривых 217

Объединение кривых и фигур


И, наконец, последний способ. Здесь также можно привести аналогию с кон-
структором, но в качестве деталей будут выступать не проволочные контуры,
а замкнутые фигуры и линии. Все элементы можно нарисовать и потом объ-
единить, используя операцию Add to shape area (Добавление в составной
объект) палитры Pathfinder (Обработка контуров) (см. раздел "Операции
взаимодействия объектов. Палитра Pathfinder" данной главы).

I Практика |
Нарисуйте на бумаге простейший рисунок на основе кривой. Попробуйте
воссоздать его на экране каждым из описанных выше методов.

Практическая работа "Логотип"


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

Описание работы
Логотип — это тот классический продукт, который всегда вспоминают при
разговоре об областях применения программ векторной графики. Это совер-
шенно естественно, т. к. логотип состоит из кривых. В реальных логотипах
обычно практически всегда присутствует текстовая составляющая. Но т. к.
мы еще не разбирали работу с текстом, выполним только ту часть логотипа,
которая создается на основе кривых.
Далее приведены работы, выполненные на занятиях по векторной графике
студентами Менеджер-центра СПбГУКИ. Я позволила себе привести некото-
рые короткие комментарии к ним, которые, может быть, будут полезны и
вам. Некоторые работы выполнялись по образцу и представляют попытку
воспроизвести логотипы фирм, известных и не очень. А некоторые логотипы
являются плодами собственной фантазии или вариациями на предложенную
тему.

/ Практика |
Создайте новый файл и сохраните его в папке глава 4 под именем логотип.
Рассмотрите представленные ниже работы. Создайте свой собственный
логотип, ориентируясь на образец, приведенный в книге, найденный в
другом источнике или придуманный самостоятельно. Постарайтесь мак-
симально использовать знания и навыки, полученные вами при изучении
218 Глава 4

этой главы. По окончании работы выполните окончательное сохранение


файла.

Примеры работ
Студентки Юлия Константинова и Ольга Фролова выполняли одну и ту же
работу— хорошо известный логотип фирмы Apple. Но, посмотрите, какие
разные варианты могут создаваться по одному и тому же образцу в зависимо-
сти от восприятия, а также методов воспроизведения (рис. 4.67 и 4.68). Для
создания логотипа во втором случае был выбран традиционный подход —
создание контура яблока, а затем разрезание его на части с помощью инстру-
мента Knife Tool (Нож) для различной раскраски его полос. В первом же
случае на яблоке были нарисованы кривые и при раскрашивании применен
новый подход с использованием инструмента Live Paint Bucket ("Живая"
заливка).

Рис. 4.67. Логотип фирмы Apple, выполненный Рис. 4.68. Логотип фирмы Apple, выполненный
студенткой Юлией Константиновой студенткой Ольгой Фроловой

Елена Сафонова и Екатерина Дюкова (это — вторая работа студентки, пред-


ставленная здесь) также выполняли работу, ориентируясь на один и тот же
хорошо известный образец. Но, т. к. при рисовании контуров использовались
разные инструменты, результат также получился различным (рис. 4.69 и 4.70).

Рис. 4.69. Спортивный логотип, выполненный Рис. 4.70. Спортивный логотип, выполненный
студенткой Еленой Сафоновой студенткой Екатериной Дюковой
Создание и обработка кривых 219

А вот Ирина Леонова и Ольга Сыч не стали копировать образцы, а решили


придумать свои собственные логотипы. И хотя кривых в них оказалось не
очень много, а больше стандартных элементов оформления, работы доста-
точно интересны по замыслу и воплощению (рис. 4.71 и 4.72).

Рис. 4.71. Самостоятельно разработанный Рис. 4.72. Самостоятельно разработанный


и выполненный студенткой Ириной Леоновой и выполненный студенткой Ольгой Сыч
логотип логотип

Мария Кононова также придумывала оба своих логотипа самостоятельно


(рис. 4.73). В логотипе, изображенном слева, кривых не очень много, зато
справа— классический пример замкнутого контура, которому, к тому же,
придано смысловое содержание.

Рис. 4.73. Работы Марии Кононовой

Работы Елены Морозовой (рис. 4.74) и Елены Шелест (рис. 4.75) объединяет
общая "волновая" тематика. И хотя, кроме волн, кривых на рисунках практи-
чески нет, замысел и его воплощение заслуживает похвалы.
Несмотря на кажущуюся простоту работ Анны Часовских и Насти Парамоно-
вой, "срисованных" с образца, контуры в них выполнены очень ровно и кра-
сиво (рис. 4.76 и 4.77).
Работы Екатерины Дюковой (рис. 4.78) и Виктории Тумановой (рис. 4.79)
также выполнены по образцу. Над ними пришлось немало потрудиться, что-
220 Глава 4

бы контуры выглядели ровными и отдельные детали составляли единое


целое.

Рис. 4.74. "Волновой" логотип Рис. 4.75. "Волновой" логотип


Елены Морозовой Елены Шелест

Рис. 4.76. Логотип Анны Часовских Рис. 4.77. Логотип Насти Парамоновой

Рис. 4.78. Работа студентки Дюковой Рис. 4.79. Работа студентки Тумановой

Вторая работа, которую выбрала для воспроизведения Ольга Фролова, была


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

Рис. 4.80. Сложный логотип, выполненный студенткой Фроловой

И завершают нашу небольшую выставку две самостоятельно придуманных


оригинальных работы, где кривым найдено достойное применение: "Свеча"
Маргариты Козловской (рис. 4.81) и "Скороходы" Александра Шпорова
(рис. 4.82).

Рис. 4.81. Композиция "Свеча" Рис. 4.82. Композиция "Скороходы"


Маргариты Козловской Александра Шпорова

Как видите, процесс создания объектов на основе кривых не простой. Если к


тому же нужно не только рисовать, но и придумывать, задача становится
сложной вдвойне. Но, владея базовыми знаниями и постоянно тренируясь, вы
обязательно станете профессионалами в области создания логотипов и дру-
гих объектов на основе кривых.
ГЛАВА 5

Работа с текстом

Работа с текстом, включающая создание надписей с различными текстовыми


эффектами, оформление публикаций с небольшими текстовыми массивами,
эффекты, получаемые в результате преобразования текста в кривые, — одна
из основных функций программ векторной графики. Можно сказать, что ра-
бота с текстом занимает в иерархии следующее положение после работы с
кривыми. Ни один другой вид программ не предоставляет такого количества
возможностей по декоративной обработке текста, как программы векторной
графики.
В Adobe Illustrator функциональный ряд операций обработки текста пред-
ставлен полностью, причем программа обладает не только возможностями,
характерными для векторных редакторов, но и полным набором функций по
форматированию и обработке текста, применяющихся в текстовых редакто-
рах. Действуют эти функции аналогично подобным функциям в программах
других классов. В Adobe Illustrator CS2 функциональные возможности
по обработке текста были дополнены символьными параметрами подчерки-
вания и зачеркивания и добавлением русского словаря, что очень актуально
для нас.
Мы остановимся на основных операциях, характерных именно для векторных
редакторов и использующихся чаще всего, а также рассмотрим примеры их
конкретного применения.
Завершит главу, как обычно, разбор практической работы. На этот раз это
будет приглашение — очень распространенный вид публикаций, на котором
можно отработать навыки по текстовым операциям и одновременно создать
цельную законченную работу.
Работа с текстом 223

Инструментарий для работы с текстом


Непосредственно для работы с текстом применяется три основных вида эле-
ментов: это текстовые инструменты в палитре Tools (Инструменты)
(рис. 5.1), команды из меню Туре (Текст) и текстовые палитры, которые вы-
зываются с помощью подкоманд команды Туре (Текст) из меню Window
(Окно). Самыми важными из этих палитр является палитра для форматирова-
ния символов (Character) и палитра для форматирования абзацев (Pa-
ragraph). Мы рассмотрим эти палитры при изучении форматирования текста.

Текст вдоль Вертикальный текст


Текст контура в области

Текст Вертикальный Вертикальный текст


в области текст вдоль контура

Рис. 5 . 1 . Текстовые инструменты

Кроме того, текст хоть и является отдельным типом объектов в Adobe


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

/ Практика |
Создайте новый файл. Найдите в палитре Tools (Инструменты) группу ин-
струментов для работы с текстом (третий ряд сверху справа) и отобразите
ее на экране в виде отдельной палитры.

Виды текста в Adobe Illustrator


Разделение текста на два основных типа характерно для всех программ век-
торной графики (названия могут варьироваться, принцип один). В Adobe
Illustrator различают два вида текста: заголовочный и блочный (абзацный).
Кроме того, Adobe Illustrator— единственная программа, где кроме инстру-
ментов для ввода обычного, горизонтального текста, существует отдельная
подгруппа инструментов для ввода вертикального текста. Также я бы разде-
224 Глава 5

лила весь текст, используемый в программе, еще на два вида: обычный и де-
коративный. К декоративному тексту можно отнести текст вдоль контура и
текст в области.

Заголовочный текст
Этот вид текста используется для заголовков и для коротких надписей. Длина
строки в таком тексте ничем не ограничена. В заголовочном тексте хоть и
существует понятие абзаца (как и везде, это текстовый фрагмент, заканчи-
вающийся нажатием клавиши <Enter>), но из параметров абзаца к нему могут
применяться только выключка и отступ слева. Обычно с заголовками рабо-
тать проще, к ним применяется большее число операций и нужно выбирать
заголовочный текст всегда, когда текстовый фрагмент небольшой и его не
нужно форматировать как абзац. Пример заголовочного текста приведен на
рис. 5.2.

ПЕСНИ НАШЕГО ВЕКА


Рис. 5.2. Пример заголовочного текста

Блочный текст
Используется при оформлении больших массивов текста. Располагается в
заранее указанном ему пространстве— блоке. К блочному тексту можно
применять все параметры форматирования, но он более громоздок и менее
удобен в использовании, и к нему можно применять меньшее число преобра-
зований, чем к заголовочному тексту. Поэтому блочный текст нужно исполь-
зовать тогда, когда текстовые фрагменты достаточно большие, текст структу-
рирован по абзацам, которые нужно форматировать определенным образом.
Пример заголовочного текста приведен на рис. 5.3.

В фильме использованы уникальные


видеоматериалы записи альбома "Песни нашего века",
презентации проекта на XXV фестивале имени
Валерия Грушина и концерта в Г К Ц З "Россия" .
В первый альбом вошли такие хорошо известные
песни, как "Атланты", "Милая моя", "За туманом",
"Перекаты, "А все кончается", "Ночная дорога",
"Домбайский вальс" и др.

Рис. 5.3. Пример блочного текста


Работа с текстом 225

Горизонтальный текст
Горизонтальный текст— это обычный текст, используемый в большинстве
стран и в большинстве работ при оформлении массивов основного текста,
заголовков, а также коротких и длинных надписей и подписей. Горизонталь-
ный текст в Adobe Illustrator может быть как заголовочным, так и блочным,
(см. рис. 5.2 и 5.3).

Вертикальный текст
Вертикальный текст был введен в программу для того, чтобы ее могли ис-
пользовать в Японии. В последних версиях программы при вводе вертикаль-
ного текста можно менять ориентацию: она может быть стандартной
(Standart) или повернутой (Rotated). Примеры вертикального текста различ-
ной ориентации приведены на рис. 5.4. Вертикальный текст также может
быть и заголовочным, и блочным. У нас этот вид текста применяется в каче-
стве одного из способов оформления заголовков, а также в качестве текстово-
го эффекта для коротких фраз.

д 3
0 TJ
ж О
д О
и
Рис. 5.4. Примеры вертикального текста стандартной (слева)
и повернутой ориентации (справа)

Примечание
Вертикальный текст повернутой ориентации можно получить путем поворота
горизонтального текста на угол 90°.

Обычный и декоративный текст


И блочный, и заголовочный текст являются обычными видами текста, т. к.
они располагаются по прямой линии и текстовые массивы имеют прямо-
угольные очертания. Это основной вид текста, применяемый в различных
работах. Также для создания текстовых эффектов применяют еще два вида
текста, характерные для всех редакторов векторной графики: это текст, рас-
положенный вдоль произвольного контура (рис. 5.5), и текст, располагаю-
щийся внутри контура произвольной формы (рис. 5.6).

8 3ак, 1380
226 Глава 5

Рис. 5.5. Примеры текста вдоль контура

(ооооо
\Mope синее сверкает, чайки белые снуют..
\Ни на что не намекаю, просто песенку/
\пою. До свиданья, дорогие, вам ни/
a, ни пера. Пусть вам встретятся/
другие лишь попутные ветра...

Рис. 5.6. Примеры текста в области

Ввод текста
Здесь мы разберем способы ввода обычного текста. Ввод декоративного тек-
ста будет рассматриваться далее отдельным разделом.
Для ввода и заголовочного, и блочного текста используются два инструмен-
та: Type Tool (Текст) и Vertical Type Tool (Вертикальный текст) (см.
рис. 5.1). Каким будет текст— заголовочным или блочным, зависит от того,
какие начальные действия вы будете выполнять перед вводом.

/ Практика |
Отобразите на экране палитру Character (Символ), выполнив одноимен-
ную подкоманду команды Туре (Текст) из меню Window (Окно). В верх-
нем списке Font (Гарнитура) выберите гарнитуру Aria], а в поле, которое
находится под ним через одно, установите размер 24 пт (см. раздел "Фор-
матирование символов" данной главы).

Ввод заголовочного текста


Как мы уже отмечали, заголовочный текст может быть как горизонтальным,
так и вертикальным.
Работа с текстом 227

Ввод горизонтального текста


Для ввода горизонтального заголовочного текста необходимо перейти к ин-
струменту Type Tool (Текст). Указатель мыши будет иметь вид небольшой
вертикальной черточки с засечками. Его нужно закрепить (щелкнуть им) в
любом месте пространства и вводить текст. Для ввода следующего массива
текста нужно снова активизировать текстовый инструмент, закрепить курсор
в другом месте и ввести следующий текстовый фрагмент.

( Примечание )
Вместо активизации инструмента Type Tool (Текст) каждый раз перед вводом
нового текстового фрагмента можно нажимать клавишу <Ctrl> и щелкать в лю-
бом свободном месте пространства (этим вы временно переходите к инстру-
менту Selection Tool (Выделение) и снимаете выделение с текстового фраг-
мента).

/ Практика |
Перейдите к инструменту Type Tool (Текст), закрепите курсор в любом
месте экрана и введите любую текстовую фразу. Затем введите еще одну
фразу в другом месте экрана.

Совет
При изучении операций над текстом, производимых в той или иной программе,
часто приходится вводить различные текстовые массивы. Не ленитесь вводить
осмысленный набор символов. Лишняя практика ввода текста никому не поме-
шает, а экономия времени при вводе произвольного набора символов будет
небольшая. Вводите те прозаические или стихотворные фразы, которые вам
будет приятно перечитывать при рассмотрении различных операций над тек-
стом.

Длина строки в заголовочном тексте не ограничена. Для перехода к следую-


щей строке вы должны нажать клавишу <Enter> (в этом случае со следующей
строки начнется другой абзац), либо комбинацию клавиш <Shift>+<Enter>
(в этом случае в следующей строке будет продолжение текущего абзаца).

/ Практика |
Закрепите курсор в любом другом месте и введите несколько строк, ис-
пользуя клавишу <Enter> и комбинацию клавиш <Shift>+<Enter>.

Для того чтобы понять впоследствии, из скольких строк состоит тот или иной
абзац во фрагменте заголовочного текста, можно включить режим отображе-
ния служебных символов. Это выполняется при помощи команды Show
Hidden Characters (Показать скрытые символы) из меню Туре (Текст). Сим-
228 Глава 5

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


(рис. 5.7).

Не- сразу все- устроилось,**


Москва- не- сразу строилась, 11
Слезам Москва- не- верила,^
А; верила-делам...то

Рис. 5.7. Вид фрагмента заголовочного текста


при включении режима отображения служебных символов

Ввод вертикального текста


Ввод вертикального заголовочного текста происходит так же, как и ввод го-
ризонтального заголовочного текста. Разница состоит лишь в инструменте;
используется инструмент Vertical Type Tool (Вертикальный текст) и указа-
тель мыши перед вводом текста принимает вид небольшой горизонтальной
черточки с засечками.

с Т|римечание
Если при активизации инструмента Type Tool (Текст) нажать клавишу <Shift>,
то вид курсора изменится и будет вводиться вертикальный текст.

/ Практика |
Введите несколько фрагментов вертикального заголовочного текста раз-
личной ориентации, состоящих из одной и из нескольких строк (рис. 5,8).

Рис. 5.8. Фрагменты вертикального заголовочного текста


Работа с текстом 229

Примечание
Изменение ориентации всего фрагмента вертикального текста или его отдель-
ных символов можно выполнить до или после его ввода, выполнив команду
Standart Vertical Roman Alignment (Стандартная вертикальная ориентация) из
палитры Character (Символ).

Изменение ориентации текста


Если вы ввели горизонтальный текст, а нужно было — вертикальный, или
наоборот, то ориентацию всего текстового фрагмента можно поменять, выде-
лив его инструментом Selection Tool (Выделение) и выполнив одну из под-
команд команды Type Orientation (Ориентация текста) из меню Туре
(Текст).

/ Практика |
Попробуйте изменить ориентацию нескольких текстовых фрагментов.

Ввод блочного текста


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

Ввод горизонтального текста


Для ввода горизонтального блочного текста необходимо перейти к инстру-
менту Type Tool (Текст) и мышью нарисовать рамку в любом месте рабочего
пространства (рис. 5.9). После рисования рамки текстовый курсор будет на-
ходиться в ее верхнем левом углу, и можно будет вводить текст.

1
I
Рис. 5.9. Начальный этап ввода блочного текста

/ Практика |
Введите фрагмент блочного текста. Пример фрагмента блочного текста
изображен на рис. 5.10.
230 Глава 5

И» Ливерпульский
всегда

Рис. 5.10. Введенный фрагмент блочного текста

При вводе блочный текст будет распределяться в пределах рамки и автома-


тически переходить со строки на строку. Все это время будет происходить
ввод одного абзаца. Нажатием клавиши <Enter> вы принудительно можете
перейти к вводу следующего абзаца, а нажатием комбинации клавиш
<Shift>+<Enter> — к следующей строке в пределах того же абзаца.

/ Практика |
Нарисуйте еще одну текстовую рамку большого размера. Введите в блок
фрагмент текста, состоящий из нескольких абзацев. Пример текстового
блока с несколькими абзацами приведен на рис. 5.11.

Вставайте, граф, уже друзья с мулыуками коней


седлают около крыльца. Уж горожане
радостными звуками готовы в вас приветствовать
отца.
Не хмурьте лоб, коль было согрешенье, то будет
время обо всем забыть. Вставайте, мир ждет
вашего решения: быть иль не быть, любить иль не
любить.

Рис. 5.11. Фрагмент блочного текста, состоящий из нескольких абзацев

Переполнение текстовых блоков


Если весь текст не помещается в блоке, в нижней правой части текстовой
рамки появляется признак переполнения — небольшой малиновый квадратик
с плюсиком (рис. 5.12). Можно увеличить или уменьшить размер текстового
блока, а также изменить его пропорции, выделив его инструментом Selection
Tool (Выделение) и потянув за один из маркеров габаритного прямоуголь-
ника. При этом текст будет перераспределяться в пределах блока (рис. 5.13
и 5.14).
Работа с текстом 231

( Примечание )
В предыдущих версиях Adobe Illustrator квадратик с признаком переполнения
появлялся только тогда, когда переполнение было. Начиная с версии Adobe
Illustrator CS квадратик проявляется всегда при выделении текстового фрагмен-
та инструментом Selection Tool (Выделение). Только когда переполнения нет,
он голубой и прозрачный, а когда есть — он становится малиновым и в нем по-
является знак "+". Этот квадратик можно назвать маркером связи, т. к. исполь-
зуется он при установке связи между текстовыми блоками (см. раздел "Уста-
новка связи между текстовыми блоками" данной главы).

пере!) бурею иа ллачте topsim


сбятого Эльма свечки, omotpeSaiom

intti.iJfa JJ 1.1 Я Tin


Щпрг лаип .jj»

Рис. 5.12. Пример текстового блока с признаком переполнения

З3..,начь перед бурвю..на мачте гарят 3.ЯОМЬ-ЛЙРЙЙ..


О~витого Эльма свечки отогревают г

зурвкг на
Z.,ZQdxi*..

найдется никогда.

Рис. 5.13. Текстовый блок Рис. 5.14. Текстовый блок


с увеличенным размером с уменьшенным размером

/ Практика |
Нарисуйте текстовую рамку небольшого размера. Вводя в нее текст, до-
бейтесь появления признака переполнения. Измените размер и пропорции
блока.

( Примечание )
Рамка текстового блока в режиме Outline (Макет) видна всегда, а в режиме
Preview (Иллюстрация) — только при вводе текста и выделении блока. А вот
признак переполнения текстового блока в новой версии программы стал посто-
янно видимым.
232 Глава 5

Ввод вертикального текста


Все сказанное про ввод горизонтального блочного текста, верно и для верти-
кального блочного текста, только для его ввода используется инструмент
Vertical Type Tool (Вертикальный текст). Примеры блочного вертикального
текста изображены на рис. 5.15.

l
p H д a в 3 X n 1
У a e T e a Л и a
к P Л к 6 e T м
I* S a к ж a a ы 6 ь

!f
X a a H X T a я б
M T T i Ы i е
e Ы e и 3
H H

H e в
a Ы 6

Рис. 5.15. Примеры блоков вертикального текста

/ Практика |
Введите несколько фрагментов вертикального блочного текста.

Удаление пустых текстовых блоков


При вводе блочного текста, особенно вначале, могут появляться пустые тек-
стовые блоки. В режиме Preview (Иллюстрация) они не видны, но могут ме-
шать вводу и выделению других фрагментов текста и совершению операций
с объектами. Во избежание этого необходимо периодически заходить в меню
Object (Объект), выполнять команду Path (Контур) и подкоманду Clean Up
(Вычистить). За удаление пустых текстовых блоков отвечает флажок Empty
Text Path (Пустые текстовые блоки).

/ Практика
Перейдите к режиму Outline (Макет) и посмотрите, есть ли у вас на экра-
не пустые текстовые блоки. Удалите их с помощью соответствующей
команды.
Работа с текстом 233

Импорт и экспорт текста


Так как работы, создаваемые в Adobe Illustrator, в основном, содержат не
очень большие массивы текста, текст чаще всего вводится непосредственно в
Adobe Illustrator. Иногда появляется необходимость загрузить текстовый
файл, созданный в каком-либо текстовом редакторе. Текст удобно передавать
в Adobe Illustrator, используя буфер обмена, а также команду Place (Помес-
тить) из меню File (Файл). В программу можно загружать многие текстовые
форматы; среди них самыми популярными являются:
• ТХТ — текстовый формат;
• RTF (reach text format) — универсальный текстовый формат;
П DOC (document) — формат редактора MS Word.
Если нужно, наоборот, передать текст из Adobe Illustrator (что бывает крайне
редко), то для этой цели используется команда Export (Экспортировать) из
меню File (Файл). Более подробно операции обмена описаны в разделе "Спо-
собы загрузки изображений в Adobe Illustrator" главы 6.

Форматирование символов и абзацев


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

Выделение текстовых фрагментов


Обычно векторные редакторы характеризуются тем, что для совершения
форматирования текстовые фрагменты можно выделять всеми существую-
щими способами выделения. В Adobe Illustrator для выделения текстовых
фрагментов можно применять любые из инструментов полного и частичного
выделения (см, раздел "Выделение объектов" главы 2), а также любые из тек-
стовых инструментов.

Использование инструментов выделения


При выделении текстовых фрагментов инструментами выделения они выде-
ляются целиком. При этом текст подчеркивается и вокруг текстового фраг-
мента появляется габаритный прямоугольник. В случае блока текста размер
габаритного прямоугольника совпадает с размером текстовой рамки вокруг
блока. Примеры выделенных текстовых фрагментов приведены на рис. 5.16
и 5.17.
234 Глава 5

Рис. 5.16. Пример фрагмента Рис. 5.17. Пример фрагмента


заголовочного текста, выделенного блочного текста, выделенного инструментом
инструментом выделения выделения

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

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

Совет
Выделять текстовые блоки все-таки лучше инструментом Selection Tool (Вы-
деление), т. к. начиная с версии Adobe Illustrator CS появилась возможность,
выделив контур фрагмента блочного текста одним из инструментов частичного
выделения, изменить форму текстовой рамки. В данном случае эта возмож-
ность не нужна, но при выделении блока текста одним из инструментов частич-
ного выделения она может быть использована абсолютно случайно и не по на-
значению.

Примечание
Выделение нескольких текстовых блоков происходит так же, как и выделение
нескольких графических объектов.

Использование текстовых инструментов


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

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

Способы выделения текстовых фрагментов различной длины здесь такие же,


как и в текстовых редакторах. Пример выделенного фрагмента текста приве-
ден на рис. 5.18.

сразу все устроилось.


"t срази строилась.
H e
зам AftocK.bc верила,
вериладелала...
Рис. 5.18. Пример фрагмента текста, выделенного текстовым инструментом

/ Практика |
Попробуйте выделять отдельные слова с помощью двойного щелчка
мышью и абзацы — посредством тройного щелчка. Вспомните другие
способы выделения текста, применяемые в текстовых редакторах. После-
довательно выделяйте фрагменты текста различной длины в имеющихся
текстовых фрагментах.

Для выделения всего текста в блоке, даже если он не виден, удобно приме-
нять команду АН (Все) из меню Select (Выделить) или комбинацию клавиш
<Ctrl>+<A>, предварительно закрепив текстовый курсор в этом блоке.

/ Практика |
Выделите весь текст в одном из блоков с помощью описанного способа.

Примечание
Единственное, что вы не сможете сделать с помощью текстовых инструмен-
тов — это выделить несколько слов или фраз, принадлежащих одному тексто-
вому фрагменту, но идущих не подряд, и выделить несколько слов или фраз,
принадлежащих разным текстовым фрагментам.

Назначение параметров тексту


Существует три пути при назначении параметров тексту.
П Назначить параметры шрифта и абзаца перед вводом текста при любом
другом активном инструменте. Эти параметры станут текущими, и текст
сразу будет вводиться с этими параметрами.
П Назначить параметры после закрепления текстового курсора или после
рисования рамки. Эти параметры также станут текущими и будут приме-
нены к тексту при вводе.
236 Глава 5

О Выделить какой-либо фрагмент и назначить ему параметры после его вво-


да. Параметры будут применены к выделенному фрагменту и также станут
текущими.

Примечание
В программе Adobe Illustrator нет понятия параметров штифта и абзаца по
умолчанию, которое существует во многих программах. При задании парамет-
ров по умолчанию очередной текстовый фрагмент всегда вводится с этими па-
раметрами, независимо от того, какие параметры применяются к другим тек-
стовым фрагментам. В Adobe Illustrator есть понятие текущие параметры. То
есть, те параметры шрифта и абзаца, которые вы назначите какому-либо фраг-
менту, станут текущими, и будут действовать на следующие вводимые фраг-
менты до тех пор, пока вы их не измените.

При рассмотрении форматирования используем третий, классический путь


задания параметров, а точнее, их изменения, когда мы что-то выделяем, а за-
тем задаем параметры.

Форматирование символов
Основной способ форматирования символов — форматирование с использо-
ванием палитры Character (Символ), вызываемой с помощью команды
Туре | Character (Текст | Символ), из меню Window (Окно) или комбинации
клавиш <Ctrl>+<T>.

( Совет )
Запомните эту комбинацию, т. к. она универсальна и применяется для вызова
диалоговых окон или палитр изменения шрифтовых параметров во многих про-
граммах.

( Примечание )
Как правило, эта палитра изначально размещается вместе с палитрой
Paragraph (Абзац).

/ Практика |
Разместите на экране палитру Character (Символ), если у вас ее еще нет.

Режимы отображения палитры Character


Эта палитра может отображаться на экране в двух состояниях: в минималь-
ной конфигурации и с отображением дополнительных шрифтовых парамет-
ров. Переключение между ними происходит либо с помощью команды Show
Options (Показать параметры) из меню палитры, либо щелчком по корешку
Работа с текстом 237

палитры. Различные режимы отображения палитры Character (Символ) при-


ведены на рис. 5.19 и 5.20.

Anal

м
Regular

7]
Рис. 5.19. Палитра Characters минимальной конфигурации

Гарнитура Начертание

Интерлиньяж

— Трекинг

— Высота

Сдвиг Поворот
базовой линии символов

Подчеркивание Зачеркивание

Рис. 5.20. Палитра Character с отображением дополнительных параметров

Рассмотрим, какие шрифтовые параметры и как можно задать и изменить с


помощью палитры Character (Символ).

Практика |
Последовательно отображайте палитру Character (Символ) в различных
конфигурациях. Остановитесь на втором варианте.

Изменение гарнитуры
Гарнитура или тип шрифта (font family) — основной параметр символов.
Существует очень много различных гарнитур и их классификаций по различ-
ным признакам. Русскоязычных пользователей в первую очередь волнует на-
личие в конкретной гарнитуре русских символов. Указанием на то, что в дан-
238 Глава 5

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

Изменение гарнитуры с помощью палитры Character


Традиционно основным способом назначения и изменения гарнитуры в
Adobe Illustrator было использование палитры Character (Символ). Список
гарнитур в палитре Character (Символ) представлен в поле Font (Гарнитура)
(см. рис. 5.20).

( Примечание )
В поле Font (Гарнитура) палитры Character (Символ) содержатся все шрифты,
инсталлированные в системе.

/ Практика |
Последовательно выделяйте текстовые фрагменты и пробуйте присваивать
им различные гарнитуры, выбирая их из списка Font (Гарнитура) палитры
Character (Символ). Пример текстовых фрагментов, отформатированных
разными гарнитурами, приведен на рис. 5.21.

ГО2 О
Не сразу все 3 С* Я> Э
Е
устроилось, Л
Москва не сразу Е
Н
строилась. А •§ 2 z
Я
^ ш
К о » ш
Из Ливерпульской А •° М "о
гавани всегда по Р й ™ S
четвергам, суда уходят Е
в плаванье к далеким,
Т
А
IP
берегам.. ?> а »

Рис. 5.21. Текстовые фрагменты с различными гарнитурами

Примечание
Если после применения шрифта на экране отображаются "иероглифы"
(рис. 5.22), значит, вы выбрали шрифт, не содержащий русских букв.
Работа с текстом 239

A f?*ii Yauaa абвф ia 12Н-6Й айуо пауоТа?


Yeuia naa+ёё, .оТайаафо iaae ашё са ала
(абаеюйаТаа.

Рис. 5.22. Текстовый фрагмент, отформатированный гарнитурой,


не содержащей русских букв

Изменение гарнитуры с помощью команды Туре / Font


Изменить гарнитуру можно также с помощью команды Font (Гарнитура), вы-
зываемой из меню Туре (Текст) или из контекстного меню. Начиная с версии
Adobe Illustrator CS в этой команде появилось усовершенствование, которого
очень давно ждали пользователи и которое делает работу в программе намно-
го удобнее и приятнее. Теперь в списке гарнитур отображаются не просто их
названия, а образец написания символов в этой гарнитуре, а также значком
перед названием шрифта указывается его тип (рис. 5.23). Галочкой отмечает-
ся текущая гарнитура.

/ Практика /
Вызовите команду Font (Гарнитура) и посмотрите, как устроено отобра-
жение списка шрифтов в этой команде. Присвойте текстовым фрагментам
несколько гарнитур, используя эту команду.

0 Ariel Black
T .V , i 4 . •;-.•«

-t AvamGatde Bk ВТ >

* T Avont Garde Medium 8T


f/B-nUiM^Un.*.)

T Bookman Old Style *

0 AdobeCaslonPro
( C«ituryOldSt>-lcStd >

0 СЬр»1м1Рю >

О CHARlEMAGNEiTD
0 Comic Sans MS
tl courier
6' Courier New
О courier std у

T Gatimond

»1* ГЛТ1ПМП|| НпЫ

РИС. 5.23. Часть списка гарнитур команды Type | Font (Текст | Гарнитура)
240 Глава 5

( Примечание )
Если шрифтов на вашей машине установлено много и весь их список не поме-
щается в один столбец подкоманд, можно воспользоваться стрелочками про-
крутки, находящимися в верхней и нижней части списка.

Выбор недавно использовавшейся гарнитуры


Начиная с версии Adobe Illustrator CS в меню Туре (Текст) появилась очень
удобная команда Recent Fonts (Последние гарнитуры). Действие этой коман-
ды аналогично действию команды Open Recent Files (Открыть последние
файлы) из меню File (Файл). В этой команде в виде подкоманд собраны .5 по-
следних гарнитур, с которыми вы работали. Нужную гарнитуру можно про-
сто выбрать из этого короткого списка.

/ Практика |
Посмотрите, как действует команда Recent Fonts (Последние гарнитуры)
из меню Туре (Текст), и по какому принципу происходит заполнение спи-
ска гарнитур в этой команде.

Изменение начертания
Следующий параметр шрифта — начертание (font style). Начертание можно
рассматривать как подвид шрифта. Различные начертания применяют к сло-
вам и коротким фразам в тексте для их смыслового выделения.
В общем случае в пределах каждой гарнитуры можно присваивать четыре
начертания:
• Regular (Нормальное);
Р Italic (Курсивное);
О Bold (Жирное);
Р Bold Italic (Жирное курсивное).
Но не каждая гарнитура имеет все начертания. Конкретная гарнитура может
иметь от одного до четырех начертаний.

Изменение начертания при помощи палитры Character


Список для изменения начертаний находится в палитре Character (Символ)
под списком гарнитур (см. рис. 5.20).

Практика ~7
Найдите список начертаний в палитре Charater (Символ). Найдите шриф-
ты, для которых можно менять одно начертание, два, три, все четыре воз-
Работа с текстом 241

можных начертания. Выделите большой текстовый фрагмент и присвойте


ему гарнитуру, для которой можно изменять все четыре начертания. При-
свойте разным фразам внутри этого фрагмента все четыре возможных на-
чертания. Пример текстового фрагмента с фразами различных начертаний
приведен на рис. 5.24.

Не хмурьте лоб, коль было согрешенье, то


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

Рис. 5.24. Измененное начертание символов внутри текстового фрагмента

Изменение начертания при помощи команды Туре / Font


В меню Туре (Текст) нет отдельной команды по изменению начертания. При-
знаком наличия нескольких начертаний у гарнитуры является стрелочка,
стоящая после названия гарнитуры в команде Font (Гарнитура) (см.
рис. 5.23). Если стрелочки после названия гарнитуры нет, это значит, что она
имеет только одно начертание.

/ Практика |
Попробуйте менять начертания отдельных фраз, используя команду Font
(Гарнитура) из меню Туре (Текст) или контекстного меню.

Изменение кегля
Кегль (font size)— это размер шрифта, выраженный в пунктах. Пункт — это
очень маленькая величина. В Adobe Illustrator 1 пункт (1 point) равен
0,353 миллиметра.

( Примечание J
Под размером шрифта в данной гарнитуре понимается величина, немного
большая высоты заглавной буквы в этой гарнитуре.

Кегль для выделенного фрагмента можно изменять в поле, находящимся под


полем Font Style (Начертание) палитры Character (Символ), в ее левой части
(см. рис. 5.20). Это поле представляет собой список, из которого можно вы-
бирать значения кегля. Также значения можно вводить с клавиатуры или ис-
пользовать стрелки счетчика для небольшого увеличения или уменьшения
текущих значений. Кегль шрифта также можно изменять с помощью коман-
ды Size (Кегль), вызываемой из меню Туре (Текст) или контекстного меню.
242 Глава 5

[~ Практика
Попрактикуйтесь в изменении кегля выделенных текстовых фрагментов,
используя оба описанных способа. Пример текстового фрагмента, отфор-
матированного различными кеглями, приведен на рис. 5.25.

в ночь перед бурею на мачте г о р я т


СВЯТОГО С/ЛЬМа свечки, отогревают
наши души за все М И Н у в Ш И е года.
Рис. 5.25. В форматировании текстового фрагмента использованы различные кегли

Изменение интерлиньяжа
Интерлиньяж (leading) — это расстояние между строками (от агл. Inter —
между, line — строка). По умолчанию при выборе какого-либо кегля устанав-
ливается значение интерлиньяжа Auto (Авто), равное 120 % от текущего кег-
ля (такое межстрочное расстояние считается оптимальным). Значение интер-
линьяжа отображается в поле, находящемся справа от поля выбора кегля (см.
рис. 5.20). Интерлиньяж, так же как и кегль, измеряется в пунктах. Если не-
обходимо изменить текущее значение интерлиньяжа в каком-либо фрагменте
и сделать его отличным от автоматического, в это поле можно ввести произ-
вольное значение, выбрать его из списка или изменить с помощью кнопок
счетчика.

( Примечание )
Все дробные величины в это и другие поля палитр вводятся через запятую.

/ Практика |
Выделите фрагмент, состоящий из нескольких строк. Изменяйте интер-
линьяж в этом фрагменте, последовательно уменьшая, а затем увеличивая
его. Пример фрагмента текста с нормальным, увеличенным и уменьшен-
ным интерлиньяжем приведен на рис. 5.26.

Если после экспериментов с интерлиньяжем необходимо вернуться к стан-


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

/ Практика
Установите стандартное значение интерлиньяжа в экспериментальном
фрагменте текста.
Работа с текстом 243

Тихо по веткам шуршит снегопад. Сучья трещат на огне. В эти


часы,когда все еще спят,что вспоминается мне?

Неба забытая просинь, давние письма домой. В царстве


чахоточных сосен быстро сменяется осень долгой полярной
зимой.
Снег, снег, снег, сне/, снег над палаткой кружится. Вот и
кончается наш краткий ночлег.

Рис. S.26. В форматировании текстового фрагмента использован различный интерлиньяж

Примечание
Если при работе с любой палитрой ввести в поле новое значение и нажать кла-
вишу <Enter>, значение будет принято, но курсор останется в том же поле. Если
же нажать клавишу <ТаЬ>, то значение, опять же, будет принято, а курсор пе-
реместится к следующему полю (этим приемом можно пользоваться, изменяя
значения кегля, а затем — интерлиньяжа).

Установка значений кернинга


Кернинг (kerning) — это изменение межсимвольного расстояния в некоторых
парах букв. Не для всех пар это расстояние нужно менять, но встречаются
такие сочетания символов, где рядом стоящие буквы кажутся слишком уда-
ленными или, наоборот, слишком приближенными друг к другу (практически
не встречаются). Если не работать над этим параметром, то текст будет ка-
заться неравномерным. Примеры пар символов, нуждающихся в кернинге,
приведены на рис. 5.27.

АЧ AT АУ ГА
Рис. 5.27. Пары символов, нуждающиеся в кернинге (уменьшении)

Примечание
Кернинг актуален для больших шрифтов (начиная с 18—20 кегля).

В палитре Character (Символ) поле для изменения кернинга находится под


полем изменения кегля (см. рис. 5.20). Кернинг можно установить самостоя-
тельно, а можно воспользоваться значениями автокернинга, которые берутся
программой из специальных таблиц, индивидуальных для каждого шрифта.
Для того чтобы задать автоматическое изменение кернинга пар в произволь-
ном текстовом фрагменте, его необходимо выделить и выбрать значение
244 Глава 5

Auto (Авто) в поле кернинга. Для самостоятельного изменения кернинга не-


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

( Примечание ^
Если установить значение автокернинга перед вводом текста, то он автомати-
чески будет применяться к вводимому тексту (к тем парам символов, где он не-
обходим).

Практика ^
Введите отдельным фрагментом слово "Радужный" и отформатируйте его
гарнитурой Arial 40 кеглем. Выделите фрагмент и установите автокернинг
в соответствующем поле. Закрепляйте курсор поочередно между всеми
парами символов, и обращайте внимание на значение в поле кернинга па-
литры Character (Символ). Так, в этом слове было автоматически умень-
шено расстояние между заглавной буквой "Р" и строчной буквой "а", и ав-
томатически увеличено расстояние между буквами "у" и "ж" (рис. 5.28
и 5.29). Расстояния между другими буквами не изменялись (рис. 5.30).

Радужный
Рис. 5.28. Уменьшенный кернинг в паре символов "Ра"

Радужный
Рис. 5.29. Увеличенный кернинг в паре символов "уж"

Радужный
Рис. 5.30. Неизменный кернинг в паре символов "ны"

Практика |
Установите нулевые значения кернинга для измененных пар и посмотрите,
равномерно ли будут распределяться буквы в слове. Попробуйте произ-
вольным образом изменять значения кернинга для других пар символов.
Работа с текстом 245

Установка значений трекинга


Тренинг (tracking) — это также изменение межсимвольного расстояния. Но,
в отличие от кернинга, это расстояние меняется не для отдельных пар симво-
лов, а для всего фрагмента. За счет трекинга происходит вгонка (уменьшение
объема) и выгонка (увеличение объема) текста. Поле установки значений
трекинга в палитре Character (Символ) находится рядом с полем установки
значений кернинга (см. рис. 5.20). Текст вводят обычно с нулевым значением
трекинга. Для установки произвольного трекинга нужно выделить фрагмент
и установить необходимые значения. Здесь, как и в случае установки кернин-
га, положительные числа увеличивают расстояние между символами, а отри-
цательные — уменьшают (по сравнению со стандартным). Кернинг и трекинг
изменяются в единицах, равный 1/1000 круглой шпации.

с Примечание
Круглая шпация — это пробел, по величине равный ширине строчной буквы "м"
в том же шрифте того же кегля.

/ Практика |
Выделите какой-либо фрагмент и измените в нем трекинг, добившись уве-
личения и уменьшения объема текста (рис. 5.31).

Нажми, водитель. Наи^водиго\ь,-гармаа,накан£ Ты


т о р м о з , н а к о н е ц . Ты нас тирашл три часа щдрцц. Слезайте,
нас тиранил три часа 1раЖФне,цриоали,кнец Ожлный
подряд. Слезайте, рад, Охпньн ряд.-
г р а ж д а н е , приехали,
конец. Охотный ряд,
Охотный ряд...

Рис. 5.31. Фрагмент с положительным и отрицательным значениями трекинга

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

Изменение значений высоты и ширины символов


Поля для изменения ширины (Horizontal Scale) и высоты (Vertical Scale)
символов находятся под полями для изменения кернинга и трекинга (см.
рис. 5.20). Обычно в основном тексте высота и ширина символов составляют
100%. Изменяют высоту или ширину символов для заголовков и коротких
246 Глава 5

фраз в декоративных целях. Числа меньшие 100 уменьшают эти параметры, а


большие — увеличивают.

с Примечание
Эти параметры нужно изменять очень аккуратно, т. к. при изменении пропорций
нарушается рисунок шрифта.

/ Практика jf
Измените высоту и ширину символов. Лучше всего это делать на крупных
шрифтах. Пример текстового фрагмента с измененными пропорциями
символов приведен на рис. 5.32.

Рис. 5.32. Текстовый фрагмент с измененными пропорциями символов

Сдвиг символов по вертикали


Тот параметр, который перемещает символы по вертикали, называется сдви-
гом базовой линии шрифта (baseline shift). Базовая линия шрифта— это та
воображаемая линия, на которой размещается большинство символов
(рис. 5.33). Сдвигая базовую линию, мы, по сути дела, сдвигаем выделенные
символы относительно остальных.
Поле для изменения базовой линии шрифта находится в палитре Character
(Символ) под полем изменения ширины символов (см. рис. 5.20). По умолча-
нию его значение равно нулю. Положительные введенные или выбранные
значения перемещают выделенные символы вверх, а отрицательные — вниз.

/ Практика |
Выделите несколько символов внутри текстового фрагмента и попробуйте
сдвинуть их вверх и вниз. Базовая линия шрифта и сдвиг символов отно-
сительно базовой линии показаны на рис. 5.33.

Перекаты ПерекатЬ|
Рис. 5.33. Базовая линия и символы, к которым применен сдвиг базовой линии
Работа с текстом 247

Этот параметр изменяется иногда в декоративных целях. Также его иногда


используют, предварительно уменьшив кегль нужных символов, для оформ-
ления верхних и нижних индексов.

/ Практика |
Выполните пример на оформление верхних и нижних индексов (рис. 5.34).

Рис. 5.34. Нижний и верхний индексы

Совет
Для оформления верхних и нижних индексов можно использовать специальные
функции, которые действуют быстрее описанного выше способа. Но размеща-
ются они не в самой палитре Character (Символ), а в виде команд в ее меню:
Superscript (Верхний индекс) и Subscript (Нижний индекс). Также в этом меню
есть две команды по изменению регистра символов: All Caps (Все прописные)
и Small Caps (Малые прописные), которые также удобно использовать для вы-
деления заголовков и отдельных текстовых фраз.

Поворот символов
Начиная с версии Adobe Illustrator CS в палитре Character (Символ) появи-
лось новое поле Character Rotation (Вращение символов), которое находится
под полем изменения высоты символов рядом с полем сдвига базовой линии
(см. рис. 5.20). Вводя или изменяя значения в этом поле, можно задавать по-
ворот для одного, нескольких символов или всего фрагмента целиком
(рис. 5.35), причем значения угла поворота могут быть как положительными
(поворот против часовой стрелки), так и отрицательными (поворот по часо-
вой стрелке).

бродит /to
ведь « л о н а ) любишь в ш й п ч »
Рис. 5.35. Пример текстового фрагмента с повернутыми символами

Примечание
В более ранних версиях Adobe Illustrator поворот можно было производить
только над всем фрагментом целиком. Поворот отдельных символов можно
было осуществить, только преобразовав текст в контуры (см. раздел "Преобра-
зование текста в контуры" данной главы).
248 Глава 5

I Практика
Введите небольшой текстовый фрагмент и выполните поворот слов и от-
дельных символов на различные углы.

Подчеркивание и зачеркивание
В Adobe Illustrator CS2 в палитре Character (Символ) появились две новые
кнопки: кнопка подчеркивания и кнопка зачеркивания (см. рис. 5.20). Подчер-
кивание может применяться в тексте для выделения отдельных фрагментов, а
зачеркивание — в декоративных целях. Пример подчеркнутого и зачеркнуто-
го текста приведен на рис. 5.36.

ВЕСЕННЕЕ = ~ ^ ч
Рис. 5.36. Пример подчеркнутого и зачеркнутого текста

/ Практика |
Примените подчеркивание и зачеркивание к словам и фразам и посмотри-
те, как оно отображается. Как вы считаете, в каких ситуациях уместно
применять подчеркивания, а в каких — зачеркивание?

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

Отображение параметров символов


Если вы не помните, какие шрифтовые параметры были применены вами к
тому или иному фрагменту текста, или если форматирование осуществляли
не вы, информацию о параметрах символов можно получить, выделив фраг-
мент и посмотрев на поля в палитре Character (Символ). Если поля пусты,
значит в выделенном фрагменте присутствуют символы с различными шриф-
товыми параметрами (рис. 5.37).
В последней версии программы основную информацию о параметрах симво-
лов можно получить из палитры управления (см. рис. 5.44).
Работа с текстом 249

Рис. 5.37. В выделенном фрагменте присутствуют символы


с различными шрифтовыми параметрами

Примечание
Также некоторая информация о символах выделенного фрагмента (гарнитура,
кегль и суммарная величина трекинга и кернинга) отображается в палитре Info
(Инфо).

/ Практика |
Получите информацию о нескольких отформатированных вами текстовых
фрагментах с помощью палитр Character (Символ) и Info (Инфо), а также
из управляющей палитры.

Внимание!
Не забывайте, что установленные вами параметры символов становятся теку-
щими и будут применяться ко всем последующим вводимым фрагментам тек-
ста. Поэтому, перед тем как вводить текст, проверьте текущие параметры сим-
волов.

Совет
Особенно тщательно нужно следить за параметрами интерлиньяжа (он должен
быть автоматическим), кернинга (при вводе он также должен быть автоматиче-
ским), трекинга (он должен быть нулевым), высоты и ширины символов (они
должны быть по 100%) и сдвига базовой линии и угла поворота (они должны
быть нулевыми). Искажение этих параметров при вводе текста очень часто
проходит для пользователя незамеченным, а потом может иметь неприятные
последствия для всей работе в целом.

Форматирование абзацев
Параметры абзаца задаются с помощью палитры Paragraph (Абзац)
(рис. 5.38). Она размещается обычно рядом с палитрой Character (Символ),
но можно разместить ее и как отдельную палитру. Вызывается на экран с по-
мощью команды Type | Paragraph (Текст | Абзац) из меню Window (Окно).
250 Глава 5

Выключка

По правому Полная Полная


По центру ч краю По формату с центрированием по правому краю

По левому, Полная
краю

Отступ
справа
Абзацный
отступ

Отбивка Отбивка
перед после
абзацем абзаца

Рис. 5.38. Палитра Paragraph

Примечание
Если у вас на экране палитра Paragraph (Абзац) имеет меньший размер по
вертикали, чем показано на рисунке, зайдите в меню палитры и установите ре-
жим отображения дополнительных параметров.

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


их необходимо выделить перед работой с палитрой, если одному — доста-
точно просто закрепить в нем курсор.
/ Практика ~ |
Отобразите на экране палитру Paragraph (Абзац). Найдите среди введен-
ных вами ранее фрагментов текста, или введите заново, блок текста, со-
стоящий из нескольких абзацев, и выделите его. Проверьте значение сим-
вольных параметров (в частности, интерлиньяж и кернинг должны быть
автоматическими, сдвиг базовой линии, угол поворота и трекинг должны
быть нулевыми, а высота и ширина символов — 100 %.

Изменение выключки
Основной параметр для изменения в абзаце — это выключка (alignment) —
выравнивание абзаца по горизонтали относительно левой и правой границ
текстового блока (в блочном тексте). Кнопки для изменения выключки нахо-
дятся вверху палитры (см. рис. 5.38).
Выключка бывает пяти стандартных видов:
• по левому краю (left) — применяется для форматирования небольших до-
полнительных массивов текста (типа вступлений или аннотаций) или ре-
же — основного текста;
Работа с текстом 251

П по центру (center) — применяется для форматирования заголовков и ко-


ротких фраз;
• по правому краю (right) — применяется при форматировании абзацев типа
посвящение или эпиграф;
• по формату (justify) — основной вид выключки при форматировании мас-
сивов основного текста;
• полная (full) — применяется для равномерного распределения текста при
создании спецэффектов.
При выключке по левому краю все строки сдвигаются к левой границе блока,
правый край остается неровным. При выключке по правому краю все строки
сдвигаются к правой границе блока, левый край остается неровным. При вы-
ключке по центру все строки центрируются относительно рамки по горизон-
тали.
При выключке по формату выравниваются и левый и правый край за счет
увеличения межбуквенных интервалов и пробелов во всех строках фрагмен-
та, за исключением последней, она остается прижатой к левому краю. За этот
вид выключки отвечает четвертая кнопка в верхней части палитры, и, начи-
ная с версии Adobe Illustrator CS, она называется Justify with last line aligned
left (Полная с последней строкой, выровненной по левому краю).
А при полной выключке по обоим краям выравниваются все строки фрагмен-
та, в том числе и последняя. Начиная с версии Adobe Illustrator CS этому виду
выключки соответствует последняя кнопка среди кнопок выравнивания, и
называется она Justify all lines (Полная для всех строк).
Примеры применения к текстовым фрагментам основных видов выключки
приведены на рис. 5.39 и 5.40.

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

Рис. 5.39. Применение выключки Рис. 5.40. Применение выключки по формату


по левому краю, по центру и по обоим краям
и по правому краю
252 Глава 5

В Adobe Illustrator CS в палитру Paragraph (Абзац) были добавлены еще две


кнопки для изменения выключки: полная выключка с центрированием по-
следней строки и полная выключка с выравниванием последней строки по
правому краю (см. рис. 5.38). Применяются эти виды выключки также крайне
редко.

Практика /
Попробуйте применить различные виды выключки к абзацам выделенного
текстового блока.

Изменение отступов
Под отступами (indentation) понимается расстояние от края рамки до левой
или правой границы текстового блока. Существует три вида отступов:
• отступ от левого края (left indent) — отсчитывается от левой границы тек-
стового блока и применяется ко всем строкам абзаца;
• отступ первой строки абзаца (first line left indent) — отсчитывается от ле-
вой границы текстового блока и применяется только к первым строкам аб-
зацев. Может быть как положительным (отступ или красная строка), так
и отрицательным (выступ);
П отступ от правого края (right indent) — отсчитывается от правой границы
текстового блока и применяется ко всем строкам абзаца.
Пример текстового блока с ненулевыми отступами приведен на рис. 5.41.

РЧЛ/Г*? чмья* ! " — ж . угругтцтп «чдр^ме»

Рис. 5.41. Текстовый блок с ненулевыми отступами

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

В палитре Paragraph (Абзац) за назначение отступов отвечают три поля, на-


ходящиеся под кнопками изменения выключки (см. рис. 5.38). Значения в
этих полях изменяются в пунктах и их можно либо вводить, либо автомати-
чески изменять, пользуясь кнопками счетчика.
Работа с текстом 253

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

Совет
Не забывайте, что 1 пт — очень маленькая величина, и начинать назначение
нужно хотя бы с 10 пт, чтобы отступы были заметны.

Изменение отбивки
Отбивка (space) — интервал перед абзацем (before paragraph) или после абза-
ца (after paragraph). В рассматриваемой версии Adobe Illustrator стали присут-
ствовать оба вида отбивок. Эти поля в палитре Paragraph (Абзац) находятся
под полями отступов (см. рис. 5.38). Здесь также значения измеряются в
пунктах, и их можно вводить или изменять при помощи счетчика.
Если значение отбивки перед абзацем равно нулю, то абзац отделяется от
предыдущего только за счет интерлиньяжа. Если значение отбивок больше
нуля, то между абзацами возникает дополнительное расстояние. Отбивка мо-
жет быть и меньше нуля, но такое форматирование практически не применя-
ется. Пример текстового блока с ненулевым значением отбивок показан на
рис. 5.42.

Лыжи у печки стоят, гаснет закат за горой.


Месяц кончается март, скоро нам ехать
домой.

Здравствуйет, хмурые дни. Горное солнце,


прощай.

Мы навсегда сохраним в сердце своем


этот край.

Рис. 5.42. Текстовый блок с ненулевым значением отбивок

Для абзацев в текстовом блоке может быть задана отбивка только перед абза-
цем, только после абзаца или оба вида отбивок. В последнем случае для со-
седних абзацев значение отбивок после предыдущего абзаца и перед сле-
дующим суммируются.
254 Глава 5

I ТТрактика ~t
Выделите текстовый блок, в котором присутствует несколько абзацев.
Увеличьте его высоту. Установите для всех абзацев в блоке отбивку перед
абзацем 20 пт. Проявилась ли отбивка перед первым абзацем? Увеличьте
значение отбивки до 30 пт. Появился ли отступ от верхнего края рамки до
первого абзаца сейчас? Установите также отбивку после абзацев величи-
ной 15 п. Изменилось ли расстояние между соседними абзацами?

Какова бы ни была величина отбивки перед абзацем, к первому абзацу в бло-


ке она не применяется. Такой принцип поддерживается во многих векторных
редакторах и программах верстки.

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

Установка переносов
Возможность установить переносы в конце строк очень важна при верстке,
особенно при выравнивании текста по формату и небольшой длине строки.
Для установки переносов необходимо активизировать флажок Hyphenate
(Перенос), находящийся в нижней части палитры Paragraph (Абзац) (см.
рис. 5.38). Для того чтобы программа могла выполнить расстановку перено-
сов, необходимо указать ей, по правилам какого языка их надо устанавливать.
Для этого нужно выбрать соответствующий параметр в списке Language
(Язык), который находится в нижней части палитры Character (см. рис. 5.20).
В Adobe Illustrator CS2 появилась возможность работать также и с русским
языком.

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

Отображение текущих параметров абзаца


Параметры выделенного абзаца или абзацев отображаются в палитре
Paragraph (Абзац) при закреплении курсора в абзаце или при его выделении.
Также, если абзац имеет один из трех основных типов выключки, это ото-
бражается в палитре управления (см. рис. 5.44). При выделении нескольких
абзацев все или некоторые поля в палитре могут быть пустыми, а кнопки вы-
ключки — неактивными. Это указывает на то, что к выделенным абзацам бы-
ли применены различные параметры форматирования.
Работа с текстом 255

j Практика |
Просмотрите параметры нескольких абзацев в ваших текстовых блоках.

Не забывайте о том, что, как и в случае форматирования символов, после на-


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

с Совет
Лучше всего вводить текст при выключке по левому краю и нулевых значениях
всех отступов и отбивки независимо от его последующего форматирования.

Изменение параметров абзаца в заголовочном тексте


У заголовочного текста нет заранее заданного пространства для ввода, как в
случае блочного текста, а есть только точка ввода — то место, где вы закреп-
ляете курсор перед вводом. Длина фрагмента заголовочного текста также ни-
чем не ограничена. Поэтому к заголовочному тексту нельзя применить от-
ступ справа, а все остальные параметры изменяются относительно точки
ввода.

/ Практика |
Разместите на экране вертикальную направляющую и введите несколько
абзацев заголовочного текста разной длины так, чтобы точка ввода (их
первые символы) совпали с этой направляющей. Последовательно приме-
няйте к абзацам различные типы выключек (рис. 5.43).

Не верь в разлуки, старина, их круг •


лишь сон, ей богу.

Не верь в разлуки старина, их круг-


лишь с » , ей богу.

Не верь в разлуки, старика, их круг -


лишь сон, ей богу.

Рис. 5.43. Применение выключки по левому краю, по центру и по правому краю


к фрагменту заголовочного текста

Примените ко всем абзацам выключку по левому краю и измените отступ


слева. Убедитесь, что отступ справа игнорируется.
Введите еще один фрагмент заголовочного текста, состоящий из несколь-
ких абзацев, и попробуйте изменять в нем отбивки.
256 Глава 5

Форматирование
при помощи палитры управления
Палитра управления, появившаяся в Adobe Illustrator CS2, позволяет произве-
сти и операцию форматирования текста. Основные поля для форматирования
символов и абзацев, отображаемые в палитре управления, показаны на
рис. 5.44.
Выключка Выключка
по левому по правом)/
Гарнитура Кегль краю краю

Вызов Начертание Вызов


палитры палитры
Character Paragraph

Рис. 5.44. Поля для форматирования текста в управляющей палитре

Примечание
Такой вид палитра управления будет иметь, если в ее меню активны режимы
Character (Символ) и Paragraph (Абзац).

Согласно общей концепции, параметры Character (Символ) и Paragraph


(Абзац), расположенные на панели палитры управления, являются ссылками,
вызывающими соответственно палитры Character (Символ) и Paragraph
(Абзац).

/ Практика |
Выберите один из текстовых фрагментов и попробуйте отформатировать
его произвольным образом при помощи управляющей палитры. Какие из
рассмотренных способов форматирования вам показались более удоб-
ными?

Форматирование по образцу
В Adobe Illustrator существует очень полезная функция, позволяющая форма-
тировать текстовые фрагменты по образцу. Это значит, что если у нас есть
какой-то фрагмент текста, отформатированный определенным образом, мы
можем, не вникая в подробности, какие конкретно параметры применены к
этому фрагменту, отформатировать точно так же другой фрагмент. Причем в
качестве образца и в качестве форматируемого текста можно брать не только
блоки целиком, но и фрагменты любой длины вплоть до символов.
Работа с текстом 257

Примечание
При форматировании по образцу абсолютно безразлично,