طراحی یک دکمه پویا در فلش
گام ۱
یک سند جدید ایجاد کرده ،ctrl+j را برای اعمال تغییرات فشار دهید:
Width:120 height:120 background color:white frame rate:42
گام ۲
عکسی را که می خواهید روی دکمه بیندازید در ابعاد۱۰۰x100px تنظیم کرده(در یک برنامه گرافیکی مثل فتوشاپ)، import کنید.
File > Import > Import to Stage
گام ۳
عکس را انتخاب کرده و پنلalign را باز کنید(ctrl+k) و تنظیمات زیر را انجام دهید:
گام ۴
عکس را انتخاب کرده وF8 را بزنید.
گام ۵
روی movie clip دابل کلیک کرده تا وارد آن شوید.
گام ۶
عکس را انتخاب کرده و F8 را بزنید.
گام ۷
روی فریم۱۰و۲۰ کلیک کرده و F6 را بزنید.
گام ۸
به فریم۱۰ برگردید،عکس را انتخاب کرده و پنل properties را باز کنید. در قسمت چپ روی برگهfilters کلیک کنید. سپس روی آیکن”+ ” کلیک کنیدblur را انتخاب کرده و تنظیمات زیر را انجام دهید:
اکنون عکس شما بدین صورت است:
گام ۹
تا زمانیکه روی فریم۱۰ هستید از کلیدهای جهت نما استفاده کرده و عکس را کمی بالا ببرید.
گام ۱۰
در ناحیه خاکستری بین فریم۱و۱۰، و فریم۱۰و۲۰ راست کلیک کرده وCreate Motion Tween را انتخاب کنید.
گام ۱۱
یک لایه جدید ایجاد کرده و نام آن راaction script بگذارید.سپس روی اولین فریم کلیک کرده ،F9 را بزنید(action script) و کد زیر را وارد کنید.
stop(); this.onEnterFrame = function(){
if(rewind == true){
prevFrame();
}} this.onRollOver = function(){
rewind = false;
play();
}
if(rewind == true){
prevFrame();
}} this.onRollOver = function(){
rewind = false;
play();
}
this.onRollOut = function(){
rewind = true;
}
this.onRelease = function(){
getURL(”
گام ۱۲
روی فریم۱۵ کلیک کرده وF6 را بزنید.کد زیر را در پنلaction script وارد کنید:
stop();
سپس movie را تست کنید.
