در اين آموزش قصد دارم نحوه ايجاد يك Proloader را ياد دهم . از Preloader مي توانيد در اغلب كارهاي فلش استفاده كنيد در واقع نحوه load شدن اين Preloader به حجم كار شما بستگي دارد .
[kml_flashembed movie="http://www.manvatoo.com/image/article/flash/dec27/final.swf" height="500" width="500" /]
كار را با ايجاد يك flash document جديد آغاز مي كنيم . با زدن كليدهاي Ctrl + j پنجره Document Properties را باز كنيد و تنظيمات را مانند تصوير پائين اعمال كنيد .
كار را با ايجاد يك مثلث ادامه مي دهيم . ابتدا ابزار Polystar tool را از نوار ابزار انتخاب كنيد سپس باز زدن كليدهاي Ctrl + f3 پنل Properties را نمايان كنيد. براي رنگ Stroke و Fill به سليقه خود عمل كنيد سپس برروي options كليك كنيد (مانند تصوير پائين ) . پس از باز شدن پنجره tool setting مقدار 3 را به Number of Sides نسبت دهيد و برروي ok كليك كنيد .
پس از ايجاد اولين مثلث ، من براي نمايش بهتر چندين مثلث ديگر از روي اولين مثلث كپي گرفتم تا به شكلي مانند زير برسم . خوب من مطمئن هستم شما براي ايجاد Preloader طرح هاي بهتري داريد .
براي آنكه شكل خود را با محيط در واقع پشت زمينه تراز كنيم . ابتدا براي روي لاير جاري كه layer 1 مي باشد كليك كنيد تا تمامي مثلث ها به حالت انتخاب در آيند سپس كليد Ctrl + j را فشار دهيد تا مثلث ها به شكل يك گروه واحد در آيند . پس از اين كار كليدهاي Ctrl + k را فشار دهيد تا پنل Align نمايان شود . پس از نمايان شدن پنل از فعال بودن Align/distribute to stage مطمئن شود و برروي align vertical center و align horizontal center كليك كنيد .
پس از تراز شدن مثلث ها كليدهاي Ctrl + b را فشار دهيد تا از گروه بودن خارج شوند . سپس يك متن در هر جاي صفحه با نام loading ايجاد كنيد. براي مشخصات مي توانيد مانند تصوير زير عمل كنيد .(البته شما مي توانيد از فونت و اندازه هاي متقاوتي بسته به سليقه خود استفاده كنيد )
پس از انجام اين كار برروي لاير جاري يا همان layer 1 كليك كنيد تا مثلث ها به همراه متن به انتخاب در آيند ، سپس كليد F8 را فشار دهيد تا پنجره Convert to symbol نمايش داده شود، بعد از آن نام را preloader_mc انتخاب و نوع را نيز movie clip انتخاب كنيد.
پس از ايجاد mc روي آن دابل كليك كنيد تا وارد آن شويد . سپس مثلث ها را انتخاب كنيد و كليد هاي Ctrl + x را فشار دهيد تا عمل انتقال صورت گيرد . بعد از آن در بالاي لاير جاري در mc لاير جديد با نام triangle ايجاد كنيد و با قرار گرفتن در فريم اول اين لاير كليدهاي Ctrl + shift + v را فشار دهيد تا عمل Paste با توجه به محل قبلي انجام شود .
در اين مرحله روي لاير جديد كه triangle مي باشد كليك كنيد تا به حالت انتخاب در آيد سپس كليد هاي Ctrl + c را فشار دهيد تا عمل كپي انجام شود پس از آن لاير جديد در بالاي اين لاير با نام triangle 1 ايجاد كنيد و بازدن كليدهاي Ctrl + shift + v آن را در محل paste كنيد .
با عمل Drag تمام مثلث هاي موجود در لاير triangle 1 را به حالت انتخاب در آوريد ، سپس با زدن كليدهاي Ctrl + f3 پنل properties را نمايان كنيد و رنگي متقاوت براي Fill color انتخاب كنيد .
پس از انجام اين كار لايري جديد با نام mask در بالاي لاير triangle 1 ايجاد كنيد و با استفاده از ابزار rectangle مستطيلي هم اندازه تمامي مثلث ها ايجاد كنيد ( يعني به شكلي باشد كه تمامي آنها پوشانده شده باشند ) . براي مستطيل نيازي به استفاده از Stroke color نداريد .
مستطيل ايجاد شده را انتخاب كنيد و با استفاده از f8 پنجره Convert to symbol را نمايان كنيد براي نام rectangle و براي نوع movie clip را انتخاب كنيد .
پس از تبديل مستطيل به فريم 100 برويد و بازدن كليد f6 يك keyframe ايجاد كنيد. به فريم 1 باز گرديد و مستطيل را در ناحيه سمت چپي مثلث ها مانند شكل پائين قرار دهيد .
در ادامه برروي ناحيه خاكستري بين فريم هاي 1 و 100 در لاير mask راست كليك كنيد و گزينه create motion tween را انتخاب كنيد .
به فريم 100 برويد و با زدن كليد F5 براي ديگر لايرهاي موجود در mc فريم خالي ايجاد كنيد تا آنها نيز نمايش داده شوند. سپس برروي لاير mask راست كليك كنيد و گزينه mask را انتخاب كنيد . پس از اين كار يك بار كليد Enter را فشار دهيد تا متوجه تغييرات شويد . در ادامه لاير جديد با نام dynamic text در بالاي لاير mask ايجاد كنيد .
پس از ايجاد ابزار text را انتخاب كنيد و 99% را به عنوان متن خود تايپ كنيد . براي ديگر مشخصات از تصوير پائين پيروي كنيد .( البته به نكاتي چون نوع متن كه بصورت dynamic يعني قابل تغيير در برنامه و دادن نام براي var كه در كد نويسي مورد استفاده قرار مي گيرد حتما توجه كنيد.)
از mc خارج شويد و به صحنه اصلي باز گرديد
پس از آن نام لاير جاري را به perloader تغيير نام دهيد و mc موجود در لاير را انتخاب نمائيد و كليد F9 را فشار دهيد تا پنجره action script باز شود . پس از آن كد زير را در آن قرار دهيد .
onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percent11 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
در ادامه شما مي توانيد لاير جديدي ايجاد كنيد يا در همان لاير و در فريم دوم آن كار اصلي خود را قرار دهيد . اميدوارم از اين آموزش راضي بوده باشيد . براي بحث و تبادل در مورد آموزش و همچنين طرح سئوالات خود به فروم سايت مراجعه كنيد .
دانلود فايل پاياني :::
