You are on page 1of 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

Примечание
При форматировании по образцу абсолютно безразлично, является образец и
форматируемый текст фрагментами блочного текста или заголовочного.

/ Практика ^
Найдите среди ваших фрагментов два фрагмента блочного текста и
о д и н — заголовочного. У заголовочного текста параметры не меняйте.
Первому блоку текста, а это будет образец, назначьте следующие пара-
метры:
• гарнитура — Times New Roman (Times New Roman Cyr)
• начертание — курсив
• кегль —16 пт
• трекинг— 100
П высота символов — 125 %
О выключка по правому краю
• отступ справа — 40 пт
• остальные отступы — 0 пт
П отбивка — 0 пт
Все остальные параметры оставьте неизменными. Второму фрагменту
(а это будет форматируемый по образцу), назначьте другие параметры:
• гарнитура — Arial (Arial Cyr)
• начертание — жирное
• кегль —14 пт
• трекинг — 0
• высота символов—100%
• выключка по левому краю
• отступ слева — 25 пт
• остальные отступы — 0 пт
• отбивка — 0 пт

Инструмент Eyedropper Tool (Пипетка) по отношению к тексту работает так


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

9 3ак. 1380
258 Глава 5

массив текста в форматируемом фрагменте. После этого необходимо перейти


к инструменту Eyedropper Tool (Пипетка) и щелкнуть им по тому символу
во фрагменте-образце, с которого нужно скопировать текстовые параметры
(во время подведения указателя мыши к фрагменту-образцу, слева от указа-
теля в форме пипетки появится небольшая буква "Т"). После этого параметры
шрифта и абзаца из фрагмента-образца перейдут к выделенному фрагменту
форматируемого текста.
Второй способ еще более нагляден. Необходимо перейти к инструменту
Eyedropper Tool (Пипетка) и щелкнуть им по тому символу во фрагменте-
образце, с которого необходимо скопировать текстовые параметры. После
этого нужно, удерживая клавишу <Alt>, щелкнуть по форматируемому фраг-
менту или обвести часть символов в нем рамочкой.

/ Практика |
Выполните форматирование текста по образцу обоими способами. Сохра-
ните файл В папке Глава 5 ПОД именем Заголовочный и блочный текст.

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

Декоративные виды текста


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

Текст вдоль контура


Размещение текста по кривой или по-другому, вдоль контура— эффект, ха-
рактерный для всех программ векторный графики. В Adobe Illustrator для его
ввода существует два специальных инструмента: Path Type Tool (Текст
вдоль контура) и Vertical Path Type Tool (Вертикальный текст вдоль конту-
ра) (см. рис. 5.1).
Работа с текстом 259

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

/ Практика |
Создайте новый файл. Установите цветовые параметры по умолчанию.
Нарисуйте в нем все возможные типы фигур и кривых (рис. 5.45). Устано-
вите любую русскую гарнитуру и 18—24 кегль шрифта. Проверьте все ос-
тальные текстовые параметры (в частности, задайте выключку по левому
краю и нулевые значения отступов и отбивок).

Рис. 5.45. Контуры для ввода декоративного текста

Для ввода текста вдоль контура необходимо перейти к одному из вышеопи-


санных инструментов, щелкнуть по контуру и, когда контур подсветится, а в
точке ввода появится курсор, можно вводить текст. Исходные данные, этапы
ввода текста вдоль контура и результат показаны на рис. 5.46—5.49.

с Примечание
Если контур замкнутый, для ввода текста можно пользоваться только двумя ин-
струментами: Path Type Tool (Текст вдоль контура) и Vertical Path Type Tool
(Вертикальный текст вдоль контура). Если же контур незамкнутый, можно поль-
зоваться как вышеназванными инструментами, так и инструментами Text Tool
(Текст) и Vertical Text Tool (Вертикальный текст).
260 Глава 5

X"—<
/
i )
ч у

Рис. 5.46. Исходный контур с параметрами Рис. 5.47.1-й этап ввода текста вдоль
заливки и обводки контура — закрепление курсора в точке ввода

Рис. 5.48. 2-й этап ввода текста вдоль Рис. 5.49. Окончательный вид текста,
контура — набор текста введенного вдоль контура

/ Практика ^
В одной из геометрических фигур измените параметры контура и заливки.
Введите горизонтальный текст вдоль этого контура. Введите вертикаль-
ный текст вдоль другого контура. Обратите внимание на то, что после
ввода текста вдоль контура все параметры обводки и заливки этого конту-
ра исчезают (при необходимости потом их можно будет восстановить).

После ввода текста вдоль контура параметрам обводки и заливки этого кон-
тура присваивается значение без атрибута. В режиме Preview (Иллюстра-
ция) исчезнут все контуры, а текстовые фразы будут повторять их форму
(рис. 5.50). Но в режиме Outline (Макет) все контуры будут видимы (рис. 5.51).

Практика |
Заполните горизонтальным и вертикальным текстом все контуры на стра-
нице. Посмотрите на вид страницы в режиме Preview (Иллюстрация). Пе-
реключитесь к режиму Outline (Макет) и посмотрите, как эта страница
текста выглядит там.
Работа с текстом 261

о
A-»»*»», u. . „

1О \ /i
1...» * V. •••*

