Создание интерактивной анимации в Macromedia Flash

Размещено на http://www.allbest.ru/

Создание интерактивной анимации в Macromedia Flash

Антон Краснояров, студент 1 курса

Бурятский филиал МЭСИ

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

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

В настоящее время существует несколько технологий создания анимации для www: gif, Flash, Java и JavaScript

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

интерактивный анимация macromedia flash

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

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

Расчётная анимация может быть реализована двумя способами: анимация формы -- Tween Shape и анимация движения -- Tween Motion

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

Основные правила маркировки кадров в палитре Timeline

· Пустые кадры изображаются на белом фоне. Пустые ключевые кадры содержат пустые кружочки.

· Кадры, в которых имеются какие-то «персонажи» (например, вы сделали один мазок кистью) изображаются на сером фоне. Ключевые кадры содержат чёрные кружочки.

· Кадры, в которых организована промежуточная анимация движения -- Tween Motion, изображаются на сиреневом фоне. Ключевые кадры содержат чёрные кружочки, а через промежуточные (неключевые), проходит чёрная стрелка.

· Кадры, в которых организована промежуточная анимация формы -- Tween Shape, изображаются на зелёном фоне. Ключевые кадры содержат чёрные кружочки, а через промежуточные (неключевые) проходит чёрная стрелка.

Если по каким-либо причинам промежуточная анимация не может быть сформирована (например, отсутствует необходимый ключевой кадр), то вместо стрелки по промежуточным кадрам будет проходить пунктирная линия. Цвет фона при этом будет соответствовать типу предполагаемой анимации!Размещено на http://www.allbest.ru/

· Строчная буква a показывает, что с данным кадром сопоставлены какие-то действия. Например, кадру может быть прописана акция, которая будет определять, предоставить ли пользователю возможность использовать меню Flash-плеера или нет. Акцию можно прописать только ключевому кадру!

· Красный флажок указывает, что кадр содержит метку. Метку может содержать только ключевой кадр!

· Зелёные косые чёрточки «//» отмечают наличие комментария. Ключевой кадр может содержать либо метку, либо комментарий (одно из двух!).

Частота кадров (fps -- frame-per-second -- кадров в секунду)

Стандартная частота кадров в профессиональном кинематографе составляет 24 кадра в секунду. В любительском кинематографе 16 кадров в секунду. Частота смены кадров на экране телевизора, для принятого в России стандарта составляет 25 кадров в секунду. Flash устанавливает по умолчанию 12 кадров в секунду, это наилучшая установка для Internet. При желании можно изменить это значение, воспользовавшись палитрой Properties.

Уменьшение частоты кадров позволяет получить эффект замедленного движения. Увеличение частоты кадров позволяет получить эффект ускоренного движения, при этом объекты могут «размазываться» из-за слишком быстрого движения.

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

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

Итак, создаём новый слой, и рисуем в первом кадре этого слоя очаровательного пушистого котёнка. Для того чтобы создать ещё один ключевой кадр, щёлкните правой кнопкой мыши и в появившемся меню выберите пункт Insert Keyframe (вставить ключевой кадр) или нажмите клавишу F6. Обратите внимание, что второй кадр полностью дублирует первый. Измените содержание второго кадра в соответствии с требованиями вашей анимации…

Работа со звуком

Flash проигрывает звук несколькими способами. Он воспроизводится независимо от времени либо с синхронизацией анимации со звуковой дорожкой. Существует также возможность изменять уровень звука для каждого канала и применять эффект плавного увеличения и уменьшения громкости. Итак, Flash использует два типа звуков - связанный с событием (event sounds) и потоковый (stream sounds). Их главное различие в том, что первый должен полностью загрузиться, а второй начинает воспроизводиться по мере того, как будет получен достаточный объем данных, необходимый для синхронизации с первыми несколькими кадрами. Flash импортирует звуковые файлы в формате AIFF, WAV и MP3.

В своей работе я использовал готовые анимационные картинки, импортировал их в библиотеку и создал события кадров. Чтобы озвучить ролик, предварительно записал звуковой файл Звук.way с помощью стандартного приложения Звукозапись, создал новый слой и импортировал созданный файл в ролик. В процессе выполнения импортирования любой из этих элементов обязательно помещается в библиотеку ролика, и, следовательно, может быть многократно использован как в этом ролике, так и в каком-нибудь другом. В библиотеке моего совсем небольшого ролика 25 элементов.

Размещено на Allbest.ru