بسم الله الرحمن الرحيم

هذا الموضوع يتضمن جميع دروس الفلاش (8) التي قمت بشرحها بطريقة مبسطة ومزودة بالصور التوضيحية لتسهيل وصول المعلومة لكل من يرغب بتعلّم الفلاش من دون تعقيدات .
فأرجو أن ينال الشرح رضاكم ، متمنياً الفائـدة والمتعة للجميــع .


ولنبدأ مع الدرس الاول: التعرف على قائمة الأدوات


لابد من الإشارة الى أن التطبيقات ستكون جميعها ستكون ببرنامج الفلاش Professional 8 .



ونتعرف أولا على شريط الأدوات:

http://www.mothhel.net/uploader/users/loyal/adwat_elrasm.jpg

ثانيا نتعرف على شريط الوقت و مسرح العمل (منطقة العمل) .

- شريط الوقت عبارة عن نافذة كبيرة موجودة أعلى مسرح العمل مباشرة .. وتتكون من الفريمات (جمع فريم) Frames ، و الطبقات او لايرات (جمع لاير) Layers .



اما - مسرح العمل فهي المنطقة الواسعة المستطيلة الشكل والتي نقوم بعمل حركات الفلاش فيها .

http://www.mothhel.net/uploader/users/loyal/frame_0.jpg


تحياتي والى اللقاء بالدرس القادم


اخــوكمـ :

LoYal

درس الفلاش 2 _ تكبير و تصغير الدائرة


سنتعرف على كيفية عمل دائرة تتدرج في الحجم من الاكبر فالاصغر .. كهذا الشكل :

width=200 height=100


خطوات الدرس :

1) نضغط على فريم (1)

http://www.geocities.com/saaami_1977/frame_1.jpg

2) بأداة الدائرة نرسم دائرة كبيرة

http://www.geocities.com/saaami_1977/frame_2.jpg

3) نضع الماوس على الفريم (1) لكي نظلل الدائرة

4) نضغط F8 و نختار Graphic ثم اوكي

5) نضغط على الفريم (15) ثم نضغط F6

6) نختار أداة تغيير حجم الاشكال http://www.geocities.com/saaami_1977/freetransform.jpg ونقوم بتصغير الدائرة بسحبها للداخل

http://www.geocities.com/saaami_1977/frame_3.jpg

7) نضلل اللاير ونضغط يمين الماوس ونختار Create motion Tween

http://www.geocities.com/saaami_1977/frame_6.jpg

8) نشاهد العرض بالضغط على Ctrl + Enter

انتهى الدرس .

درس الفلاش 3 _ تحريك النص

سنتعرف بدرس اليوم على كيفية تحريك النص يميناً و يساراً .. كهذا الشكل :

width=200 height=100

خطوات الدرس :

1) نضغط على فريم (1)


2) بأداة النص نكتب كلمة -متوسطة الحجم- .. ثم نسحبها بأداة السهم الى اقصى اليسار .

http://www.geocities.com/saaami_1977/frame_4.jpg

3) نضع الماوس على الفريم (1) لكي تضلل النص

4) نضغط F8 و نختار Graphic ثم اوكي

5) نضغط على الفريم (15) ثم نضغط F6


6) نسحب الكلمة الى أقصى اليمين -بأداة السهم-

http://www.geocities.com/saaami_1977/frame_5.jpg

7) نضلل اللاير ونضغط يمين الماوس ونختار Create motion Tween

http://www.mothhel.net/uploader/users/loyal/frame_6.jpg

8) نشاهد العرض بالضغط على Ctrl + Enter

انتهى الدرس .

درس الفلاش 4 _ استخدام الشفافية Alpha

سنتعرف بدرس اليوم على كيفية استخدام الشفافية ( alpha) .. كهذا الشكل :
width=200 height=100

خطوات الدرس :

1) نضغط على فريم (1)


2) نرسم مربع


3) نضع الماوس على الفريم (1) لكي نظلل المربع


4) نضغط F8 و نختار Movie clip ثم اوكي


5) نضغط على الفريم (15) ثم نضغط F6


6) نختار window ثم Properties وايضاً Properties

ثم نختار من خانة Color الشفافية (Alpha)

http://www.mothhel.net/uploader/users/loyal/frame_7.jpg


و نضع قيمة الشفافية 0%

http://www.mothhel.net/uploader/users/loyal/frame_8.jpg

* في حال لم تظهر لك هذه ظهور الخاصية ، اضغط على المربع -بمسرح العمل- بالماوس ضغطة واحدة ..وسوف تظهر لك الخاصية .


7) نضلل اللاير ونضغط يمين الماوس ونختار Create motion Tween

http://www.mothhel.net/uploader/users/loyal/frame_6.jpg

8) نضغط Ctrl + Enter



احفظ العمل بامتداد fla .. ثم اضغط مرة اخرى Ctrl+Enter ..

ثم قم برفع الملف بامتداد swf للانترنت .

انتهى الدرس .

درس الفلاش 5 _ تدوير الاشكال

سنتعرف اليوم على كيفية تدوير الاشكال كهذا الشكل :
width=200 height=100


خطوات الدرس :

1) نضغط على فريم (1)

2) نرسم مربع .

3) نضع الماوس على الفريم (1) لكي نظلل المربع .

4) نضغط F8 و نختار Graphic ثم اوكي

5) نضغط على الفريم (30) ثم نضغط F6

6) نعود للفريم الاول ثم نضغط بالسهم على المربع -الموجود بمسرح العمل-

7) نضغط Ctrl + F3 لاظهار لوحة الخصائص Properties
ومن قائمة Tween نختار Motion

http://www.mothhel.net/uploader/users/loyal/frame_9.jpg

ثم من قائمة Rotate
نختار CW أو CCW
ثم نضع امام خانة Times رقم 3
ونضع علامة صح في مربع Snap

http://www.mothhel.net/uploader/users/loyal/frame_10.jpg

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



انتهى الدرس .

ملاحظة : بعد تطبيق هذا الدرس بالامكان التلاعب بحجم وحركة المربع ..كأن تقوم بتصغيره في أول فريم وتكبيره في آخر فريم.. أو تحريكه كهذا الشكل :

width=200 height=100

درس الفلاش 6 _ تأثيـر المورفينج

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

width=200 height=200



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

1) في الفريم الاول نرسم مربع ونضغط F8 .

2) نضغط modify ثم Break Apart

3) نضغط على الفريم (30) ثم F6 ثم نزيل المربع بضغط Delete ونرسم مكانه دائرة .

4) نعود للفريم (1) و نضغط Ctrl+F3
ونختار من خانة Shape < ----- Tween
و من Angular< ----- Blend .


5) نرجع للفريم (30) و نضغط Ctrl+F3
ونختار من خانة Shape < ----- Tween
و من Angular< ----- Blend .

6) نضغط على الفريم (40) ونضغط F6 .

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


انتهى الدرس .

درس الفلاش 7 _ دائرة تمشي على خط متعرج

درس اليوم عبارة عن دائرة تمشي على خط متعرج.. كما في الشكل :

width=300 height=200

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

1) في الفريم الاول نرسم دائرة بدون حواف -حجمها يكون متوسط - وثم نضغط F8 .

2) نضغط الفريم (30) و F6

3) الآن نضغط على زر Add motion Guide وهو بجانب زر اضافة لاير جديد .

http://www.mothhel.net/uploader/users/loyal/frame_20.jpg

4) نضغط على الفريم (1) في اللاير الجديد ونرسم بأداة القلم الرصاصhttp://www.mothhel.net/uploader/users/loyal/pencil_tool.jpg خط متعرج ، كما في الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_17.jpg

5) نعود الى لاير الدائرة ، وبالتحديد الفريم الاول فنلاحظ وجود حلقة داخل الدائرة

http://www.mothhel.net/uploader/users/loyal/frame_18.jpg

6) نضغط أداة السهم و نقوم بسحب الدائرة من الحلقة الى أول الخط المتعرج

7) نضغط الفريم (30) ونسحب الدائرة من حلقتها بكل حذر بمحاذاة الخط المتعرج-دون انحراف - الى نهاية الخط المتعرج .

http://www.mothhel.net/uploader/users/loyal/circel_line.gif

8) الآن نعود الى شريط الوقت ، و لاير الدائرة بالتحديد ثم نضغط Create Motion Tween .

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

انتهى الدرس .

درس الفلاش 8 _ عمل الماسك جـ 1

درس اليوم سنتعرف من خلاله على كيفية عمل الماسك وهي طريقة أولى -حيث توجد أكثر من طريقة له - ..
إليكم المثال الذي سنطبقه :

width=300 height=200

خطوات الدرس :

1) في أول فريم نكتب النص .

2) نفتح لاير جديد ، ونسحب اللاير الأول الخاص بالنص الى أعلى ، ثم نضغط على شكل القفل .
http://www.mothhel.net/uploader/users/loyal/frame__140.gif

3) نعود الى اللاير الثاني ونرسم به مستطيل (بأي لون) ، ثم نسحبه الى بداية النص ثم نضغط F8 ونختار موفي كليب .

http://www.mothhel.net/uploader/users/loyal/frame_25.jpg

4) نضغط على الفريم (20) و F6 ونسحب المستطيل الى آخر النص.

http://www.mothhel.net/uploader/users/loyal/frame_26.jpg

5) بـ لاير المستطيل نضغط الفريم (20) و نضغط Creat motion

6) نظلل الآن لاير النص ، ثم نضغط على جهة شريط الوقت بيمين الماوس ونختار Mask .

http://www.mothhel.net/uploader/users/loyal/frame_27.jpg

7) احفظ العمل ثم اضغط Ctrl + Enter لمشاهدته .

انتهى الدرس .

درس الفلاش 8 _ عمل الماسك جـ 2

الطريقة الثانية لتأثير القناع Mask

إليكم المثال :

width=200 height=100

خطوات الدرس :

1) نكتب النص ونجعله بمنتصف مسرح العمل بالضغط على Align أو ( Ctrl + K) ،ثم نضغط F8

http://www.mothhel.net/uploader/users/loyal/Align.jpg

2) نستخدم خاصية الـ Alpha و نجعل درجة الشفافية 50 %

http://www.mothhel.net/uploader/users/loyal/frame_7.jpg

3) ننسخ النص -بالضغط على فريم النص ثم نضغط أداة النسخ- .


4) نضغط الفريم (20) ثم F6 .

5) نفتح لاير جديد و نرسم به مستطيل ونسحبه الى ماقبل بداية النص ثم نضغط F8 .

http://www.mothhel.net/uploader/users/loyal/frame_28.jpg

6) نضغط فريم (20) ثم F6 ونقوم بـ سحب المستطيل الى نهاية النص .

http://www.mothhel.net/uploader/users/loyal/frame_30.jpg

7) بـ لاير المستطيل نضغط Create Motion Tween .

8) نفتح لاير ثالث جديد ،نضغط الفريم الاول ونُـلصق به النص المنسوخ ،ونجعله مطابقاً تماماً مع النص الاصلي ، ثم نضغط F8 .

9) نضغط فريم (20) ثم F6 .

10) نضغط بجهة اليسار من شريط الوقت ونظلل لاير المستطيل.


http://www.mothhel.net/uploader/users/loyal/frame_27.jpg

نضغط بيمين الماوس ..و نختار قناع Mask


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



انتهى الدرس .


http://forum.hawaaworld.com/files/64681/b281.gif


نأتي الآن الى طريقة عمل المستطيل الموجود بالدرس أعلاه :



1- نرسم مستطيل صغير الحجم

http://www.mothhel.net/uploader/users/loyal/rectangle1.gif


