В данном примере будем использовать только стандартные возможности программы Flash MX. Для урока нам понадобятся исходные фото. Скачать их можно здесь Конечно вы можете использовать свои.

 В качестве заднего плана используем красивый пейзаж:

 

 

 1) Создадим новый флэш документ. Откроем свойства документа (Ctrl+J) и установим следующее: (ширина/высота) 450Х400 пикс; частота кадров (movie's frame rate to) - 32, цвет заднего плана - по умолчанию (будем использовать фото с пейзажем).

2) Переименуем слой Layer 1 (двойной клик по имени) как background. Выберем в верхнем меню Файл > Импорт в рабочую область(File > Import > Import to Stage) и открываем фото с пейзажем.

3) Выравняем его по центру (Ctrl+K). Не хочется повторять это в сотый раз, надеюсь вам известно как это делать. Выравниваем по горизонтали и вертикали.

 

 рис.1

 

4) Создадим новый слой над слоем background и назовем его mask window. Выделяем на панели иструментов Прямоугольник (R) и создаем прямоугольную форму по центру рабочего документа (на слое mask window) размером примерно 280х180 пикс. Пока наш прямоугольник выделен жмем F8 (Конвертировать в символ). Даем название rectangle shape, Тип - Графика.

 

рис.2

 

5) Также выравниваем прямоугольник (разумеется он должен быть выделен) как в шаге 3.

6)  Создаем новый слой над слоем background и назовем его photo 1

7) Импортируем исходные фото из папки  Photos в библиотеку (File > Import > Import to Library). Мы их сможем наблюдать, нажав Ctrl+L

 

рис.3

 

8)  Нажмем V и перетащим из библиотеки photo 1 в рабочую область (активен слой photo 1). Пока photo 1 остается выделен жмем F8. Даем имя photo_mc; Тип - Фрагмент ролика(Movie Clip Symbol)

 

рис.4

 

9)  На 40, 60 и 70 кадре слоя photo 1 нажимаем F6 (создать ключевые кадры)

10) Вернемся на первый кадр этого слоя и переместим photo 1 в правый верхний угол . Рисунок 5.

 

рис.5

 

11)  Перейдем на 40-ой кадр и переместим фото как на рисунке 6.

 

рис.6

 

12) На 50-ом кадре еще смещаем:

 

рис.7

 

13)  И на 70-ом кадре последнее перемещение как на рисунке 8.

 

рис.8

 

14) Оставшись на 70-ом кадре и выделив фото (V), применим к нему фильтр. Жмем Ctrl+F3 и на панели свойств откроем закладку Фильтры. Клик по плюсу и используем фильтр Размытие(Blur) со следующими настройками:

 

рис.9

 

15) Перейдя на закладку Свойства, там где Цвет, сделаем Alpha=0%

 

рис.10

 

16)  Между 1-40, 40-60 и 60-70 кадрами этого слоя кликнем правой кнопкой мыши и применим Создать анимацию движения (Create Motion Tween). 

 

17)  Аналогично поступаем с остальными фото из библиотеки, т.е.: создаем новый слой, перемещаем фото из библиотеки, конвертируем в символ, создаем ключевые кадры, перемещаем фото, применяем фильтр, создаем анимацию движения. Все эти новые слои должны находиться между слоем background и mask window. Если что-то не понятно в папке есть рабочий файл в формате fla

18)  Завершающий шаг. Перейдем на слой mask window и кликнув правой кнопкой мышки по названию, выберем Маска

 

 рис.11

 

Нажмем Ctrl+Enter и посмотрим результат. Ролик можно посмотреть здесь

 

 

Главная