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

[م.محمود الحجاج]

درس الفلاش 1 _ التعرف على شريط الأدوات


الســلام عليــكم


رغبة مني في مساعدة الاعضاء الراغبين بتعّلم الفلاش ،
ولعلمي بأن برنامج الفلاش لايمكن تعلّمه من دون دورة تدريبية او معلّـم .. فإنني ولحبي لهذا البرنامج .. سأتكفل بعمل تلك الدروس بطريقة شرح مبسطة ومزودة بالصور لتصل الى أكبر قدر ممكن من الاعضاء .
وذلك عملاً بقوله عليه افضل الصلاة والسلام : "زكاة العلم نشره" .. "و لا خير في كاتم العلم ".


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


ونبدأ الآن مشوار دروسنا .. بالتعرف أولا على شريط الأدوات في الفلاش 8 :
http://www.mwadah.com/imgcache/29371.imgcache




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


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


http://www.mwadah.com/imgcache/29372.imgcache


http://www.mwadah.com/imgcache/29373.imgcache






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


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





خطوات الدرس :





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







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





http://www.mwadah.com/imgcache/29374.imgcache









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





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





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





6) نختار أداة تغيير حجم الاشكال http://www.mwadah.com/imgcache/29375.imgcache





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





http://www.mwadah.com/imgcache/29376.imgcache









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





http://www.mwadah.com/imgcache/29377.imgcache



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




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

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




خطوات الدرس :

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


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

http://www.mwadah.com/imgcache/29378.imgcache



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

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

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


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

http://www.mwadah.com/imgcache/29379.imgcache




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

http://www.mwadah.com/imgcache/29380.imgcache



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

انتهى الدرس .




درس الفلاش 4_ التحكم بالشفافية Alpha


الســلام عليكـمـ


سنتعرف اليوم على كيفية استخدام الشفافية ( alpha) ..



خطوات الدرس :


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


2) نرسم مربع


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


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


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


6) نختار ****** ثم Properties وايضاً Properties
ثم نختار من خانة Color الشفافية (Alpha)


http://www.mwadah.com/imgcache/29381.imgcache




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



http://www.mwadah.com/imgcache/29382.imgcache

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

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



motion Tween

http://www.mwadah.com/imgcache/29383.imgcache











8) نضغط Ctrl + Enter








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


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






درس الفلاش 5 _ تدوير الاشكال
سنتعرف اليوم على كيفية تدوير الاشكال :



خطوات الدرس :

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

2) نرسم مربع

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

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

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

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

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

http://www.mwadah.com/imgcache/29384.imgcache



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

http://www.mwadah.com/imgcache/29385.imgcache

8) احفظ العمل .

9) نضغط الآن Ctrl + Enter



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

سنتعرف بدرس اليوم على المورفينج .. وهو التغيير البيني للأشكال و النصوص .

والتطبيق سينتهي بنـا الى هذا الشكل :



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

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

2) نضغط modify ثم Break Apart


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

4) نعود للفريم (1) وو نضغط F3

ونختار من خانة Shape < ----- Tween

و من Angular< ----- Blend .

5) نرجع للفريم (30) و نضغط F3

ونختار من خانة Shape < ----- Tween

و من Angular< ----- Blend .

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

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





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



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

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

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

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

http://www.mwadah.com/imgcache/29386.imgcache

4) نضغط على الفريم (1) في اللاير الجديد ونرسم بأداة القلم الرصاصhttp://www.mwadah.com/imgcache/29387.imgcache

خط متعرج ، كما في الشكل :
http://www.mwadah.com/imgcache/29388.imgcache



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

http://www.mwadah.com/imgcache/29389.imgcache



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

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

http://www.mwadah.com/imgcache/29390.imgcache


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

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

انتهى الدرس .



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

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


خطوات الدرس :

قياسات الدرس : 250 ***** و 100 ******
1) نكتب النص ونضغط F8

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

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

http://www.mwadah.com/imgcache/29391.imgcache



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

http://www.mwadah.com/imgcache/29392.imgcache



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

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

http://www.mwadah.com/imgcache/29393.imgcache



ثم بـ يمين الماوس نختار ماسك Mask

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



انتهى الدرس .











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



السلام عليكم

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





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







خطوات الدرس :



قياسات الدرس : 250 ***** و 100 ******

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



http://www.mwadah.com/imgcache/29394.imgcache







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



http://www.mwadah.com/imgcache/29395.imgcache







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





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



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



http://www.mwadah.com/imgcache/29396.imgcache







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





http://www.mwadah.com/imgcache/29397.imgcache







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



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



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



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



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





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







انتهى الدرس .








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



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

http://www.mwadah.com/imgcache/29398.imgcache




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

http://www.mwadah.com/imgcache/29399.imgcache



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

http://www.mwadah.com/imgcache/29400.imgcache



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

http://www.mwadah.com/imgcache/29401.imgcache



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

http://www.mwadah.com/imgcache/29402.imgcache




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

http://www.mwadah.com/imgcache/29403.imgcache



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

http://www.mwadah.com/imgcache/29404.imgcache




انتهى.

[خجل]

http://www.falntyna.com/img/data/media/11/aea3778f61.gif

[هبة الرحمن]

يعطيك الف عافيه ابو معمر على البرنامج الرائع

[ندووش]

اشكرك على الموضوع القيم والمفيد وخاصة في مجال دراستي واتمنى لكم المزيد من النجاح

[وفاء الاردنيه]

ابو معمر
دروس جميله ومفيده
انا بصراحه استفدت شوي

يعطيك الف عافيه

تقبل مروري

اختك وفاء

[خالد النورس]

يعطيك العافية ابو معمر على هذه الجهود المميزة:hh13::hh13:

[اسرار]

مشكور ابو معمر بس للاسف مو باين عندي ولا رابط ولا في شي شغال