adobe illustrator cs2 ýêñïðåññ êóðñ - ...

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

ILLUSTRATORCS2

WC

Санкт-Петербург

«БХВ-Петербург»

2006

УДК 681.3.06ББК 32.973.26-018.2

ФЗЗ

Федорова А. В.ФЗЗ Adobe Illustrator CS2. Экепресс-курс. — СПб.: БХВ-Петербург,

2006.— 400 с : ил.

ISBN 5-94157-782-6

Книга посвящена обучению работе с пакетом векторной графики AdobeIllustrator 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


Ввод блочного текста 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


Упорядочивание сложных структур 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.


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

Но основным достоинством, которое просто обязывает к изучению програм-мы, является то, что Illustrator— программный продукт фирмы Adobe, кото-рая занимает лидирующее положение в области разработки программ длякомпьютерной графики и полиграфии, и вместе с Adobe Photoshop и AdobePageMaker он входит в единый пакет программ для графического дизайна иполиграфии. Также 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.


П 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 был сделан


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

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

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

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

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


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

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

/ Практика |

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

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

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

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

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

ГЛАВА 1

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

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

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

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


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

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

20 Глава 1

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

•••••••••

/ .'X

feSol»

iv Show ti"nf dialog it startup

Adobel 11 ustrato r *c S2Tell Me What's New

Show Me What's New

Browse Cool Extras

New New From OpenDocument Template Document

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 ц

. ,

. Палитраинструментов

Монтажныйстол

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

Основное

программы

^чУправляющаяпалитра

Рабочеепространство

Палитры .

Печатнаястраница

Полосыпрокрутки

,

Рис. 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). Их коли-чество и внешний вид может быть различным в зависимости от действийпользователя.


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

Отображение палитр

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

Клавиша <ТаЬ> убирает либо помещает на экран все палитры, комбинацияклавиш <Shift>+<Tab> — все, кроме палитр Tools (Инструменты) и ControlPalette (Панель управления).

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

/ Практика /

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

Строение палитр

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

24 Глава 1

Бордюры (^

\

1г

•г

( ПримечаниеПолосы прокруткиные размеры.


УSwift:!

Ш. i

Рис

)

есть

1

|J

.1.3.

Гне у

Вкладки Кнопка(к шки) сворачивания/

3-/ разворачивания

НО]

И 1 i i И '

1 » . • ;

j ±i i %Основные элементы палитр

всех палитр. Некоторые из них

__ Кнопка~ закрытия

Кнопка4 меню

палитры

имеют фиксирован-

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

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

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

Существует три варианта расположения палитр:

• группами рядом друг с другом под общим заголовком; доступна толькоодна из палитр (рис. 1.4);


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

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

Transform •

Align Objects!

Distribute ObjectsГ'

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

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

^Info

X :3U88mmV :l22,37Smm

r t W : 0 mm*": H :omm

Appearance

~ ] No Selection

