عمل ألبوم للصور باستخدام قائمة من الأرقام

اليوم نبدأ درس بسيط لصف التمهيدي للفلاش وللمبتدئين

أساتذة الفلاش مسموح دخولكم للإشراف فقط

اليوم راح نتعلم عمل ألبوم للصور باستخدام قائمة من الأرقام

هذا الدرس مشابه لدرس أخوي ALBITAR

هو أستخدم أزرار التنقل واليوم راح نتعلم أستخدام الأرقام

من خلال درسنا راح نتعلم عدة أشياء :

1- طريقة إضافة الصور للفلاش

2- تحويل الصورة إلى رمز ( Symbol )

3- تحويل الرقم إلى زر ( Button )

4- إضافة كود إكشن سيربت (action script code ) إلى زر

أولا نعرض النتيجة :

[FLASH=http://vb.eyesweb1.net/uploaded/31_1181561697.swf]width=270
height=240[/FLASH]

نبدأ بسم الله الطريقة

الخطوة الأولى :

افتح مستند جديد في برنامج الفلاش

الخطوة الثانية :

نقوم بإدراج الصور المختارة إلى المكتبة بالضغط على

File > Import > Import to Library

الآن أضغط على F11 ستجد الصور موجودة بالمكتبة كالصورة التالية



الخطوة الثالثة :

أضغط على Ctrl+J وقم بتعديل أبعاد الفلاش حسب ما ترغب

هنا وضعنا الإعدادات التالية :

width : 270 px

height : 240 px

لون الخلفية : أبيض

frame rate : 28



الخطوة الرابعة :

قم بسحب الصورة الأولى من المكتبة إلى ساحة العمل

بالضغط عليها والسحب إثناء الضغط

الخطوة الخامسة :

أضغط على Ctrl+K لتوسيط الصورة في ساحة العمل

1- أضغط على Align/Distribute to Stage
2- أضغط على Align horizontal center
3- أضغط على Align vertical center



الخطوة السادسة :

أضغط على لير الصورة مرتين لتغيير اسم اللير إلى image 1

الخطوة السابعة :

أضغط على الفريم الأول ثم أضغط F9 سوف تفتح لديك لوحة الأكشن

تأكد من تغيير طريقة خيارات العرض إلى Expert Mode



ألصق الكود اللأكشن التالي


كود:

stop();

الخطوة الثامنة:

أضف طبقة جديدة وضعها أسفل طبقة الصورة وعدل أسمها إلى numbers



الخطوة التاسعة :

أضغط على لير الأعداد ثم أختار أداة الكتابة أضغط على Ctrl+F3



وأختر الأعدادات التالية :

بعد ذلك قم بكتابة الأعداد 1 2 3 4 5 ( حسب عدد صورك )




الخطوة العاشرة :

نختارة أداة السهم الأسود بالضغط على حرف V من الكيبورد

نحدد الرقم 1



أضغط على F8 لكي نحوله غلى رمز وأختار button



الخطوة الحادية عشر :

أضغط على F9 وألصق الأكشن التالي


كود:

on (release) {
gotoAndPlay(1);
}

الخطوة الثانية عشر :

أختر مرة أخرى أداة السهم الأسود بالضغط على حرف V من الكيبورد

ونحدد الرقم 2

أضغط على F8 لكي نحوله غلى رمز وأختار button



الخطوة الثالثة عشر :

أضغط على F9 وألصق الأكشن التالي


كود:

on (release) {
gotoAndPlay(2);
}

الخطوة الرابعة عشر :

مثل مافعلنا بالعددين 1 2 نكرر نفس الخطوات مع بقية الأعداد

ونضيف الأكشن على حسب رقم الصورة


الرقم 3 :



كود:

on (release) {
gotoAndPlay(3);
}

الرقم 4 :


كود:

on (release) {
gotoAndPlay(4);
}

الرقم 5 :


كود:

on (release) {
gotoAndPlay(5);
}


الخطوة الخامسة عشر :

توجه إلى لير الأعداد وأضغط على الفريم رقم 5 وأضغط على F5

( إذا كان عدد الصور لديك أكبر أو أصغر من خمسة أضفط على الفريم الموافق
لعدد الصور )

الخطوة السادسة عشر :

أضف لير جديد فوق لير image 1 وسمية image 2


الخطوة السابعة عشر :

أضغط على الفريم الثاني من لير image 2

وأضغط على F6

قم بسحب الصورة الثانية من المكتبة لساحة العمل

ثم أعد ماقمنا به في الخطوة الخامسة :

الخطوة الثامنة عشر :

أضغط على الفريم الثاني من لير image 2 ( فريم الصورة الثانية )

ثم أضغط F9 أضف الأكشن التالي :


كود:

stop();

الخطوة التاسعة عشر :

مثل ماقمنا به مع الصورتين 1 2 نكرر نفس الخطوات مع بقية الصور

نضيف ليرات جديدة ونضيفها كالتالي

الصورة 3 في الفريم رقم 3

الصورة 4 في الفريم رقم 4

الصورة 5 في الفريم رقم 5

وكل صورة في لير مستقل

يصبح الشكل لدينا كالتالي



وما ننسي الكود في فريم كل صورة


كود:

stop();

الخطوة العشرون :

أنتهى العمل يبقى لدينا خطوة أخيرة

نضغط على فريمات الصور في جميع ليرات الصور

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

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

يصبح لدينا الشكل كالتالي



نقوم بتعديل موضع الصور برفعها قليلا للأعلى

أنتهينا من جميع الخطوات قم بتجربة عملك بالضغط على Ctrl+ Enter



أرق تحية