2- نختار أداة اللون الداخلي .. ونختار منه تدريج -الاسود والابيض- الموجود ببداية جهة اليسار

http://www.mothhel.net/uploader/users/loyal/frame_29.jpg

3- أصبح مستطيل متدرج اللون ، كما بالشكل:

http://www.mothhel.net/uploader/users/loyal/rectangle2.gif

4- انسخ الشكل.. ثم ألصق كل نسخة بجانب بعضها البعض (حتى تبدو ككتلة واحدة ) :

http://www.mothhel.net/uploader/users/loyal/rectangle4.gif

5- نحدد الشكل ككل ..ثم نختار Ctrl + F9 لإظاهر Color Mixer

http://www.mothhel.net/uploader/users/loyal/rectangle5.gif


6- نقوم بتغيير اللون الاسود الموجود بالاسفل.. وكذلك نسحب السهم الموجود بجهة اليمين ، وذلك لتفتيح لون الشكل :

http://www.mothhel.net/uploader/users/loyal/rectangle6.gif

فيتحوّل لون المستطيل الى لون آخر كـ هذا :

http://www.mothhel.net/uploader/users/loyal/rectangle7.gif

درس الفلاش 8 _ عمل الماسك جـ 3

الطريقة الثالثة لتأثير القناع Mask

شاهـد المثال التوضيحي :

width=200 height=100

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

قياسات 300 × 100
1) نرسم دائرة حمراء بأقصى اليسار.. ثم نضغط F8
نضغط فريم ( 20 ) و F6
ثم نحركها الى اقصى اليمين ..ونضغط Creat Motion

2) نفتح لاير جديد ونكتب النص ثم F8
ونضغط فريم (20) ثم F6

http://www.mothhel.net/uploader/users/loyal/frame_31.jpg


3) نفتح لاير ثالث ونرسم دائرة صفراء و تكون مطابقة على الدائرة الحمراء ثم نضغط F8
نضغط على شفافية Alpha ( بالضغط على Ctrl + F3 )
و من قائمة Color ..نختار Alpha
نجعل نسبة الشفافية 40%

4) نضغط فريم (20 ) و F6
نحرك الدائرة الى جهة اليمين ..ثم نختار Creat Motion

5) نذهب الى لاير النص ونحوّله الى Mask .

6) احفظ التطبيق ثم اضغط Ctrl + Enter .

انتهى الدرس

درس الفلاش 8 _ عمل الماسك جـ 4

الطريقة الرابعــة للقنـاع ،كهذا المثال التوضيحي:
width=200 height=100

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

1) في الفريم (1) نضع خلفية ملونة بألوان متعددة ، ثم نضغط فريم (40) و F6

2) نفتح لاير جديد وبـ أول فريم نكتب النص - ويكون بـ لون فاتح- ثم نضغط F8 ، ثم نضغط فريم (40) و F6 ونعطي النص حركة معينة أو نغيّر بحجمه .

3) نحول لاير النص الى Mask

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

درس الفلاش 8 _ عمل الماسك جـ 5

الطريقة الخامسة للقناع Mask
نختتم بهذا الجزء دروس الماسك ..
وسنقوم بمعرفة طريقة عمل ماسك كهذا المثال :

width=300 height=200


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

1) نفتح لاير ونضع فيه الخلفية (صورة) ثم نضغط فريم 40 و F6

2) نفتح لاير ثاني ونكتب بأول فريم النص المطلوب

3) نفتح لاير ثالث ونرسم بأول فريم مستطيل بمقاس النص الذي كتبناه ثم نضغط فريم 40 و F6

4) الآن نذهب الى لاير النص ونقوم بتحريك النص بحيث يمر عبر المستطيل ثم يتوقف للحظات بداخله .. ثم يستكمل مسيره الى خارج إطار المستطيل ، وتكون آخر حركة للنص في الفريم رقم 40 .

5) الآن نضغط على لاير المستطيل ثم نختار Mask .

درس الفلاش 9_ تغيير لون النص لأكثر من لون

نستأنف دروسنا الفلاشية التي توقفنا عندها .. ونتعرف اليوم على كيفية تغيير لون النص الى اكثر من لون .. كما في الشكل :

width=200 height=100

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

1) نكتب النص في أول الفريم ثم F8

2) نضغط الفريم(10) ثم F6 ثم F8 ونغير لون النص بالضغط Ctrl + F3 - واذا لم تظهر لك قائمة color - اضغط بالماوس على النص الموجود بمسرح العمل ..وستجد ان قائمة Color قد ظهرت .. فاختر منها Tint وغير اللون بالضغط على مربع اللون .

http://www.mothhel.net/uploader/users/loyal/frame_35.jpg

3) نضغط الفريم (20) ثم F6 ثم F8 ثم اضغط Ctrl + F3 و اضغط بالماوس على النص .. و غير لون النص .

4) حدد اللاير ككل ثم اضغط Creat Motion

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


انتهى الدرس .

درس الفلاش 10_ إزالة زوائد الصورة

السـلام عليـكمـ
درسنـا لهذا اليوم .. سنتعرف من خلاله على كيفية إزالة الزوائد من الصورة .. كما الصورة :
الصورة الاصلية

http://www.mothhel.net/uploader/users/loyal/bo5dod.jpg

الصورة بعد ازالة الزوائد منها

http://www.mothhel.net/uploader/users/loyal/frame_37.jpg


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

1) نفتح الصورة
2) نضغط Ctrl + B لتتنقط الصورة

http://www.mothhel.net/uploader/users/loyal/frame_36.jpg

3) نختار أداة الممحاة Eraser

http://www.mothhel.net/uploader/users/loyal/Eraser_tool.jpg

وللتحكم بحجم الممحاة .. نضغط على الخصائص - الموجود بأسفل شريط الأدوات -

http://www.mothhel.net/uploader/users/loyal/Eraser_option.jpg

او يمكن استبدال الممحاة بـ أداة الحبل

http://www.mothhel.net/uploader/users/loyal/lasso_tool.jpg

ثم نختار بأدنى شريط الادوات أداة العصا السحرية

http://www.mothhel.net/uploader/users/loyal/magic_wand.jpg

- استخدمت انا بهذا الدرس أداة الممحاة -

4) نقوم الآن بمسح الاجزاء الزائدة من الصورة.. كما الشكل:

http://www.mothhel.net/uploader/users/loyal/cut_pic.gif

5) اضغط الآن F8
وأضف الصورة لمشهدك .

وهذا هو المشهد التوضيحي:

width=300 height=200

درس الفلاش 11_ حفظ واستجلاب الحركة من المكتبة

سنتعرف بهذا الدرس على كيفية استجلاب الحركات من المكتبة..

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

1) نضغط على الفريم (1) ثم نضغط Ctrl + F8
نكتب العنوان حركة .. ونختار Movie Clip ثم اوكي

2) نقوم بعمل اي حركة بسيطة (نرسم دائرة مثلا) ثم نضغط F8

3) نضغط فريم (15) ثم F6 ونسحب شكل الدائرة الى الأسفل ثم نضغط Color ثم Alpha للشفافية ونختار القيمة ( 0% )
ثم نغضط Creat Motion

4) نعود للمشهد الرئيسي بالضغط على Scene 1 - الموجود أعلى شريط الوقت -

http://www.mothhel.net/uploader/users/loyal/frame_38.jpg

5) نضغط على الفريم الاول ثم نفتح المكتبة باختيار window ثم Library -اختصرها بضغط Ctrl +L -
وستجد ملف باسم حركة .. ضلله ثم اسحبه الى مسرح العمل ثم اضغط الفريم (15) ثم F6

6) افتح لاير جديد و على الفريم (5) نضغط ثم F6

7) نفتح المكتبة مرة اخرى Ctrl + L ونسحب ملف الحركة ثم نضغط فريم (20) و F6

8) نفتح لاير ثالث جديد ونضغط على الفريم (10) و F6
نفتح المكتبة من جديد ونسحب ملف الحركة .. ثم نضغط فريم (25) و F6

اصبح شريط الوقت بهذا الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_39.jpg

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

وهذه هي النتيجة النهائية :
width=200 height=100

انتهى الدرس .

درس الفلاش 12_ عمل أزرار الضغط

سنتمكن اليوم من عمل ازرار للضغط كهذه .. - اضغط عليها - :

width=150 height=50


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

1) نضغط على اول فريم ثم نضغط Ctrl +F8 ونختار Button ثم اوكي

2) نرسم مربع بـ لون معين ، نضغط على مربع Over ثم F6 ونغير لون المربع , ثم نضغط مربع Down .
نعود الى المشهد الرئيسي بالضغط على Scene 1 - الموجود أعلى شريط الوقت بجهة اليسار- .

3) نضغط أول فريم و نفتح المكتبة بالضغط على Ctrl + L .. ثم نسحب الـ زر منه الى مسرح العمل .

4) نضغط على المربع الموجود بمسرح العمل وبـ يمين الماوس نختار Action .

و من القائمة الجانبية نختار Global Functions ثم Browser/Network و دبل كلك على getURL .. ثم نضغط على العصا السحرية سكربت Assist http://www.mothhel.net/uploader/users/loyal/___assist.gif والموجودة أعلى نافذة الاكشن .

ملاحظة هامة : بخانة URL نكتب الرابط مضافاً إليه //:http .


* علماً بأن كتابة الرابط بدون //:http سيؤثر بعمل زر الضغط ولن يفتح الرابط .

http://www.mothhel.net/uploader/users/loyal/frame_44.jpg

ثم اختر من خانة Window الاختيار blank_ ،
واترك الخانة الثالثة كما هي .

و أغلق نافذة الاكشن ثم احفظ الملف .. ثم اضغط Ctrl + Enter

انتهى الدرس .

درس الفلاش 13_ تحويل جزء من الصورة الى ازرار

بهذا الدرس سنتعرف على كيفية تحويل جزء من الصورة الى أزرار ضغط .

كهذا الشكل : -اضغط على صورة الديناصور - :

width=300 height=200

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

1) بالفريم الاول نضع الصورة

2) نفتح لاير جديد ، ثم نختار أداة الفرشاة Brush Tool http://www.mothhel.net/uploader/users/loyal/Brush-tool.gif

و نقوم بتلوين الجزء المُـراد تحويله الى زر .

http://www.mothhel.net/uploader/users/loyal/frame_47.jpg

3) نضغط F8 ونختار Button ثم أوكي .

4) نضغط بأداة السهم ضغطتين على الجزء الذي لوّناه .. وسيقوم بفتح الـ Button ، فنختار Over و F6 ومرة أخرى F6 ومرة ثالثة F6 .. ثم نعود الى Up ونضغط Delete .. واضغط Over ثم Delete .. اخيرا Down ثم اضغط Delete -واترك Hit -
http://www.mothhel.net/uploader/users/loyal/frame_49.jpg

5) نعود الى المشهد الرئيسي بالضغط على Scene 1 .

6) نؤشر بالسهم على موضع الزر -بمسرح العمل- ، ونضغط يمين الماوس ثم نختار Action ومن القائمة الجانبية نختار Global Function ثم Browser/Network ، ثم دبل كلك على getURL.. ستظهر لنا الخانات الثلاثة :

في خانة URL نكتب العنوان كاملا
وفي خانة Wondow نختار blank_
اما الخانة الثالثة فنتركها كما هي .

7) احفظ الشكل ثم اضغط Ctrl + Enter لمشاهدته .


انتهى الدرس .

درس الفلاش 14 _ تأثيرات جاهزة للنصوص

لإضافة بعض التأثيرات الجاهزة على النصوص

1) نكتب النص

