Поиск по сайту
Дизайнерский форум
Рассылка
Наша кнопка
Мы рекомендуем
|
Простой флэш-прелоадер
Шаг 1
Нарисуйте прямоугольник без граничных линий. Если она у вас еще не открыта, откройте панель Color Mixer. Кликните мышкой на прямоугольник, в панели Color Mixer и выберите linear из выпадающего меню. Создайте градиент, чтобы ваш прямоугольник был закрашен вот так:
Шаг 2
Сделайте прямоугольник MovieClip, выбрав его и нажав F8. Назовите его «bar», а тип выберите Graphic.
Создайте новый клип, нажав Ctrl+F8. Назовите его «preloader_mc», а тип выберите movie clip.
Нарисуйте зигзаг в первом кадре. Затем перейдите на 90-ый и нажмите F5.
Шаг 3
Создайте новый слой и разместите его перед первым.
Вставьте графический символ «bar» в этот новый слой.
Сделайте так, чтобы прямоугольник был немного выше зигзага.
Расположите прямоугольник таким образом:
Шаг 4
Перейдите на 35 кадр и нажмите F6. В этом кадре перетащите прямоугольник на другую сторону от зигзага:
Шаг 5
- Перейдите на любой кадр между первым и 35-м, кликните правой кнопкой, из меню выберите Create motion tween.
- Перейдите на 40 кадр и сделайте его ключевым (F6).
- В этом кадре выберите прямоугольник и разверните его. Modify > Transform > Flip Horizontal.
- Перейдите на 85 кадр и сделайте его ключевым (F6).
- В этом кадре выберите прямоугольник и поверните его так, как он был в первом кадре.
- Перейдите на любой кадр между 41 и 84, кликните правой кнопкой, из меню выберите Create motion tween.
- Перейдите на 90 кадр и нажмите F5.
Вставляем прелоадер в первую сцену
- Перейдите к первой сцене.
- Создайте 3 новых слоя.
- Перетащите символ «preloader_mc» из библиотеки на сцену. Нажмите F5 во втором кадре.
- Напишите «Loading» в первом кадре второго слоя.
- Скопируйте этот код в первый кадр первого слоя.
ifFrameLoaded ("end") {
gotoAndPlay ("start");
}
Нажмите F6 во втором кадре первого слоя и вставьте в его экшены этот код:
gotoAndPlay (1);
Основной ролик начинайте с 3-го кадра. Первый его кадр назовите start, а последний end.
Скачать *.fla файл можно здесь.
|
|
