در اين آموزش قصد دارم شما را بانحوه ايجاد يك هدر ساده در فلش با استفاده چند نكته ويژه آشنا سازم. اين آموزش فكر مي كنم براي ايجاد يك هدر در وب سايت مفيد باشد . در اين آموزش بازهم ما از action script استفاده نخواهيم كرد. هدفي كه در اين آموزش بيشتر دنبال مي شود آشنائي ما با پنل Mixer است.
[kml_flashembed movie="http://www.manvatoo.com/files/article/flash/sep12/header.swf" height="148" width="430" /]
مرحله اول :
كار را باايجاد يك سند جديد در فلش آغاز مي كنيم . بعد از ايجاد ، نوبت به تنظيمات سند مي رسد كه مي توان با فشردن كليدهاي Ctrl+j اين كار را انجام داد . پس از بازشدن پنجره Document Properties مثل تصوير پائين تنظيمات را انجام دهيد.
مرحله دوم :
ابتدا ابزار Rectangle Tool را انتخاب كنيد . سپس به بخش color در پنل tools برويد وStroke color را انتخاب كرده و none را برگزينيد سپس در همان بخش هر رنگي كه مايل هستيد براي Fill color برگزيند و مربعي مثل تصوير پائين با طول و عرض 140 رسم كنيد.
مرحله سوم :
همچناكه مريع شما در حالت انتخاب است به پنل mixer برويد (براي اين كار كليدهاي Shift+F9 را فشار مي دهيد ) و اين تنظيمات را اعمال كنيد.
#157400 و Alpha آن نيز بدون تغيير بايد 100 باشد .
#8ED200 و Alpha آن نيز بدون تغيير بايد 100 باشد . 1- ابتدا در اين پنل بر روي سطل رنگ كليك كنيد . 2- سپس در بخش Type گزينه Liner را انتخاب كنيد. 3- براي رنگ طرف چپ 4 – براي رنگ طرف راست
در حال حاضر بايد چنين چيزي داشته باشيد.
مرحله چهارم :
نوبت استفاده از يك ترفند كوچك است . ابزار Free Transform Tool (Q) را انتخاب كرده و مثل تصوير پائين آن را از چپ به راست 90 درجه مي چرخانيم.
مرحله پنجم :
ابزار Selection Tool را انتخاب كنيد . و مريع خود را به حالت انتخاب درآوريد بعد از به پنل Properties برويد و در سمت چپ پنل طول و عرض مربع خود را به اندازه طول و تصوير سند در آوريد … مثل تصوير پائين
مرحله ششم :
در حالتي كه مستطيل شما در حالت انتخاب است ما براي تغيير مكان و ست شدن آن با سند به پنل Align ميرويم و اين تنظيمات را اعمال مي كنيم.
Align/Distribute گزينه to Stage فعال است
Align horizontal center كليك كنيد.
Align vertical center كليك كنيد. 1 – ابتدا مطمئن شويد كه در بخش 2 – بعد از آن بروي گزينه 3 – سپس بروي گزينه
خوب تا اينجاي كار تصويري مثل پائين بايد داشته باشيد.
مرحله هفتم :
بر روي لاير خود دابل كليك كنيد و نام ان را به background تغيير دهيد.
مرحله هشتم :
يك لاير جديد در بالاي لاير قبلي خود ايجاد كنيد و نام آن را به text تغيير دهيد . سپس لاير جديد را انتخاب كرده و از پنل tools گزينه Text Tool را انتخاب كنيد. و با هر فونت و اندازه مد نظر خود متن تان را تايپ كنيد.
مرحله نهم :
يك لاير ديگر با نام animation در بالاي لاير text ايجاد كنيد.
مرحله دهم :
ابزار Rectangle Tool را نتخاب كنيد . و مثل مرحله دوم عمل كنيد . با اين تفاوت كه اندازه طول و عرض آن را 50 در 300 در نظر بگيريد مثل تصوير پائين:
مرحله يازدهم :
ابزار Selection Tool را انتخاب كنيد و برروي شي خود دابل كليك كنيد و شي خود را مثل تصوير پائين در آوريد.
مرحله دوازدهم : در اين مرحله ابتدا شي خود را انتخاب كرده و به پنل mixer برويد و تمامي اعمالي را كه در مرحله سوم انجام داديم انجام مي دهيم تنها با دو تفاوت … اينكه رنگ سمت چپ را #1E8F01 و سمت راست را #B7FD13 انتخاب مي كنيم.
حالا بايد چنين چيزي داشته باشيد.
مرحله سيزدهم :
در حالتي كه شي در انتخاب است كليد F8 را فشار دهيد تا پنجره Convert to Symbol نمايش داده شود در بخش type گزينه Movie Clip را انتخاب كنيد.
مرحله چهاردهم :
ابزار Free Transform Tool را انتخاب كرده و شي خود را دوباره انتخاب مي كنيم . سپس نقطه مركزي تصوير را به پائين شكل خود انتقال مي دهيم.
مرحله پانزدهم :
در مدتي كه شي در انتخاب است كليدهاي Ctrl+c را فشار دهيد بعد از آن كليدهاي Ctrl+Shift+V را فشار دهيد و مثل تصوير پائين شي دوم را به سمت راست بچرخانيد.
اين كار را تكرار كنيد تا تصوير مثل پائين داشته باشيد …( البته شما بايد تصويري بهتر از من داشته باشيد)
مرحله شانزدهم :
بر روي لاير animation كليك كنيد تا تمام اشياء موجود در اين لاير به حالت انتخاب در آيند.
سپس كليد F8 را فشار دهيد و از كادر Covert to Symbol گزينه movie clip را انتخاب كنيد.
مرحله هفدهم :
بازهم ابزار Selection Tool را انتخاب كنيد . پس از آن به پنل properties برويد و در بخش color گزينه alpha را انتخاب كنيد و مقدار آن را به 25 درصد تغيير دهيد.
مرحله هجدهم :
در اين مرحله موقعيت movie را مثل تصوير پائين تغيير دهيد اين كار را مي توانيد با ماوس و كليدهاي مكان نما انجام دهيد.
مرحله نوزدهم :
بروي فريم 700 در لاير animation كليك كنيد و كليد F6 را فشار دهيد . سپس دوباره به فريم اول بازگرديد(يعني بر روي فريم اول كليك كنيد) و به پنل properties برويد . در اين پنل از منو Tween گزينه Motion را انتخاب كنيد. Ease بطور معمول صفر است كه اين مقدار اينجا خوب است فقط rotate را به CW تغيير دهيم.
مرحله بيستم :
بر روي فريم 700 در لاير هاي text و background كليك كنيد وكليد F5 را فشار دهيد.
حالا كليدهاي Ctrl+Enter را فشار دهيد تا كار را تست كنيد.
خوب از لينك پائين فايل پاياني و فايل پروژه را ميتوانيد دانلود كنيد .
لينك پروژه
