«Создание анимационных эффектов в Macromedia Flash».

Введение 

Adobe Flash (ранее Macromedia Flash), или просто Flash (/flæʃ/, по-русски часто пишут флеш или флэш) — мультимедийная платформа компании Adobe для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей.. В современном мире анимация занимают важное место, оказывая влияние на развитие различных областей ее применения. Анимация предоставляет своим создателям широкие возможности в экспериментах, связанных с поиском новой художественной образности, с созданием новых и соединением уже исследованных разнообразных техник, с применением новейших достижений науки. Возрастающее число анимационных лент, выходящих в прокат, анимационных роликов, появляющихся в цифровых сетях и на телевидении. Adobe Flash позволяет работать с векторной, растровой и ограниченно с трёхмерной графикой, а также поддерживает двунаправленную потоковую трансляцию аудио и видео. Для КПК и других мобильных устройств выпущена специальная «облегчённая» версия платформы Flash Lite, чья функциональность ограничена в расчёте на возможности мобильных устройств и их операционных систем. 

1.История Macromedia Flash

Технология векторного морфинга применялась задолго до Flash. В 1986 году была выпущена программа Fantavision, которая использовала эту технологию. В 1991 году на этой технологии была выпущена игра Another World, а двумя годами позже — Flashback.

Разработка Flash была начата компанией FutureWave, создавшей пакет анимации FutureSplash Animator. В 1996 году FutureWave была приобретена компанией Macromedia, которая переименовала FutureSplash Animator в Flash. Под этим наименованием платформа продолжает развиваться и поныне (хотя после того, как в 2005 году компания Macromedia была поглощена Adobe, Macromedia Flash стал официально называться Adobe Flash).

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

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

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

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

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

5. Использование слоёв, для разбиения перекрывающихся объектов клипа.

6. Сокращение числа различных шрифтов и стилей, путём преобразования их в объекты векторной графики.

7. Применение звукового формата mp3, как самого высококачественного и экономного музыкального формата.

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

9. Применение сценариев вплоть до вставка их в отдельные кадры фильма.

10. Возможность сгруппировывать объекты на различных слоях.

11. Использование встроенных инструментов для изменения цветовых эффектов одного и того же объекта.

12. Использование единой палитры web-safe, во избежание расхождений с цветами браузеров.

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

2.Технологии

Flash Player представляет собой виртуальную машину на которой выполняется загруженный из Интернета код flash-программы.

В основе анимации во Flash лежит векторный морфинг, то есть плавное «перетекание» одного ключевого кадра в другой. Это позволяет делать сложные мультипликационные сцены, задавая лишь несколько ключевых кадров. Производительность Flash Player при воспроизведении анимации в несколько раз превышает производительность виртуальной машины Javascript в браузерах, поддерживающих предварительный стандарт HTML5 [3], хотя во много раз уступает приложениям, работающим вообще без использования виртуальных машин.

Flash использует язык программирования ActionScript, основанный на ECMAScript.

1 мая 2008 г. компания Adobe объявила о начале проекта Open Screen Project ([2]). Цель проекта - создание общего программного интерфейса для персонального компьютера, мобильных устройств и бытовой электроники, что означает одинаковое функционирование одного приложения под всеми перечисленными видами устройств. В рамках проекта:

Снимаются ограничения на использование спецификаций SWF и FLV/F4V.

Публикуются API для портирования Adobe Flash Player на различные устройства.

Публикуются протоколы Adobe Flash® Cast™ и AMF для сервисов данных.

Упраздняются платные лицензии для Adobe Flash Player и Adobe AIR на устройствах. Ближайший их релиз будет бесплатным.

В поддержку проекта и распространение платформы Flash на мобильных устройствах на данный момент выступило 58 компаний, среди которых AMD, ARM, Google, HTC, Intel, Motorola, Nokia, NVIDIA, QNX, Sony Ericsson и др.

Flash Player портирован на мобильную платформу Android, выпущены мобильные устройства с аппаратным ускорением flash-приложений (включая AIR-приложения).

Некоторые производители ПО для мобильных устройств пытаются заменить или ограничить распространение Flash на свои новые мобильные платформы:

Apple на HTML5 для iPhone и iPad

Microsoft на Silverlight для Windows Phone 7

Oracle на JavaFX

3. 3D-движки

Существуют 3D движки, использующие в качестве основы Flash:

Papervision3D (англ.) Самый известный Open Source движок. Векторная прорисовка по треугольникам.

Away3D (англ.) — создан Александром Задорожным из Киева на основе проекта Papervision3D. В данный момент — ведущий Open Source движок. Также векторная прорисовка.

Sandy (англ.) — в использовании ещё проще, чем Papervision3D. Open Source. Также векторная прорисовка.

FFilmation AS3 Flash Isometric Engine (англ.) — Изометрический движок. Open Source.

Infinity 3D Engine — движок с динамическим BSP [4]. Разрабатывается энтузиастом из Санкт-Петербурга Алексеем Романовым.

Игровая платформа Alternativa Platform — Платформа для трёхмерных игр, разрабатываемая группой из Перми. За флеш отвечает Антон Волков. Векторная прорисовка по треугольникам. На данной платформе создана игра Танки Онлайн.

ZenBullets Flash Isometric 3D Game Engine — изометрическая игровая платформа.

