Самоучитель по Adobe After Effect 6

Частота дискретизации

1.3.2. Частота дискретизации

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

Итак, частотой дискретизации (rate) называется частота записи графика интенсивности, при помощи которой звук представляется в цифровом виде. Например, частота 5000 Гц означает, что каждая запись звука производится через временные интервалы 1/5000 = 0.0002 с.

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

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

Черно-белые изображения с одинаковым разрешением, но разной глубиной пикселов

Рисунок 1.4. Черно-белые изображения с одинаковым разрешением, но разной глубиной пикселов



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

В качестве градаций глубины пиксела выбираются числа 2, ..., 128, 256 и т. д., т. к. все они являются степенями цифры 2, обеспечивая наиболее эффективное хранение данных на компьютере (оперирующем изначально числами в двоичном представлении). Напомним читателю, что один байт информации как раз эквивалентен хранению одного из чисел диапазона 0...255.

Что такое звук?

1.3.1. Что такое звук?

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

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

Цифровое представление звука связано с дискретизацией временной зависимости интенсивности - часть 2

Цифровое представление звука связано с дискретизацией временной зависимости интенсивности

Рисунок 1.10. Цифровое представление звука связано с дискретизацией временной зависимости интенсивности

Цвет - часть 2

Цвет

1.1.4. Цвет

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

Именно на этом принципе и построено компьютерное представление цвета. Каждый пиксел цветного изображения кодируется тремя числами — сочетанием трех основных цветов: красного, зеленого и синего. Такую систему кодирования цвета называют моделью RGB (от англ, слов Red, Green, Blue — красный, зеленый, синий). Как правило, каждый цвет кодируется одним байтом информации, т. е. пропорции цветов представляются числами от О до 255. Разумеется, такая система передачи цвета является дискретной, т. е. не каждый имеющийся в природе цвет (число оттенков которого бесконечно) можно представить на компьютере. В этом смысле цифровое представление цвета имеет те же плюсы и минусы, что и рассмотренная нами выше передача интенсивности черно-белых изображений.

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

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


Говоря о технологии передачи цвета на компьютере, нельзя не сказать о том, что она тесно связана с проблемой компрессии изображений. Нетрудно посчитать, что если каждый из основных цветов кодировать при помощи одного байта, то общее число возможных цветов составит более 16 миллионов. Кодировать каждый пиксел изображения с учетом такого большого количества цветов зачастую представляется расточительным. Поэтому многие кодеки используют несложный трюк, позволяющий значительно уменьшить размер графического файла. Они изначально, исходя из предварительного анализа исходного рисунка, готовят набор характерных именно для него цветов (например, 256 цветов), называемый цветовой палитрой (color palette). Информация об этих цветах записывается в определенном виде в графический файл, а потом уже изображение "перерисовывается" кодеком исключительно при помощи цветов из созданной палитры. Разумеется, некоторые цвета исходного рисунка при таком способе компрессии приходится заменять наиболее близкими цветами из палитры, что ухудшает качество изображения, но позволяет существенно сократить физический размер графического файла. При работе с цветными изображениями на компьютере важно постоянно помнить о принципе использования цветовых палитр, и в случае необходимости (для достижения лучшего качества цветопередачи или, напротив, в целях минимизации размера файла) корректировать параметры программы-компрессора.

Два изображения с разным качеством компрессии - часть 2

Два изображения с разным качеством компрессии

Рисунок 1.5. Два изображения с разным качеством компрессии



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

Формат стерео связан с синхронной записью в один файл двух звуковых каналов - часть 2

Формат стерео связан с синхронной записью в один файл двух звуковых каналов

Рисунок 1.12. Формат стерео связан с синхронной записью в один файл двух звуковых каналов

Глубина кодировки звука (формат)

1.3.3. Глубина кодировки звука (формат)

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

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

Глубина пиксела

1.1.2. Глубина пиксела

Поскольку компьютер оперирует исключительно цифрами, то для описания интенсивности цвета отдельного пиксела он применяет определенное числовое значение, которое является целым числом, т. е. — 0, 1, 2 и т. д. К примеру, чисто белый цвет в черно-белых рисунках будет описываться нулевой интенсивностью, чисто черный — некоторым максимальным числом, а серые цвета — промежуточными значениями (в зависимости от их оттенка). Важным параметром, влияющим на качество представления изображения, является именно это максимальное значение интенсивности, которое (за вычетом единицы) называется глубиной пиксела (pixel depth).

Если глубина пиксела равна, к примеру — 128, то это означает, что (кроме белого и черного цветов, интенсивность которых, по определению, равна 0 и 127 соответственно) возможно представить на экране компьютера лишь 128 — 2 = 126 оттенков серого цвета (Рисунок 1.4, а). Промежуточные цвета отобразить будет невозможно, и (если таковые присутствовали в исходном изображении до оцифровки) они будут заменены наиболее близким оттенком из этих 126 градаций. В то же время для изображений с глубиной пиксела, равной 256, возможно отобразить в два раза больше оттенков, и поэтому такое изображение будет, скорее всего, существенно более естественным.

Минимально возможная глубина пиксела, равная 2, позволяет представить лишь два цвета — черный и белый (Рисунок 1.4, б) — и подходит для графического хранения черно-белых документов с линейной графикой (line art).

График динамики интенсивности звуковых волн является их исчерпывающей характеристикой - часть 2

График динамики интенсивности звуковых волн является их исчерпывающей характеристикой

Рисунок 1.9. График динамики интенсивности звуковых волн является их исчерпывающей характеристикой



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

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


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

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

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

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



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

Заметим, что термином "Цифровое видео" здесь и далее мы обозначаем не только видео, которое воспроизводится на мониторе компьютера, но и современные "некомпьютерные" технологии (цифровые видеомагнитофоны, видеокамеры и т. п.).

Изображения на компьютере формируются благодаря пикселам

Рисунок 1.2. Изображения на компьютере формируются благодаря пикселам



Каждый пиксел (кстати, слово pixel образовано от первых двух букв английских слов picture element) представляет информацию о некоторой "средней" интенсивности и цвете соответствующей области изображения. Общее число пикселов, представляющих рисунок, определяют его разрешение. Чем больше пикселов создают изображение, тем естественнее оно воспринимается человеческим глазом, тем, как говорят, выше его разрешение (Рисунок 1.3). Таким образом, пределом "качества" компьютерного рисунка является размер формирующих его пикселов. Более мелкие, чем пикселы, детали компьютерного рисунка совершенно теряются и в принципе невосстановимы. Если рассматривать такой рисунок в увеличительное стекло, то, по мере увеличения, мы увидим только расплывающееся скопление пикселов (см. Рисунок 1.2), а не мелкие детали, как это было бы в случае качественного фотоснимка.

К объяснению распространения звуковых волн

Рисунок 1.8. К объяснению распространения звуковых волн



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

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

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

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

К объяснению смысла параметра глубины кодировки звука (глубина кодировки левого графика меньше)

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

Качество цифрового видео зависит от разрешения и других параметров отдельных кадров - часть 2

Качество цифрового видео зависит от разрешения и других параметров отдельных кадров

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



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

Качество (компрессия)

1.3.5. Качество (компрессия)

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

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

Качество (компрессия) - часть 2

Качество (компрессия)

1.1.3. Качество (компрессия)

Хранение всей информации о том или ином изображении (т. е. о цвете каждого его пиксела) зачастую или невозможно, или неэффективно. Например, рисунок размером 800x600 пикселов требует записи информации о 800x600 = 480 000 пикселах. Если использовать глубину пиксела, равную 256 (т. е. кодировать каждый пиксел одним байтом), то размер файла, хранящего изображение (в оттенках серого цвета), будет равен почти половине мегабайта.

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

Несколько забегая вперед отметим, что для хранения такого же цветного изображения потребуется файл уже в три раза большего размера (почти 1.5 Мбайт), а для хранения одной секунды цветного видео с кадром такого качества и типичной частотой кадров 24 к/с целых 40 Мбайт!


Чтобы уменьшить размеры файлов, хранящих изображения, применяются специальные программы, называемые компрессорами, или, по-другому, кодеками (codec — от англ, compressor/decompressor). Процедуру уменьшения размера медиа-файла называют компрессией или сжатием. Как правило, при сжатии некоторая часть информации о рисунке теряется, и его качество соответственно понижается. Многие программы-компрессоры позволяют регулировать степень ухудшения рисунков путем варьирования параметра, называемого качеством сжатия, которое обычно измеряется в процентах. Очевидно, что чем сильнее сжато изображение (т. е. чем меньше получившийся медиа-файл), тем хуже будет его качество (Рисунок 1.5).

Моно и стерео

1.3.4. Моно и стерео

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

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

На этом уроке

На этом уроке...


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

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

Audio (звуковые, или аудио) — только звук, который проигрывается через акустическую систему (например, файлы с расширениями wav, mp3, aiff и т. п.);

Video (анимационные, или видео) — видео может быть беззвучным, а может и звуковым, т. е. сопровождаться синхронным звуком (файлы с расширениями avi, mov и т. п.);

Image (рисунки, или статические изображения) — обычные картинки (несколько условный тип, однако нам будет удобно говорить о нем в книге как о полноценной разновидности мультимедиа). Это файлы с расширениями gif, jpeg, tiff, pcx, bmp и т. п.

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

Общее число пикселов (разрешение) определяет качество изображения - часть 2

Общее число пикселов (разрешение) определяет качество изображения

Рисунок 1.3. Общее число пикселов (разрешение) определяет качество изображения



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

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

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


Итак, немного упрощая, чтобы представить рисунок в цифровом виде, необходимо покрыть его прямоугольной сеткой размера MxN (M точек по горизонтали и N по вертикали). Это сочетание чисел MxN (например, 320x240, 800x600 и т. д.) и называют разрешением (resolution) изображения, или размером кадра (frame size). Затем следует усреднить данные о структуре изображения в пределах каждого пиксела и записать соответствующую информацию о каждом из MxN пикселов изображения в графический файл. Для цветного изображения это будет информация о конкретном цвете каждого пиксела (о компьютерном представлении цвета написано чуть ниже в этом разделе), а для черно-белых изображений — это информация об интенсивности черного цвета. Чтобы объяснить еще несколько важных параметров компьютерного представления изображений, остановимся далее чуть подробнее на их последнем типе — рисунках, выполненных в оттенках серого цвета (grayscale), т. е. в градации от белого до черного.

Разрешение

1.1.1. Разрешение

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

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

Изображения на экранах компьютеров формируются при помощи пикселов квадратной формы. В отличие от компьютеров, во многих стандартах телевидения используются не квадратные, а прямоугольные пикселы. Параметром, характеризующим отношение размеров пикселов, выступает отношение их горизонтального и вертикального размеров, или пропорции пиксела (pixel aspect ratio). Более подробно с этой характеристикой вы можете познакомиться на уроке 4.

Резюме - часть 2

в форме последовательностей кадров, т.

1.4. Резюме

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

Статические изображения - часть 2

Статические изображения

1.1. Статические изображения

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

Цифровое и аналоговое видео

Таблица 1.1. Цифровое и аналоговое видео

