Самоучитель Illustrator CS



Самоучитель Illustrator CS

       

Самоучитель Illustrator CS



О компьютерной графике
Об Adobe Illustrator CS
Об этой книге

Самоучитель Illustrator CS

ование

ование Допустим, вы обнаружили в газете объявление: «Срочно требуется оператор с опытом работы в Illustrator». Далее перечисляются условия работы, которые полностью вас устраивают. «Изу
Структура векторного контура
Структура векторного контура Как видите, все очень просто, и никакой математики! Вернее, она скрыта от пользователя. Ниже подробнее рассматриваются различные способы изменен
Постановка задачи
1.2. Постановка задачи Теория закончена, перейдем к практике. Предположим, к вам пришел заказчик, который хочет видеть в качестве своего товарного знака символ «инь и ян», заключенный в р
который мы будем повторять
унок, который мы будем повторять Эскиз он принес на бумаге, электронный оригинал отсутствует. «Это же просто, — говорит он, пожимая плечами, — отсканируйте его, да и дело
Несколько слов о векторной и растровой графике
1.3. Несколько слов о векторной и растровой графике Отсканировать, конечно, можно. Но устроит ли вас, а главное, заказчика результат? Давайте попробуем. После сканирования получим растров

после сканирования
унок после сканирования Качество его может быть немного лучше или немного хуже — это зависит от мастерства оператора. Возможно, при малом размере знака результат вас вполне удов
Отсканированное изображение увеличенное в пять раз
Отсканированное изображение, увеличенное в пять раз
Растровое изображение (а) и его аналог в векторном виде (6)
Растровое изображение (а) и его аналог в векторном виде (6) Не очень красиво, правда? Зубчатый край у всех линий присутствует потому, что при сканировании получено изображение
Трассировка отсканированного изображения
1.4. Трассировка отсканированного изображения Самый простой способ перевода растровой картинки в векторную — использование специальных программ или инструментов векторных редакторов, которые
Инструмент Auto Trace на палитре инструментов
Инструмент Auto Trace на палитре инструментов Использовать его очень просто: 1. Создайте новый документ командой File

А— растровое изображение и б—
а— растровое изображение и б— векторный контур, который образовался после первого использования инструмента Auto Trace СОВЕТ Все создаваемые объекты по умолчанию имеют белую
Палитра Color
Палитра Color Левый верхний квадрат определяет цвет заливки. Щелкните на нем, а затем на перечеркнутом квадратике в левом нижнем углу. Теперь у всех вновь создаваемых фигур зали
А— исходное растровое изображение б— результат трассировки
а— исходное растровое изображение, б— результат трассировки
Увеличенный фрагмент изображения после трассировки
Увеличенный фрагмент изображения после трассировки Можно попытаться исправить положение, регулируя настройки инструмента Auto Trace (Автоматическая трассировка), которые находятся
Окно Preferences/Type Auto Tracing
Окно Preferences/Type Auto Tracing В этом окне нас интересуют только две настройки: Tolerance (Допуск трассировки). Определяет точность соответствия между исходным из

Зависимость результата трассировки
Зависимость результата трассировки от значения параметра Auto Trace Tolerance (Допуск трассировки): а — 0 pt, б— 10 pt, в— комбинация вариантов а и б 4. Выделите обе группы и ще
Объединение удачных участков в единое изображение
Объединение удачных участков в единое изображение 5. Результат тоже лучше сгруппировать, чтобы части рисунка не сместились относительно друг друга при дальнейшей работе. Оста
Инструменты группы Реn и инструмент
Инструменты группы Реn и инструмент выделения узлов Direct Selection (обведен кружком) Сначала сделаем прямые участки идеально прямыми, так как в результате трассировки получили
Граница изображения после трассировки
Граница изображения после трассировки (для сравнения над ней проведена горизонтальная прямая) Для этого выберите инструмент
Первый этап исправления границы знака
Первый этап исправления границы знака Граница стала прямой, но тут выяснилось, что внешний и внутренний контуры не параллельны. Это произошло из-за того, что узлы внутреннего ко

