Создание сайта

Flash анимация изображения

Поэтапное создание собственного сайта с нуля


Мультимедийная технология Flash(другие названия=Adobe Flash,Adobe Flash Professional,Macromedia Flash,применяется для создания анимации,игр,баннеров, воспроизведения на веб-страницах видео и аудио.
Включает в себя средства разработки,прежде всего Adobe Flash
Professional,а также программу для воспроизведения flash-файлов=Adobe Flash Player.

Форматом разработанных в среде Flash приложений служат SWF,FLV,а в процессе создания приложений,FLA.Экспортировать файлы можно также в форматы GIF,AVI.MOV. Язык программирования в среде Adobe Flash Professional=ActionScript 3.0.

Данная статья не предназначена для подробного изучения программы,я покажу лишь простые примеры для ознакомления возможностей. Для просмотра флэш файлов SWF,FLV в браузере должен быть установлен флэш-плагин.Вообще в связи с тем, что Flash технологии все больше используются в WEB сайтах,для комфортабельного просмотра сайтов флэш-плагины желательно установить.Internet Explorer,устанавливает
plug-in flash автоматически.

Opera,FireFox, требуют отдельной инсталляции.

Итак рассмотрим первый пример по созданию самой простой анимации.Все примеры созданы в среде Adobe Flash Professional CS5. Если на этом сайте вы не увидите анимацию значит у вас плагин не установлен.Чтобы остановить плейер щелкните сперва левой а затем правой кнопкой мыши по изображению и в открывшемся контекстном меню снимите галочку с "Воспроизвести".Для включения проигрывателя нужно поставить галочку.



Включите и посмотрите,возможно у вас не настроен браузер. Если при включении Flash файла SWF у вас появляется надпись "Отсутствует связанное приложение для данного расширения" решить проблему можно так.

В Opera включаете Настройки>>>Общие настройки>>>Расширенные>>> Загрузки,выбираете в открывшемся окне "application/x-shockwave-flash" нажимаете>>> Добавить >>>OK.У вас флэш файлы должны проигрываться. Все необходимые программы вы можете скачать с официального сайта разработчика Flash - компании Adobe. adobe.com. Посмотрим еще одну анимацию



Все примеры будут в "родном" формате Adobe Flash Professional-SWF,так как размер формата GIF больше чем SWF.Например,эта анимация в формате GIF "весит" 16 кб,а эта же анимация в SWF- 12 кб. Разница намного увеличивается с повыщением объема и сложности анимации что в сильной мере влияет на загрузку страницы и вы можете очень долго ждать пока загрузится страница.
А теперь сделаем файл посложнее-самую простую мультипликацию.



Этого ролика хватит,чтобы понять как сделать мультипликацию.
Открываем Adobe Flash Professional cs5 нажимаем меню "Файл"-Новый. В открывшемся окне выбираем пункт "ActionScript".На рисунке
показана среда разработки Adobe Flash Professional cs5,несколько похожая на Adobe Fotoshop как и все программы Adobe.



Сделаем предварительные установки.Выберем цвет фона в поле Stage,устанавливаем размеры поля разработки,в нашем случае 1000x700 пикселей,а также выбираем частоту кадров.Частота кадров кинофильма 24 кадра в секунду, телевидения 25,нам хватит 12,чтобы уменьшить размер ролика,особо не теряя качества.



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

Нарисовав дерево,включите кнопку "Free Transform Tool" на панели инструментов и измените положение и высоту дерева.Затем во временной шкале слоя,между первым и ключевым кадром,кликаем правой кнопкой мыши и создаем анимацию выбрав в контекстном меню "Create Classic Tween"



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



Что бы просматривать созданную вами графику включите в меню вкладку "Control",затем"Test Movie" и посмотрите как будет выглядеть анимация в проигрывателе.Если все правильно,так как вы хотели,то сохраняем файл.В меню "File" включаем "Publish Settings" выбираем нужный формат,достаточно SWF ,HTML, и сохраняем включив "Publish".

Затем настоятельно советую сохранить файл в формате FLA,выбрав в меню "File" "Save Ass..." этот формат.У вас будет возможность в любое время открыть этот файл в Adobe Flash Professional,если вам что-то не понравиться и вы захочете переделать анимацию,так как формат FLA это файл проекта и проект только в этом формате вы можете редактировать в Adobe Flash Professional.

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





Новые Технологии



Наверх