Параметр	Цифровое видео	Аналоговое видео (традиционное ТВ)	Аналоговое кино
Разрешение	Изображение дискретное, со	здается пикселами	Изображение непрерывное, создается на кинопленке на молекулярном уровне
Глубина	Определяется числом байт, кодирующим информацию об интенсивности каждого пиксела	Бесконечная (непрер ков, отсутствие града лее естественные цве	ывная шкала оттен-ции оттенков, наибо-та)
Качество сжатия	Выбирается пользователем; при этом за счет ухудшения качества изображения возможно значительное уменьшение размера видеофайла	Нельзя регулировать объем видеозаписи о теристиками носител пленка и т. п.)	максимальный пределяется харак-я (видеолента, кино-
Частота кадров	Иллюзия динамической карт дованию отдельных кадров (;	инки создается благод 20 кадра/с и более)	аря быстрому чере-
Звук	Цифровой, записываемый по принципу дискретизации	Аналоговый (бесконеч	ное число градаций)

Исторически сложилось, что разные стандарты кино и ТВ поддерживают различную частоту кадров. Приведем характеристики некоторых из них:

24 (кадра/с) — используется для создания кинофильмов на кинопленках (классический кинематограф);

25 (кадров/с) — стандарт PAL/SECAM, европейский стандарт телевидения;

29.97 (кадров/с) — стандарт частоты кадров для NTSC (североамериканского стандарта телевидения);

30 (кадров/с) — режим, довольно часто применяемый для создания компьютерных мультимедийных продуктов.

При работе с цифровым видео важное значение имеет договоренность о нумерации отдельных кадров. Способ и формат расстановки числовых меток, связанных с каждым кадром, называется таймкодом (timecode) кадра. Чаще всего используется отображение таймкода в стандарте NTSC, определяющий нумерацию кадров в пределах каждой секунды фильма, т. е. в виде час : минута : секунда : кадр. Например, таймкод 01:37:10:21 означает 21-й кадр 10-й секунды 37-й минуты 1-го часа от начала фильма. Однако наряду с таким представлением иногда применяются и альтернативные варианты нумерации кадров (например, сквозная нумерация кадров по порядку от начала до конца, без ссылки на время, т. е. 0, 1, 2, ..., 100 000, 100 001, 100 002 и т. д.).

Типы мультимедиа - часть 2

Типы мультимедиа

Рисунок 1.1. Типы мультимедиа

Видео

1.2. Видео

Все, сказанное выше по отношению к статическим изображениям, относится и к видео. Надо лишь помнить о том, что впечатление просмотра видео на компьютере создается благодаря быстрому чередованию отдельных статических изображений, называемых кадрами (frames). Количество кадров, демонстрируемых в течение одной секунды, называется частотой кадров (frame rate). Психология человеческого восприятия такова, что при чередовании с частотой более 20 кадров в секунду они не воспринимаются как отдельные изображения, а полностью создают иллюзию просмотра динамической картины (Рисунок 1.6).

Звук - часть 2

Звук

1.3. Звук

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

Самоучитель по Adobe After Effect 6

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

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

А— растровое изображение и б—

Рисунок 1.7. а— растровое изображение и б— векторный контур, который образовался после первого использования инструмента Auto Trace


СОВЕТ
Все создаваемые объекты по умолчанию имеют белую заливку и черную обводку. Поэтому после первого использования инструмента Auto Trace (Автоматическая трассировка) будет создан контур, который спрячет под собой внутреннюю область исходного изображения. Кроме того, если растровая картинка черная, черный контур не будет на ней виден. Рекомендуем перед началом трассировки отменить заливку, а цвет обводки сделать контрастным. Для этого можно воспользоваться палитрой Color (Цвет) (Рисунок 1.8), в левом верхнем углу которой находятся два квадрата.

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

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


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

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

Рисунок 1.6. Инструмент Auto Trace на палитре инструментов


Использовать его очень просто:

1. Создайте новый документ командой File

Инструмент 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.6. Краткие итоги

Итак, знак в векторной форме подготовлен. Какой именно способ вы выбрали — зависит только от ваших пристрастий и сложности изображения. Если оно состоит из геометрических простых фигур, лучше отрисовывать по шаблону. Если рисунок сложный и неправильной формы, можно его оттрассировать, а затем подправить инструментами группы Реп (Перо). Лучше всего, если вы освоите оба способа и научитесь их комбинировать.
В табл. 1.1. перечислены использованные нами инструменты и операции.

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

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

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

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

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


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

Объект до (слева) и после (справа)

Рисунок 1.29. Объект до (слева) и после (справа) применения к нему операции


Object

Окно Average

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


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

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

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


ВНИМАНИЕ
Не перепутайте эффект Stylize

Окно Place

Рисунок 1.20. Окно Place


Выберите здесь изображение, которое будете отрисовывать, и не забудьте отметить опцию Template (Шаблон). После щелчка на кнопке Place (Поместить) в открытом документе появится выбранная картинка, более бледная, чем оригинал. Если вызвать палитру Layers (Слои), то можно убедиться, что изображение помешено на специальный шаблонный слой — в нашем случае он называется Template scan.tif (Рисунок 1.21).

Окно Preferences/Type & Auto Tracing

Рисунок 1.11. Окно Preferences/Type & Auto Tracing


В этом окне нас интересуют только две настройки:

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

Tracing Gap (Разрыв трассировки). Задает размер разрыва в исходной картинке, который будет проигнорирован при трассировке. Например, если установить этот параметр равным 2, создаваемая кривая «не заметит» разрывов, размер которых не превышает 2 пикселов изображения.

Опция Tracing Gap (Разрыв трассировки) не важна, если отсканированное изображение плотное, без пробелов. А вот изменение Auto Trace Tolerance (Допуск трассировки) может существенно повлиять на результат (Рисунок 1.12). Если выбрать значение настройки очень маленьким, прямые участки будут выглядеть хорошо, а плавные изгибы станут угловатыми (Рисунок 1.12, а). Максимально увеличив параметр Auto Trace Tolerance (Допуск трассировки), мы добьемся хорошей передачи закругленных участков, но прямые будут искажены (Рисунок 1.12, б). Можно поискать золотую середину, подбирая оптимальное значение, а можно просто объединить удачные части каждой из попыток (Рисунок 1.12, в). В данном случае это просто, потому что закругленные и прямые участки принадлежат автономным частям изображения.
Точное совмещение частей знака требует определенных навыков. Порядок действия следующий.
1. Удалите неудачные объекты в каждом из вариантов, изображенных на Рисунок 1.12, а и б (Рисунок 1.13, а). Удалите и растровый оригинал, он нам больше не пригодится. Для удаления достаточно обвести объект основным инструментом выделения

Окно свойств Rounded Rectangle"

Рисунок 1.26. Окно свойств Rounded Rectangle"


Этот способ довольно кропотливый. Все можно сделать гораздо быстрее:

1. Создайте инструментом Rectangle (Прямоугольник) обычный прямоугольник без закругленных углов. Принцип действия инструмента такой же, как и у Rounded Rectangle (Закругленный прямоугольник).
2. Подгоните размеры прямоугольника под размеры шаблона.
3. Примените к нарисованной фигуре эффект Effect

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

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


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

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

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

Палитра Attributes

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

Палитра Color

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


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

Палитра Pathfinder

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

Палитра Stroke

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


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

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

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


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

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

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

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

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

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


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

Растровое изображение (а) и его аналог в векторном виде (6)

Рисунок 1.5. Растровое изображение (а) и его аналог в векторном виде (6)

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

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

Рисунок 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.

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

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

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

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

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

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

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

Рисование

Рисование

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

Рисунок который мы будем повторять

Рисунок 1.2. Рисунок, который мы будем повторять

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

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

Рисунок 1.3. Рисунок после сканирования

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

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

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


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

Структура векторного контура

Рисунок 1.1. Структура векторного контура

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

Функции программы

Таблица 1.1. Функции программы, используемые для рисования фигур

Название	Описание	Клавиши быстрого доступа
Инструменты
Direct Selection (Частичное выделение)	Выделение отдельных узлов и сегментов	А
Auto Trace (Автоматическая трассировка)	Преобразование растрового изображения в набор векторных контуров
Pen (Перо)	Создание контура рисованием от узла к узлу	Р
Add Anchor Point (Добавить якорную точку)	Добавление узла на существующий контур	+
Delete Anchor Point (Удалить якорную точку)	Удаление узла с контура	-
Convert Anchor Point (Изменить якорную точку)	Изменение типа узла: закругленного на острый и наоборот	Chift+C
Rectangle (Прямоугольник)	Рисование прямоугольников	М
Rounded Rectangle (Закругленный прямоугольник)	Рисование прямоугольников с закругленными углами
Ellipse (Эллипс)	Рисование эллипсов	L
Polygon (Многоугольник)	Рисование правильных многоугольников
Star(Звезда)	Рисование звезд
Line Segment (Отрезок)	Рисование прямых отрезков	\
Arc (Дуга)	Рисование сегментов дуги
Spiral (Спираль)	Рисование спиралей
Knife (Нож)	Разделение объектов на части
Палитры
Color (Цвет)	Изменение цвета объекта	F6
Align (Выравнивание)	Выравнивание объектов по вертикали и горизонтали	Shift+F7
Layers (Слои)	Управление слоями документа	F7
Stroke (Обводка)	Изменение толщины и других параметров обводки	F10
Pathfinder (Обработка контуров)	Объединение и разделение пересекающихся контуров по определенным правилам	Shift+F9
Attributes (Атрибуты)	Изменение некоторых свойств объекта	Fll
Окна
Preferences/Type & Auto Tracing (Установки/Текст и автоматическая трассировка)	Настройки инструмента Auto Trace (Автоматическая трассировка)
Average (Усреднить)	Выравнивание отдельных узлов по вертикали и горизонтали	Ctrl+Alt+J
Place (Поместить)	Вставка изображения в документ Illustrator
Round Corners (Скругленные углы)	Скругление углов объекта

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

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

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

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

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


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

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

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


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

Знаки дорожного движения

Рисунок 1.35. Знаки дорожного движения

Самоучитель по Adobe After Effect 6

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

Рисунок 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).

Фильтры группы 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 приведены все доступные способы деформации.

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

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

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

Этапы применения инструмента 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).

Одновременное масштабирование

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

Окно инструмента 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


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

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

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

Различные варианты деформации оболочки типа 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)

Начните с простейших операций редактирования фигуры. Всегда есть вероятность, что клиента устроит простой поворот знака или увеличение его размера на 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°

Функции программы

Таблица 2.1. Функции программы, используемые для деформирования фигур

Название	Описание	Клавиатурное сокращение
Инструменты
Rotate (Поворот)	Поворот объекта относительно точки	R
Reflect (Отражение)	Отражение объекта относительно оси	0
Scale (Масштабирование)	Изменение длины и(или) ширины объекта	S
Shear(Перекос)	Перекос объекта (например, превращение прямоугольника в параллелограмм)	-
Группа Liquify (Разжижение): Wrap (Деформация) Twirl (Закручивание) Pucker (Складки) Bloat (Раздувание) Scallop (Гребешок) Crystallize (Кристаллизация) Wrinkle (Морщина)	Произвольное искажение объектов	Shift+R
Команды
View > Show Bounding Box (Вид > Показать рамку редактирования)	Отображение на экране рамки редактировани:	ц Ctrl+Shift+B
Transform Each (Трансформировать каждый)	Одновременное трансформирование нескольких объектов или несколько операций над одним объектов	Ctrl+Shift+Alt+D
Object > Transform > Transform Again (Объект > Трансформирование > Трансформировать повторно)	Повторение последней примененной операции трансформирования	Ctrl+D
Filter > Apply имя фильтра (Фильтр > Применить имя фильтра)	Повторное применение последнего использованного фильтра с ранее заданными установками	Ctrl+E
Effect > Apply имя эффекта (Эффект у Применить имя эффекта)	Повторное применение последнего использованного эффекта с ранее заданными установками	Ctrl+Shift+E
Filter > имя фильтра (Фильтр > имя фильтра)	Вызов диалогового окна последнего примененного фильтра	Ctrl+Alt+E
Effect > имя эффекта (Эффект > имя эффекта)	Вызов диалогового окна последнего примененного эффекта	Ctrl+Shift+Alt+E
Object > Expand Appearance (Объект > Преобразовать внешний вид)	Преобразование объекта с примененным эффектом в обычный объект
Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение у Преобразовать деформируя)	Применение одной из заготовок деформации оболочки	Ctrl+Alt+W
Object > Envelope Distort у Make with Mesh (Объект > Внешнее искажение > Наложить сетку)	Создание оболочки, доступной для редактирования	Ctrt+Alt+M
Object > Envelope Distort > Make with Top Object (Объект > Внешнее искажение > Преобразовать в соответствии с верхним объектом)	Использование верхнего объекта в качестве оболочки для нижнего	Ctrl+Alt+C
Object > Envelope Distort > Edit Contents (Объект > Внешнее искажение > Редактировать содержимое)	Режим редактирования объекта внутри оболочки	Ctrl+Shift+V
Object > Envelope Distort > Edit Envelope (Объект > Внешнее искажение > Редактировать оболочку)	Режим редактирования оболочки	Ctrl+Shift+V
Фильтры и эффекты
Free Distort (Свободное искажение)	Искажение объекта за счет деформации его оболочки
Pucker & Bloat (Складки и раздувание)	"Вдавливание" внутрь или "выпячивание" наружу сегментов контура
Roughen (Огрубление)	Хаотическое искажение контура
Scribble and Tweak (Каракули и помарки)	Хаотическое искажение контура
Twist(Закручивание)	Закручивание объекта по спирали
Zig Zag (Зигзаг)	Зигзагообразное или волнообразное искажение контура
Группа эффектов Warp (Деформация)	Применение одной из заготовок деформации оболочки
Палитры
Appearance (Внешний вид)	Управление свойствами объекта:. окраской, примененными эффектами и т. д.	Shift+F6

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

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