2) نختار من properties.. window.. ثم Filter

فتظهر لنا قائمة الفلاتر .. نضغط على علامة الزائد

http://www.mothhel.net/uploader/users/loyal/frame_55.jpg

ثم نختار أياً من الاختيارات السبعة الاخيرة وهي:
Drop Shadow
Blur
Glow
Bevel
Gradient Glow
Gradient Beve
Adjust Color

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

http://www.mothhel.net/uploader/users/loyal/frame_56.jpg

في النهاية .. هذا هو الفلتر الذي اخترناه :
http://www.mothhel.net/uploader/users/loyal/frame_57.jpg


انتهى الدرس .

درس الفلاش 15 _لعمل وميض للنص

من الدروس المستخدمة بكثرة في البنرات الاعلانية .. ((النص المضئ )) .. كهذا المثال :

width=200 height=100

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

أولاً إجعل الخلفية داكنة .

1) بأول الفريم نكتب النص بـ لون - رمادي مثلاً - ثم نضغط F8 ونختار Graphic
ثم نضغط فريم(20) و F6 .

2) ننسخ هذا النص

3) نفتح لاير جديد ونضغط الفريم (10 ) ثم نضغط F6

4) نلصق النص ثم نضغط Ctrl +B ثلاث مرات متتالية حتى يتنقّط النص
ثم نغير لونه الى الابيض .

http://www.mothhel.net/uploader/users/loyal/frame_58.jpg

5) نضغط F6 مرتين حتى يتفعّل الفريم (11) .

http://www.mothhel.net/uploader/users/loyal/frame_59.jpg

6) نحفظ الملف ثم نضغط Ctrl+Enter

انتهى الدرس .

درس الفلاش 16 _ عمل زر تشغيل وايقاف الصوت

بهذا الدرس سنتعرف على كيفية عمل زر لتشغيل وايقاف ملف الصوت
كهذا - لطفاً انتظر التحميل - :

width=100 height=60

أولا سنقوم باضافة زر الايقاف والتشغيل
على الفريم الاول نضغط Window ثم Common Libraries
ثم نختار Buttons فتظهر لنا قائمة بملفات الازرار،
سـ نختار آخر ملف playback rounded
ونسحب منه زر play ثم زر stop الى مسرح العمل .

كـ هذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_60.jpg


نبدأ الآن درس عمل زر التشغيل والايقاف

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

1) نضغط على الفريم الاول ثم نختار file ثم import وندرج ملف الصوت .

2) نفتح لايرين جديدين - فيصبح مجموع اللايرات لدينا ثلاثة -

3) باللاير الثالث نضغط على الفريم (10) ثم F5
4) باللاير الثاني نضغط على الفريم (10) ثم F5
5) باللاير الاول نضغط على الفريم (10) ثم F5

http://www.mothhel.net/uploader/users/loyal/frame_61.jpg

6) في اللاير الاول نضغط على الفريم (5) ثم نضغط F6

7) في اللاير الثاني كذلك نضغط على الفريم (5) ثم F6

8) في اللاير الثالث نضغط الفريم (5) ثم F6

http://www.mothhel.net/uploader/users/loyal/frame_62.jpg

9) في اللاير الثالث نضغط على الفريم (1) ونضغط على Action
ومن قائمة Global Function نختار Timeline Control ثم نضغط ضغطتين على أمر Stop

10) في نفس اللاير نضغط على الفريم (5) ثم نفتح الـ Action مرة اخرى
ونضغط ضغطتين على أمر Stop

11) في اللاير الثاني نضغط على الفريم (5) لكي نضيف له ملف الصوت
ونضغط من قائمة Properties على Sound
ثم نختار الملف الصوتي ونضع القيم التالية:

Sync :------> Start
ثم نختار loop

http://www.mothhel.net/uploader/users/loyal/frame_63.jpg

12) نذهب الى اللاير الاول ونضغط على الفريم الاول ، ثم نذهب الى مسرح العمل ونضعط ضغطة واحدة على المساحة الفاضية

13) نضغط الآن على زر التشغيل - الموجود بمسرح العمل- .. ونفتح -من مسرح العمل- Action

نضغط على أمر goto ضغطتين
فيفتح لنا نافذة الامر -بجهة اليمين-
وبالخانة الثالثة (frame ) نكتب الرقم 5

http://www.mothhel.net/uploader/users/loyal/frame_64.jpg

14) نذهب الى الفريم (5) من ذات اللاير ونضغط عليه ضغطة واحدة .. ثم نضعط على المساحة الفاضية بمسرح العمل
ثم نضغط بالسهم على زر الايقاف .

نفتح الـ Action
ونضغط ضغطتين على أمر Stop All sound
ثم اضغط ضغطتين على أمر goto

اغلق الاكشن

15) احفظ العمل .. ثم اضغط على Ctrl + Enter لمشاهدته .


انتهى الدرس .

درس الفلاش 17 _ كيف ترسم بالفلاش
سنتعرف بدرس اليوم على كيفية الرسم في برنامج الفلاش


خطـوات الدرس :
1) نختار أداة الفرشاة http://www.mothhel.net/uploader/users/loyal/Brush-tool.gif.. ونتحكم بحجم الفرشاة من خلال قائمة Options
http://www.mothhel.net/uploader/users/loyal/options-brush.gif

2) نرسم مطلع النبتة .
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_67.jpg

3) نضغط F6 ثم نكمل رسم جزء بسيط من النبتة , وبعدها نضغط F6

http://www.mothhel.net/uploader/users/loyal/frame_68.jpg

وهكذا دواليك .. كل جزء بسيط نرسمه بفريم مستقل .. حتى تبدو النبتة وكأنها بطور نمو ..
كهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_69.jpg

انتبـه : بعد الانتهاء من عمل النبتة كاملة على اللاير ..لا تضغط على Create Motion

واحفظ الشكل .


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

الطريقة الثانية من دروس الرسم بالفلاش ..
سنقوم من خلاله بـ تغيير شكل الدائرة الى شكل قلب .

سنستخدم بهذا الدرس أداة السهم الابيض أو الاسود http://www.mothhel.net/uploader/users/loyal/selectiontool.gif
الخطـوات :

1) نرسم دائرة
2) نختار أداة السهم الاسود Seliction Tool والموجودة بشريط الادوات .
3) نضغط بالسهم على الجزء الفاضي بمسرح العمل ثم نقوم بسحب جزء من الدائرة
لاحظ مكان الـ × في الشكل -من هنا سنسحب - :

http://www.mothhel.net/uploader/users/loyal/frame_70.jpg

ونسحبه بحذر قليلاً للأسفل

http://www.mothhel.net/uploader/users/loyal/frame_71.jpg

ثم قليلاً من جهة اليسار للأعلى

http://www.mothhel.net/uploader/users/loyal/frame_72.jpg


ملاحظة: في حال تحدّد الشكل أثناء عملية السحب .. لايمكنك إتمام سحب باقي الاجزاء الا إذا قمت بالضغط على المساحة الفارغة بمسرح العمل.. ثم عُد لسحب اجزاء الشكل.

الآن سنختار أداة السهم الابيض Subselection Tool
ونضغط على طرف الشكل .. فيتحدد الشكل ككل مع ظهور مربعات صغيرة ..
بهذه المربعات الصغيرة يمكننا شد الشكل وتغييره

http://www.mothhel.net/uploader/users/loyal/frame_73.jpg

إستخدم السهمين الاسود والابيض حتى تتم عمل الشكل المطلوب.

وبالنهاية تشكّل القلب

http://www.mothhel.net/uploader/users/loyal/frame_74.jpg

ملاحظة : لسحب الاشكال الدائرية والمربعة إستخدم السهم الاسود .. اما السهم الابيض فيستخدم لسحب الاشكال الغير منظمة .
أرجو ان يكون الدرس سهلاً وواضحاً .
مع مراعاة ان التكرار يجعلك تتقنه بشكل أفضل .

تحياتي
Loyal

درس الفلاش 18 _ مشهد التحميل جـ1

سنتعرف هنا على كيفية عمل مشهد تحميل ..

علماً بأن هذا الدرس قد قام بإعداده الأستاذ محمد نصـر (http://www.geocities.com/mohamednasr2000/SWF/lesson003.swf).. فله كل الشكر والتقدير .


وقد قمت بدوري بتفصيل شرحه بطريقة مبسطة لضمان وصوله بسهولة للمتلقّي المبتدئ .

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

بعد ان قمنا بعمل عرض الفلاش الرئيسي - والذي لابد أن يحتوي على اكثر من 100 فريم واكثر من لاير- نحتاج لعمل مشهد تحميل له .. لأن ملف الفلاش اصبح كبير الحجم ..وانتظار المشاهد لحين تحميل العرض كامل دون وجود مشهد تحميل سيُشعره بالملل .

افترض اننا قد إنتهينا من عمل العرض الرئيسي .. ثم نضغط على Insert ثم Scene.

الآن نقوم بانشاء لايرين
الاول نسميه Action
والثاني T.e.x.t

نختار لاير T.e.x.tونضغط أول فريم ثم نكتب كلمة Loading
ثم نضغط F8 ونختار Graphic
نضغط الفريم 10 و F6
ثم نضغط فريم 20 و F6
نعود للفريم 10 .. ونغير الشفافية (Alpha) ونجعلها 0%
ظلل لاير T.e.x.t كله ثم اضغط Create Motion Tween

نضغط الآن Window ثم Other Panels
ونختار Scene
لدينا الآن مشهدين 1 و 2
سنقوم بسحب Scene2 أعلى Scene1
بهذا الشكل

http://www.mothhel.net/uploader/users/loyal/frame_76.jpg

لاتغلق النافذة.. بل سنقوم قبلها بتغيير اسماء المشاهد
مشهد Scene2 سنغيره الى PreLoad -بالضغط على الاسم مرتين متتاليتين-
ومشهد Scene1 سنغيره الى Main

اصبح الشكل هكذا:

http://www.mothhel.net/uploader/users/loyal/frame_77.jpg

تأكدوا من رقم آخر فريم بالمشهد الرئيسي (اللي عندي 110 فريم)
ثم نضغط على مشهد التحميل PreLoad
ونغلق نافذة Scene الصغيرة

الآن نختار لاير الـ Action ونضغط أول فريم، ثم بيمين الماوس نختار Action.. ونضع هذا الكود:

ifFrameLoaded ("Main", 110) {
gotoAndPlay("Main", 1);
}

ملاحظة: الرقم اللي باللون الأحمر هو رقم آخر فريم بالمشهد الرئيسي.. ويمكن تغييره حسب مشهدك الخاص

الآن نذهب الى لاير T.e.x.t ونضغط على الفريم (10) ثم F6 وبيمين الماوس نختار Action ونضع الكود التالي:

gotoAndPlay(1);

احفظ العمل .. ثم اضغط Ctrl + Enter مرتين لمشاهدة مشهد التحميل.


انتهى الدرس .

درس الفلاش 18 _ مشهد التحميل جـ2

هذه هي الطريقة الثانية من دروس مشهد التحميل .. وتُعرَف بمشهد تحميل البايتات .

إليكمـ الخطوات :

بعد أن قمنا بعمل مشهد الفلاش الرئيسي ..

نأتي الآن لنتعرف على كيفية عمل مشهد التحميل بالبايتات
كهذا المثال التوضيحي:

width=200 height=100

سنختار Window ثم نضغط Other panels ثم Scene
وننشئ مشهد جديد اسمه scene 2
ثم نسحبه بالماوس اعلى المشهد الاول الـ scene 1

نضغط على الفريم الاول - مع ملاحظة ان كل ماسنقوم به لاحقاً سيكون في هذا الفريم-

1) نختار أداة الكتابة و نقوم بتحديد منطقة الكتابة بحيث نشد أداة الكتابة على شكل مستطيل لكن دون ان نكتب شي داخله .

