Тема 1. Знакомство с Flash

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

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

Технология Flash позволяет

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

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

• увеличивается размер Web-страницы, что часто неоправданно;
• при проигрывании Flash-роликов сильно загружается процессор;
• содержание Flash-роликов не доступно для поисковых систем;
• не решена проблема анимации объемных фигур.

История Flash началась в 1996 году, когда компания Macromedia выпустила продукт под названием Flash. В 2005 г. фирма Adobe купила Macromedia вместе с ее продуктами, включая Flash. Последняя на сегодняшний день версия программы называется Adobe Flash 9 (CS3). На рисунке слева показан логотип Flash фирмы Macromedia, а справа — новый логотип фирмы Adobe.

Macromedia Flash	Adobe Flash

Далее мы будем рассматривать версию Adobe Flash 9 (CS3), однако практически все описанные приемы работают и в версии Macromedia Flash 8. Главная новинка версии 9 — язык создания сценариев ActionScript 3.0, но он непрост для начального уровня и мы не будем его изучать.

С технологией Flash связано несколько форматов файлов. Наиболее известны три из них.

• Файлы с расширением .FLA (FLash Animation) — это исходные файлы Flash-роликов, их можно редактировать. Для размещения в Интернете их надо «опубликовать», превратив в SWF-файл.
• Файлы с расширением .SWF (ShockWave Flash) готовы к размещению в Интернете. Их нельзя изменить в редакторе. Существующие программы для преобразования SWF-файлов в FLA-файлы не позволяют полностью восстановить исходный файл ролика. Кроме того, такое преобразование нарушает права автора.
• Файлы с расширением .FLV (FLash Video) представляют собой видеоролики, которые можно проигрывать на Web-страницах с помощью специального Flash-проигрывателя.

После запуска программы на экране появляется стартовое меню.

В нем три колонки?

• Open a Recent Item — открыть один из последних документов. Вариант  Open... позволяет выбрать файл на диске.
• Create New — создать новый документ. Мы будем создавать документы типа Flash File (ActionScript 2.0) — анимацию с поддержкой языка программирования ActionScript 2.0.
• Create from Template — создать документ стандартного типа из шаблона, например, рекламный баннер (Advertising).

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

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

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

• размер поля (Size) — 550 на 400 пикселей;
• цвет фона (Background) — черный;
• скорость проигрывания (Frame rate) — число кадров, которые сменяются за 1 секунду (fps = frames per second).

Слева от сцены расположена панель инструментов, которая содержит инструменты для рисования, выделения и изменения свойств векторных фигур. Справа находятся дополнительные панели: библиотека объектов (Library), выбор цвета (Color) и другие.

Границы между панелями можно перетаскивать мышкой. Нажав кнопку F4, можно максимально освободить место для сцены, убрав все панели. Повторное нажатие F4 восстанавливает стандартный режим.

Над сценой расположена временная шкала (Timeline). Числа над шкалой обозначают номера кадров (в этом фильме 40 рабочих кадров).

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

Некоторые кадры отмечены точками . Они называются ключевыми — в них происходят существенные изменения. В остальных кадрах (промежуточных) изображение не меняется или строится программой автоматически. Например, здесь ключевыми являются 1-ый и 40-ой кадры (начальное и конечное положения ракеты), все кадры между ними — промежуточные, путь ракеты рассчитан автоматически.

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

На временной шкале может быть несколько линеек с кадрами. Это значит, что в фильме есть несколько слоев. Для каждого слоя может строиться собственная анимация. Удобно каждый объект размещать на своем слое. Имена слоев показаны слева от временной шкалы. В данном документе есть всего один слой Layer 1.

Программа позволяет открывать одновременно несколько файлов. Их имена видны на ярлычках над временной шкалой:

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

Для быстрого просмотра фильма «на месте» можно нажать клавишу Enter, однако при этом не все эффекты анимации будут работать.

Для того, чтобы просмотреть фильма со всеми эффектами, надо нажать Ctrl+Enter или выбрать пункт меню Control — Test movie. При этом фильм откроется в отдельном окне.

