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

Ефектен Flash бутон

Ефектен Flash бутон




Представям ви интересен бутон, създаден с Flash.

1. Отворете нов документ.

2. Отворете Properties на документа (Ctrl + J). И го нагласете, както е показано на картинката по-долу:



3. Преименувайте Layer-a в Timeline на "complexButton", както е показано на картинката:



4. Създайте нов Movie Clip, като натиснете Ctrl + F8. Озаглавете го mc_complex.

5. Кликнете 2 пъти на mc_complex в Library (лентата отстрани). Натиснете Oval Tool (O) и направете ктъгче в центъра на страницата, с големина 30х30. Аз нарисувах кръгче, което малко прилича на Дартс. Естествено, вие можете да нарисувате каквото си пожелаете.

6. А сега кликнете 2 пъти на това кръгче и натиснете F8. Нагласете в прозореца, както е показано:



7. Сега идва най-трудната част. Трябва да поправим mc_complex. За да го направим, маркирайте Frame 15 в Timeline и натиснете F6. С това ще направим Keyframe. Сега направете кръга малко по-голям. Аз го направих с големина 40х40.

8. Натиснете с Десен бутон на мишката върху Frame 1 в Timeline и направете настройките долу, както е показано на картинката. Внимавайте! Под тази опция трябва да са само Frames от 1 до 14! Keyframe-a на 15-тия Frame (с голямото кръгче) не е под тази опция!



9. Създайте нов Layer и го озаглавете "actions". Маркирайте Frame 15 и натиснете F7 (Blank Keyframe). Timeline-а за mc_complex трябва да изглежда ето така:



10. Натиснете Frame 1 в Timeline-a на "actions". Изберете F9 (Action menu) и въведете следното:

Код
//stop(); 
  
this.onEnterFrame = function(){ 
if(rewind == true){ 
prevFrame(); 
} 
} 
  
this.onRollOver = function(){ 
rewind = false; 
play(); 
} 
  
this.onRollOut = function(){ 
rewind = true; 
} 
  
this.onRelease = function(){ 
getURL("http://studio-bg.com","_blank"); 
}

(За URL можете да използвате всеки друг сайт!)

11. Натиснете Frame 15 в Actions Layer-a. Там въведете този текст:

Код
stop();


12. Не забравяйте да сложите mc_complex в Library отделно.

13. Всичко вече е готово. Сега натиснете Ctrl + Enter, за да погледнете бутона. Ето какво се получи при мен:



Източник [link]www.kirupa.com[/link]

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




Урокът е добавен от: bubsss

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

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