ملاحظة: إستخدم أداة السهم لسحب خانة الكتابة وتغيير مكانها .

لاحظ أننا مانزال محتفظين بتحديد منطقة الكتابة .. ثم نقوم بتكبير حجم الخط الى 35 ونغير لون الخط بحيث يخالف لون الخلفية .

window
Properties
http://www.mothhel.net/uploader/users/loyal/static_t_e_x_t.gif

نحوله الى
http://www.mothhel.net/uploader/users/loyal/dynamic_t_e_x_t.gif


بنفس خصائص الـ Properties
سنجد خانة باسم Var

سنكتب بداخله total

2) نأتي الآن الى لنرسم المستطيل الثاني
سنختار اداة الكتابة ونسحبه على شكل مستطيل -كما فعلنا في المرة السابقة- ونجعل هذا المستطيل اسفل المستطيل الاول .

ونحول خاصية الخط من http://www.mothhel.net/uploader/users/loyal/static_t_e_x_t.gifالى http://www.mothhel.net/uploader/users/loyal/dynamic_t_e_x_t.gif

وفي خانة Var
نكتب loaded

3) نرسم المستطيل الثالث والاخير بنفس الطريقة السابقة و سنجعله بأسفل المستطيلين السابقين

وفي خانة Var
نكتب percentage

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

total = getBytesTotal();
loaded = getBytesLoaded();
percentage= int((loaded/total)*100)+"%";


5) نضغط الفريم (2) ثم F6
ونضع الكود التالي:

if (_framesloaded>=_totalframes) {
gotoAndPlay ("Scene 1", 1);
} else {
gotoAndPlay (1);
}


نعود الى المشهد الرئيسي Scene1
ونضغط على آخر فريم .. ثم بيمين الماوس نختار Action
ونضغط على امر Stop


احفظ العرض الآن .. ثم اضغط Ctrl+Enter مرتين

اخيراً ..لابد لي من الاشارة الى ان هذا الدرس هو من إعداد الاستاذة العزيزة/ عفاف العتيبي .. فجزاها الله كل خير ، وقد شرحته بطريقتي الخاصة .

درس الفلاش 18 _ شريط التحميل جـ3

استكمالاً لدروس مشهد التحميل ، سنقوم اليوم بشرح طريقة عمل شريط تحميل .
وهي الطريقة الاكثر شيوعاً في عروض الفلاش ..
كهذا المثـال التوضيحي:

width=200 height=100

بعد أن قمنا بعمل المشهد الرئيسي جاء وقت عمل شريط التحميل..

سنضغط على قائمة Window ثم نختار Other Panels
ثم نختار Scene ونضغط على زر الزائد + لننشئ به مشهد التحميل المسمى Scene 2
ثم نقوم بسحبه أعلى المشهد الرئيسي Scene 1

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

1) في الفريم الاول نرسم مستطيل بدون تحديد
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_123.jpg

ثم نختار قائمةProperties ونغير القيمة العددية لـ W
الى 100
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_117.jpg


2) نضغط بالماوس على المستطيل ثم F8.. سيظهر لنا مربع الـ Convert to symbol ، و نجد كلمة Registration وبجانبها شكل مربع بداخله مربعات صغيرة -كهذا- http://www.mothhel.net/uploader/users/loyal/Registration.jpg .. سنضغط على المربع الاوسط بجهة اليسار حتى يظهر مكانه مربعاً أسود .
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_118.jpg

ثم نختار Movie Clip و Ok

3) نعود الى خصائص Properties ونكتب في المستطيل الفاضي a
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_119.jpg

4) نضغط على الفريم 3 ثم F5

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

6) نضغط الفريم الاول و نختار أداة المربع .. ونختار لون للإطار الخارجي ونخفي بالمقابل اللون الداخلي http://www.mothhel.net/uploader/users/loyal/Nocolor.jpg
ملاحظـة : لاتنسى ان تجعل لون الاطار الخارجي مختلفاً عن اللون الداخلي للمستطيل الذي رسمناه في البداية.

7) نقوم برسم مستطيل الآن .. وسيكون بهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_120.jpg

8) نفتح لاير جديد ونضغط على الفريم الاول ثم F6
ثم نعود الى الفريم الاول ونضع هذا الكود في الـ Action:

bytes_loaded = Math.round(_root.getBytesLoaded());
bytes_total = Math.round(_root.getBytesTotal());
getPercent = bytes_loaded/bytes_total;
_root.a._width = getPercent*100;
_root.b = Math.round(getPercent*100)+"%";
if (bytes_loaded == bytes_total) {
gotoAndPlay("Scene 1", 1);
}


9) نضغط على الفريم الثاني من اللاير الثالث و نفتح الـ Action ثم نضع هذا الكود :

gotoAndPlay(1);


انتهى الدرس .

درس الفلاش 19 : حفظ واستجلاب ملف Gif للفلاش

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

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

سندخل أولاً لـ أحد مواقع الـ a.n.i.m.a.t.i.o.n.s
اضغـط هنا (http://www.mysmilies.com/?cat=kaos)

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

وانا حفظت هذا الشكل:
http://smilies.vidahost.com/kao/otn/pconfettileft.gif

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

قمنا الآن بحفظ الـ a..n.i.m.a.t.i.o.n.s داخل المكتبة
نختار الفريم الذي سنضع فيه حركة الـ a.n.i.m.a.t.i.o.n.s
ثم نضغط window و Library
ستظهر لنا نافذة المكتبة .. وسنختار منها الشكل المتحرك نوع Movie Clip وليس Bitmap
مثال :

http://www.mothhel.net/uploader/users/loyal/frame_90.jpg

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

يمكنك الآن التحكم بحجم الـa.n.i.m.a.t.i.o.n.s

الآن سنضع الحركة الاخيرة من حركة الـ a.n.i.m.a.t.i.o.n.sونختار الفريم العشرين التالي .
فإذا كانت الحركة الاولى في الفريم رقم 10 .. فستكون الحركة الأخيرة هي الفريم رقم 40 او 45 .

ملاحظة : لا تضغط على Create Amotion Tween في لاير الـa.n.i.m.a.t.i.o.n.s

وهذا مثال توضيحي على الدرس .
width=200 height=100

درس الفلاش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

الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_92.jpg

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
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_106.jpg

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

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

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

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

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

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

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

هكذا:

http://www.mothhel.net/uploader/users/loyal/frame_93.jpg

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

الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_94.jpg

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

http://www.mothhel.net/uploader/users/loyal/frame_95.jpg

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

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

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

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

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

http://www.mothhel.net/uploader/users/loyal/frame_93.jpg

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

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

http://www.mothhel.net/uploader/users/loyal/frame_96.jpg

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

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

http://www.mothhel.net/uploader/users/loyal/frame_97.jpg

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

انتهى الدرس .

درس الفلاش21 : تصميم شكل يتبع الماوس


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

width=300 height=300

الخطــوات:

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


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

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

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

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

mouse.hide();

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

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

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

الشكل الاول : (توسيع)
width=200 height=100


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

width=200 height=100

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

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

الشكل:
http://www.mothhel.net/uploader/users/loyal/frame_113.jpg

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

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

الشكل:
http://www.mothhel.net/uploader/users/loyal/frame_114.jpg

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

درس الفلاش23 : تصميم ساعة رقمية

درس الساعة الرقمية يعتبر اسهل واسرع دروس الفلاش ،
وهذا هو المثال التوضيحي :
width=160 height=70

ملاحظة: الساعة تعمل بنظام AM - PM

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

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

2) نختار أداة النص ..
ومن قائمة Properties
نحول خاصية النص الى http://www.mothhel.net/uploader/users/loyal/dynamic_t_e_x_t.gif
كما الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_115.jpg

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

http://www.mothhel.net/uploader/users/loyal/frame_116.jpg

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) ونحفظ العمل ثم نشاهده .

انتهى الدرس .

درس الفلاش 24 _عمل ساعة بعقارب

سنشرح الآن طريقة عمل ساعة ذات عقارب .
خطوات الدرس :

1) في الفريم الاول نضع خلفية الساعة . كهذا الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_125.jpg

2) نفتح لايرين جديدين
-أصبح لدينا الآن ثلاثة لايرات : [الأول خاص بخلفية الساعة ، والثاني خاص بالعقارب ، والثالث بالـActions]-

3) نختار اللاير الثاني ثم نضغط الفريم الاول ونضغط Ctrl+ F8
ونضع الاسم (ثواني).. ثم نختار Movie Clip
الآن دخلنا الى خصائص الـMovie Clip
سنقوم باختيار أداة الخط ونرسم بها عقرب الثواني ونجعله يتوسط علامة الـ+ .. كهذا المثال:

http://www.mothhel.net/uploader/users/loyal/frame_126.jpg

4) ثم نضغط Ctrl + F8
ونكتب العنوان (دقائق) .. ونختار Movie Clip ثم اوكي.
دخلنا الآن الى خصائص الموفي كليب..
نقوم برسم عقرب الدقائق ونوسطه في المنتصف -كما ذكرناسابقا - .. كهذا المثال :

http://www.mothhel.net/uploader/users/loyal/frame_127.jpg

5) نضغط الآن Ctrl + F8
ونضع العنوان (ساعات) .. ونختار Movie Clip و اوكي
وبعدها ندخل لخصائص الموفي كليب الخاص بالساعات
سنقوم برسم عقب الساعات ونوسطه في المنتصف.. كهذا المثال :

http://www.mothhel.net/uploader/users/loyal/frame_128.jpg

6) سنعود الى المشهد الرئيسي Scene 1

7) نضغط على اللاير الثاني ثم ..نفتح المكتبة
ونختار عقرب الـثواني ونسحبه الى مسرح العمل.. ليكون على الساعة 12
- لاحظ بالشكل مكان الحلقة الخاصة بعقرب الثواني وقد وضعتها بمحور الساعة -
الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_129.jpg

ثم نضغط على العقرب من مسرح العمل وبيمين الماوس نختار Action .. ونضع هذا الكود :


onClipEvent (enterFrame) {
setProperty (this, _rotation, _root.seconds);
}


نفتح المكتبة مرة اخرى ونسحب منها عقرب الدقائق ونضعه بنفس اللاير والفريم السابق .. واجعل المؤشر على الساعة 12 ايضا
شكل:
http://www.mothhel.net/uploader/users/loyal/frame_130.jpg

نضغط الآن على العقرب بمسرح العمل وبيمين الماوس نختار Action .. ثم نضع هذا الكود :

onClipEvent (enterFrame) {
setProperty (this, _rotation, _root.minutes);
}

اسحب من المكتبة عقرب الساعات .. و ضعه كذلك على الساعة 12
كما الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_131.jpg

ثم نفتح الـ Action و نضع الكود التالي:

onClipEvent (enterFrame) {
setProperty (this, _rotation, _root.hours);
}

8) نختار الآن اللاير الثالث وعلى الفريم الاول نضع هذا الكود :
time = new Date();
hours = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
if (hours>12) {
hours = hours-12;
}
if (hours<1) {
hours = 12;
}
hours = hours*30+int(minutes/2);
minutes = minutes*6+int(seconds/10);
seconds = seconds*6;

9) اضغط F6
10) نعود الى اللاير الثاني ونضغط على الفريم الثاني ونضغط F6

11) نذهب الى اللاير الاول ونضغط على الفريم الثاني ثم F6
هكذا أصبح شكل اللايرات بشريط الوقت