Самоучитель по Adobe After Effect 6

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

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

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

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

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

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

Диалоговое окно Create Gradient Mesh

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

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

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

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

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

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

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

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

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

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

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

Градиенты

3.2. Градиенты

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

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

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

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

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

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

Часто работы, создаваемые в 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 (Объект > Создать градиентную сетку). Имеются следующие параметры.

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

Рисунок 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 (Перекос).

Окно Scatter Brush Options

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

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

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

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

Path (Контуры).

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

Из всех этих настроек мы изменили только Spacing (Интервал) до 30%.
В этом же окне происходит и редактирование свойств кисти уже после ее сохранения. Кроме того, кисти можно редактировать, вытягивая ее на рабочую область, точно так же, как это было в Patterns (Текстуры).
После этого можно наложить новую кисть на объект. Результат показан на Рисунок 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-цвета). Теперь любой выбранный цвет будет правильно отображаться на мониторах компьютеров, вне зависимости от их платформы.

Палитра Color

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

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

Палитра Gradient

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


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

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

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

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

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

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

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

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

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

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

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

Псевдообъемные шары созданные

Рисунок 3.18. Псевдообъемные шары, созданные при помощи радиального градиента

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

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

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

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

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

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


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

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

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

В 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.17. Созданный градиент и его настройки

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

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


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

Функции программы

Таблица 3.1. Функции программы, используемые для окрашивания объектов

Название	Описание	Клавиатурное сокращение
Команды
Blend (Переход)	Создание перехода из нескольких фигур между двумя объектами	W
Gradient (Градиент)	Создание заливок градиентного типа	G
Mesh (Сетка)	Создание градиентов сложного типа	и
Shear(Перекос)	Искажение текстуры	S
Палитры
Color (Цвет)	Задание цвета выделенного объекта	F6
Swatches (Образцы)	Выбор вида окрашивания из нескольких готовых вариантов.
Gradient (Градиент)	Редактирование градиентных заливок	F9
Brushes (Кисти)	Выбор из нескольких вариантов кистей, создание собственной кисти	F5
Окна
New Swatch (Новый образец)	Редактирование свойств нового образца
Color Picker (Выбор цвета)	Выбор цвета для выделенного объекта
Swatch Options (Параметры образца)	Редактирование свойств образца
Saturate (Насыщенность)	Фильтр, изменяющий насыщенность цвета
Create Gradient Mesh (Создать градиентную сетку)	Задание настроек для новой градиентной сетки
Shear(Перекос)	Фильтр, искажающий векторные элементы
New Brush (Новая кисть)	Выбор типа создаваемой кисти из нескольких вариантов
Scatter Brush Options (Настройки диффузионных кистей)	Редактирование свойств диффузионной кисти

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

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

Типы градиентной заливки а— линейная;

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

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

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

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

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

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

Вид палитры Color для одного образца

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

Влияние Appearance (Тип) на результат

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

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

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

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

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

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

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

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

Выбор цвета при помощи палитры 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. Образец сохранен, в будущем его можно использовать.

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

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

Самоучитель по Adobe After Effect 6

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

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

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

Деформация текста

Рисунок 4.24. Деформация текста


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

Диалоговое окно Envelope Mesh

Рисунок 4.25. Диалоговое окно Envelope Mesh


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

Диалоговое окно Find Font

Рисунок 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.

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

Диалоговое окно Warp Options

Рисунок 4.23. Диалоговое окно Warp Options

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

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

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

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

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

Фон для листовки

Рисунок 4.14. Фон для листовки


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

Имя заказчика

Рисунок 4.7. Имя заказчика


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

с текстом, остановимся на некоторых

4.1. Особенности компьютерных шрифтов Прежде чем перейти к работе с текстом, остановимся на некоторых теоретических моментах. Конечно, для разговора с заказчиком эта информация вам может и не понадобиться, но для общего развития не помешает. Компьютерный шрифт — это кодированный набор символов, отображаемых на выводном устройстве (экране или принтере), а также ряд специальных неотображаемых (конец строки, пробел и т. д.). Условно все компьютерные шрифты можно разделить на три типа. Экранные шрифты. Используются для отображения текста на мониторе. Каждый символ представляет собой двухцветную матрицу экранных пикселов. Как правило, в каждом шрифте представлено несколько фиксированных по размеру наборов символов. Это позволяет более гибко изменять размер символов в зависимости от разрешения. Данный тип шрифтов оптимален для применения в служебных элементах интерфейса — диалоговых окнах, панелях, палитрах, меню и т. д. При выводе на печать экранные символы выглядят крайне непрезентабельно. Принтерные шрифты. Загружаются непосредственно в память печатного устройства, а иногда сразу записаны в памяти принтера. Это позволяет максимально ускорить процесс печати, но создает значительные неудобства из-за невозможности увидеть текст на экране. Теоретически идеальной является связка «экранный шрифт — принтерный шрифт того же названия». На практике часто оказывается, что экранная и принтерная версии реализованы по-разному, из-за чего текст «плывет», некоторые символы исчезают и т. д. Универсальные шрифты. Предназначены как для вывода на экран, так и для печати. В отличие от предыдущих типов шрифта, всегда представляют собой набор векторных объектов, которые растрируются только в момент отображения на выводном устройстве. Это позволяет добиваться максимального качества отображения символов, а также гарантирует идентичность экранного и отпечатанного текста. Главный недостаток — привлечение дополнительных ресурсов компьютера для растрирования «на лету» при выводе на экран. В настоящее время наиболее распространены два формата универсальных компьютерных шрифтов. Adobe Type 1. Шрифты формата PostScript. Изначально существовали как принтерные шрифты для PS-устройств, однако бурное развитие допечатных технологий привело к созданию специальных системных утилит для отображения шрифтов Туре 1 на экране. Из них безусловно лучшей является программа Adobe Type Manager. True Type. Наиболее распространенный сегодня векторный шрифтовой формат. Обладает некоторой избыточностью в описании. Непрофессионально сделанные шрифты True Type часто приводят к сбоям при выводе на PostScript-устройства. Следует отметить, что векторный компьютерный шрифт — это не просто таблица символов, а небольшая, но достаточно сложная программа. Созданием шрифтов часто занимаются непрофессионалы, поэтому бывает, что шрифт, который выглядел весьма достойно в процессе работы, вызывает проблемы при распечатке. Именно поэтому пользуйтесь только проверенными наборами. СОВЕТ Авторы настоятельно советуют тем пользователям Adobe Illustrator, которые занимаются допечатной подготовкой, тщательно подбирать шрифты и использовать только легальные шрифтовые коллекции, например, РагаТуре.

Искажение пути по которому расположен текст

Рисунок 4.5. Искажение пути, по которому расположен текст


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

Искажение текста при помощи сетки

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

Искаженный текст

Рисунок 4.3. Искаженный текст


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

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

Рисунок 4.16. Использование инструмента Area Type


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

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

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

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

Итоговый вариант визитки

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

Начальный вариант визитки

Рисунок 4.11. Начальный вариант визитки


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

Обтекание текстом графического элемента

Рисунок 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.20. Основные виды выключки текста


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

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

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

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

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

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

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

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

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

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

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

Отформатированный абзац

Рисунок 4.21. Отформатированный абзац


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

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

Палитра Character

Рисунок 4.8. Палитра Character


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

Палитра Paragraph

Рисунок 4.19. Палитра Paragraph


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

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

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

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

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

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

Пример написания текста разными шрифтами

Рисунок 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.2. Пример расположения текста по вертикали и горизонтали


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

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

Рисунок 4.17. Пример расположения текста в двух связанных блоках

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

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

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

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

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

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

Расположение инструментов группы

Рисунок 4.1. Расположение инструментов группы Text на палитре инструментов


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

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

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

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

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

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

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

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

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

Рисунок 4.4. Расположение текста по периметру


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

Размещение первого абзаца

Рисунок 4.18. Размещение первого абзаца


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

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

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

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

Основные функции программы

Таблица 4.1. Основные функции программы, используемые для работы с текстом

Название	Описание	Клавиатурное сокращение
Инструменты
Туре (Текст)	Создание простого горизонтального текста	т
Area Type (Текст в области)	Создание горизонтально текста, ограниченного контуром
Path Type (Текст по кривой)	Создание горизонтального текста вдоль кривой
Vertical Type (Вертикальный текст)	Создание простого вертикального текста
Vertical Area Type (Вертикальный текст в области)	Создание вертикального текста, ограниченного контуром
Vertical Path Type (Вертикальный текст по кривой)	Создание вертикального текста вдоль кривой
Selection (Выделение)	Выделение текстовых блоков	V
Rotate (Поворот)	Вращение текста	R
Reflect (Отражение)	Зеркальное отражение текста.
Палитры
Character (Символ)	Задание настроек шрифта	Ctrl+T
Paragraph (Абзац)	Настройка абзаца	Ctrl+T
Окна
Find Font (Найти шрифт)	Поиск и замена гарнитуры шрифта в активном дою	/менте
Warp Options (Параметры деформации)	Настройки искажения текста

Заготовка для визитки

Рисунок 4.6. Заготовка для визитки


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

Заполнение текстом областей

Рисунок 4.15. Заполнение текстом областей


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

Самоучитель по Adobe After Effect 6

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

Рисунок 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.20. Дублирование группы знаков

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

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

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

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

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

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

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

Инструмент 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.26. Этапы создания пошагового перехода вдоль произвольного пути: а- создание бленда; б— рисование контура; в— перестройка бленда

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

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


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

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

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


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

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

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

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

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

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

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

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

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


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

Объекты окрашенные градиентом

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

Окно 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


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

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

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


