Payday loans

Делаем Прелоадер. Create Preloader.

Сделать прелоадер к flash-ролику не так трудно как может показаться на первый взгляд. Сейчас мы докажем это.

Открываем SWISHmax. Выбираем создание нового ролика. На панели Scene пишем название сцены:  Preloader

Preloader

Preloader

Начинаем.

  1. Идем на вкладку Movie и выставляем следующие параметры:

вкладка movie

вкладка Мovie

2. Переходим в панель инструментов и выбираем  инструмент Ellipse:

инструмент Ellipse

инструмент Ellipse



Ну и рисуем небольшой симпатичный кружок ( чтобы получился правильный круг -зажимаем и удерживаем клавишу Shift).

Идем на вкладку Shape и выбираем Radial gradient:

Вкладка Shape

Вкладка Shape



Ну вот, что получилось:



3.  Следующим шагом выбираем инструмент Text

выбираем инструмент Text

инструмент Text



Ставим курсор на область нашего круга и пишем  «LOADING». Для форматирования текста переходим на вкладку Text  и выставляем следующие параметры:

Редактируем текст

Редактируем текст



Должно получиться следующее:

Loading

Loading



4.  Добавим в ролик эффектов:

а) На панели ‘Timeline’ выбираем слой с текстом щелкаем по фрейму 2 и жмем на  кнопкуКнопка Add Effect. Выбираем ‘Fade in’.

б) Щелкаем по фрейму 12 , жмем на кнопкуКнопка Add Effect и выбираем ‘Move’. Щелкаем правой кнопкой мыши на выделенной красной стрелочкой области

и выбираем  ‘Properties’. Выбираем значение ‘Color’ Fade to 100%:



в) Щелкаем по фрейму 22 , и снова жмем на кнопкуКнопка Add Effect и опять выбираем ‘Move’. Щелкаем правой кнопкой мыши и выбираем ‘Properties’. Только теперь выбираем значение ‘Color’ Fade to 0%.

г) Щелкаем по фрейму 36, жмем на кнопкуКнопка Add Effect и выбираем эффект ’Fade out’.

Должен получиться следующий вид:

Эффекты для текста

По аналогии поступаем со слоем с нашей фигурой

Эффекты для фигуры

Все вместе:



Ну вот подготовительная часть окончена, переходим к активной части.

Пишем код прелоадера.

1. На ‘Timeline’ панели выбираем фрейм 31:



и переходим в панель Script:



Выбираем Movie Control | gotoAndPlay | gotoAndPlay(FRAME)



И в свойствах прописываем



В результате получаем:



2. Выбираем фрейм 1 , жмем ‘Add Script’ и выбираем Conditional | If Frame Loaded. В поле ‘Frame’ прописываем пока любое значение. Например 10. Далее жмем опять кнопку ‘Add Script’ и выбираем Movie Control | gotoAndPlay | gotoAndPlay(FRAME). В поле «Frame» прописываем значение 1.  Должно получиться следующее:



3. Идем на панель ‘Timeline’ и щелкаем по фрейму 30 и по аналогии с предыдущим делаем следующее:

Conditional | If Frame Loaded. В поле «Frame» прописываем  -1.

Movie Control | gotoAndPlay | gotoAndPlay(FRAME). В поле ‘Target’ выбираем Preloader,  в поле ‘Frame’ выставляем значение 36.

Вот и все. Наш Preloader готов. Жмем на  Воспроизведение

и просматриваем результат.

Не забудьте сохранить проект.

В следующем уроке мы применим данный прелоадер к флеш-сайту, который создадим с нуля.

Ну и забираем на всякий случай исходник и готовый результат:

http://depositfiles.com/files/vhwh8kziv

http://depositfiles.com/files/875ynj4o2


  1. zlou:

    Так все понятно. Единственное, что плохо что нет в свишмаксе уже готового прелоадера с готовым скриптом.

  2. wmid:

    А на mfmx8 по такому же принципу работает скрипт?

  3. admin:

    Код скрипта пишется на AS2, в mfmx8 этот код будет работать в любом случае.



Дизайн-студия
web.pro-flash.ru

г.Волгодонск

Телефон:
+7 918 55 26 536