Открыть Электронные книги
Категории
Открыть Аудиокниги
Категории
Открыть Журналы
Категории
Открыть Документы
Категории
HelpAndManual_illegal_keygen
Adobe Illustrator CS2 - обучающий курс в примерах 3
Содержание курса
10 Текст с окантовкой
................................................................................................................................... 235
11 Пересекающийся текст
................................................................................................................................... 244
2 Настройка...................................................................................................................................
опций диаграммы 396
Изменение ширины
..........................................................................................................................................................
столбцов 396
..........................................................................................................................................................
Изменение длины маркеров 400
..........................................................................................................................................................
Корректировка параметров оси значений 404
..........................................................................................................................................................
Круговая диаграмма — Pie 410
Гистограмма..........................................................................................................................................................
с горизонтально расположенными столбцами — Ваr 414
Диаграмма с..........................................................................................................................................................
областями накопления — Area 417
Гистограмма..........................................................................................................................................................
с накоплением — Stacked Bar 419
..........................................................................................................................................................
Комбинированная диаграмма 421
3 Декоративные
...................................................................................................................................
элементы в диаграммах 424
Создание диаграммы
..........................................................................................................................................................
с готовыми декоративными элементами 424
Разработка ..........................................................................................................................................................
новых декоративных элементов и их использование в диаграммах 427
4 Растровые...................................................................................................................................
изображения в диаграммах 432
Растровое изображение
..........................................................................................................................................................
как подложка 432
Заполнение..........................................................................................................................................................
графических фрагментов диаграммы растровым изображением 436
I
23 урока по Adobe Illustrator CS2
Adobe Illustrator: первые шаги. 11
Кроме того, в левом нижнем углу палитры Color имеется перечеркнутый квадратик None, при
нажатии на который удаляется активный на данный момент цвет. Например, в случае активного цвета
заливки это приведет к тому, что все создаваемые после этого объекты будут иметь только границы.
Палитра Swatches (рис. 7) представляет собой каталог стандартных цветов, градиентов и узоров,
который можно редактировать, дополнять и настраивать. Здесь можно не только выбирать, но и хранить
цвета, градиенты и узоры, ранее подобранные вами для конкретных изображений. Это очень удобно, так
как, подобрав цвет к конкретному объекту, пользователь тут же забывает о нем и переходит к другому
цвету. В дальнейшем для его восстановления, как правило, приходится открывать соответствующее
изображение и брать образец цвета инструментом Eyedropper (Пипетка). А ведь можно поступать
проще, сохраняя нужные цвета в палитре Swatches (для чего, собственно, она и предназначена), —
просто перетащите активный квадратик с цветом из палитры Color в палитру Swatches (рис. 8).
Палитру Swatches можно пополнить и иным образом, поскольку при инсталляции программы
автоматически создается целая библиотека палитр цветов, любой из которых можно добавить в палитру
Swatches. Для открытия конкретной библиотеки воспользуйтесь командами Window=>Swatch
Libraries=>... (Окно=>Библиотечные коллекции=>...) или Window=>Swatch Libraries=>Other
Library (Окно=>Библиотечные коллекции=>Другие библиотеки) и аналогичным образом перетащите
нужный цвет в палитру Swatches. Первая команда приведет к открытию одной из палитр, установленных
по умолчанию, а вторая — к открытию библиотеки цветов одного из созданных вами ранее файлов *.ai.
Чтобы удалить ненужный цвет из палитры, достаточно перетащить его на значок корзины в правом
нижнем углу палитры.
Палитра Stroke (рис. 9) определяет внешний вид обводки объекта. Здесь можно изменить ширину
обводки в поле Weight (Ширина) — следует учитывать, что дробные значения ширины вводятся через
запятую. Включение параметра Dashed Line (Пунктирная линия) делает активными три пары полей
Dash (Длина штриха) и Gap (Расстояние между штрихами), значения в которых определяют характер
пунктирной линии (рис. 10).
Три значения параметра Cap палитры Stroke задают границы линии:
• выбор первого значения ведет к тому, что границы совпадают с опорными точками;
• выбор второго значения обеспечивает формирование скругленных границ;
• при выборе третьего значения границы линии выходят за границы опорных точек (рис. 11).
Значения параметра Join определяют внешний вид внутренних точек ломаной линии: первый
вариант обеспечивает формирование острых точек, второй — скругленных, третий — прямых. Поэтому
округлые вершины будут получаться только при выборе средних значений параметров Cap и Join.
Рис. 10. Пример объекта со штрих-пунктирной линией и палитрой Stroke, соответствующей данной
обводке
Инструмент Direct Selection отвечает за выделение одного объекта без образования прямоугольной
рамки (рис. 14) и чаще всего применяется для выделения отдельных опорных точек или сегментов кривых
(но об этом мы расскажем в одном из следующих уроков). Инструмент Group Selection предназначен
для выделения группы объектов (она может состоять не только из графических примитивов, но и из
отдельных опорных точек и сегментов кривых), но также без помещения их в габаритный контейнер (рис.
15).
В какой-то степени инструменты Direct Selection и Group Selection дублируют друг друга, так как
выделить несколько объектов можно и с помощью инструмента Direct Selection, если удерживать
нажатой клавишу Shift в процессе выделения. Сам процесс выделения осуществляется простым щелчком
мыши внутри объекта или по его границе. С помощью вышеназванных инструментов можно и
перемещать выделенные изображения мышью или используя соответствующие клавиши со стрелками.
Кроме названных инструментов выделения, существуют еще Magic Wand (Волшебная палочка) и
Lasso (Лассо). Да и в отношении вышеназванных инструментов имеется еще ряд нюансов, но нельзя
объять необъятное, и более подробно на вопросах выделения мы остановимся в другой раз.
тобы наш урок не был чисто теоретическим, перейдем к созданию графических примитивов, чтобы
воспользоваться полученной информацией и сделать первые шаги.
После этого откройте палитру Swatches и закрасьте звезду подходящим градиентом или узором,
например как на рис. 18.
Рис. 18. Внешний вид звезды после закраски градиентом из палитры Swatches
Вполне возможно, что ассортимент имеющихся в палитре Swatches градиентов вас не устроит, можно
его слегка скорректировать. В этом случае командой Window=>Gradient (Окно=>Градиент) откройте
палитру Gradient и перетащите маркеры градиента (они помещены в виде квадратиков под полосой
изменения цветов градиента) нужным образом (рис. 19). Представленный вариант настройки градиента
получился столь легко и просто только потому, что изначально в палитре Swatches был удачно подобран
градиент. Полная же настройка градиента — занятие более долгое.
Попробуйте теперь в новом документе создать звезду с большим количеством вершин и закрасить ее
вручную подобранным градиентом. Установите вариант None как для цвета заливки, так и для цвета
границы. Выберите инструмент Star и щелкните на листе — появится меню настройки параметров
звезды, в котором нужно определить желаемые установки, например как на рис. 20. Получится пока не
закрашенная звезда (рис. 21).
Рис. 24. Внешний вид звезды после настройки градиента и соответствующая заливке палитра
Gradient
Следует иметь в виду, что существуют очень удобные способы управления процессом рисования
графических примитивов. Например, создавая многоугольник, звезду или блик, можно воспользоваться
клавишами-стрелками, которые позволят увеличивать или уменьшать число вершин многоугольника и
звезды и количество витков спирали прямо в ходе рисования. Нажатая клавиша Shift при рисовании
позволит выравнивать создаваемый объект по горизонтали и вертикали. Нажав клавишу Пробел при
рисовании, можно сразу переместить объект на нужное место, а клавиша Ctrl позволяет изменять степень
заостренности лучей звезды.
Затем, не снимая выделения с объектов, дважды щелкните на инструменте Rotate (Поворот), после
чего откроется окно настройки поворота. Включите флажок Preview (Предварительный просмотр) и
начните понемногу поворачивать звезды, постепенно доведя их до желаемого положения (рис. 31). Можно
поворачивать объекты и по-другому, выбрав инструмент Rotate одним щелчком (никакого окна настроек
в этом случае открываться не будет, но на рисунке будет обозначен центр поворота) и начав поворачивать
объект мышью (рис. 32).
Масштабирование можно выполнить и другими способами: либо просто одинарным щелчком выбрав
инструмент Scale и переместив одну из вершин объекта, либо поместить объект в габаритный
прямоугольник, выделив его инструментом Selection и переместив маркеры габаритного
прямоугольника. При этом перемещение боковых маркеров обеспечивает масштабирование только по
горизонтали или по вертикали, а перемещение угловых маркеров — одновременно по горизонтали и по
вертикали (рис. 33). Для масштабирования с сохранением пропорций следует удерживать клавишу Shift;
клавиша Alt позволяет осуществить масштабирование из центра объекта.
что флажок Preview (Предварительный просмотр) должен быть обязательно включен, иначе вы не
сможете наблюдать за преобразованием изображения по мере изменения параметра.
Не менее оригинальные эффекты можно получить, если взять за основу другие графические
примитивы. В частности, из восьмиугольника можно получить эффектные варианты цветов (рис. 37, 38), а
из окружности — интересный символ, который может быть задействован, например, при создании
логотипа (рис. 39).
Рис. 37. Первый вариант цветка (указаны настройки Pucker & Bloat)
Рис. 38. Второй вариант цветка (указаны настройки Pucker & Bloat)
Рис. 39. Возможный фрагмент логотипа (указаны настройки Pucker & Bloat)
А теперь в новом документе нарисуйте серию кружков, как показано на рис. 43, выделите их
инструментом Direct Selection и превратите в замысловатые чернильные кляксы командой
Effect=>Distort & Transform=>Roughen (Эффект=>Искажение и трансформация=>Шипы; рис. 44,
45).
В качестве завершающего штриха выделите все фрагменты изображения и примените фильтр Twist,
воспользовавшись командой Effect=>Distort & Transform=>Twist (Эффект=>Искажение и
трансформация=>Изгиб) при угле поворота равном 150. Полученное изображение будет напоминать рис.
53.
II
23 урока по Adobe Illustrator CS2
Кисти в Adobe Illustrator 39
Рис. 1. Пример одной и той же кривой, нарисованной кистями из разных групп (1 — каллиграфическая
кисть; 2 — дискретная кисть; 3 — художественная кисть; 4 — узорчатая кисть)
Для включения или отключения конкретной группы кистей нужно вызвать всплывающее меню
палитры Brushes, щелкнув на треугольной кнопке в правом верхнем углу палитры и включив или
выключив соответствующие флажки (рис. 2). По умолчанию открыты все четыре группы кистей, которые
представлены в палитре Brushes последовательно друг за другом (рис. 3).
Что касается непосредственно рисования кистью, то в программе Illustrator это происходит не совсем
так, как, например, в Photoshop. В то же время основной принцип выбора кисти и перемещения ее по
нужной траектории при нажатой левой клавише мыши, естественно, сохраняется. При этом особенности
работы с кистью зависят от выбранной группы кистей, в частности для каллиграфических кистей они
одни, а для дискретных — уже другие и т.д.
Одинаковым образом настраиваются лишь основные параметры кисти, которые можно изменить после
создания контура. Для этого на панели инструментов необходимо дважды щелкнуть левой кнопкой мыши
по инструменту Paintbrush — появится диалоговое окно настройки параметров кисти (рис. 4).
Наибольший интерес представляют параметры Fidelity (Точность), указывающий количество пикселов,
на которое контур может отклоняться от нарисованного пути при формировании кривой, и Smoothness
(Сглаживание), который задает степень сглаживания контура (его увеличение обеспечивает создание
более гладких кривых). Для восстановления параметров кисти по умолчанию в окне Paintbrush Tool
Preferences (Настройка параметров кисти) достаточно щелкнуть на кнопке Reset.
Для примера нарисуйте произвольную линию (рис. 7). Затем можно изменить форму штрихов
созданной линии — для этого, не снимая выделения с нарисованной линии, дважды щелкните на
используемой кисти в палитре Brushes. Это приведет к открытию окна Calligraphic Brush Options
(Настройки каллиграфических кистей), где можно изменить параметры Angle (Угол наклона кисти),
Roundness (Закругление) и Diameter (Диаметр). Для наглядности измените степень закругления
линии, уменьшив значение параметра Roundness, например, как показано на рис. 8 (при этом не забудьте
включить флажок Preview (Предварительный просмотр), чтобы сразу увидеть внесенные изменения).
Щелкните на кнопке ОК, а затем на кнопке Apply to Strokes (Применить к штрихам) — полученный
результат может напоминать рис. 9.
градиентом (рис. 10). Выберите в палитре инструментов инструмент Twirl (Завиток) и закруглите каждый
четный луч, аккуратно наводя мышь на кончик луча и щелкая левой кнопкой мыши (рис. 11). После этого
загрузите из библиотеки группу каллиграфических кистей командой Window=>Brush
Libraries=>Calligraphic (Окно=>Библиотека кистей=>Каллиграфические) и выберите подходящий
вариант кисти (в примере применена кисть Flat) — рис. 12.
Рис. 13. Набор дискретных кистей после добавления кистей из встроенных библиотек
Для примера работы с дискретной кистью выберите инструмент Polygon и нарисуйте многоугольник
понравившейся вам кистью (в данном случае выбрана кисть Sunflower) — обратите внимание, что в
большинстве случаев размножаемые изображения окажутся размещенными случайным образом, а не
будут распределены равномерно вокруг созданного контура (рис. 14). Поэтому далее скорректируйте
параметры кисти подходящим образом, дважды щелкнув на кисти в палитре Brushes и изменив
значения в открывшемся окне Scatter Brush Options (Параметры дискретных кистей), например в
соответствии с рис. 15. Щелкните на кнопке ОК, а затем на кнопке Apply to Strokes (Применить к
штрихам) — рис. 16. Для улучшения внешнего вида многоугольника неплохо залить его подходящим
градиентом (рис. 17).
В окне Scatter Brush Options (Параметры дискретных кистей) можно настроить параметры: Size
(Размер) — определяет размер кисти, Spacing (Промежуток) — указывает расстояние между отдельными
изображениями, Scatter (Рассеивание) — определяет степень отклонения отдельных изображений кисти
от сформированного пути и Rotation (Вращение) — отвечает за угол поворота изображений. Под
настройкой подразумевается указание конкретных размеров или их границ для каждого из параметров и
определение способа формирования значения параметра для каждого изображения: случайным образом
— при выборе варианта Random (Случайный) или строго фиксированным — в случае варианта Fixed
(Фиксированный).
Кроме того, при настройке дискретной кисти представляет интерес параметр Colorization (Окраска),
определяющий метод колоризации, с помощью которого осуществляется настройка цвета. По умолчанию
установлен вариант None (Ни один) — в этом случае никаких настроек с цветом исходного изображения
не производится, и изображения в контуре выглядят так же, как и кисть в палитре Brushes. При выборе
метода Tints (Тона) цвет штриха отображается в оттенках заданного в квадратике Stroke палитры
инструментов цвета. Установка метода Tints and Shades (Тона и Тени) приводит к тому, что цвет штриха
отображается в оттенках и тенях цвета, определенного в Stroke. А при выборе метода Hue Shift (Сдвиг
оттенка) все, что окрашено заданным цветом, приобретает цвет, заданный в Stroke, а другие цвета
становятся дополнительными к нему (рис. 18).
Рис. 18. Серия изображений с разными методами колоризации (слева направо — None, Tints, Tints and
Shades, Hue Shift)
Теперь выберите кисть Dry Lnk (Сухая кисть), измените цвет штриха (Stroke) на зеленый и
попробуйте создать имитацию стебелька с листьями для одного из цветов, например, как показано на рис.
23. Вполне возможно, что для достижения нужного эффекта вам придется повернуть созданный контур,
что нетрудно сделать, нажав правую кнопку мыши, выбрав из контекстного меню команду
Transform=>Rotate (Трансформация=>Поворот) и указав параметры поворота. Создайте еще несколько
подобных имитаций, и, возможно, получившееся у вас изображение будет напоминать представленное на
рис. 24.
Как уже говорилось, рисуя кистью, можно использовать не только инструмент Paintbrush, но и другие,
такие как инструмент Line. Нарисуйте данным инструментом серию разноцветных линий примерно так,
как показано на рис. 26. После этого выделите все линии инструментом Direct Selection при нажатой
клавише Shift и выберите кисть Branch из группы кистей Floral Sample, открыв ее командой
Window=>Brush Libraries=>Floral Sample (Окно=>Библиотека кистей=>Образцы цветов) —
изображение станет напоминать приведенное на рис. 27. Дважды щелкните на кисти Branch в палитре
Brushes и настройте параметры кисти в соответствии с рис. 28. Затем при необходимости слегка
подкорректируйте положение разноцветных ветвей, и, возможно, получившийся у вас результат будет
похож на рис. 29.
Рис. 32. Внешний вид изображения после первоначального изменения параметров кисти
Рис. 34. Внешний вид изображения после включения мозаик Outer Corner tile и Inner Coner tile
Рис. 35. Примеры звезд, границы которых оформлены разными узорными кистями
Рис. 36. Серия снежинок, созданных разными узорными кистями и при различных вариациях настройки
мозаик
При необходимости можно корректировать размер изображения кисти за счет определения значения
параметра Scale (Масштаб), а между декоративными элементами включать пробелы, размер которых
устанавливается в поле Spacing (Пробелы). Флажки Flip Along (Отражение по горизонтали) и Flip
Across (Отражение по вертикали) обеспечивают зеркальное отображение. А если длина контура не
вмещает целое число элементов узорной кисти, то можно поэкспериментировать с переключателями:
Stretch to fit (Растянуть), который приводит к удлинению или к укорачиванию элемента с тем, чтобы
полностью заполнить контур; Add space to fit (Вставить пробелы), обеспечивающим равномерное
добавление пробелов, и Approximate path (Сместить), предназначенным для перемещения элементов
таким образом, чтобы линия контура всегда вмещала целое число элементов.
Как и в отношении других групп кистей, можно изменять методы колоризации, определяя значение
параметра Colorization (Окраска), с помощью которого осуществляется настройка цвета. Для примера
воспользуйтесь созданным при работе с каллиграфическими кистями изображением на рис. 12 и
оформите его границу одной из бордюрных кистей при методе колоризации Tints (Тона). Варианты могут
быть самыми восхитительными, например, такими, как на рис. 37, где задействована кисть Confetti.
После этого выделите все волоски инструментом Direct Selection при нажатой клавише Shift,
выберите из меню палитры Brushes команду New brush (Новая кисть) и укажите тип создаваемой кисти
— New Art Brush. Определите параметры кисти, например в соответствии с рис. 47. А затем
воспользуйтесь кистью на практике — в нашем примере этой кистью удалось быстро создать шикарную
шевелюру на голове страуса (рис. 48, 49). Правда, стоит признать, что прическа страуса больше
напоминает воронье гнездо, но тут уж ничего не поделаешь — и волосков в кисти должно быть больше, и с
формой их нужно поэкспериментировать, да и оттенки необходимо подбирать более тщательно, если речь
идет о настоящих волосах или шерсти.
А теперь проведем еще один интересный эксперимент. Попытаемся создать кисть, с помощью которой
можно было бы рисовать, например, щупальца или языки пламени. Для этого вначале нарисуйте
треугольник инструментом Polygon с черной границей и черной заливкой (рис. 50). Затем с помощью
инструмента Direct Selection выделите его, но не совсем обычным образом — для выделения щелкните
мышью не на самом треугольнике, а на одной из его вершин. В итоге любую из вершин можно будет
переместить нужным образом (подробнее о возможностях модификации контуров мы поговорим в одном
из следующих уроков), а маркеры в вершинах треугольника окажутся незакрашенными (рис. 51).
Перетащите по очереди вершины треугольника так, чтобы фигура стала похожа на треугольник,
показанный на рис. 52.
После этого выделите треугольник инструментом Direct Selection, выберите из меню палитры
Brushes команду New brush (Новая кисть) и укажите тип создаваемой кисти — New Art Brush.
Определите параметры кисти в соответствии с рис. 53. Нарисуйте новой кистью изогнутую кривую,
напоминающую, например, язычок пламени (рис. 54), при этом цвет заливки должен быть определен как
None. Теперь нужно закрасить кривую подходящим образом. Однако здесь возникают определенные
проблемы — нельзя использовать градиентные заливки, так как цвет штриха (Stroke) этого не допускает.
Поэтому превратим созданную кривую в контур командой Objeсt=>Expand Appearance
(Объект=>Расширить до границы) — после этого при выделении кривой инструментом Direct Selection
маркеры появятся вокруг всей кривой (рис. 55), а не только по ее центру и станет возможно установить
градиентную заливку (рис. 56) и поэкспериментировать (рис. 57).
Рис. 57. Имитация языков пламени, полученная при помощи новой кисти
Сложнее дело обстоит, если нужна действительно градиентая кисть, поскольку на основе градиентного
изображения в принципе невозможно создать никакую кисть. Но выход есть. Нарисуйте на экране серию
прямоугольников и постарайтесь закрасить их так, чтобы все вместе они походили на градиентную
область (рис. 58). Нарисуйте поверх прямоугольника, например, незакрашенную звездочку с
незакрашенной границей (рис. 59). Выделите прямоугольник вместе со звездой, откройте палитру
Pathfinder (Проводник) командой Window=>Pathfinder (Окно=>Проводник) и щелкните на кнопке
Crop (Обрезать) — результатом станет появление градиентной звезды (рис. 60).
Далее выберите из меню палитры Brushes команду New brush (Новая кисть) и укажите тип
создаваемой кисти — New Art Brush. В открывшемся окне введите новое имя кисти и настройте ее
параметры (рис. 61). А теперь попробуйте создать шедевр с использованием градиентной кисти (рис. 62).
А теперь попробуем создать более сложную узорную кисть на основе изображения, приведенного на
рис. 65. Для создания данного изображения вначале придется нарисовать один лепесток предполагаемого
цветка путем создания обычной окружности и воздействия на центр круга инструментом Twirl (Завиток)
— в результате получится лепесток (рис. 66). Затем нужно скопировать его в буфер обмена командой
Edit=>Copy (Редактировать=>Копировать), а после этого последовательно вставлять очередной лепесток
из буфера командой Edit=>Paste (Редактировать=>Вставить), поворачивать его нужным образом,
нажимая правую кнопку мыши, вызывая из контекстного меню команду Transform=>Rotate
(Трансформация=>Поворот), определяя параметры поворота и перемещая нужным образом.
Затем выделите все объекты будущей кисти, применив выделение Direct Selection при нажатой
клавише Shift, выберите из меню палитры Brushes команду New brush (Новая кисть) и укажите тип
создаваемой кисти — New Pattern Brush. В открывшемся окне введите новое имя кисти и настройте ее
параметры (рис. 67). Попробуйте применить кисть на практике (рис. 68).
Сложнее создать узорную кисть с использованием нескольких различных мозаик. В этом случае
необходимо предварительно создать каждую мозаику отдельно и поместить ее в палитру Swatches
(именно из нее доступны варианты мозаик в окне их выбора).
Для создания первой мозаики нарисуйте серию из прямоугольников разных оттенков одного и того же
цвета (рис. 69), выделите все прямоугольники и перетащите их как единый объект в палитру Swatches.
Поверните все прямоугольники на 90°, нажав правую кнопку мыши, вызвав из контекстного меню
команду Transform=>Rotate (Трансформация=>Поворот) и указав угол поворота (рис. 70). Затем все
объекты в выделенном состоянии вновь перетащите в палитру Swatches — в ней появится вторая
мозаика. Для третьей мозаики нарисуйте темную окружность со светлым эллипсом внутри (рис. 71),
перетащите ее в палитру Swatches. И наконец, в качестве четвертой мозаики возьмите третью, в которой
предварительно измените цвет эллипса на более темный (рис. 72), и также поместите ее в палитру
Swatches. Палитра примет вид, как показано на рис. 73.
Рис. 73. Внешний вид палитры Swatches после помещения в нее четырех новых мозаик
После этого дважды щелкните на каждой из созданных мозаик палитры Swatches и определите имена
мозаик. Выделите первую мозаику на листе (а не в палитре Swatches) (рис. 74), выберите из меню
палитры Brushes команду New brush (Новая кисть) и укажите в качестве типа создаваемой кисти
вариант New Pattern Brush. В открывшемся окне введите новое имя кисти (рис. 75) и настройте ее
параметры в соответствии с рис. 76. Многообразие результатов при использовании новой кисти вам
гарантировано (рис. 77).
Рис. 76. Окончательный вид окна Pattern Brush Options после настройки мозаик
III
23 урока по Adobe Illustrator CS2
80 Работа с векторными контурами в Adobe Illustrator
Инструмент Erase работает обычным образом: для стирания отдельных фрагментов контура надо
лишь поводить ластиком вдоль стираемого фрагмента. Нарисуйте, например, обычную звезду (рис. 8), а
затем попробуйте ластиком аккуратно удалить точки контура в ее вершинах (рис. 9).
Для рисования строго вертикальных или горизонтальных линий либо линий, лежащих под углом 45°,
следует создавать новые опорные точки при нажатой клавише Shift (рис. 13). При этом Illustrator в
зависимости от положения новой опорной точки самостоятельно решает, какую из перечисленных линий
вы хотели провести.
В случае создания замкнутого контура поставьте последнюю точку точно на месте первой точки
контура — контур при этом автоматически заканчивается, и потом можно сразу приступать к рисованию
следующего. Определить, удачно ли вы установили маркер, можно по его внешнему виду: при попадании
маркера точно на первую опорную точку рядом с ним появляется значок окружности, символизирующий
завершение контура.
А теперь попробуйте нарисовать стрелку. Вначале инструментом Pen создайте контур в виде отрезка
(рис. 14) и воспользуйтесь командой Filter>=Stylize>=Add Arrowheads
(Фильтр=>Стилизация=>Добавить стрелку) при параметрах, представленных на рис. 15. После этого
закрасьте стрелку подходящим образом (рис. 16).
Если отказаться от заливки стрелки, установив для параметра Fill вариант None, то на созданную
стрелку можно наложить ряд преобразований и получить из прямой стрелки различные варианты
криволинейных стрелок. Для примера воспользуйтесь фильтром ZigZag по команде
Filter=>Distort=>ZigZag (Фильтр=>Искажение=>Зигзаг) с такими параметрами, как на рис. 17.
Результат — на рис. 18.
Рис. 18. Примеры криволинейных стрелок (исходная стрелка и два варианта искаженных стрелок)
Интересные виды криволинейных стрелок могут быть получены при наложении фильтров
Pucker&Bloat и Twist из группы фильтров Distort. К тому же внутренние фрагменты стрелок белого
цвета можно закрасить, выделяя их по отдельности инструментом Direct Selection (рис. 19) и
устанавливая для них в палитре инструментов подходящий вариант цвета для параметра Fill (рис. 20).
Рис. 19. Выделение стрелок (слева — вся стрелка выделена инструментом Selection, справа —
отдельные фрагменты стрелки выделены инструментом Direct Selection)
Рис. 20. Изображение стрелок после обработки их фильтрами и заливки отдельных фрагментов
Рис. 21. Первый этап рисования кривой (построение первой опорной точки)
Теперь установите указатель в другое место (это будет вторая опорная точка), снова нажмите левую
кнопку мыши и подвигайте указатель мыши в разных направлениях, внимательно наблюдая за формой
получающейся линии. Чем дальше вы будете протягивать перо, тем больше будет дуга. Обратите
внимание, что кривая может оказаться с перегибом или без него — в зависимости от того, в каком
направлении вы перемещаете указатель. От направления перемещения зависит также выпуклость или
вогнутость кривой.
Когда внешний вид созданной кривой будет вас устраивать, отпустите кнопку мыши (рис. 22). При этом
на экране наряду с криволинейным сегментом появятся ограничивающие его направляющие линии,
которые необходимы только для определения формы кривой, но на печать не выводятся (рис. 23).
Получить строго вертикальную, горизонтальную или находящуюся под углом 45° направляющую линию
можно, если при перемещении мыши удерживать клавишу Shift.
Рис. 22. Второй этап рисования кривой (построение второй опорной точки)
Затем нужно сформировать следующий участок кривой, поставив очередную опорную точку и получив
желаемый сегмент и т.д. Для завершения контура вновь щелкните на инструменте Pen в палитре
инструментов или при нажатой клавише Ctrl щелкните левой кнопкой мыши в стороне от контура. С
целью создания замкнутого контура поставьте последнюю точку точно на месте первой точки
криволинейного контура. Затем криволинейный контур можно залить подходящим цветом, градиентом
или другими вариантами заливки (рис. 24).
Рис. 26. Результаты выделения разных контуров инструментом Direct Selection: в случае выделения
кривой щелчок был сделан на сегменте — в итоге выделен данный сегмент; при выделении звезды
щелчок был сделан внутри нее — в результате выделены все ее опорные точки; при выделении
треугольника щелчок был сделан в одной из вершин — оказалась выделена только данная вершина
Можно также обвести нужный сегмент инструментом Direct Select Lasso (Частичное лассо) (рис. 27).
Рис. 27. Выделение внутренних опорных точек инструментом Direct Select Lasso
Как видно из рис. 26 и 27, выделенные опорные точки отображаются в виде заполненных квадратиков,
а невыделенные — в виде пустых. Чтобы к выделенным элементам добавить еще фрагменты контура или
целые контуры, нужно при выделении удерживать клавишу Shift.
Если необходимо выделить весь контур или несколько контуров полностью, то быстрее это сделать
инструментом Selection (Выделение), заключив в так называемый габаритный контейнер (рис. 28).
Выделенные контуры можно будет легко перемещать, поворачивать, масштабировать, трансформировать,
накладывать на них фильтры и т.д. (рис. 29).
Рис. 29. Результат наложения на все контуры фильтра ZigZag из группы Distort
Установите для опции Fill вариант None, подберите цвет штриха Stroke и нарисуйте ротик
инструментом Pen (рис. 32, 33). Затем тем же инструментом Pen создайте ямочку в уголке рта (рис. 34).
Если ямочка получилась чуть больше или меньше, чем вам хотелось, то тут же воспользуйтесь
инструментом Scale и скорректируйте ее размер (рис. 35). Не отменяя выбора нарисованной ямочки,
дважды щелкните на инструменте Reflect, в открывшемся окне выберите вариант вертикального
отражения (рис. 36) и щелкните на кнопке Copy — ямочка будет скопирована. Выделите новую ямочку
инструментом Selection и переместите ее курсором в другую сторону рта, при необходимости таким же
образом скорректируйте положение первой ямочки (рис. 37). После этого дорисуйте у Колобка глазки и
завиток волос (рис. 38).
Рис. 32. Внешний вид кривой, изображающей ротик Колобка, с направляющими линиями
Если же необходимо добавить опорную точку точно в центр между двумя выделенными опорными
точками, лучше воспользоваться командой Object=>Path=>Add Anchor Points
(Объект=>Контур=>Добавить опорные точки).
Таким же образом можно отредактировать внешний вид любого графического примитива. Попробуем
воспользоваться данной возможностью в процессе создания изображения сказочного паука. Вначале
нарисуйте обычную окружность (рис. 46) и выделите ее инструментом Direct Selection при нажатой
клавише Shift (щелкать нужно не по всей окружности, а по ее опорным точкам) — в итоге окружность не
просто выделится, но у нее будут обозначены направляющие линии (рис. 47). Теперь инструментом Pen
при нажатой клавише Alt перетащите угловые точки нижней направляющей так, чтобы окружность
превратилась в эллипс, суженный в нижней части (рис. 48). Чтобы перенести точки симметрично, лучше
предварительно включить сетку инструментом Restangular Grid, ориентируясь по узлам которой, будет
проще определить нужные положения направляющих точек. Затем выделите полученную кривую
инструментом Selection и сожмите. Залейте контур подходящим градиентом (рис. 49).
Сделайте две копии созданного контура, уменьшите их в размерах, измените заливку и разместите на
исходном изображении (рис. 50) — это будет первый глаз паука. Выделите все элементы глаза
инструментом Selection, для удобства объедините их в группу командой Object=>Group
(Объект=>Группа) и воспользуйтесь командой Effect=>Warp=>Twist (Эффект=>Деформация=>Изгиб)
при таких, например, параметрах, как на рис. 51. Потом продублируйте глаз, сделав его зеркальную копию
по горизонтали с помощью инструмента Reflect (рис. 52).
Дорисуйте пауку туловище, переместите его на задний план и залейте градиентом. Затем инструментом
Pen создайте первую ножку в виде обычной ломаной, подобрав для нее нужное параметру Stroke
значение ширины (Weight). Сделайте зеркальную копию ножки по горизонтали с помощью инструмента
Reflect и переместите ее подходящим образом. Выделите обе ножки с помощью инструмента Selection и
сделайте две их копии, применив команды Edit=>Copy (Редактирование=>Копировать) и Edit=>Paste
(Редактирование=>Вставить). Активировав инструмент Rotate, поверните каждую ножку на нужное число
градусов (в данном примере объекты первой копии были повернуты на 20° и на –20° соответственно, а
второй — на 35° и на –35°). Откорректируйте положение каждой ножки, и полученный вами результат
будет походить на рис. 56.
Рис. 59. Настройка команды Clean Up для удаления всех изолированных точек
Если в процессе создания контура на нем появились ненужные опорные точки (которые в ходе
дальнейшей работы могут усложнить процесс его преобразования), то их можно удалить командой
Object=>Path=>Simplify (Объект=>Путь=>Упрощение пути). Однако при использовании данной
команды следует оптимально подобрать точность кривой (Curve Precision) и предельный угол
сглаживания (Angle Threshold), чтобы форма контура осталась неизменной или хотя бы с
минимальными изменениями (рис. 60, 61).
Результат от применения команды Simplify Path может быть и более эффективным. Создайте
многоугольник (рис. 62), наложите на него фильтр Pucker and Bloat командой
Filter=>Distort=>Pucker and Bloat (Фильтр=>Искажение=>Сморщивать и раздувать) со значением
параметра Pucker and Bloat 74% (рис. 63), а затем фильтр Filter=>Distort=>Twist
(Фильтр=>Искажение=>Изгиб) со значением угла поворота 190° (рис. 64). Обратите внимание, сколько
ненужных опорных точек появилось в созданном контуре. А теперь воспользуйтесь командой
Object=>Path=>Simplify (Объект=>Путь=>Упрощение пути) при параметрах, например, как на рис. 65.
В итоге получим уменьшение количества опорных точек более чем в два раза при полном сохранении
внешнего вида контура (рис. 66).
Рис. 63. Внешний вид контура после наложения фильтра Pucker and Bloat
Рис. 65. Окончательный вид полученного изображения с множеством лишних опорных точек
Рис. 66. Внешний вид контура после удаления ненужных опорных точек
Рис. 68. Внешний вид изображения после перемещения четных опорных точек
Рис. 71. Внешний вид контура после наложения фильтра Pucker and Bloat
IV
23 урока по Adobe Illustrator CS2
Градиентная сетка в Adobe Illustrator 113
На любой объект, созданный инструментом Gradient Mesh, наложена сетка, видимая только при
выделении объекта и состоящая из отдельных ячеек (рис. 5), образуемых в результате пересечения
контрольных линий. В вершинах ячеек находятся основные и вспомогательные узловые точки, которые
можно перемещать, меняя кривизну сетки и воспроизводя тем самым разные цветовые переходы. При
закраске объектов с градиентной сеткой можно создать на любом объекте неограниченное количество
областей и для каждой установить свой цвет, манипулируя цветами изображения на уровне пикселов.
Нужно иметь в виду, что сеточный объект по своей внутренней структуре принципиально отличается от
векторного объекта, и потому ему будут недоступны многие преобразования, в частности подавляющее
большинство фильтров. Вследствие этого превращать векторные объекты в сеточные следует только на
заключительной стадии их обработки, после завершения всех векторных преобразований.
Рис. 9. Результат превращения векторного объекта в сеточный путем создания градиентной сетки
Имейте в виду, что чем больше столбцов и строк вы указали при создании объекта-сетки, тем дольше
программа будет их прорисовывать. Поэтому, с одной стороны, не стоит создавать слишком сложные
градиентные сетки с больших количеством ячеек, а с другой — увеличение количества строк и столбцов
позволяет получить более плавные цветовые переходы. Выход один: искать разумный компромисс и по
возможности создавать вместо одного сложного сеточного объекта несколько простых. Как правило, в
этом случае результат оказывается лучше.
Рис. 12. Результат превращения векторного объекта с градиентной заливкой в сеточный объект
Следует отметить, что при помощи рассмотренного способа формируется не только сеточный объект,
но и маска (с которой мы будем знакомиться в одном из следующих уроков). Работать с таким сеточным
объектом нужно несколько иначе, чем с обычным.
Выделить отдельные узловые точки можно двумя способами. Выделение узловых точек, окружающих
конкретную ячейку, осуществляется с помощью инструмента Direct Selection (Частичное выделение)
(рис. 17). Для этого нужно щелкнуть мышью в центре ячейки сетки при выбранном инструменте Direct
Selection — тогда окажутся выделенными четыре основные узловые точки сетки и прилегающие к ним
вспомогательные узловые точки. Все остальные узлы при этом отображаются белыми ромбами, то есть
они не выделены. Если щелкнуть по отрезку контрольной линии, то окажутся выделенными только
вспомогательные узловые точки внутри данного отрезка (рис. 18).
Если необходимо выделить только одну основную узловую точку, то ее нужно обвести инструментом
Direct Select Lasso (Лассо частичного выделения) (рис. 19) или воспользоваться специальным
инструментом для сеточных объектов Mesh (Сетка). Естественно, лассо может быть использовано и для
выделения произвольного количества основных узловых точек.
Рис. 19. Результат выделения одной основной узловой точки инструментом Direct Select Lasso
Выделенные узловые точки сетки можно затем заливать цветом, используя палитры Color и Swatches
, перемещать или удалять. Перемещение узловой точки осуществляется инструментом Direct Selection
обычным образом при нажатой левой кнопке мыши (рис. 20). Для удаления узловых точек их выделяют и
нажимают клавишу Del (рис. 21). Добавление узловых точек производится инструментом Mesh.
Рис. 20. Искривление градиентной сетки в результате перемещения основной узловой точки
инструментом Direct Selection
Рис. 21. Результат удаления серии узловых точек: на левой копии сеточного объекта есть все узловые
точки, на правой — центральные узловые точки удалены
Теперь приступим к раскраске. Выберем инструмент Direct Selection, щелкнем на свободной части
листа, чтобы снять выделение с объекта, а затем в его центральной части выделится одна ячейка. Далее,
удерживая клавишу Shift, выделим все внутренние ячейки, как на рис. 23. После этого изменим цвет для
выделенных ячеек сетки, например установив другой цвет в окне Fill (Заливка). В итоге изображение
примет вид, представленный на рис. 24.
Рис. 24. Внешний вид сеточного объекта после изменения цвета центральных ячеек сетки
А можно опробовать и другой вариант. Отменим последнее действие, вследствие чего сеточный объект
вновь станет однотонным, снимем выделение с объекта командой Select=>Deselect и щелкнем в левом
верхнем углу круга, чтобы выделилась та же ячейка, что и на рис. 25. И точно так же изменим цвет ячейки
— результат может напоминать изображения рис. 26 и 27.
Рис. 26. Внешний вид сеточного объекта после изменения цвета левой верхней ячейки при отображении
сетки
А теперь рассмотрим более сложный пример. Создайте инструментом Pen (Перо) контур в виде листа
(рис. 28) и превратите его в сеточный объект командой Object=>Create Gradient Mesh
(Объект=>Создать градиентную сетку), указав четыре строки и три столбца, а в списке Appearance (Вид)
выбрав вариант Flat (Плоская). Получившийся сеточный объект представлен на рис. 29. Перетащите
инструментом Direct Selection все центральные узлы объекта, как показано на рис. 30. Затем выделите
все внутренние узловые точки сетки и измените в них оттенок зеленого цвета на более светлый (рис. 31).
Рис. 30. Внешний вид сеточного объекта после перемещения узловых точек
Рис. 31. Внешний вид изображения после изменения цвета внутренних ячеек сетки
На следующем этапе попробуем немного осветлить центральную часть листа. Для этого щелкните
инструментом Mesh в той части листа, где необходимо создать новую узловую точку — она автоматически
соединится с уже имеющимися; в итоге появятся новые контрольные линии (рис. 32). Затем измените
оттенок цвета на более светлый (рис. 33).
Рис. 32. Внешний вид сетки после создания дополнительной узловой точки
Рис. 36. Внешний вид изображения после наложения градиентной сетки на все объекты
А теперь попробуем добиться эффекта трехмерности на примере создания круглой выпуклой кнопки.
Создайте закрашенный произвольным цветом векторный объект в виде окружности и преобразуйте его в
сеточный командой Object=>Create Gradient Mesh (Объект=>Создать градиентную сетку), указав
четыре строки и четыре столбца, а в списке Appearance (Вид) выбрав вариант To Center (К центру) и
установив значение Highlight (Подсветка) равным 60. Получившийся сеточный объект будет напоминать
рис. 37.
Выберите инструмент Direct Selection и щелкните в левом верхнем углу объекта, выделив
находящиеся там узловые точки (рис. 38). Измените цвет соответствующей ячейки на белый, выбрав его в
палитре Swatches (рис. 39).
Возьмите инструмент Ellipse (Эллипс), установите маркер мыши в центр созданной перед этим
окружности и, удерживая нажатыми клавиши Alt и Shift, растяните новую окружность поверх старой так,
чтобы она оказалась больше старой на два пиксела со всех сторон. Сделайте у нее черную границу (Stroke
) шириной 2 пиксела и залейте радиальным градиентом в направлении от красного к белому (рис. 40).
Перетащите созданный векторный объект на один-два пиксела вправо и вниз; не снимая выделения,
кликните на нем правой кнопкой мыши и из контекстного меню выберите команду Arrange=>Send To
Back (Упорядочить=>Отправить назад). В итоге получите кнопку (рис. 41).
Интересных эффектов можно добиться, создавая сеточные объекты на основе фотографий. Для
примера откройте исходное растровое изображение (рис. 42), при помощи инструмента Pen обведите
контур цветка (рис. 43) и скопируйте его в буфер командой Edit=>Copy (Редактирование=>Копировать).
Затем создайте новое изображение и скопируйте туда контур цветка из буфера командой Edit=>Paste
(Редактирование=>Вставить) (рис. 44). Залейте цветок подходящим цветом (рис. 45).
Рис. 50. Окончательный внешний вид сеточного объекта, сделанного на основе фотографии
Еще более интересным вариант будет в том случае, если взятый с фотографии контур разбить на
несколько сеточных объектов. Возьмем тот же контур, что и в предыдущем случае, скопируем его в новый
документ и закрасим цветом. Затем выделим инструментом Pen не весь цветок, а только один его лепесток
(рис. 51) и наложим на него градиентную сетку (рис. 52). Результат будет выглядеть примерно так, как рис.
53. Аналогичную операцию проделаем с каждым лепестком и в итоге получим цветок, у которого каждый
лепесток будет отдельным сеточным объектом (рис. 54). В дальнейшем полученный таким образом объект
можно использовать при подготовке другого изображения, например представленного на рис. 55.
Рис. 58. Внешний вид объекта после заливки ячейки темно-серым цветом
Рис. 59. Результат заливки левой верхней зоны сетки серо-голубоым цветом
Рис. 60. Внешний вид объекта после заливки ячейки белым цветом
Под конец, используя заготовку, нарисуем жемчужные бусы. Для этого, выделив жемчужину,
перетащите ее в палитру Symbols (рис. 64). Затем при нажатой клавише Shift перетащите новый символ
из палитры на рабочий лист (рис. 65). Инструментом Scale (Масштаб) уменьшите образ жемчужины до
приемлемого (рис. 66) и при нажатии клавиши Alt многократно продублируйте ее, создав из одной
жемчужины нитку бус (рис. 67).
V
23 урока по Adobe Illustrator CS2
«Живые» переходы в Adobe Illustrator 141
Связываемые векторные объекты могут не только иметь однотонную заливку, но и быть закрашены
градиентом. Например, связывая инструментом Blend фигуры на рис. 6, можно получить серию «живых»
объектов (рис. 7). А вот использование узорных заливок никаких интересных результатов не даст,
поскольку программа не сможет осуществить плавный переход цветов от узора к цвету или от одного
узора к другому.
Вполне возможно, что в итоге вы получите не совсем то, что хотели получить. В этой ситуации можно
отказаться от преобразования, а затем наложить blend-связь еще раз — результат может быть другим.
Можно также попытаться изменить исходные объекты, в частности переместить или перекрасить их,
изменить размеры или наложить трансформацию и т.п. Например, выделите первый из исходных
объектов инструментом Direct Selection, измените его цвет и переместите влево. Аналогичную
операцию проведите со вторым исходным объектом, только переместите его вправо и дополнительно
увеличьте в размерах (рис. 11). Обратите внимание, что любое преобразование одного или обоих исходных
объектов автоматически приводит к изменению всех объектов в blend-связке. На этом возможности по
редактированию исходных объектов «живого» перехода не исчерпываются — на любой из них можно
воздействовать каким-либо эффектом и фильтром. Например, выделите круг и воспользуйтесь командой
Effect=>Distort&Transform=>Pucker&Bloat (Эффект=>Искажение и трансформация=>Сморщивать
и раздувать) с параметрами, указанными на рис. 12. В итоге изображение будет напоминать рис. 13.
Рис. 11. Внешний вид связанных объектов после их перемещения, перекрашивания и масштабирования
Рис. 16. Исходное изображение с выделенными инструментом Direct Selection связываемыми точками
После этого выделите все объекты инструментом Selection, дважды щелкните на кнопке Rotate
(Поворот) и поверните их на 90° с одновременным созданием копии, щелкнув на кнопке Copy
(Копирование) в окне Rotate (рис. 18).
Рис. 18. Внешний вид полученного сложного узора после поворота с копированием созданных
blend-объектов
Точно таким же образом, меняя исходные объекты, можно получить сложные узоры. Например, взяв за
основу векторные объекты в виде звезд (рис. 19), преобразованных эффектом ZigZag (Effect=>Distort &
Transform=>ZigZag (Эффект=>Искажение и трансформация=>Зигзаг) и вложенных друг в друга,
можно получить узор, напоминающий изображение на рис. 20 или 21.
Рис. 20. Внешний вид сложных узоров, полученных на основе вложенных друг в друга звезд,
трансформированных эффектом ZigZag
Рис. 21. Внешний вид сложных узоров, полученных на основе вложенных друг в друга звезд,
трансформированных эффектом ZigZag
А если в качестве исходного объекта взять два произвольных криволинейных контура, показанных на
рис. 22, то результат может напоминать рис. 23. Из исходных объектов, представленных на рис. 24,
образуются не менее интересные и сложные blend-контуры (рис. 25 и 26). Интересные примеры объектов,
полученных при использовании данной техники, приведены на сайте компании Adobe (рис. 27).
Рис. 23. Внешний вид сложного узора, полученного на основе криволинейных контуров
Рис. 25. Внешний вид сложных узоров, полученных на основе многоугольника и звезды
Рис. 26. Внешний вид сложных узоров, полученных на основе многоугольника и звезды
Стоит отметить, что, создавая промежуточные объекты, стоит обратить внимание и на особенности
границы, так как плавные переходы от одного варианта границы к другому могут приводить к не менее
интересным результатам. Создайте, например, обычную спираль (рис. 28) с параметрами границы,
представленными на рис. 29. Получите ее уменьшенную копию с параметрами границы, указанными на
рис. 30, и измените цвет. Затем наложите одну спираль на другую примерно так, как на рис. 31, и свяжите
их крайние узловые точки инструментом Blend (вариант Specified Steps (Заданные шаги) со значением
шага равным 20). В итоге спирали станут напоминать раковину моллюска (рис. 32).
Рис. 32. Окончательный внешний вид blend-объекта на основе двух наложенных спиралей
Рис. 36. Окончательный внешний вид листа после установки blend-связи между его половинками
Функция Smooth Color (Сглаженный цветовой переход) blend-связи подходит и для создания ряда
объектов. Например, с ее помощью из обычного плоского цветка несложно получить махровый. В
качестве исходных изображений возьмем два вложенных друг в друга изображения цветов (рис. 37), а
затем наложим blend-связь на узловые точки соседних лепестков (рис. 38).
Рис. 42. Внешний вид изображения после blend-связывания двух верхних кривых
Как упоминалось выше, с помощью большого количества исходных изображений можно определить
сложную траекторию размещения blend-объектов. Рассмотрим данный вариант на конкретном примере.
Нарисуйте закрашенный квадрат, скопируйте его в буфер обмена, а затем вставьте три раза. Раскрасьте
все четыре квадрата в разные цвета и разместите так, как на рис. 44. Для выравнивания положения
квадратов относительно горизонтального и вертикального центра воспользуйтесь кнопками Horizontal
Align Center (Выровнять по горизонтали относительно центра) и Vertical Align Center (Выровнять по
вертикали относительно центра) палитры Align (Выравнивание). Выделите все квадраты, дважды
щелкните на инструменте Blend и в открывшемся окне параметров в списке Spacing (Разбивка)
установите вариант Specified Steps (Заданные шаги) со значением 2. После этого инструментом Blend
последовательно свяжите все внешние вершины квадратов (рис. 45). Результат может напоминать рис. 46.
Рис. 45. Внешний вид исходного изображения с выделенными инструментом Direct Selection
связываемыми вершинами
А теперь более сложный пример. Нарисуйте серию окружностей (рис. 47), стараясь разместить каждую
из окружностей в точке перегиба будущей blend-траектории. Если сразу точно определить нужные
положения исходных окружностей вам не удастся (вы это поймете после создания промежуточных
объектов), то ничего страшного — в любой момент каждый из исходных объектов можно переместить.
Выделите все круги, дважды щелкните на инструменте Blend и в открывшемся окне параметров в списке
Spacing (Разбивка) установите вариант Specified Steps (Заданные шаги) со значением шага равным 5. А
затем последовательно, начиная с верхней окружности, инструментом Blend свяжите верхние узловые
точки всех окружностей, а для достижения большего эффекта наложите тень. Возможно, полученный в
итоге результат будет походить на тот, что представлен на рис. 48.
А теперь посмотрим, как, используя в качестве исходных для создания blend-связи более двух объектов,
можно осуществлять преобразования в дальнейшем не над всеми «живыми» объектами, а только над
определенными из них. Нарисуйте линию инструментом Line Segment (Линейный сегмент), затем
создайте две ее копии, раскрасьте их в разные цвета и разместите на одном уровне, щелкнув на кнопке
Vertical Align Center (Выровнять по вертикали относительно центра) палитры Align (Выравнивание), и
на одинаковом расстоянии друг от друга, щелкнув на кнопке Vertical Distribute Top (Распределить от
верхнего объекта по вертикали) той же палитры (рис. 49). Выделите все отрезки, дважды щелкните на
инструменте Blend и в открывшемся окне параметров в списке Spacing (Разбивка) установите вариант
Specified Steps (Заданные шаги) со значением 4. А затем последовательно, начиная с первого отрезка,
инструментом Blend свяжите верхние узловые точки всех отрезков (рис. 50). После этого инструментом
Direct Selection выделите все отрезки, кроме крайних, и, дважды щелкнув на инструменте Rotate
(Поворот), поверните их на 90°. Результат представлен на рис. 51.
Рис. 55. Внешний вид векторного объекта после наложения эффекта Twist
Выделите инструментом Direct Selection второй круг, скопируйте его в буфер обмена, вставьте из
буфера, перетащите на подходящее место и слегка уменьшите размер круга. Затем активизируйте
инструмент Blend и свяжите верхние узловые точки второго и третьего кругов (рис. 59). При
необходимости вновь скорректируйте заливку. Потом вновь сделайте копию последнего круга, уменьшите
ее размер и свяжите ее с предыдущим кругом (рис. 60 и 61) и т.д. Интересный эффект получается при
добавлении границы к созданному сложному blend-объекту, что можно сделать на любом этапе работы
(рис. 62).
Рис. 62. Внешний вид поверхности из усеченных конусов с установленной для промежуточных объектов
границей
Инструмент Blend поможет в ряде случаев обойтись и без использования градиентной сетки. Для
иллюстрации этого попробуем создать имитацию кнопки с бликом. Нарисуйте закрашенный круг, а затем
для создания блика внутри него сформируйте еще один круг, но уже белого цвета (рис. 63). Выделите оба
круга, дважды щелкните на инструменте Blend, установите для него параметры (рис. 64) и свяжите
правые узловые точки кругов (рис. 65). После этого останется лишь наложить тень — также с
применением blend-эффекта. Для этого сделайте копию большого круга, залейте ее черным цветом,
увеличьте ее на 2-3 пиксела, разместите поверх кнопки и отправьте на задний план, нажав правую кнопку
мыши и выбрав команду Arrange=>Send To Back (Упорядочить=>Отправить назад). Выделите оба
больших круга и свяжите их инструментом Blend при тех же параметрах. В итоге получите кнопку,
напоминающую представленную на рис. 66.
Рис. 63. Исходный круг-кнопка с заготовкой для блика в виде маленького белого круга
Напрямую использовать данный файл для создания анимации невозможно, так как изображение
находится на одном-единственном слое (рис. 75). Поэтому предварительно потребуется разместить
каждую кривую blend-объекта на отдельном слое. Для этого в окне Layers выделите строку <Blend>,
активизируйте меню палитры, щелкнув на черной стрелке в ее правом верхнем углу, и выберите команду
Release to Layers Sequence (Превратить в слои последовательно) (рис. 76). Удерживая клавишу Shift,
выделите созданные слои и разместите их над слоем Layer 1, а затем удалите слой Layer 1, переместив
его в корзину. В итоге палитра слоев примет такой вид, как на рис. 77.
соответствии с рис. 78. Откройте созданный psd-файл в программе ImageReady (рис. 79). Обратите
внимание, что в окне слоев появятся все созданные в программе Illustrator слои (рис. 80), а в окне
Animation будет пока один-единственный кадр.
Активизируйте меню палитры Animation, щелкнув на черной стрелке в правом верхнем углу
палитры, и выберите команду Make Frames From Layers (Создать кадры из слоев) — в результате у вас
появятся 52 кадра (количество кадров в каждом случае будет разное), а окно палитры Animation примет
вид в соответствии с рис. 81. Выделите все кадры, удерживая клавишу Shift, и установите подходящую
длительность кадров (в данном примере для всех кадров взято одно и то же время — 0,1 с). Затем
сохраните файл с оптимизацией с помощью команды File>Save Optimized (Файл=>Сохранить с
оптимизацией), установив в списке Тип файла вариант Images Only (*.gif). Анимация будет напоминать
изображение на рис. 82.
VI
23 урока по Adobe Illustrator CS2
Прозрачность и маскирование в Adobe Illustrator 175
Рис. 3. Окончательный внешний вид фотографии после настройки прозрачности отдельных объектов
только к отдельному объекту, но также к группе или к слою и в сочетании с уровнем прозрачности
позволяют добиться нужного эффекта видимости объекта.
При втором варианте необходимо восстановить значение прозрачности до 100%. Для этого вначале
сгруппируйте оба выделенных цветка командой Object=>Group (Объект=>Группировка), что
автоматически приведет к включению флажка Knockout Group (Группа с удаленным фоном) в палитре
Transparency. Затем вновь измените непрозрачность, установив значение параметра Opacity
(Непрозрачность) равным 70%. В итоге объекты станут прозрачными по отношению к фону, но не
относительно друг друга (рис. 7). Дело в том, что включение флажка Knockout Group (Группа с
удаленным фоном) в палитре Transparency позволяет удалить (правда, только визуально)
просвечивание полупрозрачных объектов группы, которые перекрывают друг друга в данной группе.
Рис. 10. Внешний вид всего изображения после настройки параметров непрозрачности
Выберите обе группы объектов, затем сгруппируйте их еще раз и установите флажок Isolate Blending
(Изолировать режим наложения) в палитре Transparency — это позволит изолировать объекты при
установке для них режима смешивания. В итоге в отношении объектов, входящих в группу, будет
применен режим смешивания цветов, а все остальные объекты (в данном случае — одна единственная
звездочка на зеленом цветке) будут проигнорированы (рис. 11). Имейте в виду, что флажок Isolate
Blending (Изолировать режим наложения) имеет смысл использовать только в тех случаях, если речь
идет о режимах смешивания цветов, отличных от режима Normal (Нормальный).
Рис. 16. Настройка непрозрачности прямоугольника в палитре Transparency после заливки радиальным
градиентом
Рис. 17. Внешний вид изображения после заливки прямоугольника градиентом и изменения
непрозрачности в режиме Normal
Рис. 18. Внешний вид изображения после заливки прямоугольника градиентом и изменения
непрозрачности в режиме Screen
подвергнуть дальнейшему редактированию, например сделать обводку (рис. 28), наложить подходящий
фильтр (рис. 29) и пр.
Рис. 36. Внешний вид изображения, полученного на основе двух совмещенных контуров, предварительно
залитых текстурой
Рис. 44. Окно палитры Layers с выделенными вторым кругом и вторым прямоугольником
Под конец, чтобы изображение стало более эффектным, выделите на палитре Layers три нижних
круга и наложите на них тень командой Effect=>Stylize=>Drop Shadow
(Эффект=>Стилизация=>Тень), а затем оформите фон под кругами градиентом, для чего потребуется
создать новый слой Layer 2. С этой целью активизируйте слой Layer 1, откройте меню палитры Layers и
выберите команду New Layer (Новый слой) — в результате над слоем Layer 1 появится слой Layer 2.
Нарисуйте на нем прямоугольник (это приведет к тому, что круги окажутся под прямоугольником и будут
невидимыми), который будет играть роль фона, залейте его подходящим градиентом и наложите тень
командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Тень). Чтобы круги расположились
поверх прямоугольника-фона, поменяйте слои Layer 1 и Layer 2 местами, перетащив один на другой в
палитре Layers (рис. 46). Возможно, что изображение примет примерно такой вид, как показан на рис.
47.
Рис. 50. Палитра Transparency — слева пиктограмма изображения, справа пиктограмма маски
Рис. 53. Результат добавления нового объекта в виде рамки поверх маскированного изображения
В итоге верхний объект станет маской, а его заливка в режиме оттенков серого цвета будет влиять на то,
в какой степени будет видна та или иная область лежащего под ним изображения. Например, полная
заливка маски белым цветом приведет к тому, что фрагменты изображения в пределах маски будут видны
полностью, при черной маске маскированные объекты будут невидимы, а использование градиентной
черно-белой маски приведет к тому, что маскированные объекты будут проявляться там, где начинается
белая область, и постепенно исчезать там, где градиент становится черным. Кроме того, создавать маску
полупрозрачности можно с использованием любых градиентных заливок, градиентных сеток и даже
декоративных заливок.
Стоит отметить, что вышеприведенное правило относительно цвета маски и видимости объектов
неоднозначно. Так, включение флажка Invert Mask (Инвертировать маску) в палитре Transparency
приведет к тому, что черно-белый эффект инвертируется и черные области становятся прозрачными, а
белые, наоборот, непрозрачными (рис. 54); включение/выключение же флажка Clip (Обрезка) позволяет
менять местами маскированные и немаскированные области.
Рис. 56. Внешний вид объекта? на основе которого будет создана полупрозрачная маска
Создайте маску с помощью команды Make Opacity Mask (Создать полупрозрачную маску) из меню
палитры Transparency. В результате изображение станет напоминать рис. 57, а в палитре Transparency
появится пиктограмма созданной маски (рис. 58). А теперь попробуйте отредактировать маску: выделите
ее, щелкнув на пиктограмме в палитре Transparency при нажатой клавише Alt, воспользуйтесь эффектом
Inner Glow (Effect=>Stylize=>Inner Glow — (Эффект=>Стилизация=>Внутренний свет) и добавьте
подходящую тень (Effect=>Stylize=>Drop Shadow — Эффект=>Стилизация=>Тень). Возможно, что
изображение станет напоминать рис. 59.
Рис. 62. Внешний вид текстурного текста, вырезанного из фотографии с помощью полупрозрачной
маски
В заключение попытайтесь придать тексту эффект объемности. Для этого выделите текст и сделайте его
копию в буфер обмена командой Edit=>Copy (Редактирование=>Копировать). Затем вставьте копию из
буфера при помощи команды Edit=>Paste in Front (Редактирование=>Вставить на передний план) для
того, чтобы исходное изображение и его копия оказались наложенными друг на друга. Затем слегка
переместите нижнюю копию текста вправо и вниз и на палитре Transparency уменьшите ее
прозрачность со 100% примерно до 50-40%. Полученный текстурный текст будет похож на тот, что
представлен на рис. 64.
Не менее интересный результат может быть получен при градиентной заливке текста (рис. 65). При
этом для формирования в самом конце эффектной тени перед созданием маски скопируйте созданный
текст в буфер обмена, а затем создайте маску обычным образом — в таком случае после создание маски
палитра Transparency будет иметь тот же вид, что представлен на рис. 66, а текст будет напоминать рис.
67.
Рис. 67. Внешний вид текстурного текста на основе градиентной полупрозрачной маски
Разблокируйте слой Layer 2, выделите инструментом Selection оба нижних слоя и создайте маску с
помощью команды Make Opacity Mask (Создать полупрозрачную маску) из меню палитры
Transparency при включенных флажках Clip (Обрезка) и Invert Mask (Инвертировать маску). Для
проверки маски временно включите режим Transparency Grid (Сетка прозрачности) командой
View=>Show Transparency Grid (Вид=>Показать сетку прозрачности), и вы увидите, что круг
просвечивает в своей центральной части (рис. 79, 80).
Рис. 80. Внешний вид окружности после создания маски при включенном режиме Transparency Grid
маску командой Make Opacity Mask (Создать полупрозрачную маску) и настройте параметры
прозрачности в соответствии с рис. 83. Полученная кнопка будет напоминать ту, что представлена на рис.
84.
Последним штрихом может стать добавление черной тени справа и снизу от кнопки. Для ее создания
поверх слоя Layer 3 создайте новый слой Layer 4, скопируйте окружность со слоя Layer 1 в буфер
обмена и вставьте ее на слой Layer 4 командой Edit=>Paste (Редактирование=>Вставить). Затем удалите
заливку окружности, сделайте вокруг нее черную границу толщиной в 4 пиксела, размойте ее по Гауссу с
параметров размытия в 5 пикселов (команда Effect>=Blur>=Gaussian Blur —
Эффект>=Размытие>=Размытие по Гауссу) и переместите ее с небольшим смещением вправо и вниз в
отношении созданной кнопки (рис. 85).
VII
23 урока по Adobe Illustrator CS2
214 Работа с текстом в Adobe Illustrator
Выберите инструмент Vertical Type Tool (Текст по вертикали) и введите текст (рис. 4). В данном
случае необходимо, чтобы текст читался снизу вверх, а не сверху вниз, как получается по умолчанию.
Поэтому поверните текст на 180°, щелкнув на нем правой кнопкой и выбрав команду
Transform=>Rotate (Трансформация=>Поворот), а затем вызовите панель Character (Гарнитура).
Чтобы открыть данную панель, выделите текст, щелкните правой кнопкой мыши и выберите команду
Size=>Other (Размер=>Другие) — панель откроется, но в сокращенном варианте. Можно открыть ее и
нажатием комбинации клавиш Ctrl+T. Чтобы увидеть все опции в палитре Character, щелкните на
кнопке Show Options (Показать опции), находящейся в правом верхнем углу панели. Выберите шрифт и
его размер (рис. 5), а затем отформатируйте созданный текст, перейдя на вкладку Paragraph (Абзац) и
щелкнув на кнопке Align Center (Выровнять по центру) (рис. 6). Результат может напоминать рис. 7.
Вполне возможно, что набранный текст окажется неудачно расположенным на кривой. Поправить
ситуацию очень просто — выберите инструмент Direct Selection, установите мышь на
перпендикулярный отрезок в начале текста и перемещайте текст по пути, удерживая нажатой левую
кнопку мыши (рис. 10).
Path Type Tool, щелкните в любом месте на границе окружности, наберите нужный текст и
откорректируйте его параметры и положение. Возможно, результат будет выглядеть так же, как на рис. 13.
Рис. 13. Внешний вид кнопки с текстом, расположенным по окружности над кнопкой
С таким же успехом текст можно разместить по контуру и внутри кнопки — для этого достаточно
уменьшить размеры окружности-контура и переместить ее нужным образом (рис. 14). А можно пойти и
другим путем. Для перемещения текста относительно кривой существует специальная опция Baseline
Shift (Смещение относительно основной линии) в панели Character — достаточно установить для опции
Baseline Shift отрицательное значение и текст будет смещен по другую сторону кривой. Правда, для того,
чтобы текст смотрелся пропорционально по отношению к кнопке, в той же панели Character нужно
уменьшить его размер (рис. 15). Результат будет выглядеть так же, как и в предыдущем случае. В палитре
Character имеются и другие интересные возможности изменения положения текста — можно, например,
изменить расстояние между символами, отредактировав значение в окне Tracking (Трекинг) (рис. 16).
Рис. 14. Внешний вид кнопки с текстом, расположенным по окружности внутри кнопки
Рис. 16. Увеличение межбуквенного расстояния — внешний вид кнопки и состояние панели Character
Иногда бывает необходимо, чтобы текст располагался не в верхней части окружности, а в нижней. Если
просто его повернуть, то текст окажется стоящим вверх ногами. Чтобы получить нормальное положение
текста, выделите его инструментом Selection и перетащите отрезок, отмечающий начало текста, так,
чтобы текст разместился нужным образом (рис. 17). При желании несложно расположить текст и внутри
кнопки, изменив значение в поле Baseline Shift (Смещение относительно основной линии) — в данном
примере подошло значение равное 9,15 пикселов. В итоге кнопка стала напоминать ту, что показана на
рис. 18.
Рис. 21. Внешний вид текста по спирали с эффектом уменьшения размера текста
Очевидно, что размер выноски был выбран неудачно для данного текста, поэтому последовательно
выделите каждую из выносок — пустую с черной границей и выноску с текстом без границы — и измените
их размеры (рис. 25). Затем разместите текст по центру, вызвав нажатием комбинации клавиш Ctrl+T
панель Character, перейдите на вкладку Paragraph и щелкните на кнопке Align Center (Выровнять по
центру) (рис. 26). И напоследок подберите более подходящий шрифт и заливку для копии выноски и
наложите тень командой Effect=>Stylize=>Drop Shadow (Эффект=>Стилизация=>Наложение тени).
Возможно, в итоге ваша выноска будет походить на ту, что представлена на рис. 27.
Рис. 33. Положение исходного текста и его копии относительно друг друга
Последовательно разбейте обе копии текста на отдельные векторные контуры, каждый раз выделяя
нужную копию текста и применяя команду Type=>Create Outlines (Тип=>Создать контур), — эта
операция позволяет перевести текст в кривые и тем самым создать отдельные векторные контуры для
каждой буквы (рис. 34). Выделите обе копии текста инструментом Direct Selection, затем дважды
щелкните на инструменте Blend (Связь) и в открывшемся окне параметров установите blend-опции
примерно как на рис. 35. Свяжите верхние левые узловые точки первых букв копий текста. В итоге две
независимые копии текста станут внешне единым трехмерным объектом, примерно таким, как
представлен на рис. 36.
Рис. 34. Результат создания отдельных векторных контуров для каждой буквы
Рис. 38. Результат заливки текста градиентом (внешний вид текста и параметры настройки панели
Gradient)
Чтобы буквы выглядели более эффектно, неплохо обвести их, воспользовавшись командой
Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути) при параметрах примерно как на рис.
39. Внешний вид текста изменится — буквы станут более широкими, а их граница сгладится (рис. 40). И
напоследок добавьте границу (Stroke) подходящего цвета к внутренним контурам буквы, предварительно
выделив их инструментом Direct Selection при нажатой клавише Shift (рис. 41). Возможно, конечный
результат будет напоминать рис. 42.
Сложнее обстоит дело, если нужно сгенерировать градиентную или текстурную тень. Но и это
возможно, правда не для любого текста такой вариант тени будет смотреться удачно. Для примера
напечатайте произвольный текст, например как на рис. 46. Сделайте копию слоя с текстом, выбрав из
всплывающего меню палитры Layer команду Duplicate Layer (Дублировать слои). Выделите в палитре
слоев нижний слой с текстом — это и будет тень, дважды щелкните на инструменте Shear Tool (Наклон)
и установите параметры наклона текста примерно в соответствии с рис. 47. Результат будет напоминать
рис. 48. После этого превратите текст, лежащий в нижнем слое (предполагаемую тень), в кривые
командой Type=>Create Outlines (Тип=>Создать контур), залейте его подходящим градиентом и при
необходимости немного сместите. Возможно, полученный результат будет напоминать рис. 49.
Выделите надпись, щелкнув на текстовом слое в палитре слоев, активизируйте инструмент Wrinkle
Tool и при параметрах примерно как на рис. 58 два-три раза щелкните на надписи. Если полученный
результат вас не удовлетворит, то отдельные не очень удавшиеся фрагменты букв можно подправить,
выделяя инструментом Direct Selection по одной узловой точке и изменяя ее положение или кривизну.
Результат может напоминать рис. 59. Добавьте к надписи внутреннее свечение, применив команду
Effect=>Stylize=>Inner Glow (Эффект=>Стилизация=>Внутренний свет) при параметрах примерно
как на рис. 60. Вполне возможно, что получившаяся надпись будет напоминать текст, представленный на
рис. 61.
Очень интересных вариантов окантовки текста можно добиться, используя в качестве контура одну из
кистей. Для примера создайте произвольный текст, превратите его в кривые командой Type=>Create
Outlines (Тип=>Создать контур), залейте подходящим градиентом и определите цвет границы (Stroke)
(рис. 69). Сделайте копию слоя с текстом, выбрав из всплывающего меню палитры Layer команду
Duplicate Layer (Дублировать слои). Выделите в палитре слоев нижний слой с текстом и в палитре
Brushes (Кисти) выберите подходящую кисть. В данном примере была использована кисть Dry Lnk.
Вполне возможно, что результат будет напоминать рис. 70.
А теперь попробуем создать текст с градиентной заливкой. Для этого вначале создайте цветной текст с
контрастной границей (рис. 71). Сделайте копию слоя с текстом, выбрав из всплывающего меню палитры
Layer команду Duplicate Layer (Дублировать слои). Выделите в палитре слоев нижний слой с текстом,
установите для него в палитре Stroke (Граница) ширину границы, например, в 6 пикселов (рис. 72).
Превратите текст нижнего слоя в кривые командой Type=>Create Outlines (Тип=>Создать контур), а
затем воспользуйтесь командой Object=>Path=>Outline Stroke (Объект=>Путь=>Обвести границу) —
это даст возможность заливать окантовку любыми градиентами и узорами. Щелкните на окне Stroke в
палитре инструментов и установите подходящий вариант градиентной или узорной заливки для границы.
Полученный в итоге текст представлен на рис. 73. Усилить эффект поможет добавление необычной тени
— для этого воспользуйтесь командой Effect=>SVG Filter=>AI Shadow_1 (Эффект=>SVG
фильтр=>Тень), и текст станет напоминать тот, что представлен на рис. 74.
А теперь рассмотрим еще один вариант. Иногда требуется создать надпись с окантовкой, которая
находится на некотором расстоянии от текста. Рассмотрим, как добиться подобного эффекта. Напечатайте
исходный текст (рис. 75), воспользуйтесь командами Type=>Create Outlines (Тип=>Создать контур), а
затем Object=>Path=>Offset Path… (Объект=>Путь=>Смещение пути) при параметрах примерно как
на рис. 76. Текст станет напоминать тот, что показан на рис. 77. Обратите внимание, что автоматически
обводка получает тот же цвет, что и текст, а в палитре Layer появились дополнительные элементы (рис.
78).
Цвет обводки несложно изменить, если по очереди выделять соответствующие элементы палитры
Layer и менять цвет заливки текста (Fill). Поэтому выделите в палитре Layer слой Path (Путь) для
первой буквы (рис. 79) и смените цвет заливки с черного на белый (рис. 80). Аналогичную операцию
проведите для всех остальных букв (рис. 81).
Выделите обводку текста путем выделения соответствующих слоев в палитре Layer (рис. 82) при
нажатой клавише Shift и сформируйте еще одну обводку командой Object=>Path=>Offset Path…
(Объект=>Путь=>Смещение пути) при тех же параметрах. Результат будет напоминать рис. 83. Не снимая
выделение с текста, измените цвет второй обводки, например выбрав подходящую текстуру из палитры
Swatches (Образцы). Вполне возможно, что текст станет таким, как на рис. 84, а палитра Layer примет
вид в соответствии с рис. 85.
Рис. 82. Выделение слоев с обводкой текста (внешний вид выделенного текста и состояние палитры
Layer)
Рис. 86. Исходное изображение в виде наложенных друг на друга заглавных букв
Для создания слой-маски выделите сформированный прямоугольник и вторую букву (рис. 90) и
примените команду Object=>Clipping Mask=>Make (Объект=>Отсекающая маска=>Создать). В
результате буквы будут пересекаться примерно как на рис. 91.
VIII
23 урока по Adobe Illustrator CS2
248 Искажение и деформация в Adobe Illustrator
А теперь рассмотрим более сложный пример — попытаемся создать фрагмент изображения флага с
помощью эффекта деформации Flag (Флаг). Нарисуйте серию параллельных вертикальных линий одного
цвета (в данном случае зеленого) (рис. 7). Продублируйте их, в полученной копии измените цвет линий
(например, на желтый) и разместите их между зелеными линиями (рис. 8). Выделите все линии
инструментом Selection, дважды щелкните на инструменте Blend (Переход), установите вариант
цветового перехода Smooth Color (Сглаженный цветовой переход) и создайте серию «живых» переходов,
последовательно связывая верхние узловые точки отрезков. Результат будет напоминать рис. 9.
идеи. Поэтому увеличьте количество узловых точек, несколько раз применив команду
Object=>Path=>Add Anchor Points (Объект=>Путь=>Добавить узловые точки), — в данном случае
команда была использована три раза. В итоге число узловых точек увеличится, а исходное изображение
примет такой вид, как на рис. 15.
Рассмотрим еще один простой пример — создание снежинки с применением инструмента Pucker Tool
(Сморщивание). Для начала на черном фоне нарисуйте линию белого цвета толщиной в 4 пиксела (рис.
27). Затем выделите линию и создайте копию, повернув ее на 90?. Для этого нажмите правую кнопку
мыши и из всплывающего меню выберите команду Transform=>Rotate (Трансформация=>Поворот),
укажите угол в 90? и щелкните на кнопке Copy (Копирование). Аналогичным образом создайте еще
несколько линий, чтобы изображение стало напоминать рис. 28. Увеличьте количество узловых точек,
несколько раз применив команду Object=>Path=>Add Anchor Points (Объект=>Путь=>Добавить
узловые точки) — изображение примет такой вид, как на рис. 29.
Дважды щелкните на инструменте Pucker Tool, настройте его параметры (рис. 32) и щелкните в
центре снежинки, которая после этого станет похожей на изображение на рис. 33. Выделите снежинку,
сделайте копию и поверните на 22,5?, а затем уменьшите размеры снежинки и поместите ее, например, на
новогоднюю открытку (рис. 34 и 35).
Теперь с помощью инструмента Bloat Tool (Раздувание) попробуем создать простейший логотип.
Сначала нарисуйте узкий прямоугольник (рис. 36), затем скопируйте его в буфер обмена и четыре раза
вставьте, размещая фигуры друг под другом. Для того чтобы объекты оказались строго друг под другом и
на одинаковом расстоянии друг от друга, выделите их и последовательно щелкните на кнопках
Horizontal Align Center (Выравнивание по горизонтали) и Vertical Distribute Center (Распределение
по вертикали), находящихся на панели Align. Результат будет напоминать рис. 37.
Дважды щелкните на инструменте Bloat, настройте его параметры примерно так, как на рис. 38, и
один раз щелкните им в центре группы прямоугольников (рис. 39 и 40). Напечатайте нужные фрагменты
текста и подберите для них подходящие параметры шрифта (рис. 41), затем выделите верхний текстовый
блок, который должен изгибаться в виде выпуклой вверх дуги, и наложите на него эффект
Effect=>Warp=>Arc (Эффект=>Деформация=>Дуга) при таких параметрах, как на рис. 42. Нижний
текстовый блок должен представлять собой выпуклую вниз дугу. Чтобы добиться этого, скорректируйте
параметры эффекта Arc, поменяв значение опции Bend (Изгиб) с 50 на –50, и наложите его на данный
блок. При желании дополните логотип какими-либо дополнительными элементами, например как на
рис. 43.
Можно попытаться вписать в векторную форму и фотографию (правда, для такой работы подойдут
лишь фотографии, где допустимы пространственные искажения). Откройте фотографию (рис. 51),
сформируйте поверх нее эллипс, выровняйте его относительно исходного изображения (рис. 52) и
впишите исходный рисунок в эллипс при помощи команды Object=>Envelope Distort=>Make with
Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). В итоге
фотография примет такой вид, как на рис. 53.
палитре Layers выделите верхний слой с эллипсом и слой с узором и примените команду
Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в
соответствие с верхним объектом). Результат представлен на рис. 57 — видно, что удалось вписать узор в
форму и вместе с тем сохранить у формы тень, степень непрозрачности, режим смешивания и
градиентную заливку. Улучшить внешний вид и придать блеск полученному изображению можно в
любом редакторе, ориентированном преимущественно на растровую графику, например в Adobe
Photoshop. После небольшого редактирования в этой программе пасхальное яйцо стало напоминать
представленное на рис. 58.
Вначале попытаемся вписать серию линий в обычный эллипс. Нарисуйте поверх линий эллипс без
заливки и границы, а затем центрируйте его относительно серии линий по вертикали и по горизонтали,
выделив вместе с линиями инструментом Selection и последовательно щелкнув на кнопках Horizontal
Align Center (Выравнивание по горизонтали) и Vertical Align Center (Выравнивание по вертикали),
находящихся на панели Align (рис. 60). Не снимая выделения, впишите линии в эллипс командой
Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в
соответствие с верхним объектом). Возможно, результат будет напоминать рис. 61.
Еще более оригинальных форм из линий можно добиться, если затем воспользоваться эффектами
деформации из группы Effect=>Warp (Эффект=>Деформация). Например, наложив стиль Arc, можно
превратить эллипс в яйцо (рис. 62), стиль Twist позволит получить замысловатые изогнутые формы (рис.
63), вариант деформации Fish обеспечит превращение эллипса в рыбу (рис. 64) и т.д.
Рис. 62. Результат наложения деформирующего эффекта Arc — параметры настройки эффекта и
внешний вид изображения
Рис. 63. Результат наложения деформирующего эффекта Twist — параметры настройки эффекта и
внешний вид изображения
Рис. 64. Результат наложения деформирующего эффекта Fish — параметры настройки эффекта и
внешний вид изображения
Рис. 65. Изображение после наложения эффекта Fish и изменения его масштаба
Интересные деформации получаются и при вписывании той же группы линий в другие формы,
например в звезду (рис. 68 и 69) или в спираль (рис. 70 и 71). Созданные в результате подобных
деформаций формы могут служить исходным материалом для создания более сложных изображений.
Так, на основе серии линий, вписанных в спираль, был создан цветок, показанный на рис. 72.
Очевидно, что пока вписанный текст выглядит не слишком хорошо — явно требуется откорректировать
его положение и центрировать. Кроме того, возможно, следует изменить размер и цвет шрифта и т.п.
Однако напрямую данные операции окажутся недоступными, поэтому, чтобы текст стал доступен для
редактирования, примените команду Object=>Envelope Distort=>Edit Contents (Объект=>Искажать
по огибающей=>Редактировать содержание). Если нужно изменить параметры шрифта, то из командного
меню Window (Окно) вызовите панель Character (Гарнитура) и внесите требуемые изменения. Затем
для центрирования текста перейдите на вкладку Paragraph (Абзац) и щелкните на кнопке Align Center
(Выровнять по центру). И под конец скорректируйте положение текста относительно формы, переместив
его инструментом Direct Selection. В итоге изображение станет похоже на то, что показано на рис. 76.
Намного сложнее вписать текст не в форму, а в специально созданные для этой цели контейнеры, на
которые разбита форма. Рассмотрим и этот вариант. Как и в предыдущем случае, сначала создайте
базовую форму (рис. 77). Продублируйте слой с формой командой Duplicate (Дублировать) из
всплывающего меню палитры Layers. Активизируйте слой Layer 1. Для того чтобы разделить форму на
контейнеры, при помощи инструмента Pen (Перо) создайте линии, которые будут определять границы
разбиения формы. Увеличьте толщину границы каждой линии — в данном примере толщина обводки
линий составляет 2 пункта, потому что желаемая ширина разрыва между блоками текста равна 2 пунктам.
Изображение станет напоминать представленное на рис. 78.
Рис. 78. Исходная базовая форма с нарисованными поверх нее линиями разделения на контуры
Рис. 81. Состояние палитры Layers после разбиения базового объекта на контуры
С помощью текстового инструмента Type Tool создайте по одному текстовому объекту для каждого
контейнера базовой формы (рис. 82). Выделите верхний контейнер и верхний фрагмент текста при
нажатой клавише Shift и примените команду Object=>Envelope Distort=>Make with Top Object
(Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) — выделенный
текстовый фрагмент окажется вписанным в соответствующий контейнер. Затем аналогичную операцию
проведите в отношении всех остальных текстовых объектов, поместив их в созданные для них
контейнеры. После этого при необходимости откорректируйте положение текста, предварительно
применив команду Object=>Envelope Distort=>Edit Contents (Объект=>Искажать по
огибающей=>Редактировать содержание). Вполне вероятно, что у вас получится примерно такой
результат, как на рис. 83.
Контуры, в которые вписывается текст, могут быть любой формы, представлять собой выноски, формы
для логотипов и пр. и иметь соответствующую создаваемому образу текстурную заливку (или какую-то
иную — в виде подходящего фонового изображения и т.п.). Правда, реализовать все это на практике
гораздо сложнее. Рассмотрим конкретный пример. Предположим, нам необходимо вписать некий
документ в форму, заполненную текстурой (которой, естественно, нет в списке доступных заливок и
которая представляет собой обычное растровое изображение). Вписать текст в форму или заполнить
форму текстурой по отдельности не составляет труда, а вот вписать в форму одновременно и текстуру, и
текст не удастся. Поэтому данные операции придется выполнять отдельно и в разных документах, а потом
объединить все в одном файле.
Откройте текстуру для документа (рис. 84). Создайте новый слой Layer 2 и нарисуйте поверх текстуры
прямоугольную векторную область (рис. 85); при этом палитра слоев станет выглядеть в соответствии с
рис. 86. Скопируйте прямоугольник в новый документ и вновь вернитесь к документу с текстурой.
Выделите прямоугольник и текстуру при нажатой клавише Shift и примените команду Object=>Envelope
Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с
верхним объектом) — текстура окажется вписанной в прямоугольную область (рис. 87). После этого
деформируйте прямоугольник командой Effect=>Warp=>Inflate (Эффект=>Деформация=>Надувание),
придав ему вид выпуклого бумажного свитка (рис. 88) и увеличьте его высоту, поскольку там планируется
разместить довольно большой текст (рис. 89).
скопируйте данный образец в буфер обмена, переключитесь обратно в программу Illustrator и при
активном инструменте Type Tool воспользуйтесь командой Edit=>Paste (Редактирование=>Вставить) —
текст окажется вставленным в единый текстовый блок в программе Adobe Illustrator. Обратите внимание,
что в случае вставки текста из буфера обмена он окажется напечатанным в одну очень длинную строку.
Поэтому переместите текст на прямоугольную область, чтобы верхние левые границы текста и области
совпали, и клавишей Enter вручную поделите строки в тех местах, где, на ваш взгляд, такое деление будет
наиболее удачным (иначе текст будет вписан совершенно неприемлемым образом). Возможно, что
результат ваших действий будет напоминать рис. 90. Поменяйте местами слои с текстом и формой для
вписывания, а затем воспользуйтесь командой Object=>Envelope Distort=>Make with Top Object
(Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) — текст окажется
вписанным в прямоугольную область (рис. 91).
Выделите инструментом Selection созданную форму и исходное растровое изображение газеты при
нажатой клавише Shift и воспользуйтесь командой Object=>Envelope Distort=>Make with Top
Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) — газетный
лист окажется вписанным в созданный контейнер (рис. 98) и будет напоминать смятую газету.
IX
23 урока по Adobe Illustrator CS2
Работа с символьными объектами в Adobe Illustrator 299
Стоит отметить, что использование в изображениях символьных объектов имеет немало преимуществ:
благодаря тому что символы представляют собой подобные друг другу объекты (это означает, что каждый
элемент в рисунке ссылается на свой оригинальный образец-символ), происходит уменьшение общего
объема изображения, что актуально как при создании web-графики, так и при разработке анимации,
картографических изображений и пр. Кроме того, существенно упрощается работа с изображением,
поскольку любое изменение символа в палитре Symbols автоматически приводит к соответствующему
редактированию всех построенных на его основе графических объектов в изображении, что существенно
ускоряет разработку. Последнее особенно важно для дизайнеров, занимающихся разработкой
картографических объектов — карт, схем и диаграмм, содержащих большое количество однотипных
элементов, играющих роль условных обозначений. Это избавляет дизайнеров от многократных операций
копирования и вставки, а также от редактирования каждого однотипного символа вручную. Технически
весь процесс разработки, например, карты значительно упрощается, а число необходимых шагов
уменьшается. В итоге для создания картографического изображения достаточно разместить
объекты-символы в нужных местах, а все прочие их характеристики можно настроить позже, причем
одновременно для всех задействованных в изображении однотипных элементов.
Входящие в поставку символы находятся в нескольких библиотеках (правда, общее их число не велико
(рис. 3)), а доступ к нужной библиотеке можно получить при помощи команды Window=>Symbols
Library (Окно=>Библиотека символов). Количество символов может быть многократно увеличено как за
счет скачивания необходимых в работе символов из Интернета, так и путем собственноручного создания
новых символов. Собственно говоря, любой объект, группа объектов или изображение в целом может быть
сохранено в качестве символа независимо от того, включает ли оно нарисованные элементы, текст,
внедренные изображения или комбинацию перечисленных элементов. Это очень удобно, так как
позволяет пополнить библиотеку Symbols теми графическими элементами, которые многократно
используются в конкретной разработке.
Если размеры каких-то объектов вас не устраивают, то их легко изменить, выделив конкретный
символьный объект инструментом Selection, что автоматически приведет к заключению объекта в
габаритный контейнер, и откорректировав размер обычным образом — перетаскиванием одного из
маркеров контейнера (рис. 5).
Если необходимо изменить вариант оформления всех или только некоторых символов, то проще всего
воспользоваться одним из встроенных стилей. Для этого выделите редактируемые объекты инструментом
Selection (рис. 6) и щелкните на подходящем стиле в палитре Styles (Стили) — в данном примере был
выбран стиль Blue Goo (рис. 7).
Если ни один из стилей оформления в данной ситуации вам не подходит, тогда потребуется разорвать
связь с символьными элементами палитры Symbols, выделив объекты изображения инструментом
Selection и щелкнув на кнопке Break Link to Symbol (Разорвать связь с символом), находящейся внизу
палитры Symbols. Внешний вид выделенной области тут же изменится — символы окажутся
заключенными в габаритные контейнеры и превратятся в обычные векторные объекты (рис. 8). Это будет
означать, что у любого элемента можно будет изменить особенности заливки и границы, например
установив градиентную заливку, и выполнить с ними любые иные преобразования (рис. 9).
После этого возьмем инструмент Symbol Shifter (Сдвиг символов) и перетащим символ в правый
нижний угол (рис. 15). С помощью инструмента Symbol Spinner (Вращение символов) слегка повернем
символьный объект (рис. 16), добавим на передний план еще один символ из библиотеки символов
Nature, для открытия которой воспользуйтесь командой Window=>Symbols Library=>Nature
(Окно=>Библиотека символов=>Природа) (рис. 17). Затем изменим тональность цветов символа-огня
инструментом Symbol Stainer (Тонирование символов) — для этого выделим символ инструментом
Selecton, установим подходящий цвет в окне Fill (Заливка) и щелкнем на символе. В итоге внешний вид
изображения мгновенно изменится: цветовые переходы сохранятся, но тональность их станет другой,
приблизившись к цвету, заданному в окне Fill (рис. 18). Обратите внимание, что при помощи символьных
инструментов можно изменить тональность, но не цвета заливки и не границы символьных объектов —
последнее возможно лишь после осуществления разрыва связи между символом в палитре Symbols и его
копией в изображении (команда Break Link to Symbol — Разорвать связь с символом).
В заключение слегка уменьшим прозрачность символа-огня. Для этого выделим символ, выберем
инструмент Symbol Screener (Прозрачность символов) и изменим вначале его параметры, так как по
умолчанию он очень сильно уменьшает прозрачность. Дважды щелкнем на инструменте Symbol
Screener и снизим интенсивность воздействия инструмента, уменьшив значение в поле Intensity
(Интенсивность) с 8, например, до 2 (рис. 19). Щелкнем на символе огня, и полученный результат может
напоминать рис. 20.
А теперь превратим изображение в карандашный рисунок, изменив стилизацию объектов при помощи
инструмента Symbol Styler (Стилизация символов). Выделите оба символа инструментом Selection,
включите инструмент Symbol Styler, а затем активизируйте нужный стиль — в данном примере был
выбран стиль 1-pt Outside Stroke (рис. 21).
Ничего страшного, если символ, помещенный в палитру, оказался неудачным — его несложно удалить,
выделив в палитре Symbols и щелкнув на кнопке Delete Symbol (Удалить символ) данной палитры.
Следует иметь в виду, что при открытии или создании нового изображения открывшаяся палитра
Symbols будет иметь первоначальный вид, то есть созданные новые символы там будут отсутствовать.
Поэтому необходимо сохранить изображение с новыми символами в палитре обычным образом при
помощи команды File=>Save (Файл=>Сохранить) с расширением *ai. После этого сохраненную палитру
можно будет открывать как соответствующую библиотеку и использовать в работе.
Теперь попробуем воспользоваться созданным символом на примере формирования
картографического изображения. Откройте исходную карту (рис. 25), на которую необходимо добавить в
виде специальных значков места расположения городов и курортов. Откроем палитру Symbols с только
что созданными символами командой Window=>Symbols Library=>Other Library
(Окно=>Библиотека символов=>Другие библиотеки), а затем последовательно разместим голубые кнопки
в местах нахождения городов (рис. 26), зеленые — курортов (рис. 27).
стилизованному зданию окна путем обычного перетаскивания символа окна на здание (рис. 32).
Как уже было сказано, предполагаемая карта-схема будет состоять из совершенно одинаковых зданий,
вследствие чего созданное здание стоит сохранить в виде символа в палитре Symbols, предварительно
выделив его инструментом Selection (рис. 33). После этого приступить к созданию карты уже не составит
труда — достаточно будет вставлять символы-дома в нужные части карты, выравнивать их относительно
центра (кнопка Vertical Align Center палитры Align) и относительно друг друга (кнопки Vertical
Distribute Center и Horizontal Distribute Center палитры Align), добавлять к домам номера, а между
ними создавать улицы и зеленые массивы. Возможно, в начале работы карта-схема будет иметь примерно
такой вид, как на рис. 34.
144) и сформируйте фрагмент стрелки (рис. 35). Перетащите ее в палитру Symbols при нажатой клавише
Shift, чтобы образец на рисунке автоматически превратился в символ — это будет временный символ «
Стрелка». Затем обычным образом уменьшите ее размер, разорвите связь с палитрой Symbols, щелкнув
на кнопке Break Link to Symbol (Разорвать связь с символом), находящейся внизу палитры Symbols, и
добавьте к стрелке, например, границу (можно применить и что-нибудь более интересное — наложить
подходящий фильтр, создать Blend-переход и т.п.). После этого вновь перетащите ее в палитру Symbols, а
временный символ «Стрелка» удалите, выделив его и щелкнув на кнопке Delete Symbol (Удалить
символ) данной палитры (рис. 36). В завершение нарисуйте путь до офиса с применением только что
созданного символа «Стрелка». Не забывайте, что размножать символы быстрее будет не путем
многократного перестаскивания из палитры Symbols, а путем перемещения на рисунке символа при
нажатой клавише Alt. Возможно, что в итоге изображение примет такой вид, как представлен на рис. 37.
Рис. 38. Результат замены нескольких символьных объектов (изображение и палитра Symbols)
Чтобы заменить символ в палитре Symbols его отредактированной версией, выделите измененный
символ, активизируйте исходный символ в палитре Symbols и затем из меню палитры выберите команду
Redefine Symbol (Переопределить символ) (рис. 40) — это приведет к изменению символа в палитре
(рис. 41). Обратите внимание, что если редактирование символа вы производили в изображении, где он
был задействован, — в нашем случае, например, в измененной палитре Symbols (см. рис. 27), то
переопределение символа автоматически приведет не только к его замене в палитре Symbols, но и к
обновлению всех его копий на изображении (рис. 42).
Рис. 42. Картографическое изображение после переопределения символа, использованного ранее для
обозначения курортов, в соответствии с палитрой Symbols
Duis elementum. Nullam a arcu. Vivamus sagittis imperdiet odio. Nam nonummy. Phasellus
ullamcorper velit vehicula lorem. Aliquam eu ligula. Maecenas rhoncus. In elementum eros at elit.
Quisque leo dolor, rutrum sit amet, fringilla in, tincidunt et, nisi.
Donec ut eros faucibus lorem lobortis sodales. Nam vitae lectus id lectus tincidunt ornare. Aliquam
sodales suscipit velit. Nullam leo erat, iaculis vehicula, dignissim vel, rhoncus id, velit. Nulla facilisi.
Fusce tortor lorem, mollis sed, scelerisque eget, faucibus sed, dui. Quisque eu nisi. Etiam sed erat id
lorem placerat feugiat. Pellentesque vitae orci at odio porta pretium. Cras quis tellus eu pede auctor
iaculis. Donec suscipit venenatis mi.
Aliquam erat volutpat. Sed congue feugiat tellus. Praesent ac nunc non nisi eleifend cursus. Sed nisi
massa, mattis eu, elementum ac, luctus a, lacus. Nunc luctus malesuada ipsum. Morbi aliquam,
massa eget gravida fermentum, eros nisi volutpat neque, nec placerat nisi nunc non mi. Quisque
tincidunt quam nec nibh sagittis eleifend. Duis malesuada dignissim ante. Aliquam erat volutpat. Proin
risus lectus, pharetra vel, mollis sit amet, suscipit ac, sapien. Fusce egestas. Curabitur ut tortor id
massa egestas ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Donec fermentum. Curabitur ut ligula ac ante scelerisque consectetuer. Nullam at turpis
quis nisl eleifend aliquam. Sed odio sapien, semper eget, rutrum a, tempor in, nibh.
После этого выберите инструмент Symbol Sprayer и украсьте изображение, распылив по рисунку
снежинки, — это несложно, тем более что технология работы с Symbol Sprayer очень напоминает работу
с распылителем в любом графическом пакете. Вполне возможно, что часть снежинок окажется за
пределами рисунка (рис. 47), — в этом случае выделите инструментом Selection всю группу снежинок и
измените ее размеры обычным образом (рис. 48).
Рис. 47. В результате распыления символов инструментом Symbol Sprayer часть снежинок оказалась
вне рисунка
Если параметры настройки инструмента Symbol Sprayer вас не устраивают (по умолчанию для всех
его настроек берутся средние значения), то их несложно скорректировать, дважды щелкнув на
инструменте и внеся соответствующие корректировки в окне Symbolism Tool Options. Будем считать,
например, что нас не устраивает цвет снежинок и плотность их расположения. Для изменения цвета, а
точнее для того, чтобы символы создавались с учетом цвета, выбранного в окне Fill (Заливка), в списке
Stain (Окрашивание) потребуется установить вариант User Defined (Определенный пользователем). А
для увеличения плотности следует увеличить значение параметра Symbol Set Density (Плотность
набора символов), например, как на рис. 49. Результат может напоминать рис. 50.
Рис. 50. После создания дополнительных символьных объектов снежинки распыляются более плотно и
имеют более темный оттенок в соответствии с цветом, установленным в окне Fill (Заливка)
Дополним изображение, распылив еще несколько групп символов травы, и добавим два символьных
объекта в виде камней. Переместим последние под траву — для этого потребуется выделить каждый из
объектов, щелкнуть на нем правой кнопкой мыши и выбрать команду Arrange=>Send Backward (
Переместить=>Переместить назад) (рис. 55).
Рис. 55. Изображение после добавления нескольких групп символов и двух единичных символов
Сделаем траву в правом нижнем углу изображения потемнее с помощью инструмента Symbol Stainer
(Тонирование символов). Выделим соответствующую группу символов инструментом Selecton,
установим темно-зеленый цвет в окне Fill (Заливка) и щелкнем на группе символов (рис. 56) — для
большего эффекта можно поперемещать мышь по символьной группе, что приведет к дальнейшему
постепенному перекрашиванию символов. В результате символы травы сохранятся, но их цветовой тон
изменится в соответствии с цветом, определенным в окне Fill (рис. 57).
Рис. 56. Воздействие инструментом Symbol Stainer (Тонирование символов) на группу символов
После этого осветлим траву в левом верхнем углу. Это можно сделать как вышеописанным способом,
предварительно установив в палитре светло-зеленый цвет, так и изменяя степень прозрачности
соответствующей группы символов инструментом Symbol Screener (Прозрачность символов).
Воспользуемся вторым способом, то есть выделим группу символов и щелкнем на группе (или проведем
по ней — от этого зависит, сколько символов и в какой степени будут подвержены воздействию)
инструментом Symbol Screener (рис. 58). Возможно, что после преобразований изображение станет
походить на рис. 59.
Рис. 58. Воздействие инструментом Symbol Screener (Прозрачность символов) на группу символов
X
23 урока по Adobe Illustrator CS2
Штриховка изображений в Adobe Illustrator 351
но и на включение флажка Keep Object’s Fill Color (Сохранить цвет заливки объекта) — это обеспечит
нанесение штриховки поверх заливки, что в результате позволит сохранить эффект пересечения букв,
ранее сымитированный в тексте при помощи отсекающей маски. Полученный текст представлен на рис.
10, и, конечно, можно оставить его и в таком виде, но лучше изменить цвет штрихов. Для этого выделите
на палитре Layers слой со штриховкой и измените цвет границы в окне Stroke (Граница) на
светло-голубой. Изображение станет напоминать рис. 11.
Рис. 10. Текстурный текст после наложения фильтра Hatch Effects вместе с палитрой Layers
ridiculus mus. Donec fermentum. Curabitur ut ligula ac ante scelerisque consectetuer. Nullam at turpis
quis nisl eleifend aliquam. Sed odio sapien, semper eget, rutrum a, tempor in, nibh.
Рис. 27. Результат изменения изображения после корректировки цвета заливки и цвета границы
Результат штриховки может быть и совершенно иным: например, при штриховке можно сохранить
имеющуюся на фотографии цветовую гамму. Способов такой штриховки два — либо штриховать
дублирующий слой с копией изображения, либо штриховать изображение после его постеризации. В
первом случае конечное изображение будет по-прежнему напоминать фотографию, а во втором станет
походить на плакат.
Вначале на примере того же рис. 24 рассмотрим первый вариант. Создайте копию исходного слоя,
выбрав команду Duplicate Layer (Дублировать слой) из всплывающего меню палитры Layers. Выделите
в палитре Layers дублирующий слой и воспользуйтесь командой Filter=>Pen&Ink=>Photo
Crosshatch (Фильтр=>Перо и тушь=>Штриховка фотографий) при параметрах, указанных на рис. 28. В
данном случае мы взяли довольно большое значение плотности штриховки (Density), ограничились
одним уровнем штриховки и исключили светлые области изображения, соответствующим образом
настроив параметры гистограммы. Результат представлен на рис. 29.
А теперь — второй. Откройте все то же исходное изображение (см. рис. 24) в программе Adobe
Photoshop, установите цветовую модель CMYK (команда Image=>Mode=>CMYK Color —
Изображение=>Режим=>CMYK). Придайте изображению вид плаката при помощи команды
Image=>Adjustmens=>Posterize (Изображение=>Настройки=>Оконтуривание). При включенной
опции Preview (Предварительный просмотр) попробуйте разные варианты оконтуривания изображения
— в данном примере был выбран вариант с 10 уровнями (рис. 30). Стоит иметь в виду, что разные
изображения требуют различных параметров и число уровней каждый раз определяется по визуальному
восприятию. Сохраните файл в формате Photoshop.
Откройте созданное изображение в программе Illustrator. Создайте копию слоя с изображением, затем
выделите изображение на дублирующем слое и воспользуйтесь командой Filter=>Pen&Ink=>Photo
Crosshatch (Фильтр=>Перо и тушь=>Штриховка фотографий) при параметрах, показанных на рис. 31.
Обратите внимание, что при постеризации в поле Hatch Layers (Количество слоев штриховки) было
выбрано три уровня штриховки — в соответствии с количеством базовых цветовых уровней в
изображении. Полученное изображение будет напоминать рис. 32. Если вам покажется, что черная
штриховка смотрится несколько грубовато, то, выделив слой со штриховкой, можно изменить цвет
штрихов в окне Stroke (рис. 33).
ridiculus mus. Donec fermentum. Curabitur ut ligula ac ante scelerisque consectetuer. Nullam at turpis
quis nisl eleifend aliquam. Sed odio sapien, semper eget, rutrum a, tempor in, nibh.
Кроме того, для реализации своих творческих замыслов вы можете создавать новые виды штрихов или
штриховые стили на основании отрезков или дуг, которым соответствует список Hatch (Штрихи) эффекта
Hatch Effects (Эффекты штриховки). Для этой цели предназначена команда New Hatch (Новая
штриховка) из меню Filter=>Pen&Ink (Фильтр=>Перо и тушь). Вначале необходимо вручную создать
новый вид штрихов, например как на рис. 39. Затем воспользуйтесь командой Filter=>Pen&Ink=>New
Hatch (Фильтр=>Перо и тушь=>Новая штриховка), щелкните на кнопке New (Новый) и введите имя
нового штрихового стиля, который сразу же появится в окне предварительного просмотра (рис. 40).
По умолчанию все созданные штриховые элементы сохраняются в файле Pen And Ink.aip,
находящемся в папке \Plug-ins\Illustrator Filters\Pen and Ink. Это удобно, если число используемых
вами индивидуальных штриховок невелико, но в случае большого количества вариантов штриховых
элементов, применяемых в разных проектах, лучше сохранять отдельные наборы штриховок в разных
библиотеках в соответствии с целями их использования.
Сохранение набора штриховок в качестве библиотеки осуществляется командой Library Save As
(Сохранить библиотеку) из меню Filter=>Pen&Ink (Фильтр=>Перо и тушь), а открытие библиотеки —
командой Filter=>Pen&Ink=>Library Open (Фильтр=>Перо и тушь=>Открыть библиотеку).
XI
23 урока по Adobe Illustrator CS2
378 Деловая графика в Adobe Illustrator
· Radar (Радар) — так называемая паутинная диаграмма, которая обычно применяется для
отображения сравнительных значений во времени или по категориям.
Сначала может показаться, что девять типов диаграмм — это не слишком много, но это совсем не так —
разнообразие диаграмм, которые можно построить на их основе, может удовлетворить самого
взыскательного дизайнера. Количество же возможностей столь велико, что рассмотреть их в рамках
статьи совершенно нереально, поэтому мы остановимся лишь на основных и наиболее интересных
моментах.
· для построения диаграммы Area требуется не менее двух строк данных — они могут быть как
положительными, так и отрицательными; каждая строка данных интерпретируется как
отдельная заполненная область;
· у диаграммы Pie вводят только одну строку данных — только положительных или только
отрицательных; при вводе большего числа строк для каждой строки формируется отдельная
диаграмма меньшего размера;
· при построении диаграммы Radar метки для осей вводят в первый столбец, а числовые
данные — в следующие столбцы; каждая метка интерпретируется как отдельная ось, а каждое
числовое значение отмечается на своей числовой оси и пересекается с другими, образуя
своеобразную паутину.
Прежде всего рассмотрим вариант ручного ввода данных и для примера попробуем построить
диаграмму типа Column. На панели инструментов выберите данный тип диаграммы, очертите
прямоугольную область для диаграммы, введите числовые данные для самих столбцов (рис. 4), щелкните
на кнопке Apply (Применить) и закройте таблицу с данными. В итоге вы получите диаграмму без
подписей и заголовка (рис. 5).
Область диаграммы можно определять и по-другому — следует выбрать тип диаграммы на палитре
инструментов, дважды щелкнуть на рабочей области и ввести значения Width (Ширина) и Height
(Высота) в окне Graph (Диаграмма) (рис. 6).
Данные для диаграммы вводить вручную не обязательно — их можно скопировать из других программ,
работающих с табличными данными, например из Excel, через буфер обмена или импортировать.
Выделите всю диаграмму инструментом Selection (Выделение), вызовите таблицу данных при помощи
команды Data (Данные) из меню Object=>Graph (Объект=>Диаграмма), переключитесь в имеющуюся
таблицу с данными (рис. 7), скопируйте данные без заголовков в буфер обмена обычным образом,
вернитесь обратно в программу Illustrator, установите курсор в таблице на первую ячейку первого столбца
и вставьте данные из буфера обмена командой Edit=>Paste (Редактирование=>Вставить). Щелкните на
кнопке Apply (Применить), и тогда диаграмма изменится, но совсем не так, как хотелось бы — вместо
того, чтобы оказаться в легенде, подписи данных будут находиться под столбцами горизонтальной оси.
Чтобы исправить положение, транспонируйте строки и столбцы, щелкнув на кнопке Transpose
row/column (Транспозиция строк/столбцов), а затем вновь на кнопке Apply (Применить) (рис. 8).
Можно пойти и другим путем и импортировать данные. Но в этом случае придется предварительно
сохранить их в текстовом файле с учетом определенных правил: значения каждой ячейки в строке
должны быть разделены при помощи табуляции, каждая строка должна заканчиваться нажатием
клавиши Enter, в качестве разделителя целой и дробной частей может использоваться только точка. Для
импорта данных в диалоговом окне Graph Data (Данные диаграммы) щелкните на кнопке Import Data
(Импорт данных) и в открывшемся диалоговом окне укажите файл с данными.
1. Если в диаграмме будут фигурировать и легенда, и категории, то левая верхняя ячейка таблицы
не заполняется.
1. Метки, состоящие только из цифр, заключаются в кавычки — иначе они будут восприниматься
программой как числовые данные. Для меток, включающих буквы и цифры, кавычки не
требуются.
1. Для разбиения текста меток на несколько строк в месте деления строк необходимо ставить
вертикальную черту «|».
Вернемся к диаграмме на рис. 5 и попробуем придать ей более привлекательный вид с учетом
вышеперечисленных правил. Вначале добавим к ней легенду, для чего нужно выделить всю диаграмму
инструментом Selection, вызвать таблицу данных при помощи команды Data (Данные) из меню
Object=>Graph (Объект=>Диаграмма), выделить мышью введенные ранее числовые значения, вырезать
их в буфер обмена командой Edit=>Cut (Редактирование=>Вырезать), переместить маркер мыши в
первый столбец второй строки и вставить данные посредством команды Edit=>Paste
(Редактирование=>Вставить). В итоге первая строка освободится, и в ней можно будет ввести данные для
легенды (рис. 9). Щелкните на кнопке Apply (Применить) и увидите диаграмму, показанную на рис. 10.
Чтобы дополнить диаграмму подписями по горизонтальной оси или категориями, вновь выделите все
данные таблицы, вырежьте их в буфер обмена и вставьте в первую ячейку второго столбца, а в первый
столбец вручную введите значения категорий (рис. 11). Обратите внимание, что в качестве категорий
задействованы числа, поэтому вводить их следует в кавычках. Результатом станет получение диаграммы,
представленной на рис. 12.
Если вас не устраивает расположение легенды на диаграмме, это несложно исправить. Можно,
предварительно выделив всю диаграмму инструментом Selection, воспользоваться командой
Object=>Graph=>Type (Объект=>Диаграмма=>Тип) и включить флажок Add Legend Across Top
(Добавить легенду наверх) (рис. 13 и 14). А если и такой вариант легенды смотрится не очень удачно, то с
учетом того, что все объекты диаграммы являются векторными, можно выделить отдельно легенду с
соответствующими ей подписями инструментом Direct Selection при нажатой клавише Shift и
переместить ее нужным образом, например как на рис. 15.
Стоит отметить, что наложение эффекта Drop Shadow для получения тени необязательно —
существует и другой способ. Чтобы им воспользоваться, выделите всю диаграмму инструментом
Selection, откройте команду Type (Тип) из меню Object=>Graph (Объект=>Диаграмма) и в
открывшемся окне Graph Type (Тип графика) включите флажок Add Drop Shadow (Добавить
наложение тени; рис. 18). Результат представлен на рис. 19.
В то же время следует иметь в виду, что до окончательного решения относительно типа и формы
Рис. 24. Графическая иллюстрация назначения параметров Column Width и Cluster Width
Кроме того, к значениям, отображаемым на оси, можно добавлять так называемые приставку (Prefix)
и (или) суффикс (Suffix), что повышает информативность диаграммы. Для примера добавим суффикс
описанным выше способом (рис. 39). Видно, что линии, создаваемые по умолчанию, слишком толстые.
Для уменьшения их толщины выделите все линии двумя щелчками с помощью инструмента Group
Selection (Групповое выделение в группе) и в палитре Stroke (Граница) уменьшите ширину границы,
например до 0,1 пиксела. Диаграмма примет такой вид, как на рис. 40.
И напоследок приведите заливку диаграммы к какому-то единому стилю, например как на рис. 41 или
42. Таких эффектов можно добиться только вручную, последовательно выделяя инструментом Group
Selection соответствующие столбцы и устанавливая нужный вариант заливки. В случае использования
градиентных заливок их придется создавать (или воспользоваться встроенными — они имеются в папке
Presets\Gradients), а однотонные заливки с подходящими цветовыми переходами можно взять из
какой-нибудь библиотеки Windows=>Swatch Libraries (Окно=>Коллекция библиотек) — в
рассматриваемом примере были задействованы цвета из библиотеки Pastels. Кроме того, в диаграмме,
представленной на рис. 42, мы отказались от достаточно грубой тени, устанавливаемой в окне Graph
Type, в пользу тени, получаемой путем накладывания эффекта Effect=>SVG Filters=>AI
BevelShadow_1.
Очень неплохо надписи легенды смотрятся прямо на элементах диаграммы. При этом неплохо
добавить к именам браузеров еще и соответствующие им проценты, которые будут печататься в
следующих строках. Поэтому воспользуйтесь командой Object=>Graph=>Data
(Объект=>Диаграмма=>Данные) и измените заголовки (рис. 46). После этого поверните диаграмму так
же, как обычный векторный объект, на 45° и вынесите два элемента с наименьшими значениями —
диаграмма будет выглядеть намного эффектнее (рис. 47).
Теперь для размещения надписей легенды в окне Graph Type можно выбрать вариант Legends in
Wedges (Легенда на клиньях); (рис. 48), а затем скорректировать размеры и положение текста обычным
образом (рис. 49). Чтобы придать диаграмме законченный вид, добавьте к графическим элементам тень и
снабдите ее необходимыми заголовками, например как на рис. 50.
Рис. 56. Изменение диаграммы после смены заливки элементов и удлинения горизонтальных маркеров
Чтобы устранить черные границы между областями графика, выделите все области при помощи
инструмента Group Selection и в окне Stroke установите вариант None (Нет). Затем выделите
инструментом Direct Selection при нажатой клавише Shift все прямоугольники легенды и уменьшите
их по горизонтали до приемлемых размеров, выбрав из контекстного меню команду Transform=>Scale
(Трансформация=>Масштаб). Аналогичную операцию проведите с подписями легенды. Затем выделите
все элементы легенды инструментом Direct Selection при нажатой клавише Shift и переместите их в
свободный левый верхний угол диаграммы — вследствие этого диаграмма станет намного компактнее и
изящнее. Закончите работу над диаграммой, добавив соответствующий заголовок. Возможно, что в итоге
диаграмма будет напоминать ту, что представлена на рис. 57.
Рис. 59. Изменение диаграммы после смены настройки заливки и преобразования легенды
Рис. 63. Диаграмма после изменения типа графика для прогнозируемых данных
Выделите элементы линейного графика инструментом Group Selection, откройте окно Graph Type и
включите флажок Draw Filled Lines (Заполнять нарисованные линии), при необходимости измените
ширину линий. Отрегулируйте заливку графических элементов диаграммы, положение ее легенды и
дополните диаграмму заголовком. Возможно, что полученный результат будет напоминать рис. 64.
Далее создайте диаграмму с нужными элементами оформления. Можно, к примеру, добавить фон,
изменить заливку столбцов первой группы, отрегулировать параметры текста и сделать заголовок (рис.
71). Выделите всю диаграмму инструментом Selection, откройте окно Graph Type и удалите флажок
First Column in Front (Первый столбец на передний план). Инструментом Group Selection выделите
вторую группу столбцов, откройте окно Graph Type, установите тип графика Line, включите флажки
First Column in Front (Первый столбец на передний план) и Draw Filled Lines (Заполнять
нарисованные линии); при необходимости измените ширину линий (рис. 72).
Рис. 71. Диаграмма после добавления фона и настройки заливки столбцов первой группы
Выделите все маркеры на графике, затем примените команду Marker (Маркер) из меню
Object=>Graphs (Объект=>Диаграмма) и выберите созданный маркер в окне Graph Marker (рис. 73).
Полученная диаграмма представлена на рис. 74.
Для создания подложки над слоем с графиком создайте новый слой, скопируйте в него подходящее
растровое изображение (рис. 77) и аккуратно расположите его поверх графика, при необходимости
подкорректировав размеры изображения (рис. 78). Уменьшите непрозрачность созданного слоя с
растровым изображением в палитре Transparency, например до 15%, и добавьте к диаграмме заголовок.
Итоговая диаграмма дана на рис. 79.
Рис. 78. Диаграмма после вставки растрового изображения в качестве верхнего слоя
Рис. 83. Палитра Layers после дублирования и перемещения слоев с растровым изображением
Для удобства работы из всей рассматриваемой группы слоев с растровым рисунком и столбцами
оставьте видимыми только верхние два и выделите их, щелкнув при нажатой клавише Shift в палитре
Layers (рис. 84). Воспользуйтесь командой Object=>Clipping Mask=>Make (Объект=>Отсекающая
маска=>Выполнить) — в итоге область внутри столбца окажется видимой, а вся остальная часть —
скрытой (рис. 85). Затем верните видимость слоям со вторым растровым рисунком и вторым столбцом,
выделите их и также создайте для них отсекающую маску. Аналогичную операцию проведите с третьим
столбцом. Результат представлен на рис. 86. Дополните диаграмму заголовком, и тогда она станет
напоминать рис. 87.
Рис. 84. Диаграмма с палитрой Layers после выделения слоев с первым растровым рисунком и первым
столбцом
Рис. 86. Изменение вида диаграммы в результате создания трех отсекающих масок на основе
растрового изображения
XII
23 урока по Adobe Illustrator CS2
Графические стили в Adobe Illustrator 445
Говоря о графических стилях, стоит отметить разницу между использованием фильтров из меню Filter
и эффектов из меню Effects. Применение к векторному объекту фильтров из меню Filter не отражается в
палитре Appearance, поэтому смена стиля для такого объекта не приводит к уничтожению наложенного
фильтра. В то же время наложение на него однотипного эффекта из меню Effects запоминается в палитре
Appearance, что, c одной стороны, автоматически приводит к уничтожению примененного к объекту
эффекта в случае смены графического стиля, которое сопровождается первоначальной очисткой палитры
Appearance; а с другой — позволяет в ходе дальнейшей работы над объектом без смены стиля в любой
момент изменить параметры настройки любого из наложенных ранее эффектов или удалить его.
Если вы хотите усилить эффект от наложения стиля, то просто продублируйте слой с объектом — чем
больше будет создано дублирующих слоев, тем сильнее будет выражен эффект. Сравните, например,
изображения на рис. 7 — они оформлены одним и тем же стилем, однако второе изображение намного
выразительнее первого. Такой результат получен путем пятикратного дублирования слоя с
изображением.
Стоит заметить, что при создании нового векторного объекта к нему применяется графический стиль,
которым был оформлен предыдущий объект. Чтобы вернуться к стандартному варианту оформления по
умолчанию (белая заливка и черная граница без наложения каких-либо эффектов), нужно установить для
объекта стиль Default (По умолчанию) из палитры Styles.
Как уже отмечалось, накладывать стили можно на любые объекты, в том числе и на представляющие
собой сложные комбинации простых объектов. Продемонстрируем данную возможность на примере двух
сложных векторных объектов в виде облака и солнца. Оба объекта получены путем объединения
нескольких простых объектов в единую форму. Для создания облака вначале нарисуйте четыре
окружности и объедините их в единую форму, щелкнув на кнопке Add to Shape Area (Добавить область
в форму) палитры Pathfinder (рис. 8 и 9). Затем добавьте к изображению прямоугольник и щелкните на
кнопке Subtract from Shape Area (Вычесть область из формы) палитры Pathfinder (рис. 10 и 11).
Примерно таким же образом создайте солнышко — в его основу войдут две окружности и звезда,
имеющие общий центр и объединенные в форму (рис. 12). Полученное в итоге изображение показано на
рис. 13.
Стоит отметить, что палитра Appearance обеспечивает очень удобный и простой способ
редактирования оформления объекта: можно не только изменить цвета заливки и границы, но и удалить
любой из параметров оформления, выделив соответствующую ему строку и щелкнув на кнопке Delete
Selected Item (Удалить выделенный пункт) или наоборот продублировать при помощи команды
Duplicate Selected Item (Дублировать выделенный пункт).
Если графический стиль включает эффекты, то для изменения параметров его настройки эффекта
достаточно дважды щелкнуть на его названии в палитре Appearance — это приводит к открытию
диалогового окна выбранного эффекта, в котором и нужно внести требуемые изменения. А можно
дополнительно наложить нужный эффект на отдельную заливку или границу — в этом случае нужно
выделить данную заливку или границу в палитре Appearance, а затем выбрать эффект из меню Effect.
Для наложения эффекта на весь объект следует выбрать самую верхнюю строчку палитры Appearance.
Если вы хотите удалить существующие графические стили перед применением новых, щелкните
кнопкой Clear Appearance в палитре Appearance — это приведет к удалению всех параметров
оформления, включая заливку и границу.
Другие отражаемые в палитре Appearance настройки оформления можно изменить только
классическим образом, например толщину и форму границы — в палитре Stroke, непрозрачность и режим
смешивания — в палитре Transparency.
Кроме того, использование палитры Appearance позволяет накладывать многократные границы и
заливки на одну и ту же форму. Для этого достаточно выбрать из меню палитры команду Add New Fill
(Добавить новую заливку) или Add New Stroke (Добавить новую границу) и настроить параметры
заливки или границы подходящим образом.
Поэкспериментируем с данными возможностями на примере векторного объекта, представленного на
рис. 20. Выделите в палитре Appearance строку Stroke и в палитре Stroke увеличьте толщину границы
до 6 пикселов, а затем обычным образом поменяйте цвет границы на темно-зеленый (рис. 21). Выберите
из меню палитры Appearance команду Add New Stroke (Добавить новую границу) — это приведет к
дублированию исходной границы, а в палитре Appearance появится дополнительная строка Stroke.
Уменьшите толщину второй границы до 3 пикселов и смените ее цвет на светло-зеленый. Результат
представлен на рис. 22.
Рис. 21. Результат изменения параметров первой границы (изображение с палитрой Appearance)
Вариант оформления созданного векторного объекта нетрудно скопировать, что бывает необходимо
при разработке разных объектов с одинаковым оформлением. Правда, в случае, если вы собираетесь
прибегать к использованию данного вида оформления и в дальнейшем, лучше сохранить его как стиль (но
об этом чуть позже). Для примера предположим, что созданный объект — это графический элемент
разрабатываемого цветного варианта логотипа, который нужно дополнить названием компании (рис. 23).
Чтобы залить текст градиентом, превратим его в векторный контур, воспользовавшись командой
Type=>Create Outline (Тип=>Создать контур), и установим для полученного контура градиентную
заливку (рис. 24). Теперь необходимо скопировать особенности оформления графического объекта на
текст. Для этого при выделенном тексте возьмите инструмент Eyedropper (Пипетка) и щелкните на
объекте — первоначальный результат окажется несколько жутковатым, так как автоматически произойдет
копирование всех элементов оформления, в том числе и эффекта Pucker&Bloat (Сморщивание и
раздувание) (рис. 25). Однако ненужный в случае текста эффект несложно удалить, перетащив строку с
названием эффекта в палитре Appearance на кнопку Delete Selected Item (Удалить выделенный
пункт). Возможно, в итоге будет получено изображение, напоминающее рис. 26.
Рис. 24. Результат превращения текста в векторный контур и заливки его градиентом
Рис. 25. Изменение текста после копирования оформления (изображение с палитрой Appearance)
Рис. 31. Палитры Appearance для исходных стилей и стиля, созданного путем их слияния
Outline — Тип=>Создать контур) и залейте градиентом (рис. 33). Выделите в палитре Appearance
параметр Stroke и добавьте границу темно-синего цвета шириной в 10 пикселов. Результат показан на
рис. 34. Создайте вторую границу, выбрав из меню палитры Appearance команду Add New Stroke
(Добавить новую границу), смените ее цвет на белый, в палитре Stroke уменьшите толщину границы до 2
пикселов и включите флажок Dashed Line. Возможно, что текст станет напоминать представленный на
рис. 35. Не снимая выделение с текста, в палитре Appearance выделите первую границу и наложите на
нее тень (Effect=>Stylize=>Drop Shadow — Эффект=>Стилизация=>Тень) при параметрах примерно
как на рис. 36. В итоге текст станет выглядеть как на рис. 37, а палитра Appearance примет вид в
соответствии с рис. 38.
Рис. 34. Градиентный текст после добавления первой границы (изображение с палитрой Appearance)
Рис. 35. Градиентный текст после добавления второй границы (вид изображения с палитрой
Appearance)
Теперь на основе полученного изображения необходимо создать новый стиль. Для этого, не снимая
выделение с текста и выделив в палитре Appearance строку Compound Path (рис. 39), выберите
команду New Style (Новый стиль) из меню палитры Styles и введите имя нового стиля. Итогом станет
появление нового стиля в палитре Styles (рис. 40). Попробуйте оформить новым стилем произвольный
объект (рис. 41).
Рис. 39. Выделение текста и строки Compound Path (изображение с палитрой Appearance)
При сохранении файла с текстом произойдет и сохранение созданного стиля, правда в этом случае
стиль будет доступен только при открытии файла с изображением. Лучше сохранить видоизмененную
палитру Styles с новым стилем в качестве библиотеки. Для этого достаточно сохранить тот же самый
файл командой File=>Save As (Файл=>Сохранить как) как файл программы Illustrator с расширением
*ai, но обязательно в папке \Presets\Styles, где находятся установленные программой стили. В этом
случае в перечне библиотек появится новая библиотека — ее можно будет открыть при помощи команды
Window=>Style Libraries=>Other Library (Окно=>Библиотеки стилей=>Другие библиотеки) и
использовать в дальнейшей работе. В ходе работы над конкретным проектом, как правило, приходится
создавать не один, а несколько стилей. Поэтому лучше перед сохранением новой библиотеки объединить
в палитре Styles стили по конкретному проекту и удалить ненужные, выделив их при нажатой клавише
Ctrl и щелкнув на кнопке Delete Style (Удалить стиль) палитры Styles.
Объемные облака для детских иллюстраций
А теперь рассмотрим более сложную задачу — создание стиля для оформления объемных облаков,
которые пригодятся, например, при подготовке иллюстраций к детской книжке. Вначале нарисуйте
предполагаемый фрагмент облака, состоящий из нескольких овалов белого цвета без границы,
объединенных в единую форму при помощи команды Add to Shape Area (Добавить область в форму)
палитры Pathfinder (рис. 42). Не снимая выделения с объекта, выделите строку Fill в палитре Appearance
и создайте новую заливку при помощи команды Add New Fill (Добавить новую заливку). Измените цвет
нижней заливки на светло-серый — изображение при этом не изменится, а палитра Appearance станет
выглядеть как на рис. 43. При выделенном облаке выделите серую заливку в палитре Appearance и
сместите ее чуть вправо и вниз, применив команду Effect=>Distort&Transform=>Transform
(Эффект=>Искажение и трансформация=>Трансформация) с параметрами примерно как на рис. 44.
Изображение станет напоминать рис. 45. Выделите белую заливку в палитре Appearance и наложите на
нее тень (Effect=>Stylize=>Drop Shadow — Эффект=>Стилизация=>Тень) с параметрами примерно
как на рис. 46. Окончательный результат представлен на рис. 47.
Рис. 42. Изображение после объединения окружностей в форму создаваемого облака (изображение и
палитра Appearance)
Рис. 46. Настройка параметров эффекта Drop Shadow для белой заливки
Теперь перетащите выделенное облако прямо на палитру Styles — это приведет к созданию
соответствующего стиля, правда с именем, принимаемым по умолчанию (рис. 48). Лучше имя стиля
изменить, дважды щелкнув на стиле в палитре Styles и введя новое имя стиля. Нарисуйте несколько
Рис. 51. Настройка параметров эффекта Inner Glow для первой заливки
Рис. 52. Изменение изображения после наложения эффекта Inner Glow (вид изображения и палитра
Appearance)
Выделите в палитре Appearance строку Fill и создайте вторую заливку (Add New Fill — Добавить
новую заливку). Измените у нее исходный и конечный цвета градиента (в данном случае выбран переход
от светло-голубого к темно-серому) и в палитре Transparency установите режим смешивания Overlay
(рис. 53).
Рис. 53. Изменение изображения после создания второй заливки (изображение и палитра Appearance)
Создайте третью заливку, перетащите ее в самый низ палитры Appearance и установите для нее
темно-голубой цвет. Примените к третьей заливке команду Effect=>Path=>Offset Path
(Эффект=>Контур=>Обводка контура), настроив параметры примерно так, как показано на рис. 54, —
обратите внимание, что ширина обводки контура (Offset) обусловлена размерами объекта и в
зависимости от них может сильно колебаться. Размойте заливку по Гауссу с коэффициентом размытия
примерно в 5-7 пикселов (команда Effect>=Blur>=Gaussian Blur — Эффект>=Размытие>=Размытие по
Гауссу). Результатом станет объект, представленный на рис. 55.
Рис. 54. Настройка параметров эффекта Offset Path для третьей заливки
Перетащите созданный объект на палитру Styles, дважды щелкните на новом стиле и измените его
имя, а затем попробуйте воспользоваться созданным стилем при оформлении разнообразных объектов
(рис. 56).
Круглые кнопки
Создадим стиль для оформления круглых кнопок. Нарисуйте окружность с пустой границей и залейте
ее произвольным темным, например темно-синим, как в нашем случае, цветом (рис. 57). Не снимая
выделения с окружности, выделите в палитре Appearance строку Fill и создайте вторую заливку (Add
New Fill — Добавить новую заливку). Выделите вторую заливку и наложите на нее эффект Inner Glow (
Effect=>Stylize=>Inner Glow — Эффекты=>Стилизация=>Внутренний свет) с параметрами примерно
как на рис. 58. Затем сместите заливку чуть влево и вверх (Effect=>Distort&Transform=>Transform —
Эффект=>Искажение и трансформация=>Трансформация), установив параметры в соответствии с рис. 59.
Кроме того, примените к этой заливке эффект Outer Glow (Effect=>Stylize=>Outer Glow —
Эффекты=>Стилизация=>Внешний свет) с параметрами как на рис. 60. Изображение станет напоминать
рис. 61.
Рис. 58. Настройка параметров эффекта Inner Glow для второй заливки
Рис. 60. Настройка параметров эффекта Outer Glow для второй заливки
Выделите в палитре Appearance строку Fill, соответствующую второй заливке, и создайте поверх нее
третью заливку (Add New Fill — Добавить новую заливку). Измените ее цвет на белый, а затем
трансформируйте командой Effect=>Distort&Transform=>Transform (Эффект=>Искажение и
трансформация=>Трансформация), изменив размер по вертикали и горизонтали, сместив влево и вверх и
повернув против часовой стрелки (рис. 62). Выделите в палитре Appearance строку Fill,
соответствующую третьей заливке, размойте ее по Гауссу с коэффициентом размытия примерно в 6-7
пикселов (команда Effect>=Blur>=Gaussian Blur — Эффект>=Размытие>=Размытие по Гауссу) и
уменьшите непрозрачность в палитре Transparency примерно до 30-40%. Изображение станет походить на
рис. 63.
Рис. 63. Результат настройки третьей заливки (внешний вид изображения и палитра Appearance)
Выделите третью заливку в палитре Appearance и продублируйте ее при помощи команды Duplicate
Item (Дублировать пункт) из меню палитры — в итоге будет создана четвертая заливка. Дополнительно
наложите на нее трансформацию (Effect=>Distort&Transform=>Transform — Эффект=>Искажение и
трансформация=>Трансформация) с параметрами как на рис. 64. А затем еще слегка размойте ее по
Гауссу. Полученное в итоге изображение представлено на рис. 65.
Перетащите созданную кнопку на палитру Styles, дважды щелкните на новом стиле и измените его
имя (рис. 66). Попробуйте применить стиль на практике, оформляя с его помощью разноцветные
заготовки для кнопок — возможно, результат будет напоминать рис. 67.
Рис. 69. Изменение кнопки после смены вида заливки (кнопка и палитра Appearance)
Обратите внимание, что после обновления стиля все объекты, которым присвоен измененный стиль,
также меняют свой облик. Если этого нужно избежать, то предварительно следует разорвать связь со
стилем, выделив объекты и применив команду Break Link to Style (Разорвать связь со стилем) меню
палитры Styles.
XIII
23 урока по Adobe Illustrator CS2
Трассировка изображений в Adobe Illustrator 483
Рис. 2. Результат трассировки изображения со сложной заливкой (вид изображения и палитра Layers с
огромным количеством контуров)
Поэтому перед трассировкой исходные изображения часто переводят в черно-белый формат или
меняют у них заливки отдельных объектов на одноцветные — это позволяет добиться формирования
контуров, соответствующих реальным объектам. Дополнительно вручную корректируют границы
контуров, избавляясь от шума, пыли и прочих дефектов.
Следует отметить, что наиболее удачной оказывается трассировка изображений, внешне
напоминающих векторные, и хуже всего удается трассировка фотографий. Правда, последнее
применяется нечасто — только при создании стилизованных изображений. Особое внимание следует
обратить на изображения, включающие текст, который лучше предварительно удалить в растровом
пакете, а затем ввести вновь уже в векторном после трассировки, так как в большинстве случаев четких
контуров шрифта добиться не удается. Исключение может составлять только очень крупный шрифт.
При желании созданные векторные контуры можно редактировать прямо в Adobe Streamline:
выделять; определять для выделенных контуров цвета границы и заливки (рис. 5); корректировать форму
контуров, перемещая, добавляя или создавая опорные точки; преобразовывать закрытые контуры в
правильные геометрические формы и пр., хотя гораздо удобнее подобными преобразованиями заняться в
Adobe Illustrator.
Рис. 11. Изменение результата автотрассировки в зависимости от значения параметра Auto Trace
Tolerance (слева вверху оно равно 0,1, слева внизу — 1, справа вверху — 5, справа внизу — 10) при Tracing
Gap равном 0
Рис. 12. Изменение результата автотрассировки в зависимости от значения параметра Tracing Gap
(слева вверху оно равно 0, слева внизу — 0,5, справа вверху — 1, справа внизу — 2) при Auto Trace
Tolerance равном 0