Stroke: [•! lptRili ОDefault Transparencv

Hiiiii

Рис. 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.

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

Manage Workspaces

11124 palettes6

d

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

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

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

Практика |

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

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


частей: это непосредственно инструменты, блок управления цветом и кнопкиотображения, отвечающие за режимы отображения рабочего экрана(рис. 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. Отдельная палитра группы инструментов


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

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


/ Практика 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

Русский эквивалент

Тип объекта

Обводка и заливка

Кисть

Символ

Абзац

Трассировка

При выделении каких типовобъектов отображаетсясоответствующее поле

Все

Все

Контур(ы)

Текст

Текст

Трассированное изображение


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

/ Практика 7

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

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

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

' 2 | ' ' Points

Picas

v Inches

Millimeters

Centimeters

Pixels

f •

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


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

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


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

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

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

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

Маркерначала

отсчета

Точканачала -

отсчета

\!©•••

m •

г;о •

i ;

:

0 ! I 1 ? , , |гр |

i

\

\

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


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

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


Восстановите координаты начала отсчета по умолчанию.

38 Глава 1

Направляющие

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

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


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

16,67%

10 20

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

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


команду 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

и •

1 •о •

s •

10 15 20

roi

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

Практика |

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

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

Установка параметров страницыи единиц измеренияПараметры страницы задаются при создании нового документа и выполнениикоманды New (Новый) из меню File (Файл). Диалоговое окно New Document(Новый документ) показано на рис. 1.16.

В этом диалоговом окне в поле Artboard Setup (Установка рабочей страни-цы) можно установить размер страницы, выбрав стандартный размер бумагииз предложенного списка Size (Размер), а также задать собственные размеры


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

New Document

N a m e* 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 (Новый) или DocumentSetup (Параметры документа) и установка единиц с помощью контекстных ме-ню линеек (см. раздел "Линейки" данной главы) являются взаимозаменяемымиоперациями.


В документе Произвольный_альбомная_ст разместите на экране палитру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 O M

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


Чаще всего масштаб просмотра изменяют с помощью быстрых клавиш и ин-струмента 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 (Целый документ). С помощью соответствующих инст-рументов рисования нарисуйте на странице прямоугольник и эллипс.

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

Также для увеличения масштаба просмотра и отображения на экране опреде-ленных объектов или их частей применяется обводка нужного фрагментарамкой при активном инструменте Zoom Tool (Масштаб) (рис. 1.18 и 1.19).

44 Глава 1

С149,1 S« "I < 1

щ 1

J

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

Рис. 1.19. Конечное состояние объектовпосле увеличения


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

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

П стандартные полосы прокрутки;

П инструмент Hand Tool (Прокрутка);

• палитра Navigator (Навигатор).

Работа с палитрой NavigatorСамым удобным способом является палитра Navigator (Навигатор), изобра-женная на рис. 1.20.

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


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

Navigator

-=-У

Полеввода

Кнопкауменьшения

масштаба

Видимаяобласть

документа

Шкалаизменениямасштаба

Кнопкаувеличениямасштаба

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

/ Практика

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

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

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

46

1 Практика

Поработайте сизображения.

1инструмет'ОМ Hand Tool (Прокрутка),

Глава 1

выполняя прокрутку

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

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

Для создания геометрических фигур применяются две группы инструментов:непосредственно геометрические объекты (рис. 1.21) и так называемые ли-нейные объекты (рис. 1.22). Эти инструменты располагаются в третьем рядупалитры инструментов.


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

RoundedRectangle Tool

(Прямоугольникс закругленными углами)нныы

PolygonTool

(Многоугольник)

RectangleTool

(Прямоугольник)

EllipseTool

(Эллипс)

StarTool

(Звезда)

FlareTool

(Блик)

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


LineSegment

Tool(Линейный

сегмент)

ArcSegment

Tool(Дуговойсегмент)

SpiralTool

(Спираль)

RectangularGridTool

(Прямоугольнаясетка)

PolarGridTool

(Полярнаясетка)

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

Существует два способа создания геометрических фигур: создание объектовс помощью мыши ("на глаз") и рисование с заранее заданными параметрами.Рассмотрим эти способы.

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

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

Техника рисования

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


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

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

48 Глава 1

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

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

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

Клавиша

<Space>(<пробел>)

<Alt>

<t>

<J,>

<Shift>

Действие

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

Рисование объектов "из центра"

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

Уменьшает количество элементов и степень округленности углов

Позволяет рисовать равносторонние фигуры (прямоугольники, пря-моугольники с закругленными углами, эллипсы, сетки); запрещаетвращение во время рисования и выравнивает по горизонтали (мно-гоугольники, звезды, блики); позволяет создавать сегменты кратны-ми 45°

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


>, < ~ > , <">, <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 — блики


( Примечание )

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

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

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

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


Создайте новый файл с помощью команды 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:

Radius

Points

l.fin

SB—•

Cancel

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

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

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


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


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

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

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


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

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

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

54 Глава 1

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

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

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

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

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

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


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

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

• И, наконец, инструмент Flare (Блик), предназначенный для создания со-вокупности объектов, имитирующих блик в линзах, вызванный попадани-ем прямого света в объектив фотокамеры, наверное, при умелой настройкепараметров позволяет достичь весьма впечатляющих эффектов.

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

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

56 Глава 1

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

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


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

PencilTool

(Карандаш)

SmoothTool

(Сглаживание)

EraseTool

(Ластик)

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

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

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

• Для замыкания контура необходимо, совместив конечную точку с началь-ной, нажать клавишу <Alt>, после чего у курсора в форме карандаша вме-


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

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

• В момент рисования линии ее можно присоединить к нарисованной ранее,если при приближении к ее концевой точке нажать клавишу <Ctrl>.

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


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

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

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

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

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

_55 Глава 1


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

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

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

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

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

В нижней части окна New Document (Новый документ) в поле Color Mode(Цветовой режим) находятся два переключателя, обозначающие цветовыемодели, в которых будет происходить работа. Выбранный режим указываетсяв заголовке созданного документа.

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


/ Практика

Создайте два новых документа: один в режиме 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 _ _ _ ^ ^ И

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

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

Щ§1| §ffp- Cr#e>OFCompatbieF

Jr;:ir- ,i-«:fte

OK 1

Cancel

' !."•'• tp" '

Warnings

i. Tlv>[

.у w?

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

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

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

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


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

Внимание!

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


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

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

Adobe Illustrator

|L

Save charges lo the Adobedoting?

7.У« ''. Ho

liu:tialor document

i c*

"Work'

-iCfl

betote

|

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

Практика f

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

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

62 Глава 1

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

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

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


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

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

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

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

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


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

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

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


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

Закройте файл шаблона.

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

Рис. 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 ПОД именем Звездочки в рамке.Закройте оба документа.

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


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

/ Практика f

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

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

|С2 Adobe Illustrator

File Edit Object Type' Select F ter 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>, если вы ее еще не помните, т. к. она уни-версальна для всех программ и очень часто используется в работе.


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

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


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

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

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

А на рис. 1.45 изображены вариации на данную тему, выполненные студен-тами Менеджер-центра СПбГУКИ.

68 Глава 1

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

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


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. Инструменты выделения

Пиктограмма

kщ\

ш

Быстраяклавиша

<V>

<А>

<Y>

<Q>

Название

Selection Tool (Выде-ление)

Direct Selection Tool(Частичное выделение)

Group Selection Tool(Выделение в группе)

Magic Wand (Волшеб-ная палочка)

Lasso Tool (Лассо)

Функция

Выделение объектовцеликом

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

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

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

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

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

72 Глава 2

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

Практика |

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

Команды выделения

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

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

Команда

АН (Все)

Deselect (Снять выделение)

Reselect (Восстановитьвыделение)

Inverse (Инвертировать)

Next Object Abobe (Объектвыше выделенного)

Next Object Below (Объектниже выделенного)

Same |... (Одинаковые | ...)

Быстрая клавиша

<Ctrl>+<A>

<Shift>+<Ctrl>+<A>

<Ctrl>+<6>

<Alt>+<Ctrl>+<]>

<Alt>+<Ctrl>+<[>

Функция

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

Снимает выделение со всехобъектов

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

Снимает выделение со всехвыделенных объектов и вы-деляет всеранее невыделенные

Выделяется объект, распо-ложенный над выделенным

Выделяется объект, распо-ложенный под выделенным

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



Команда

Object |... (Объект |...)

Save Selection (Сохранитьвыделение)

Edit Selection(Редактировать выделение)

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

Позволяет выделить все объ-екты определенных типов

Сохраняет выделение

Позволяет отредактироватьпараметры выделения

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

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

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

Коли-чествообъектов

Одинобъект

Несколькообъектов

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

Первыйспособ

Щелкнутьмышьюна объекте

Щелкать мышьюна объектах,держа нажатойклавишу <Shift>

Второйспособ

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

Обвестинужныеобъектырамкой

Примечания

1. Если объект не закрашен или включенрежим Outline (Макет), щелкать мышьюнужно на его контуре.

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

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

2. Рамка не обязательно должна охва-тывать все объекты. Если хоть какие-точасти каких-либо объектов попадут внее, эти объекты будут выделены цели-ком

74 Глава 2


Коли-чествообъектов

Всеобъекты

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

Первыйспособ

Select | All(Выделить | Все)(<Ctrl>+<A>)

Второйспособ

Обвестивсеобъектырамкой

Примечания

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

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

/ Практика

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

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

Рис. 2.3. Выделен один объект

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

Selection Tool

Рис. 2.5. Выделено несколько объектов


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

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

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

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


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

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

76 Глава 2

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

• поворот;

• наклон (скос);

• зеркальное отражение.

• удаление;

• перемещение;

П копирование;

• масштабирование;

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

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

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

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

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

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

Копирование Получение одной или нескольких ко-пий объекта

Масштабиро-вание

Изменение размеров и (или) пропор-ций объекта в определенных преде-лах или до заданных величин



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

Поворот Вращение объекта на определенныевеличины или до заданного предела

Наклон(скос)

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

Зеркальноеотражение

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

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

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

7В_ Глава 2

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

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

Удаление

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

/ Практика ~f

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

Перемещение

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

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

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

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


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

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. Масштабирование объектаотносительно противоположенной грани

/

\\

иX

V J\1

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


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

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

Поворот

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


объектов на необходимый угол. После этого кнопку мыши можно отпустить(рис. 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 (Выделение), выполнить двойной щелчок по пиктограмме этогоинструмента в палитре инструментов.

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


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(Отмена).

1 :о •

5 -

и -

5 -

0 -

5 :

ю |Б 0 i S 10

1 :о •

5

0

5

10

15

10 5 0 5 10

Рис. 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).


OptionsГ Г

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

5 •

0 •

5 :

f t0 -

1 :s -

г :0 -

2 :

1Б \\0 В 0 5 II

5 •

0 :

5 :

1 :0 •

1 :5 •

?'о •

г :

15 10 5

/

0 Е 110

/

Рис. 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 (По


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

иИг;;;: :

с Uniform

Scale:

Horizontal

vertical:

. f,tinn

(7 ScaieSii

Г

|П1Н %

hoo %

ш—%

okes i btfect;.

r

: | •-:. O K

Cancai

Copy

Г Previevv

•1|1

I

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


Установите параметры заливки и обводки по умолчанию и нарисуйте дваодинаковых эллипса размером 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. Объект и его уменьшеннаяв два раза копия при активном режиме

Scale Strokes & Effects

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

Scale Strokes & Effects

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

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

Практика |

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

Рис. 2.29. Объект и егоповернутая копия

Рис. 2.30. Объект и зеркальноотраженная копия

Рис. 2.31. Объекти его наклоненная копия



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

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

RotateTool

(Поворот)

ReflectTool

(Зеркальноеотражение)

ScaleTool

(Размер)

Shear Tool(Наклон)

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

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


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

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

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

92 Глава 2

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

Для выполнения преобразования с помощью соответствующего инструментанеобходимо:

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

2. Перейти к соответствующему инструменту трансформирования.

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

4. Выполнить преобразование при помощи мыши.

Рассмотрим работу с этими инструментами более подробно.

Масштабирование


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

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


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

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

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


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

______

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

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

1

•

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

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

/ Практика

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

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

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

94 Глава 2

1

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

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


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

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

Поворот и наклон

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

При выполнении операции поворота центр поворота можно выносить награнь фигуры, а также за ее контуры (рис. 2.39—2.41).

В этом случае клавиша <Shift> также позволяет выполнять поворот не плав-но, а "скачками" с приращением в 45°.

/ Практика ~jj

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


Рис. 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).


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


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

Рис. 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 изменились, и теперь здесь отображаются ко-ординаты правого верхнего угла прямоугольника.


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

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

> Transform*4!

. . . . .

* ' ' Y: J90 mm

W:|Wmm

H; j 36 mm

E g

3,

J

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

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

j Transform •

X* 134,392 mm

171 255 mm

»' ^

•••••QZW i | 85,407 rnrn

, !g

Рис. 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>. Убедитесь, что значение в


поле Н изменилось автоматически и появилась отмасштабированная про-порционально копия параллелограмма (рис. 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> — для масшта-бирования "от центра"



Операция

Поворот

Наклон


Свободноетрансфор-мирование(перспекти-ва)

Описание

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

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

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

Необходимо захватить одиниз угловых маркеров и затемнажать клавишу <Ctrl>. По-сле этого маркер можно бу-дет перемещать независимоот других

Форма указа-теля мыши

Полукруглаядвунаправлен-ная стрелка

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

Прямая двуна-правленнаястрелка

Заштрихован-ный наконечникстрелки

Применение функ-циональных клавиш

<Shift> — для поворо-та с приращением 45°

<Shift>+<Alt>+<Ctrl> —позволяет симмет-рично деформироватьгабаритный прямо-угольник, создаваяэффект перспективы

Практика |

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

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

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-й этап выполнения работы


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. Сводная таблица преобразований

Масштаби-рование

Габаритныйпрямоугольник

в режиме вы-деления

+

Командыиз меню

Transform

+

Инструментытрансфор-мирования

+

Палитратрансфор-мирования

+

Инстру-мент FreeTransform

+



Поворот

Наклон


Габаритныйпрямоугольник

в режиме вы-деления

+

-

- •

Командыиз меню

Transform

+

+

+

Инструментытрансфор-мирования

+

+

+

Палитратрансфор-мирования

+

+

-

Инстру-мент FreeTransform

+

+

+-

ГЛАВА 3

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

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

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

Фирма Adobe стремится к созданию единого комплекса программ, поэтомумногие элементы интерфейса и принципы работы в различных программныхпродуктах Adobe похожи друг на друга. Это относится и к работе с цветом.Многие палитры, диалоговые окна, а также принципы работы с цветом по-вторяют аналогичные элементы программы Adobe Photoshop.

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

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

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

В Adobe Illustrator CS2 наряду с традиционными способами воплощен новыйподход к понятию заливки объектов и введено два новых инструмента дляосуществления этой операции: Live Paint Busket ("Живая" заливка) и LivePaint 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. Заливка замкнутогои незамкнутого контуров


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

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


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

В 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-й этап — присвоение цвета заливке и (или) обводке объекта.

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

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


Основные компоненты программы, предназначенные для работы с цветом,приведены в табл. 3.1.

Таблица 3.1. Основные компоненты программы для работы с цветом

Компонент

Блок управленияцветом

Палитра Color(Синтез)

Палитра Swatches(Каталог)

Диалоговое окноColor Picker(Цветовая палитра)

Библиотекиобразцов

Цветовыефильтры

Нахождение, вызов

Находится в нижнейчасти палитры Tools(Инструменты)

Вызывается с помощьюкоманды Color (Синтез)из меню Window (Окно)или клавиши <F6>

Вызывается с помощьюкоманды Swatches(каталог) из менюWindow (Окно)

Вызывается двойнымщелчком мыши по кноп-ке фона или контура вблоке управления цве-том палитры Tools (Ин-струменты) или в па-литре Color (Синтез)

Вызываются с помощьюподкоманд командыSwatch Libraries (Биб-лиотеки образцов) изменю Window (Окно)

Подкоманды командыColors (Цвета) из менюFilter (Фильтр)

Функция

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

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

Предназначена для хранения,редактирования и использова-ния образцов цветов

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

Предназначены для работыс плашечными цветами

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

114 Глава 3


Компонент

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

Инструменты LivePaint Bucket ("Живая"заливка) и Live PaintSelection Tool ("Жи-вое" выделение)

Нахождение, вызов

Четвертый ряд снизуслева в палитре Tools(Инструменты)

Третий ряд снизу в па-литре Tools (Инстру-менты)

Функция

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

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

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

Работа с палитрой ColorПалитра Color (Синтез) — одна из основных палитр для работы с цветом вAdobe Illustrator. Она вызывается с помощью одноименной команды из менюWindow (Окно) или с помощью клавиши <F6>. Рассмотрим эту палитру наи-более подробно.


Разместите на экране палитру Color (Синтез). Зайдите в меню палитрыи выберите режим RGB. Выберите какой-либо цвет на цветовой шкале внижней части палитры.


Палитра Color (Синтез) показана на рис. 3.7.

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

Палитра Color (Синтез) состоит из следующих компонентов.

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

• Кнопка без атрибута, которая может лишать объект заливки или обводки.

П Кнопки присвоения белого и черного цветов.

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


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

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

ИндикаторWeb-

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

Полеобразца

Шкапыгенерациицветовых

составляющих

Поля вводазначенийцветовых

составляющихМеню

палитры

Индикатор /ГГцветового Ь^ , '

охватаCMYK

Кнопкизамены

Hide Options

Grayscale

RGB

H5B

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 %.


Синтез цвета в палитре 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, вы можете выбрать цвет, который невозможно будет воспроиз-вести при печати. Признак этого — маленький восклицательный знак в жел-том треугольнике и квадратик рядом с ним в левой нижней части палитры.В квадратике отображается ближайший к выбранному цвет, который можетбыть воспроизведен при печати. Если щелкнуть по квадратику либо по вос-клицательному знаку, произойдет замена выбранного вами цвета на этот. Та-


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


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

Также практически постоянно при синтезе цветов в палитре 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.


Точка текущего цвета Исходный цвет Синтезируемый цвет

Select

Г Only Web Color

• Cancel

• ::oi

* i n^ppi" |(< J n : :w

Цветовое поле Цветовая полоса Активный параметр Переход к Каталогу

Рис. 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

Но вид его, в зависимости от вида работы, а также предпочтений пользовате-ля, может быть различным. Так, образцы, кроме стандартного вида SmallThumbnail 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 (Каталог).


В этом случае параметры цвета будут заданы по умолчанию. Новый обра-зец будет добавлен в конец списка.

2. Синтезировать какой-либо цвет в палитре Color (Синтез) (или выбрать егодругим способом) и мышью перетащить его в палитру Swatches (Каталог).

С Примечание ^Если вы будете буксировать цвет мышью из палитры Color (Синтез), то "брать"его нужно из поля цветового образца. Также можно перетащить образец цветаот кнопки заливки или обводки в блоке управления цветом палитры Tools (Ин-струменты). "Бросать" образец можно в любом месте каталога.


Последовательно создайте несколько цветов в палитре Color (Синтез), исохраните их в палитре Swatches (Каталог) различными способами.

В Adobe Illustrator CS2 появился еще один способ добавления цветового об-разца в палитру Swatches (Каталог). Этот способ удобен в том случае, когдавы синтезируете цвет в палитре Color (Синтез) и сразу собираетесь сохранитьего в палитре Swatches (Каталог). В этом случае нужно выполнить командуCreate New Swatch (Создать новый образец) из меню палитры Color (Син-тез). Появится диалоговое окно New Swatch (Новый образец) — то же, что ипри сохранении образца первым из описанных выше способов.


Опробуйте и этот способ сохранения цветового образца в палитре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) — цвет, который придопечатной подготовке будет подвергнут цветоделению, выводиться на всехчетырех пленках и печататься методом четырехкрасочной печати за четыре


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

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

Также в программе Adobe Illustrator есть понятие глобального цвета. Еслицвет определяется как глобальный (global color), то при изменении его в па-литре Swatches (Каталог), он изменяется у всех объектов в документе, кото-рым он был присвоен. Если цвет неглобальный, то при любых измененияхобразца этого цвета в палитре Swatches (Каталог) объекты документа, окра-шенные в этот цвет, не меняются. Простые цвета всегда глобальны, а состав-ные могут быть как глобальными, так и неглобальными. По умолчанию со-ставные цвета синтезируются неглобальными.

( Примечание ^Также во всех компьютерных программах есть такое понятие, как цвет для ме-ток приводки (registration color). Это цвет, который служит для технологическихцелей (им обычно обозначаются приводные метки) и выводится на всех цвето-деленных фотопленках.

Простые (плашечные) цвета в палитре Swatches (Каталог) в режиме List View(Список) обозначаются значком в виде квадратика с кружочком после назва-ния цвета, глобальные составные — в виде закрашенного квадратика, а у со-ставных неглобальных не выводится никакого значка (рис. 3.11). Также вэтом режиме значками в виде квадратиков, которые располагаются послезначков типа цвета, обозначается цветовая модель, в которой был созданцвет. В режимах Small Thumbnail View (Маленькие образцы) и LargeThumbnail View (Большие образцы) плашечные цвета обозначаются белымтреугольником с точкой в правом нижнем углу образца, а составные глобаль-ные — белым треугольником без точки (рис. 3.12).

128 Глава 3

Pale Orange H Щ

] ] PANTONE DS 2-7 С

Light Pale Orange

New Color Swalch 3

PANTONE DS 331-1 С

ш. шРис. 3.11. Отображение параметров

цветового образца палитры Swatchesв режиме List View

| Swat.:h« Ч

..I /.'•* С.»

.

Л

;

шшв

\ >•

•• л /.

.J

Рис. 3.12. Отображение параметровцветового образца палитры Swatches

в режиме 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 (Новый


образец), вызываемой из меню этой палитры. Так что параметры цвета можноизменить уже при его занесении в каталог.

В этом диалоговом окне можно изменить все характеристики цвета, начинаяот имени и кончая цветовыми составляющими. Флажок 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х\

Find:

i

/

"ОНЕР

Аи.л /

roc

у

# • : /

А А, А /

. ЧУ] А /А А л /

штУ,

- '

>

Рис. 3.14. Вид палитры Color при выборе образца в палитре PANTONE process coated


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

Для модификации цветов из библиотеки, их нужно скопировать в палитруSwatches (Каталог). Чтобы скопировать образец цвета из библиотеки образ-цов в каталог, используются те же способы, что и при сохранении в каталогеобразцов цветов, синтезированных в палитре Color (Синтез) (см. раздел "До-бавление образцов в каталог" данной главы).


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


Скопируйте несколько цветовых образцов рассматриваемой библиотеки вкаталог. Рассмотрите параметры этих образцов, попробуйте их отредакти-ровать. С помощью палитры Color (Синтез) создайте новый цвет на осно-ве одного из образцов и сохраните его в каталоге.

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

Для работы с прозрачностью используется палитра Transparency (Прозрач-ность), вызываемая с помощью одноименной команды из меню Window (Ок-но) или комбинации клавиш <Shift>+<Ctrl>+<F10>. Также в последней вер-сии программы параметр прозрачности для выделенного объекта можно из-менить при помощи управляющей палитры.

/ - Практика 7Разместите на экране палитру Transparency (Прозрачность). Внешний видпалитры показан на рис. 3.15.

132 Глава 3

1

I

Рис. 3.15. Вид палитры Transparency при выделенном объекте

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

Для того чтобы сделать объект или объекты частично прозрачными, необхо-димо выделить их и изменить параметр в поле Opacity (Непрозрачность). Дляэтого нужно либо переместить бегунок на шкале (она появляется при щелчкепо стрелке рядом с полем ввода), либо изменить числовое значение. Значениеможет изменяться в пределах от 0 % (полная прозрачность) до 100 % (полнаянепрозрачность).

Практика /

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

Рис. 3.16. Верхний объект непрозрачен (слева)и верхний объект частично прозрачен (справа)


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


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

Внимание!

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

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

Блок управления цветом в палитре инструментов

Блок управления цветом находится в нижней части палитры инструментов.Он показан на рис. 3.17.

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

Кнопкапараметров

по умолчанию

КнопкаЦвет

Переключательзаливкии обводки

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

КнопкаГрадиент

Кнопкабез

атрибута

Рис. 3.17. Блок управления цветом в палитре Tools

134 Глава 3

j Практика

Найдите блок управления цветом в палитре Tools (Инструменты) и внима-тельно рассмотрите все его кнопки и поля. Назначение элементов блокауправления цветом описано в табл. 3.2.

Таблица 3.2. Описание кнопок блока управления цветом

Название элемента

Fill (Заливка) — кнопка илииндикатор цвета заливкиили цветовой образец

Stroke (Обводка) — кнопкаили индикатор цвета об-водки или цветовой обра-зец

Swap Fill and Stroke(Переключатель заливкии обводки)

Default Fill and Stroke(Цвета заливки и обводкипо умолчанию)

Color (Цвет)

Gradient (Градиент)

None (Без атрибута)

Горячиеклавиши

<Х>

<Х>

<Shift>+<X>

<D>

« >

< »

</>

Функция

Служит для отображения текущегоцвета заливки, указания в объектепоследующей окраски заливки, вызо-ва диалогового окна Color Picker(Цветовая палитра)

Служит для отображения текущегоцвета обводки, указания в объектепоследующей окраски обводки, вызо-ва диалогового окна Color Picker(Цветовая палитра)

Меняет местами цвет заливки и цветобводки

Присваивает цвета заливки и обводкипо умолчанию: белый цвет заливки ичерный цвет обводки, а также толщи-ну обводки равную 1 пт без пунктира

Обеспечивает отображение в индика-торе заливки или обводки текущегоцвета, который определяется в па-литре Color (Синтез)

Обеспечивает отображение в индика-торе заливки градиентной заливки,которая определяется в палитреGradient (Градиент)

Присваивает заливке или обводкепараметр "без атрибута", т. е. убираетзаливку или обводку

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

Процесс раскрашивания объектов состоит из двух этапов:

1. Выбор или синтез цвета.

2. Присвоение цвета заливке или обводке объекта.


Со способами выбора и синтеза цвета мы уже познакомились в предыдущемразделе. Еще раз перечислим их:

• синтез цвета в палитре Color (Синтез);

• выбор образца цвета в палитре Swatches (Каталог);

П выбор цвета из цветовой библиотеки.

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

Присвоение цвета выделенному объекту

Для присвоения цвета заливке или обводке объекта действуют по следующе-му алгоритму:

1. Выделяют объект или объекты.

2. Указывают, чему будет присвоен цвет— заливке или обводке объекта.Для этого выбирают один из значков заливки или обводки в блоке управ-ления цветом палитры инструментов или в палитре Color (Синтез). Вы-брать значок можно либо щелчком мыши, либо нажатием клавиши <Х>.Цвет, назначаемый любым способом, будет присваиваться либо заливкеобъекта, либо обводке, в зависимости от того, какой значок будет на пе-реднем плане.

3. Выбрать цвет любым из способов: в палитре Color (Синтез), палитреSwatches (Каталог), цветовой библиотеке.


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

Установка цветов по умолчанию

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

( Совет )Удобно использовать режим цветов по умолчанию при создании объектов.В этом случае процесс идет по стандартной методике: сначала делаем набро-сок простым карандашом, а затем — раскрашиваем.

136 Глава 3

j Практика Jj

Присвойте нескольким объектам цвета по умолчанию.

Смена цветов заливки и обводки

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


Поменяйте у одного из объектов цвета заливки и обводки.

Присвоение параметра без атрибута

Это очень важная операция. Она отменяет назначение заливки или обводкиобъекта, т. е. делает объект без заливки, без обводки, или без того и другогоодновременно.

Для того чтобы убрать обводку у объекта, необходимо:

1. Выделить объект.

2. "Вытащить" на передний план значок обводки.

3. Щелкнуть по кнопке None (Без атрибута).

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

1. Выделить объект.

2. "Вытащить" на передний план значок заливки.

3. Щелкнуть по кнопке None (Без атрибута).

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

С Примечание ^Очень часто путают белый цвет заливки и обводки с параметром None (Без ат-рибута). Разница налицо: в первом случае есть заливка, и есть обводка, но ониимеют белый цвет. Во втором случае нет ни того, ни другого. Они одинаковосмотрятся в случае белой подложки — бумаги или экрана монитора. Но в слу-чае цветной подложки разница между этими атрибутами существенна.



Нарисуйте большой прямоугольник и расположите на нем небольшой кругс различными цветами заливки и обводки таким образом, чтобы он нахо-дился на границе прямоугольника. Сделайте еще три копии этого круга(рис. 3.18). Присвойте заливке первого круга белый цвет, второго— пара-метр None (Без атрибута). Обводке третьего круга присвойте белый цвет,обводке четвертого— параметр None (Без атрибута). Сравните объекты.Результат выполнения операций показан на рис. 3.19.

Рис. 3.18. Эксперимент с присвоением параметра None. Начальное состояние

Рис. 3.19. Эксперименте присвоением параметра None. Конечное состояние

В режиме Outline (Макет) у всех контуров, независимо от параметров их за-ливки и обводки, всегда есть обводка, но нет заливки.


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

Замена текущего цветаНеобходимо выделить объект любым инструментом выделения и выполнитьодно из следующих действий:

1. Чтобы заменить текущий цвет заливки или обводки на цвет, показанный впалитре Color (Синтез), нужно нажать кнопку Color (Цвет) в блоке управ-ления цветом.

2. Чтобы заменить текущий цвет заливки или обводки на цвет, показанныйв палитре Gradient (Градиент), нужно нажать кнопку Gradient (Градиент)в блоке управления цветом.

138 Глава 3


Посмотрите, как действуют кнопки Color (Цвет) и Gradient (Градиент)в блоке управления цветом.

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

Этот способ является наиболее красивым и легким, но пользователи MS Win-dows к нему не очень привыкли. От первого способа присвоения цвета он от-личается тем, что перед присвоением цвета ничего выделять не нужно.

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

1. Активизировать значок Fill (Заливка) либо Stroke (Обводка) в блокеуправления цветом.

2. Выбрать образец цвета либо в палитре Color (Синтез), либо в палитреSwatches (Каталог), либо в Библиотеке образцов.

3. Мышью перетащить образец цвета на объект.

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

Таким же способом можно "перетаскивать" образцы цвета из блока управле-ния цветом: с кнопки Fill (Заливка) и кнопки Stroke (Обводка).


Также можно буксировать образец цвета для его сохранения из блока управле-ния цветом в каталог.

Процесс раскрашивания объектов методом буксировки показан на рис. 3.20.

Рис. 3.20. Процесс раскрашивания объекта методом буксировки

СоветЭтот способ удобно использовать, когда необходимо быстро раскрасить не-сколько объектов, а образцы цветов раскраски присутствуют в каталоге или


Библиотеке образцов. Для переключения между значками Fill (Заливка) иStroke (Обводка) в этом и других случаях удобно использовать клавишу <Х>.


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

Раскрашивание с помощью палитры управления

Палитра управления, появившаяся в Adobe Illustrator CS2, также предостав-ляет возможность раскрашивания объектов. Раскрашивание объектов с еепомощью можно выполнить довольно быстро и удобно, т. к. не нужно, как вдругих способах, вначале указывать, что будет раскрашиваться — и для за-ливки и для обводки есть отдельные поля (см. рис. 3.21—3.24).

Так, выделив объект и щелкнув по стрелке раскрытия списка в поле Fill (За-ливка) управляющей палитры, вы вызовите на экран палитру Swatches (Ката-лог) (рис. 3.21). Для заливки выделенного объекта нужно просто выбрать об-разец в палитре. Те же действия нужно предпринять для изменения цвета об-водки объекта, только раскрывать список нужно в поле Stroke (Обводка) (см.рис. 3.22).

, п

•4 аi

1JPith

аз*

±i

~r

и

!

9 :

Fill! ^

1

ItРис. 3.21. Вызов палитры Swatches

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

Рис. 3.22. Вызов палитры Swatchesиз управляющей палитры для изменения

обводки объекта

( Примечание ^Не забудьте о том, что этим способом окраски можно будет воспользоватьсятолько в том случае, если в меню палитры управления активен режим Fill andStroke (Заливка и обводка).

Щелкнув по кнопке раскрытия списка с удерживаемой клавишей <Shift>,можно вызвать и для заливки, и для обводки палитру Color (Синтез)

140 Глава 3

(рис. 3.23 и 3.24), в которых также можно выбрать или синтезировать цветдля заливки или обводки выделенного объекта.

Рис. 3.23. Вызов палитры Colorиз управляющей палитры для изменения

заливки объекта

Рис. 3.24. Вызов палитры Colorиз управляющей палитры для изменения

обводки объекта

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

Практика |

Выполните раскрашивание заливки и обводки нескольких объектов припомощи палитры управления, вызывая из нее палитры Swatches (Каталог)и Color (Синтез).

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

Индикация параметров в блоке управления цветом

При выделении какого-либо объекта цветовые параметры его заливки и об-водки индицируются на кнопках Fill (Заливка) и Stroke (Обводка) в блокеуправления цветом и в поле образца палитры Color (Цвет).


Выделите какой-либо объект и получите информацию о его цветовых па-раметрах (рис. 3.25).


Рис. 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>.


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

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


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

Н—П—иГ I

Ш Шш щQ

ШШШШШШШApptirsnca ^ Щ |

: Strokei Щ 3pt '

Default Trinsparencir

•••1:1.^]

;

Рис. 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.


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. Дословный перевод этого определения "живой" не совсем точноотражает суть, т. к. здесь это понятие применено не в значении "одушевлен-ный", а в значении "обладающий интеллектом", "думающий".


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

Инструментальные средства "живой" заливкиДля осуществления "живой" заливки и создания "живых" групп применяетсяосновное средство — инструмент Live Paint Bucket ("Живая" заливка). Оннаходится слева в третьем снизу ряду панели инструментов (см. рис. 1.8). Ря-дом с ним находится инструмент Live Paint Selection Tool ("Живое" выделе-ние), предназначенный для выделения отдельных элементов "живых" групп.И, наконец, в меню Object (Объект) существует команда Live Paint ("Живая"заливка), подкоманды которой предназначены для операций с элементами"живых" групп и настройки автоматического средства блокировки разрывов(см. раздел ""Живые"группы"главы 6).

I Практика 1

Найдите те инструменты и команды, о которых шла речь в данном разделе.


Выполнение заливкис помощью инструмента Live Paint Bucket

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

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

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

Это преобразование можно сделать с помощью инструмента либо команды.Более детально команды для обработки "живых" групп будут рассмотреныв разделе "Операции с "живыми" группами" главы 6, здесь же мы подробноразберем инструмент Live Paint Bucket ("Живая" заливка).

Для образования "живой" группы необходимо:

1. Выделить объекты инструментом Selection Tool (Выделение).

2. Перейти к инструменту Live Paint Bucket ("Живая" заливка).

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

4. Щелкнуть по одному из объектов. Он подсветится красным контуромбольшой толщины и указатель примет форму "ковшика" с черной полос-кой (рис. 3.32). Также будет подсвечиваться каждый из элементов образо-вавшейся "живой" группы при наведении курсора на него.


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

Рис. 3.31. Преобразование в "живую" группу.1-й этап

Рис. 3.32. Преобразование в "живую" группу.2-й этап

148 Глава 3

Заливка элементов "живой" группы

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

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

Для этого нужно "взять" образец или из палитры Swatches (Каталог), или изпалитры Color (Синтез). После этого опять необходимо поместить указательмыши над элементом живой группы, который необходимо раскрасить. Онбудет иметь форму ковшика с черной полосой, а элемент "подсветится" жир-ным красным контуром. В это время нужно щелкнуть по подсвеченномуэлементу. Процесс раскрашивания элементов "живой" группы показан нарис. 3.33 и 3.34.

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

Рис. 3.34. Выбранный элемент "живой" группыраскрашен

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

Практика

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

Копирование цветов

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


изображения), то в момент "взятия" образца необходимо нажать и удержи-вать клавишу <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 AgaiOK

Рис. 3.36. Реакция программы на неправильную работу пользователяс инструментом Live Paint Bucket

/ Практика

Смоделируйте неправильные действия при работе с инструментом LivePaint Bucket ("Живая" заливка) и внимательно рассмотрите содержимоепоявившегося диалогового окна. Все ли шаги вы делали правильно приосвоении нового типа объектов и нового принципа заливки?

Выделение объектовс одинаковыми цветовыми характеристикамиГоворя об изменении и назначении цветовых параметров заливки и обводки,нельзя не сказать об их выделении. Существует два основных способа выде-ления объектов с одинаковыми цветовыми характеристиками: с помощьюинструмента и при помощи команд (в дополнение ко всем остальным суще-ствующим способам выделения).


Выделение объектов инструментом Magic WandИнструмент Magic Wand Tool (Волшебная палочка) появился в AdobeIllustrator недавно и предназначен для выделения объектов с одинаковымицветовыми характеристиками.

( ПримечаниеИнструмент Magic Wand Tool (Волшебная палочка) также может выделятьобъекты с одинаковыми, а также близкими параметрами толщины контура, про-зрачности и режимов наложения.

/ Практика

Найдите инструмент Magic Wand Tool (Волшебная палочка). Он находит-ся в палитре инструментов во втором ряду под инструментом SelectionTool (Выделение).

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


Выявите, как работает инструмент 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 (Обводка).

( Примечание ~̂ )По сравнению с предыдущими версиями в новой версии программы AdobeIllustrator CS2 палитра Stroke (Обводка) приобрела дополнительные поля, по-зволяющие изменять положение обводки относительно контура. Это нововве-дение было объявлено фирмой Adobe в "горячей" десятке новшеств.


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).Эти опции действуют только для незамкнутых контуров. Есть смысл рабо-


тать с этими параметрами только при достаточно больших величинах толщи-ны контура. Различные варианты окончания линий показаны на рис. 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) — по центру, внутренней ивнешней.

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


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

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

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


