Об Adobe Illustrator CS

А— исходное растровое изображение б— результат трассировки

Рисунок 1.9. а— исходное растровое изображение, б— результат трассировки

Граница изображения после трассировки

Рисунок 1.15. Граница изображения после трассировки (для сравнения над ней проведена горизонтальная прямая)


Для этого выберите инструмент

Инструмент Knife на палитре инструментов

Рисунок 1.31. Инструмент Knife на палитре инструментов


Порядок действий следующий.

1. Поскольку разрезать нужно не все внешнее кольцо, а только внутреннюю его часть, применим к нему команду Object

Инструменты для создания простых фигур

Рисунок 1.23. Инструменты для создания простых фигур


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

Инструменты группы Реn и инструмент

Рисунок 1.14. Инструменты группы Реn и инструмент выделения узлов Direct Selection (обведен кружком)


Сначала сделаем прямые участки идеально прямыми, так как в результате трассировки получились немного изогнутые контуры (Рисунок 1.15).

Инструменты рисования незамкнутых фигур

Рисунок 1.24. Инструменты рисования незамкнутых фигур


Вначале нарисуем рамку. Для этого можно применить инструмент Rounded Rectangle (Закругленный прямоугольник) (второй слева в группе простых фигур на Рисунок 1.23).
Щелкните левой кнопкой мыши в левом верхнем углу шаблона и, не отпуская ее, протяните курсор в правый нижний угол. Созданная фигура, скорее всего, не будет совпадать с оригиналом ни по размерам, ни по радиусу закругления углов (Рисунок 1.25).

Исходное изображение (слева) и

Рисунок 1.30. Исходное изображение (слева) и нарисованная фигура (справа) перед заключительным этапом создания знака


Осталось самое сложное — разрезать большой круг на две симметричные каплеобразные области. Можно попытаться сделать это инструментом Knife (Нож) (Рисунок 1.31).

Этапы отрисовки центрального элемента

Рисунок 1.32. Этапы отрисовки центрального элемента знака: а— преобразование внешнего кольца; б— применение инструмента Knife (Нож); в— отредактированный контур; г— объединение всех элементов в единую фигуру; д— объединение внешнего контура и нижней «капли»; е— корректировка окраски

Несколько слов о векторной и растровой графике

1.3. Несколько слов о векторной и растровой графике

Отсканировать, конечно, можно. Но устроит ли вас, а главное, заказчика результат? Давайте попробуем. После сканирования получим растровое изображение примерно такого вида (Рисунок 1.3).

Рисунок 1.3. Рисунок после сканирования
Качество его может быть немного лучше или немного хуже — это зависит от мастерства оператора. Возможно, при малом размере знака результат вас вполне удовлетворит. Но тут вы вспоминаете, что вам говорил заказчик, пока вы прикидывали в уме, какой счет следует выставить за создание корпоративного стиля.
А он говорил, что созданный вами знак должен присутствовать на визитках и бланках, на сайте (в том числе в виде фоновой заливки), на рекламных щитах, на рекламе в газетах и журналах, возможно, даже на корпоративном знамени или на автомобилях компании. Впоследствии его планируют окрашивать различными цветами и сложными фактурами, сделать трафарет для нанесения знака на ткань или бумагу и т. д.
Проверим, как изменится отсканированный рисунок при увеличении его размеров. Профессионалы говорят в таких случаях: «Как он будет работать на увеличение» (запоминайте жаргон, запоминайте, чем больше терминов вы знаете, тем больше денег сможете потребовать с заказчика). Увеличим (Ctrl++) наш «инь и ян» в пять раз (Рисунок 1.4).

Рисунок 1.4. Отсканированное изображение, увеличенное в пять раз

Рисунок 1.5. Растровое изображение (а) и его аналог в векторном виде (6)
Не очень красиво, правда? Зубчатый край у всех линий присутствует потому, что при сканировании получено изображение не в векторном, а в растровом виде. Растровая картинка, в отличие от векторной, представляет собой набор прямоугольников различной яркости и цвета — пикселов. Растровое изображение можно сравнить с мозаикой, выложенной из разноцветных кусочков.
Для фотографий растровая графика — единственно возможный способ корректного отображения на мониторе компьютера. Попытка передать фотоизображение методами векторной графики, скорее всего, окажется неудачной (Рисунок 1.5).
Но в нашем случае знак состоит из достаточно простых геометрических фигур, которые, как мы уже говорили выше, лучше всего передавать средствами векторной графики. Выход один — переделать растровое изображение в векторный объект.

Объединение удачных участков в единое изображение

Рисунок 1.13. Объединение удачных участков в единое изображение


5. Результат тоже лучше сгруппировать, чтобы части рисунка не сместились относительно друг друга при дальнейшей работе.
Осталось только немного отредактировать контуры с помощью инструментов группы Реп (Перо), расположенных в третьей строке палитры инструментов, и инструмента Direct Selection (Частичное выделение) выделения узлов, который находится в ее первой строке (Рисунок 1.14).

Окно Average

Рисунок 1.17. Окно Average


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

Окно эффекта Round Corners

Рисунок 1.27. Окно эффекта Round Corners

Окно свойств слоя

Рисунок 1.22. Окно свойств слоя


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

Палитра Color

Рисунок 1.8. Палитра Color


Левый верхний квадрат определяет цвет заливки. Щелкните на нем, а затем на перечеркнутом квадратике в левом нижнем углу. Теперь у всех вновь создаваемых фигур заливка будет отсутствовать. После этого щелкните на поле обводки и присвойте ей яркий, например, красный цвет, выбрав его на цветовой полосе в нижней части палитры.
5. Повторите действие, описанное в пункте 4, применяя инструмент Auto Trace (Автоматическая трассировка) на каждой границе между цветами. В конце концов должна получиться комбинация контуров (Рисунок 1.9).
Как видите, результат трассировки в целом похож на оригинал, но качество оставляет желать лучшего: вместо прямых получились изогнутые линии, вместо строгих окружностей — неправильные фигуры (Рисунок 1.10).

Палитра Pathfinder

Рисунок 1.33. Палитра Pathfinder



Рисунок 1.34. Палитра Attributes

Палитра Stroke

Рисунок 1.28. Палитра Stroke


На этом создание внешней рамки знака можно считать законченным. Есть только одно небольшое замечание: с объектом будет удобнее работать, если применить к нему команду Object

Первый этап исправления границы знака

Рисунок 1.16. Первый этап исправления границы знака


Граница стала прямой, но тут выяснилось, что внешний и внутренний контуры не параллельны. Это произошло из-за того, что узлы внутреннего контура находятся на разной высоте. Выделяем инструментом Совет
СОВЕТ



Лучше не «блуждать» по меню, а просто нажать сочетание клавиш Ctrl+Alt+J. Это и быстрее, и на присутствующих производит неизгладимое впечатление. Когда заказчик не видит, какое именно действие вы выполняете, он склонен считать вас кем-то вроде шамана-вуду и относится соответственно: с опаской и уважением.
Появится окно Average (Усреднить) (Рисунок 1.17). В данном случае нужно выбрать вариант Horizontal (Горизонталь). Когда будете исправлять левую или правую границы, воспользуйтесь вариантом Vertical (Вертикаль).

Постановка задачи

1.2. Постановка задачи

Теория закончена, перейдем к практике. Предположим, к вам пришел заказчик, который хочет видеть в качестве своего товарного знака символ «инь и ян», заключенный в рамку (Рисунок 1.2).

Рисунок 1.2. Рисунок, который мы будем повторять
Эскиз он принес на бумаге, электронный оригинал отсутствует. «Это же просто, — говорит он, пожимая плечами, — отсканируйте его, да и дело с концом». Вы вежливо с ним соглашаетесь (ведь заказчик всегда прав), но после ухода клиента серьезно задумываетесь.

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

Рисунок 1.25. Прямоугольник, нарисованный поверх шаблона с помощью Rounded Rectangle


А вот с радиусом закругления придется повозиться. Прежде чем начать эксперименты с подбором, запомните ширину и высоту созданного прямоугольника (они показаны в полях W: и Н: палитр Info (Информация) и Transform (Трансформация). Теперь удалите его и инструментом Rounded Rectangle (Закругленный прямоугольник) один раз щелкните в левом верхнем углу оригинала. Появится окно, в котором нужно будет ввести параметры создаваемого прямоугольника: ширину — в поле Width (Ширина), высоту — в Height (Высота), а радиус закругления углов — в Corner Radius (Радиус угла) (Рисунок 1.26). Изменяя последний из параметров, можно добиться соответствия нарисованной фигуры и оригинала.

Редактирование гладкого узла инструментом

Рисунок 1.18. Редактирование гладкого узла инструментом Convert Anchor Point


В некоторых местах (например, на заострении изогнутой «капли») нам нужно состыковать два гладких сегмента так, чтобы в месте контакта произошел излом. Здесь лучше воспользоваться инструментом Direct Selection (Частичное выделение). Выделите им нужный узел или сегмент, затем щелкните на маркере одной из направляющих и, не отпуская кнопку мыши, переместите курсор (Рисунок 1.19).

Редактирование контура инструментом Direct Selection

Рисунок 1.19. Редактирование контура инструментом Direct Selection


Здесь есть одна сложность: если гладкая якорная точка была создана инструментом Convert Anchor Point (Изменить якорную точку), как было оцисано выше, выходящие из нее направляющие жестко связаны. Перемещение маркера одной приводит к симметричному перемещению маркера второй. Чтобы добиться заострения, в таком узле следует еще раз применить Convert Anchor Point (Изменить якорную точку). На этот раз нужно не «вытягивать» направляющие из якорной точки, а переместить данным инструментом один из маркеров. Жесткая связь исчезнет, и обе направляющие, выходящие из узла, можно будет перемещать независимо.
Таким образом, шаг за шагом, узел за узлом вы приведете трассированное изображение к нормальному виду.
Поначалу это покажется вам скучным и утомительным занятием. Должны вас успокоить: подобная деятельность кажется скучным и утомительным занятием всем, в том числе и профессиональным операторам в крупных сервисных центрах. Особенно утомляет постоянное переключение с инструмента на инструмент, но этого можно избежать. Маленькая хитрость: если вы решили заняться длительным редактированием контуров, активизируйте сначала Direct Selection (Частичное выделение), а затем Реп (Перо). После этого вы сможете переключаться на любой из описанных выше инструментов, не обращаясь к палитре инструментов, следующим образом.

Переключитесь на Direct Selection (Частичное выделение), нажав и удерживая клавишу Ctrl.

Рисование по шаблону

1.5. Рисование по шаблону

Как видите, не так уж просто привести в приличный вид результат сканирования. В некоторых случаях проще нарисовать картинку заново, используя в качестве шаблона растровый оригинал. Наш логотип — наглядное тому подтверждение, так как он состоит из комбинации простых фигур.
Попробуем нарисовать новый логотип, пользуясь оригиналом только в качестве образца (этот процесс называется «отрисовать картинку»).
Хорошо бы разместить исходное изображение так, чтобы оно было видно, но не слишком мозолило глаза и не мешало работе. В Illustrator эта ситуация предусмотрена и, на взгляд разработчиков, очень удобно реализована. Речь идет об использовании так называемого шаблона (template) — изображения, расположенного на специальном слое, которое выводится на экран с низкой насыщенностью цвета. Чтобы поместить шаблон в документ, выполните команду File

Рисование

Рисование

Допустим, вы обнаружили в газете объявление: «Срочно требуется оператор с опытом работы в Illustrator». Далее перечисляются условия работы, которые полностью вас устраивают. «Изучу программу по ходу дела», — решаете вы, запустив AI в первый раз в жизни, и бодро набираете номер телефона. Описание собеседования опускаем (для этого существуют совсем другие книги) и предположим, что заветное рабочее место досталось вам. Вы запустили Adobe Illustrator — второй раз в жизни — и с тревогой ждете появления своего первого заказчика. Пока он томится в отделе маркетинга, прочитайте несколько страниц теории. Это поможет вам усвоить несколько полезных терминов и представить (в общих чертах), с какой умной программой предстоит работать.

Содержание

Вперед

Шаблонное изображение и его место на палитре Layers

Рисунок 1.21. Шаблонное изображение и его место на палитре Layers


Этот слой обладает особыми свойствами: его содержимое не выводится на печать, не выделяется и, следовательно, не может быть изменено. Изображение на шаблонном слое ослабляется до определенной величины, по умолчанию — до 50% от исходной насыщенности. Если шаблон кажется вам слишком бледным или, наоборот, слишком ярким, можете изменить степень его насыщенности. Для этого дважды щелкните на имени слоя на палитре Layers (Слои) и в появившемся окне свойств слоя измените значение напротив опции Dim Images to: (Фоновый режим) (Рисунок 1.22).

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

1.4. Трассировка отсканированного изображения

Самый простой способ перевода растровой картинки в векторную — использование специальных программ или инструментов векторных редакторов, которые рисуют контуры на основе исходного растрового изображения. Для этого процесса существует официальный термин «векторизация», но профессионалы предпочитают использовать слово «трассировка» — от английского trace (чертить). У Adobe Systems есть специальная программа под названием Streamline, а в самом Illustrator — инструмент Auto Trace (Автоматическая трассировка), расположенный в нижней части палитры инструментов (Рисунок 1.6).

Увеличенный фрагмент изображения после трассировки

Рисунок 1.10. Увеличенный фрагмент изображения после трассировки


Можно попытаться исправить положение, регулируя настройки инструмента Auto Trace (Автоматическая трассировка), которые находятся в диалоговом окне Preferences/Type & Auto Tracing (Установки/Текст и автоматическая трассировка) (Рисунок 1.11). Вызывается окно командой Edit

Клавиша Ctrl всегда позволяет вернуться

ВНИМАНИЕ
Клавиша Ctrl всегда позволяет вернуться к последнему использованному инструменту выделения. Поэтому перед активизацией инструмента Реп (Перо) необходимо задействовать именно Direct Selection (Частичное выделение), а не основной инструмент Selection (Выделение) или Group Selection (Групповое выделение).

Переключитесь на Convert Anchor Point (Изменить якорную точку), нажав и удерживая клавишу Alt.

При подведении курсора к сегменту контура инструмент автоматически превращается в Add Anchor Point (Добавить якорную точку).

При подведении курсора к узлу инструмент автоматически превращается в Delete Anchor Point (Удалить якорную точку).

ВНИМАНИЕ
Если в этом окне отменить опцию Template (Шаблон), слой станет обычным, его содержимое можно будет выделять и печатать. И наоборот, любой слой станет шаблонным, если в окне его свойств активизировать Template (Шаблон).

Зависимость результата трассировки

Рисунок 1.12. Зависимость результата трассировки от значения параметра Auto Trace Tolerance (Допуск трассировки): а — 0 pt, б— 10 pt, в— комбинация вариантов а и б


4. Выделите обе группы и щелкните на значках

Об Adobe Illustrator CS

А —оболочка б— объект в— объект помещенный в оболочку

Рисунок 2.26. а —оболочка, б— объект, в— объект, помещенный в оболочку


Эффекты группы Warp (Деформация), по сути, повторяют применение команды Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя). Но есть у них и свои особенности.
Например, оболочка, созданная с помощью команд меню Object > Envelope Distort (Объект > Внешнее искажение), не позволяет напрямую редактировать объект, помещенный в нее. Предварительно придется выполнить команду Object >Envelope Distort > Edit Contents (Объект > Внешнее искажение > Редактировать содержимое), а по окончании изменения исходного объекта — команду Object > Envelope Distort > Edit Envelope (Объект > Внешнее искажение > Редактировать оболочку). Пользователям CorelDraw это должно напомнить приемы работы с контейнерами, пользующиеся дурной славой. В Illustrator ситуация не такая печальная, но все равно неудобно. Эффекты этого недостатка лишены. Чтобы увидеть исходный вид объекта, достаточно перейти в упрощенный режим просмотра командой View > Outline (Вид > Контурный).
Зато оболочку, созданную с помощью эффекта, нельзя редактировать, смещая отдельные узлы. Поэтому сами, исходя из конкретной ситуации, выбирайте, что применить: команду меню или эффект. Авторы предпочитают первый способ. Дело в том, что главное достоинство эффектов — возможность изменить параметры в любой момент — присутствует и при использовании команды Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя). Выделите объект, над которым эта операция применена, еще раз выполните упомянутую команду — и появится окно, в которое можно внести необходимые изменения.
Кроме всего описанного, в Illustrator возможна еще и трансформация в объемный объект. Об этом мы подробнее поговорим в занятии 6.

Диалоговое окно фильтра/эффекта

Рисунок 2.13. Диалоговое окно фильтра/эффекта Free Distort и результат его применения

Pucker & Bloat (Складки и раздувание). Сегменты контура либо «вдавливаются» внутрь (Рисунок 2.14, а), либо «выпячиваются» наружу (Рисунок 2.14, б).

Рисунок 2.14. Диалоговое окно фильтра/эффекта Pucker & Bloat и результат его применения

Roughen (Огрубление). Контур объекта хаотически искажается (Рисунок 2.15)

Рисунок 2.15. Диалоговое окно фильтра/эффекта Roughen и результат его применения

Scribble & Tweak (Каракули и помарки). Фильтр (или эффект) немного напоминает предыдущий, но характер искажений другой (Рисунок 2.16).

Рисунок 2.16. Диалоговое окно фильтра/эффекта Scribble & Tweak и результат его применения

Twist (Закручивание). Название и действие этого фильтра/эффекта вам должно быть знакомо. Помните инструмент Twist (Закручивание) (Рисунок 2.10)? То же самое, но параметры «турбулентности» задаются не вручную, а цифрами (Рисунок 2.17).

Рисунок 2.17. Диалоговое окно фильтра/эффекта Twist и результат его применения

Zig Zag (Зигзаг). Пусть вас не сбивает с толку название: этим фильтром/эффектом можно получить не только остроугольный зигзаг (Рисунок 2.18, а), но и плавную волну (Рисунок 2.18, б).

Применить фильтр или эффект к объекту очень просто: выделяете фигуру, выбираете в меню Filter (Фильтр) или Effect (Эффект) нужный пункт. Как правило, при этом вызывается диалоговое окно, которое содержит опцию Preview (Просмотр). Если ее активизировать, можно будет йодбирать параметры фильтра (эффекта), не закрывая окно. Как только результат вас устроит, щелкните на кнопке ОК. Вот тут-то сходство фильтра и эффекта заканчивается. Дело в том, что примененный эффект (в отличие от фильтра) можно изменить или удалить в любой момент — даже после закрытия и повторного открытия файла.
Например, пусть использован эффект Zig Zag (Зигзаг). Тогда при выделении нашего знака «инь и ян» на палитре Appearance (Внешний вид) появится строчка Zig Zag (Рисунок 2.19). Чтобы удалить эффект, достаточно перетащить эту строчку на значок мусорного ведра в правом нижнем углу палитры.



Рисунок 2.18. Диалоговое окно фильтра/эффекта Zig Zag (а) и результат его применения (б)

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

Рисунок 2.8. Диалоговые окна и результат применения инструментов трансформирования: a— Rotate; 5—Reflect; в— Scale


Использование команды Transform Each (Трансформировать каждый)
Если вам кажется неудобным то, что нельзя применить все виды трансформирования одновременно, попробуйте использовать команду Object > Transform > Transform Each (Объект > Трансформирование > Трансформировать каждый). Она предназначена для обработки нескольких объектов, но авторы успешно применяют ее и тогда, когда одну и ту же фигуру нужно одновременно повернуть, сжать, отразить и т. д. При выполнении этой команды вызывается окно, в котором можно задать все необходимые виды и параметры трансформирования (Рисунок 2.9).

Рисунок 2.9. Одновременное масштабирование, поворот и отражение объекта с помощью команды Transform Each

Фильтры группы Distort и эффекты

Фильтры группы Distort и эффекты группы Distort & Transform

Все описанные выше инструменты понравятся тем, кто привык доверять собственному глазомеру больше, чем цифрам. Авторы же предпочитают более точные мето-ды,искажения объектов, например, фильтры группы Filter > Distort (Фильтр > Искажение) или эффекты группы Effect > Distort & Transform (Эффект > Искажение и трансформация).
Порядок применения фильтров и эффектов практически одинаков, однако между ними есть существенные различия, которые рассмотрим ниже.
Сейчас просто перечислим те из них, которые предназначены для эффектного искажения формы объекта.

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

Инструменты группы Liquify (Разжижение)

Инструменты группы Liquify (Разжижение)

Если вы уже работали в Photoshop 7.0, то обрадуетесь, увидев знакомые инструменты, которые напоминают своих «братьев» из растрового пакета. Впрочем, даже если вы столкнулись с ними впервые, понять их принцип действия несложно, достаточно немного поэкспериментировать.
Прежде чем приступить к работе с инструментами Liquify (Разжижение), запомните понятие кисти (brush). Дело в том, что в Illustrator есть инструмент с таким же названием, а также палитра Brushes (Кисти), которая тесно связана с использованием данного инструмента. Так вот, кисть Liquify (Разжижение) не имеет к упомянутым инструменту и палитре никакого отношения. В данном случае это просто область действия инструмента. Чем больше кисть, тем большую часть объекта вы будете редактировать.
Посмотрим, как исказит форму нашего знака, например, Warp (Деформация) — самый простой инструмент группы.

1. Активизируйте его. Курсор примет вид довольно большой окружности — это и есть кисть (Рисунок 2.10, а).
2. Подведите курсор к знаку, нажмите кнопку мыши и, не отпуская ее, проведите по выделенному объекту. Появится «каркас» контура, который будет показывать, как изменяется форма объекта (Рисунок 2.10, б).
3. Отпустите кнопку мыши — фигура примет искаженный вид (Рисунок 2.11, в)'

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

Рисунок 2.2. Инструменты трансформирования


Пока нас интересуют четыре инструмента:
Совет
СОВЕТ



Чем ближе к центру трансформации вы начинаете редактирование, тем с большей амплитудой оно происходит. Если вы начнете из удаленной точки, то сможете более точно контролировать изменение формы объекта.

Искажение объекта

2.2. Искажение объекта

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

Искажение оболочки (показана штриховкой)

Рисунок 2.21. Искажение оболочки (показана штриховкой) приводит к искажению вписанного в нее объекта


Простейший пример такой деформации — применение фильтра или эффекта Free Distort (Свободное искажение).
Кроме того, можно использовать два более сложных метода редактирования оболочки: команды меню Object > Envelope Distort (Объект > Внешнее искажение) и эффекты группы Warp (Деформация). У каждого из них есть свои плюсы и минусы.
Команды меню предоставляют несколько возможностей исказить форму фигуры. Самый простой — операция Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя).
Выделите созданный нами знак и выполните данную команду. Появится окно, в котором нужно выбрать тип преобразования объекта (Рисунок 2.22). На Рисунок 2.23 приведены все доступные способы деформации.

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

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

Для каждого вида трансформации есть свой инструмент. На палитре инструментов они располагаются примерно посередине (Рисунок 2.2). Рядом с ними находятся некоторые средства искажения формы объекта, но о них мы поговорим ниже.

Изменение формы

Изменение формы

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

Содержание

Вперед

Этапы применения инструмента Warp

Рисунок 2.10. Этапы применения инструмента Warp: a— вид курсора при активном инструменте; 5— редактирование объекта; в— результат редактирования


Совет
СОВЕТ
Вполне может случиться так, что вас не устраивает размер кисти, которая установлена по умолчанию. Изменить его можно двумя способами. Во-первых, можно нажать клавишу Enter при активном инструменте Liquify (Разжижение) и вызвать окно его настроек (Рисунок 2.11). В окне можно изменить все параметры кисти: Width (Ширина), Height (Высота), Angle (Угол наклона) и Intensity (Интенсивность действия). Во-вторых, вы можете, удерживая кнопку мыши, нажать клавишу Alt и, перемещая курсор, увеличить кисть до нужного размера. Если при этом удерживать еще и клавишу Shift, изменение размеров будет пропорциональным.

Команды меню Envelope Distort

Команды меню Envelope Distort (Внешнее искажение) и эффекты группы Warp (Деформация)

Существует еще один способ деформации объектов, перекочевавший в Illustrator из Photoshop. Впрочем, еще раньше эффект Envelope (Оболочка) применялся в CorelDraw. Суть его проста: каждый объект, независимо от его формы, можно вписать в воображаемый прямоугольник (далее будем называть его оболочкой). Если оболочку исказить, соответствующим образом исказится и объект (Рисунок 2.21).

Окно инструмента Shear В поле

Рисунок 2.5. Окно инструмента Shear В поле Shear Angle (Угол перекоса) задается угол скоса фигуры (Рисунок 2.6).

Окно настроек инструмента Warp

Рисунок 2.11. Окно настроек инструмента Warp


Как видите, ничего сложного. Остальные инструменты этой группы также интуитивно понятны. Лучший способ освоить их — это немного поэкспериментировать. На Рисунок 2.12 приведены примеры действия прочих инструментов Liquify (Разжижение).

Окно Warp Options

Рисунок 2.22. Окно Warp Options


ПРИМЕЧАНИЕ
«Оболочка», возможно, не самый удачный перевод для Envelope, так как она проходит и может изменяться не только по внешнему контуру объекта, но и внутри него (см., например, заготовки Wave, Fisheye или Twist). Но более точное словосочетание «сетка редактирования» кажется авторам слишком громоздким.

Отображение объекта после трансформирования

Рисунок 2.4. Отображение объекта после трансформирования


Если в процессе трансформирования удерживать нажатой клавишу Alt, произойдет дублирование объекта, то есть и оригинал будет сохранен, и его искаженная копия появится.
Удерживание клавиши Shift заставит объект искажаться только в определенном направлении. Например, если удерживать Shift и перемещать инструмент Shear (Перекос) влево или вправо, горизонтальные стороны прямоугольника останутся строго горизонтальными.
2. Точное редактирование. У каждого из перечисленных инструментов есть свое маленькое диалоговое окошко, в котором можно задать точные параметры трансформирования. Вызывается оно двойным щелчком на значке инструмента на палитре инструментов или нажатием клавиши Enter, если данный инструмент активен. Рассмотрим, например, окно Shear (Перекос) (Рисунок 2.5).

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

Рисунок 2.3. Отображение объекта во время трансформирования


Добившись приемлемого для вас результата, отпустите кнопку мыши. Объект соответствующим образом изменит форму (Рисунок 2.4).

Палитра Appearance при выделении

Рисунок 2.19. Палитра Appearance при выделении объекта с примененным к нему эффектом Zig Zag


Для отмены фильтра придется воспользоваться командой Edit > Undo (Правка > Отмена). Это неудобно. Во-первых, это долго. Во-вторых, между применение фильтра и моментом, когда вы решили от него отказаться, могло быть проделано несколько полезных действий. Команда Undo (Отмена) уничтожит их все. В-третьих, если вы закрыли документ, вспомнили, что надо бы отменить фильтр, и снова открыли файл, то обнаружите, что команда Undo (Отмена) уже недоступна. Все придется начинать сначала.
Есть еще одна причина, по которой следует отдавать предпочтение именно эффектам: их параметры можно изменить, не отменяя сами эффекты. Это совсем не то же самое, что повторное применение одного и того же эффекта или фильтра.
В качестве примера рассмотрим все тот же Zig Zag (Зигзаг). Сначала мы применили его, введя величину 1 мм в поле Size (Размер) (Рисунок 2.20, а). Результат заказчика не удовлетворил. «Интересно, конечно, но хотелось бы в два раза лохматее», — сказал он. Вы тут же проводите в уме нехитрые вычисления (1 х 2 = 2) и повторно применяете Zig Zag (Зигзаг) с теми же параметрами. Если фильтр или эффект применены только что, можно выполнить команду Filter > Apply Zig Zag (Фильтр > Применить Zig Zag) или Effect > Apply Zig Zag (Эффект > Применить Зигзаг). Результат будет довольно неожиданным (Рисунок 2.20, б).
Другое дело, если вы использовали именно эффект. Тогда вам достаточно два раза щелкнуть на строке Zig Zag в палитре Appearance (Внешний вид), что приведет к появлению окна эффекта. Если вы измените его поле Size (Размер) с 1 мм на 2 мм, произойдет именно то, чего хотел заказчик (Рисунок 2.20, в) (вернее, говорил — чего заказчик хочет, он, как правило, и сам не понимает).

Примеры применения инструментов

Рисунок 2.12. Примеры применения инструментов группы Liquify (Разжижение): a— Twirl; б— Pucker; в— Bloat; г— Scallop; д— Crystallize; e— Wrinkle

Рамка редактирования вокруг выделенного объекта

Рисунок 2.1. Рамка редактирования вокруг выделенного объекта

Различные варианты деформации оболочки типа Flag

Рисунок 2.24. Различные варианты деформации оболочки типа Flag