http://www.mothhel.net/uploader/users/loyal/frame_132.jpg

12) نضغط اللاير الثالث ونختار الفريم الثاني ثم بيمين الماوس نفتح الـ Action و نضع الكود التالي:

gotoAndPlay (1);

وهذا هو الشكل النهائي للساعة .

width=200 height=100

درس الفلاش 25 : عمل أزرة تشغيل وايقاف العمل

سنتعرف على طريقة عمل أزرة تشغيل وايقاف العمل .
كهذا المثال التطبيقي:

width=400 height=300

خطوات الدرس:

1) بعد أن انتهينا من عمل المشهد الرئيسي كاملاً .

2) نفتح لاير جديد .. ونضغط على أول فريم

3) نختار Window ونختار Common Library
ونضغط على Buttons

ونسحب منه زري التشغيل والايقاف .

4) نضغط على زر التشغيل -بمسرح العمل- ونفتح الـAction
من قائمة Global Function
نختار Timeline Control
ثم نضغط ضغطة مزدوجة على الأمر
Play

ثم نغلق الـAction

5)نضغط على زر الايقاف -بمسرح العمل كذلك - ونفتح مرة أخرى الـ Action
Global Function
نختار Timeline Control
ثم نضغط ضغطة مزدوجة على الأمر
Stop

6) نحفظ العمل .. ثم نضغط Ctrl + Enter لمشاهدته.


انتهى الدرس .

درس الفلاش 26 _عمل حروف وارقام عشوائية

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

width=400 height=300

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

1) نضغط أداة الكتابة و نكتب حرف واحد فقط -لافرق اذا كان حرف انجليزي او عربي- ثم نضغط F8
نختار Movie Clip

ملاحظة: إذا استخدمت الحروف العربية لاتنسى ان تختار خطوط ابورشيد التي تبدأ بـ ALW

فـ بدون استخدام هذا الامتداد .. ستتحول الحروف الى لاتينية غير مفهومة .

2) اختر الآن أداة السهم الاسود و اضغط ضغطتين متتاليتين على الحرف بمسرح العمل - لتدخل في خصائص الـ Movie Clip

3) من قائمة Properties نحوّل النص الى http://www.mothhel.net/uploader/users/loyal/dynamic_t_e_x_t.gifوبقائمة Var نكتب L

4) نعود للمشهد الرئيسي

5) نضغط على الحرف - من مسرح العمل- وبيمين الماوس نفتح الـ Action
ونضع هذا الكود - مرفق بالملف أدناه -

انتهى الدرس الى هذا الحد .

6) اذا أردت زيادة الحروف فاضغط على الفريم الاول ثم اضغط يمين الماوس اختر Copy Frames
7) اضغط الفريم (20) و F6
8) افتح لاير جديد واضغط على الفريم ( 3 ) وبيمين الماوس اختر Paste Frames وباعد الحرف الثاني عن الحرف الاول .

9)افتح لاير جديد آخر واضغط الفريم ( 5 ) ثم بيمين الماوس اختر Paste Frames وباعد الحرف الثالث عن الحرف الثاني .

كرر الخطوات رقم 7 و 8 و 9 في حال أردت زيادة الأحرف أكثر .

http://forum.hawaaworld.com/files/64681/b281.gif

الدرس الثاني: سنتعرف على كيفيةاستبدال الحروف بالأرقام .. كرر ذات الخطوات في الدرس السابق واستبدل فقط الخطوات التالية:

1) اكتب أي رقم بدلاً من الحروف .

5) نضغط على الرقم -بمسرح العمل- وبيمين الماوس نفتح الـ Action

ثم نضع هذا الكود :

onClipEvent (enterFrame) {
L = random(9);
}


انتهى الدرس .

درس الفلاش 27 _صنع ترقرق الماء

في هذا الدرس سنتعرف على كيفية عمل ترقرق المياه .. كهذا المثال التوضيحي :

width=400 height=200
خطوات الدرس :

1) نفتح الصورة ثم نوسّطها .

2) نضغط F8 ، ونختار Movie Clip .

3) نضغط مرتين على Alt + B لتتنقط الصورة .

4) ننسخ الصورة (من شريط اللايرات) وبيمين الماوس نختار Cupy Frames ثم نخفي هذا اللاير بالضغط على العين .

5) نفتح لاير جديد و نضغط اول فريم ثم بيمين الماوس نختار Paste Frames .

6) نختار أداة الممحاة Eraser Tool

7)نضغط على الفريم الاول من اللاير الثاني ثم نقوم بمسح كل أجزاء الصورةماعدا موضع الماء فقط .

8) نضغط على الفريم الاول من اللاير الثاني .. ونقوم بتحريك الصورة (باستخدام اسهم الكيبورد) الى اليمين ثلاث خطوات وللاسفل خطوتين .

9) نضغط على الفريم (15) ثم F5 ..وكذلك نفعل مع اللاير المخفي نختار الفريم 15 ثم F5 .

10) نعود الى اللاير الثاني .. و نفتح لاير جديد ثالث .


11) نضغط اول الفريم ونرسم خطين معقوفين..كما الشكل :..
http://www.mothhel.net/uploader/users/loyal/frame_133.jpg

ملاحظة: يمكننا استبدال الخطوط المعقوفة بأخرى مستقيمة .

12) نضغط F8 و Movie clip .


13) نضغط على الفريم (15) و F6 ثم نسحب الخطين الى نهاية الصورة مع تكبيرهما باستخدام أداة التكبير Scale .

كما الشكل :
http://www.mothhel.net/uploader/users/loyal/frame_134.jpg

14) من اللاير الثالث اضغط Create motion Tween ثم Mask .

15) احفظ العمل الآن ثم شاهده .

انتهى الدرس .

درس الفلاش 28 _الكتابة على الآلة الكاتبة

سنتعرف الآن على كيفية الكتابة بـ الآلة الكاتبة ..
مثال :
width=200 height=100

خطوات الدرس:

1) نجعل قياسات العمل 400 × 100

2) بالفريم الاول نكتب النص المطلوب ثم نضغط F8 ونختار موفي كليب .

3) نضغط ضغطتين على النص لندخل بخصائص الـMovie Clip .

4) نضغط الفريم رقم (6) ثم F6 و بعدها نضغط على النص مرتين متتاليتين ونضع هذه العلامة_ بآخر حرف بالنص .

كما الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_135.jpg

5) نضغط على الفريم (7) ثم F6 ثم نمسح آخر حرف بالنص .
لاحظ الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_136.jpg

6) نضغط على الفريم (8) ثم F6 ونزيل الحرف الذي بعده .
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_137.jpg

وهكذا دواليك نقوم بحذف حرف حرف ..كل حرف يكون على فريم لوحده .. الى ان نمسح النص بأكمله (ماعدا علامة _ نتركها).

7) نقوم الآن بتحديد اللاير ككل .. ونضغط بيمين الماوس ونختار من القائمة reverse frames فينقلب ترتيب الفريمات .

8) لوضع صوت آلة طابعة -مصاحب لحركة النص- ادخل لـ موقـع الأصوات هذا (http://www.frogstar.com/wav/effects.asp) ، واختر صوت (Typewriter11):

وبعد ان تقوم بحفظ الصوت على جهازك .. افتح لاير جديد وفي الفريم رقم (1) اضغط على file ثم import واجلب الصوت المطلوب .. ثم اضغط على Properties ومن قائمة sound اختر الصوت المطلوب / ثم اضغط Sync واختر Stream .. (بذات اللاير) ثم اضغط على آخر فريم يواكب حركة النص و اضغط F5 .

9) احفظ العمل الآن ثم اضغط Ctrl + Enter لمشاهدته .

انتهى الدرس .

درس الفلاش 29 _اضافة ملف فيديو

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

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

1) بعد قمنا بعمل العراض الفلاشي المطلوب، نفتح لاير جديد

2) نضغط بأول الفريم ثم NEW وبعدها IMPORT
ثم نختار IMPORT TO LIBRARY


3) ستظهر لنا صفحة تخيرنا بين خيارين اما ان نختار ملف فيديو موجود بجهازنا .. او الاختيار الثاني وضع رابط لملف على الانترنت
انا اخترت الاول On your copmuter
ثم نضغط Next (وفي حال عدم ظهور زر next لك "اضغط مسافة + Enter ")

4) الصفحة الثانية تخيرنا :How would you like to deploy your video ?
سنختار الاختيار الرابع :Embed video in SWF and play in timeline
ثم Next


5) في الصفحة التالية يخيرنا :How would you like to embed the video ?

سترك مربع place instance on stage بدون علامة صح
ونضع صح على مربع Expand timeline if needed
وكذلك الدائرة بأسفله .
ثم Next

6) الصفحة التالي تطلب منا اختيار نقاوة الفيديو : please select a Flash video encoding profile:
ولتجنّب زيادة حجم ملف الفيديو ..يمكن اختيار low Quality
ثم Next

7) وفي الصفحة التالي اضغط Next

8) ستشاهد شريط التحميل يظهر أمامك..بعد أن ينتهي .

9) نفتح المكتبة ونسحب ملف الفيديو ،
سيظهر لك مربع صغير..اضغط Yes
شكل:

http://www.geocities.com/image_q22/frame_139.jpg


ملاحظة: في حال كان ملف الفيديو طويلا يمكنك قص الاجزاء الغير مرغوبة.. عن طريق شريط الفريمات ، بحيث تحدد الاجزاء الزائدة و ثم تضغط على Remove FlameS لازالتها .

وهذا مثال توضيحي :

width=200 height=100

درس فلاش 30 _حل مشكلة الكتابة العربية في الفلاش 8

بعض البرامج مثل الفلاش لايمكنه ان يدعم الكتابة العربية
وقد عانينا من هذه المشكلة بعد استخدام الفلاش -الاصدار الثامن-
ولكن الحل اصبح بمتناول الفلاشيين العرب بفضل برنامج ابو رشيد -جزاه الله عنا كل خير- .

حمـّل البرنامج من هنـا (http://www.freewebs.com/dimoomh/rshed.zip)

وهنا الشرح التوضيحي لكيفية استخدام البرنامج :

http://www.mothhel.net/uploader/users/loyal/frame__138.gif

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

تحياتي
Loyal

درس فلاش 31 _طريقـة أخرى للكتابة بالعربية في الفلاش 8

إليكـم طريقة جديدة لكتابة أي خط عربي في برنامج الفلاش من خلال الفوتوشوب -برجاء الانتباه على الخطوات جيداً -

الخطــوات :

1) نفتح أولا برنامج الفوتوشوب

2) نضغط File ثم New و نختار الخلفية شفافية من http://www.mothhel.net/uploader/users/loyal/c_n_n_t_e_n_t_s.gif و نختار Transparent
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_101.jpg

3) نكتب النص ..
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_102.jpg

3) لتنعيم حواف النص نضغط Filter ثم Blur وايضا Blur
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_103.jpg

4) الآن نقوم بتحديد النص وازالة الاجزاء الغير مرغوب فيها ..وذلك باستخدام أداة التحديد http://www.mothhel.net/uploader/users/loyal/crop_tool.jpg
ونحدد بها النص ثم نضغط Enter .


5) نحفظ العمل بامتداد PNG

6) نغلق الفوتوشوب .. ونفتح الفلاش

7) نضغط على أول فريم ثم نضغط File و import ونستجلب الآن النص الذي حفظناه - ولاتنسون تغيير لون خلفية العمل لتكون بلون غير الابيض -

8) لاضافة التاُثيرات على النص ،نضغط F8 ثم نختار Movie Clip
والآن نختار تأثيرات Filters

