تالارهای پادشاه ایرانی - نمایش پست تنها - نحوه ايجاد يك منو در عين حال ساده ولي جالب
نمایش پست تنها

نحوه ايجاد يك منو در عين حال ساده ولي جالب
  #1  
قدیمی 15/06/2008
آواتار KING
KING KING آفلاین است
رئيس كل

مدال افتخار پادشاه ایرانی 

 
نام: احمد بدیعی
جنسيت: مرد
شغل: مدیر داخلی دفتر تبلیغات
محل سکونت: مشهد
مدرک تحصيلی: کارشناسی IT
پست: 3,514
سپاس: 5,828
از این کاربر 9,479 بار در 2,193 پست سپاسگزاری شده
اعتراض ها: 0
به این کاربر 0 بار در 0 پست اعتراض شده
چوب: 16,502,381
نحوه ايجاد يك منو در عين حال ساده ولي جالب


1- چطور يك طرح براي منو خود ايجاد كنيم.
2- چطور آنرا به صورت انيميت شده در آوريم
3- چطور از ********** Glow كه از فلش 8 به بعد موجود است بهره ببريم.


قسمت اول :
كار را با ايجاد يك سند جديد آغاز مي كنيم.پس از ايجاد سند ، با استفاده از كليدهاي تركيبي Ctrl+J پنجره Document Properties را باز مي كنيم همانطوري كه در تصوير پائين ملاحضه مي كنيد من در سند خودم اين تنظيمات را اعمال كرده ام . width برابر 425 و height برابر 115 و رنگ پشت زمينه به سياه و frame rate را به 28 .


قسمت دوم :
با استفاده از كليد R ابزار Rectangle را فعال مي كنيم . سپس در قسمت رنگ در پنل ابزار براي Fill color رنگ #3A3A3A و براي Stroke color رنگي را در نظر نمي گيريم . سپس مستطيلي با اندازه 425 در 25 مانند تصوير پائين ايجاد مي كنيم .


قسمت سوم :
سپس با استفاده از كليد Q ابزار Free Transform Tool را انتخاب مي كنيم و از مستطيل خود سه كپي مانند تصوير پائين ايجاد مي كنيم.


قسمت چهارم :
با استفاده از كليد V ابزار Selection Tool را انتخاب كرده و تمام مستطيل هاي ايجاد شده را به حالت انتخاب در مي آوريم . سپس با استفاده از كليدهاي تركيبي Ctrl+K پنل Align را نمايان مي كنيم در اين بخش ابتدا براي روي Align/Distribute to Stage كليك كرده تا به حالت غيرفعال در آيد . سپس بر روي گزينه Distribute vertical center مانند تصوير پائين كليك مي كنيم.


قسمت پنجم :
همچنانكه مستطيل ها در وضعيت انتخاب قرار دارند كليدهاي Ctrl+G را فشار دهيد تا آنها به شكل يك گروه در آيند. مانند پائين.


بار ديگر سراغ پنل Align مي رويم و برروي گروه خود اين تنظيمات را اعمال مي كنيم . ابتدا از فعال بودن Align/Distribute to Stage مطمئن شويد . سپس Align horizontal center و Align vertical center مانند تصوير پائين كليك كنيد.


حال كار تراز كردن با پشت زمينه به پابان رسيد.
قسمت ششم :
با انتخاب مجدد گروه و فشردن كليدهاي Ctrl+B يا Break Apart گروه خود را به اجزاي اصلي تقسيم مي كنيم. (مانند تصوير پائين )


قسمت هفتم :
در اين قسمت نوبت به متن منو رسيده است . براي شروع ، ابتدا كليد A را فشار دهيد تا ابزار Text Tool انتخاب شود ، سپس به پنل Properties برويد و تنظيمات را با توجه به تصوير پائين انجام دهيد.


پس از تايپ متون من به چنين نتيجه اي رسيدم.


قسمت هشتم :
با ديگر با استفاده از كليد V ابزار Selection Tool را انتخاب كنيد سپس تمام متن ها تايپ شده را انتخاب كنيد . پس از انتخاب به پنل Align برويد و در آنجا اين تنظيمات را انجام دهيد


1- از غيرفعال بودن گزينه Align/Distribute to Stage مطمئن شويد . 2- يكبار روي گزينه Distribute vertical center كليك كنيد. 3- يكبار نيز روي گزينه Distribute horizontal center كليك كنيد.


خوب حالا متون ما نيز تراز پيدا كردند.
قسمت نهم :
ابزار Selection Tool را انتخاب كنيد و اولين مستطيل و اولين متن را مانند تصوير پائين انتخاب كنيد.


حال كليد F8 را فشار دهيد تا پنجره Convert to Symbol به نمايش در آيد سپس مانند تصوير پائين نامي را براي آن در نظر گرفته و نوع را Movie Clip انتخاب كنيد


قسمت دهم :
همچنانكه movie clip شما در حالت انتخاب قرار دارد به پنل Properties و در بخش Instance name مانند تصوير نامي را براي آن در نظر بگيريد . ( از اين نام در As استفاده خواهيم كرد ).


قسمت يازدهم :
برروي mc خود دابل كليك كنيد تا وارد آن شويد .


