Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

Преглед на урок

Shine Text Effect

Shine Text Effect




В този урок ще ви обясня как да създадете атрактивен текстови ефект във Flash, използвайки Action Script.

Стъпка 1

Отворете нов Flash документ (CTRL+N). Изберете Modify > Document (Ctrl+J). Настройвате ширината на документа 300 пиксела и височина 100 пиксела. Frame rate поставете 28 fps (кадъра в секунда).



Стъпка 2

Вземете Text Tool (A) и от Properties Panel (Ctrl+F3) изберете шрифт, размер и цвят по ваш вкус и напишете каквото искате. За този пример ще бъде toxiclab.org. Докато текста все още е маркиран отворете Align Panel (Ctrl+K). След това направете следното:

1. Уверете се, че Align/Distribute to Stage e активен.
2. Кликнете върху Align horizontal center и Align vertical center. Виж по-долу:





Стъпка 3

Натиснете Ctrl + A за да маркирате текста и натиснете F8 (Convert to symbol) и го конвертирайте в Movie Clip. Виж по-долу:



Стъпка 4

Двоен клик по току що създадения Movie Clip с инструмента Selection tool (V). И пак го конвертирате в Movie Clip (F8). Виж по-долу:



След това отворете Properties Panel (Ctrl+F3) и напишете на <instance name> shine.



Стъпка 5

Заключeте layer 1 създайте нов слой над слоя layer 1 с име Action.



Стъпка 6

Клик на първи кадър на слоя Action, отворете Action Script Panel (F9) и поставете този скрипт:

Код
maxlight = "28";
dxstep = "0.08";
dx = "0.9";
setProperty("shine", _visible, "0");

Клик на кадър 2 натиснете F6 после F9 за да отворите AS панела, ако сте го затворили и поставете този скрипт:

Код
i = "1";
while (Number(i)<=Number(maxlight)) {
duplicateMovieClip("shine", "li" add i, i);
setProperty("li" add i, _xscale, getProperty("li" add (i-1),_xscale)+i*0.3);
setProperty("li" add i, _yscale, getProperty("li" add (i-1),_yscale)+i*0.3);
setProperty("li" add i, _alpha, 10-i*(10/50));
setProperty("li" add i, _x, getProperty("li" add (i-1),_x)+i*dx);
i = Number(i)+1;
}

Клик на кадър 3 натиснете F6 после F9 за да отворите AS панела, ако сте го затворили и поставете този скрипт:

Код
dx = dx-dxstep;
if (Number(dx)>0.9 or Number(dx)<Number(-0.9)) {
dxstep = -dxstep;
}
i = 1;
while (Number(i)<=Number(maxlight)) {
setProperty("li" add i, _x, getProperty("li" add (i-1),_x)+i*dx);
setProperty("li" add i, _y, getProperty("li" add (i-1),_y)+i*dx/20);
i = Number(i)+1;
}

Клик и на кадър 4 натиснете F6 после F9 за да отворите AS панела, ако сте го затворили и поставете този скрипт:

Код
gotoAndPlay(_currentframe-1);



Стъпка 7

Отключeте layer 1 двоен клик върху Movie Clip с инструмента Selection tool (V).

Стъпка 8

И го конвертирате пак в Movie Clip (F8). Виж по-долу:



Стъпка 9

Отново му дайте <instance name> shine . Виж по-долу:



Стъпка 10

Клик на кадър 15 и натиснете F6. Докато сте на кадър 15 изберете инструмента Free Transform Tool (Q) и направете както е показано на картинката по-долу:



Стъпка 11

Клик на кадър 30 натиснете F6 вземете отново инструмента Free Transform Tool (Q) и направете както е показано по-долу:



Стъпка 12

Повторете стъпки 10 и 11 Няколко пъти!

Стъпка 13

Върнeте се на главната сцена (Scene1), направете нов слой с име ActionScript над слоя layer 1.





Стъпка 14

Кликнете на първия кадър от слоя ActionScript, отворете Action Script Panel (F9) и поставете този скрипт:

Код
toggleHighQuality();
startDrag("/mxy", true);

Клик на кадър 2 натиснете F6 и поставете този скрипт:

Код
stop();
Това е ;) Ctrl + Enter.

Резултат:

Пример 1


Пример 2


Свалете работен файл.

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: graf_kaberne
Източник: http://toxiclab.org/

Коментари

krapsi

Много готин ефект!

John Front

А кой да каже , че се прави classic tween на последните кадри??
4/5

atacata

готин ефект ама просто така е обяснен ,че ужастттттт

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.