Книга: Macromedia Flash Professional 8. Графика и анимация

Дальше: Глава 12 Трансформационная анимация

Часть III
Анимация и звук

Глава 11
Покадровая анимация

Анимация — один из "коньков" Flash. Еще в самой первой версии этой программы фирма Macromedia сделала на нее ставку и не прогадала — анимация уже проникла в Интернет, и удивительные возможности Flash по созданию "мультиков" оказались востребованными. Можно сказать, что интернет-анимация — это Flash, a Flash — это интернет-анимация.

Что ж, и нам пора прикоснуться к таинству "оживления" неподвижных картинок. Благо, этих самых картинок у нас уже хватает. С чего начнем?

Давайте начнем с покадровой анимации. И вот почему.

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

Создать покадровую анимацию очень просто — знай, рисуй себе кадр за кадром. Единственная оговорка: таких кадров может быть очень много, и работа над фильмом может сильно затянуться. Ну да ладно, на первых порах мы ограничимся простейшими фильмами. Главное в том, что при создании покадровой анимации мы будем пользоваться, в основном уже изученными в части II инструментами. Это позволит нам освоить работу с временной шкалой Flash и кадрами, не отвлекаясь на посторонние дела. Трансформационная же анимация, хоть и значительно менее трудоемка, но требует использования специальных инструментов; мы займемся ею в главе 12.

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

Итак, запасемся терпением — нам придется много рисовать. Освежим свои знания в области базовых инструментов рисования Flash. Создадим новый документ Flash. И начнем!

Создание покадровой анимации

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

Наш фильм будет содержать двенадцать кадров — на первый раз этого хватит. Зададим частоту кадров равной 4, для чего выберем в меню Modify пункт Document, введем в поле ввода Frame rate диалогового окна Document Properties (см. рис. 2.15) число 4 и нажмем кнопку ОК. Четырех кадров в секунду школьникам вполне хватит, чтобы понять великое таинство жизни.

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

Сохраним новый документ Flash в файле. И приступим..

Временная шкала

Прежде всего, обратим внимание на верхнюю половину окна документа Flash. Как нам уже известно, там отображается панель Timeline. (Если вы почему-то не видите эту панель, проверьте, не выключен ли пункт-выключатель Timeline меню Window, и включите его.) В левой части этой панели находится уже знакомый нам по главе 5 список слоев. Правой же части этой панели мы пока не касались.

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

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

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

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

Бегунок этот можно перемещать мышью. Также можно просто щелкнуть по нужному кадру дорожки, чтобы его выделить. Выделенный кадр сразу же станет текущим.

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

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

Мы также можем выделить любую пустую позицию на дорожке. Выделенная пустая позиция будет отображена в виде черного прямоугольника без точки (!).

В нижней части панели Timeline находится небольшая строка статуса временной шкалы. В этой строке отображается различная справочная информация, разнесенная по трем секциям (рис. 11.3). В левой секции выводится номер текущего кадра, в средней — частота кадров, заданная в параметрах документа, а в правой — продолжительность воспроизведения анимации с ее начала до текущего кадра. А если дважды щелкнуть на средней секции, на экране появится диалоговое окно Document Properties.

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

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

Создание кадров анимации

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

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

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

Ниже приведена последовательность действий по созданию покадровой анимации.

1. Создание нового ключевого кадра.

2. Выделение вновь созданного кадра.

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

4. Если не конец фильма, то переход к первому шагу.

Сначала нам нужно создать новый ключевой кадр. Этот кадр будет находиться на следующей после первого кадра пустой позиции дорожки. Выделим ее щелчком мыши и выберем пункт Keyframe подменю Timeline меню Insert или пункт Insert Keyframe контекстного меню дорожки. Flash после этого создаст новый ключевой кадр и сам сделает его текущим.

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

Специально для таких случаев Flash предоставляет возможность создать "пустой" ключевой кадр. Для этого достаточно выбрать пункт Blank Keyframe подменю Timeline меню Insert или пункт Insert Blank Keyframe контекстного меню дорожки. Такой кадр не будет содержать никакой графики.

Ну все, мы выяснили, как создаются ключевые кадры. Теперь остается только создать содержимое этих кадров — и первый наш фильм готов!

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

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

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

