Professional Documents
Culture Documents
ILLUSTRATOR
CS2
WC
Санкт-Петербург
«БХВ-Петербург»
2006
УДК 681.3.06
ББК 32.973.26-018.2
ФЗЗ
Федорова А. В.
ФЗЗ Adobe Illustrator CS2. Экепресс-курс. — СПб.: БХВ-Петербург,
2006.— 400 с : ил.
ISBN 5-94157-782-6
Книга посвящена обучению работе с пакетом векторной графики Adobe
Illustrator CS2. Она создана на основе практического курса, поэтому каждая
глава соответствует одному уроку, рассчитанному на 4 академических часа.
Рассматриваются вопросы настройки и работы с интерфейсом программы,
создание и обработка кривых, работа с цветом и текстом, преобразование и
монтаж объектов при работе с иллюстрациями, а также использование спе-
циальных эффектов и фильтров. В конце каждой главы приводятся задания
для самостоятельного создания оригинал-макета реальной печатной про-
дукции. Книга может использоваться и в качестве самоучителя, и как учеб-
ное пособие во время занятий на курсах.
Для широкого круга пользователей
УДК 681.3.06
ББК 32.973.26-018.2
Вступление 12
Программы векторной графики 12
Место и роль Adobe Illustrator среди других программ векторной графики 13
Новая версия Adobe Illustrator CS2 13
Основные нововведения 14
Требования к системе 16
Какую версию выбрать 16
Структура и особенности книги 17
Основные нововведения
Сохранив все достоинства Adobe Illustrator CS, версия CS2 получила допол-
нительные возможности. А появление "живых" инструментов и функций оз-
наменовали новый этап в развитии продуктов векторной графики. Ниже при-
ведены 10 основных нововведений версии CS2, анонсированных самой фир-
мой Adobe.
• Live Trace — "живая" трассировка. Набор функций по быстрому и точно-
му преобразованию фотографий, сканированных изображений и других
растровых иллюстраций в редактируемые векторные контуры.
Очень впечатляющие возможности, интуитивно понятный интерфейс вы-
полнения основных операций, возможность варьирования множества па-
раметров. Единственный недостаток— нужны очень большие ресурсы
для выполнения трассировки сложных изображений и их последующей
обработки. Основные принципы новой трассировки и инструкции по при-
менению новых возможностей разобраны в главе б.
П Live Paint — "живая" заливка. Новый инструмент, позволяющий заливать
пересекающиеся области замкнутых и незамкнутых контуров, а также
корректировать разрывы в векторных контурах, полученных в результате
трассировки.
Видимо, то, о чем раньше можно было только мечтать. Не нужно созда-
вать целые объекты, замыкать контуры, заботиться о целостности линий,
чтобы выполнить заливку. Хотя сначала очень непривычно, т. к. противо-
речит всем законам векторной графики. Сам инструмент и операция за-
ливки с его помощью описаны в главе 3, а операции с "живыми" группами,
которые порождает инструмент при работе — в главе б.
П Control palette — палитра управления. Illustrator до нынешней версии был
единственной дизайнерской программой, где ее не было. Длинная, во всю
ширину экрана, контекстно-зависимая панель, меняющая свои поля и
кнопки в зависимости от активного инструмента или объекта.
Хотя практически все поля в управляющей палитре дублируют содержи-
мое других палитр (или их вызывают), пользоваться ею очень удобно.
Общие принципы работы с палитрой управления описаны в главе 1, а при-
менение ее для изменения свойств отдельных типов объектов и их сово-
купностей — в главах 2, 3, 5 и б.
П Custom workspace — настраиваемое рабочее пространство. Нововведение
относится к палитрам: можно сохранять, а затем загружать режимы их
специфического состояния, вида и расположения на экране.
И так было хорошо, а стало еще более удобно. Экономится время пользо-
вателей и улучшается их настроение. Как управлять новым механизмом,
описано в главе 1.
Вступление 15
\\
16 Вступление
Требования к системе
Для пользователей операционной системы 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 CS в интерфейсе новой
версии появилось несколько существенных изменений. Во-первых, добавлена
новая палитра — панель управления, позволяющая изменять основные пара-
метры выделенных объектов. И во-вторых, появилась возможность настраи-
вать рабочее пространство и сохранять эти настройки. Эти новые элементы и
возможности наряду с основным материалом будут подробно рассмотрены в
текущей главе.
Интерфейс
Для того чтобы познакомиться с интерфейсом программы, нужно начать ра-
боту с ней, а для этого ее необходимо запустить.
/ Практика |
Запустите программу любым из известных вам способов (из главного ме-
ню операционной системы, с помощью ярлыка на рабочем столе, с по-
мощью клавиатуры или автозапуска).
•••••••••
Adobel 11 ustrato r*c S2
/ .'X Tell Me What's New
с Примечание
Если вы не хотите, чтобы эта заставка отображалась каждый раз при запуске
Adobe Illustrator CS, уберите флажок Show this dialog at startup (Показывать
диалоговое окно при запуске) в нижней части заставки. Это окно можно вызвать
на экран в любой момент времени, выполнив команду Welcome Screen (При-
глашающий экран) из меню Help (Помощь).
/ Практика ^
Создайте новый документ, выбрав пиктограмму New Document (Новый
документ), или уберите заставку с экрана и создайте новый документ тра-
диционным способом — зайдя в меню File (Файл) и выполнив команду
New (Новый). В появившемся диалоговом окне выберите кнопку О К (Да).
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 21
Кнопки Кнопки
Окно Окно окна окна
программы документа документа программы
'••'••• :v •• £
Основное ^чУправляющая
палитра
IT программы
. Палитра
• • - .
инструментов
У У. Рабочее
пространство
1ц
Палитры .
Монтажный Печатная
стол страница
.,
Полосы
Поле Строка прокрутки
масштаба состояния
На экране при запуске программы отображается два окна: окно самой про-
граммы и окно документа. При работе с программой можно одновременно
работать с несколькими окнами документов. Упорядочение этих окон проис-
ходит с помощью команд из меню Window (Окно).
/ Практика |
Вспомните работу с окнами. Попробуйте свернуть и развернуть окно са-
мой программы, окно документа. Создайте два новых окна с помощью
команды New Window (Новое окно). Переключайтесь между окнами с
22 Глава 1
В верхней части окна программы находится основное меню (см. рис. 1.2). Ра-
ботают с ним так же, как и в других программах. Если после команды указана
комбинация клавиш, то эту комбинацию можно использовать для быстрого
вызова команды. Работать можно также с контекстным меню, вызываемым
правой кнопкой мыши.
( Примечание )
Еще в предыдущей версии Adobe Illustrator появилась очень удобная возмож-
ность назначать собственные комбинации клавиш различным командам. Эти
присвоения можно выполнить в диалоговом окне Keyboard Shortcuts (Клавиа-
турные сокращения), вызываемом с помощью соответствующей команды из
меню Edit (Правка).
/ Практика
Вспомните работу с меню. Зайдите в основное меню программы и выйди-
те из него. Попробуйте вызвать контекстное меню с помощью правой
кнопки мыши.
Работа с палитрами
Палитры — важнейший инструментарий для работы. Рассмотрим особенно-
сти их отображения, строения и размещения.
Отображение палитр
На экране могут быть отображены 32 основные палитры и множество допол-
нительных. Они могут располагаться как группами, так и по отдельности.
Конечно, если такое количество палитр разместить на экране одновременно,
они будут заслонять собою все рабочее пространство, поэтому на экране раз-
мещают только те палитры, которые являются наиболее необходимыми в
данный момент работы. Названия всех палитр перечислены в меню Window
(Окно) в алфавитном порядке (начиная с шестой команды). Для того чтобы
отобразить палитру на экране, ее нужно выбрать из списка. Отображенные на
экране палитры помечаются в списке галочкой. Повторный выбор команды
приведет к закрытию соответствующей палитры. Некоторые, наиболее часто
используемые при работе палитры можно помещать на экран и убирать с эк-
рана с помощью соответствующих функциональных клавиш или их комби-
наций, указанных после названия палитр в меню.
Клавиша <ТаЬ> убирает либо помещает на экран все палитры, комбинация
клавиш <Shift>+<Tab> — все, кроме палитр Tools (Инструменты) и Control
Palette (Панель управления).
Примечание
Палитру Tools (Инструменты) большинство пользователей держат на экране
постоянно. Можно предположить, что и вновь появившуюся палитру Control
Palette (Панель управления) пользователи также будут все время держать на
экране.
/ Практика /
Зайдите в меню Window (Окно). Какие палитры отображаются на экране?
Уберите их с экрана, а затем снова отобразите, используя команды или со-
ответствующие комбинации клавиш. Проверьте, как работают клавиша
<ТаЬ> и комбинация клавиш <Shift>+<Tab>.
Строение палитр
Все палитры, кроме палитр Tools (Инструменты) и Control Palette (Панель
управления), имеют одинаковое строение. Основные элементы палитр изо-
бражены на рис. 1.3.
24 Глава 1
Вкладки Кнопка
У
(к шки) сворачивания/
3-/ разворачивания
НО] __ Кнопка
1Swift:! ~ закрытия
Бордюры (^
г 1 И 1i i И '
Кнопка
• |
4
меню
\ 1 » .• ; палитры
г Ш. i J j ±i i %
Рис .1.3. Основные элементы палитр
( Примечание ) Г
Полосы прокрутки есть не у всех палитр. Некоторые из них имеют фиксирован-
ные размеры.
/ Практика |
Выполните следующие операции с любой группой палитр: последователь-
но переходите от палитры к палитре в группе, выбирая мышью соответст-
вующие вкладки (корешки), переместите палитры за заголовок, разверните
и сверните их с помощью кнопок сворачивания и разворачивания. Измени-
те размер какой-либо из палитр, используя бордюры, зайдите в меню од-
ной из палитр, выбрав кнопку меню палитры, и выйдите из него. Уберите
палитры с экрана с помощью кнопки закрытия и снова поместите их на
экран, используя соответствующую команду.
Примечание
Свернуть и развернуть палитру можно также с помощью двойного щелчка мышью
по ее вкладке. Если на вкладке палитры перед ее названием находится ма-
ленькая двойная стрелочка, это указывает на то, что палитра имеет два режима
отображения параметров: могут отображаться только основные поля или все
поля. Между этими режимами можно переключаться с помощью команд из ме-
ню палитры, а можно щелкать мышью по ее корешку. При каждом щелчке па-
литра последовательно пройдет стадии отображения всех параметров, мини-
мального количества параметров и вообще без параметров (свернутый вид).
^Info
X :3U88mm r t W : 0 mm
:
V :l22,37Smm *" H :omm
Appearance
Transform • ~ ] No Selection
Align Objects! Stroke: [•! lpt
Rili
Distribute ObjectsГ'
О
Default Transparencv
:
Hiiiii
'VI'IWI/' ^lil'i'i'ifr •'•iriititi '
Рис. 1.4. Расположение палитр группой Рис. 1.5. Расположение палитр группой
рядом друг с другом друг под другом
( Примечание
Сочетания палитр в группах могут быть произвольными, это зависит только от
предпочтений пользователя.
Для размещения палитр группой одна под другой необходимо вначале раз-
местить их по отдельности, а потом добавлять к общему "свитку", приклады-
26 Глава 1
/ Практика |
Выберите одну из групп рядомстоящих палитр. Выполните разделение па-
литр, затем соедините их в группы различного вида. Выполните операции
сворачивания и разворачивания "свитка".
( Примечание )
Но не более того. Так, например, отображение заголовков окон и строки меню
не входит в перечень настраиваемых параметров рабочего пространства. Так-
же не входят в этот перечень масштаб просмотра, единицы измерения и многие
другие настройки интерфейса.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 27_
/ Практика ~}
Разместите на экране три палитры: Color (Синтез), Swatch (Каталог) и
Gradient (Градиент) по отдельности и в развернутом виде. Сохраните это
пространство под именем цветовые палитры. Создайте пространство из че-
тырех произвольно размещенных палитр и сохраните его под именем
4 palettes. Создайте еще одно произвольное рабочее пространство и со-
храните его под произвольным именем.
( Примечание )
Этот список сохраняется и после закрытия программы и выключения компью-
тера.
/ Практика |
Последовательно вызывайте созданные вами рабочие пространства и на-
блюдайте, все ли отображается верно.
Также в этот список включено еще два пространства, к которым также можно
перейти в любой момент:
• Default — рабочее пространство по умолчанию, то, которое появляется на
экране при первом запуске программы;
О Minimal — минимальное рабочее пространство с расположением на экра-
не только двух основных палитр: Tools (Инструменты) и Control Palette
(Панель управления).
28 Глава 1
j Практика ][
Попробуйте последовательно вызвать режимы Default и Minimal.
Manage Workspaces
11
12
d
4 palettes
6
Мое
Пробное
Цветовые палитры
Практика |
Создайте копию пространства 4 palettes, а затем удалите ее. Переиме-
нуйте пространство с произвольным именем в My New workspace.
Палитра инструментов
Палитра Tools (Инструменты) заслуживает особого внимания, т. к. в ней на-
ходятся основные инструменты, применяемые для работы в программе. Она
имеет только заголовок, за который ее можно перемещать, и состоит из трех
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 29
Инструменты
Индикатор
заливки
Индикатор
обводки
Кнопка
цветов
по умолчанию
Кнопки отображения
Примечание
По сравнению с предыдущей версией Adobe Illustrator CS палитра Tools (Инст-
рументы) практически не изменилась. Количество инструментов осталось
прежним, несколько изменился их состав. В Adobe Illustrator CS2 отсутствуют
инструменты Paint Busket Tool (Заливка) и Auto Trace Tool (Автотрассиров-
ка) — функции, выполняемые ранее этими инструментами, реализованы не-
сколько иначе. Зато появилось два новых инструмента: Live Paint Busket Tool
("Живая" заливка) и Live Paint Selection Tool ("Живое" выделение) (эти инст-
рументы будут подробно рассмотрены в следующих главах книги).
с Примечание
Формы курсоров будут соответствовать облику инструментов, если в диалого-
вом окне Edit | Preferences | General (Правка | Установки | Основные) активен
флажок Use Precise Cursors (Точные курсоры). Если флажок сброшен, то кур-
сор будет иметь форму перекрестия, которая позволяет лучше позициониро-
вать его на экране.
/ Практика /
Рассмотрите пиктограммы инструментов в палитре инструментов и их на-
звания. Попробуйте последовательно активизировать несколько инстру-
ментов с помощью команд и комбинаций клавиш. Обратите внимание на
различные формы указателя мыши.
_J _J •J
j Практика |
Найдите в палитре инструментов инструменты, входящие в состав групп.
Активизируйте инструмент Vertical Type Tool (Вертикальный текст) из
группы текстовых инструментов, затем вернитесь к инструменту Туре
Tool (Текст). Отделите в самостоятельные палитры группу текстовых ин-
струментов и инструментов для рисования геометрических фигур. Попро-
буйте перемещать вновь появившиеся палитры инструментов, а затем за-
кройте их.
Совет
Если на экране недостаточно места для отображения отдельных палитр родст-
венных инструментов, удобно использовать возможность их "пролистывания":
для этого нужно щелкать мышью по пиктограмме инструмента, удерживая на-
жатой клавишу <Alt>.
/ Практика |
Последовательно пощелкайте по кнопкам режимов отображения рабочего
экрана. В последнем режиме попробуйте также убрать с экрана все палит-
ры, используя клавишу <ТаЬ>, а затем вновь поместить их на экран. Пе-
рейдите к стандартному режиму отображения.
32 Глава 1
Управляющая палитра
Появление управляющей палитры в Adobe Illustrator CS2 — явление законо-
мерное и ожидаемое пользователями уже давно. Управляющая палитра как
один из основных элементов интерфейса реализована практически во всех
программах векторной графики и верстки. В ней собраны поля для изменения
основных параметров выделенного объекта или нескольких объектов, кото-
рые дублируют некоторые из полей других палитр.
(~ Примечание
Строго говоря, управляющая палитра — отход от функционально-ориентиро-
ванного принципа построения элементов управления, основанного на четком
разделении операций по различным элементам интерфейса. Данный принцип
является основой построения интерфейсов большинства дизайнерских про-
грамм. Это переход к объектно-ориентированному подходу, который менее ло-
гичен, но зато достаточно удобен, и Adobe Illustrator был единственной про-
граммой, где еще не было этого элемента.
( Примечание ^
На рисунке палитра показана не со всеми возможными полями.
/ Практика jf
Найдите на экране палитру Control Palette (Панель управления); при ее
отсутствии разместите ее на экране.
( Совет )
Будьте внимательны при уменьшении размеров палитры; по мере уменьшения
ширины кнопки и поля, находящиеся в правой части палитры, исчезают, не по-
давая при этом никаких сигналов.
/ Практика |
Найдите все описанные выше элементы управляющей палитры. Попро-
буйте перемещать палитру по рабочему пространству, сворачивать и раз-
ворачивать, закрыть и снова открыть, вызвать меню палитры, изменить ее
размеры.
В левой части палитры находится поле индикации типа объекта. Когда вы-
делен какой-либо объект или группа объектов, там выводится информация о
его типе. Когда на рабочем пространстве нет выделенных объектов, также
выводится соответствующая информация (см. рис. 1.11). В правой части па-
литры перед кнопкой меню палитры находится кнопка перехода к программе
Adobe Bridge. Между этой кнопкой и полем индикации типа объекта нахо-
дятся поля изменения параметров, тип и количество которых меняется в за-
висимости от состояния управляющей палитры, которое, в свою очередь, за-
висит от вида выделенного объекта.
Примечание ^
Конкретные поля управляющей палитры в различных состояниях и принципы
работы с ними будут рассматриваться далее параллельно с рассмотрением
параметров и свойств основных типов объектов.
2 Зак. 1380
34 Глава 1
Расположение на экране
В отличие от остальных палитр, управляющая палитра вытянута в длину, и
потому ее стандартное размещение — либо в нижней, либо в верхней части
экрана (см. рис. 1.2). Если она располагается вверху или внизу, то находится
в фиксированном виде и ее заголовок в левой части приобретает вид двух
вертикальных линий. Наведя указатель мыши на этот заголовок и удерживая
нажатой кнопку мыши, можно переместить палитру в любое место экрана и
сделать ее плавающей (см. рис. 1.11). Обратное перемещение палитры к верх-
нему или нижнему краям экрана возможно или мышью, или с помощью
команд Dock To Тор (Пристыковать сверху) или Dock To Bottom (Пристыко-
вать снизу), которые находятся в верхней части меню управляющей палитры.
/ Практика |
Расположите палитру сначала в фиксированном виде в нижней части эк-
рана, затем — в плавающем, потом -— снова в фиксированном в верхней
части экрана.
Совет
Поле W-H Transform (Изменение ширины\высоты) часто не помещается в
управляющей палитре. Чтобы увидеть его, отключите какое-либо другое поле,
например, Graphic Style (Графические стили).
/ Практика |
Рассмотрите, какие поля отображаются в управляющей палитре в настоя-
щий момент. Попробуйте зайти в меню палитры и выключить отображе-
ние нескольких полей. Изменилось ли что-нибудь в палитре?
Линейки
Линейки являются очень важным вспомогательным элементом интерфейса.
/ Практика 7
Выполните операцию по отображению линеек на экране и обратную ей
операцию.
f •
'2| ' ' Points
Picas
v Inches
Millimeters
Centimeters
Pixels
/ Практика |
Снова отобразите линейки на экране и вызовите контекстное меню гори-
зонтальной линейки. Выберите миллиметры в качестве единиц измерения.
Вызовите контекстное меню вертикальной линейки. Выберите в качестве
единиц измерения сантиметры.
Примечание
Единицы измерения, выбранные для линеек, становятся также текущими еди-
ницами измерения в системе и отображаются во всех палитрах и диалоговых
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 37
( Примечание
В предыдущих версиях Adobe Illustrator маркер начала отсчета обозначался
пунктирными перекрещивающимися линиями. Начиная с версии Adobe Illust-
rator CS, эти линии убрали, но понятие маркера начала отсчета, а также его
функции остались. Сейчас указатель мыши необходимо прикладывать к пусто-
му месту, представляя, что маркер начала отсчета стал невидимым.
1 |гр |
\ 0 !
I ?,,
!©•••
m•
i
Маркер
начала
отсчета
г;
\
о •
\
i;
Точка
начала -
отсчета
:
/ Практика ^
Попробуйте переместить маркер начала отсчета в центр страницы, в пра-
вый верхний угол страницы, в произвольное место.
/ Практика |
Восстановите координаты начала отсчета по умолчанию.
38 Глава 1
Направляющие
Направляющие — это вспомогательные линии, которые можно разместить на
экране для удобства выравнивания и позиционирования основных элементов
изображения. Направляющие не выводятся на печать. Они могут иметь лю-
бую форму, но чаще всего применяют направляющие в виде прямых ли-
ний — горизонтальных, вертикальных, и реже — наклонных.
Для того чтобы расположить направляющие на экране, нужно вначале задать
режим отображения линеек. "База" направляющих находится на линейках.
Чтобы вытащить горизонтальную направляющую с линейки и разместить ее
в рабочей области документа, нужно поместить курсор в области горизон-
тальной линейки, нажать на кнопку мыши и тянуть вниз. Когда вы отпустите
кнопку мыши, положение направляющей зафиксируется. Аналогично можно
разместить на экране вертикальную направляющую, только тащить ее нужно
с вертикальной линейки и тянуть вправо.
/ Практика |
Разместите на экране несколько горизонтальных и вертикальных направ-
ляющих примерно так, как это показано на рис. 1.14.
10 20
16,67%
/ Практика |
"Освободите" направляющие с помощью описанной выше команды и по-
пробуйте, выделив одну из направляющих щелчком по ней при активном
инструменте Selection Tool (Выделение), переместить ее с помощью мы-
ши, а затем удалить посредством клавиши <Delete>. Обратите внимание,
что при выделении направляющая меняет свой цвет.
Чтобы временно удалить направляющие с экрана (или, как еще говорят, сде-
лать их невидимыми), необходимо зайти в меню View (Просмотр) и выпол-
нить подкоманду Hide Guides (Спрятать направляющие) команды Guides
(Направляющие). Обратное действие — View | Guides | Show Guides (Про-
смотр | Направляющие | Показать направляющие). Эта операция выполняется
в тех случаях, когда направляющих много, и они мешают рассмотрению и
выполнению операций над основными объектами.
/ Практика |
Временно уберите направляющие с экрана и снова отобразите их.
/ Практика |
Удалите все направляющие с экрана.
Сетка
Сетку в качестве вспомогательного элемента удобно использовать, когда
объектом вашей работы в Illustrator является какая-либо схема, таблица, карта
или чертеж (рис. 1.15). Для отображения сетки на экране применяется коман-
да View | Show Grid (Просмотр | Показать сетку). Команда View | Hide Grid
(Просмотр | Скрыть сетку) выполняет обратное действие.
( Примечание )
Конечно же, в разных работах может понадобиться использование различных
сеток. Основная настройка шага и других параметров сетки происходит в меню
Edit | Preferences | Guides & Grid (Правка | Установки | Направляющие и сет-
ка). Здесь же можно изменить параметры отображения направляющих.
40 Глава 1
10 15 20
и •
roi
1 •
о •
s •
!
Рис. 1.15. Использование сетки при создании схемы
Практика |
Отобразите сетку на экране. Выполните описанную выше команду. Рас-
смотрите, какие параметры сетки можно настроить, и измените настройки
сетки на экране.
New Document
Name
*I OK
Cancel
;
Units: (Millimeters i-J Height: J297mm
Orientation [j>Ji j j j j
Color Mode — •-
Примечание
Параметры страницы также можно изменить в процессе работы над докумен-
том в диалоговом окне Document Setup (Параметры документа), вызываемого
с помощью соответствующей команды из меню File (Файл), на вкладке Art-
board (Рабочая страница).
/ Практика |
Выполните команду New (Новый) из меню File (Файл). Назначьте стан-
дартный формат А4, книжную ориентацию и единицы измерения — дюй-
мы (inches). В поле Name (Имя) введите: А4_книжная_л.п. Выберите кнопку
ОК (Да). Создайте еще один новый файл с сантиметрами в качестве еди-
ниц измерения, произвольным размером бумаги и альбомной ориентацией
и назовите его произвольный_альбомная_ст. Отличается ли внешний вид
этого документа от предыдущего?
( Примечание )
Установка единиц измерения в диалоговом окне New (Новый) или Document
Setup (Параметры документа) и установка единиц с помощью контекстных ме-
ню линеек (см. раздел "Линейки" данной главы) являются взаимозаменяемыми
операциями.
/ Практика 7
В документе Произвольный_альбомная_ст разместите на экране палитру
Info (Инфо). Отображаются ли в ней сантиметры в качестве единиц изме-
рения? Поместите на экран линейки с помощью команды Show Rulers
(Показать линейки) из меню View (Просмотр). Соответствуют ли размеры
страницы, измеряемые по линейкам, вашим установкам? Выполните ана-
логичные операции и в документе А4_книжная_л.п. Закройте оба документа
без сохранения.
Примечание
Если вы постоянно работаете с одними и теми же единицами измерения и хо-
тите, чтобы они автоматически устанавливались в качестве текущих во всех
вновь создаваемых документах, их нужно задать в поле Units (Единицы) вклад-
ки Units & Display Performance (Единицы измерения и отображение) диалого-
вого окна Edit | Preferences (Правка | Установки).
...... ... .
Zooffi Out OrU-
Ctll+0
Й Й У' •
Actual Sag OM
Совет
Запомните комбинации клавиш <Ctrl>+<+>, применяемую для увеличения мас-
штаба просмотра, и <Ctrl>+<->, применяемую для его уменьшения, т. к. это
универсальные комбинации, действующие при любом активном инструменте и
используемые при изменении масштаба просмотра во всех программных про-
дуктах Adobe. Для приведения документа к двум стандартным видам — целый
документ (страница отображается на экране целиком) и реальный размер (объ-
екты отображаются так, как они будут выглядеть при печати), помимо комбина-
ций клавиш <Ctrl>+<0> и <Ctrl>+<1> можно использовать двойные щелчки по
инструментам Hand Tool (Прокрутка) и Zoom Tool (Масштаб) соответственно.
/ Практика |
С помощью рассмотренных ранее способов установите масштаб просмот-
ра Fit in Window (Целый документ). С помощью соответствующих инст-
рументов рисования нарисуйте на странице прямоугольник и эллипс.
щ1
С
149,1 S« "I < 1
Рис. 1.18. Исходное состояние объектов Рис. 1.19. Конечное состояние объектов
перед увеличением после увеличения
/ Практика /
Перейдите к инструменту Zoom Tool (Масштаб). Выполните проверку
описанных выше способов масштабирования.
Прокрутка документа
Для прокрутки документа (а эта операция очень часто бывает нужна, когда
необходимо получить доступ к определенным частям изображения) сущест-
вует три способа:
П стандартные полосы прокрутки;
П инструмент Hand Tool (Прокрутка);
• палитра Navigator (Навигатор).
Navigator
-=-У
/ Практика
Поработайте с палитрой Navigator (Навигатор), изменяя масштаб про-
смотра и выполняя прокрутку изображения.
Совет
К палитре Navigator (Навигатор) тяжело привыкнуть, поскольку она появилась в
Adobe Illustrator совсем недавно, но есть смысл использовать ее, т. к. этот спо-
соб изменения масштаба просмотра и прокрутки документа действительно яв-
ляется удобным и комплексным и работает независимо от того, какой инстру-
мент является активным в данный момент.
1 Практика 1
Поработайте с инструмет'ОМ Hand Tool (Прокрутка), выполняя прокрутку
изображения.
/ Практика |
Найдите интересующие нас группы инструментов в палитре инструментов
и расположите их в виде отдельных палитр.
Rounded
Rectangle Tool Polygon
(Прямоугольник Tool
с закругленными
нныы углами) (Многоугольник)
( Примечание )
Если во время рисования объектов "на глаз" держать на экране палитру Info
(Инфо), то по-крайней мере можно отслеживать координаты и размеры рисуе-
мых объектов.
Техника рисования
Для рисования любого геометрического объекта из любой группы необходи-
мо перейти к соответствующему инструменту, разместить указатель мыши на
рабочем пространстве и, нажав на кнопку мыши, растягивать появившуюся
фигуру по диагонали. Как только вы отпустите кнопку мыши, положение фи-
гуры или линии зафиксируется. При этом та точка, где вы начали рисование,
будет одним из углов или концов фигуры.
/ Практика |
Нарисуйте на странице все возможные фигуры.
Примечание
Для того чтобы видеть все то, что вы рисуете, каждый раз перед рисованием
щелкайте по кнопке установки цветовых параметров по умолчанию в палитре
инструментов (см. рис. 1.8).
48 Глава 1
Клавиша Действие
<Space> Перемещение объектов во время рисования
(<пробел>)
<Alt> Рисование объектов "из центра"
<t> Увеличивает количество элементов (многоугольники — стороны,
звезды — лучи, блики — количество лучей или промежуточных ко-
лец, спирали — сегменты, прямоугольная сетка — увеличивает ко-
личество горизонтальных ячеек, полярная сетка — увеличивает ко-
личество концентрических окружностей). Для прямоугольников с за-
кругленными углами и дуговых сегментов — увеличение степени
скругленное™ углов и сегментов
<J,> Уменьшает количество элементов и степень округленности углов
<Shift> Позволяет рисовать равносторонние фигуры (прямоугольники, пря-
моугольники с закругленными углами, эллипсы, сетки); запрещает
вращение во время рисования и выравнивает по горизонтали (мно-
гоугольники, звезды, блики); позволяет создавать сегменты кратны-
ми 45°
Примечание
В таблице описаны не все клавиши и их комбинации. Так, при работе с некото-
рыми инструментами определенные функции выполняют клавиши <Ctrl>, <<->,
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 49
>, < ~ > , <">, <F>, <V>, <X>, <C>. Но это уже материал для самостоятельной
проработки на каникулах.
/ Практика ^
Изучив таблицу, выполните следующие задания по рисованию фигур
мышью с использованием функциональных клавиш.
1. Нарисуйте квадрат, круг, квадрат с закругленными углами. Во время
рисования пробуйте перемещать объекты, а у квадрата с закругленны-
ми углами пробуйте изменять радиус скругления углов (рис. 1.23).
Рис. 1.25. Результат выполнения задания 3 • Рис. 1.26. Результат выполнения задания 4 •
многоугольники и звезды сегменты, сетки и спирали
( Примечание )
Все функциональные клавиши и комбинации клавиш, описанные выше, необхо-
димо нажимать во время рисования уже после того, как вы начали рисовать. Во
время их нажатия можно продолжать рисование, а отпускать клавиши необхо-
димо до того, как вы отпустите кнопку мыши.
Рисование объектов
с заранее заданными параметрами
Принцип рисования объектов с заранее заданными параметрами одинаков
для всех инструментов. Для создания объекта необходимо перейти к соответ-
ствующему инструменту, затем щелкнуть на экране в том месте, где вы хоте-
ли бы разместить фигуру, и в появившееся диалоговое окно ввести необхо-
димые параметры. После ввода параметров и выбора кнопки ОК (Да) фигура
с заданными параметрами должна появиться на экране.
( Примечание
Для каждого инструмента размер и содержимое диалоговых окон будет различ-
ным.
/ Практика ^
Создайте новый файл с помощью команды New (Новый) из меню File
(Файл). В качестве единиц измерения в поле Units задайте сантиметры
(centimeters). Перейдите к инструменту Rectangle Tool (Прямоугольник) и
щелкните мышью в области страницы. Появится диалоговое окно, изо-
браженное на рис. 1.28. Введите в поле Width (Ширина) значение 9, а в
поле Height— 5. После выбора кнопки ОК (Да) на месте диалогового ок-
на должен появиться прямоугольник размерами 9x5 см (рис. 1.29).
[Rectangle
( Совет )
Если наименование величин совпадает с тем, которое установлено в настрой-
ках (как в нашем примере), его можно не вводить. Программа сделает это
автоматически. Также можно в качестве единиц измерения вводить любые еди-
ницы, с которыми вам удобно работать, а программа сама пересчитает их к те-
кущим. Так, чтобы нарисовать прямоугольник размерами 25 на 30 милли-
метров, в поля нужно было бы ввести 25 mm и 30 mm, а если бы мы хотели вы-
разить размеры прямоугольника в дюймах, то ввели бы наименование i n .
Практика If
Перейдите к инструменту Star Tool (Звезда) и щелкните мышью в любом
свободном месте страницы. Появится диалоговое окно, изображенное на
рис. 1.30. Введите в верхнее поле Radius (Радиус) 3 in, в среднее поле
Radius (Радиус) — 1,2 in (не забывайте, что в дробных значениях в каче-
стве разделителя используется запятая), и и в поле Points (Число лучей).
У вас должна появиться звезда, изображенная на рис. 1.31.
Options
. Radius:
Cancel
Radius l.fin
Points SB—•
/ Практика |
Последовательно выполните вызов диалоговых окон для рисования всех
возможных фигур, рассмотрите, какие параметры можно изменять в каж-
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 53
/ Практика |
Настройте любой из перечисленных инструментов и убедитесь, что на-
стройки сохранились при последующем рисовании фигуры.
Примечание
Но эти настройки не являются неизменными до тех пор, пока инструмент не пе-
ренастроят, как это принято во многих других программах. Если вы измените
параметры объекта во время рисования, то текущими станут вновь заданные
настройки.
/ Практика 7
Найдите в палитре инструментов инструмент Pencil Tool (Карандаш) и
разместите три инструмента, входящих в эту группу, отдельной палитрой
(рис. 1.36).
Техника рисования
В рассматриваемую группу инструментов помимо самого инструмента Pencil
Tool (Карандаш) входят еще два инструмента, но рисование происходит не-
посредственно с помощью карандаша. Для рисования необходимо перейти к
инструменту, поместить курсор в рабочую область и, нажав на кнопку мыши,
тянуть мышь по произвольной траектории. Состояние контура зафиксирует-
ся, когда вы отпустите кнопку мыши.
Этим способом можно рисовать замкнутые и незамкнутые контуры. При ри-
совании карандашом действуют следующие правила.
• Для замыкания контура необходимо, совместив конечную точку с началь-
ной, нажать клавишу <Alt>, после чего у курсора в форме карандаша вме-
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 57
/ Практика ^
Нарисуйте несколько линий с помощью инструмента Pencil (Карандаш), и
на практике проверьте вышеприведенные правила.
Работа с инструментами
Smooth Tool и Erase Tool
Принцип работы с двумя оставшимися инструментами из группы — Smooth
Tool (Сглаживание) и Erase Tool (Ластик) — одинаков, хотя выполняют они
разные функции. Первый инструмент сглаживает ранее нарисованные линии,
а второй позволяет стереть фрагменты линии.
Для работы с одним и вторым инструментом необходимо выделить ранее на-
рисованную линию, затем перейти к нужному инструменту и, с нажатой
кнопкой мыши, проводить вдоль контура. При этом будет достигаться нуж-
ный результат. Пример изменения контура с помощью рассматриваемых ин-
струментов приведен на рис. 1.37.
Примечание J
Электронный ластик в этой программе работает не так, как его вещественный
аналог, и результаты его работы предугадать трудно.
j Практика |
Попробуйте поработать с инструментами Smooth Tool (Сглаживание) и
Erase Tool (Ластик) для того, чтобы иметь о них представление.
Операции с файлами
Операции с файлами в Adobe Illustrator осуществляются так же, как и в дру-
гих программах, работающих под управлением MS Windows. Рассмотрим
некоторые отличительные особенности этих операций.
Стандартные операции
Условно разделим операции с файлами на "стандартные" и "нестандартные".
Будем считать "стандартными" операции с файлами, которые существовали в
Adobe Illustrator, начиная с первых версий программы, а "нестандартными" —
операции по работе с шаблонами, являющиеся нововведением программы,
начиная с версии Adobe Illustrator CS.
( Совет )
Выбирайте режим CMYK Color (цветовая модель CMYK), если собираетесь
впоследствии распечатывать работу, и режим RGB Color (цветовая модель
RGB), если готовите работу для представления на Web-сайте или на CD-диске.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 59
/ Практика
Создайте два новых документа: один в режиме CMYK, другой — в RGB.
Чем они отличаются?
Сохранение файла
Для сохранения документа в Adobe Illustrator используются три стандартные
команды из меню File (Файл):
• команда Save (Сохранить) сохраняет документ в текущем формате под
прежним именем и в прежней папке;
О команда Save As (Сохранить как) дает возможность сохранить альтерна-
тивную версию документа под другим именем, в другой папке или в дру-
гом формате;
• команда Save Copy (Сохранить копию) сохраняет точную копию докумен-
та, добавляя к его имени слово "Сору" (копия). При этом исходный доку-
мент не изменяется и остается активным.
При первом сохранении документа и при последующих сохранениях его ко-
пии параметры файла задаются в стандартном диалоговом окне Save As (Со-
хранить как).
С Совет ^
Запомните универсальную комбинацию клавиш для сохранения <Ctrl>+<S>, ес-
ли вы ее еще не помните, и почаще используйте ее в работе.
( Примечание )
Такое расширение к имени файла будет добавляться, если в поле Save as
Туре (Тип файла) выбран параметр Adobe Illustrator (*.AI). Если вы ничего не
изменяли в текущем диалоговом окне, то этот тип файла устанавливается по
умолчанию.
Illustrator Options
Щ§1|§ff
p- Cr#e>OFCompatbieF
Jr;:ir- ,i-«:fte
Warnings
i. Tlv>[
.у w?
Примечание
В предыдущих версиях программы опция сохранения документа Adobe
Illustrator в формате предыдущей версии располагалась, как и сейчас, в диало-
говом окне Save Options (Параметры сохранения), которое появлялось при вы-
боре кнопки Save (Сохранить) диалогового окна Save As (Сохранить как).
В версии Adobe Illustrator CS эта функция была перенесена в диалоговое окно
экспорта, вызываемое командой Export (Экспорт) из меню File (Файл). Сейчас
она вновь вернулась на свое обычное место.
( Примечание
Что касается версий Illustrator CS, то файл, созданный в более поздней версии
программы, можно открыть в более ранней версии, но при этом возможны ис-
кажения.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 61
В списке можно выбрать либо форматы Adobe Illustrator CS (CS Formats), ли-
бо форматы предыдущих версий Adobe Illustrator (Legacy Formats).
Внимание!
При сохранении документов в формате предыдущих версий объекты, создан-
ные с применением новых инструментов и средств, могут быть сохранены с ис-
кажениями.
/ Практика /
Один из открытых документов сохраните в папке Глава 1 под именем
образец 1. Создайте копию документа и сохраните ее под именем
Образец 2.
Закрытие документов
Закрытие документов также является стандартной операцией. В Adobe
Illustrator закрыть файл можно либо используя стандартную кнопку закрытия
окна документа в его верхнем правом углу, либо с помощью команды Close
(Закрыть) из меню File (Файл). При этом, если в документе не было произве-
дено никаких действий вообще или после последнего сохранения, закрытия
файла произойдет автоматически. Если же после последнего сохранения в
файл были внесены изменения, появится стандартный запрос (рис. 1.39).
Дальнейшие действия пользователя определяются выбором соответствующей
кнопки.
Adobe Illustrator
Практика f
Закройте все файлы, кроме рабочего, сохраняя только нужную инфор-
мацию.
Открытие файлов
Операция открытия (загрузки) файлов является обратной по отношению к
операции сохранения и выполняется с помощью команды Open (Открыть) из
62 Глава 1
меню File (Файл). Эта команда вызывает стандартное диалоговое окно за-
грузки файлов, и с ее помощью можно открыть как файлы, созданные в самой
программе Adobe Illustrator и имеющие формат этой программы, так и файлы
других форматов (об этом более подробно мы поговорим в одной из следую-
щих глав).
( Примечание ^
В нижней части диалогового окна Open (Открыть) при выборе соответствующе-
го файла (с расширением ai или eps) отображается его содержимое (предвари-
тельный просмотр), что является очень удобным при выборе файла для загрузки.
/ Практика |
Загрузите несколько ваших файлов, используя оба описанных способа,
а затем закройте их.
Операции с шаблонами
Возможность работы с файлами шаблонов, присутствующая во многих тек-
стовых и векторных редакторах и программах верстки, появилась в Adobe
Illustrator только начиная с версии Adobe Illustrator CS. Стало возможным
создавать файлы документов на основе шаблонов, причем использовать при
этом как стандартные шаблоны, так и свои собственные; создавать шаблоны
и их редактировать.
Шаблоны удобно применять в случае, когда создается несколько работ одной
серии, и в них есть повторяющиеся элементы, одинаково расположенные и
выглядящие в каждой из них.
Файлы шаблонов в Adobe Illustrator CS имеют расширение ait (Adobe
Illustrator Template). В комплект пакета входит множество стандартных шаб-
лонов, находящихся в папке AdobeMUustrator CSYTemplates, тематически раз-
битых на несколько подгрупп.
( Примечание ^)
Нужно понимать, что библиотека стандартных шаблонов от Adobe занимает
достаточно дискового пространства, и доступны для работы они будут только в
случае, когда вы приобретете и установите к себе на компьютер полную версию
Adobe Illustrator CS.
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 63
/ Практика |
Создайте новый файл с помощью команды New (Новый) из меню File
(Файл). Перейдите к инструменту Rectangle Tool (Прямоугольник), уста-
новите цвета по умолчанию и нарисуйте на странице прямоугольник. Вы-
полните команду Save as Template (Сохранить как шаблон) из меню File
(Файл). После появления диалогового окна Save As (Сохранить как) убе-
дитесь, что в поле Save as Type (Тип файла) текущим является параметр
Illustrator Template (*.AIT), перейдите в папку Глава i и сохраните шаб-
лон под именем Рамка. Вид интерфейса после сохранения шаблона показан
на рис. 1.40.
Закройте файл шаблона.
5
Рамка-ait @ 2 6 % (С..
Практика |
Выполните команду New from Template (Создать на основе шаблона) из
меню File (Файл), перейдите в папку глава 1 и загрузите файл Рамка. Об-
ратите внимание, что в заголовке окна документ отображается как безы-
мянный (рис. 1.41). Нарисуйте в файле несколько кругов, закрасьте их и,
выполнив команду Save (Сохранить) из меню File (Файл), сохраните до-
кумент в папке глава 1 под именем Шары в рамке. Вид интерфейса после
сохранения файла показан на рис. 1.42.
Рис. 1.41. Вид интерфейса Рис. 1.42. Вид интерфейса после сохранения
после загрузки шаблона документа, созданного на основе шаблона
Редактирование шаблона
Для внесения изменений в шаблон необходимо загрузить его, отредактиро-
вать и сохранить как шаблон под тем же или под другим именем. Изменения,
Интерфейс. Настройка рабочей среды. Рисование геометрических фигур 65
/ Практика f
Выполните команду Open (Открыть) из меню File (Файл) и загрузите файл
Рамка.ait ИЗ папки Глава 1.
( Совет )
Файлы шаблонов, как и файлы документов, отображаются в списке команды
Open Recent Files (Открыть последние файлы) меню File (Файл). Для загрузки
шаблонов можно использовать и этот способ.
ЬЖи-ШИШМ-.п!.
II
J J
1.4
3 Зак. 1380
66_ Гпава 1
с Совет
Запомните комбинацию <Ctrl>+<Z>, если вы ее еще не помните, т. к. она уни-
версальна для всех программ и очень часто используется в работе.
/ Практика |
Создайте новый файл. Нарисуйте несколько различных фигур и раскрась-
те их. Выполните несколько отмен ранее совершенных вами действий и
несколько повторов с помощью описанных выше команд.
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 всегда славилась среди других программ вектор-
ной графики наличием нескольких выделяющих инструментов (можно ли
отнести это к достоинствам программы — вопрос спорный). А в последних
версиях к традиционным инструментам выделения добавились новые, при-
шедшие из редактора растровой графики Adobe Photoshop. Поэтому на сего-
дняшний день некоторые инструменты дублируют друг друга, но эти изли-
шества компенсируются удобством работы и многообразием выбора. Описа-
ние инструментов выделения приведено в табл. 2.1.
Быстрая
Пиктограмма Название Функция
клавиша
<V> Selection Tool (Выде- Выделение объектов
ление) целиком
( Примечание )
В новой версии Illustrator CS2 появился еще один выделяющий инструмент Live
Paint Selection Tool ("Живое" выделение). Так как этот инструмент использует-
ся только для элементов "живых" групп, в паре с инструментом Live Paint
72 Глава 2
Практика |
Запустите программу. Создайте новый файл. Найдите в палитре инстру-
ментов описываемые инструменты (см. рис. 2.1).
Команды выделения
Команды, предназначенные для выделения отдельных категорий объектов по
какому-либо признаку и операций с выделенными объектами, были в Adobe
Illustrator давно, но отдельный пункт меню они образовали только в послед-
них версиях программы (судя по всему, это была попытка унифицировать
интерфейс Adobe Illustrator с интерфейсом программы Adobe Photoshop).
Большинство команд из этого меню применяется довольно редко, а для часто
применяемых действий используют комбинации клавиш. Описание команд
меню Select (Выделить) приведено в табл. 2.2.
Совет
Из всего этого списка запомните пока универсальную комбинацию клавиш
<Ctrl>+<A>, применяемую для выделения всех объектов на рабочем столе.
( Примечание )
Обязательным условием для использования описанных в таблице способов
выделения (за исключением команды) является активизация инструмента
Selection Tool (Выделение).
/ Практика
Нарисуйте на странице все рассмотренные на прошлом занятии типы гео-
метрических фигур и линий. Используя поочередно все рассмотренные
способы выделения, поупражняйтесь в выделении одного объекта (рис. 2.2
и 2.3), нескольких объектов (рис. 2.4 и 2.5) и всех объектов рабочего стола.
Рис. 2.2. Процесс выделения одного объекта Рис. 2.3. Выделен один объект
при помощи инструмента Selection Tool
Рис. 2.4. Процесс выделения нескольких Рис. 2.5. Выделено несколько объектов
объектов при помощи инструмента
Selection Tool
Преобразование объектов 75
( Примечание ^
Отображение габаритного прямоугольника можно отключить с помощью коман-
ды Hide Bouning Box (Скрыть габаритный прямоугольник) меню View (Про-
смотр). Обратное действие выполняется с помощью команды Show Bouning
Box (Показать габаритный прямоугольник) из того же меню.
Совет
Иногда в случае контуров с различными параметрами обводок тяжело при вы-
делении щелчком мыши попасть точно по контуру. В этом случае нужно сле-
дить за формой указателя мыши. Когда он займет нужное положение над кон-
туром и будет "готов" к выделению, около черной стрелки появится маленький
черный квадратик.
/ Практика |
Попробуйте такой переход и используйте его в дальнейшем во время ра-
боты, т. к. этот прием позволяет сэкономить очень много времени.
Примечание
В предыдущих версиях программы (до Illustrator CS) в ряду инструментов Lasso
Tool (Лассо) было представлено два инструмента: Lasso Tool (Лассо) и Direct
Lasso Tool (Частичное лассо). Инструмент Direct Lasso Tool (Частичное лассо)
применялся для частичного выделения, а инструмент Lasso Tool (Лассо) — для
полного выделения, т. е. он дублировал инструмент Selection Tool (Выделе-
ние). К сожалению, в новых версиях программы разработчики посчитали целе-
сообразным убрать один из инструментов ряда Lasso Tool (Лассо), хотя рабо-
тать с инструментом Lasso Tool (Лассо) при необходимости выделения объек-
тов целиком во многих случаях было удобнее, чем с инструментом Selection
Tool (Выделение). В версиях Adobe Illustrator CS и Adobe Illustrator CS2 остался
один инструмент Lasso Tool (Лассо), но теперь он выполняет функции частич-
ного выделения и используется для выделения отдельных частей контуров.
76 Глава 2
• удаление; • поворот;
• перемещение; • наклон (скос);
П копирование; • зеркальное отражение.
• масштабирование;
( Примечание )
Операция перемещения относится к этой группе чисто условно, т. к. при пере-
мещении объекта его внешний вид не изменяется. Тем более никакого отноше-
ния к трансформированию не имеют операции удаления и копирования. Но, как
правило, все их рассматривают в совокупности.
Получение зеркально-отраженного
Зеркальное
объекта относительно заданной точки
отражение
или прямой
Выполнение преобразований
Рассмотрим, какие способы для выполнения операций трансформирования
применяются в Adobe Illustrator, каковы их особенности, условия и случаи
применения.
Удаление
Самая простая операция — это операция удаления. Для ее выполнения вы
должны выделить объект или несколько объектов, а затем удалить их либо с
помощью команды Clear (Очистить) из меню Edit (Правка), либо используя
клавишу <Delete>(<Del>).
/ Практика ~f
Вспомните еще раз эту операцию. Попробуйте удалить один объект, не-
сколько объектов. Восстановите объекты при помощи отмены последнего
действия или комбинацией клавиш <Ctrl>+<Z>.
Перемещение
Существует несколько способов перемещения объектов. Самые простые из
них следующие.
Первый способ— перемещение с помощью мыши (буксировка мышью).
Объект или объекты необходимо выделить, а затем, при активном инстру-
менте Selection Tool (Выделение), перемещать, приложив курсор мыши к
объекту. Если объект не закрашен или работа происходит в режиме Outline
(Макет), мышь нужно прикладывать к контуру объекта (но не к маркерам на
габаритном прямоугольнике). Если необходимо переместить несколько вы-
деленных объектов, то мышь нужно прикладывать к одному из них (но никак
не к пустому пространству между ними).
Если вы хотите перемещать объект строго вертикально, строго горизонтально
или под углом 45°, во время перемещения нужно держать нажатой клавишу
<Shift>.
( Примечание )
Порядок работы при использовании функциональных клавиш здесь и далее
следующий: сначала надо начать операцию, потом нажать и держать клавишу
на клавиатуре. В конце нужно отпустить кнопку мыши, а затем — клавишу.
Преобразование объектов 79
I Практика |
Выполните операцию перемещения одного объекта описанным способом.
Выполните перемещение нескольких объектов.
( Примечание )
Если нажать на управляющую клавишу клавиатуры и держать ее, объект авто-
матически "поползет" в соответствующем направлении. Если при выборе
управляющих клавиш держать нажатой клавишу <Shift>, то шаг приращения
увеличится в 10 раз и объект будет двигаться "скачками".
I Практика /
Переместите объект, затем несколько объектов на небольшое расстояние
при помощи управляющих клавиш на клавиатуре. Разместите линейки на
экране, потом измените шаг приращения в настройках и задайте его рав-
ным 1 дюйму (1 inch = 2,54 см). Проверьте, перемещая объекты, действу-
ют ли ваши новые установки. Попробуйте перемещать объект строго по
вертикали, строго по горизонтали и под углом в 45°.
Копирование
Для операции копирования также существует несколько способов выполне-
ния. Рассмотрим простейшие из них:
П копирование с помощью мыши;
П копирование через буфер обмена.
Для копирования с помощью мыши необходимо перемещать объект или объ-
екты мышью, держа нажатой клавишу <Alt>.
/ Практика |
Попробуйте выполнить копирование объектов при помощи мыши.
/ Практика |
Выполните копирование объектов, используя буфер обмена.
Примечание
Визуально результаты выполнения вклеивания вперед и вклеивания назад не-
различимы, более того, этих копий вообще не видно. Но т. к. выделенной в лю-
бом случае оказывается копия объекта, то при выполнении последующих опе-
раций (например, раскрашивания и смещения) они будут применяться к копии,
которая, в зависимости от способа вклеивания, оказалась или на переднем
плане, или на заднем.
/ Практика /
Нарисуйте на странице два одинаковых прямоугольника и присвойте им
стандартные цвета: черный цвет контура и белый цвет заливки. Скопируй-
те один из них в буфер обмена и вклейте вперед, затем, ничего больше не
выделяя, раскрасьте в произвольный цвет, используя палитру Swatches
(Каталог), и сместите в сторону и вверх с помощью управляющих клавиш.
Скопируйте второй объект в буфер обмена и вклейте назад. Проделайте с
ним те же самые операции. Сравните полученные результаты (рис. 2.6).
1
Рис. 2.6. Эксперименте вклеиванием объектов из буфера обмена
вперед (слева) и назад (справа)
Преобразование объектов 81_
Выполнение преобразований
с помощью габаритного прямоугольника
Габаритный прямоугольник (ограничительная рамка) появляется вокруг вы-
деленного с помощью инструмента Selection Tool (Выделение) объекта или
объектов (см. рис. 2.3). С помощью маркеров этой рамки над выделенным
объектом, кроме перемещения, рассмотренного нами ранее, можно выпол-
нять следующие операции:
• масштабирование;
П поворот.
Масштабирование
Для масштабирования необходимо подвести указатель мыши к одному из
маркеров габаритного прямоугольника, нажать на кнопку мыши и, не отпус-
кая ее, тянуть до тех пор, пока объект не достигнет нужных размеров
(рис. 2.7). Масштабирование таким способом можно выполнить и над не-
сколькими выделенными объектами одновременно.
/ Практика |
Выполните масштабирование одного объекта, а затем — нескольких объ-
ектов при помощи габаритного прямоугольника.
и\
/
\
\
V J1
Рис. 2.10. Масштабирование объекта относительно центра
/ Практика |
Выделите эллипс. Выполните его пропорциональное масштабирование и
масштабирование относительно разных точек.
Совет
Так как операция масштабирования применяется к различным объектам про-
грамм векторной графики довольно часто, а рассмотренный способ является
наиболее легким и быстрым из всех, используйте его тогда, когда необходимо
изменить размеры объекта "на глаз".
Поворот
Поворот можно выполнить над выделенным объектом или несколькими объ-
ектами, подведя указатель мыши к любой грани габаритного прямоугольника
вблизи углового маркера. При готовности к выполнению поворота он изме-
нит форму на двунаправленную полукруглую стрелку (рис. 2.11). Установив
такую форму указателя, нужно нажать на кнопку мыши, приложить его к
грани габаритного прямоугольника и выполнять вращательное движение
мышью (рис. 2.12) до тех пор, пока не будет достигнут поворот объекта или
Преобразование объектов 83
Рис. 2.11.1-й этап выполнения поворота Рис. 2.12. Выполнение операции поворота
/ Практика |
Выполните операцию поворота описанным выше способом над прямо-
угольником, эллипсом, произвольной кривой, несколькими объектами од-
новременно. Сравните, чем отличается процесс поворота при нажатой
клавиши <Shift> от процесса поворота без ее нажатия.
Примечание
Способ хорош лишь тем, что позволяет довольно быстро выполнить поворот
объекта "на глаз" сразу же при его выделении.
Выполнение преобразований
при помощи команд
Команда Transform (Трансформирование) находится в меню Object (Объ-
ект), и в качестве подкоманд в нее входят все операции трансформирования.
Все операции выполняются относительно центра выделенного объекта. Вы-
полнение преобразований с помощью этих команд— основной способ
трансформирования объектов при необходимости задания точных величин
трансформирования. Каждому преобразованию посвящено свое диалоговое
окно со своими параметрами, но к выполнению преобразований этим спосо-
бом существуют общие подходы, и окна имеют много одинаковых элементов.
Рассмотрим их на примере диалоговых окон операций перемещения и мас-
штабирования как наиболее важных и часто выполняемых.
Перемещение
Диалоговое окно Move (Перемещение) можно вызвать с помощью команды
Object | Transform | Move (Объект | Трансформирование | Перемещение) или
комбинации клавиш <Ctrl>+<Shift>+<M>. Диалоговое окно этой команды
показано на рис. 2.16.
( Примечание
Для быстрого вызова окна удобно, выделив объект с помощью инструмента
Selection Tool (Выделение), выполнить двойной щелчок по пиктограмме этого
инструмента в палитре инструментов.
Position
doreonta||
Сзгке!
vertlca
Copy
Г" Preview
/ Практика |
Создайте новый файл, задав в качестве единиц измерения сантиметры.
Нарисуйте произвольный прямоугольник. С помощью направляющих от-
метьте расположение его центра (рис. 2.17). Выделите прямоугольник.
Вызовите диалоговое окно Move (Перемещение).
Вводя величины в этом диалоговом окне, можно пойти двумя путями. Пер-
вый путь — задать относительное смещение объекта по горизонтали и по
вертикали (т. е. изменить положение объекта относительно прежнего). Для
этого в поля Horizontal (По горизонтали) и Vertical (По вертикали) нужно
ввести значения смещений. Причем, если объект смещается вправо или
вверх, значения должны быть положительными, а влево или вниз — отрица-
тельными.
/ Практика |
Введите значение -5 в поле Horizontal (По горизонтали) и 9 в поле
Vertical (По вертикали). Выберите кнопку ОК (Да). Прямоугольник дол-
жен переместиться. Отметьте с помощью направляющих новое положение
его центра и проверьте правильность перемещения по линейкам
(рис. 2.18). Снова вызовите диалоговое окно Move (Перемещение).
Примечание
При вызове любого диалогового окна, в том числе и этого, параметры в полях
сохраняются после предыдущего ввода. В данном случае нужно не обращать
на них внимания, а вводить те величины, которые требуются.
ю |Б 0 i S 10 10 5 0 5 10
1: 1:
о• о•
5 - 5
и- 0
5- 5
1
0- 0
1
:
5 5
/ Практика |
Введите значение 7 в поле Horizontal (По горизонтали) и -4 в поле
Vertical (По вертикали). Активизируйте флажок Preview (Просмотр). На
экране вы должны увидеть, что прямоугольник переместился на новое ме-
сто (рис. 2.19). Выберите кнопку ОК (Да).
Практика /
Снова откройте диалоговое окно перемещения. Так как флажок Preview
(Просмотр) у вас активен, объект сразу же переместится по ранее введен-
ным координатам. Снимите флажок, и объект возвратится на место. Вве-
дите ю см в поле Distance (Расстояние) и -Ю5о в поле Angle (Угол). По-
сле выбора кнопки ОК (Да) объект должен переместиться на заданное
расстояние (рис. 2.21 и 2.22).
Преобразование объектов 87
Options
Г Г
1Б \\0 В 0 5 II 15 10 5 0 Е 110
/
5 • 5 •
0 • 0:
5 :
5:
ft 1:
0 •
0-
1: 1:
s- 5 •
?'
г: о • /
0-
2: г:
Примечание
Два способа ввода значений для задания перемещения (смещения по горизон-
тали и вертикали или расстояния и угла) являются взаимозаменяемыми. То
есть, при изменении значений в первых двух полях автоматически изменяются
значения во вторых, и наоборот.
88 Глава 2
/ Практика |
Отмените последнее перемещение. Прямоугольник вернется на свою ис-
ходную позицию (см. рис. 2.21). Выделив объект, снова вызовите окно пе-
ремещения и, не изменяя значений в нем, выберите кнопку Сору (Скопи-
ровать). После закрытия диалогового окна картинка на вашем экране
должна быть такая же, как и на рис. 2.23.
Масштабирование
Масштабирование выполняется в диалоговом окне Scale (Масштабирование),
изображенном на рис. 2.24. Оно вызывается командой Object | Transform |
Scale (Объект | Трансформирование | Масштабирование). Этот способ так же
используется в тех случаях, когда необходимо задание точных процентных
величин масштабирования.
Масштабировать объект можно пропорционально, либо не пропорционально.
В первом случае величина масштабирования в процентах вводится в поле
Scale (Масштаб) в режиме Uniform (Пропорциональное). Причем не изме-
ненный объект составляет 100%. Все величины, большие 100, увеличивают
объект, а все величины меньшие 100 — уменьшают. При непропорциональ-
ном масштабировании масштаб объекта по горизонтали и по вертикали мож-
но изменить независимо, вводя процентные величины в поля Horizontal (По
Преобразование объектов 89
•1
с Uniform
: | •-:. OK |
и Scale: |П1Н %
Cancai 1
Иг;;;
::
Horizontal hoo % Copy I
vertical: ш—% Г Previevv
. f,tinn
(7 ScaieSii okes i btfect;.
Г r
/ Практика f
Установите параметры заливки и обводки по умолчанию и нарисуйте два
одинаковых эллипса размером 8x3 см (рис. 2.25). Первый из них пропор-
ционально уменьшите в 2 раза (50 %) и сделайте его копию, а второй
уменьшите в три раза (33 %) по горизонтали и увеличьте в полтора раза
(150 %) по вертикали. Также сделайте копию. Получилась ли у вас на эк-
ране картинка, изображенная на рис. 2.26?
Рис. 2.27. Объект и его уменьшенная Рис. 2.28. Объект и его уменьшенная
в два раза копия при активном режиме в два раза копия при неактивном режиме
Scale Strokes & Effects Scale Strokes & Effects
Практика |
Нарисуйте произвольный контур, используя инструмент Реп (Карандаш).
Сделайте еще две копии этого контура. С помощью команд трансформи-
рования выполните над фигурами поворот (рис. 2.29), зеркальное отраже-
ние (рис. 2.30) и наклон (рис. 2.31).
Рис. 2.29. Объект и его Рис. 2.30. Объект и зеркально Рис. 2.31. Объект
повернутая копия отраженная копия и его наклоненная копия
Преобразование объектов 91
( Примечание )
На рисунках трансформированные копии смещены относительно оригиналов
Выполнение преобразований
инструментами трансформирования
Существуют четыре инструмента трансформирования, и их пиктограммы на-
ходятся в шестом ряду сверху (рис. 2.32).
( Примечание ^
Инструмент Reshape Tool (Форма), находящийся справа от инструмента Shear
Tool (Наклон) не является инструментом трансформирования, а служит для
изменения формы объекта (см. раздел "Операции по редактированию кривых"
главы 4).
I Практика |
Найдите в палитре инструментов рассматриваемые инструменты и размес-
тите их на экране в виде отдельных палитр.
Масштабирование
/ Практика ^
Нарисуйте и выделите прямоугольник. Перейдите к инструменту Scale
Tool (Размер).
/ Практика |
С помощью мыши измените размер и пропорции прямоугольника. Обра-
тите внимание, что при перемещении указателя мыши центр преобразова-
ния остается на месте, а рамка прямоугольника сжимается (растягивается)
во все стороны вокруг этой точки (см. рис. 2.34).
Совет
Такое "расползание" объекта во все стороны сначала несколько непривычно
для пользователя, т. к. масштабирование чаще всего происходит "от угла". Тем
не менее постарайтесь привыкнуть к этому способу, т. к. он достаточно удобен
и на практике; и масштабирование "от центра" во многих случаях более рацио-
нально.
______
•
1
Примечание
Для этой цели также на этапе 3 можно выполнить щелчок мышью по той точке,
куда должен быть перемещен центр преобразования.
/ Практика
Выполните масштабирование прямоугольника относительно его правого
верхнего угла (рис. 2.36) и правой грани (рис. 2.37).
Примечание
Если вы хотите растянуть или сжать объект только по вертикали, только по го-
ризонтали или пропорционально, во время операции необходимо держать на-
жатой клавишу <Shift>.
/ Практика |
Выполните пропорциональное уменьшение размеров прямоугольника от-
носительно его левого нижнего угла с получением отмасштабированной
копии (рис. 2.38).
Поворот и наклон
Операции поворота и наклона с использованием инструментов Rotate Tool
(Поворот) и Shear Tool (Наклон) выполняются по той же схеме, что и мас-
штабировании, только при операции поворота нужно совершать мышью
вращательное движение, а при операции наклона— перемещение вдоль го-
ризонтальной или вертикальной грани объекта.
При выполнении операции поворота центр поворота можно выносить на
грань фигуры, а также за ее контуры (рис. 2.39—2.41).
В этом случае клавиша <Shift> также позволяет выполнять поворот не плав-
но, а "скачками" с приращением в 45°.
/ Практика ~jj
Выполните поворот произвольного объекта (но не круга) плавно и с при-
ращением в 45°, варьируя местоположения центра вращения. Выполните
операцию наклона прямоугольника (рис. 2.42).
Преобразование объектов 95
Примечание
Клавиша <Alt>, как и в предыдущих случаях, позволяет получать трансформи-
рованные копии объектов.
Зеркальное отражение
И наконец, операция зеркального отражения, выполняемая с помощью инст-
румента Reflect Tool (Зеркало), требует отдельного рассмотрения, т. к. у нее
есть небольшое отличие в исполнении на третьем этапе. Зеркальное отраже-
96 Глава 2
ние выполняется относительно определенной оси. После того как объект бу-
дет выделен, а инструмент Reflect Tool (Зеркало) активизирован, необходимо
эту ось представить себе мысленно. Затем нужно последовательно щелкнуть
мышью два раза в двух любых точках на этой воображаемой оси (рис. 2.43
и 2.44).
( Примечание
Если вы хотите, чтобы ось располагалась строго вертикально или строго гори-
зонтально, необходимо после первого щелчка мышью удерживать нажатой
клавишу <Shift> (отпустить ее нужно уже после того, как появится зеркальное
отражение объекта).
Рис. 2.43. Исходный объект и воображаемая Рис. 2.44. Зеркальное отражение объекта
ось отражения. Крестиками обозначены относительно предполагаемой оси
возможные места для щелчка мышью
/ Практика /
Выполните пример, изображенный на рис. 2.43 и 2.44.
Практика |
С помощью операции наклона превратите прямоугольник в параллело-
грамм. Сделайте его зеркально отраженную копию относительно верти-
кальной оси (рис. 2.45).
( Примечание )
Иногда необходимо отражать объект не относительно оси, а относительно точ-
ки. В этом случае необходимо, как и в случае поворота (только инструмент бу-
дет другой), сместить центр отражения, а затем выполнять вращательное пе-
Преобразование объектов 97
Палитра Transform
Палитра Transform (Трансформирование) является еще одним средством для
выполнения операций трансформирования. Она позволяет задать точные ве-
личины преобразований, причем не относительные, как в случае команд из
меню Object | Transform (Объект | Трансформирование), а абсолютные.
Кроме того, в этой палитре отражаются некоторые текущие характеристики
объекта. Палитра Transform (Трансформирование) изображена на рис. 2.46.
/ Практика |
Если у вас на экране нет палитры Transform (Трансформирование), раз-
местите ее на экране с помощью команды из меню Window (Окно) или
комбинации клавиш <Shift>+<F8>.
Описание палитры
В левой части палитры находится так называемая схема, где, щелкая мышью
по угловым, центральной или боковым точкам квадрата, можно указать, от-
носительно какой точки в объекте будет происходить трансформирование.
4 Зак. 1380
98 Глава 2
( Примечание ^
Маркер связи, и соответственно палитра Transform (Трансформирование), мо-
жет находиться в двух состояниях: активном и пассивном. Соответственно, ко-
гда маркер связи пассивен, с помощью палитры можно осуществлять непро-
порциональное масштабирование, когда активен — пропорциональное. Пере-
ход из одного состояния в другое осуществляется с помощью щелчка мышью
по маркеру. На рис. 2.46 этот маркер находится в пассивном состоянии, т. е.
поля ширины и высоты не связаны.
В нижней части палитры находятся поля для изменения угла поворота (слева)
и изменения угла наклона (справа) (см. рис. 2.46).
( Примечание )
Поле поворота и поле наклона не отображают текущие значения поворота и на-
клона объекта, а служат только для их изменений.
Выполнение преобразований
Для выполнения операций при помощи палитры Transform (Трансформиро-
вание) необходимо выделить объект, затем указать на схеме в палитре, отно-
сительно какой точки объекта будет происходить преобразование. Затем
нужно ввести в соответствующие поля палитры новые значения и закончить
ввод нажатием клавиши <Enter>.
/ Практика |
Создайте новый файл и задайте в нем миллиметры в качестве единиц из-
мерения. Разместите на экране линейки. Убедитесь, что точка с координа-
тами (0; 0) находится в левом нижнем углу страницы. Нарисуйте произ-
вольный прямоугольник в верхней части страницы. Выделите его и выбе-
рите в палитре трансформирования центральную точку на схеме.
Убедитесь (ориентируясь по линейкам), что в полях X и Y отражаются те-
кущие координаты центра прямоугольника. Выберите на схеме в качестве
центра преобразований угловую точку вверху справа. Обратите внимание,
что значения в полях X и Y изменились, и теперь здесь отображаются ко-
ординаты правого верхнего угла прямоугольника.
Преобразование объектов 99
0 50 100 150 200 250 300 350 400 450 500 5'
Eg
> Transform* 4 !
..... W:|Wmm
3,
* ' ' Y: J90 mm H; j 36 mm
j Transform •
•••••QZ
X* 134,392 mm W i | 85,407 rnrn
, !g
171 255 mm
»' ^
Примечание
Так как в полях поворота и наклона не отображаются текущие характеристики,
то на рис. 2.51 и 2.52 показано состояние палитры трансформирования в мо-
мент ввода значений. После нажатия клавиши <Enter> значения в этих полях
обнуляются.
Пропорциональное масштабирование
В Adobe Illustrator CS появилась возможность совершать пропорциональное
масштабирование с помощью палитры Transform (Трансформирование). Для
этого необходимо перевести маркер связи в активное состояние, щелкнув по
нему мышью. После этого нужно, выделив объект, ввести значение либо в
поле W — Width (Ширина), либо в поле Н — Height (Высота) и закончить
ввод. Значение во втором поле будет изменено автоматически таким образом,
что пропорции фигуры не нарушатся.
с Совет
При необходимости получения измененной при помощи палитры Transform
(Трансформирование) копии объекта удобно использовать следующий прием:
заканчивая ввод (нажимая клавишу <Enter>), нужно держать нажатой клавишу
/ Практика |
Переведите палитру Transform (Трансформирование) в состояние про-
порционального масштабирования. Выделите повернутый параллело-
грамм, выберите центральную точку на схеме и введите в поле W значе-
ние 50 mm. Нажмите клавиши <Alt> и <Enter>. Убедитесь, что значение в
Преобразование объектов 101
Трансформирование
при помощи управляющей палитры
Появившаяся в последней версии программы палитра управления также по-
зволяет совершать трансформирование выделенных объектов и отображать
информацию о характеристиках выделенного объекта. На рис. 2.50 показана
палитра управления в момент окончания выполнения задания на выполнение
ряда преобразований над прямоугольником при помощи палитры Transform
(Трансформирование) (см. рис. 2.48).
Поле изменения
высоты
Примечание
Для того чтобы палитра управления имела такой вид, нужно чтобы в меню па-
литры были включены соответствующие параметры.
Отображаемые поля
По сути дела, поля, использующиеся для трансформирования объектов, в
управляющей палитре частично повторяют поля палитры Transform (Транс-
формирование) за исключением полей поворота и наклона (они используются
реже остальных). Только расположены они в строку и изменять значения в
них можно не только путем ввода новых значений, но и пользуясь счетчиком.
Так же, как и в палитре Transform (Трансформирование) и в остальных па-
литрах, переход от поля к полю можно осуществить при помощи клавиши
<ТаЬ>, а ввод последнего значения необходимо закончить нажатием клавиши
<Enter>.
ссылке указателя мыши его форма принимает вид ладошки с вытянутым ука-
зательным пальцем и появляется подсказка, какую палитру можно вызвать,
щелкнув по этой ссылке. При щелчке по ссылке появляется указанная палит-
ра, причем поле ввода параметра ссылки подсвечивается для быстрого изме-
нения его значения (см. рис. 2.50). Исчезает палитра после ввода нового зна-
чения либо при повторном щелчке по ссылке.
/ Практика |
Если у вас на экране нет палитры управления, отобразите ее. Отмените
последнее действие по созданию копии параллелограмма и вернитесь к ре-
зультату выполнения задания на комплексное преобразование прямо-
угольника при помощи палитры Transform (Трансформирование) (см.
рис. 2.49). Сравните значения в полях палитр Transform (Трансформиро-
вание) и Control Palette (Палитра управления). Попробуйте изменить раз-
меры выделенного объекта и его координаты при помощи управляющей
палитры. Вызовите палитру Transform (Трансформирование) по одной из
ссылок и измените значение в одном из полей этой палитры.
Свободное трансформирование
Инструмент Free Transform (Свободное трансформирование) появился в
Adobe Illustrator относительно недавно. В палитре инструментов он находит-
ся под инструментом Scale Tool (Размер). Этот инструмент — дань моде, и
попытка создать и внедрить универсальный инструмент, способный "убить
семерых одним ударом", т. е. выполнить все операции преобразования. Для
выполнения какой-либо операции с помощью инструмента Free Transform
(Свободное трансформирование) объект необходимо выделить, а затем акти-
визировать инструмент. Вокруг объекта появится габаритная рамка, с марке-
рами которой и нужно работать для совершения каких-либо трансформаций.
Операции, выполняемые с помощью инструмента Free Transform (Свобод-
ное трансформирование), описаны в табл. 2.5.
Практика |
Ориентируясь на таблицу, попробуйте освоить инструмент Free
Transform (Свободное трансформирование) и с его помощью выполнить
все доступные преобразования над одним из нарисованных у вас объектов.
Повтор преобразований
Повтор преобразований — чрезвычайно полезная функция. Жалко лишь, что
она работает только для преобразований, не затрагивая другие операции. По-
104 Глава 2
/ Практика
Выполните следующие действия:
1. Нарисуйте эллипс (рис. 2.52).
2. Перейдите к инструменту Rotate Tool (Поворот).
3. Сместите центр преобразования в нижнюю часть эллипса (рис. 2.53).
Рис. 2.52.1-й этап выполнения работы Рис. 2.53. 2-й этап выполнения работы
Практическая работа
"Объекты на основе преобразований"
Самое главное при выполнении преобразований — научится видеть, где их
можно применять, предпочтя трансформацию другим способам обработки
объектов. Кроме того, необходимо выбрать оптимальный способ для кон-
кретного преобразования и выполнить его с наименьшими временными и
трудовыми затратами, достигнув при этом наилучших результатов. Предла-
гаемая вашему вниманию практическая работа как раз и направлена на дос-
тижение подобного результата при закреплении разобранного в данной главе
материала.
На рис. 2.55 изображены различные объекты, составленные из совокупности
геометрических фигур и линий. Но, в отличие от предыдущей работы, от-
дельные составляющие этих объектов получены путем различных преобразо-
ваний над несколькими базовыми фигурами и линиями.
/ Практика |
Создайте новый файл и сохраните его в папке Глава 2 под именем объекты
на основе преобразований. Выполните 5 любых примеров из тех, которые
изображены на рисунке, и придумайте и нарисуйте 5 собственных объек-
тов. Рисуя каждый из объектов, старайтесь выполнять создание деталей и
их трансформирования не только самым легким и оптимальным для дан-
ного случая способом, но и пробовать все другие способы выполнения
данного трансформирования. Например, шахматную доску удобнее и
проще нарисовать инструментом Rectangular Grid Tool (Прямоугольная
сетка), но вы попробуйте создать ее также из маленьких квадратиков, ко-
пируя и смещая их.
При работе вам может стать полезной сводная таблица преобразований
(табл. 2.6), где отражено, какими способами можно выполнить каждое из
преобразований.
106 Глава 2
Габаритный
Команды Инструменты Палитра Инстру-
прямоугольник
из меню трансфор- трансфор- мент Free
в режиме вы-
Transform мирования мирования Transform
деления
Масштаби- + + + + +
рование
Преобразование объектов 107
Габаритный
Команды Инструменты Палитра Инстру-
прямоугольник
из меню трансфор- трансфор- мент Free
в режиме вы-
Transform мирования мирования Transform
деления
Поворот + + + + +
Наклон - + + + +
Зеркальное -•
+ + - +
-
отражение
ГЛАВА 3
Работа с цветом.
Изменение параметров контура
и заливки
Работе с цветом во всех программах компьютерной графики уделяется очень
большое внимание. Ведь именно цветовое решение работы является одним из
факторов, определяющих ее успех. Также для объектов векторной графики,
которые состоят из контуров, важен не только цвет, но и остальные парамет-
ры их заливки и обводки.
На первый взгляд процесс раскрашивания объектов и изменения параметров
заливки и обводки кажется простым, но для успешной работы необходимы не
только практические навыки, но и теоретические знания, поэтому в главе
рассматриваются не только практические вопросы по созданию и примене-
нию цветов, а также изменению других параметров заливки и обводки, но и
кратко излагаются теоретические основы работы с цветом.
Фирма Adobe стремится к созданию единого комплекса программ, поэтому
многие элементы интерфейса и принципы работы в различных программных
продуктах Adobe похожи друг на друга. Это относится и к работе с цветом.
Многие палитры, диалоговые окна, а также принципы работы с цветом по-
вторяют аналогичные элементы программы Adobe Photoshop.
Практическая работа, рассмотренная в конце главы, является итоговой. В ней
закрепляется и обобщается не только материал текущей главы по работе с
цветом, но и двух предыдущих глав по работе с интерфейсом и геометриче-
скими фигурами. Эта работа под названием "Домик-замок" завершает собой
первый, начальный этап изучения программы векторной графики Adobe
Illustrator.
Работа с цветом. Изменение параметров контура и заливки 109
Рис. 3.1. Основные элементы Рис. 3.2. Контуры с различными параметрами заливки
кривой и обводки (слева направо):
с заливкой и обводкой, без заливки, без обводки
Примечание
Существуют некоторые разночтения в терминологии основных понятий. Так,
под контуром можно понимать и объект, созданный в программе векторной
110 Глава 3
/ Практика
Создайте новый файл в цветовом режиме RGB. Нарисуйте на экране не-
сколько геометрических фигур и линий. Найдите у нарисованных объек-
тов контур и заливку.
/ Практика ^
Нарисуйте замкнутый и незамкнутый контур. Выполните их заливку.
Режимы отображения
В каждой программе векторной графики существуют два режима отображе-
ния объектов на экране. Первый — режим, при котором на экране отобража-
ются все параметры контура и заливки (цвета, градиентные заливки, узоры,
различные толщины линий и т. п.). Второй режим черно-белый, когда для
всех фигур на экране отображаются лишь их "каркасы". В этом режиме все
объекты имеют вид тонких изогнутых проволок, и никакие цвета, узоры,
Работа с цветом. Изменение параметров контура и заливки 111
с Совет
Запомните эту комбинацию, т. к. в Illustrator переключаться между этими режи-
мами приходится чрезвычайно часто.
Рис. 3.5. Экран в режиме Preview Рис. 3.6. Экран в режиме Outline
/ Практика /
Выполните заливку нарисованных объектов с помощью палитры Swatches
(Каталог). Переключитесь к режиму Outline (Макет). Сравните эти два
режима.
Примечание
Эта команда может находиться в двух состояниях: при активном режиме
Preview в качестве первой команды в меню View (Просмотр) фигурирует
Outline (Макет), т. е. тот режим, к которому можно перейти. А при активном ре-
жиме Outline, наоборот, активна команда Preview (Иллюстрация).
112 Глава 3
Раскрашивание объектов
Раскрашивание объектов является очень важным этапом работы, т. к. от цве-
тового решения во многом зависит привлекательность того или иного эле-
мента или публикации в целом. Если говорить о творческом аспекте работы,
то работа с цветными объектами для большинства пользователей более при-
влекательна, чем с их нераскрашенными аналогами. Именно поэтому, когда
говорят о параметрах контура и заливки, в первую очередь рассматривают их
цветовую составляющую.
Всегда во всех программах окрашивание объектов выполняется в два этапа:
П 1-й этап — выбор или синтез цвета;
• 2-й этап — присвоение цвета заливке и (или) обводке объекта.
Перед тем, как говорить непосредственно об особенностях процесса на каж-
дом из этапов, рассмотрим, какой инструментарий при этом применяется.
/ Практика |
Разместите на экране палитру Color (Синтез). Зайдите в меню палитры
и выберите режим RGB. Выберите какой-либо цвет на цветовой шкале в
нижней части палитры.
Описание палитры
Палитра Color (Синтез) показана на рис. 3.7.
Примечание
Если палитра Color (Синтез) отображается на экране в сокращенном варианте,
т. е. видны только заголовок, ярлычок и цветовая шкала, зайдите в меню па-
литры и выполните команду Show Options (Показать параметры).
/ Практика |
Внимательно рассмотрите палитру Color (Синтез) у себя на экране. Если
отсутствуют индикаторы Web-безопасной палитры и цветового диапазона
CMYK, выберите другой цвет на шкале и добейтесь их появления.
I Практика Y
Зайдите в меню палитры Color (Синтез) и посмотрите, какие цветовые
модели перечислены в средней части меню (см. рис. 3.7).
Модель RGB
RGB — это модель, используемая при задании и описании цветов на экране
монитора. В нее входят следующие основные цветовые компоненты:
• Red — красный;
П Green — зеленый;
• Blue — синий.
Значения цветовых составляющих могут изменяться в пределах от 0 до 255.
Модель CMYK
Цветовая модель CMYK используется при задании и описании цветов в пуб-
ликациях, предназначенных для печати. Основные цветовые компоненты
этой модели:
• Cyan — голубой;
П Magenta — пурпурный;
П Yellow — желтый;
П Black — черный.
Значения цветовых составляющих могут изменяться в пределах от О
до 100 %. Цветовой охват модели CMYK меньше, чем моделей RGB и HSB.
Модель HSB
Цветовая модель HSB наиболее близка к физическому восприятию цвета че-
ловеком. В ней для описания цвета используются три компонента.
• Hue — цветовой тон. Изменяется в пределах от 0 до 360°.
• Saturation — насыщенность. Изменяется в пределах от 0 до 100 %.
• Brightness — яркость. Изменяется в пределах от 0 до 100 %.
Режим Grayscale
Grayscale (градации серого) — это не модель, а режим, предназначенный для
работы с черно-белыми изображениями. Цвета в этой модели представляют
собой оттенки серого и могут задаваться в диапазоне от 0 до 100 %.
Работа с цветом. Изменение параметров контура и заливки 117
/ Практика
Пощелкайте в различных точках цветовой шкалы, поочередно выбирая
различные цвета и делая их текущими.
/ Практика |
Выберите в меню палитры Color (Синтез) модель CMYK. Сместив все бе-
гунки влево, вы получите белый цвет. Если 3 верхних бегунка сместить
вправо, будет черный цвет.
( Примечание )
Но на практике такой цвет получается коричневым, поэтому, когда работают
чисто с черным цветом, используют только нижнюю шкалу (поэтому она и вве-
дена).
118 Глава 3
j Практика /
Попробуйте сместить бегунок на черной шкале влево и по очереди сме-
щать вправо бегунки на двух из трех верхних шкал. У вас будут чисто го-
лубой, чисто пурпурный и чисто желтый цвета.
( Примечание )
Чем левее будут смещены бегунки, тем менее насыщенными будут цвета.
/ Практика |
Попробуйте произвольно поперемещать бегунки, добиваясь различных от-
тенков. Введите в поля произвольные значения (от 1 до 100) и рассматри-
вайте получившиеся цвета. Щелкните на цветовой шкале и посмотрите,
какими числовыми значениями характеризуется выбранный цвет.
/ Практика |
Выберите в меню палитры Color (Синтез) цветовую модель RGB. Попро-
буйте произвольно поперемещать бегунки, добиваясь различных оттенков.
Попробуйте вводить в поля произвольные значения (от 0 до 255) и рас-
сматривайте получившиеся цвета. Щелкните на цветовой шкале и посмот-
рите, какими числовыми значениями характеризуется выбранный цвет.
Убедитесь, что, сдвинув все бегунки влево (все значения равны 0), вы по-
лучите черный цвет, а сдвинув все вправо (255) — белый. Двигая последо-
вательно бегунки вправо, получите чистый красный, чистый зеленый и
чистый синий.
( Примечание )
Если вы хотите задавать значения цветовых составляющих в диапазоне от 0
до 100 %, нужно дважды щелкнуть справа от любого поля ввода.
Если вы работаете в модели RGB или HSB, то, т. к. их цветовые охваты шире,
чем у CMYK, вы можете выбрать цвет, который невозможно будет воспроиз-
вести при печати. Признак этого — маленький восклицательный знак в жел-
том треугольнике и квадратик рядом с ним в левой нижней части палитры.
В квадратике отображается ближайший к выбранному цвет, который может
быть воспроизведен при печати. Если щелкнуть по квадратику либо по вос-
клицательному знаку, произойдет замена выбранного вами цвета на этот. Та-
Работа с цветом. Изменение параметров контура и заливки 119
кая операция может быть необходима, например, если у вас есть электронная
публикация и вы собираетесь вывести ее на печать.
/ Практика |
Добейтесь (например, щелкнув по цветовой шкале в области зеленых то-
нов), чтобы внизу экрана появился восклицательный знак и квадратик. За-
мените выбранный вами цвет на ближайший к нему, который может быть
напечатан. Обратите внимание на несоответствие оттенков.
( Примечание 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.
Самостоятельно поработайте в режиме Grayscale (градации серого).
Выбор цвета
в диалоговом окне Color Picker
Возможность выбора цвета в диалоговом окне Color Picker (Цветовая палит-
ра) появилась в Adobe Illustrator недавно. Это диалоговое окно полностью
повторяет одноименный элемент программы Adobe Photoshop. Принципы
работы в нем похожи на принципы работы с палитрой Color (Синтез), но
возможности, предоставляемые при работе в этом диалоговом окне, более
широкие.
Диалоговое окно Color Picker (Цветовая палитра) вызывается на экран двой-
ным щелчком по кнопкам фона или контура в блоке управления цветом па-
литры инструментов либо по полю образца палитры Color (Синтез). Если
был произведен щелчок по кнопке фона, то цвет, выбранный в диалоговом
окне, станет текущим для фона, а если был произведен щелчок по кнопке
контура — для контура.
/ Практика ^
Вызовите на экран диалоговое окно Color Picker (Цветовая палитра). Оно
изображено на рис. 3.8.
Работа с цветом. Изменение параметров контура и заливки 121
Select
• Cancel
• :oi:
::
* i n^ppi" |(< J n w
/ Практика |
Сделайте активным параметр В — Brightness (Яркость). Установите его
значение равным 100% (см. рис. 3.8). Последовательно выбирайте раз-
личные точки на цветовом поле и следите за всеми значениями в парамет-
рах модели HSB. Меняются ли значения компонентов в других моделях?
Выберите любую точку на цветовом поле и попробуйте перемещать бегу-
нок на цветовой полосе. Что изменяется в оттенках цвета и в значениях
параметров?
Поработайте с другими цветовыми моделями в этом диалоговом окне.
/ Практика |
Выберите кнопку Color Swatches (Образцы цветов) и перейдите ко второй
вкладке диалогового окна Color Picker (Цветовая палитра). Попробуйте
выбрать несколько образцов цветов из каталога посредством списка и цве-
товой полосы и оцените удобство работы с этой вкладкой.
Работа с цветом. Изменение параметров контура и заливки 1_23_
Палитра Swatches
Палитра Swatches (Каталог) — это одна из первых палитр, с которыми зна-
комится пользователь, начиная осваивать Adobe Illustrator, своеобразная па-
лочка-выручалочка. Благодаря тому, что в каталоге всегда присутствует не-
которое минимальное количество образцов цветов, узоров и градиентных за-
ливок, пользователь может присваивать их своим рисункам, еще не умея
синтезировать и выбирать свои собственные цвета, градиентные заливки и
узоры.
( Примечание
Стандартные образцы в каталог загружаются при создании нового документа.
Их количество и состав неизменен, но параметры каждого из образцов зависят
от того, в какой цветовой модели создавался новый документ— CMYK или
RGB (см. раздел "Создание нового документа" главы 1). При необходимости
можно изменить цветовую модель, используемую в документе с помощью
команды Document Color Mode (Цветовая модель документа) из меню File
(Файл). Но если документ создавался в одной из моделей, это не значит, что
нельзя работать с цветами других моделей.
Описание палитры
Палитра Swatches (Каталог) вызывается с помощью одноименной команды
из меню Window (Окно).
/ Практика /
Разместите палитру Swatches (Каталог) на экране.
/ Практика |
Измените вид палитры Swatches (Каталог). Снова перейдите к ее стан-
дартному виду с маленькими образцами.
/ Практика |
Найдите кнопки, отвечающие за отображение конкретного вида образцов
в каталоге. Попробуйте устанавливать различные режимы отображения.
Остановитесь на режиме Show Color Swatches (Показать образцы цветов).
С Примечание ^
Если вы будете буксировать цвет мышью из палитры Color (Синтез), то "брать"
его нужно из поля цветового образца. Также можно перетащить образец цвета
от кнопки заливки или обводки в блоке управления цветом палитры Tools (Ин-
струменты). "Бросать" образец можно в любом месте каталога.
/ Практика |
Последовательно создайте несколько цветов в палитре Color (Синтез), и
сохраните их в палитре Swatches (Каталог) различными способами.
В Adobe Illustrator CS2 появился еще один способ добавления цветового об-
разца в палитру Swatches (Каталог). Этот способ удобен в том случае, когда
вы синтезируете цвет в палитре Color (Синтез) и сразу собираетесь сохранить
его в палитре Swatches (Каталог). В этом случае нужно выполнить команду
Create New Swatch (Создать новый образец) из меню палитры Color (Син-
тез). Появится диалоговое окно New Swatch (Новый образец) — то же, что и
при сохранении образца первым из описанных выше способов.
/ Практика f
Опробуйте и этот способ сохранения цветового образца в палитре
Swatches (Каталог).
Удаление образцов
Для удаления образца из палитры Swatches (Каталог) нужно выделить его и
либо зайти в меню палитры и выполнить команду Delete Swatch (Удалить
образец), либо щелкнуть по одноименной кнопке со значком корзины в ниж-
ней части палитры. Можно просто перетащить образец в корзину.
( Примечание )
Для удаления нескольких образцов их нужно выделить, держа нажатой либо
клавишу <Ctrl> (образцы, идущие не подряд), либо клавишу <Shift> (образцы,
идущие подряд).
/ Практика |
Удалите все образцы, которые вы поместили в каталог, разными способа-
ми. Перейдите к режиму отображения List View (Список).
126 Глава 3
( Примечание j
Пользователь Adobe Illustrator может синтезировать и простые и составные
цвета в любой из цветовых моделей. При необходимости в параметрах печати
можно задать цветоделение и для плашечных цветов, входящих в публикацию.
( Примечание ^
Также во всех компьютерных программах есть такое понятие, как цвет для ме-
ток приводки (registration color). Это цвет, который служит для технологических
целей (им обычно обозначаются приводные метки) и выводится на всех цвето-
деленных фотопленках.
| Swat.:h« Ч
Pale Orange H Щ
шшв
] ] PANTONE DS 2-7 С
Light Pale Orange .; \ >•
New Color Swalch 3 .J
PANTONE DS 331-1 С ..I /. •• л /.
'•* С.» Л
ш. ш
Рис. 3.11. Отображение параметров Рис. 3.12. Отображение параметров
цветового образца палитры Swatches цветового образца палитры Swatches
в режиме List View в режиме Large Thumbnail View
Примечание
Независимо от того, в какой цветовой модели был сгенерирован данный цвет,
он обозначается в палитре Swatches (Каталог) как цвет модели RGB (квадратик
с тремя полосками), если новый документ был создан в цветовом режиме RGB
(см. рис. 3.11), и как цвет CMYK (квадратик, поделенный на 4 сектора), если те-
кущий документ был создан в режиме CMYK.
Редактирование образцов
Для вызова диалогового окна Swatch Options (Параметры образца) нужно,
выделив образец, выполнить одноименную команду из меню палитры
Swatches (Каталог) или дважды щелкнуть по образцу. Диалоговое окно
Swatch Options (Параметры образца) показано на рис. 3.13.
Примечание
Точно такое же диалоговое окно появляется на экране при сохранении образ! ,а
цвета в палитре Swatches (Каталог) при помощи команды New Swatch (Новый
Работа с цветом. Изменение параметров контура и заливки 129
образец), вызываемой из меню этой палитры. Так что параметры цвета можно
изменить уже при его занесении в каталог.
Примечание )
При изменении модели цвета истинную картину можно увидеть при активиза-
ции цвета в палитре Color (Синтез). В файле, созданном в режиме RGB, все
цвета в каталоге будут помечаться как цвета RGB, а в файле, созданном в ре-
жиме CMYK — как CMYK.
Совет
Имя цвету можно давать абсолютно произвольное. Оно может быть связано с
вашим ощущением данного оттенка (например, "темновато-абрикосовый") или
содержать в себе свое математическое описание, например, "R23G150B46".
Цвет вообще может быть назван вашим именем. Выбирайте тот способ назва-
ния цвета, который будет понятен и вам и окружающим.
/ Практика |
Создайте и поместите в палитру Swatches (Каталог) цветовые образцы,
созданные в различных цветовых моделях: по три образца в каждой из мо-
делей. Измените их параметры сразу же при создании либо потом, при ре-
дактировании образца так, чтобы среди них были простые цвета, состав-
ные глобальные и составные неглобальные. Окрасьте в эти цвета несколь-
ко объектов в вашем документе. Измените цветовые составляющие этих
цветов и посмотрите, у каких объектов в документе изменились цвета, а у
каких — нет.
( Примечание )
Чтобы заменить образец цвета в палитре Swatches (Каталог) методом букси-
ровки, нужно нажать клавишу <Alt> и перетащить новый цвет на место старого
из образца палитры Color (Синтез) в палитру Swatches (Каталог).
/ Практика |
Попробуйте синтезировать новый цвет в палитре Color (Синтез) и заме-
нить им один из цветов, содержащихся в палитре Swatches (Каталог).
5 Зак. 1380
130 Глава 3
Библиотеки образцов
Наряду с синтезом цвета при помощи палитры Color (Синтез) и диалогового
окна Color Picker (Цветовая палитра), существует третий способ выбора цве-
та — выбор цвета из Swatch Libraries (Библиотеки образцов).
Существуют фирмы, которые занимаются созданием, классификацией и
стандартизацией цветов. Эти фирмы выпускают печатные каталоги цветов.
Для каждого из цветов, описанных в каталогах, можно подобрать соответст-
вующую краску. Самые известные в нашей стране еще по традиционной по-
лиграфии — каталоги и краски фирмы Pantone.
Совет
Все цвета, собранные в библиотеках образцов, являются плашечными. Но ими
можно пользоваться не только когда подобный конкретный цвет описан в тех-
ническом задании или вы собираетесь выводить его как плашечный. Библиоте-
ки образов можно использовать как альтернативу синтезу цвета при подборе
различных оттенков в работах, которые впоследствии будут распечатываться
триадными красками. Выбранный плашечный цвет можно будет преобразовать
к составному и на этапе редактирования, и на этапе вывода.
/ Практика |
Разместите на экране библиотеку PANTONE process coated. Обратите
внимание на то, что все цвета в библиотеке являются плашечными и в ле-
вом нижнем углу палитры отображается значок перечеркнутого каранда-
ша — это значит, что непосредственно в библиотеке образцы редактиро-
вать нельзя. Выделите какой-либо образец и посмотрите, как этот цвет
отображается в палитре Color (Синтез). Библиотека образцов и палитра
Color (Синтез) при отображении текущего образца из библиотеки показа-
ны на рис. 3.14.
Щ=1х\
"ОНЕР roc шт
Find:
i у А А, А / У,
Рис. 3.14. Вид палитры Color при выборе образца в палитре PANTONE process coated
Работа с цветом. Изменение параметров контура и заливки 131
( Примечание "}
Поле Find (Найти), предназначенное для поиска образца в библиотеке по его
имени, будет присутствовать в палитре в случае активизации соответствующе-
го флажка в ее меню.
( Примечание )
Кроме того, при выборе какого-либо образца в библиотеке образцов он автома-
тически копируется в каталог.
/ Практика ^
Скопируйте несколько цветовых образцов рассматриваемой библиотеки в
каталог. Рассмотрите параметры этих образцов, попробуйте их отредакти-
ровать. С помощью палитры Color (Синтез) создайте новый цвет на осно-
ве одного из образцов и сохраните его в каталоге.
Прозрачность
Возможность изменять прозрачность объектов в Adobe Illustrator появилась
недавно, до этого это была прерогатива программ растровой графики. Сейчас
в Adobe Illustrator можно присваивать различные уровни прозрачности как
слоям, группам и векторным объектам, созданным в самой программе, так и
растровым и векторным иллюстрациям, загруженным извне (см. разделы
"Обработка растровых изображений" и "Обработка векторных изображе-
ний" главы б).
Для работы с прозрачностью используется палитра Transparency (Прозрач-
ность), вызываемая с помощью одноименной команды из меню Window (Ок-
но) или комбинации клавиш <Shift>+<Ctrl>+<F10>. Также в последней вер-
сии программы параметр прозрачности для выделенного объекта можно из-
менить при помощи управляющей палитры.
/ - Практика 7
Разместите на экране палитру Transparency (Прозрачность). Внешний вид
палитры показан на рис. 3.15.
132 Глава 3
Примечание
Если вид палитры Transparency (Прозрачность) на вашем экране отличается
от того, который показан на рисунке, зайдите в меню палитры и выполните
команды по отображению параметров.
Для того чтобы сделать объект или объекты частично прозрачными, необхо-
димо выделить их и изменить параметр в поле Opacity (Непрозрачность). Для
этого нужно либо переместить бегунок на шкале (она появляется при щелчке
по стрелке рядом с полем ввода), либо изменить числовое значение. Значение
может изменяться в пределах от 0 % (полная прозрачность) до 100 % (полная
непрозрачность).
Практика /
Разместите несколько объектов недалеко друг от друга, а сверху нарисуй-
те еще один объект. Раскрасьте его, а затем попробуйте изменять значение
его непрозрачности и наблюдайте за получающимися эффектами. Пример
непрозрачного объекта и объекта с частичной прозрачностью приведен на
рис. 3.16.
с Примечание
При помощи палитры Transparency (Прозрачность) можно создавать маски не-
прозрачности, а также выбирать режимы наложения подобно тому, как это де-
лается в Adobe Photoshop. Режимы наложения выбираются в списке Blending
Mode (Режимы наложения), который находится в левой верхней части палитры.
/ Практика |
Попробуйте менять режимы наложения для полупрозрачного верхнего
объекта и наблюдать за получающимися результатами.
Внимание!
Параметр прозрачности сохраняется как текущий. То есть, если вы работали с
каким-либо объектом и установили какой-то процент прозрачности, все вновь
заливаемые объекты будут заливаться цветом с этим же процентом прозрачно-
сти. А если вы забыли о таком параметре, то потом будете все время недоуме-
вать, почему объекты получаются такими светлыми и заливаются цветами, от-
личными от цветов образца. Поэтому лучше после работы с прозрачностью
вновь установить значение непрозрачности 100 %.
Индикатор Переключатель
заливки заливки
и обводки
Кнопка Индикатор
параметров обводки
по умолчанию
j Практика
Найдите блок управления цветом в палитре Tools (Инструменты) и внима-
тельно рассмотрите все его кнопки и поля. Назначение элементов блока
управления цветом описано в табл. 3.2.
Горячие
Название элемента Функция
клавиши
Fill (Заливка) — кнопка или <Х> Служит для отображения текущего
индикатор цвета заливки цвета заливки, указания в объекте
или цветовой образец последующей окраски заливки, вызо-
ва диалогового окна Color Picker
(Цветовая палитра)
Stroke (Обводка) — кнопка <Х> Служит для отображения текущего
или индикатор цвета об- цвета обводки, указания в объекте
водки или цветовой обра- последующей окраски обводки, вызо-
зец ва диалогового окна Color Picker
(Цветовая палитра)
Swap Fill and Stroke <Shift>+<X> Меняет местами цвет заливки и цвет
(Переключатель заливки обводки
и обводки)
Default Fill and Stroke <D> Присваивает цвета заливки и обводки
(Цвета заливки и обводки по умолчанию: белый цвет заливки и
по умолчанию) черный цвет обводки, а также толщи-
ну обводки равную 1 пт без пунктира
Color (Цвет) «> Обеспечивает отображение в индика-
торе заливки или обводки текущего
цвета, который определяется в па-
литре Color (Синтез)
Gradient (Градиент) <» Обеспечивает отображение в индика-
торе заливки градиентной заливки,
которая определяется в палитре
Gradient (Градиент)
None (Без атрибута) </> Присваивает заливке или обводке
параметр "без атрибута", т. е. убирает
заливку или обводку
/ Практика ~jj
Увеличьте масштаб просмотра. Присвойте различные цвета заливке и об-
водке нескольких объектов, используя описанный способ.
( Совет )
Удобно использовать режим цветов по умолчанию при создании объектов.
В этом случае процесс идет по стандартной методике: сначала делаем набро-
сок простым карандашом, а затем — раскрашиваем.
136 Глава 3
j Практика Jj
Присвойте нескольким объектам цвета по умолчанию.
/ Практика ~jj
Поменяйте у одного из объектов цвета заливки и обводки.
С Примечание ^
Очень часто путают белый цвет заливки и обводки с параметром None (Без ат-
рибута). Разница налицо: в первом случае есть заливка, и есть обводка, но они
имеют белый цвет. Во втором случае нет ни того, ни другого. Они одинаково
смотрятся в случае белой подложки — бумаги или экрана монитора. Но в слу-
чае цветной подложки разница между этими атрибутами существенна.
Работа с цветом. Изменение параметров контура и заливки 137
j Практика |
Нарисуйте большой прямоугольник и расположите на нем небольшой круг
с различными цветами заливки и обводки таким образом, чтобы он нахо-
дился на границе прямоугольника. Сделайте еще три копии этого круга
(рис. 3.18). Присвойте заливке первого круга белый цвет, второго— пара-
метр None (Без атрибута). Обводке третьего круга присвойте белый цвет,
обводке четвертого— параметр None (Без атрибута). Сравните объекты.
Результат выполнения операций показан на рис. 3.19.
/ Практика |
Перейдите к режиму Outline (Макет) и убедитесь, что все четыре круга в
этом режиме отображаются одинаково; с тонким черным контуром, но без
заливки.
I Практика |
Посмотрите, как действуют кнопки Color (Цвет) и Gradient (Градиент)
в блоке управления цветом.
с Примечание
При наложении образца цвета на объект абсолютно все равно, в какой части
объекта вы "отпускаете" образец. Цвет будет присвоен заливке или обводке в
зависимости от того, какой значок находится на переднем плане в блоке управ-
ления цветом.
( Примечание )
Также можно буксировать образец цвета для его сохранения из блока управле-
ния цветом в каталог.
Совет
Этот способ удобно использовать, когда необходимо быстро раскрасить не-
сколько объектов, а образцы цветов раскраски присутствуют в каталоге или
Работа с цветом. Изменение параметров контура и заливки 139
/ Практика |
Попробуйте нескольким объектам присвоить различные цвета из каталога,
используя этот способ. Последовательно берите образцы цвета из всех
возможных источников.
,п аз*~r!
и
•4 аi J ±i 9: 1
1 Pith Fill! ^
It
Рис. 3.21. Вызов палитры Swatches Рис. 3.22. Вызов палитры Swatches
из управляющей палитры для изменения из управляющей палитры для изменения
заливки объекта обводки объекта
( Примечание ^
Не забудьте о том, что этим способом окраски можно будет воспользоваться
только в том случае, если в меню палитры управления активен режим Fill and
Stroke (Заливка и обводка).
(рис. 3.23 и 3.24), в которых также можно выбрать или синтезировать цвет
для заливки или обводки выделенного объекта.
Рис. 3.23. Вызов палитры Color Рис. 3.24. Вызов палитры Color
из управляющей палитры для изменения из управляющей палитры для изменения
заливки объекта обводки объекта
Совет
Если, окрасив этим способом какую-либо геометрическую фигуру сразу после
ее рисования, вы хотите убрать какую-либо из вызванных цветовых палитр
(а после выбора образца она сама не убирается), щелкайте не по пустому мес-
ту экрана (что более привычно), а по стрелке, раскрывающей эту палитру, ина-
че вы рискуете вызвать на экран одно из диалоговых окон предварительного
задания параметров рисования геометрических фигур. Можно также перейти к
любому другому инструменту или выполнить какую-либо команду.
Практика |
Выполните раскрашивание заливки и обводки нескольких объектов при
помощи палитры управления, вызывая из нее палитры Swatches (Каталог)
и Color (Синтез).
/ Практика |
Выделите какой-либо объект и получите информацию о его цветовых па-
раметрах (рис. 3.25).
Работа с цветом. Изменение параметров контура и заливки 141
( Примечание )
При выделении объекта с прозрачностью на кнопках заливки и обводки показы-
вается чистый цвет с непрозрачностью 100 %.
/ Практика |
Проверьте этот факт.
^~ч
Практика ~J
Выделите несколько объектов с разными цветами заливки и обводки и
убедитесь, что и в блоке управления цветом, и в палитре Color (Цвет) ото-
бражаются вопросительные знаки. Выделите несколько объектов с одина-
ковыми цветовыми параметрами и посмотрите, отображаются ли эти па-
раметры в местах индикации.
142 Глава 3
/ Практика ~|
Последовательно выделите один объект, несколько одинаково раскрашен-
ных объектов, несколько объектов с различными цветами заливки и об-
водки. Наблюдайте, как цветовые параметры отображаются в палитре
управления. Есть ли отличия этого способа индикации от индикации цве-
товых параметров другими способами?
Палитра Appearance
Палитра Appearance (Внешний облик) появилась в Adobe Illustrator недавно.
Одной из ее функций является индикация цветовых параметров выделенного
объекта. В отличие от кнопок Fill (Заливка) и Stroke (Обводка) в блоке
управления цветом и в поле образца палитры Color (Цвет) в этой палитре вы-
водится информация не только о цветах заливки и обводки объекта, но и о
его прозрачности, а также о параметрах контура (см. раздел "Изменение па-
раметров контура" данной главы) и эффектах (см. главу 7).
Палитра Appearance (Внешний облик) вызывается на экран с помощью од-
ноименной команды из меню Window (Окно) или с помощью комбинации
клавиш <Shift>+<F6>.
/ Практика ~jj
Выделите какой-либо объект, вызовите из меню палитру Appearance
(Внешний облик) и посмотрите, как на ней отображается информация о
выделенном объекте. Выделите полупрозрачный объект и посмотрите, ка-
кая информация выводится о нем (рис. 3.27). Выделите несколько объек-
тов и попробуйте получить информацию о них.
Примечание
Функции палитры Appearance (Внешний облик) не ограничиваются простой ин-
дикацией цветовых параметров объекта. С ее помощью можно сохранять мно-
Работа с цветом. Изменение параметров контура и заливки 143
Н—П—иГ IШШШШШШШ•••1:1.^]
шщ
Ш Ш Apptirsnca ^ Щ |
;
Q
:
Strokei Щ 3pt '
Default Trinsparencir
Копирование цветов
с помощью инструмента Eyedropper
Существует еще один способ выбора цвета — это копирование его из какого-
либо ранее созданного объекта или иллюстрации или вообще из другого фай-
ла. Эта операция выполняется с помощью инструмента Eyedropper Tool
(Пипетка), который находятся в палитре инструментов слева в четвертом
снизу ряду (см. рис. 1.8).
( Примечание )
Во всех предыдущих версиях программы эта операция выполнялась с помощью
двух инструментов: Eyedropper Tool (Пипетка) и Paint Bucket Tool (Заливка),
взаимное переключение между которыми можно было выполнить при помощи
клавиши <Alt>. В новой версии программы Adobe Illustrator CS2 нет инструмента
Paint Bucket Tool (Заливка), но есть инструмент Live Paint Bucket ("Живая" за-
ливка). Наряду с другими функциями, этот инструмент позволяет также копиро-
вать цвета, но только для "живых" групп (см. далее раздел ""Живая" заливка"
текущей главы).
/ Практика |
Найдите инструмент Eyedropper Tool (Пипетка) в палитре инструментов
и перейдите к нему. Наблюдайте форму курсора (он должен иметь вид пи-
144 Глава 3
(~ Совет )
При выборе цветов заливки и обводки для копирования удобно при активном
инструменте Eyedropper Tool (Пипетка) просто водить курсором с нажатой
кнопкой мыши над объектами до тех пор, пока не будут найдены необходимые
параметры (они будут отображаться в блоке управления цветом палитры инст-
рументов). Это актуально, например, для растровых изображений.
/ Практика |
Выберите какой-либо объект в качестве образца и присвойте его цветовые
характеристики нескольким другим объектам.
/ Практика ~j
Выполните копирование цветов вторым способом.
Примечание
Функции инструмента Eyedropper Tool (Пипетка) не ограничиваются копирова-
нием только цветов заливки и обводки образца. С помощью этого инструмента
можно скопировать множество других параметров внешнего облика, а также
параметры текста. Указать, какие именно параметры нужно копировать, можно
при настройке инструмента Eyedropper Tool (Пипетка), которую можно выпол-
нить, дважды щелкнув по его пиктограмме. О копировании параметров текста
см. раздел "Форматирование по образцу" главы 5.
Работа с цветом. Изменение параметров контура и заливки 145
j Практика ~f
Дважды щелкните по пиктограмме инструмента Eyedropper Tool (Пипет-
ка) и посмотрите, какие параметры можно копировать при помощи этого
инструмента.
"Живая" заливка
В Adobe Illustrator CS2 реализован принципиально новый подход к операции
заливки объектов. Если раньше на каком-либо рисунке встречались незамк-
нутые линии, пересекающие замкнутые объекты или просто пересекающиеся
объекты, мы могли заливать цветом только замкнутые и незамкнутые конту-
ры, принадлежащие каждому из них. Области их пересечения не являлись
субъектами для заливки. Сейчас же с помощью функции "живая" заливка
возможно заливать внутренние области и менять параметры обводки частей,
полученных в результате пересечения объектов. На следующих двух рисун-
ках показаны две характерные комбинации объектов. На рис. 3.28 представ-
лен возможный ранее вариант заливки. На рис. 3.29 представлен вариант за-
ливки возможный сейчас.
( Примечание )
В рассматриваемой версии программы реализован целый ряд функций, на-
1
званных live. Дословный перевод этого определения "живой" не совсем точно
отражает суть, т. к. здесь это понятие применено не в значении "одушевлен-
ный", а в значении "обладающий интеллектом", "думающий".
/ Практика ~f
Создайте новый файл и сохраните его в папке Глава з под именем живая
заливка. Нарисуйте несколько простейших вариантов пересечения геомет-
рических фигур или произвольных замкнутых кривых незамкнутыми
прямыми или кривыми линиями и замкнутых пересекающихся фигур
(см. рис. 3.28). Выполните их стандартную заливку.
I Практика 1
Найдите те инструменты и команды, о которых шла речь в данном разделе.
Работа с цветом. Изменение параметров контура и заливки 147
Выполнение заливки
с помощью инструмента Live Paint Bucket
Для того чтобы иметь возможность выполнить заливку, о которой шла речь
выше, пересекающиеся объекты сначала нужно преобразовать в "живую"
группу.
с Примечание
В "живую" группу можно преобразовывать не только несколько пересекающихся
объектов, но и несколько непересекающиеся, или отдельные объекты.
/ Практика ~|
Сделайте копии ваших рисунков с пересекающимися объектами. Преобра-
зуйте их в "живые" группы. Последовательно наводите указатель на полу-
чившиеся объекты и наблюдайте границы элементов "живых" групп.
Рис. 3.31. Преобразование в "живую" группу. Рис. 3.32. Преобразование в "живую" группу.
1-й этап 2-й этап
148 Глава 3
с Примечание
Элементы "живой" группы можно залить не только цветом, но и другими типами
заливок — узором и градиентом.
Для этого нужно "взять" образец или из палитры Swatches (Каталог), или из
палитры Color (Синтез). После этого опять необходимо поместить указатель
мыши над элементом живой группы, который необходимо раскрасить. Он
будет иметь форму ковшика с черной полосой, а элемент "подсветится" жир-
ным красным контуром. В это время нужно щелкнуть по подсвеченному
элементу. Процесс раскрашивания элементов "живой" группы показан на
рис. 3.33 и 3.34.
Рис. 3.33. Раскраска элемента "живой" группы. Рис. 3.34. Выбранный элемент "живой" группы
Выбран элемент для раскрашивания раскрашен
Примечание
У элементов "живых" групп можно изменить не только цвет заливки, но цвет и
другие параметры обводки. Об этом пойдет речь в разделе "Изменение пара-
метров отдельных составляющих "живой" группы" главы 6.
Практика
Найдите элементы получившихся "живых" групп. Перекрасьте их в другие
цвета различными способами, используя палитры Swatches (Каталог) и
Color (Синтез). Попробуйте присвоить им заливку градиентом и узором,
взяв образцы из палитры Swatches (Каталог). Сравните "неживые" ориги-
налы и их "живые" копии.
Копирование цветов
Если образец цвета для раскрашивания элемента "живой" группы нужно
взять не в цветовых палитрах, а из элементов, которые будут являться образ-
цами (это могут быть другие векторные объекты или загруженные растровые
Работа с цветом. Изменение параметров контура и заливки 149
/ Практика |
Нарисуйте на рабочем пространстве несколько объектов, которые будут
являться образцами, и залейте их разными цветами. Попробуйте при ак-
тивном инструменте Live Paint Bucket ("Живая" заливка) скопировать
цвета с образцов, сделать их текущими и раскрасить ими элементы ваших
"живых" групп.
/ Практика |
Выделите одну из "живых" групп инструментом Selection Tool (Выделе-
ние). Внимательно рассмотрите маркеры, появившиеся при выделении, и
обратите внимание на тип объекта, отображающийся в палитре управ-
ления.
Неправильные действия
Поскольку инструмент Live Paint Bucket ("Живая" заливка) только что по-
явился и является не тривиальным, в программе предусмотрена реакция на
неправильное обращение пользователей с этим инструментом. Так, если ка-
кой-либо объект на рабочем пространстве выделен, вы перешли к этому ин-
струменту, но щелкнули не по выделенному объекту, появляется поясняющее
150 Глава 3
К Select a collection of paths, г. Click with theLive Paint 3 Paint areas between oath
/ Практика
Смоделируйте неправильные действия при работе с инструментом Live
Paint Bucket ("Живая" заливка) и внимательно рассмотрите содержимое
появившегося диалогового окна. Все ли шаги вы делали правильно при
освоении нового типа объектов и нового принципа заливки?
Выделение объектов
с одинаковыми цветовыми характеристиками
Говоря об изменении и назначении цветовых параметров заливки и обводки,
нельзя не сказать об их выделении. Существует два основных способа выде-
ления объектов с одинаковыми цветовыми характеристиками: с помощью
инструмента и при помощи команд (в дополнение ко всем остальным суще-
ствующим способам выделения).
Работа с цветом. Изменение параметров контура и заливки 151
( Примечание
Инструмент Magic Wand Tool (Волшебная палочка) также может выделять
объекты с одинаковыми, а также близкими параметрами толщины контура, про-
зрачности и режимов наложения.
/ Практика
Найдите инструмент Magic Wand Tool (Волшебная палочка). Он находит-
ся в палитре инструментов во втором ряду под инструментом Selection
Tool (Выделение).
/ Практика 7
Выявите, как работает инструмент Magic Wand Tool (Волшебная палоч-
ка), и найдите среди ваших объектов все объекты с одинаковыми
характеристиками.
Wind чЯВНИННИг i:
|У Fill Color Tolerance: (To T]
I Практика 7
Разместите на экране палитру Magic Wand (Волшебная палочка) и поэкс-
периментируйте, изменяя в ней различные параметры.
( ^Примечание )
Параметры для изменения прозрачности можно показать в палитре, выполнив
команду Show Transparency Options (Показать параметры прозрачности) из
меню палитры.
Команды выделения
Альтернативой инструменту Magic Wand (Волшебная палочка) является
команда Same (Одинаковые) из меню Select (Выделение). С помощью под-
команд из этой команды можно добавить к выделенному объекту объекты с
одинаковыми параметрами.
Практика
Зайдите в меню Select (Выделение) и посмотрите, какие подкоманды име-
ет команда Same (Одинаковые). Попробуйте с помощью этих подкоманд
выделить объекты с одинаковыми характеристиками.
( Примечание ~^)
По сравнению с предыдущими версиями в новой версии программы Adobe
Illustrator CS2 палитра Stroke (Обводка) приобрела дополнительные поля, по-
зволяющие изменять положение обводки относительно контура. Это нововве-
дение было объявлено фирмой Adobe в "горячей" десятке новшеств.
Работа с цветом. Изменение параметров контура и заливки 153
j Практика ~jj
Создайте новый файл и сохраните его в папке Урок б под именем Парамет-
ры контура. Нарисуйте несколько геометрических фигур, замкнутых и не-
замкнутых линий. Присвойте им цветовые параметры по умолчанию. Про-
верьте, что активным является режим Preview (Иллюстрация).
Описание палитры
Палитра Stroke (Обводка) вызывается из меню Window (Окно) с помощью
одноименной команды или комбинации клавиш <Ctrl>+<F10>. Внешний вид
палитры показан на рис. 3.38.
Поле Поля
изменения изменения
толщины концов и стыков
Варианты
положения
обводки
/ Практика
Разместите палитру на экране и рассмотрите ее.
( Примечание ^
Если в палитре отображается только одно поле, зайдите в ее меню и выполни-
те команду Show Options (Показать параметры).
( Примечание ^
Словосочетание "толщина контура" уже давно и прочно вошло в нашу речевую
практику. На самом деле, правильнее говорить "толщина обводки контура", т. к.
под контуром понимается тот тонкий и неизменный в толщине каркас, который
представляет собой основу объекта и описывается в векторном файле.
( Примечание
Дробные величины необходимо вводить через запятую. Именно поэтому те
дробные значения величин, которые указаны в списке через точку при их выбо-
ре (0.25, 0.5 и 0.75 пт) игнорируются программой и не применяются к обводкам
объектов. Также в качестве наименования можно вводить любые единицы из-
мерения, после ввода они будут пересчитаны к пунктам.
/ Практика |
Присвойте различным контурам различную толщину, используя все спо-
собы выбора значений из списка. Попробуйте ввести в поле Weight (Тол-
щина) 2,5 mm. Какова будет толщина этого контура в пунктах? Объекты
с различной толщиной контура показаны на рис. 3.39.
0000
Рис. 3.39. Объекты с толщиной контура 1 пт; 2 пт; 5пт; 10 пт; 20 пт; 2,5 мм
/ Практика |
Найдите среди нарисованных вами объектов незамкнутую линию. При-
свойте ей большую толщину контура (20—30 пт) и увеличьте масштаб
просмотра. Попробуйте последовательно присваивать этой линии различ-
ные варианты окончаний.
Третий параметр для изменения — это стыки (Join). Этот параметр действует
как для замкнутых, так и для незамкнутых контуров в тех местах, где есть
стыки (т. е. отрезки ломаной соединяются под углом). Так же, как и в случае
с окончаниями линий, этот параметр имеет смысл изменять при достаточно
большой толщине контуров.
В поле изменения стыков тоже три варианта:
• угловые (miter);
О скругленные (rounded);
• срезанные (bevel).
156 Глава 3
j Практика Jj
Лучше всего разница между различными вариантами стыков видна на
примере звезды. Нарисуйте звезду и присвойте ее контуру толщину 30—
40 пт. Сделайте еще две копии этой звезды. Присвойте каждой из копий
свой вариант стыков. Пример фигур с различными вариантами стыков
приведен на рис. 3.41.
Примечание
Поле Miter Limit (Срезание), величина в котором может изменяться в пределах
от 1 до 400, определяет условия переключения с варианта угловые на вариант
срезанные. Этот параметр показывает, во сколько раз ширина стыка превыша-
ет толщину линии. Если коэффициент будет больше заданного значения, про-
изойдет автоматическая замена. По умолчанию в этом поле стоит коэффици-
ент 4, и лучше его не менять.
Примечание
К сожалению, опция работает не для всех типов объектов; в частности, к тексту
(где возможность расположить обводку за внешней стороной контура была бы
весьма полезной) эту опцию можно применить только после преобразования
его в контуры (см. раздел "Преобразование текста в контуры" главы 5).
j Практика |
Выделите любую кривую или геометрическую фигуру. Задайте ее обводке
достаточно большую толщину (10 пунктов или больше). Сделайте еще две
копии этой фигуры. Каждой из копий задайте свой вариант расположения
обводки относительно контура. Сравните изображения визуально и вы-
полняя их последовательное выделение.
7b.
#
/ Практика |
Нарисуйте длинную линию. Задайте толщину контура 10 пт и первый ва-
риант окончания линий. Выделите ее и, варьируя величины штрихов и за-
зоров в интервале от 3 до 14 пт, добейтесь равномерного и неравномерного
пунктира.
[ Практика Jj
Нарисуйте любую фигуру или линию. Задайте толщину контура 15 пт и
равномерный пунктир с величиной штриха 10 пт и величиной зазора 20 пт.
Последовательно применяйте к этому контуру срезанные, закругленные и
Работа с цветом. Изменение параметров контура и заливки 159
Внимание!
Все присвоенные контурам параметры, как и цвета заливки и обводки, отобра-
жаются только в режиме Preview (Иллюстрация). В режиме Outline (Макет) от
всех контуров отображаются лишь тонкие черные каркасы (рис. 3.46 и 3.47).
1 А 1" т
1 I |
\ ***** * * И*
-
i s
•ч
ч
ч
ч
1 ч >
ми»
^ !
I
Рис. 3.46. Отображение параметров контура Рис. 3.47. Отображение параметров контура
в режиме Preview в режиме Outline
[~ Практика Jj
Перейдите к режиму Outline (Макет) и убедитесь, что никакие из пара-
метров контуров, присвоенных вами, в этом режиме не отображаются.
160 Глава 3
( Совет )
После окончания работы над каким-либо контуром с изменением толщины,
концов, стыков или назначении пунктира не забывайте изменять параметры в
палитре Stroke (Обводка), т. к. если вы этого не сделаете, то параметры конту-
ра станут текущими и все вновь создаваемые линии будут рисоваться с этими
параметрами. В этом может помочь кнопка установки параметров заливки и об-
водки по умолчанию в блоке управления цветом — она устанавливает не толь-
ко стандартные цвета, но и стандартные параметры обводки: контур толщиной
1 пт без пунктира.
г; г; г;
ABgriSlrokt1
Г Oi-.ht
Совет
Постарайтесь освоить управляющую палитру и привыкнуть к ней. Преимущест-
во этого способа изменения параметров контура перед предыдущим заключа-
ется в том, что при комплексном изменении параметров контура объекта и цве-
товых параметров его обводки и заливки не нужно держать на экране все от-
дельные палитры, а можно вызвать их из одной палитры управления.
I Практика
Попробуйте поработать над обводкой одного из объектов, используя па-
литру управления.
Создание стрелок
Во всех программах векторной графики, в том числе и в Adobe Illustrator, час-
то приходится создавать различные схемы, графики, пиктограммы, указатели
Работа с цветом. Изменение параметров контура и заливки 161
Описание процесса
Этот фильтр действует только для незамкнутых линий (прямых и кривых).
Для добавления к линии наконечника в виде стрелки необходимо выделить
линию любым из инструментов полного выделения, зайти в меню Filter
(Фильтр) и выполнить команду Stylize | Add Arrowheads (Стилизация | До-
бавить стрелки).
/ Практика ^
Нарисуйте любую незамкнутую линию, выделите ее и выполните указан-
ную команду.
Add Anowheads
В этом диалоговом окне все очень просто и ясно. Можно назначить наконеч-
ник для начала линии в верхнем поле Start (Начало) и для конца в нижнем
поле End (Конец).
6 3ак. I380
162 Глава 3
( Примечание )
Началом линии считается та точка, где вы начали ее рисование, а концом —
где закончили.
( Совет
Так как размеры наконечников линий устанавливаются пропорционально их
толщине, а сами наконечники достаточно крупные, есть смысл уменьшать их
размер.
Практика |
Рассмотрев поля в диалоговом окне Add Arrowheads (Добавить стрелки),
просмотрите предлагаемые варианты наконечников и выберите понра-
вившейся вам. Пример различных линий со стрелками приведен на
рис. 3.50.
I Практика
Выделите один из наконечников вашей линии инструментом Group
Selection Tool (Выделение в группе). Попробуйте изменить параметры его
Работа с цветом. Изменение параметров контура и заливки 163
Создание и применение
градиентных заливок
Градиент (gradient) или цветовая растяжка — это плавный переход от одного
цвета к другому. Этот вариант заливки очень любят использовать в своих ра-
ботах начинающие дизайнеры. Но за все красивое нужно платить, и т. к. гра-
диентная заливка достаточно сложный тип объекта, то при выводе на печать
ему следует уделять особое внимание, и печатная версия градиента иногда
получается не "украшением" работы, как на экране, а наоборот. Именно по-
этому в данном разделе главы будет приведено мало рисунков с примерами
объектов с различными вариантами градиентных заливок, но зато будет мно-
го словесных описаний.
( Примечание ^
Также градиентная заливка увеличивает объем файла, время перерисовки эк-
рана и не всегда адекватно передается при экспорте файлов в другой формат.
/ Практика |
Создайте новый файл и сохраните его в папке глава з под именем гради-
ентная заливка. Нарисуйте несколько графических объектов. Присвойте
им все образцы градиентных заливок, представленные в каталоге, предва-
рительно включив режим отображения только градиентных заливок.
Примечание j
Существуют и другие виды градиентов, например, квадратичные, конусные
и т. д. Но в Adobe Illustrator представлены только эти два основных вида гради-
ентов.
/ Практика |
Внимательно рассмотрите образцы градиентных заливок в каталоге и объ-
екты, которым вы их присвоили. Увеличьте масштаб просмотра и убеди-
тесь, что переход происходит действительно по прямым линиям и окруж-
ностям.
Отображение и изменение
параметров градиента
Основные работы по изменению параметров градиентов, а также по их соз-
данию происходят в палитре Gradient (Градиент), которая вызывается на эк-
ран с помощью одноименной команды из меню Window (Окно) или комби-
нации клавиш <Ctrl>+<F9>.
_Тип
Образец - градиента
Позиция
" выбранного
маркера
Примечание
Такой вид будет иметь палитра, если текущей является отображаемая в палит-
ре градиентная заливка.
С Совет )
Если вы вызвали палитру, но она гораздо меньше, чем на рисунке и состоит из
одной поля, зайдите в меню палитры и выполните команду Show Options (По-
казать параметры).
/ Практика |
Сделайте активной градиентную заливку первого образца, представляю-
щую собой линейную черно-белую цветовую растяжку, выделив объект
с такой заливкой (желательно прямоугольник).
Совет
Этот образец маленький, и измененные параметры градиентной заливки на нем
удается рассмотреть не всегда. Поэтому при рассмотрении и изменении пара-
166 Глава 3
/ Практика |
Попробуйте изменить тип заливки на радиальный. Изменения отслежи-
вайте и по палитре, и по выделенному объекту. Снова преобразуйте залив-
ку к линейному виду.
Для линейной заливки в поле Angle (Угол) можно ввести угол наклона ли-
ний. Так, при угле 0° линии цветового перехода расположены вертикально.
При изменении этого значения они могут быть расположены горизонтально и
под любым углом к горизонту.
/ Практика |
Пробуйте разные углы наклона линий. Не забывайте заканчивать ввод
очередного значения в поле Angle (Угол) нажатием клавиши <Enter>. Об-
ратите внимание, что при изменении угла наклона он меняется не в образ-
це, а только в выделенном объекте.
( Примечание ^
Если необходимо задать точную позицию маркера, можно выделить его и вве-
сти значение в поле Location (Положение).
/ Практика
Поочередно выделите начальный и конечный маркеры и посмотрите на их
позицию. Пробуйте сдвигать маркеры к центру и наблюдать, какие изме-
нения происходят в выделенном объекте с этой градиентной заливкой. Ка-
кие значения нужно ввести в поле Location (Положение) для начальной и
конечной точек, чтобы градиент занимал половину объема фигуры в ее
средней части? (Ответ: 25 % и 75 %). Введите эти значения.
( Примечание ^
Как и в случае начальной и конечной точки, можно, выделив этот маркер, вве-
сти необходимое значение в поле Location (Положение).
/ Практика
Попробуйте перемещать цветовой центр и наблюдать за происходящими
изменениями. С помощью ввода значения в поле верните цветовой центр в
его исходное положение.
/ Практика |
Взяв за основу бело-черный линейный градиент, создайте новый желто-
оранжевый радиальный градиент, используя первый способ. Затем изме-
ните цвета опорных точек на произвольные, применив второй из описан-
ных способов.
j Практика |
Создайте несколько двухцветных градиентных заливок с различными па-
раметрами и сохраните их в каталоге.
/ Практика /
Попробуйте удалить у многоцветного градиента лишние цветовые точки,
превратив его в двухцветный.
Совет
Иногда пользователи пытаются удалить лишнюю опорную точку, совместив ее
с рядомстоящей. Такого делать не следует, т. к. визуальное исчезновение
опорной точки обманчиво, и в какой-то момент времени она все равно "выле-
зет" и проявит себя.
j Практика
Создайте несколько многоцветных градиентов, используя разные способы,
и сохраните их в каталоге. Нарисуйте светофор, создайте красно-желто-
зеленый равномерный градиент и присвойте его этому объекту.
Пример
практического применения градиента
Градиентная заливка может не только служить красивым фоном, с ее по-
мощью в программах векторной графики добиваются различных эффектов,
имитирующих наличие тени и объема, и создают интересные элементы. Рас-
смотрим классический пример кнопки для элемента интерфейса Web-сайта.
/ Практика |
Перейдите к цветовым параметрам по умолчанию. Нарисуйте квадрат с
закругленными углами. Сделайте его уменьшенную копию масштабиро-
ванием от центра (рис. 3.53). Это удобно сделать с помощью инструмента
Scale Tool (Размер) при нажатых клавишах <Alt> и <Shift>.
Назначьте большему квадрату градиентную черно-белую линейную за-
ливку (первый образец среди градиентных заливок в каталоге). Меньшему
квадрату также присвойте эту заливку, но измените направление линий на
противоположенное (угол 180°). Уберите контур у обоих квадратов.
Окончательный вариант кнопки показан на рис. 3.54.
Настройка градиентов
с помощью инструмента Gradient
Кроме палитры Gradient (Градиент) существует инструмент Gradient Tool
(Градиент), который находится в четвертом ряду снизу в правой части палит-
ры Tools (Инструменты).
Работа с цветом. Изменение параметров контура и заливки 171
/ Практика |
Нарисуйте несколько объектов и разместите их примерно на одной пря-
мой. Выделите все объекты и примените к ним "радужную" градиентную
заливку (четвертый образец среди стандартных образцов цветовых растя-
жек в каталоге). Обратите внимание, что заливка применилась к каждому
объекту в отдельности (рис. 3.55). Не снимая выделения с объектов, пе-
рейдите к инструменту Gradient Tool (Градиент) и проведите курсором с
нажатой кнопкой мыши условную линию через все объекты. После этого
градиент должен стать сквозным, т. е. "начаться" на первом объекте, а "за-
кончиться" на последнем (рис. 3.56).
/ Практика |
Нарисуйте круг и примените к нему любую двухцветную градиентную
растяжку от более светлого цвета к более темному так, чтобы более свет-
лый цвет был в центре (например, второй образец среди образцов цвето-
вых растяжек в каталоге). Уберите у круга контур (рис. 3.57).
Не снимая выделения с круга, перейдите к инструменту Gradient (Гради-
ент) и попробуйте мышью с нажатой кнопкой проводить произвольные
условные линии через круг под разным углом наклона, начиная и заканчи-
вая в разных местах. Добейтесь такого состояния градиента, когда его
центр сместится и будет создаваться эффект освещенности объекта, т. е.
круг превратится в шар (рис. 3.58).
Примечание
Для создания эффекта объема и других эффектов на базе градиента сущест-
вует другой инструмент с возможностями более тонкой настройки — это инст-
румент Mesh Tool (Градиентная сетка), который находится в палитре инстру-
ментов слева от инструмента Gradient (Градиент). Самостоятельный разбор
всех функций и возможностей этого инструмента — прекрасная возможность
избавиться от скуки и провести время с пользой.
Работа с цветом. Изменение параметров контура и заливки 173
Необходимые условия
Главные требования, которые нужно постараться соблюсти, следующие:
О при самостоятельной разработке внешнего вида работы необходимо при-
держиваться заданной тематики (не самолет, не трансформер, а именно
жилище);
• все элементы, входящие в работу, должны быть созданы на основе гео-
метрических фигур и линий, в работе должны быть представлены все ти-
пы геометрических фигур, которые можно создать в Adobe Illustrator, и
прямые и кривые карандашные линии;
П для получения составляющих работу элементов необходимо максимально
использовать все виды трансформирования и при работе вспомнить все
способы их совершения;
• окончательная работа должна быть раскрашена. При раскраске нужно ис-
пользовать все возможные способы, среди цветов и градиентных заливок
могут быть стандартные и обязательно должны быть синтезированные са-
мостоятельно;
• в некоторых объектах необходимо изменить параметры контуров так, что-
бы это соответствовало общему стилю и замыслу работы;
• окончательная работа должна представлять собой законченную компо-
зицию.
Порядок выполнения
1. Продумайте смысловое содержание вашей работы. Желательно нарисо-
вать макет будущего домика или замка на бумаге.
2. В Adobe Illustrator создайте новый файл (лучше — формата А4) и сохрани-
те его в папке глава з под именем домик или замок. Во время работы не за-
бывайте периодически выполнять операцию сохранения.
3. Если это необходимо, измените ориентацию вашей страницы.
4. С помощью направляющих выполните разметку, определив местоположе-
ние основных компонентов работы.
5. Установите цветовые параметры заливки и обводки по умолчанию или пе-
рейдите к режиму Outline (Макет).
6. Создайте основные фигуры, выполните преобразования. При наличии
одинаковых элементов не забывайте про операцию копирования.
7. Соберите все элементы воедино.
8. Измените параметры контура.
Работа с цветом. Изменение параметров контура и заливки 175
Примеры работ
В этом разделе приведены примеры работ по заданной тематике, выполнен-
ные студентами Менеджер-центра СПбУКИ. Не судите их слишком строго,
Создание и обработкакривых
/ Практика
Нарисуйте какой-либо контур. Присвойте параметры его заливке и обвод-
ке. Выполните переключение между режимами Outline (Макет) и Preview
(Иллюстрация).
Сегменты
Ч
Ж
Опорные точки
(узлы)
Концевые
опорные точки
Рис. 4.1. Основные элементы кривых
С~ Примечание ^
Сегмент представляет собой элементарную кривую Безье и является основной
структурной единицей векторного файла.
Опорные точки проявляются после рисования объекта, а также при его выде-
лении инструментом Selection Tool (Выделение). На контурах они имеют вид
маленьких закрашенных квадратиков.
( Примечание J
В прямоугольнике и эллипсе при их выделении все опорные точки сливаются с
маркерами габаритного прямоугольника.
/ Практика |
Перейдите к режиму Outline (Макет) или установите стандартные цвета
обводки и заливки по умолчанию. Нарисуйте несколько геометрических
фигур и замкнутых и незамкнутых контуров. Найдите в нарисованных
объектах сегменты и опорные точки. Обратите внимание, что, чем боль-
шую кривизну и количество изгибов имеет контур, тем больше у него
опорных точек.
Все опорные точки делятся на гладкие опорные точки (smooth anchor point) и
угловые опорные точки (corner anchor point). Если сегменты плавно перехо-
дят друг в друга, то опорная точка, их соединяющая, называется гладкой, а
если сегменты переходят друг в друга под углом — угловой (рис. 4.2). На-
пример, в прямоугольнике все опорные точки — угловые, в эллипсе — глад-
кие, а в произвольной кривой могут быть и те, и другие.
180 Глава 4
Угловые Гладкие
опорные точки опорные точки
/ Практика ^
Найдите среди опорных точек на нарисованных вами объектах гладкие и
угловые.
Управляющие точки
(регуляторы)
Управляющие линии
Рис. 4.3. Управляющие линии и управляющие точки
Практика /
Найдите инструменты Direct Selection Tool (Частичное выделение) и
Lasso Tool (Лассо). Выделите с их помощью часть любого контура и по-
Создание и обработка кривых 181_
Примечание
Управляющая линия одна и является касательной к кривой в опорной точке в
том случае, если опорная точка является гладкой. В этом случае перемещение
любой из управляющих точек будет влиять на состояние обоих сегментов, при-
легающих к данной точке. Если опорная точка является угловой и участок кри-
вой в этой точке вогнут вовнутрь, то управляющих линий будет две, и каждая из
них представляет собой касательную к прилегающему сегменту в данной точке.
Каждая из управляющих линий может перемещаться независимо и изменять
свой сегмент. Если угловая опорная точка находится на участке кривой, выгну-
той наружу, то у нее вообще может не быть управляющих линий и управляю-
щих точек (см. рис. 4.3).
Рисование линий
с помощью инструмента Pen Tool
В предыдущих главах мы уже касались вопроса рисования произвольных ли-
ний с помощью инструмента Pencil Tool (Карандаш). Но чаще всего для по-
строения различных контуров используется инструмент Pen Tool (Перо).
С помощью этого инструмента можно рисовать прямые линии, ломаные и
плавные кривые.
Практика ~f
Найдите инструмент Pen Tool (Перо) в палитре Tools (Инструменты). Он
находится в третьем ряду слева. Разместите на экране все инструменты
группы Реп (рис. 4.4).
/ Практика ~|
Нарисуйте несколько замкнутых ломаных линий.
( Примечание" ^
Первый способ есть смысл применять тогда, когда после рисования одной ли-
нии вы хотите нарисовать следующую с помощью того же инструмента Реп
Tool (Перо). Второй — когда после рисования вы хотите заняться другими ве-
щами и перейти к следующему инструменту. Третий и четвертый можно приме-
Создание и обработка кривых 183
нять в любых ситуациях. По сути дела, четвертый способ также снимает выде-
ление с рисуемой линии, т. к., нажимая клавишу <Ctrl>, вы временно переходи-
те к инструменту Selection Tool (Выделение).
/ Практика |
Нарисуйте несколько незамкнутых ломаных линий, каждый раз заканчи-
вая рисование одним из предложенных способов.
( Примечание )
Раньше рисование с помощью инструмента Pen Tool (Перо) было единствен-
ным способом рисования прямых. В более поздних версиях Adobe Illustrator
появился альтернативный инструмент Line Segment Tool (Прямолинейный
сегмент).
/ Практика ~j
Вспомните процесс рисования прямых с помощью инструмента Line
Segment Tool (Прямолинейный сегмент). Нарисуйте несколько линий.
Сравните два эти способа.
Рис. 4.7. Рисование плавной кривой. Рис. 4.8. Рисование плавной кривой.
1-й этап 2-й этап
Примечание
Окончание рисования замкнутой и незамкнутой плавных кривых аналогично
окончанию рисования замкнутой и незамкнутой ломаных.
Создание и обработка кривых 185
j Практика |
Попробуйте нарисовать гладкую произвольную кривую. Нарисуйте замк-
нутый и незамкнутый варианты.
Примечание
Работать с S-образными кривыми предпочтительнее, т. к. в конечном итоге они
дают меньше опорных точек, чем выпуклые. А меньшее количество опорных
точек — это меньшее количество сегментов, следовательно, меньшее число
описываемых в файле векторов и меньший объем файла. Также большое чис-
ло опорных точек загромождает рисунок. Поэтому нужно стремиться к умень-
шению числа опорных точек в кривой, но только не за счет ухудшения ее каче-
ства.
/ Практика |
Создайте новый файл. Покажите на экране линейки и разместите две гори-
зонтальные направляющие.
/ Практика
Рассмотрите рисунки и постройте одну под другой две кривых — одну из
выпуклых сегментов, другую— из S-образных (см. рис. 4.10). При по-
строении опорные точки размещайте на направляющих.
186 Глава 4
Рис. 4.11. Рисование выпуклой кривой Рис. 4.12. Рисование S-образной кривой
Примечание
Пользоваться направляющими при рисовании кривых не обязательно. Мы раз-
местили их во вспомогательных целях, чтобы все опорные точки лежали на од-
ной прямой и кривые имели вид красивых волн.
с Примечание
Если во время рисования кривых использовать клавишу <Shift> и сетку, которая
позволит регулировать длину направляющих, плавные кривые можно создать
еще более ровные и красивые (рис. 4.13).
Г \ \ )
!
iI >
N[7
Рис. 4.13. Плавные кривые, нарисованные с использованием сетки
и при действии клавиши <Shift>
/ Практика |
Отобразите на экране сетку и нарисуйте несколько кривых, похожих на
кривые, изображенные на рис. 4.13.
Создание и обработка кривых 187
/ Практика |
Нарисуйте кривую, в которой бы присутствовали и криволинейные, и
прямолинейные сегменты.
Рис. 4.16. Создание угловой точки при рисовании плавного криволинейного сегмента
[ Практика ~jj
Попробуйте нарисовать пример кривой, изображенный на рис. 4.15, а за-
тем придумайте и нарисуйте свой собственный пример на рассматривае-
мую операцию.
/ Практика |
Попробуйте описанные операции по редактированию кривых во время их
рисования на практике.
Создание и обработка кривых 189
Редактирование кривых
Рисование кривых с помощью инструмента Pen Tool (Перо) — достаточно
трудоемкий процесс, требующий не только сноровки, но и точного расчета
местоположения опорных точек и вида сегментов. Поэтому часто задуманные
контуры не получаются с первого раза. В этом случае к контурам применяют
различные операции редактирования. Операции редактирования применяют к
контурам и в том случае, когда они созданы с помощью других инструментов
и способов. Ориентация в способах редактирования кривых и овладение
практикой работы с ними — тот багаж знаний, который делает работу в век-
торном редакторе результативной и плодотворной.
Быстрая
Инструмент Функция
клавиша
j Практика ^
Найдите эти инструменты и разместите их в составе отдельных палитр на
экране. Инструмент Reshape Tool (Форма) находится в группе инструмен-
тов Scale Tool (Размер), а инструмент Scissors Tool (Ножницы) — над ин-
струментом Zoom (Масштаб).
( Примечание ^
Все опорные точки контура выделяются и в том случае, если при выделении мы
охватили только некоторые из них.
/ Практика ~jj
Выделите какую-либо кривую или геометрическую фигуру инструментом
Selection Tool (Выделение), заострив внимание на описанном нюансе.
/ Практика |
Нарисуйте несколько различных замкнутых и незамкнутых контуров с
помощью разных инструментов. Последовательно выделяйте различные
сегменты у нарисованных объектов. Обращайте внимание на вид опорных
точек.
Примечание
При выделении прямолинейного сегмента управляющих линий видно не будет.
Совет
Иногда при выделении определенного сегмента выделяется другой сегмент,
опорная точка или вся кривая (при этом все опорные точки будут закрашены).
В этом случае нужно снять все выделения и повторить операцию еще раз.
/ Практика |
Выполните выделение нескольких сегментов в одной из кривых.
1 Практика
Попробуйте выполнить выделение опорных точек в нескольких объектах.
/ Практика ~}
Попробуйте выполнить выделение опорных точек в нескольких объектах,
используя метод, описанный выше.
[ Практика \
Выделите на одной из кривых несколько рядом лежащих и отдельно ле-
жащих опорных точек различными способами. Попробуйте исключать
точки из группы выделенных.
( Совет ^)
Очень удобно пользоваться инструментом Lasso Tool (Лассо) при выделении
нескольких опорных точек; если они находятся в разных местах кривой, выде-
лить их можно без использования дополнительных клавиш.
( Примечание ")
Перемещение при настройке каждым из способов должно происходить при ак-
тивном инструменте Direct Selection Tool (Частичное выделение).
Перемещение сегмента
/ Практика |
Выделите определенный сегмент на какой-либо кривой. Приложите мышь
к контуру в пределах сегмента, нажмите на клавишу и попробуйте плавно
перемещать мышь. Что меняется, а что остается неизменным?
7 Зак. 1380
194 Глава 4
Примечание
Нажатая клавиша <Shift> в этом и других случаях ограничивает возможности
перемещения углами, кратными 45°.
/ Практика |
Попробуйте выделить несколько опорных точек кривой и осуществить на-
стройку кривой, выполняя перемещение этих точек.
Примечание
При необходимости перемещения нескольких опорных точек удобно использо-
вать инструмент Reshape Tool (Форма). Он действует почти так же, как и инст-
румент Direct Selection Tool (Частичное выделение) при перемещении не-
скольких точек, но есть одно существенное отличие. Выделенные опорные точ-
ки перемещаются на разное расстояние, обратно пропорциональное
удаленности от перемещаемой точки. Такое растяжение в терминологии про-
грамм векторной графики называется "эластичным". Оно позволяет изменять
форму контура, не изменяя при этом относительного расположения сегментов и
опорных точек.
Рис. 4.27. Состояние контура после перемещения управляющей точки снизу от опорной
/ Практика /
Попробуйте осуществить настройку кривой, перемещая управляющие
точки. Причем рассмотрите вариант гладкой опорной точки и вариант уг-
ловой опорной точки в гладкой кривой (см. рис. 4.17).
Комплексная настройка
При создании объектов на практике все рассмотренные способы настройки
криволинейного сегмента варьируют и применяют комплексно.
[ Практика /
Для закрепления пройденного материала нарисуйте окружность и, приме-
няя различные способы настройки, попробуйте превратить ее в сердце
(рис. 4.28).
Г Примечание
Отпадает способ настройки, связанный с перемещением управляющих точек,
т. к. у угловых точек в прямолинейных сегментах управляющих линий и точек
нет.
Создание и обработка кривых 197
/ Практика |
Нарисуйте прямоугольник. Выделите боковую грань и переместите ее в
произвольном направлении (рис. 4.29). Восстановите форму прямоуголь-
ника и выполните ту же операцию, удерживая клавишу <Shift> (рис. 4.30).
/ Практика |
Для освоения настройки прямоугольного сегмента методом перемещения
опорной точки попробуйте превратить прямоугольник в песочные часы
или "бабочку" (рис. 4.31).
X
Рис. 4.31. Исходный прямоугольник и объекты,
полученные из него путем перемещения опорных точек
/ Практика |
Для закрепления операции на практике попробуйте путем изменения типа
опорных точек преобразовать эллипс в ромб (рис. 4.32).
/ Практика |
Попробуйте выполнить подобное преобразование.
/ Практика У
В качестве тренировки попробуйте преобразовать звездочку в цветок, вы-
полняя преобразование угловых опорных точек в гладкие (рис. 4.37).
Совет 7
Если угловая точка явно видима, можно попытаться сразу перейти к этапу 3,
минуя два первых. При точном попадании может повезти.
200 Глава 4
Рис. 4.37. Пример для закрепления преобразования угловых опорных точек в гладкие
с Примечание
Выделять контур перед добавлением точек не обязательно, но желательно.
/ Практика
Попробуйте добавить несколько опорных точек к произвольному контуру.
Adobe Illustrator
J
Рис. 4.38. Диалоговое окно с указанием применять текущий инструмент
к сегменту или контуру
Создание и обработка кривых 201
Это диалоговое окно появляется в том случае, когда пользователь, желая до-
бавить опорную точку и щелкая мышью, попадает мимо контура. При появ-
лении подобного диалогового окна необходимо щелкнуть в нем по кнопке
ОК (Да) и выполнить операцию снова.
(~ Примечание ^
При желании пользователь может установить режим, при котором это сообще-
ние не будет появляться в подобных ситуациях. Для этого нужно активизиро-
вать флажок Don't Show Again (He показывать снова).
/ Практика |
В качестве примера практического использования операции добавления
опорных точек выполните преобразование прямоугольника во флажок,
добавив предварительно опорную точку на его грани (рис. 4.39).
та v,
И) г
<
/ Практика |
В качестве примера на удаление опорной точки выполните преобразова-
ние прямоугольника в прямоугольный треугольник (рис. 4.40).
Если выполняя операцию удаления опорной точки вы попали мимо нее, про-
грамма выдаст сообщение, аналогичное сообщению, выдаваемому при щелч-
ке вне контура во время проведения операции добавления опорной точки
(см. рис. 4.38). Действия пользователя в этой ситуации должны быть анало-
гичными.
202 Глава 4
Ъ >• ; /
. Dpiete ••••-•-.•,•-._•••
• удаление; П поворот;
• перемещение; П наклон;
• копирование; П зеркальное отражение.
П масштабирование;
Преобразование сегментов
/ Практика /
Нарисуйте гладкую кривую или ломаную линию достаточно большой
длины. Уберите у нее заливку. Выделите несколько серединных сегмен-
тов. Последовательно выполняйте все вышеперечисленные операции. По-
сле рассмотрения результата конкретной операции возвращайтесь к ис-
ходному состоянию, отменяя последнее действие.
| Average
AXIS
|"ОГ- ~~\
Г ЫогйСТЛ
:
с ,'erti. •;.v .Cancel J
:• г
П Horizontal (Горизонтальное);
П Vertical (Вертикальное);
• Both (Оба).
I Практика |
Нарисуйте два прямоугольника и выделите любым инструментом частич-
ного выделения две противоположенные вершины, принадлежащие раз-
ным фигурам (рис. 4.46). Последовательно выполняйте усреднение коор-
динат этих точек по горизонтали (рис. 4.47), вертикали (рис. 4.48), и обоим
направлениям одновременно (рис. 4.49), после каждой операции возвра-
щаясь к исходному состоянию.
Рис. 4.46. Исходное состояние Рис. 4.47. Вид фигур после усреднения
прямоугольников. Выделены точки координат по горизонтали
для усреднения координат
п . i^
" \
V » •
Рис. 4.48. Вид фигур после усреднения Рис. 4.49. Вид фигур после усреднения
координат по вертикали координат по горизонтали и вертикали
Примечание
Результатом выполнения операции усреднения координат по обоим направле-
ниям не является слияние объектов в данной точке. Объекты как были, так и
остаются самостоятельными, а "слившиеся" точки просто накладываются друг
на друга.
206 Глава 4
f Практика
Придумайте свой собственный пример на усреднение координат точек и
выполните его.
Разделение контуров
Разделить контур на составные части гораздо проще, чем соединить (ломать
всегда проще, чем строить). Эту операцию можно выполнить над любыми
контурами с помощью инструмента Scissors Tool (Ножницы). Необходимо
перейти к этому инструменту и щелкать в нужных местах либо по контуру,
либо по опорным точкам. После этого части последовательно можно выде-
лять инструментом Selection Tool (Выделение) и перемещать в разные сторо-
Создание и обработка кривых 207
Примечание
Эта операция подобна операции разрезания проволоки, которую можно выпол-
нить с помощью специальных ножниц.
/ Практика |
Убедитесь, что вы находитесь в режиме Outline (Макет) и попробуйте
разрезать и растащить по частям следующие фигуры: ровную и извили-
стую линии, ломаную линию, прямоугольник, эллипс, произвольный
контур.
Соединение контуров
Операция соединения контуров так же проста, как и операция их разделения.
Для соединения одного незамкнутого контура можно применить два метода.
• Дорисовать контур, поместив указатель мыши в концевой точке и замкнув
конец на начало. Это можно выполнить инструментами Pencil Tool (Ка-
рандаш) и Pen Tool (Перо). Перед тем как дорисовывать контур, его необ-
ходимо выделить любым из инструментов выделения.
• Выделенный незамкнутый контур может быть соединен автоматически
при помощи команды Object | Path | Join (Объект | Контур | Соединить)
или соответствующей ей комбинации клавши <Ctrl>+<J>. В результате
применения команды крайние точки контура соединятся прямой линией.
Совет
Запомните эту комбинацию клавиш, т. к. она применяется для выполнения дан-
ной операции не только в этой программе, но и во многих других.
/ Практика
Найдите среди объектов, нарисованных вами ранее незамкнутый контур,
созданный с помощью инструмента Pen Tool (Перо). Выделите его, по-
208 Глава 4
I Практика |
Нарисуйте две карандашные кривые примерно так, как показано на
рис. 4.55. Выполним первый вариант соединения, показанный на рис. 4.56.
Для этого необходимо любым из инструментов частичного выделения вы-
делить две крайние левые точки у обоих контуров. Выделить их можно
либо обведя рамкой или произвольной кривой (в зависимости от выбран-
ного инструмента), либо щелкая по точкам инструментом Direct Selection
Tool (Частичное выделение) при нажатой клавише <Shift>. Выделенные
точки контуров показаны на рис. 4.57.
Совет
При выделении точек будьте очень аккуратны, ведь выделить нужно только две
точки, а не больше и именно концевые. Перед выделением удобно активизиро-
вать крайний сегмент одного из контуров, чтобы увидеть все опорные точки.
Рис. 4.58. Вид объектов после соединения Рис. 4.59. Результат операции соединения
опорных точек слева двух контуров
210 Глава 4
( Примечание
Можно было несколько упростить работу, ведь после соединения первой груп-
пы точек контур стал иметь только один разрыв, и выполнять команду можно
было, не указывая конкретные точки.
Внимание!
Соединять в Adobe Illustrator можно только концевые точки контура.
/ Практика /
Перейдите к режиму Preview (Иллюстрация). Нарисуйте несколько замк-
нутых геометрических фигур и произвольных контуров и залейте их.
( Примечание ^
Для того чтобы линии разреза были прямыми, необходимо во время операции
держать нажатой клавишу <Alt>.
j Практика |
Перейдите к инструменту Knife Tool (Нож) и разрежьте круг так, как по-
казано на рис. 4.61. Придумайте свои варианты разрезания и выполните
разделение на части других фигур.
Примечание
Во время операции разрезания объекта никакие другие объекты выделенными
быть не должны.
с Примечание
Эти же операции можно выполнить с помощью подкоманд команды Pathfinder
(Обработка контуров) из меню Effects (Эффекты).
/ Практика |
Разместите на экране палитру Pathfinder (Обработка контуров) с по-
мощью одноименной команды из меню Window (Окно).
212 Г пава 4
Назначение
Кнопка Название
(результат операции)
I Практика |
Нарисуйте прямоугольник и эллипс так, чтобы они пересекались, и залей-
те их разными цветами. Сделайте еще 3 копии этой композиции
(рис. 4.62). Будем последовательно применять к каждой композиции рас-
сматриваемые операции.
Примечание
Действие этой кнопки необходимо для того, чтобы преобразовать полученный
объект в составной контур. Для достижения той же цели можно было сразу
щелкать по основной кнопке операции при нажатой клавише <Alt>.
тов, видно все то, что находится под объектом. Эта операция используется
не только при создании объектов с "дырками" типа бубликов и решеток,
но и при генерировании более изящных объектов с прозрачными областя-
ми; например, салфетки, кружева, ажурные решетки и т. п. Попробуйте
придумать и создать сложный "ажурный" или "дырчатый" контур из не-
скольких простых.
При работе над сложными объектами самый важный этап — разложить объ-
ект по исходным составляющим и представить, из каких более мелких конту-
ров он будет состоять, и какие операции необходимо применить для получе-
ния сложного из простого. Представленные ниже простые примеры дад>т вам
возможность развить фантазию и пространственное воображение. На
рис. 4.64 представлены объекты, получившиеся в результате операции объ-
единения, на рис. 4.65 — минус верхний, на рис. 4.66 — пересечение.
/ Практика
Внимательно рассмотрите предложенные примеры. Представьте, какие
исходные геометрические фигуры использовались в каждом из случаев.
Создание и обработка кривых 215
Рисование контура
при помощи инструмента Pencil Tool
Самый простой способ — нарисовать контур с помощью рисующих инстру-
ментов. О работе с инструментом Pencil Tool (Карандаш) мы уже говорили
(см. раздел "Рисование произвольных линий с помощью инструмента Pencil"
главы 1). Этот способ обычно любят профессиональные художники. Наличие
графического планшета позволяет сделать работу по рисованию более прият-
ной. Иногда карандашом рисуют черновой контур, чтобы ориентироваться на
него в процессе создания основного контура другими методами.
216 Гпава 4
( Совет )
Не забывайте, что после рисования контура карандашом вы можете подпра-
вить его либо самим карандашом, либо используя инструмент Smooth Tool
(Сглаживание).
Создание контура
при помощи инструмента Pen Tool
Создание контуров при помощи инструмента Pen Tool (Перо) мы рассматри-
вали в разделе "Рисование линий с помощью инструмента Pen Tool" данной
главы. Работа эта не простая, но после некоторой тренировки придет опыт и
умение. Главное — заранее разложить будущий контур на сегменты и проду-
мать, какие типы точек будут эти сегменты соединять. В любом случае, даже
если контур получится не очень красивым, существуют операции по его ре-
дактированию, с помощью которых можно будет "довести" объект до нор-
мального вида.
Создание контура
на основе геометрической фигуры
Следующий способ близок людям с математическим складом ума и не вла-
деющим особыми художественными талантами. Он является универсальным
и подходит для создания различных объектов. Способ заключается в том, что
рисуется геометрическая фигура, по форме наиболее подходящая к создавае-
мому контуру. Затем на этой фигуре добавляются опорные точки и настраи-
ваются получившиеся сегменты.
( Совет ^)
Операции по добавлению опорных точек и их настройке удобнее производить
при большом масштабе просмотра в режиме Outline (Макет).
I Практика |
Нарисуйте на бумаге простейший рисунок на основе кривой. Попробуйте
воссоздать его на экране каждым из описанных выше методов.
Описание работы
Логотип — это тот классический продукт, который всегда вспоминают при
разговоре об областях применения программ векторной графики. Это совер-
шенно естественно, т. к. логотип состоит из кривых. В реальных логотипах
обычно практически всегда присутствует текстовая составляющая. Но т. к.
мы еще не разбирали работу с текстом, выполним только ту часть логотипа,
которая создается на основе кривых.
Далее приведены работы, выполненные на занятиях по векторной графике
студентами Менеджер-центра СПбГУКИ. Я позволила себе привести некото-
рые короткие комментарии к ним, которые, может быть, будут полезны и
вам. Некоторые работы выполнялись по образцу и представляют попытку
воспроизвести логотипы фирм, известных и не очень. А некоторые логотипы
являются плодами собственной фантазии или вариациями на предложенную
тему.
/ Практика |
Создайте новый файл и сохраните его в папке глава 4 под именем логотип.
Рассмотрите представленные ниже работы. Создайте свой собственный
логотип, ориентируясь на образец, приведенный в книге, найденный в
другом источнике или придуманный самостоятельно. Постарайтесь мак-
симально использовать знания и навыки, полученные вами при изучении
218 Глава 4
Примеры работ
Студентки Юлия Константинова и Ольга Фролова выполняли одну и ту же
работу— хорошо известный логотип фирмы Apple. Но, посмотрите, какие
разные варианты могут создаваться по одному и тому же образцу в зависимо-
сти от восприятия, а также методов воспроизведения (рис. 4.67 и 4.68). Для
создания логотипа во втором случае был выбран традиционный подход —
создание контура яблока, а затем разрезание его на части с помощью инстру-
мента Knife Tool (Нож) для различной раскраски его полос. В первом же
случае на яблоке были нарисованы кривые и при раскрашивании применен
новый подход с использованием инструмента Live Paint Bucket ("Живая"
заливка).
Рис. 4.67. Логотип фирмы Apple, выполненный Рис. 4.68. Логотип фирмы Apple, выполненный
студенткой Юлией Константиновой студенткой Ольгой Фроловой
Рис. 4.69. Спортивный логотип, выполненный Рис. 4.70. Спортивный логотип, выполненный
студенткой Еленой Сафоновой студенткой Екатериной Дюковой
Создание и обработка кривых 219
Работы Елены Морозовой (рис. 4.74) и Елены Шелест (рис. 4.75) объединяет
общая "волновая" тематика. И хотя, кроме волн, кривых на рисунках практи-
чески нет, замысел и его воплощение заслуживает похвалы.
Несмотря на кажущуюся простоту работ Анны Часовских и Насти Парамоно-
вой, "срисованных" с образца, контуры в них выполнены очень ровно и кра-
сиво (рис. 4.76 и 4.77).
Работы Екатерины Дюковой (рис. 4.78) и Виктории Тумановой (рис. 4.79)
также выполнены по образцу. Над ними пришлось немало потрудиться, что-
220 Глава 4
Рис. 4.76. Логотип Анны Часовских Рис. 4.77. Логотип Насти Парамоновой
Рис. 4.78. Работа студентки Дюковой Рис. 4.79. Работа студентки Тумановой
Работа с текстом
/ Практика |
Создайте новый файл. Найдите в палитре Tools (Инструменты) группу ин-
струментов для работы с текстом (третий ряд сверху справа) и отобразите
ее на экране в виде отдельной палитры.
лила весь текст, используемый в программе, еще на два вида: обычный и де-
коративный. К декоративному тексту можно отнести текст вдоль контура и
текст в области.
Заголовочный текст
Этот вид текста используется для заголовков и для коротких надписей. Длина
строки в таком тексте ничем не ограничена. В заголовочном тексте хоть и
существует понятие абзаца (как и везде, это текстовый фрагмент, заканчи-
вающийся нажатием клавиши <Enter>), но из параметров абзаца к нему могут
применяться только выключка и отступ слева. Обычно с заголовками рабо-
тать проще, к ним применяется большее число операций и нужно выбирать
заголовочный текст всегда, когда текстовый фрагмент небольшой и его не
нужно форматировать как абзац. Пример заголовочного текста приведен на
рис. 5.2.
Блочный текст
Используется при оформлении больших массивов текста. Располагается в
заранее указанном ему пространстве— блоке. К блочному тексту можно
применять все параметры форматирования, но он более громоздок и менее
удобен в использовании, и к нему можно применять меньшее число преобра-
зований, чем к заголовочному тексту. Поэтому блочный текст нужно исполь-
зовать тогда, когда текстовые фрагменты достаточно большие, текст структу-
рирован по абзацам, которые нужно форматировать определенным образом.
Пример заголовочного текста приведен на рис. 5.3.
Горизонтальный текст
Горизонтальный текст— это обычный текст, используемый в большинстве
стран и в большинстве работ при оформлении массивов основного текста,
заголовков, а также коротких и длинных надписей и подписей. Горизонталь-
ный текст в Adobe Illustrator может быть как заголовочным, так и блочным,
(см. рис. 5.2 и 5.3).
Вертикальный текст
Вертикальный текст был введен в программу для того, чтобы ее могли ис-
пользовать в Японии. В последних версиях программы при вводе вертикаль-
ного текста можно менять ориентацию: она может быть стандартной
(Standart) или повернутой (Rotated). Примеры вертикального текста различ-
ной ориентации приведены на рис. 5.4. Вертикальный текст также может
быть и заголовочным, и блочным. У нас этот вид текста применяется в каче-
стве одного из способов оформления заголовков, а также в качестве текстово-
го эффекта для коротких фраз.
д 3
0 TJ
ж О
д О
и
Рис. 5.4. Примеры вертикального текста стандартной (слева)
и повернутой ориентации (справа)
Примечание
Вертикальный текст повернутой ориентации можно получить путем поворота
горизонтального текста на угол 90°.
8 3ак, 1380
226 Глава 5
(ооооо
\Mope синее сверкает, чайки белые снуют..
\Ни на что не намекаю, просто песенку/
\пою. До свиданья, дорогие, вам ни/
a, ни пера. Пусть вам встретятся/
другие лишь попутные ветра...
Ввод текста
Здесь мы разберем способы ввода обычного текста. Ввод декоративного тек-
ста будет рассматриваться далее отдельным разделом.
Для ввода и заголовочного, и блочного текста используются два инструмен-
та: Type Tool (Текст) и Vertical Type Tool (Вертикальный текст) (см.
рис. 5.1). Каким будет текст— заголовочным или блочным, зависит от того,
какие начальные действия вы будете выполнять перед вводом.
/ Практика |
Отобразите на экране палитру Character (Символ), выполнив одноимен-
ную подкоманду команды Туре (Текст) из меню Window (Окно). В верх-
нем списке Font (Гарнитура) выберите гарнитуру Aria], а в поле, которое
находится под ним через одно, установите размер 24 пт (см. раздел "Фор-
матирование символов" данной главы).
( Примечание )
Вместо активизации инструмента Type Tool (Текст) каждый раз перед вводом
нового текстового фрагмента можно нажимать клавишу <Ctrl> и щелкать в лю-
бом свободном месте пространства (этим вы временно переходите к инстру-
менту Selection Tool (Выделение) и снимаете выделение с текстового фраг-
мента).
/ Практика |
Перейдите к инструменту Type Tool (Текст), закрепите курсор в любом
месте экрана и введите любую текстовую фразу. Затем введите еще одну
фразу в другом месте экрана.
Совет
При изучении операций над текстом, производимых в той или иной программе,
часто приходится вводить различные текстовые массивы. Не ленитесь вводить
осмысленный набор символов. Лишняя практика ввода текста никому не поме-
шает, а экономия времени при вводе произвольного набора символов будет
небольшая. Вводите те прозаические или стихотворные фразы, которые вам
будет приятно перечитывать при рассмотрении различных операций над тек-
стом.
/ Практика |
Закрепите курсор в любом другом месте и введите несколько строк, ис-
пользуя клавишу <Enter> и комбинацию клавиш <Shift>+<Enter>.
Для того чтобы понять впоследствии, из скольких строк состоит тот или иной
абзац во фрагменте заголовочного текста, можно включить режим отображе-
ния служебных символов. Это выполняется при помощи команды Show
Hidden Characters (Показать скрытые символы) из меню Туре (Текст). Сим-
228 Глава 5
с Т|римечание
Если при активизации инструмента Type Tool (Текст) нажать клавишу <Shift>,
то вид курсора изменится и будет вводиться вертикальный текст.
/ Практика |
Введите несколько фрагментов вертикального заголовочного текста раз-
личной ориентации, состоящих из одной и из нескольких строк (рис. 5,8).
Примечание
Изменение ориентации всего фрагмента вертикального текста или его отдель-
ных символов можно выполнить до или после его ввода, выполнив команду
Standart Vertical Roman Alignment (Стандартная вертикальная ориентация) из
палитры Character (Символ).
/ Практика |
Попробуйте изменить ориентацию нескольких текстовых фрагментов.
1
I
Рис. 5.9. Начальный этап ввода блочного текста
/ Практика |
Введите фрагмент блочного текста. Пример фрагмента блочного текста
изображен на рис. 5.10.
230 Глава 5
И» Ливерпульский
всегда
/ Практика |
Нарисуйте еще одну текстовую рамку большого размера. Введите в блок
фрагмент текста, состоящий из нескольких абзацев. Пример текстового
блока с несколькими абзацами приведен на рис. 5.11.
( Примечание )
В предыдущих версиях Adobe Illustrator квадратик с признаком переполнения
появлялся только тогда, когда переполнение было. Начиная с версии Adobe
Illustrator CS квадратик проявляется всегда при выделении текстового фрагмен-
та инструментом Selection Tool (Выделение). Только когда переполнения нет,
он голубой и прозрачный, а когда есть — он становится малиновым и в нем по-
является знак "+". Этот квадратик можно назвать маркером связи, т. к. исполь-
зуется он при установке связи между текстовыми блоками (см. раздел "Уста-
новка связи между текстовыми блоками" данной главы).
зурвкг на
Z.,ZQdxi*..
найдется никогда.
/ Практика |
Нарисуйте текстовую рамку небольшого размера. Вводя в нее текст, до-
бейтесь появления признака переполнения. Измените размер и пропорции
блока.
( Примечание )
Рамка текстового блока в режиме Outline (Макет) видна всегда, а в режиме
Preview (Иллюстрация) — только при вводе текста и выделении блока. А вот
признак переполнения текстового блока в новой версии программы стал посто-
янно видимым.
232 Глава 5
l
p H д a в 3 X n 1
У a e T e a Л и a
к P Л к 6 e T м
I* S a к ж a a ы 6 ь
!f
X a a H X T a я б
M T T i Ы i е
e Ы e и 3
H H
H e в
a Ы 6
/ Практика |
Введите несколько фрагментов вертикального блочного текста.
/ Практика
Перейдите к режиму Outline (Макет) и посмотрите, есть ли у вас на экра-
не пустые текстовые блоки. Удалите их с помощью соответствующей
команды.
Работа с текстом 233
( Примечание )
При выделении блоков текста или фрагментом заголовочного текста щелчком,
щелкать нужно по символам, а не по пустому пространству между ними или
внутри блока.
/ Практика |
Выполните последовательное выделение текстовых блоков, находящихся
у вас на экране, используя все инструменты и способы выделения.
Совет
Выделять текстовые блоки все-таки лучше инструментом Selection Tool (Вы-
деление), т. к. начиная с версии Adobe Illustrator CS появилась возможность,
выделив контур фрагмента блочного текста одним из инструментов частичного
выделения, изменить форму текстовой рамки. В данном случае эта возмож-
ность не нужна, но при выделении блока текста одним из инструментов частич-
ного выделения она может быть использована абсолютно случайно и не по на-
значению.
Примечание
Выделение нескольких текстовых блоков происходит так же, как и выделение
нескольких графических объектов.
( Примечание
Для выделения текста в каком-либо из фрагментов можно использовать любой
текстовый инструмент, независимо от того, какой инструмент применялся при
вводе этого фрагмента.
Работа с текстом 235
/ Практика |
Попробуйте выделять отдельные слова с помощью двойного щелчка
мышью и абзацы — посредством тройного щелчка. Вспомните другие
способы выделения текста, применяемые в текстовых редакторах. После-
довательно выделяйте фрагменты текста различной длины в имеющихся
текстовых фрагментах.
Для выделения всего текста в блоке, даже если он не виден, удобно приме-
нять команду АН (Все) из меню Select (Выделить) или комбинацию клавиш
<Ctrl>+<A>, предварительно закрепив текстовый курсор в этом блоке.
/ Практика |
Выделите весь текст в одном из блоков с помощью описанного способа.
Примечание
Единственное, что вы не сможете сделать с помощью текстовых инструмен-
тов — это выделить несколько слов или фраз, принадлежащих одному тексто-
вому фрагменту, но идущих не подряд, и выделить несколько слов или фраз,
принадлежащих разным текстовым фрагментам.
Примечание
В программе Adobe Illustrator нет понятия параметров штифта и абзаца по
умолчанию, которое существует во многих программах. При задании парамет-
ров по умолчанию очередной текстовый фрагмент всегда вводится с этими па-
раметрами, независимо от того, какие параметры применяются к другим тек-
стовым фрагментам. В Adobe Illustrator есть понятие текущие параметры. То
есть, те параметры шрифта и абзаца, которые вы назначите какому-либо фраг-
менту, станут текущими, и будут действовать на следующие вводимые фраг-
менты до тех пор, пока вы их не измените.
Форматирование символов
Основной способ форматирования символов — форматирование с использо-
ванием палитры Character (Символ), вызываемой с помощью команды
Туре | Character (Текст | Символ), из меню Window (Окно) или комбинации
клавиш <Ctrl>+<T>.
( Совет )
Запомните эту комбинацию, т. к. она универсальна и применяется для вызова
диалоговых окон или палитр изменения шрифтовых параметров во многих про-
граммах.
( Примечание )
Как правило, эта палитра изначально размещается вместе с палитрой
Paragraph (Абзац).
/ Практика |
Разместите на экране палитру Character (Символ), если у вас ее еще нет.
Anal
м
Regular
7]
Рис. 5.19. Палитра Characters минимальной конфигурации
Гарнитура Начертание
Интерлиньяж
— Трекинг
— Высота
Сдвиг Поворот
базовой линии символов
Подчеркивание Зачеркивание
Практика |
Последовательно отображайте палитру Character (Символ) в различных
конфигурациях. Остановитесь на втором варианте.
Изменение гарнитуры
Гарнитура или тип шрифта (font family) — основной параметр символов.
Существует очень много различных гарнитур и их классификаций по различ-
ным признакам. Русскоязычных пользователей в первую очередь волнует на-
личие в конкретной гарнитуре русских символов. Указанием на то, что в дан-
238 Глава 5
ной гарнитуре точно есть русские символы, является слово Суг или Cyrillic
после названия гарнитуры. Но этого слова может и не быть в названии гарни-
туры, а русские символы в ней могут присутствовать. Поэтому, если вы не
знаете, есть ли в гарнитуре русские буквы, их наличие нужно проверять экс-
периментальным путем.
( Примечание )
В поле Font (Гарнитура) палитры Character (Символ) содержатся все шрифты,
инсталлированные в системе.
/ Практика |
Последовательно выделяйте текстовые фрагменты и пробуйте присваивать
им различные гарнитуры, выбирая их из списка Font (Гарнитура) палитры
Character (Символ). Пример текстовых фрагментов, отформатированных
разными гарнитурами, приведен на рис. 5.21.
ГО2 О
Не сразу все 3 С* Я> Э
Е
устроилось, Л
Москва не сразу Е
Н
строилась. А •§ 2 z
Я
^ ш
К о » ш
Из Ливерпульской А •° М "о
гавани всегда по Р й ™ S
четвергам, суда уходят Е
в плаванье к далеким,
Т
А
IP
берегам.. ?> а »
Примечание
Если после применения шрифта на экране отображаются "иероглифы"
(рис. 5.22), значит, вы выбрали шрифт, не содержащий русских букв.
Работа с текстом 239
/ Практика /
Вызовите команду Font (Гарнитура) и посмотрите, как устроено отобра-
жение списка шрифтов в этой команде. Присвойте текстовым фрагментам
несколько гарнитур, используя эту команду.
0 Ariel Black
T .V , i 4 . •;-.•«
-t AvamGatde Bk ВТ >
0 AdobeCaslonPro
( C«ituryOldSt>-lcStd >
0 СЬр»1м1Рю >
О CHARlEMAGNEiTD
0 Comic Sans MS
tl courier
6' Courier New
О courier std у
T Gatimond
РИС. 5.23. Часть списка гарнитур команды Type | Font (Текст | Гарнитура)
240 Глава 5
( Примечание )
Если шрифтов на вашей машине установлено много и весь их список не поме-
щается в один столбец подкоманд, можно воспользоваться стрелочками про-
крутки, находящимися в верхней и нижней части списка.
/ Практика |
Посмотрите, как действует команда Recent Fonts (Последние гарнитуры)
из меню Туре (Текст), и по какому принципу происходит заполнение спи-
ска гарнитур в этой команде.
Изменение начертания
Следующий параметр шрифта — начертание (font style). Начертание можно
рассматривать как подвид шрифта. Различные начертания применяют к сло-
вам и коротким фразам в тексте для их смыслового выделения.
В общем случае в пределах каждой гарнитуры можно присваивать четыре
начертания:
• Regular (Нормальное);
Р Italic (Курсивное);
О Bold (Жирное);
Р Bold Italic (Жирное курсивное).
Но не каждая гарнитура имеет все начертания. Конкретная гарнитура может
иметь от одного до четырех начертаний.
Практика ~7
Найдите список начертаний в палитре Charater (Символ). Найдите шриф-
ты, для которых можно менять одно начертание, два, три, все четыре воз-
Работа с текстом 241
/ Практика |
Попробуйте менять начертания отдельных фраз, используя команду Font
(Гарнитура) из меню Туре (Текст) или контекстного меню.
Изменение кегля
Кегль (font size)— это размер шрифта, выраженный в пунктах. Пункт — это
очень маленькая величина. В Adobe Illustrator 1 пункт (1 point) равен
0,353 миллиметра.
( Примечание J
Под размером шрифта в данной гарнитуре понимается величина, немного
большая высоты заглавной буквы в этой гарнитуре.
[~ Практика
Попрактикуйтесь в изменении кегля выделенных текстовых фрагментов,
используя оба описанных способа. Пример текстового фрагмента, отфор-
матированного различными кеглями, приведен на рис. 5.25.
Изменение интерлиньяжа
Интерлиньяж (leading) — это расстояние между строками (от агл. Inter —
между, line — строка). По умолчанию при выборе какого-либо кегля устанав-
ливается значение интерлиньяжа Auto (Авто), равное 120 % от текущего кег-
ля (такое межстрочное расстояние считается оптимальным). Значение интер-
линьяжа отображается в поле, находящемся справа от поля выбора кегля (см.
рис. 5.20). Интерлиньяж, так же как и кегль, измеряется в пунктах. Если не-
обходимо изменить текущее значение интерлиньяжа в каком-либо фрагменте
и сделать его отличным от автоматического, в это поле можно ввести произ-
вольное значение, выбрать его из списка или изменить с помощью кнопок
счетчика.
( Примечание )
Все дробные величины в это и другие поля палитр вводятся через запятую.
/ Практика |
Выделите фрагмент, состоящий из нескольких строк. Изменяйте интер-
линьяж в этом фрагменте, последовательно уменьшая, а затем увеличивая
его. Пример фрагмента текста с нормальным, увеличенным и уменьшен-
ным интерлиньяжем приведен на рис. 5.26.
/ Практика
Установите стандартное значение интерлиньяжа в экспериментальном
фрагменте текста.
Работа с текстом 243
Примечание
Если при работе с любой палитрой ввести в поле новое значение и нажать кла-
вишу <Enter>, значение будет принято, но курсор останется в том же поле. Если
же нажать клавишу <ТаЬ>, то значение, опять же, будет принято, а курсор пе-
реместится к следующему полю (этим приемом можно пользоваться, изменяя
значения кегля, а затем — интерлиньяжа).
АЧ AT АУ ГА
Рис. 5.27. Пары символов, нуждающиеся в кернинге (уменьшении)
Примечание
Кернинг актуален для больших шрифтов (начиная с 18—20 кегля).
( Примечание ^
Если установить значение автокернинга перед вводом текста, то он автомати-
чески будет применяться к вводимому тексту (к тем парам символов, где он не-
обходим).
Практика ^
Введите отдельным фрагментом слово "Радужный" и отформатируйте его
гарнитурой Arial 40 кеглем. Выделите фрагмент и установите автокернинг
в соответствующем поле. Закрепляйте курсор поочередно между всеми
парами символов, и обращайте внимание на значение в поле кернинга па-
литры Character (Символ). Так, в этом слове было автоматически умень-
шено расстояние между заглавной буквой "Р" и строчной буквой "а", и ав-
томатически увеличено расстояние между буквами "у" и "ж" (рис. 5.28
и 5.29). Расстояния между другими буквами не изменялись (рис. 5.30).
Радужный
Рис. 5.28. Уменьшенный кернинг в паре символов "Ра"
Радужный
Рис. 5.29. Увеличенный кернинг в паре символов "уж"
Радужный
Рис. 5.30. Неизменный кернинг в паре символов "ны"
Практика |
Установите нулевые значения кернинга для измененных пар и посмотрите,
равномерно ли будут распределяться буквы в слове. Попробуйте произ-
вольным образом изменять значения кернинга для других пар символов.
Работа с текстом 245
с Примечание
Круглая шпация — это пробел, по величине равный ширине строчной буквы "м"
в том же шрифте того же кегля.
/ Практика |
Выделите какой-либо фрагмент и измените в нем трекинг, добившись уве-
личения и уменьшения объема текста (рис. 5.31).
Совет
Не злоупотребляйте этим параметром, т. к., если текст слишком сжимать или
слишком растягивать, он становится неудобочитаемым.
с Примечание
Эти параметры нужно изменять очень аккуратно, т. к. при изменении пропорций
нарушается рисунок шрифта.
/ Практика jf
Измените высоту и ширину символов. Лучше всего это делать на крупных
шрифтах. Пример текстового фрагмента с измененными пропорциями
символов приведен на рис. 5.32.
/ Практика |
Выделите несколько символов внутри текстового фрагмента и попробуйте
сдвинуть их вверх и вниз. Базовая линия шрифта и сдвиг символов отно-
сительно базовой линии показаны на рис. 5.33.
Перекаты ПерекатЬ|
Рис. 5.33. Базовая линия и символы, к которым применен сдвиг базовой линии
Работа с текстом 247
/ Практика |
Выполните пример на оформление верхних и нижних индексов (рис. 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.
Примечание
Также некоторая информация о символах выделенного фрагмента (гарнитура,
кегль и суммарная величина трекинга и кернинга) отображается в палитре Info
(Инфо).
/ Практика |
Получите информацию о нескольких отформатированных вами текстовых
фрагментах с помощью палитр Character (Символ) и Info (Инфо), а также
из управляющей палитры.
Внимание!
Не забывайте, что установленные вами параметры символов становятся теку-
щими и будут применяться ко всем последующим вводимым фрагментам тек-
ста. Поэтому, перед тем как вводить текст, проверьте текущие параметры сим-
волов.
Совет
Особенно тщательно нужно следить за параметрами интерлиньяжа (он должен
быть автоматическим), кернинга (при вводе он также должен быть автоматиче-
ским), трекинга (он должен быть нулевым), высоты и ширины символов (они
должны быть по 100%) и сдвига базовой линии и угла поворота (они должны
быть нулевыми). Искажение этих параметров при вводе текста очень часто
проходит для пользователя незамеченным, а потом может иметь неприятные
последствия для всей работе в целом.
Форматирование абзацев
Параметры абзаца задаются с помощью палитры Paragraph (Абзац)
(рис. 5.38). Она размещается обычно рядом с палитрой Character (Символ),
но можно разместить ее и как отдельную палитру. Вызывается на экран с по-
мощью команды Type | Paragraph (Текст | Абзац) из меню Window (Окно).
250 Глава 5
Выключка
По левому, Полная
краю
Отступ
справа
Абзацный
отступ
Отбивка Отбивка
перед после
абзацем абзаца
Примечание
Если у вас на экране палитра Paragraph (Абзац) имеет меньший размер по
вертикали, чем показано на рисунке, зайдите в меню палитры и установите ре-
жим отображения дополнительных параметров.
Изменение выключки
Основной параметр для изменения в абзаце — это выключка (alignment) —
выравнивание абзаца по горизонтали относительно левой и правой границ
текстового блока (в блочном тексте). Кнопки для изменения выключки нахо-
дятся вверху палитры (см. рис. 5.38).
Выключка бывает пяти стандартных видов:
• по левому краю (left) — применяется для форматирования небольших до-
полнительных массивов текста (типа вступлений или аннотаций) или ре-
же — основного текста;
Работа с текстом 251
А все кончается,кончается,
кончается, едва качаются И как расти не может
перонов фонари. дерево без солнца, так не
могу я жить без вас,
Глаза прощаются, надолго друзья.
изучаются. И так все ясно,
слов не говори. Спасибо вам, не подвели,
не дрогнули, и каждый
А голова моя полна был открыт таким, как
бессонницы, полна тревоги б ы л .
голова моя.
Практика /
Попробуйте применить различные виды выключки к абзацам выделенного
текстового блока.
Изменение отступов
Под отступами (indentation) понимается расстояние от края рамки до левой
или правой границы текстового блока. Существует три вида отступов:
• отступ от левого края (left indent) — отсчитывается от левой границы тек-
стового блока и применяется ко всем строкам абзаца;
• отступ первой строки абзаца (first line left indent) — отсчитывается от ле-
вой границы текстового блока и применяется только к первым строкам аб-
зацев. Может быть как положительным (отступ или красная строка), так
и отрицательным (выступ);
П отступ от правого края (right indent) — отсчитывается от правой границы
текстового блока и применяется ко всем строкам абзаца.
Пример текстового блока с ненулевыми отступами приведен на рис. 5.41.
Примечание
В случае отрицательного значения отступа первой строки, она может выходить
за границу текстового блока.
Практика |
Выделите такой текстовый блок, в котором присутствует несколько мно-
гострочных (больше двух строк) абзацев. Попробуйте назначать ненуле-
вые значения отступов для абзацев этого блока при выключке по формату.
Применяйте положительные и отрицательные значения отступов первой
строки.
Совет
Не забывайте, что 1 пт — очень маленькая величина, и начинать назначение
нужно хотя бы с 10 пт, чтобы отступы были заметны.
Изменение отбивки
Отбивка (space) — интервал перед абзацем (before paragraph) или после абза-
ца (after paragraph). В рассматриваемой версии Adobe Illustrator стали присут-
ствовать оба вида отбивок. Эти поля в палитре Paragraph (Абзац) находятся
под полями отступов (см. рис. 5.38). Здесь также значения измеряются в
пунктах, и их можно вводить или изменять при помощи счетчика.
Если значение отбивки перед абзацем равно нулю, то абзац отделяется от
предыдущего только за счет интерлиньяжа. Если значение отбивок больше
нуля, то между абзацами возникает дополнительное расстояние. Отбивка мо-
жет быть и меньше нуля, но такое форматирование практически не применя-
ется. Пример текстового блока с ненулевым значением отбивок показан на
рис. 5.42.
Для абзацев в текстовом блоке может быть задана отбивка только перед абза-
цем, только после абзаца или оба вида отбивок. В последнем случае для со-
седних абзацев значение отбивок после предыдущего абзаца и перед сле-
дующим суммируются.
254 Глава 5
I ТТрактика ~t
Выделите текстовый блок, в котором присутствует несколько абзацев.
Увеличьте его высоту. Установите для всех абзацев в блоке отбивку перед
абзацем 20 пт. Проявилась ли отбивка перед первым абзацем? Увеличьте
значение отбивки до 30 пт. Появился ли отступ от верхнего края рамки до
первого абзаца сейчас? Установите также отбивку после абзацев величи-
ной 15 п. Изменилось ли расстояние между соседними абзацами?
Совет
Если все же вам необходимо иметь пустое пространство в верхней части тек-
стового блока, вставьте одну или несколько пустых строк.
Установка переносов
Возможность установить переносы в конце строк очень важна при верстке,
особенно при выравнивании текста по формату и небольшой длине строки.
Для установки переносов необходимо активизировать флажок Hyphenate
(Перенос), находящийся в нижней части палитры Paragraph (Абзац) (см.
рис. 5.38). Для того чтобы программа могла выполнить расстановку перено-
сов, необходимо указать ей, по правилам какого языка их надо устанавливать.
Для этого нужно выбрать соответствующий параметр в списке Language
(Язык), который находится в нижней части палитры Character (см. рис. 5.20).
В Adobe Illustrator CS2 появилась возможность работать также и с русским
языком.
Примечание
Для того чтобы функция расстановки переносов работала, необходимо, чтобы
соответствующий файл имелся в наличии.
j Практика |
Просмотрите параметры нескольких абзацев в ваших текстовых блоках.
с Совет
Лучше всего вводить текст при выключке по левому краю и нулевых значениях
всех отступов и отбивки независимо от его последующего форматирования.
/ Практика |
Разместите на экране вертикальную направляющую и введите несколько
абзацев заголовочного текста разной длины так, чтобы точка ввода (их
первые символы) совпали с этой направляющей. Последовательно приме-
няйте к абзацам различные типы выключек (рис. 5.43).
Форматирование
при помощи палитры управления
Палитра управления, появившаяся в Adobe Illustrator CS2, позволяет произве-
сти и операцию форматирования текста. Основные поля для форматирования
символов и абзацев, отображаемые в палитре управления, показаны на
рис. 5.44.
Выключка Выключка
по левому по правом)/
Гарнитура Кегль краю краю
Примечание
Такой вид палитра управления будет иметь, если в ее меню активны режимы
Character (Символ) и Paragraph (Абзац).
/ Практика |
Выберите один из текстовых фрагментов и попробуйте отформатировать
его произвольным образом при помощи управляющей палитры. Какие из
рассмотренных способов форматирования вам показались более удоб-
ными?
Форматирование по образцу
В Adobe Illustrator существует очень полезная функция, позволяющая форма-
тировать текстовые фрагменты по образцу. Это значит, что если у нас есть
какой-то фрагмент текста, отформатированный определенным образом, мы
можем, не вникая в подробности, какие конкретно параметры применены к
этому фрагменту, отформатировать точно так же другой фрагмент. Причем в
качестве образца и в качестве форматируемого текста можно брать не только
блоки целиком, но и фрагменты любой длины вплоть до символов.
Работа с текстом 257
Примечание
При форматировании по образцу абсолютно безразлично, является образец и
форматируемый текст фрагментами блочного текста или заголовочного.
/ Практика ^
Найдите среди ваших фрагментов два фрагмента блочного текста и
о д и н — заголовочного. У заголовочного текста параметры не меняйте.
Первому блоку текста, а это будет образец, назначьте следующие пара-
метры:
• гарнитура — Times New Roman (Times New Roman Cyr)
• начертание — курсив
• кегль —16 пт
• трекинг— 100
П высота символов — 125 %
О выключка по правому краю
• отступ справа — 40 пт
• остальные отступы — 0 пт
П отбивка — 0 пт
Все остальные параметры оставьте неизменными. Второму фрагменту
(а это будет форматируемый по образцу), назначьте другие параметры:
• гарнитура — Arial (Arial Cyr)
• начертание — жирное
• кегль —14 пт
• трекинг — 0
• высота символов—100%
• выключка по левому краю
• отступ слева — 25 пт
• остальные отступы — 0 пт
• отбивка — 0 пт
9 3ак. 1380
258 Глава 5
/ Практика |
Выполните форматирование текста по образцу обоими способами. Сохра-
ните файл В папке Глава 5 ПОД именем Заголовочный и блочный текст.
Г Примечание )
Для того чтобы инструмент Eyedropper Tool (Пипетка) выполнял форматиро-
вание по образцу соответствующих текстовых параметров, необходимо, чтобы
в окне настройки этого инструмента, вызываемом двойным щелчком по его пик-
тограмме, были установлены соответствующие флажки.
Ввод текста
Для того чтобы ввести текст, расположив его вдоль контура, необходимо,
чтобы этот контур был в наличии. Располагать текст можно и вдоль замкну-
тых контуров, и вдоль незамкнутых.
/ Практика |
Создайте новый файл. Установите цветовые параметры по умолчанию.
Нарисуйте в нем все возможные типы фигур и кривых (рис. 5.45). Устано-
вите любую русскую гарнитуру и 18—24 кегль шрифта. Проверьте все ос-
тальные текстовые параметры (в частности, задайте выключку по левому
краю и нулевые значения отступов и отбивок).
с Примечание
Если контур замкнутый, для ввода текста можно пользоваться только двумя ин-
струментами: Path Type Tool (Текст вдоль контура) и Vertical Path Type Tool
(Вертикальный текст вдоль контура). Если же контур незамкнутый, можно поль-
зоваться как вышеназванными инструментами, так и инструментами Text Tool
(Текст) и Vertical Text Tool (Вертикальный текст).
260 Глава 5
X"—<
/
i )
ч у
Рис. 5.46. Исходный контур с параметрами Рис. 5.47.1-й этап ввода текста вдоль
заливки и обводки контура — закрепление курсора в точке ввода
Рис. 5.48. 2-й этап ввода текста вдоль Рис. 5.49. Окончательный вид текста,
контура — набор текста введенного вдоль контура
/ Практика ^
В одной из геометрических фигур измените параметры контура и заливки.
Введите горизонтальный текст вдоль этого контура. Введите вертикаль-
ный текст вдоль другого контура. Обратите внимание на то, что после
ввода текста вдоль контура все параметры обводки и заливки этого конту-
ра исчезают (при необходимости потом их можно будет восстановить).
После ввода текста вдоль контура параметрам обводки и заливки этого кон-
тура присваивается значение без атрибута. В режиме Preview (Иллюстра-
ция) исчезнут все контуры, а текстовые фразы будут повторять их форму
(рис. 5.50). Но в режиме Outline (Макет) все контуры будут видимы (рис. 5.51).
Практика |
Заполните горизонтальным и вертикальным текстом все контуры на стра-
нице. Посмотрите на вид страницы в режиме Preview (Иллюстрация). Пе-
реключитесь к режиму Outline (Макет) и посмотрите, как эта страница
текста выглядит там.
Работа с текстом 261
о
A-»»*»», u. . „
1О \ /i
1...» * V. •••*
\ (Ь '
1 :v\/ ч
i
АЛЛ.
Рис. 5.50. Вид контуров, заполненных текстом Рис. 5.51. Вид контуров, заполненных текстом
в режиме Preview в режиме Outline
После ввода текста вдоль контура его вид не всегда устраивает дизайнеров.
Поэтому в Adobe Illustrator предусмотрена возможность выполнения различ-
ных операций над введенным текстом и контуром, которые мы сейчас и рас-
смотрим.
( Примечание
По сравнению с предыдущими версиями программы, начиная с Adobe Illustrator
CS, операции с текстом, введенным вдоль контура, претерпели небольшие из-
менения и добавились новые возможности.
Конечный маркер
Начальный маркер
Средний маркер
/ Практика |
Последовательно выделяйте замкнутые и незамкнутые контуры и находи-
те I-образные маркеры.
Совет
Для того чтобы габаритный прямоугольник не мешал вам выполнять операции
над текстом вдоль контура, можно временно убрать его, выполнив команду
Hide Bounding Box (Скрыть габаритный прямоугольник) из меню View (Вид).
Внимание!
Указатель мыши необходимо прикладывать именно к 1-образному маркеру, а не
к квадратику в его нижней части.
( Примечание
Если контур незамкнутый, и текст целиком не помещается на нем, появляется
признак переполнения.
Работа с текстом 263
/ Практика |
Выполните сдвиг текста вдоль замкнутого и вдоль незамкнутого контуров.
Если при выполнении сдвига вы случайно приложили мышь к квадратику
в нижней части маркера, отмените операцию.
/ Практика |
Отмените последние операции и восстановите вид фрагментов до сдвига
текста. Выполните переворот текста на другую сторону замкнутого и не-
замкнутого контуров.
264 Глава 5
Примечание
Прикладывая мышь к среднему маркеру, можно не только переворачивать
текст на другую сторону контура, но и одновременно смещать его.
/ Практика |
Восстановите первоначальный вид текста. Попробуйте изменить местопо-
ложение среднего маркера и отразить текст зеркально относительно дру-
гой точки. Сравните результаты.
Совет
Если вы хотите только сдвинуть текст, не меняя при этом положения маркеров
друг относительно друга, прикладывать мышь и перемещать нужно средний
маркер.
/ Практика |
Выделите любой фрагмент текста вдоль контура и выполните команду
Type on a Path | Type on a Path Options (Текст вдоль контура | Параметры
текста вдоль контура) из меню Туре (Текст). Диалоговое окно этой коман-
ды показано на рис. 5.57. Рассмотрите параметры в этом диалоговом окне.
Effect: Г Flip OK
ZJ Г Preview
I Практика
Находясь в диалоговом окне Type on a Path Options (Параметры текста
вдоль контура), активизируйте флажок Preview (Просмотр). Последова-
тельно применяйте к фрагменту текста вдоль контура различные эффекты
и сравнивайте вид фрагментов. Пример применения к фрагменту текста
вдоль контура различных эффектов показан на рис. 5.58.
Примечание
Увидеть контур, для того чтобы сравнить результаты, можно в режиме Outline
(Макет).
/ Практика |
Вспомните способы редактирования кривых и, перейдя к режиму Outline
(Макет), попробуйте поменять форму нескольких контуров, добившись
перераспределения текста.
Форматирование текста
Текст вдоль контура форматируется точно так же, как и обычный текст. По
своему отношению к форматированию он больше похож на заголовочный
текст, т. е. во фрагменте текста любой длины можно изменять все параметры
268 Глава 5
с Совет
Параметры абзаца текста, расположенного вдоль контура, относительно базо-
вых (выключка по левому краю, нулевые отбивки и отступы) лучше не изменять.
/ Практика |
Выполните форматирование нескольких фрагментов текста, расположен-
ных вдоль контура (рис. 5.62). Сохраните файл в папке Глава 5 под име-
нем Текст вдоль контура.
Текст в области
Текст в области — это еще один вид декоративного текста. По способу ввода,
операциям редактирования и изменения свойств контура и заливки (см. раз-
дел "Изменение параметров контура и заливки для текста в контейнерах"
данной главы) он похож на текст вдоль контура, только при вводе применя-
ются другие инструменты. По форматированию этот вид текста более близок
к заголовочному тексту.
Ввод текста
В программе Adobe Illustrator существует инструментарий, позволяющий
расположить текст при его вводе внутри любого замкнутого или незамкнуто-
го контура. Для того чтобы это сделать, нужно перейти к одному из инстру-
ментов Area Type Tool (Текст в области) или Area Vertical Type Tool (Вер-
тикальный текст в области), щелкнуть мышью по контуру и, когда контур
подсветится, а мигающий курсор появится внутри контура, вводить текст.
Текст будет распределяться внутри контура. Процесс ввода текста в область
проиллюстрирован на рис. 5.63—5.65.
Работа с текстом 269
Рис. 5.63. Ввод текста в область. Подготовительный этап: вид области до ввода
\ На
\\
кшш, л a
\ Зимнем 1)№КфежнЁм
/ \ Вшечи. Не нылм»
/ \
/ нынче.
\
\ / t*eewt: дпарцы й
\ на месте, a npt<»titi»ra
\ (
Рис. 5.64. Ввод текста в область. Рис. 5.65. Ввод текста в область.
1-й этап: курсор закреплен Конечный этап: текст распределен
внутри области внутри контура
EF у м я
ki
С» «to»
If **Й «t *» С
i> i м t n t d
«bi, you m
Си tlAt I y»J
( Примечание )
Для ввода текста в область можно пользоваться и инструментами Type Tool
(Текст) и Vertical Type Tool (Вертикальный текст), но только в случае замкну-
тых контуров.
/ Практика
Создайте новый файл. Проверьте все текстовые параметры. Установите
кегль шрифта 12—14пт. Нарисуйте различные геометрические фигуры
(эллипс, прямоугольник, многоугольник, звезда и т. д.) и произвольные
замкнутый и незамкнутый контуры. Раскрасьте их. Попробуйте ввести в
них горизонтальный и вертикальный текст. Обратите внимание, что, как и
в случае ввода текста вдоль контура, контур и заливка объектов исчезают.
Вид областей после введения в них текста показан на рис. 5.66.
/ Практика |
Попробуйте переполнить область и увеличить ее размер.
* КОНЧИ-Л9Е#\
Рис. 5.67. Текст в области до (слева) и после (справа) изменения формы контура
Работа с текстом 271
I Практика |
Измените форму одного из контуров так, чтобы текст перераспределился
по новой форме. Пример такого перераспределения показан на рис. 5.67.
Форматирование текста
Форматирование символов и абзацев для текста в области такое же, как и для
обычного текста. Только здесь, как и в случае блочного текста, можно изме-
нять параметры не только шрифта, но и абзаца.
/ Практика |
Отформатируйте любой из текстовых фрагментов, находящихся внутри
контура, изменяя все параметры символов и абзацев. Пример отформати-
рованного текста внутри области приведен на рис. 5.68. Сохраните файл в
папке Глава 5 ПОД именем Текст в области.
/ тока \
/ жялъ. что \
Совет
Лучше всего текст в области смотрится при задании небольшого кегля и вы-
ключки по формату.
Раскрашивание текста
и изменение параметров контура
От многих программ, в том числе от текстовых редакторов и программ верст-
ки, программы векторной графики отличаются тем, что в них текст можно не
только раскрашивать в разные цвета, но и заливать всевозможными узорами
и градиентами, а также изменять цвет и другие параметры контуров симво-
лов. В самом Adobe Illustrator текст как объект для изменения параметров
контура и заливки ничем не отличается от других объектов; инструменты и
272 Глава 5
Раскрашивание
/ Практика
Откройте файл Заголовочный и блочный текст. Перейдите К режиму
Preview (Иллюстрация). Найдите любой из фрагментов заголовочного
текста. Увеличьте масштаб до такой степени, чтобы фрагмент отображал-
ся во весь экран. Выделите его и посмотрите, какие параметры контура и
заливки присваиваются тексту при вводе.
ДОМБАЙСКИЙ ВР\
Рис. 5.69. Отображение цветовых параметров контура и заливки текста при вводе
/ Практика |
Вспомните все способы раскрашивания (см. раздел "Раскрашивание объ-
ектов" главы 3). Опробуйте все способы окраски применительно к тексту.
Попробуйте присвоить всему фрагменту различные варианты заливки цве-
том и узором. Примеры окрашенных текстовых фрагментов приведены на
рис. 5.70.
Работа с текстом 273
Примечание
Пока текст существует в виде текстового объекта, градиентную заливку невоз-
можно назначить ни заливке, ни обводке символов. Эту операцию возможно
произвести после преобразования текста в контуры (см. раздел "Преобразова-
ние текста в контуры" данной главы).
/ Практика ^
Попробуйте каждый символ в каком-либо из фрагментов оформить своим
неповторимым образом. Пример такого фрагмента приведен на рис. 5.71.
Примечание
Цвет контура можно изменять так же, как и цвет заливки. Только видны эти из-
менения будут лишь при очень большом масштабе просмотра или толщине
контура.
j Практика 7
Вспомните, какие параметры контура и как мы изменяли у графических
объектов (см. раздел "Изменение параметров контура" главы 3). Попро-
буйте применить эти операции к контурам символов в одном из фрагмен-
тов заголовочного текста. Пример подобного фрагмента с измененными
параметрами контуров символов приведен на рис. 5.72.
( Примечание )
В случае блочного текста чаще всего параметры обводки и заливки остаются в
состоянии "без атрибута", но при желании вы можете назначить параметры за-
ливке и обводке не только для текста в блоке, но и для самого блока.
Для того чтобы отличать заголовочный текст от всех других видов текста,
условно назовем все другие виды текста текст в контейнерах. И когда идет
речь об оформлении текста в контейнерах, отдельно можно говорить об из-
менениях параметров заливки и обводки самого текста и отдельно — об из-
менении параметров контейнеров. Способы изменения — одни и те же. Ка-
кие параметры и у каких объектов будут изменены, зависит от того, с по-
мощью каких инструментов и как производится их выделение.
\
/
/
1
/
со
/лето. ЧНЛО1 • f
\
/
4
Рис. 5.73. Вид выделенного текста
перед изменением параметров контура и заливки символов
( Примечание ^
Для выделения текста в контейнерах можно использовать и другие инструмен-
ты выделения, за исключением инструментов группы Lasso Tool (Лассо), но в
случае их применения нужно для выделения щелкать мышью по любому из
символов.
С Совет
Удобнее всего выделять контур в режиме Outline (Макет).
А\
А
ч
/тахи жаль)
/что кончилось^
лето,
>ле
.'лето.. \
Примечание
Раньше, когда в Adobe Illustrator не было выделяющих инструментов группы
Lasso Tool (Лассо), контур выделяли с помощью инструментов Direct Selection
Tool (Частичное выделение) или Group Selection Tool (Выделение в группе).
В случае применения этих инструментов щелкать нужно строго по контурам са-
мих контейнеров и следить за тем, чтобы не был выделен текст (см. рис. 5.73
и 5.74).
При выделении блока I При выделении всех или При выделении блока
инструментом Щ или Q£J i нескольких символов любым из инструментом Щ| (только
(контейнер и текст) \ инструментов Щ контейнер)
В Р>
Г
изменяются параметры всего \ изменяются параметры I изменяются параметры
текста I выделенных символов | контейнера
Совет
Своеобразие этого процесса заключается в том, что для выделения контуров
необходимо переходить к режиму Outline (Макет), а увидеть результат и вы-
полнить проверку правильности присвоения цветовых параметров можно толь-
ко в режиме Preview (Иллюстрация). В этом случае удобно использовать для
переключения между режимами комбинацию клавиш <Ctrl>+<Y>.
/ Практика |
Откройте файлы Текст вдоль контура и текст в области. Попробуйте вы-
полнить раскрашивание и изменение параметров контуров для нескольких
Работа с текстом 277
Преобразование текста
В главе 2 мы подробно рассмотрели все способы выполнения преобразований
графических объектов. Текстовые фрагменты можно подвергать тем же са-
мым преобразованием и используются для этого те же методы. Но своеобра-
зие работы с текстом заключается в том, что в случае текста в контейнерах
преобразования можно совершать как совместно над контейнером и текстом,
так и только над контейнером. Рассмотрим особенности выполнения каждой
из операций применительно ко всем видам текста.
Удаление
Это самая простая операция из всех. Если мы говорим об удалении несколь-
ких символов или слов внутри самого фрагмента, это делается после их вы-
деления текстовыми инструментами. Целиком текстовый фрагмент удаляется
так же, как и обычный графический объект, после выделения каким-либо из
выделяющих инструментов и нажатия клавиши <Delete> (<Del>). Отдельно
контейнер от текста удалить нельзя. Текст же из контейнера можно удалить,
выделив его предварительно текстовым инструментом.
/ Практика |
Создайте новый файл и скопируйте в него из рабочих файлов различные
виды текста. Попробуйте операцию удаления заголовочного текста и тек-
ста в контейнерах. Убедитесь, что при выделении текста в контейнерах
278 Глава 5
Примечание
Если вам не нужен контейнер в случае текста с контейнером, вы можете не на-
значать ему цветовые параметры после ввода или впоследствии присвоить об-
водке и заливке контейнера параметр "без атрибута".
Перемещение
Если текст находится в текстовом блоке или контейнере, они перемещаются
только совместно, отдельно текст от контейнера или отдельно контейнер от
текста переместить нельзя.
( Примечание )
Можно только вырезать текст из контейнера и вклеить в другом месте (пере-
мещение с использованием буфера обмена).
/ Практика /
Вспомните способы перемещения графических объектов (см. раздел "Опе-
рации удаления, перемещения и копирования" главы 2) и выполните раз-
личные варианты перемещения всех видов текстовых фрагментов.
Копирование
При выполнении операций копирования символов внутри текстовых фраг-
ментов оно выполняется так же, как и в текстовых редакторах. Копирование
заголовочного текста происходит аналогично копированию графических объ-
ектов. В случае копирования текста в контейнерах возможны варианты: мож-
но копировать и то, и другое при совместном выделении текста и контейнера
инструментом Selection Tool (Выделение). И при выделении только контей-
нера инструментами из группы Lasso (Лассо) вы можете скопировать только
контейнер без текста. Текст из контейнера можно скопировать при помощи
буфера обмена.
/ Практика ^
Скопируйте текст вместе с контейнером, только текст и только контейнер,
вспомнив различные способы копирования объектов.
Работа с текстом 279
Трансформирование
К операциям трансформирования относятся масштабирование, поворот, на-
клон и зеркальное отражение. Операции трансформирования текста находят
очень широкое применение, и как самостоятельные операции, и в сочетании с
другими способами обработки текста; на них основаны многие текстовые
эффекты. По особенностям выполнения операции трансформирования текста
схожи с операциями по изменению цветовых характеристик текста. Так же,
как и в случае изменения параметров обводки и заливки, отдельно рассмат-
ривается трансформирование заголовочного текста и текста в контейнерах, и
так же, как в случае изменения параметров обводки и заливки, результат опе-
рации зависит от того, какой элемент и каким инструментом выделен. Также
существует ряд особенностей, связанных с применением различных способов
трансформирования к различным видам текста.
/ Практика |
Вспомните способы трансформирования графических объектов (см. раздел
"Выполнение преобразований" главы 2) и попробуйте выполнить все вы-
шеперечисленные операции с помощью всех возможных способов над од-
ним или несколькими фрагментами заголовочного текста. Пример транс-
формирования фрагмента заголовочного текста приведен на рис. 5.77.
Совет
С помощью простейшего способа масштабирования, используя маркеры габа-
ритного прямоугольника, можно масштабировать и текст, причем, если не нуж-
ны точные значения кегля, этот способ изменения размеров символов более
быстр, чем изменение с использованием палитры Character (Символ). Только
используя этот способ, не забывайте держать нажатой клавишу <Shift> для со-
хранения пропорций символов.
280 Глава 5
ТРАНСФОРМИРОВАНИЕ ТЕКСТА
при выделении ижтрушн- j При ёыдемнии инетру-
лмм QD ""б» S 3 (текст и \ ментом [§3 (только кон-
контейнер) либо любым из Щ | тейнер)
Масштаб Ырование
Вот
до**, Нот дом,
рЫЙ 111>СТ|Н>НЛ который
Джек, А это - А это -
э ф ф е к т ы , коггорыс мы изучаем...
которые мы
Поворот
рый построил
Джек. А это -
з фф е к т и (
котор ли мы
дом, кото-
рый построил 1
— »
Дж*як.. А уга -
о ф ф ft К Т М |
сотор. 1ft МЫ
/ Практика |
Попробуйте выполнить совместные преобразования текста и контейнеров
и преобразования только контейнеров над фрагментами текста в области и
текста вдоль контура.
С Примечание ^
По сравнению с предыдущими версиями программы принцип задания обтека-
ния для объектов несколько изменился, и команда для задания обтекания пе-
реместилась из меню Туре (Текст) в меню Object (Объект).
/ Практика ~f
Нарисуйте несколько различных объектов и задайте для них обтекание
текстом.
282 Глава 5
Offset; J£J6pt Г ок 1
Г hvertwrap Cancel j
Г Preview
You canal» use different templates Mot use different settings within the templates tt fill the master
efcxumentandfor indnWual иЫкшпепч. Wwi jou view or prim the subdue umem «s part of the
expanded master document Word displays the subdocument using the stytesfromthe master
dKwnenf s template. To view or print the subdacumatt using J$> the style from its original
t e m p l a t e * - * ш * ~ орея the subdocurnent Ы Rs own / window.
also ust 4Ш ^ ш ^ d i f f e r e n t tern p 'а1ш§г w or use
settings Я | •' j w«fim i h « / ~ - ч «•- / pl.i-s « 1ы
m a s U r H Ц Ш document/ \ й / a n d rbr Indkrldual
docum«its. Ч И В н Ш у When you 0Р^ ^ ^ ^ view a print the
dxumertt a s ^ ^ ^ ^ p a r t of the expandei master document Vbrd display
the sjutxkxurnent using the styiesfromtbe master document's template.To view ot print the subdacu-
m«nt using the styles from its ertainat template, open the subdocument in its own window.
/ Практика |
Введите шрифтом 8—14 кегля блок текста, состоящий из 8—10 строк, или
скопируйте его из любого раздела Help какой-либо программы. Задайте
для него выключку по формату. Поместите этот текстовый фрагмент на
задний план с помощью команды Arrange | Send to Back (Монтаж | На
задний план) из меню Object (Объект). Наложите объекты, для которых
вы задали обтекание, на текст, и убедитесь, что текст обтекает их по кон-
туру. Пробуйте перемещать объекты по массиву текста и наблюдать, что
обтекание сохраняется, где бы объект не находился.
Работа с текстом 283
/ Практика |
Попробуйте изменить параметры обтекания, а также отменить обтекание
для тех объектов, которым вы его задавали.
Примечание
В отличие от предыдущих версий Adobe Illustrator, в новой версии объект, для
которого задано обтекание, остается абсолютно самостоятельным, и его можно
подвергать всем операциям, характерным для данного типа объектов.
( Примечание ^
Но, с другой стороны, если нет необходимости получить независимость от кон-
кретного набора гарнитур, и вы не собираетесь работать с символами как с
кривыми, эту операцию выполнять не нужно, т. к. увеличивается объем файла и
уменьшается скорость его обработки.
284 Глава 5
Выполнение преобразования
Операцию преобразования текста в контуры можно применять только к це-
лым фрагментам текста, причем текст может быть любого вида. Для выпол-
нения операции необходимо выделить фрагмент текста любым из инструмен-
тов выделения (но не текстовым инструментом), зайти в меню Туре (Текст) и
выполнить команду Create Outlines (Преобразовать в контуры).
с Примечание
При необходимости преобразования в кривые одного или нескольких символов
их нужно ввести отдельными фрагментами.
/ Практика |
Введите небольшой фрагмент заголовочного текста. Отмасштабируйте его
до больших размеров. Выделите его инструментом Selection Tool (Выде-
ление). Обратите внимание на то, что при выделении текст подчеркивает-
ся (рис. 5.82). С помощью команды выполните преобразование этого
фрагмента в контуры. Обратите внимание, что после выполнения команды
отдельные символы стали выделенными как контуры и у них проявились
опорные точки (рис. 5.83). Выполните подобное преобразование над от-
дельными символами, составляющими фрагмент, и над текстовыми фраг-
ментами других видов.
Рис. 5.82. Выделенный фрагмент текста Рис. 5.83. Выделенный фрагмент текста
перед операцией преобразования в контуры после операции преобразования в контуры
Совет
Эта операция является односторонней, т. е. обратного преобразования конту-
ров в символы нет. А т. к. преобразованный текст представляет собой не текст,
а контуры, никакие параметры форматирования к этим контурам применить уже
нельзя. Поэтому старайтесь выполнить все необходимые операции формати-
рования с текстовым фрагментом до того, как в преобразуете его в контуры.
Примечание
В рассматриваемой версии программы подобного эффекта можно добиться и
не переводя текст в контуры, а сдвинув базовую линию отдельных символов и
задав для них угол поворота (см. раздел "Форматирование символов" данной
главы). Но, преобразовав символы в кривые, сделать это будет значительно
проще.
/ Практика |
Введите небольшой фрагмент заголовочного текста, состоящий из одного
или двух слов. Отмасштабируйте его до больших размеров. Выполните
преобразование этого фрагмента в контуры. После преобразования после-
довательно выделяйте каждый из символов инструментом Group Selection
Tool (Выделение в группе) и изменяйте его местоположение и угол накло-
на с помощью любых способов, определенных для выполнения преобразо-
ваний над объектами.
Совет
Старайтесь, искажая символ, все-таки остановить его обработку тогда, когда
символ будет еще узнаваемым.
/ Практика |
Введите небольшой фрагмент заголовочного текста. Отмасштабируйте его
до больших размеров. Выполните преобразование этого фрагмента в кон-
286 Глава 5
Совет
Обработку символов при изменении их формы удобнее производить в режиме
Outline (Макет) и при достаточно большом масштабе просмотра.
Разрезание символов
С помощью инструмента Knife (Нож) символ можно разрезать, либо что-
нибудь от него отрезать.
/ Практика |
Попробуйте выполнить эффекты, показанные на рис. 5.86, а также приду-
мать и выполнить свои собственные варианты разрезания символов.
Заливка градиентом
И наконец, преобразованные в контуры символы могут быть залиты гради-
ентной заливкой.
/ Практика |
Выполните градиентную заливку символов одного из фрагментов преоб-
разованного текста.
Работа с текстом 287
Установка связи
между текстовыми блоками
Связывание текстовых блоков является одной из основных операций при об-
работке текста во всех векторных редакторах и программах верстки. При ус-
тановлении связи между блоками текст, подобно жидкости в сообщающихся
сосудах, может "перетекать" из одного блока в другой при изменениях их
размеров. При изменении местоположения блоков связь между ними не на-
рушается.
с Примечание
В предыдущих версиях Adobe Illustrator возможности по связыванию текстовых
блоков были минимальными, и механизм связывания был не совсем удобен.
В новой версии Adobe Illustrator CS появилось все, о чем только можно мечтать
в этой операции, порой даже лишнее, мешающее выполнять другие операции.
Связь между текстовыми фрагментами (это могут быть все виды текста, кро-
ме заголовочного) можно установить как между существующими блоками,
заполненными текстом, с признаком переполнения или без него, так и между
пустыми текстовыми блоками.
Классическим примером установки связи между блоками является случай,
когда текст не помещается в один блок и в нем возникает признак переполне-
ния. В этом случае, чтобы разместить остаток или продолжение текста, необ-
ходимо, активизировав инструмент Selection Tool (Выделение), щелкнуть по
признаку переполнения. Указатель мыши примет вид уголка с полосками.
Этим указателем нужно нарисовать рамку, в которой должен будет размес-
титься остаток или следующий фрагмент текста (рис. 5.87), или щелкнуть в
том месте пространства, где должен находиться следующий блок. После раз-
мещения следующей порции текста выделенные текстовые фрагменты будут
иметь вид, изображенный на рис. 5.88.
Практика |
Создайте небольшой текстовый блок и вводите в него текст так, чтобы
появился признак переполнения.
Совет
В случае, когда для тренировочных целей необходим большой массив текста,
его можно скопировать из любого раздела Help какой-либо из программ.
Если необходимо заранее установить связь между блоком, где есть текст, но
еще нет признака переполнения, или нет даже текста, щелкать курсором не-
обходимо по пустому квадратику (маркеру связи), находящемуся в нижней
части правой границы блока, а далее действовать аналогичным образом. Ко-
гда в первом блоке появится текст и он не будет в нем помещаться, произой-
дет перетекание текста в следующий связанный блок.
/ Практика ^
Попробуйте выполнить связывание в цепочку нескольких блоков, первый
из которых не имеет признака переполнения.
Примечание
Маркер связи при выделении текстовых блоков появляется не только в нижней
части правой границы блока, но и в верхней части левой границы блока. Этот
маркер также служит для установления связи, но уже блок будет создаваться
не после, а перед текущим (т. е. текущий блок станет вторым в цепочке, а но-
вый — первым).
/ Практика ^
Преобразование текста
при загрузке файлов предыдущих версий
В 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
сегда""но четиеррий" суда]
ходят в "^
далеким берегам".
ЮЗак. 1380
290 Г пава 5
Текстовые эффекты
Подводя итог всему, что разобрано в данной главе, и подготавливая читате-
лей к выполнению практической работы, обобщим, на основе каких операций
с текстом могут создаваться текстовые эффекты.
Текстовые эффекты могут быть основаны на:
• использовании различных видов текста, в том числе и декоративных;
• применении к символам различных параметров форматирования символов
и абзацев;
• изменении параметров контура и обводки;
• операциях трансформирования текста;
• операциях, производимых над символами, как над кривыми;
• применении различных векторных фильтров и эффектов (см. главу 7);
d комплексном использовании нескольких различных приемов.
Описание работы
В этой работе, в отличие от других, есть некоторые условия, которые вам
нужно постараться выполнить:
• приглашение может быть любого размера;
• приглашение может быть посвящено любому мероприятию: это может
быть приглашение на банкет, свадьбу, вечеринку, пригласительный билет
на презентацию, выставку и т. п.;
Работа с текстом 291
Порядок выполнения
1. Создайте новый файл и сохраните его в папке Глава 5 под именем
Приглашение.
2. На странице формата А4 нарисуйте прямоугольник, ограничивающий
размер вашей работы.
Совет
Лучше не размахиваться на весь лист формата А4, т. к. приглашение по разме-
ру должно быть таким, чтобы его удобно было положить в карман или сумочку.
( Совет )
Все смысловые поля нужно вводить как отдельные текстовые фрагменты.
Блочным текстом лучше пользоваться только в случае необходимости измене-
ния параметров абзаца.
:
афе "Элита" ^
УЮУНЯЯ jfAibihufai.,! Хорошая in» .:
Организуем свадьбы,
' банкеты, фуршеты,
аылусшьм вечера.
В а сS •
S ... . Д. , t>
Рис. 5.91. Работа Елены Шелест Рис. 5.92. Работа Людмилы Семиженко
Казино "Глобус" 25 М а я
Рис. 5.93. Работа Марии Старковой
Работа с текстом 293
Уважаемые
жители
Масяня приглашает
С-Петербурга! Bad
Ждём вас в На пр езен тацию своего
субботу
на открытии нового мультфильма!
вещевой ярмарки Будет кру-у-у-то!
Попова"
Рис. 5.94. Работа Анны Розинковой Рис. 5.95. Работа Карины Султан-Бековой
ЛАШ!
10 ипы\\
Bj
T'oj-pavn
шц
сту,
•L
e
PICOCTOMIC
'•28.02.03
"uocce д.б у
о>ч:пи
Рис. 5.96. Работа Маргариты Козловской Рис. 5.97. Работа Ирины Борщевской
ЖДЕМ ВАС!
Рис. 5.99. Работа Елены Сафоновой Рис. 5.100. Работа Марии Кононовой
prigiashaw
Уважаемые if лахолмир и Елена,
па koronaziw
пригл ашаем Вас на церемонию
брако сочетания Ирины и
vsem vsem
Ник сп. ая.
/*~**\
по аяре^*' as
(*щ реля^
pyx
Рис. 5.101. Работа Ирины Леоновой Рис. 5.102. Работа Александра Шпорова
Автор надеется, что приглашения, созданные вами, будут так же живы и ори-
гинальны и вполне смогут войти в следующее издание книги.
ГЛАВА 6
Монтаж
и упорядочивание объектов.
Работа с иллюстрациями
Эта глава состоит из двух частей. Первая часть посвящена операциям по мон-
тажу и упорядочиванию объектов. Эта тема очень важна для всех программ,
особенно для программ векторной графики. Не говоря уже о работах, в кото-
рых упорядочивание объектов явное, например, схемы, пиктограммы, дело-
вая графика, во всех работах существует подчинение определенному поряд-
ку, даже если кажется, что они выполнены в стиле художественного беспо-
рядка. Вторая часть посвящена работе с внешними иллюстрациями— как
растровыми, так и векторными, которые можно загружать в Adobe Illustrator
и использовать в работах наряду с объектами, созданными в самой програм-
ме. В Adobe Illustrator CS2 произошли существенные изменения, связанные с
преобразованием векторных изображений в растровые, которое также будет
рассмотрено в материале главы. Практическая работа в конце главы посвя-
щена закреплению навыков и умения выбирать различные иллюстрации, за-
гружать их, преобразовывать и использовать совместно с текстом.
Операции монтажа
и упорядочивания объектов
Подобные операции характерны не только для программ векторной графики.
Существует стандартный ряд операций по монтажу и упорядочиванию объ-
ектов. Реализацию этих операций в Adobe Illustrator мы и рассмотрим в этом
разделе. Помимо классической группировки, существующей в Adobe Illust-
rator с момента создания первых версий программы, в новой версии появи-
лись "живые" группы, которые также будут рассмотрены в этом разделе.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 297
I Практика
Создайте новый файл. Нарисуйте различные типы геометрических фигур
и линий и введите различные типы текста. Присвойте всем объектам про-
извольные параметры заливки и обводки.
/ Практика ^
Соберите несколько объектов "в кучу" и посмотрите, как действуют
команды. Выполните примеры, показанные на рис. 6.1—6.5 (после каждой
операции возвращайте объекты в исходное состояние).
( Примечание ^
При наличии множества разноплановых пересекающихся объектов удобно
применять механизм работы со слоями, который позволяет менять порядок
следования (наложения) на уровне слоя.
Рис. 6.2. Объекты расположены в стопке. Рис. 6.3. Объекты расположены в стопке.
Наклоненный прямоугольник с закругленными Наклоненный прямоугольник с закругленными
углами помещен на передний план углами помещен на задний план
Рис. 6.4. Объекты расположены в стопке. Рис. 6.5. Объекты расположены в стопке.
Наклоненный прямоугольник с закругленными Наклоненный прямоугольник с закругленными
углами перемещен на одну позицию вперед углами перемещен на одну позицию назад
/ Практика 7
Нарисуйте прямоугольник, затем — эллипс, пересекающий его верхнюю
часть (рис. 6.6). Раскрасьте фигуры в разные цвета. Переместите эллипс на
задний план по отношению к прямоугольнику. Получилась ли у вас башня
от замка (рис. 6.7)?
Совет
Удобно эти команды вызывать из контекстного меню. Также при их частом ис-
пользовании есть смысл запомнить комбинации клавиш, применяемые для их
вызова (они указаны рядом с командами в меню).
Монтаж и упорядочивание объектов. Работа с иллюстрациями 299
Выравнивание и распределение
Выравнивание и распределение — следующая не менее важная функция про-
граммы. Выравнивать и распределять объекты можно "вручную", используя
сетку и направляющие (см. раздел "Вспомогательные элементы интерфей-
са" главы 1).
Сделать это "автоматически" можно используя палитру Align (Выравнива-
ние), вызываемую на экран с помощью одноименной команды из меню
Window (Окно), а также палитру управления, которая появилась в новой вер-
сии программы.
Палитра Align (Выравнивание) показана на рис. 6.8. Верхний ряд кнопок вы-
зывает команды выравнивания, нижний — распределения. Распределяются
объекты равномерно в пределах крайних объектов.
шшшшшт
1 «Ah n ^IfeilHi
9
••• HiyiV-7
D«»rlbul« ObJ*dsi
Di:'.ibLiieSp.idr,g: • . • • - •
•AJAuto
( Примечание ~~)
Можно одновременно выполнить и выравнивание, и распределение. А вот по-
следовательное нажатие кнопок выравнивания по двум разным направлениям
соберет объекты "в кучу".
/ Практика /
Растащите объекты, на которых вы изучали операции по изменению по-
рядка следования, в разные стороны. Выделите 4—5 объектов. Опробуйте
работу всех кнопок палитры Align (Выравнивание). Каждый раз после вы-
полнения выравнивания или распределения отменяйте операцию, возвра-
щая объекты к исходному расположению.
( Примечание )
При распределении объектов через равные интервалы нужно действовать так
же, как и обычно; выделить объекты и выбрать соответствующую кнопку. А вот
при необходимости распределить объекты через заданные интервалы сначала
необходимо ввести интервал, затем выделить объект, относительно которого
будут отсчитываться интервалы, и только потом — выбрать нужную кнопку рас-
пределения в нижней части палитры.
Выравнивание и распределение
с помощью палитры управления
При выделении двух и более объектов в управляющей палитре появляются
кнопки для выполнения выравнивания и распределения (рис. 6.9).
( Примечание ^
Эти кнопки появятся при активном режиме Align (Выравнивание) в меню управ-
ляющей палитры.
Эти кнопки дублируют кнопки палитры Align (Выравнивание) (см. рис. 6.8),
с той лишь разницей, что здесь расположены они в один ряд и отсутствует
возможность распределения с заданным интервалом.
с Примечание
Палитра перейдет в режим выравнивания только в том случае, когда один из
объектов — контур. В тех случаях, когда все выделенные объекты являются
текстовыми фрагментами или загруженными растровыми изображениями,
в управляющей палитре будут отображаться другие поля.
/ Практика |
Разместите на странице различные типы объектов: кривые, геометриче-
ские фигуры, текстовые блоки, загруженные растровые изображения (см.
раздел "Загрузка изображений в Adobe Illustrator" текущей главы). Попар-
но выделяя различные типы объектов, определите начальные условия по-
явления в палитре управления кнопок выравнивания и распределения.
Выполните рассматриваемые операции, пользуясь управляющей палитрой.
Практическое применение
выравнивания и распределения
Как уже было сказано в начале главы, выравнивание и распределение посто-
янно применяются при создании сложных объектов и разработке различных
оригинал-макетов. Классический случай применения этих операций — схема,
одна из разновидностей которой и предлагается вам в качестве примера на
практическое применение полученных знаний и навыков.
Рис. 6.10. Образец для отработки операций выравнивания и распределения объектов — схема
/ Практика |
Выполните следующий пример. Вам нужно создать схему, показанную на
рис. 6.10. Для этого нарисуйте один прямоугольник, потом 8 раз его ско-
302 Глава 6
Группировка объектов
Группировка объектов — чрезвычайно важная функция и применяется она
для двух целей:
• совершение общих преобразований над несколькими объектами или зада-
ние общих свойств;
О упорядочивание сложных структур.
До последней версии в Adobe Illustrator существовал только один вид
групп — обычные группы. В Adobe Illustrator CS2 появился совершенно но-
вый тип объекта — "живые" группы, работа с которыми будет рассмотрена
после разбора основных возможностей и операций с обычными группами в
разделе ""Живые" группы".
Совет
Запомните комбинацию клавиш <Ctrl>+<G>, т. к. она универсальна и применя-
ется для группировки во многих программах.
/ Практика ^
Выделите несколько объектов разных типов, находящихся в разных мес-
тах страницы (рис. 6.13). Сгруппируйте их. Обратите внимание, что после
группировки внешний вид и местоположение объектов не изменилось, но
при попытке выделения любого объекта внутри группы любым инстру-
ментом полного выделения группа выделяется как единое целое, т. к. га-
баритный прямоугольник охватывает все объекты, входящие в группу
(рис. 6.14).
( Примечание
При выполнении этих операций можно обойтись и без группировки, но рабо-
тать с группой удобнее, т. к. не нужно выполнять каждый раз выделение всех
объектов.
/ Практика ^
Попробуйте перемещать группу, копировать, масштабировать, поворачи-
вать, зеркально отражать, наклонять (рис. 6.15). Измените параметры кон-
тура и заливки (рис. 6.16).
304 Глава 6
/ Практика |
Отмените последние действия, вернув объектам их первоначальные пара-
метры контура и заливки. Выполните операцию разгруппировки. Снимите
выделение и убедитесь, растащив объекты в разные стороны, что они сно-
ва стали самостоятельными.
/~ Практика |
Снова сгруппируйте объекты. Попробуйте выделить отдельный объект в
группе одним из предложенных инструментов, совершите возможные
преобразования, измените свойства контура и заливки. Измените его фор-
му (рис. 6.17). Убедитесь, что изменение, выполненное с отдельным объ-
ектом, не оказало влияния на другие элементы группы.
Разберем это на примере. У вас есть дом с двумя окнами (рис. 6.18). Сначала
можно сделать из прямоугольника и линий одно окно и сгруппировать все
элементы, входящие в него, чтобы оно не "развалилось" при перемещении и
представляло собой единое целое. Потом можно сделать копию окна и сгруп-
пировать эти окна. Затем нужно нарисовать прямоугольник, являющийся
стеной, поместить его на задний план по отношению к окнам и сгруппиро-
вать стену с окнами. Далее нужно нарисовать крышу и сгруппировать стену и
крышу.
Рис. 6.18. Объект для упорядочивания Рис. 6.19. Дом с измененной крышей и окнами
/ Практика ~jj
Выполните описанный пример, создав сложную группу.
/ Практика
Выявите иерархию созданной вами сложной группы при помощи инстру-
мента Group Selection Tool (Выделение в группе). Совершайте последова-
тельные щелчки мышью по одному из окошек. Измените форму крыши и
параметры контура и заливки у окон домика (рис. 6.19).
/ Практика
Выполните ступенчатую разгруппировку вашей сложной группы.
Обособление групп
В Adobe Illustrator CS2 появилась операция, которую возможно применять к
группам (и только к группам) — возможность их обособления. Операцию эту
можно выполнить только при помощи палитры управления. Ей соответствует
кнопка Isolates selected group (Обособление выделенной группы), появляю-
щаяся при активизации режима Focus Mode (Фокусный режим) в меню па-
литры. При выделении группы инструментом Selection Tool (Выделение) и
последующем выборе этой кнопки вокруг группы появляется двойная рамка
и в палитре управления появляется кнопка Exits Isolated group (Отменить
изоляцию группы). На рис. 6.20 показана кнопка в управляющей палитре и
группа до ее обособления, а на рис. 6.21 — после.
Кнопка
обособления
Кнопка
отмены
обособления
Рис. 6.21. Группа после обособления и кнопка отмены обособления в палитре управления
308 Глава 6
Практика
Сгруппируйте несколько объектов. Выполните ее обособление, используя
соответствующую кнопку в управляющей палитре. Изменилось ли что-
либо в ней? Отмените изоляцию группы.
/ Практика
Снова изолируйте одну из групп. Убедитесь, что доступ к любому объекту
из группы может быть получен с помощью инструмента Selection Tool
(Выделение). Выполните изменение свойств нескольких объектов, опера-
ции трансформирования и измените их местоположение. Что произошло с
ограничивающей рамкой? Попробуйте нарисовать еще одну геометриче-
скую фигуру. Добавилась ли она в существующую обособленную группу?
Отмените обособление и удостоверьтесь в этом.
j Практика /
Выделите любой другой объект на рабочем пространстве. Вернитесь к ис-
ходной группе и убедитесь, что она больше не является изолированной.
"Живые" группы
В разделе ""Живая" заливка" главы 3 мы уже касались вопроса создания
"живой" группы с целью раскрашивания элементов, получающихся в резуль-
тате пересечения контуров. В текущем разделе мы более подробно рассмот-
рим вопросы создания "живых" групп и операций с ними.
( Примечание )
Дословный перевод названия этого типа объектов Live Paint Group— группа
"живой" заливки, но в целях экономии пространства и времени будем называть
этот тип объектов просто "живые" группы.
/ Практика |
Создайте новый документ и сохраните его в папке Глава б под именем жи-
вая заливка. Нарисуйте различные геометрические фигуры, замкнутые и
незамкнутые кривые линии.
Внимание!
"Живая" группа может быть создана только из контуров. Даже если хотя бы
один из объектов является текстовым фрагментом или растровой иллюстраци-
ей, живая группа образована не будет.
/ Практика |
Вспомните первый способ создания живой группы. Создайте "живые"
группы из пересекающихся контуров и замкнутых и незамкнутых линий.
Создайте живую группу из непересекающихся контуров с помощью
команды. Наблюдайте идентификацию созданных объектов в управляю-
щей палитре. Загрузите несколько растровых изображений и введите не-
сколько текстовых фрагментов. Попробуйте образовать этот тип групп из
всех присутствующих типов объектов. Убедитесь, что это невозможно.
( Примечание ^
Можно создать "живую" группу из одной или нескольких обычных групп и, на-
оборот, сгруппировать одну или несколько "живых" групп.
( Примечание )
Если "живая" группа состояла из нескольких объектов, имеющих общие облас-
ти, то элементы, получившиеся из пересекающихся областей этих объектов по-
сле освобождения "живой " группы, сохранены не будут.
/ Практика |
Найдите в вашем документе созданные ранее "живые" группы и выполни-
те операцию, обратную группировке. Проверьте, какого типа объекты по-
лучились после освобождения и каковы параметры их обводки и заливки.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 311
Group
Принципиально, похожи они тем, что для обоих типов объектов существуют
следующие возможности:
О совершения основных операций, доступных для объектов в векторном ре-
дакторе;
• разгруппировки;
• обособления;
312 Глава 6
Изменение параметров
отдельных составляющих "живой" группы
В палитре инструментов рядом с инструментом Live Paint Bucket ("Живая"
заливка) находится инструмент Live Paint Selection Tool ("Живое" выделе-
ние), который служит для изменения параметров контура и заливки отдель-
ных составляющих "живых" групп.
( Примечание
При изменении параметров заливки отдельных элементов "живых" групп можно
обойтись и без инструмента Live Paint Selection Tool ("Живое" выделение), а
использовать инструмент Live Paint Bucket ("Живая" заливка). А вот изменять
цвет и другие параметры обводки отдельных элементов "живых" групп инстру-
мент Live Paint Bucket ("Живая" заливка) не может.
/ Практика ~jj
Установите большой масштаб просмотра. Перейдите к инструменту Live
Paint Selection Tool ("Живое" выделение) и, последовательно выделяя за-
ливку и обводку отдельных элементов одной из "живых" групп, измените
их свойства.
Так же, выделив один из элементов "живой" группы, можно вообще убрать
его заливку или контур. Это можно выполнить, выбрав клавишу <Del> на
клавиатуре. В этом случае элемент станет полностью прозрачным (того же
эффекта можно добиться, назначив заливке элемента параметр "без атри-
бута").
I Практика ^
Вспомните, какие операции можно выполнять над обычными группами и
над их элементами. Попробуйте выполнить трансформирование одной из
"живых" групп, затем изменить параметры контура и заливки для ее эле-
ментов, выполнить над ними операции трансформирования, а также изме-
нить форму способами, использующимися для обычных групп.
Общее описание
Кроме того, для "живых" групп определены еще некоторые операции, кото-
рые сведены в отдельный пункт меню Object | Live Paint (Объект | "Живая"
заливка ). Описание этих операций приведено в табл. 6.2.
Г dp*
•г
....••
/ Практика |
Создайте "живую" группу из нескольких контуров. Выполните преобразо-
вание этой группы в обычную группу, а потом — ее ступенчатую разгруп-
пировку.
/ Практика |
Выделите "живую" группу. Рассмотрите, какие кнопки в управляющей па-
литре предназначены именно для "живых" групп. Выполните операции
при помощи этих кнопок. Выполните сохранение документа.
Закрепление объектов
и их преобразование в невидимые
Следующие две операции выполняются не так часто, как предыдущие, тем не
менее они бывают очень полезны при выполнении некоторых работ. Эти
операции выполняются над выделенными объектами с помощью команд
Lock | Selection (Закрепить выделенные) и Hide | Selection (Скрыть выделен-
ные) из меню Object (Объект).
316 Глава 6
/ Практика |
Выполните закрепление нескольких объектов и преобразование их в неви-
димые и обратные операции.
Работа с иллюстрациями
В этой части главы речь пойдет не о тех иллюстрациях, которые создаются в
самой программе, а о тех, которые могут загружаться в нее извне. Конечно,
в Adobe Illustrator можно создать много разнообразных векторных иллюстра-
ций. Но иногда в некоторых работах дизайнеры наряду с векторными иллю-
страциями, элементами и надписями используют растровые изображения.
Примерами таких работ могут служить различные этикетки, упаковки, кален-
дари, буклеты. Иногда в программы векторной графики загружают и вектор-
ные картинки, созданные в других редакторах или взятые из многочисленных
библиотек, распространяемых на CD-дисках. Эти картинки можно оставлять
без изменений, а можно обрабатывать различным образом, создавая на их
основе свои собственные иллюстрации.
Растровые изображения
Растровые изображения состоят из точек, которые называются пикселами.
Каждый пиксел в изображении имеет строго определенное положение и цвет.
Любой объект — это набор окрашенных пикселов.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 317
Векторные изображения
Векторные изображения строятся на основе линий (прямых и кривых) или
векторов.
В памяти машины такие изображения хранятся в виде формул. Изменение
размеров изображения приводит к перерасчету формул с другими коэффици-
ентами, поэтому их качество не страдает.
Векторные изображения занимают гораздо меньше места в памяти машины и
применяются для создания высокоточных графических объектов — логоти-
пов, надписей, схем и т. п.
На мониторе все изображения — и растровые, и векторные представляются в
виде растровой матрицы.
Цветные изображения
Цветные изображения в компьютерной графике делятся на несколько видов,
в зависимости от того, сколько цветов в них содержится. Выделяют два ос-
новных вида:
• изображения в индексированном цвете (индексированные изображе-
ния) — содержат несколько, чаще всего 256 оттенков или цветов. Глубина
таких изображений, как правило — 8 бит на пиксел, т. е. цвет каждого
пиксела кодируется с помощью 8 бит;
• полноцветные изображения — в них используются цвета, заданные в цве-
товых моделях RGB и CMYK. Глубина этих изображений — 24 или 32 би-
та на пиксел. Такая глубина позволяет задавать 16,7 миллиона оттенков.
Графические форматы
Графический формат— это способ сохранения графической информации в
файле. Как и изображения, графические форматы делятся на растровые и век-
торные. Некоторые форматы привязаны к конкретным программам, другие
же являются универсальными.
Самые известные растровые форматы:
• BMP (bitmap) — стандарт для представления растрового изображения в
MS Windows. Поддерживает изображения с глубиной цвета 1 бит;
• TIFF (Tag Image File Format) — стандарт для передачи данных между про-
граммами и платформами. Основной формат, используемый в полигра-
фии. Поддерживает изображения с любой пикселной глубиной;
• GIF (Graphics Interchange Format), gif 89 a — используется для передачи
индексированных цветных изображений в Интернет. Поддерживает изо-
бражения с глубиной цвета 8 бит;
О JPEG (Joint Photographic Experts Group) — используется для отображения
фотографий и других тоновых изображений в Интернет. Глубина —
24 бит (информация о цвете в RGB-изображении). Применяется эффек-
тивный алгоритм сжатия, за счет чего файл занимает меньше места;
Монтаж и упорядочивание объектов. Работа с иллюстрациями 319
( Примечание )
В Adobe Illustrator можно открывать PS-файлы. Если есть PostScript-принтер,
для создания PS-файла можно активизировать флажок Print to file (Печать в
файл) диалогового окна Print (Печать).
320 Глава 6
( Примечание ^
Объекты векторной графики при передаче из Adobe Illustrator в программы сто-
ронних производителей (не Adobe) через буфер обмена растрируются, даже
если они помещаются в программы векторной графики (например, CorelDRAW).
/ Практика |
Попробуйте выполнить передачу текстовых данных между любым тексто-
вым редактором и Adobe Illustrator. Выполните передачу графических
данных между Adobe Illustrator и любой из имеющихся на вашем компью-
тере графических программ (Adobe Photoshop, CorelDRAW и т. д.).
( Примечание ^
Этот метод работает не для всех пар программ.
/ Практика |
Попробуйте выполнить передачу графических объектов методом drag-and-
drop между Adobe Illustrator и Adobe Photoshop или Adobe Illustrator и
CorelDRAW.
/ Практика |
Зайдите в меню File (Файл) и выполните команду Open (Открыть). Если
вы раскроете список Files of type (Тип файлов), то увидите все типы фай-
лов, которые можно открыть в Adobe Illustrator. Попробуйте найти и за-
грузить любой графический файл, который есть на вашей машине.
I Зак. 1380
322 Глава 6
SET33.tm|
SET38.tmp
s j setupapi.log
'erSumida.bmp setuperr log
Santa Fe Stucco.bmp Щ setuplog.txt
SBWIN.INI |i*]ShellIronCac
SchedLgU.Txt Soap Bubble:1
schedule.ini sptsupd.log j
sergvp.ad Qspwhpt.dll |
|«jsergvp.pcb Ю StiJTrace.loj
Filename Rhododendron.bmp
UwAdobe Piafog I
( Совет ~~)
Если вы не знаете или не помните, в какой папке на вашей машине лежат ил-
люстрации, воспользуйтесь функцией поиска MS Windows — это команда Find
(Найти), вызываемая из главного меню Windows. Также всегда некоторое коли-
чество графических файлов находится в папке Windows, которая располагается
на диске С:.
Если при выполнении команды Place (Поместить) из меню File (Файл) и вы-
делении графического файла флажок Link (Связать) будет сброшен, то это
приведет к внедрению или встраиванию (embed) файла в документ, что силь-
но увеличит его размер. Если флажок Link (Связать) будет активен, иллюст-
рация будет связана (linked) с документом Adobe Illustrator. В документе
Adobe Illustrator будет присутствовать не сама картинка, а лишь ссылка на
нее, и размер документа практически не увеличится. Использование связыва-
ния позволит также осуществлять редактирование изображения в той про-
грамме, где она была создана. Но при перемещении документа Adobe
Монтаж и упорядочивание объектов. Работа с иллюстрациями 323
/ Практика |
Убедитесь, что вы находитесь в диалоговом окне Place (Поместить), выде-
лен графический файл, и флажок Link (Связать) не активен. Загрузите ил-
люстрацию.
Для того чтобы по внешнему виду можно было отличить внедренные иллю-
страции от связанных, последние при выделении перечеркиваются вспомога-
тельными линиями.
Совет
Конечно, если иллюстрация имеет большой объем, лучше экономить место и
использовать функцию связывания. Но в этом случае при переносе документа
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
(Включить связанные файлы).
С~ Примечание )
Исключение составляют файлы формата EPS. При их выделении флажок Link
(Связать) в диалоговом окне сохранения доступен. При его активизации в доку-
мент Adobe Illustrator помещается только экранная версия изображения, кото-
рая недоступна для редактирования. При сброшенном флажке Place (Помес-
тить) файл EPS, помещенный в документ Adobe Illustrator, можно редактировать
как объект векторной графики.
/ Практика |
Загрузите несколько векторных изображений в текущий документ Adobe
Illustrator. Сохраните файл.
Примечание
Как правило, файлы, созданные в Adobe Illustrator и имеющие расширение ai,
в Illustrator не помещают, а загружают. Тем не менее, начиная с версии Adobe
Монтаж и упорядочивание объектов. Работа с иллюстрациями 325
/ Практика |
Попробуйте найти на своей машине файл в формате PDF и загрузить его.
326 Глава 6
Cropto: jArt OK
Cancer
Preview
14 4 |:.:.f5 > И
S*l«ct a page frcrm the PL'F *o place Into the
Совет
Попробуйте найти файл формата PDF среди сопроводительных материалов к
программам, установленным на вашем компьютере, или воспользуйтесь функ-
цией поиска операционной системы.
Примечание
Не всякий файл с расширением pdf можно загрузить в Adobe Illustrator.
Обработка изображений
Загружать в Adobe Illustrator можно как растровую, так и векторную графику.
Возможности обработки растровой иллюстрации в редакторе векторной гра-
фики невелики, поэтому, как правило, растровые изображения подготавли-
вают в редакторах растровой графики, оставляя для векторных программ
лишь некоторые незначительные преобразования. Возможности обработки
загруженной векторной графики в редакторе векторной графики значительно
шире, поэтому для нее выполняют различную обработку, начиная с неболь-
ших преобразований и заканчивая полным изменением образа. Рассмотрим,
какие конкретно операции и как можно проводить над иллюстрациями раз-
личных типов в Adobe Illustrator.
Трансформирование
Выполнять различные преобразования (удаление, перемещение, копирова-
ние, масштабирование, поворот, наклон, зеркальное отражение) можно как
над загруженной растровой графикой, так и над векторной. Причем способы
выполнения этих операций — такие же, как и для "родных" объектов Illust-
rator.
/ Практика |
Вспомните методы совершения преобразований в Adobe Illustrator. По-
пробуйте выполнить различные преобразования над загруженными рас-
тровыми иллюстрациями. Пример преобразованных растровых изображе-
ний приведен на рис. 6.35.
( Примечание )
Помните, что от различных преобразований страдает качество растровых изо-
бражений, особенно это актуально для операции масштабирования.
Применение фильтров
К растровым изображениям, загруженным в Adobe Illustrator, можно приме-
нять некоторые фильтры. Это некоторые цветовые фильтры — подкоманды
328 Глава 6
/ Практика ^
Выделите любое цветное загруженное растровое изображение, зайдите
в меню Filter (Фильтр) и выполните одну из подкоманд команды Blur
(Размытие).
Примечание
Растровые фильтры являются неотъемлемой частью всех растровых программ
(для данных фильтров это Photoshop), и подробно рассматриваются в обучаю-
щей литературе, посвященной этим программным продуктам.
Раскраска
Как уже было сказано, векторная графика работает не с пикселами, а с кри-
выми, поэтому перекрашивать в Adobe Illustrator отдельные элементы рас-
тровых изображений, представляющие собой группы пикселов, нельзя До
последней версии можно было лишь изменить цвет в однобитовых моно-
хромных изображениях. В таких изображениях чаще всего бывает два цвета:
черный и белый. Черный цвет в таких изображениях можно заменить на лю-
бой другой, если выделить изображение и воспользоваться любым из спосо-
бов присвоения цвета заливке объекта.
Практика ^
Попробуйте найти у себя на компьютере и загрузить растровое однобито-
вое изображение. Замените в нем черный цвет на любой другой. Исходное
и перекрашенное изображения показаны на рис. 6.36.
•
Рис. 6.37. Исходное растровое изображение в оттенках серого и его перекрашенная копия
Совет
Если вы не смогли найти изображение в оттенках серого, к такому виду можно
преобразовать любое полноцветное изображение. Для этого его необходимо
выделить и выполнить подкоманду Convert to Grayscale (Конвертировать в от-
тенки серого) команды Colors (Цвета) из меню Filter (Фильтр) (лучше предва-
рительно сделать его копию). С помощью команд этого пункта меню можно вы-
полнить и некоторую другую цветовую обработку загруженных растровых изо-
бражений. Но все же эти функции не являются основными для программ
векторной графики.
Эффект прозрачности
Подобно тому, как эффект прозрачности применяется к растровым объектам
в программе Adobe Photoshop, в Adobe Illustrator также появилась возмож-
ность применять эффект к загруженным изображениям, как растровым, так и
векторным. Для того чтобы сделать загруженное растровое изображение по-
лупрозрачным, необходимо выделить его и воспользоваться палитрой Trans-
parency (Прозрачность) (см. раздел "Прозрачность"главы 3).
J Практика |
Сделайте копию одного из растровых изображений и с помощью палитры
Transparency (Прозрачность) измените для него значение параметра не-
прозрачности. Пример загруженной растровой иллюстрации и ее копии
с частичной прозрачностью приведен на рис. 6.38.
330 Глава 6
Рис. 6.38. Исходное растровое изображение (внизу справа) и его полупрозрачная копия
Рис. 6.39. Внешний вид экрана Рис. 6.40. Внешний вид экрана
в режиме Preview в режиме Outline
Монтаж и упорядочивание объектов. Работа с иллюстрациями 331
/ Практика |
Создайте новый файл и сохраните его в папке Глава б под именем загру-
женная векторная графика. Загрузите несколько различных векторных ил-
люстраций (формата WMF, CDR, СМХ или EPS).
Совет
Чаще всего на тех машинах, где стоит MS Office (а он стоит практически везде),
имеется библиотека картинок Clipart, поставляемая вместе с этим пакетом про-
грамм. В этой библиотеке большая часть файлов — векторная графика в фор-
мате WMF. Эти иллюстрации могут лежать, например, в папке: c:\Program
FilesWIicrosoft Office\Clipart\Popular. Если вы не сумеете найти эту папку или
нужные картинки в ней, воспользуйтесь функцией поиска MS Windows. Также
выпускается множество различных библиотек векторных изображений на
CD-дисках.
Практика |
Выполните все возможные операции трансформирования над загружен-
ными векторными иллюстрациями, используя все возможные методы их
совершения. Пример трансформированных векторных изображений при-
веден на рис. 6.41.
332 Глава 6
Перекрашивание рисунков
Все дальнейшие операции, производимые над загруженной векторной графи-
кой, которые мы будем рассматривать, выполняются над отдельными состав-
ляющими группы, т. к. векторное изображение, загружаемое в Adobe Illust-
rator извне, представляет собой группу простых контуров.
С Совет
Без особой необходимости не разгруппировывайте загруженную иллюстрацию
и не разделяйте ее на отдельные составляющие, а работайте с отдельными
контурами в составе группы.
/ Практика |
Перейдите к инструменту Group Selection Tool (Выделение в группе) и
поочередно выделяйте отдельные составляющие одного из загруженных
изображений. Обращайте внимание на цветовые параметры заливки и об-
водки отдельных контуров. Пример выделенного контура в составе загру-
женного изображения приведен на рис. 6.42.
/ Практика |
Перекрасьте одно из загруженных векторных изображений и измените па-
раметры обводки у составляющих его контуров. Пример изображения в
начальном и в перекрашенном состоянии приведен на рис. 6.43.
Рис. 6.45. Векторный рисунок перед изменением формы его отдельных частей (слева)
и после изменения формы (справа)
/ Практика |
Выберите одно из загруженных векторных изображений. Попробуйте из-
менить его, меняя форму отдельных контуров и совершая преобразования
над ними.
Эффект прозрачности
Загруженные векторные изображения так же, как и растровые, можно делать
полупрозрачными, используя палитру Transparency (Прозрачность) (см. раз-
дел "Прозрачность"главы 3).
I Практика |
Сделайте копию одного из загруженных векторных изображений и с по-
мощью палитры Transparency (Прозрачность) измените для него значе-
Монтаж и упорядочивание объектов. Работа с иллюстрациями 335
Экспорт изображений
Экспорт (Export) — это операция, обратная импорту (Import), т. е. сохране-
ние файлов Adobe Illustrator в других форматах и передача объектов, создан-
ных в Adobe Illustrator в другие программы.
• Adobe PDF;
• Illustrator EPS;
• SVG;
• SVG Compressed (SVG со сжатием).
При выборе какого-либо из перечисленных форматов, вводе имени файла и
выбора кнопки Save (Сохранить) появляется следующее диалоговое окно для
задания параметров сохранения файла в этом формате. Оно имеет большое
количество параметров. Именно в них произошли изменения (добавления и
улучшения), декларированные компанией Adobe в категории новшеств "Work
well with others" (улучшение работы с другими).
/ Практика |
Создайте новый файл, нарисуйте в нем какой-либо объект и выполните
команду Save As (Сохранить как) из меню File (Файл). В поле Save As
type (Тип файла) выберите Adobe PDF. Задайте любое имя файла и выбе-
рите кнопку Save (Сохранить). Рассмотрите параметры в появившемся
диалоговом окне Save Adobe PDF (Сохранение в формате Adobe PDF).
Выйдите из него, выбрав кнопку Cancel (Отменить). Аналогично рассмот-
рите параметры экспорта в форматы EPS и SVG.
/ Практика |
Создайте новый документ Adobe Illustrator и сохраните его в папке Глава 6
под именем Экспорт. Нарисуйте несколько векторных объектов и выпол-
ните команду Export (Экспортировать) из меню File (Файл). Раскройте
список в поле Save As type (Тип файла) и посмотрите, в файлы каких
форматов можно экспортировать документы Adobe Illustrator.
После перехода в нужную папку и ввода имени файла в поле File name (Имя
файла) необходимо раскрыть список в поле Save As type (Тип файла) и вы-
брать необходимый формат. После выбора кнопки Save (Сохранить) про-
изойдет экспортирование файла Adobe Illustrator в файл выбранного формата.
При этом сам документ Adobe Illustrator останется без изменений, а на жест-
ком диске в указанной папке появится новый файл с аналогичным содержа-
нием, но другого формата.
( Примечание ^
При экспортировании файла может появиться дополнительное окно запроса
для установки параметров экспорта. Например, при экспорте в формат TIFF на
Монтаж и упорядочивание объектов. Работа с иллюстрациями 337
TIFF Options j
1
Cancel |
<~ Medium
Г ether | S dpi
P Anti-AIWS
Г LZW Compression
B'yte Order
.•• е м PC
: r MactnjKh
/ Практика |
Выполните экспорт файла Adobe Illustrator в файл с именем пример экспор-
та и расширением tif, оставив параметры экспорта без изменения. В теку-
щем файле сделайте большую подложку в виде прямоугольника, помести-
те ее на задний план по отношению к другим объектам и залейте краской.
В текущий документ Adobe Illustrator загрузите только что созданный ва-
ми файл пример 3KcnopTa.tif при помощи команды Place (Поместить) из
меню File (Файл). Сравните исходные объекты и загруженное изображе-
ние (рис. 6.48).
12 3ак. 1380
338 Глава 6
/ Практика ~jj
Создайте новый файл. Нарисуйте в этом файле несколько векторных объ-
ектов и загрузите несколько внешних изображений различных форматов.
Выполните экспорт изображения в формате TIFF при помощи команды
Export (Экспортировать) из меню File (Файл). Сохраните его под именем
Сравнение форматов. Выполните сохранение этого же изображения под тем
же именем в формате PNG с помощью команды Save for Microsoft Office
(Сохранить для Microsoft Office) из меню File (Файл). Оцените и сравните
время, затраченное на сохранение в первом и во втором случае. Получите
информацию О размерах файлов Сравнение форматов.tif И Сравнение фор-
матов, png. Сделайте соответствующие выводы. Загрузите оба изображения
в MS Word и сравните их качество.
С Примечание )
Не все растровые фильтры доступны после растрирования изображения при
помощи команды Rasterize (Растрировать) из меню Object (Объект).
/ Практика ~]j
Создайте новый файл. Загрузите или нарисуйте векторную иллюстрацию.
Выделите ее инструментом Selection Tool (Выделение), зайдите в меню
Filter (Фильтр) и убедитесь, что ни одна из команд, находящихся в ниж-
ней части меню, недоступна. Сделайте копию иллюстрации. Выделите ее
инструментом Selection Tool (Выделение), зайдите в меню Object (Объ-
ект) и выполните команду Rasterize (Растрировать). Установите в поле
Resolution (Разрешение) 72 dpi. Сравните исходное и растрированное изо-
бражение.
С Примечание ^
В диалоговом окне задания параметров Rasterize (Растрировать) существует
возможность растрировать изображение, оставив фон белый или сделав его
прозрачным. Для этого служат переключатели White (Белый) и Transparent
(Прозрачный), находящиеся в поле Background (Фон). Если вы растрируете
изображение с прозрачным фоном, и поместите оригинал и растрированную
копию на подложку, залитую цветом, то визуально они будут практически не-
различимы.
Понятие трассировки
Стандартная операция выделения векторных контуров из растрового изобра-
жения называется векторизация или трассировка (trace). Трассировка бывает
трех видов:
П ручная;
• полуавтоматическая;
• автоматическая.
При ручной трассировке растровое изображение используют как шаблон, его
контур обводят как на кальке любым рисующим инструментом векторного
редактора. Этот способ дает хорошие результаты, но он очень медленный и
утомительный. Полуавтоматическую трассировку производят специальные
программы трассировки. Трассировка в них происходит автоматически, но
для того, чтобы полученный контур как можно точнее повторял контур рас-
трового оригинала, необходима точная настройка инструментов и выбор оп-
тимальных методов трассировки. Инструменты для автоматической трасси-
ровки включены почти во все редакторы векторной графики. Они работают
быстро, практически не имеют настроек, но и результаты, которые они вы-
дают, весьма приблизительны и требуют последующей доработки.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 341
( Примечание )
В Adobe Illustrator CS2 были частично перенесены и усовершенствованы прин-
ципы и функции программы Streamline, которую Adobe перестала продавать и
поддерживать.
Внимание!
Трассировка — операция, требующая значительных ресурсов компьютера. По-
этому прежде, чем начинать процесс трассировки конкретного растрового изо-
бражения, оцените возможности вашего компьютера.
Пример трассировки
Результат трассировки во многом зависит от вида и сложности изображения,
выбранного режима и настройки других параметров. В качестве примера
приведен результат трассировки фотографии, выполненный в одном из про-
стейших режимов. На рис. 6.50 показано исходное растровое изображение.
На рис. 6.51 — полученная в результате трассировки векторная иллюстрация.
На рис. 6.52 — иллюстрация с измененными параметрами векторных состав-
ляющих.
/ Практика |
Создайте новый файл и сохраните его в папке глава б под именем трасси-
ровка. Загрузите несколько различных растровых иллюстраций (постарай-
тесь, чтобы среди них была цветная фотография, фотография в оттенках
серого, черно-белый рисунок и др.). Сделайте копию одной из иллюстра-
ций. Выделите ее инструментом Selection Tool (Выделение), зайдите в
Object | Live Trace (Объект | "Живая" трассировка). Выполните команду
Монтаж и упорядочивание объектов. Работа с иллюстрациями 343
( ПримечанИе )
Эти кнопки будут присутствовать в управляющей палитре, если в ее меню акти-
вен флажок Image (Изображение).
( Совет ^)
Прежде чем трассировать изображение в одном из более сложных режимов
(например, Photo High Fidelity), попробуйте выполнить его трассировку в бо-
лее простом (например, Color 6).
344 Глава 6
PPli «00.M1OM.W
"1 Custom
Кнопка/
трассировки
Трассируемое
растровое Кнопка
изображение выбора
режима
трассировки
режимов трассировки
Вызов
диалогового окна -
параметров трассировки
/ Практика |
Сделайте копию другой иллюстрации. Выделите ее инструментом
Selection Tool (Выделение) и найдите кнопки для трассировки в палитре
управления. Попробуйте выполнить трассировку в одном из режимов. По-
пробуйте выполнить трассировку с помощью кнопки трассировки. В ка-
ком режиме она произошла? Выполните трассировку, выбрав другой ва-
риант из списка предложенных. Есть ли разница? Отличаются ли трасси-
рованные иллюстрации от оригинала?
С Примечание
Это произойдет в том случае, когда будут установлены соответствующие ре-
жимы отображения для оригинала и трассированного изображения.
(' Примечание )
Эти кнопки будут присутствовать в управляющей палитре, если в ее меню акти-
вен флажок Tracing (Трассировка).
/ Практика
Не снимая выделения с трассированного изображения, рассмотрите кноп-
ки в управляющей палитре. Попробуйте выполнить трассировку, последо-
вательно изменяя возможные параметры. Оценивайте результаты. Выпол-
ните трассировку другого растрового изображения. Рассмотрите, какие
режимы существуют для отображения оригинала и полученной иллюстра-
ции и чем они отличаются.
/ Практика |
Отмените результат трассировки одного из изображений с помощью
команды меню.
/ Практика /
Одно из трассированных изображений преобразуйте в группу и измените
заливку ее отдельных элементов. Другое трассированное изображение по-
пробуйте преобразовать в "живую" группу. Сохраните файл.
Совет
При последующей обработке преобразованных трассированных изображений
удобно пользоваться появившейся возможностью обособления групп.
/ Практика |
Попробуйте, загрузив растровое изображение и сделав его копию, приме-
нить к нему описанный фильтр. Проверьте, является ли получившийся
объект векторным. Пример исходного растрового изображения и получен-
ного векторного изображения после применения к нему фильтра Object
Mosaic (Векторная мозаика) приведен на рис. 6.55.
( Примечание )
Для того чтобы описанные фильтры были доступны при выделении загружен-
ных растровых изображений, изображения должны быть не связаны, а внедре-
ны в документ Adobe Illustrator.
Практическая работа
"Рассказ в картинках"
Работа, выполняя которую вы сможете закрепить знания и навыки, получен-
ные при изучении материала главы, очень интересна как по замыслу, так и по
оформлению. В то же время она является актуальной и часто выполняемой в
реальной практике. И если раньше подобный прием можно было увидеть
только в детских журналах, например "Веселые картинки", и во взрослых
юмористических журналах, то сейчас его часто применяют и в серьезных из-
даниях, и в рекламе различного вида.
Основной смысл работы заключается в том, что придумываются несколько
фраз на произвольную тему или короткий рассказ. И вместо некоторых слов
вставляются иллюстрации. Чаще всего картинками заменяются имена суще-
ствительные, но можно заменять и другие части речи.
Необходимые условия
Работу можно выполнять на любую тематику. Текстовые фразы должны со-
ставлять связанный по смыслу рассказ. В работе должно быть 5—6 текстовых
фрагментов и не менее 5—6 иллюстраций. Среди иллюстраций обязательно
должны присутствовать и растровые, и векторные изображения, загруженные
в программу извне.
Последовательность действий
/ Практика
Прежде чем преступать к работе, продумайте тему вашего будущего рас-
сказа и сочините текст.
Совет
В данном конкретном случае, если только вы не являетесь счастливым облада-
телем нескольких дисков с коллекциями растровых и векторных изображений,
сначала лучше подобрать картинки из тех, которые имеются в вашем распоря-
жении, а затем под них "подстраивать" текст.
348 Глава 6
I Практика ^
1. Создайте новый файл формата А4.
2. Сохраните его В папке Глава 6 ПОД именем Рассказ в картинках.
3. На листе формата А4 нарисуйте прямоугольник, ограничивающий об-
ласть вашей будущей работы.
4. Введите заголовок рассказа и отдельные текстовые фразы.
Совет
В этой работе лучше использовать заголовочный текст и каждую фразу вводить
отдельным фрагментом для того, чтобы была возможность манипулирования
текстовыми фрагментами.
Примеры выполнения
Далее приведено несколько примеров работ, выполненных по этому заданию
студентами Менеджер-центра СПбГУКИ. Работ по предложенному заданию
было выполнено гораздо больше, все они были интересны не только по
оформлению, но и по содержанию, но, к сожалению, объем книги не позволя-
ет вместить все примеры, которые хотелось бы показать.
Студентка Людмила Семиженко выбрала для своих работ, туристическую
тематику (рис. 6.56). Она выполнила все требования, предъявляемые к рабо-
там; использовала заголовочный текст, и растровые, и векторные иллюстра-
ции и разместила работы на фоне, что сделало их более привлекательными.
А в работе Ирины Борщевской применен интересный эффект к тексту
(рис. 6.57).
В рассказах Карины Султан-Бековой (рис. 6.58) и Юлии Константиновой
(рис. 6.59) абсолютно разные иллюстрации связаны очень оригинальным со-
держанием.
Попробуйте и вы пофантазировать на свободную тему, а заодно и отработать
навыки по поиску, загрузке и обработке изображений.
Монтаж и упорядочивание объектов. Работа с иллюстрациями 349
Путешествие
( .1»!
по Евоопо.
Huuia путешествие
Затем мы поехали а
I ем мы ели
и urn )!i.vi:.nv,
ВСТРЕЧУ
Но «ЛрУг "оШвЛ
Садьба
Жил-Был ш
т
1 —^—
\кот-Оеюрмот
бэйкер стрит
Я
Шел он по улице 1
оказалось к. Ш
ы Он побежал
За бабочкой скаоэ
там собоались
самые известные
я^Я^Ш звери городе.
И у бабочки со слоном раскошная К
И бывает же у зверей!
ОТСЮДА МОРАЛЬ:
Никогда не забывай о
РОДИТЕЛЯМ!
Эффекты
Эффекты (Effects) — это понятие очень широкое и многообразное. В широ-
ком смысле слова все операции, которые мы совершаем над объектами в про-
граммах векторной графики, можно назвать эффектами. В узком смысле сло-
ва это некоторые операции, не входящие в ряд основных и ранее рассмотрен-
ных нами, преображающие внешний облик объектов и служащие для
декоративных целей.
352 Глава 7
Маскирование
Подобный эффект существует во многих программах векторной графики и
верстки.
Описание эффекта
Эффект маскирования заключается в том, что есть два объекта: один —
маскируемый, второй — маска. Маска накладывается на маскируемый объект
и он "обрезается" по контуру маски (рис. 7.1).
( Примечание )
Термин "обрезается" дан здесь в кавычках, т. к. на самом деле реальной обрез-
ки не происходит, просто та часть маскируемого объекта, которая выходит за
контуры маски, становится невидимой, т. е. маскируется.
с Примечание
Если в качестве маскируемого объекта и маски выступают векторные контуры,
то аналогичное действие производит кнопка Crop (Кадрирование) из палитры
Pathfinder (Обработка контуров). Только в этом случае происходит реальная
обрезка.
Выполнение эффекта
Для выполнения эффекта необходимо наложить маску на маскируемый объ-
ект, затем выделить оба объекта и выполнить команду Object | Clipping
Специальные эффекты, фильтры и библиотеки. Вывод на печать 353
/ Практика ^
Создайте новый файл и сохраните его в папке Глава 7 под именем маски-
рование. Загрузите несколько растровых и несколько векторных иллюст-
раций. Нарисуйте различные геометрические фигуры. Задайте для них па-
раметры контура и заливки.
Совет
В общем случае при маскировании размер маски должен быть меньше размера
маскируемого объекта.
j Практика
Выполните эффект маскирования над другими векторными и растровыми
иллюстрациями. Примеры масок приведены на рис. 7.5.
/ Практика У
Выделите один из объектов, получившихся в результате маскирования и
отмените маску. Восстановились ли параметры заливки и обводки маски,
которые были у нее до совершения операции?
Примечание
Так как после отмены маскирования и обводка и заливка маски имеют параметр
без атрибута, увидеть ее можно будет только в режиме Outline (Макет).
доступ к входящим в его состав простым объектам (а в нашем случае это ил-
люстрация и геометрическая фигура) может осуществляться с помощью ин-
струментов Group Selection Tool (Выделение в группе) и Direct Selection
Tool (Частичное выделение) (см. раздел "Получение доступа к отдельному
объекту в группе" главы 6). Над входящими в состав сложного объекта со-
ставляющими можно производить все доступные операции, но чаще всего
выполняют две: корректировку взаимного положения маски и маскируемого
объекта и восстановление заливки и обводки маски.
( Совет )
Если тяжело выполнить выделение в режиме Preview (Иллюстрация), можно
временно перейти к режиму Outline (Макет).
/ Практика |
Попробуйте переместить маску относительно маскируемого объекта и
маскируемый объект относительно маски в одном из объектов, получив-
шихся после маскирования.
Совет
В случае, когда в качестве маскируемого объекта выступает векторная иллюст-
рация, лучше выделять не ее, а маску.
/ Практика ][
Выполните декоративное раскрашивание маски и изменение параметров
ее контура на одном из получившихся в результате маскирования объ-
ектов.
356 Глава 7
Примеры маскирования
Эффект маскирования имеет много вариантов применения. В этом разделе
приведены лишь некоторые варианты его воплощения.
с Совет
Для того чтобы этот эффект смотрелся, шрифт должен быть крупным и с тол-
стыми контурами, а содержание текста должно по смыслу быть близким тому,
что нарисовано на картинке.
/ Практика ^
Загрузите какую-либо растровую картинку. Введите слово заголовочного
текста, желательно всеми заглавными буквами. Присвойте символам по-
лужирное начертание. Увеличьте размер символов. Откорректируйте раз-
мер иллюстрации так, чтобы слово целиком помещалось на ней. Наложите
текст на иллюстрацию и выполните операцию маскирования иллюстрации
текстом. Пример подобного эффекта показан на рис. 7.7.
/ Практика |
Введите фрагмент блочного текста мелким шрифтом. Введите слово заго-
ловочным текстом заглавными буквами и присвойте ему полужирное на-
чертание. Увеличьте размер символов во фрагменте заголовочного текста.
Подгоните ширину текстового блока к длине фрагмента заголовочного
текста. Наложите заголовочный текст на блочный и выполните операцию
маскирования. Пример эффекта маскирования текста текстом приведен на
рис. 7.8.
/ Практика |
Придумайте свой эффект маскирования и выполните его.
Создание переходов
Пожалуй, нет в программах векторной графики более популярного эффекта,
чем эффект бленда (создание переходов или, по-другому, объектная растяж-
ка). Возможности этого эффекта и варианты его применения безграничны, им
можно заниматься часами и выявлять все новые и новые формы применения
эффекта. Мы рассмотрим этот раздел достаточно подробно не только для
всестороннего изучения данного эффекта, но и для того, чтобы вы могли уяс-
нить общую схему действий при самостоятельном разборе многочисленных
эффектов, предлагаемых программами компьютерной графики.
Описание эффекта
Эффект заключается в том, что между двумя объектами создается серия про-
межуточных объектов, которые представляют собой плавное перетекание
358 Глава 7
( Примечание
Если у объектов есть и заливка, и обводка, происходит отдельное перетекание
цветов заливки и отдельное перетекание цветов обводки.
Создание переходов
/ Практика Jj
Создайте новый документ формата А4 и сохраните его в папке Глава 1 под
именем Бленд. Нарисуйте круг в левом верхнем углу страницы и квадрат в
правом нижнем углу. Залейте их разными цветами близкими по тону, на-
пример, желтым и оранжевым (рис. 7.9).
С помощью команды
Когда эффект бленда создается при помощи команды, создается серия про-
межуточных объектов вдоль прямой, соединяющей центры объектов. Перед
выполнением эффекта объекты необходимо выделить, а затем выполнить
команду Blend | Make (Превращение | Создать) из меню Object (Объект).
Обратное действие можно выполнить над получившимся блендом, если вы-
делить его и выполнить команду Blend | Release (Превращение | Исключить)
из меню Object (Объект).
/ Практика ~|
Выделите оба объекта и выполните команду. Получившийся эс вект изо-
бражен на рис. 7.10.
Примечание
У вас на экране промежуточных объектов может быть больше или меньше,
в зависимости от того, какие цвета вы задали для исходных объектов.
/ Практика Jj
Выделите получившийся бленд и выполните команду конвертирования.
Теперь перейдите к инструменту Group Selection Tool (Выделение в груп-
360 Глава 7
( Совет )
Бленд иногда применяют не только по прямому назначению, чтобы получить
группу объектов, но и чтобы получить подобные промежуточные формы.
С помощью инструмента
Создание эффекта бленда с помощью инструмента Blend Tool (Превращение)
отличается от создания эффекта с помощью команды Blend (Превращение)
тем, что имеется возможность задать перетекание между любыми опорными
точками объектов.
/ Практика |
Отмените эффект бленда, выполненный с помощью команды. Выделите
оба объекта и перейдите к инструменту Blend Tool (Превращение). Указа-
тель мыши должен принять вид квадратика с "хвостом". При его подведе-
нии к какой-либо из опорных точек объекта квадратик закрасится, а около
"хвоста" появляется крестик. Выделите одну из опорных точек на верхнем
объекте и одну из опорных точек на нижнем объекте. На рис. 7.12 нужные
точки обведены в кружок. Получившийся эффект показан на рис. 7.13.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 361
Настройка переходов
Бленды можно настраивать либо до, либо после совершения операции. Это
можно сделать с помощью двойного щелчка по пиктограмме инструмента
либо с помощью команды Blend | Blend Options (Превращение | Параметры
бленда) из меню Object (Объект).
/ Практика |
Выделите получившийся бленд и выполните команду настройки его пара-
метров. Диалоговое окно этой команды изображено на рис. 7.14.
Blend Options
: Spacing: j
Orientation: I •: :.Cancel:' . ; [ .
Г Preview
/ Практика ~jj
Попробуйте различные варианты блендов с различными параметрами на-
стройки. Бленды с 10-ю промежуточными формами и с расстоянием 10 см
между ними показаны на рис. 7.15 и 7.16.
/ Практика |
Выполните размещение бленда вдоль различных контуров. Примеры
блендов, размещенных по различным траекториям, приведены на рис. 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 Практика ~\
Вспомните, какие операции и как можно производить над отдельными
объектами в составе группы, и выполните всевозможные трансформиро-
вания промежуточных объектов и изменение их формы.
Выполнение преобразований
Над блендом можно совершать практически все операции, доступные для
простых контуров, созданных в программе, в частности, бленд можно под-
вергать любым трансформированиям.
/ Практика ^
Вспомните операции трансформирования и способы их совершения и
примените их к созданному бленду.
Примеры переходов
Как уже было сказано, блендами можно заниматься бесконечно. В этом раз-
деле в качестве отправной точки приведено несколько примеров блендов ме-
жду различными объектами.
I Практика |
Создайте несколько различных переходов между разными фигурами,
варьируя параметры блендов.
/ Практика |
Нарисуйте два эллипса разных размеров и расположите их один под дру-
гим. Залейте их одной и той же краской. Сделайте копию этих фигур
(рис. 7.19). Создайте первый переход с 15—20 шагами между опорными
точками, расположенными на нижних гранях эллипса, а второй — между
нижней точкой верхнего эллипса и верхней точкой нижнего эллипса.
Сравните полученные переходы (рис. 7.20).
j Практика f
Уберите заливку у полученных блендов. Контурный вариант блендов по-
казан на рис. 7.21.
/ Практика |
Выполните примеры, показанные на рисунках, или придумайте свои.
j Практика 7
Создайте различные варианты переходов между незамкнутыми конту-
рами.
с Примечание
Результат перетекания одного слова в другое слово или одной фразы в другую
фразу имеет скорее смысловой, чем оформительский эффект.
/ Практика |
Введите несколько отдельно стоящих символов заголовочного текста и
два отдельно стоящих слова. Увеличьте их размер. Вспомните, как выпол-
нить преобразование текста в контуры и выполните его. Создайте эффект
перехода между двумя символами и между двумя словами. Пример пере-
текания символа в символ и слова в слово показаны на рис. 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 | Выдавливание и фаска).
OK
Cancel
Map Art..
More Options
Г Preview
Perspective: JO*
Bevel;
In None
Height:
z
Surface: jPlastic Shading j
/ Практика Jj
Активизируйте флажок Preview (Просмотр).
13 3ак. 1380
370 Глава 7
/ Практика |
Пробуйте изменять различные параметры и сравнивайте результаты. Вы-
полните эффект объема над остальными объектами, находящимися в ва-
шем документе.
/ Практика |
Последовательно вызовите диалоговые окна команд трехмерного враще-
ние и поворота, рассмотрите параметры в этих диалоговых окнах и приме-
Специальные эффекты, фильтры и библиотеки. Вывод на печать 371
•
ДЩЩКА
Рис. 7.29. Применение эффекта поворота
Совет
Трехмерные эффекты достаточно сложны и для описания получившихся объ-
ектов используется очень много контуров. Поэтому будьте готовы к тому, что на
создание этих эффектов, а также на отображение их на экране будет затрачи-
ваться определенное время. При желании применить какой-либо из эффектов в
практической публикации, его создание лучше оставить на заключительную
часть работы.
372 Глава 7
Фильтры
Фильтрами (filters) называют специальные функции программы, позволяю-
щие применять к объектам те или иные эффекты и дополняющие ее основные
функции и возможности.
Фильтры — это тема для отдельного издания, т. к. их очень много, каждый из
них имеет множество параметров настройки, и, применяя эффекты к различ-
ным объектам, можно добиться совершенно разных результатов. Поэтому мы
рассмотрим лишь основные моменты, связанные с фильтрами, что предоста-
вит вам большое поле деятельности и даст свободу вашей фантазии.
Общие принципы
Хотя программа Adobe Illustrator и является программой векторной графики,
кроме векторных фильтров, сосредоточенных в верхней части меню Filter
(Фильтр), в ней представлены и растровые фильтры, расположенные в ниж-
ней части этого меню и частично повторяющие фильтры программы Adobe
Photoshop.
( Примечание ^)
В Adobe Illustrator CS 2 в меню Filter (Фильтр), как и в меню Effects (Эффекты),
добавились поясняющие надписи: где какие фильтры находятся.
Для того чтобы применить фильтр к объекту, необходимо выделить его, зай-
ти в меню Filter (Фильтр), выбрать необходимую команду и подкоманду.
( Примечание J
При выделении векторных объектов недоступны подкоманды растровых
фильтров, и наоборот, при выделении загруженных растровых или преобразо-
ванных к растровым иллюстраций недоступными являются векторные фильтры.
Исключение составляют некоторые фильтры из меню Colors (Цвета) и Create
(Создание).
Фильтры и инструменты
деформирования объектов
Некоторые из фильтров уже были рассмотрены или упомянуты нами при раз-
боре предыдущих тем (см. разделы "Инструментарий для работы с цветом "
и "Создание стрелок" главы 3 и "Преобразование растровой графики в век-
торную" главы 6). Остановимся более подробно на фильтрах группы Distort
(Деформация) и на инструментах этой группы.
Фильтры деформирования
Фильтры деформирования собраны в команде Distort (Деформация) меню
Filter (Фильтр). С их помощью можно по-разному искажать объекты: добав-
лять перспективу, втягивать и раздувать, огрублять, добавлять помарки,
скручивать и создавать зигзагообразные контуры. Для применения какого-
либо фильтра к объекту или объектам необходимо выделить их, зайти в меню
и выполнить соответствующую команду. Перед тем как применять векторные
фильтры к символам, словам или фразам, их необходимо преобразовать в
контуры (см. раздел "Преобразование текста в контуры " главы 5).
I Практика ^
Опытным путем изучите действие фильтров группы Distort (Деформация)
на различные типы объектов. Результаты применения различных фильтров
к нескольким объектам приведены на рис. 7.30—7.34.
Совет
Для изучения действия фильтров деформирования на объекты нарисуйте не-
сколько различных фигур и линий и введите текст, не забыв преобразовать его
в контуры. Выделите их все вместе и наблюдайте, как изменяются различные
объекты при действии разных фильтров с различными параметрами.
истШЖЗ>ЧПВ1ШИШЬ .^""^ / \ /
Рис. 7.32. Состояние объектов после применения фильтра Pucker & Bloat
с Совет
Оригинальные эффекты могут получиться, если последовательно применить к
объекту несколько различных фильтров. Но здесь главное — не переборщить.
Инструменты деформирования
Группа инструментов, предназначенных для искажения объектов, находится
в палитре Tools (Инструменты) в левой части седьмого ряда. Эти инструмен-
ты показаны на рис. 7.35. Частично они повторяют действия, выполняемые
фильтрами группы Distort (Деформация), но есть и новые типы искажений.
Работать с инструментами искажения удобнее, чем с фильтрами, потому что
они искажают объекты в интерактивном режиме. Для настройки любого из
инструментов искажения необходимо выполнить двойной щелчок по его
пиктограмме.
Скручивание
иван* Раздувание Кристаллизация
\
/ Практика |
Найдите в палитре инструментов группу инструментов искажения и раз-
местите ее на экране в виде отдельной палитры. Экспериментальным пу-
тем установите, какие деформации и как могут производить эти инстру-
менты. Пример комплексного эффекта, полученного действием инстру-
мента искажения на текстовый фрагмент с примененным переходом,
показан на рис. 7.36.
( Примечание )
Это подразумевалось и раньше, а сейчас разработчики решили внести полную
ясность в отображение структуры команд.
/ Практика |
Зайдите в меню Effects (Эффекты) и рассмотрите устройство команд в
этом меню.
/ Практика ^
Введите какое-либо слово заголовочного текста, преобразуйте его в кон-
туры, выделите и выполните команду Warp | Arc Lower (Основа | Нижняя
дуга) из меню Effects (Эффекты). Пример исходного объекта и объекта
после применения фильтра приведен на рис. 7.37.
Рис. 7.37. Исходный объект и объект после применения эффекта Warp | Arc Lower
Специальные эффекты, фильтры и библиотеки. Вывод на печать 377
ЖЕКАЛК
Рис. 7.38. Выделенный объект Рис. 7.39. Отображение объекта
после применения эффекта Warp | Arc Lower после применения эффекта в режиме Outline
• туре
Ch-arafcters /•'•'•
Default T r s r . i p j r e n o ;
с Примечание
Для удаления эффекта от объекта необходимо выделить объект с эффектом,
выделить строку эффекта в палитре Appearance (Внешний облик) и выполнить
команду Remove Item (Удалить элемент) меню палитры или воспользоваться
значком корзины в ее правом нижнем углу.
/ Практика |
При наличии свободного времени попробуйте поэкспериментировать с
различными командами из меню Effects (Эффекты) и разобраться в управ-
лении ими при помощи палитры Appearance (Внешний облик).
378 Глава 7
Библиотеки образцов
Для Adobe Illustrator характерно наличие среди элементов программы раз-
личных библиотек образцов. Принципы работы с этими библиотеками оди-
наковы. В них есть минимальное количество стандартных образцов, которы-
ми можно пользоваться. Можно создавать свои образцы, хранить их в этих
библиотеках и модифицировать. С некоторыми из таких библиотек мы уже
познакомились: это палитра Swatches (Каталог) и библиотеки плашечных
цветов. В этом разделе пойдет речь еще о трех таких библиотеках: палитрах
Symbols (Символы), Graphic Styles (Графические стили) и Brushes (Кисти).
Работа с символами
Механизм работы с символами появился в Adobe Illustrator совсем недавно.
Это очень удачное нововведение, и при его широком и правильном использо-
вании работа с программой может стать еще более удобной, чем раньше.
Символом (symbol) может выступать любой объект, созданный или разме-
щенный в программе. Это может быть любой векторный контур, текст, за-
груженные векторные или растровые (внедренные) изображения. Эти симво-
лы можно сохранять в палитре, упорядочивать, размещать в документе, про-
изводить над ними различные операции, как общие, так и определенные
только для символов. Так как из палитры в документ помещается не сам сим-
вол, а его копия, размещение символов в документе и любые манипуляции с
ними можно проводить бесконечное число раз и не бояться испортить их —
в любой момент образцом символа можно будет воспользоваться вновь.
( Примечание )
Перевод термина как "символы" выбран для таких объектов не совсем удачно.
Под символами мы привыкли понимать элементы шрифта. Но в английской
терминологии элемент шрифта звучит как "character", поэтому там путаницы не
возникает. В русском описании пользователям приходится понимать по контек-
сту, о каких символах идет речь.
Палитра Symbols
Палитра Symbols (Символы), как и палитра Swatches (Каталог), является ос-
новным местом для хранения образцов символов. Только в палитре Swatches
(Каталог) хранятся образцы цветов, градиентных заливок и узоров, а в палит-
ре Symbols (Символы) хранятся образцы символов, в качестве которых могут
выступать любые объекты. Палитра Symbols (Символы) вызывается с по-
мощью одноименной команды из меню Window (Окно) или комбинации кла-
виш <Shift>+<Ctrl>+<F 11>. Ее внешний вид показан на рис. 7.41.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 379
/ Практика |
Разместите на экране палитру Symbols (Символы). Рассмотрите образцы,
представленные в ней. Вспомните, как изменяется внешний вид палитры
Swatches (Каталог) (см. раздел "Палитра Swahes" главы 3), и с помощью
команд из меню палитры Symbols (Символы) измените режимы отобра-
жения образцов символов в палитре.
/ Практика
Вспомните, какие типы объектов существуют в Adobe Illustrator. Нарисуй-
те различные типы геометрических фигур, прямые и кривые замкнутые и
незамкнутые линии. Введите различные виды текста. Загрузите несколько
растровых и векторных изображений. Разместите все созданные объекты в
виде образцов в палитре Symbols (Символы), используя все возможные
способы размещения.
•••••••
в к;
Symbols тЩЦ
У ii
i
\ ••"•: • • '
• ' " :
! ;-.,/..„.
'•v. ^ «> - -
Рис. 7.41. Процесс перемещения мышью образца символа с поверхности рабочего стола
в палитру Symbols
380 Глава 7
,„/
/ Практика
Разместите образцы стандартных символов, имеющихся в палитре и по-
мещенных туда вами, в документе, используя все возможные способы.
j Практика
Загрузите несколько стандартных библиотек и рассмотрите образцы сим-
волов в них.
Операции с символами
Над символами можно производить все операции, доступные для объектов
Adobe Illustrator, но также существует целая группа инструментов, предна-
значенная для выполнения специфических операций с символами. Эта группа
инструментов находится в левой части палитры инструментов в восьмом ря-
ду, под группой инструментов для выполнения деформаций.
/ Практика |
Разместите группу инструментов для работы с символами на экране в виде
отдельной палитры и рассмотрите инструменты, входящие в нее. Вид па-
литры Symbolism (Символьные объекты) показан на рис. 7.44.
( Примечание ^
После операции размножения символов получившаяся группа символов пред-
ставляет собой единый объект.
( Примечание
Двойной щелчок по любой из пиктограмм вызывает комплексное диалоговое
окно, в котором можно перейти к вкладке для настройки любого из инструмен-
тов этой группы.
/ Практика ~}
Попробуйте действие всех инструментов группы Symbolism (Символьные
объекты), начиная с первого, и рассмотрите параметры в диалоговых ок-
нах настройки.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 383
Применение стилей
Палитра Graphic Styles (Графические стили) является еще одним примером
библиотеки образцов, а сами стили — методом автоматизации работы. Меха-
низм работы со стилями давно применяется во многих программах компью-
терной графики. В Adobe Illustrator он появился относительно недавно.
с Примечание
До последней версии в Adobe Illustrator присутствовали лишь графические сти-
ли, называемые просто стилями. В Adobe Illustrator CS появилась возможность
работы со стилями символов и абзацев, поэтому к слову "стили" стали добав-
лять определение "графические".
с Примечание
В Adobe Illustrator стили могут присваиваться векторным объектам, текстовым
блокам и группам объектов.
/ Практика |
Разместите на экране палитру графических стилей. Примените стандарт-
ные стили к различным объектам (работа с палитрой графических стилей
384 Глава 7
Внимание!
После применения стиля к какому-либо из объектов данный стиль становится
текущим параметром и применяется ко всем вновь создаваемым объектам. По-
этому важно знать, как отменить его действие. Для отмены стиля необходимо
выбрать в палитре стилей первый образец, который называется Default (По
умолчанию).
Совет
Не забывайте после окончания работы со стилями сразу устанавливать режим
Default (По умолчанию).
/ Практика |
Разместите на экране несколько палитр стандартных графических стилей.
Примените стандартные стили к различным объектам. Отмените действие
последнего стиля.
Рисование кистью
Кисть является одним из основных инструментов редакторов растровой гра-
фики и при изучении программ растровой графики работе с кистями уделяет-
ся очень большое внимание. В программах векторной графики, в том числе и
в Adobe Illustrator средства для рисования кистями и настройки кистей также
присутствуют, но они играют второстепенную роль в создании объектов и
служат скорее элементом для создания различных оформительских эффектов.
Палитра Brushes
Отличие инструмента Paintbrush Tool (Кисть) от инструмента Pencil Tool
(Карандаш) состоит в том, что кисти можно присваивать различные стили
рисования. Это делается с помощью палитры Brushes (Кисти), вызываемой
из меню Window (Окно) с помощью одноименной команды или клавиши
<F5>.
/ Практика |
Разместите на экране палитру Brushes (Кисти). Внешний вид этой палит-
ры показан на рис. 7.48.
— .-
. •
/ Практика |
Попробуйте нарисовать несколько различных объектов при помощи раз-
личных кистей. Примеры объектов, нарисованых различными видами кис-
тей, показаны на рис. 7.49.
( Примечание )
Образцы кистей в палитре можно упорядочивать, отображать в различных ви-
дах, редактировать; можно создавать новые кисти и сохранять их в палитре.
Выполнение этих операций схоже с выполнением подобных операций при ра-
боте с другими библиотеками.
/ Практика |
Загрузите несколько библиотек различных кистей, рассмотрите наборы
кистей в них и попробуйте поработать с некоторыми образцами.
/ Практика |
Попробуйте нарисовать несколько геометрических фигур и линий с по-
мощью инструментов для рисования геометрических фигур и инструмента
Pen Tool (Перо). Окрасьте их в цветовые параметры по умолчанию. При-
свойте им параметры различных кистей из палитры Brushes (Кисти).
Примеры контуров до и после присвоения кистей показаны на рис. 7.50.
Внимание!
Для того чтобы избавиться от параметров кисти, необходимо выделить нарисо-
ванный объект и выполнить команду Remove Brush Stroke (Удалить парамет-
ры кисти) из меню палитры Brushes (Кисти), или щелкнуть по соответствующей
кнопке в нижней части палитры.
Вывод на печать
Подготовка к печати, установка параметров вывода и непосредственно вывод
на печать — процесс, сложность которого и время, на него потраченное, за-
висит от вида работы, требований, предъявляемых к готовой публикации,
способа печати и типа выводного устройства. Так, если речь идет о разработ-
ке оригинал-макета коммерческого буклета, в котором содержится много ил-
люстраций и который будет воспроизводиться полиграфическим методом на
мелованной бумаге, то перед выводом на печать нужно не только грамотно
задать параметры вывода, но и выполнить цветоделение, и скорее всего, эти
процессы будете выполнять не вы, а специалисты из сервис-бюро или типо-
графии. Если вы собираетесь распечатывать учебные работы на домашнем
или офисном струйном принтере, то цветоделение выполнится программны-
ми и аппаратными средствами без вашего участия, для вас главное— гра-
мотно установить параметры печати. Рассмотрим основные параметры печа-
ти, задаваемые в диалоговом окне Print (Печать).
388 Глава 7
Практика |
Загрузите одну из выполненных вами ранее работ. Зайдите в меню File
(Файл) и выполните команду Print (Печать).
( Примечание
По сравнению с предыдущими версиями Adobe Illustrator в этой команде и в
этом диалоговом окне произошли существенные изменения.
PPD: r~~™~™~
General
Setup
Marks & Bleed Copies: f l
Output
Graphics Fages "' All
Color Management
Advanced
Summary
Media :
зге- •jDefined bj Ur iver zl
Width: " | ? f ! Q Ч"Я *;'•••; Hejjht- j
Orientation: r
)ptions
Г Fit to Page"
; Г "Custom Scale: W idth: fill Height:
_O« ILL I
В левой нижней части диалогового окна находится поле образца, где отобра-
жается работа, которую вы собираетесь распечатать. Перемещая курсор в
форме ладошки в этом поле, можно менять расположение печатаемых объек-
тов относительно бумаги, установленной в принтере.
Диалоговое окно Print (Печать) является комплексным. Над полем образца
находится список вкладок этого диалогового окна. Функции этих вкладок
приведены в табл. 7.1. При переходе от вкладки к вкладке содержимое полей
в правой части диалогового окна меняется, поле образца остается неизмен-
ным.
Вкладка Функция
General (Основные) Задаются основные параметры вывода на печать
Setup (Установка) Устанавливаются параметры обрезки и предоставляется
возможность установить опции для распечатки работ
большого размера
Marks & Bleed Задание параметров меток обрезки и служебной инфор-
(Метки и обрезка) мации
Output Задание выходного разрешения и параметров цветоде-
(Выходные параметры) ления
Graphics (Графика) Настройка параметров печати кривых и задание пара-
метров PostScript
Color Management Настройка системы управления цветом
(Управление цветом)
Advanced (Улучшения) Оптимизация печати
Summary (Сводка) Сведения обо всех назначенных параметрах печати
/ Практика ~/
Выполните навигацию по вкладкам диалогового окна Print (Печать) и
рассмотрите параметры на этих вкладках.
Практика /
Перейдите к вкладке General (Основные) диалогового окна Print (Печать).
390 Глава 7
( Примечание )
Это поле также остается неизменным при переходе от вкладки к вкладке.
/ Практика
Внимательно рассмотрите параметры печати и, если у вас есть готовые
нераспечатанные работы и принтер в рабочем состоянии, выведите их на
печать.
Работа с фрагментами
Одним из методов оптимизации изображений для размещения на Web-сайтах
является разбиение изображения на фрагменты (slices). Это позволяет
уменьшить объем отдельных графических единиц, пересылаемых по сети и
загружаемых на Web-страницы, а также присваивать этим фрагментам до-
полнительные функции. В частности, Adobe Illustrator позволяет задавать
различные фоновые цвета для каждого из фрагментов, превратить любой
фрагмент в кнопку, присвоив ему адрес URL, ввести текст для отображения в
строке статуса при подведении курсора к фрагменту, а также ввести альтер-
нативный текст, отображаемый во время загрузки изображения.
В Adobe Illustrator для работы с фрагментами служат два инструмента, кото-
рые находятся в левой части палитры инструментов над инструментом Hand
Tool (Прокрутка):
П инструмент Slice Tool (Фрагмент) служит для разделения изображения на
фрагменты;
• инструмент Slice Selection Tool (Выделение фрагмента) применяется для
выделения фрагментов.
Также для работы с фрагментами используются подкоманды команды Slice
Tool (Фрагмент) из меню Object (Объект).
( Примечание )
Для экспорта документов и отдельных объектов, созданных в Adobe Illustrator в
изображения, предполагаемые для размещения на Web-страницах, можно ис-
пользовать и обычные команды экспорта, и функцию растрирования векторной
графики (см. разделы "Экспорт изображений" и "Преобразование векторной
графики в растровую" главы 6). При подготовке таких изображений нужно не
забывать использовать только цвета специальной Web-оптимизированной па-
литры (см. раздел "Работа с палитрой Color" главы 3).
Диалоговое окно Save for Web (Сохранить для Web) изображено на рис. 7.52.
Оно практически полностью повторяет подобное диалоговое окно программы
Adobe Photoshop.
392 Глава 7
:
.w ti
I:
Гуляя по Испании
Г I <
•
И
1 if rr
ГОРОД - СКАЗКА!
*
J
ГОРОД-МЕЧТА!
J ' Р'
гетп
Рис. 7.52. Диалоговое окно Save for Web
горитм сжатия без потерь. Но так же, как и PNG-8, не нашел широкого
распространения в сети, и многие старые версии браузеров его не
поддерживают.
• Векторный формат SWF— формат программы Macromedia Flash. Предна-
значен для создания компактной масштабируемой анимированной графи-
ки. Не поддерживает прозрачность. Для просмотра изображений в этом
формате во многих браузерах необходима установка дополнительных мо-
дулей.
• Векторный формат SVG (Scalable Vector Graphics) — предназначен для
создания и отображения масштабируемой векторной графики. Основан на
технологиях XML и JavaScript. Пока широко не распространен.
• Растровый формат WBMP — формат, появившийся в этом диалоговом
окне только в последней версии Adobe Illustrator 11 и представляющий со-
бой разновидность формата BMP (BitMap) для сохранения монохромного
(1-битового) изображения.
Выбрав формат, можно настроить его функции и оптимизировать количество
цветов, степень сжатия, и т. д., уменьшив тем самым размер файла. Можно
изменить размер изображения.
Результатом сохранения изображения с помощью диалогового окна Save for
Web (Сохранить для Web) является экспортирование его оптимизированных
фрагментов в набор графических файлов и получение готового HTML-кода.
Условия выполнения
Эта работа может быть скопирована вами с образца один к одному, но лучше,
если рассмотрев реально существующие образцы упаковок, вы сами разрабо-
таете дизайн и подберете графические материалы для размещения в макете.
Тематику упаковки можно выбрать любую.
В работе должна быть представлена текстовая часть, характерная для упако-
вок выбранной вами тематики. Например, если это упаковка пищевого про-
394 Глава 7
( Примечание )
Под макетом упаковки часто понимают ее разворот. Мы в своих работах огра-
ничимся разработкой макета лишь одной из ее сторон.
Техника исполнения
Содержимое макета любой упаковки можно разложить на три основные со-
ставляющие: это фон, иллюстрация (иллюстрации) и текст.
Если работа делается не в слоях, то оптимальным является следующий поря-
док ее выполнения:
1. Придумывают тематику и дизайн работы. На бумаге рисуют макет упа-
ковки. Подбирают графический материал.
2. В Adobe Illustrator создают новый файл и сохраняют его. В параметрах до-
кумента устанавливают нужный размер бумаги или, если выбран стан-
дартный формат А4, на листе рисуют прямоугольник, размер которого со-
ответствует размеру упаковки.
3. Начинают работу с разработки текстовых элементов, как наименее ресур-
соемких. Если не нужны специфические параметры форматирования, то
текстовые элементы располагают отдельными фрагментами заголовочного
текста. Текст вводят (или загружают), редактируют, форматируют, при
необходимости добавляют различные эффекты. Группируют отдельные
текстовые составляющие друг с другом.
4. Разрабатывают элементы на основе кривых. При необходимости группи-
руют отдельные текстовые и графические элементы.
5. Загружают иллюстрации. Выполняют над ними все необходимые опера-
ции.
6. Заливают фон (исходный прямоугольник). Заливка может быть или цве-
том, или узором, или градиентом.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 395
С Совет
Перед тем как разрабатывать свой собственный макет упаковки, рассмотрите
существующие образцы реальных упаковок, которые найдутся у вас в доме.
Вспомните, на какие элементы упаковок вы обращаете внимание при покупке
различных продуктов и изделий, что вам нравится в различных упаковках, а
что — нет. Постарайтесь заметить, какие приемы применяют дизайнеры для
привлечения внимания покупателей к товару посредством его упаковки.
Примеры оригинал-макетов
Как всегда, в разделе приведены примеры работ, выполненные студентами
Менеджер-центра СПбГУКИ. Эти примеры можно использовать при рас-
смотрении образцов наряду с реально существующими макетами.
1 - 1
Работы Елены Сафоновой (рис. 7.53) и Елены Шелест (рис. 7.54) представ-
ляют собой классические примеры упаковки, выполненные с соблюдением
всех предъявленных требований. Это работы, выполненные по мотивам су-
ществующих упаковок. И хотя тематика работ разная, объединяет их то, что в
качестве иллюстраций были выбраны векторные изображения, при оформле-
396 Глава 7
Winston
UUHTS
Работа Ольги Сыч (рис. 7.57) очень точно воспроизводит упаковку, характер-
ную для данного вида продукции. Здесь также применен эффект маскирова-
ния иллюстрации и выбраны оптимальные параметры форматирования для
текста и его размещение.
Очень оригинально выполнила свою работу Людмила Семиженко (рис. 7.58).
В качестве фона взята иллюстрация. Применен эффект маскирования иллю-
страции текстом. И выполнен векторный рисунок на основе кривых подхо-
дящей по смыслу тематики.
Если во время рассмотрения образцов работ вас посетили гениальные идеи —
воплощайте их быстрее в векторной графике, и помните, что овладев мастер-
ством разработки макетов упаковок, вы имеете шанс заработать себе на то,
что в них лежит.
Специальные эффекты, фильтры и библиотеки. Вывод на печать 397
СиПГОВ ЧвД|
4КЭЛ1ККШКп ffl?C8C9Ti
гогерыб qisscr в,—р.
feMhrtmnni » -
•От»» IBOStrt
А, В
AI319 PDF 320, 325, 326, 336
BMP 318 PNG 338
PS 319, 320
PSD 319
С
CDR319, 331 R
CMYK 115—121, 123, 128, 129
RGB 110, 114—116, 118—120, 122, 123,
128, 129
Е
EMF319
EPS 319, 331,336
s
SVG 319, 336
SWF 319
G
GIF 318, 338 T, W
Grayscale 116, 120
TIFF 318, 338
WMF 319, 331
H,J
HSB 115, 116, 118, 119, 122
JPEG 318