Сложен прелоудър
Стъпка 1

Отворете нов Flash документ. Изберете Modify > Document (съкращение: Ctrl+J ). Направете ширината на вашият документ на 220 и дължината на 100 pixels. Направете фона бял,за frame rate сложете 22 fps (Кадъра за Секунда),и дайте ok.



Стъпка 2

Изберете Text tool (T).Във панела с настройки долу (Ctrl+F3), изберете Static Text.За цвят изберете черно, за фонт можете да изберете какъвто искате,за размера няма значение,и напишете "loading". Вижте снимката по-долу.



Стъпка 3

Натиснете два пъти върху леар 1 и го преименувайте на "preloader". След това,отидете в Align панел.Ако не е отворен, просто отидете на Window > Align или използвайте Ctrl+K. Докато текстът е още селектиран направете следните настройки в Align панел(както е показано на картинката по-долу):



Стъпка 4

Докато текстът е още селектиран, натиснете F8 или ( Modify > Convert to Symbol ), за да го направите Movie Clip.



Стъпка 5

Натиснете два пъти върху movie clip с Selection tool (V). Вие сега сте във movie clip-а.

Стъпка 6




Кликнете върху фрейм 100, и натиснете F6. След това се върнете на фрейм 1, натиснете Ctrl+C (Копиране),направете нов леар,селектирайте го,и натиснете Ctrl+Shift+V (Постави на същото място).

Стъпка 7

Заключете леар 1, селектирайте леар 2, и натиснете F8, за да го превърнете в Movie Clip.



Стъпка 8

Вземете Selection Tool (V), селектирайте текста (loading), отидете в панел с настройки долу(Ctrl+F3). В долната част, вие ще видите "Color". Направете настройките по-долу.



Стъпка 9

Натиснете фрейм 100 и натиснете F5. След това, заключете леар 2, направете нов леар и го преименувайте на "progress".

Стъпка 10

Вземете Rectangle tool (R). И нарисувайте правоъгълник както е показано на картинката.



Стъпка 11

Докато правоъгълника е още селектиран, натиснете F8 за да го направите "Graphic".



Стъпка 12

Отидете на фрейм 100 и натиснете F6. След това като ползвате мишката или клавиетурата наместете правоъгълника върху текста ("loading"). Виж картинката по-долу.



Стъпка 13

Натиснете с десния бутон на мишката в/у и създайте Motion Tween.



Стъпка 14

Селектирайте леара “progress” и го направете маска.

Стъпка 15

Заключете леара “progress”, направете нов леар и го преименувайте на "percent".

Стъпка 16

Вземете Text tool (T), запълнете го с черен цвят. Във Properties панел (Ctrl+F3) избери Dynamic, и напиши 99%. Виж картинката по-долу.



Стъпка 17

След това отиди в Property, във полето "Var" напиши perc1. Както на снимката.



Стъпка 18

Отново отиди в сцена 1,вземи Selection Tool (V), избери "preloader", отвори Action Script Panel (F9), и сложи този скрипт:

onClipEvent (load) {
total = _root.getBytesTotal();
}

onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
perc1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}


Стъпка 19

Натисни на фрейм 1, и в A.S.панел напиши:

stop();


Стъпка 20

Направи нов леар, както на картинката.



Стъпка 21

Натисни върху фрейм 2 и натисни F6.След това,импортирайте някаква картинка върху полето (Ctrl+R).След това се върни на фрейм 2, отвори A.S.панела (F9) и напиши това:

stop();


Пробвай твоят прелоадер (Ctrl+Enter).

Готови сме!

Урока е преведен от мен и е публикуван и в сайта http://it-place.net/.
Урокът е преведен от http://www.flashvault.net




/ Трябва да сте регистриран за да напишете коментар /