وهذه هي النتيجة النهائية :

http://www.mothhel.net/uploader/users/loyal/frame_105.jpg

درس فلاش 32 _كيفية ادراج ملف صوتي

لوضع ملف صوتي في المشهد لابد أن يكون امتداده----> wav أو ----> Mp3 .

والطريقة كالتالي:

1) نضغط File ثم Import ونختار Import to stage (أو اختصرها بـ Ctrl +R ) ونختار الملف الصوتي المراد وضعه بالمشهد ثم اوكي.

http://www.geocities.com/saaami_1977/frame_12.jpg


2) نضغط على اول فريم ثم F3 لاظهار لوحة الخصائص Properties

http://www.geocities.com/saaami_1977/frame_13.jpg

ونختار من قائمةSound --- الملف الصوتي

http://www.geocities.com/saaami_1977/frame_14.jpg


ثم نختار من قائمة Start -----Sync

http://www.geocities.com/saaami_1977/frame_15.jpg


أصبح الآن الملف جاهزاً .

3) احفظ العمل.. ثم اضغط CTrl + Enter

وهذا مثال على الدرس :
-فضلاً انتظر التحميل -

اضغــط هنا (http://www.geocities.com/saaami_1977/soundi.swf)

انتهى .

درس فلاش 33_كيفية تقليل حجم الملف الصوتي

نعلم أن إضافة ملف صوتي لملف swf يؤدي الى زيادة حجمه وبالتالي الى صعوبة تنزيله .
لذا سنتعرف بهذا الدرس على كيفية تقليل حجم الملف الصوتي ،الامر الذي سينعكس على حجم ملف الفلاش ويقلل من حجمه .

بعد أن نقوم باضافة الملف الصوتي للعمل .. ونشاهد مواصفاته من خلال خصائص Properties .

http://www.geocities.com/saaami_1977/frame_21.jpg

نقوم بتغيير خصائص الصوت باتباع التالي :

1) نذهب الى المكتبة Library و نجد اسم الملف الصوتي ،ثم نضغط بـ يمين الماوس عليه ، لـ تظهر لنا نافذة بهذا الشكل ، نختار منها Properties :

http://www.geocities.com/saaami_1977/frame_22.jpg

ستظهر لنا نافذة اخرى هي Sound Properties:

http://www.geocities.com/saaami_1977/frame_23a.jpg

سنجد خصائص الملف الصوتي موجودة أسفل التاريخ والوقت

ونشاهد كلمة compression وهي تحدد نوع الملف الصوتي سواء Default او MP3 او wav .. فإن كان الظاهر لديك Default

فحولها الى صيغة MP3 بحيث يصبح الملف اصغر وبجودة اقل لكن في حدود المعقول .

أزل علامة الصح من أمام Use Imported MP3 quality إن كانت ظاهرة لديك ،لتظهر لك خيارات اضافية بهذا الشكل :

http://www.geocities.com/saaami_1977/frame_23b.jpg

امام خانة Bit rate لديك تسلسل من 8 kbps لكل ثانية الى 160 kbps .. - علماً بأنه كلما زاد الرقم زاد حجم الملف -
واما خانة Quality فيمكن تغييرها من Fast الى Medium ، وعاين بعدها الصوت بالضغط على زر Test .


ملحوظة: ضع الرقم الذي تراه انت مناسباً - و اعتقد أن 16 kbps رقم مناسب - ثم نفذ الملف واسمتع للصوت بالضغط على زر Test فاذا كانت جودته جيدة فهذا جيد .. والا فابحث عن رقم أعلى مع تغيير الكاولتي .

لاحظ بأسفل النافذة هناك أرقام .. الاول يحدد خصائص الملف الصوتي الذي سوف يتم تصديره وبجانبة Stereo او Mono والاول افضل من ناحية التوزيع الصوتي .
بعد ذلك يأتي حجم الملف بالكيلو بايت .. ثم نسبة الحجم الجديد الى الحجم القديم .

http://www.geocities.com/saaami_1977/frame_24.jpg


انتهى الدرس .

درس فلاش 34_لحفظ العمل بنسق avi

عند اختيار امتداد avi للعمل الفلاشي ، سيتمكن اي شخص ليس لديه برنامج فلاش من مشاهدته وعرضه ضمن اي برنامج للعرض .

كيف نحفظ العمل بهذا النسق ؟

بعد أن تقوم بعمل المشهد الحركي بالكامل .. تضغط File ثم نختار
Export ثم Export movie .
من مربع الحوار نختار windows AVI ونضغط save.. فتظهر لنا نافذة جديدة .. نضع فيها الاعدادات التالية :
الارتفاع والعرض حسب الرغبة
نضبط الالوان على 16 bit
ونضع صح على المربعات الثلاثة .
اضغط اوكي

ستظهر لنا نافذة أخرى ..
من قائمة Compressor اختر Microsoft Video 1
ومن Compression Quality ضع النسبة 85 %


وهذه هي النتيجة التي ستظهر ببرنامج الـ Real Player

اضغط هنـا (http://www.geocities.com/saaami_1977/loyal091.avi )

ملاحظـة : امتداد Avi يعطي للملف حجماً أكبر من حجم Swf .

درس فلاش 35_كيف تحوّل الفلاش الى Gif ؟

بشأن تحويل عرض الفلاش الى نسق يسمح بمشاهدته عبر الـ موبايل .
اليكـم طريقة تحويل الفلاش الى Gif

الخطوات :
1) نفتح ملف الفلاش المراد تحويله الى Gif

2) نضغط File ثم Publish Setting
ونضع علامة صح على مربع الـ Gif
ونزيل الصح عن باقي المربعات .

http://www.mothhel.net/uploader/users/loyal/frame_32.jpg

نختار تبويب Gif http://www.mothhel.net/uploader/users/loyal/frame_34.jpg
ثم نضع الاختيار على :
Animates
loop Continusly
وعلامة صح على Optimize Colors
وعلامة صح على Smooth
و من قائمة Transparent نختار Transparent
ثم نضغط زر Publish ثم اوكي .

http://www.mothhel.net/uploader/users/loyal/frame_33.jpg



تحوّل ملف الفلاش الآن الى صيغة Gif ويمكنك مشاهدته عبر موبايلك لكن بدون صوت.

انتهى الدرس .

درس فلاش 36_طريقـة تفكيك النص

سنتعرف الآن على درس تكسير النص .

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

1) اكتب نص معين ، ثم اضغط Ctrl + B لتفكك حروف النص .
اضغط بالماوس ضغطتين على الحرف الثاني ليصبح بهذا الشكل :
http://www.mothhel.net/uploader/users/loyal/frame_45.jpg

اضغط على أداة السهم .. ستجد الشكل وقد تحول الى هذا :
http://www.mothhel.net/uploader/users/loyal/frame_46.jpg
اضغط على الحرف واختر يمين الماوس ثم Cut

افتح لاير جديد وعلى الفريم الاول اضغط Ctrl + V لتلصق الحرف، ثم اسحب الحرف الى مكانه المناسب .

اضغط بأداة السهم على الحرف الثالث ثم اختر Cut .. وافتح لاير جديد الصق به الحرف الثالث .

كرر العملية حتى آخر حرف بالكلمة .. بحيث يصبح كل حرف بلاير منفصل .

2) نرجع الى اللاير الاول .. ونضغط على الفريم الاول ثم F8 و نختار Graphic ثم اوكي .

نضغط الفريم 10 و F6 ( ستجد أن باقي الحروف قد اختفت )
قُم بسحب الحرف عمودياً بأداة تغيير الحجم http://www.mothhel.net/uploader/users/loyal/tranztool.jpg

اضغط فريم 20 و F6 ثم صغّـر حجم الحرف الى حجمه الطبيعي .
نضغط الآن على هذا اللاير Creat Motion .

3) نختار الآن اللاير الثاني .. ونضغط اول فريم ثم F8 .
نضغط الفريم 10 ونقوم بتدوير الحرف وذلك بأداة التدوير http://www.mothhel.net/uploader/users/loyal/Rolate_skew.jpg
الموجودة بالتول بارز .
-اذا لم تكن هذه الأداة ظاهرة لديك .. فـ اضغط Window ثم Toolbars ثم نختار Main -
اضغط فريم 20 ثم أعِد الحرف لوضعه الطبيعي .
نضغط الآن على هذا اللاير Creat Motion .

4) نختار اللاير الثالث ونضغط على أول فريم ثم F8 .
نضغط على الفريم 10 ثم F6.. ونستخدم تأثير الشفافية Alpha .
نضغط فريم 20 ثم F6 ونعيد شفافية الحرف الى درجتها الاولى .
ثم نضغط الآن على Creat Motion .

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

بعد ذلك .. احفظ الدرس ثم اضغط Ctrl + Enter

وهذا هو التطبيق النهائي :

width=200 height=100


انتهى الدرس .

درس فلاش 37_ جلب صورة محددة بإطار شفاف للفلاش

أحياناً نقوم بتحديد صورة معينة في برنامج الفوتوشوب بإطار شفاف .. وبعد أن نضيفه للفلاش.. نتفاجئ بأن الصورة داخل الفلاش لم تعد شفافة ..بل تحولت الى تحديد أبيض .

سنتمكن في هذا الدرس من اضافة صورة قمنا بتحديدها بإطار شفاف ببرنامج الفوتوشوب.. وأضفناها للفلاش .

أولا سندخل للفوتوشوب .. ونفتح الصورة المطلوبة .

وهذا هو المثال :

http://www.mothhel.net/uploader/users/loyal/modina.jpg

ثم قمت بتحديد أطرافها بأداة المحاية Eraser Tool

وهكذا أصبح شكلها بعد التحديد :

http://www.mothhel.net/uploader/users/loyal/modina---.jpg

الآن سنقوم بحفظ الصورة بامتداد PNG

ثم أغلق الفوتوشوب.. وافتح الفلاش
وضع الخلفية بأي لون عدا -الابيض-
ثم ادرج الصورة التي حفظتها بصيغة PNG بالضغط على File ثم Import

وهذه هي النتيجة النهائية -بعد ان قمت بوضع خلفية متدرجة-


width=200 height=200

انتهى الدرس .

تحياتي
Loyal

درس فلاش 38_عمل إطار من مكونات الصورة

فهذا الدرس سنتعرف على طريقـة سهلة وبسيطة جداً لاضفاء لمسة جمالية على اعمالكم الفلاشية .. وذلك باضافة إطار من ذات الخلفية او الصورة .

كهذا المثال التوضيحي:

http://www.mothhel.net/uploader/users/loyal/frame_109.jpg

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

1) في الفريم الاول نحضر بطاقة كهذه مثلاً :

http://www.mothhel.net/uploader/users/loyal/Card_07.jpg

2) نضغط Ctrl + B -لتنقيط البطاقة-

3) نختار Modity ثم shape ونختار Expand fill ، ونضع القيم التالية :

Distance : 10 px
Direction : Expand

الشكل:
http://www.mothhel.net/uploader/users/loyal/frame_108.jpg

4) اضغط على الفريم الاول لتحديد البطاقة كاملة ثم وسّطها في المنتصف بالضغط على Align
واضغط كماهو موضح بالشكل:

http://www.mothhel.net/uploader/users/loyal/Align2.jpg

وهذه الخطوة مهمة جداً لكي يتم إدخال الإطار داخل حدود مسرح العمل ،فبدونها سيبقى الاطار خارج حدود مسرح العمل ولن يظهر بالعرض .

انتهينا .

ملاحظة: يمكن تغيير قيمة Distance حسب الرغبة .