Теперь выделите любую фигуру и щелкните на значке созданной нами текстуры на палитре Swatches (Образцы). Фигура тут же заполнится знаками «инь и ян» (Рисунок 5.8).
ВНИМАНИЕ
Обращайте внимание на то, что активно в момент заполнения текстурой: заливка или обводка. Если в нижней части палитры инструментов на переднем плане расположен сплошной квадрат, текстурой окрасится заливка (Рисунок 5.8, а), в противном случае — обводка (Рисунок 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. Щелкните на значке

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

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

Результат применения команды Edit

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

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

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


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

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

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

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

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

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


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

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

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


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

Функции программы

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

Название	Описание	Клавиатурное сокращение
Инструменты
Reflect (Отражение)	Отражение объекта относительно оси	0
Scale (Масштабирование)	Изменение длины и (или) ширины объекта	S
Shear(Перекос)	Перекашивание объекта (например, превращение прямоугольника в параллелограмм)
Twist(Закручивание)	Закручивание объекта по спирали
Группа Liquify (Разжижение): Wrap (Деформация) Twirl (Закручивание) Pucker(Складки) Bloat (Раздувание) Scallop (Гребешок) Crystallize (Кристаллизация) Wrinkle (Морщина)	Произвольное искажение объектов	Ctrl+R
Команды
View > Show Bounding Box (Вид > Показать рамку редактирования)	Отображение на экране рамки редактирования	Ctrl+Shift+B
Transform Each (Трансформировать каждый)	Одновременное трансформирование нескольких объектов или несколько операций над одним объектов	Ctrl+Shift+Alt+D
Object > Transform > Transform Again (Объект > Трансформирование > Трансформировать повторно)	Повторение последней примененной операции трансформирования	Ctrl+D
Filter > Apply имя фильтра (Фильтр > Применить имя фильтра)	Повторное применение последнего использованного фильтра с ранее заданными установками	Ctrl+E
Effect > Apply имя эффекта (Эффект > Применить имя эффекта)	Повторное применение последнего использованного эффекта с ранее заданными установками	Ctrl+Shift+E
Filter" имя фильтра (Фильтр > имя фильтра)	Вызов диалогового окна последнего примененного фильтра	Ctrl+Alt+E
Effect > имя эффекта (Эффект * имя эффекта)	Вызов диалогового окна последнего примененного эффекта .	Ctrl+Shift+Alt+E
Object > Expand Appearance (Объект > Преобразовать внешний вид)	Преобразование объекта с примененным эффектом в обычный объект	¦
Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя)	Применение одной из заготовок деформации оболочки	Ctrl+Alt+W
Object > Envelope Distort > Make with Mesh (Объект > Внешнее искажение > Наложить сетку)	Создание оболочки, доступной для редактирования	Ctrl+Alt+M
Object > Envelope Distort > Make with Top Object (Объект > Внешнее искажение > Преобразовать в соответствии с верхним объектом)	Использование верхнего объекта в качестве оболочки для нижнего	Ctrl+Alt+C
Object у Envelope Distort у Edit Contents (Объект > Внешнее искажение у Редактировать содержимое)	Режим редактирования объекта внутри оболочки	Ctrl+Shift+V
Object > Envelope Distort > Edit Envelope (Объект > Внешнее искажение > Редактировать оболочку)	Режим редактирования оболочки	Ctrl+Shift+V
Фильтры и эффекты
Free Distort (Свободное искажение)	Искажение объекта за счет деформации его оболочки
Pucker & Bloat (Складки и раздувание)	"Вдавливание" внутрь или выпячивание наружу сегментов контура
Roughen(Огрубление)	Хаотическое искажение контура
Фильтры и эффекты
Scribble and Tweak (Каракули и помарки)	Хаотическое искажение контура
Twist(Закручивание)	Закручивание объекта по спирали
Zig Zag (Зигзаг)	Зигзагообразное или волнообразное искажение контура
Группа эффектов Warp (Деформация)	Применение одной из заготовок деформации оболочки
Палитры
Appearance (Внешний вид)	Управление свойствами объекта1, окраской, примененными эффектами и т. д.	Shift+F6

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

Самоучитель по Adobe After Effect 6

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

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) «нижнего» цвета, а также яркости (В) «верхнего» цвета.

Буква «N» повернутая по оси X

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

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

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

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

Диалоговое окно 3D Extude & Bevel_Options

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

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

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

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

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

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

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

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

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

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

Фигуры полученные из треугольника

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

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

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

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

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

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

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

Использование профилей: a— Complex 1,

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

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

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

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

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

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

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

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

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

Меню палитры Transparence

Рисунок 6.5. Меню палитры Transparence

Hide Thumbnails (Спрятать миниатюры). Оставляет на палитре только верхнюю строку, в которой находятся список режимов смешения цветов и параметр Opacity (Непрозрачность),

Hide Options (Спрятать настройки). Убирает из палитры нижнюю часть с опциями Isolate Blending (Изолировать смешение цветов), Knockout Group (Непрозрачность в группе) и Opacity & Mask Define Knockout Shape (Определение непрозрачности в группе через свойства маски прозрачности).

Page Isolate Blending (Изолировать смешение цветов на странице). Применяет команду Isolate Blending (Изолировать смешение цветов) для всех объектов документа.

Page Knockout Group (Непрозрачность в группе на странице). Применяет команду Knockout Group (Непрозрачность в группе) для всех объектов документа.

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

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

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

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

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

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

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

Объединение в группу полупрозрачных объектов

Рисунок 6.4. Объединение в группу полупрозрачных объектов


Некоторые команды и свойства палитры вынесены в ее меню (Рисунок 6.5).

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

Рисунок 6.9. Объект с имитацией перспективы


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

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

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

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

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

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

Окно Map Art

Рисунок 6.15. Окно Map Art


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

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

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

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

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

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

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

Окно освещения

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

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

Палитра Transparency (Полупрозрачность)

6.2. Палитра Transparency (Полупрозрачность)

Для управления полупрозрачностью объектов используется палитра Transparency (Полупрозрачность) (Рисунок 6.1), которую можно вызвать командой Window > Transparency (Окно > Полупрозрачность) или нажав сочетание клавиш Shift+FlO.

Палитра Transparency

Рисунок 6.1. Палитра Transparency

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

Opacity (Непрозрачность). Степень непрозрачности, определяющая, насколько сильно влияет цвет верхнего объекта на цвет области перекрытия (с учетом режима смешения). Чем выше Opacity (Непрозрачность), тем больше влияние «верхнего» цвета.

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

В нижней части палитры расположены три настройки, управляющие поведением групп и слоев, состоящих из полупрозрачных объектов.
Прежде всего обратим внимание на одну важную особенность таких групп. Даже при объединении полупрозрачных объектов в группу, сама она может иметь режим Normal (Нормальный) или любой другой, не совпадающий с режимом составляющих ее элементов. Это приводит к тому, что их действие суммируется. Например, на Рисунок 6.2 обе группы составлены из прямоугольников с режимом смешения Multiply (Умножение). Но левая группа, как целое, имеет режим смешения Lighten (Светлее), а правая — Darken (Темнее).

использования опции Isolate Blending

Рисунок 6.3. Пример использования опции Isolate Blending

Knockout Group (Непрозрачность в группе). При объединении в группу полупрозрачных объектов происходит смешение как внутри ее, так и между объектами группы и «посторонними» объектами (Рисунок 6.4, а). Если данная опция включена, объекты становятся непрозрачными для других объектов, принадлежащих той же группе. По отношению к «посторонним» объектам свойства полупрозрачности сохраняются (Рисунок 6.4, б).

Opacity & Mask Define Knockout Shape (Определение непрозрачности в группе через свойства маски прозрачности).

применения эффекта Rotate к букве «А»

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

Пример зависимости от режима смешения

Рисунок 6.2. Пример зависимости от режима смешения

Isolate Blending (Изолировать смешение цветов). Данная опция может быть полезна, если вы сгруппировали несколько объектов, из которых хотя бы один является полупрозрачным. При включении Isolate Blending (Изолировать смешение цветов) смешение цветов происходит только в пределах группы, то есть цвета не входящих в группу объектов в смешении не участвуют (Рисунок 6.3, а). При выключении — группа (или отдельные ее элементы) становится полупрозрачной и для «посторонних» объектов (Рисунок 6.3, б).

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

Профиль Rounded добавляется к

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

Режимы отображения тени a— Wireframe

Рисунок 6.13. Режимы отображения тени: a— Wireframe, б— No Sading, в— Diffuse Sading или Plastic Sading


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

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

Рисунок 6.18. Результат применения Revolve при Angle, равном 180° (а) и 360° (5)

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

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

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

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

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

Самоучитель по Adobe After Effect 6

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

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

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

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

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

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

Рисунок 7.8. Диалоговое окно фильтра Cutout


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

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

Рисунок 7.6. Диалоговое окно фильтра Saturate


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

Диалоговое окно инструмента Scale

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

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

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


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

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

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


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

Итоговый растровый фон

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


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

Палитра Links

Рисунок 7.3. Палитра Links

3. После внимательного изучения мы обнаружили на нашем изображении небольшой дефект, который можно исправить в редакторе растровой графики. Для этого воспользуйтесь значком Edit Original (Редактировать оригинал), расположенном на этой же палитре. При щелчке на этой кнопке запускается программа, с которой ассоциирован обрабатываемый связанный файл.
4. После устранения недочетов щелкните на значке — Update Link (Обновить связь). Эта кнопка позволяет обновить вид иллюстрации, вставив ее заново.

ВНИМАНИЕ
В меню Edit > Preferences > File and Clipboard (Правка > Установки * Файлы и буфер обмена) есть настройка Update Links (Обновлять связи). Если выставить значение Automatically (Автоматически), то обновления будет производить сама программа.
После просмотра всех фотографий и их детального анализа мы остановили свой выбор на изображении, представленном на Рисунок 7.4.

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

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

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

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

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

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

Рисунок 7.7. Результат применения фильтра Saturate


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

Функции программы

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

Название	Описание	Клавиатурное сокращение
Инструменты
Selection (Выделение)	Выделение и перемещение растровых вставок	V
Туре (Текст)	Создание текста листовки	Т
Палитры
Links (Связи)	Операции со ссылками на помещенные изображения
Окна
Place (Поместить) Photoshop Import (Импорт из Photoshop)	Импорт растровых изображений в документ Импортирование документов в формате PDF
Scale (Масштабирование)	Масштабирование растровых вставок
Фильтры
Saturate (Насыщенность)	Редактирование насыщенности цвета
Cutout(Аппликация)	Имитация бумажной аппликации

Замена изображений

7.2. Замена изображений

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

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

2. Откройте диалоговое окно Place (Поместить).

3. Установите флажок рядом с параметром Replace (Заменить).

4. Найдите среди файлов нужный и щелкните на кнопке ОК. В итоге помещенное изображение заменится на новое.

Второй способ заключается в использовании палитры Links (Связи).

1. Для ее вызова выберите Window > Show Links (Окно > Показать связи).

2. После этого появится палитра (Рисунок 7.3). Здесь щелкните на значке

Самоучитель по Adobe After Effect 6

Анимированный 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.
ВНИМАНИЕ
В именах при сохранении интерактивного SVG нельзя использовать пробелы и подчеркивания. Поэтому даже Layer 1 необходимо переименовать в Layerl.
Для переименования дважды щелкните левой кнопкой мыши на объекте и измените имя в открывшемся окне (Рисунок 8.15).

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

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

Итоговый вид палитры 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.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-работы

Вид страницы которую мы будем повторять

Рисунок 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 (Пиксельный режим).

Задание URL через палитру Attributes (Атрибуты)

Рисунок 8.21. Задание URL через палитру Attributes (Атрибуты)


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

Самоучитель по Adobe After Effect 6

Использование 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).
Как вы видите, здесь можно назначить клавиатурное сокращение для любого инструмента или пункта меню. Можно, например, вызывать часто используемые фильтры, не открывая каждый раз меню.
ВНИМАНИЕ
Ваши сокращения не должны совпадать с наиболее распространенными стандартными (например, не стоит назначать сочетанию клавиш Ctrl+V иное значение, кроме «Вставить»), иначе вам будет трудно работать в других программах.
Бывает также, что приходится выполнять не одно действие, а целую цепочку постоянно повторяющихся действий. Выстраиваясь определенным образом, действия образуют последовательность команд, которая получила название макропоследовательности.
Именно такие большие списки последовательно выполняющихся команд можно создавать самим, а можно воспользоваться готовыми. За такими макропоследовательностями также можно закреплять клавиатурные сокращения, то есть для выполнения достаточно будет просто нажать клавишу.

Использование сценариев

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 (Окно > Видеть Варианты).
Выделите изображение и щелкните на кнопке

Функции программы

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

Название	Описание
Палитры
Actions (Действия) Variables (Варианты)	Операции с макропоследовательностями Работа с Data Driven (Динамическая графика)
Окна
Preferences (Установки)	Настройка работы с дополнительными модулями

Вид меню Script

Рисунок 9.9. Вид меню Script


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

Самоучитель по Adobe After Effect 6

Ценная бумага своими руками

Ценная бумага своими руками

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


