دروس فـلاش للمبتـدئيــن

[محمد سراج]

سنتعرف على كيفية حفظ الرسوم المتحركة بالمكتبة واحضارها منها .

إليـكمـ الطريقـة :

سندخل أولاً لـ أحد مواقع الـ animations
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

سنختار إحداها.. ونضغط بيمين الماوس عليها ثم نختار من القائمة
save picture As
بذلك حفظنا الشكل المتحرك بجهازنا .

وانا حفظت هذا الشكل:




سـ نفتح الآن برنامج الفلاش
ونضغط على الفريم الاول
نختار File ثم import ونختار import to Library
ونختار الشكل المتحرك الذي حفظناه من قبل .

قمنا الآن بحفظ الـ animation داخل المكتبة
نختار الفريم الذي سنضع فيه حركة الـ Animation
ثم نضغط ****** و Library
ستظهر لنا نافذة المكتبة .. وسنختار منها الشكل المتحرك نوع Movie Clip وليس Bitmap
مثال :





ونسحبه بالماوس الى مسرح العمل .

يمكنك الآن التحكم بحجم الـanimation

الآن سنضع الحركة الاخيرة من حركة الـ animation ونختار الفريم العشرين التالي .
فإذا كانت الحركة الاولى في الفريم رقم 10 .. فستكون الحركة الأخيرة هي الفريم رقم 40 او 45 .

ملاحظة : لا تضغط على Create Amotion Tween في لاير الـanimation

وهذا مثال بسيط على درسنا .


أرجو أن يكون الشرح وافياً ..
والى اللقاء.

[محمد سراج]

درس الفلاش20 : تشغيل الصوت بمجرد مرور الماوس على الشكل

بهذا الدرس سنتعرف على كيفية عمل شكل بمجرد أن تمرر الماوس عليه يشتغل الصوت
وهذه أحد الأمثلة على تطبيقات الدرس - اضغط ضغطة أولى على الشكل ثم قم بتمرير السهم على الشكل- :



خطــوات الـدرس :

1) في الفريم الاول نضع الصورة التي نريد تشغيل الصوت عليها بمجرد مرور الماوس عليها .

2) نفتح لاير جديد

3) نختار أداة المربع .. ونرسم بها شكلاً بحجم الصورة .

4) نضغط على الفريم الاول من اللاير الثاني ثم نختار F8 ونحدد Movie Clip

5) الآن نختار أداة السهم .. ونضغط ضغطة مزدوجة على الشكل الذي رسمناه بأداة المربع

6) دخلنا الآن الى خصائص الـ Movie Clip.. ونضغط F8 ونختار Button

7) نذهب الى مسرح العمل ونضغط بالسهم ضغطتين على الشكل .

8) دخلنا الآن الى خصائص الـ Button وسنجد الاطارات الاربعة(up و over وDown وHit) الخاصة بالزر

سنقوم بسحب الإطار الـ Up الى الاطار Hit
9) ثم نضغط على مشهد symbol 1

الشكل :





10) الآن نضغط على الفريم 10 ثم F5

11) نفتح لاير جديد

12) نختار الفريم 5 من اللاير الجديد ثم نضغط F6

13) نختار الفريم 5 من اللاير الأول ثم نضغط F6

14)الآن مانزال في الفريم 5 من اللاير الاول .. نضغط File ثم نختار Import و نختار ملف الصوت .

15) نضغط الفريم 5 من اللاير الثاني ونضغط من قائمة Sound ونختار الصوت الذي اضفناه ،

ثم نختار من قائمة Start..sync

ونضع الرقم 1بقائمة repeat ثم نحوّله الى Loop

16) نضغط على الفريم الاول من اللاير الثاني .. و ندخل للـ Action من خلال تبويب Actions
الشكل:





ونضغط ضغطتين على الامر Stop .. ثم نغلق الاكشن .

17) نضغط الفريم 5 من اللاير الثاني وندخل للأكشن من تبويب Actions ..

ثم نضغط ضغطتين على الامر Stop .. وبعدها نغلق الاكشن.

18) نضغط على الفريم الاول من اللاير الاول
ثم بالسهم نضغط على الشكل بمسرح العمل .. وفتح الـ Action

