Как сделать эффект анимация падающих листьев (Осени)

Как сделать эффект анимация падающих листьев (Осени)

Друзья сайта:

 

 

 

В этом уроке вы научитесь создавать реалистичный эффект \ анимацию падающих лисьев, эффект осени, анимацию листопада с использованием небольшого ActionScript.

 

Для этого урока я использовал программу Macromedia Flash 8.

 

1 Создаем новый документ с нужными параметрами.

 

 

2 Импортируем в библиотеку программы изображение осеннего леса и кленового листа с прозрачным фоном.

 

 

3 Перемещаем из библиотеки программы на сцену изображение осеннего леса и выставляем его по центру, эта картина будет нашим фоном.

 

 

4 Создаем новый слой (Layer 2) и находясь на его первом кадре перемещаем на сцену изображение листка.

 

 

5 Пока наш листок все еще выбран нажимаем кнопку "F8", чтобы преобразовать его в "Movie Clip" и называем его "leaf1".

 

 

Затем еще раз нажимаем кнопку "F8" и еще раз преобразовываем его в "Movie Clip", называя его "leaf2".

 

 

6 Дважды кликаем по нашему "Movie Clp" листка, чтобы войти в него.

 

 

7 Находясь внутри ролика кликаем правой кнопкой мыши по первому кадру и из выпадающего списка выбираем "Create Motion Tween".

 

 

8 Создаем ключевой кадр на 25 кадре, нажимая кнопку "F6".

 

 

9 Идем в меню "Modify-->Transform-->Flip Horizontal".

 

 

10 Возвращаемся на главную сцену кликая по ссылке.

 

 

11 Выбираем наш мувик листка, идем в панель "Properties" и там присваиваем ему уникальное имя (идентификатор) "leaf".

 

 

12 Пока наш мувик листка все ещевыбран нажимаем кнопку "F9", чтобы открыть окно "ActionScript" и прописываем там следующий код:

 

onClipEvent(load){ speed = Math.random() 5 + 5; _x = -50; _y = Math.random() 400 + 10; } onClipEvent(enterFrame){ _y += speed; _rotation = random(5); if(this._y >= 400) { this._y = this._y-400 + Math.random() 50; this._x = 0 + Math.random() 500; } }

 

13 Создаем новый слой, называем его (ActionScript).

 

 

14 Выбираем его первый кадр, открываем окно "ActionScript" и вводим туда следующий код:

 

for(i=0;i<10;i++) { duplicateMovieClip("leaf","leaf"+i,i) setProperty("leaf"+i, _xscale, random(50)); setProperty("leaf"+i, _yscale, random(50)); setProperty("leaf"+i, _alpha, random(100)); setProperty("leaf"+i, _rotation, random(100)); }

 

На этом урок завершен, идем в верхнее меню, в пункт "Control -- Test Movie", чтобы посмотреть результат проделанной работы.

 

 

Похожие уроки:

 

Эффект \ анимация падающего снега

Эффект \ анимация дождя

 

 

Как сделать эффект анимация падающих листьев (Осени)
Анимации листья, Анимации, гифки, гиф анимации, скачать gif
Как сделать эффект анимация падающих листьев (Осени)
Листопад. Как сделать анимацию Все для фотошопа. Фотошоп
Как сделать эффект анимация падающих листьев (Осени)
Падающие листья - анимация создание actions. Обсуждение
Как сделать эффект анимация падающих листьев (Осени)
Падают листья
Как сделать эффект анимация падающих листьев (Осени)
100 лучших идей дизайна плитки в ванной комнате на фото Ремонт дома
Как сделать эффект анимация падающих листьев (Осени)
18 вариантов дизайна ногтей в бежевом цвете JamAdvice Джем Советов
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)
Как сделать эффект анимация падающих листьев (Осени)