ВНИМАНИЕ
В действительности сетка должна быть сложнее, но, как уже говорилось, технология печати ценной бумаги очень сложна. В книге, которую вы держите в руках, передать все ее нюансы невозможно.
Выделите теперь всю сетку целиком и примените к ней команду Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя). В появившемся окне выберите вариант Wave. Результат представлен на Рисунок 10.8.

Изменение амплитуды левой граничной линии

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

5. Окрасьте весь бленд, например, в желтый цвет.

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

Изменение толщины правой граничной линии

Рисунок 10.36. Изменение толщины правой граничной линии


4. Для создания большего контраста уменьшите амплитуду левой синусоиды в четыре раза (Рисунок 10.37).

Этапы создания защитной сетки из искривленных линий

Рисунок 10.4. Этапы создания защитной сетки из искривленных линий


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

Комбинирование двух неоднородных сеток

Рисунок 10.9. Комбинирование двух неоднородных сеток


Окрасьте исходную сетку, например, в синий цвет, а ее копию — в оранжевый. В результате вы получите достаточно эффектную фактуру с плавным переходом цвета. Там, где оранжевые линии сгущаются, сетка будет иметь оранжевый оттенок, и наоборот.
ВНИМАНИЕ
Помните, что на рисунках в книге везде изображаются увеличенные фрагменты изображения. Если вам необходимо заполнить нерегулярной сеткой весь бейдж, вначале создайте равномерную сетку на полный размер документа, а затем искажайте ее.
Разумеется, вы можете применить не вариант Wave команды Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя), а какой-нибудь другой способ искажения. Авторы предпочитают использовать фильтры КРТ Vector Effects от MetaCreations. На Рисунок 10.10 приведены примеры применения фильтра КРТ Vector Distort (Векторное искажение КРТ) к сетке, изображенной на Рисунок 10.7.

Новый путь перехода для бленда

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


ВНИМАНИЕ
Для редактирования только граничных объектов выделяйте их инструментом Group Selection (Групповое выделение).
Лучшего эффекта можно добиться, если наложить друг на друга несколько различных по структуре и цвету нерегулярных сеток.

Результат выполнения команды 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.1. Функции программы, используемые для деформирования фигур

Название	Описание	Клавиатурное сокращение
Инструменты
Line (Линия)	Рисование отрезков	\
Rotate (Поворот)	Поворот объекта относительно точки	R
Reflect (Отражение)	Отражение объекта относительно оси	0
Convert Anchor Point (Изменить якорную точку)	Редактирование формы линии	Shift+C
Ellipse (Эллипс)	Рисование эллипсов	L
Group Selection (Групповое выделение)	Выделение объекта в группе
Команды
File > Document Setup (Файл > Настройки документа)	Изменение размеров и ориентации документа	Ctrl+Alt+P
File > New (Файл > Новый)	Создание нового документа	Ctrl+N
View > Show Rulers (Вид > Показать линейки)	Показ размерных линеек	Ctrl+R
Object > Blend > Make (Объект > Переход > Создать)	Создание бленда	Ctrl+Alt+B
Object > Blend > Replace Spine (Объект > Переход > Заменить путь перехода)	Замена пути перехода бленда на новый
Object > Envelope Distort > Make with Warp (Объект > Внешнее искажение > Преобразовать деформируя)	Применение одной из заготовок деформации оболочки	Ctrl+Alt+W
Object > Envelope Distort > Make with Top Object (Объект > Внешнее искажение > Преобразовать в соответствии с верхним объектом)	Использование верхнего объекта в качестве оболочки для нижнего	Ctrl+Alt+C
Object > Clipping Mask > Make (Объект > Маска > Создать)	Создание маски из верхнего объекта
Фильтры и эффекты
Zig Zag (Зигзаг)	Зигзагообразное или волнообразное искажение контура
KPT Vector Distort (Векторное искажение КРТ)	Произвольное искажение векторных объектов
Photo Crosshatch (Штриховка фотографии)	Создание штрихового изображения на основе выделенного растрового
Палитры
Layers (Слои)	Управление слоями	F7
Align (Выравнивание)	Геометрическое выравнивание объектов	Shift+F7

Так выглядит «запертый» и невидимый

Рисунок 10.17. Так выглядит «запертый» и невидимый слой Layer 1 на палитре Layers

3. Если сетка — это единственное, что есть на текущем слое, перетащите его название на значок. Будет создан новый слой с тем же содержимым.
4. На новом слое наложите поверх сетки знак «инь и ян» (Рисунок 10.18). Проверьте, чтобы знак представлял собой единую составную линию, а не группу.

СОВЕТ
Для верности выделите знак и выполняйте команды Object > Compound Path > Release (Объект > Составной путь > Отменить) и Object > Ungroup (Объект > Разгруппировать) до тех пор, пока они не перестанут быть активными. После этого выполните Object > Compound Path > Make (Объект > Составной путь > Создать).

Защитная сетка созданная из прямых линий

Рисунок 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 After Effect 6

Что и как отдавать в сервисный центр?

Что и как отдавать в сервисный центр?

Если вы передадите специалистам сервисного центра, который будет выводить фотоформы, только диск с подготовленным документом, будьте готовы к тому, что через полчаса раздастся звонок, и у вас начнут сердито интересоваться, «что это такое вы нам тут передали». Впрочем, в хорошем центре работу без сопроводительной записки просто не возьмут, поэтому лучше подготовить все заранее. Вот примерная информация, которой следует сопроводить передаваемый файл:

название файла;

его формат;

версия программы, в которой документ создан;

геометрические размеры;

количество страниц и количество использованных цветов, включая смесевые;

распечатка документа (лучше цветная), если нет возможности распечатать его в масштабе 1:1, укажите точный масштаб уменьшения;

распечатка составляющих CMYK (помните, мы предупреждали, что эти листики нам еще пригодятся?);

контактная информация, в первую очередь — телефон, по которому с вами можно связаться и уточнить детали.

Только с этим внушительным ворохом бумаг стоит передавать работу, над которой вы столько мучались. Но даже он не спасет вас от всех неожиданностей. Зато, по крайней мере, вы сможете честно сказать себе и начальству: «Я сделал все что мог!».

Что мы знаем о красках?

Что мы знаем о красках?

Главное, что следует помнить о полиграфических красках, — это их количество и состав. В подавляющем большинстве случаев красок четыре: голубая (для краткости мы будем обозначать ее буквой С — от слова Cyan, голубой), пурпурная (М — Magenta), желтая (Y — Yellow) и черная (К — ЫасК). Основные краски называют «полиграфической триадой». Почему «триадой»? Потому что в формировании цвета играют роль только первые три, черная нужна только для того, чтобы придать цвету насыщенность, компенсировать впитывание остальных красок в бумагу. Соответственно полиграфические цвета, которые получаются из смеси CMYK, носят название «триадных».
Другие варианты количества и состава красок встречаются реже. Иногда можно обойтись одной краской, но такой случай нельзя считать печатью в цвете, его мы рассматривать не будем.
Довольно часто встречается печать в две и более краски, когда хотя бы одна из них не является триадной. Такие краски смешиваются из специальных красителей (не из CMYK), поэтому они получили название «смесевых». Подготовку к печати сме-севыми красками мы вкратце опишем ниже.
Существует еще так называемая печать Hi-Fi, при которой используется шесть основных красок: CMYK, оранжевая и зеленая. Однако подобные типографские машины у нас пока встречаются редко, и материалы для них готовят специально обученные операторы, которые вряд ли станут читать книгу для начинающих.
Таким образом, есть смысл говорить о двух ситуациях: четырехцветной печати CMYK и печати смесевыми красками. И в том и в другом случае лучше всего работать в цветовом пространстве CMYK. Цветовая модель (CMYK или RGB) выбирается при создании документа и может быть изменена командой File > Document Color Mode (Файл > Цветовая модель документа).
Основные проблемы, возникающие при полиграфической печати, — это некорректное воспроизведение цвета и несовмещение красок. Первая решается путем калибровки, и о ней мы рассказали выше. Вторая проблема требует особого внимания при подготовке к печати.

Цветоделение

Цветоделение

Под цветоделением понимают разделение цвета на основные составляющие. Обычно в качестве основных выступают цвета CMYK, но если использованы смесевые цвета, то они тоже считаются основными. Результатом цветоделения является набор фотопленок (фотоформ), каждая из которых соответствует определенному основному цвету (Рисунок 11.28).

Диалоговое окно с настройками камеры

Рисунок 11.21. Диалоговое окно с настройками камеры



4. Отредактируйте вид композиции, используя инструменты работы со светом камерой (Рисунок 11.22). Инструмент Orbit camera (Орбитальная камера) предназначен для вращения текущего трехмерного вида, а инструменты Track XY camera (XY-слежение) и Track Z camera (Z-слежение) — для регулировки трехмерного вида вдоль вертикали и горизонтали, а также вдоль третьей пространственной оси.

Динамические эффекты

11.3. Динамические эффекты

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

На Рисунок 11.14 приведен пример динамического изменения эффекта Block Dissolve (Растворение блоками). Интенсивность эффекта вначале нулевая, затем возрастает до максимального значения (этот момент приурочен к смене планов исходного слоя), а затем вновь падает до нуля. При помощи эффектов такого типа особенно удобно создавать спецэффекты, называемые переходами (transition).

Для настройки спецэффектов вызовите палитру Effects

Рисунок 11.2. Для настройки спецэффектов вызовите палитру Effects


Чтобы назначить определенный эффект для слоя: 1. Выделите слой в окне Timeline (Монтаж).

2. Отыщите нужный эффект в списке эффектов в палитре Effects (Эффекты). Например, назначим слою tolstoi.avi эффект Brightness & Contrast (Яркость и контраст), предназначенный для изменения яркости или контраста слоя (Рисунок 11.3).

Для переключения между слоями в палитре Effect Controls щелкните на закладке с именем нужного слоя

Рисунок 11.5. Для переключения между слоями в палитре Effect Controls щелкните на закладке с именем нужного слоя



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

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

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


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

1. Вызовите окно Print (Печать) и переключитесь в нем на вариант Setup (Установка) (Рисунок 11.4).

2. Выберите в списке Tiling (Разбиение) пункт Tile Imageable Areas (Разбить на печатных областях). В результате документ автоматически разобьется на несколько частей, каждая из которых будет выведена на своей принтерной странице.

ВНИМАНИЕ
К сожалению, при таком разбиении не предусмотрено перекрытие соседних печатных страниц, то есть печать происходит «впритык». Из-за этого некоторые операторы предпочитают описанный немного выше способ, когда инструментом Page (Страница) можно точно задать положение печатной области.

3. Именно сейчас нам и пригодится загадочная опция Pages (Страницы), которую мы обнаружили раньше в окне Print/General (Печать/Основной) (Рисунок 11.1). Дело в том, что после выбора Tile Imageable Areas (Разбить на печатных областях) в списке Tiling (Разбиение) печатные страницы в окне документа выглядят особенным образом. Если вы закроете окно Print (Печать), щелкнув на кнопке Done (Принять), то увидите следующую картину (Рисунок 11.5).

Изменение последовательности эффектов - часть 2

Изменение последовательности эффектов

11.2.2. Изменение последовательности эффектов

Последовательность применения спецэффектов в ряде случае имеет ключевое значение. Чтобы изменить порядок следования эффектов в палитре Effect Controls (Управление эффектом), следует, зацепив указателем мыши, перетащить нужный эффект на новое место.

Эффект Camera

11.4.2. Эффект Camera

Спецэффект Camera (Камера) изменяет особым образом изображение слоя, имитируя его просмотр через видео- или телекамеры с различных расстояний под различными углами. Применим этот спецэффект слою war.mov (Рисунок 11.20), предварительно определив его в качестве трехмерного слоя.

1. Создайте и отредактируйте в окне Timeline (Монтаж) трехмерные слои, к которым вы хотите применить эффект камеры.

2. Создайте новый трехмерный слой специального типа — "камера", для чего выберите в верхнем меню Layer>New>Camera (Слой>Создать> Камера).