ثم نضغط ضغطة مزدوجة على أمر goto

ثم من جهة اليمين نجد الخانة Frame ونضع الرقم 5

نضغط بالسهم على الأمر on (release)

هكذا:





سنجد مربع الخصائص يظهر لنا
فنزيل علامة الصح من مربع Release

الشكل:





ونضع صح في مربع Roll Over





نخرج من الاكشن

19) نضغط الفريم 5 من اللاير الاول
ونضغط بالسهم على مسرح العمل .. ثم نفتح الأكشن

20) نضغط ضغطتين على أمر StopAllSounds

ثم ضغطتين على أمر goto

نضغط بالسهم على الأمر on (release)





سيظهر لنا مربع الخصائص
سنزيل علامة الصح من مربع Release

ونضع صح امام مربع Roll Out





ونخرج من الاكشن

الآن نضغط على المشهد الرئيسي Scene1





اضغط Ctrl + Enter ثم احفظ العمل .

انتهى

[محمد سراج]

بهذا الدرس سنتعرف على كيفية عمل شكل يتبع الماوس ، كهذا التطبيق - اضغط اولا على الشكل ثم حرّك الماوس - :

الخطــوات:

1) نرسم شكل صغير -ببرنامج الفلاش -.

2) نضغط الآن على الفريم الاول ثم نضغط F8
ونختار Movie Clip

3) نضغط على الشكل بمسرح العمل و بيمين الماوس نختار Action ، ونضع هذا الكود :

onClipEvent (load) {
startDrag("", true);
}

4) نضغط على الفريم الاول وبيمين الماوس نختار Action ، ونضع هذا الكود:

mouse.hide();

5) احفظ العمل ثم اضغط Ctrl + Enter

تحياتي .

[محمد سراج]

درس الفلاش22 : اضافة تأثير متحرك للنص

بسم الله الرحمن الرحيم
سنتعرف بهذا الدرس على بعض التأثيرات الجاهزة والموجودة باصدار فلاش 8 والتي تضيف بعض التأثيرات الجميلة على النصوص او حتى الصور .. كهذين الشكلين :

الشكل الاول : (توسيع)


والشكل الثاني : (تفريق) تكسير



خطوات عمل الشكل الاول :
1) اجعل اولاً قياسات الشكل 500 ×130
2) اكتب النص ثم اضغط على مسرح العمل وبيمين الماوس اختر Timeline Effects
ثم Effects .. واختر Expand

الشكل:




3) احفظ العمل ثم شاهده بالضغط على Ctrl +Enter

خطوات عمل الشكل الثاني :
1) نضع ذات القياسات 500×200
2) نكتب النص ثم نضغط على مسرح العمل وبيمين الماوس نختار Timeline Effects
ثم Effects .. ونضغط على Explode

الشكل:




3) احفظ العمل ثم شاهده .

[محمد سراج]

السلام عليكم
ربما يعتبر درس الساعة الرقمية من اسرع واسهل دروس الفلاش على الاطلاق ،
وهذا ماسوف نكتشفه من خلال خطوات الدرس ،
علماً بأن الساعة تعمب بنظام AM - PM
كهذا المثال التطبيقي :

خطـوات الدرس:
1) نضغط على الفريم الثاني ثم F5
2) نختار أداة النص ..
ومن قائمة Properties
نحول خاصية النص الى Dynamic ****
كما الشكل:


و بـ خانة Var نكتب time
الشكل:


3) نعود الى الفريم الاول ، وبـ يمين الماوس نختار Action
ونضع هذا الكود :

now=new Date();
now=new Date(); s=now.getSeconds(); 
if (s<10) { s="0"+s; } m=now.getMinutes(); 
if (m<10) { m="0"+m; } h=now.getHours(); ampm="AM"; 
if (h<10) { h="0"+h; } else if (h>=12) { ampm="PM"; h=h; 
if (h>12) { h=h-12; } 
if (h<10) { h="0"+h; } } time=h+":"+m+":"+s+" "+ampm; 

ثم نخرج من الـAction
6) ونحفظ العمل ثم نشاهده .
انتهى .
تحياتي