درس 39_طريقة سحب الاشكال بالماوس

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

width=200 height=200

إليكم الخطوات :

1) إرسم الشكل المراد تحريكه بالماوس ثم اضغط F8 واختر Movie Clip

2) اضغط على الشكل وبيمين الماوس افتح الـ Action ثم ضع هذا الكود :
on (press) {
startDrag(this, true);
}
on (release) {
stopDrag();
}

ملاحظة: لتكرار الاشكال ، انسخ الشكل بالضغط على نسخ ثم ألصقه بذات الفريم .


انتهى الدرس .

درس 40_درس الكرة الارتدادية


width=400 height=200

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

1) في الفريم (1) نرسم دائرة (أو نضع صورة كرة) .. ونسحب الكرة بالسهم للأعلى .. ثم نضغط F8ونختار Movie Clip.


2) نضغط modify ثم Group



3) نضغط الفريم 20 ونضغط F6



4) نضغط الآن الفريم 35 ونضغط F6



5) نعود الى الفريم 20 و نسحب الكرة للأسفل .



6) نعود للفريم (1) ثم نضغط Ctrl +F3 -فتظهر لنا لوحة الخصائص Properties ،

سنختار من قائمة motion<--- tween

ونزيل علامة الصح من مربع Scale ..

ومن Ease نضع القيمة 100-

كهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame__141.gif

7 ) نعود الى الفريم 20 ثم نضغط Ctrl +F3 - لإظهار خصائص Properties ،

ونختار من قائمة motion<--- tween

ونزيل علامة الصح من مربع Scale ..

ومن Ease نضع القيمة 100

-انتبه لاختلاف القيمة الحالية عن القيمة السابقة -

كهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame__142.gif

8) نظلل اللاير ككل ونضغط يمين الماوس و نختار Ceate motion tween

الشكل:

http://www.mothhel.net/uploader/users/loyal/frame__143.gif

9) نحفظ العرض ، ثم نضغط Ctrl +Enter لمشاهدته .


انتهى الدرس

درس الفلاش 41_ الخطوط المتحركة

السلام عليكم

سنتعرف بهذا الدرس على كيفية عمل خطوط متحركة جميلة ، كهذا المثال التوضيحي :

width=300 height=200

خطوات الدرس:

1) نضغط على الفريم الأول و بأداة الفرشاة نرسم خط متعرج كهذا الشكل:

http://www.mothhel.net/uploader/users/loyal/frame__144.gif

2) في ذات الفريم نقوم برسم باقي الخطوط وبألوان مختلفة ،
كهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_145.gif

3) نضغط الفريم (25) ثم F6

4) نفتح لاير جديد وبالفريم (1) نرسم دائرة -متوسطة الحجم- ، نسحبها الى بداية الخطوط الملونة ثم نضغط على Ctrl+B
ونبدأ بشرشرة الدائرة باستخدام أداة الممحاة Eraser Tool
-إنتبه من أن تقوم بمسح الخطوط الملونة بهذه العملية -
هكذا أصبح شكل الدائرة :

http://www.mothhel.net/uploader/users/loyal/frame__146.gif

5) اضغط الآن F8 ثم اختر Movie Clip

6) نضغط على الفريم 25 ثم F6 ثم نسحب الشكل الى آخر الخطوط الملونة ،

الآن إضغط على لاير الدائرة واختر بيمين الماوس Create motion Tween

7)بـ لاير الدائرة نضغط يسار شريط الوقت ونظلل اللاير ثم بيمين الماوس نختار القناع Mask .

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

انتهى الدرس .

درس الفلاش 42 _ شعلة النار

السلام عليكم ..

سنتعرف بهذا الدرس على كيفية صنع شعلة النـار ، كهذا المثال التوضيحي :

width=100 height=400

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

1) نجعل الخلفية داكنة ثم نضغط Ctrl + F8
2) نرسم دائرة بدون حواف تحديد ، ويكون اللون الداخلي ابيض تدريجي
كهذا :

http://www.mothhel.net/uploader/users/loyal/frame_148.gif

3) ولاظهار Color Mixer نضغط Shift + F9 ونجعل شفافية الاسود صفر%
كما الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_147.gif

4) نضغط Ctrl+F8 ونقوم بسحب مشهد Symbol 1 من المكتبة ، ونضغط على الفريم الاول ونجعل لون الشعلة أخضر فاتح ونصغر حجمها حتى تبدو ضئيلة .

5) ولتغيير لون الشعلة ندخل على Properties ونختار Color ثم Tint ونضع القيم التالية :

http://www.mothhel.net/uploader/users/loyal/frame_149.gif

6) ثم نضغط الفريم 5 ونكبّر الشعلة ونغيّر لونها الى الاصفر بنفس الخطوة السابقة ، ونجعلها بهذه القيمة:

http://www.mothhel.net/uploader/users/loyal/frame_150.gif

7) نضغط على زر Add Motion Guide الموجود بأسفل شريط الوقت
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_151.gif

8) وفي الفريم 34 نضغط F5 ونرسم مسار الشمعة ، كهذا الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_152.gif

9) الآن سنضغط على الفريم الاول من لاير الشعلة ، ونقوم بنسحب الشعلة الى أول مسار الشعلة
كما الشكل :

http://www.mothhel.net/uploader/users/loyal/frame_153.gif

10) نضغط على الفريم الخامس من لاير الشعلة ونقوم بسحبها على المسار

http://www.mothhel.net/uploader/users/loyal/frame_154.gif

11) نضغط على الفريم 33 من ذات اللاير ونقوم بسحب الشعلة من حلقتها الموجودة بالمنتصف و بحذر على المسارحتى آخر المسار
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_155.gif

12) نضغط على الفريم 34 من ذات اللاير وF6 ثم نضغط على الشعلة في مسرح العمل ونفتح الProperties ونجعل الشفافية Alph صفر %

13) نفتح لاير جديد ونضغط على الفريم 34 وF5 ثم نضغط على الفريم 34 وبمين الماوس نفتح Actions
ونضع هذا الكود:
stop();

14) نضغط Ctrl + F8
15) في الفريم الاول نفتح المكتبة ونسحب Symbol 2 الى مسرح العمل ، 16) نضغط على الشعلة ونفتح الـ Properties وفي خانة الـFrame نكتب fire
الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_156.gif

17) نضغط على الفريم 3 ثم F5

18) نفتح لاير جديد وفي أول الفريم نفتح يمين الماوس ونختار Actions
ونضع هذا الكود :
num = 1;


19) نضغط على الفريم 3 ثم F6 ثم بيمين الماوس نختار Actions
ونضع هذا الكود :

duplicateMovieClip("fire", "fire" add num, num);
setProperty("fire" add num, _alpha, random(number(5)) + number(65));
setProperty("fire" add num, _xscale, random(number(50)) + number(50));
setProperty("fire" add num, _yscale, random(number(45)) + number(80));
setProperty("fire" add num, _x, random(number(20)) + number(5));
setProperty("fire" add num, _y, random(number(1)) + number(75));
setProperty("fire" add num, _rotation, num * random(1));
num = num + 1;
gotoAndPlay(2);


20) نعود الى المشهد الرئيسي، ونفتح المكتبة ، ونسحب منها
Symbol 3 ثم نضغط على الفريم 3 و F5

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

انتهى الدرس.
تحياتي
Loyal

درس الفلاش 43_ زر إعادة المشاهِد

لنفترض أننا قمنا بعمل أكثر من مشهد عرض (ثلاثة مثلاً) .
وأردنا أن نصنع زر إعادة لهذه المشاهِد ..

إليكم الخـطوات :

نضغط أولا :Window ثم نختار Other Panels ومنها Scene
وبعدد المشاهِد التي نريدها نضغط على أداة الزائد + للإضافة .
وبدوري فقد اخترت ثلاثة مشاهِد .

نبدأ مع المشهد الأول Scene 1
و قمت بعمل جميع حركات المشهد الاول ، وبعدها ضغطت على أيقونة المشاهِد -الموجودة اعلى شريط الوقت- للانتقال الى المشهد الثاني
كما الشكل:

http://www.mothhel.net/uploader/users/loyal/frame_158.gif

نحن الآن في المشهد الثاني Scene 2

وبدأت بإضافة جميع حركات المشهد الثاني وهكذا ، ثم ضغطت على ايقونة Scene مرة اخرى ، واخترت المشهد الثالث والاخير .

نحن الآن في المشهد الثالث Scene 3

قمت بعمل جميع الحركات المطلوبة ، وفي النهاية أضفت لاير جديد جعلته في آخر فريم عمل، (لنفترض أن آخر حركة في الفريم هو الرقم 100 ،سأقوم بوضع الماوس عليه ثم اضغط F6 ).

سنقوم بصنع زر ضغط ، إما بسحب الزر الجاهز من Window ثم Common Libraries ونختار Buttoms ونسحب الزر الى مسرح العمل .
أو (أن نقوم بـ رسم زر ضغط ، ثم نضغط F8 ونختار Buttom ونضغط ضغطتين على الزر فندخل الى خصائصه ،ونضغط F6 ثلاث مرات ونعود للمشهد الرئيسي من جديد، ونفتح المكتبة ونسحب الزر منها الى مسرح العمل)
الآن سنضغط على الفريم الآخير بيمين الماوس ونختار الـAction ثم نضع هذا الكود:

stop();

ثم نضغط على الزر الموجود بمسرح العمل وبيمين الماوس نختار Actions ،ونضع هذا الكود :

on (release) {
gotoAndPlay ("Scene 1", 1);
}

بهذه الطريقة يمكن لجميع المشاهِد أن تُعاد المرة تلو الاخرى بمجرد الضغط على زر الإعادة .
وهذا هو المثال التوضيحي على الدرس:

width=400 height=300

انتهى .

درس الفلاش 44_زر الانتقال من مشهد الى آخر

السلام عليكم..
سنتعرف بهذا الدرس على كيفية عمل زر الانتقال من مشهد الى آخر ، كهذا المثال التوضيحي :

WIDTH=400 HEIGHT=200

الخطــوات:
1) نضغط على window ثم other Panel و نختار Scene
ثم نُنشئ مشهدين جديدين وذلك بالضغط على علامة الزائد +
وبذلك اصبح لدينا ثلاث مشاهد كما الشكل:

http://www.vb.farsuae.com/imgcache/44224.imgcache

2) نختار المشهد الاول ونغلق مربع الـScene

3) نرسم مستطيل احمر ونضغط F8 ونختار Movie Clip ونجعله في أقصى جهة اليمين

http://www.vb.farsuae.com/imgcache/44225.imgcache

4) نضغط على الفريم الـ35 ثم F6 ونقوم بتحريك المستطيل من جهة اليمين ليتوسّط مسرح العمل

5) ثم نضغط الفريم 60 وF6 دون إضافة اي حركة على المستطيل الملون

6) نفتح لاير جديد ونضغط Shift + F8 ثم Movie clip

7) نرسم شكل معين في الفريم الاول ونضغط F8 ونختار Movie clip
ونضيف له حركة بسيطة حتى الفريم 40

8) نعود الى المشهد الرئيسي ونضغط على الفريم رقم 5 من اللاير الثاني ونفتح المكتبة ، ثم نسحب منها الشكل المتحرك

9) نضغط على الفريم 60 ثم نضغط F5

10) نفتح لاير جديد ونضغط على الفريم رقم 35 وF6
نفتح window ثم نختار common libraries ونضغط على Buttons
ثم من Classic Bottons نختار ملف Arcade buttons
ونختار منه أحد الأزرة الملونة ونسحبه الى داخل العرض

