Создание анимационного флеш-ролика на тему: «Реклама велосипеда»

Анимация (от англ. animation — одушевление, от лат. animare — оживить) — вид киноискусства, произведения которого создаются путем покадровой съемки отдельных рисунков. Исходя из психофизиологических особенностей человеческого в визуального восприятия для создания эффекта плавного движения скорость смены кадров должна быть не менее 18 кадров в секунду. В современном кинематографе используется стандарт в 24 кадра в секунду. Во flash-анимации используют стандарт 12 кадров в секунду — это норма для лимитированной (более дешевой) мультипликации.

Adobe Flash — это профессиональный программный продукт, в первую очередь ориентированный на создание интерактивной анимации для World Wide Web. С помощью Adobe Flash можно создать анимационные логотипы, средства навигации для web-сайта, игры, ролик-заставку, баннер и даже web-сайт полностью, а также многое другое.

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

По умолчанию программа Flash отображает строку меню, шкалу времени Timeline, сцену, палитру Tools (Инструменты), панель Properties (Свойства) и несколько других палитр. Поскольку мы работаем в программе Flash, вы можете открывать, закрывать, пристыковывать, отстыковывать и перемещать панели по экрану. Чтобы возвратиться к заданному по умолчанию рабочему окну, выберите команду Classic (классическая) из подменю Workspace (Рабочее окно) меню Window (Окно) непосредственно над окном сценой.

Чтобы видеть рабочую область вокруг сцены, используем инструмент Zoom (Масштаб) для уменьшения окна или выбираем команду меню View ¦ Pasteboard (Вид ¦ Монтажный стол).

Чтобы масштабировать сцену так, чтобы она полностью соответствовала окну приложения, выбираем команду меню View ¦ Magnification ¦ Fit in Window (Вид ¦ Увеличение ¦ Подогнать к окну).

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

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

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

Новый документ Flash содержит только один слой, нам нужно добавить несколько слоев. Всегда имеет смысл называть каждый слой, указав его содержание, чтобы можно легко найти слой, который понадобится позже. Добавим слой на шкале времени Timeline, на котором будет содержаться изображение дороги, которое будет служить фоном. Выбираем слой Фон на шкале времени Timeline.

Выберем команду меню Insert ¦ Timeline ¦ Layer (Вставить ¦ Шкала времени ¦ Слой). Между слоями Labels и Mask появляется новый слой.

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

Ключевой кадр показывает изменение в содержимом сцены. Мы вставим ключевой кадр в слой Фон там, где хотим, чтобы картинка появилась впервые.

Выберем кадр 18 в слое Фон. При выборе кадра программа Flash отображает номер кадра под шкалой времени Timeline.

Выберем команду меню Insert ¦ Timeline ¦ Keyframe (Вставить ¦ Шкала времени ¦ Ключевой кадр).

Чтобы открыть любую панель в программе Flash, используем меню Window (Окно), а затем выбираем название панели из открывшегося меню.

По умолчанию панель Properties (Свойства), панель Filters (Фильтры) и панель Parameters (Параметры) появляются вместе в нижней части экрана, шкала времени Timeline (Шкала времени) — в верхней части, а панель Tools (Инструменты) находится на левой стороне экрана. Большая часть других панелей отображается на правой стороне экрана.

Выбирая инструмент, меняются настройки, имеющиеся в нижней части панели инструментов. Например, когда выбираем инструмент рисования, возникают кнопки Object Drawing (Рисование объектов) и Snap То Objects (Привязка к объектам). Когда выбираем инструмент Zoom Tool (Масштаб) появляются настройки Enlarge (Увеличить) и Reduce (Уменьшить).

Сначала делаем увеличение, чтобы видеть элеенты нарисованного колеса более ясно. Выбераем инструмент Zoom Tool (Масштаб) в панели инструментов. Выбераем значок Enlarge (Увеличить) в области настроек панели инструментов. Щелкаем мышью на колесе, чтобы увеличить его на экране.

Панель инструментов содержит слишком много инструментальных средств, чтобы можно было отобразить их все сразу. Некоторые инструменты размещаются в группах панели инструментов; отображается только последний инструмент, выбранный из группы. Если есть маленький треугольник в нижнем правом углу кнопки инструмента, в группе имеются другие инструменты. Щелкнем мышью и удерживаем значок для видимого инструмента, чтобы видеть другие доступные инструменты, а затем выбираем один из открывающегося меню.

Использовать инструмент Oval Tool (Овал), чтобы нарисовать колеса для велосипеда.

Выбираем слой Фон на шкале времени Timeline, а затем щелкаем мышью на значке Insert Layer (Вставить слой). Называем новый слой Велосипед.

Блокируем слой Фон, чтобы вы случайно на него что-либо не переместили. В шкале времени Timeline переместите индикатор текущего времени в кадр 293. последний в фильме, и выберите кадр 293 в слое Фон.

Щелкаем мышью и удерживаем инструмент Rectangle Tool (Прямоугольник) в панели инструментов, а затем выбираем инструмент Oval Tool (Овал) из открывающегося меню.

Щелкаем мышью на значке Stroke Color (Цвет обводки) в области настроек панели инструментов. Откроется палитра Adobe Color Picker (Выбор цвета Adobe).

Выбираем черный цвет в палитре Adobe Color Picker (Выбор цвета Adobe).

Щелкаем мышью на значке Fill Color (Цвет заливки) в области настроек панели инструментов. Снова откроется палитра Adobe Color Picker (Выбор цвета Adobe).

Выбираем отсутствие цвета в палитре Adobe Color Picker (Выбор цвета Adobe).

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

Выберем инструмент Selection Tool (Выделение) а затем выберем овал. В панели Properties (Свойства) изменим значения ширины и высоты на 101 так, чтобы овал, который вы рисовали, точно соответствовал кругу. Выберите овал и затем используйте клавиши управления курсором на вашей клавиатуре, чтобы подтолкнуть круг на место.

В панели Properties (Свойства) измените настройку Stroke Height (Толщина обводки) на 4.