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

[محمد سراج]

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





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

كـ هذا الشكل :






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

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

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

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

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





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

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

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





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

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

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

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





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

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

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





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

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

اغلق الاكشن

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


انتهى الدرس .

تحياتي

[محمد سراج]

درس الفلاش 17 _ الرسم بالفلاش

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


خطـوات الدرس :
1) نختار أداة الفرشاة .. ونصغر حجمها بحيث تكون أصغر من المتوسط .

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





3) نضغط الفريم (2) و F6 ثم نكمل رسم جزء بسيط من النبتة .





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





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

واحفظ الشكل .


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

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

سنستخدم بهذا الدرس أداة السهم فقط

الخطـوات :

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





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





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






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

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





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

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






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

تحياتي

[محمد سراج]

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

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

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

الآن نقوم بانشاء لايرين
الاول نسميه Action
والثاني ****

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

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


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

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



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

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

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

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

gotoAndPlay(1); 

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

[محمد سراج]

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

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

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

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

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


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

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

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

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

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

******
Properties
ونحول الـ Static ****
نحوله الى
Dynamic ****


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

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

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

ونحول خاصية الخط من Static **** الى Dynamic ****

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

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

4) نضغط على الفريم الاولو بيمين الماوس نختار Action
ثم نضع هذا الكود
total = getBytesTotal();
loaded = getBytesLoaded();
percentage= int((loaded/total)*100)+"%";
5) نضغط الفريم (2) ثم F6
ونضع الكود التالي:

if (_framesloaded>=_totalfra mes) {
gotoAndPlay ("Scene 1", 1);
} else {
gotoAndPlay (1);
}
نعود الى المشهد الرئيسي Scene1
ونضغط على آخر فريم .. ثم بيمين الماوس نختار Action
ونضغط على امر Stop

بقي أن نعرف مهمة كل مستطيل من المستطيلات الثلاثة.
احفظ العرض الآن .. ثم اضغط Ctrl+Enter مرتين

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

[محمد سراج]

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



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

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

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





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






2) نضغط بالماوس على المستطيل ثم F8.. سيظهر لنا مربع الـ Convert to symbol ، و نجد كلمة Registration وبجانبها شكل مربع بداخله مربعات صغيرة -كهذا-

.. سنضغط على المربع الاوسط بجهة اليسار حتى يظهر مكانه مربعاً أسود .
الشكل:





ثم نختار Movie Clip و Ok

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





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

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

6) نضغط الفريم الاول و نختار أداة المربع .. ونختار لون للإطار الخارجي ونخفي بالمقابل اللون الداخلي


ملاحظـة : لاتنسى ان تجعل لون الاطار الخارجي مختلفاً عن اللون الداخلي للمستطيل الذي رسمناه في البداية.

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





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

bytes_loaded = Math.round(_root.getBytes Loaded());
bytes_total = Math.round(_root.getBytes Total());
getPercent = bytes_loaded/bytes_total;
_root.a._***** = getPercent*100;
_root.b = Math.round(getPercent*100 )+"%";
if (bytes_loaded == bytes_total) {
gotoAndPlay("Scene 1", 1);
}


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

gotoAndPlay(1);


انتهى الدرس .. واتمنى ان يكون الشرح واضحاً وبسيطاً بالنسبة لكم .