اصبح لدينا زر ضغط في اللاير الثالث الفريم 35 -يمكننا التحكم بحجم زر الضغط ، وسحبه جهة اليمين
كما الشكل :

http://www.vb.farsuae.com/imgcache/44226.imgcache

11) نضغط على الفريم 35 وبيمين الماوس نختار Actions
ونضع هذا الكود:
stop();

ملاحظة : حيث تتوقف حركة المستطيل نضع كود توقّف الزر -وذلك حتى لاتتوقّف حركة المستيطل عند الامر Stop .
12) نؤشر بالماوس على زر الضغط الموجود بمسرح العمل وبيمين الماوس نختار Actions
ونلصق هذا الكود وهو الخاص بالانتقال الى المشهد الثاني :
on (release) {
gotoAndPlay("Scene 2", 1);
}

13) نضغط الفريم 60 ثم F5

(انتهينا من المشهد الاول)
(جاء دور المشهد الثاني)
14) نضغط على الـ Edit Scene الموجود أعلى شريط الفريمات
كما الشكل :

http://www.vb.farsuae.com/imgcache/44227.imgcache

ونختار منه المشهد الثاني Scene2
http://www.vb.farsuae.com/imgcache/44228.imgcache

اصبحنا الآن في المشهد الثاني Scene2

15) نضغط أول الفريم ونرسم به مستطيل اصفر ثم نضغط F8 وMovie clip
ونسحب المستطيل أقصى جهة اليمين كما فعلنا بمستطيل المشهد الاول

16) نضغط الفريم 10 ثم F6 ونقوم بسحب المستطيل الاصفر ليتوسّط مسرح العمل

17) ثم نضغط فريم 60 وF6 دون ان نضيف اي حركة للمستطيل

18) نفتح لاير جديد ونضغط Shift + F8 ثم Movie clip

19) نرسم شكل معين في الفريم رقم 10 ونضغط F8 ثم Movie clip
ونضيف له حركة بسيطة تمتد حتى الفريم 45

نعود الى المشهد الرئيسي

20) ونضغط الفريم رقم 10 من اللاير الثاني ونفتح المكتبة ونسحب بالماوس الشكل المتحرك السابق الى منتصف مسرح العمل

21) نضغط الفريم 60 ثم F5

22) نفتح لاير جديد (ثالث) وفي الفريم رقم 10 نضغط F6 ،ثم نفتح window ونختار common libraries
ثم نضغط Buttons
ومنها Classic Bottons
ثم نختار ملف Arcade buttons
ونختار منه أحد الأزرة ونسحبه الى داخل العرض

23) نضغط على الفريم رقم 10 وبيمين الماوس نختار Actions
ونضع هذا الكود له:
stop();

24) نؤشر بالماوس على زر الضغط الموجود بمسرح العمل وبيمين الماوس نختار Actions
ونلصق هذا الكود وهو الخاص بالانتقال الى المشهد الثالث :
on (release) {
gotoAndPlay("Scene 3", 2);
}

25) نضغط الفريم 60 ثم F5

(انتهينا من المشهد الثاني)
(جاء دور المشهد الثالث)

نضغط على الـ Edit Scene الموجود أعلى شريط الفريمات
كما وضحنا أعلاه
ونختار منه المشهد الثالث Scene3

26) في الفريم الاول نرسم مستطيل ازرق ونضغط F8 ثم movie clip
ونسحبه الى أقصى اليمين

27) نضغط الفريم 15 ونسحب المستطيل الازرق الى منتصف مسرح العمل

28) نضغط على الفريم 60 ثم F5

29) نفتح لاير جديد ونضغط Shift + F8 ثم Movie clip

30) نرسم شكل معين في الفريم الاول ونضغط F8 ثم Movie clip
ونضيف له حركة بسيطة تمتد حتى الفريم 50

ثم نعود الى المشهد الرئيسي

31) نضغط على الفريم رقم 10 من اللاير الثاني ونفتح المكتبة ونسحب منها الشكل المتحرك السابق

32) نضغط على الفريم 60 ثم نضغط F5

33) نفتح لاير جديد ونضغط على الفريم رقم 30 وF6
ثم نفتح window ثم نختارcommon libraries ونضغط على Buttons
ثم من Classic Bottons نختار ملف Arcade buttons
ونختار منه زر ملون ونسحبه الى داخل مسرح العمل

34)نضغط على الفريم رقم 30 وبيمين الماوس نختار Actions
ونضع هذا الكود:
stop();

35) نؤشر بالماوس على زر الضغط الموجود بمسرح العمل وبيمين الماوس نختار Actions
ونلصق هذا الكود وهو الخاص بالانتقال الى المشهد الاول :
on (release) {
gotoAndPlay("Scene 1", 1);
}

36) نضغط الفريم 60 ثم F5

الآن نحفظ العمل ثم نضغط Ctrl + Enter لمشاهدة العرض ككل .

تحياتي

درس الفلاش 46_ السكرول بار

سنتعرف اليوم على كيفية عمل الـscrollBar
كهذا المثال :
width=300 height=240

الخطوات:
1- في الفريم الاول نضغ الخلفية و فيها مكان للسكرول بار
2- في اللاير الثاني ، بالفريم الاول نختار أداة الكتابة ثم نضغط Ctrl + F3 ونختار من خصائص الـ Properties نوع الخط Daynamic Text ونجعل على حجم مكان السكرول بار من دون ان نكتب به شئ، فقط تأكد أن حجم الخط صغير (14) مثلا واللون مختلف عن الخلفية ،
ومن خانة Var نكتب text
ونحوّل خانة single line الى Multiline
كما الشكل :
http://www.mothhel.net/uploader/users/loyal/frame_165.gif


3-نفتح لاير ثالث ونجعل فيه سمهين واحد يتجه بالكلام للأعلى والثاني للأسفل ونحولهما الى زر ضغط وذلك بالضغط على السهم الاول ثم Ctrl +F8 و نختار Button
ثم نختار السهم الآخر ونضغط Ctrl + F8 و نختار Button
ونضغط على السهم الأسفل وبيمين الماوس نختار Actions ثم نضع هذا الكود :
on (release, releaseOutside) {
text.scroll++;
}

والسهم المتجه للأعلى بيمين الماوس نضع هذا الكود :
on (release, releaseOutside) {
text.scroll--;
}

4-نفتح لاير رابع ويكون لـ Actions ونكتب فيه الكود التالي:
text="XXXXXXXX\n\n\n\n\n";

أكتب ماتشاء مكان X الأحمر
ملاحظة هامة : اجعل الكلام في الاكشن في سطر واحد فقط من دون استخدام Enter ، والنص لابد أن يكون بالانجليزي


انتهى الدرس

درس الفلاش 47 _ الخلفية المتحركة

سنتعرف بهذا الدرس على كيفية عمل خلفية متحركة ..
كهذا المثال التوضيحي :
width=300 height=200

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

1- إختر الخلفية المُراد تحريكها (السماء مثلاً)

2- نوسطها من خلال الـ Align حتى تبدو مطابقة تماماً لحجم العرض
انظر الشكل:
http://www.mothhel.net/uploader/users/loyal/frame_167.gif

3- نضغط F8 ونحولها الى Movie Clip
4- ننسخ الصورة ونلصقها بجانب الاولى ثم نقلبها لتبدو مترابطة مع الصورة الاولى
وذلك بالضغط على Transform ثم نختار Modify ثم Flip Horizontal
ثم نلصق الصورة الثالثة بجانب الصورة الثانية
انظر الشكل :
http://www.mothhel.net/uploader/users/loyal/frame_168.gif

5- نضغط الفريم 50 ثم F6 ونبدأ بسحب الصور الى النهاية (بحيث نوسّط الصورة الثالثة داخل مسرح العمل)
7- اضغط Creat motion Tween

8- ثم اضغط Ctrl + Enter لمشاهدة العرض المتحرك

انتهى الدرس .

درس الفلاش 48_ عشوائية الأشكال

سنتعرف بدرس اليوم على كيفية عمل حركة عشوائية للأشكال ، كهذا المثال التوضيحي :
width=100 height=300

خطـوات العمل :
1- على الفريم الاول نرسم شكل ما (و ليكن دائرة) ثم اضغط F8 ونقوم بتحويله الى Movie clip .

2- نضغط على الدائرة وبيمين الماوس نختار Actions ثم نضع هذا الكود
onClipEvent (enterFrame) {
setProperty(this, _alpha, random(100));
setProperty(this, _y, random(400));
setProperty(this, _x, random(500));
setProperty(this, _rotation, random(400));
}

3- نضغط على الدائرة ونختار الامر نسخ ثم نلصق النسخ بالعدد المطلوب على مسرح العمل مع التحكم بحجم كل نسخة.

ملاحظة: للتحكم بسرعة الاشكال (Modify ثم Document Properties وحدّد رقم Frame rate كما تشاء .. فكلما زاد الرقم زادت سرعة الاشكال والعكس صحيح .

انتهى الدرس.

درس الفلاش 49_ كيف تحرك شكل ما .

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

width=300 height=300

خطـوات الدرس :
1- في الفريم الاول نرسم وجه من دون فم ونضغط على الفريم 40 ثم F5
2- نفتح لاير جديد ونرسم في الفريم الاول فم صغير
3- اضغط على الفريم الاول ثم افتح خصائص Properties بالضغط على زر الاختصار Ctrl + F3 ثم اختر من Tween ---Shape
4- نضغط على الفريم الخامس ثم F6 ومن قائمة الأدوات نختار السهم الابيض http://www.mothhel.net/uploader/users/loyal/selectiontool.gifنضغط على الفم فتظهر لنا مربعات بيضاء صغيرة نقوم بسحبها قليلا من الجهتين ،فنلاحظ تغيّر شكل الفم .. وهكذا نضيف كل حركة اضافية بفريم جديد
ونستعرض العمل الآن ككل بالضغط على Ctrl+Enter

انتهى الدرس

درس الفلاش 50 _ اعتـراض الماوس

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

width=200 height=160

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

1- نضغط Ctrl+F8 ونختار Movie clip
2-بالفريم الاول نرسم شكل ما (دائرة مثلا) ونضغط على F8 ونختار Movie clip
3- نفتح لاير جديد وعلى الفريم الاول نضغط بيمين الماوس ونختار Action ، ثم نلصق هذا الكود:
x00 = _x;
y00 = _y;
MAAI = 1000;

4- نضغط على الفريم الثاني ثم F6 وبيمين الماوس نفتح الـActions ونلصق هذا الكود :
x0 = _x;
y0 = _y;
x = _root._xmouse;
y = _root._ymouse;
a = x - x0;
b = y - y0;
r = Math.sqrt(a * a + b * b);
quer_fugir_x = this._x - a / r * MAAI / r;
quer_fugir_y = this._y - b / r * MAAI / r;
quer_voltar_x = (x00 - x0) / 2;
quer_voltar_y = (y00 - y0) / 2;
this._x = quer_fugir_x + quer_voltar_x;
this._y = quer_fugir_y + quer_voltar_y;

5- نضغط على الفريم الثالث ثم F6 وبيمين الماوس نختار أكشن ونلصق به هذا الكود:
gotoAndPlay(2);

6- نعود الى اللاير الأول ثم نضغط على الفريم الثالث ونضغط F5


7- نعود الآن الى المشهد الرئيسي وبالفريم الاول

8- نفتح المكتبة ونسحب منها شكلSymbol 1 .. ونملأ مسرح العمل بها - كل هذا في الفريم الاول.

9- احفظ العمل الآن ثم اضغط Ctrl+ Enter

انتهى الدرس .

تسلم يديينك يارب