При создании фильма часто бывает нужно, чтобы какое-то изображение присутствовало на экране в течение нескольких кадров анимации. Как это сделать?

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

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

Поэтому лучше сделать по-другому. А именно, использовать так называемые растянутые кадры. Растянутый кадр — это обычный ключевой кадр, но занимающий не одну, а сразу несколько позиций дорожки (подкадров). Фактически растянутый кадр — это замена нескольким обычным ключевым кадрам, содержащим одинаковые изображения. И замена отличная, ведь подкадры растянутого кадра практически не занимают место в результирующем файле Shockwave/Flash.

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

□ выбрать пункт Frame подменю Timeline меню Insert;

□ выбрать пункт Insert Frame контекстного меню выделенного кадра;

□ нажать клавишу <F5>.

В результате выделенный ключевой кадр "растянется" на один под кадр, сдвинув все последующие кадры дорожки вправо.

Часто растянутый кадр занимает больше двух позиций временной шкалы. Поэтому нам придется выполнить любую из перечисленных выше операций несколько раз, чтобы создать соответствующее количество подкадров. Проще и быстрее всего для этого использовать клавишу <F5>.

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

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

На заметку

Фактически подкадры растянутого кадра — это промежуточные кадры, о которых мы говорили в главе 1. Они формируются самим проигрывателем Flash на основании изображения, содержащегося в ключевых кадрах.

Просмотр созданной анимации

Вот и готов наш первый фильм Flash. Давайте, что ли, посмотрим его?..

Простейший способ воспроизвести созданный фильм прямо в среде Flash — нажать клавишу < Enter> или выбрать пункт Play меню Control. Flash тотчас воспроизведет наше творение. При этом бегунок будет перемещаться по шкале кадров, показывая воспроизводимый в данный момент кадр.

Воспроизведение, запущенное таким образом, всегда начинается с текущего кадра, но только если это не последний кадр дорожки. Если же мы сделали текущим именно последний кадр дорожки, Flash начнет воспроизведение с первого кадра. Закончившись на последнем кадре, воспроизведение остановится.

Если мы захотим прервать воспроизведение раньше, чем фильм дойдет до конца, то должны будем нажать еще раз клавишу < Enter> или выбрать в меню Control пункт Stop.

Чтобы зациклить фильм (сделать так, чтобы он воспроизводился бесконечно), мы включим пункт-выключатель Loop Playback в меню Control. После этого, когда воспроизведение дойдет до последнего кадра фильма, бегунок перескочит на первый кадр, и фильм начнет воспроизводиться с начала.

Мы также можем перемещаться по фильму вперед (к концу) и назад (к началу) по кадрам. Для этого следует пользоваться клавишами <точка> и <запятая> соответственно. Также можно выбирать пункты Step Forward One Frame и Step Backward One Frame меню Control. Ну и, конечно, можно просто мышью перетаскивать бегунок в нужном направлении.

Чтобы быстро переместить бегунок на первый кадр фильма ("перемотать" фильм в начало), мы выберем пункт Rewind меню Control или нажмем комбинацию клавиш <Ctrl>+<Alt>+<R>. А пункт Go to End позволит нам переместить бегунок на последний кадр фильма ("перемотав" его в конец).

Для управления воспроизведением фильма мы можем пользоваться одним из инструментариев Flash — пультом (рис. 11.5). Чтобы вывести его на экран, нужно включить пункт-выключатель Controller подменю Toolbars меню Window.

Перечислим все кнопки пульта в порядке слева направо:

□ остановка воспроизведения;

□ "перемотка" в начало, т. е. перемещение бегунка на первый кадр фильма;

□ перемещение на кадр назад, т. е. к началу фильма;

□ запуск воспроизведения;

□ перемещение на кадр вперед, т. е. к концу фильма;

□ "перемотка" в конец, т. е. перемещение бегунка на последний кадр фильма.

Будет ли пульт вам полезен — решать вам самим. Честно говоря, автор так ни разу им и не воспользовался. Ему вполне хватает пунктов меню Control и связанных с ними комбинаций клавиш.