3. Определите в открывшемся диалоге Camera Settings (Установки камеры) параметры спецэффекта, соответствующие техническим характеристикам камеры (Рисунок 11.21).

Эффект Light

11.4.3. Эффект Light

Эффект Light (Свет) предназначен для создания характерной подсветки изображения слоя.

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

2. Создайте новый трехмерный слой специального типа — "свет", для чего выберите в верхнем меню Layer>New>Light (Слой>Создать>Свет).

3. Определите в открывшемся диалоге Light Settings (Установки подсветки) настройки подсветки (Рисунок 11.23).

Команда Clean Up

Рисунок 11.9. Команда Clean Up


Каждая из опций отвечает за свой класс объектов: Stray Point (Потерянные узлы), Unpainted Object (Неокрашенные объекты) и Empty Text Path (Пустые текстовые объекты).
Не ленитесь проверить себя!
Всегда полезно лишний раз себя проконтролировать. После того как вы проделали все вышеописанные процедуры, вызовите палитру Document Info (Информация о документе) и проверьте, все ли сделано так, как вы планировали.
ВНИМАНИЕ
Перед проверкой не забудьте отключить опцию Selection Only (Только выделенное) в меню палитры.
Выберите в меню палитры пункт Objects (Объекты). На палитре появится информация обо всех интересующих нас объектах (Рисунок 11.10).
Как видите, в нашем случае остался один полупрозрачный объект, пункт Transparent Objects (Полупрозрачные объекты), и один текстовый — Fonts (Шрифты). Почему это произошло? Возможно, какие-то объекты были зафиксированы командой подменю Object > Lock (Объект > Запереть). В таком случае следует выполнить Object > Unlock All (Объект > Освободить все). А возможно, часть проблемных объектов расположена на запертых или невидимых слоях. Чтобы избежать этого, вызовите палитру Layers (Слои) и выберите в ее меню команды Unlock All Layers (Освободить все слои) и Show All Layers (Показать все слои) (Рисунок 11.11).

Лист документа после выполнения

Рисунок 11.2. Лист документа после выполнения команды View > Show Page Tiling


Как видите, в центре появился двойной пунктирный прямоугольник. То, что попало внутрь него, будет распечатано. Перемещать его можно специальным инструментом Page (Страница), который расположен в левом нижнем углу палитры инструментов (Рисунок 11.3).

На этом уроке

На этом уроке...

Урок посвящен вопросам создания спецэффектов, изменяющих исходное изображение слоев и, во многом, составляющих основное достоинство обработки видео в After Effects.

Чего мы хотим:

научиться применять эффекты слоям композиции.

Нам потребуется:

любой видеофайл.

Что полезно вспомнить:

как осуществляется анимация слоев в окне Timeline (Монтаж) (см. урок 10);

что такое трехмерные слои (см. урок 6).

На этом уроке - часть 2

Начните настройку с применения обычного эффекта при помощи палитры Effects

Рисунок 11.16. Начните настройку с применения обычного эффекта при помощи палитры Effects


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

В окне Timeline откройте группу параметров Effects (Эффекты), чтобы сравнивать дальнейшие действия в палитре Effect Controls (Управление эффектом) с состоянием окна Timeline. Обратите внимание, что пока эффект применен ко всему слою и является статическим (значение параметра Brightness (Яркость) одинаково для всех кадров слоя).


3. Щелкните на секундомере слева от параметра Brightness (Яркость) для создания первого ключевого кадра. После щелчка слева от названия эффекта появится навигатор ключевых кадров с выставленным флажком проверки, говорящим о том, что текущий кадр стал ключевым.

4. Переместите линию редактирования на следующий кадр клипа, который вы собираетесь сделать ключевым, и отрегулируйте параметры эффекта в палитре Effect Controls (Управление эффектом) (Рисунок 11.17).

Наложение краски примененное к голубой букве «С»

Рисунок 11.21. Наложение краски, примененное к голубой букве «С»

Настройка эффектов

11.2.5. Настройка эффектов

Настройку эффектов можно проводить непосредственно на панели эффекта в палитре Effect Controls (Управление эффектом) либо в окне Timeline (Монтаж). Для настройки параметров эффекта в палитре Effect Controls (Управление эффектом) следует предварительно развернуть эффект нажатием треугольной кнопки слева от названия. Однако некоторые эффекты не имеют никаких параметров для регулировки.

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

настройка посредством числового регулятора параметра;

настройка при помощи аналогового регулятора (такого, как ползунковый регулятор или т. п.);

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

Некоторые параметры определенных эффектов имеют дополнительные уровни регулировки (например, установки цвета, допускающие использование пипетки или диалоговых окон определения цвета и т. п.).

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

Настройка параметра эффектов при помощи ползун кового регулятора

Рисунок 11.8. Настройка параметра эффектов при помощи ползун кового регулятора



Некоторые параметры по своей сути являются векторными, т. е. задают определенное направление эффекта на плоскости кадра. Например, эффект Mirror (Зеркало) создает в заданной части кадра отражение существующего изображения слоя. Соответственно, одним из его параметров является свойство Reflection Angle (Угол отражения), задающее угол (в градусах), под которым должно происходить отражение от воображаемого зеркала. Для определения таких параметров в After Effects существуют специальные круговые регуляторы, позволяющие пользователю визуально определить угол, не путаясь в возможных числовых значениях (в данном случае, от 0 до 360°), которые может принимать параметр (Рисунок 11.9).

Настройка параметра при помощи кругового регулятора

Рисунок 11.9. Настройка параметра при помощи кругового регулятора



Как правило, практически все параметры допускают быстрое редактирование при помощи активных надписей, которые можно использовать как путем перетаскивания влево и вправо (Рисунок 11. 10), так и вводя абсолютное числовое значение с клавиатуры после щелчка на параметре (Рисунок 11.11).

Настройку подсветки можно проводить визуальным способом в окне Composition

Рисунок 11.24. Настройку подсветки можно проводить визуальным способом в окне Composition



5. Определите для тех слоев, которые вы подсвечиваете, сочетание параметров Material options (Материал) (Рисунок 11.25). Они задают, каким образом взаимодействует свет, падающий на слой, с этим слоем (имитируя различные отражающие или рассеивающие материалы).

Назначение эффекта клипу - часть 2

Назначение эффекта клипу

11.2.1. Назначение эффекта клипу

Повторимся, что для того, чтобы добавить новый эффект слою, необходимо перетащить желаемый эффект из палитры Effect Controls (Управление эффектом) на нужный слой в окно Timeline (Монтаж). При необходимости отрегулируйте параметры эффекта.

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

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

Назначение эффекта трехмерному слою

11.4.1. Назначение эффекта трехмерному слою

Любой из двумерных эффектов, о которых шла речь в предыдущих разделах этого урока, может быть применен к трехмерному слою (за исключением слоев специального вида — камеры и света). Как вы помните (см. разд. 6.3), для того, чтобы определить любой слой композиции в качестве трехмерного слоя, достаточно в окне Timeline (Монтаж) выставить соответствующий переключатель режима (в примере на Рисунок 11.19 переключатель признака трехмерности выставлен для текстового слоя 1945 и снят для видеослоя war.mov).

Назначение трехмерному слою подсветки

Рисунок 11.23. Назначение трехмерному слою подсветки



4. При необходимости отредактируйте настройки света (такие, как положение источника и направление подсветки) в окне Composition (Композиция) (Рисунок 11.24).

Об эффектах

11.1. Об эффектах

В After Effects и Premiere эффектами называются самые разнообразные спецэффекты, которые изменяют (в соответствии с заложенными алгоритмами) изображение или звук. Эффекты, как и большинство действий в After Effects, применяются по отношению к слою композиции, поэтому вы можете составлять финальный кадр фильма путем наложения различных слоев, каждому из которых назначена своя группа эффектов.

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

Эффекты After Effects можно разделить на несколько типов:

статические — одинаково действующие на все кадры слоя;

динамические — меняющиеся от кадра к кадру слоя с течением времени;

трехмерные (3D) — применяемые для трехмерных слоев, в том числе эффекты съемки камерой и подсветки.

After Effects содержит большое количество встроенных эффектов, с примерами использования которых можно познакомиться при помощи соответствующей справочной системы "Эффекты". В рамках данной книги мы не будем давать подробное описание эффектов, адресуя читателя к соответствующим страницам справочного руководства After Effects, которые можно просмотреть при помощи команды Help>Effects Help (Справка> Справка по эффектам) (Рисунок 11.1). Даже если вы плохо знаете английский язык, данная справочная система будет для вас неплохим путеводителем по имеющимся эффектам.

Обычные эффекты назначаются трехмерному слою стандартным образом - часть 2

Обычные эффекты назначаются трехмерному слою стандартным образом

Рисунок 11.20. Обычные эффекты назначаются трехмерному слою стандартным образом

Окно Adobe Gamma в режиме панели управления

Рисунок 11.16. Окно Adobe Gamma в режиме панели управления

6. Если опция View Single Gamma Only (Показывать только общую гамма-коррекцию) включена, отключите ее. Под ней вы увидите три цветных поля с ползунками, которые позволяют корректировать по отдельности красную, зеленую и синюю составляющие цвета на экране. Перемещая ползунки, добейтесь максимального соответствия с распечаткой.
7. Щелкните на кнопке ОК. Программа предложит сохранить измененные установки в виде профиля. Используйте для этого новое имя файла — возможно, вам захочется вернуться к прежним установкам программы.
8. Повторите шаги 3 и 4. Если цвета заметно различаются, еще раз проведите корректировку монитора.

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

Окно фильтра 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 вариант Advanced

Рисунок 11.7. Окно Print, вариант Advanced

Окно 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.

Относительное изменение параметра

Рисунок 11.10. Относительное изменение параметра эффекта осуществляется при помощи техники перетаскивания активной надписи

Отредактируйте динамический эффект, пользуясь графиками изменения параметра и его скорости - часть 2

Отредактируйте динамический эффект, пользуясь графиками изменения параметра и его скорости

Рисунок 11.18. Отредактируйте динамический эффект, пользуясь графиками изменения параметра и его скорости



Изменить настройки динамического эффекта можно в любой момент либо с помощью добавления новых ключевых кадров, либо изменением настроек эффекта на существующих ключевых кадрах, либо удалением имеющихся ключевых кадров. Пользоваться при этом следует стандартными методами редактирования анимации (см. урок 10). Особенно удобен навигатор ключевых кадров (keyframe navigator), с помощью кнопок которого слева и справа можно переходить к предыдущему или следующему ключевому кадру слоя. Флажок проверки в центре навигатора отображает информацию о том, является ли текущий кадр фильма ключевым кадром выделенного слоя.

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

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

Палитра Effect Controls

11.1.3. Палитра Effect Controls

Палитра Effect Controls (Управление эффектом) (см. Рисунок 11.4) очень удобна для назначения и последующего редактирования эффектов для каждого слоя. Если палитра скрыта, то вызвать ее можно двойным щелчком на имени любого из назначенных эффектов в окне Timeline (Монтаж). При назначении первого эффекта палитра Effect Controls (Управление эффектом) появляется автоматически.

В любой момент времени палитра Effect Controls (Управление эффектом) отображает информацию обо всех эффектах, назначенных определенному слою композиции. Для переключения между слоями в палитре достаточно щелкнуть на закладке с именем нужного слоя (Рисунок 11.5).

Палитра Effects - часть 2

Палитра Effects

11.1.2. Палитра Effects

При редактировании спецэффектов применяются, в основном, две специальные палитры. Палитра Effects (Эффекты) представляет собой библиотеку видео- и звуковых эффектов и служит для вставки того или иного спецэффекта в фильм. Другая палитра — Effect Controls (Управление эффектом) — применяется для просмотра эффектов, назначенных выделенному в окне Timeline (Монтаж) слою, и регулировки их параметров.