Выделите любую кривую или геометрическую фигуру. Задайте ее обводкедостаточно большую толщину (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 пт.Последовательно применяйте к этому контуру срезанные, закругленные и


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

Рис. 3.45. Равномерный пунктир со срезанными,закругленными и квадратичными окончаниями штрихов

Внимание!

Все присвоенные контурам параметры, как и цвета заливки и обводки, отобра-жаются только в режиме Preview (Иллюстрация). В режиме Outline (Макет) отвсех контуров отображаются лишь тонкие черные каркасы (рис. 3.46 и 3.47).

1 А\ *****i s

•чч

чч

1 чми»

1 "1

* * И*

тI |

-

>

^ !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, час-то приходится создавать различные схемы, графики, пиктограммы, указатели


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

Конечно, 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 Практика

Выделите один из наконечников вашей линии инструментом GroupSelection Tool (Выделение в группе). Попробуйте изменить параметры его


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

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

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

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

В палитре Swatches (Каталог) представлено несколько образцов градиентныхзаливок. Далее мы рассмотрим, как редактировать их и создавать на их осно-ве свои собственные градиентные заливки.


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

Классификация градиентных заливокРассмотрим классификацию градиентов по двум признакам: по количествуцветов и форме линий перехода.

164 Глава 3

По количеству цветов градиенты делятся на:

• двухцветные — в них присутствует только два цвета;

О многоцветные — присутствует несколько цветов.

Так, в палитре Swatches (Каталог) первые два градиента представляют собойдвухцветные градиенты, остальные — многоцветные.

По форме линий перехода градиенты делятся на:

• линейные (linear) — переход от цвета к цвету происходит по прямымлиниям;

• радиальные (radial) — переход от цвета к цвету происходит по окруж-ностям.

Так, в палитре Swatches (Каталог) второй и пятый образец — это радиальныеградиенты, остальные линейные.

Примечание j

Существуют и другие виды градиентов, например, квадратичные, конусныеи т. д. Но в Adobe Illustrator представлены только эти два основных вида гради-ентов.


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

Отображение и изменениепараметров градиентаОсновные работы по изменению параметров градиентов, а также по их соз-данию происходят в палитре Gradient (Градиент), которая вызывается на эк-ран с помощью одноименной команды из меню Window (Окно) или комби-нации клавиш <Ctrl>+<F9>.

Описание палитры Gradient

Практика |

Вызовите на экран палитру Gradient (Градиент). Внешний вид палитрыизображен на рис. 3.51.


Образец -_Тип

градиента

Позиция" выбранного

маркера

Рис. 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 (Положение) отображаетсяего позиция в процентах. Эти маркеры можно перемещать. Перемещая мар-


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

( Примечание ^

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

/ Практика

Поочередно выделите начальный и конечный маркеры и посмотрите на ихпозицию. Пробуйте сдвигать маркеры к центру и наблюдать, какие изме-нения происходят в выделенном объекте с этой градиентной заливкой. Ка-кие значения нужно ввести в поле Location (Положение) для начальной иконечной точек, чтобы градиент занимал половину объема фигуры в еесредней части? (Ответ: 25 % и 75 %). Введите эти значения.

Ромбик над шкалой градиента называется промежуточная точка или цвето-вой центр (gradient slider). Эта точка обозначает ту позицию в градиенте, гдесодержание обоих цветов составляет 50 %. По умолчанию она находится всередине шкалы и в середине объекта, т. е. цвета присутствуют в растяжке вравном соотношении. Смещая этот маркер, мы добиваемся увеличения коли-чества того или иного цвета.

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

/ Практика

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

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

168 Глава 3

Создание двухцветных градиентов

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

Первый способ. Необходимо выделить одну из опорных точек и выбрать цветв палитре Color (Синтез) или выбрать цветовой образец из палитры Swatches(Каталог) при нажатой клавише <Alt>.

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


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

Сохранение образцов градиентных заливок

При создании новой цветовой растяжки в палитре Gradient (Градиент) ста-рый теряется, поэтому при необходимости повторного использования образ-цы растяжек нужно сохранять. Для сохранения созданных цветовых растяжекв палитре Swatches (Каталог) используются те же методы, что и при сохране-нии образцов цвета (см. раздел "Добавление образцов в каталог" данной главы).


Создайте несколько двухцветных градиентных заливок с различными па-раметрами и сохраните их в каталоге.

Создание многоцветных градиентов


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


вует количеству цветов, и между двумя опорными точками всегда нахо-дится точка цветового центра (рис. 3.52).

Рис. 3.52. Палитра Gradient при активизации многоцветной растяжки

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

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


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

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

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

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

• Одновременно выполнить и создание, и настройку опорных точек. Дляэтого нужно перетащить образец цвета из палитры Swatches (Каталог) илиColor (Синтез) и "бросить" его в нужной позиции на шкале.

170 Глава 3

j Практика

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

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


Перейдите к цветовым параметрам по умолчанию. Нарисуйте квадрат сзакругленными углами. Сделайте его уменьшенную копию масштабиро-ванием от центра (рис. 3.53). Это удобно сделать с помощью инструментаScale Tool (Размер) при нажатых клавишах <Alt> и <Shift>.

Назначьте большему квадрату градиентную черно-белую линейную за-ливку (первый образец среди градиентных заливок в каталоге). Меньшемуквадрату также присвойте эту заливку, но измените направление линий напротивоположенное (угол 180°). Уберите контур у обоих квадратов.Окончательный вариант кнопки показан на рис. 3.54.

Рис. 3.53. Создание кнопки.1-й этап работы

Рис. 3.54. Окончательный варианткнопки

Настройка градиентовс помощью инструмента GradientКроме палитры Gradient (Градиент) существует инструмент Gradient Tool(Градиент), который находится в четвертом ряду снизу в правой части палит-ры Tools (Инструменты).


Этот инструмент позволяет:

• применять "сквозную" градиентную заливку к нескольким объектам;

О изменять характер градиентной заливки у одного объекта.

"Сквозная" градиентная заливка

Рассмотрим первую область использования инструмента Gradient Tool(Градиент) на примере.


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

Рис. 3.55. Градиентная заливка применилась к каждому объекту в отдельности

Рис. 3.56. "Сквозная" градиентная заливка

Изменение характера градиентной заливки

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

172 Глава 3

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

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


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

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

Рис. 3.57. Создание шара.1-й этап работы

Рис. 3.58. Полученный из кругашар

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


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

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

Рис. 3.59. Пример практической работы "Домик"

Рис. 3.60. Пример практической работы "Замок"

174 Глава 3

Необходимые условияГлавные требования, которые нужно постараться соблюсти, следующие:

О при самостоятельной разработке внешнего вида работы необходимо при-держиваться заданной тематики (не самолет, не трансформер, а именножилище);

• все элементы, входящие в работу, должны быть созданы на основе гео-метрических фигур и линий, в работе должны быть представлены все ти-пы геометрических фигур, которые можно создать в Adobe Illustrator, ипрямые и кривые карандашные линии;

П для получения составляющих работу элементов необходимо максимальноиспользовать все виды трансформирования и при работе вспомнить всеспособы их совершения;

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

• в некоторых объектах необходимо изменить параметры контуров так, что-бы это соответствовало общему стилю и замыслу работы;

• окончательная работа должна представлять собой законченную компо-зицию.

Порядок выполнения1. Продумайте смысловое содержание вашей работы. Желательно нарисо-

вать макет будущего домика или замка на бумаге.

2. В Adobe Illustrator создайте новый файл (лучше — формата А4) и сохрани-те его в папке глава з под именем домик или замок. Во время работы не за-бывайте периодически выполнять операцию сохранения.

3. Если это необходимо, измените ориентацию вашей страницы.

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

5. Установите цветовые параметры заливки и обводки по умолчанию или пе-рейдите к режиму Outline (Макет).

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

7. Соберите все элементы воедино.

8. Измените параметры контура.


9. Синтезируйте необходимые цвета и градиенты и выполните раскраскуэлементов работы.

10. Окончательно сохраните файл.

Примеры работВ этом разделе приведены примеры работ по заданной тематике, выполнен-ные студентами Менеджер-центра СПбУКИ. Не судите их слишком строго,

Рис. 3.61. Примеры домиков

176 Глава 3

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

На рис. 3.61 собраны лучшие шедевры из серии "Домик", а на рис. 3.62и 3.63 — из серии "Замок".

Рис. 3.62. Примеры замков — часть 1


Рис. 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),проявляются следующие элементы кривых: это управляющие линии (controlline) и управляющие точки или регуляторы (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 (Перо). Второй — когда после рисования вы хотите заняться другими ве-щами и перейти к следующему инструменту. Третий и четвертый можно приме-


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


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

Рисование прямых линийПрямая линия — это частный случай ломаной. В терминологии AdobeIllustrator прямые линии также называют прямолинейными сегментами. Длярисования прямых линий с помощью инструмента Pen Tool (Перо) необхо-димо щелкнуть мышью в начальной точке, затем в конечной, и закончить ри-сование любым из способов. Клавиша <Shift>, нажатая после первого щелч-ка, позволяет нарисовать строго вертикальную, строго горизонтальную ли-нию и линию, наклоненную к горизонту под углом 45°.


Нарисуйте несколько прямых линий разной длины и расположенных подразными углами наклона. Также нарисуйте линию, состоящую из несколь-ких прямолинейных перпендикулярных сегментов (рис. 4.6).

( Примечание )Раньше рисование с помощью инструмента Pen Tool (Перо) было единствен-ным способом рисования прямых. В более поздних версиях Adobe Illustratorпоявился альтернативный инструмент Line Segment Tool (Прямолинейныйсегмент).

/ Практика ~j

Вспомните процесс рисования прямых с помощью инструмента LineSegment Tool (Прямолинейный сегмент). Нарисуйте несколько линий.Сравните два эти способа.

Рис. 4.6. Пример линий для рисования

184 Глава 4

Рисование плавных кривыхТруднее всего научиться рисовать плавные кривые (кривые Безье), используяинструмент Pen Tool (Перо).

Рисование простейшей кривойДля рисования плавной кривой нужно:

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

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

• продолжить процесс до тех пор, пока не будет достигнута нужная длина иформа линии (рис. 4.9).

Рис. 4.7. Рисование плавной кривой.1-й этап

Рис. 4.8. Рисование плавной кривой.2-й этап

Рис. 4.9. Рисование плавной кривой. Конечный этап

ПримечаниеОкончание рисования замкнутой и незамкнутой плавных кривых аналогичноокончанию рисования замкнутой и незамкнутой ломаных.



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

Выпуклые и 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).

Г \

i I >

N[7

!\ )

Рис. 4.13. Плавные кривые, нарисованные с использованием сеткии при действии клавиши <Shift>


Отобразите на экране сетку и нарисуйте несколько кривых, похожих накривые, изображенные на рис. 4.13.


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

Некоторые кривые могут состоять и из криволинейных, и из прямолинейныхсегментов. В этом случае в кривой будут присутствовать и гладкие, и угло-вые точки (рис. 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>.


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


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

Инструментарий для редактирования кривыхРассмотрим, какие инструменты применяются для этой цели. В основном этоинструменты из группы Pen Tool (Перо) (см. рис. 4.4). Кроме того, это дваинструмента для выделения частей контура и два отдельных инструмента длявыполнения конкретных операций. Все инструменты, применяющиеся приредактировании контуров, представлены в табл. 4.1.

Таблица 4.1. Инструменты редактирования кривых

Инструмент

Direct Selection Tool(Частичное выделение)

Lasso Tool (Лассо)

Pen Tool (Перо)

Add Anchor Point Tool(Добавить опорную точку)

Delete Anchor Point Tool(Удалить опорную точку)

Convert Anchor Point Tool(Преобразовать опорную точку)

Reshape Tool (Форма)

Scissors Tool (Ножницы)

Быстраяклавиша

<A>

<Q>

<P>

<+>

<->

<Shift>+<C>

<C>

Функция

Выделение отдельныхэлементов кривых

Выделение отдельныхэлементов кривых

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

Добавление опорных точек

Удаление опорных точек

Преобразование вида опорныхточек

Изменение формы кривых

Разделение контуров

190 Глава 4

j Практика ^

Найдите эти инструменты и разместите их в составе отдельных палитр наэкране. Инструмент Reshape Tool (Форма) находится в группе инструмен-тов Scale Tool (Размер), а инструмент Scissors Tool (Ножницы) — над ин-струментом Zoom (Масштаб).

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

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

( Примечание ^Все опорные точки контура выделяются и в том случае, если при выделении мыохватили только некоторые из них.


Выделите какую-либо кривую или геометрическую фигуру инструментомSelection Tool (Выделение), заострив внимание на описанном нюансе.

Выделение отдельных элементов кривой осуществляется с помощью инстру-ментов Direct Selection Tool (Частичное выделение) и Lasso Tool (Лассо).

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

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

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


Рис. 4.18. В кривой выделен сегмент


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

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

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

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


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

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

192

1 Практика

Попробуйте выполнить выделение опорных точек в нескольких

Глава

объектах.

4

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

Рис. 4.19. Первый этап выделения опорной точки

Рис. 4.20. Второй этап выделения опорной точки


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

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


[ Практика \

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

( Совет )̂Очень удобно пользоваться инструментом Lasso Tool (Лассо) при выделениинескольких опорных точек; если они находятся в разных местах кривой, выде-лить их можно без использования дополнительных клавиш.

Операции по редактированию кривыхРассмотрим основные операции редактирования кривых.

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

Есть три способа настройки криволинейного сегмента.

• Выделить сегмент и перемещать сам сегмент. Изменится его форма.

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

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

( Примечание ")Перемещение при настройке каждым из способов должно происходить при ак-тивном инструменте Direct Selection Tool (Частичное выделение).

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

Перемещение сегмента


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

7 Зак. 1380

194 Глава 4

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

Рис. 4.21. Состояние контура до перемещения сегмента

Рис. 4.22. Состояние контура после перемещения сегмента

ПримечаниеНажатая клавиша <Shift> в этом и других случаях ограничивает возможностиперемещения углами, кратными 45°.

Перемещение опорной точки

/ Практика ~~jj

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

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

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


Рис. 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. Задание на закрепление способов настройки криволинейного сегмента

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

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


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


Нарисуйте прямоугольник. Выделите боковую грань и переместите ее впроизвольном направлении (рис. 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. Выделить опорную точку одним из инструментов частичного выделения.


3. Переместить одну из управляющих точек

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

Рис. 4.33. Исходное состояние кривой


Рис. 4.34. Состояние кривойпосле преобразования типа точки

и настройки сегмента сверху от опорной точки

Рис. 4.35. Состояние кривойпосле преобразования типа точки

и настройки сегмента снизу от опорной точки


Попробуйте выполнить подобное преобразование.

Преобразование угловых точек в гладкие

Чтобы осуществить обратное преобразование, необходимо сделать следую-щее:

1. Выделить кривую.


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. Диалоговое окно с указанием применять текущий инструментк сегменту или контуру


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

(~ Примечание ^При желании пользователь может установить режим, при котором это сообще-ние не будет появляться в подобных ситуациях. Для этого нужно активизиро-вать флажок Don't Show Again (He показывать снова).


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

та v,И) г

<

Рис. 4.39. Пример на практическое применение операции добавления опорных точек

Удаление опорных точек

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


В качестве примера на удаление опорной точки выполните преобразова-ние прямоугольника в прямоугольный треугольник (рис. 4.40).

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

202 Глава 4

Ъ >• ; /

Рис. 4.40. Пример на практическое применение операции удаления опорных точек

Добавление и удаление опорных точекпри помощи инструмента Pen Tool

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

Удаление изолированных точек

При работе с контурами очень часто образуются изолированные точки. Онине видны на экране, и до поры до времени никак не проявляют себя. Но прибольшом скоплении объектов эти точки могут негативно повлиять на всюработу. Поэтому их надо периодически удалять. Для этого необходимо зайтив меню Object (Объект), выполнить команду Path (Контур) и подкомандуClean Up (Вычистить). За удаление изолированных точек отвечает первыйпараметр в одноименном диалоговом окне (рис. 4.41).

. D p i e t e ••••-•-.•,•-._•••

Р £:idyfv,ini •':::;:;

17 ^painted Object

17 Empty Text Patr

, ггж:..:1

Рис. 4.41. Диалоговое окно Clean Up

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

Выделив отдельные опорные точки и сегменты, к ним можно применять теже преобразования, что и к целым объектам, а именно:


• удаление;

• перемещение;

• копирование;

П масштабирование;

П поворот;

П наклон;

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

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

Преобразование сегментов


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

Преобразование опорных точек


Нарисуйте прямоугольник, эллипс и звезду с большим количеством лучей.Выделив две соседние точки у прямоугольника, превратите его в равно-бедренную трапецию с помощью инструмента 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

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


П Horizontal (Горизонтальное);

П Vertical (Вертикальное);

• Both (Оба).


Нарисуйте два прямоугольника и выделите любым инструментом частич-ного выделения две противоположенные вершины, принадлежащие раз-ным фигурам (рис. 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 (Выделение) и перемещать в разные сторо-


ны. Пример исходного объекта и объекта после разрезания приведен нарис. 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. Варианты соединенияконтуров



Нарисуйте две карандашные кривые примерно так, как показано нарис. 4.55. Выполним первый вариант соединения, показанный на рис. 4.56.Для этого необходимо любым из инструментов частичного выделения вы-делить две крайние левые точки у обоих контуров. Выделить их можнолибо обведя рамкой или произвольной кривой (в зависимости от выбран-ного инструмента), либо щелкая по точкам инструментом Direct SelectionTool (Частичное выделение) при нажатой клавише <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. Этапы разделения объекта на части



Перейдите к инструменту 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 shapeareas (Исключение пересе-кающихся областей)

Непересекающиеся области исходныхобъектов входят в новый объект, а пересе-кающиеся области делаются прозрачными(операция "исключение")

Divide (Разделение) Разбивает сложный объект на простыеобъекты — закрытые контуры

Trim (Обрезка) Удаляет все части объектов, которые яв-ляются скрытыми, при этом объекты с оди-наковыми заливками не объединяются

Merge (Слияние) Удаляет все части объектов, которые яв-ляются скрытыми, при этом объекты с оди-наковыми заливками объединяются

Crop (Кадрирование) Удаляет все части объектов, которые вы-ходят за границы самого верхнего объекта

Outline (Обводка) Разбивает сложный объект на простыеобъекты — открытые контуры

Minus Back(Минус нижний)

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

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



Нарисуйте прямоугольник и эллипс так, чтобы они пересекались, и залей-те их разными цветами. Сделайте еще 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

/ Практика

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


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

Рис. 4.66. Примеры использования операции Intersect shape areas

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

Рисование контурапри помощи инструмента Pencil ToolСамый простой способ — нарисовать контур с помощью рисующих инстру-ментов. О работе с инструментом Pencil Tool (Карандаш) мы уже говорили(см. раздел "Рисование произвольных линий с помощью инструмента Pencil"главы 1). Этот способ обычно любят профессиональные художники. Наличиеграфического планшета позволяет сделать работу по рисованию более прият-ной. Иногда карандашом рисуют черновой контур, чтобы ориентироваться нанего в процессе создания основного контура другими методами.

216 Г пава 4

( Совет )

Не забывайте, что после рисования контура карандашом вы можете подпра-вить его либо самим карандашом, либо используя инструмент Smooth Tool(Сглаживание).

Создание контурапри помощи инструмента Pen Tool

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

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

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

Создание сложной кривойиз простейших контуров

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


Объединение кривых и фигурИ, наконец, последний способ. Здесь также можно привести аналогию с кон-структором, но в качестве деталей будут выступать не проволочные контуры,а замкнутые фигуры и линии. Все элементы можно нарисовать и потом объ-единить, используя операцию Add to shape area (Добавление в составнойобъект) палитры Pathfinder (Обработка контуров) (см. раздел "Операциивзаимодействия объектов. Палитра Pathfinder" данной главы).


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

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

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

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


Создайте новый файл и сохраните его в папке глава 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. Спортивный логотип, выполненныйстуденткой Екатериной Дюковой


А вот Ирина Леонова и Ольга Сыч не стали копировать образцы, а решилипридумать свои собственные логотипы. И хотя кривых в них оказалось неочень много, а больше стандартных элементов оформления, работы доста-точно интересны по замыслу и воплощению (рис. 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).


Рис. 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. Текстовые инструменты

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


Создайте новый файл. Найдите в палитре Tools (Инструменты) группу ин-струментов для работы с текстом (третий ряд сверху справа) и отобразитеее на экране в виде отдельной палитры.

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

224 Глава 5

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

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

ПЕСНИ НАШЕГО ВЕКА

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

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

В фильме использованы уникальныевидеоматериалы записи альбома "Песни нашего века",презентации проекта на XXV фестивале имениВалерия Грушина и концерта в ГКЦЗ "Россия" .

В первый альбом вошли такие хорошо известныепесни, как "Атланты", "Милая моя", "За туманом","Перекаты, "А все кончается", "Ночная дорога","Домбайский вальс" и др.

Рис. 5.3. Пример блочного текста


Горизонтальный текстГоризонтальный текст— это обычный текст, используемый в большинствестран и в большинстве работ при оформлении массивов основного текста,заголовков, а также коротких и длинных надписей и подписей. Горизонталь-ный текст в Adobe Illustrator может быть как заголовочным, так и блочным,(см. рис. 5.2 и 5.3).

Вертикальный текстВертикальный текст был введен в программу для того, чтобы ее могли ис-пользовать в Японии. В последних версиях программы при вводе вертикаль-ного текста можно менять ориентацию: она может быть стандартной(Standart) или повернутой (Rotated). Примеры вертикального текста различ-ной ориентации приведены на рис. 5.4. Вертикальный текст также можетбыть и заголовочным, и блочным. У нас этот вид текста применяется в каче-стве одного из способов оформления заголовков, а также в качестве текстово-го эффекта для коротких фраз.

д0жди

3TJО

О

Рис. 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 пт (см. раздел "Фор-матирование символов" данной главы).

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


Ввод горизонтального текста

Для ввода горизонтального заголовочного текста необходимо перейти к ин-струменту Type Tool (Текст). Указатель мыши будет иметь вид небольшойвертикальной черточки с засечками. Его нужно закрепить (щелкнуть им) влюбом месте пространства и вводить текст. Для ввода следующего массиватекста нужно снова активизировать текстовый инструмент, закрепить курсорв другом месте и ввести следующий текстовый фрагмент.

( Примечание )Вместо активизации инструмента Type Tool (Текст) каждый раз перед вводомнового текстового фрагмента можно нажимать клавишу <Ctrl> и щелкать в лю-бом свободном месте пространства (этим вы временно переходите к инстру-менту Selection Tool (Выделение) и снимаете выделение с текстового фраг-мента).


Перейдите к инструменту Type Tool (Текст), закрепите курсор в любомместе экрана и введите любую текстовую фразу. Затем введите еще однуфразу в другом месте экрана.

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

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


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

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

228 Глава 5

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

Не- сразу все- устроилось,**

Москва- не- сразу строилась, 11

Слезам Москва- не- верила,^

А; верила-делам...то

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

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

с Т|римечаниеЕсли при активизации инструмента Type Tool (Текст) нажать клавишу <Shift>,то вид курсора изменится и будет вводиться вертикальный текст.


Введите несколько фрагментов вертикального заголовочного текста раз-личной ориентации, состоящих из одной и из нескольких строк (рис. 5,8).

Рис. 5.8. Фрагменты вертикального заголовочного текста


ПримечаниеИзменение ориентации всего фрагмента вертикального текста или его отдель-ных символов можно выполнить до или после его ввода, выполнив командуStandart Vertical Roman Alignment (Стандартная вертикальная ориентация) изпалитры Character (Символ).

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

Если вы ввели горизонтальный текст, а нужно было — вертикальный, илинаоборот, то ориентацию всего текстового фрагмента можно поменять, выде-лив его инструментом Selection Tool (Выделение) и выполнив одну из под-команд команды Type Orientation (Ориентация текста) из меню Туре(Текст).


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

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

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

Ввод горизонтального текста

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

х

1I

Рис. 5.9. Начальный этап ввода блочного текста


Введите фрагмент блочного текста. Пример фрагмента блочного текстаизображен на рис. 5.10.

230 Глава 5

И» Ливерпульскийвсегда

Рис. 5.10. Введенный фрагмент блочного текста

При вводе блочный текст будет распределяться в пределах рамки и автома-тически переходить со строки на строку. Все это время будет происходитьввод одного абзаца. Нажатием клавиши <Enter> вы принудительно можетеперейти к вводу следующего абзаца, а нажатием комбинации клавиш<Shift>+<Enter> — к следующей строке в пределах того же абзаца.


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

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

седлают около крыльца. Уж горожане

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

отца.

Не хмурьте лоб, коль было согрешенье, то будет

время обо всем забыть. Вставайте, мир ждет

вашего решения: быть иль не быть, любить иль не

любить.

Рис. 5.11. Фрагмент блочного текста, состоящий из нескольких абзацев

Переполнение текстовых блоков

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


( Примечание )В предыдущих версиях Adobe Illustrator квадратик с признаком переполненияпоявлялся только тогда, когда переполнение было. Начиная с версии AdobeIllustrator CS квадратик проявляется всегда при выделении текстового фрагмен-та инструментом Selection Tool (Выделение). Только когда переполнения нет,он голубой и прозрачный, а когда есть — он становится малиновым и в нем по-является знак "+". Этот квадратик можно назвать маркером связи, т. к. исполь-зуется он при установке связи между текстовыми блоками (см. раздел "Уста-новка связи между текстовыми блоками" данной главы).

пере!) бурею иа ллачте topsim

сбятого Эльма свечки, omotpeSaiom

intti.iJfa JJ 1.1 Я TinЩпрг лаип .jj»

Рис. 5.12. Пример текстового блока с признаком переполнения

З3..,начь перед бурвю..на мачте гарятО~витого Эльма свечки отогревают

Z.,ZQdxi*..

найдется никогда.

Рис. 5.13. Текстовый блокс увеличенным размером

г 3.ЯОМЬ-ЛЙРЙЙ..

зурвкг на

Рис. 5.14. Текстовый блокс уменьшенным размером


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

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

232 Глава 5

Ввод вертикального текста

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

lI* S! f

a

pУкaX

H

a

кaM

eH

H

Ы

дePжaT

H

e6

aT

Л

aH

T

Ы

вeкaX

i

3

a6ыT

Ы

e

в

X

Л

e6ai

nиT

ья

и

1aм

бе3

Рис. 5.15. Примеры блоков вертикального текста


Введите несколько фрагментов вертикального блочного текста.

Удаление пустых текстовых блоков

При вводе блочного текста, особенно вначале, могут появляться пустые тек-стовые блоки. В режиме Preview (Иллюстрация) они не видны, но могут ме-шать вводу и выделению других фрагментов текста и совершению операцийс объектами. Во избежание этого необходимо периодически заходить в менюObject (Объект), выполнять команду Path (Контур) и подкоманду Clean Up(Вычистить). За удаление пустых текстовых блоков отвечает флажок EmptyText Path (Пустые текстовые блоки).

/ Практика

Перейдите к режиму Outline (Макет) и посмотрите, есть ли у вас на экра-не пустые текстовые блоки. Удалите их с помощью соответствующейкоманды.


Импорт и экспорт текстаТак как работы, создаваемые в 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 появилась возможность,выделив контур фрагмента блочного текста одним из инструментов частичноговыделения, изменить форму текстовой рамки. В данном случае эта возмож-ность не нужна, но при выделении блока текста одним из инструментов частич-ного выделения она может быть использована абсолютно случайно и не по на-значению.

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

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

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

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


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

сразу все устроилось.

"t срази строилась.зам AftocK.bcH e верила,

вериладелала...

Рис. 5.18. Пример фрагмента текста, выделенного текстовым инструментом


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

Для выделения всего текста в блоке, даже если он не виден, удобно приме-нять команду АН (Все) из меню Select (Выделить) или комбинацию клавиш<Ctrl>+<A>, предварительно закрепив текстовый курсор в этом блоке.


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

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

Назначение параметров текстуСуществует три пути при назначении параметров тексту.

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

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

236 Глава 5

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

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

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

Форматирование символовОсновной способ форматирования символов — форматирование с использо-ванием палитры Character (Символ), вызываемой с помощью командыТуре | Character (Текст | Символ), из меню Window (Окно) или комбинацииклавиш <Ctrl>+<T>.

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


Как правило, эта палитра изначально размещается вместе с палитройParagraph (Абзац).


Разместите на экране палитру Character (Символ), если у вас ее еще нет.

Режимы отображения палитры Character

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


палитры. Различные режимы отображения палитры 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.

Н е с р а з у в с еустроилось,М о с к в а не с р а з устроилась.

Из Ливерпульскойгавани всегда почетвергам, суда уходятв плаванье к далеким,берегам..

3ЕЛЕНАЯ

КАРЕТА

ГО2 ОС* Я> Э

•§ 2 z

^ шо » ш•° М "о

й ™ S

IP?> а »

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

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


A f?*ii Yauaa абвф ia 12Н-6Й айуо пауоТа?Yeuia naa+ёё, .оТайаафо iaae ашё са ала(абаеюйаТаа.

Рис. 5.22. Текстовый фрагмент, отформатированный гарнитурой,не содержащей русских букв

Изменение гарнитуры с помощью команды Туре / Font

Изменить гарнитуру можно также с помощью команды Font (Гарнитура), вы-зываемой из меню Туре (Текст) или из контекстного меню. Начиная с версииAdobe Illustrator CS в этой команде появилось усовершенствование, которогоочень давно ждали пользователи и которое делает работу в программе намно-го удобнее и приятнее. Теперь в списке гарнитур отображаются не просто ихназвания, а образец написания символов в этой гарнитуре, а также значкомперед названием шрифта указывается его тип (рис. 5.23). Галочкой отмечает-ся текущая гарнитура.


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

0 Ariel BlackT .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 MStl courier6' Courier NewО courier stdT 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 (Символ). Найдите шриф-ты, для которых можно менять одно начертание, два, три, все четыре воз-


можных начертания. Выделите большой текстовый фрагмент и присвойтеему гарнитуру, для которой можно изменять все четыре начертания. При-свойте разным фразам внутри этого фрагмента все четыре возможных на-чертания. Пример текстового фрагмента с фразами различных начертанийприведен на рис. 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 (Авто), которое находитсяв верхней части списка.

/ Практика

Установите стандартное значение интерлиньяжа в экспериментальномфрагменте текста.


Тихо по веткам шуршит снегопад. Сучья трещат на огне. В этичасы,когда все еще спят,что вспоминается мне?

Неба забытая просинь, давние письма домой. В царстве

чахоточных сосен быстро сменяется осень долгой полярной

зимой.

Снег, снег, снег, сне/, снег над палаткой кружится. Вот икончается наш краткий ночлег.

Рис. 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. Неизменный кернинг в паре символов "ны"

Практика |

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


Установка значений трекингаТренинг (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. Базовая линия и символы, к которым применен сдвиг базовой линии


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


Выполните пример на оформление верхних и нижних индексов (рис. 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).


Рис. 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) — применяется для форматирования небольших до-полнительных массивов текста (типа вступлений или аннотаций) или ре-же — основного текста;


П по центру (center) — применяется для форматирования заголовков и ко-ротких фраз;

• по правому краю (right) — применяется при форматировании абзацев типапосвящение или эпиграф;

• по формату (justify) — основной вид выключки при форматировании мас-сивов основного текста;

• полная (full) — применяется для равномерного распределения текста присоздании спецэффектов.

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

При выключке по формату выравниваются и левый и правый край за счетувеличения межбуквенных интервалов и пробелов во всех строках фрагмен-та, за исключением последней, она остается прижатой к левому краю. За этотвид выключки отвечает четвертая кнопка в верхней части палитры, и, начи-ная с версии Adobe Illustrator CS, она называется Justify with last line alignedleft (Полная с последней строкой, выровненной по левому краю).

А при полной выключке по обоим краям выравниваются все строки фрагмен-та, в том числе и последняя. Начиная с версии 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). Значения вэтих полях изменяются в пунктах и их можно либо вводить, либо автомати-чески изменять, пользуясь кнопками счетчика.


Практика |

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

СоветНе забывайте, что 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). При выделении несколькихабзацев все или некоторые поля в палитре могут быть пустыми, а кнопки вы-ключки — неактивными. Это указывает на то, что к выделенным абзацам бы-ли применены различные параметры форматирования.



Просмотрите параметры нескольких абзацев в ваших текстовых блоках.

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

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

Изменение параметров абзаца в заголовочном тексте

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


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

Не верь в разлукилишь с »

Не верь в разлуки, старика, их круг -лишь сон, ей богу.

Не верь в разлуки, старина, их круг •лишь сон, ей богу.

старина, их круг-, ей богу.

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

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

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

256 Глава 5

Форматированиепри помощи палитры управленияПалитра управления, появившаяся в Adobe Illustrator CS2, позволяет произве-сти и операцию форматирования текста. Основные поля для форматированиясимволов и абзацев, отображаемые в палитре управления, показаны нарис. 5.44.

Выключка Выключкапо левому по правом)/

Гарнитура Кегль краю краю

Вызов Начертание Вызовпалитры палитрыCharacter Paragraph

Рис. 5.44. Поля для форматирования текста в управляющей палитре

ПримечаниеТакой вид палитра управления будет иметь, если в ее меню активны режимыCharacter (Символ) и Paragraph (Абзац).

Согласно общей концепции, параметры Character (Символ) и Paragraph(Абзац), расположенные на панели палитры управления, являются ссылками,вызывающими соответственно палитры Character (Символ) и Paragraph(Абзац).


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

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


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


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

• гарнитура — 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).


Ввод текста

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


Создайте новый файл. Установите цветовые параметры по умолчанию.Нарисуйте в нем все возможные типы фигур и кривых (рис. 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 (Макет) и посмотрите, как эта страницатекста выглядит там.


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

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

1 :v\/

\ (Ь '

iч

о

АЛЛ.

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

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

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


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

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

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

При выделении текста, расположенного вдоль контура, проявляется сам кон-тур и на нем три I-образных маркера (см. рис. 5.52): начальный, центральныйи конечный. Эти маркеры находятся, соответственно, в точке ввода текста,в конце кривой и на полпути между крайними маркерами. Они отвечают заопределенные операции. В случае замкнутого контура местонахождение на-чального и конечного маркеров совпадает.

262 Глава 5

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

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

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

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


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

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

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

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

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

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


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

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


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

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

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

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


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

264 Глава 5

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

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

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

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


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

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

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


подкомандами команды 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


ПримечаниеУвидеть контур, для того чтобы сравнить результаты, можно в режиме 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.


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

//

\\

\\

\

(

\\\

\\/

/

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

внутри области

На

кшш, л a

Зимнем 1)№КфежнЁм

Вшечи. Не нылм»

нынче.

t*eewt: дпарцы йна месте, a npt<»titi»ra

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

внутри контура

С» «to»If **Й «t *»

i> i м t n t d

iVtf mriOTT M X J <jwa

«bi, you m

С

EF ум я

k i

С

Си tlAt I y»J

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

270 Глава 5

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

/ Практика

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

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

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


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

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

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

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

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



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

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

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


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

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

\

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

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

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

272 Глава 5

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

Изменение параметров контура и заливкидля заголовочного текстаНачнем рассмотрение с заголовочного текста, т. к. он существует сам по себе:никаких оболочек и контуров вокруг него нет, поэтому речь об изменениипараметров контура и заливки пойдет только для символов.

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

Раскрашивание

/ Практика

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

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

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

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


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


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

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

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


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

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

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

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

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

274 Глава 5

j Практика 7

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

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

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

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

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

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


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

//

/

/лето.

/

\

ЧНЛО1

с

\4

о1 • f

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

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

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

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

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

А

А \/тахи жаль)

/что кончилось^

ле> лето,

.'лето..

ч

\

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

276 Глава 5

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

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

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

При выделении блокаинструментом Щ| (толькоконтейнер)

В Р>Г

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

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

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


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


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

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

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

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


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

278 Глава 5

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

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

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

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


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

Копирование

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


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


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

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

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


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

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

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

280 Глава 5

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

Принципы совершения преобразований везде одинаковы.

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

Т Р А Н С Ф О Р М И Р О В А Н И Е Т Е К С Т А

при выделении ижтрушн- j При ёыдемнии инетру-

лмм QD ""б» S 3 (текст и \ ментом [§3 (только кон-

контейнер) либо любым из Щ | тейнер)

Вотдо**,

рЫЙ 111>СТ|Н>НЛ

Джек, А это -э ф ф е к т ы ,которые мы

рыйДжек.з ф фкотор

построилА это -е к т и (

ли мы

дом, кото-рый

Дж*як..о ф фсотор.

построил 1А уга -ft К Т М |

1ft МЫ

— »

ВотД О И » К£ИГЧ>-

рый

Дкм.а ф ф

1ШСТ)И)ИА 1

Л это -е к т м ,

которые мы

Масштаб Ырование

Нот дом,который

А это -коггорыс мы изучаем...

Поворот

Bt« дом,

это - .хоторыч

Ч. в tt у ч

которыйДжек, А

мы1ем. . .у

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


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

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

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


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

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

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

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


Нарисуйте несколько различных объектов и задайте для них обтеканиетекстом.

282 Глава 5

[Text Wrap Options

Offset; J£J6pt

Г hvertwrap

Г окCancel

Г Preview

1j

Рис. 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 masterefcxumentandfor indnWual иЫкшпепч. Wwi jou view or prim the subdue umem «s part of theexpanded master document Word displays the subdocument using the stytes from the masterdKwnenf s template. To view or print the subdacumatt using J$> the style from its originalt e m p l a t e * - * ш * ~ орея the subdocurnent Ы Rs own / w i n d o w .also ust 4Ш ^ ш ^ d i f f e r e n t tern p 'а1ш§г w or uses e t t i n g s Я | •' j w«fim i h « / ~ - ч «•- / pl.i-s « 1ыm a s U r H Ц Ш d o c u m e n t / \ й / a n d rbr Indkrldualdocum«its. ЧИВнШу When you 0Р^ ^ ^ ^ view a print thedxumertt a s ^ ^ ^ ^ p a r t of the expandei master document Vbrd displaythe 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 (Объект). Наложите объекты, для которыхвы задали обтекание, на текст, и убедитесь, что текст обтекает их по кон-туру. Пробуйте перемещать объекты по массиву текста и наблюдать, чтообтекание сохраняется, где бы объект не находился.


Для объекта с заданным обтеканием можно выполнить две операции: отме-нить обтекание и изменить его параметры. Эти операции выполняются длявыделенного объекта с уже заданным обтеканием с помощью команд TextWrap | 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. Выделенный фрагмент текстапосле операции преобразования в контуры

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

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


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

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

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


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

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

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


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

286 Глава 5

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

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

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

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

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


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

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

Заливка градиентомИ наконец, преобразованные в контуры символы могут быть залиты гради-

ентной заливкой.


Выполните градиентную заливку символов одного из фрагментов преоб-разованного текста.


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

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

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

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

Ybu can also use different templates Щ oruse different settings within thetemplates К for the master documentand for individual subdocumerfts. Whenyou view of prim the subdccument aspan of the expanded master document,Wbrd displays the subctocument usin/. ;the styles from the master document's

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

288 Глава 5

ШЙПВ t t » styles ftorrnrigM\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 (Создать) используется для установления связимежду уже существующими, не связанными отдельными текстовыми блока-


ми. Подкоманда 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 комплексном использовании нескольких различных приемов.

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

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

• приглашение может быть любого размера;

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


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

• название работы (само слово "Приглашение" или "Приглашаю" или"Пригласительный билет" и т. п.);

• основной текст работы (кто приглашает и зачем);

• поле для указания места встречи;

• поле для указания даты и времени встречи;

• эти поля могут быть расположены произвольным образом, но они должныбыть оформлены по-разному;

П при оформлении текста необходимо применять различные текстовые эф-фекты (но главное — не перебарщивать);

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

Порядок выполнения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

В а с SS ... . Д. , t>

:

дизайн"

•

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

В работе Марии Старковой выбран оригинальный шрифт для оформленияосновного текста приглашения (рис. 5.93).

вас погетить наш}»"Шоу за бильярЬным столом".

Казино "Глобус" 25 Мая

Рис. 5.93. Работа Марии Старковой


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

УважаемыежителиС-Петербурга!Ждём вас всубботуна открытиивещевой ярмаркиПопова"

Масяня приглашаетBad

На пр езен тацию своего

нового мультфильма!Будет кру-у-у-то!

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

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

10Bj

шцсту,

T'oj-pavn

ePICOCTOMIC

о>ч:пи

ЛАШ!

'•28.02.03

"uocce д.б у

ипы\\

•L

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

В работе Юлии Константиновой (рис. 5.98) оформление тонко сочетается сосмысловым наполнением работы, хотя кривых здесь и не очень много.

294 Глава 5

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

приглашает Вас на открытке нового

: . ; : ' . r : i j - :•;..'.• • ' " с е з о н а , •• :'•:;••

15 апреля Паш адрес-2003 года СШ

ЖДЕМ ВАС!

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

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

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

Праздник сотоктсж 21 июня 2003 год» в19.00 часов ветер» в ресторане "Сеул".

Рис. 5.100. Работа Марии Кононовой

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


Уважаемые if

приглбракоНик сп.

(*щ

ашаем

лахолмир и Елена,

Вас на церемониюсочетания Ирины иая.

/*~**\

реля^по аяре^*' as

prigiashawпа koronaziw

vsem vsem

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.6). Раскрасьте фигуры в разные цвета. Переместите эллипс назадний план по отношению к прямоугольнику. Получилась ли у вас башняот замка (рис. 6.7)?

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


Рис. 6.6. Нарисованыпрямоугольник и эллипс

Рис. 6.7. Эллипс перемещен на задний планпо отношению к прямоугольнику

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

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

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


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

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

шшшшшт1 «Ah9n ^IfeilHi

D«»rlbul« ObJ*dsi

Di:'.ibLiieSp.idr,g:

•••

•AJAuto

HiyiV-7

• . • • - •

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

300 Глава 6

( Примечание ~~)

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


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

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


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

Выравнивание и распределениес помощью палитры управления

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


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

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

Рис. 6.9. Управляющая палитра в режиме выравнивания


Эти кнопки дублируют кнопки палитры 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>. После этого объектыможно перемещать, трансформировать, задавать атрибуты контура и заливкикак единому целому. Особенно часто к группе объектов применяется опера-ция масштабирования. При этом взаимные пропорции объектов не наруша-ются.


СоветЗапомните комбинацию клавиш <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>. После разгруппировки все объекты остаются выделенными. Это выде-ление необходимо снять, после этого можно работать с каждым объектом какс самостоятельным.


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

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


ее элементов, возникает и в случае осознанного синтеза группы при помощикоманды Group (Сгруппировать).

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

• инструмент Group Selection Tool (Выделение в группе) — для получениядоступа к самому объекту целиком и последующего выполнения над нимразличных операций и изменения свойств;

• инструменты Direct Selection Tool (Частичное выделение) и Lasso Tool(Лассо) — для получения доступа к его контуру и опорным точкам для по-следующего совершения операций по редактированию контура.

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

/~ Практика |

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

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

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

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

306 Глава 6

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

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


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

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

/ Практика

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

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


ду 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 (Отменить изоляцию группы), в палитреуправления изоляция будет отменена автоматически при выделении любогодругого объекта на рабочем пространстве (но не щелчку мышью по пустомуместу).


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 пт и атрибут "без заливки".

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


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


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

Обычные и "живые" группы имеют как сходства, так и различия. Визуальномежду ними нет практически никакой разницы, кроме маркеров при выделе-нии (рис. 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 ("Живое" выде-ление) и поместить указатель мыши над тем элементом, параметры которогонеобходимо изменить. Причем, что конкретно будет выделено, заливка илиобводка элемента, зависит от формы указателя. Так, если он принимает видстрелки с закрашенным черным треугольником, и элемент подсвечивается


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

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

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


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

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

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

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

314 Глава 6

I Практика ^

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

Общее описание

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

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

Команда

Make (Образовать)

Add Paths(Добавить контуры)

Release(Освободить)

Gap Options(Параметрыразрывов)

Expand(Преобразовать)

Результат операции

Создает "живую" группу

Добавляет новыйконтур(ы) в существую-щую группу

Выполняет действие,обратное образованию"живой" группы

Описываются парамет-ры разрывов длянезамкнутых контуров,образующих "живую"группу

Преобразует "живую"группу в обычную группу,имеющую иерархиче-скую структуру

Начальные условия

Выделить объекты инструментомSelection Tool (Выделение)

Выделить "живую" группу и кон-тур(ы) инструментом SelectionTool (Выделение)

Выделить группу или ее элементлюбым из инструментов выделе-ния

Команда активна всегда.

Для отображения разрывов в"живых" группах используетсякоманда Show Live Paint Gaps(Показать разрывы "живых" групп)из меню View (Просмотр)

Выделить группу или ее элементлюбым из инструментов выделе-ния

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

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


Рис. 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-дисках. Эти картинки можно оставлятьбез изменений, а можно обрабатывать различным образом, создавая на ихоснове свои собственные иллюстрации.

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

Растровые изображения

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


В памяти машины такие изображения хранятся в виде числовых матриц, иразмер графического файла зависит от цветности и цветовой модели. Напри-мер, описание каждого пиксела в черно-белом изображении занимается 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-изображении). Применяется эффек-тивный алгоритм сжатия, за счет чего файл занимает меньше места;


О PSD (PhotoShop Document) — используют в качестве промежуточногоформата при работе в Photoshop, а также при передаче данных в другиепрограммы.

Одним из десяти объявленных компанией Adobe новшеств Illustrator CS2 яв-ляется возможность работы со слоями в документах Photoshop (форматаPSD), внедренных, связанных или открытых внутри Illustrator.

Самые известные векторные форматы:

О WMF (Windows MetaFile) — стандарт векторной графики в MS Windows;

• EMF (Enhanced MetaFile)— еще один формат векторной графики в MSWindows;

• 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. При межпрограммном обмене данными он заключается в том, что гра-


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


Этот метод работает не для всех пар программ.


Попробуйте выполнить передачу графических объектов методом 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

setuperr log

Щ setuplog.txt

|i*]ShellIronCac

Soap Bubble:1

sptsupd.log j

Qspwhpt.dll |Ю StiJTrace.loj

'erSumida.bmp

Santa Fe Stucco.bmp

SBWIN.INI

SchedLgU.Txt

schedule.ini

sergvp.ad

|«jsergvp.pcb

Filename

Rles Of type:

Rhododendron.bmp

All Formats

UwAdobe Piafog I

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

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

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


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).


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

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


Illustrator CS появилась возможность выполнять загрузку файлов Adobe Illust-rator в существующие документы Adobe Illustrator посредством команды Place(Поместить). При этом, начиная с файлов 9-й версии, можно как внедрять этиизображения, так и связывать. Изображения помещаются в документ AdobeIllustrator в формате 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 можно выполнять над загру-женными растровыми изображениями.


Трансформирование

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

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


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


Попробуйте найти у себя на компьютере и загрузить растровое изображе-ние в оттенках серого и перекрасить его. Исходное и перекрашенное изо-бражения показаны на рис. 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. Внешний вид экранав режиме Preview

Рис. 6.40. Внешний вид экранав режиме Outline


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

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

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


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

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

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

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

Практика |

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

332 Глава 6

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

Перекрашивание рисунков

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

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


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

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


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

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


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

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

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

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

334 Глава 6

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

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

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

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


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

Эффект прозрачности

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


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


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

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

Экспорт изображений

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

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

П через меню File (Файл) и команду Save As (Сохранить как);

П через меню File (Файл) и команду Export (Экспортировать).

Используя первый способ, можно сохранять объекты в следующих форматах(помимо сохранения документа в собственном формате и сохранения файла-шаблона):

336 Глава 6

• Adobe PDF;

• Illustrator EPS;

• SVG;

• SVG Compressed (SVG со сжатием).

При выборе какого-либо из перечисленных форматов, вводе имени файла ивыбора кнопки Save (Сохранить) появляется следующее диалоговое окно длязадания параметров сохранения файла в этом формате. Оно имеет большоеколичество параметров. Именно в них произошли изменения (добавления иулучшения), декларированные компанией Adobe в категории новшеств "Workwell with others" (улучшение работы с другими).


Создайте новый файл, нарисуйте в нем какой-либо объект и выполнитекоманду Save As (Сохранить как) из меню File (Файл). В поле Save Astype (Тип файла) выберите 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 на


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

TIFF Options j

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

<~ Medium

Г ether | S dpi

."[[У Iл 1

Cancel |

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 forMicrosoft Office (Сохранить для Microsoft Office). Эта команда позволяет со-хранять изображение в формате PNG.

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


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

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


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

П для передачи сложных изображений, созданных в 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). Трассировка бываеттрех видов:

П ручная;

• полуавтоматическая;

• автоматическая.

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


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


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

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

Внимание!

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

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

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

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

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

342 Глава 6

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

Рис. 6.51. Результат трассировкив режиме Color 6

Рис. 6.52. Отредактированнаяиллюстрация

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

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


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


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 (Трассировка).

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


Списокрежимов


Максимальное количествоцветов в полученной

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

Выборрежима отображениярастрового оригинала

Вызовдиалогового окна

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

Минимальныйэлемент


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

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

Кнопкапреобразования

в группу

Кнопкапреобразованияв "живую" группу

/ Практика

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

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


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

После проведения первичной трассировки образуется векторный объект типаtracing (трассированное изображение) (см. рис. 6.51). При необходимостиего дальнейшей обработки можно пойти двумя путями:

• преобразовать объект в обычную группу с иерархической структурой;

• преобразовать объект в "живую" группу.

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

346 Глава 6

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


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

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

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


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

Рис. 6.55. Исходное растровое изображение и его копияпосле применения фильтра Object Mosaic


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

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

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

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

Последовательность действий

/ Практика

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

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

348 Глава 6


1. Создайте новый файл формата А4.

2. Сохраните его В папке Глава 6 ПОД именем Рассказ в картинках.

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

4. Введите заголовок рассказа и отдельные текстовые фразы.

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

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

6. Загрузите иллюстрации.

7. Выполните все необходимые операции над иллюстрациями.

8. Разместите иллюстрации согласно намеченному плану.

9. Откорректируйте взаимное положение текстовых фрагментов и иллю-страций.

10. Сохраните работу.

Примеры выполненияДалее приведено несколько примеров работ, выполненных по этому заданиюстудентами Менеджер-центра СПбГУКИ. Работ по предложенному заданиюбыло выполнено гораздо больше, все они были интересны не только пооформлению, но и по содержанию, но, к сожалению, объем книги не позволя-ет вместить все примеры, которые хотелось бы показать.

Студентка Людмила Семиженко выбрала для своих работ, туристическуютематику (рис. 6.56). Она выполнила все требования, предъявляемые к рабо-там; использовала заголовочный текст, и растровые, и векторные иллюстра-ции и разместила работы на фоне, что сделало их более привлекательными.А в работе Ирины Борщевской применен интересный эффект к тексту(рис. 6.57).

В рассказах Карины Султан-Бековой (рис. 6.58) и Юлии Константиновой(рис. 6.59) абсолютно разные иллюстрации связаны очень оригинальным со-держанием.

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


Путешествие

( .1»!

по Евоопо.

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

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

I ем мы ели

и urn )!i.vi:.nv,

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

ВСТРЕЧУ

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

И

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

350 Глава 6

Жил-Был ш

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

И встретил

оказалось к. Ш

За бабочкой скаоэ

Садьба

\кот-Оеюрмот—^— бэйкер стрит

Яе-» которая летела хак

ыОн побежал

там собоалисьсамые известные

я^Я^Ш звери городе.

И у бабочки со слоном раскошная К

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

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

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

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

раз и наконец появиласьиз бушующих волн жареная

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

со своей Ш ШОнМ такой чудесной пищей

и поэтому съел ее сам.

Она очень долго ждала его

и поатомуусгкла

ОТСЮДА МОРАЛЬ:Никогда не забывай о

РОДИТЕЛЯМ!

Рис. 6.59. Рассказ Юлии Константиновой

ГЛАВА 7

Специальные эффекты, фильтрыи библиотеки. Вывод на печать.Подготовка изображенийдля Интернета

Основная часть этой главы посвящена операциям, которые очень нравятсяначинающим пользователям и которыми можно заниматься бесконечно —специальным эффектам, фильтрам и применению образцов из библиотек.Размещен этот материал в конце книги, потому что, несмотря на всю ориги-нальность получающихся объектов, в практических работах эти операциидолжны применяться крайне редко и осторожно, и чрезмерное увлечениеэтой автоматизацией может привести к утрате вкуса и собственного стиля вработе. Мы рассмотрим лишь основные векторные эффекты и фильтры, су-ществующие во многих программах векторной графики. Во второй частиглавы описывается последний этап работы — подготовка к выводу на печатьи применение программы в Web-дизайне. Завершающая работа курса пред-ставляет собой очень характерную для векторной графики и востребованнуюв реальной практике печатную продукцию— упаковку, выполняя которуювы сможете применить все свои навыки и знания, полученные в результатеизучения этой книги.

ЭффектыЭффекты (Effects) — это понятие очень широкое и многообразное. В широ-ком смысле слова все операции, которые мы совершаем над объектами в про-граммах векторной графики, можно назвать эффектами. В узком смысле сло-ва это некоторые операции, не входящие в ряд основных и ранее рассмотрен-ных нами, преображающие внешний облик объектов и служащие длядекоративных целей.

352 Глава 7

Эффектов существует очень много. Если бы мы начали книгу с их разбора, тоее объем увеличился бы до бесконечности (именно поэтому мы ими заканчи-ваем). Рассмотрим основные эффекты, характерные как только для AdobeIllustrator, так и для других программ векторной графики.

МаскированиеПодобный эффект существует во многих программах векторной графики иверстки.

Описание эффекта

Эффект маскирования заключается в том, что есть два объекта: один —маскируемый, второй — маска. Маска накладывается на маскируемый объекти он "обрезается" по контуру маски (рис. 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). Этот объект имеет статус сложного объекта, и поэтому


доступ к входящим в его состав простым объектам (а в нашем случае это ил-люстрация и геометрическая фигура) может осуществляться с помощью ин-струментов Group Selection Tool (Выделение в группе) и Direct SelectionTool (Частичное выделение) (см. раздел "Получение доступа к отдельномуобъекту в группе" главы 6). Над входящими в состав сложного объекта со-ставляющими можно производить все доступные операции, но чаще всеговыполняют две: корректировку взаимного положения маски и маскируемогообъекта и восстановление заливки и обводки маски.

Корректировка взаимного положения

Иногда тяжело сразу перед операцией маскирования определить точное по-ложение маски относительно маскируемого объекта. Для того чтобы откор-ректировать взаимоположение маски и маскируемого объекта уже после опе-рации маскирования, необходимо выделить маску или маскируемый объектинструментом Group Selection Tool (Выделение в группе) и выполнить егоперемещение.

( Совет )

Если тяжело выполнить выделение в режиме Preview (Иллюстрация), можновременно перейти к режиму Outline (Макет).


Попробуйте переместить маску относительно маскируемого объекта имаскируемый объект относительно маски в одном из объектов, получив-шихся после маскирования.

СоветВ случае, когда в качестве маскируемого объекта выступает векторная иллюст-рация, лучше выделять не ее, а маску.

Восстановление заливки и обводки

Для того чтобы вернуть маске заливку и обводку, нужно выделить ее инстру-ментом Group Selection Tool (Выделение в группе) и назначить ей необхо-димые цветовые характеристики. Этот прием часто применяется в декора-тивных целях. Пример объекта после маскирования и объекта с восстанов-ленными цветовыми характеристиками маски приведен на рис. 7.6.

/ Практика ][

Выполните декоративное раскрашивание маски и изменение параметровее контура на одном из получившихся в результате маскирования объ-ектов.

356 Глава 7

Рис. 7.6. Объект после маскирования и объектс восстановленными цветовыми характеристиками маски

Примеры маскированияЭффект маскирования имеет много вариантов применения. В этом разделеприведены лишь некоторые варианты его воплощения.

Маскирование иллюстраций текстом

Очень модный и часто используемый в различных изданиях прием — маски-рование растровых изображений одним символом или текстом.

с СоветДля того чтобы этот эффект смотрелся, шрифт должен быть крупным и с тол-стыми контурами, а содержание текста должно по смыслу быть близким тому,что нарисовано на картинке.


Загрузите какую-либо растровую картинку. Введите слово заголовочноготекста, желательно всеми заглавными буквами. Присвойте символам по-лужирное начертание. Увеличьте размер символов. Откорректируйте раз-мер иллюстрации так, чтобы слово целиком помещалось на ней. Наложитетекст на иллюстрацию и выполните операцию маскирования иллюстрациитекстом. Пример подобного эффекта показан на рис. 7.7.

Рис. 7.7. Эффект иллюстрации, маскированной текстом


Маскирование текста текстом

В качестве маски и в качестве маскируемого объекта можно выбирать текст.Только текст, выступающий в качестве маскируемого объекта, должен бытьмелким, а текст, выступающий в качестве маски — крупным.


Введите фрагмент блочного текста мелким шрифтом. Введите слово заго-ловочным текстом заглавными буквами и присвойте ему полужирное на-чертание. Увеличьте размер символов во фрагменте заголовочного текста.Подгоните ширину текстового блока к длине фрагмента заголовочноготекста. Наложите заголовочный текст на блочный и выполните операциюмаскирования. Пример эффекта маскирования текста текстом приведен нарис. 7.8.

gins.wi.therwo

in settni, the sp

indent W-paragraiising indenting, ycrdocunand rig

it. Весаmargin:

oeiefmbet'rau spe-an also ojil not tirgin

iveran vxt and tlistancelected |indent

tertnin ТПе"!

eofthep«ge.V\rttext fro|_Jme ггЦphsfromothg«graph/erall w

Рис. 7.8. Эффект маскирования текста текстом


Придумайте свой эффект маскирования и выполните его.

Создание переходовПожалуй, нет в программах векторной графики более популярного эффекта,чем эффект бленда (создание переходов или, по-другому, объектная растяж-ка). Возможности этого эффекта и варианты его применения безграничны, имможно заниматься часами и выявлять все новые и новые формы примененияэффекта. Мы рассмотрим этот раздел достаточно подробно не только длявсестороннего изучения данного эффекта, но и для того, чтобы вы могли уяс-нить общую схему действий при самостоятельном разборе многочисленныхэффектов, предлагаемых программами компьютерной графики.

Описание эффекта

Эффект заключается в том, что между двумя объектами создается серия про-межуточных объектов, которые представляют собой плавное перетекание

358 Глава 7

объекта из одной формы в другую с плавным перетеканием цветов этих объ-ектов. В качестве исходных объектов можно использовать любые замкнутыеи незамкнутые контуры, а также символы и текст, преобразованные в кон-туры.

( ПримечаниеЕсли у объектов есть и заливка, и обводка, происходит отдельное перетеканиецветов заливки и отдельное перетекание цветов обводки.

Инструментарий для создания эффектаДля создания и различных преобразований эффекта бленда используется ин-струмент Blend Tool (Превращение), который находится в правой части па-литры инструментов в третьем снизу ряду под инструментом Gradient (Гра-диент) и над инструментом Scissors (Ножницы), и подкоманд команды Blend(Превращение) из меню Object (Объект).

Создание переходов

/ Практика Jj

Создайте новый документ формата А4 и сохраните его в папке Глава 1 подименем Бленд. Нарисуйте круг в левом верхнем углу страницы и квадрат вправом нижнем углу. Залейте их разными цветами близкими по тону, на-пример, желтым и оранжевым (рис. 7.9).

Рис. 7.9. Начальные условия для создания эффекта бленда


С помощью командыКогда эффект бленда создается при помощи команды, создается серия про-межуточных объектов вдоль прямой, соединяющей центры объектов. Передвыполнением эффекта объекты необходимо выделить, а затем выполнитькоманду Blend | Make (Превращение | Создать) из меню Object (Объект).Обратное действие можно выполнить над получившимся блендом, если вы-делить его и выполнить команду Blend | Release (Превращение | Исключить)из меню Object (Объект).


Выделите оба объекта и выполните команду. Получившийся эсбражен на рис. 7.10.

вект изо-

ПримечаниеУ вас на экране промежуточных объектов может быть больше или меньше,в зависимости от того, какие цвета вы задали для исходных объектов.

Рис. 7.10. Эффект бленда, выполненный с помощью команды

Команда Blend | Expand (Превращение | Конвертировать) из меню Object(Объект) позволяет превратить бленд в группу обычных объектов.


Выделите получившийся бленд и выполните команду конвертирования.Теперь перейдите к инструменту Group Selection Tool (Выделение в груп-

360 Глава 7

пе) и попробуйте поочередно выделять промежуточные объекты, переме-щать их в сторону и наблюдать за получившимися формами. Конвертиро-ванный бленд и несколько перемещенных промежуточных форм показанына рис. 7.11.

Рис. 7.11. Конвертированный бленд и отделенные промежуточные объекты

( Совет )Бленд иногда применяют не только по прямому назначению, чтобы получитьгруппу объектов, но и чтобы получить подобные промежуточные формы.

С помощью инструмента

Создание эффекта бленда с помощью инструмента Blend Tool (Превращение)отличается от создания эффекта с помощью команды Blend (Превращение)тем, что имеется возможность задать перетекание между любыми опорнымиточками объектов.


Отмените эффект бленда, выполненный с помощью команды. Выделитеоба объекта и перейдите к инструменту Blend Tool (Превращение). Указа-тель мыши должен принять вид квадратика с "хвостом". При его подведе-нии к какой-либо из опорных точек объекта квадратик закрасится, а около"хвоста" появляется крестик. Выделите одну из опорных точек на верхнемобъекте и одну из опорных точек на нижнем объекте. На рис. 7.12 нужныеточки обведены в кружок. Получившийся эффект показан на рис. 7.13.


Рис. 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 (Про-смотр), в случае изменения параметров бленда после его создания можноувидеть результаты изменений, не выходя из диалогового окна.


Попробуйте различные варианты блендов с различными параметрами на-стройки. Бленды с 10-ю промежуточными формами и с расстоянием 10 сммежду ними показаны на рис. 7.15 и 7.16.

Рис. 7.15. Блендс 10-ю промежуточными объектами

Рис. 7.16. Бленд с расстоянием 10 сммежду промежуточными объектами

Основные операции с переходами

Над получившимися блендами можно совершать операции как характерныетолько для блендов, так и общие операции, доступные для всех объектовAdobe Illustrator.


Направление вдоль произвольного контура

Одной из самых интересных операций над блендом, позволяющей придумы-вать ему разные неожиданные применения, является возможность направлятьбленд по произвольному контуру. Для того чтобы сделать это, нужно сначаласоздать обычный бленд, где объекты переходят друг в друга по прямой ли-нии, и отдельно нарисовать любой замкнутый или незамкнутый контур. По-сле этого необходимо выделить и бленд, и контур, и выполнить команду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 Практика ~\

Вспомните, какие операции и как можно производить над отдельнымиобъектами в составе группы, и выполните всевозможные трансформиро-вания промежуточных объектов и изменение их формы.

Выполнение преобразований

Над блендом можно совершать практически все операции, доступные дляпростых контуров, созданных в программе, в частности, бленд можно под-вергать любым трансформированиям.


Вспомните операции трансформирования и способы их совершения ипримените их к созданному бленду.

Примеры переходов

Как уже было сказано, блендами можно заниматься бесконечно. В этом раз-деле в качестве отправной точки приведено несколько примеров блендов ме-жду различными объектами.

Между разными фигурами

Самый распространенный случай переходов — переходы между разными фи-гурами.



Создайте несколько различных переходов между разными фигурами,варьируя параметры блендов.

Между одинаковыми фигурами разного размера

Интересны примеры переходов между одинаковыми фигурами разных разме-ров. Причем при выборе различных опорных точек для переходов итоговыекартины будут абсолютно разными.


Нарисуйте два эллипса разных размеров и расположите их один под дру-гим. Залейте их одной и той же краской. Сделайте копию этих фигур(рис. 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. Примеры переходов между незамкнутыми контурами


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 (Просмотр), позволяющий увидеть результаты применения эф-фекта, не выходя из диалогового окна.


3D Extrude & Bevel Options

OK

Cancel

Map Art. .

More Options

Г Preview

Perspective: JO*

Extrude & Beve

Extrude Depth:

Bevel;

Height:

50 pt

In None

z

Cap; [Wj:: *>

Surface: jPlastic Shading j

Рис. 7.26. Диалоговое окно 3D Extrude & Bevel Options


Активизируйте флажок 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 (Вращение) болеесложная, требует больше времени на выполнение и больше ресурсов компь-ютера и позволяет вращать объекты, применяя к ним эффект "карусели". Тоесть объем в данной команде достигается за счет поворота объекта вокругоси, проходящей через его центр.


Последовательно вызовите диалоговые окна команд трехмерного враще-ние и поворота, рассмотрите параметры в этих диалоговых окнах и приме-


ните эффекты к различным типам объектов. Результаты применения эф-фектов 3D | Revolve (3D | Вращение) и 3D | Rotate (3D | Поворот) приве-дены на рис. 7.28 и 7.29.

Рис. 7.28. Применение эффекта трехмерного вращения

•ДЩЩКА

Рис. 7.29. Применение эффекта поворота

СоветТрехмерные эффекты достаточно сложны и для описания получившихся объ-ектов используется очень много контуров. Поэтому будьте готовы к тому, что насоздание этих эффектов, а также на отображение их на экране будет затрачи-ваться определенное время. При желании применить какой-либо из эффектов впрактической публикации, его создание лучше оставить на заключительнуючасть работы.

372 Глава 7

ФильтрыФильтрами (filters) называют специальные функции программы, позволяю-щие применять к объектам те или иные эффекты и дополняющие ее основныефункции и возможности.

Фильтры — это тема для отдельного издания, т. к. их очень много, каждый изних имеет множество параметров настройки, и, применяя эффекты к различ-ным объектам, можно добиться совершенно разных результатов. Поэтому мырассмотрим лишь основные моменты, связанные с фильтрами, что предоста-вит вам большое поле деятельности и даст свободу вашей фантазии.

Общие принципыХотя программа Adobe Illustrator и является программой векторной графики,кроме векторных фильтров, сосредоточенных в верхней части меню Filter(Фильтр), в ней представлены и растровые фильтры, расположенные в ниж-ней части этого меню и частично повторяющие фильтры программы AdobePhotoshop.

( Примечание ^)

В Adobe Illustrator CS 2 в меню Filter (Фильтр), как и в меню Effects (Эффекты),добавились поясняющие надписи: где какие фильтры находятся.

Для того чтобы применить фильтр к объекту, необходимо выделить его, зай-ти в меню Filter (Фильтр), выбрать необходимую команду и подкоманду.

( Примечание JПри выделении векторных объектов недоступны подкоманды растровыхфильтров, и наоборот, при выделении загруженных растровых или преобразо-ванных к растровым иллюстраций недоступными являются векторные фильтры.Исключение составляют некоторые фильтры из меню Colors (Цвета) и Create(Создание).

Большинство фильтров имеет множество параметров, которые необходимонастроить перед применением фильтра. Практически все диалоговые окнанастройки фильтров имеют флажок Preview (Просмотр), позволяющий про-смотреть результат действия фильтра, не выходя из диалогового окна, и приотрицательном результате изменить параметры настройки.

Первая команда в меню Filter (Фильтр), вызываемая также по нажатию ком-бинации клавиш <Ctrl>+<E> позволяет применить последний выбранныйфильтр к этому же или другому выделенному объекту с предыдущими на-стройками, а вторая подкоманда из этого меню вызывает диалоговое окнонастройки последнего отработанного фильтра.


Фильтры и инструментыдеформирования объектовНекоторые из фильтров уже были рассмотрены или упомянуты нами при раз-боре предыдущих тем (см. разделы "Инструментарий для работы с цветом "и "Создание стрелок" главы 3 и "Преобразование растровой графики в век-торную" главы 6). Остановимся более подробно на фильтрах группы Distort(Деформация) и на инструментах этой группы.

Фильтры деформирования

Фильтры деформирования собраны в команде Distort (Деформация) менюFilter (Фильтр). С их помощью можно по-разному искажать объекты: добав-лять перспективу, втягивать и раздувать, огрублять, добавлять помарки,скручивать и создавать зигзагообразные контуры. Для применения какого-либо фильтра к объекту или объектам необходимо выделить их, зайти в менюи выполнить соответствующую команду. Перед тем как применять векторныефильтры к символам, словам или фразам, их необходимо преобразовать вконтуры (см. раздел "Преобразование текста в контуры " главы 5).


Опытным путем изучите действие фильтров группы 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


с СоветОригинальные эффекты могут получиться, если последовательно применить кобъекту несколько различных фильтров. Но здесь главное — не переборщить.

Инструменты деформирования

Группа инструментов, предназначенных для искажения объектов, находитсяв палитре 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


Выделите объект после применения эффекта и убедитесь, что выделяетсяисходный объект (рис. 7.38), а при переходе к режиму Outline (Макет) во-обще отображается исходный объект без эффекта (рис. 7.39).

ЖЕКАЛК

Рис. 7.38. Выделенный объектпосле применения эффекта Warp | Arc Lower

Рис. 7.39. Отображение объектапосле применения эффекта в режиме Outline

Все примененные к объекту эффекты отображаются в палитре Appearance(Внешний облик) (рис. 7.40). Информацию о палитре Appearance (Внешнийоблик) см. в разделе "Индикация цветовых параметров" главы 3.

• туре

Ch-arafcters /•'•'•

Default Trsr. ip jreno;

Рис. 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.


Работа с палитрой Symbols (Символы) во многом напоминает работу с па-литрой Swatches (Каталог). Так же, как и в каталоге, у этой палитры могутбыть различные режимы отображения. Механизм проведения многих опера-ций (создание нового образца, редактирование образца и т. д.) аналогиченмеханизму проведения этих операций в каталоге.


Разместите на экране палитру Symbols (Символы). Рассмотрите образцы,представленные в ней. Вспомните, как изменяется внешний вид палитрыSwatches (Каталог) (см. раздел "Палитра Swahes" главы 3), и с помощьюкоманд из меню палитры Symbols (Символы) измените режимы отобра-жения образцов символов в палитре.

Сохранение символов в палитре

Для того чтобы сохранить символ в палитре, необходимо сначала его создатьв документе (или загрузить извне), а затем разместить либо перетащить обра-зец символа мышью с поверхности рабочего стола в палитру, либо выделивсимвол и воспользовавшись командой New Symbol (Новый символ) менюпалитры, либо выделив символ и щелкнув по соответствующей кнопке внижней части палитры.

/ Практика

Вспомните, какие типы объектов существуют в Adobe Illustrator. Нарисуй-те различные типы геометрических фигур, прямые и кривые замкнутые инезамкнутые линии. Введите различные виды текста. Загрузите несколькорастровых и векторных изображений. Разместите все созданные объекты ввиде образцов в палитре Symbols (Символы), используя все возможныеспособы размещения.

•••••••Symbols тЩЦ

в к;• ' " :

! ;-.,/..„.

'•v. ^ «>

\ • • " • : • • i '

- -

У ii

Рис. 7.41. Процесс перемещения мышью образца символа с поверхности рабочего столав палитру Symbols

380 Глава 7

, „ /

Рис. 7.42. Палитра Symbols с новыми образцами символов

На рис. 7.41 и 7.42 изображен процесс перемещения мышью образца сим-вола в палитру и палитра Symbols (Символы) с новыми образцами сим-волов.

Размещение символов в документеДля размещения символов из палитры Symbols (Символы) в документе такжеможно использовать несколько способов, самый простой из которых — пере-тащить мышью образец символа из палитры на рабочий стол. Также можно,выделив образец символа в палитре, воспользоваться командой Place SymbolInstance (Разместить экземпляр символа) меню палитры или соответствую-щей кнопкой в нижней части палитры.

/ Практика

Разместите образцы стандартных символов, имеющихся в палитре и по-мещенных туда вами, в документе, используя все возможные способы.

Загрузка новой библиотеки символовКроме создания своих собственных библиотек символов, можно использо-вать объекты из стандартных библиотек символов, которые в большом коли-честве включены в Adobe Illustrator CS. Все символы в стандартных библио-теках — это векторные рисунки на основе кривых. Для того чтобы загрузитьдругую библиотеку символов, необходимо выполнить команду Open SymbolLibrary (Открыть библиотеку символов) из меню палитры и выбрать нужнуюбиблиотеку. Эту же операцию можно выполнить, выбрав соответствующуюподкоманду команды Symbol Libraries (Библиотеки символов) из менюWindow (Окно). Библиотека загрузится в виде отдельной палитры. Вид биб-лиотеки трехмерных символов показан на рис. 7.43.


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 (Символьныеобъекты), начиная с первого, и рассмотрите параметры в диалоговых ок-нах настройки.


Применение стилейПалитра 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 GraphicStyle Library (Открыть библиотеку графических стилей) из меню палитрыили вызвав их с помощью подкоманд команды Graphic Styles Libraries (Биб-лиотеки графических стилей) из меню Window (Окно).


Разместите на экране несколько палитр стандартных графических стилей.Примените стандартные стили к различным объектам. Отмените действиепоследнего стиля.

Рисование кистьюКисть является одним из основных инструментов редакторов растровой гра-фики и при изучении программ растровой графики работе с кистями уделяет-ся очень большое внимание. В программах векторной графики, в том числе ив Adobe Illustrator средства для рисования кистями и настройки кистей такжеприсутствуют, но они играют второстепенную роль в создании объектов ислужат скорее элементом для создания различных оформительских эффектов.

Инструмент Paintbrush Tool

Инструмент Paintbrush Tool (Кисть) находится в пятом ряду палитры инст-рументов слева от инструмента Pencil Tool (Карандаш). Подобно карандашу,кисть служит для создания произвольных контуров. Так же, как и инструментPencil Tool (Карандаш), инструмент Paintbrush Tool (Кисть) можно настраи-вать, вызвав диалоговое окно для настройки двойным щелчком по пикто-грамме инструмента. И так же, как при работе с карандашом, можно исправ-


лять нарисованный ранее контур, выделив его, и снова проведя по немукистью.


Найдите в палитре 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 можно не только рисовать кистями различных видов, но иприсваивать параметры кисти любым векторным контурам, созданным дру-гими способами. Для этого необходимо выделить контур и выбрать образец


кисти из палитры 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 в этой команде и вэтом диалоговом окне произошли существенные изменения.

Setup

Marks & Bleed

Output

Graphics

Color Management

Advanced

Summary

Print Preset; [Default]

Printer; : [Canon S330

PPD: r~~™~™~

General

Copies: f l

Fages "' All

Media :

Zl

зге-

Width:

Orientation:

)ptions

•jDefined bj

" | ? f !Q Ч"Я *;'•••;

Ur iver

Hejjht- j

r

zl

Print Layers: [Visible & Printable Layers

••' Do Not Scat

Г Fit to Page"

; Г "Custom Scale: W idth: fill Height:

_O« ILL I

Рис. 7.51. Диалоговое окно Print


В левой нижней части диалогового окна находится поле образца, где отобра-жается работа, которую вы собираетесь распечатать. Перемещая курсор вформе ладошки в этом поле, можно менять расположение печатаемых объек-тов относительно бумаги, установленной в принтере.

Диалоговое окно Print (Печать) является комплексным. Над полем образцанаходится список вкладок этого диалогового окна. Функции этих вкладокприведены в табл. 7.1. При переходе от вкладки к вкладке содержимое полейв правой части диалогового окна меняется, поле образца остается неизмен-ным.

Таблица 7.1. Функции вкладок диалогового окна Print

Вкладка

General (Основные)

Setup (Установка)

Marks & Bleed(Метки и обрезка)

Output(Выходные параметры)

Graphics (Графика)

Color Management(Управление цветом)

Advanced (Улучшения)

Summary (Сводка)

Функция

Задаются основные параметры вывода на печать

Устанавливаются параметры обрезки и предоставляетсявозможность установить опции для распечатки работбольшого размера

Задание параметров меток обрезки и служебной инфор-мации

Задание выходного разрешения и параметров цветоде-ления

Настройка параметров печати кривых и задание пара-метров PostScript

Настройка системы управления цветом

Оптимизация печати

Сведения обо всех назначенных параметрах печати

/ Практика ~/

Выполните навигацию по вкладкам диалогового окна 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-стра-ницах, имеют векторную природу и создаются в программах векторной гра-


фики. Поэтому одна из основных функций, реализуемых Adobe Illustrator дляИнтернета, — это экспортирование изображений в форматы, предназначен-ные для Web-страниц, а также оптимизация этих изображений.

Работа с фрагментамиОдним из методов оптимизации изображений для размещения на Web-сайтахявляется разбиение изображения на фрагменты (slices). Это позволяетуменьшить объем отдельных графических единиц, пересылаемых по сети изагружаемых на Web-страницы, а также присваивать этим фрагментам до-полнительные функции. В частности, Adobe Illustrator позволяет задаватьразличные фоновые цвета для каждого из фрагментов, превратить любойфрагмент в кнопку, присвоив ему адрес URL, ввести текст для отображения встроке статуса при подведении курсора к фрагменту, а также ввести альтер-нативный текст, отображаемый во время загрузки изображения.

В Adobe Illustrator для работы с фрагментами служат два инструмента, кото-рые находятся в левой части палитры инструментов над инструментом HandTool (Прокрутка):

П инструмент Slice Tool (Фрагмент) служит для разделения изображения нафрагменты;

• инструмент Slice Selection Tool (Выделение фрагмента) применяется длявыделения фрагментов.

Также для работы с фрагментами используются подкоманды команды SliceTool (Фрагмент) из меню 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*J

r r i f

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) — поддерживаетполноцветные изображения с градиентной прозрачностью, использует ал-


горитм сжатия без потерь. Но так же, как и PNG-8, не нашел широкогораспространения в сети, и многие старые версии браузеров его неподдерживают.

• Векторный формат SWF— формат программы Macromedia Flash. Предна-значен для создания компактной масштабируемой анимированной графи-ки. Не поддерживает прозрачность. Для просмотра изображений в этомформате во многих браузерах необходима установка дополнительных мо-дулей.

• Векторный формат SVG (Scalable Vector Graphics) — предназначен длясоздания и отображения масштабируемой векторной графики. Основан натехнологиях XML и JavaScript. Пока широко не распространен.

• Растровый формат WBMP — формат, появившийся в этом диалоговомокне только в последней версии Adobe Illustrator 11 и представляющий со-бой разновидность формата BMP (BitMap) для сохранения монохромного(1-битового) изображения.

Выбрав формат, можно настроить его функции и оптимизировать количествоцветов, степень сжатия, и т. д., уменьшив тем самым размер файла. Можноизменить размер изображения.

Результатом сохранения изображения с помощью диалогового окна Save forWeb (Сохранить для Web) является экспортирование его оптимизированныхфрагментов в набор графических файлов и получение готового HTML-кода.

Практическая работа "Упаковка"Работа по созданию упаковки является итоговой работой для закреплениявсех знаний и умений, полученных в результате работы с учебником.

Упаковочные макеты являются очень часто разрабатываемым и используе-мым видом оригинал-макетов, и по широте тематики и многообразиюоформления с ними не может сравниться ни один другой вид печатной про-дукции малых форм.

Условия выполненияЭта работа может быть скопирована вами с образца один к одному, но лучше,если рассмотрев реально существующие образцы упаковок, вы сами разрабо-таете дизайн и подберете графические материалы для размещения в макете.Тематику упаковки можно выбрать любую.

В работе должна быть представлена текстовая часть, характерная для упако-вок выбранной вами тематики. Например, если это упаковка пищевого про-

394 Глава 7

дукта, должно быть указано его название, фирма-производитель, характери-стики товара, срок годности и т. д. Если это упаковка от канцтоваров, тодолжно быть указано название, фирма-производитель, краткое описание, ус-ловия применения и т. п.

На упаковке обязательно должна присутствовать иллюстрация. Это можетбыть любое загруженное извне растровое или векторное изображение.

В качестве какого-либо смыслового элемента (логотипа, украшающего эле-мента и т. п.) на упаковке желательно разместить объект, созданный на осно-ве кривых.

И, наконец, все элементы работы должны находиться на каком-либо фоне.


Под макетом упаковки часто понимают ее разворот. Мы в своих работах огра-ничимся разработкой макета лишь одной из ее сторон.

Техника исполненияСодержимое макета любой упаковки можно разложить на три основные со-ставляющие: это фон, иллюстрация (иллюстрации) и текст.

Если работа делается не в слоях, то оптимальным является следующий поря-док ее выполнения:

1. Придумывают тематику и дизайн работы. На бумаге рисуют макет упа-ковки. Подбирают графический материал.

2. В Adobe Illustrator создают новый файл и сохраняют его. В параметрах до-кумента устанавливают нужный размер бумаги или, если выбран стан-дартный формат А4, на листе рисуют прямоугольник, размер которого со-ответствует размеру упаковки.

3. Начинают работу с разработки текстовых элементов, как наименее ресур-соемких. Если не нужны специфические параметры форматирования, тотекстовые элементы располагают отдельными фрагментами заголовочноготекста. Текст вводят (или загружают), редактируют, форматируют, принеобходимости добавляют различные эффекты. Группируют отдельныетекстовые составляющие друг с другом.

4. Разрабатывают элементы на основе кривых. При необходимости группи-руют отдельные текстовые и графические элементы.

5. Загружают иллюстрации. Выполняют над ними все необходимые опера-ции.

6. Заливают фон (исходный прямоугольник). Заливка может быть или цве-том, или узором, или градиентом.


7. Все отдельные элементы и группы элементов размещают на фоне, при не-обходимости корректируя взаимное положение и изменяя порядок нало-жения объектов.

8. Группируют все составляющие работы и окончательно сохраняют файл.

С СоветПеред тем как разрабатывать свой собственный макет упаковки, рассмотритесуществующие образцы реальных упаковок, которые найдутся у вас в доме.Вспомните, на какие элементы упаковок вы обращаете внимание при покупкеразличных продуктов и изделий, что вам нравится в различных упаковках, ачто — нет. Постарайтесь заметить, какие приемы применяют дизайнеры дляпривлечения внимания покупателей к товару посредством его упаковки.

Примеры оригинал-макетовКак всегда, в разделе приведены примеры работ, выполненные студентамиМенеджер-центра СПбГУКИ. Эти примеры можно использовать при рас-смотрении образцов наряду с реально существующими макетами.

1 - 1

Рис. 7.53. Макет упаковкиЕлены Сафоновой

Рис. 7.54. Макет упаковкиЕлены Шелест

Работы Елены Сафоновой (рис. 7.53) и Елены Шелест (рис. 7.54) представ-ляют собой классические примеры упаковки, выполненные с соблюдениемвсех предъявленных требований. Это работы, выполненные по мотивам су-ществующих упаковок. И хотя тематика работ разная, объединяет их то, что вкачестве иллюстраций были выбраны векторные изображения, при оформле-

396 Глава 7

нии применен текст, расположенный вдоль контура. Небольшим недочетомэтих работ является отсутствие поясняющих надписей о свойствах товара иего описания, что не так важно с точки зрения оформления, но важно с пози-ций покупательского выбора.

Карина Султан-Бекова выбрала сладкую тематику упаковки. В ее работе(рис. 7.55) применен эффект маскирования и использованы "прыгающие"символы. В макет упаковки от сигарет, разработанной Ольгой Фроловой(рис. 7.56), органично сочетаются текст, растровая и векторная иллюстрациии графические объекты.

Тортик для детейООО "Зарн"СШ.уя Мух 177

Winston

UUHTS

ОССИИ предупреждает:курение ВРЕДИТ ВАШЕМУ ЗДОРОЙЬК

Рис. 7.55. Макет упаковкиКарины Султан-Бековой

Рис. 7.56. Макет упаковкиОльги Фроловой

Работа Ольги Сыч (рис. 7.57) очень точно воспроизводит упаковку, характер-ную для данного вида продукции. Здесь также применен эффект маскирова-ния иллюстрации и выбраны оптимальные параметры форматирования длятекста и его размещение.

Очень оригинально выполнила свою работу Людмила Семиженко (рис. 7.58).В качестве фона взята иллюстрация. Применен эффект маскирования иллю-страции текстом. И выполнен векторный рисунок на основе кривых подхо-дящей по смыслу тематики.

Если во время рассмотрения образцов работ вас посетили гениальные идеи —воплощайте их быстрее в векторной графике, и помните, что овладев мастер-ством разработки макетов упаковок, вы имеете шанс заработать себе на то,что в них лежит.


СиПГОВ ЧвД|

4КЭЛ1ККШКп ffl?C8C9Ti

гогерыб qisscr в,—р.

•От»»

feMhrtmnni » -

IBOStrt

Рис. 7.57. Макет упаковки Ольги Сыч

Рис. 7.58. Макет упаковки Людмилы Семиженко

Предметный указатель

А, ВAI319BMP 318

СCDR319, 331CMYK 115—121, 123, 128, 129

ЕEMF319EPS 319, 331,336

GGIF 318, 338Grayscale 116, 120

H , JHSB 115, 116, 118, 119, 122JPEG 318

БКиблиптекя'

PDF 320, 325, 326, 336PNG 338PS 319, 320PSD 319

RRGB 110, 114—116, 118—120, 122, 123,

128, 129

sSVG 319, 336SWF 319

T, WTIFF 318, 338WMF 319, 331

Градиент 134, 137, 138, 163—166, 168,170—172

Графический формат 318

О образцов 113, 127,1300 символов 380Бленд 357—367Блок управления цветом 29

ВВыключка 250

Гарнитура 226, 237—239, 241

Ж"Живая" заливка 145"Живая" трассировка 341—343, 345"Живые" группы 147, 302, 309

ИИзображения:О векторные 3170 загрузка 3200 обработка 326

400 Предметный указатель

пПалитра:О Align (Выравнивание) 299О Appearance (Внешний облик) 142О Brushes (Кисти) 385—387О Character (Символ) 229, 236—238, 241,

244, 256, 279О Color (Синтез) 113, 114О Control Palette (Панель управления) 22, 32О Gradient (Градиент) 165О Graphic Styles (Графические стили) 383О Navigator (Навигатор) 44О Paragraph (Абзац) 249, 254О Pathfinder (Обработка контуров) 211,212,

215,217О Stroke (Обводка) 152О Swatches (Каталог) 113, 123О Symbolism (Символьные объекты) 381О Symbols (Символы) 378О Tools (Инструменты) 28О Transform (Трансформирование) 97О Transparency (Прозрачность) 131Параметры:О "без атрибута" 136О контура ПО, 144, 152, 160, 1740 печати 3890 страницы 40, 41Печатная страница 22Печать 387—389Признак переполнения 230, 231, 262, 287, 288

0 вертикальный 225, 226, 228, 232, 258, 259,268, 270

0 в области 268, 270, 271,276О вдоль контура 258О выделение 233, 288О горизонтальный 225О заголовочный 223—226, 267, 274О импорт 233

О преобразование в контуры 247, 273, 283О форматирование 226, 233, 236, 249, 256,

267,271,285Текстовой блок 230, 231, 250, 252—254, 270,

287О связывание 287Трассировка 309, 340—344Трекинг 245

Управляющие линии 180Установка:0 начала отсчета 370 переносов 2540 цветов по умолчанию 135

ФФильтры 327, 328, 339, 347, 372, 373Форматирование:0 по образцу 2560 текста 226, 233, 236, 249, 256, 267, 271, 285

Рабочее пространство 27Растрирование 339Режим отображения 110

Сегмент 178, 183, 202—204Сетка 39Символ 367,378,381

Цвет:

О копирование 1440 шишечный 127

0 глобальный 1270 синтез 126, 1330 составной 126Цветовая модель 115, 116, 123Цветовая палитра 113, 120, 122, 126, 130, 134

Текст:0 блочный 223—225, 230, 258, 272

Эффекты 351, 372, 376, 3770 текстовые 2900 трехмерные 368, 371

Предметный указатель 399

О растровые 316, 317О экспорт 335, 391Индикатор заливки 31Инструмент:О Blend Tool (Превращение) 358О Convert Anchor Point Tool (Преобразовать

опорную точку) 198, 199О Direct Selection Tool (Частичное

выделение) 180, 3050 Eyedropper Tool (Пипетка) 143—145, 2570 Flare (Блик) 550 Free Transform (Свободное

трансформирование) 1020 Gradient Tool (Градиент) 1720 Group Selection Tool (Выделение в группе)

305, 3060 Hand Tool (Прокрутка) 450 Knife Tool (Нож) 2100 Lasso Tool (Лассо) 1900 Live Paint Bucket Tool ("Живая" заливка)

146, 147, 149,3120 Live Paint Selection Tool ("Живое"

выделение) 3120 Magic Wand Tool (Волшебная палочка) 1510 Paintbrush Tool (Кисть) 3840 Pen Tool (Перо) 181, 182,1840 Pencil Tool (Карандаш) 55, 2150 Rectangle Tool (Прямоугольник) 51, 630 Rectangual Grid Tool (Прямоугольная

сетка) 540 Reflect Tool (Зеркало) 960 Reshape Tool (Форма) 1900 Scissors Tool (Ножницы) 2100 Selection Tool (Выделение) 73, 750 Star Tool (Звезда) 520 Type Tool (Текст) 227, 229'0 Zoom Tool (Масштаб) 43Интерлиньяж 242Интерфейс программы 19

ККегль 241Кернинг 243Кнопка:0 цветов по умолчанию 31О отображения 29Контур 109, ПО, 112, 153, 160, 170, 1720 замкнутый ПО, 1780 незамкнутый ПО, 146, 178

0 разделение 206

0 соединение 207, 208Кривая 1090 редактирование. 1880 рисование 189

ЛЛинейки 36, 42

мМаска 352

0 обтравочная 353, 354Маскирование 352—357, 396Масштабирование 81, 82, 84, 88, 90, 93, 94,

100, 102Монтажный стол 22

нНаправляющие 38, 39Настройка сегмента 193Начертание шрифта 240, 241

Объекты:0 выделение 70, 73, 75, 760 выравнивание 299—301

0 группировка 302

0 закрепление 316

0 обособление группы 3080 обтекание текстом 281

0 поворот 77, 82, 90, 94, 103, 104, 107

0 прозрачность 1310 разделение 2100 распределение 299—301О упорядочивание 296Операции:О с файлами 58О с шаблонами 63Опорная точка 178—180, 185, 186, 190—192,

194, 195, 200—202, 204, 209, 216Основное меню 22Отбивка 253Отступ 224, 252, 254, 255, 257, 268

adobe illustrator cs2 ýêñïðåññ êóðñ - ...

Documents