Анимациооные эфекты в интерактивных приложениях

Анимационные эффекты в интерактивных приложениях

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

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

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

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

Web-дизайн — это творчество, причем творчество ярко выраженное. Именно в сфере web-дизайна можно полностью проявить все свои способности, ведь здесь цензором результатов вашего труда являетесь вы сами и посетители вашей странички. Никто не ограничивает вас ни в объеме, ни в содержании, ни в компоновке разрабатываемого вами ресурса, никто не загоняет вас в какие-либо жесткие рамки.

Цели создания и публикации во Всемирной сети собственного web-ресурса могут быть совершено различными:

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

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

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

Объект исследования: методы создания анимации в приложении Adobe Flash.

Предмет исследования: технологии создания flash-фильмов.

Задачи исследования:

      изучить возможности программы Adobe Flash;

      ознакомиться с методами создания анимации в программе Adobe Flash;

      разработать электронное пособие в виде видеоурока.

Цель исследования: создать учебное пособие как средство изучения способов создания анимационных эффектов при разработке учебных моделей.

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

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

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

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

Flash может создавать два типа анимации:

      анимацию движения;

      анимацию трансформации объекта.

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

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

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

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

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

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

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

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

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

Web-дизайн – вид графического дизайна, направленный на разработку и оформление объектов информационной среды Интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. Подобная трактовка отделяет Web-дизайн от Web-программирования, подчеркивает специфику предметной деятельности Web-дизайнера, позиционирует Web-дизайн как вид графического дизайна.

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

Web-дизайнер - сравнительно молодая профессия, и профессиональное образование в области Web-дизайна в России пока не распространено. В связи с увеличением спроса на Интернет, растет и спрос на дизайн сайтов, увеличивается количество Web-дизайнеров и таковым может работать человек, совершенно не связанный с дизайнерским образованием.

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

Каждый из множества кадров, составляющих фильм, занимает при хранении определенное пространство на диске. Предположим, что это пространство составляет 100 килобайт - для хранения полноцветного изображения высокого разрешения в формате JPEG этого даже маловато. Теперь предположим, что таких изображений у нас 100 000 - такой длинный у нас фильм. Умножаем 100 на 100 000 и получаем 10 000 000, т. е. примерно 10 гигабайт. (Примерно, потому что гигабайт - это не 1 000 000 000, а 1 073 741 824 байт.) Выходит, для хранения фильма нам нужен целый жесткий диск, а уж сколько для этого понадобится компакт-дисков, просто страшно подумать. Этот фильм даже на DVD не влезет!

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

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

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

Такие алгоритмы, как MPEG 4 и DivX, позволяют поместить полноразмерный фильм на обычный компакт-диск, т. е. размер сжатого с их помощью видеофайла составляет 600-720 мегабайт. Это уже вполне приемлемые параметры, учитывая объемы современных жестких дисков. Именно эти два алгоритма, как нам кажется, и совершили "компьютерно-киношную" революцию, создав высококачественное цифровое кино "для народа". То есть, сделали то, чего не удалось сделать VideoCD.

Но здесь возникает другая проблема. Сжатые сильными алгоритмами фильмы могут "осилить" только достаточно мощные компьютеры. Если вы попробуете просмотреть фильм DivX на компьютере пятилетней давности, то увидите не нормальный фильм, а слайд-шоу. Это происходит потому, что слабосильный процессор не успевает распаковывать данные и выдавать их на экран и поэтому вынужден пропускать целые кадры. К счастью, никому в голову не приходит запускать цифровое кино на старых компьютерах. А современная компьютерная техника сейчас достаточно дешева.

Как вы знаете, отдельные кадры покадровой анимации сохраняются в виде растровых изображений. В векторном виде сохранять их, вроде бы, неудобно - об этом уже говорилось. Теперь давайте предположим, что мы не вняли голосу разума и все-таки сохранили каждый кадр такой анимации в векторном виде. Далее, предположим, что мы можем описывать с помощью формул не только форму кривых и прочих графических примитивов, но и их поведение. Следовательно, мы можем изменить форму "рта", просто вызвав нужную формулу и подставив в нее нужные параметры. Что у нас получится?

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