Еще одно средство Flash будет нам полезно, но не сейчас, а в дальнейшем, когда мы начнем создавать фильмы, содержащие интерактивные элементы (например, кнопки). Это режим воспроизведения фильма в отдельном окне. Чтобы просмотреть фильм в отдельном окне, достаточно выбрать пункт Test Movie меню Control или нажать комбинацию клавиш <Ctrl>+<Enter>.

Что в этом случае сделает Flash? А вот что…

1. Выполнит экспорт нашего документа в формат Shockwave/Flash.

2. Откроет новое окно — окно просмотра фильма.

3. Загрузит получившийся файл Shockwave/Flash в это окно и запустит его воспроизведение.

Для управления воспроизведением фильма в отдельном окне мы можем пользоваться уже знакомыми нам пунктами меню Control (это меню доступно и в окне просмотра): Play, Stop, Rewind, Step Forward One Frame и Step Backward One Frame.

В окне просмотра фильм всегда воспроизводится зацикленным. Чтобы избежать этого, мы отключим пункт-выключатель Loop меню Control этого окна.

Находясь в окне просмотра фильма, можно также задавать качество и масштаб его отображения. Для задания качества служат пункты — переключатели, находящиеся в подменю Quality меню View: Low (низкое), Medium (среднее) или High (высокое; выбран по умолчанию). Для задания масштаба следует воспользоваться уже знакомыми нам пунктами меню View: Zoom In (увеличение масштаба), Zoom Out (уменьшение масштаба) — и пунктами подменю Magnification.

Насладившись своим творением, закроем окно просмотра, щелкнув на кнопке закрытия или выбрав пункт Close меню File этого окна.

Правка анимации

Любое, даже, на первый взгляд, совершенное творение может быть еще немного усовершенствовано. А поскольку в мире нет ничего совершенного, переделывать уже сделанное нам придется очень часто.

Фильмы Flash — не исключение из этого правила. Посмотрим, что предлагает нам Flash для того, чтобы улучшить уже сделанное.

Работа с кадрами

Не может быть, чтобы мы в процессе работы над нашим первым фильмом не наделали ошибок. Как их исправить?

Исправить содержимое какого-либо кадра очень просто. Щелкаем мышью по нужному кадру — и Flash выводит его содержимое на рабочем листе.

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

В некоторых случаях нужно выделить сразу несколько кадров. Для этого мы щелкнем на первом из кадров, которые нужно выделить, нажмем клавишу <Ctrl> и продолжим щелкать на остальных нужных кадрах, не отпуская этой клавиши. Если мы хотим выделить группу идущих подряд кадров, щелкнем мышью на первом из них, нажмем клавишу <Shift> и, не отпуская ее, щелкнем на последнем кадре.

Чтобы выделить сразу все кадры дорожки, воспользуемся пунктом Select All Frames подменю Timeline меню Edit или одноименным пунктом контекстного меню временной шкалы. Также мы можем нажать комбинацию клавиш <Ctrl>+<Alt>+<A>. При этом все кадры данной дорожки будут выделены, но на рабочем листе будет отображаться содержимое только кадра, на котором установлен бегунок.

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

При этом нужно иметь в виду вот что. Если мы выделим группу идущих подряд кадров и перетащим ее вправо, Flash автоматически растянет кадр, находящийся левее этой группы. Flash, как и природа, не терпит "пустоты" в середине дорожки и старается ее заполнить всеми доступными ему способами.

Создавать новые кадры мы уже умеем. Для этого достаточно выделить первую пустую позицию дорожки правее последнего ключевого кадра и выбрать пункт Keyframe подменю Timeline меню Insert или пункт Insert Keyframe контекстного меню этой пустой позиции. Созданный таким образом кадр будет содержать изображение, взятое с предыдущего ключевого кадра. Если же нужно создать пустой ключевой кадр, то следует выбрать пункт Blank Keyframe подменю Timeline меню Insert или пункт Insert Blank Keyframe контекстного меню.

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