Окно Average
Окно Average Проделайте описанные выше операции со всеми четырьмя сторонами границы знака. Если окажется, что на прямом участке оказался лишний узел, удалите его инструментом
Редактирование гладкого узла инструментом
Редактирование гладкого узла инструментом Convert Anchor Point В некоторых местах (например, на заострении изогнутой «капли») нам нужно состыковать два гладких сегмента так, что
Редактирование контура инструментом Direct Selection
Редактирование контура инструментом Direct Selection Здесь есть одна сложность: если гладкая якорная точка была создана инструментом Convert Anchor Point (Изменить якорную точку
ование по шаблону
1.5. ование по шаблону Как видите, не так уж просто привести в приличный вид результат сканирования. В некоторых случаях проще нарисовать картинку заново, используя в качестве шаблона рас
Окно Place
Окно Place Выберите здесь изображение, которое будете отрисовывать, и не забудьте отметить опцию Template (Шаблон). После щелчка на кнопке Place (Поместить) в открытом документ

Шаблонное изображение и его место на палитре Layers
Шаблонное изображение и его место на палитре Layers Этот слой обладает особыми свойствами: его содержимое не выводится на печать, не выделяется и, следовательно, не может быть
Окно свойств слоя
Окно свойств слоя Итак, шаблон задан. Теперь нужно решить, как рисовать иллюстрацию. Для создания простых фигур — кругов, прямоугольников, правильных многоугольников и звезд —
Инструменты для создания простых фигур
Инструменты для создания простых фигур Для рисования незамкнутых фигур используются инструменты, расположенные левее только что рассмотренной группы (Они позволя
Инструменты рисования незамкнутых фигур
Инструменты рисования незамкнутых фигур Вначале нарисуем рамку. Для этого можно применить инструмент Rounded Rectangle (Закругленный прямоугольник) (второй слева в группе прост
Прямоугольник нарисованный поверх
Прямоугольник, нарисованный поверх шаблона с помощью Rounded Rectangle А вот с радиусом закругления придется повозиться. Прежде чем начать эксперименты с подбором, запомните ши

Окно свойств Rounded Rectangle"
Окно свойств Rounded Rectangle" Этот способ довольно кропотливый. Все можно сделать гораздо быстрее: 1. Создайте инструментом Rectangle (Прямоугольник) обычный п
Окно эффекта Round Corners
Окно эффекта Round Corners ВНИМАНИЕ Не перепутайте эффект Stylize
Палитра Stroke
Палитра Stroke На этом создание внешней рамки знака можно считать законченным. Есть только одно небольшое замечание: с объектом будет удобнее работать, если применить к нему ко
Объект до (слева) и после (справа)
Объект до (слева) и после (справа) применения к нему операции Object
Исходное изображение (слева) и
Исходное изображение (слева) и нарисованная фигура (справа) перед заключительным этапом создания знака Осталось самое сложное — разрезать большой круг на две симметричные капле

Инструмент Knife на палитре инструментов
Инструмент Knife на палитре инструментов Порядок действий следующий. 1. Поскольку разрезать нужно не все внешнее кольцо, а только внутреннюю его часть, применим к нему к
Этапы отрисовки центрального элемента
Этапы отрисовки центрального элемента знака: а— преобразование внешнего кольца; б— применение инструмента Knife (Нож); в— отредактированный контур; г— объединение всех элемен
Палитра Pathfinder
Палитра Pathfinder
Палитра Attributes
Палитра Attributes
Краткие итоги

1.6. Краткие итоги Итак, знак в векторной форме подготовлен. Какой именно способ вы выбрали — зависит только от ваших пристрастий и сложности изображения. Если оно состоит из геометрических
Таблица 1 1 Функции программы
Таблица 1.1. Функции программы, используемые для рисования фигур Название Описание Клавиши быстрого доступа Инструменты Direct Se
Знаки дорожного движения

Самоучитель Illustrator CS

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

Как видите, возможностей не очень много. Если с помощью рамки редактирования вы добились всего, чего хотел заказчик, считайте, вам крупно повезло. Обычно приходится использовать специальные инстру
Инструменты трансформирования
Инструменты трансформирования Пока нас интересуют четыре инструмента:
Отображение объекта во время трансформирования
Отображение объекта во время трансформирования Добившись приемлемого для вас результата, отпустите кнопку мыши. Объект соответствующим образом изменит форму (br> Отображение объекта после трансформирования
Отображение объекта после трансформирования Если в процессе трансформирования удерживать нажатой клавишу Alt, произойдет дублирование объекта, то есть и оригинал будет сохранен,
Окно инструмента Shear В поле
Окно инструмента Shear В поле Shear Angle (Угол перекоса) задается угол скоса фигуры (br> Результат трансформирования в

Результат трансформирования в зависимости от угла перекоса: а— 15°, 5—30°, в — -45°, г— -60°
Диалоговые окна и результат применения
Диалоговые окна и результат применения инструментов трансформирования: a— Rotate; 5—Reflect; в— Scale Использование команды Transform Each (Трансформировать каждый) Если вам к
Одновременное масштабирование
Одновременное масштабирование, поворот и отражение объекта с помощью команды Transform Each
Искажение объекта
2.2. Искажение объекта Вышеперечисленные способы изменения объекта, безусловно, полезны, но вряд ли сильно впечатлят заказчика. Гораздо большего эффекта можно добиться, используя свободное и
Инструменты группы Liquify (Разжижение)
Инструменты группы Liquify (Разжижение) Если вы уже работали в Photoshop 7.0, то обрадуетесь, увидев знакомые инструменты, которые напоминают своих «братьев» из растрового пакета. Впрочем,
Этапы применения инструмента Warp

Этапы применения инструмента Warp: a— вид курсора при активном инструменте; 5— редактирование объекта; в— результат редактирования СОВЕТ Вполне может случиться так, что вас н
Окно настроек инструмента Warp
Окно настроек инструмента Warp Как видите, ничего сложного. Остальные инструменты этой группы также интуитивно понятны. Лучший способ освоить их — это немного поэкспериментиров
Примеры применения инструментов
Примеры применения инструментов группы Liquify (Разжижение): a— Twirl; б— Pucker; в— Bloat; г— Scallop; д— Crystallize; e— Wrinkle ВНИМАНИЕ При использовании инструментов эт
Фильтры группы Distort и эффекты
Фильтры группы Distort и эффекты группы Distort Transform Все описанные выше инструменты понравятся тем, кто привык доверять собственному глазомеру больше, чем цифрам. Авторы же предпо
Диалоговое окно фильтра/эффекта
Диалоговое окно фильтра/эффекта Free Distort и результат его применения Pucker Bloat (Складки и раздувание). Сегменты контура либо «вдавливаются» внутрь (а
Диалоговое окно фильтра/эффекта

Диалоговое окно фильтра/эффекта Pucker Bloat и результат его применения Roughen (Огрубление). Контур объекта хаотически искажается (br> Диалоговое окно фильтра/эффекта
Диалоговое окно фильтра/эффекта Roughen и результат его применения Scribble Tweak (Каракули и помарки). Фильтр (или эффект) немного напоминает предыдущий, но характер ис
Диалоговое окно фильтра/эффекта
Диалоговое окно фильтра/эффекта Scribble Tweak и результат его применения Twist (Закручивание). Название и действие этого фильтра/эффекта вам должно быть знакомо. Помнит
Диалоговое окно фильтра/эффекта
Диалоговое окно фильтра/эффекта Twist и результат его применения Zig Zag (Зигзаг). Пусть вас не сбивает с толку название: этим фильтром/эффектом можно получить не только ос
Диалоговое окно фильтра/эффекта
Диалоговое окно фильтра/эффекта Zig Zag (а) и результат его применения (б)
Палитра Appearance при выделении

Палитра Appearance при выделении объекта с примененным к нему эффектом Zig Zag Для отмены фильтра придется воспользоваться командой Edit Undo (Правка Отмена). Это неу
Редактирование примененного эффекта
Редактирование примененного эффекта: а— первоначальный вариант; 6— повторное применение первоначального варианта; в— изменение параметров первоначального варианта У эффект
Команды меню Envelope Distort
Команды меню Envelope Distort (Внешнее искажение) и эффекты группы Warp (Деформация) Существует еще один способ деформации объектов, перекочевавший в Illustrator из Photoshop. Впрочем, еще раньш
Искажение оболочки (показана штриховкой)
Искажение оболочки (показана штриховкой) приводит к искажению вписанного в нее объекта Простейший пример такой деформации — применение фильтра или эффекта Free Distort (Свободное
Окно Warp Options
Окно Warp Options ПРИМЕЧАНИЕ «Оболочка», возможно, не самый удачный перевод для Envelope, так как она проходит и может изменяться не только по внешнему контуру объекта, но и внут
Типы деформации при помощи Object

Типы деформации при помощи Object Envelope Distort Make with Warp (Объект Внешнее искажение Преобразовать деформируя)
Различные варианты деформации оболочки типа Flag
Различные варианты деформации оболочки типа Flag Как видите, набор заготовок достаточно велик, но ваши возможности им не ограничиваются. Вы можете поэкспериментировать с настройка
Результат произвольного редактирования оболочки
Результат произвольного редактирования оболочки Кстати, можно вообще не пользоваться заготовками, а сразу начать редактировать оболочку вручную. Для этого необходимо создать ее ко
А —оболочка б— объект в— объект помещенный в оболочку
а —оболочка, б— объект, в— объект, помещенный в оболочку Эффекты группы Warp (Деформация), по сути, повторяют применение команды Object Envelope Distort Make with Warp (
Краткие итоги
2.3. Краткие итоги Как видите, в Illustrator существует множество способов изменения формы объекта. Самые простые позволяют изменить фигуру как целое, не искажая ее — повернуть, растянуть
Таблица 2 1 Функции программы

Самоучитель Illustrator CS

Окрашивание объектов

Типы окрашивания
Градиенты
Типы градиентной заливки а— линейная;
Создание линейного градиента
Палитра Gradient
Пример одного и того же градиента
Созданный градиент и его настройки
Псевдообъемные шары созданные
Использование градиентной сетки
Диалоговое окно Create Gradient Mesh

Влияние Appearance (Тип) на результат
Использование инструмента Mesh
Использование Patterns (Текстуры)
Создание текстуры
Основа для создания текстуры
Изменение наложенной текстуры при помощи инструментов
Окно настроек Shear
Текстура до и после применения фильтра Shear
Редактирование текстуры
Работа с кистями

Создание собственной кисти
Окно выбора типа новой кисти
Окно Scatter Brush Options
Результат наложения на объект кисти заданной пользователем
Index2
Библиотеки кистей
Работа со стилями
Библиотеки стилей
Краткие итоги
Таблица 3 1 Функции программы

Выбор цвета при помощи палитры Color (Цвет)
Палитра Color
Задаем нужный оттенок серого
Выбор цвета при помощи палитры Swatches (Образцы)
Выбор цвета при помощи палитры Color Picker (Выбор цвета)
Щелкнув здесь можно вызвать Color Picker
Палитра Color Picker
Интересный способ выбрать цвет
Расположение объектов друг относительно друга
Инструмент Blend

Созданный переход
Создание глобального цвета из смесевого
В окне Swatch Options необходимо выставить Global
Вид палитры Color для одного образца
Фильтр Saturate (Насыщенность)
Окно фильтра Saturate
Имитация изображения в градациях серого

Самоучитель Illustrator CS

Использование текста

Index2
Создаем строку и абзац
Расположение инструментов группы
Пример расположения текста по вертикали и горизонтали
Искаженный текст
Расположение текста по периметру
Искажение пути по которому расположен текст
Заготовка для визитки
Имя заказчика
Палитра Character

Пример написания текста разными шрифтами
Пример написания текста с различным начертанием
Начальный вариант визитки
Диалоговое окно Find Font
Итоговый вариант визитки
Что можно делать с текстом пока он еще текст
Фон для листовки
Заполнение текстом областей
Использование инструмента Area Type
Пример расположения текста в двух связанных блоках

Размещение первого абзаца
Палитра Paragraph
Основные виды выключки текста
Отформатированный абзац
Обтекание текстом графического элемента
Диалоговое окно Warp Options
Деформация текста
Диалоговое окно Envelope Mesh
Искажение текста при помощи сетки
Работа с текстом

Прежде чем передать работу Вперед
Диалоговое окно Illustrator Native Format Options
Краткие итоги
Таблица 4 1 Основные функции программы

Самоучитель Illustrator CS

Глава 5 Размножение
Применение символов
Инструменты группы Symbolism
Создание образца символа

Создание набора символов инструментом Symbol Sprayer
Результат применения инструмента Symbol Shifter
Результат применения инструмента Symbol Scruncher
Результат применения инструмента Symbol Sizer
Результат применения инструмента Symbol Spinner
Результат применения инструмента
Результат применения инструмента Symbol Screener
Результат применения инструмента
Результат замены образца символа
Инструмент Gradient (Градиент)

Объекты окрашенные градиентом
Фильтры группы Colors (Цвета)
Этапы применения фильтра Blend Horizontally
Краткие итоги
Таблица 5 1 Функции программы
Простые варианты копирования объектов
Вид объекта при копировании его «вручную»
Окно Move
Инструмент Measure на палитре инструментов
Этапы копирования объекта с применением инструмента Measure

Регулярное копирование
Простые способы регулярного копирования
Окно Preferences/General
Использование текстур
Различные фигуры заполненные одинаковой текстурой
Палитра Swatches; кружком обведен созданный образец текстуры
Заполнение текстурой заливки (э)
Этапы создания заготовки текстуры
Различия между текстурами созданными
Этапы редактирования текстуры

Палитра Transform
Диалоговое окно Rotate
Варианты вращения объекта с текстурой
Этапы создания «шахматной» текстуры
Объект окрашенный «шахматной» текстурой
Использование пошагового перехода (бленда)
Пример бленда
Копирование знаков по прямой
Дублирование группы знаков
Бленд между двумя группами знаков

Окно Blend Options
Вид бленда после редактирования верхней группы объектов
Бленд в режиме просмотра View > Outline
Результат редактирования пути перехода бленда
Этапы создания пошагового перехода
Использование кисти
Окно создания новой кисти
Применение кисти типа Scatter Brushes
Диалоговое окно Scatter Brushes
Результат применения кисти типа Pattern Brushes

Произвольное дублирование
Команда Transform Each (Трансформировать каждый)
Окно Transform Each
Результат применения команды Edit

Самоучитель Illustrator CS

Что такое полупрозрачность?
Краткие итоги
Палитра Transparency (Полупрозрачность)
Палитра Transparency

Пример зависимости от режима смешения
Пример использования опции Isolate Blending
Объединение в группу полупрозрачных объектов
Меню палитры Transparence
Суть проблемы
Как избежать ошибок при работе с полупрозрачными объектами
Неочевидность применения полупрозрачности
Эффекты группы 3D
б Группа «объемных» эффектов
Extude Bevel (Объем и профиль)

Диалоговое окно 3D Extude Bevel_Options
Буква «N» повернутая по оси X
Объект с имитацией перспективы
Объект с закрытым торцом (а) и полый {б)
Использование профилей a— Complex 1 б— Rounded в— Complex 3
Профиль Rounded добавляется к
Режимы отображения тени a— Wireframe
Окно освещения
Окно Map Art
Детский кубик нарисованный с помощью окна Map Art

Фильтр Revolve (Вращение в пространстве)
Диалоговое окно 3D Revolve Options
Результат применения Revolve при
Фигуры полученные из треугольника
Фильтр Rotate (Поворот)
Диалоговое окно 3D Rotate Options
Пример применения эффекта Rotate к букве «А»

Самоучитель Illustrator CS

Помещаем фотографию в Illustrator

Диалоговое окно Place
Диалоговое окно Photoshop Import
Замена изображений
Палитра Links
Редактирование растрового изображения
Диалоговое окно инструмента Scale
Растровые фильтры и эффекты
Диалоговое окно фильтра Saturate
Результат применения фильтра Saturate
Диалоговое окно фильтра Cutout

Итоговый растровый фон
Простейший вариант рекламной листовКи
Краткие итоги
Таблица 7 1 Функции программы

Самоучитель Illustrator CS

Иллюстрации для Web
Включенная сетка прозрачности
Изображение в режиме просмотра
Наш баннер

Окно Save for Web
Настройки для оптимизации GIF
GIFизображение с 0% 60% и 100% параметром Lossy
Color Table
Настройки для оптимизации формата JPEG
JPEGразмывание хоть и портит изображение
Анимированный Flashбаннер
Меню палитры Layers
Палитра Layers после выполнения Release to Layer (Sequence)
Настройки оптимизации для формата SWF

Работа с форматом SVG
Исходная фигура
Окно свойств объекта
Окно подключения JavaScriptфайла
Итоговый вид палитры SVG Interactivity
SVG в окне обозревателя
Создание HTMLстраницы
Вид страницы которую мы будем повторять
Результат подготовки изображения первой страницы сайта
Задание URL через палитру Attributes (Атрибуты)

Страница разбитая на пластины
Итоговая страница в окне Internet Explorer
Таблица 8 1 Функции программы

Самоучитель Illustrator CS

Машина должна работать
Как заставить программу работать быстрее
Окно Preferences/PluginsScratch Disks
Использование макросов
Окно Keyboard Shortcuts

З Палитра Actions
Расположение «визиток»
Использование Data Driven
Шаблон листа
Окно Variable Options
После обновления файла у нас уже два набора данных
Лист с новыми данными
Использование сценариев
Вид меню Script
Краткие итоги

Таблица 9 1 Функции программы

Самоучитель Illustrator CS

Ценная бумага своими руками
Подготовка документа к работе
Окно Document Setup
Окно New Document
Защитная сетка
Защитная сетка созданная из прямых линий
Этапы создания защитной сетки из искривленных линий

Фрагменты регулярных сеток при большом увеличении
Фрагмент оригинальной сетки (a)
Исходный вариант защитной сетки
Сетка после деформации
Комбинирование двух неоднородных сеток
Результаты применения различных
Исходные линии для создания бленда
Созданный бленд
Новый путь перехода для бленда
Результат выполнения команды Object

Результат трансформирования граничных
на защитной сетке
Исходная сетка
Так выглядит «запертый» и невидимый
Сетка с наложенным на нее знаком
Результат наложения маски
Сетка с рисунком
Параметры линий сетки
Другие графические элементы защиты
Исходный отрезок

Применение фильтра Zig Zag
Отражение синусоиды относительно горизонтали
Создание и редактирование копии синусоид
Оформление края «гильоша»
Остова виньетки
Добавление центрального элемента
Добавление двух «волнистых» окружностей
Оформление края виньетки
Оболочки (слева) и результат их
Добавление фирменного знака

Исходная линия для создания «ирисовой» сетки
Построение бленда
Изменение толщины правой граничной линии
Изменение амплитуды левой граничной линии
Краткие итоги
Таблица 10 1 Функции программы

Самоучитель Illustrator CS

Сохранение файла
В каком формате сохранить

Настройки сохранения файла в формате Adobe Illustrator
Окно настроек формата EPS
Окно Adobe PDF Options
Окно Adobe PDF Options
Шаблоны
Образец визитки
Макрос Delete Unused Palette Items на палитре Actions
Краткие итоги
Таблица 12 1 Функции программы

Содержание раздела