در اين مرحله وارد بخش انيميشن مي شويم.ابزار Selection Tool را انتخاب كنيد و متن را انتخاب كنيد سپس با استفاده از كليدهاي ctrl+x عمل cut را انجام دهيد . پس از آن يك لاير جديد با نام Text در بالاي لاير جاري ايجاد كنيد . بعد ار ايجاد لاير را انتخاب كرده و با استفاده از كليدهاي Ctrl+Shift+V عمل Paste in place را انجام دهيد. حال به لاير 1 برگرديد و نام آن را به rectangle تغيير دهيد . همچانكه كه روي لاير قرار داريد كليد F8 را فشار دهيد تا پنجره Convert to Symbol نمايش داده شود سپس نامي براي آن انتخاب كنيد و نوع را به Movie Clip تغيير دهيد.


پس ار تبديل ، به فريم 15 اين لاير برويد و كليد F6 را فشار دهيد .
قسمت دوازدهم :
همچنانكه كه در فريم 15 قرار داريد يكبار روي مستطيل خود كليك كنيد تا به حالت انتخاب در آيد سپس به پنل Properties برويد و در سمت راست اين پنل از قسمت Color گزينه Tint را انتخاب كنيد سپس براي رنگ مقدار #171717 و در صد را نيز مانند تصوير پائين 100 قرار دهيد .


در ادامه در ناحيه خاكستري بين دو KeyFrame راست كليك كرده و گزينه Create Motion Tween را مانند تصوير پائين انتخاب كنيد.


قسمت سيزدهم :
به لاير text بازگرديد و كليد F8 را فشار دهيد تا پنجره Convert to Symbol نمايش داده شود. سپس نامي براي آن در نظر بگيريد و نوع Movie Clip را انتخاب كنيد .


سپس به فريم 15 اين لايه برويد و كليد F6 را فشار دهيد . پس از آن متن خود را مقداري به سمت راست مي آوريم اين كار را مي توانيد با كليدهاي مكانما انجام دهيد .

<

قسمت چهاردهم :
پس از آن بار ديگر ابزار Selection Tool را انتخاب كنيد و متن را انتخاب كنيد. پس از آن به پنل Properties برويد و در بخش Color گزينه Tint را انتخاب كنيد . در اينجا براي رنگ #8BCE00 و براي Tint Amount مقدار 100 درصد پيش فرض را برمي گزينيم.


حال بايد نتيجه اي مانند تصوير پائين داشته باشيم.


قسمت پانزدهم:
در همين پنل به تب ********** برويد و برروي آيكون مثبت كليك كنيد ، پس از باز شدن منو گزينه Glow را انتخاب كنيد و مانند تصوير پائين مقدار دهي كنيد.


حال بايد نتيجه اي مانند تصوير پائين داشته باشيم.


قسمت شانزدهم:
در اين گام در ناحيه خاكستري بين دو keyframes راست كليك كرده و گزينه Create Motion Tween را انتخاب كنيد.


حال به صحنه اصلي خود يعني Scene 1 باز مي گرديم.
قسمت هفدهم:
برروي لاير اصلي خود با لاير 1 دابل كليك كنيد و نام آن را به menu تغيير دهيد . پس از اينكار لايه جديدي با نام invisible button در بالاي اين لاير ايجاد كنيد.


همانطوري كه مطلع هستيد براي ايجاد يك invisible button بايد ناحيه مورد نظر خود را با يك شكل مثل مستطيل ايجاد كنيد سپس آن را به يك Button تبديل كرده و تنها بخش Hit را مشخص مي كنيم و رخدادهاي ديگر را فريم خالي در نظر مي گيريم.


قسمت هجدهم:
ابزار Selection Tool را انتخاب كنيد . سپس برروي invisible button كليك كنيد تا به حالت انتخاب در آيد . سپس به پنل Action Script برويد(اينكار را مي توانيد با زدن كليد F9 انجام دهيد ). حال كد زير را در اين پنل كپي كنيد .


on (rollOver) {
_root.mouse_over_HomePage_mc = true;
}

on (rollOut) {
_root.mouse_over_HomePage_mc = fstartlse;
}

on (release){
getURL("http://www.manvatoo.com/");
}


قسمت نوزدهم:
در بالاي لاير جاري يا همان invisible button لايه اي با نام action ايجاد كنيد. سپس به اولين فريم اين لايه برويد و روي آن كليك كنيد ، بار ديگر پنل Action Script را باز كنيد و كد پائين را در آن كپي كنيد.

_root.HomePage_mc.onEnterFrame = function() {
if (mouse_over_HomePage_mc) {
_root.HomePage_mc.nextFrame();
} else {
_root.HomePage_mc.prevFrame();
}
};

كار ما به پايان رسيد تنها گامي كه باقي مانده است ، اين است كه شما تمامي مراحل ايجاد هر كليد منو را بايد دوباره تكرار كنيد . و تنها فرق در نامي است كه براي instanca name در نظر مي گيريد.
پاسخ با نقل قول
کاربر زیر بخاطر پست مفید از KING سپاسگزاری کرده اند :

5 تاپیک آخر توسط KING
تاپیک تالار آخرین ارسال کننده پاسخ نمایش آخرین پست
زلزله ۳٫۹ ریشتری امروز شنبه مشهد را لرزاند اخبار شهر ها و استان ها KING 0 2098 23/08/2014 11:30
Galaxy S5 Prime گواهی بلوتوث دریافت کرد سامسونگ (Samsung) KING 0 2338 17/05/2014 08:41
درایو حالت جامد xp941 سامسونگ با درگاه m.2 عرضه شد اخبار دنیای IT KING 0 2581 17/05/2014 08:34
پرچمدار مادربردهای گیمینگ z97 شرکت msi معرفی شد اخبار دنیای IT KING 0 2271 17/05/2014 08:32