LinkBack URL
About LinkBacks
السلام عليكم و رحمه الله و بركاته
عدنا لكم من جديد مع دروس الفلاش
سنقوم بصنع خلفيه فلاشيه تعرض معلومات الـID3 ' مثل اسم الاغنيه , اسم الفنان , اسم الالبوم ' اثناء تشغيل الملف الصوتي ,,
الدرس بسيط جداً ان شاء الله لكن من الممكن التعديل عليه ببعض اللمسات ليصبح احترافياً !
سيكون الدرس مطولاً قليلاً ليتم توضيحه بأبسط صوره .. لكنه سهل جداً
المطلوب هو برنامج فلاش Adobe Flash بأي اصدار من CS ..
او Adobe Macromedia Flash 8 لكن مع تحميل الاضافه التاليه :ا
fl8_flashlite2_1_update.zip
< شكر خاص لـBLUE
و لتحميل الـAdobe Macromedia Flash 8 :ا
تحميل Macromedia Flash Professional 8!! وبحجم صغير!!
< شكر خاص لـRaDi
سأستخدم في الشرح ' Adobe Flash CS4 '
نبدأ الشرح ..
1- تشغيل برنامج الفلاش و انشاء ملف فلاش Flash File (Action Script 2.0)
2- نضغط على Edit في خانه ' Properties '
و نغير مساحه العمل الى :
Height : 320
Width : 240
لون الخلفيه : أي لون لكن انا سأعمل على اللون الاسود
3- نضغط على Edit في خانه ' Publish ' او بالاختصار CTRL + SHIFT + F12 ..
من خلال التبويب Flash نغير التالي :
Player : FlashLite 2.0
و نرفع جوده الصوره ' JPEG quality ' الى 100 < ستفيد في حاله ان غيرنا الخلفيه و لم نبقها على اللون الاسود !
و نضغط O.K
4- نتوجه الى خط الزمن و نضغط بزر الفأره الايمن و نختر Actions و ذلك لنضيف السكريبت التالي :
كود PHP:onEnterFrame = function ()
{
loadVariables("MP://data", _root);
Title.text = _root.TITLE;
};
5- نضف مربعاً حوارياً في ساحه العمل ' بأي احداثيات ' من خلال الضغط على الحرف T في الـToolbar الجانبي كما في الفوتوشوب ..
نخترالـSelection Tool او بالاختصار V .. ثم نضغط على أي مكان في ساحه العمل لنزيل المؤشر عن المربع الحواري الذي انشأناه ..
نغير نوع المربع الى Dynamic Text
ثم من خلال الخانه الجانبيه في برنامج الفلاش ' Position and Size ' نغير احداثيات المربع الى التالي :
X : 0 , Y : 140
W : 240 , H : 30
نغير حجم الخط ' Size ' :ا 20.0PT
و اللون كما ترغب .. سأختار اللون الاحمر ..
من الممكن توسيط النص ايضاً ..
و اهم نقطه .. اضافه الكلمه TITLE الى الخانه ' Variable ' < كما هي أي ان الخط Uppercase
6- نضغط بزر الفأره الايمن على الخانه الثانيه في خط الزمن و نضيف Keyframe ..
ثم نضف فريم اعتيادي جديد ' Insert Frame ' في الخانه رقم 14 في خط الزمن ..
ليصبح خط الزمن هكذا
7- نضف Keyframe في الخانه 15 ..
و نغير احداثي X في المربع الحواري الى الصفر [ 0.0 ] عن طريق الضغط عليه بأستخدام Selcetion Tool ثم تغيير القيم في الخانه الجانبيه للبرنامج
ثم نضف فريم اعتيادي ' Frame ' في الخانه رقم 44
8- نضف Keyrame في الخانه 45
و Frame في الخانه 53
9- نضف Keyframe في الخانه 54 ..
و نغير الاحداثي X للمربع الحواري الى -240 < لاحظ اشاره السالب !
هكذا تم تصميم الجزء الخاص بـعرض الـTITLE
سنكرر العمليه مرتين اضافيه لعرض معلومات الـARTIST , ALBUM لكن مع تغيير الكود و قيمه الـVariable في المربع الحواري ..
10- نضف Keyframe في الخانه 55 ..
و نضيف الكود التالي :
كود PHP:onEnterFrame = function ()
{
loadVariables("MP://data", _root);
Artist.text = _root.ARTIST;
};
11- نمسح المربع الحواري .. عن طريق الضغط عليه ثم الضغط على زر Delete في لوحه المفاتيح
ثم نضف واحد آخر بنفس طريقه الاول و بنفس الاحداثيات :
X : 0 , Y : 140
W : 240 , H : 30
لكن نضيف ARTIST في الخانه ' Variable '
ثم نضف Frame في الخانه 69
12- نضف Keyframe في الخانه 70 ..
و نغير احداثي X للمربع الحواري الى [ 0.0 ]
ثم نضف Frame الى الخانه 99
- نضف Keyframe في الخانه 100 ..
و Frame في الخانه 108
ثم نضيف Keyframe الى الخانه 109 مع تغيير الاحداثي X الى -240
انتهينا من عرض الـARTIST .. نبدأ بالمرحله الاخيره الخاصه بالـALBUM
13- نضف Keyframe في الخانه 110 ..
و نضيف الكود التالي :
كود PHP:onEnterFrame = function ()
{
loadVariables("MP://data", _root);
Album.text = _root.ALBUM;
};
14- و نمسح المربع الحواري ثم نضف آخر بنفس كما السابق :
X : 0 , Y : 140
W : 240 , H : 30
لكن نضيف ALBUM في الخانه ' Variable ' !!
ثم نضف Frame في الخانه 124
15- نضف Keyframe في الخانه 125 ..
و نغير احداثي X للمربع الحواري الى [ 0.0 ]
ثم نضف Frame الى الخانه 154
- نضف Keyframe في الخانه 155 ..
و Frame في الخانه 163
ثم نضيف Keyframe الى الخانه 164 مع تغيير الاحداثي X الى -240
- الخطوه المختلفه هي اضافه فريم ليقوم بتكرار العمليه اثناء تشغيل الفلاش على الجوال ..
نقوم بذلك عن طريق اضافه Keyframe في الخانه 165
و نضيف كود التكرار :
كود PHP:gotoAndPlay(1);
و اخيراً نضيف ما يسمى بالـTween بالضغط على الفريم المطلوبه بالزر الايمن و اختيار ' Creat Classic Tween '
نضيف الـTween الى الفريمات التاليه :
2 , 45 , 55 , 100 , 110 , 155
هذه هو جزء من خط الزمن بعد اضافه التويين :
تم الانتهاء من الخلفيه الفلاشيه .. نقوم بحفظها عن طريق :
File > Export > Export Movie
-- -- --
لتحميل الخلفيه الفلاشيه :
Final.swf
و لتحميل ملف الـSource للخلفيه لمن يريد تحميله :
Final.fla
الموضوع هو مجهود شخصي بالكامل و لا احلل نقله دون ذكر المصدر !
مع تحياتي .. Sony Prince
مواقع النشر (المفضلة)