Сегодня: 17 января 2017 года, вторник

Поиск по сайту


Дизайнерский форум

Рассылка

Наша кнопка

Мы рекомендуем

Простой флэш-прелоадер

Шаг 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 файл можно здесь.
Дизайн навигатор - Photoshop, уроки фотошоп, шаблоны сайтов