Палитра Effects (Эффекты) (см. Рисунок 11.2) является типичным представителем специального элемента интерфейса — палитр программы After Effects. Приведем наиболее общие рекомендации по ее применению, имея в виду, что большинство из них годятся и при работе с другими палитрами:

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

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

порядок следования папок в палитре и эффектов в папках изменяется простым перетаскиванием;

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

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

Палитра 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. Подготовка к полиграфической печати

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

Примененные эффекты, подобно стандартным вложенным спискам, удобно сворачивать и разворачивать - часть 2

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

Рисунок 11.6. Примененные эффекты, подобно стандартным вложенным спискам, удобно сворачивать и разворачивать



Треугольная кнопка, расположенная, слева от имени эффекта, разворачивает или сворачивает эффект. Развернутый эффект позволяет регулировать его параметры непосредственно в палитре Effect Controls (Управление эффектом). Свернутый эффект занимает в палитре меньше места и дает возможность одновременно увидеть установки большего числа эффектов (Рисунок 11.6).

В пределах панели каждого эффекта в палитре Effect Controls (Управление эффектом) помещается один или несколько вложенных списков, которые группируют текущие параметры данного эффекта. Их также можно сворачивать и разворачивать, руководствуясь соображениями удобства, в зависимости от того, какую работу вы проводите в данный момент. Техника настройки эффектов описана в разд. 11.2.

Слева от названия каждого эффекта находится кнопка Enable Effect (Включить эффект). Если она нажата (что символизируется буквой /внутри кнопки), то эффект применяется к клипу. Если кнопка не нажата, то эффект временно выключен (см. Рисунок 11.7), однако в любой момент его влияние можно восстановить.

Все типы эффектов имеют на своей панели элемент интерфейса — ссылку Reset (Сброс), позволяющую восстановить значения параметров по умолчанию, с которыми эффект был впервые применен к слою.

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

Практически такое же строение, как и палитра Effect Controls (Управление эффектом), имеет группа параметров Effects (Эффекты), назначенных слою в окне Timeline (Монтаж). Таким образом, настройку эффекта можно с равным успехом проводить при помощи палитры или при помощи окна Timeline (Монтаж), руководствуясь только конкретной задачей и вашими привычками.

Пример динамического эффекта (коллаж)

Рисунок 11.14. Пример динамического эффекта (коллаж)



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

Пространственные эффекты - часть 2

Пространственные эффекты

11.4. Пространственные эффекты

Пока мы рассматривали, как применяются обычные двумерные (2D) эффекты к стандартным двумерным слоям, т. е. слоям с плоским изображением кадра. Между тем, в After Effects имеется тип слоев со специальными свойствами, который позволяет достичь реалистичного трехмерного эффекта. Конечно, изображение, получаемое при помощи этих слоев, также является плоским, однако и стиль редактирования, и его результат позволяют с полным правом назвать эти слои трехмерными (3D) (см. урок 6).

Для реализации иллюзии пространственной протяженности слоев в After Effects имеется несколько дополнительных типов эффектов:

Camera (Камера);

Light (Свет).

Эти спецэффекты, предназначенные для применения к трехмерным слоям, настраиваются иначе, нежели стандартные эффекты, и, фактически, сами являются слоями композиции.

Расположение Adobe Gamma на Панели управления

Рисунок 11.12. Расположение Adobe Gamma на Панели управления


1. Сначала создадим профиль монитора. Для этого запустите Adobe Gamma (Рисунок 11.13).

Реализация динамического эффекта (см Рисунок )

Рисунок 11.15. Реализация динамического эффекта (см. Рисунок 11.14)



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

1. Выделите нужный слой в окне Timeline (Монтаж) и поместите линию редактирования на первый кадр композиции, который вы собираетесь сделать ключевым. В нашем случае это один из первых кадров слоя war.mov.

2. Двойным щелчком на желаемом эффекте, в нашем случае Brightness & Contrast (Яркость и контраст) в палитре Effects (Эффекты), примените эффект к слою, затем в открывшемся окне палитры Effect Controls (Управление эффектом) отредактируйте параметры эффекта, например, сделайте слой более темным (Рисунок 11.16).

Редактирование эффектов - часть 2

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

11.2. Редактирование эффектов

Коротко рассмотрим основные приемы редактирования эффектов при помощи палитры Effect Controls (Управление эффектом).

Редактируйте вид камеры при помощи набора инструментов Camera - часть 2

Редактируйте вид камеры при помощи набора инструментов Camera

Рисунок 11.22. Редактируйте вид камеры при помощи набора инструментов Camera


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

При просмотре кадра композиции через камеру убедитесь в том, что в окне Composition (Композиция) выбран соответствующий трехмерный вид, например, Active Camera (Активная камера).


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

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

Регулировочный слой - часть 2

Регулировочный слой

11.2.6. Регулировочный слой

Как мы уже сказали, эффекты применяются к отдельным слоям. Однако иногда возникает ситуация, когда вам необходимо настроить один и тот же эффект для нескольких слоев композиции. В этом случае полезным оказывается специальный служебный слой, называемый регулировочным (adjustment layer). Создать его можно командой Layer>New>Adjustment layer (Слой> Создать>Регулировочный слой), после чего новый регулировочный слой появляется в окне Timeline (Монтаж).

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

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

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

На этом уроке мы познакомились

11.5. Резюме

На этом уроке мы познакомились с принципами настройки статических и динамических эффектов слоям композиций, а также конспективно рассказали, какие специальные эффекты предназначены для трехмерных слоев. Эффекты добавляются слоям при помощи палитры Effects (Эффекты) и настраиваются при помощи другой палитры Effect Controls (Управление эффектом) или непосредственно в окне Timeline (Монтаж). Принцип настройки динамических эффектов тот же самый, что и принцип анимации слоев (определение ключевых кадров и регулировка на них параметра эффекта).

Резюме - часть 2

Результат цветоделения темнозеленого

Рисунок 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.17. Создайте ключевые кадры для параметра эффекта и отрегулируйте его параметры на каждом ключевом кадре



5. Поочередно установите линию редактирования на нужные кадры клипа, которые вы желаете сделать ключевыми, и отрегулируйте настройки эффекта в палитре Effect Controls (Управление эффектом) для каждого из кадров.

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

Создание эффектов

11.1.1 Создание эффектов

Эффекты настраиваются при помощи палитры Effects (Эффекты) (Рисунок 11.2), а динамика им придается при помощи стандартных способов анимации (см. урок 10). Чтобы вызвать на экран палитру Effects (Эффекты), воспользуйтесь командой меню Window>Effects (Окно>Эффекты).

Создание трехмерного слоя

Рисунок 11.19. Создание трехмерного слоя



Для того чтобы применить эффект к трехмерному слою, следует действовать обычным образом, т. е. выделить этот слой, дважды щелкнуть на названии желаемого эффекта в палитре Effects (Эффекты) и затем отрегулировать его параметры в палитре Effect Controls (Управление эффектом) или непосредственно в окне Timeline (Монтаж). На Рисунок 11.20 вы видите пример применения эффекта Glow (Сияние) к текстовому слою 1945 из предыдущего рисунка.

Справка по эффектам - часть 2

Справка по эффектам

Рисунок 11.1. Справка по эффектам

Функции программы

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

Название	Описание	Клавиатурное сокращение
Инструменты
Page (Страница)	Перемещение образа печатной страницы по листу документа
Команды
File > Print (Файл > Печать)	Печать документа	Ctrt+P
Команды
View " Show Page Tiling (Вид > Показать разбиение страниц)	Показ границ печатной страницы
Object > Flatten Transparency (Объект > Преобразовать прозрачность)	Преобразование полупрозрачных объектов
Object > Expand (Объект > Преобразовать)	Преобразование пошаговых переходов, символов, оболочек, кистей, градиентов и прочих сложных элементов
Object > Expand Appearance (Объект > Преобразовать внешний вид)	Преобразование объектов, к которым применены эффекты, и некоторых других специфических объектов
Object > Path > Clean Up (Объект > Путь > Очистить)	Удаление всех лишних объектов
Edit > Color Settings (Правка > Настройки цвета)	Настройка управления цветом
View > Overprint Preview (Вид > Просмотр наложения)	Режим просмотра, отображающий результат наложения красок
Фильтры и эффекты
Overprint Black (Наложение черного)	Управление наложением черного цвета
Палитры
Document Info (Информация о документе)	Информация о документе
Attributes (Атрибуты)	Управление наложением красок F11
Pathfinder (Обработка контуров)	Создание треппинга Shift + F9
Swatches (Образцы)	Создание смесевых цветов
Color (Цвет)	Управление цветом F6
Палитры библиотек цветов	Выбор готовых цветов, в том числе смесевых

Темнозеленый знак на розовом фоне

Рисунок 11.22. Темно-зеленый знак на розовом фоне


Напечатать знак с наложением мы не можем, потому что благородная зелень будет безнадежно испорчена розовой добавкой фона — цвет станет почти черным, а то и грязно-бурым. Без наложения — тоже плохо: на довольно интенсивном розовом фоне белые зазоры в местах несовмещения красок будут очень заметны. Прибегнем ктреппингу.
К счастью, в Illustrator есть способ задавать треппинг автоматически. Вызовите палитру Pathfinder (Обработка контуров) и выберите в ее меню пункт Trap (Треппинг). Появится окно (Рисунок 11.23), в котором нужно установить некоторые настройки.

Типы эффектов - часть 2

Типы эффектов

11.2.7. Типы эффектов

Коротко перечислим названия папок с эффектами, находящимися в палитре Effects (Эффекты) (см. Рисунок 11.2), и скажем несколько слов об их специфике.

3D Channel (Трехмерный канал) — группа преобразований для настройки пространственных эффектов трехмерных слоев;

Adjust (Регулировка) — очень важная с практической точки зрения группа спецэффектов, позволяющих регулировать типовые параметры изображения. Сходные эффекты помещены в папку Image Control (Управление изображением). С помощью эффектов этих двух папок можно изменить яркость (brightness), контрастность (contrast) изображения, цветовой баланс, т. е. относительное содержание красного (red), зеленого (green) и синего (blue) цветов в изображении. За эти функции ответственны эффекты Brightness & Contrast (Яркость и контраст) и Color Balance (Цветовой баланс) соответственно. Кроме традиционной RGB-регулировки цветового баланса (red-green-blue), в более сложных эффектах возможна регулировка "оттенок-яркость-насыщенность" (hue-lightness-saturation) и применение интегральных сдвигов спектра изображения в основных цветах;

Audio (Аудио) — различные звуковые эффекты, преобразующие звук слоев;

Blur & Sharpen (Размытие и резкость) — спецэффекты размытия изображения и повышения его резкости. Некоторые из эффектов имитируют различные устройства или направление размытия, а другие повышают резкость, отыскивая те места в кадре клипа, в которых происходят изменения цвета изображения, и увеличивают степень перехода цвета;

Channel (Канал) — эффекты, позволяющие проводить действия с RGB-каналами изображения. Эффект Invert (Обращение) заменяет один или несколько (по выбору пользователя) цветов клипа во всех пикселах дополнительным цветом, т. е. инвертирует изображение;

Distort (Искажение) — разнообразные эффекты, деформирующие изображение клипа вдоль различных направлений с разными параметрами. Как правило, эти эффекты имитируют те или иные действия или устройства, например — отражение и т. п.;

Expression Control (Управление выражениями) — служебные эффекты, предназначенные для использования их в выражениях;

Image Control (Управление изображением) — различные эффекты для регулировки параметров яркости, цветового баланса изображения клипов (см. описание группы эффектов Adjust);

Keying (Прозрачные наложения) — группа очень важных эффектов, при помощи которых можно настроить прозрачность слоя определенным образом и настроить его наложение на нижние слои;

Paint (Рисование) — вспомогательные эффекты для процесса рисования на слоях;

Perspective (Перспектива) — группа эффектов, добавляющая трехмерные эффекты клипам, например, такие как поворот плоскости кадра клипа, добавление тени, а также растяжения, сжатия или перевороты в различных направлениях;

