Уроки Flash: Падающие с дерева листья

Источник: demiart
Gal4onok

С помощью этого урока вы узнаете как создать анимацию листопада, используя скрипты и невидимую кнопку в Flash 8.

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

Шаг 1. Создайте новый документ и установите размеры: 300х250px . Количество кадров в секунду - 12 ftps

Шаг 2.

Двойной щелчок по названию первого слоя - переименуйте его в tree

Шаг 3

Теперь загрузите картинку с деревом.

урок. Падающие с дерева листья *

Шаг 4.

Создайте новый слой и назовите его leaf

Шаг 5.
Используя инструменты рисования во Flash нарисуйте листок как на картинке ниже

урок. Падающие с дерева листья *

Шаг 6.
Выделите листик и поместите его где-нибудь на дереве

урок. Падающие с дерева листья *

Шаг 7.
Не снимая выделения нажмите F8 ( Convert to Symbol ) создайте мувиклип Movie Clip

урок. Падающие с дерева листья *

Шаг 8.
Двойной щелчок по только что созданному мувику или щелкните по нему правой кнопкой и в появившемся меню выберите Edit in Place .

Шаг 9.
Выделите листик и нажмите F8 - создайте символ Graphic .

урок. Падающие с дерева листья *

Шаг 10
Нажмите на первый кадр на временной и удерживая его перетяните кадр во второй (см. рисунок ниже)

урок. Падающие с дерева листья *

Шаг 11
Перейдите на 30 кадр и нажмите F6. Теперь перетащите листик как показано на рисунке ниже:

урок. Падающие с дерева листья *

шаг 12
Выделите 2 кадр, и на панели Properties в меню Tween выберите Motion .

Шаг 13
Создайте новый слой и назовите его Invisible Button . Затем щелкните по первому кадру и создайте в нем невидимую кнопку и переместите ее на тоже место, что и листик на втором кадре.
После этого выделите невидимую кнопку, откройте панель Action Script Panel (F9), и вставьте следующий скрипт:

CODE
on (rollOver) {
gotoAndPlay(2);
}

Шаг 14
Создайте новый слой, назовите его AS. Щелкните по первому кадру, откройте панель Action Script и вставьте следующее:

CODE
stop();

Шаг 15
Щелкните по 30 кадру слоя AS и нажмите F6. Затем панели Action Script напишите:

CODE
gotoAndStop(1);

урок. Падающие с дерева листья *

Шаг 16.
Повторите данный процесс для каждого листика.

Вот и всё, готово!


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=10100