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

1) Для примера нам понадобятся фотографии. Скачать их можно здесь

2) Открываем новый документ в программе Flash MX со следующими параметрами: размер - 400Х305 пикс; цвет фона - белый; частота кадров - 38 кадр/c.

3) Переименуем слой Layer 1 в img1 (двойной клик по названию Layer 1) OK.

4) Импортируем наши фотографии в библиотеку. Файл - Импорт - Импортировать в библиотеку (File > Import > Import to Library). Теперь если мы нажмем Ctrl+L , мы увидим с правой стороны окно Библиотека, куда загрузились 4 исходных изображения.

рис.1

5) Перетаскиваем из библиотеки на рабочий документ картинку img1. Нажмем сочетание Ctrl+K, появилось окно "Выравнивание" при помощи которого выравняем нашу картинку по центру, по горизонтали и вертикали. При этом изображение должно быть выделено (клавиша V)

рис.2

6)  Конвертируем в символ (клавиша F8) сохраняем под именем img1_mc как фрагмент ролика.

рис.3

7) На 15, 30 и 45-ом кадре слоя img1 нажимаем F6 (создать ключевой кадр)

8)  Останемся на 45-ом кадре, выделяем изображение (V) и переходим на Панель свойств(Ctrl+F3), вкладка Фильтры, жмем плюс (добавить фильтр) и добавляем Размытие (Blur) . Настройка фильтра - рисунок 4.

рис.4

9) Оставаясь на 45-ом кадре, добавим еще один фильтр (клик по плюсику) Настроить цвет(Adjus Color) и изменим всего один параметр Контраст, поставим 100

рис.5

10) Перейдем на 1-ый кадр слоя img1 и повторим предыдущие два шага с добавлением фильтров (размытие, настроить цвет)

11) Теперь поочередно, между 1-15-ым, 15-30 и 30-45-ым кадрами жмем правой кнопкой мыши и выбираем Создать анимацию движения (Create Motion Tween)

рис.6

12)  Над слоем img1 создадим новый слой и назовем его img2. Переходим на 40 кадр этого слоя, нажимаем F6 (создать ключевой кадр) и перетаскиваем из библиотеки картинку img2. Для неё повторяем шаги 5 и 6 (выравнивание, конвертировать в символ с именем img2_mc)

13) На 55, 70 и 85-ом кадре слоя img2 создаем ключевые кадры (F6)

14) На 85-ом кадре этого слоя в Панели свойств (вкладка Фильтры) повторяем шаги 8 и 9 (размытие, настроить цвет), тоже повторяем на 40-ом кадре.

15) Между 40-55, 55-70, и 70-85 создаем анимацию движения (шаг 11)

16) Аналогичные шаги делаем и для img3, повторив полный цикл начиная с 80-ого кадра. Тоже самое сделаем и для img4, начиная со 120-ого кадра, соответственно слоя img4.

17) Нажимаем Ctrl+Enter и смотрим flash-ролик.

 

 

 

На главную