Еще мы можем преобразовать любой подкадр растянутого кадра в ключевой кадр. Выделим нужный подкадр и выберем в подменю Timeline меню Modify или контекстном меню выделенного подкадра пункт Convert to Keyframes или нажмем клавишу <F6>. Flash преобразует этот подкадр в ключевой кадр, сохранив его содержимое. А пункт Convert to Blank Keyframes и клавиша <F7> заставят Flash преобразовать подкадр в "пустой" ключевой кадр, в котором мы в дальнейшем сможем нарисовать любое изображение.

Обратное преобразование — из ключевого кадра в подкадр, являющийся частью предыдущего ключевого кадра (который соответственно растянется), — также возможно. Выделим ключевой кадр и выберем пункт Clear Keyframe) подменю Timeline меню Insert или контекстного меню или нажмем комбинацию клавиш <Shift>+<F6>.

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

Мы можем выполнить дублирование любого ключевого кадра, создав его точную копию. Для этого установим курсор мыши на кадр, который хотим продублировать; нажмем левую кнопку мыши и, не отпуская ее, нажмем клавишу <Alt>; удерживая ее, перетащим кадр на нужное место и отпустим клавишу и кнопку мыши. Так же мы можем копировать и группы выделенных кадров.

Мы можем менять длительность растянутого кадра, перетаскивая мышью его конечный маркер и удерживая при этом нажатой клавишу <Ctrl>. Таким образом можно "ужать" растянутый кадр до размеров обычного, занимающего одно-единственное деление шкалы кадров. Нужно только иметь в виду, что при этом Flash заполнит "опустевшее" пространство на дорожке пустым растянутым ключевым кадром, который сам создаст.

Разумеется, мы можем удалять ненужные кадры. Для этого выделим кадр (кадры), который хотим удалить, и выберем пункт Remove Frames подменю Timeline меню Edit или контекстного меню кадра или нажмем комбинацию клавиш <Shift>+<F5>. Выделенный нами кадр (кадры) будет удален, а все кадры, расположенные правее него, сдвинутся влево, заполняя "вакантное" место.

Внимание!

Не пользуйтесь для удаления кадров клавишей <Del>. Она удаляет содержимое выделенного кадра, но не сам кадр.

Пункты Cut Frames и Copy Frames подменю Timeline меню Edit (и соответствующие им клавиатурные комбинации <Ctrl>+<Alt>+<X> и <Ctrl>+<Alt>+ +<С>) позволят нам, соответственно, вырезать и скопировать выделенные кадры в буфер обмена Windows. А пункт Paste Frames того же подменю Timeline меню Edit (и комбинация клавиш <Ctrl>+<Alt>+<V>) выполняет вставку кадров из буфера обмена в выделенную позицию дорожки. Если перед вставкой какой-то кадр был выделен, он и все последующие кадры будут отодвинуты вправо, чтобы вместить вставляемые кадры.

В меню Edit имеется также пункт Clear Frames (комбинация клавиш <Alt>+<Backspace>). Выбрав его, мы удалим все содержимое выделенного кадра. (Не вполне понятно, зачем разработчики Flash ввели этот пункт — есть же пункт Clear меню Edit и многофункциональная клавиша <Del>, которые работают точно так же.)

Все пять вышеперечисленных пунктов присутствуют также в контекстном меню выделенного кадра.

Мы можем инвертировать всю дорожку или ее фрагмент, т. е. повернуть ее задом наперед. Для этого выделим нужные кадры (или сразу всю дорожку) и выберем пункт Reverse подменю Timeline меню Modify или пункт Reverse Frames контекстного меню выделенных кадров.

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

1. Выделяем всю последовательность кадров нашего фильма и копируем их в буфер обмена. (Пункт Copy Frames подменю Timeline меню Edit.)

2. Выделяем первую пустую позицию правее последнего кадра дорожки и вставляем кадры из буфера обмена. (Пункт Paste Frames подменю Timeline меню Edit.) Это будет вторая, "экзотическая" половина фильма, описывающая процесс слияния двух клеток в одну и следующая сразу же за первой, "бытовой", частью фильма.

3. Выделяем все только что вставленные кадры ("экзотическую" часть) и инвертируем их. (Пункт Reverse Frames подменю Timeline меню Modify.) Все!

Дополнительные возможности работы с кадрами

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

Чтобы включить наложение, нажмем кнопку-выключатель Onion Skin, находящуюся в строке статуса временной шкалы:

На рабочем листе появится изображение, похожее на показанное на рис. 11.6.

Видно, что содержимое текущего кадра отображается обычными линиями в обычных цветах. Содержимое же нескольких других кадров выводится тонкими серыми линиями в приглушенных цветах.

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

Чтобы включить режим наложения контуров, мы нажмем кнопку-выключатель Onion Skin Outlines:

Эта кнопка находится также в строке статуса временной шкалы, правее уже знакомой нам кнопки Onion Skin.

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

Только в этом случае придется работать очень внимательно.

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

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

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

Есть и другая возможность задать размер диапазона кадров — воспользоваться пунктами меню, которое появится на экране при нажатии кнопки Modify Onion Markers (рис. 11.8). Эта кнопка также находится в строке статуса временной шкалы.

Для задания размера диапазона наложения это меню предоставляет нам три пункта-переключателя:

□ Onion 2 — по два кадра с обеих сторон бегунка;

□ Onion 5 — по пять кадров с обеих сторон бегунка;

□ Onion All — все кадры дорожки.

Кроме этих трех, меню кнопки Modify Onion Markers содержит еще два пункта-выключателя. Рассмотрим их.

Пункт-выключатель Always Show Markers, будучи включенным, заставляет Flash показывать диапазон кадров даже тогда, когда режим наложения отключен (не включены ни кнопка Onion Skin, ни кнопка Onion Skin Outlines). Зачем это нужно, автору непонятно.

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

Дополнительные возможности временнОй шкалы

Уже неплохо знакомая нам временная шкала Flash таит в себе несколько сюрпризов. Если их использовать с умом, они станут приятными сюрпризами. Давайте же познакомимся с ними.

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

Предположим, что мы поместили бегунок на какой-либо кадр, а потом прокрутили временную шкалу так, что потеряли его из виду. Тогда нажмем кнопку Center Frame, расположенную в строке статуса временной шкалы:

Flash прокрутит временную шкалу таким образом, чтобы кадр, помеченный бегунком, и, соответственно, сам бегунок оказались в ее середине.

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

Для задания ширины прямоугольников-кадров служат пять пунктов-переключателей: Tiny (самые узкие прямоугольники), Small (узкие), Normal (значение по умолчанию), Medium (средние) и Large (самые широкие прямоугольники). Единственное: со слишком узкими кадрами трудно работать, а слишком широкие занимают много места на экране.

В ту же группу, что и перечисленные выше пять пунктов, входят еще два пункта-переключателя: Preview и Preview in Context. Они включают режим просмотра кадров на месте. Давайте выясним, что это такое.

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

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

Пункт Preview In Context отличается от пункта Preview тем, что в каждом прямоугольнике-кадре показывается весь рабочий лист (рис. 11.11). Пустое пространство рабочего листа не отрезается, так что мы всегда сможем увидеть, в каком месте на рабочем листе находится изображение, и оценить его относительные размеры.

Платой за наглядность служит серьезное увеличение размера прямоугольников-кадров при включенном режиме просмотра на месте. Поэтому оба вышеописанных режима лучше использовать только время от времени, когда без них действительно не обойтись. В остальное время лучше выбрать обычный режим отображения кадров в виде простых прямоугольников, для чего достаточно включить один из пунктов, задающих размер прямоугольников-кадров (Tiny, Small, Normal, Medium или Large).

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

Последний, еще не рассмотренный нами пункт-выключатель дополнительного меню временной шкалы — Short. Если его включить, размеры прямоугольников-кадров уменьшатся по вертикали примерно наполовину. Это бывает очень полезно, если наш фильм содержит много слоев, которые не помещаются в список.

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

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

Для работы со сценами служит панель Scene (рис. 11.12). Чтобы вывести ее на экран, нужно включить пункт-выключатель Scene подменю Other Panels меню Window или нажать комбинацию клавиш <Shift>+<F2>.

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

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

Кстати, имя текущей сцены выводится в левой части инструментария документа (рис. 11.13).

Чтобы создать новую пустую (не содержащую кадров) сцену, следует нажать кнопку Add scene, расположенную в нижней части панели Scene:

Также можно выбрать пункт Scene меню Insert. Новая сцена появится в списке позицией ниже текущей, после чего сама станет текущей. Так что мы можем начать наполнять ее полезным содержимым — кадрами — сразу же после создания.

Каждая сцена фильма должна иметь уникальное имя. По умолчанию Flash дает сценам имена вида Scene <порядковый номер>. Изначально же фильм состоит из одной-единственной сцены, сформированной самим Flash при создании документа и имеющей имя Scene 1.

Вновь созданную сцену желательно сразу же переименовать, дав ей имя, отражающее содержимое (например, Название или Фильм). Для этого достаточно дважды щелкнуть мышью на имени нужной сцены в списке панели Scene. Вместо него появится небольшое поле ввода; введем в него новое имя и нажмем клавишу < Enter> для его сохранения или клавишу <Esc> для отмены.

Есть еще один способ создания новых сцен — дублирование существующих. Для этого служит кнопка Duplicate scene, расположенная также в нижней части панели Scene:

Выделим в списке панели Scene сцену, которую нужно продублировать, и нажмем эту кнопку. Новая сцена появится позицией ниже и получит имя вида <Изначальная сцена> сору.

Мы можем перемещать сцены в списке мышью, изменяя порядок их воспроизведения. Сцены воспроизводятся последовательно, в порядке сверху вниз.

Для удаления ненужной сцены мы должны будем выделить ее и нажать кнопку Delete scene в нижней части панели Scene:

Flash выдаст предупреждение, говорящее о том, что сцена будет удалена безвозвратно. Нажмем кнопку ОК, чтобы удалить сцену, или Cancel, если мы еще не набрались решимости. Чтобы сразу же удалить ненужную сцену без вывода этого предупреждения, можно щелкнуть по кнопке Delete scene, удерживая нажатой клавишу <Ctrl>.

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

Кстати, эти же пункты-переключатели присутствуют в нижней части подменю Go to меню View.

В том же подменю Go to меню View находятся пункты, которыми мы можем пользоваться для "путешествия" по сценам. Этих пунктов четыре:

□ First — переход к самой первой сцене в списке панели Scene;

□ Previous — переход к предыдущей сцене;

□ Next — переход к следующей сцене;

□ Last — переход к последней сцене.

При воспроизведении готового фильма в среде Flash (его, как мы помним, запускает пункт Play меню Control и клавиша <Enter>) нужно иметь в виду, что по умолчанию воспроизводится только содержимое текущей сцены. Чтобы просмотреть весь фильм (в смысле, все его сцены), нужно будет сначала включить пункт-выключатель Play All Scenes меню Control.

Напротив, при воспроизведении фильма в отдельном окне (пункт Test Movie меню Control или комбинация клавиш <Ctrl>+< Enter>) фильм всегда воспроизводится полностью, со всеми сценами. (Кстати, точно так же ведет себя и проигрыватель Flash.) Если же мы пожелаем просмотреть в отдельном окне только текущую сцену, выберем пункт Test Scene меню Control или нажмем комбинацию клавиш <Ctrl>+<Alt>+<Enter>.

И еще кое-что о сценах, точнее — о необходимости их использования.

Сцены Flash — инструмент, предназначенный, в основном, только для разработчика фильмов. Сцены позволяют разделить длинный фильм на несколько частей и работать потом с этими частями по отдельности. Проигрыватель Flash, судя по всему, никак сцены не обрабатывает; более того, похоже, он вообще не знает об их существовании. Так, если мы загрузим в него файл Shockwave/Flash с фильмом, содержащим сцены, они будут воспроизведены последовательно, одна за другой.

Осталось сказать совсем немногое. А именно: нумерация кадров фильма при использовании сцен остается сквозной, проходящей через все сцены. Например, если в фильме имеются три сцены по десять кадров каждая, то первая сцена будет содержать кадры с 1 по 10, вторая — с 11 по 20, а третья — с 21 по 30. Это еще раз доказывает, что проигрыватель Flash, в отличие от самой программы Flash, даже не подозревает о существовании сцен.

Что дальше?

Вот мы и создали нашу первую анимацию в среде Flash. И была она покадровой.

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

Назад: Глава 10 Импорт графики