Скорость работы перечисленных движков зависит от используемой версии Flash Player, но в целом пока не высока, что связано с недостаточной поддержкой аппаратного ускорения. Аппаратное ускорение отсутствовало в ранних версиях вообще, что требовало полной программной эмуляции аппаратного рендеринга. В версии Flash Player 10 некоторая поддержка аппаратного ускорения введена, что привело к повышению скорости работы тех движков, которые задействовали данные нововведения. Сейчас компания Adobe сотрудничает с компанией NVIDIA в вопросах поддержки аппаратного ускорения обработки графики и видео [5]. В следующей (11) версии Flash будет полная аппаратная поддержка графики[6].

3.Недостатки

Основной недостаток flash-приложений — чрезмерная нагрузка на центральный процессор, связанная с неэффективностью виртуальной машины Flash Player. Хотя следует отметить, что в некоторых случаях имеет место и недостаточная оптимизация flash-приложений их разработчиками, использование так называемых «генераторов» flash-приложений.

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

Ещё один недостаток, характерный для всех виртуальных машин, заключается в том, что не всегда есть возможность запустить flash-приложение, либо это связано с некоторыми трудностями. Например, некоторые пользователи или администраторы отключают в настройках браузеров flash-контент, что связано с экономией системных ресурсов, избавлением от надоевшей рекламы и информационной безопасностью (например, была обнаружена угроза перехвата flash-приложением содержимого буфера обмена[7]). Этот недостаток делает технологию Flash менее универсальной и ограничивает её применение в веб-приложениях критической важности.

Четвёртый важный недостаток заключается в том, что использование Flash для размещения текстовой информации затрудняет её индексирование поисковыми системами. И хотя в принципе определённая система индексирования текста внутри swf-файлов была создана и внедрена Google и Yahoo ещё в 2008 году, но доля сайтов, целиком созданных на Flash, остаётся небольшой.

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

Как редактор, Adobe Flash CS5 не может конвертировать созданные в нём векторные изображения в форматы другого типа: .ai или .cdr, что было бы крайне полезным.

4.Способы создания анимации

Macromedia Flash MX 2004 предоставляет несколько способов создания анимационных последовательностей:

• анимационные эффекты — программа сама создает последовательность кадров, имитирующую тот или иной эффект применительно к некоторому объекту;

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

• автоматическая tweened-анимация, или анимация трансформации, — пользователь задает начальный и конечный кадр, а программа сама создает промежуточные кадры на основе программной интерполяции.

Анимационные эффекты

Flash MX 2004 включает предварительно подготовленные анимационные эффекты (timeline-эффекты), которые позволяют создавать сложные анимации, используя минимальное количество действий. Вы можете применять функцию Timeline Еffects к следующим объектам:

• текст;

• графические объекты, включая формы, сгруппированные объекты и графические символы;

• растровые изображения;

• кнопки.

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

В качестве примера создадим эффект «взрыв» применительно к тексту. Для этого напечатаем некоторую фразу или слово (рис. 1), выделим его с помощью инструмента Arrow и выполним команду Insert = Timeline Effects = Effects = Explode.

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

Рис. 2. Панель Explode

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

Аналогично эффекты можно применить к растровому изображению. Рассмотрим пример с плавным исчезновением растровой картинки. Импортируем растровое изображение на сцену по команде File = Import = Import to stage (рис. 3) и применим эффект Вlur по команде Insert = Timeline Effects = Effects = Blur. В результате получим следующий ролик.

Рис. 3. Растровое изображение, импортированное на сцену

Для того чтобы отредактировать анимационный эффект, выделите на сцене объект, ассоциированный с эффектом, и в появившемся окне Properties нажмите кнопку Edit (рис. 4) — в результате появится панель Blur.

Рис. 4. Кнопка Edit находится внизу на панели Properties

В панели Blur можно вновь поменять параметры эффекта и сохранить новые настройки (рис. 5).

Рис. 5. Панель Blur позволяет поменять настройки эффекта

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

Рассмотрим простейший пример — листочек перемещается из одной точки экрана в другую с поворотом вокруг своей оси.

Рис. 6. Первый ключевой кадр анимации

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

Рис. 7. Второй кадр создадим перетаскиванием и трансформацией первого

Затем щелкнем правой кнопкой мыши по соседнему кадру и вставим еще один ключевой кадр, используя команду Insert Keyframe. В результате в этом кадре появится копия листочка; переместим ее вниз (пользуясь инструментом Arrow) и повернем, используя команду Modify = Transform = Free Transform (рис. 7).

Повторим процедуру таким образом, чтобы в 6-м кадре лист занимал конечное положение (рис. 8).

Рис. 8. Последний кадр анимации

Обратите внимание на панель Properties (рис. 8) — в левой ее части указывается тип объекта. В каждом кадре листок является объектом типа Shape (форма), о других типах объектов будет рассказано чуть позже.

Для того чтобы экспортировать фильм в виде SEF-файла (родной формат Macromedia для Flash-фильмов), выполним команду File = Export = Export Movie. В результате получим следующий фильм (исходник к данному фильму находится в прилагаемом файле leave1.fla). Просмотреть получившийся фильм можно не покидая программы Flash по команде Control = Test Movie. Причем для того, чтобы просмотреть, какой объем занимают отдельные кадры фильма, следует выполнить команду . В результате мы увидим, что каждый из шести кадров занимает около 600 Кбайт (рис. 9). Таким образом, объем всего фильма составляет 3686 байт.

Рис. 9. Просмотр фильма в режиме Bandwidth Profiler

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

Заключение

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