Saturday, July 21, 2012

درســ عــمــل Loading مــمــيز بالفــلاش

باسم الله الرحمن الرحيم
السلام عليكم ورحمة الله تعالى وبركاته
الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله
مـن شـرور أنـفسنا و من سيـئات أعمالنا ... من يـهده الله فلا مظل لـه و مـن يظـلل فلا هادي له
و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و
سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ... ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الـخـبــيـر
ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

أما بعد ... إخواني زوار ورواد منتديات ستار تايمز وبالأخص منتدى تصاميم المواقع والواجهات

حـــــــصـــــريـــاتـــ مـــرتـــجـــــيــ مـــغـــرة اللــهـــــ

أقدم لك درس عمل Loading مـمــيز ببرنامج الشهير الفلاش
إنشاء الله يعجبكم
حـــــــصـــــريـــاتـــ مـــرتـــجـــــيــ مـــغـــرة اللــهـــــ

أولا نفتح عمل جديد


تم نقوم بالتعديل على صفحة العمل


نغط على rectangle tool تم نرسم ميتطيلا هكذا


تم نعمل تحديد الكل هكذا أو نضغط على Ctrl A


تم نضغط على convertir de symbole أو نضغك على F8 من جهازك


تم نحوله إلى clip


تم نضغط عليه مرتين للدخول إليه


تم نضغط عليه في الوسط
تم نضغط على répartir vers les calques لكي يصبح في لير منفرد


نضغط عليه ونغير له اللون كما موضح في الصورة


نختار اللون الأبيض و نخفف له الشفافية إلى % 0


....................


تم نضغط على أدات تغير التدرج اللوني
تم نعمل له هكذا


نضيف لير جديد


تم نرسم مستطيلا صغير بالون الأسود كما في الصورة


ونرسم مستطيلا أخر باللون الأصفر الغامق


تم نكرر العملية حتى يصبح لدينا هكذا كما في الصورة
تم نعمل تحديد الكل هكذا أو نضغط على Ctrl A


.................


تم نحوله إلى Clip


نضغط عليه مرتين للدخول إليه


تم نكرر نفس العملية


...............


.................


......................


تم نضغط على أدات Outil transformation libre لتغير منحنيات الشكل
ونضغط أيضا على Déformer
ونغير الشكل ليصبح كما في الصورة


نضغط على السهم للرجوع


نضغط بيمين الفأرة على الفارم 9 ونختار Insérer une image-clé


تم نغير له المكا الذي كان فيه سابقا يصبح ملائما


تم نرجع للفام الأول و نغمل نفس الطريقة
لكي يضهر و كأنه يمشي بطريقة رائعة


حـــصـــريـــاتـــ مـــرتــجـــــيــ مـــغـــــرة الــرحـــمــــا نـــ


تم نضغط على الفارم الأول تم Créer une interpolation de mouvment


ونضغط أيضا على الفارم 9 تم Créer une interpolation de mouvment


ليصبح هكذا تم نضغط على السهم للرجوع


نضيف لير أخر


تم نرسم مستطيل كما هو موضح في الصورة


تم نضغط على convertir de symbole أو نضغك على F8 من جهازك


تم نحوله إلى clip
ياجب أن نضغط على Aligement الالجانب الأعلى كما هو موضح


تم نضغط عليه ونسميه bar_mask
لكي نستدعيه في ActionS c r i p e t


تم نعدل على إتجاهه لكي يكون فوق العمل السابق


.............


تم نضغط على لير المستطي الذي رسمناه في الأخير
تم نحوله إلى Masque صيصبح كنا في الصورة
تم نضغط على القفيلن المشار إليهما


ليصبح هكذا


تم نضغط على الشكل الأخضر و نغير قيمة العرض إلى 1


تم نعيد القفل ليصبح كما في الصورة


حـــــــصـــــريـــاتـــ مـــرتـــجـــــيــ مـــغـــرة اللــهـــــ


نضيف لير جديد


تم نضيف مستطيلا أخر هذا لنزين العمل


تم ندهب إلى خصائص تغير اللون
ونغير هكذا


...............


تم نضغط عليه ونحول له جميع القياسات
كما في الصورة


تم نضغط على خيار التدرج اللوني
تم نغير له التدرج هكذا


حـــــــصـــــريـــاتـــ مـــرتـــجـــــيــ مـــغـــرة اللــهـــــ


تم نضيف لير جديد


ونضغط على أدات الكتابة A
تم نكتب %0 ونكتب إسم الإستدعاء text_info


ونضيف لير جديد أخر


تم نضغط على الفارم الأول بيمين الفأرة ونضغط على Action


تم نلسق الأكشن التالي


A c t i o n S c r i p e t
C o d e A c t i o n S c r i p e t
_parent.stop();
this.onEnterFrame = function() {
if (_parent.getBytesTotal()>1) {
percent = int(_parent.getBytesLoaded()/(_parent.getBytesTotal())*100);
text_info.text = percent+"%";
bar_mask._xscale = percent;
if (percent>=100) {
_parent.gotoAndPlay(2);
}
}
};
شرح A c t i o n S c r i p e t


تم نضغط على السهم للرجوع إلى الصفحة الأولى


تم من القائمة Fenetre نختار Autres panneaux
وتم نضغط على Séquence


تم نضيف Séquence جديد أنا سميته Web Site
وهو الدي يمكنكم العمل عليه
أما الأول فهو خاص ب Loading


هكذا




لكي يتوقف العمل في هذا Séquence


تم لرأية النتيجة نضغط على Controle تم Tester l'animation


حـــــــصـــــريـــاتـــ مـــرتـــجـــــيــ مـــغـــرة اللــهـــــ


و لرأية النتيجة
على مواقعان :
أو

0 comments:

Post a Comment