Render (Растр) — эффекты, имитирующие различные оптические устройства, например, эффект Lense Flare (Блик линзы) позволяет создать характерный световой блик, подобно отсвету в объективе камеры;

Stylize (Стилизация) — еще одна группа эффектов для имитации разнообразных оптических явлений. Изображение изменяется по довольно сложным алгоритмам, которые создают эффект мозаики (Mosaic), рельефности (Emboss) и т. п.;

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

Transition (Переход) — эффекты перехода, которые применяются, главным образом, для повышения эффектности смены одного действия другим.

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

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

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

Учет несовмещения красок при печати

Учет несовмещения красок при печати. Треппинг. Наложение (Overprint)

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

Удаление эффекта - часть 2

Удаление эффекта

11.2.4. Удаление эффекта

Для того чтобы безвозвратно удалить эффект для выделенного в окне Timeline (Монтаж) клипа, выберите эффект в палитре Effect Controls (Управление эффектом) или в окне Timeline (Монтаж) и нажмите клавишу или .

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

Для того чтобы безвозвратно удалить сразу все эффекты, назначенные слою, вызовите из области имени эффекта контекстное меню и выберите в нем команду Remove All (Удалить все).

В печать!

В печать!

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

В появившейся палитре Effect Controls - часть 2

В появившейся палитре Effect Controls

Рисунок 11.4. В появившейся палитре Effect Controls конкретного эффекта определите его параметры, ориентируясь на просмотр кадра в реальном времени в окне Composition



4. Отрегулируйте параметры эффекта при помощи панели эффекта в палитре Effect Controls (Управление эффектом) (см. Рисунок 11.4), либо непосредственно в окне Timeline (Монтаж).

5. Если вы намерены назначить слою какой-либо дополнительный эффект, повторите для этого эффекта действия п. 2—4.

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

Если слою назначено несколько эффектов, то их применение к изображению производится в том порядке, в котором эффекты располагаются в палитре Effect Controls (или в окне Timeline). В некоторых случаях порядок применения эффектов играет существенную роль в формировании изображения композиции. Изменить порядок следования эффектов в палитре можно простым перетаскиванием.
Примечание
Примечание

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


После назначения эффекта клипу его можно отредактировать при помощи палитры Effect Controls (Управление эффектом) (см. разд. 11.2), т. е. изменить настройки эффекта, а также удалить эффект или назначить клипу дополнительные эффекты.

Вариант Graphics окна Print

Рисунок 11.6. Вариант Graphics окна Print


Группа настроек Paths (Кривые) понадобится вам, если возникли проблемы печати сложных кривых, состоящих из большого количества узлов и сегментов. В большинстве случаев достаточно использовать опцию Automatic (Автоматически), но иногда ее приходится отключать и перемещать ползунок на шкале Flatness (Гладкость). Чем левее вы его установите, тем качественнее (но и дольше) будут печататься сложные кривые. Методом проб и ошибок можно подобрать такое оптимальное значение гладкости, когда и ошибок при печати не будет, и контуры объектов останутся гладкими.
СОВЕТ
Используйте Flatness (Гладкость) при выводе на печать черновых вариантов документов, состоящих из множества сложных кривых (например, бланков ценных бумаг, которые мы научились делать в предыдущей главе). Если установить ползунок в крайнее правое положение, печать может заметно ускориться. Качество, конечно, пострадает, но это ведь черновик!
Группа Fonts (Шрифты) позволит оптимизировать печать документов с большим объемом текста. Если принтер подключен непосредственно к вашему компьютеру, обычно можно обойтись без загрузки в него шрифтов — вариант None (Нет) списка Download (Загрузить). При возникновении проблем попробуйте использовать вариант Subset (Подставлять). Это немного замедлит печать, так как все использованные текстовые символы будут записываться в принтерный файл.
Опция Compatible Gradient and Gradient Mesh Printing (Совместимость печати градиентов и градиентных сеток) используется при некорректном выводе градиентов.
ВНИМАНИЕ
Не используйте эту опцию без крайней необходимости. Иногда она не улучшает, а ухудшает изображение при печати.
Особое внимание уделите полупрозрачным объектам и объектам с наложением красок (что это такое, объясним немного ниже). Для оптимизации их печати предусмотрен специальный вариант окна Print (Печать). Он называется Advanced (Дополнительный) (Рисунок 11.7).
Список Overprint (Наложение) пока пропустим, мы вернемся к нему, когда будем описывать подготовку к полиграфической печати. Поговорим пока о полупрозрачных объектах.
Разработчики Illustrator постарались оградить пользователей от проблем с печатью полупрозрачности. В списке Preset (Набор установок) есть три пункта, которые соответствуют различному разрешению печати: [High Resolution] ([Высокое разрешение]), [Medium Resolution] ([Среднее разрешение]) и [Low Resolution] ([Низкое разрешение]). Выберите нужный и отправляйте на печать. Если вы располагаете избытком времени и врожденной любознательностью, щелкните на кнопке Custom (Пользовательский) и поэкспериментируйте с настройками.
Таким образом, используя варианты Graphics (Графика) и Advanced (Дополнительный), можно оградить себя от всевозможных проблем при печати. Это в теории. На практике все несколько сложнее.

Вариант Output окна Print

Рисунок 11.29. Вариант Output окна Print


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

Важными параметрами, влияющими - часть 2

Важными параметрами, влияющими

Рисунок 11.25. Важными параметрами, влияющими на вид подсветки, являются материал трехмерного слоя и местоположение источника света



Заметим, что как эффект камеры, так и эффект света используют в качестве настроек особые точки привязки (point of interest) к трехмерному слою. Для камеры эта точка определяет ее расположение (т. е. место, откуда камера "смотрит" на трехмерные слои), а для подсветки слоев — расположение источника света. Перемещая точки привязки по кадру при помощи инструмента Selection (Выбор), вы определяете самый главный параметр этих спецэффектов.

Вид документа при выборе пункта

Рисунок 11.5. Вид документа при выборе пункта Tile Imageable Areas в списке Tiling окна Print/Setup


Пунктирные линии обозначают границы печатных страниц с учетом полей. Каждая страница подписана в левом нижнем углу. Теперь догадываетесь, для чего используется в окне Print (Печать) опция Pages (Страницы)? Правильно, в ней можно указать, все страницы печатать или только с определенными номерами.

Визуальное задание пространственного - часть 2

Визуальное задание пространственного

Рисунок 11.13. Визуальное задание пространственного параметра в окне Composition (на примере применения эффекта текстовому слою)



Другие параметры предусматривают определение не одной точки, а целой области на кадре, которая имеет ту или иную геометрию. Обычно при начале регулировки такого параметра в палитре Effect Controls (Управление эффектом) в кадре в окне Composition (Композиция) возникает соответствующая фигура, снабженная маркерами обрамления. Перетаскивая маркеры можно наглядно подобрать желаемый размер фигуры, т. е. определить нужное значение соответствующего параметра или сочетания параметров. Изменения в кадре происходят в режиме реального времени, по мере регулировки. Пример таких действий изображен на Рисунок 11.13.

Визуальное задание точечного параметра в окне Composition

Рисунок 11.12. Визуальное задание точечного параметра в окне Composition

Включен только эффект Mirror - часть 2

Включен только эффект Mirror

Рисунок 11.7. Включен только эффект Mirror

Временное выключение эффекта

11.2.3. Временное выключение эффекта

Чтобы временно выключить эффект, не удаляя его, достаточно отжать щелчком мыши кнопку Enable Effect (Включить эффект) слева от его названия (на эту кнопку наведен указатель на Рисунок 11.7). Пиктограмма в виде буквы/внутри кнопки пропадет, и эффект не будет приниматься во внимание при расчете кадра фильма. При этом все настройки эффекта сохраняются, и повторное нажатие кнопки Enable Effect (Включить эффект) заново включает эффект. На Рисунок 11.7 включен лишь один из трех эффектов — Mirror (Зеркало).

Ввод абсолютного значения параметра эффекта с клавиатуры

Рисунок 11.11. Ввод абсолютного значения параметра эффекта с клавиатуры


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

Напомним еще раз, что настройка параметров может производиться как в палитре Effect Controls (Управление эффектом), так и в окне Timeline (Монтаж).


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

Некоторые параметры, такие как, например, свойство Reflection Center (Центр отражения) того же эффекта Mirror (Зеркало), требуют задания на кадре одной определенной точки — центра отражения. Ее можно определить непосредственно в окне Composition (Композиция), нажав предварительно кнопку вызова параметра в палитре Effect Controls (Управление эффектом) (Рисунок 11.12).

Выбор названия профиля

Рисунок 11.14. Выбор названия профиля


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

3. После этого подключите ICC-профиль принтера, который обычно прилагается на компакт-диске с программным обеспечением. В крайнем случае, профиль можно отыскать в Интернете. Скопируйте его в ту же папку, в которую вы сохранили профиль монитора.
4. Теперь осталось включить управление цветом в Illustrator. Для этого командой Edit > Color Settings (Правка > Настройки цвета) вызовите окно, показанное на Рисунок 11.15.

Выбор принтера

Выбор принтера

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

Выбор принтера

Выбор принтера

Попытка распечатать на цветном принтере способна многих повергнуть в уныние. Очень часто — особенно начинающие дизайнеры — с растерянностью смотрят то на лист, только что выползший из цветного принтера, то на экран, то на старших товарищей. Почему-то на экране все очень красиво, а на печати...
Сразу должны признаться: авторы не знают способа обеспечить абсолютное совпадение цвета на бумаге и на экране. Особенно если эта бумага получена из недр дешевого печатного устройства офисного класса. И никто не знает. Однако добиться относительно близкого по цвету (даже почти идентичного!) результата можно, но только на сравнительно дорогих выводных устройствах. Несколько лет назад один из авторов проводил тесты цветопередачи1 восьми популярных цветных принтеров. Результаты оказались красноречивыми. Цветовая погрешность дешевых офисных моделей даже после их тщательной настройки была в 3-4 раза выше, чем у относительно дорогих (несколько тысяч долларов) устройств. «Уход» цвета измерялся профессиональным спектрофотометром, поэтому субъективный фактор можно исключить полностью.
Таким образом, если в вашем распоряжении нет профессионального (лазерного или сублимационного) цветного принтера, не пытайтесь обмануть заказчика, подсовывая ему распечатки работы простенького струйного принтера. Все равно при полиграфической печати результат будет совершенно другой. Лучше покажите ему изображение на экране. Монитор, в отличие от принтера, легче настроить так, чтобы он давал более-менее точное представление о цвете. Как? Об этом мы сейчас расскажем.
Тем более, что настройка, или калибровка, монитора — необходимое условие, даже если вы собираетесь печатать на дорогом лазерном цветном принтере.

Выделите слой и перетащите на него желаемый эффект из палитры Effects

Рисунок 11.3. Выделите слой и перетащите на него желаемый эффект из палитры Effects



3. Щелкните дважды на желаемом эффекте или перетащите его из палитры на название слоя в окно Timeline (Монтаж), либо на кадр в окне Composition (Композиция) с выделенным изображением слоя (Рисунок 11.3). В результате клипу будет назначен соответствующий спецэффект, о чем будет свидетельствовать появившийся элемент во вложенном списке Effects (Эффекты), который появляется в слое tolstoi.avi в окне Timeline (Монтаж). Кроме того, в появившейся палитре Effect Controls (Управление эффектом) откроется панель с названием эффекта (Рисунок 11.4).

Макрос 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) позволяет управлять итоговым размером сохраненного файла.

Окно Adobe PDF Options

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

Название	Описание	Клавиатурное сокращение
Команды
File > Save (Файл > Сохранить)	Сохранение документа	Ctrl+S
File > Save As Template (Файл > Сохранить как шаблон)	Сохранение документа в качестве шаблона
File > New from Template (Файл > Создать из шаблона)	Создание документа на основе ранее созданного шаблона	Ctrl+Shift+N
Палитры
Actions (Действия)	Выполнение последовательностей команд (макросе	.в)

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

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
  

---

---