Как видите, набор заготовок достаточно велик, но ваши возможности им не ограничиваются. Вы можете поэкспериментировать с настройками группы Distortion (Искажение) окна Warp Options (Настройки деформации). Один и тот же шаблон деформации может выглядеть совершенно по-разному (Рисунок 2.24).
Кроме того, после выполнения команды Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя) вы можете редактировать оболочку так же, как и любой другой векторный контур, по правилам, описанным в занятии 1. Так можно придать объекту любую, самую причудливую форму (Рисунок 2.25).

Редактирование примененного эффекта

Рисунок 2.20. Редактирование примененного эффекта: а— первоначальный вариант;
6— повторное применение первоначального варианта; в— изменение
параметров первоначального варианта


У эффектов есть единственный серьезный недостаток: по сравнению с фильтрами они занимают значительно больше ресурсов компьютера, особенно процессора. Дело в том, что эффекты — это небольшие программы, которые выполняются каждый раз, когда соответствующий объект отображается на экране, то есть почти всегда. Поэтому предлагаем компромиссный вариант использования эффекта. Пока вы не уверены, что правильно подобрали его параметры, оставляйте фигуру без изменений. Как только нужный результат достигнут, выделите объект с эффектом и примените к нему команду Object > Expand Appearance (Объект > Преобразовать внешний вид). В результате эффект окончательно и бесповоротно применится к объекту-носителю. Вы не сможете ни отменить, ни изменить его, зато процессор вздохнет с облегчением.
Команды меню Envelope Distort (Внешнее искажение) и эффекты группы Warp (Деформация)

Редактирование с помощью рамки редактирования (Bounding Box)

Редактирование с помощью рамки редактирования (Bounding Box)

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

Результат произвольного редактирования оболочки

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


Кстати, можно вообще не пользоваться заготовками, а сразу начать редактировать оболочку вручную. Для этого необходимо создать ее командой Object > Envelope Distort > Make with Mesh (Объект > Внешнее искажение > Наложить сетку).
Наконец, можно сначала нарисовать оболочку, а затем поместить в нее объект командой Object > Envelope Distort > Make with Top Object (^Объект > Внешнее искажение > Преобразовать в соответствии с верхним объектом) (Рисунок 2.26). При этом следите, чтобы оболочка была на переднем плане по отношению к деформируемому объекту. Проверить это легко: сдвиньте обе фигуры так, чтобы они перекрывались. Если объект прячется за оболочку, все нормально, можно выполнять команду. Если наоборот, выделите оболочку без объекта и выполните команду Object > Arrange > Bring to Front (Объект > Упорядочить > Поместить наверх).

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

Рисунок 2.6. Результат трансформирования в зависимости от угла перекоса: а— 15°, 5—30°, в — -45°, г— -60°


Совет
СОВЕТ



Включайте во время редактирования опцию Preview (Просмотр). Это позволит оценивать результат, не закрывая окно.
Остальные инструменты действуют по тому же принципу, но каждый производит свой тип трансформирования (Рисунок 2.8).

Типы деформации при помощи Object

Рисунок 2.23. Типы деформации при помощи Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя)

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

ВНИМАНИЕ
Если объект выделен, а рамка редактирования не появилась, включите ее, выбрав в главном меню View > Show Bounding Box (Вид > Показать рамку редактирования). С помощью рамки редактирования можно проделать простейшие операции:

1. Изменение размеров. Подведите курсор к одному из маркеров рамки редактирования. Если это угловой маркер, можно изменять высоту, и ширину объекта, если боковой — только одну из этих величин. Удерживая Shift, вы будете масштабировать фигуру, сохраняя ее пропорции. Клавиша Alt позволяет изменять размер относительно центра. Нетрудно догадаться, что при удержании клавиш Alt+Shift будет происходить пропорциональное увеличение или уменьшение объекта относительно его центра.
2. Вращение. Если курсор установить не точно на маркере рамки, а рядом с ним, объект можно будет повернуть вокруг его центра. При удержании нажатой клавиши Shift вращение возможно только под углами, кратными 45°.

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

ВНИМАНИЕ
При использовании инструментов этой группы запомните два важных правила: во-первых, действие распространяется только на выделенные объекты, во-вторых, чем дольше вы держите нажатой кнопку мыши, тем заметнее будет результат.

Об Adobe Illustrator CS

Библиотеки кистей

Библиотеки кистей

Библиотеки кистей — это файлы, которые содержат некоторое количество уже заданных кистей. Около 30 таких наборов поставляется с Illustrator стандартно, еще больше можно найти в Интернете.
Для открытия одной из таких библиотек необходимо выполнить команду Window > Brush Libraries (Окно > Библиотеки кистей) и в раскрывающемся списке выбрать необходимый набор. Появится новая палитра, имя которой будет соответствовать имени библиотеки. В ее левом нижнем углу будет изображен перечеркнутый карандаш, означающий, что содержимое палитры нельзя редактировать.
Чтобы перенести кисть на палитру Brushes (Кисти), достаточно выделить ее щелчком мыши на «родной» палитре. После этого соответствующий образец тут же появится в стандартном наборе. Если нужно добавить сразу несколько кистей, выделите их в палитре библиотеки, а затем в ее меню выберите команду Add to Brushes (Добавить в палитру кистей) или просто перетащите в палитру Brushes (Кисти) мышью.

Библиотеки стилей

Библиотеки стилей

Учитывая, что использование большого числа стилей может заметно замедлить работу программы, разработчики включили в базовый набор всего 12 стилей. Однако у вас есть возможность использовать дополнительные библиотеки стилей, которые хранятся в папке \ILLustrator 10\Presets\Styles.
Для их вызова воспользуйтесь пунктом главного меню Window > Style Libraries (Окно > Библиотеки стилей). Здесь перечислены все доступные библиотеки стилей. В нижней строке подменю располагается команда Other Library (Другая библиотека), которая позволяет загрузить библиотеку стилей из произвольной папки. Вы можете найти достаточно большое количество подобных библиотек в Интернете, воспользовавшись поисковым сервером.

Фильтр Saturate (Насыщенность)

Фильтр Saturate (Насыщенность)

Для изменения насыщенности цвета есть простой способ — фильтр Saturate (Насыщенность): Filter > Colors > Saturate (Фильтр > Цвета > Насыщенность) (Рисунок 3.13).

Градиенты

3.2. Градиенты

Слово «gradient» (градиент) образовано от слова «градация», что означает последовательность, постепенность в расположении чего-нибудь при переходе от одного к другому. В данном случае имеется в виду переход между цветами.
В Illustrator есть три возможных типа градиентных заливок:

линейная, когда цвет изменяется вдоль прямой линии, которую мы будем называть направляющей (Рисунок 3.14, а);

радиальная — изменение цвета от точки к краям (Рисунок 3.14,6);

градиентная сетка — самый интересный тип, при котором изменение цвета происходит от узла к узлу произвольно искажаемой сетки (Рисунок 3.14, в).

Рисунок 3.14. Типы градиентной заливки: а— линейная; 6— радиальная; в— градиентная сетка

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

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

Часто работы, создаваемые в Adobe Illustrator, предназначены для печати в градациях серого. Это могут быть следующие варианты:

изображение для газеты;

логотип на бланк фирмы;

другой вариант.

Среди доступных вариантов цветовых режимов в программе Adobe Illustrator, в отличие от, например, Photoshop, нет градаций серого. Поэтому единственная возможность имитировать серые оттенки — фильтр Convert to Grayscale (Преобразовать в оттенки серого): Filter > Colors > Convertto Grayscale (Фильтр > Цвета > Преобразовать в оттенки серого)

Инструмент Blend

Рисунок 3.9. Инструмент Blend

4. Щелкните инструментом Blend (Переход) сначала на одном логотипе, затем на другом. Вы получите примерно тот же результат, что показан на рис 3.10.

Интересный способ выбрать цвет

Интересный способ выбрать цвет

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

1. Создайте два одинаковых объекта, в нашем случае это логотипы. Отличаться они должны только цветом — это будут «крайние варианты», в нашем случае стопроцентный черный и пятипроцентный белый.
2. Расположите их друг напротив друга на расстоянии, превышающем их диаметр в 7-10 раз (Рисунок 3.8).

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

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

Это особая сетка, обладающая свойствами векторного объекта, то есть ее можно трансформировать, и в то же время она является двухмерным градиентом. В такой сетке каждый ее угол — пересечение двух линий — определяет цвет в данной точке, таким образом, каждая ячейка сетки может иметь до четырех цветов. Особенность градиентной сетки заключается в том, что все ее цвета переходят друг в друга плавно, образуя сложный градиент.
Для создания градиентной сетки существуют три варианта, каждый из которых хорош в различных ситуациях.
1. Если сетка создается на достаточно простом объекте и желательно, чтобы ее ячейки были размещены равномерно, следует выделить преобразуемый элемент, после чего выполнить команду Object > Create Gradient Mesh (Объект > Создать градиентную сетку). Имеются следующие параметры.

Рисунок 3.19. Диалоговое окно Create Gradient Mesh

Rows (Строки). Количество строк в создаваемой сетке.

Columns (Столбцы). Параметр аналогичный предыдущему только относительно столбцов.

Appearance (Тип). Выделяется три типа:

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

То Center (К центру). В этом случае накладывается сетка, а ее центр осветляется, создавая градиент от центра к краю.

То Edge (К краю). При таком варианте осветляются, наоборот, края, а центр остается темным.

На Рисунок 3.20 представлен пример всех трех преобразований."

Рисунок 3.20. Влияние Appearance (Тип) на результат преобразования: a— Flat; б— То Center; в — То Edge

Highlight (Подсветка). Данный параметр определяет интенсивность осветления. О соответствует исходному цвету, а 100 — белому.

2. Если необходимо преобразовать объекты, которым уже присвоена градиентная заливка в градиентную сетку, не потеряв при этом ее внешнего вида, следует воспользоваться командой Object > Expand (Объект > Преобразовать).

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

4. Самым элементарным примером использования Mesh (Сетка) может быть создание все тех же псевдообъемных шаров, но на этот раз в виде отдельных объектов. Создайте круг черного цвета при помощи инструмента Ellipse (Эллипс). Наложите сеть, показанную на Рисунок 3.21, а. Итог представлен на Рисунок 3.21,6.

Рисунок 3.21. Использование инструмента Mesh

Назад

Содержание

Вперед

Использование Patterns (Текстуры)

3.3. Использование Patterns (Текстуры)

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

Изменение наложенной текстуры при помощи инструментов

Изменение наложенной текстуры при помощи инструментов

Иногда нужно изменить текстуру, уже примененную к объекту. Например, сделать картинку «более живой», нестандартной.
Для этого вполне подходят описанные в занятии 2 стандартные инструменты искажения. Мы воспользуемся инструментом Shear (Перекос), чтобы получить боковой наклон текстуры. Однако, если не произвести настройку, кроме текстуры будет изменяться и фигура. Поэтому дважды щелкните на Shear (Перекос) на палитре инструментов — и откроется окно, показанное на Рисунок 3.23.

Окно фильтра Saturate

Рисунок 3.13. Окно фильтра Saturate


Как видно, достаточно сдвинуть один ползунок, чтобы получить нужный оттенок цвета.

Окно настроек Shear

Рисунок 3.23. Окно настроек Shear


Нас в этом окне интересует опция Options (Свойства). В ней нужно отключить Objects (Объекты), оставив Patterns (Текстуры).
После этого любые действия инструмента либо изменение остальных настроек коснется только текстур. На Рисунок 3.24 показана текстура до и после применения Shear (Перекос).

Рисунок 3.24. Текстура до и после применения фильтра Shear

Окно Scatter Brush Options

Рисунок 3.26. Окно Scatter Brush Options

Rotation (Вращение). Определяет угол поворота элементов.

Rotation relative to (Вращение относительно):

Page (Страницы).

Path (Контуры).

Colorization (Тонирование). Здесь определяется способ окрашивания объектов.

Из всех этих настроек мы изменили только Spacing (Интервал) до 30%.
В этом же окне происходит и редактирование свойств кисти уже после ее сохранения. Кроме того, кисти можно редактировать, вытягивая ее на рабочую область, точно так же, как это было в Patterns (Текстуры).
После этого можно наложить новую кисть на объект. Результат показан на Рисунок 3.27.

Рисунок 3.27. Результат наложения на объект кисти, заданной пользователем

Окно выбора типа новой кисти

Рисунок 3.25. Окно выбора типа новой кисти


Нам нужно, чтобы вдоль линий располагалось множество неискаженных объектов; поэтому больше всего подходит вариант New Scatter Brush (Новая диффузионная кисть). После этого откроется окно настроек кисти (Рисунок 3.26). Можно настроить следующие параметры.

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

Spacing (Интервал). Здесь можно установить размер оптимального интервала между объектами.

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

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

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

На двух прошлых занятиях мы по настоянию заказчика переводили рисованный, растровый объект в векторную форму и всячески искажали его геометрически. Однако кроме формы есть и другой важный фактор, влияющий на то, чтобы работа выглядела хорошо и, главное, «к месту», — это цвет.
-
Даже если взять самое несложное, с чем вам, как будущим профессиональным пользователям Adobe Illustrator, придется работать, то есть логотип, сразу становится ясно, что просто черной фигурой от заказчика вам, скорее всего, не отделаться.
Конечно, если помещать логотип только на фирменный бланк и печать, то достаточно сделанного черного макета. Но практически любая компания со временем хочет видеть свой символ на майках, ручках, кепках, воздушных шарах и т. д. Только представьте себе, как ужасно будет смотреться черный символ на темно-синей кепке! Точнее, его вообще никто не заметит. Именно поэтому изменение цвета объектов — это очень важная часть работы.
Сразу стоит уточнить, что когда мы говорим об окрашивании в Adobe Illustrator, речь идет не только об одноцветной «краске», но и о градиентах и узорах (текстурах).
Градиент (Gradient) — это переход одного цвет в другой, или нескольких цветов друг в друга. Он может быть как плавным, так и резким. Текстура — это узоры, которыми заполняется объект (Рисунок 3.1).

Основа для создания текстуры

Рисунок 3.22. Основа для создания текстуры

"Выбрать в меню палитры Swathes (Образцы) команду New Swatch (Новый образец). Появится диалоговое окно New Swatch (Новый образец), в котором следует ввести имя создаваемой текстуры.

Выполнить команду Edit > Define Patterns (Правка > Определить текстуру). Результат аналогичен варианту 3.

После того, как вы выполните любой из этих вариантов, текстура готова.

Палитра Color Picker

Рисунок 3.7. Палитра Color Picker


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

Палитра Gradient

Рисунок 3.15. Палитра Gradient


В этой палитре есть следующие элементы.

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

Параметр Туре (Тип):

Radial (Радиальный),

Linear (Линейный).

Angle (Угол). Этот параметр доступен только при использовании линейного градиента и означает угол наклона образующей к горизонтали. Ввести можно любое значение угла в градусах в диапазоне от -180° до 180°. На Рисунок 3.16 представлен пример одного и того же градиента, проведенного под углами 0° (Рисунок 3.16, а) и 45° (Рисунок 3.16,6).

Пример одного и того же градиента

Рисунок 3.16. Пример одного и того же градиента, проведенного под углом 0° (а) и 45° (б)

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

Location (Положение). Определяет положение выделенного маркера на градиентной шкале.

Создайте нужное количество маркеров (семь), просто щелкая мышью на уровне их расположения. Затем разместите их на примерно одинаковом расстоянии друг от друга. Теперь нужно задать цвета. Это будут (слева направо): красный, оранжевый, желтый, зеленый, голубой, синий, фиолетовый. Изменить цвет маркера очень просто: выделите квадратик под соответствующим цветовым маркером, после этого вызовите палитру Color (Цвет) и измените на ней цвет.

Работа с кистями

3.4. Работа с кистями

Кисти — это особый тип объектов, которые находятся на палитре Brushes (Кисти). Несмотря на название, кисти — параметр не только инструмента Paintbrush (Кисть), а созданного пути вообще, вне зависимости от инструмента.
В Adobe Illustrator для удобства работы, а также из-за различия в свойствах, все кисти разделили на четыре группы:

Calligraphic Brushes (Каллиграфические кисти). Это самая простая группа, так как эти кисти похожи на те, которые можно встретить во многих других графических редакторах. Они похожи на обычные кисти и чаще всего имеют круглую или овальную форму.

Scatter Brushes (Диффузионные кисти). Выбирая данную кисть на палитре, можно видеть изображения объекта на ее иконке. Такая кисть распыляет объекты но всей длине линии.

Art Brushes (Художественные кисти). Кистью такого типа вы растянете объект по всей длине ее линии.

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

Работа со стилями

3.5. Работа со стилями

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

Расположение объектов друг относительно друга

Рисунок 3.8. Расположение объектов друг относительно друга

3. Затем нам пригодится инструмент Blend (Переход) (Рисунок 3.9). Этот инструмент позволяет создавать плавные переходы от одного объекта к другому. Применяется, в основном, для изменений формы, но этот пример доказывает, что он может эффективно использоваться и для цвета.

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

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

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

Щелкнув здесь можно вызвать Color Picker

Рисунок 3.6. Щелкнув здесь, можно вызвать Color Picker


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

Создание глобального цвета из смесевого

Создание глобального цвета из смесевого

