به نام خدا و با عرض سلام خدمت دوستان همیشگی .در اين آموزش قصد دارم نحوه ساخت يك منو تقريبا پيشرفته را به شما آموزش دهم . از اين كار مي توانيد براي intro سايت هاي خود و يا حتي Autorun درون CD ها بهره بريد . در اين آموزش از As هم استفاده خواهيم كرد .
در پايان اين آموزش :
1- نحوه ورود تصاوير به فلش
2- تبديل آنها به Movie Clip
3-نحوه استفاده از فيلترها
را ياد خواهيد گرفت.
[kml_flashembed movie="http://www.manvatoo.com/image/article/flash/nov9/final-project.swf" height="412" width="550/]
مرحله اول :::::
كار را با ايجاد يك سند جديد آغاز مي كنيم .
مرحله دوم :::::
به منو modify برويد و گزينه Document را انتخاب كنيد ( يا كليدهاي Ctrl+J را فشار دهيد ). اندازه طول و عرض تصوير را با توجه به تصاوير خودتان انتخاب كنيد . رنگ پشت زمينه را به #F8F8F2 تغيير دهيد ، همچنين frame rate را به 28 تغيير دهيد و برروي ok كليك كنيد.
مرحله سوم :::::
در اين مرحله نوبت به وارد كردن تصاويرمان است . براي اين كار به منو فايل برويد سپس از زير منو Import گزينه Import to Library را انتخاب كنيد سپس تصوير مد نظر خود را انتخاب كنيد. پس وارد كردن تصاوير ، چنانچه پنجره library را نمي بينيد با فشردن كليدهاي Ctrl+l آنرا به نمايش در آوريد.
مرحله چهارم :::::
ابزار Selection Tool را با فشردن كليد V انتخاب كنيد . و با استفاده از drag و drop تصاوير خود را همانند تصوير پائين بچينيد.
مرحله پنجم :::::
ابزار Text Tool را با فشردن (A) انتخاب كنيد سپس به پنل Properties برويد (يا كليد Ctrl+F3 را فشار دهيد ) و مانند تصوير پائين تنظيمات را انجام دهيد.
حالا متن خود را در هر جاي صفحه كه خواستيد تايپ كنيد .
مرحله ششم :::::
با ديگر ابزار Selection Tool را انتخاب كنيد و اولين تصوير و اولين متن خود را انتخاب كنيد ( همانطوري كه مي دانيد براي انتخاب چندگانه از كليد Shift بهره بايد گرفت ) . سپس كليد F8 را فشار دهيد تا پنجره Convert to Symbol نمايش داده شود . سپس نامي را انتخاب كنيد و نوع Movie Clip را انتخاب كرده و برروي ok كليك كنيد .
همچنانكه Movie Clip شما انتخاب است در پنل Properties در قسمت Instance name (سمت چپ پنل ) مقدار photo1 را وارد كنيد. همانند تصوير پائين :
مرحله هفتم :::::
برروي movie clip دابل كليك كنيد تا داخل آن شويد مانند تصوير پائين :
دوباره ابزار Selection Tool را انتخاب كنيد و تنها متن را انتخاب كنيد و كليدهاي Ctrl+X را براي عمل انتقال فشار دهيد . سپس لايه جديد در بالاي لايه جاري ايجاد كنيد و نام آن را به text تغيير دهيد . سپس لاير جديد را انتخاب كنيد و كليد هاي Ctrl+Shift+V براي paste در همان محل را فشار دهيد . به لايه قبلي همان لاير 1 باز گرديد و نام آن را به photo تغيير دهيد
مرحله هشتم :::::
هماچنانكه لاير photo انتخاب است بار ديگر F8 را فشار دهيد و آنرا به Movie Clip تبديل كنيد .
سپس به فريم 15 رويد .كليد F6 را فشار دهيد .سپس به فريم اول باز گرديد و ابزار Selection Tool را برگزينيد و تصوير را انتخاب نمائيد پس از انجام اين كار به پنل Properties برويد و تب Filters را انتخاب نمائيد در اين تب بر روي آيكون مثبت كليك كنيد و Blur filter را نتخاب كنيد و مانند تصوير پائين مقدار دهي كنيد .
حال بايد تصويري مانند پائين داشته باشيد.
مرحله نهم :::::
سپس برروي ناحيه خاكستري كه بين فريم هاي 1 و 15 قرار دارد راست كليك كنيد و گزينه Create Motion Tween را انتخاب كنيد .
مرحله دهم :::::
لايه photo را به حالت قفل در آوريد و لاير text را انتخاب كنيد . سپس كليد F8 را فشار دهيد و متن را به Movie Clip تبديل كنيد .
سپس به اولين فريم اين لايه برويد و كليد F6 را فشار دهيد اين كار راتا فريم 5 بار ديگر تكرار كنيد.
حال روي فريم هاي 2 و 6 برويد و با استفاده از كليد delete آنها را پاك كنيد .
در اين گام به فريم 15 برويد و كليد F6 را فشار دهيد و مقداري متن خود را به سمت پائين بياوريد.
مرحله يازدهم :::::
برروي ناحيه بين فريم 5 و 15 راست كليك كنيد و گزينه Create Motion Tween را انتخاب كنيد .
در اين جا كار را ما در زمينه انيميشن به پايان رسيده است و نوبت به استفاده از As است . بنابراين به scene خود باز مي گرديم .
مرحله دوازدهم :::::
پس از بازگشت به صحنه اصلي لاير جاري را به نام photo menu تغيير نام دهيد و لايه جديد در بالاي اين لاير با نام invisible button ايجاد كنيد. سپس در اين لايه با استفاده از Rectangle كليد مخفي خود را ايجاد مي كنيم . و آن را به Button تبديل مي كنيم .( همانطوري كه مي دانيد براي تبديل بايد F8 را زده و در كادر Button را انتخاب نمائيد و براي سه ناحيه Up و over و down فريم خالي و تنها ناحيه Hit را مشخص مي كنيم.
مرحله سيزدهم :::::
در اين گام ابتدا invisible button را انتخاب مي كنيم سپس با زدن كليد F9 پنل Action Script را باز مي كنيم وداخل پنل كد زير را قرار مي دهم.
on (rollOver) {
_root.mouse_over_photo1 = true;
} on (rollOut) {
_root.mouse_over_photo1 = fstartlse;
}
on (release){
getURL("http://www.manvatoo.com/");
}
مرحله چهاردهم :::::
در بالاي لاير جاري لايه اي با نام action script ايجاد مي كنيم . پس از ايجاد روي اولين فريم آن كليك كنيد و كليد F9 را فشار دهيد سپس كد پائين را در پنل قرار دهيد .
_root.photo1.onEnterFrame = function() {
if (mouse_over_photo1) {
_root.photo1.nextFrame();
} else {
_root.photo1.prevFrame();
}
};
كار به اتمام رسيده است تنها كافي است مراحل را براي ديگر تصاوير و متون تكرار كنيد تنها فرق نامي است كه براي instanca مي دهيد (مرحله ششم ) دقت داشته باشيد كد مرحله قبلي براي ديگر تصاوير نيز همين جا قرار مي گيرد نيازي به ايجاد لايه جديد نداريد. چنانچه بخشي از كار براي شما نامفهموم است لطفا به فروم سايت مراجعه كنيد و سئوالات خود را ايراد كنيد.
فايل پاياني به همراه پروژه::