\ (Ь '

1 :v\/ ч
i

АЛЛ.

Рис. 5.50. Вид контуров, заполненных текстом Рис. 5.51. Вид контуров, заполненных текстом
в режиме Preview в режиме Outline

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

( Примечание
По сравнению с предыдущими версиями программы, начиная с Adobe Illustrator
CS, операции с текстом, введенным вдоль контура, претерпели небольшие из-
менения и добавились новые возможности.

Смещение текста вдоль контура


и переворот на другую сторону
Иногда необходимо "подвинуть" текст или, по-другому, сместить его вдоль
контура, или перевернуть его на другую сторону контура. Такие операции
выполняются чаще всего. Для этого сначала необходимо выделить текст, на-
ходящийся на контуре, инструментом Selection Tool (Выделение). Вид фраг-
ментов выделенного текста показан на рис. 5.52.
При выделении текста, расположенного вдоль контура, проявляется сам кон-
тур и на нем три I-образных маркера (см. рис. 5.52): начальный, центральный
и конечный. Эти маркеры находятся, соответственно, в точке ввода текста,
в конце кривой и на полпути между крайними маркерами. Они отвечают за
определенные операции. В случае замкнутого контура местонахождение на-
чального и конечного маркеров совпадает.
262 Глава 5

Конечный маркер

Начальный маркер

Средний маркер

Рис. 5.52. Фрагменты выделенного текста вдоль контуров

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

Совет
Для того чтобы габаритный прямоугольник не мешал вам выполнять операции
над текстом вдоль контура, можно временно убрать его, выполнив команду
Hide Bounding Box (Скрыть габаритный прямоугольник) из меню View (Вид).

Смещение текста вдоль контура


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

Внимание!
Указатель мыши необходимо прикладывать именно к 1-образному маркеру, а не
к квадратику в его нижней части.

( Примечание
Если контур незамкнутый, и текст целиком не помещается на нем, появляется
признак переполнения.
Работа с текстом 263

Рис. 5.53. Процесс перемещения текста вдоль контура

Рис. 5.54. Вид текстовых фрагментов после перемещения текста

/ Практика |
Выполните сдвиг текста вдоль замкнутого и вдоль незамкнутого контуров.
Если при выполнении сдвига вы случайно приложили мышь к квадратику
в нижней части маркера, отмените операцию.

Переворот текста на обратную сторону контура


Переворот текста на другую сторону контура — еще одна операция, выпол-
няемая посредством I-образных маркеров. Причем происходит не просто пе-
реворот текста, а его зеркальное отражение, и в качестве центра зеркального
отражения выступает средний I-образный маркер.
Для того чтобы перевернуть текст на другую сторону контура, необходимо
подвести указатель мыши к среднему I-образному маркеру (около указателя
мыши появится перевернутая буква "т") и переместить его на другую сторону
контура. Процесс переворота текста на другую сторону контура и вид тексто-
вых фрагментов после переворота текста показаны на рис. 5.55 и 5.56.

/ Практика |
Отмените последние операции и восстановите вид фрагментов до сдвига
текста. Выполните переворот текста на другую сторону замкнутого и не-
замкнутого контуров.
264 Глава 5

Рис. 5.55. Процесс переворота текста на другую сторону контура

Рис. 5.56. Вид текстовых фрагментов после переворота текста

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

Для того чтобы изменить местоположение центра переворота (зеркального


отображения), необходимо переместить в сторону среднего маркера конеч-
ный маркер. Средний маркер будет перемещаться вместе с ним.

/ Практика |
Восстановите первоначальный вид текста. Попробуйте изменить местопо-
ложение среднего маркера и отразить текст зеркально относительно дру-
гой точки. Сравните результаты.

Совет
Если вы хотите только сдвинуть текст, не меняя при этом положения маркеров
друг относительно друга, прикладывать мышь и перемещать нужно средний
маркер.

Изменение параметров текста вдоль контура


Возможность изменять параметры текста вдоль контура является новшеством
последней версии Adobe Illustrator. Для этого текстовый фрагмент необходи-
мо выделить инструментом Selection Tool (Выделение) и воспользоваться
Работа с текстом 265

подкомандами команды Type on a Path (Текст вдоль контура) из меню Туре


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

/ Практика |
Выделите любой фрагмент текста вдоль контура и выполните команду
Type on a Path | Type on a Path Options (Текст вдоль контура | Параметры
текста вдоль контура) из меню Туре (Текст). Диалоговое окно этой коман-
ды показано на рис. 5.57. Рассмотрите параметры в этом диалоговом окне.

Type on a Path Options

Effect: Г Flip OK

Align to Pa'h |Baseline Cancel

ZJ Г Preview

Рис. 5.57. Диалоговое окно Type on a Path Options

В этом диалоговом окне можно изменить три основных параметра. В поле


Effect (Эффект) можно выбрать один из эффектов для текста, расположенно-
го вдоль контура. Эффект определяет положение символов текстового фраг-
мента относительно контура:
П Rainbow (Радуга) — перпендикулярно контуру;
• Skew (Скос) — с наклоном;
П 3D Ribbon (Трехмерная лента) — в виде трехмерной ленты;
П Stair Step (Ступени) — ступенчато;
• Gravity (Тяготение) — по направлению к центру контура.
В следующем поле Align to Path (Выравнивание относительно контура) за-
даются варианты расположения текста относительно контура (под, над, посе-
редине, по базовой линии). И в поле Spacing (Интервалы) устанавливается
величина пробелов между символами для лучшего распределения текста
вдоль контура. Флажок Flip (Зеркально) позволяет выполнить зеркальное от-
ражение текста относительно контура. И, наконец, самый полезный флажок,
Preview (Просмотр), позволяет увидеть результат операции, не закрывая диа-
логового окна.
266 Глава 5

I Практика
Находясь в диалоговом окне Type on a Path Options (Параметры текста
вдоль контура), активизируйте флажок Preview (Просмотр). Последова-
тельно применяйте к фрагменту текста вдоль контура различные эффекты
и сравнивайте вид фрагментов. Пример применения к фрагменту текста
вдоль контура различных эффектов показан на рис. 5.58.

Рис. 5.58. Результаты применения к фрагменту текста, расположенному вдоль контура,


эффектов Rainbow, Skew, 3D Ribbon, Stair Step и Gravity

Перейдите к первому эффекту. Активизируйте зеркальное отражение. По-


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

Рис. 5.59. Результаты применения к фрагменту текста, расположенному вдоль контура,


типов выравнивания Ascender, Descender, Center, Baseline
Работа с текстом 267

Примечание
Увидеть контур, для того чтобы сравнить результаты, можно в режиме Outline
(Макет).

Изменение формы контура


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

Рис. 5.60. Фрагменты текста вдоль контура до редактирования контуров

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

/ Практика |
Вспомните способы редактирования кривых и, перейдя к режиму Outline
(Макет), попробуйте поменять форму нескольких контуров, добившись
перераспределения текста.

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

шрифта, а также выключку и отступ слева (в данном случае — отступ от точ-


ки ввода текста).

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

/ Практика |
Выполните форматирование нескольких фрагментов текста, расположен-
ных вдоль контура (рис. 5.62). Сохраните файл в папке Глава 5 под име-
нем Текст вдоль контура.

Рис. 5.62. Отформатированный текст вдоль контура

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

Ввод текста
В программе Adobe Illustrator существует инструментарий, позволяющий
расположить текст при его вводе внутри любого замкнутого или незамкнуто-
го контура. Для того чтобы это сделать, нужно перейти к одному из инстру-
ментов Area Type Tool (Текст в области) или Area Vertical Type Tool (Вер-
тикальный текст в области), щелкнуть мышью по контуру и, когда контур
подсветится, а мигающий курсор появится внутри контура, вводить текст.
Текст будет распределяться внутри контура. Процесс ввода текста в область
проиллюстрирован на рис. 5.63—5.65.
Работа с текстом 269

Рис. 5.63. Ввод текста в область. Подготовительный этап: вид области до ввода

\ На
\\
кшш, л a
\ Зимнем 1)№КфежнЁм
/ \ Вшечи. Не нылм»
/ \
/ нынче.
\
\ / t*eewt: дпарцы й
\ на месте, a npt<»titi»ra
\ (

Рис. 5.64. Ввод текста в область. Рис. 5.65. Ввод текста в область.
1-й этап: курсор закреплен Конечный этап: текст распределен
внутри области внутри контура

EF у м я

ki

С» «to»
If **Й «t *» С
i> i м t n t d

iVtf mriOTT M X J <jwa

«bi, you m

Си tlAt I y»J

Рис. 5.66. Вид объектов после ввода текста в область


270 Глава 5

( Примечание )
Для ввода текста в область можно пользоваться и инструментами Type Tool
(Текст) и Vertical Type Tool (Вертикальный текст), но только в случае замкну-
тых контуров.

/ Практика
Создайте новый файл. Проверьте все текстовые параметры. Установите
кегль шрифта 12—14пт. Нарисуйте различные геометрические фигуры
(эллипс, прямоугольник, многоугольник, звезда и т. д.) и произвольные
замкнутый и незамкнутый контуры. Раскрасьте их. Попробуйте ввести в
них горизонтальный и вертикальный текст. Обратите внимание, что, как и
в случае ввода текста вдоль контура, контур и заливка объектов исчезают.
Вид областей после введения в них текста показан на рис. 5.66.

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


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

/ Практика |
Попробуйте переполнить область и увеличить ее размер.

Изменение формы контура


В операции изменения формы контура текст в области ведет себя точно так
же, как и текст вдоль контура (см. раздел "Текст вдоль контура" данной главы).

* КОНЧИ-Л9Е#\

Рис. 5.67. Текст в области до (слева) и после (справа) изменения формы контура
Работа с текстом 271

I Практика |
Измените форму одного из контуров так, чтобы текст перераспределился
по новой форме. Пример такого перераспределения показан на рис. 5.67.

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

/ Практика |
Отформатируйте любой из текстовых фрагментов, находящихся внутри
контура, изменяя все параметры символов и абзацев. Пример отформати-
рованного текста внутри области приведен на рис. 5.68. Сохраните файл в
папке Глава 5 ПОД именем Текст в области.

/ тока \
/ жялъ. что \

Рис. 5.68. Текст в области до (слева) и после (справа) форматирования

Совет
Лучше всего текст в области смотрится при задании небольшого кегля и вы-
ключки по формату.

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

методы здесь те же самые. Существуют лишь маленькие особенности, свя-


занные с выделением отдельных элементов декоративного текста.

Изменение параметров контура и заливки


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

Раскрашивание
/ Практика
Откройте файл Заголовочный и блочный текст. Перейдите К режиму
Preview (Иллюстрация). Найдите любой из фрагментов заголовочного
текста. Увеличьте масштаб до такой степени, чтобы фрагмент отображал-
ся во весь экран. Выделите его и посмотрите, какие параметры контура и
заливки присваиваются тексту при вводе.

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


всегда вводится с черной заливкой без контура (рис. 5.69).

ДОМБАЙСКИЙ ВР\

Рис. 5.69. Отображение цветовых параметров контура и заливки текста при вводе

/ Практика |
Вспомните все способы раскрашивания (см. раздел "Раскрашивание объ-
ектов" главы 3). Опробуйте все способы окраски применительно к тексту.
Попробуйте присвоить всему фрагменту различные варианты заливки цве-
том и узором. Примеры окрашенных текстовых фрагментов приведены на
рис. 5.70.
Работа с текстом 273

Рис. 5.70. Примеры раскрашенных текстовых фрагментов

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

Если необходимо к каждому символу в слове применить индивидуальное


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

/ Практика ^
Попробуйте каждый символ в каком-либо из фрагментов оформить своим
неповторимым образом. Пример такого фрагмента приведен на рис. 5.71.

Рис. 5.71. Пример текстового фрагмента с разноцветными символами

Примечание
Цвет контура можно изменять так же, как и цвет заливки. Только видны эти из-
менения будут лишь при очень большом масштабе просмотра или толщине
контура.

Изменение параметров контура


Во фрагментах заголовочного текста для контура можно изменять не только
цвет, но и толщину; назначать пунктир и изменять вариант скругления углов.
Все эти превращения можно осуществить с помощью палитры Stroke (Об-
водка).
274 Глава 5

j Практика 7
Вспомните, какие параметры контура и как мы изменяли у графических
объектов (см. раздел "Изменение параметров контура" главы 3). Попро-
буйте применить эти операции к контурам символов в одном из фрагмен-
тов заголовочного текста. Пример подобного фрагмента с измененными
параметрами контуров символов приведен на рис. 5.72.

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

Изменение параметров контура и заливки


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

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

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

Изменение параметров текста


Для изменения параметров обводки и заливки символов необходимо сначала
выделить эти символы любым из текстовых инструментов или инструментом
Selection Tool (Выделение). Вид выделенного текста перед изменением пара-
метров контура и заливки символов показан на рис. 5.73. Текст в этом случае
Работа с текстом 275

обязательно должен быть подчеркнут или, в случае текста вдоль контура,


должен появиться I-образный маркер.

\
/
/

1
/
со
/лето. ЧНЛО1 • f
\
/
4
Рис. 5.73. Вид выделенного текста
перед изменением параметров контура и заливки символов

( Примечание ^
Для выделения текста в контейнерах можно использовать и другие инструмен-
ты выделения, за исключением инструментов группы Lasso Tool (Лассо), но в
случае их применения нужно для выделения щелкать мышью по любому из
символов.

Изменение параметров контейнеров


Для изменения параметров обводки и заливки самих контейнеров с текстом
необходимо сначала выделить сам контейнер любым из инструментов груп-
пы Lasso Tool (Лассо). Вид объектов при выделении самого контейнера пока-
зан на рис. 5.74. В этом случае должны появиться только опорные точки кон-
тура, но текст не должен быть подчеркнут или не должно быть видно
I-образного маркера.

С Совет
Удобнее всего выделять контур в режиме Outline (Макет).

А\
А
ч
/тахи жаль)
/что кончилось^
лето,
>ле
.'лето.. \

Рис. 5.74. Вид выделенных контейнеров перед изменением параметров контура


и заливки самих контейнеров
276 Глава 5

Примечание
Раньше, когда в Adobe Illustrator не было выделяющих инструментов группы
Lasso Tool (Лассо), контур выделяли с помощью инструментов Direct Selection
Tool (Частичное выделение) или Group Selection Tool (Выделение в группе).
В случае применения этих инструментов щелкать нужно строго по контурам са-
мих контейнеров и следить за тем, чтобы не был выделен текст (см. рис. 5.73
и 5.74).

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


При вводе блочного текста сами границы блока не видны, и блок не имеет
заливки (см. раздел "Ввод блочного текста" данной главы). При вводе текста
вдоль контура или в область цветовые параметры контура и заливки, даже
если они были, исчезают (см. разделы "Текст вдоль контура" и "Текст в об-
ласти" данной главы). Если вы хотите назначить цветовые параметры кон-
тейнерам после ввода текста или изменить их, и цветовые параметры текста в
контейнерах, нужно последовательно менять цветовые параметры контура и
заливки для текста в контейнерах, а затем — для самих контейнеров или на-
оборот, по алгоритмам, рассмотренным нами. Схематично принцип измене-
ния параметров заливки и обводки текста в контейнерах и примеры измене-
ния показаны на рис. 5.75.

При выделении блока I При выделении всех или При выделении блока
инструментом Щ или Q£J i нескольких символов любым из инструментом Щ| (только
(контейнер и текст) \ инструментов Щ контейнер)

В Р>
Г
изменяются параметры всего \ изменяются параметры I изменяются параметры
текста I выделенных символов | контейнера

Рис. 5.75. Принцип изменения параметров заливки и обводки текста в контейнерах


и примеры изменения

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

/ Практика |
Откройте файлы Текст вдоль контура и текст в области. Попробуйте вы-
полнить раскрашивание и изменение параметров контуров для нескольких
Работа с текстом 277

контейнеров с текстом (тексту задайте одни параметры, а контейнерам —


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

Рис. 5.76. Примеры изменения параметров обводки и заливки текста и контейнеров

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

Удаление
Это самая простая операция из всех. Если мы говорим об удалении несколь-
ких символов или слов внутри самого фрагмента, это делается после их вы-
деления текстовыми инструментами. Целиком текстовый фрагмент удаляется
так же, как и обычный графический объект, после выделения каким-либо из
выделяющих инструментов и нажатия клавиши <Delete> (<Del>). Отдельно
контейнер от текста удалить нельзя. Текст же из контейнера можно удалить,
выделив его предварительно текстовым инструментом.

/ Практика |
Создайте новый файл и скопируйте в него из рабочих файлов различные
виды текста. Попробуйте операцию удаления заголовочного текста и тек-
ста в контейнерах. Убедитесь, что при выделении текста в контейнерах
278 Глава 5

инструментом Selection Tool (Выделение) возможно только совместное


удаление.

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

Перемещение
Если текст находится в текстовом блоке или контейнере, они перемещаются
только совместно, отдельно текст от контейнера или отдельно контейнер от
текста переместить нельзя.

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

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

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

/ Практика ^
Скопируйте текст вместе с контейнером, только текст и только контейнер,
вспомнив различные способы копирования объектов.
Работа с текстом 279

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

Трансформирование заголовочного текста


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

/ Практика |
Вспомните способы трансформирования графических объектов (см. раздел
"Выполнение преобразований" главы 2) и попробуйте выполнить все вы-
шеперечисленные операции с помощью всех возможных способов над од-
ним или несколькими фрагментами заголовочного текста. Пример транс-
формирования фрагмента заголовочного текста приведен на рис. 5.77.

Рис. 5.77. Пример трансформирования фрагмента заголовочного текста

Совет
С помощью простейшего способа масштабирования, используя маркеры габа-
ритного прямоугольника, можно масштабировать и текст, причем, если не нуж-
ны точные значения кегля, этот способ изменения размеров символов более
быстр, чем изменение с использованием палитры Character (Символ). Только
используя этот способ, не забывайте держать нажатой клавишу <Shift> для со-
хранения пропорций символов.
280 Глава 5

Трансформирование текста в контейнерах


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

ТРАНСФОРМИРОВАНИЕ ТЕКСТА
при выделении ижтрушн- j При ёыдемнии инетру-
лмм QD ""б» S 3 (текст и \ ментом [§3 (только кон-
контейнер) либо любым из Щ | тейнер)

Масштаб Ырование
Вот
до**, Нот дом,
рЫЙ 111>СТ|Н>НЛ который
Джек, А это - А это -
э ф ф е к т ы , коггорыс мы изучаем...
которые мы

Поворот

рый построил
Джек. А это -
з фф е к т и (
котор ли мы

дом, кото-
рый построил 1
— »
Дж*як.. А уга -
о ф ф ft К Т М |
сотор. 1ft МЫ

Bt« дом, который


Вот Джек, А
ДОИ» К£ИГЧ>-
это - .
рый 1ШСТ)И)ИА 1 хоторыч мы
Дкм. Л это - Ч. в tt у ч 1 е м . . . у
а ф фе к т м ,
которые мы

Рис. 5.78. Принципы трансформирования текста в контейнерах и примеры трансформирования


Работа с текстом 281

• Если выделить только контейнер инструментом Group Selection Tool


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

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

Обтекание объектов текстом


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

С Примечание ^
По сравнению с предыдущими версиями программы принцип задания обтека-
ния для объектов несколько изменился, и команда для задания обтекания пе-
реместилась из меню Туре (Текст) в меню Object (Объект).

Для задания обтекания для объекта (будь то геометрическая фигура, контур,


растровая или векторная иллюстрация, или блок, или контейнер с текстом) не
обязательно иметь в наличии текстовый массив. Необходимо выделить объ-
ект, зайти в меню Object (Объект) и выполнить команду Text Wrap | Make
Text Wrap (Обтекание текстом | Задать). На экране появится диалоговое ок-
но, показанное на рис. 5.79. При необходимости можно изменить параметры
в этом окне и выбрать кнопку ОК (Да). После задания для объекта обтекания
текстом вокруг него на некотором расстоянии появится еще один контур, по-
вторяющий контур объекта (рис. 5.80).

/ Практика ~f
Нарисуйте несколько различных объектов и задайте для них обтекание
текстом.
282 Глава 5

[Text Wrap Options

Offset; J£J6pt Г ок 1
Г hvertwrap Cancel j
Г Preview

Рис. 5.79. Диалоговое окно Text Wrap Options

Рис. 5.80. Объекты с заданным обтеканием

Если впоследствии наложить такой объект на массив текста (текст в данном


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

You canal» use different templates Mot use different settings within the templates tt fill the master
efcxumentandfor indnWual иЫкшпепч. Wwi jou view or prim the subdue umem «s part of the
expanded master document Word displays the subdocument using the stytesfromthe master
dKwnenf s template. To view or print the subdacumatt using J$> the style from its original
t e m p l a t e * - * ш * ~ орея the subdocurnent Ы Rs own / window.
also ust 4Ш ^ ш ^ d i f f e r e n t tern p 'а1ш§г w or use
settings Я | •' j w«fim i h « / ~ - ч «•- / pl.i-s « 1ы
m a s U r H Ц Ш document/ \ й / a n d rbr Indkrldual
docum«its. Ч И В н Ш у When you 0Р^ ^ ^ ^ view a print the
dxumertt a s ^ ^ ^ ^ p a r t of the expandei master document Vbrd display
the sjutxkxurnent using the styiesfromtbe master document's template.To view ot print the subdacu-
m«nt using the styles from its ertainat template, open the subdocument in its own window.

Рис. 5.81. Обтекание объектов текстом

/ Практика |
Введите шрифтом 8—14 кегля блок текста, состоящий из 8—10 строк, или
скопируйте его из любого раздела Help какой-либо программы. Задайте
для него выключку по формату. Поместите этот текстовый фрагмент на
задний план с помощью команды Arrange | Send to Back (Монтаж | На
задний план) из меню Object (Объект). Наложите объекты, для которых
вы задали обтекание, на текст, и убедитесь, что текст обтекает их по кон-
туру. Пробуйте перемещать объекты по массиву текста и наблюдать, что
обтекание сохраняется, где бы объект не находился.
Работа с текстом 283

Для объекта с заданным обтеканием можно выполнить две операции: отме-


нить обтекание и изменить его параметры. Эти операции выполняются для
выделенного объекта с уже заданным обтеканием с помощью команд Text
Wrap | Release Text Wrap (Обтекание текстом | Отменить) и Text Wrap |
Text Wrap Options (Обтекание текстом | Параметры обтекания текстом) из
меню Object (Объект). При выполнении команды по изменению параметров
вызывается то же самое диалоговое окно, что и при назначении обтекания
(см. рис. 5.79). Здесь можно изменить расстояние от объекта до текста, задать
обтекание только сверху и снизу от объекта, а также, включив флажок
Preview (Просмотр), просмотреть измененные параметры, не выходя из диа-
логового окна.

/ Практика |
Попробуйте изменить параметры обтекания, а также отменить обтекание
для тех объектов, которым вы его задавали.

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

Преобразование текста в контуры


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

( Примечание ^
Но, с другой стороны, если нет необходимости получить независимость от кон-
кретного набора гарнитур, и вы не собираетесь работать с символами как с
кривыми, эту операцию выполнять не нужно, т. к. увеличивается объем файла и
уменьшается скорость его обработки.
284 Глава 5

Выполнение преобразования
Операцию преобразования текста в контуры можно применять только к це-
лым фрагментам текста, причем текст может быть любого вида. Для выпол-
нения операции необходимо выделить фрагмент текста любым из инструмен-
тов выделения (но не текстовым инструментом), зайти в меню Туре (Текст) и
выполнить команду Create Outlines (Преобразовать в контуры).

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

/ Практика |
Введите небольшой фрагмент заголовочного текста. Отмасштабируйте его
до больших размеров. Выделите его инструментом Selection Tool (Выде-
ление). Обратите внимание на то, что при выделении текст подчеркивает-
ся (рис. 5.82). С помощью команды выполните преобразование этого
фрагмента в контуры. Обратите внимание, что после выполнения команды
отдельные символы стали выделенными как контуры и у них проявились
опорные точки (рис. 5.83). Выполните подобное преобразование над от-
дельными символами, составляющими фрагмент, и над текстовыми фраг-
ментами других видов.

Рис. 5.82. Выделенный фрагмент текста Рис. 5.83. Выделенный фрагмент текста
перед операцией преобразования в контуры после операции преобразования в контуры

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

Операции с преобразованными символами


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

Изменение положения и наклона символов


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

Рис. 5.84. "Пляшущий" текст

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

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

Изменение формы символов


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

Совет
Старайтесь, искажая символ, все-таки остановить его обработку тогда, когда
символ будет еще узнаваемым.

/ Практика |
Введите небольшой фрагмент заголовочного текста. Отмасштабируйте его
до больших размеров. Выполните преобразование этого фрагмента в кон-
286 Глава 5

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


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

Совет
Обработку символов при изменении их формы удобнее производить в режиме
Outline (Макет) и при достаточно большом масштабе просмотра.

Пример символов до изменения и с измененной формой приведен на рис. 5.85.

Рис. 5.85. Символы до изменения и с измененной формой

Разрезание символов
С помощью инструмента Knife (Нож) символ можно разрезать, либо что-
нибудь от него отрезать.

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

Рис. 5.86. Эффекты на основе разрезания

Заливка градиентом
И наконец, преобразованные в контуры символы могут быть залиты гради-
ентной заливкой.
/ Практика |
Выполните градиентную заливку символов одного из фрагментов преоб-
разованного текста.
Работа с текстом 287

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

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

Связь между текстовыми фрагментами (это могут быть все виды текста, кро-
ме заголовочного) можно установить как между существующими блоками,
заполненными текстом, с признаком переполнения или без него, так и между
пустыми текстовыми блоками.
Классическим примером установки связи между блоками является случай,
когда текст не помещается в один блок и в нем возникает признак переполне-
ния. В этом случае, чтобы разместить остаток или продолжение текста, необ-
ходимо, активизировав инструмент Selection Tool (Выделение), щелкнуть по
признаку переполнения. Указатель мыши примет вид уголка с полосками.
Этим указателем нужно нарисовать рамку, в которой должен будет размес-
титься остаток или следующий фрагмент текста (рис. 5.87), или щелкнуть в
том месте пространства, где должен находиться следующий блок. После раз-
мещения следующей порции текста выделенные текстовые фрагменты будут
иметь вид, изображенный на рис. 5.88.

Ybu can also use different templates Щ or


use different settings within the
templates К for the master document
and for individual subdocumerfts. When
you view of prim the subdccument as
pan o f the expanded master document,
Wbrd displays the subctocument usin/. ;
the styles from the master document's

Рис. 5.87. Процесс создания следующего текстового блока


288 Глава 5

ШЙПВ t t » styles ftorr


nrigM\sl......tM»pJati?,, npfsn tbt
» ire пуд
*i>M ***** or print fe suhdocument as

^mpfatesHfot the master d:cgmerf: 1

Рис. 5.88. Связанные текстовые блоки

Практика |
Создайте небольшой текстовый блок и вводите в него текст так, чтобы
появился признак переполнения.

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

Создайте следующий связанный текстовый блок так, чтобы в нем размес-


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

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

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

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

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


ся подкоманды команды Threaded Text (Связанный текст) из меню Туре
(Текст). Подкоманда Create (Создать) используется для установления связи
между уже существующими, не связанными отдельными текстовыми блока-
Работа с текстом 289

ми. Подкоманда Release Selection (Исключить выделенный) может быть


применена при необходимости исключения выделенного блока из цепочки
связанных. И подкоманда Remove Threading (Удалить связь) разрывает связь
между блоками.

/ Практика ^

Попробуйте действие вышеописанных команд на практике.

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

Adobe Illustrator

•'l\ This file contains text that was created in a previous version
/ * V of Illustrator. This legacy text must be updated before you
;: can edit it. :.:•..
• Choose Update to update all of the legacy t c ' t now.
• Choose OK to update the te-t later

OK

Рис. 5.89. Сообщение при загрузке файлов предыдущих версий, содержащих текст

При выборе кнопки Update (Обновить) текст загрузится как текст, и его
можно будет редактировать, форматировать и подвергать иным преобразова-
ниям. При выборе кнопки ОК (Да) текст загрузится как объект, при выделе-
нии он будет обозначен перечеркнутым многоугольником (рис. 5.90) и его
нельзя будет редактировать и форматировать, как текст.

rastaftnj
сегда""но четиеррий" суда]
ходят в "^
далеким берегам".

Рис. 5.90. Вид загруженного текста при выделении

ЮЗак. 1380
290 Г пава 5

При необходимости редактирования и форматирования этого текста его мож-


но преобразовать к нормальному виду, воспользовавшись подкомандами ко-
манды Legacy Text ("Наследственный" текст) из меню Туре (Текст).

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

Практическая работа "Приглашение"


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

Описание работы
В этой работе, в отличие от других, есть некоторые условия, которые вам
нужно постараться выполнить:
• приглашение может быть любого размера;
• приглашение может быть посвящено любому мероприятию: это может
быть приглашение на банкет, свадьбу, вечеринку, пригласительный билет
на презентацию, выставку и т. п.;
Работа с текстом 291

• приглашение должно содержать четыре тематических поля:


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

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

Совет
Лучше не размахиваться на весь лист формата А4, т. к. приглашение по разме-
ру должно быть таким, чтобы его удобно было положить в карман или сумочку.

3. Подумайте над содержанием и оформлением вашей работы. Желательно


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

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

5. Создайте рисунок на основе геометрических фигур и кривых.


6. Оформите фон (тот прямоугольник, который вы нарисовали в самом на-
чале).
7. Соберите все элементы на фоне. При ^правильном взаимном размещении
объектов (то, что должно быть на переднем плане, "ушло" на задний план,
292 Глава 5

и наоборот), пользуйтесь подкомандами команды Arrange (Монтаж) из


меню Object (Объект).
8. Выполните окончательное сохранение работы.

Разбор конкретных примеров


Для того чтобы получить представление о предлагаемой работе, рассмотрите
несколько приглашений, созданных в Adobe Illustrator студентами Менеджер-
центра СПбГУКИ на занятиях по векторной графике.
В работах Елены Шелест (рис. 5.91) и Людмилы Семиженко (рис. 5.92) со-
блюдены все условия выполнения, правда Людмиле Семиженко чуть-чуть не
хватило времени для создания более сложных объектов на основе кривых.

:
афе "Элита" ^
УЮУНЯЯ jfAibihufai.,! Хорошая in» .:

Организуем свадьбы,
' банкеты, фуршеты,
аылусшьм вечера.

По выходным живая музыка


к шоу-программа. дизайн"
550-37-36

В а сS •

S ... . Д. , t>

Рис. 5.91. Работа Елены Шелест Рис. 5.92. Работа Людмилы Семиженко

В работе Марии Старковой выбран оригинальный шрифт для оформления


основного текста приглашения (рис. 5.93).

вас погетить наш}»


"Шоу за бильярЬным столом".

Казино "Глобус" 25 М а я
Рис. 5.93. Работа Марии Старковой
Работа с текстом 293

Работы студенток Анны Розинковой (рис. 5.94) и Карины Султан-Бековой


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

Уважаемые
жители
Масяня приглашает
С-Петербурга! Bad
Ждём вас в На пр езен тацию своего
субботу
на открытии нового мультфильма!
вещевой ярмарки Будет кру-у-у-то!
Попова"

Рис. 5.94. Работа Анны Розинковой Рис. 5.95. Работа Карины Султан-Бековой

В работе Маргариты Козловской, представленной на рис. 5.96, применены


разнообразные параметры обводки и заливки в символах основного текста.
А в работе Ирины Борщевской, представленной на рис. 5.97, качественно сде-
лан рисунок на основе кривых.

ЛАШ!

10 ипы\\
Bj
T'oj-pavn
шц
сту,

•L
e
PICOCTOMIC
'•28.02.03
"uocce д.б у
о>ч:пи

Рис. 5.96. Работа Маргариты Козловской Рис. 5.97. Работа Ирины Борщевской

В работе Юлии Константиновой (рис. 5.98) оформление тонко сочетается со


смысловым наполнением работы, хотя кривых здесь и не очень много.
294 Глава 5

Ресторан "ЛУННАЯ СОНАТА '


приглашает Вас на открытке нового
: i :
:.;:'.r j - •;..'.• • ' " с е з о н а , •
• :'•:;••
15 апреля Паш адрес-
2003 года СШ

ЖДЕМ ВАС!

Рис. 5.98. Работа Юлии Константиновой

В работе Елены Сафоновой (рис. 5.99) применены интересные эффекты в


оформлении текста и выбран оригинальный вариант обрамления самого при-
глашения, а в работе Марии Кононовой декоративная гарнитура в названии
работы получена путем изменения формы символов (рис. 5.100).

Праздник сотоктсж 21 июня 2003 год» в


19.00 часов ветер» в ресторане "Сеул".

Рис. 5.99. Работа Елены Сафоновой Рис. 5.100. Работа Марии Кононовой

В работе Ирины Леоновой, представленной на рис. 5.101, применены различ-


ные гарнитуры и в заголовке произведена работа с символами, преобразован-
ными в контуры, а работа Александра Шпорова подтверждает, что крат-
кость — сестра таланта (рис. 5.102).
Работа с текстом 295

prigiashaw
Уважаемые if лахолмир и Елена,
па koronaziw
пригл ашаем Вас на церемонию
брако сочетания Ирины и
vsem vsem
Ник сп. ая.
/*~**\
по аяре^*' as
(*щ реля^
pyx
Рис. 5.101. Работа Ирины Леоновой Рис. 5.102. Работа Александра Шпорова

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

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

Операции монтажа
и упорядочивания объектов
Подобные операции характерны не только для программ векторной графики.
Существует стандартный ряд операций по монтажу и упорядочиванию объ-
ектов. Реализацию этих операций в Adobe Illustrator мы и рассмотрим в этом
разделе. Помимо классической группировки, существующей в Adobe Illust-
rator с момента создания первых версий программы, в новой версии появи-
лись "живые" группы, которые также будут рассмотрены в этом разделе.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 297

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

Изменение порядка следования (наложения)


объектов
Это важнейшая из операций и вы, выполняя различные практические работы,
скорее всего уже сталкивались с необходимостью ее выполнения. Она при-
меняется, если объекты какими-то частями перекрывают друг друга. В этом
случае говорят, что объекты находятся "в куче" или "в стопке" (см. рис. 6.1).
Изначально объекты располагаются в том порядке, в котором они были нари-
сованы. Для изменения порядка наложения необходимо выделить один или
несколько объектов из стопки одним из инструментов выделения, зайти в ме-
ню Object (Объект) и выполнить одну из подкоманд команды Arrange (Мон-
таж).
В этой команде четыре основные подкоманды:
П Bring to Front (На передний план) — помещает выделенный объект или
объекты впереди всех;
• Bring Forward (Сдвинуть вперед) — перемещает выделенный объект или
объекты на одну позицию вперед;
• Send Backward (Сдвинуть назад) — перемещает выделенный объект или
объекты на одну позицию назад;
• Send to Back (На задний план) — помещает выделенный объект или объ-
екты позади всех.

/ Практика ^
Соберите несколько объектов "в кучу" и посмотрите, как действуют
команды. Выполните примеры, показанные на рис. 6.1—6.5 (после каждой
операции возвращайте объекты в исходное состояние).

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

Эти команды часто применяются при сборе всех элементов, составляющих


публикацию, в единое целое, а также для создания сложных объектов из про-
стых.
298 Глава 6

Рис. 6.1. Объекты расположены в стопке. Исходное состояние объектов

Рис. 6.2. Объекты расположены в стопке. Рис. 6.3. Объекты расположены в стопке.
Наклоненный прямоугольник с закругленными Наклоненный прямоугольник с закругленными
углами помещен на передний план углами помещен на задний план

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

/ Практика 7
Нарисуйте прямоугольник, затем — эллипс, пересекающий его верхнюю
часть (рис. 6.6). Раскрасьте фигуры в разные цвета. Переместите эллипс на
задний план по отношению к прямоугольнику. Получилась ли у вас башня
от замка (рис. 6.7)?

Совет
Удобно эти команды вызывать из контекстного меню. Также при их частом ис-
пользовании есть смысл запомнить комбинации клавиш, применяемые для их
вызова (они указаны рядом с командами в меню).
Монтаж и упорядочивание объектов. Работа с иллюстрациями 299

Рис. 6.6. Нарисованы Рис. 6.7. Эллипс перемещен на задний план


прямоугольник и эллипс по отношению к прямоугольнику

Выравнивание и распределение
Выравнивание и распределение — следующая не менее важная функция про-
граммы. Выравнивать и распределять объекты можно "вручную", используя
сетку и направляющие (см. раздел "Вспомогательные элементы интерфей-
са" главы 1).
Сделать это "автоматически" можно используя палитру Align (Выравнива-
ние), вызываемую на экран с помощью одноименной команды из меню
Window (Окно), а также палитру управления, которая появилась в новой вер-
сии программы.

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


I Практика |
Разместите палитру Align (Выравнивание) на экране.

Палитра Align (Выравнивание) показана на рис. 6.8. Верхний ряд кнопок вы-
зывает команды выравнивания, нижний — распределения. Распределяются
объекты равномерно в пределах крайних объектов.

шшшшшт
1 «Ah n ^IfeilHi
9
••• HiyiV-7

D«»rlbul« ObJ*dsi

Di:'.ibLiieSp.idr,g: • . • • - •

•AJAuto

Рис. 6.8. Палитра Align


300 Глава 6

( Примечание ~~)
Можно одновременно выполнить и выравнивание, и распределение. А вот по-
следовательное нажатие кнопок выравнивания по двум разным направлениям
соберет объекты "в кучу".

/ Практика /
Растащите объекты, на которых вы изучали операции по изменению по-
рядка следования, в разные стороны. Выделите 4—5 объектов. Опробуйте
работу всех кнопок палитры Align (Выравнивание). Каждый раз после вы-
полнения выравнивания или распределения отменяйте операцию, возвра-
щая объекты к исходному расположению.

Также в последних версиях Adobe Illustrator появилась возможность, отобра-


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

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

Выравнивание и распределение
с помощью палитры управления
При выделении двух и более объектов в управляющей палитре появляются
кнопки для выполнения выравнивания и распределения (рис. 6.9).

( Примечание ^
Эти кнопки появятся при активном режиме Align (Выравнивание) в меню управ-
ляющей палитры.

Кнопки выравнивания Кнопки распределения


Рис. 6.9. Управляющая палитра в режиме выравнивания
Монтаж и упорядочивание объектов. Работа с иллюстрациями 301

Эти кнопки дублируют кнопки палитры Align (Выравнивание) (см. рис. 6.8),
с той лишь разницей, что здесь расположены они в один ряд и отсутствует
возможность распределения с заданным интервалом.

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

/ Практика |
Разместите на странице различные типы объектов: кривые, геометриче-
ские фигуры, текстовые блоки, загруженные растровые изображения (см.
раздел "Загрузка изображений в Adobe Illustrator" текущей главы). Попар-
но выделяя различные типы объектов, определите начальные условия по-
явления в палитре управления кнопок выравнивания и распределения.
Выполните рассматриваемые операции, пользуясь управляющей палитрой.

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

Рис. 6.10. Образец для отработки операций выравнивания и распределения объектов — схема

/ Практика |
Выполните следующий пример. Вам нужно создать схему, показанную на
рис. 6.10. Для этого нарисуйте один прямоугольник, потом 8 раз его ско-
302 Глава 6

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


разместите так, как показано на образце. Можно усложнить вариант и сде-
лать так, как показано на рис. 6.12.

Рис. 6.11. Начальный этап работы — Рис. 6.12. Альтернативный


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

Группировка объектов
Группировка объектов — чрезвычайно важная функция и применяется она
для двух целей:
• совершение общих преобразований над несколькими объектами или зада-
ние общих свойств;
О упорядочивание сложных структур.
До последней версии в Adobe Illustrator существовал только один вид
групп — обычные группы. В Adobe Illustrator CS2 появился совершенно но-
вый тип объекта — "живые" группы, работа с которыми будет рассмотрена
после разбора основных возможностей и операций с обычными группами в
разделе ""Живые" группы".

Выполнение операции группировки


Для группировки объектов необходимо выделить их любым из инструментов
полного выделения: Selection Tool (Выделение) или Lasso Selection Tool
(Лассо) и выполнить команду Group (Сгруппировать) из меню Object (Объ-
ект) или использовать комбинацию клавиш <Ctrl>+<G>. После этого объекты
можно перемещать, трансформировать, задавать атрибуты контура и заливки
как единому целому. Особенно часто к группе объектов применяется опера-
ция масштабирования. При этом взаимные пропорции объектов не наруша-
ются.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 303

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

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

Рис. 6.13. Выделенные объекты Рис. 6.14. Выделенная группа объектов


перед группировкой после группировки

Выполнение общих преобразований и изменение свойств


Группировку удобно использовать при выполнении одних и тех же преобра-
зований над несколькими объектами или при необходимости назначить оди-
наковые параметры контура и заливки нескольким объектам.

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

/ Практика ^
Попробуйте перемещать группу, копировать, масштабировать, поворачи-
вать, зеркально отражать, наклонять (рис. 6.15). Измените параметры кон-
тура и заливки (рис. 6.16).
304 Глава 6

Рис. 6.15. Выполненные операции Рис. 6.16. Измененные свойства контура


трансформирования над группой и заливки группы

Выполнение операции разгруппировки


Обратное действие выполняется после выделения группы любым из инстру-
ментов полного выделения и выбора команды Ungroup (Разгруппировать) из
меню Object (Объект), или нажатия комбинации клавиш <Ctrl>+<Shift>+
+<G>. После разгруппировки все объекты остаются выделенными. Это выде-
ление необходимо снять, после этого можно работать с каждым объектом как
с самостоятельным.

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

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


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

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


команды Group (Сгруппировать).
Для получения доступа к отдельному объекту в группе используются три ин-
струмента:
• инструмент Group Selection Tool (Выделение в группе) — для получения
доступа к самому объекту целиком и последующего выполнения над ним
различных операций и изменения свойств;
• инструменты Direct Selection Tool (Частичное выделение) и Lasso Tool
(Лассо) — для получения доступа к его контуру и опорным точкам для по-
следующего совершения операций по редактированию контура.
После выделения любым из перечисленных инструментов какого-либо объ-
екта в группе, его можно изменять отдельно от группы. Целостность группы
при этом не нарушается.

/~ Практика |
Снова сгруппируйте объекты. Попробуйте выделить отдельный объект в
группе одним из предложенных инструментов, совершите возможные
преобразования, измените свойства контура и заливки. Измените его фор-
му (рис. 6.17). Убедитесь, что изменение, выполненное с отдельным объ-
ектом, не оказало влияния на другие элементы группы.

Рис. 6.17. Преобразован и изменен один объект из группы

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


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

Разберем это на примере. У вас есть дом с двумя окнами (рис. 6.18). Сначала
можно сделать из прямоугольника и линий одно окно и сгруппировать все
элементы, входящие в него, чтобы оно не "развалилось" при перемещении и
представляло собой единое целое. Потом можно сделать копию окна и сгруп-
пировать эти окна. Затем нужно нарисовать прямоугольник, являющийся
стеной, поместить его на задний план по отношению к окнам и сгруппиро-
вать стену с окнами. Далее нужно нарисовать крышу и сгруппировать стену и
крышу.

Рис. 6.18. Объект для упорядочивания Рис. 6.19. Дом с измененной крышей и окнами

/ Практика ~jj
Выполните описанный пример, создав сложную группу.

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


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

/ Практика
Выявите иерархию созданной вами сложной группы при помощи инстру-
мента Group Selection Tool (Выделение в группе). Совершайте последова-
тельные щелчки мышью по одному из окошек. Измените форму крыши и
параметры контура и заливки у окон домика (рис. 6.19).

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


группу любым из инструментов полного выделения, затем выполнить коман-
Монтаж и упорядочивание объектов. Работа с иллюстрациями 307

ду Ungroup (Разгруппировать) из меню Object (Объект) столько раз, сколько


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

/ Практика
Выполните ступенчатую разгруппировку вашей сложной группы.

Обособление групп
В Adobe Illustrator CS2 появилась операция, которую возможно применять к
группам (и только к группам) — возможность их обособления. Операцию эту
можно выполнить только при помощи палитры управления. Ей соответствует
кнопка Isolates selected group (Обособление выделенной группы), появляю-
щаяся при активизации режима Focus Mode (Фокусный режим) в меню па-
литры. При выделении группы инструментом Selection Tool (Выделение) и
последующем выборе этой кнопки вокруг группы появляется двойная рамка
и в палитре управления появляется кнопка Exits Isolated group (Отменить
изоляцию группы). На рис. 6.20 показана кнопка в управляющей палитре и
группа до ее обособления, а на рис. 6.21 — после.

Кнопка
обособления

Рис. 6.20. Группа до обособления и кнопка обособления в палитре управления

Кнопка
отмены
обособления

Рис. 6.21. Группа после обособления и кнопка отмены обособления в палитре управления
308 Глава 6

Практика
Сгруппируйте несколько объектов. Выполните ее обособление, используя
соответствующую кнопку в управляющей палитре. Изменилось ли что-
либо в ней? Отмените изоляцию группы.

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


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

Рис. 6.22. В обособленной группе изменено местоположение объектов и их параметры


и добавлен новый объект

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

Операцию обособления удобно выполнять, если необходимо поработать с


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

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

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

( Примечание )
Дословный перевод названия этого типа объектов Live Paint Group— группа
"живой" заливки, но в целях экономии пространства и времени будем называть
этот тип объектов просто "живые" группы.

"Живые" группы используются, в основном, для двух целей:


• окраска объектов с пересекающимися областями и объектов, получаю-
щихся в результате пересечения контуров прямыми и кривыми линиями
(см. рис. 3.29), и изменение свойств их заливки и обводки;
П окраска объектов, полученных в результате трассировки (см. раздел
"Трассировка при помощи управляющей палитры" текущей главы), и из-
менение свойств их заливки и обводки.

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

Создание "живой" группы


Существует два способа создания "живой" группы:
1. Выделить объекты инструментом Selection Tool (Выделение), перейти к
инструменту Live Paint Bucket ("Живая" заливка) и, подведя указатель
мыши к одному из объектов, щелкнуть по нему (см. раздел "Преобразова-
ние в "живую " группу"главы 3).
2. Выделить объекты инструментом Selection Tool (Выделение), зайти в
меню Object (Объект) и выполнить команду Live Paint | Make (Живая
заливка | Образовать). Команде соответствует комбинация клавиш <Alt>+
310 Глава 6

После образования "живой" группы вокруг объектов появится рамка с харак-


терными маркерами и в управляющей палитре отобразится тип объекта (см.
рис. 6.23—6.25).

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

/ Практика |
Вспомните первый способ создания живой группы. Создайте "живые"
группы из пересекающихся контуров и замкнутых и незамкнутых линий.
Создайте живую группу из непересекающихся контуров с помощью
команды. Наблюдайте идентификацию созданных объектов в управляю-
щей палитре. Загрузите несколько растровых изображений и введите не-
сколько текстовых фрагментов. Попробуйте образовать этот тип групп из
всех присутствующих типов объектов. Убедитесь, что это невозможно.

( Примечание ^
Можно создать "живую" группу из одной или нескольких обычных групп и, на-
оборот, сгруппировать одну или несколько "живых" групп.

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


"живую" группу инструментом Selection Tool (Выделение), зайти в меню
Object (Объект) и выполнить команду Live Paint | Release ("Живая" заливка |
Освободить). "Живая" группа преобразуется в отдельные контуры, которые
участвовали в ее создании. При этом все цветовые параметры заливки и об-
водки отдельных элементов "живой" группы будут утеряны, и им всем будет
присвоен черный контур толщиной 0,5 пт и атрибут "без заливки".

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

/ Практика |
Найдите в вашем документе созданные ранее "живые" группы и выполни-
те операцию, обратную группировке. Проверьте, какого типа объекты по-
лучились после освобождения и каковы параметры их обводки и заливки.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 311

Сходства и различия обычных и "живых" групп


Обычные и "живые" группы имеют как сходства, так и различия. Визуально
между ними нет практически никакой разницы, кроме маркеров при выделе-
нии (рис. 6.23—6.25), и ведут они себя одинаково, пока объекты не пересе-
каются (рис. 6.23). Когда объекты пересекаются, разницы тоже может не
быть (рис. 6.24), только у "живых" групп есть возможность заливки
пересекающихся участков (рис. 6.25).

? - I Эгок*: | Uv« Pdnt Group

Рис. 6.23. Обычная и "живая" группы. Элементы групп не пересекаются

Group

Рис. 6.24. Обычная и "живая" группы. Элементы групп пересекаются

М: ? - Slrokti I | liv« Ptint Group И М ? ' Srok»i '

Рис. 6.25. Обычная и "живая" группы. Применена заливка к пересекающимся областям

Принципиально, похожи они тем, что для обоих типов объектов существуют
следующие возможности:
О совершения основных операций, доступных для объектов в векторном ре-
дакторе;
• разгруппировки;
• обособления;
312 Глава 6

П изменения параметров обводки и заливки отдельных элементов группы;


• изменения формы контуров отдельных элементов группы;
• совершения преобразований над отдельными элементами группы.
Но оба вида групп имеют и принципиальные различия. Основные отличия
обычных и "живых" групп приведены в табл. 6.1.

Таблица б. 1. Различия "живых" и обычных групп

Параметр! признак Обычная группа "Живая" группа

Из каких объектов может состоять Все типы объектов Только контуры


Отображение при выделении Обычные маркеры "Живые" маркеры
Возможность отдельного изменения Нет Есть
параметров обводки и заливки пере-
секающихся областей
Возможность соединения разрывов Нет Есть
Возможность добавления контуров Нет Есть
(в ту же группу)
Создание сложных структур (группы Есть Нет
в группе)

Изменение параметров
отдельных составляющих "живой" группы
В палитре инструментов рядом с инструментом Live Paint Bucket ("Живая"
заливка) находится инструмент Live Paint Selection Tool ("Живое" выделе-
ние), который служит для изменения параметров контура и заливки отдель-
ных составляющих "живых" групп.

( Примечание
При изменении параметров заливки отдельных элементов "живых" групп можно
обойтись и без инструмента Live Paint Selection Tool ("Живое" выделение), а
использовать инструмент Live Paint Bucket ("Живая" заливка). А вот изменять
цвет и другие параметры обводки отдельных элементов "живых" групп инстру-
мент Live Paint Bucket ("Живая" заливка) не может.

Для изменения параметров обводки ил^ заливки элементов "живой" группы


необходимо перейти к инструменту Live Paint Selection Tool ("Живое" выде-
ление) и поместить указатель мыши над тем элементом, параметры которого
необходимо изменить. Причем, что конкретно будет выделено, заливка или
обводка элемента, зависит от формы указателя. Так, если он принимает вид
стрелки с закрашенным черным треугольником, и элемент подсвечивается
Монтаж и упорядочивание объектов. Работа с иллюстрациями 313

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


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

Рис. 6.26. Этапы изменения параметров заливки элемента "живой" группы

Рис. 6.27. Этапы изменения параметров обводки элемента "живой" группы

/ Практика ~jj
Установите большой масштаб просмотра. Перейдите к инструменту Live
Paint Selection Tool ("Живое" выделение) и, последовательно выделяя за-
ливку и обводку отдельных элементов одной из "живых" групп, измените
их свойства.

Так же, выделив один из элементов "живой" группы, можно вообще убрать
его заливку или контур. Это можно выполнить, выбрав клавишу <Del> на
клавиатуре. В этом случае элемент станет полностью прозрачным (того же
эффекта можно добиться, назначив заливке элемента параметр "без атри-
бута").

Операции с "живыми" группами


Как мы уже отметили в разделе "Сходства и различия обычных и "живых"
групп" текущей главы, практически все операции, характерные для обычных
групп, можно выполнять и для "живых".
314 Глава 6

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

Общее описание
Кроме того, для "живых" групп определены еще некоторые операции, кото-
рые сведены в отдельный пункт меню Object | Live Paint (Объект | "Живая"
заливка ). Описание этих операций приведено в табл. 6.2.

Таблица 6.2. Операции с "живыми" группами

Команда Результат операции Начальные условия

Make (Образовать) Создает "живую" группу Выделить объекты инструментом


Selection Tool (Выделение)
Add Paths Добавляет новый Выделить "живую" группу и кон-
(Добавить контуры) контур(ы) в существую- тур(ы) инструментом Selection
щую группу Tool (Выделение)
Release Выполняет действие, Выделить группу или ее элемент
(Освободить) обратное образованию любым из инструментов выделе-
"живой" группы ния
Gap Options Описываются парамет- Команда активна всегда.
(Параметры ры разрывов для
разрывов) незамкнутых контуров, Для отображения разрывов в
образующих "живую" "живых" группах используется
группу команда Show Live Paint Gaps
(Показать разрывы "живых" групп)
из меню View (Просмотр)
Expand Преобразует "живую" Выделить группу или ее элемент
(Преобразовать) группу в обычную группу, любым из инструментов выделе-
имеющую иерархиче- ния
скую структуру

Преобразование "живой" группы в обычную


Представляет интерес команда Expand (Преобразовать). Так, после выполне-
ния команды "живая" группа преобразуется в обычную (рис. 6.28). Эта обыч-
ная группа после разгруппировки распадается на две группы: обводки и за-
ливки (рис. 6.29). И, наконец, группа заливки, как и группа обводки, при раз-
группировке распадаются на несколько обычных контуров (рис. 6.30).
Монтаж и упорядочивание объектов. Работа с иллюстрациями 315

Рис. 6.28. "Живая" группа после выполнения команды Expand

Г dp*
•г
....••

Рис. 6.29. 2 этап преобразования Рис. 6.30. Окончательный итог преобразования


"живой" группы "живой" группы

/ Практика |
Создайте "живую" группу из нескольких контуров. Выполните преобразо-
вание этой группы в обычную группу, а потом — ее ступенчатую разгруп-
пировку.

Некоторые из операций, которые можно выполнять над "живыми" группами,


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

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

Закрепление объектов
и их преобразование в невидимые
Следующие две операции выполняются не так часто, как предыдущие, тем не
менее они бывают очень полезны при выполнении некоторых работ. Эти
операции выполняются над выделенными объектами с помощью команд
Lock | Selection (Закрепить выделенные) и Hide | Selection (Скрыть выделен-
ные) из меню Object (Объект).
316 Глава 6

Команда Lock | Selection (Закрепить выделенные) позволяет "приклеить" вы-


деленные объекты к странице. После закрепления объекты уже нельзя будет
выделить, а значит, и исказить. Это бывает нужно в тех случаях, когда работа
над объектом полностью закончена, но он должен отображаться на экране,
т. к. по нему происходит ориентация других объектов или его параметры
влияют на их внешний вид. Команда Hide | Selection (Скрыть выделенные)
позволяет временно сделать объекты невидимыми. Она бывает нужна также
когда обработка объектов уже закончена, и они временно могут не отобра-
жаться.
Обратные действия выполняют команды Unlock АН (Освободить все) и Show
АН (Показать все) из меню Object (Объект).

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

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

Растровая и векторная графика


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

Растровые изображения
Растровые изображения состоят из точек, которые называются пикселами.
Каждый пиксел в изображении имеет строго определенное положение и цвет.
Любой объект — это набор окрашенных пикселов.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 317

В памяти машины такие изображения хранятся в виде числовых матриц, и


размер графического файла зависит от цветности и цветовой модели. Напри-
мер, описание каждого пиксела в черно-белом изображении занимается 1 бит,
в оттенках серого или индексированных цветах — 8 бит, в модели RGB —
24 бит, а в CMYK — 32 бит.
Растровые изображения обеспечивают достаточно высокую точность переда-
чи градаций цветов и полутонов, поэтому это оптимальное средство для
представления тоновых оригиналов — фотографий.
Так как для отображения изображения применяется фиксированное число
пикселов, их преобразования (масштабирование и т. д.) приводят к ухудше-
нию качества изображения.

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

Типы растровых изображений


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

Битовые изображения (bitmap)


Черно-белые изображения в компьютерной графике тоже существуют. По-
скольку каждый пиксел в этом изображении кодируется с помощью одного
бита (пиксел либо закрашен, либо нет), то такие изображения обычно назы-
вают битовыми (1-битовыми) картами, или bitmap.
318 Глава 6

Изображения в оттенках серого


Следующий вид изображений — изображения в оттенках серого (grayscale).
Глубина таких изображений — 8 бит на пиксел, т. е. для кодирования цвета
каждого пиксела можно использовать 8 бит. Поэтому в таких изображениях
может присутствовать 256 оттенков серого.
Иногда изображения в оттенках серого называют полутоновыми изображе-
ниями.

Цветные изображения
Цветные изображения в компьютерной графике делятся на несколько видов,
в зависимости от того, сколько цветов в них содержится. Выделяют два ос-
новных вида:
• изображения в индексированном цвете (индексированные изображе-
ния) — содержат несколько, чаще всего 256 оттенков или цветов. Глубина
таких изображений, как правило — 8 бит на пиксел, т. е. цвет каждого
пиксела кодируется с помощью 8 бит;
• полноцветные изображения — в них используются цвета, заданные в цве-
товых моделях RGB и CMYK. Глубина этих изображений — 24 или 32 би-
та на пиксел. Такая глубина позволяет задавать 16,7 миллиона оттенков.

Графические форматы
Графический формат— это способ сохранения графической информации в
файле. Как и изображения, графические форматы делятся на растровые и век-
торные. Некоторые форматы привязаны к конкретным программам, другие
же являются универсальными.
Самые известные растровые форматы:
• BMP (bitmap) — стандарт для представления растрового изображения в
MS Windows. Поддерживает изображения с глубиной цвета 1 бит;
• TIFF (Tag Image File Format) — стандарт для передачи данных между про-
граммами и платформами. Основной формат, используемый в полигра-
фии. Поддерживает изображения с любой пикселной глубиной;
• GIF (Graphics Interchange Format), gif 89 a — используется для передачи
индексированных цветных изображений в Интернет. Поддерживает изо-
бражения с глубиной цвета 8 бит;
О JPEG (Joint Photographic Experts Group) — используется для отображения
фотографий и других тоновых изображений в Интернет. Глубина —
24 бит (информация о цвете в RGB-изображении). Применяется эффек-
тивный алгоритм сжатия, за счет чего файл занимает меньше места;
Монтаж и упорядочивание объектов. Работа с иллюстрациями 319

О PSD (PhotoShop Document) — используют в качестве промежуточного


формата при работе в Photoshop, а также при передаче данных в другие
программы.
Одним из десяти объявленных компанией Adobe новшеств Illustrator CS2 яв-
ляется возможность работы со слоями в документах Photoshop (формата
PSD), внедренных, связанных или открытых внутри Illustrator.
Самые известные векторные форматы:
О WMF (Windows MetaFile) — стандарт векторной графики в MS Windows;
• EMF (Enhanced MetaFile)— еще один формат векторной графики в MS
Windows;
• CDR, CMX (CorelDRAW Format) — форматы программы CorelDRAW;
П FH(N) (FreeHand Format) — формат программы FreeHand, где N — номер
версии;
• AI (Adobe Illustrator) — формат программы Adobe Illustrator.
В последнее время производителями программного обеспечения стали вне-
дряться для широкого использования еще два векторных формата:
П SWF — формат программы Macromedia Flash;
• SVG (Scalable Vector Graphics) — универсальный формат, предназначен-
ный для создания и отображения масштабируемой векторной графики.
Характеризуется небольшими объемами файлов, может использоваться
для сохранения векторных изображений для Интернета (см. раздел "Экс-
портирование изображений для Web-страниц" главы 7). В Illustrator CS2 в
числе десяти основных усовершенствований программы компанией Adobe
было объявлено о возможности использования графики, созданной в
Illustrator и сохраненной в этом формате, в мобильных телефонах.
Универсальные форматы:
• EPS (Encapsulated PostScript) — межпрограммный универсальный формат,
поддерживаемый большинством программ верстки и обработки иллюст-
раций. Может содержать векторную и растровую графику. Основан на
языке PostScript. Может включать в себя экранную версию;
• PS (PostScript) — формат на основе языка описания страниц PS, встроен
на программном уровне в некоторых принтерах, фотонаборных автоматах
(ФНА) и печатных системах. Является универсальным межплатформен-
ным форматом;

( Примечание )
В Adobe Illustrator можно открывать PS-файлы. Если есть PostScript-принтер,
для создания PS-файла можно активизировать флажок Print to file (Печать в
файл) диалогового окна Print (Печать).
320 Глава 6

П PDF (Portable Document Format)— формат, который используется про-


граммой Adobe Acrobat Reader, являющейся основным средством распро-
странения электронных документов на межплатформенном уровне. Разра-
ботан на основе языка PS. Используется для представления растровых и
векторных изображений. В программе Adobe Illustrator PDF-файлы можно
открывать и редактировать (по одной странице).
В "горячей" десятке нововведений Illustrator CS2 компания Adobe объявила
о возможности экспорта в формат PDF, совместимый со стандартом PDP' /X.
Adobe Illustrator работает со всеми вышеперечисленными форматами и с не-
которыми другими, использующимися не так широко.

Загрузка изображений в Adobe Illustrator


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

Через буфер обмена


Это самый популярный способ обмена данными в MS Windows. Этим спосо-
бом можно импортировать и экспортировать:
• тексты между программой Adobe Illustrator и текстовыми редакторами;
• растровые и векторные изображения между Adobe Illustrator и другими
программами;
• контуры между программами Adobe Illustrator и другими программными
продуктами Adobe.

( Примечание ^
Объекты векторной графики при передаче из Adobe Illustrator в программы сто-
ронних производителей (не Adobe) через буфер обмена растрируются, даже
если они помещаются в программы векторной графики (например, CorelDRAW).

/ Практика |
Попробуйте выполнить передачу текстовых данных между любым тексто-
вым редактором и Adobe Illustrator. Выполните передачу графических
данных между Adobe Illustrator и любой из имеющихся на вашем компью-
тере графических программ (Adobe Photoshop, CorelDRAW и т. д.).

Метод буксировки (drag-and-drop)


Это также довольно распространенный метод обмена данными в MS Win-
dows. При межпрограммном обмене данными он заключается в том, что гра-
Монтаж и упорядочивание объектов. Работа с иллюстрациями 321

фический объект перемещается мышью из окна одной программы в окно


другой.

( Примечание ^
Этот метод работает не для всех пар программ.

/ Практика |
Попробуйте выполнить передачу графических объектов методом drag-and-
drop между Adobe Illustrator и Adobe Photoshop или Adobe Illustrator и
CorelDRAW.

Через команду File / Open


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

/ Практика |
Зайдите в меню File (Файл) и выполните команду Open (Открыть). Если
вы раскроете список Files of type (Тип файлов), то увидите все типы фай-
лов, которые можно открыть в Adobe Illustrator. Попробуйте найти и за-
грузить любой графический файл, который есть на вашей машине.

Через команду File I Place


Основным способом импорта иллюстраций в Adobe Illustrator является
команда Place (Поместить) из меню File (Файл). При этом изображения могут
либо внедряться в документ Adobe Illustrator, либо связываться с ним.

Загрузка растровых изображений


/ Практика ^
Создайте новый файл. Зайдите в меню File (Файл) и выполните команду
Place (Поместить). Перейдите в любую папку, где лежат иллюстрации.
Выделите какой-либо графический файл растрового формата. Обратите
внимание на флажок Link (Связать), который находится в нижней левой
части диалогового окна Place (Поместить) (рис. 6.31).

I Зак. 1380
322 Глава 6

SET33.tm|
SET38.tmp

s j setupapi.log
'erSumida.bmp setuperr log
Santa Fe Stucco.bmp Щ setuplog.txt
SBWIN.INI |i*]ShellIronCac
SchedLgU.Txt Soap Bubble:1
schedule.ini sptsupd.log j
sergvp.ad Qspwhpt.dll |
|«jsergvp.pcb Ю StiJTrace.loj

Filename Rhododendron.bmp

Rles Of type: All Formats

UwAdobe Piafog I

Рис. 6.31. Диалоговое окно Place

( Совет ~~)
Если вы не знаете или не помните, в какой папке на вашей машине лежат ил-
люстрации, воспользуйтесь функцией поиска MS Windows — это команда Find
(Найти), вызываемая из главного меню Windows. Также всегда некоторое коли-
чество графических файлов находится в папке Windows, которая располагается
на диске С:.

Если при выполнении команды Place (Поместить) из меню File (Файл) и вы-
делении графического файла флажок Link (Связать) будет сброшен, то это
приведет к внедрению или встраиванию (embed) файла в документ, что силь-
но увеличит его размер. Если флажок Link (Связать) будет активен, иллюст-
рация будет связана (linked) с документом Adobe Illustrator. В документе
Adobe Illustrator будет присутствовать не сама картинка, а лишь ссылка на
нее, и размер документа практически не увеличится. Использование связыва-
ния позволит также осуществлять редактирование изображения в той про-
грамме, где она была создана. Но при перемещении документа Adobe
Монтаж и упорядочивание объектов. Работа с иллюстрациями 323

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


мент будет загружаться без иллюстрации.

/ Практика |
Убедитесь, что вы находитесь в диалоговом окне Place (Поместить), выде-
лен графический файл, и флажок Link (Связать) не активен. Загрузите ил-
люстрацию.

После выполнения команды Place (Поместить) из меню File (Файл) и выборе


графического файла иллюстрация загружается в центр активного окна доку-
мента (рис. 6.32).

Рис. 6.32. Загруженная растровая иллюстрация

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

Совет
Конечно, если иллюстрация имеет большой объем, лучше экономить место и
использовать функцию связывания. Но в этом случае при переносе документа
Adobe Illustrator в другое место нужно не забывать переносить также и файлы с
картинками, либо при окончательном сохранении документа активизировать
флажок Include Linked Files (Включить связанные файлы) в диалоговом окне
Illustrator Options (Параметры Illustrator). Если размер иллюстрации не боль-
324 Глава 6

шой, и вы не собираетесь ее редактировать, функцию связывания можно от-


ключить.

/ Практика |
Переместите загруженную иллюстрацию на другое место рабочего стола.
Снова зайдите в меню Файл (File) и выполните команду Поместить
(Place). Выделите любой другой графический файл и активизируйте фла-
жок Link (Связать). После того как иллюстрация появится на экране, вы-
полните команду Save As (Сохранить как) из меню File (Файл). Перейдите
в папку глава б, в поле File name (Имя файла) введите загрузка иллюстра-
ций, щелкните по кнопке Save (Сохранить). После того как на экране по-
явится диалоговое окно Illustrator Options (Параметры Illustrator),
в поле Options (Параметры) активизируйте флажок Include Linked Files
(Включить связанные файлы).

Загрузка векторной графики


Графические файлы векторных форматов загружаются аналогично растро-
вым. Отличие заключается лишь в том, что векторная графика всегда встраи-
вается в документ Adobe Illustrator, поэтому флажок Link (Связать) при вы-
делении графического файла в векторном формате в диалоговом окне Place
(Поместить) недоступен.

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

Иллюстрация, как и в случае загрузки растровой графики, размещается в цен-


тре активного окна документа, но выделяется не только сам рисунок, но и все
составляющие его контуры (рис. 6.33).

/ Практика |
Загрузите несколько векторных изображений в текущий документ Adobe
Illustrator. Сохраните файл.

Примечание
Как правило, файлы, созданные в Adobe Illustrator и имеющие расширение ai,
в Illustrator не помещают, а загружают. Тем не менее, начиная с версии Adobe
Монтаж и упорядочивание объектов. Работа с иллюстрациями 325

Illustrator CS появилась возможность выполнять загрузку файлов Adobe Illust-


rator в существующие документы Adobe Illustrator посредством команды Place
(Поместить). При этом, начиная с файлов 9-й версии, можно как внедрять эти
изображения, так и связывать. Изображения помещаются в документ Adobe
Illustrator в формате PDF и при загрузке предоставляется возможность выбора
загружаемой области изображения.

Рис. 6.33. Вид экрана после загрузки векторного изображения

Загрузка файлов в формате Adobe PDF


Так как улучшение совместимости с форматом PDF Adobe объявила в десят-
ке основных улучшений новой версии Adobe Illustrator, загрузку таких фай-
лов есть смысл рассмотреть в отдельном разделе. При загрузке файлов в
формате PDF появляется диалоговое окно, изображенное на рис. 6.34. В ниж-
ней части этого диалогового окна можно выбрать, какую страницу из много-
страничного документа в формате PDF необходимо загрузить. Кроме того,
нововведением последней версии программы является возможность указать,
нужно ли обрезать информацию при загрузке и каким образом (список вари-
антов в поле Crop to (Обрезать по)) и просмотреть выбранный вариант (фла-
жок Preview (Просмотр)).

/ Практика |
Попробуйте найти на своей машине файл в формате PDF и загрузить его.
326 Глава 6

Cropto: jArt OK

Cancer

Preview

14 4 |:.:.f5 > И
S*l«ct a page frcrm the PL'F *o place Into the

Рис. 6.34. Диалоговое окно Place PDF

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

Примечание
Не всякий файл с расширением pdf можно загрузить в Adobe Illustrator.

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

Обработка растровых изображений


Рассмотрим, какие операции в Adobe Illustrator можно выполнять над загру-
женными растровыми изображениями.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 327

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

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

Рис. 6.35. Трансформированные растровые изображения

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

Применение фильтров
К растровым изображениям, загруженным в Adobe Illustrator, можно приме-
нять некоторые фильтры. Это некоторые цветовые фильтры — подкоманды
328 Глава 6

команды Filter | Colors (Фильтр | Цвета) и растровые фильтры (фильтры


Adobe PhotoShop). Они находятся в нижней части меню Filter (Фильтр).

/ Практика ^
Выделите любое цветное загруженное растровое изображение, зайдите
в меню Filter (Фильтр) и выполните одну из подкоманд команды Blur
(Размытие).

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

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

Практика ^
Попробуйте найти у себя на компьютере и загрузить растровое однобито-
вое изображение. Замените в нем черный цвет на любой другой. Исходное
и перекрашенное изображения показаны на рис. 6.36.

Рис. 6.36. Исходное растровое однобитовое изображение и его перекрашенная копия

В последней версии программы появилась возможность колоризовать и изо-


бражения в оттенках серого (и это еще одно новшество из "горячей" десятки).
Монтаж и упорядочивание объектов. Работа с иллюстрациями 329

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


го выбранного цвета.
/ Практика ^
Попробуйте найти у себя на компьютере и загрузить растровое изображе-
ние в оттенках серого и перекрасить его. Исходное и перекрашенное изо-
бражения показаны на рис. 6.37. Убедитесь, что не поддаются перекраши-
ванию цветные растровые изображения.


Рис. 6.37. Исходное растровое изображение в оттенках серого и его перекрашенная копия

Совет
Если вы не смогли найти изображение в оттенках серого, к такому виду можно
преобразовать любое полноцветное изображение. Для этого его необходимо
выделить и выполнить подкоманду Convert to Grayscale (Конвертировать в от-
тенки серого) команды Colors (Цвета) из меню Filter (Фильтр) (лучше предва-
рительно сделать его копию). С помощью команд этого пункта меню можно вы-
полнить и некоторую другую цветовую обработку загруженных растровых изо-
бражений. Но все же эти функции не являются основными для программ
векторной графики.

Эффект прозрачности
Подобно тому, как эффект прозрачности применяется к растровым объектам
в программе Adobe Photoshop, в Adobe Illustrator также появилась возмож-
ность применять эффект к загруженным изображениям, как растровым, так и
векторным. Для того чтобы сделать загруженное растровое изображение по-
лупрозрачным, необходимо выделить его и воспользоваться палитрой Trans-
parency (Прозрачность) (см. раздел "Прозрачность"главы 3).

J Практика |
Сделайте копию одного из растровых изображений и с помощью палитры
Transparency (Прозрачность) измените для него значение параметра не-
прозрачности. Пример загруженной растровой иллюстрации и ее копии
с частичной прозрачностью приведен на рис. 6.38.
330 Глава 6

Рис. 6.38. Исходное растровое изображение (внизу справа) и его полупрозрачная копия

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


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

Рис. 6.39. Внешний вид экрана Рис. 6.40. Внешний вид экрана
в режиме Preview в режиме Outline
Монтаж и упорядочивание объектов. Работа с иллюстрациями 331

(Макет) загруженные растровые иллюстрации отображаются в виде прямо-


угольников без заливки. Пример экрана с иллюстрациями в режимах Preview
(Иллюстрация) и Outline (Макет) показан на рис. 6.39 и 6.40.

Обработка векторных изображений


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

/ Практика |
Создайте новый файл и сохраните его в папке Глава б под именем загру-
женная векторная графика. Загрузите несколько различных векторных ил-
люстраций (формата WMF, CDR, СМХ или EPS).

Совет
Чаще всего на тех машинах, где стоит MS Office (а он стоит практически везде),
имеется библиотека картинок Clipart, поставляемая вместе с этим пакетом про-
грамм. В этой библиотеке большая часть файлов — векторная графика в фор-
мате WMF. Эти иллюстрации могут лежать, например, в папке: c:\Program
FilesWIicrosoft Office\Clipart\Popular. Если вы не сумеете найти эту папку или
нужные картинки в ней, воспользуйтесь функцией поиска MS Windows. Также
выпускается множество различных библиотек векторных изображений на
CD-дисках.

Трансформирование векторных изображений


Загруженные векторные изображения можно трансформировать как и все
объекты Adobe Illustrator. При этом выделять перед операциями их нужно
инструментами полного выделения.

Практика |
Выполните все возможные операции трансформирования над загружен-
ными векторными иллюстрациями, используя все возможные методы их
совершения. Пример трансформированных векторных изображений при-
веден на рис. 6.41.
332 Глава 6

Рис. 6.41. Трансформированные векторные изображения

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

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

/ Практика |
Перейдите к инструменту Group Selection Tool (Выделение в группе) и
поочередно выделяйте отдельные составляющие одного из загруженных
изображений. Обращайте внимание на цветовые параметры заливки и об-
водки отдельных контуров. Пример выделенного контура в составе загру-
женного изображения приведен на рис. 6.42.

Изменять параметры заливки и обводки у контуров загруженных векторных


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

Selection Tool (Выделение в группе) и изменяя всеми возможными способа-


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

Рис. 6.42. Пример выделенного контура в составе загруженного изображения

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

Рис. 6.43. Пример изображения в начальном и перекрашенном состоянии

Трансформирование отдельных частей изображения


Точно так же, как вы трансформировали загруженные векторные иллюстра-
ции целиком, можно трансформировать их отдельные составляющие. Только
выделять их перед трансформированием нужно не инструментом Selection
Tool (Выделение), а инструментом Group Selection Tool (Выделение в груп-
пе). Ненужные части рисунка можно удалить, а некоторые другие при необ-
ходимости — отмасштабировать, подвергнуть смещению, повороту, наклону
или зеркальному отражению. Пример изображения до трансформирования
его отдельных частей и после трансформирования приведен на рис. 6.44.
334 Глава 6

Рис. 6.44. Векторный рисунок до трансформирования его отдельных частей (слева)


и после трансформирования (справа)

Изменение формы отдельных частей изображения


Последовательно выделяя отдельные части изображения инструментами
Direct Selection Tool (Частичное выделение) и Lasso Tool (Лассо) и меняя их
форму, можно добиться изменения объекта до неузнаваемости (рис. 6.45).

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

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

Эффект прозрачности
Загруженные векторные изображения так же, как и растровые, можно делать
полупрозрачными, используя палитру Transparency (Прозрачность) (см. раз-
дел "Прозрачность"главы 3).

I Практика |
Сделайте копию одного из загруженных векторных изображений и с по-
мощью палитры Transparency (Прозрачность) измените для него значе-
Монтаж и упорядочивание объектов. Работа с иллюстрациями 335

ние параметра непрозрачности. Пример загруженной векторной иллюст-


рации и ее копии с частичной прозрачностью приведен на рис. 6.46.

Рис. 6.46. Загруженное векторное изображение и его полупрозрачная копия (внизу)

Экспорт изображений
Экспорт (Export) — это операция, обратная импорту (Import), т. е. сохране-
ние файлов Adobe Illustrator в других форматах и передача объектов, создан-
ных в Adobe Illustrator в другие программы.

Стандартные способы экспорта


Помимо буфера обмена и перетаскивания мышью, позволяющих передавать в
другие программы отдельные объекты, экспортировать файлы Adobe
Illustrator можно еще двумя способами:
П через меню File (Файл) и команду Save As (Сохранить как);
П через меню File (Файл) и команду Export (Экспортировать).
Используя первый способ, можно сохранять объекты в следующих форматах
(помимо сохранения документа в собственном формате и сохранения файла-
шаблона):
336 Глава 6

• Adobe PDF;
• Illustrator EPS;
• SVG;
• SVG Compressed (SVG со сжатием).
При выборе какого-либо из перечисленных форматов, вводе имени файла и
выбора кнопки Save (Сохранить) появляется следующее диалоговое окно для
задания параметров сохранения файла в этом формате. Оно имеет большое
количество параметров. Именно в них произошли изменения (добавления и
улучшения), декларированные компанией Adobe в категории новшеств "Work
well with others" (улучшение работы с другими).

/ Практика |
Создайте новый файл, нарисуйте в нем какой-либо объект и выполните
команду Save As (Сохранить как) из меню File (Файл). В поле Save As
type (Тип файла) выберите Adobe PDF. Задайте любое имя файла и выбе-
рите кнопку Save (Сохранить). Рассмотрите параметры в появившемся
диалоговом окне Save Adobe PDF (Сохранение в формате Adobe PDF).
Выйдите из него, выбрав кнопку Cancel (Отменить). Аналогично рассмот-
рите параметры экспорта в форматы EPS и SVG.

Вторым способом можно сохранять файлы Adobe Illustrator во многих фор-


матах как растровых, так и векторных.

/ Практика |
Создайте новый документ Adobe Illustrator и сохраните его в папке Глава 6
под именем Экспорт. Нарисуйте несколько векторных объектов и выпол-
ните команду Export (Экспортировать) из меню File (Файл). Раскройте
список в поле Save As type (Тип файла) и посмотрите, в файлы каких
форматов можно экспортировать документы Adobe Illustrator.

После перехода в нужную папку и ввода имени файла в поле File name (Имя
файла) необходимо раскрыть список в поле Save As type (Тип файла) и вы-
брать необходимый формат. После выбора кнопки Save (Сохранить) про-
изойдет экспортирование файла Adobe Illustrator в файл выбранного формата.
При этом сам документ Adobe Illustrator останется без изменений, а на жест-
ком диске в указанной папке появится новый файл с аналогичным содержа-
нием, но другого формата.

( Примечание ^
При экспортировании файла может появиться дополнительное окно запроса
для установки параметров экспорта. Например, при экспорте в формат TIFF на
Монтаж и упорядочивание объектов. Работа с иллюстрациями 337

экране появляется следующее диалоговое окно (рис. 6.47). Параметры в этом


диалоговом окне можно изменить, а можно оставить без изменений.

TIFF Options j

, &1огМойеИ[смук _Vj ."[[У


л
I

1
Cancel |

<~ Medium

Г ether | S dpi

P Anti-AIWS
Г LZW Compression
B'yte Order
.•• е м PC
: r MactnjKh

Рис. 6.47. Диалоговое окно TIFF Options

/ Практика |
Выполните экспорт файла Adobe Illustrator в файл с именем пример экспор-
та и расширением tif, оставив параметры экспорта без изменения. В теку-
щем файле сделайте большую подложку в виде прямоугольника, помести-
те ее на задний план по отношению к другим объектам и залейте краской.
В текущий документ Adobe Illustrator загрузите только что созданный ва-
ми файл пример 3KcnopTa.tif при помощи команды Place (Поместить) из
меню File (Файл). Сравните исходные объекты и загруженное изображе-
ние (рис. 6.48).

Рис. 6.48. Файл с исходными объектами и экспортированным в формат TIFF


и загруженным изображением

12 3ак. 1380
338 Глава 6

Экспорт изображений для MS Office


Одним из нововведений Adobe Illustrator CS явилось добавление в программу
новой возможности, а в меню File (Файл) — новой команды Save for
Microsoft Office (Сохранить для Microsoft Office). Эта команда позволяет со-
хранять изображение в формате PNG.
PNG (Portable Network Graphics Format)— это формат, разработанный для
передачи изображений по сетям. Он имеет все достоинства формата GIF, a
также, в отличие от GIF, поддерживает глубину полноцветных изображений
и имеет более высокую скорость отображения, хорошо продуман и докумен-
тирован. К сожалению, этот формат не нашел пока широкого применения в
Интернете. А вот использование его как универсального формата при сохра-
нении данных Adobe Illustrator для программ пакета Microsoft Office (Micro-
soft Word и др.) дает возможность не только на порядок уменьшить объем
файла по сравнению с другими форматами, но и увеличить скорость сохране-
ния изображения без потери его качества.

/ Практика ~jj
Создайте новый файл. Нарисуйте в этом файле несколько векторных объ-
ектов и загрузите несколько внешних изображений различных форматов.
Выполните экспорт изображения в формате TIFF при помощи команды
Export (Экспортировать) из меню File (Файл). Сохраните его под именем
Сравнение форматов. Выполните сохранение этого же изображения под тем
же именем в формате PNG с помощью команды Save for Microsoft Office
(Сохранить для Microsoft Office) из меню File (Файл). Оцените и сравните
время, затраченное на сохранение в первом и во втором случае. Получите
информацию О размерах файлов Сравнение форматов.tif И Сравнение фор-
матов, png. Сделайте соответствующие выводы. Загрузите оба изображения
в MS Word и сравните их качество.

Преобразование векторной графики


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

Подобные преобразования выполняют, в основном, для трех целей:


П для передачи сложных изображений, созданных в Adobe Illustrator в дру-
гие программы растровой и векторной графики;
• для последующего использования объектов, созданных в Adobe Illustrator,
при оформлении и web-страниц;
• для применения растровых фильтров к изначально векторным объектам.
В первых двух случаях пользуются функцией экспорта, рассмотренной в пре-
дыдущем разделе. Во втором случае проще применять команду Rasterize
(Растрировать) из меню Object (Объект).

С Примечание )
Не все растровые фильтры доступны после растрирования изображения при
помощи команды Rasterize (Растрировать) из меню Object (Объект).

/ Практика ~]j
Создайте новый файл. Загрузите или нарисуйте векторную иллюстрацию.
Выделите ее инструментом Selection Tool (Выделение), зайдите в меню
Filter (Фильтр) и убедитесь, что ни одна из команд, находящихся в ниж-
ней части меню, недоступна. Сделайте копию иллюстрации. Выделите ее
инструментом Selection Tool (Выделение), зайдите в меню Object (Объ-
ект) и выполните команду Rasterize (Растрировать). Установите в поле
Resolution (Разрешение) 72 dpi. Сравните исходное и растрированное изо-
бражение.

С Примечание ^
В диалоговом окне задания параметров Rasterize (Растрировать) существует
возможность растрировать изображение, оставив фон белый или сделав его
прозрачным. Для этого служат переключатели White (Белый) и Transparent
(Прозрачный), находящиеся в поле Background (Фон). Если вы растрируете
изображение с прозрачным фоном, и поместите оригинал и растрированную
копию на подложку, залитую цветом, то визуально они будут практически не-
различимы.

Выделите растрированную копию иллюстрации, зайдите в меню Filter


(Фильтр) и убедитесь, что практически все подкоманды команд, находя-
щихся в нижней части меню, доступны для выполнения. Примените к рас-
трированному изображению один из доступных растровых фильтров.
Пример исходного векторного изображения и растрированного изображе-
ния после применения к нему фильтра Blur | Radial Blur (Размытие | Ра-
диальное размытие) из меню Filter (Фильтр) показан на рис. 6.49.
340 Глава 6

Рис. 6.49. Исходное векторное изображение (слева)


и его растрирования копия после применения фильтра Radial Blur (справа)

Преобразование растровой графики в векторную


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

Понятие трассировки
Стандартная операция выделения векторных контуров из растрового изобра-
жения называется векторизация или трассировка (trace). Трассировка бывает
трех видов:
П ручная;
• полуавтоматическая;
• автоматическая.
При ручной трассировке растровое изображение используют как шаблон, его
контур обводят как на кальке любым рисующим инструментом векторного
редактора. Этот способ дает хорошие результаты, но он очень медленный и
утомительный. Полуавтоматическую трассировку производят специальные
программы трассировки. Трассировка в них происходит автоматически, но
для того, чтобы полученный контур как можно точнее повторял контур рас-
трового оригинала, необходима точная настройка инструментов и выбор оп-
тимальных методов трассировки. Инструменты для автоматической трасси-
ровки включены почти во все редакторы векторной графики. Они работают
быстро, практически не имеют настроек, но и результаты, которые они вы-
дают, весьма приблизительны и требуют последующей доработки.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 341

В предыдущих версиях Adobe Illustrator для автоматической трассировки


применяется инструмент Auto Trace Tool (Автотрассировка). В Adobe
Illustrator CS2 произошли революционные изменения в этой операции, и вме-
сто автотрассировки и соответствующего инструмента появился новый вид
трассировки, названный Live Trace ("Живая" трассировка). Это уникальный
набор функций, позволяющий стирать границы между пикселами и вектора-
ми и получать поистине фантастические результаты.

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

К сожалению, объем книг данной серии не позволяет подробно описать все


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

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

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

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


В Adobe Illustrator CS2 разработчики отказались от инструмента трассировки,
но ввели отдельную команду меню, в которой собраны все операции по на-
стройке параметров трассировки, ее проведению, операций с трассированным
изображением и изменению отображения оригинала и полученной трас-
342 Глава 6

Рис. 6.50. Исходное растровое изображение

Рис. 6.51. Результат трассировки Рис. 6.52. Отредактированная


в режиме Color 6 иллюстрация

сированной иллюстрации. Они находятся в меню Object | Live Trace (Объ-


ект | "Живая" трассировка).
Основные параметры трассировки настраиваются в диалоговом окне Tracing
Options (Параметры трассировки), которое вызывается с помощью одно-
именной команды. Это диалоговое окно удобно тем, что в нем существует
режим предварительного просмотра, и пользователь может выполнить пер-
воначальное преобразование, увидеть результат, а затем подкорректировать
изображение, изменяя пороговые значения.

/ Практика |
Создайте новый файл и сохраните его в папке глава б под именем трасси-
ровка. Загрузите несколько различных растровых иллюстраций (постарай-
тесь, чтобы среди них была цветная фотография, фотография в оттенках
серого, черно-белый рисунок и др.). Сделайте копию одной из иллюстра-
ций. Выделите ее инструментом Selection Tool (Выделение), зайдите в
Object | Live Trace (Объект | "Живая" трассировка). Выполните команду
Монтаж и упорядочивание объектов. Работа с иллюстрациями 343

Tracing Options (Параметры трассировки). Рассмотрите возможные ре-


жимы трассировки в списке Preset (Предустановки) и другие параметры.
Активизируйте флажок Preview (Просмотр). Посмотрите на результат
трассировки. Попробуйте выполнить трассировку в других режимах и из-
менить некоторые параметры. Сравнивайте исходное и получающиеся
изображения. Выйдите из диалогового окна.

Трассировку можно также выполнить с помощью управляющей палитры.


При выделении растрового изображения (при активном режиме Image (Изо-
бражение) в меню управляющей палитры) в ней станут доступными поля для
установки параметров и проведения трассировки (см. рис. 6.53), а после про-
ведения трассировки (при активном режиме Tracing (Трассировка) в меню
управляющей палитры) — кнопки для настройки трассированного изображе-
ния и его дальнейшего преобразования и параметры отображения оригинала
и полученной трассированной иллюстрации (см. рис. 6.54). Эти поля и кноп-
ки дублируют большинство команд меню Live Trace ("Живая" трассировка)
и основные настройки этого процесса.

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


Проведение трассировки в Adobe Illustrator CS2 включает два этапа:
• получение первичного трассированного изображения;
П настройка его параметров и дальнейшее преобразование.
Для проведения трассировки необходимо выделить растровое изображение и
выбрать кнопку трассировки В этом случае трассировка произойдет с теку-
щими параметрами. Можно сразу выполнить трассировку в определенном
режиме. Для этого нужно выбрать его из списка, который раскрывается
щелчком по кнопке выбора режима трассировки (рис. 6.53). Последним из
параметров в этом списке выступает команда Tracing Options (Параметры
трассировки), которая вызывает одноименное диалоговое окно.

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

После этого начнется сложный процесс, состоящий из нескольких этапов.


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

( Совет ^)
Прежде чем трассировать изображение в одном из более сложных режимов
(например, Photo High Fidelity), попробуйте выполнить его трассировку в бо-
лее простом (например, Color 6).
344 Глава 6

PPli «00.M1OM.W

"1 Custom
Кнопка/
трассировки
Трассируемое
растровое Кнопка
изображение выбора
режима
трассировки

режимов трассировки

Вызов
диалогового окна -
параметров трассировки

Рис. 6.53. Управляющая палитра в режиме Image

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

По окончании трассировки на экране отобразится ее результат.

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

В палитре управления появятся кнопки для настройки параметров получен-


ного векторного изображения и его дальнейшего преобразования (рис. 6.54).

(' Примечание )
Эти кнопки будут присутствовать в управляющей палитре, если в ее меню акти-
вен флажок Tracing (Трассировка).

Выбрав какой-либо параметр из списков, раскрываемых в управляемой па-


литре, вы снова запустите процесс трассировки уже с тем параметром, кото-
рый вы выбрали.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 345

Список Максимальное количество Выбор Кнопка


режимов цветов в полученной режима отображения преобразования
трассировки векторной иллюстрации растрового оригинала в группу

Вызов Минимальный Выбор режима Кнопка


диалогового окна элемент отображения полученной преобразования
параметров трассировки трассировки векторной иллюстрации в "живую" группу

Рис. 6.54. Управляющая палитра в режиме Tracing

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

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


воначальному виду используется команда Release (Освободить) из меню
Object | Live Trace (Объект | "Живая" трассировка).

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

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


tracing (трассированное изображение) (см. рис. 6.51). При необходимости
его дальнейшей обработки можно пойти двумя путями:
• преобразовать объект в обычную группу с иерархической структурой;
• преобразовать объект в "живую" группу.
Для преобразования трассированного изображения в обычную группу можно
воспользоваться кнопкой Expand (Преобразовать), а для преобразования в
"живую" группу— кнопкой Live Paint ("Живая" группа). Преобразование
трассированного изображения в "живую" группу дает больше возможностей
в плане использования настраиваемого средства выявления разрывов и бло-
кировки проникновения цвета на нежелательные участки при наличии не-
больших разрывов в полученных контурах. Но, с другой стороны, подобное
преобразование при наличии большого количества контуров требует значи-
346 Глава 6

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


группу менее ресурсоемко.

/ Практика /
Одно из трассированных изображений преобразуйте в группу и измените
заливку ее отдельных элементов. Другое трассированное изображение по-
пробуйте преобразовать в "живую" группу. Сохраните файл.

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

Декоративное преобразование растровой графики


в векторную
Под декоративным преобразованием растровой графики в векторную пони-
маются преобразования, выполняемые с помощью специальных команд или
фильтров и позволяющие получить стилизованную векторную графику на
основе растровой. В новой версии Adobe Illustrator есть одно подобное пре-
образование: это команда Create | Object Mosaic (Создание | Векторная мо-
заика) из меню Filter (Фильтр).

/ Практика |
Попробуйте, загрузив растровое изображение и сделав его копию, приме-
нить к нему описанный фильтр. Проверьте, является ли получившийся
объект векторным. Пример исходного растрового изображения и получен-
ного векторного изображения после применения к нему фильтра Object
Mosaic (Векторная мозаика) приведен на рис. 6.55.

Рис. 6.55. Исходное растровое изображение и его копия


после применения фильтра Object Mosaic
Монтаж и упорядочивание объектов. Работа с иллюстрациями 347

( Примечание )
Для того чтобы описанные фильтры были доступны при выделении загружен-
ных растровых изображений, изображения должны быть не связаны, а внедре-
ны в документ Adobe Illustrator.

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

Необходимые условия
Работу можно выполнять на любую тематику. Текстовые фразы должны со-
ставлять связанный по смыслу рассказ. В работе должно быть 5—6 текстовых
фрагментов и не менее 5—6 иллюстраций. Среди иллюстраций обязательно
должны присутствовать и растровые, и векторные изображения, загруженные
в программу извне.

Последовательность действий
/ Практика
Прежде чем преступать к работе, продумайте тему вашего будущего рас-
сказа и сочините текст.

Совет
В данном конкретном случае, если только вы не являетесь счастливым облада-
телем нескольких дисков с коллекциями растровых и векторных изображений,
сначала лучше подобрать картинки из тех, которые имеются в вашем распоря-
жении, а затем под них "подстраивать" текст.
348 Глава 6

I Практика ^
1. Создайте новый файл формата А4.
2. Сохраните его В папке Глава 6 ПОД именем Рассказ в картинках.
3. На листе формата А4 нарисуйте прямоугольник, ограничивающий об-
ласть вашей будущей работы.
4. Введите заголовок рассказа и отдельные текстовые фразы.

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

5. Отформатируйте текст должным образом и при необходимости приме-


ните различные текстовые эффекты.
6. Загрузите иллюстрации.
7. Выполните все необходимые операции над иллюстрациями.
8. Разместите иллюстрации согласно намеченному плану.
9. Откорректируйте взаимное положение текстовых фрагментов и иллю-
страций.
10. Сохраните работу.

Примеры выполнения
Далее приведено несколько примеров работ, выполненных по этому заданию
студентами Менеджер-центра СПбГУКИ. Работ по предложенному заданию
было выполнено гораздо больше, все они были интересны не только по
оформлению, но и по содержанию, но, к сожалению, объем книги не позволя-
ет вместить все примеры, которые хотелось бы показать.
Студентка Людмила Семиженко выбрала для своих работ, туристическую
тематику (рис. 6.56). Она выполнила все требования, предъявляемые к рабо-
там; использовала заголовочный текст, и растровые, и векторные иллюстра-
ции и разместила работы на фоне, что сделало их более привлекательными.
А в работе Ирины Борщевской применен интересный эффект к тексту
(рис. 6.57).
В рассказах Карины Султан-Бековой (рис. 6.58) и Юлии Константиновой
(рис. 6.59) абсолютно разные иллюстрации связаны очень оригинальным со-
держанием.
Попробуйте и вы пофантазировать на свободную тему, а заодно и отработать
навыки по поиску, загрузке и обработке изображений.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 349

Путешествие
( .1»!

по Евоопо.

Huuia путешествие

Затем мы поехали а

I ем мы ели

и urn )!i.vi:.nv,

Рис. 6.56. Рассказ в картинках Людмилы Семиженко

ВСТРЕЧУ

Но «ЛрУг "оШвЛ

Рис. 6.57. Рассказ в картинках Ирины Борщевской


350 Глава 6

Садьба

Жил-Был ш
т
1 —^—
\кот-Оеюрмот
бэйкер стрит

Я
Шел он по улице 1

И встретил е-» которая летела хак

оказалось к. Ш
ы Он побежал

За бабочкой скаоэ
там собоались
самые известные
я^Я^Ш звери городе.
И у бабочки со слоном раскошная К

И бывает же у зверей!

Рис. 6.58. Рассказ Карины Султан-Бековой

СКАЗКА О ЖАРЕНОЙ РЫБКЕ

Закинул старик свой невод в

раз и наконец появилась


из бушующих волн жареная

Он не очень хотел делиться

со своей Ш ШОнМ такой чудесной пищей

и поэтому съел ее сам.

Она очень долго ждала его


и поатомуусгкла

ОТСЮДА МОРАЛЬ:
Никогда не забывай о

РОДИТЕЛЯМ!

Рис. 6.59. Рассказ Юлии Константиновой


ГЛАВА 7

Специальные эффекты, фильтры


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

Эффекты
Эффекты (Effects) — это понятие очень широкое и многообразное. В широ-
ком смысле слова все операции, которые мы совершаем над объектами в про-
граммах векторной графики, можно назвать эффектами. В узком смысле сло-
ва это некоторые операции, не входящие в ряд основных и ранее рассмотрен-
ных нами, преображающие внешний облик объектов и служащие для
декоративных целей.
352 Глава 7

Эффектов существует очень много. Если бы мы начали книгу с их разбора, то


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

Маскирование
Подобный эффект существует во многих программах векторной графики и
верстки.

Описание эффекта
Эффект маскирования заключается в том, что есть два объекта: один —
маскируемый, второй — маска. Маска накладывается на маскируемый объект
и он "обрезается" по контуру маски (рис. 7.1).

Маскируемый Маска Результат


объект маскирования

Рис. 7.1. Схема эффекта маскирования

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

Эффект маскирования можно применять к любым объектам: в качестве мас-


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

с Примечание
Если в качестве маскируемого объекта и маски выступают векторные контуры,
то аналогичное действие производит кнопка Crop (Кадрирование) из палитры
Pathfinder (Обработка контуров). Только в этом случае происходит реальная
обрезка.

Выполнение эффекта
Для выполнения эффекта необходимо наложить маску на маскируемый объ-
ект, затем выделить оба объекта и выполнить команду Object | Clipping
Специальные эффекты, фильтры и библиотеки. Вывод на печать 353

Mask | Маке (Объект | Обтравочная маска | Образовать) или воспользоваться


комбинацией клавиш <Ctrl>+<7>. Рассмотрим особенности этой операции на
классическом примере, когда в качестве маскируемого объекта берется рас-
тровая или векторная иллюстрация, а в качестве маски — геометрическая фи-
гура.

/ Практика ^
Создайте новый файл и сохраните его в папке Глава 7 под именем маски-
рование. Загрузите несколько растровых и несколько векторных иллюст-
раций. Нарисуйте различные геометрические фигуры. Задайте для них па-
раметры контура и заливки.

Совет
В общем случае при маскировании размер маски должен быть меньше размера
маскируемого объекта.

Наложите одну из фигур на любую иллюстрацию, выделите оба объекта и


выполните операцию маскирования. Обратите внимание, что после при-
менения эффекта маскирования заливка и обводка маски исчезают. Со-
стояние объектов перед маскированием, после маскирования и получив-
шийся эффект показаны на рис. 7.2—7.4.

Рис. 7.2. Состояние объектов Рис. 7.3. Состояние объектов


перед маскированием после маскирования

Рис. 7.4. Результат эффекта маскирования


354 Глава 7

j Практика
Выполните эффект маскирования над другими векторными и растровыми
иллюстрациями. Примеры масок приведены на рис. 7.5.

Рис. 7.5. Примеры масок

Для того чтобы выполнить обратную операцию, т. е. освободить объект от


маски, необходимо выделить получившийся в результате маскирования объ-
ект любым из инструментов полного выделения и выполнить команду
Object | Clipping Mask | Release (Объект | Обтравочная маска | Исключить).

/ Практика У
Выделите один из объектов, получившихся в результате маскирования и
отмените маску. Восстановились ли параметры заливки и обводки маски,
которые были у нее до совершения операции?

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

Операции над маской


Получившийся после выполнения эффекта маскирования объект также назы-
вают маской (mask). Этот объект имеет статус сложного объекта, и поэтому
Специальные эффекты, фильтры и библиотеки. Вывод на печать 355

доступ к входящим в его состав простым объектам (а в нашем случае это ил-
люстрация и геометрическая фигура) может осуществляться с помощью ин-
струментов Group Selection Tool (Выделение в группе) и Direct Selection
Tool (Частичное выделение) (см. раздел "Получение доступа к отдельному
объекту в группе" главы 6). Над входящими в состав сложного объекта со-
ставляющими можно производить все доступные операции, но чаще всего
выполняют две: корректировку взаимного положения маски и маскируемого
объекта и восстановление заливки и обводки маски.

Корректировка взаимного положения


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

( Совет )
Если тяжело выполнить выделение в режиме Preview (Иллюстрация), можно
временно перейти к режиму Outline (Макет).

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

Совет
В случае, когда в качестве маскируемого объекта выступает векторная иллюст-
рация, лучше выделять не ее, а маску.

Восстановление заливки и обводки


Для того чтобы вернуть маске заливку и обводку, нужно выделить ее инстру-
ментом Group Selection Tool (Выделение в группе) и назначить ей необхо-
димые цветовые характеристики. Этот прием часто применяется в декора-
тивных целях. Пример объекта после маскирования и объекта с восстанов-
ленными цветовыми характеристиками маски приведен на рис. 7.6.

/ Практика ][
Выполните декоративное раскрашивание маски и изменение параметров
ее контура на одном из получившихся в результате маскирования объ-
ектов.
356 Глава 7

Рис. 7.6. Объект после маскирования и объект


с восстановленными цветовыми характеристиками маски

Примеры маскирования
Эффект маскирования имеет много вариантов применения. В этом разделе
приведены лишь некоторые варианты его воплощения.

Маскирование иллюстраций текстом


Очень модный и часто используемый в различных изданиях прием — маски-
рование растровых изображений одним символом или текстом.

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

/ Практика ^
Загрузите какую-либо растровую картинку. Введите слово заголовочного
текста, желательно всеми заглавными буквами. Присвойте символам по-
лужирное начертание. Увеличьте размер символов. Откорректируйте раз-
мер иллюстрации так, чтобы слово целиком помещалось на ней. Наложите
текст на иллюстрацию и выполните операцию маскирования иллюстрации
текстом. Пример подобного эффекта показан на рис. 7.7.

Рис. 7.7. Эффект иллюстрации, маскированной текстом


Специальные эффекты, фильтры и библиотеки. Вывод на печать 357

Маскирование текста текстом


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

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

gins.wi. in settn oeiefm iveran v


therwo i, the sp bet' xt and t eofthep«ge.V\rt
indent W-paragrai rau spe- listance text fro|_Jme ггЦ
ising indenting, yc an also oj lected | phsfromothg
rdocun it. Веса il not t indent «graph
and rig margin: irgin tertnin ТПе"! /erall w

Рис. 7.8. Эффект маскирования текста текстом

/ Практика |
Придумайте свой эффект маскирования и выполните его.

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

Описание эффекта
Эффект заключается в том, что между двумя объектами создается серия про-
межуточных объектов, которые представляют собой плавное перетекание
358 Глава 7

объекта из одной формы в другую с плавным перетеканием цветов этих объ-


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

( Примечание
Если у объектов есть и заливка, и обводка, происходит отдельное перетекание
цветов заливки и отдельное перетекание цветов обводки.

Инструментарий для создания эффекта


Для создания и различных преобразований эффекта бленда используется ин-
струмент Blend Tool (Превращение), который находится в правой части па-
литры инструментов в третьем снизу ряду под инструментом Gradient (Гра-
диент) и над инструментом Scissors (Ножницы), и подкоманд команды Blend
(Превращение) из меню Object (Объект).

Создание переходов
/ Практика Jj
Создайте новый документ формата А4 и сохраните его в папке Глава 1 под
именем Бленд. Нарисуйте круг в левом верхнем углу страницы и квадрат в
правом нижнем углу. Залейте их разными цветами близкими по тону, на-
пример, желтым и оранжевым (рис. 7.9).

Рис. 7.9. Начальные условия для создания эффекта бленда


Специальные эффекты, фильтры и библиотеки. Вывод на печать 359

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

/ Практика ~|
Выделите оба объекта и выполните команду. Получившийся эс вект изо-
бражен на рис. 7.10.

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

Рис. 7.10. Эффект бленда, выполненный с помощью команды

Команда Blend | Expand (Превращение | Конвертировать) из меню Object


(Объект) позволяет превратить бленд в группу обычных объектов.

/ Практика Jj
Выделите получившийся бленд и выполните команду конвертирования.
Теперь перейдите к инструменту Group Selection Tool (Выделение в груп-
360 Глава 7

пе) и попробуйте поочередно выделять промежуточные объекты, переме-


щать их в сторону и наблюдать за получившимися формами. Конвертиро-
ванный бленд и несколько перемещенных промежуточных форм показаны
на рис. 7.11.

Рис. 7.11. Конвертированный бленд и отделенные промежуточные объекты

( Совет )
Бленд иногда применяют не только по прямому назначению, чтобы получить
группу объектов, но и чтобы получить подобные промежуточные формы.

С помощью инструмента
Создание эффекта бленда с помощью инструмента Blend Tool (Превращение)
отличается от создания эффекта с помощью команды Blend (Превращение)
тем, что имеется возможность задать перетекание между любыми опорными
точками объектов.

/ Практика |
Отмените эффект бленда, выполненный с помощью команды. Выделите
оба объекта и перейдите к инструменту Blend Tool (Превращение). Указа-
тель мыши должен принять вид квадратика с "хвостом". При его подведе-
нии к какой-либо из опорных точек объекта квадратик закрасится, а около
"хвоста" появляется крестик. Выделите одну из опорных точек на верхнем
объекте и одну из опорных точек на нижнем объекте. На рис. 7.12 нужные
точки обведены в кружок. Получившийся эффект показан на рис. 7.13.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 361

Рис. 7.12. Обведены опорные точки, Рис. 7.13. Эффект бленда


между которыми будет происходить между разными опорными точками
эффект перетекания

Настройка переходов
Бленды можно настраивать либо до, либо после совершения операции. Это
можно сделать с помощью двойного щелчка по пиктограмме инструмента
либо с помощью команды Blend | Blend Options (Превращение | Параметры
бленда) из меню Object (Объект).

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

Blend Options

: Spacing: j

Orientation: I •: :.Cancel:' . ; [ .

Г Preview

Рис. 7.14. Диалоговое окно Blend Options

В этом диалоговом окне в поле Spacing (Интервалы) можно выбрать один из


трех вариантов.
• Smooth Color (Сглаженный переход цветов). В этом режиме количество
промежуточных шагов рассчитывается автоматически, исходя из цветов
362 Глава 7

начального и конечного объектов так, чтобы цветовой переход выглядел


гладким.
• Specified Steps (Количество промежуточных объектов). Здесь появляется
дополнительное поле, в котором можно задать число шагов, т. е. количе-
ство промежуточных объектов.
• Specified Distance (Расстояние) — вариант, позволяющий задать расстоя-
ние между промежуточными объектами.
Благодаря тому, что в этом диалоговом окне есть флажок Preview (Про-
смотр), в случае изменения параметров бленда после его создания можно
увидеть результаты изменений, не выходя из диалогового окна.

/ Практика ~jj
Попробуйте различные варианты блендов с различными параметрами на-
стройки. Бленды с 10-ю промежуточными формами и с расстоянием 10 см
между ними показаны на рис. 7.15 и 7.16.

Рис. 7.15. Бленд Рис. 7.16. Бленд с расстоянием 10 см


с 10-ю промежуточными объектами между промежуточными объектами

Основные операции с переходами


Над получившимися блендами можно совершать операции как характерные
только для блендов, так и общие операции, доступные для всех объектов
Adobe Illustrator.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 363

Направление вдоль произвольного контура


Одной из самых интересных операций над блендом, позволяющей придумы-
вать ему разные неожиданные применения, является возможность направлять
бленд по произвольному контуру. Для того чтобы сделать это, нужно сначала
создать обычный бленд, где объекты переходят друг в друга по прямой ли-
нии, и отдельно нарисовать любой замкнутый или незамкнутый контур. По-
сле этого необходимо выделить и бленд, и контур, и выполнить команду
Blend | Replace Spine (Превращение | Заменить траекторию) из меню Object
(Объект).

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

Рис. 7.17. Бленды, размещенные по разным траекториям

( Примечание )
В случае, когда бленды размещаются вдоль непрямолинейной траектории,
можно использовать две кнопки в поле Orientation (Ориентация) диалогового
окна Blend Options (Параметры бленда). Левая кнопка Align to Page (Привязка
к странице) располагает объекты бленда перпендикулярно оси X страницы, а
правая Align to Path (Привязка к контуру) располагает объекты перпендикуляр-
но траектории контура (рис. 7.18).

Рис. 7.18. Бленд в режиме Align to Page (слева) и Align to Path (справа)
364 Глава 7

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

/ Практика ^
Попробуйте менять цвета начального и конечного объектов в бленде.

Конвертирование в группу
Операцию конвертирования мы уже рассматривали в разделе "Создание пе-
реходов" данной главы. Кроме операции перемещения, которую можно про-
извести над промежуточными объектами бленда после конвертации, со всеми
объектами конвертированного бленда можно производить все операции, дос-
тупные для группы (см. раздел "Группировка объектов"главы б).

j Практика ~\
Вспомните, какие операции и как можно производить над отдельными
объектами в составе группы, и выполните всевозможные трансформиро-
вания промежуточных объектов и изменение их формы.

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

/ Практика ^
Вспомните операции трансформирования и способы их совершения и
примените их к созданному бленду.

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

Между разными фигурами


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

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

Между одинаковыми фигурами разного размера


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

/ Практика |
Нарисуйте два эллипса разных размеров и расположите их один под дру-
гим. Залейте их одной и той же краской. Сделайте копию этих фигур
(рис. 7.19). Создайте первый переход с 15—20 шагами между опорными
точками, расположенными на нижних гранях эллипса, а второй — между
нижней точкой верхнего эллипса и верхней точкой нижнего эллипса.
Сравните полученные переходы (рис. 7.20).

Рис. 7.19. Создание бленда Рис. 7.20. Варианты одинаковых блендов


между одинаковыми фигурами между разными опорными точками
разных размеров. Исходные объекты

Иногда интересную картину, отличающуюся от раскрашенного варианта,


можно получить, если присвоить заливке объектов бленда параметр "без ат-
рибута".

Рис. 7.21. Контурный вариант блендов


366 Глава 7

j Практика f
Уберите заливку у полученных блендов. Контурный вариант блендов по-
казан на рис. 7.21.

Между одинаковыми фигурами одинакового размера


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

Рис. 7.22. Переход между одинаковыми фигурами

Рис. 7.23. Равномерное распределение объектов посредством бленда

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

Между незамкнутыми контурами


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

Рис. 7.24. Примеры переходов между незамкнутыми контурами


Специальные эффекты, фильтры и библиотеки. Вывод на печать 367

j Практика 7
Создайте различные варианты переходов между незамкнутыми конту-
рами.

Между символами и словами


Можно создать переходы как между отдельными символами, так и между
целыми словами и фразами. Перед совершением операции по созданию блен-
да над символами их необходимо преобразовать в контуры (см. раздел "Пре-
образование текста в контуры" 5 главы).

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

/ Практика |
Введите несколько отдельно стоящих символов заголовочного текста и
два отдельно стоящих слова. Увеличьте их размер. Вспомните, как выпол-
нить преобразование текста в контуры и выполните его. Создайте эффект
перехода между двумя символами и между двумя словами. Пример пере-
текания символа в символ и слова в слово показаны на рис. 7.25.

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

Примечание
Часто механизм перетекания используют для создания различных текстовых
эффектов (см. рис. 7.25).
368 Глава 7

Трехмерные эффекты
Трехмерные эффекты — это то новшество, которое появилось в программе
Adobe Illustrator в ее последней 11-й версии. Команды по применению трех-
мерных эффектов находятся в меню Effect (Эффект) и собраны в пункте 3D
(3D). В этой команде меню находятся три подкоманды: Extrude & Bevel
(Выдавливание и фаска), Revolve (Вращение) и Rotate (Поворот). Трехмер-
ные эффекты можно применять к любым векторным объектам, созданным в
программе, к тексту, а также к загруженным иллюстрациям.

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

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

Для применения эффекта необходимо выделить объект и выполнить соответ-


ствующую команду.

Создание объема
Для имитации создания объема используется основная из трех команд —
команда 3D | Extrude & Bevel (3D | Выдавливание и фаска) из меню Effect
(Эффект).

/ Практика |
Выделите прямоугольник и небольшой фрагмент заголовочного текста,
зайдите в меню Effect (Эффект) и выполните команду 3D | Extrude &
Bevel (3D | Выдавливание и фаска).

Диалоговое окно 3D Extrude & Bevel Options (Параметры трехмерного вы-


давливания и фаски) показано на рис. 7.26.
В этом диалоговом окне много полей для задания параметров. Для того что-
бы иметь возможность экспериментировать с этими параметрами, есть фла-
жок Preview (Просмотр), позволяющий увидеть результаты применения эф-
фекта, не выходя из диалогового окна.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 369

3D Extrude & Bevel Options

OK

Cancel

Map Art..

More Options

Г Preview

Perspective: JO*

Extrude & Beve

Extrude Depth: 50 pt Cap; [Wj:: *>

Bevel;
In None

Height:

z
Surface: jPlastic Shading j

Рис. 7.26. Диалоговое окно 3D Extrude & Bevel Options

/ Практика Jj
Активизируйте флажок Preview (Просмотр).

Основное поле диалогового окна и "гвоздь" программы — это образец, кото-


рый можно поворачивать с помощью мыши, тем самым изменяя пространст-
венное положение объекта и его характеристики. Альтернативой интерактив-
ному заданию параметров являются поля для ввода углов по трем направле-
ниям и список Position (Позиция), в котором можно выбрать тип проекции.
Также к объему можно добавить перспективу с помощью поля Perspective
(Перспектива).
В поле Extrude Depth (Глубина выдавливания) можно задать глубину выдав-
ливания (толщину объекта) и указать, будет ли фигура твердотельная или
полая.
Для фаски (это возможность скосить кромки детали) в списке Bevel (Фаска)
можно выбрать вариант фаски, для некоторых вариантов — изменить толщи-

13 3ак. 1380
370 Глава 7

ну и направление срезания. В списке Surface (Поверхность) можно выбрать


стиль для поверхности (каркасный, без тени, с различными видами тени).
И наконец, с помощью кнопки More Options (Дополнительные параметры)
можно отобразить в диалоговом окне дополнительные параметры для изме-
нения освещенности объекта при выборе одного из вариантов с тенью.

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

Результаты применения команды 3D | Extrude & Bevel (3D | Выдавливание и


фаска) к различным типам объектов приведены на рис. 7.27.

Рис. 7.27. Применение эффекта объема

Трехмерное вращение и поворот


Команды Revolve (Вращение) и Rotate (Поворот) из меню Effect | 3D (Эф-
фект | 3D), хотя и похожи по названиям, имеют различные результаты приме-
нения. Команда Rotate (Поворот) более простая и позволяет поворачивать
объект в трехмерном пространстве. Команда Revolve (Вращение) более
сложная, требует больше времени на выполнение и больше ресурсов компь-
ютера и позволяет вращать объекты, применяя к ним эффект "карусели". То
есть объем в данной команде достигается за счет поворота объекта вокруг
оси, проходящей через его центр.

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

ните эффекты к различным типам объектов. Результаты применения эф-


фектов 3D | Revolve (3D | Вращение) и 3D | Rotate (3D | Поворот) приве-
дены на рис. 7.28 и 7.29.

Рис. 7.28. Применение эффекта трехмерного вращения


ДЩЩКА
Рис. 7.29. Применение эффекта поворота

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

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

Общие принципы
Хотя программа Adobe Illustrator и является программой векторной графики,
кроме векторных фильтров, сосредоточенных в верхней части меню Filter
(Фильтр), в ней представлены и растровые фильтры, расположенные в ниж-
ней части этого меню и частично повторяющие фильтры программы Adobe
Photoshop.

( Примечание ^)
В Adobe Illustrator CS 2 в меню Filter (Фильтр), как и в меню Effects (Эффекты),
добавились поясняющие надписи: где какие фильтры находятся.

Для того чтобы применить фильтр к объекту, необходимо выделить его, зай-
ти в меню Filter (Фильтр), выбрать необходимую команду и подкоманду.

( Примечание J
При выделении векторных объектов недоступны подкоманды растровых
фильтров, и наоборот, при выделении загруженных растровых или преобразо-
ванных к растровым иллюстраций недоступными являются векторные фильтры.
Исключение составляют некоторые фильтры из меню Colors (Цвета) и Create
(Создание).

Большинство фильтров имеет множество параметров, которые необходимо


настроить перед применением фильтра. Практически все диалоговые окна
настройки фильтров имеют флажок Preview (Просмотр), позволяющий про-
смотреть результат действия фильтра, не выходя из диалогового окна, и при
отрицательном результате изменить параметры настройки.
Первая команда в меню Filter (Фильтр), вызываемая также по нажатию ком-
бинации клавиш <Ctrl>+<E> позволяет применить последний выбранный
фильтр к этому же или другому выделенному объекту с предыдущими на-
стройками, а вторая подкоманда из этого меню вызывает диалоговое окно
настройки последнего отработанного фильтра.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 373

Фильтры и инструменты
деформирования объектов
Некоторые из фильтров уже были рассмотрены или упомянуты нами при раз-
боре предыдущих тем (см. разделы "Инструментарий для работы с цветом "
и "Создание стрелок" главы 3 и "Преобразование растровой графики в век-
торную" главы 6). Остановимся более подробно на фильтрах группы Distort
(Деформация) и на инструментах этой группы.

Фильтры деформирования
Фильтры деформирования собраны в команде Distort (Деформация) меню
Filter (Фильтр). С их помощью можно по-разному искажать объекты: добав-
лять перспективу, втягивать и раздувать, огрублять, добавлять помарки,
скручивать и создавать зигзагообразные контуры. Для применения какого-
либо фильтра к объекту или объектам необходимо выделить их, зайти в меню
и выполнить соответствующую команду. Перед тем как применять векторные
фильтры к символам, словам или фразам, их необходимо преобразовать в
контуры (см. раздел "Преобразование текста в контуры " главы 5).

I Практика ^
Опытным путем изучите действие фильтров группы Distort (Деформация)
на различные типы объектов. Результаты применения различных фильтров
к нескольким объектам приведены на рис. 7.30—7.34.

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

истШЖЗ>ЧПВ1ШИШЬ .^""^ / \ /

Рис. 7.30. Исходное состояние объектов


374 Глава 7

Рис. 7.31. Состояние объектов после применения фильтра Free Distort

Рис. 7.32. Состояние объектов после применения фильтра Pucker & Bloat

Рис. 7.33. Состояние объектов после применения фильтра Twist

Рис. 7.34. Состояние объектов после применения фильтра Zig Zag


Специальные эффекты, фильтры и библиотеки. Вывод на печать 375

с Совет
Оригинальные эффекты могут получиться, если последовательно применить к
объекту несколько различных фильтров. Но здесь главное — не переборщить.

Инструменты деформирования
Группа инструментов, предназначенных для искажения объектов, находится
в палитре Tools (Инструменты) в левой части седьмого ряда. Эти инструмен-
ты показаны на рис. 7.35. Частично они повторяют действия, выполняемые
фильтрами группы Distort (Деформация), но есть и новые типы искажений.
Работать с инструментами искажения удобнее, чем с фильтрами, потому что
они искажают объекты в интерактивном режиме. Для настройки любого из
инструментов искажения необходимо выполнить двойной щелчок по его
пиктограмме.

Скручивание
иван* Раздувание Кристаллизация
\

Искривление Втягивание Зазубривание Складчатость

Рис. 7.35. Инструменты искажения '

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

Рис. 7.36. Комплексный эффект на основе перехода и искажения


376 Глава 7

Команды меню Effects


В широком смысле слова многие из команд, разобранных нами и сущест-
вующих в Adobe Illustrator, можно назвать эффектами. В узком смысле эф-
фекты собраны в меню Effects (Эффекты).
В Adobe Illustrator CS2 в самом меню появилось две поясняющие надписи:
Illustrator Effects (Эффекты Illustrator) в начале списка эффектов верхней
части меню и Photoshop Effects (Эффекты Photoshop) в начале списка эффек-
тов нижней части меню.

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

В векторных эффектах не произошло изменений по сравнению с предыдущей


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

/ Практика |
Зайдите в меню Effects (Эффекты) и рассмотрите устройство команд в
этом меню.

В меню Effects (Эффекты) команды повторяют некоторые команды из других


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

/ Практика ^
Введите какое-либо слово заголовочного текста, преобразуйте его в кон-
туры, выделите и выполните команду Warp | Arc Lower (Основа | Нижняя
дуга) из меню Effects (Эффекты). Пример исходного объекта и объекта
после применения фильтра приведен на рис. 7.37.

Рис. 7.37. Исходный объект и объект после применения эффекта Warp | Arc Lower
Специальные эффекты, фильтры и библиотеки. Вывод на печать 377

Выделите объект после применения эффекта и убедитесь, что выделяется


исходный объект (рис. 7.38), а при переходе к режиму Outline (Макет) во-
обще отображается исходный объект без эффекта (рис. 7.39).

ЖЕКАЛК
Рис. 7.38. Выделенный объект Рис. 7.39. Отображение объекта
после применения эффекта Warp | Arc Lower после применения эффекта в режиме Outline

Все примененные к объекту эффекты отображаются в палитре Appearance


(Внешний облик) (рис. 7.40). Информацию о палитре Appearance (Внешний
облик) см. в разделе "Индикация цветовых параметров" главы 3.

• туре

Ch-arafcters /•'•'•

Default T r s r . i p j r e n o ;

Рис. 7.40. Отображение информации о примененных к объекту эффектах


в палитре Appearance

Именно с помощью этой палитры в случае применения к объекту одного или


нескольких эффектов ими можно манипулировать.

с Примечание
Для удаления эффекта от объекта необходимо выделить объект с эффектом,
выделить строку эффекта в палитре Appearance (Внешний облик) и выполнить
команду Remove Item (Удалить элемент) меню палитры или воспользоваться
значком корзины в ее правом нижнем углу.

/ Практика |
При наличии свободного времени попробуйте поэкспериментировать с
различными командами из меню Effects (Эффекты) и разобраться в управ-
лении ими при помощи палитры Appearance (Внешний облик).
378 Глава 7

Библиотеки образцов
Для Adobe Illustrator характерно наличие среди элементов программы раз-
личных библиотек образцов. Принципы работы с этими библиотеками оди-
наковы. В них есть минимальное количество стандартных образцов, которы-
ми можно пользоваться. Можно создавать свои образцы, хранить их в этих
библиотеках и модифицировать. С некоторыми из таких библиотек мы уже
познакомились: это палитра Swatches (Каталог) и библиотеки плашечных
цветов. В этом разделе пойдет речь еще о трех таких библиотеках: палитрах
Symbols (Символы), Graphic Styles (Графические стили) и Brushes (Кисти).

Работа с символами
Механизм работы с символами появился в Adobe Illustrator совсем недавно.
Это очень удачное нововведение, и при его широком и правильном использо-
вании работа с программой может стать еще более удобной, чем раньше.
Символом (symbol) может выступать любой объект, созданный или разме-
щенный в программе. Это может быть любой векторный контур, текст, за-
груженные векторные или растровые (внедренные) изображения. Эти симво-
лы можно сохранять в палитре, упорядочивать, размещать в документе, про-
изводить над ними различные операции, как общие, так и определенные
только для символов. Так как из палитры в документ помещается не сам сим-
вол, а его копия, размещение символов в документе и любые манипуляции с
ними можно проводить бесконечное число раз и не бояться испортить их —
в любой момент образцом символа можно будет воспользоваться вновь.

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

Палитра Symbols
Палитра Symbols (Символы), как и палитра Swatches (Каталог), является ос-
новным местом для хранения образцов символов. Только в палитре Swatches
(Каталог) хранятся образцы цветов, градиентных заливок и узоров, а в палит-
ре Symbols (Символы) хранятся образцы символов, в качестве которых могут
выступать любые объекты. Палитра Symbols (Символы) вызывается с по-
мощью одноименной команды из меню Window (Окно) или комбинации кла-
виш <Shift>+<Ctrl>+<F 11>. Ее внешний вид показан на рис. 7.41.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 379

Работа с палитрой Symbols (Символы) во многом напоминает работу с па-


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

/ Практика |
Разместите на экране палитру Symbols (Символы). Рассмотрите образцы,
представленные в ней. Вспомните, как изменяется внешний вид палитры
Swatches (Каталог) (см. раздел "Палитра Swahes" главы 3), и с помощью
команд из меню палитры Symbols (Символы) измените режимы отобра-
жения образцов символов в палитре.

Сохранение символов в палитре


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

/ Практика
Вспомните, какие типы объектов существуют в Adobe Illustrator. Нарисуй-
те различные типы геометрических фигур, прямые и кривые замкнутые и
незамкнутые линии. Введите различные виды текста. Загрузите несколько
растровых и векторных изображений. Разместите все созданные объекты в
виде образцов в палитре Symbols (Символы), используя все возможные
способы размещения.

•••••••
в к;
Symbols тЩЦ

У ii
i
\ ••"•: • • '

• ' " :

! ;-.,/..„.

'•v. ^ «> - -

Рис. 7.41. Процесс перемещения мышью образца символа с поверхности рабочего стола
в палитру Symbols
380 Глава 7

,„/

Рис. 7.42. Палитра Symbols с новыми образцами символов

На рис. 7.41 и 7.42 изображен процесс перемещения мышью образца сим-


вола в палитру и палитра Symbols (Символы) с новыми образцами сим-
волов.

Размещение символов в документе


Для размещения символов из палитры Symbols (Символы) в документе также
можно использовать несколько способов, самый простой из которых — пере-
тащить мышью образец символа из палитры на рабочий стол. Также можно,
выделив образец символа в палитре, воспользоваться командой Place Symbol
Instance (Разместить экземпляр символа) меню палитры или соответствую-
щей кнопкой в нижней части палитры.

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

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


Кроме создания своих собственных библиотек символов, можно использо-
вать объекты из стандартных библиотек символов, которые в большом коли-
честве включены в Adobe Illustrator CS. Все символы в стандартных библио-
теках — это векторные рисунки на основе кривых. Для того чтобы загрузить
другую библиотеку символов, необходимо выполнить команду Open Symbol
Library (Открыть библиотеку символов) из меню палитры и выбрать нужную
библиотеку. Эту же операцию можно выполнить, выбрав соответствующую
подкоманду команды Symbol Libraries (Библиотеки символов) из меню
Window (Окно). Библиотека загрузится в виде отдельной палитры. Вид биб-
лиотеки трехмерных символов показан на рис. 7.43.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 381

j Практика
Загрузите несколько стандартных библиотек и рассмотрите образцы сим-
волов в них.

Рис. 7.43. Палитра 3D Symbols

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

/ Практика |
Разместите группу инструментов для работы с символами на экране в виде
отдельной палитры и рассмотрите инструменты, входящие в нее. Вид па-
литры Symbolism (Символьные объекты) показан на рис. 7.44.

Сдвиг Размер Тонирование Стилизация


символов символов символов символов

Распылитель Плотность Вращение Прозрачность


символов объектов символов символов
Рис. 7.44. Группа инструментов S y m b o l i s m

С помощью инструментов из этой группы можно выполнять операцию раз-


множения символов, размещенных в документе, сдвигать совокупность сим-
волов и изменять порядок их следования, менять их положение друг относи-
тельно друга, изменять их размер, наклонять, тонировать, изменять прозрач-
ность и присваивать стили.
382 Глава 7

( Примечание ^
После операции размножения символов получившаяся группа символов пред-
ставляет собой единый объект.

Каждый из инструментов можно настраивать, выполнив двойной щелчок по


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

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

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


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

Рис. 7.45. Процесс изменения внешнего вида символов


при помощи инструмента группы Symbolism

/ Практика ~}
Попробуйте действие всех инструментов группы Symbolism (Символьные
объекты), начиная с первого, и рассмотрите параметры в диалоговых ок-
нах настройки.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 383

Применение стилей
Палитра Graphic Styles (Графические стили) является еще одним примером
библиотеки образцов, а сами стили — методом автоматизации работы. Меха-
низм работы со стилями давно применяется во многих программах компью-
терной графики. В Adobe Illustrator он появился относительно недавно.

с Примечание
До последней версии в Adobe Illustrator присутствовали лишь графические сти-
ли, называемые просто стилями. В Adobe Illustrator CS появилась возможность
работы со стилями символов и абзацев, поэтому к слову "стили" стали добав-
лять определение "графические".

Графическим стилем (graphic style) называется именованная совокупность


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

с Примечание
В Adobe Illustrator стили могут присваиваться векторным объектам, текстовым
блокам и группам объектов.

Работа с графическими стилями происходит с помощью палитры графиче-


ских стилей, которая вызывается с помощью соответствующей команды из
меню Window (Окно). Внешний вид палитры Graphic Styles (Графические
стили) показан на рис. 7.46.

Рис. 7.46. Палитра Graphic Styles

/ Практика |
Разместите на экране палитру графических стилей. Примените стандарт-
ные стили к различным объектам (работа с палитрой графических стилей
384 Глава 7

аналогична работе с каталогом и палитрой символов). Попробуйте создать


свои собственные стили и сохранить их в палитре.

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

Совет
Не забывайте после окончания работы со стилями сразу устанавливать режим
Default (По умолчанию).

По аналогии с библиотеками символов существуют стандартные библиотеки


стилей, вызвать на экран которые можно выполнив команду Open Graphic
Style Library (Открыть библиотеку графических стилей) из меню палитры
или вызвав их с помощью подкоманд команды Graphic Styles Libraries (Биб-
лиотеки графических стилей) из меню Window (Окно).

/ Практика |
Разместите на экране несколько палитр стандартных графических стилей.
Примените стандартные стили к различным объектам. Отмените действие
последнего стиля.

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

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


Инструмент Paintbrush Tool (Кисть) находится в пятом ряду палитры инст-
рументов слева от инструмента Pencil Tool (Карандаш). Подобно карандашу,
кисть служит для создания произвольных контуров. Так же, как и инструмент
Pencil Tool (Карандаш), инструмент Paintbrush Tool (Кисть) можно настраи-
вать, вызвав диалоговое окно для настройки двойным щелчком по пикто-
грамме инструмента. И так же, как при работе с карандашом, можно исправ-
Специальные эффекты, фильтры и библиотеки. Вывод на печать 385

лять нарисованный ранее контур, выделив его, и снова проведя по нему


кистью.
/ Практика |
Найдите в палитре Tools (Инструменты) инструмент Paintbrush Tool
(Кисть). Вызовите диалоговое окно настройки инструмента и рассмотрите
параметры в этом окне. Попробуйте нарисовать кистью несколько различ-
ных контуров, а затем их подправить. Примеры контуров, нарисованных
кистью, приведены на рис. 7.47.

Рис. 7.47. Примеры контуров, нарисованных инструментом Paintbrush Tool

Палитра Brushes
Отличие инструмента Paintbrush Tool (Кисть) от инструмента Pencil Tool
(Карандаш) состоит в том, что кисти можно присваивать различные стили
рисования. Это делается с помощью палитры Brushes (Кисти), вызываемой
из меню Window (Окно) с помощью одноименной команды или клавиши
<F5>.

/ Практика |
Разместите на экране палитру Brushes (Кисти). Внешний вид этой палит-
ры показан на рис. 7.48.

— .-

. •

Рис. 7.48. Палитра Brushes

В палитре Brushes (Кисти) представлены различные образцы кистей, разде-


ленные на несколько типов. По умолчанию активен первый образец кисти —
386 Глава 7

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


ных образцов, как перед рисованием объектов, так и после их рисования.

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

Рис. 7.49. Примеры объектов, нарисованных различными видами кистей

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

Так же, как и в случае рассмотренных библиотек стилей и символов, можно


подгружать различные наборы кистей. Это делается с помощью команды
Open Brush Library (Открыть библиотеку кистей) из меню палитры Brushes
(Кисти) или с помощью команды Brush Libraries (Библиотеки кистей) из ме-
ню Window (Окно).

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

Присвоение параметров кисти произвольным контурам


В Adobe Illustrator можно не только рисовать кистями различных видов, но и
присваивать параметры кисти любым векторным контурам, созданным дру-
гими способами. Для этого необходимо выделить контур и выбрать образец
Специальные эффекты, фильтры и библиотеки. Вывод на печать 387

кисти из палитры Brushes (Кисти) или перетащить образец кисти из палитры


и наложить его на объект.

/ Практика |
Попробуйте нарисовать несколько геометрических фигур и линий с по-
мощью инструментов для рисования геометрических фигур и инструмента
Pen Tool (Перо). Окрасьте их в цветовые параметры по умолчанию. При-
свойте им параметры различных кистей из палитры Brushes (Кисти).
Примеры контуров до и после присвоения кистей показаны на рис. 7.50.

Рис. 7.50. Примеры объектов с присвоенными параметрами кистей

Внимание!
Для того чтобы избавиться от параметров кисти, необходимо выделить нарисо-
ванный объект и выполнить команду Remove Brush Stroke (Удалить парамет-
ры кисти) из меню палитры Brushes (Кисти), или щелкнуть по соответствующей
кнопке в нижней части палитры.

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

Описание диалогового окна Print


Для задания параметров печати и вывода на печать необходимо выполнить
команду Print (Печать) из меню File (Файл). Диалоговое окно Print (Печать)
изображено на рис. 7.51.

Практика |
Загрузите одну из выполненных вами ранее работ. Зайдите в меню File
(Файл) и выполните команду Print (Печать).

( Примечание
По сравнению с предыдущими версиями Adobe Illustrator в этой команде и в
этом диалоговом окне произошли существенные изменения.

Print Preset; [Default] Zl


Printer; : [Canon S330

PPD: r~~™~™~

General
Setup
Marks & Bleed Copies: f l
Output
Graphics Fages "' All
Color Management
Advanced
Summary

Media :
зге- •jDefined bj Ur iver zl
Width: " | ? f ! Q Ч"Я *;'•••; Hejjht- j

Orientation: r
)ptions

Print Layers: [Visible & Printable Layers

••' Do Not Scat

Г Fit to Page"
; Г "Custom Scale: W idth: fill Height:

_O« ILL I

Рис. 7.51. Диалоговое окно Print


Специальные эффекты, фильтры и библиотеки. Вывод на печать 389

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

Таблица 7.1. Функции вкладок диалогового окна Print

Вкладка Функция
General (Основные) Задаются основные параметры вывода на печать
Setup (Установка) Устанавливаются параметры обрезки и предоставляется
возможность установить опции для распечатки работ
большого размера
Marks & Bleed Задание параметров меток обрезки и служебной инфор-
(Метки и обрезка) мации
Output Задание выходного разрешения и параметров цветоде-
(Выходные параметры) ления
Graphics (Графика) Настройка параметров печати кривых и задание пара-
метров PostScript
Color Management Настройка системы управления цветом
(Управление цветом)
Advanced (Улучшения) Оптимизация печати
Summary (Сводка) Сведения обо всех назначенных параметрах печати

/ Практика ~/
Выполните навигацию по вкладкам диалогового окна Print (Печать) и
рассмотрите параметры на этих вкладках.

Основные параметры печати


Рассмотрим основные параметры, представленные на вкладке General (Ос-
новные) диалогового окна Print (Печать).

Практика /
Перейдите к вкладке General (Основные) диалогового окна Print (Печать).
390 Глава 7

Если на вашей машине установлены драйверы нескольких принтеров, в поле


Printer (Имя) необходимо выбрать тот принтер, на котором будет происхо-
дить печать данной работы в настоящий момент. В поле Print Preset (Пре-
дустановки печати) можно выбрать стиль для печати (если вы его создавали
ранее). Список PPD (файл PPD) будет доступен только в случае выбора
PostScript-принтера.

( Примечание )
Это поле также остается неизменным при переходе от вкладки к вкладке.

В поле Copies (Копии) можно указать количество одновременно выводимых


копий. Флажок Collate (Копии в подбор) отвечает за последовательную рас-
печатку нескольких копий многофрагментных работ. И флажок Reverse Or-
der (Обратный порядок) позволяет распечатывать эти фрагменты в обратном
порядке.
В полях Size (Размер) и Orientation (Ориентация) можно выбрать размер
и ориентацию бумаги принтера.
В поле Options (Параметры) можно задать масштабирование при печати.
Кнопка Save Preset (Сохранить предустановки), находящаяся под полем об-
разца, позволяет сохранить назначенные параметры печати в виде стиля пе-
чати с возможностью последующего назначения его другим работам, а кноп-
ка Setup (Установка) предоставляет доступ к свойствам принтера.

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

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


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

фики. Поэтому одна из основных функций, реализуемых Adobe Illustrator для


Интернета, — это экспортирование изображений в форматы, предназначен-
ные для Web-страниц, а также оптимизация этих изображений.

Работа с фрагментами
Одним из методов оптимизации изображений для размещения на Web-сайтах
является разбиение изображения на фрагменты (slices). Это позволяет
уменьшить объем отдельных графических единиц, пересылаемых по сети и
загружаемых на Web-страницы, а также присваивать этим фрагментам до-
полнительные функции. В частности, Adobe Illustrator позволяет задавать
различные фоновые цвета для каждого из фрагментов, превратить любой
фрагмент в кнопку, присвоив ему адрес URL, ввести текст для отображения в
строке статуса при подведении курсора к фрагменту, а также ввести альтер-
нативный текст, отображаемый во время загрузки изображения.
В Adobe Illustrator для работы с фрагментами служат два инструмента, кото-
рые находятся в левой части палитры инструментов над инструментом Hand
Tool (Прокрутка):
П инструмент Slice Tool (Фрагмент) служит для разделения изображения на
фрагменты;
• инструмент Slice Selection Tool (Выделение фрагмента) применяется для
выделения фрагментов.
Также для работы с фрагментами используются подкоманды команды Slice
Tool (Фрагмент) из меню Object (Объект).

Экспорт изображений для Web-страниц


Для экспорта изображений, предназначенных для публикации на Web-сайтах
в используемые для этой цели форматы, а также для их оптимизации предна-
значена команда Save for Web (Сохранить для Web) из меню File (Файл).

( Примечание )
Для экспорта документов и отдельных объектов, созданных в Adobe Illustrator в
изображения, предполагаемые для размещения на Web-страницах, можно ис-
пользовать и обычные команды экспорта, и функцию растрирования векторной
графики (см. разделы "Экспорт изображений" и "Преобразование векторной
графики в растровую" главы 6). При подготовке таких изображений нужно не
забывать использовать только цвета специальной Web-оптимизированной па-
литры (см. раздел "Работа с палитрой Color" главы 3).

Диалоговое окно Save for Web (Сохранить для Web) изображено на рис. 7.52.
Оно практически полностью повторяет подобное диалоговое окно программы
Adobe Photoshop.
392 Глава 7

:
.w ti
I:
Гуляя по Испании

Г I <

И

1 if rr

ГОРОД - СКАЗКА!
*
J

ГОРОД-МЕЧТА!

J ' Р'
гетп
Рис. 7.52. Диалоговое окно Save for Web

В этом диалоговом окне можно выбрать один из семи форматов, использую-


щихся для представления изображений на Web-страницах.
П Растровый формат GIF (Graphic Interchange Format) — один из основных
форматов для представления графических данных в Интернете. Позволяет
сохранять изображения с индексированными цветами (не более 256). Ис-
пользует алгоритм сжатия без потерь. Поддерживает прозрачность. Ис-
пользуется для сохранения простых графических изображений с ограни-
ченным количеством цветов — надписей, кнопок, баннеров и т. п.
П Растровый формат JPEG (Joint Photographic Experts Group) —- один из ос-
новных форматов для представления графических данных в Интернете.
Позволяет сохранять полноцветные изображения (фотографии, иллюстра-
ции с цветовыми растяжками и др.). Использует алгоритм сжатия с поте-
рями, не поддерживает прозрачность.
П Растровый формат PNG-8 (Portable Network Graphics) — представляет со-
бой улучшенный формат GIF, но не нашел широкого распространения в
сети, и многие старые версии браузеров его не поддерживают.
• Растровый формат PNG-24 (Portable Network Graphics) — поддерживает
полноцветные изображения с градиентной прозрачностью, использует ал-
Специальные эффекты, фильтры и библиотеки. Вывод на печать 393

горитм сжатия без потерь. Но так же, как и PNG-8, не нашел широкого
распространения в сети, и многие старые версии браузеров его не
поддерживают.
• Векторный формат SWF— формат программы Macromedia Flash. Предна-
значен для создания компактной масштабируемой анимированной графи-
ки. Не поддерживает прозрачность. Для просмотра изображений в этом
формате во многих браузерах необходима установка дополнительных мо-
дулей.
• Векторный формат SVG (Scalable Vector Graphics) — предназначен для
создания и отображения масштабируемой векторной графики. Основан на
технологиях XML и JavaScript. Пока широко не распространен.
• Растровый формат WBMP — формат, появившийся в этом диалоговом
окне только в последней версии Adobe Illustrator 11 и представляющий со-
бой разновидность формата BMP (BitMap) для сохранения монохромного
(1-битового) изображения.
Выбрав формат, можно настроить его функции и оптимизировать количество
цветов, степень сжатия, и т. д., уменьшив тем самым размер файла. Можно
изменить размер изображения.
Результатом сохранения изображения с помощью диалогового окна Save for
Web (Сохранить для Web) является экспортирование его оптимизированных
фрагментов в набор графических файлов и получение готового HTML-кода.

Практическая работа "Упаковка"


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

Условия выполнения
Эта работа может быть скопирована вами с образца один к одному, но лучше,
если рассмотрев реально существующие образцы упаковок, вы сами разрабо-
таете дизайн и подберете графические материалы для размещения в макете.
Тематику упаковки можно выбрать любую.
В работе должна быть представлена текстовая часть, характерная для упако-
вок выбранной вами тематики. Например, если это упаковка пищевого про-
394 Глава 7

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


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

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

Техника исполнения
Содержимое макета любой упаковки можно разложить на три основные со-
ставляющие: это фон, иллюстрация (иллюстрации) и текст.
Если работа делается не в слоях, то оптимальным является следующий поря-
док ее выполнения:
1. Придумывают тематику и дизайн работы. На бумаге рисуют макет упа-
ковки. Подбирают графический материал.
2. В Adobe Illustrator создают новый файл и сохраняют его. В параметрах до-
кумента устанавливают нужный размер бумаги или, если выбран стан-
дартный формат А4, на листе рисуют прямоугольник, размер которого со-
ответствует размеру упаковки.
3. Начинают работу с разработки текстовых элементов, как наименее ресур-
соемких. Если не нужны специфические параметры форматирования, то
текстовые элементы располагают отдельными фрагментами заголовочного
текста. Текст вводят (или загружают), редактируют, форматируют, при
необходимости добавляют различные эффекты. Группируют отдельные
текстовые составляющие друг с другом.
4. Разрабатывают элементы на основе кривых. При необходимости группи-
руют отдельные текстовые и графические элементы.
5. Загружают иллюстрации. Выполняют над ними все необходимые опера-
ции.
6. Заливают фон (исходный прямоугольник). Заливка может быть или цве-
том, или узором, или градиентом.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 395

7. Все отдельные элементы и группы элементов размещают на фоне, при не-


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

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

Примеры оригинал-макетов
Как всегда, в разделе приведены примеры работ, выполненные студентами
Менеджер-центра СПбГУКИ. Эти примеры можно использовать при рас-
смотрении образцов наряду с реально существующими макетами.

1 - 1

Рис. 7.53. Макет упаковки Рис. 7.54. Макет упаковки


Елены Сафоновой Елены Шелест

Работы Елены Сафоновой (рис. 7.53) и Елены Шелест (рис. 7.54) представ-
ляют собой классические примеры упаковки, выполненные с соблюдением
всех предъявленных требований. Это работы, выполненные по мотивам су-
ществующих упаковок. И хотя тематика работ разная, объединяет их то, что в
качестве иллюстраций были выбраны векторные изображения, при оформле-
396 Глава 7

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


этих работ является отсутствие поясняющих надписей о свойствах товара и
его описания, что не так важно с точки зрения оформления, но важно с пози-
ций покупательского выбора.
Карина Султан-Бекова выбрала сладкую тематику упаковки. В ее работе
(рис. 7.55) применен эффект маскирования и использованы "прыгающие"
символы. В макет упаковки от сигарет, разработанной Ольгой Фроловой
(рис. 7.56), органично сочетаются текст, растровая и векторная иллюстрации
и графические объекты.

Winston
UUHTS

Тортик для детей


ООО "Зарн" ОССИИ предупреждает:
СШ.уя Мух 177 курение ВРЕДИТ ВАШЕМУ ЗДОРОЙЬК
Рис. 7.55. Макет упаковки Рис. 7.56. Макет упаковки
Карины Султан-Бековой Ольги Фроловой

Работа Ольги Сыч (рис. 7.57) очень точно воспроизводит упаковку, характер-
ную для данного вида продукции. Здесь также применен эффект маскирова-
ния иллюстрации и выбраны оптимальные параметры форматирования для
текста и его размещение.
Очень оригинально выполнила свою работу Людмила Семиженко (рис. 7.58).
В качестве фона взята иллюстрация. Применен эффект маскирования иллю-
страции текстом. И выполнен векторный рисунок на основе кривых подхо-
дящей по смыслу тематики.
Если во время рассмотрения образцов работ вас посетили гениальные идеи —
воплощайте их быстрее в векторной графике, и помните, что овладев мастер-
ством разработки макетов упаковок, вы имеете шанс заработать себе на то,
что в них лежит.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 397

СиПГОВ ЧвД|
4КЭЛ1ККШКп ffl?C8C9Ti
гогерыб qisscr в,—р.
feMhrtmnni » -

•От»» IBOStrt

Рис. 7.57. Макет упаковки Ольги Сыч

Рис. 7.58. Макет упаковки Людмилы Семиженко


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

А, В
AI319 PDF 320, 325, 326, 336
BMP 318 PNG 338
PS 319, 320
PSD 319
С
CDR319, 331 R
CMYK 115—121, 123, 128, 129
RGB 110, 114—116, 118—120, 122, 123,
128, 129
Е
EMF319
EPS 319, 331,336
s
SVG 319, 336
SWF 319
G
GIF 318, 338 T, W
Grayscale 116, 120
TIFF 318, 338
WMF 319, 331
H,J
HSB 115, 116, 118, 119, 122
JPEG 318

Градиент 134, 137, 138, 163—166, 168,


Б 170—172
Киблиптекя' Графический формат 318
О образцов 113, 127,130
0 символов 380 Ж
Бленд 357—367
Блок управления цветом 29 "Живая" заливка 145
"Живая" трассировка 341—343, 345
"Живые" группы 147, 302, 309
В
Выключка 250 И
Изображения:
О векторные 317
0 загрузка 320
Гарнитура 226, 237—239, 241 0 обработка 326
400 Предметный указатель

п 0 вертикальный 225, 226, 228, 232, 258, 259,


268, 270
Палитра: 0 в области 268, 270, 271,276
О Align (Выравнивание) 299 О вдоль контура 258
О Appearance (Внешний облик) 142 О выделение 233, 288
О Brushes (Кисти) 385—387 О горизонтальный 225
О Character (Символ) 229, 236—238, 241, О заголовочный 223—226, 267, 274
244, 256, 279 О импорт 233
О Color (Синтез) 113, 114 О преобразование в контуры 247, 273, 283
О Control Palette (Панель управления) 22, 32 О форматирование 226, 233, 236, 249, 256,
О Gradient (Градиент) 165 267,271,285
О Graphic Styles (Графические стили) 383 Текстовой блок 230, 231, 250, 252—254, 270,
О Navigator (Навигатор) 44 287
О Paragraph (Абзац) 249, 254 О связывание 287
О Pathfinder (Обработка контуров) 211,212, Трассировка 309, 340—344
215,217 Трекинг 245
О Stroke (Обводка) 152
О Swatches (Каталог) 113, 123
О Symbolism (Символьные объекты) 381
О Symbols (Символы) 378 Управляющие линии 180
О Tools (Инструменты) 28 Установка:
О Transform (Трансформирование) 97 0 начала отсчета 37
О Transparency (Прозрачность) 131 0 переносов 254
Параметры: 0 цветов по умолчанию 135
О "без атрибута" 136
О контура ПО, 144, 152, 160, 174
0 печати 389
Ф
0 страницы 40, 41 Фильтры 327, 328, 339, 347, 372, 373
Печатная страница 22 Форматирование:
Печать 387—389 0 по образцу 256
Признак переполнения 230, 231, 262, 287, 288 0 текста 226, 233, 236, 249, 256, 267, 271, 285

Рабочее пространство 27 Цвет:


Растрирование 339 О копирование 144
Режим отображения 110 0 шишечный 127
0 глобальный 127
0 синтез 126, 133
0 составной 126
Сегмент 178, 183, 202—204 Цветовая модель 115, 116, 123
Сетка 39 Цветовая палитра 113, 120, 122, 126, 130, 134
Символ 367,378,381

Эффекты 351, 372, 376, 377


Текст: 0 текстовые 290
0 блочный 223—225, 230, 258, 272 0 трехмерные 368, 371
Предметный указатель 399

О растровые 316, 317 0 разделение 206


О экспорт 335, 391 0 соединение 207, 208
Индикатор заливки 31 Кривая 109
Инструмент: 0 редактирование. 188
О Blend Tool (Превращение) 358 0 рисование 189
О Convert Anchor Point Tool (Преобразовать
опорную точку) 198, 199
О Direct Selection Tool (Частичное Л
выделение) 180, 305
Линейки 36, 42
0 Eyedropper Tool (Пипетка) 143—145, 257
0 Flare (Блик) 55
0 Free Transform (Свободное
трансформирование) 102
м
0 Gradient Tool (Градиент) 172 Маска 352
0 Group Selection Tool (Выделение в группе) 0 обтравочная 353, 354
305, 306 Маскирование 352—357, 396
0 Hand Tool (Прокрутка) 45 Масштабирование 81, 82, 84, 88, 90, 93, 94,
0 Knife Tool (Нож) 210 100, 102
0 Lasso Tool (Лассо) 190 Монтажный стол 22
0 Live Paint Bucket Tool ("Живая" заливка)
146, 147, 149,312
0 Live Paint Selection Tool ("Живое" н
выделение) 312 Направляющие 38, 39
0 Magic Wand Tool (Волшебная палочка) 151 Настройка сегмента 193
0 Paintbrush Tool (Кисть) 384
Начертание шрифта 240, 241
0 Pen Tool (Перо) 181, 182,184
0 Pencil Tool (Карандаш) 55, 215
0 Rectangle Tool (Прямоугольник) 51, 63
0 Rectangual Grid Tool (Прямоугольная
сетка) 54 Объекты:
0 Reflect Tool (Зеркало) 96 0 выделение 70, 73, 75, 76
0 Reshape Tool (Форма) 190 0 выравнивание 299—301
0 Scissors Tool (Ножницы) 210 0 группировка 302
0 Selection Tool (Выделение) 73, 75 0 закрепление 316
0 Star Tool (Звезда) 52 0 обособление группы 308
0 Type Tool (Текст) 227, 229' 0 обтекание текстом 281
0 Zoom Tool (Масштаб) 43 0 поворот 77, 82, 90, 94, 103, 104, 107
Интерлиньяж 242 0 прозрачность 131
Интерфейс программы 19
0 разделение 210
0 распределение 299—301
К О упорядочивание 296
Операции:
Кегль 241
О с файлами 58
Кернинг 243
О с шаблонами 63
Кнопка:
Опорная точка 178—180, 185, 186, 190—192,
0 цветов по умолчанию 31
194, 195, 200—202, 204, 209, 216
О отображения 29
Основное меню 22
Контур 109, ПО, 112, 153, 160, 170, 172
Отбивка 253
0 замкнутый ПО, 178
0 незамкнутый ПО, 146, 178 Отступ 224, 252, 254, 255, 257, 268

You might also like