В Adobe Ulustrator есть две большие группы цветов — глобальные и смесевые. Отличие между ними заключается в том, что смесевые состоят из компонентов (например, в цветовой модели CMYK их четыре — Голубой (С), Пурпурный (М), Желтый (Y), Черный (К).
Глобальный цвет имеет только один компонент, и менять можно только его насыщенность. Глобальные цвета часто удобнее, чем смесевые, особенно если необходимо лишь немного изменить цвет при подготовке к печати. Поэтому в этом примере попробуем перевести смесевой цвет в глобальный.

1. При помощи палитры Color (Цвет) выберите любой цвет. Назначьте его новым образцом в Swatches (Образцы).
2. Затем двойным щелчком на цвете вызовите окно настроек. В нем нам сейчас нужен только один параметр — Global (Глобальный). Усатновите напротив него флажок (Рисунок 3.11).

Создание линейного градиента

Создание линейного градиента

Задача этого примера звучит достаточно просто — необходимо окрасить логотип в «радужный» цвет, то есть создать переход из семи цветов.
Первое, что нужно сделать, — на палитре Swatches (Образцы) щелчком на пиктограмме

Создание собственной кисти

Создание собственной кисти

Цель данного примера — создание кисти в виде логотипа и наложение ее штрихов на произвольный объект. Первое, что необходимо сделать, — выделить объект и на палитре Brushes (Кисти) щелкнуть на пиктограмме в виде чистого листа бумаги (New). Откроется окно выбора типа новой кисти (Рисунок 3.25).

Создание текстуры

Создание текстуры

Наша задача сейчас — создать текстуру в виде множества логотипов. Для новой текстуры следует создать шаблон, который вы хотели бы использовать, а затем выделить его.
Совет
СОВЕТ
При создании собственной текстуры лучше работать над увеличенным элементом, так как именно таким образом можно отслеживать все детали. Работа в нашем случае ведется с векторным изображением, поэтому его можно увеличивать и уменьшать без потери качества.
Если после уменьшения какие-либо из элементов плохо видны, целесообразнее вообще от них отказаться, если, конечно, они не несут смысловой нагрузки.
Итак, для начала создадим то, что должно стать в будущем текстурой. Для этого просто скопируйте несколько раз логотип. Затем сгруппируйте их (Рисунок 3.22).
Далее есть несколько вариантов.

Перетащить объекты будущего шаблона в палитру Swatches (Образцы). Будет создан новый образец текстуры с именем New Pattern Swatch 1.

Щелкнуть в палитре Swatches (Образцы) на значке

Созданный переход

Рисунок 3.10. Созданный переход


Теперь вы можете показать заказчику множество вариантов и законно спросить: «И что вы всё же хотите?».
Совет
СОВЕТ
Практически то же самое можно сделать фильтром Blend Front To Back (Переход цвета сверху вниз): Filter > Colors > Blend Front To Back (Фильтр > Цвета > Переход цвета сверху вниз).

Типы окрашивания

Рисунок 3.1. Типы окрашивания

Содержание

Вперед

В окне Swatch Options необходимо выставить Global

Рисунок 3.11. В окне Swatch Options необходимо выставить Global

3. Цвет стал глобальным. Разницу можно почувствовать по палитре Color (Цвет). На Рисунок 3.12 показан ее вид для одного цвета в виде смесевого и глобального.

Рисунок 3.12. Вид палитры Color для одного образца в режимах глобального (слева) и смесевого (справа) цвета

В момент использования палитры Color

ВНИМАНИЕ
В момент использования палитры Color (Цвет) обязательно следует выделить один из треугольных маркеров, иначе весь объект будет перекрашен в сплошной, не градиентный, цвет. Кроме того, можно вызвать палитру Swatches (Образцы) и перетащить с нее один из образцов цвета на один из цветовых маркеров.
Средние точки — это точки, в которых цвета, между которыми осуществляется переход, смешены в одинаковых пропорциях. Перемещать можно как с помощью мыши, так и вводя значения в поле Location (Положение). В нем вы можете задать в процентах относительное смещение зоны данного цвета от начала градиента. Маркер с координатой 0% соответствует цвету в начальной, 100% — в конечной точке перехода. Наш градиент и его настройки показаны на Рисунок 3.17.

Рисунок 3.17. Созданный градиент и его настройки


ВНИМАНИЕ
Web-safe colors, или веб-безопасные цвета, — это цвета, которые на платформах PC и MAC отображаются одинаково. Эти цвета в Интернете будут смотреться именно такими, как вы их видели, вне зависимости от того, пользуется ли посетитель машиной PC или Apple. Палитра Color Picker (Выбор цвета) показана на Рисунок 3.7.

Выбор цвета при помощи палитры Color (Цвет)

Выбор цвета при помощи палитры Color (Цвет)

Самый простой способ задать цвет объекта — использовать палитру Color (Цвет) (Рисунок 3.2).

Рисунок 3.2. Палитра Color
Если вы знаете точно, какой цвет вам нужен, то получить его можно по цифровым значениям. Однако чаще цвет выбирается «на глаз». Данная палитра предоставляет оба способа выбрать цвет. Второй способ — это смещение ползунков цветовых каналов. Часто можно встретить выражения вроде «все хорошо, но лучше немного убрать пурпур». В данном случае речь идет о канале М (Magenta — пурпурный). Еще более простой вариант — выбрать цвет на полосе внизу. На ней представлены все оттенки, поэтому найти необходимый цвет очень просто.
Попробуем решить при помощи этой палитры следующую задачу — необходимо окрасить объект в 30-процентный серый в режиме CMYK. Если подобрать цвет «на глаз», то при распечатке могут возникнуть проблемы, так как будет использован не только черный канал. Поэтому цвет нужно задать вручную. На палитре Color (Цвет) сместите все ползунки в положение 0, а К (ЫасК — черный) — до 30%, как показано на рис 3.3. Вот и все.

Рисунок 3.3. Задаем нужный оттенок серого

Выбор цвета при помощи палитры Color Picker (Выбор цвета)

Выбор цвета при помощи палитры Color Picker (Выбор цвета)

Третий основной способ задать цвет — это палитра Color Picker (Выбор цвета). Запустить ее можно двойным щелчком по образцам цвета на палитре инструментов (Рисунок 3.6).

Выбор цвета при помощи палитры Swatches (Образцы)

Выбор цвета при помощи палитры Swatches (Образцы)

Еще более простой способ изменять окраску предоставляет палитра Swatches (Образцы) (Рисунок 3.4). На ней собраны готовые цвета, градиенты и узоры. Для задания их к объекту достаточно одного щелчка мышью.

Рисунок 3.4. Палитра Swathes
Наш логотип уже окрашен в 30-процентный серый. Сохраните его цвет в качестве образца для дальнейшего использования. Для этого найдите в нижней части палитры пиктограмму с изображением чистого листа бумаги (New). Одного щелчка на ней достаточно, чтобы внести цвет в образцы. Однако лучше сразу учиться давать им понятные названия, поэтому щелкните на New с нажатой при этом клавишей Alt. Откроется окно, представленное на Рисунок 3.5.

Рисунок 3.5. Окно настроек нового цветового образца
Все настройки нам сейчас не нужны, просто в поле Swatch Name (Название образца) впишите понятное вам имя. У нас это 30% Gray. Образец сохранен, в будущем его можно использовать.

Об Adobe Illustrator CS

Что можно делать с текстом пока он еще текст

4.3. Что можно делать с текстом, пока он еще текст

А можно выполнять много разных операций. В общем, все зависит от воли заказчика и исполнителя.
И вот наш заказчик захотел, чтобы мы создали для него небольшую листовку с основной информацией о его фирме. Задача принципиально не отличается от предыдущей, однако речь теперь идет о работе не с отдельными словами, а с целыми текстовыми блоками. Естественно, уже не может идти речи о кропотливой работе над каждым расстоянием между буквами, их толщиной или высотой.
Начнем создание листовки с «чистого листа», а именно с нового документа. В качестве фона разместим фирменный знак. Мы его увеличили и сделали очень светлым, что бы он не мешал воспринимать основную информацию (Рисунок 4.14).
Напишем заголовок. Здесь нет никаких неожиданностей, так как принцип работы тот же, что и при создании визитки.
Далее при работе с большим объемом текста возникают определенные сложности. Первое кардинальное отличие — простой текст не ограничивается никакими рамками, и переход на новую строку осуществляется путем нажатия клавиши Enter, что при редактировании может вызвать ряд неудобств. Поэтому обычный текст, как правило, не используется для больших текстовых фрагментов.

Диалоговое окно Illustrator Native Format Options

Рисунок 4.27. Диалоговое окно Illustrator Native Format Options

Здесь вам следует обратить внимание только на одну опцию: Subset fonts when percent of the characters are used __ (Внедрять подмножество шрифта при использовании менее чем__процентов символов). Она становится доступной, если активна настройка Embed All Fonts (for other applications) (Внедрять все шрифты (для других программ)). Если процент использованных в документе символов данного шрифта меньше указанного, то внедряются только эти символы. В противном случае в файл записывается весь шрифт целиком.

Кроме того, можно сохранять шрифты в формате PDF. Этот формат все чаще используется как основной для передачи данных разной формы (в основном через Интернет). Если необходимо, чтобы ваша работа была доступна наибольшему числу пользователей, то нередко PDF — оптимальный выбор. Кроме того, в последнее время данный формат стал широко использоваться в допечатных технологиях. Illustrator способен генерировать только одностраничные PDF-документы. Настройки, с которыми вам придется столкнуться, аналогичны уже рассмотренным.

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

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

Теперь, когда мы научились окрашивать созданный нами товарный знак всевозможными способами, самое время создать несколько готовых документов, в которых этот знак будет использоваться. Чаще всего заказчик хочет получить не только отдельный символ, а готовые разработки с ним, например, визитки, конверты, рекламы, брошюры или что-нибудь иное.
Но, приступив к работе, мы сразу обнаружим, что практически любой документ содержит, кроме графических элементов, еще и текст. Это может быть несколько строк (визитная карточка, фирменный бланк или баннер), несколько абзацев (рекламная листовка или сайт), а то и несколько страниц (буклет). Последний случай мы рассматривать не будем: для верстки буклетов лучше использовать специальные программы — QuarkXPress или Adobe PageMaker. А вот небольшие по объему текстовые блоки оформлять в Illustrator очень удобно.
Основная функция текста — это передача какой-либо информации. Однако наряду с этой задачей он является еще и частью композиции, а следовательно, должен соответствовать общему дизайнерскому замыслу. В программе Illustrator в вашем распоряжении имеется достаточное количество инструментов и настроек для создания самых разнообразных текстовых элементов.

Содержание

Вперед

ПХЯСМНЙ 4 14 Фон для листовки

пХЯСМНЙ 4.14. Фон для листовки


Гораздо удобнее в этом случае абзацный или, как его обычно называют, блочный текст. Он ограничен особой формационной рамкой. Подобные рамки можно встретить в любой программе компьютерной верстки, они служат для выравнивания текста, например, по столбцам.
В Adobe Illustrator предусмотрено два основных способа создания блочного текста. Первым способом — инструментом Туре (Текст) — пользуются в случаях, когда нужно выровнять текст в блоке прямоугольной формы (то есть почти всегда). Для этого достаточно запустить Туре (Текст) и, удерживая правую клавишу мыши, нарисовать прямоугольник так же, как инструментом Rectangfe (Прямоугольник). Далее введите текст с клавиатуры или вставьте из буфера обмена. В результате он разместится точно в границах созданной области. Сам ограничительный блок в таком случае не обладает свойствами окрашенной фигуры.
При использовании блочного текста следует учитывать некоторые особенности, отличающие его от обычного. При нажатди клавиши Enter происходит не переход на новую строку (в блочном тексте строки определяются автоматически), а создание нового абзаца.
Появление квадратика с плюсом в правом нижнем углу говорит о том, что габариты текста превышают габариты ограничивающего блока. В этом случае нужно либо уменьшить размеры текста, либо увеличить площадь блока, либо связать блок с другим (об этом рассказывается ниже).
Ограничивающий блок является векторной фигурой, поэтому для его модификации можно использовать инструменты Selection (Выделение) и Direct Selection (Частичное выделение).
Второй способ написания текста в блоках связан с инструментом Area Type (Текст в области), основное достоинство которого в том, что с его помощью можно писать в блоках абсолютно любой формы, в том числе и открытых. Пользоваться этим инструментом также очень просто. Создайте произвольный объект, используя любой из инструментов рисования. Заливка и обводка не имеют значения (они все равно исчезнут после применения Area Type (Текст в области). Затем возьмите инструмент Area Type (Текст в области) и щелкните внутри контура, в непосредственной близости к нему. После того как появится мерцающий курсор, можно вводить текст (Рисунок 4.15).

ПХЯСМНЙ 4 15 Заполнение текстом областей

пХЯСМНЙ 4.15. Заполнение текстом областей


Использование инструмента Area Type (Текст в области) позволяет воплощать в жизнь самые смелые дизайнерские задумки (Рисунок 4.16).

ПХЯСМНЙ 4 16 Использование инструмента Area Type

пХЯСМНЙ 4.16. Использование инструмента Area Type


Есть еще одна возможность, о которой стоит упомянуть,— это связь между блоками. Смысл этой функции в том, что текст «перетекает» из одного блока в другой, связанный с ним. На Рисунок 4.17 представлен пример расположения текста в двух столбцах.

ПХЯСМНЙ 4 17 Пример расположения

пХЯСМНЙ 4.17. Пример расположения текста в двух связанных блоках

ПХЯСМНЙ 4 18 Размещение первого абзаца

пХЯСМНЙ 4.18. Размещение первого абзаца


Для создания данного эффекта потребуется очень мало времени и еще меньше усилий. Сначала создайте прямоугольный текстовый блок и заполните его. Желательно, чтобы габариты текста превышали габариты блока, в результате чего появится плюс в квадрате. Создайте второй блок. При помощи инструмента Selection (Выделение) выделите их все. Затем останется только запустить команду Туре > Blocks > Link (Текст > Блоки > Связать). Часть текста появится во втором блоке. Чтобы разорвать связь, достаточно выполнить команду Туре > Blocks > Unlink (Текст > Блоки > Развязать).
Однако вернемся к нашей листовке. Мы решили, что каждый следующий пункт будет начинаться с маленькой эмблемы компании, а далее будет размещен текст. Разместив первый абзац в новом блоке, вы увидите примерно следующую картину (Рисунок 4.18).
Не очень удачно. Не правда ли? Текст не выровнен по краям, и не помешало бы провести ряд других преобразований. Для этого следует воспользоваться возможностями, предоставляемыми палитрой Paragraph (Абзац) (Рисунок 4.19).

ПХЯСМНЙ 4 19 Палитра Paragraph

пХЯСМНЙ 4.19. Палитра Paragraph


Чтобы ее открыть, достаточно нажать сочетание клавиш Ctrl+T. Открывается палитра Paragraph (Абзац) в паре с палитрой Character (Символ) и это логично — обычно они совместно и используются.
Чуть выше мы говорили о том, что блочный текст называют также абзацным. Конечно, можно использовать настройки форматирования и для строчного текста, но полностью они реализуются только при наличии блока.
После того как палитра открыта, необходимо включить отображение всех настроек. Поэтому в меню палитры (открывается нажатием на пиктограмму в виде стрелки в правом верхнем углу) выберите Show Options (Показать настройки).
Выключка
Выключка — это классический полиграфический термин. В доцифровую эпоху он обозначал доведение строк текста до какого-либо заданного формата. Однако теперь это понятие несет несколько другое значение, а именно выравнивание строк относительно вертикали, поэтому иногда выключку называют «выравнивание».
Для выравнивания нашего не совсем удачно расположившегося текста нам потребуется воспользоваться одной из пяти следующих функций. В Illustrator есть пять основных видов выключки и две, встречающиеся значительно реже. В практической работе в основном нужны именно эти пять видов выключки:

ПХЯСМНЙ 4 20 Основные виды выключки текста

пХЯСМНЙ 4.20. Основные виды выключки текста


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

Левый абзацный отступ. Это отступ между границами текста и его крайними символами.

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

Красная строка. Что такое красная строка, все помнят еще со школьной скамьи, — это отступ в начале абзаца. Ее также можно использовать при верстке. При помощи данной опции мы создали красную строку и на нашей листовке. Как вы помните, абзац есть только в блочном тексте. Он появляется после нажатия клавиши Enter, поэтому для обычного текста эта опция не имеет смысла.

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

Word Spacing (Расстояние между словами). Опция, актуальная для некоторых видов выключки, так как выравнивание строк происходит за счет расширения или сужения пространства между словами. Содержится несколько настроек:

Min (Минимум) — минимальное расстояние между словами, в процентах от обычного;

Desired (Рекомендованное) — программа будет по возможности подгонять расстояние между словами именно к этому значению;

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

Letter Spacing (Межбуквенное расстояние). Отличие от предыдущей настройки только в том, что задается пространство не между словами, а между символами.

После применения рассмотренных выше настроек первый пункт выглядит практически идеально (Рисунок 4.21).
Однако некоторые из описанных преобразований можно выполнять не только при помощи палитры Paragraph (Абзац), но также палитры Tabs (Табуляция). Window > Туре > Tabs (Окно > Текст > Табуляция) или сочетанием клавиш Ctrl+Shift+T.
Прежде чем начинать редактирование табуляций, вы должны выделить необходимый текстовой блок одним из инструментов выделения или его фрагмент — текстовым инструментом. Затем следует совместить начало палитры Tabs (Табуляция) с началом текстового объекта. Это можно сделать вручную, перетащив палитру за заголовок либо щелкнув на специальной кнопке масштабирования, расположенной в правом верхнем углу палитры. Если вы щелкнете на кнопке масштабирования при выделенном вертикальном тексте, палитра повернется на 90° и выровняется по верхнему краю текстового блока.

ПХЯСМНЙ 4 21 Отформатированный абзац

пХЯСМНЙ 4.21. Отформатированный абзац


С помощью палитры Tabs (Табуляция) можно выполнять некоторые функции палитры Paragraph (Абзац). В частности, в ее левой (для вертикального текста — верхней) части есть два маленьких треугольника. Верхний определяет величину красной строки, нижний — величину левого отступа.
Кроме обычного расположения текста, можно создавать эффект обтекания им каких-либо графических элементов. Обтекание графических фрагментов текстом — один из самых эффектных приемов при верстке. Неудивительно, что и в Adobe Illustrator есть такая возможность.
Создайте блочный текстовый фрагмент и нарисуйте или импортируйте графический. Стоит обратить внимание на то, что на палитре Layers (Слои) картинка должна размещаться выше текста (то есть графический объект должен быть на переднем плане по отношению к текстовому).

1. Поместите картинку в то место на тексте, где в дальнейшем она должна будет располагаться.

ПХЯСМНЙ 4 22 Обтекание текстом графического элемента

пХЯСМНЙ 4.22. Обтекание текстом графического элемента

2. Выделите графический объект и текст одновременно при помощи инструмента Selection (Выделение).
3. Выполните команду Туре > Wrap > Make (Текст > Обтекание > Создать) (Рисунок 4.22).
4. Чтобы убрать обтекание, выполните команду Туре > Wrap > Release (Шрифт > Обтекание > Удалить).

При помощи рассмотренных выше опций и инструментов можно создать листовку в строгом деловом стиле. Однако если вам (или заказчику) хочется разнообразить строгость прямых линий, используйте функции Envelope Distort (Внешнее искажение).
Для выполнения одной из команд внешнего искажения необходимо выбрать Object > Envelope Distort (Объект > Внешнее искажение), после чего перед вами появится список команд.
Make with Warp (Преобразовывать деформируя) — Ctrl+Alt+W. Эта команда предназначена для искажения объектов по шаблонам, предлагаемым разработчиками. После того как вы ее выберете, появляется диалоговое окно (Рисунок 4.23). Имеются следующие параметры:

ПХЯСМНЙ 4 23 Диалоговое окно Warp Options

пХЯСМНЙ 4.23. Диалоговое окно Warp Options

Style (Стиль) — достаточно большой список всевозможных вариантов искажения, которые можно применить к выделенному объекту;

Horizontal/Vertical (Горизонталь/Вертикаль) — следует указать, относительно какой оси проводить деформацию;

Bend (Изгиб) — эта шкала позволяет установить направление деформации, то-есть справа налево (сверху вниз) или наоборот, а также ее степень;

Horizontal/Vertical (Горизонталь/Вертикаль) — кроме деформации, задаваемой выше, можно добавить перспективное искажение относительно горизонтали или вертикали.

При помощи данной функции можно расположить заголовок листовки по окружности эмблемы. Обратите внимание, что буквы написаны не по пути в виде окружности, а искажены (Рисунок 4.24).

ПХЯСМНЙ 4 24 Деформация текста

пХЯСМНЙ 4.24. Деформация текста


Если и это вам покажется слишком простым, воспользуйтесь следующей опцией.
Make with Mesh (Наложить сетку) — Ctrl+Alt+M. После выбора данной команды появляется диалоговое окно (Рисунок 4.25), в котором следует указать, на сколько строк и столбцов (Rows и Columns) соответственно следует разбить выделенный объект.

ПХЯСМНЙ 4 25 Диалоговое окно Envelope Mesh

пХЯСМНЙ 4.25. Диалоговое окно Envelope Mesh


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

Рисунок 4.26. Искажение текста при помощи сетки

Прежде чем передать работу дальше

4.5. Прежде чем передать работу дальше

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

Иногда требуется откорректировать один или несколько символов, например, при создании логотипов. Именно для этих целей в программе Adobe Illustrator существует возможность превращать текст в стандартные кривые Безье. Для этого выделите один или несколько символов и выберите Туре > Create Outlines (Шрифт > Преобразовать в кривые). Переведя символ в кривые, мы получаем возможность редактировать его как обычный векторный объект. В этом случае сохранение файла происходит как было описано ранее.

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

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

4.4. Работа с текстом

Допустим, заказчик пришел смотреть готовый проект и говорит, что можно было бы шрифт чуть сделать тоньше. Если попытаться выполнить его желание, переведя буквы в кривые, а затем преобразовывая, то ничего толкового все равно не получится, а времени будет потрачено много. Однако есть другой способ.
Отдельного разговора заслуживает такой экзотический тип компьютерных шрифтов, как Multiple Master. Это шрифты Туре 1, обладающие определенными свойствами. В частности, пользователь может плавно изменять толщину штриха и ширину символа. Для этого можно использовать Adobe Type Manager или палитру MM Design (Настройка Multiple Master) в Adobe Illustrator (Window > Type > MM Design (Окно > Текст > Настройка Multiple Master).
Палитра состоит из трех полей.

Font (Шрифт). Информационное поле, в котором отображается имя шрифта.

Weight (Насыщенность). Ползунок и текстовое поле, с помощью которого задается толщина штриха («жирность») шрифта. Изменяя эту величину, можно, например, получить начертание, среднее между светлым и полужирным, а также очень светлое или очень насыщенное начертание.

Width (Ширина). Изменяется ширина символов.

Создаем строку и абзац

4.2. Создаем строку и абзац

Начнем с самого простого из указанных выше документов, а именно с визитки. Чаще всего заказчик просит создать визитку, в которой будет отражена основная информация о нем: ФИО, контактные телефоны и адреса, а также иногда занимаемая должность и организация. И, конечно же, если мы говорим о компании, то на визитке будет располагаться ее логотип (наш символ). Практически вся остальная информация — это текст.
Рассмотрим инструменты, с помощью которых будем создавать визитку. Они практически не отличаются от аналогичных в других графических редакторах. Для создания и редактирования текста в Illustrator есть шесть инструментов, расположенных на палитре инструментов (Рисунок 4.1).

Рисунок 4.1. Расположение инструментов группы Text на палитре инструментов
Самый простой и наиболее часто используемый инструмент создания текста — Туре (Текст) (и его вариант Vertical Type (Вертикальный текст)) — служит для создания ничем не ограниченного текста, поэтому форматирование полностью ложится на плечи пользователя. Работать с этим инструментом легко, так как он очень напоминает курсор текстового редактора. Чтобы начать создавать текст, достаточно щелкнуть в окне документа.
Если инструментом Туре (Текст) щелкнуть на уже созданном тексте, не будет создаваться новый фрагмент, а появится возможность редактирования старого. Именно поэтому никогда не стоит торопиться с растеризацией текста (или иными словами перевода его из векторных элементов в растровые).
В процессе создания текста вы сами определяете длину строк. Как и в любом текстовом редакторе, для перевода на новую строку следует нажать клавишу Enter.
Для этого инструмента действуют все основные правила выделения текста, то есть следующие:

Shift+—> или <-текст будет посимвольно выделяться в направлении стрелки;

Shift+T — выделение происходит построчно, начиная от первоначального положения курсора до конечного;

Shift+i — выделяется текстовый фрагмент после курсора (аналогично предыдущему, только движение курсора происходит вниз);

Ctrl+A — выделится весь текстовый фрагмент;

клавиша Ноте переводит курсор в начало строки;

клавиша End переводит курсор в конец строки.

ВНИМАНИЕ
Adobe Illustrator поддерживает работу с буфером обмена. Поэтому вы можете вставить текст из другой программы, либо наоборот.
Инструмент Vertical Type (Вертикальный текст) отличается только направлением написания. Для него оно вертикальное.
А теперь, исходя из полученных теоретических сведений, можно приступать к созданию визитки. Естественно, сначала создается новый документ необходимого размера. Далее следует написать имя, воспользовавшись одним из рассмотренных выше инструментов. В результате получится один из двух представленных на Рисунок 4.2 вариантов.

Рисунок 4.2. Пример расположения текста по вертикали и горизонтали
СОВЕТ
Если возникла необходимость изменить ориентацию набранного текста с горизонтального на вертикальный или наоборот, воспользуйтесь командой главного меню Туре > Туре Orientation (Текст > Ориентация текста).
После того, как текст написан, его можно преобразовывать. Для этого его необходимо выделить инструментом Selection (Выделение), а дальше можно воспользоваться любым из рассмотренных раньше инструментов деформирования, а именно: Rotate (Поворот), Reflect (Отражение), Shear (Перекос) и др. В результате можно получить искаженный текст, который также можно использовать при создании проектов (Рисунок 4.3).

Рисунок 4.3. Искаженный текст
Кроме того, если заказчик пожелает, можно расположить буквы не по прямой линии, а по любой траектории.
В Illustrator направляющей линией для текста может выступать любая кривая Безье. Для пользователя это означает, что по форме текстового объекта ограничений не существует, что весьма полезно в дизайнерской работе.
Текст по кривой создается специальным инструментом Path Type (Текст по кривой) . Чтобы воспользоваться этим инструментом, следует создать специальную кривую или использовать уже готовую. На Рисунок 4.4 приведен пример расположения надписи по периметру знака.

Рисунок 4.4. Расположение текста по периметру
Если вы выделите такой текст любым инструментом выделения, то увидите курсор в начале. Это очень важный момент. Если вы вооружитесь инструментом Direct Selection (Частичное выделение), то, потянув за этот курсор, сможете менять положение надписи относительно кривой, то есть так, как показано на Рисунок 4.4.
После создания текста можно изменять кривую, вдоль которой он расположен, перемещая узлы несущего контура. Для этого предназначен все тот же инструмент Direct Selection (Частичное выделение). Пример такого преобразования представлен на Рисунок 4.5.
Итак, заказчик просит нас создать визитку и указать на ней его имя, телефон, должность и компанию. Причем визитка должна располагаться горизонтально.

Рисунок 4.5. Искажение пути, по которому расположен текст
Создайте новое изображение (File > New (Файл > Новый) или Ctrl+N). Укажите все необходимые параметры. Единственное пожелание заказчика на данном этапе, которое нам необходимо учесть, — это горизонтальное расположение (то есть ширина карточки больше высоты).
Далее следует поместить эмблему фирмы. Есть два основных варианта: это или небольшой значок, который не пересекается буквами, или, наоборот, размер эмблемы практически равен размеру карточки и, соответственно, все надписи будут пересекать ее.
Если вы выбрали второй случай или нечто среднее, то обратите внимание на то, что текст должен хорошо читаться, а его цвет и цвет знака (или их насыщенность) должны существенно различаться.
Мы для нашего заказчика решили остановиться на среднем варианте (Рисунок 4.6), то есть: знак не очень большой, и его пересечет лишь часть надписей.

Рисунок 4.6. Заготовка для визитки
Теперь перейдем к созданию надписей. Активизируйте один из рассмотренных выше инструментов работы с текстом и напишите имя клиента (Рисунок 4.7).

Рисунок 4.7. Имя заказчика
Скорее всего, буквы будут не очень подходить по стилю, да и размер не тот, не говоря уже о месторасположении. Наиболее простой способ исправить две последние проблемы — это взять инструмент Selection (Выделение), переместить надпись на подходящее место и исправить ее размер. Эта операция выполняется так же, как и при работе с простыми фигурами, так как текстовый блок практически ничем не отличается от них.
Однако не все вопросы можно решить при помощи данного инструмента. Поэтому необходимо обратиться к палитре Character (Символ). Чтобы ее вызвать, выполните команду Window > Туре > Character (Окно > Текст > Символ) или нажмите сочетание клавиш Ctrt+T (Рисунок 4.8).

Рисунок 4.8. Палитра Character
На этой палитре находятся практически все настройки, которые могут вам понадобиться. После того как палитра Character (Символ) появится на рабочем столе, необходимо полностью развернуть ее, то есть открыть все настройки. Для этого щелкните на пиктограмме в виде стрелки в правом верхнем углу этой палитры — откроется меню свойств. Включите опцию Show Options (Показать настройки).
Чтобы иметь возможность преобразовывать текст, его необходимо сначала выделить. Для этого следует активизировать инструмент Туре (Текст), а дальше действовать курсором как в текстовом редакторе: подвести его к тексту и, удерживая клавишу мыши, выделить фрагмент. Можно также установить курсор в начале строки, а далее, нажав и удерживая клавишу Shift, перемещаться при помощи клавиш управления курсором. Данный способ необходим, если выделяется не вся надпись, а ее фрагмент. Если же необходимо выделить все сразу, воспользуйтесь инструментом Selection (Выделение), щелкнув им один раз на тексте.
После того, как текст выделен, можно изменять следующие параметры.
Font(Гарнитура)
Гарнитурой называется единство шрифта в написании (внешнем виде). Наиболее известны следующие гарнитуры: Aria], Garamond, Times New Roman и др. На сегодняшний день их существует несколько десятков тысяч. В настоящее время под гарнитурой обычно понимают сам шрифт, то есть шрифтовой файл, подключенный к операционной системе либо при ее установке, либо пользователем.
Чтобы выбрать подходящую гарнитуру, достаточно щелкнуть на пиктограмме в виде стрелки и в открывшемся меню найти нужную. В Illustrator нельзя сразу просматривать внешний вид шрифтов, как это делается в CorelDraw, и это серьезный недостаток, так как приходится или перебирать все варианты, или просматривать их начертание в какой-либо внешней программе.
В окне выбора гарнитуры можно вводить название необходимого шрифта. Это полезно тем, у кого их установлено несколько сотен и кто при этом помнит названия необходимых.
Изменить гарнитуру можно также при помощи основного меню: Туре > Font > (Текст > Гарнитура > ), а далее из раскрывшегося списка выбрать необходимый шрифт. Однако таким способом пользуются достаточно редко, так как он требует больше времени.
На Рисунок 4.9 представлен пример написания имени несколькими различными шрифтами.

Рисунок 4.9. Пример написания текста разными шрифтами
Начертание
Начертание — это отличие шрифтов одной гарнитуры друг от друга по наклону или толщине штриха. К примеру, распространенная гарнитура Times New Roman имеет четыре начертания:

Regular (Обычный),

Bold (Полужирный),

Italic (Курсив),

Italic Bold (Полужирный курсив).

Для выбора подходящего написания можно также пользоваться вводом с клавиатуры: например, если щелкнуть на палитре Character (Символ) и нажать клавишу I, появится значение «Italic». На Рисунок 4.10 показано имя, написанное гарнитурой Times New Roman всеми четырьмя видами начертания.

Рисунок 4.10. Пример написания текста с различным начертанием
Кегль, или размер
Эту настройку полиграфисты традиционно называют кеглем. Другие пользователи могут спокойно называть ее размером символов, так как этот вариант уже используется довольно часто, особенно в среде дизайнеров-«электронщиков».
ВНИМАНИЕ
В действительности размер символа и кегль шрифта — разные вещи. Размер символа существенно (на 30-40%) меньше его кегля. Кегль измеряется в полиграфических единицах — пунктах. Классические пункты не совсем точно переводятся в другие единицы, в Illustrator используется их приблизительное значение, равное 1/72 дюйма.
Данный параметр, так же как и первый, можно изменять, обратившись к главному меню: Туре > Size (Текст > Размер), после чего выбрать один из предложенных вариантов или ввести свое численное значение, выбрав пункт Other (Другой).
Для изменения размера шрифта можно использовать и сочетания клавиш: Ctrl+Shift+> увеличивает кегль, Ctrl+Shift+< — уменьшает.
В настройках программы Edit > Preferences > Units & Undo (Правка > Установки > 48=8FK 87<5@5=80 8 >В:ОВ) 2 АВ@>:5 Туре (Текст) можно выбрать другие единицы измерения кегля. Доступны следующие варианты:

Points (Пункты). Практически всегда используется именно этот вариант. Мы не советуем его менять. ,

Inches (Дюймы). Достаточно трудно привести пример использования этой единицы.

Millimeters (Миллиметры). Некоторые используют этот вариант при рисовании несложных чертежей в Illustrator.

Особая единица, равная 0,25 мм.

Pixels (Пикселы). Это полезный вариант при работе для Интернета.

Интерлиньяж (Leading)
Под интерлиньяжем понимают расстояние между строками текста, точнее, базовыми Линиями строк. Во всех программах от Adobe интерлиньяж по умолчанию составляет 120% от размера шрифта. Именно этот вариант называется Auto. Изменять данную настройку имеет смысл, если вы работаете с текстом, написанным в несколько строк, переход между которыми осуществлялся нажатием клавиши Enter.
Кернинг
Очень важная настройка, также родом из классической полиграфии, задает расстояние между символами. Дело в том, что если между всеми символами сохранять одинаковое расстояние, то начинает казаться, что некоторые их сочетания начинают слипаться либо, наоборот, стоят слишком далеко друг от друга. Эти пары символов известны, и поэтому многие шрифты типов Adobe Type 1 и TrueType содержат так называемые таблицы кернинга, в которых расстояние между каждой парой символов уже задано.
Но любой пользователь может определить наиболее подходящее расстояние между символами «на глаз» и ввести свое значение. Понятно, что при этом курсор должен находиться между символами. Кроме того, можно воспользоваться клавишами управления курсором. Сочетание клавиши Alt и —> увеличивает кернинговое расстояние, Alt и <-уменьшает.
Возможно, эта настройка не понадобится вам при создании документов с достаточно большим количеством текста, однако на визитке, где каждая надпись обращает на себя внимание, можно немного потрудиться и проверить каждое сочетание.
Трекинг
Настройка, на первый взгляд, очень похожая на предыдущую. Их часто путают, хотя, если разобраться, разница принципиальна. В кернинге задается расстояние между двумя конкретными символами, в тренинге — между всеми символами выделенного текстового фрагмента (точнее говоря, задается расстояние, добавочное к кернингу, то есть они складываются).
При использовании клавиш управления курсором сочетание клавиши Alt и —> увеличивает трекинговое расстояние, Alt и <-уменьшает.

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

Горизонтальная растяжка
Отличие от предыдущей настройки только в направлении деформации символов.

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

Рисунок 4.11. Начальный вариант визитки
Однако вряд ли заказчик останется доволен такой работой. Во-первых, слишком много шрифтов, абсолютно не связанных между собой. Конечно, для исправления этой ошибки можно воспользоваться командами основного меню или рассмотренной выше палитрой Character (Символ). Однако есть еще один способ, который зачастую намного удобнее.
В Adobe Illustrator существует специальная операция Find Font (Найти шрифт), которая позволяет не просто находить шрифты определенной гарнитуры и типа, но и заменять их в документе. Выполните команду: Туре > Find Font (Текст > Найти шрифт) (Рисунок 4.12).

Рисунок 4.12. Диалоговое окно Find Font

Fonts in Document (Шрифты в документе). Отображается список шрифтов, использованных в документе. Выделенный шрифт можно заменять или искать.

Replace Font From (Заменять шрифты из). В раскрывающемся списке можно выбрать, какие шрифты будут доступны для замены: все, подключенные к данной операционной системе — пункт System (Системные) или только примененные в данном документе — пункт Document (Шрифты документа). В зависимости от выбора в нижнем окне отображается соответствующий набор шрифтов. Общее количество доступных для замены шрифтов указывается рядом со списком Replace Font From (Заменять шрифты из).

Include In List (Включать в список). Выбор типов шрифтов, которые будут отображены в наборе для замены.

Done (Завершить). Закрывает окно.

Find Next (Искать дальше). Найти следующий фрагмент в документе, в котором используется указанный шрифт.

Change (Замена). Заменить указанный шрифт. Шрифт будет заменен только в одном, активном фрагменте текста.

Change All (Заменить все). Шрифт будет заменен во всем документе без просмотра.

Skip (Пропустить). Оставить фрагмент без изменений.

Save List (Сохранить список). Позволяет сохранить в текстовом файле список используемых в документе шрифтов.

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

Рисунок 4.13. Итоговый вариант визитки

Об Adobe Illustrator CS

Бленд между двумя группами знаков

Рисунок 5.21. Бленд между двумя группами знаков


Совет
СОВЕТ
Если созданный бленд слишком густой или редкий, выполните команду Object > Blend > Blend Options (Объект > Переход > Параметры перехода). Появится окно (Рисунок 5.22). Выберите в списке Spacing (Размещение) вариант Specified Steps (Количество шагов) и укажите меньшее или большее количество промежуточных объектов.

Бленд в режиме просмотра View > Outline

Рисунок 5.24. Бленд в режиме просмотра View > Outline


6. Путь перехода можно редактировать так же, как и любой другой векторный контур. Немного искривив его, вы добьетесь поставленной цели (Рисунок 5.25).

Диалоговое окно Rotate

Рисунок 5.14. Диалоговое окно Rotate

2. Если активны обе опции (установлены флажки), объект повернется вместе с текстурой (Рисунок 5.15, а).
3. Если активна только опция Objects (Объекты), объект повернется, а текстура нет (Рисунок 5.15, б).
4. Если активизировать только Patterns (Текстуры), текстура повернется внутри объекта (Рисунок 5.15, в).

Совет
СОВЕТ
Можно редактировать текстуру отдельно от объекта, даже не вызывая диалоговых окон. Для этого держите нажатой клавишу «тильда» (~) при использовании инструментов трансформации.

Диалоговое окно Scatter Brushes

Рисунок 5.29. Диалоговое окно Scatter Brushes Options (а) и результат произведенных в нем изменений (<5)



Рисунок 5.30. Результат применения кисти типа Pattern Brushes

Дублирование группы знаков

Рисунок 5.20. Дублирование группы знаков

3. Выделите обе группы и выполните команду Object > Blend > Make (Объект > Переход > Создать) — пространство между ними равномерно заполнится объектами (Рисунок 5.21).

Фильтры группы Colors (Цвета)

Фильтры группы Colors (Цвета)

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

Инструмент Gradient (Градиент)

Инструмент Gradient (Градиент)

Как уже говорилось в главе 3, этот инструмент используется для окрашивания объектов плавным переходом между цветами. Его действие отличается от щелчка на палитре Swatches (Образцы) на образце градиента.
Если выделить несколько фигур с градиентной заливкой (Рисунок 5.44, а) и провести по ним инструментом Gradient^ (Градиент) с нажатой кнопкой мыши, фигуры перекрасятся так, как будто являются частью одного большого объекта (Рисунок 5.44, б).

Рисунок 5.44. Объекты, окрашенные градиентом, до (а) и после (б) применения инструмента Gradient

Инструмент Measure на палитре инструментов

Рисунок 5.3. Инструмент Measure на палитре инструментов


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

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

2. Активизируйте инструмент Measure (Линейка).

3. Подведите курсор к какой-нибудь точке выделенного объекта (точка А на Рисунок 5.4, а), нажмите кнопку мыши и, не отпуская ее, переместите курсор. Отпустите кнопку мыши.

4. Место, в котором вы отпустите кнопку мыши, будет соответствовать новой позиции точки А (точка Б на Рисунок 5.4, а).

5. Вызовите окно Move (Перемещение) сочетанием клавиш Ctrl+Shift+M.

Щелкните в нем на кнопке Сору (Копировать). Объект будет скопирован на новое место (Рисунок 5.4, б).
Совет
СОВЕТ
Если вы хотите не копировать, а просто переместить фигуру, после применения инструмента Measure (Линейка) достаточно нажать сочетание клавиш Ctrl+D.

Инструменты группы Symbolism

Рисунок 5.33. Инструменты группы Symbolism


Они служат для создания и редактирования специального типа объектов — символов (Symbols). Чтобы понять, что это такое, рассмотрим процесс их использования. Создать символ можно уже привычным для внимательного читателя способом — перетаскиванием объекта в палитру. В данном случае речь идет о палитре Symbols (Символы) (Рисунок 5.34).

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

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

Палитра Brushes (Кисти) обычно используется для декоративного оформления объектов. Но ее можно применить и для построения повторяющегося декоративного узора, например, орнамента. Сначала создайте новую кисть на основе нарисованного нами знака. Для этого перетащите его на палитру Brushes (Кисти). Появится окно, в котором нужно выбрать тип создаваемой кисти (Рисунок 5.27).

Использование пошагового перехода (бленда)

Использование пошагового перехода (бленда)

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

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

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

Когда вы заполняете сравнительно небольшое пространство крупными объектами, описанных выше способов вполне достаточно. Но попробуйте уменьшить наш знак «инь и ян» и попытаться размножить его на листе размером 2 х 3 м. Рука устанет, прежде чем вы успеете закончить половину работы.
Специально для таких случаев разработчики Illustrator предлагают применять векторные текстуры (Patterns). Принцип их действия состоит в том, что вы вначале создаете один объект-заготовку, а потом заполняете им (обычно операторы говорят «заливаете») любую векторную фигуру. Во-первых это, происходит очень быстро, во-вторых, значительно уменьшается размер файла, в-третьих, форма фигуры может быть любой (Рисунок 5.6).

Этапы копирования объекта с применением инструмента Measure

Рисунок 5.4. Этапы копирования объекта с применением инструмента Measure


Наконец, следует упомянуть очень простой и быстрый способ скопировать объект на то же самое место — использование буфера обмена (Clipboard).

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

2. Нажмите Ctrl+C.

3. Нажмите Ctrl+B или Ctrl+F. В первом случае копия будет вставлена в том же месте, что и оригинал, но на заднем плане, во втором — на переднем.

Этапы применения фильтра Blend Horizontally

Рисунок 5.45. Этапы применения фильтра Blend Horizontally


Если теперь выделить все семь «капель» и применить к ним фильтр Filter > Colors > Blend Horizontally (Фильтр > Цвета > Переход цвета по горизонтали), все промежуточные объекты изменят цвет так, как нам и нужно: слева направо от черного к белому (Рисунок 5.45, в).
Фильтры Blend Vertically (Переход цвета по вертикали) и Blend Front to Back (Переход цвета сверху вниз) действуют аналогично. Первый из них организует переход цвета по вертикальной оси, второй — от самого дальнего объекта к самому нижнему.
Есть, правда, небольшое ограничение — нельзя применять эти фильтры к составным путям. Поэтому мы и взяли для примера только один элемент нашего знака.

Этапы редактирования текстуры

Рисунок 5.12. Этапы редактирования текстуры: а — извлечение заготовки из палитры Swatches (Образцы); б— окрашивание фонового прямоугольника; в— изменение ширины фонового прямоугольника; г— автоматическое изменение внешнего вида объектов, в которых использована данная текстура

3. Теперь нужно уменьшить ширину фонового прямоугольника, например, на 4 мм. Для этого вызовите палитру Transform (Трансформация) (Рисунок 5.13). В ее левой части есть набор маркеров gSS, которые определяют, относительно какой точки объекта будет производиться трансформирование. Выделите центральный маркер. Затем в поле W введите 76 или просто допишите -4 после числа 80 mm. Нажмите Enter — ширина фонового прямоугольника будет изменена (Рисунок 5.12, в).

Этапы создания «шахматной» текстуры

Рисунок 5.16. Этапы создания «шахматной» текстуры: а— копирование элементов; б— наложение прямоугольника


На Рисунок 5.17 изображен объект, окрашенный созданной текстурой.

Этапы создания заготовки текстуры

Рисунок 5.9. Этапы создания заготовки текстуры: а— рисование фонового прямоугольника (для наглядности он сделан полупрозрачным); 6— выравнивание объектов; в— перенос фонового прямоугольника на задний план;
г— отмена окраски фонового прямоугольника


Обратите внимание на различия между старой (Рисунок 5.11, а) и новой (Рисунок 5.11, б) текстурой.

Команда Transform Each (Трансформировать каждый)

Команда Transform Each (Трансформировать каждый)

Предположим, вы уже построили регулярный набор объектов, например, такой, который был показан на Рисунок 5.21. Правда, там был применен бленд, а для наших целей необходим набор независимых объектов. Поэтому прежде всего преобразуйте пошаговый переход в группу командой Object > Blend > Expand (Объект > Переход > Преобразовать), а затем разгруппируйте ее, нажав сочетание клавиш Ctrt+Shift+G.

Копирование знаков по прямой

Рисунок 5.19. Копирование знаков по прямой

2. Дублируйте созданную группу (Рисунок 5.20).

Объект окрашенный «шахматной» текстурой

Рисунок 5.17. Объект, окрашенный «шахматной» текстурой


Как видите, текстуры — очень простой и экономичный способ заполнения больших площадей одинаковыми изображениями. Правда, их возможности несколько ограничены.
Если вы хотите как-то разнообразить полученный рисунок (например, окрасить каждый элемент в свой цвет), выполните команду Object > Expand (Объект > Преобразовать). Текстура превратится в набор обычных объектов.
Совет
СОВЕТ
Если возможно, не преобразовывайте текстуру в набор объектов — это заметно увеличит размер файла. Например, лист формата A3 (297 х 420 мм), заполненный текстурой из знаков «инь и ян», занимает 656 Кб, а составленный из отдельных объектов — уже 1,61 Мб.

Окно Blend Options

Рисунок 5.22. Окно Blend Options


4. Результат получился слишком тривиальным. То же самое можно получить и более простыми способами. Но редактирование еще не завершено. Выделите всю верхнюю группу несколькими последовательными щелчками инструментом Direct Selection (Частичное выделение) &*". Измените ее цвет и размер. Соответствующим образом изменятся и все промежуточные объекты (Рисунок 5.23).

Окно Move

Рисунок 5.2. Окно Move


Здесь можно задать параметры перемещения фигуры.

Horizontal (Горизонталь). Сдвиг по горизонтали. Положительные значения означают перемещение вправо, отрицательные — влево.

Vertical (Вертикаль). Сдвиг по вертикали. Положительные значения означают перемещение вверх, отрицательные — вниз.

Distance (Расстояние). Расстояние, на которое сместится объект относительно своего начального положения.

Angle (Угол). Направление, вдоль которого происходит перемещение.

Если закрыть окно щелчком на кнопке ОК, объект просто переместится. Для копирования воспользуйтесь кнопкой Сору (Копировать). Иногда удобно комбинировать применение окна Move (Перемещение) и инструмента Measure (Линейка) (Рисунок 5.3).

Окно Preferences/General

Рисунок 5.5. Окно Preferences/General


Если вы хотите повторить знак с шагом, например, 50 мм, введите в это поле 50, щелкните на кнопке 0К, после чего левой рукой нажмите Alt, а правой начинайте упоенно стучать по клавишам управления курсором. Если же нужно перемещать объекты на 10 раз большее расстояние, вовсе не обязательно вызывать окно Preferences/General (Установки/Основные) и вводить 500 в поле Keyboard Increment (Клавиатурный сдвиг). Достаточно помимо клавиши Alt нажать Shift.

Окно создания новой кисти

Рисунок 5.27. Окно создания новой кисти


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

Scatter Brushes (Диффузионные кисти). Образцы кисти распределяются вдоль выделенного контура (Рисунок 5.28).

Окно Transform Each

Рисунок 5.31. Окно Transform Each

Палитра Swatches; кружком обведен созданный образец текстуры

Рисунок 5.7. Палитра Swatches; кружком обведен созданный образец текстуры


Теперь выделите любую фигуру и щелкните на значке созданной нами текстуры на палитре Swatches (Образцы). Фигура тут же заполнится знаками «инь и ян» (Рисунок 5.8).

Палитра Transform

Рисунок 5.13. Палитра Transform

4. Выделите прямоугольник и знак и перетащите их на палитру Swatches (Образцы), удерживая нажатой клавишу Alt. Если вы перетащите объекты точно на то место, где находится заготовка редактируемой вами текстуры, все фигуры, заполненные ею, сразу же изменят вид (Рисунок 5.12, г).

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

1. Выделите объект с текстурой, активизируйте инструмент Rotate (Поворот) и нажмите клавишу Enter. Появится диалоговое окно (Рисунок 5.14). В его нижней части есть две опции, которые нас в данном случае интересуют: Objects (Объекты) и Patterns (Текстуры). От их состояния зависит результат поворота.

Применение кисти типа Scatter Brushes

Рисунок 5.28. Применение кисти типа Scatter Brushes


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

Pattern Brushes (Декоративные кисти). Образцы кисти не просто распределяются вдоль контура, но и деформируются так, чтобы наиболее точно передать изгибы контура (Рисунок 5.30).

Применение символов

Применение символов

Еще более интересных результатов можно добиться, если применять инструменты группы Symbolism (Символизм) (Рисунок 5.33).

Пример бленда

Рисунок 5.18. Пример бленда


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

1. Создайте пять копий знака, расположенных вдоль прямой (Рисунок 5.19). Сгруппируйте их.

Произвольное дублирование

5.3. Произвольное дублирование

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

Простые способы регулярного копирования

Простые способы регулярного копирования

Самый очевидный способ регулярного копирования должен прийти в голову каждому, кто внимательно прочитал предыдущие главы — это использование команды Object > Transform > Transform Again (Объект > Трансформировать > Трансформировать снова). Эта команда (или сочетание клавиш Ctrl+D) производит последнюю операцию трансформации, независимо от того, как вы ее выполнили — вручную или с помощью диалогового окна.
Есть еще один интересный вариант: использование клавиш управления курсором (стрелок рядом с цифровой клавиатурой). Если вы выделите объект и нажмете на одну из этих клавиш, фигура переместится вверх, вниз, вправо или влево. Если при этом удерживать нажатой клавишу Alt, произойдет копирование. Величина сдвига задается в поле Keyboard Increment (Клавиатурный сдвиг) окна Preferences/ General (Установки/Основные) (Рисунок 5.5).

Простые варианты копирования объектов

5.1. Простые варианты копирования объектов

Размножение «вручную» и с помощью диалогового окна Move (Перемещение)
Самый простой способ создать копию изображения — перетащить его инструментом выделения при нажатой клавише Alt. Курсор при этом изображается в виде двойной стрелки: черной на переднем плане, белой — на заднем (Рисунок 5.1).

Различия между текстурами созданными

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


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

1. Перетащите заготовку из палитры Swatches (Образцы) на лист документа. Будут созданы два объекта — знак и фоновый прямоугольник (Рисунок 5.12, а). Разгруппируйте их командой Object > Ungroup (Объект > Разгруппировать).

2. Выделите только прямоугольник и с помощью палитры Color (Цвет) окрасьте его (Рисунок 5.12, б).

Различные фигуры заполненные одинаковой текстурой

Рисунок 5.6. Различные фигуры, заполненные одинаковой текстурой


Для создания шаблона можете просто перетащить любой объект (например, созданный нами знак) на палитру Swatches (Образцы). В ней тут же появится новый значок, соответствующий новой текстуре (Рисунок 5.7).
Совет
СОВЕТ
Чтобы видеть только образцы текстур, щелкните на кнопке ЦЩ в нижней части палитры.

Регулярное копирование

5.2. Регулярное копирование

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

Результат применения инструмента Symbol Screener

Рисунок 5.41. Результат применения инструмента Symbol Screener

Результат применения инструмента Symbol Scruncher

Рисунок 5.37. Результат применения инструмента Symbol Scruncher

Результат применения инструмента Symbol Shifter

Рисунок 5.36. Результат применения инструмента Symbol Shifter

Результат применения инструмента Symbol Sizer

Рисунок 5.38. Результат применения инструмента Symbol Sizer

Результат применения инструмента Symbol Spinner

Рисунок 5.39. Результат применения инструмента Symbol Spinner

Результат применения инструмента

Рисунок 5.40. Результат применения инструмента Symbol Stainer (первоначально символы были светло-серыми, для окрашивания использовался черный цвет)

Результат применения инструмента

Рисунок 5.42. Результат применения инструмента Symbol Styler при активном стиле Rustic Pen


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

1. Выделите созданный набор символов.
2. На палитре Symbols (Символы) выделите образец в виде рыбки.
3. Щелкните на значке

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

Рисунок 5.43. Результат замены образца символа

Результат редактирования пути перехода бленда

Рисунок 5.25. Результат редактирования пути перехода бленда


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

1. Создайте простой пошаговый переход между двумя объектами (Рисунок 5.26, а).
2. Нарисуйте линию, вдоль которой вы хотите выстроить промежуточные объекты бленда (Рисунок 5.26, б).
3. Выделите бленд и нарисованную линию, после чего выполните команду Object > Blend > Replace Spine (Объект > Переход > Заменить путь перехода). Объекты перестроятся вдоль нового пути (Рисунок 5.26, в).

Рисунок 5.26. Этапы создания пошагового перехода вдоль произвольного пути: а- создание бленда; б— рисование контура; в— перестройка бленда

Создание набора символов инструментом Symbol Sprayer

Рисунок 5.35. Создание набора символов инструментом Symbol Sprayer


Созданное изображение — это особый объект Illustrator, содержимое которого можно редактировать только инструментами группы Symbolism (Символизм). Например, чтобы добавить символы, нужно снова применить Symbol Sprayer (Распыление символов), для удаления символов — его же, но с нажатой клавишей Alt.
Рассмотрим назначение остальных инструментов группы Symbolism (Символизм).

Создание образца символа

Рисунок 5.34. Создание образца символа


Теперь созданный символ можно применить для заполнения любой области документа. Для этого щелчком на палитре Symbols (Символы) выберите нужный образец, активизируйте инструмент Symbol Sprayer (Распыление символов) ::jJ , щелкните где-нибудь на листе документа и, не отпуская кнопку мыши, проведите ею из стороны в сторону. Область, по которой прошел курсор, заполнится символами (Рисунок 5.35), плотность которых будет зависеть от скорости движения курсора: чем медленнее он двигался, тем больше будет символов.

Варианты вращения объекта с текстурой

Рисунок 5.15. Варианты вращения объекта с текстурой в зависимости от параметров, установленных в окне Rotate: а— вращение и объекта, и текстуры; б— вращение только объекта; в— вращение только текстуры


Теперь немного усложним задачу. Например, у вас может возникнуть необходимость построить текстуру из элементов, расставленных в шахматном порядке. Трансформированием подобного эффекта добиться нельзя. Рассмотрим технологию создания «шахматной» текстуры из элементов 35 х 30 мм с интервалами 5 мм по горизонтали и 4 мм по вертикали.

1. Уменьшите наш знак до указанных размеров и скопируйте его на 40 мм вправо, затем на 20 мм вправо и на 34 мм вниз и, наконец, на 20 мм вправо и на 34 мм вверх (Рисунок 5.16, а).

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

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

5. Расстояние между краями знаков получилось неодинаковое: нижние перекрывают друг друга, верхние расположены слишком редко. Чтобы исправить это (а заодно и добиться эффекта «изогнутой перспективы»), отредактируем путь перехода бленда. В полном режиме просмотра он не виден, поэтому выполните команду View > Outline (Вид > Контурный) (Рисунок 5.24). Путь перехода — это отрезок, соединяющий граничные группы.

Вид объекта при копировании его «вручную»

Рисунок 5.1. Вид объекта при копировании его «вручную»

Сначала следует отпустить кнопку мыши,

ВНИМАНИЕ
Сначала следует отпустить кнопку мыши, а потом клавишу Alt. В противном случае произойдет просто перемещение фигуры на новое место. Как только вы отпустите кнопку мыши, объект будет скопирован на новое место. Оригинал останется без изменения.
Вы уже, наверное, заметили, что в Illustrator обычно есть два способа решения проблемы: первый — редактирование «на глаз», когда все зависит от вашего глазомера и твердости руки, второй — точное модифицирование объекта, при котором вызывается диалоговое окно для ввода точных численных значений.
Копировать изображение можно не только с помощью мыши, но и используя окно Move (Перемещение) (Рисунок 5.2). Для его вызова достаточно нажать клавишу Enter при выделенном объекте.

ВНИМАНИЕ
Обращайте внимание на то, что активно в момент заполнения текстурой: заливка или обводка. Если в нижней части палитры инструментов на переднем плане расположен сплошной квадрат, текстурой окрасится заливка (Рисунок 5.8, а), в противном случае — обводка (Рисунок 5.8, б).


ВНИМАНИЕ
Иногда выполнение данной команды не приводит к желаемому результату — верхний объект продолжает оставаться сверху. Из-за чего это может происходить? Попробуем выяснить.
Выделите оба объекта. Если их контуры выделены разным цветом, значит, знак и фоновый прямоугольник находятся на разных слоях. Вызовите палитру Layers (Слои) (Рисунок 5.10). Обратите внимание, что при выделении объектов и на слое Layer 1, и на слое Layer 2 в правой части строки с именем слоя появляются цветные метки. Возьмите одну из них и перетащите на слой ко второй. После этого повторите действие, описанное в п. 3.-—-
Правда, иногда и это не помогает: даже в пределах одного слоя некоторые объекты не переносятся на передний или задний план. Это трудно объяснить, но легко исправить. Выделите фоновый прямоугольник, выполните команду Edit > Cut (Правка > Вырезать), а затем Edit > Paste in Back (Вставить вниз).

2. С помощью палитры Align (Выравнивание) выровняйте знак и фоновый прямоугольник (Рисунок 5.9, б).
3. Перенесите фоновый прямоугольник на задний план командой Object Arrange > Send to Back (Объект > Упорядочить > Поместить вниз) (Рисунок 5.9, е).
4. Отмените заливку и обводку фонового прямоугольника (Рисунок 5.9, г). Для этого можно воспользоваться палитрой Color (Цвет) или палитрой инструментов.
5. Выделите знак вместе с фоновым прямоугольником и перетащите его на палитру Swatches (Образцы). Заготовка текстуры с новыми параметрами появится на палитре.

ВНИМАНИЕ
Во всех трех случаях трансформации подвергается один и тот же объект — левый.

2. Сгруппируйте четыре полученные фигуры командой Object > Group (Объект > Группировать).

3. Нарисуйте прямоугольник размером 40 х 68 мм и выровняйте его по центру группы знаков (Рисунок 5.16, б).

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

5. Перетащите группу вместе с прямоугольником на палитру Swatches (Образцы).

ВНИМАНИЕ
Скорее всего, операцию разгруппировки вам придется повторить несколько раз, пока каждый знак не станет независимым объектом. Только смотрите, не перестарайтесь — рамка и внутренний знак должны оставаться единой группой. Теперь выделите все знаки и, выполнив команду Edit > Transform > Transform Each (Правка > Трансформировать > Трансформироватькаждый), вызовите диалоговое окно (Рисунок 5.31). Оно позволяет изменять все выделенные объекты одновременно, но относительно их собственного геометрического центра.


ВНИМАНИЕ
Инструменты трансформирования действуют по-другому. Если просто применить, например, инструмент Rotate (Поворот) к нескольким выделенным объектам, то они повернутся относительно общего центра. В окне Transform Each (Трансформировать каждый) есть замечательная опция Random (Случайно), на которую и следует обратить внимание в нашем случае. Если ее выделить, трансформирование происходит случайным образом, но в пределах, которые указаны в окне. Например, если при активной опции Random (Случайно) в поле Horizontal (Горизонталь) группы Scale (Масштабирование) указать 60%, а в поле Angle (Угол) — 33°, все объекты будут иметь ширину в пределах от 100% до 60% от первоначальной и повернутся на угол от 0° до 33° (Рисунок 5.32).


Рисунок 5.32. Результат применения команды Edit > Transform > Transform Each с параметрами, указанными на Рисунок 5.31

Заполнение текстурой заливки (<э)

Рисунок 5.8. Заполнение текстурой заливки (<э) или обводки (<5) объекта


Сразу бросается в глаза основной недостаток такого способа создания образца текстуры: элементы расположены вплотную друг к другу. Обычно хочется, чтобы между ними было пространство. Для этого придется немного поработать.
Предположим, что знак имеет размеры 70 х 60 мм, и вы хотите, чтобы расстояние между объектами по горизонтали составляло 10 мм, а по вертикали — 8 мм. Этого легко добиться, если проделать следующие действия.
1. Инструментом Rectangle (Прямоугольник) нарисуйте прямоугольник шириной 70 + 10 = 80 мм и высотой 60 + 8 = 68 мм (Рисунок 5.9, а). В дальнейшем будем называть этот прямоугольник фоновым.
Совет
СОВЕТ
Поскольку размеры известны заранее, лучше использовать диалоговое окно Rectangle (Прямоугольник) (см. занятие 1).

Что такое полупрозрачность?

6.1. Что такое полупрозрачность?

Разработчики Adobe Illustrator используют для определения частичной прозрачности объектов английский термин «transparency», что в переводе на русский означает «прозрачность». Однако авторы считают, что более корректным можно считать слово «полупрозрачность», так как речь идет не об абсолютно прозрачных объектах, а об объектах, прозрачных лишь в некоторой степени.
Термин, как и само понятие полупрозрачности, перекочевало в Illustrator из Photoshop. В этом растровом редакторе режимы наложения пикселов различной степени и типа прозрачности уже давно и успешно применяются. Перенос их в векторную графику (Adobe Illustrator 9.0) стал настоящим прорывом в технологии подготовки изображений. К сожалению, применение полупрозрачности в Adobe Illustrator не столь очевидно и продуманно, как в его растровом «собрате», но по своим возможностям в данной области Illustrator практически не уступает редактору Photoshop.
Итак, что же мы понимаем под полупрозрачностью? Это такой режим окраски объекта, при котором сквозь него видно лежащее ниже изображение. Окраска объектов, располагающихся под полупрозрачным, меняется в зависимости от его окраски, степени непрозрачности и режима смешения цвета.
Под окраской мы понимаем цвет, градиент, текстуру, градиентную сетку и т. д. Степень непрозрачности определяет, насколько сильно влияет окраска полупрозрачного объекта на расположенное под ним изображение. При 100% влияние максимально, при 0% оно отсутствует.
Самым важным и сложным понятием являются режимы смешения цвета (далее мы их будем называть просто «режимы смешения»), которые также полностью заимствованы из Photoshop. Ниже мы приводим краткие описания режимов, при-
меняемых в Adobe Illustrator. Для краткости цвет верхнего, перекрывающего, объекта мы будем называть «верхним», цвет объекта, лежащего снизу, — «нижним». Наиболее просто объясняется действие режимов смешения в терминах цветовой модели RGB.

Normal (Нормальный). Нижний объект полностью перекрывается верхним.

Darken (Темнее). Программа сравнивает лишь отдельные составляющие «верхнего» и «нижнего» цвета (например, в RGB — красную с красной, зеленую с зеленой, синюю с синей). Затем в каждом из каналов выбирается меньшее значение, на основе чего и формируется цвет области перекрытия. Например, «верхний» и «нижний» цвета имеют следующие RGB-составляющие: 25, 156, 250 и 167, 47, 29. Область перекрытия будет окрашена цветом со значениями RGB-каналов 25, 47, 29.

Multiply (Умножение). Если не считать Normal (Нормальный), то это самый полезный и часто применяемый режим смешения цветов. В данном случае значение яркости каждого RGB-канала «нижнего» цвета умножается на значение «верхнего» цвета. После того как значения перемножаются, полученный результат делится на 255. Отсюда вытекают следующие основные свойства:

итоговый цвет области перекрытия всегда темнее и «нижнего», и «верхнего» цвета;

если верхний объект — белый (255,255,255), «нижний» цвет не изменяется;

если верхний объект — черный (0,0, 0), «нижний» цвет тоже черный.

Color Burn (Затемнение цвета). В этом режиме программа использует «верхний» цвет для уменьшения яркости «нижнего». Данный эффект создает впечатление покрытия изображения тонким слоем угольной пыли.

Lighten (Светлее). Действует аналогично Darken (Темнее), однако выбирается большее значение каналов.

Screen (Экран). По методу реализации этот режим похож на Multiply (Умножение). Отличие состоит в том, что «нижний» цвет инвертируется, то есть от 255 отнимается числовое значение канала R, G или В, затем умножается на численное значение соответствующего канала «верхнего» цвета. Полученный результат делится на 255 и отнимается от 255 (инвертируется). Как результат, область перекрытия всегда светлее перекрывающихся объектов. Здесь стоит помнить два правила:

перекрытие белым объектом дает в итоге белый цвет;

перекрытие черным объектом не изменяет «нижний» цвет.

Color Dodge (Осветление цвета). В этом режиме программа использует «верхний» цвет для увеличения яркости «нижнего». При работе с черным цветом никаких изменений происходить не будет, так как при суммировании цвета со значением 0,0,0 яркость канала не претерпевает изменений.

Overlay (Перекрытие). Этот режим является смесью Multiply (Умножение) и Screen (Экран). Благодаря данному режиму интенсивность темных цветов в исходном изображении увеличивается, а светлых в изображении смешения уменьшается.

Soft Light (Мягкий свет) и Hard Light (Жесткий свет). Hard Light (Жесткий свет) является противоположностью Overlay (Перекрытие): операция, выполняемая им, аналогична той, которая была описана ранее, но преимущество отдается «верхнему» цвету. Soft Light (Мягкий свет) — это «мягкий» вариант режима Hard Light (Жесткий свет). Отличие состоит в том, что при применении Soft Light (Мягкий свет) снижается контрастность итогового изображения.

Difference (Разница). Самый интересный по принципу действия режим смешения. В нем сначала определяется, что ярче — «верхний» или «нижний» цвет. А затем из значения яркости большего отнимается значение яркости меньшего. Запомните два правила:

смешение с белым инвертирует цвет;

смешение с черным не изменяет цвет.

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

Hue (Оттенок). Чтобы разобраться в следующих четырех режимах, вспомните цветовую модель HSB (см. занятие 17). При использовании Hue (Оттенок) цвет области перекрытия формируется из значений насыщенности (S) и яркости (В) «нижнего» цвета, а также значения оттенка (Н) «верхнего» цвета.

Saturation (Насыщенность). Итоговый цвет формируется из значений яркости (В) и оттенка (Н) «нижнего» цвета и насыщенности (S) «верхнего» цвета.

Color (Цвет). Итоговый цвет формируется из значения яркости (В) «нижнего» цвета и значений насыщенности (S) и оттенка (Н) «верхнего» цвета.

Luminosity (Яркость). Формирует итоговый цвет из значений оттенка (Н) и насыщенности (S) «нижнего» цвета, а также яркости (В) «верхнего» цвета.

Содержание

Вперед

Диалоговое окно 3D Rotate Options

Рисунок 6.20. Диалоговое окно 3D Rotate Options



Рисунок 6.21. Пример применения эффекта Rotate к букве «А»

Extude & Bevel (Объем и профиль)

Extude & Bevel (Объем и профиль)

В результате применения этого эффекта к выделенному объекту добавляются изображения боковых граней, за счет чего он выглядит объемным. Диалоговое окно 3D Extude & Bevel Options (Настройки объема и профиля) (Рисунок 6.7) позволяет настраивать параметры эффекта.

Рисунок 6.7. Диалоговое окно 3D Extude & Bevel_Options

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

— поворот относительно оси X;
— поворот относительно оси Y;
— поворот относительно оси Z.
На Рисунок 6.8. изображен объект, повернутый по оси X на -45°, по оси Y — на 15° и по оси Z — на -30°.

Рисунок 6.8. Буква «N», повернутая по оси X на -45°, по оси Y — на 15° и по оси Z — на -30°

Perspective (Перспектива). Позволяет создать видимость перспективы, то есть уменьшения объекта в глубину (Рисунок 6.9)

Рисунок 6.9. Объект с имитацией перспективы
Забегая вперед, следует отметить, что секция Position (Положение) присутствует в диалоговых окнах всех эффектов группы 3D. Специфические настройки располагаются в средней части окна. В данном случае это секция Extude & Bevel (Объем и профиль).

Extrude Depth (Глубина объема). Чем больше этот параметр, тем выше боковые поверхности объекта.

Сар (Торец). Переключатель, который определяет, какой объект имитируется: закрытый с торца

или полый

(Рисунок 6.10).

Рисунок 6.10. Объект с закрытым торцом (а) и полый {б)

Bevel (Профиль). Если в списке выбран пункт None (Отсутствует), боковые поверхности будут максимально простыми: плоскость, поверхность цилиндра и так далее. При выборе других пунктов боковая поверхность приобретает собственный рельеф. На Рисунок 6.11 приведены примеры использования некоторых типов профилей.

Рисунок 6.11. Использование профилей: a— Complex 1, б— Rounded, в— Complex 3

Height (Высота). Максимальный перепад высот в профиле.

Правее Height (Высота) расположен переключатель, который определяет, будет ли профиль добавляться к боковой поверхности (

) или вычитаться из нее(

) (Рисунок 6.12).

Рисунок 6.12. Профиль Rounded добавляется к боковой поверхности (<э) и вычитается из нее (б)

Группа настроек Surface (Поверхность) обычно состоит только из списка, но при щелчке на кнопке More Options (Больше настроек) появляются дополнительные параметры. Назначение этой секции — управление режимом отображения затемненных участков объекта.

ВНИМАНИЕ
На Рисунок 6.1 вместо кнопки More Options (Больше настроек) присутствует Fewer Options (Меньше настроек), которая возвращает окно в компактный режим отображения.

Surface (Поверхность). Тип тени:

Wireframe (Каркас) — тень отсутствует, все грани прозрачны, отображаются только ребра фигуры (Рисунок 6.13, а);

No Sading (Без тени) — все боковые поверхности черные (Рисунок 6.13, б);

Diffuse Sading (Рассеянная тень) — поверхности открашены в соответствии с тем, как на них падает освещение (Рисунок б. 13, в); имитирует естественную тень на матовых поверхностях;

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

Рисунок 6.13. Режимы отображения тени: a— Wireframe, б— No Sading, в— Diffuse Sading или Plastic Sading
Для Wireframe (Каркас) и No Sading (Без тени) нет возможности настраивать параметры источника света. Для Diffuse Sading (Рассеянная тень) существуют следующие настройки.
¦ Окно освещения (Рисунок '6.14), которое позволяет добавлять, перемещать и удалять источники света — белые маркеры на сером круге. Для добавления источника щелкните на. Маркер, заключенный в черный квадрат, будем называть активным или выделенным. Выделенный источник можно удалить, щелкнув на Перемещая маркеры мышью, вы изменяете положение источников света относительно объекта.

Рисунок 6.14. Окно освещения

Особо следует оговорить роль кнопки, расположенной слева от

. Она определяет, где находится источник света:

— перед объектом;

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

Щелчок на

переносит источник света за объект и кнопка превращается в

. и наоборот.

Light Intensity (Интенсивность света) — яркость активного источника.

Ambient Light (Окружающий свет) — яркость фонового рассеянного света.

Blend Steps (Градации перехода). Чем выше значение этого параметра, тем более плавным получается переход освещенности в тени.

Shading Color (Цвет тени).

Для Plastic Sading (Пластическая тень) настройки аналогичны описанным выше, но появляются еще два параметра:

Highlight Intensity (Интенсивность блика). Яркость бликов, возникающих от источников света на боковой поверхности.

Highlight Size (Размер блика).

Две настройки, не связанные с источниками света, расположены в нижней части окна.

Preserve Spot Colors (Сохранять смесевые цвета). Позволяет при применении эффекта не преобразовывать смесевые цвета в триадные.

Draw Hidden Faces (Рисовать скрытые поверхности). Если эта опция активна, будут нарисованы даже те поверхности, которые не видны в данной проекции. Это нужно в тех случаях, когда вы планируете после применения эффекта преобразовать объект командой Object > Expand (Объект > Преобразовать) и работать с каждой поверхностью отдельно.

Кнопка Map Art (Карта изображения) вызывает окно (Рисунок 6.15), в котором можно управлять расположением изображений на поверхности трехмерного объекта.

Рисунок 6.15. Окно Map Art
Использовать можно только картинки, хранящиеся в качестве образцов символов в палитре Symbols (Символы). Поэтому, если вы хотите располагать на гранях объекта оригинальные изображения, вначале внесите их в эту палитру.
Заполнение каждой поверхности трехмерной фигуры происходит отдельно. Вначале следует выбрать в списке Surface (Поверхность) нужную грань. Сам объект при этом отображается в каркасном режиме, а поверхность, которую вы оформляете, оконтуривается красным цветом.
Затем выберите изображение в списке Symbol (Символ). В окне просмотра, которое занимает большую часть диалогового окна, появится соответствующая картинка, спроецированная на выбранную поверхность. Используя мышь, вы можете передвинуть, повернуть, растянуть или сжать изображение произвольным образом.
Прочие настройки окна:

Щелчок на кнопке Scale to Fit (Масштабировать по размерам) изменяет ширину и высоту картинки так, что она полностью заполняет собой соответствующую грань.

Щелчок на кнопке Clear (Очистить) удаляет картинку с активной грани. Clear All (Очистить все) удаляет все нанесенные изображения.

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

Активизация опции Invisible Geometry (Невидимая структура) приводит к тому, что грани объекта становятся невидимыми.

Самый простой пример использования окна Map

(Карта изображения) — рисование детских кубиков. На Рисунок 6.16 изображен кубик, на гранях которого изображены картинки из стандартного набора палитры Symbols (Символы), а также из библиотеки символов Occasions.

Рисунок 6.16. Детский кубик, нарисованный с помощью окна Map Art

Фильтр Revolve (Вращение в пространстве)

Фильтр Revolve (Вращение в пространстве)

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

Фильтр Rotate (Поворот)

Фильтр Rotate (Поворот)

Самый простой из эффектов группы 3D. Он имитирует поворот плоской фигуры в пространстве. В результате мы можем увидеть двумерный объект в любой проекции.
Окно эффекта (Рисунок 6.20) является сильно упрощенным вариантом окна Extude & Bevel (Объем и профиль).

Эффекты группы 3D

6.4. Эффекты группы 3D

Инструментарий имитации объема является нововведением Illustrator CS. Находятся эти эффекты в группе Effects3D.
Эффекты этой группы (Рисунок 6.6) используются для придания объектам «объемности» за счет добавления трехмерных изометрических проекций и имитации изменения освещенности. В свое время подобными функциями обладала программа Adobe Dimension, но ее разработка была заморожена на версии 1.0. Рассмотрим отдельные эффекты группы.

Рисунок 6.б. Группа «объемных» эффектов

Как избежать ошибок при работе с полупрозрачными объектами

Как избежать ошибок при работе с полупрозрачными объектами

Полупрозрачные объекты нужно особым образом готовить к печати или экспорту в другие форматы. Наилучший результат дает выполнение команды Object > Flatten Transparency (Объект > Склеить прозрачность).
Если объектов с полупрозрачностыо слишком много, это повод задуматься о подготовке такого изображения в Adobe Photoshop. Этот пакет гораздо лучше, чем Illustrator, приспособлен к работе с различными режимами смешения. PSD-файл, даже если он состоит из нескольких слоев с различными эффектами, занимает меньше места и обрабатывается быстрее, чем соответствующий документ Illustrator. Поэтому разумнее всего подготовить изображение, в котором присутствует полупрозрачность, в Photoshop, экспортировать результат в TIFF-файл и вставить его в Illustrator. Если сохранить исходное многослойное изображение в формате PSD, к его редактированию можно вернуться в любой момент.
Можно также автоматически преобразовать полупрозрачные объекты при сохранении документа. Для этого служит группа настроек Transparency (Полупрозрачность) окна EPS Format Options (Настройки формата EPS) или группа Overprint and Transparency Flattener Option (Параметры наложения краски и преобразования прозрачности) окна Adobe PDF Options/Advanced (Настройки формата Adobe PDF/Дополнительно).
В любом случае, если вы собираетесь отдавать свой файл в форматах AI, PDF или EPS в «чужие руки», полупрозрачные объекты следует преобразовать в обычные растровые. Иначе вас могут ожидать неприятные сюрпризы: от превращения цветного изображения в черно-белое до исчезновения целых фрагментов документа.

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

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

Как показывает опыт, приобретенный за два с половиной года использования Illustrator, полупрозрачность в «чистом» виде — то есть примененная с помощью палитры Transparency (Полупрозрачность) — встречается в работах дизайнеров не так часто. Как правило, ее применяют, не задумываясь или даже не подозревая об этом. Происходит это при использовании и модифицировании различного рода фильтров и эффектов. Наиболее популярные из них — особенно эффекты группы Stylize (Стилизация) — основаны на применении полупрозрачности. Чтобы убедиться в этом, достаточно применить такой эффект к объекту, после чего преобразовать его командой Object > Expand Appearance (Объект > Преобразовать внешний вид). Один из созданных объектов будет полупрозрачным.
Поэтому авторы настоятельно советуют:

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

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

по возможности выполняйте операции преобразования полупрозрачности «вручную».

Совет
СОВЕТ
Перед тем как передать подготовленный вами документ для дальнейшей обработки или вывести его на печать, проверьте, не остались ли в нем полупрозрачные объекты. Для этого выберите в меню палитры Document Info (Информация о документе) пункт Objects (Объекты). На палитре появится список. В строке Transparent Objects этого списка приведено общее количество полупрозрачных объектов.

ПХЯСМНЙ 6 17 Диалоговое окно 3D Revolve Options

пХЯСМНЙ 6.17. Диалоговое окно 3D Revolve Options

Angle (Угол) — угол, который описывает в пространстве исходный объект относительно оси (Рисунок 6.18).

ПХЯСМНЙ 6 18 Результат применения

пХЯСМНЙ 6.18. Результат применения Revolve при Angle, равном 180° (а) и 360° (5)

ПХЯСМНЙ 6 19 Фигуры полученные

пХЯСМНЙ 6.19. Фигуры, полученные из треугольника (а) в результате применения эффекта Revolve;вращение относительно оси, расположенной с левой стороны треугольника на расстоянии 13 пунктов (б); вращение относительно оси, расположенной вплотную к правой стороне треугольника (в)

Суть проблемы

Суть проблемы

Чтобы более ясно представить себе причины трудностей, которые возникают при использовании полупрозрачности в Adobe Illustrator, необходимо обратиться к особенностям языка PostScript Level 3. Для него понятие частичной прозрачности является «родным». Поэтому выводные устройства, поддерживающие PostScript Level 3, корректно обрабатывают полупрозрачные объекты. В тех принтерах и фотонаборных автоматах, которые «понимают» только PostScript Level 2 и ниже, при обработке файла интерпретатор встречает незнакомую инструкцию и либо прекращает работу, либо игнорирует объект, либо пытается обработать ее. Последний случай — самый опасный, так как ошибку пользователь замечает только на распечатке, на пленке после цветоделения, а то и в тиражном оттиске.
Похожая ситуация возникает при передаче изображений из Illustrator в другие программы. Продукты Adobe последних версий, скорее всего, адекватно воспроизведут полупрозрачные объекты. Хуже, если такой объект нужно импортировать или перенести через буфер обмена из Adobe Illustrator в CorelDRAW. Появление ошибок в этом случае практически неизбежно.

Диалоговое окно Photoshop Import

Рисунок 7.2. Диалоговое окно Photoshop Import


На нашей фотографии изображение каждого человека было размещено на отдельном слое, но так как мы будем использовать фотографию исключительно в качестве фона, то лучше объединить слои в единое целое, установив флажок возле параметра Flatten Photoshop layers to a single image (Свести слои Photoshop в единое изображение). После выполнения одной из этих команд выбранное изображение появится на экране.

Содержание

Вперед

Диалоговое окно Place

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


Растровое изображение можно также открыть командой Open (Открыть).
Одна из фотографий заказчика была сохранена в формате PSD, который является многослойным, то есть документ может состоять из нескольких слоев.
В таких случаях при открытии появляется диалоговое окно (Рисунок 7.2).

ПХЯСМНЙ 7 6 Диалоговое окно фильтра Saturate

пХЯСМНЙ 7.6. Диалоговое окно фильтра Saturate


Здесь можно изменить только один параметр, а именно Intensity (Интенсивность). В нашем случае его следует уменьшить (Рисунок 7.7).

ПХЯСМНЙ 7 7 Результат применения фильтра Saturate

пХЯСМНЙ 7.7. Результат применения фильтра Saturate


Изображение уже больше подходит для использования его в качестве фона, одна-со нам бы хотелось придать ему некоторую долю декоративности, поэтому мы вос-юльзовались фильтром Cutout (Аппликация): Filter > Artistic > Cutout (Фильтр > Художественные > Аппликация) (Рисунок 7.8).

ПХЯСМНЙ 7 8 Диалоговое окно фильтра Cutout

пХЯСМНЙ 7.8. Диалоговое окно фильтра Cutout


Это второй фильтр группы Artistic (Художественные). Его результат повторяет внешний вид бумажной аппликации, которой мы все занимались в раннем детстве? (изображение выглядит склеенным из разноцветных кусков бумаги).
В результате мы получили растровый фон (Рисунок 7.9).

ПХЯСМНЙ 7 9 Итоговый растровый фон

пХЯСМНЙ 7.9. Итоговый растровый фон


После завершения подготовки фонового изображения остается только добавить необходимые надписи (см. занятие 1).
На Рисунок 7.10 представлен простейший вариант рекламной листовки.

Рисунок 7.10. Простейший вариант рекламной листовКи

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

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

Задача этого занятия — создание рекламной листовки компании с фотографией сотрудников в качестве фона. Это значит, что придется использовать растровую графику — единственный разумный способ передачи фото. В растровой графике изображение состоит из пикселов, а не из математически описанных фигур. Растровые изображения напоминают мозаику.
Прежде чем описывать особенности точечной графики в Illustrator, следует заметить, что не нужно ждать от этой программы потрясающих возможностей — для этого есть специальные пакеты, например, Photoshop. В Illustrator операции с растровыми изображениями носят вспомогательный характер.
Сразу, без лишних рассуждений, приступим к работе. В качестве возможных вариантов оформления заказчик принес нам несколько различных фотографий. Первое, что необходимо сделать, — это создать новое изображение (File > New (Файл > Новый) или Ctrl+N). Далее разместим на нем фотографию (пока одну).
Есть несколько способов вставки растровых изображений в Illustrator, но все же основной — команда File > Place (Файл > Поместить). После запуска этой команды появится диалоговое окно (Рисунок 7.1).
Найдите нужный файл на жестком диске. Обратите внимание на то, чтобы возле параметра Template (Шаблон) отсутствовал флажок, так как нам необходимо изображение обычного вида, а не шаблонного (см. занятие 1).
В Illustrator объект можно поместить в документ двумя способами.

Непосредственно внедрить в файл. При этом растровое изображение станет частью документа Adobe Illustrator.

При помощи Link (Связь). При этом растровый документ хранится отдельно и только подгружается в общий документ (как организация гиперссылок в HTML-файле). Эти изображения называются «связанными». В таком случае документ занимает меньше места, поэтому мы рекомендуем воспользоваться именно этим способом. Однако, если возникает необходимость передать файл способом. Однако если возникнет необходимость передать файл другому пользователю, не забудьте то, что изображение хранится отдельно.

Растровые фильтры и эффекты

7.4. Растровые фильтры и эффекты

Так как данное изображение будет использоваться в качестве фона, необходимо изменить его цвета, точнее их насыщенность. Для этого воспользуемся фильтром Saturate (Насыщенность): (Filter > Color > Saturate (Фильтр > Цвет > Насыщенность). После этого появится диалоговое окно (Рисунок 7.6).

Редактирование растрового изображения

7.3. Редактирование растрового изображения

Импортированный растровый объект обладает многими свойствами, которые характерны и для векторных объектов. Вы можете передвигать его, масштабировать, применять стандартные трансформации — Move (Движение), Rotate (Поворот), Reflect (Отражение), Scale (Масштабирование), подбирая тем самым оптимальные размеры и месторасположение.
Первое, что нам необходимо сделать, — это немного увеличить фотографию. Для этого выделите ее инструментом Selection (Выделение) («горячая» клавиша V), затем простым перетаскиванием мыши увеличьте до нужного размера.
Можно также воспользоваться инструментом Scale (Масштабирование) (S). Мы вызвали его диалоговое окно, нажав клавишу Enter (Рисунок 7.5).
Мы увеличили фотографию на 150%.
Обратите внимание на то, что масштабирование в Illustrator имеет свои особенности. В отличие от Photoshop или любого другого растрового редактора, в Illustrator

Рисунок 7.5. Диалоговое окно инструмента Scale
точечные изображения не подвергаются интерполяции. Изображение увеличится не за счет изменения количества образующих его пикселов, а за счет уменьшения разрешения, то есть количества пикселов на единицу длины. При большом масштабировании это грозит потерей качества, проявлением пикселизации1 и некоторыми другими неприятностями.
Эта особенность вынуждает изначально определять нужный размер растровых изображений и задавать его в каком-нибудь точечном редакторе, лучше всего в Photoshop. Аналогичным способом можно производить и другие преобразования.
Мы готовим листовку с перспективой ее последующей печати, поэтому лучше сразу перевести растровое изображение в режим CMYK (все первоначальные варианты заказчика были предоставлены в режиме RGB), чтобы оценить результат и не столкнуться с неприятными неожиданностями в конце работы.
В Illustrator есть возможность менять цветовой режим растровых вставок. Не путайте эту возможность с изменением цветового режима всего документа, реализуемого командой File > Document Color Mode (Файл > Цветовая модель документа). В данном случае речь идет только об одном объекте. Однако следует учитывать цветовой режим документа. Если он задан как CMYK, опция перевода в RGB будет неактивна, и наоборот.
Как это ни странно, но необходимые для этого команды находятся в меню Filter (Фильтр), а именно в разделе Colors (Цвета). Это три команды:

Convert to CMYK (Преобразовать в CMYK) (этой командой мы и воспользовались);

Convert to RGB (Преобразовать в RGB);

Convert to Grayscale (Преобразовать в оттенки серого).

После выбора цветового режима следует привести фотографию к фоновому изображению. Здесь можно делать все, что позволяет фантазия, а помогут нам в этом фильтры.
1 Дефект изображения, при котором пикселы отчетливо видны невооруженным глазом. — Примеч. ред.

Об Adobe Illustrator CS

Анимированный Flashбаннер

8.1. Анимированный Flash-баннер

Теперь несколько усложним задачу — изготовим анимированный Flash-баннер. Говорить о полноценной Flash-анимацию, в данном случае, конечно, не приходится, — для этого есть специализированные пакеты. Но для создания несложного, любительского ролика можно использовать и Illustrator.
Никаких специальных инструментов и средств интерфейса, вроде временной шкалы, которые характерны для программ разработки анимации, в Adobe Illustrator нет. Но есть одна тонкость — в качестве кадров можно использовать слои.
Создайте баннер, на котором будет только текст.
1. Сгруппируйте символы командой Object > Group (Объект > Группировать).
2. Следующая задача — сделать из символов шрифта контурные объекты, иначе не получится корректное формирование слоев. Для этого выделите группу и выберите Туре > Create outlines (Шрифт > Трассировка).
3. После этого откройте меню палитры Layers (Слои), щелкнув на кнопке в виде стрелки на палитре (Рисунок 8.11).

Color Table

Рисунок 8.7. Color Table


Экспериментируя с настройками оптимизации GIF, добейтесь минимально возможного размера файла.
В конце описания функций оптимизации GIF хочется рассказать про один инструмент, облегчающий жизнь малоопытным пользователям. Щелкните на кнопке в виде стрелки напротив параметра Settings (Установки). В открывшемся меню выберите Optimize to File Size (Оптимизировать под размер файла). Откроется окно (Рисунок 8.7).

GIFизображение с 0% 60% и 100% параметром Lossy

Рисунок 8.6. GIF-изображение с 0%, 60% и 100% параметром Lossy

Interlaced (Чересстрочный). Сделать GIF чересстрочным, то есть его загрузка будет происходить через строку. Это немного увеличит размер файла, но выигрыш явно есть — пользователь еще до полной загрузки видит, какая информация размещена на рисунке.

Transparency (Прозрачность). Сохранять или нет прозрачность, если она есть. В GIF прозрачность битовая, то есть она или есть или ее нет, градации не допускаются.

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

Инструменты Color Table (Цветовая таблица).

1. Сделать выбранный цвет веб-совместимым.

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

3. Новый цвет. Позволяет добавить в таблицу еще один цвет.

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

Иллюстрации для Web

Иллюстрации для Web

На прошлых занятиях мы говорили о подготовке работ, которые будут распечатаны — в основном Illustrator для этого и служит. Однако заказчик может попросить вас не только разработать полиграфический дизайн фирмы, но и выполнить работу, связанную с интернет-дизайном. Скорее всего, вам придется делать рекламные баннеры для сайта компании. Возможно, это станет «довеском» к основной работе, связанной с печатным «лицом» фирмы, — бланками, визитками и т. п.
Поэтому в этой главе в основном будет описано создание баннеров в различных форматах. Первый баннер, который мы сделаем, — статичный растровый в форматах JPEG и GIF. Основой его послужит все тот же знак инь и ян.
Работа для Всемирной паутины имеет свой особенности, которые начинаются с настройки интерфейса программы.
По умолчанию в Illustrator фон представляет собой белый «холст». Однако всегда следует помнить, что, в отличие от программ редактирования растровой графики, этот холст не является частью изображения, он не несет в себе никакой графической информации и не записывается в файлы при сохранении. Это нормально для картинок, предназначенных для печати, так как неплохо имитирует бумагу, но совершенно не подходит для экрана обозревателя — мы должны сразу точно видеть, какие области остаются незаполненными цветом или изображением.
Сетка прозрачности (Transparency Grid) — это особый режим отображения фона, при котором прозрачные области показываются специальной сеткой, которая, кстати, стандартна для большинства графических программ, во всех же продуктах Adobe она одинакова. Отобразить ее на мониторе можно, выполнив View > Show Transparency Grid (Вид > Показать сетку прозрачности) (Рисунок 8.1).
Разумеется, в таком режиме значительно удобнее, чем в стандартном, готовить для Интернета изображения, содержащие прозрачные области, — не возникает путаницы с белым цветом на изображении и белым фоном.

Исходная фигура

Рисунок 8.14. Исходная фигура


Создание интерактивного SVG несет в себе элементы программирования, поэтому всем объектам необходимо дать имена, чтобы потом их использовать.
Выделите крест и откройте палитру Layers (Слои). Развернув единственный слой, найдите этот объект и переименуйте его в cross.

Итоговая страница в окне Internet Explorer

Рисунок 8.23. Итоговая страница в окне Internet Explorer


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

Название	Описание	Клавиатурное сокращение
Инструменты
Туре (Текст)	Создание текстовой части баннера	т
Реп (Перо)	Рисование графической части баннера	р
Rectangle (Прямоугольник)	Основа для фона баннера	м
Paintbrush (Кисть)	Рисование элементов сайта	в
Палитры
Layers (Слои)	Разбиение текста на слои	F7
SVG Interactivity (SVG-интерактивность)	Задание атрибутов при создании SVG
Attributes(Атрибуты)	Задание гиперссылок	F11
Окна
Save for Web (Сохранить для Web)	Оптимизация различных графических форматов, используемых в Сети	Ctrl+Shift+Alt+S
Optimize to File Size (Оптимизировать под размер файлов)	Автоматическая подгонка параметров сохранения изображения под необходимые размер файла
JavaScript Files	Подключение файла Java Script для SVG-работы

Назад

Содержание

Итоговый вид палитры SVG Interactivity

Рисунок 8.17. Итоговый вид палитры SVG Interactivity


Осталось сохранить файл в формате SVG. Желательно, чтобы место сохранения содержало еще и используемый JavaScript-файл — иначе возможны проблемы. Настройки сохранения можно использовать по умолчанию. Изображение в Internet Explorer показано на Рисунок 8.18.

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

Рисунок 8.2. Изображение в режиме просмотра Preview (а) и Pixel Preview (б)


Приступим к изготовлению баннера. Он должен быть достаточно простым, однако содержать и текст, и графику. Его размеры— 460 х 80 пикселов. Единственная сложность, которая может возникнуть, — цвет фона. Чтобы он не был прозрачным, в основу баннера следует положить прямоугольник нужного оттенка.
Мы использовали готовую фигуру «инь и ян», инструмент Реп (Перо) для создания облака и горы и инструмент Text (Текст) для ввода надписи (Рисунок 8.3).

JPEGразмывание хоть и портит изображение

Рисунок 8.10. JPEG-размывание хоть и портит изображение (внизу), но зато значительно уменьшает его размер


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

Содержание

Вперед

Меню палитры Layers

Рисунок 8.11. Меню палитры Layers


Нас в этом меню интересует команда Release to Layer (Sequence) (Преобразовать в слои (Последовательно)), которая переводит каждый отдельный объект на новый слой. Обратите внимание, что при применении команды должна быть выделена именно группа Group, а не слой Layerl.
То, как должна выглядеть палитра Layers (Слои) после выполнения Release to Layer (Sequence) (Преобразовать в слои (Последовательно)), показано на Рисунок 8.12.

Наш баннер

Рисунок 8.3. Наш баннер


Основа создания изображений для использования в Интернете — инструмент Save for Web (Сохранить для Web). Он практически одинаков почти во всех программах от Adobe. Среди графических редакторов, пожалуй, нет более удобного и практичного инструмента для наглядной оптимизации. Для запуска Save for Web (Сохранить для Web) выберите File > Save for Web (Файл > Сохранить для Web). Однако гораздо лучше использовать стандартное сочетание клавиш Shift+Ctrl+Alt+S (Рисунок 8.4).

Настройки для оптимизации формата JPEG

Рисунок 8.9. Настройки для оптимизации формата JPEG


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

Progressive (Прогрессивный). Вариант JPEG. Отличается от стандартного наличием черезстрочной разверстки, очень полезной при использовании работ в Сети.

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

Optimized (Оптимизированный). Переключает формат JPEG с Baseline (Стандартный) на Optimized (Оптимизированный). В этом режиме более точно передаются цвета, меньше потери от сжатия.

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

Настройки для оптимизации GIF

Рисунок 8.5. Настройки для оптимизации GIF

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

Pattern (Образец). Смещение пикселов по заданному образцу.

Noise (Шум). Для внешнего увеличения числа цветов используется принцип шума. Иногда очень эффективно при сохранении текстур.

Lossy (Потери). Для уменьшения размеров изображения можно удалить часть графической информации (в зависимости от настроек) и тем самым упростить документ. На Рисунок 8.6 показано одно и то же GIF-изображение со значением параметра Lossy (Потери) 0%, 60% и 100%. Обратите внимание на изменение размеров файла.

Colors (Цвета). Для некоторых палитр количество цветов можно изменять. Это один из наиболее надежных способов получить минимальное по размеру изображение — начинать с нескольких цветов и постепенно увеличивать, пока результат не станет удовлетворительным. В нашем баннере цветов совсем мало — только 8, поэтому большое число выбирать не стоит.

Web Snap (Соответствие Web). Количество цветов в палитре в процентах, которое должно быть веб-безопасными, то есть одинаково отображаться и на PC, и на Macintosh. При выставлении этого значения равным 100% будет сформирована обычная веб-палитра.

Настройки оптимизации для формата SWF

Рисунок 8.13. Настройки оптимизации для формата SWF


Существуют следующие настройки.

Read Only (Только чтение). Если вы установите флажок, то файл будет записан таким образом, что его уже нельзя будет открыть для редактирования в какой-либо программе. Это, с одной стороны, уменьшает размер файлов, а с другой, защищает ваши авторские права.

Настройка, обозначенная 1. Параметр, задающий тип сохранения, — изображение или анимация.

Если вы выберете вариант AI File to SWF File (Файл Illustrator в файл SWF), изображение будет сохранено в виде статичной картинки, полностью повторяющей то, что вы видите на экране при работе в Illustrator.

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

Curve Quality (Качество кривых). Точность повторения кривыми файла кривых исходного изображения. При уменьшении этого параметра значительно снижается качество, особенно в области мелких деталей, но зато уменьшается размер файла. Для нашего случая оптимально значение «7».

Frame Rate (Задержка фрейма). Частота смены кадров и, как следствие, скорость анимации. Чтобы эффект был правильным, выставьте не более 4 кадров в секунду.

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

Окно подключения JavaScriptфайла

Рисунок 8.16. Окно подключения JavaScript-файла


Щелкните на кнопке Add (Добавить) и найдите файл events.js на жестком диске.
После этого можно приступать непосредственно к заданию интерактивности. Это делается методами объектно-ориентированного программирования, через события и атрибуты к ним. Если вы занимались программированием хотя бы на любительском уровне, то вам все будет очень просто и знакомо.

1. В Event (Событие) палитры SVG Interactivity (SVG-интерактивность) выберите событие onmouseover и впишите в строке JavaScript: eLemStrokeWidth(evt, 'all', '2.5'). Это значит, что когда мышь будет находиться над фигурой, толщина обводки станет равна 2,5 пиксела.

2. Мы не станем комментировать значение следующих строк, так как это имеет отношение к программированию на JavaScript. Далее выберите onmouseout и впишите: elemStrokeWidth (evt, 'all', '1).

3. Выберите onmousedown и впишите: elemStrokeColor(evt, 'cross', '#003399').

4. Выберите onmouseup и впишите: elemStrokeColor(evt, 'cross', '#000000').
Вот и все. После этого палитра SVG Interactivity (SVG-интерактивность) должна выглядеть как на Рисунок 8.17.

Окно Save for Web

Рисунок 8.4. Окно Save for Web


Большинство настроек данного инструмента предназначено для оптимизации графических изображений. Чтобы изредка использовать Save for Web (Сохранить для Web), нет смысла осваивать все настройки — это потребует от вас знаний HTML, CSS и много другого. Достаточно понимать графические опции сохранения, которые находятся в правой части экрана. Именно их мы и опишем применительно к баннеру, который будет сохранен в формате GIF.
Основные свойства этого формата следующие.

Работает с индексированными цветами. Это значит, что в нем содержится палитра описания цветов (максимум 256), но каждый байт индексирован, то есть занимает всего 1 байт.

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

Может загружаться через строку (Interlaced). Это экономит время и терпение посетителей вашего сайта.

Поддерживает прозрачность.

В Illustrator можно сразу, используя команду Export (Экспорт), сохранить изображение в этом популярном формате. Но нас интересует не столько сохранение, сколько оптимизация перед сохранением. Поэтому запустите инструмент Save for Web (Сохранить для Web). Все настройки нам не нужны, с оптимизацией GIF связаны только те, которые показаны на Рисунок 8.5.

Settings (Установки). Эта настройка относится не только к оптимизации GIF, она открыта всегда. Это список из нескольких вариантов сохранения, среди которых есть JPEG, GIF и PNG. Последний формат так и не получил распространения в Интернете, поэтому его мы не будем рассматривать. В этом контекстном меню можно определить формат для сохранения. Варианты следующие:

GIF; a JPEG;

PNG-8;

PNG-24;

SWF;

SVG.
Так как сейчас мы изучаем настройки сохранения для GIF, оставьте этот параметр изменений.

Выбор палитры цветов для оптимизации GIF. Так как цвета в этом формате заказные, то можно использовать любые из 16 миллионов, но в количестве, не превышающем 256. Практически всегда лучше использовать палитру Adaptive (Адаптивная). Она наиболее гибкая и легкая в настройке.
Способ смешения имеющихся пикселов, с целью получить выигрыш в гамме, то есть небольшим количеством цветов имитировать куда большее.
Это не всегда эффективно, но каждый раз при оптимизации сложного GIF, стоит попробовать все варианты.

Окно свойств объекта

Рисунок 8.15. Окно свойств объекта


Далее сгруппируйте (Ctrl+G) крест с кругом и аналогичным способом переименуйте Group в all.
Так как работать мы будем с JavaScript-процедурами, необходимо подключить файл с описанием этих процедур. Этот файл вы можете найти по адресу http://wnk.biz или написать сами, если уверенно владеете JavaScript.
Чтобы выполнить подключение файла, воспользуйтесь палитрой SVG Interactivity (SVG-интерактивность): Window > SVG Interactivity (Окно > SVG-Интерактивность). Щелкните на кнопке в виде стрелки на палитре и выберите в открывшемся меню JavaScript Files (Рисунок 8.16).

Палитра Layers после выполнения Release to Layer (Sequence)

Рисунок 8.12. Палитра Layers после выполнения Release to Layer (Sequence)


На этом подготовка закончена, можно сохранять при помощи Save for Web (Сохранить для Web) в SWF. SWF — это основной формат графики, основанной на Flash-технологиях. Точнее будет сказать, что это и есть Flash-формат (Рисунок 8.13).
Наверное, сегодня уже все пользователи в той или иной степени знакомы с Flash. В настоящее время это наиболее распространенный формат анимации в Интернете, при помощи которого построено подавляющее большинство мультимедийных интернет-страниц.
Конечно, в Adobe Illustrator не реализовано и десятой части возможностей Flash, ведь программа предназначена не для этого. Тем не менее, в ней вы сможете сделать или статичную картинку или простую анимацию.

Работа с форматом SVG

8.2. Работа с форматом SVG

В настоящее время информация, которая размещена в Интернете, носит смешанный характер. Трудно найти такой сайт, в котором есть только графика или только текст. Именно повсеместное внедрение графических данных в тексты уже достаточно давно дало толчок к появлению формата S VG.
Прежде чем говорить об этом формате, вспомним, в каком виде существует графика в Интернете. В основном в трех растровых форматах —JPEG, GIF и PNG. Кроме того, значительное распространение получила векторная Flash-графика.
Какие существуют недостатки? Для растровых форматов это:

слишком большой размер файлов;

отсутствие возможности менять размеры без ухудшения качества.

Flash-файлы неудобны тем, что все содержание передают как графику, что не очень хорошо для текстового наполнения.
SVG в этом отношении абсолютно революционен. Он создан на основе интернет-стандарта XML, который представляет из себя определенные правила написания кода HTML. Это значит, что SVG, в отличие от SWF, не является компилированным файлом. Он описывает изображение при помощи стандартных норм XML и поэтому может создаваться не только в графическом редакторе, но и в редакторе верстки HTML-страниц, даже в обычном Блокноте.
SVG (Scalable Vector Graphics) переводится как «масштабируемая векторная графика». Не совсем понятно, почему формат назван так — любая векторная графика легко масштабируется, это одно из ее основных свойств. Формат SVG объединяет в себе графические данные, текст и интерактивные компоненты.
Графические данные могут быть как векторными, так и растровыми. Векторная часть в свою очередь делится на примитивы и линии (кривые Безье). SVG способен передавать и два вида анимации — заданную по кадрам и программно описанную (однако, опыт показывает, что для создания анимации более эффективен формат Flash). Подробное описание формата SVG можно получить на официальном сайте http://www.w3.org/Graphics/SV6.
Наш пример будет достаточно простым, но полезным. Мы создадим векторную фигуру, линии которой будут утолщаться при наведении курсора мыши. Используем наш знак (Рисунок 8.14).

Результат подготовки изображения первой страницы сайта

Рисунок 8.20. Результат подготовки изображения первой страницы сайта


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

Создание HTMLстраницы

8.3. Создание HTML-страницы

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

Страница разбитая на пластины

Рисунок 8.22. Страница, разбитая на пластины


На этом работа почти выполнена. Конечно, лучше оптимизировать каждую пластину отдельно после запуска Save for Web (Сохранить для Web), но для данного примера достаточно и автоматических настроек.
В качестве формата сохранения пластин выберите GIF — он подойдет для этого случая. После этого в окне Save for Web (Сохранить для Web) щелкните на кнопке Save (Сохранить) и выберите вариант сохранения HTML and Images (HTML и изображения). Получившаяся страница в окне Internet Explorer показана на Рисунок 8.23.
Размер всех файлов страницы после оптимизации оказался равен 32 Кбайт — это отличный результат для любительской страницы с графикой. Резюмируя, хотелось бы сказать, что при желании заниматься веб-дизайном лучше осваивать специальные программы и пакеты, разбираться в технологиях — только это обеспечит профессиональный результат. Illustrator как инструмент для создания сайтов подходит только для случайной, разовой работы.

SVG в окне обозревателя

Рисунок 8.18. SVG в окне обозревателя


Особое внимание обратите на то, какого размера получился файл (у нас это всего 720 байт!). Никакая GIF-анимация не сравнится с этим форматом по компактности.

Вид страницы которую мы будем повторять

Рисунок 8.19. Вид страницы, которую мы будем повторять


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

1. Итак, первое действие — поместить растровую картинку в документ. Для этого используется команда Place (Поместить).

2. Следующее действие — создание огибающей линии. Проще всего это делается следующим образом: возьмите инструмент Paintbrush (Кисть) и нарисуйте примерный контур. Нет смысла пытаться полностью повторить существующий — этого даже мы не делали.

3. Затем смените Paintbrush (Кисть) на Smooth (Сглаживание) и подровняйте контур. Чтобы создать иллюзию, что он нарисован реальной кистью, выберите подходящий вариант из готовых стилей. Откройте библиотеку художественных кистей — Window > Brush Libraries > Artistic Sample (Окно > Библиотеки кистей > Художественные образцы). Вы можете сами подобрать вариант, но нам показалось, что наиболее подходящий — Dry Ink.

4. Разрывы в линии можно сформировать несколькими способами, самый простой — наложить поверх нее прямоугольники белого цвета без обводки.

5. Название издательства формируется при помощи инструмента Text (Текст) без особых ухищрений. То, что у нас получилось, показано на Рисунок 8.20.

Включенная сетка прозрачности

Рисунок 8.1. Включенная сетка прозрачности


Еще одна опция, позволяющая настроить просмотр так, чтобы было удобнее работать с интернет-графикой, это Pixel Preview (Пиксельный режим) — View > Pixel Preview (Вид > Пиксельный режим).
Как вы помните, основное отличие векторной и растровой графики заключается в том, что векторная строится на кривых, основанных на математических формулах, а растровая — на пикселах.
Если мы создаем иллюстрацию для Интернета, то должны быть готовы к тому, что придется использовать так называемое экранное разрешение, а именно 72 ppi. Это значит, что вы практически наверняка потеряете четкость и ровность контуров, которая характерна для растровой графики высокого разрешения и любой векторной графики. Гораздо лучше увидеть такие изменения еще в процессе работы, чтобы результат не стал сюрпризом. Для этого и создана функция Pixel Preview (Пиксельный режим), которая имитирует экранное разрешение. При этом все объекты выглядят так, как они будут выглядеть при разрешении 72 ppi.
На Рисунок 8.2. показано одно изображение в обычном режиме отображения и в режиме Pixel Preview (Пиксельный режим).

В именах при сохранении интерактивного

ВНИМАНИЕ
В именах при сохранении интерактивного SVG нельзя использовать пробелы и подчеркивания. Поэтому даже Layer 1 необходимо переименовать в Layerl.
Для переименования дважды щелкните левой кнопкой мыши на объекте и измените имя в открывшемся окне (Рисунок 8.15).

Задание URL через палитру Attributes (Атрибуты)

Рисунок 8.21. Задание URL через палитру Attributes (Атрибуты)


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

Об Adobe Illustrator CS

Использование Data Driven

9.3. Использование Data Driven

Довольно часто людям, имеющим дело с компьютерной графикой, приходится заниматься рутинным повторением одного и того же действия. Чуть выше мы поговорили, как это решается при помощи Actions (Действия).
Data Driven Graphics (Динамическая графика) — это еще более мощный способ автоматизировать работу. В основу положен принцип шаблонности — вы создаете шаблон, а затем меняете только данные в файле-описании. Наиболее это понятно разработчикам веб-страниц, которые имели опыт работы с CSS и XML — сначала определяется стиль всего документа, потом редактируется наполнение. Недаром Data Driven Graphics (Динамическая графика) основана именно на XML.
Основной способ использования — создание однотипных документов в большом количестве, например, визиток фирмы. Если их нужно сделать более 20, то инструмент Data Driven Graphics (Динамическая графика) становится просто незаменимым. Именно визитками в этом примере мы и займемся.
Сначала необходимо создать шаблон. Этот процесс ничем не отличается от простого рисования в Illustrator. Однако сразу создайте папку для хранения файлов, относящихся к этому проекту, и положите туда первую фотографию. Шаблон, созданный авторами, показан на Рисунок 9.5.

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

9.2. Использование макросов

При работе с Illustrator пользователь достаточно быстро запоминает ряд клавиатурных сокращений. Это отличительная черта не только профессионала, но и просто внимательного человека, так как очень много всплывающих подсказок, а в основном меню рядом со многими командами написаны сочетания клавиш, которые позволяют вызвать их с помощью клавиатуры. Несомненным плюсом программы является то, что разработчики предусмотрели возможность создавать свои собственные клавиатурные сокращения, которые будут удобны именно вам, а при выполнении некоторых видов работы необходимы, как воздух, особенно если одну операцию приходится выполнять многократно.
Делается это очень просто. Выберите Edit > Keyboard Shortcuts (Правка > Клавиатурные сокращения), откроется окно (Рисунок 9.2).
Как вы видите, здесь можно назначить клавиатурное сокращение для любого инструмента или пункта меню. Можно, например, вызывать часто используемые фильтры, не открывая каждый раз меню.

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

9.4. Использование сценариев

Для Adobe Illustrator вы можете также писать сценарии, которые по сложности не будут уступать многим программным элементам. Это наиболее мощный и сложный способ автоматизации работы. Несколько готовых можно увидеть в File > Scripts (Файл > Скрипт) (Рисунок 9.9).

Как заставить программу работать быстрее

9.1. Как заставить программу работать быстрее

Самый простой способ заставить программу работать быстрее — это настроить работу с дополнительными модулями (plug-ins). Каждый такой модуль — это отдельная небольшая программа, которая требует определенных системных ресурсов. Хранятся модули в папке Illustrator CS/Plug-ins. В ней, как видите, находится много папок, однако их названия и названия файлов позволяют понять, что именно в них содержится.
Создайте новую папку там же. Затем скопируйте туда только те надстройки, которые необходимы в повседневной работе. После этого выберите: Edit > Preferences > Plug-ins&Scratch Disks (Правка > Настройки > Плагины и диски подкачки). Откроется окно (Рисунок 9.1).

Лист с новыми данными

Рисунок 9.8. Лист с новыми данными


Разумеется, работать с Data Driven Graphics (Динамическая графика) имеет смысл в тех случаях, когда есть хотя бы 20 вариантов или информацию приходится часто обновлять.

Машина должна работать

Машина должна работать

В 70-х годах в СССР на различных предприятиях появились загадочные люди, которые называли себя бригадами НОТ. Народ очень быстро расшифровал НОТ как «Новый отряд тунеядцев». Однако это было не совсем так. НОТ — это «Научная организация труда».
К чему этот исторический экскурс? А к тому, что в СССР поняли, что при тех же затратах машинного и человеческого времени можно получать куда более высокую производительность, если внести небольшие изменения в процесс. В СССР, правда, НОТ никакой реальной отдачи не принесла.
Человек, работающий на компьютере, также зачастую не понимает, что очень многие ресурсы компьютера и его времени уходят зря. Эта глава посвящена тому, как можно сэкономить время и ресурсы.

Содержание

Вперед

Окно Keyboard Shortcuts

Рисунок 9.2. Окно Keyboard Shortcuts


Казалось бы, что еще можно пожелать? Ведь так быстро, удобно, практично. Но нет, создатели и разработчики программы пошли еще дальше.
Если вдуматься, то списки команд нужны для того, чтобы не повторять их множество раз. А раз уж возникает необходимость выполнять их снова и снова, то вполне логичным является реализация возможности применения макропоследовательностей не к одному файлу, а к целым группам. Именно эту замечательную идею и осуществили разработчики, за что им огромное спасибо, так как не приходится сидеть за компьютером и монотонно нажимать клавиши.
В одном из прошлых занятий мы создавали визитку. Сейчас попробуем записать макрос, который будет оптимизировать процесс их размещения на листе формата А4 для последующей печати.
Откройте палитру Actions (Действия): Window > Actions (Окно > Действия) (Рисунок 9.3).

Окно Preferences/Plugins&Scratch Disks

Рисунок 9.1. Окно Preferences/Plug-ins&Scratch Disks


Щелкнув на кнопке Choose (Выбор), смените папку Plug-ins на созданную вами. После перезагрузки программы изменения вступят в силу. Если вам понадобится какой-либо фильтр, достаточно будет просто скопировать его в эту же папку.

Окно Variable Options

Рисунок 9.6. Окно Variable Options


В поле Name (Имя) задается имя для данного атрибута. В Data Driven Graphics (Динамическая графика) очень важно указывать понятное имя, иначе потом, уже при работе с XML-файлом, легко запутаться.
Второй параметр — Туре (Тип) — сложнее. Здесь вы указываете тип атрибута. Как правило, программа сама его правильно определяет, но иногда его приходится корректировать. Существует четыре варианта.

Graph Data (Графические данные). Элемент векторной графики. Может быть практически любым, используемым в программе.

Linked File (Связанный файл). Связанное, чаще всего растровое, изображение. У нас именно этим типом является фотография сэндвича.

Text String (Текст).

Visibility (Видимый). Тип, имеющий только два значения — элемент либо виден, либо нет.

Аналогичным способом отметьте все графические и текстовые фрагменты, которые будут подвергаться изменению.
Сохраним полученное в наборе (список Data Set (Набор данных) палитры), щелкнув на кнопке

После обновления файла у нас уже два набора данных

Рисунок 9.7. После обновления файла у нас уже два набора данных


Выберите вариант Ivan Petrov. Вы увидите то, что показано на Рисунок 9.8.

Расположение «визиток»

Рисунок 9.4. Расположение «визиток»

5. Откройте новый файл. Поместите аналогичный прямоугольник и запустите записанную макропоследовательность. Если результат будет идентичен тому, что вы сделали вручную, — все правильно.

З Палитра Actions

Рисунок 9.З. Палитра Actions


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

Шаблон листа

Рисунок 9.5. Шаблон листа


Запомните, что вставленное изображение обязательно должно быть ссылкой, а не помещенным в документ. Иными словами, в окне Place (Поместить) должна быть отмечена опция Link (Связь). Надписи, которые будут меняться, не должны находиться в одном текстовом блоке с другими. Каждая должна быть написана отдельно. Единственная надпись, которая останется неизменной, — название компании.
После этого можно переходить ко второй части работы над шаблоном, а именно: заданию его динамических свойств. Для этого служит специальная палитра Variables (Варианты), которую можно открыть (если она не открыта), выполнив: Window > Show Variables (Окно > Видеть Варианты).
Выделите изображение и щелкните на кнопке

Вид меню Script

Рисунок 9.9. Вид меню Script


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

Ваши сокращения не должны совпадать

ВНИМАНИЕ
Ваши сокращения не должны совпадать с наиболее распространенными стандартными (например, не стоит назначать сочетанию клавиш Ctrl+V иное значение, кроме «Вставить»), иначе вам будет трудно работать в других программах. Бывает также, что приходится выполнять не одно действие, а целую цепочку постоянно повторяющихся действий. Выстраиваясь определенным образом, действия образуют последовательность команд, которая получила название макропоследовательности.
Именно такие большие списки последовательно выполняющихся команд можно создавать самим, а можно воспользоваться готовыми. За такими макропоследовательностями также можно закреплять клавиатурные сокращения, то есть для выполнения достаточно будет просто нажать клавишу.

Об Adobe Illustrator CS

Ценная бумага своими руками

Ценная бумага своими руками

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

Содержание

Вперед

Добавление центрального элемента

Рисунок 10.29. Добавление центрального элемента


5. Изображению недостает сложности. Добавьте между центральным -«волнистым» кругом и внешним краем еще одну окружность с примененным к ней фильтром Zig Zag (Зигзаг). Скопируйте ее, повернув под углом 12° (Рисунок 10.30). Проследите за тем.лтобы последите дцефигуры не имели заливки.

Добавление двух «волнистых» окружностей

Рисунок 10.30. Добавление двух «волнистых» окружностей


6. Оформите внешний край виньетки. Для этого нарисуйте еще одну «волнистую» окружность по внешнему контуру объекта (Рисунок 10.31).

Добавление фирменного знака

Рисунок 10.33. Добавление фирменного знака


Как видите, простенькую виньетку можно создать, пользуясь только инструментами Ellipse (Эллипс) и Rotate (Поворот), а также фильтром Zig Zag (Зигзаг).
Ирисовый раскат
Ирисовый раскат, или ирис, — это эффект плавного перехода цвета на типографском оттиске, который создается в результате специального способа подачи краски. На сторублевой купюре этот прием использовался при печати всех фоновых изображений. Воспроизвести его на принтере невозможно, но есть способ, позволяющий имитировать ирис за счет модуляции (изменения по определенному закону) толщины линий фоновой сетки.
Сетка в данном случае должна быть как можно более простой. Иногда можно ограничиться набором прямых линий. Мы в качестве примера рассмотрим сетку, состоящую из синусоид.
1. С помощью инструмента Line (Линия) и фильтра Zig Zag (Зигзаг) создайте волнистую линию (Рисунок 10.34).

Другие графические элементы защиты

10.5. Другие графические элементы защиты

Существует еще ряд графических элементов, которые вы не сможете изготовить без соответствующего программного обеспечения. Однако Illustrator позволит достаточно неплохо имитировать эти элементы.
Гильош
Гильош, или гильоширный элемент, — это рисунок из множества пересекающихся кружевных тонких линий, заданных математическими формулами. Настоящий гильош вы можете увидеть на любой банкноте. Возьмите, например, купюру достоинством 100 рублей. На лицевой стороне, под изображением квадриги, расположена широкая фиолетовая полоса. Присмотревшись, вы обнаружите, что она является гильоширным элементом, состоящим из тонких белых линий.
Неплохая коллекция гильоширных элементов представлена на сайте компании SecuritySoft Co (www.securesoft.ru/guillioche.html)
Создать такие сложные узоры может только профессионал, вооруженный соответствующим инструментом, — программой или специальным станком. Тем не менее, изобразить некоторое подобие гильоша вполне возможно.

1. Вначале нарисуйте основную линию — синусоиду. Для этого инструментом Line (Линия) создайте отрезок длиной 80 мм (Рисунок 10.21) и примените к нему фильтр Zig Zag (Зигзаг) с параметрами, указанными на Рисунок 10.22.

Фрагмент оригинальной сетки (a)

Рисунок 10.6. Фрагмент оригинальной сетки (a) и фрагмент той же сетки после ксерокопирования (б)


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

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

Рисунок 10.5. Фрагменты регулярных сеток при большом увеличении


Авторы решили не описывать создание элементов, изображенных на Рисунок 10.5. Будет гораздо лучше, если вы попробуете создать эти (или похожие) комбинации кривых самостоятельно. Для этого вам понадобятся инструмент Line (Линия), инструменты трансформации и фильтр Zig Zag (Зигзаг). После построения элемента размножьте его на весь документ, как было описано в занятии 5.
Совет
СОВЕТ
Не создавайте слишком сложных элементов. Учтите, что их размер не должен превышать 0,5-1 сантиметра по каждой из сторон. Большинство периодических структур создается на основе обычных синусоид (графиков функции у = sin x).
Для проверки подлинности такой сетки следует вооружиться увеличительным стеклом. При копировании тонкие линии «рассыпаются» на отдельные точки (Рисунок 10.6).

Исходная линия для создания «ирисовой» сетки

Рисунок 10.34. Исходная линия для создания «ирисовой» сетки

2. Скопируйте ее и расположите одну линию левее левого края бейджа, вторую — правее правого. Постройте между ними бленд (Рисунок 10.35).

Исходная сетка

Рисунок 10.16. Исходная сетка


2. Скопируйте сетку на новый слой. Слой с исходной сеткой «заприте», поставив отметку

Исходные линии для создания бленда

Рисунок 10.11. Исходные линии для создания бленда

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

3. Постройте бленд между граничными линиями (Рисунок 10.12).

Исходный отрезок

Рисунок 10.21. Исходный отрезок

Исходный вариант защитной сетки

Рисунок 10.7. Исходный вариант защитной сетки

Изменение амплитуды левой граничной линии

Рисунок 10.37. Изменение амплитуды левой граничной линии

5. Окрасьте весь бленд, например, в желтый цвет.

6. Скопируйте полученную сетку инструментом Reflect (Отражение) относительно вертикальной оси. Окрасьте копию в розовый цвет. В результате создается иллюзия, что сетка плавно изменяет цвет от розового до желтого. Это и есть имитация ирисового раската.

Изменение толщины правой граничной линии

Рисунок 10.36. Изменение толщины правой граничной линии


4. Для создания большего контраста уменьшите амплитуду левой синусоиды в четыре раза (Рисунок 10.37).

Этапы создания защитной сетки из искривленных линий

Рисунок 10.4. Этапы создания защитной сетки из искривленных линий

Комбинирование двух неоднородных сеток

Рисунок 10.9. Комбинирование двух неоднородных сеток


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

Новый путь перехода для бленда

Рисунок 10.13. Новый путь перехода для бленда


5. Выделите бленд вместе с нарисованной линией и выполните команду Object > Blend > Replace Spine (Объект > Переход > Заменить путь перехода). В результате сетка немного изогнется (Рисунок 10.14). *

Оболочки (слева) и результат их

Рисунок 10.32. Оболочки (слева) и результат их применения к виньетке (справа)


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

Оформление края «гильоша»

Рисунок 10.25. Оформление края «гильоша»


Подобный графический элемент можно назвать гильошем с некоторой'натяжкой, но мы и не ставили задачу создания настоящей ценной бумаги. Для оформления фирменного пропуска или бейджа «гильоширной» полосы, созданной вами, будет вполне достаточно. .
Виньетки
Виньетка — это объект, во многом напоминающий гильош. Отличие состоит в том, что виньетки не «растянуты» в полосу, а вписаны в круг или овал. На сторублевой купюре эти графические элементы используются в качестве «подкладки» для цифр числа 100. Рассмотрим, как быстро создать виньетку средствами Illustrator.

1. Виньетка ло своему рисунку напоминает ромашку. Нарисуйте инструментом Ellipse (Эллипс) первый «лепесток» (Рисунок 10.26).

Оформление края виньетки

Рисунок 10.31. Оформление края виньетки

7. Более интересную форму виньетке можно придать, если вписать ее в оболочку командой Object > Envelope Distort > Make with Top Object (Объект > Внешнее искажение > Преобразовывать в соответствии с верхним объектом). На Рисунок 10.32 показаны некоторые понравившиеся авторам варианты.

Совет
СОВЕТ
Создавайте контейнеры (оболочки, в которые помещается виньетка) из обычных квадратов и кругов, к которым применен фильтр Zig Zag (Зигзаг).

Окно Document Setup

Рисунок 10.1. Окно Document Setup

Окно New Document

Рисунок 10.2. Окно New Document


В результате размер листа документа Illustrator стал равен размеру пропуска. Это удобно по двум причинам. Во-первых, вы видите, как расположены объекты по отношению к границам документа. Во-вторых, нажатие сочетания клавиш Ctrl+O позволит увидеть пропуск целиком, причем в оптимальном масштабе.
Теперь выставим начало координат в левый нижний угол. Для этого командой View > Show Rulers (Вид > Показать линейки) вызовите на экран размерные линейки и щелкните на значке начала координат "|"", расположенном в верхнем левом углу документа. В результате левый нижний'угол будет иметь координаты (0, 0).

Остова виньетки

Рисунок 10.28. Остова виньетки


4 Как видите, в центре фигуры линии расположены слишком плотно, поэтому его лучше чем-нибудь прикрыть. Нарисуйте круг, присвойте ему белую заливку и с помощью палитры Align (Выравнивание) выррвняйгге по центру виньетки. Чтобы придать рисунку некоторую живость, примените к кругу фильтр ZigZag (Зигзаг) (Рисунок 10.29).

Отражение синусоиды относительно горизонтали

Рисунок 10.23. Отражение синусоиды относительно горизонтали

3. Скопируйте синусоиды на то же место. Для этого достаточно вначале выполнить команду Edit > Сору (Правка > Копировать), а затем Edit > Paste in Front (Правка > Вставить наверх). После этого сместите копию на 2,5 мм влево и уменьшите ее высоту до 12 мм (Рисунок 10.24).

Параметры линий сетки

10.4. Параметры линий сетки

Выше в этой главе неоднократно подчеркивалось, что технология изготовления книги (способ печати, применяемая бумага, особенности изготовления фотоформ) заметно отличается от технологии изготовления ценной бумаги. Поэтому все приведенные иллюстрации дают весьма приблизительное представление о том, как выглядит защитная сетка. Линии на наших рисунках слишком толстые, расположены слишком редко и образуют слишком крупный узор.
Поэтому авторы предлагают некоторые базовые параметры, которые нужно использовать при создании защитной сетки. Точные значения лучше подобрать самостоятельно, исходя из возможностей вашего печатающего устройства.
Толщина линии. В реальной ценной бумаге толщина линии сетки очень мала: от 30 до 70 микрон. Разумеется, если вы собираетесь выводить ваше творение на принтере, столь тонкую сетку напечатать не получится. Если ваше печатающее устройство сможет устойчиво передавать цветные линии толщиной около 100 микрон (0,1 мм), этого вполне достаточно для создания нужного эффекта.
Густота линий. Во избежание «залипания» сетки не делайте ее слишком густой. С другой стороны, если линии будут расположены слишком редко, сетка будет «рябить». Попробуйте задать среднее расстояние между линиями в 3-4 раза большим, чем их толщина. Обычно это оптимальное соотношение.
Цвет сетки. Лучше всего выглядят две сетки разного цвета, наложенные друг на друга. Если они достаточно густы и состоят из тонких линий, создается визуальный эффект перехода цвета. В типографии защитные сетки наносятся с помощью специально смешанных красок, их нельзя напечатать стандартной полиграфической триадой (С — голубой, М — пурпурный, Y — желтый). Если вы выводите изображение на лазерном принтере, вам придется выбирать из ограниченного количества цветов. Например, чисто голубая сетка (100 % С) напечатается нормально, а светло-зеленая (50 % С, 50 % Y) будет состоять из набора цветных точек. Авторы рекомендуют ограничиться следующим набором цветов:

голубой (100% С);

пурпурный (100% М);

желтый (100% Y);

фиолетовый (100% С и 100% М);

зеленый (100% С и 100% Y);

красный (100% Ми 100% Y)

Подготовка документа к работе

10.1. Подготовка документа к работе

Ценная бумага — всегда сложный, насыщенный графикой документ. Поэтому перед началом ее создания следует потратить несколько минут на подготовку. Прежде всего выберите правильный размер документа. Командой File > Document Setup (Файл > Настройки документа) (Ctrl+Alt+P) откройте окно Document Setup (Настройки документа) (Рисунок 10.1).
Предположим, размер пропуска — 70 х 100 мм. Введем эти значения в поля Width (Ширина) и Height (Высота). Поскольку документ должен иметь портретную ориентацию (ширина меньше высоты), установите переключатель Orientation (Ориентация) в положение

Построение бленда

Рисунок 10.35. Построение бленда


3. Инструментом Group Selection (Групповое выделение) выделите одну из граничных линий (например, правую) и увеличьте ее толщину в четыре раза (Рисунок 10.36).

Применение фильтра Zig Zag

Рисунок 10.22. Применение фильтра Zig Zag


2. Отобразите созданную синусоиду относительно горизонтальной оси (Рисунок 10.23). Сгруппируйте нарисованные линии.

Результат наложения маски

Рисунок 10.19. Результат наложения маски

6. Сделайте слой с исходной сеткой видимым (Рисунок 10.20).

Результат трансформирования граничных

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

Результат выполнения команды Object

Рисунок 10.14. Результат выполнения команды Object > Blend > Replace Spine


6. Трансформируя граничные линии и путь перехода, можно получить более сложные фактуры (Рисунок 10.15).

Результаты применения различных

Рисунок 10.10. Результаты применения различных вариантов фильтра КРТ Vector Distort


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

Рисунок на защитной сетке

10.3. Рисунок на защитной сетке

Авторы надеются, что, немного поэкспериментировав, вы сможете создать достаточно эффектную сетку, которая впечатлит заказчика. Но есть опасность, что он заподозрит вас в плагиате. Дескать, не сами вы эту сетку придумали, а просто украли у кого-то и теперь выдаете за свое творение. Самый лучший способ убедить его — персонифицировать созданное вами изображение. Это означает, что на сетке будет стоять своего рода подпись, индивидуальная отметка. Например, логотип или фирменный знак.
Самый простой способ создать рисунок на защитной сетке — организовать его за счет утолщения линий. В программе Adobe Illustrator есть все необходимое для этой операции.
1. В качестве основы возьмем достаточно простую сетку из пересекающихся волнистых линий (Рисунок 10.16).

Сетка после деформации

Рисунок 10.8. Сетка после деформации


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

Сетка с наложенным на нее знаком

Рисунок 10.18. Сетка с наложенным на нее знаком

5. Увеличьте толщину линий сетки в три раза. Затем выделите сетку вместе со знаком и выполните команду Object > Clipping Mask > Make (Объект > Маска > Создать) (Рисунок 10.19).

Сетка с рисунком

Рисунок 10.20. Сетка с рисунком


Имейте в виду: чем гуще будет исходная сетка, тем лучше будет читаться рисунок.
Более сложные способы нанесения изображения на сетку — градация толщины линий в зависимости от яркости изображения, «продавливание» сетки и другие — требуют применения специального программного обеспечения. Однако и описанный метод, скорее всего, впечатлит даже привередливого заказчика.

Создание и редактирование копии синусоид

Рисунок 10.24. Создание и редактирование копии синусоид


4. «Гильош» почти готов. Осталось аккуратно оформить его края. Авторы выбрали вариант оформления, изображенный на Рисунок 10.25.

Созданный бленд

Рисунок 10.12. Созданный бленд


4. Нарисуйте изогнутую линию, которая станет новым путем перехода (Рисунок 10.13).
Совет
СОВЕТ
Не делайте ее слишком изогнутой и с большим количеством изгибов. Учтите, что бленд будет перестроен в соответствии с размерами и положением нового пути перехода. Поэтому нарисованная линия должна быть немного длиннее высоты бейджа и располагаться в центре документа.

Так выглядит «запертый» и невидимый

Рисунок 10.17. Так выглядит «запертый» и невидимый слой Layer 1 на палитре Layers

3. Если сетка — это единственное, что есть на текущем слое, перетащите его название на значок. Будет создан новый слой с тем же содержимым.
4. На новом слое наложите поверх сетки знак «инь и ян» (Рисунок 10.18). Проверьте, чтобы знак представлял собой единую составную линию, а не группу.

Совет
СОВЕТ
Для верности выделите знак и выполняйте команды Object > Compound Path > Release (Объект > Составной путь > Отменить) и Object > Ungroup (Объект > Разгруппировать) до тех пор, пока они не перестанут быть активными. После этого выполните Object > Compound Path > Make (Объект > Составной путь > Создать).

При создании нового файла командой

ВНИМАНИЕ



При создании нового файла командой Ctrl+N размеры и ориентацию лучше установить сразу, введя значения в соответствующие поля окна New Document (Новый документ) (Рисунок 10.2).

ВНИМАНИЕ
Технология изготовления книги такова, что линии не могут быть достаточно тонкими и располагаться достаточно густо, как требуется при создании настоящей защитной сетки. Но на лазерном принтере вы сможете распечатать набор линий, который будет ближе к идеалу, чем фактура, изображенная на Рисунок 10.4. Таким способом можно создать сетку, которую практически невозможно воспроизвести, измеряя расстояние между линиями. Но и она слишком примитивна для ценной бумаги. Если вы покажете ее заказчику, он, скорее всего, решит, что вы просто поленились выполнить работу, и уйдет обиженный.
Рассмотрим более сложные способы изготовления защитных сеток.
Регулярные защитные сетки
Гораздо более эффектно смотрятся фоновые сетки, образованные извилистыми переплетающимися линиями. При пересечении образуется мелкий регулярный узор (Рисунок 10.5), нарушение которого обычно бросается в глаза.


ВНИМАНИЕ
В действительности сетка должна быть сложнее, но, как уже говорилось, технология печати ценной бумаги очень сложна. В книге, которую вы держите в руках, передать все ее нюансы невозможно. Выделите теперь всю сетку целиком и примените к ней команду Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя). В появившемся окне выберите вариант Wave. Результат представлен на Рисунок 10.8.


ВНИМАНИЕ
Помните, что на рисунках в книге везде изображаются увеличенные фрагменты изображения. Если вам необходимо заполнить нерегулярной сеткой весь бейдж, вначале создайте равномерную сетку на полный размер документа, а затем искажайте ее. Разумеется, вы можете применить не вариант Wave команды Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя), а какой-нибудь другой способ искажения. Авторы предпочитают использовать фильтры КРТ Vector Effects от MetaCreations. На Рисунок 10.10 приведены примеры применения фильтра КРТ Vector Distort (Векторное искажение КРТ) к сетке, изображенной на Рисунок 10.7.


ВНИМАНИЕ
Для редактирования только граничных объектов выделяйте их инструментом Group Selection (Групповое выделение). Лучшего эффекта можно добиться, если наложить друг на друга несколько различных по структуре и цвету нерегулярных сеток.



ВНИМАНИЕ
Учтите, что изображение с большим количеством деталей простым утолщением линий передать не удастся. Фотографию также невозможно передать таким способом.

Защитная сетка созданная из прямых линий

Рисунок 10.3. Защитная сетка, созданная из прямых линий


Несмотря на простоту изготовления, такую сетку можно назвать защитной: она имеет ярко выраженный рисунок, который плохо воспроизводится при копировании на ксероксе.
Совет
СОВЕТ
Если хотите проверить защитные свойства узора, показанного на Рисунок 10.3, распечатайте его на лазерном принтере, установив минимальную толщину линий. После этого попытайтесь отсканировать или ксерокопировать распечатку. Даже сетка, состоящая из черных линий, на копии «рассыплется». Цветной узор воспроизвести еще сложнее.
Правда, воссоздать такую фактуру довольно просто. Достаточно измерить расстояние между линиями, а затем нарисовать в векторном редакторе набор прямых и подобрать нужную толщину. Усложним рисунок — построим его из немного изогнутых линий.

1. Инструментом Line (Линия) нарисуйте прямую (Рисунок 10.4, а).

2. С помощью Convert Anchor Point (Изменить якорную точку) искривите ее (Рисунок 10.4, б).

3. Скопируйте полученный контур на новое место и командой Object > Blend > Make (Объект > Переход > Создать) постройте бленд между двумя искривленными контурами (Рисунок 10.4, в).

4. Инструментом Rotate (Поворот) создайте копию бленда под углом 20° (Рисунок 10.4, г).

5. Немного измените изгиб граничных линий, чтобы создать более интересную фактуру (Рисунок 10.4, Э).

Защитная сетка

10.2. Защитная сетка

Защитная сетка — это фоновый узор из тонких линий, который не затрудняет чтение текста, написанного поверх него, но плохо воспроизводится при копировании.
Простые защитные сетки
Простейший случай — сетка из прямых линий (Рисунок 10.3). Создать ее вы вполне можете самостоятельно, если внимательно прочитали предыдущие главы.

Об Adobe Illustrator CS

Что и как отдавать в сервисный центр?

Что и как отдавать в сервисный центр?

Если вы передадите специалистам сервисного центра, который будет выводить фотоформы, только диск с подготовленным документом, будьте готовы к тому, что через полчаса раздастся звонок, и у вас начнут сердито интересоваться, «что это такое вы нам тут передали». Впрочем, в хорошем центре работу без сопроводительной записки просто не возьмут, поэтому лучше подготовить все заранее. Вот примерная информация, которой следует сопроводить передаваемый файл:

название файла;

его формат;

версия программы, в которой документ создан;

геометрические размеры;

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

распечатка документа (лучше цветная), если нет возможности распечатать его в масштабе 1:1, укажите точный масштаб уменьшения;

распечатка составляющих CMYK (помните, мы предупреждали, что эти листики нам еще пригодятся?);

контактная информация, в первую очередь — телефон, по которому с вами можно связаться и уточнить детали.

Только с этим внушительным ворохом бумаг стоит передавать работу, над которой вы столько мучались. Но даже он не спасет вас от всех неожиданностей. Зато, по крайней мере, вы сможете честно сказать себе и начальству: «Я сделал все что мог!».

Назад

Содержание

Вперед

Что мы знаем о красках?

Что мы знаем о красках?

Главное, что следует помнить о полиграфических красках, — это их количество и состав. В подавляющем большинстве случаев красок четыре: голубая (для краткости мы будем обозначать ее буквой С — от слова Cyan, голубой), пурпурная (М — Magenta), желтая (Y — Yellow) и черная (К — ЫасК). Основные краски называют «полиграфической триадой». Почему «триадой»? Потому что в формировании цвета играют роль только первые три, черная нужна только для того, чтобы придать цвету насыщенность, компенсировать впитывание остальных красок в бумагу. Соответственно полиграфические цвета, которые получаются из смеси CMYK, носят название «триадных».
Другие варианты количества и состава красок встречаются реже. Иногда можно обойтись одной краской, но такой случай нельзя считать печатью в цвете, его мы рассматривать не будем.
Довольно часто встречается печать в две и более краски, когда хотя бы одна из них не является триадной. Такие краски смешиваются из специальных красителей (не из CMYK), поэтому они получили название «смесевых». Подготовку к печати сме-севыми красками мы вкратце опишем ниже.
Существует еще так называемая печать Hi-Fi, при которой используется шесть основных красок: CMYK, оранжевая и зеленая. Однако подобные типографские машины у нас пока встречаются редко, и материалы для них готовят специально обученные операторы, которые вряд ли станут читать книгу для начинающих.
Таким образом, есть смысл говорить о двух ситуациях: четырехцветной печати CMYK и печати смесевыми красками. И в том и в другом случае лучше всего работать в цветовом пространстве CMYK. Цветовая модель (CMYK или RGB) выбирается при создании документа и может быть изменена командой File > Document Color Mode (Файл > Цветовая модель документа).
Основные проблемы, возникающие при полиграфической печати, — это некорректное воспроизведение цвета и несовмещение красок. Первая решается путем калибровки, и о ней мы рассказали выше. Вторая проблема требует особого внимания при подготовке к печати.

Цветоделение

Цветоделение

Под цветоделением понимают разделение цвета на основные составляющие. Обычно в качестве основных выступают цвета CMYK, но если использованы смесевые цвета, то они тоже считаются основными. Результатом цветоделения является набор фотопленок (фотоформ), каждая из которых соответствует определенному основному цвету (Рисунок 11.28).

Инструмент Page на палитре инструментов

Рисунок 11.3. Инструмент Page на палитре инструментов


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

1. Вызовите окно Print (Печать) и переключитесь в нем на вариант Setup (Установка) (Рисунок 11.4).

2. Выберите в списке Tiling (Разбиение) пункт Tile Imageable Areas (Разбить на печатных областях). В результате документ автоматически разобьется на несколько частей, каждая из которых будет выведена на своей принтерной странице.

Команда Clean Up

Рисунок 11.9. Команда Clean Up


Каждая из опций отвечает за свой класс объектов: Stray Point (Потерянные узлы), Unpainted Object (Неокрашенные объекты) и Empty Text Path (Пустые текстовые объекты).
Не ленитесь проверить себя!
Всегда полезно лишний раз себя проконтролировать. После того как вы проделали все вышеописанные процедуры, вызовите палитру Document Info (Информация о документе) и проверьте, все ли сделано так, как вы планировали.

Лист документа после выполнения

Рисунок 11.2. Лист документа после выполнения команды View > Show Page Tiling


Как видите, в центре появился двойной пунктирный прямоугольник. То, что попало внутрь него, будет распечатано. Перемещать его можно специальным инструментом Page (Страница), который расположен в левом нижнем углу палитры инструментов (Рисунок 11.3).

Наложение краски примененное к голубой букве «С»

Рисунок 11.21. Наложение краски, примененное к голубой букве «С»

Окно Adobe Gamma в режиме панели управления

Рисунок 11.16. Окно Adobe Gamma в режиме панели управления

6. Если опция View Single Gamma Only (Показывать только общую гамма-коррекцию) включена, отключите ее. Под ней вы увидите три цветных поля с ползунками, которые позволяют корректировать по отдельности красную, зеленую и синюю составляющие цвета на экране. Перемещая ползунки, добейтесь максимального соответствия с распечаткой.
7. Щелкните на кнопке ОК. Программа предложит сохранить измененные установки в виде профиля. Используйте для этого новое имя файла — возможно, вам захочется вернуться к прежним установкам программы.
8. Повторите шаги 3 и 4. Если цвета заметно различаются, еще раз проведите корректировку монитора.

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

Окно фильтра Overprint Black

Рисунок 11.20. Окно фильтра Overprint Black


С помощью фильтра можно присвоить свойство наложения не только чисто черным объектам, указав процент краски в окне Percentage (Процент). Опция Include Blacks with CMY (Включая черный с CMY) позволяет обрабатывать фигуры, окрашенные так называемым «насыщенным черным», который содержит одну или несколько составляющих CMY. Такой цвет используют, если нужно запечатать черной плашкой достаточно большую площадь. Если нанести 100% черную краску на чистую бумагу, могут появиться неравномерности окраски, более светлые пятна. Насыщенный черный предполагает, что вначале наносится, например, 30-40% пурпурной или голубой краски, а уже затем — черная.
Как видите, способов задать наложение много. Чтобы представить, как будет выглядеть документ на печати с учетом всех описанных манипуляций, включите режим просмотра View > Overprint Preview (Вид > Просмотр наложения).
Но в некоторых случаях наложение краски не помогает. Например, если в ситуации, изображенной на Рисунок 11.17, букву «С» печатать с наложением, то в области перекрытия объектов цвет будет не голубой (100% С), как задумывалось, а фиолетовый (100% С, 100% М) (Рисунок 11.21).
В таких ситуациях приходится прибегать к приему, известному как «треппинг». Он заключается в том, что вдоль границы соприкосновения цветных объектов создается зона, в которой один цвет «залазит» на другой. Непонятно? Сейчас разберемся, как создать треппинг и как он работает при печати.
В качестве примера рассмотрим хорошо знакомый нам товарный знак, который на сей раз нужно включить в цветной буклет. Причем сам знак должен быть благородного темно-зеленого цвета (100% С, 80% Y, 20% К), а фон, на котором он находится, — легкомысленный розовый (60% М) (Рисунок 11.22).

Окно Flatten Transparency

Рисунок 11.8. Окно Flatten Transparency


Чтобы овладеть искусством преобразования в растр, активизируйте опцию Preview (Просмотр) и поэкспериментируйте с настройками окна. Ползунок Raster/Vector Balance (Баланс растр/вектор) позволит определить, какая часть векторных объектов будет растрирована. Разрешение итоговых растровых изображений устанавливается в Line Art and Text Resolution (Разрешение растрирования векторных и текстовых объектов) и Gradient and Mesh Resolution (Разрешение растрирования градиентов и градиентных сеток).
От сложного — к простому
Illustrator предлагает богатейшие возможности работы со специальными объектами: здесь и символы, и пошаговые переходы, и кисти. Они очень удобны при редактировании, но не всегда правильно распознаются выводными устройствами. Поэтому на самом последнем этапе их лучше преобразовать в обычные векторные объекты. Надеюсь, вы помните, что к печати мы готовим документ, сохраненный под новым именем? Это необходимо еще и потому, что в исходном документе останутся нетронутыми все кисти, бленды и тому подобные эффекты, которые впоследствии легко модифицировать в случае необходимости.
Для всех этих специальных объектов существует одна команда, которая превращает их в набор простых и всем понятных фигур. Это команда Object > Expand (Объект > Преобразовать).
Все лишнее — на слом
Часто проблемы при печати возникают из-за объектов, которые не видны на экране: неокрашенные кривые, пустые текстовые объекты и «потерянные» узлы. Последние возникают, например, если вы один раз щелкнули на листе документа инструментом Реп (Перо), а потом переключились на другой инструмент. Отыскать такие «паразитные» объекты вручную очень сложно. К счастью, в Illustrator есть специальная команда, которая позволяет убрать их буквально одним движением — Object > Path > Clean Up (Объект > Путь > Очистить) (Рисунок 11.9).

Окно настроек треппинга

Рисунок 11.23. Окно настроек треппинга


Главная из них — Thickness (Толщина). Она определяет ширину зоны, в которой будут присутствовать обе соседствующие краски (зону треппинга). Эта величина зависит исключительно от печатного оборудования, и поэтому ее нужно выяснять у технолога типографии, в которой вы собираетесь печататься. Если хотите получить наглядное представление о том, что же такое треппинг, введите в поле Thickness (Толщина) величину побольше, скажем, 5 миллиметров (14 пунктов). Результат вас впечатлит (Рисунок 11.24).

Окно Print (Печать) Первое знакомство

Окно Print (Печать). Первое знакомство

В версии CS это окно претерпело существенные изменения. В него, наконец, собрали все настройки печати, которые до этого были «рассыпаны» по разным окнам и окошкам. В результате получилось довольно сложное образование, состоящее из нескольких «подокон» или вариантов.
В большинстве случаев все это многообразие настроек и параметров вам не понадобится. Рассмотрим только основные функции окна Print (Печать) и начнем с варианта General (Основной) (Рисунок 11.1), который открывается при нажатии сочетания клавиш Ctrt+P или после выполнения команды File > Print (Файл > Напечатать).

Окно Print вариант General

Рисунок 11.1. Окно Print, вариант General


В том, что мы имеем дело именно с вариантом General (Основной), можно убедиться, посмотрев на левую часть окна, в которой приведен список всех возможных модификаций для диалогового окна Print (Печать). Вверху есть еще три списка, в которых можно выбрать используемый принтер (если у вас их несколько) и его общие настройки. Левую нижнюю часть окна занимает окно предварительного просмотра печати. Все вышеперечисленные элементы остаются неизменными для любого варианта Print (Печать).
Теперь посмотрим на правую часть окна. В общем, ничего страшного, особенно если вы понимаете английский язык. Опция Copies (Копии) позволяет вывести на печать несколько копий, Media (Носитель) — выбрать размеры и ориентацию листа, в самом низу расположены настройки для изменения размеров при печати.
Но некоторые параметры могут ввести вас в заблуждение. Например, переключатель Pages (Страницы). Мы-то с вами знаем, что Illustrator не поддерживает многостраничные документы! Что же имеется в виду? Сейчас разберемся.

Окно Print вариант Setup

Рисунок 11.4. Окно Print, вариант Setup

Окно программы Adobe Gamma

Рисунок 11.13. Окно программы Adobe Gamma


2. Выберите в окне программы вариант Step By Step (Wizard) (Шаг за шагом (Мастер)) и следуйте инструкциям. На первом же этапе (Рисунок 11.14) выдол-жны указать название создаваемого профиля. Авторы выбрали First Profile. Запомните его, оно нам еще пригодится.

Окно свойств образца цвета

Рисунок 11.25. Окно свойств образца цвета


В поле Swatch Name (Название образца) укажите имя цвета, которое будет для вас что-то значить. В списке Color Type (Тип цвета) выберите Spot Color (Смесевой цвет). С помощью бегунков настройте цвет так, чтобы он был максимально похож на реально используемую краску. Щелкните на кнопке ОК. Созданным цветом можно окрасить любой объект. Существует возможность использовать его оттенок.
Когда вы выделите объект, окрашенный данным смесевым цветом, палитра Color (Цвет) будет выглядеть так, как показано на Рисунок 11.26.

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

Рисунок 11.15. Окно управления цветом в Illustrator

5. В верхнем списке выберите пункт Custom (Пользовательский), а под ним отметьте опцию Advanced Mode (Расширенный режим). Затем в группе Working Spaces (рабочие пространства) в списке RGB выберите профиль монитора First Profile, а в списке CMYK — профиль печатающего устройства (авторы использовали стандартный полиграфический профиль Euroscale Coated v2). Прочие настройки окна Color Settings (Настройки цвета) позволяют добиться более точной настройки цвета, но в рамках данной книги рассмотреть их не представляется возможным.

6. Теперь нужно включить режим отображения, который будет корректировать цвет объектов Illustrator с учетом используемого профиля. Для этого в меню выберите View > Proof Setup > Custom (Вид > Цветокоррекция > Пользовательская) и в появившемся окне укажите профиль используемого печатного устройства. После закрытия окна автоматически включается режим просмотра View > Proof Colors (Вид > Цветопроба), который нам и нужен.

Теоретически после проделанных операций изображения на мониторе и на распечатке должны стать очень близки по цвету. Увы, в реальности это не всегда получается. Как правило, приходится корректировать цвет дополнительно. Лучше всего делать это по следующей схеме:
1. Создайте в Illustrator документ, содержащий шесть цветных прямоугольников: голубой, пурпурный, желтый, красный (100% пурпурного и 100% желтого), зеленый (100% голубого и 100% желтого) и фиолетовый (100% пурпурного и 100% голубого).
2. Если монитор недавно включили, подождите хотя бы полчаса, пока он войдет в рабочий режим.
3. Распечатайте документ на цветном принтере.
4. Сравните на глаз цвет на экране и на бумаге.
5. Внесите коррективы. Можно регулировать цветопередачу принтера, но это связано с использованием дорогостоящих расходных материалов, поэтому лучше изменить настройки монитора. Для этого снова понадобится Adobe Gamma, но в ее главном окне (см. Рисунок 11.13) следует выбрать не Step By Step (Wizard) (Шаг за шагом (Мастер)), a Control Panel (Панель управления). При этом окно примет вид, показанный на Рисунок 11.16.

Палитра Attributes

Рисунок 11.19. Палитра Attributes


Опция Overprint Fill (Наложение заливки) включается, если вам нужно печатать с наложением заливку выделенного объекта, опция Overprint Stroke (Наложение обводки) — для обводки объекта. Обычно наложение используют для всех черных объектов. В окне Print/Output (Печать/Вывод), которое будет рассмотрено ниже, есть специальная опция Overprint Black (Наложение черного). Включив ее, вы отдадите приказ все черные объекты печатать с наложением.
Кроме того, есть фильтр Filter > Colors > Overprint Black (Фильтр > Цвета > Наложение черного) (Рисунок 11.20), который позволяет управлять описанным эффектом более тонко.

Палитра библиотеки цветов PANTONE process coated

Рисунок 11.27. Палитра библиотеки цветов PANTONE process coated


Библиотека большая, искать нужный цвет в ней можно долго. Но можно и не искать. Достаточно ввести в строке Find (Найти) номер цвета (в нашем случае 194-1), и искомый образец немедленно будет выделен в палитре библиотеки. Перетащите его на палитру Swatches (Образцы) и пользуйтесь себе на здоровье. Вот теперь можно переходить к цветоделению.

Палитра Color при выделении объекта

Рисунок 11.26. Палитра Color при выделении объекта, окрашенного смесевым цветом


Задать оттенок можно в пределах от 0 до 100% с помощью бегунка Т или на цветовой полосе в нижней части палитры.
Во многих случаях удобно использовать готовые библиотеки смесевых цветов, тем более что многие из них соответствуют реальным красочным шкалам, используемым в полиграфии. Речь идет, прежде всего, о PANTONE.
Допустим, заказчик в последний момент огорошил вас заявлением, что у него есть фирменный цвет — например, PANTONE 194-1 С — и все логотипы должны быть напечатаны именно этим цветом. Вы тут же, вместо того чтобы выяснять, что это за цвет такой и как он примерно выглядит, обращаетесь в меню Window > Swatches Libraries (Окно > Библиотеки образцов) и находите в списке PANTONE process coated («coated» потому что название цвета заканчивается на «С», было бы «U», пришлось бы открывать PANTONE process uncoated). Появляется палитра библиотеки (Рисунок 11.27).

Палитра Document Info

Рисунок 11.10. Палитра Document Info

Палитра Layers и ее меню

Рисунок 11.11. Палитра Layers и ее меню


После того как все слои и объекты стали доступны для редактирования, повторите необходимые подготовительные процедуры. Вот теперь риск сбоя при печати сведен к минимальному.
И последнее: здесь приведены только основные приемы профилактики ошибок. Некоторые тонкости авторы опустили сознательно. Кое-что просто невозможно подогнать под схему. Например, если после всех ваших действий документ превратился в набор растровых объектов, стоит подумать о том, чтобы экспортировать его в TIFF и печатать из Photoshop либо программы верстки. А если среди растровых изображений затесалась строка текста? Что делать? Окончательного рецепта вам никто не даст. Каждый раз придется действовать по обстановке.
Одно авторы могут обещать с уверенностью: чем больше бумаги или пленки вы испортите при выводе на печать, тем больше накопите бесценного опыта. Главное, чтобы урок шел впрок. Глуп не тот, кто совершает ошибки, а тот, кто их повторяет.

Печать на нескольких страницах

Печать на нескольких страницах

Случаются ситуации, когда размер документа больше, чем максимальный размер бумаги, которую можно вставить в ваш принтер. Допустим, вы решили порадовать вашего любимого заказчика плакатом на входе: «Заказы в формате CorelDRAW приносят только лохи!» (потому что он в прошлый раз принес что-то в CDR-фай-ле, а вы потом целый день пытались разобраться, что к чему). И чтобы было заметнее, сделали размер плаката побольше,— скажем, метр на полтора метра. Пока подбирали шрифт, меняли обидное слово «лохи» на литературное «невежды» и громко читали соседям по офису, все было замечательно. Но вот пришло время вывести результат на принтере, который позволяет использовать бумагу формата А4 (210 х 297 мм) и не более. Что делать?
Не унывайте. Во-первых, включите командой View > Show Page Tiling (Вид > Показать разбиение страниц) отображение печатной страницы на листе документа (Рисунок 11.2).

Печать объекта поверх которого

Рисунок 11.18. Печать объекта, поверх которого написан текст: слева — текст печатается с наложением, справа — без наложения


В Illustrator это свойство включается на палитре Attributes (Атрибуты) (Рисунок 11.19).

Подготовка к печати смесевыми красками

Подготовка к печати смесевыми красками

Напомним, что смесевые краски не состоят из основных (CMYK) красителей. Печать такими красками используется в двух случаях.
Во-первых, часто возникают ситуации, когда цветов в документе всего два. Например, черный и красный или зеленый и оранжевый. Можно, конечно, напечатать такую работу и в четыре краски, но это будет стоить дополнительных денег, особенно если печатный станок имеет всего две печатные секции.
Во-вторых, некоторые цвета в принципе невозможно передать с помощью CMYK. Скажем, металлизированные «золотые» и «серебряные» или насыщенный красный, ярко-зеленый и т. д.
Словом, велика вероятность того, что вам придется думать о том, как подготовить к печати документ, который будет печататься несколькими (обычно двумя) смесевыми красками.
Самый простой способ — заменить в документе одну смесевую краску голубой (С), а вторую — пурпурной (М). Но это чревато тем, что придется долго рассказывать
заказчику, что «вон то голубенькое на самом деле зеленое, а то розовенькое — оранжевое». Да и самим легко запутаться. Поэтому лучше создать свои или использовать готовые смесевые цвета, а потом спокойно ими пользоваться.
Для создания нового цвета выберите в меню палитры Swatches (Образцы) пункт New Swatch (Новый образец). Появится окно параметров нового образца цвета (Рисунок 11.25).

Подготовка к полиграфической печати

11.3. Подготовка к полиграфической печати

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

Расположение Adobe Gamma на Панели управления

Рисунок 11.12. Расположение Adobe Gamma на Панели управления


1. Сначала создадим профиль монитора. Для этого запустите Adobe Gamma (Рисунок 11.13).

Результат цветоделения темнозеленого

Рисунок 11.28. Результат цветоделения темно-зеленого (100% С, 80% Y, 20% К) знака на розовом (60% М) фоне


Если вы не работаете в сервисном центре, процесс вывода фотоформ от вас не зависит. Соответственно, не должны вы и задумываться над такими параметрами цветоделения, как угол растра и линиатура. Пусть этим занимаются профессионалы.
Тем не менее, кое-что о цветоделении вам знать нужно. Вернее, нужно уметь производить предварительное цветоделение с выводом результата на бумагу. Лучше потратить полчаса на эту несложную процедуру, чем недельную зарплату на перевывод комплекта пленок.
Для этого вызовите уже известное вам окно Print (Печать) и переключитесь в нем на вариант Output (Вывод) (Рисунок 11.29).

Результат неточного совмещения

Рисунок 11.17. Результат неточного совмещения красок при печати (буква «М» — пурпурная, буква «С» — голубая)


На лучших печатных станках такого заметного сдвига объектов друг относительно друга, конечно, не будет. Величина несовмещения в таких случаях обычно не превышает 0,1 мм. Но и такой мизерной погрешности достаточно, чтобы испортить внешний вид печатной продукции. Представьте себе, например, красочную этикетку, на которой поверх изображения напечатан мелкий (3-4 пункта) черный или темно-синий текст. Если не принять специальных мер, из-за смещения при печати по краю букв может появиться тоненькая белая окантовка. Человеческий глаз устроен таким образом, что он подмечает такие резкие, контрастные переходы цвета, даже если они очень маленькие. В результате надпись будет «рябить» и очень плохо читаться.
Избежать подобной ситуации можно, применив два несложных приема: наложение красок (Overprint) или треппинг — «перехлест» красок.
Проще всего использовать наложение. Его смысл состоит в том, что объекты, расположенные на нижнем плане, «не видят» верхнего объекта, если к нему применено наложение. Они будут распечатаны так, как будто верхнего объекта вовсе нет (Рисунок 11.18), а он будет напечатан уже поверх них.

Результат применения треппинга

Рисунок 11.24. Результат применения треппинга к темно-зеленому знаку на розовом фоне


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

Сложные случаи печати Использование окна Print (Печать)

Сложные случаи печати. Использование окна Print (Печать)

В большинстве случаев вам будет достаточно тех свойств окна Print (Печать), о которых было рассказано выше. Однако иногда придется использовать и особые настройки печати, даже если речь идет о выводе на обычный черно-белый принтер.
Такие ситуации возникают, если вы использовали в документе текст, полупрозрачные объекты или эффекты, градиенты, а то и просто слишком сложные кривые. Иногда принтер (особенно если он не поддерживает PostScript 3) может отказаться печатать эти эффекты, хотя на экране они будут выглядеть безукоризненно. Большую часть проблем такого рода можно решить с помощью варианта Graphics (Графика) окна Print (Печать) (Рисунок 11.6).

Сложные случаи печати Ручная настройка

Сложные случаи печати. Ручная настройка

Профессионалы, которые занимаются векторной компьютерной графикой много лет, могут порассказать немало случаев, когда внешне безупречный документ при печати начинает вести себя непредсказуемо. То текст полностью исчезает, то геометрические размеры оказываются слишком большими, то вообще появляется необъяснимое сообщение об ошибке печати. В Illustrator полностью исключить такие ситуации невозможно, даже с учетом возросших возможностей окна Print (Печать), но несколько простых правил помогут практически избежать риска ошибки.
Итак, если вы хотите обеспечить себе печать без проблем, сохраните готовый документ под новым именем (мало ли что) и проделайте следующие операции.
Шрифты — в кривые
Самый лучший способ решить проблемы с печатью текста — это избавиться от него, то есть не удалить, а превратить его в графические объекты. Делается это в два этапа. Сначала выделите все объекты (Ctrl+A), а затем превратите текст в кривые (Shift+Ctrl+O).
Полупрозрачность и градиенты — в растр
Да, растровые изображения, в отличие от полупрозрачных векторных,' на печать выводятся всегда, хотя и очень долго. Здесь важно правильно подобрать параметры растрирования. Слишком высокое разрешение даст отличное качество, но значительно увеличит размер файла. Слишком низкое испортит внешний вид. Как правило, каждый объект с полупрозрачностью приходится обрабатывать отдельно. Это же относится и к градиентам, особенно градиентным сеткам.
Для растрирования лучше всего использовать специальную команду Object > Flatten Transparency (Объект > Преобразовать прозрачность) (Рисунок 11.8).

Согласование цвета монитора и принтера

Согласование цвета монитора и принтера

Мы уже упомянули очень важный термин «калибровка». Он означает процесс, в результате которого цвет на экране, на бумажной распечатке, на полиграфическом оттиске выглядит одинаково. Сегодня повсеместно применяется сквозное управление цветом на основе так называемых ICC-профилей (ICC profiles). Если профили монитора, принтера и печатной машины согласованы, задача будет решена успешна.
Для создания профилей существуют специальные, довольно дорогие, приборы и соответствующее программное обеспечение. Hi-end-мониторы (например, компании Вагсо) сразу поставляются с комплектом оборудования и программ для калибровки. Однако авторы отдают себе отчет в том, что большинство читателей использует стандартное аппаратное и программное обеспечение и не планирует вкладывать значительные средства в управление цветом.
Поэтому будем исходить из того, что в вашем распоряжении имеется профессиональный монитор и качественное выводное устройство. Владельцам мониторов Gold Star 1986 года выпуска и струйных принтеров офисного класса авторы, к сожалению, ничем помочь не смогут.
Для согласования цвета на мониторе и на принтере можно использовать простую, но эффективную программу Adobe Gamma, которая входит в поставку Adobe Photoshop. После установки она располагается на Панели управления (Рисунок 11.12).

Темнозеленый знак на розовом фоне

Рисунок 11.22. Темно-зеленый знак на розовом фоне


Напечатать знак с наложением мы не можем, потому что благородная зелень будет безнадежно испорчена розовой добавкой фона — цвет станет почти черным, а то и грязно-бурым. Без наложения — тоже плохо: на довольно интенсивном розовом фоне белые зазоры в местах несовмещения красок будут очень заметны. Прибегнем ктреппингу.
К счастью, в Illustrator есть способ задавать треппинг автоматически. Вызовите палитру Pathfinder (Обработка контуров) и выберите в ее меню пункт Trap (Треппинг). Появится окно (Рисунок 11.23), в котором нужно установить некоторые настройки.

Учет несовмещения красок при печати

Учет несовмещения красок при печати. Треппинг. Наложение (Overprint)

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

В печать!

В печать!

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

Содержание

Вперед

Вариант Graphics окна Print

Рисунок 11.6. Вариант Graphics окна Print


Группа настроек Paths (Кривые) понадобится вам, если возникли проблемы печати сложных кривых, состоящих из большого количества узлов и сегментов. В большинстве случаев достаточно использовать опцию Automatic (Автоматически), но иногда ее приходится отключать и перемещать ползунок на шкале Flatness (Гладкость). Чем левее вы его установите, тем качественнее (но и дольше) будут печататься сложные кривые. Методом проб и ошибок можно подобрать такое оптимальное значение гладкости, когда и ошибок при печати не будет, и контуры объектов останутся гладкими.
Совет
СОВЕТ
Используйте Flatness (Гладкость) при выводе на печать черновых вариантов документов, состоящих из множества сложных кривых (например, бланков ценных бумаг, которые мы научились делать в предыдущей главе). Если установить ползунок в крайнее правое положение, печать может заметно ускориться. Качество, конечно, пострадает, но это ведь черновик!
Группа Fonts (Шрифты) позволит оптимизировать печать документов с большим объемом текста. Если принтер подключен непосредственно к вашему компьютеру, обычно можно обойтись без загрузки в него шрифтов — вариант None (Нет) списка Download (Загрузить). При возникновении проблем попробуйте использовать вариант Subset (Подставлять). Это немного замедлит печать, так как все использованные текстовые символы будут записываться в принтерный файл.
Опция Compatible Gradient and Gradient Mesh Printing (Совместимость печати градиентов и градиентных сеток) используется при некорректном выводе градиентов.

Вариант Output окна Print

Рисунок 11.29. Вариант Output окна Print


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

Назад

Содержание

Вперед

Вид документа при выборе пункта

Рисунок 11.5. Вид документа при выборе пункта Tile Imageable Areas в списке Tiling окна Print/Setup


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

В некоторых случаях при перекрытии

ВНИМАНИЕ
В некоторых случаях при перекрытии одного цветного объекта другим треппинг не нужен. Например, если бы под темно-зеленым знаком лежал желтый фон. Действительно, желтая составляющая есть и в знаке, и в фоне, поэтому даже при сильном несовмещении красок зазор между объектом и фоном будет не белым, а желтым. Если вы все подготовили правильно, остался заключительный этап подготовки — цветоделение. Прежде чем перейти к ней, поговорим об одном важном случае, который мы отложили «на потом» — о печати смесевыми красками.


ВНИМАНИЕ
К сожалению, при таком разбиении не предусмотрено перекрытие соседних печатных страниц, то есть печать происходит «впритык». Из-за этого некоторые операторы предпочитают описанный немного выше способ, когда инструментом Page (Страница) можно точно задать положение печатной области.

3. Именно сейчас нам и пригодится загадочная опция Pages (Страницы), которую мы обнаружили раньше в окне Print/General (Печать/Основной) (Рисунок 11.1). Дело в том, что после выбора Tile Imageable Areas (Разбить на печатных областях) в списке Tiling (Разбиение) печатные страницы в окне документа выглядят особенным образом. Если вы закроете окно Print (Печать), щелкнув на кнопке Done (Принять), то увидите следующую картину (Рисунок 11.5).

ВНИМАНИЕ
Не используйте эту опцию без крайней необходимости. Иногда она не улучшает, а ухудшает изображение при печати. Особое внимание уделите полупрозрачным объектам и объектам с наложением красок (что это такое, объясним немного ниже). Для оптимизации их печати предусмотрен специальный вариант окна Print (Печать). Он называется Advanced (Дополнительный) (Рисунок 11.7).
Список Overprint (Наложение) пока пропустим, мы вернемся к нему, когда будем описывать подготовку к полиграфической печати. Поговорим пока о полупрозрачных объектах.
Разработчики Illustrator постарались оградить пользователей от проблем с печатью полупрозрачности. В списке Preset (Набор установок) есть три пункта, которые соответствуют различному разрешению печати: [High Resolution] ([Высокое разрешение]), [Medium Resolution] ([Среднее разрешение]) и [Low Resolution] ([Низкое разрешение]). Выберите нужный и отправляйте на печать. Если вы располагаете избытком времени и врожденной любознательностью, щелкните на кнопке Custom (Пользовательский) и поэкспериментируйте с настройками.
Таким образом, используя варианты Graphics (Графика) и Advanced (Дополнительный), можно оградить себя от всевозможных проблем при печати. Это в теории. На практике все несколько сложнее.

Рисунок 11.7. Окно Print, вариант Advanced



ВНИМАНИЕ
Перед проверкой не забудьте отключить опцию Selection Only (Только выделенное) в меню палитры. Выберите в меню палитры пункт Objects (Объекты). На палитре появится информация обо всех интересующих нас объектах (Рисунок 11.10).
Как видите, в нашем случае остался один полупрозрачный объект, пункт Transparent Objects (Полупрозрачные объекты), и один текстовый — Fonts (Шрифты). Почему это произошло? Возможно, какие-то объекты были зафиксированы командой подменю Object > Lock (Объект > Запереть). В таком случае следует выполнить Object > Unlock All (Объект > Освободить все). А возможно, часть проблемных объектов расположена на запертых или невидимых слоях. Чтобы избежать этого, вызовите палитру Layers (Слои) и выберите в ее меню команды Unlock All Layers (Освободить все слои) и Show All Layers (Показать все слои) (Рисунок 11.11).


ВНИМАНИЕ
При настройке монитора вам придется изменять его контрастность и яркость. Ни в коем случае не регулируйте их после калибровки!

3. После этого подключите ICC-профиль принтера, который обычно прилагается на компакт-диске с программным обеспечением. В крайнем случае, профиль можно отыскать в Интернете. Скопируйте его в ту же папку, в которую вы сохранили профиль монитора.
4. Теперь осталось включить управление цветом в Illustrator. Для этого командой Edit > Color Settings (Правка > Настройки цвета) вызовите окно, показанное на Рисунок 11.15.

ВНИМАНИЕ
Цветопередача монитора и принтера со временем изменяется. Особенно пагубно сказываются изменения освещения рабочего места. Поэтому операцию калибровки нужно проводить хотя бы раз в месяц. Но самое сложное — это грамотно подготовить документ Illustrator к полиграфической печати.

Выбор названия профиля

Рисунок 11.14. Выбор названия профиля


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

Выбор принтера

Выбор принтера

В принципе, из Adobe Illustrator можно напечатать изображение, используя любой принтер, даже матричный. Однако наилучших результатов можно добиться только при использовании лазерного печатающего устройства, поддерживающего язык PostScript. He будем вдаваться в тонкости спецификации данного языка, ограничимся только общими сведениями о нем. PostScript — это «фирменный» формат Adobe Systems. Все документы Illustrator записываются именно в этом формате. С другой стороны, PostScript — это язык описания печатной страницы. Именно на нем Illustrator общается с PostScript-принтером. Использование этого языка позволяет полностью, без ошибок и искажений, передать содержимое документа на печать.
Следует отметить, что существуют три версии языка PostScript. Последняя -третья — поддерживает даже такие тонкие эффекты, как полупрозрачность или градиентные сетки (mesh). Если принтер понимает только вторую или, того хуже, первую версию, некоторые объекты придется специальным образом подготовить к печати. Не волнуйтесь: в большинстве случаев это можно сделать прямо в окне печати.

Об Adobe Illustrator CS

Макрос Delete Unused Palette Items на палитре Actions

Рисунок 12.6. Макрос Delete Unused Palette Items на палитре Actions


При сравнении старого и нового файла вы убедитесь, что новый в полтора раз меньше.
Совет
СОВЕТ
Таким образом можно создавать шаблоны, которые содержат не только заготовки объекта но и специфические библиотеки цветов, кистей, стилей и т. д.

Настройки сохранения файла в формате Adobe Illustrator

Рисунок 12.1. Настройки сохранения файла в формате Adobe Illustrator


Будьте внимательны, если вы готовите документ, с которым будут далее работать другие люди. Например, рисуете иллюстрацию, которая войдет в книгу или рекламный буклет. Авторам известны всего два пакета верстки, которые всегда правильно интерпретируют формат Adobe Illustrator — Adobe PageMaker (версия не ниже 6.5) и Adobe InDesign (желательно CS). Во всех остальных случаев придется использовать еще один «диалект» PostScript — EPS (Encapsulated PostScript).
EPS — формат «для посторонних»
EPS изначально задумывался как «эсперанто» в мире настольных издательских систем. И эта идея полностью себя оправдала. Приведем показательный пример. Допустим, вы верстаете книгу в Corel Ventura, а иллюстрации к ней готовите в векторном редакторе CorelDRAW. Вопрос: в каком формате нужно сохранить рисунки, чтобы они корректно вставлялись в Ventura? Думаете, в CorelDRAW? Как бы не так — в формате EPS!
Поэтому, если вы собираетесь отдавать результат своей работы в чужие руки, но не совсем точно представляете себе, какими программами будут пользоваться, смело выбирайте в окне сохранения формат EPS. Его настройки (Рисунок 12.2) несколько сложнее, чем для формата Adobe Illustrator, но разобраться в них довольно просто.

В секции Preview (Предварительный просмотр) определяются параметры миниатюрного изображения документа, которое хранится в заголовке EPS-файла. Когда вы поместите сохраненный документ в программу верстки, на экране будет отображаться именно это миниатюрное изображение. Между собой операторы обычно называют «превьюшкой».

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

Группа настроек Fonts (Шрифты) позволяет сохранить в документе использованные шрифты.

Образец визитки

Рисунок 12.5. Образец визитки


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

1. Открыть файл с директорской визиткой.
2. Заменить фамилию, должность и контактную информацию, вписав данные для бухгалтера.
3. Сохранить файл.
4. Закрыть файл.
5. Вспомнить, что файл сохранен под старым именем, а значит, директорская визитка уничтожена.
6. Открыть файл.
7. Сохранить заново документ под новым именем.
8. Пользуясь старой распечаткой, восстановить данные директора.
9. Сохранить под новым именем.
10. Закрыть файл.
11. Обнаружить три файла: два с бухгалтерской визиткой, один — с директорской.
12. Окончательно запутаться.
13. Стереть все файлы и создать визитки заново.

При использовании шаблона цепочка получается намного короче:

1. Открыть файл с визиткой директора.
2. Сохранить его в качестве шаблона командой File > Save As Template (Файл > Сохранить как шаблон).
3. Закрыть файл.
4. Командой File > New from Template (Файл > Создать из шаблона) создать новый файл.
5. Заменить фамилию, должность и контактную информацию, вписав данны> для бухгалтера.
6. Сохранить файл (при этом программа потребует ввести название докумен та, и директорская визитка не пострадает).
7. Закрыть файл.

Можно создать целый набор заготовок: визитки, бланки, блок-схемы и т. д. Есть еще одно достоинство использования шаблонов: возможность убрать все лиш нее и включить в документ все необходимое. Рассмотрим эту возможность на при мере все той же визитной карточки. Для работы с ней вам необходимо всего дв; цвета: черный и фирменный. Между тем, палитра Swatches (Образцы) перегруже на не нужными вам образцами, поэтому сложно найти необходимые. А палитр! Brushes (Кисти), Symbols (Символы) и Graphic Styles (Графические стили) содержа информацию, которая при подготовке визитки никогда не понадобится. И не про сто содержат, но и сохраняются вместе с документом. Попробуем от них избавить ся. Для этого откройте палитру Actions (Действия), найдите в ней макрос Delet Unused Palette Items (Рисунок 12.6) и выполните его (выделите название макроса ] щелкните на кнопке > в нижней части палитры). В результате все неиспользуе мые образцы цвета, градиентов, текстур, символов, кистей и стилей будут удалеш из соответствующих палитр. После этого проверьте, остался ли на палитре Swatche (Образцы) нужный вам фирменный цвет (если нет, создайте его) и сохраните шаб лон под новым именем.

Окно Adobe PDF Options

Рисунок 12.3. Окно Adobe PDF Options

Вариант General (Общие). Здесь следует обратить внимание на два параметра.

Список Compatibility (Совместимость) позволяет выбрать версию языка PDF. Если вы не собираетесь использовать особенные свойства PDF 1.5 (например, создание многоуровневых документов), лучше всего выбрать PDF 1.4, который является форматом наиболее распространенного сегодня Adobe Acrobat 5.0.

Опция Preserve Illustrator Editing Capabilities (Сохранить возможность редактирования в Illustrator) позволяет в дальнейшем открывать и редактировать данный PDF-документ в Illustrator, но размер файла при этом увеличивается.

Вариант Compression (Сжатие) окна настроек (Рисунок 12.4) позволяет управлять итоговым размером сохраненного файла.

Рисунок 12.4. Окно Adobe PDF Options


Если вы готовите документ к полиграфической печати, авторы рекомендуют полностью отказаться от компрессии данных. Для этого в списках Color Bitmap (Цветные растровые изображения), Grayscale Bitmap Images (Растровые изображения в градациях серого) и Monochrome Bitmap (Монохромные растровые изображения) выберите пункт Do not Downsample (He усреднять), а в списках Compression (Сжатие) — пункт None (Отсутствует). Все равно передавать работу в сервисный центр вы будете на компакт-диске или магнитооптическом диске, так что размер для вас особого значения иметь не будет, а потерять качество при компрессии очень легко.
Если же вы готовите веб-документ, можете поэкспериментировать с настройками.
Совет
СОВЕТ
Наилучшее сжатие с наименьшими потерями качества получается, если в списках Color Bitmap (Цветные растровые изображения), Grayscale Bitmap Images (Растровые изображения в градациях серого) и Monochrome Bitmap (Монохромные растровые изображения) выбрать Bicubic Downsampling (Бикубическое сжатие). Способ компрессии — JPEG (для цветных и серых изображений) и ZIP (для черно-белых).
Все прочие варианты окна Adobe PDF Options (Настройки формата Adobe PDF) подробно рассматривать не будем, просто перечислим их с кратким описанием:

Marks and Bleeds (Метки и поля) — автоматическая расстановка специальных печатных меток: совмещения, обреза и т. д.;

Advanced (Дополнительные) — настройки для специальных объектов (текстовых, полупрозрачных, с наложением красок и т. д.);

Security (Безопасность) — ограничение доступа к созданному PDF-файлу;

Summary (Резюме) — информация о настройках, сделанных во всех вариантах окна.

При сохранении в PDF можно настроить множество параметров, но именно это может смутить начинающего пользователя. Экспериментируйте, варьируйте параметры сохранения и проверяйте результат! Очень вероятна ситуация, при которой PDF может оказаться единственным приемлемым форматом. Например, если заказчик просит прислать разработанный вами документ по электронной почте. Какой формат подойдет? Adobe Illustrator? Вряд ли у заказчика он установлен. EPS? Для его просмотра, скорее всего, будет использован CorelDRAW, который может по-своему воспроизвести плод ваших трудов на экране. Да и CorelDRAW имеется далеко не у каждого. TIFF? Для его просмотра достаточно ACDSee, но мелкие детали и шрифты будут выглядеть не слишком привлекательно. А если использовать высокое разрешение, размер файла может превысить все разумные пределы.
В этом случае пригодится PDF. Для его просмотра нужен только Acrobat Reader, который за пятнадцать минут скачивается с сайта www.adobe.com. Размер файла (особенно если воспользоваться компрессией) будет невелик, и все детали документа сохранятся.
Словом, присмотритесь к PDF повнимательнее, немного покопайтесь в настройках — и вам не придется жалеть о потерянном времени.

Окно настроек формата EPS

Рисунок 12.2. Окно настроек формата EPS


Совет
СОВЕТ
Если вы уверены, что текст в дальнейшем редактироваться не будет, лучше всего перед сохранением преобразовать его в кривые командой Туре > Create Outlines (Текст > Преобразовать в кривые). Так вы соблюдете авторские права создателей гарнитуры, и избежите ошибок, возникающих из-за некачественно разработанного шрифта.
Наконец, в группе Options (Настройки) собраны все прочие параметры сохранения EPS-файла. Обратите внимание на список Adobe PostScript, в котором необходимо выбрать версию языка PostScript. Как правило, следует использовать Language Level 2. Интересную возможность предоставляет опция Include Document Thumbnail (Включать миниатюру документа). В отличие от «превьюшки», описанной выше, миниатюра отображается не в программах верстки, а в Проводнике при режимах просмотра Эскизы страниц или Значки. Это может существенно облегчить поиск нужного файла.
Вот и все, что нужно знать на первых порах о сохранении документа в формате EPS — самом популярном варианте PostScript.
PDF — для Web и полиграфии
Есть еще один важный, хотя и малораспространенный, способ записи файла в Illustrator — сохранение в формате PDF. Когда-то этот формат был разработан
Adobe Systems в качестве платформно-независимого для корректной передачи документов с Macintosh на PC и обратно. С каждым годом его популярность увеличивается, и сегодня PDF с удовольствием используют специалисты как обычных, так и веб-издательств. Связано это с его чрезвычайной простотой, компактностью и возможностью отображать сложный документ одинаково на любой платформе и на любом компьютере.
Тем не менее, в большинстве случаев пользователи предпочитают EPS. Поэтому авторы не считают необходимым подробно рассматривать процесс сохранения в PDF. Подробное описание PDF-настроек можно найти, например, в нашей книге «Adobe Illustrator CS в теории и на практике» (это описание занимает там почти десяток страниц). Здесь мы остановимся только на некоторых интересных и полезных параметрах сохранения.
Как и окно Print (Печать), окно Adobe PDF Options (Настройки формата Adobe PDF) состоит из нескольких вариантов. Первый называется General (Общие) (Рисунок 12.3).

Шаблоны

12.2. Шаблоны

В Illustrator CS появился еще один способ сохранения файла — File > Save As Template (Файл > Сохранить как шаблон). Шаблон — это обычный документ Illustrator, который может содержать графические объекты, текст, созданные пользователем текстуры, кисти, цвета, градиент и т. д. Главная особенность шаблона состоит в том, что на его основе можно создавать новые документы, оставляя сам шаблон без изменения.
Это очень удобно, если вам необходимо время от времени готовить однотипные файлы, например, визитки. Если помните, в главе 4 мы создали визитную карточку (Рисунок 12.5).

Сохранение файла

Сохранение файла

Наверное, стоило бы поместить эту главу в начале книги, но авторы думают, что читатели и без их подсказок отыскали команду File > Save (Файл > Сохранить) или вспомнили известное по многим другим программам сочетание клавиш Ctrl+S. Для обучения приемам работы в Illustrator этого вполне достаточно.
Однако иногда следует обратить особое внимание на операцию сохранения файла — особенно если вы собираетесь передавать его другим людям для доработки или вставки в программу верстки. В этих случаях следует задуматься, какой формат выбрать.

Содержание

Вперед

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

12.1. В каком формате сохранить

Adobe Illustrator — формат «для себя»
По умолчанию документ Illustrator сохраняется в его «родном» формате, который так и называется: Adobe Illustrator (расширение файла — AI) и является одним из вариантов языка PostScript. Пока вы — единственный человек, работающий с данным документом, этот формат является оптимальным — в нем сохраняются все эффекты и самые сложные типы объектов, которые есть в файле. Настроек сохранения очень мало (Рисунок 12.1).
Главная настройка здесь — Create PDF Compatible File (Создавать PDF-совместимый файл). Если она включена, документ можно будет открыть в одной из программ, «понимающих» формат PDF: Adobe Acrobat, CorelDRAW (посредством импорта) и... Adobe Illustrator. А именно Illustrator ранних версий. Программа предупредит о том, что при открытии файла могут возникнуть проблемы, но, скорее всего, откроет и поймет все правильно. Во всяком случае, Illustrator 10 почти всегда корректно читает документы Illustrator CS. Но если вы собираетесь пользоваться только CS-версией пакета и только на своем компьютере, то можете выбирать любые настройки сохранения — все будет в порядке.



    Сайт: Аннимация - Видео - Графика

• Анимация на сайте
  
• Графика на сайте
  
• Фотография на сайте
  
• Кино на сайте
  
• Flash на сайте
  
  
• Видео для сайта
  
• Premiere Pro
  
• Vstudio
  
• VirtualDub
  
• Sonic Scenarist
  
  
• DVD
  
  
• Изображения для сайта
  
• Пакет Photoshop
  
• Adobe Illustrator
  
• Adobe Illustrator
  
• CorelDRAW
  
  
• CorelXARA
  
• Maya
  

---

---