Небольшое окно над правым верхним углом сцены показывает масштаб изображения. Вариант Show Frame регулирует размеры так, чтобы все объекты данного кадра были видны, при выборе Fit in Window сцена «вписывается» в оставшееся свободное место при каждом изменении размеров окна. Show All означает «показать все объекты».

Изменить масштаб можно также с помощью меню View — Magnification или включив инструмент Zoom (Масштаб) на панели инструментов. При использовании инструмента Zoom щелчок мышью приводит к увеличению изображения в 2 раза, центр видимой части перемещается в точку щелчка. Для уменьшения изображения надо при щелчке удерживать клавишу Alt.

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

Публикация — это сохранение фильма в формате SWF и создание Web-страницы (файла на языке HTML), в которую встроен наш ролик.

Экспортом называется сохранение фильма в каком-либо другом формате, который не является «родным» для среды Flash. Для экспорта фильма надо выбрать пункт меню File—Export—Export Movie. После этого появится диалоговое окно сохранения файла. В поле Тип файла нужно установить нужный формат и ввести имя файла (или оставить имя по умолчанию). На экран будет выведено окно с параметрами сохранения (здесь можно поменять размер окна и установить желаемое качество).

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

1. Справочник по Flash CS3 (рус.)
2. Документация (англ.)
3. Уроки по Flash от Adobe (англ.)
4. Видеоуроки от Adobe (англ.)
5. Центр разработчиков Flash (англ.)

1. www.vtutorial.com (англ.)
2. leaders.creativecow.net (англ.)
3. movielibrary.lynda.com (англ.)
4. www.cartoonsmart.com (англ.)
5. www.video-tutes.com (англ.)
6. www.vtc.com (англ.)
7. www.softwaretrainingtutorials.com (англ.)
8. www.learnwebdevelopment.com (англ.)

1. www.toxiclab.org (англ.)
2. education.sdsc.edu (англ.)
3. www.peachpit.com (англ.)
4. www.lukamaras.com (англ.)
5. www.kirupa.com (англ.)
6. www.flashadvisor.com (англ.)
7. www.good-tutorials.com (англ.)
8. www.layersmagazine.com (англ.)
9. www.flashvault.net (англ.)
10. www.flashfridge.com (англ.)
11. www.learnflash.com (англ.)
12. www.flashtexteffects.com (англ.)
13. www.developingwebs.net (англ.)
14. animation.about.com (англ.)
15. www.cgtutorials.com (англ.)
16. www.cbtcafe.com (англ.)
17. wandl.ru (рус.)
18. www.tutorial-center.com (англ.)
19. cs3-tutorials.com (англ.)
20. tanguay.info (англ.)

1. www.flasher.ru — клуб Flash-мастеров, форум
2. flashdocs.net — статьи, уроки, примеры по Flash
3. somit.ru — сайт Flash для всех, создание интерактивных учебных моделей по физике
4. www.rastyle.com — статьи и уроки по Flash
5. noregret.org — статьи о Flash
6. actionscript.com.ua — статьи, книги, форум, новости
7. etcs.ru — записки о Flash (блог)
8. black-zorro.com — авторские материалы по Flash и не только
9. flash-ripper.com — блог «флэш-потрошителя» (статьи, новости мира Flash)
10. flash.demiart.ru — уроки и форум по Flash
11. www.web-planets.narod.ru — учебник по ActionScript

1. www.actionscript.org — наиболее известный зарубежный сайт по ActionScript (англ.)
2. www.senocular.com — коллекция уроков и примеров по Flash и ActionScript (англ.)
3. www.robertpenner.com — cайт Роберта Пеннера, автора книги «Программирование во Flash MX» (англ.)
4. www.web-planets.narod.ru — учебник по ActionScript (рус.)
5. actionscript.com.ua — статьи, книги, форум, новости (рус.)

1. oos.moxiecode.com — сайт, посвященный разработке Flash-игр (англ.)
2. noregret.org — базовые алгоритмы определения столкновений (рус.)
3. flash-doc.ru — руководство по созданию Flash-игр (рус.)