**~~* تعالوا نتعلم الفلاش شوي شوي**~~**

[الملاك الحنون 4]

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

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

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

ونبدأ الآن مشوار دروسنا .. بالتعرف أولا على شريط الأدوات في الفلاش 8 :

مع انه انا مبتدءة:

[IMG][/IMG]

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

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

[IMG][/IMG]

((نهاية الدرس الاول))

((بداية الدرس الثاني))

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

(( اسفه لعدم وجود صوره))
خطوات الدرس :

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


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

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

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

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

6) نختار أداة تغيير حجم الاشكال [IMG][/IMG]ونقوم بتصغير الدائرة بسحبها للداخل

[IMG][/IMG]

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

[IMG][/IMG]
) شاهد العرض بالضغط على Enter

((نهاية الدرس الثاني))

يتبع..

[الملاك الحنون 4]

التكمله......


((بداية الدرس الثالث))

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

خطوات الدرس :

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


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

[IMG][/IMG]

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

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

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


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

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

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

((نهاية الدرس الثالث))

((بداية الدرس الرابع))

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

((اسفه لعدم وجود صوره))
خطوات الدرس :

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

2) نرسم مربع

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

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

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

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

[IMG][/IMG]

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

[IMG][/IMG]

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


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

[IMG][/IMG]

8) نضغط Enter

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

((نهاية الدرس الرابع))

((بداية الدرس الخامس))

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

((اسفه لعدم وجود صوره))

خطوات الدرس :

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

2) نرسم مربع

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

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

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

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

7) نضغط Ctrl + F3 لاظهار لوحة الخصائص Properties
ومن قائمة Tween نختار Motion
[IMG][/IMG]
ثم من قائمة Rotate
نختار CW أو CCW
ثم نضع امام خانة Times رقم 3
ونضع علامة صح في مربع Snap
[IMG][/IMG]
8) احفظ العمل .

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



انتهى الدرس .

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

((نهاية الدرس الخامس))

((بداية الدرس السادس))

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

((اسفه لعدم وجود صوره))

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

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) احفظ العمل ثم اضغط Enter

((نهاية الدرس السادس))

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

((اسفه لعدم وجود صوره))

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

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

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

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

[IMG][/IMG]

4) نضغط على الفريم (1) في اللاير الجديد ونرسم بأداة القلم الرصاص[IMG][/IMG]خط متعرج ، كما في الشكل :
[IMG][/IMG]
5) نعود الى لاير الدائرة ، وبالتحديد الفريم الاول فنلاحظ وجود حلقة داخل الدائرة
[IMG][/IMG]
6) نضغط أداة السهم و نقوم بسحب الدائرة من الحلقة الى أول الخط المتعرج

7) نضغط الفريم (30) ونسحب الدائرة من حلقتها بكل حذر بمحاذاة الخط المتعرج-دون انحراف - الى نهاية الخط المتعرج .
[IMG][/IMG]
8) الآن نعود الى شريط الوقت ، و لاير الدائرة بالتحديد ثم نضغط Create Motion Tween .

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

((نهاية الدرس السابع))

((بداية الدرس الثامن جـ1))

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

((اسفه لعدم وجود صوره))

خطوات الدرس :

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

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

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

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

[IMG][/IMG]

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

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

[IMG][/IMG]

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

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

(_(نهاية الجزء الاول)_)

[الملاك الحنون 4]

التكمله...((بداية الجزء الثاني))
السلام عليكم
هذه هي الطريقة الثانية لتأثير القناع Mask


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

((اسفه لعدم وجود صوره))


خطوات الدرس :

قياسات الدرس : 250 width و 100 height
1) نكتب النص ونجعله بمنتصف مسرح العمل بالضغط على Align أو ( Ctrl + K) ،ثم نضغط F8

[IMG][/IMG]

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

[IMG][/IMG]

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

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

5) نفتح لاير جديد و نرسم به مستطيل ونسحبه الى ماقبل بداية النص ثم نضغط F8
[IMG][/IMG]
6) نضغط فريم (20) ثم F6 ونقوم بـ سحب المستطيل الى نهاية النص .

[IMG][/IMG]

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

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

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

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

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


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

((نهاية الجزء 2))

((بداية الجزء 3 والاخير))

إليـــكمـ الطريقة الثالثة لتأثير القناع Mask

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

((اسفه لعدم وجود صوره))

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

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

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

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

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

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

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

((انتهى))

**&** منقول للفائده**&**

ارجوا ان ينال إعجابكم;)

[maha^_^]

يسلموووووو

[Mr.crocker]

شكرا جزيلا لكي على التوضيحات.
يسرني لو أساعدك لكني أعمل على الفلاش بالنسخة الفرنسية ذلك لأننا نعتمد اللغة الفرنسية بالمغرب وهذا سيخلق مشكلا لي في محاولة الشرح.
ولمن يجيد الفرنسية يمكنه تعلم ال ActionScript من خلال
www.flashkod.com