برنامج FLASH MX

أدوات برنامج فلاش
MX


ستتعرف
في هذا الدرس على معظم الأدوات المستخدمة في برنامج فلاش MX .



لوحة
الأدوات الرئيسية :
تحتوي على أهم
الأدوات المستخدمة في هذا البرنامج ويحتوي هذا اللوح على الأدوات مثل أداة
التحديد، أداة النص، أداة سطل التلوين، أداة رسم المستطيل، أداة رسم الدوائر،
أداة الفرشاة، أداة القلم،أداة الممحاة
, أداة التحجيم , أداة
التكبير والتصغير .... ألخ , سيتم شرح مهمة هذه الأدوات تدريجياً مع الدروس كما أنه
يمكنك معرفة مهمة كل أداة من خلال وضع الماوس عليها , الشكل رقم ( 1 ) يبين لوحة
الأدوات الرئيسية .


تكبير الصورة معاينة الأبعاد الأصلية.



الشكل ( 1 )


لوحة التحكم بألوان العمل أو بألوان
الأشكال أو الكتابات وهي مقسمة إلى قسمين , القسم الأول لاختيار لون خط الرسم
الثاني لاختيار لون الشكل أو التحكم في إظهار اللون من عدم إظهاره وغيرها .....
الشكل رقم ( 2 ) .




الشكل ( 2 )


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




الشكل ( 3 )


شريط الإطارات و الزمن مقسم إلى
إطارات , افتراضياً كل 12 إطار يمثل ثانية واحدة , يتم من خلاله تنسيق حركة
الإطارات وتنظيم فيلم الفلاش ... الشكل ( 4 ) .




الشكل ( 4 )

لوح
Components وهي تحوي العناصر
الأكثر استخداماً في نظام ((التربيط التبادلي)) , الشكل ( 5 ) .




لوحة الخصائص وهي التي تتحكم بمعظم
خصائص ملف فلاش والأشكال الموجودة ضمنه وستتعرف عليها خلال الدروس القادمة , الشكل
( 6 ) .





الشكل ( 6 )


لوحة الأحداث أو الأكشن وهي تستخدم
من أجل إضافة الأوامر البرمجية لفيلم الفلاش , الشكل ( 7 ) .




الشكل ( 7 )

الكتابة
باللغة العربية


من أهم مواضع القصور في برنامج فلاش
للمستخدم العربي عدم دعمه للغة العربية , بالتالي
لا يمكن الاعتماد عليه وحده لتطبيق أدواته على نصوص باللغة العربية. إلا انه
بالإمكان تجاوز هذا القصور عن طريق استخدام برنامج Corel
Draw الذي يدعم اللغة
العربية لإعداد النص المطلوب ومن ثم تصديره بصيغة ملف
Adobe Illustrator إلى برنامج فلاش أو عن طريق برنامج الرسام
العربي .


برنامج Corel Draw :

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

2
- الآن سنستخدم أداة خاصة في Corel Draw لتحويل
النص إلى انحناءات , بعد تظليل العبارة
التي كتبتها أختر Arrange>Convert To Curves من القائمة الرئيسية
, ستلاحظ أن تحويل النص إلى انحناءات قد قسم وباعد بين الحروف
، لا تهتم لذلك سنصلح هذا الخلل ضمن فلاش
.

3 -
بعد ذلك من القائمة الرئيسية أختر File>Export لتصدير النص ومن ثم ستحصل
على مربع حواري يطلب منك تسمية الملف المراد تصديره واختيار نوعية التصدير
, أكتب اسما للملف ثم اختر Adobe Illustrator AI من القائمة
المنسدلة ثم اضغط Export ثم OK , هذا كل ما عليك فعله في
الكوريل ...

4 -
اذهب الآن إلى برنامج فلاش وقم باستيراد
النص الذي أعددناه في الخطوات السابقة من القائمة الرئيسية لبرنامج فلاش اختر
File>Import ثم حدد الملف الذي حفظته .

5 -
لاحظ أن النص يظهر مقطع من أجل تصليح هذا
الأمر من القائمة الرئيسية أختر Modify>Break Apart , اضغط مفتاح Shift في لوحة
المفاتيح ثم استخدم الزر الأيسر للماوس وانقر مرة واحدة على أي حرف ثم استخدم السهم
الأيمن في لوحة المفاتيح وقم بإزاحة بقية النص إلى الجهة اليمنى حتى تلتصق الحروف
مع هذا الحرف , كرر نفس الطريقة مع بقية الأجزاء المقسمة الأخرى حتى تحصل على نص
متكامل بنوعية جيدة .

يمكنك الآن تغير لون الخط ومقياسه حسب
الرغبة , فقط اضغط Ctrl A في لوحة المفاتيح ثم
استخدام أداة التلوين لتغير لون الخط وأداة القياس لتحديد المقياس
.

برنامج
الرسام العربي :

1 - اكتب النص الذي تريد في
واجهة برنامج الرسام العربي الرئيسية .

2 - من القائمة
الرئيسية للبرنامج اختر Edit>Minimize & Copy سيحفظ جهاز الكمبيوتر نسخة من النص
الذي كتبته في الخطوة الأولى ضمن الذاكرة .

3 - عد الآن إلى
برنامج فلاش استخدم أداة النص وانقر بها في المكان الذي ترغب في إضافة النص
, الآن استخدم لوحة المفاتيح واضغط على Ctrl V لإلصاق النص المحفوظ في
الذاكرة , وطالما إن برنامج فلاش لا يدعم اللغة العربية
فستلاحظ ظهور النص على شكل رموز غير مقروءة .

4 - من لوح الخصائص اختر
القائمة المنسدلة التي تحتوي على قائمة بالخطوط أو الفونتات الموجودة في جهازك
, ستجد مجموعة من الخطوط تبدأ بالأحرف AXt الإنجليزية
. هذه هي الخطوط الخاصة ببرنامج الرسام العربي
أختر الخط الذي تريد ولاحظ بأنك حصلت على النص العربي المقروء , طبق الآن ما تريده
من حجم الخط ولونه وذلك من خلال لوح الخصائص الشكل ( 1 ) .



الشكل (
1 )

5 -
سنقوم الآن بتحسين جودة النص . من القائمة الرئيسية
لبرنامج فلاش اختر View>Antialias Text.

وبذلك تكون قد عرفت كيف
تكتب بـاللغة العربية في برنامج فلاش .

إنشاء
الحركة في فلاش MX





سنتعلم من هذا
الدرس كيفية كيفية تحريك الأشكال أو الصور من نقطة في الفيلم إلى نقطة أخرى حيث أنه
هناك طريقتين لإنشاء الحركة في فلاش وهما ( طريقة الحركة البينية للأطر, طريقة إطار
تلو إطار) وسوف نقوم إنشاء الله في هذا الدرس بشرح كلتا الطريقتين مع الأمثلة
المناسبة .

قبل أن تبدأ :
عليك أن تتعلم كيف تخصص فيلم الفلاش من حيث أبعاده
ولون الخلفية وعدد الإطارات في الثانية .....

من القائمة الرئيسية
اختر Modify > Document
أو اضغط على Ctrl M
يظهر لك مربع حوار Document
Properties ومن ثم تقوم بتخصيص الفيلم كما تشاء , الشكل
( أ ) .



الشكل ( أ
)

أولا-
طريقة الحركة البينية للأطر :

على فرض أننا
سوف نقوم بتحريك دائرة من أول المشهد إلى آخره فتكون الخطوات
:

1. اختر أداة
الدائرة من شريط الأدوات ثم بعد تحديد لون التعبئة
والخط الخارجي نقوم برسم الدائرة في الجانب الأيسر من المشهد, لاحظ أنك حصلت على
دائرة سوداء في شريط الزمن عند الإطار رقم1 .

2. قم بالنقر
المزدوج على الدائرة من أجل تحديد لون التعبئة والخط الخارجي ثم نحولها إلى رمز من
خلال الأمر Convert to Symbol
من قائمة Insert
أو من خلال الضغط على زر F8
فيظهر مربع الحوار الشكل(1) نحدد الخيار
Graphic ثم نضغط
OK .








الشكل (1)

بعد الشكل
إلى رمز يقوم فلاش بحفظ الرسم في المكتبة الخاصة للمشروع يمكن رؤية ذلك من خلال
الأمر Library من قائمة
Window ((سنقوم بشرح التعامل
مع المكتبات في الدروس القادمة)) .

3. الآن
باستخدام الماوس نقوم بتحديد الإطار 20 من شريط الزمن لنفس الطبقة بالزر الأيمن
وتختار من القائمة السريعة الأمر Insert Keyframe
أو نضغط الزرF6
حيث سيصبح شريط الزمن هكذا
ثم تقوم بتحريك الدائرة في مربع الرسم إلى الجهة المقابلة باستخدام الماوس
.

4. والآن
سوف نقوم بإضافة الحركة إلى الفيلم وذلك باستخدام الماوس بالزر الأيمن نحدد الإطار
الأول في شريط الزمن ونختار من القائمة السريعة الأمر
Create Motion Tween فيصبح شريط الزمن على شكل سهم له
خلفية زرقاء باهته مع العلم
أنه لا تعمل الحركة البينية إلا مع الرموز أو الكائنات المجمعة
.

5. الآن
نقوم باختبار ما قمنا به من خلال الظغط على زري
Ctrl Enter يجب أن تكون الحركة كما في الشكل (2)
:
<table id="AutoNumber1" border="0" cellspacing="1" width="100%">
<tr>
<td width="100%">
</td>
</tr>
</table>

الشكل (2)



الشكل (3)

يبين الشكل
رقم (3) خيارات الحركة البينية حيث يمكن تحديد معدل الدوران حسب اتجاه عقارب الساعة
أو بالعكس أيضا يمكن إلغاء الحركة البينية ويمكن أيضا تحديد خيارات السهول لسرعة
الانطلاق أو سرعة الوصول .

ثانياً-
طريقة الإطار تلو الإطار:

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

على فرض
أننا سنقوم بإنشاء ملعب لكرة السلة وفكرة المثال هي انطلاق الكرة ودخولها في
الدائرة سأضع لكم المثال جاهزاً وهو في الشكل (4) وأدع المجال لخبرتكم مع القليل من
التعليق على ذلك المثال :
<table id="AutoNumber2" border="0" cellspacing="1" width="100%">
<tr>
<td width="100%">
</td>
</tr>
</table>

الشكل
(4)
كما ترون إن
هذا الشكل معقد بالنسبة للحركة الأولى ولقد استخدمنا طريقة الإطار تلو إطار بعد رسم
الملعب طبعاً حيث عند كل إطار نقوم بإضافة إطار مفتاحي ثم نحرك الكرة قليلاً وهكذا
حتى دخولها الدائرة وسقوطها على الأرض (ولا ننسى تحويل الكرة إلى رمز)

.

الطبقات1 في فلاشMX


إن استخدام
الطبقات مهم جداً في فلاش لتنظيم العمل الفني ، وعندما
تقوم بتحرير العناصر على الطبقة ، فإن عمليات التحرير التي تجريها لا تؤثر على
العناصر الموجودة على الطبقات الأخرى ، كل طبقة تنشئها لها شريط الوقت الخاص بها
كما في شكل رقم (1):





الشكل رقم (1)

أنواع
الطبقات:

هناك أربعة
أنواع للطبقات وهي: (الطبقة العادية ـ الطبقة القناع ـ الطبقة الدليلية ـ طبقة
المجلد) حيث سنقوم بشرحها بالتفصيل مع الأمثلة إن لزم الأمر:

أولاً- الطبقة العادية:

تفيد تلك
الطبقة فقط في فصل العناصر عن بعضها فعند رسم عنصرين متداخلين على نفس الطبقة
يصبحان شكل واحد لذلك يفضل عند رسم أي عنصر أن يتم رسمه ضمن طبقة منفصلة, ويمكن
تغيير اسم أي طبقة عن طريق النقر المزدوج على الاسم, ويمكن أيضا تعديل خصائص تلك
الطبقة أو تحويلها لطبقة دليلية أو قناع من خلال النقر بالزر الأيمن على الطبقة
واختيار الأمر Properties
الشكل رقم (2):




الشكل رقم (2)

ثانياً- الطبقة الدليلية:

نقوم بإنشاء
الطبقات الدليلية لاستخدامها كمرجع عند محاذاة وضبط مواضع العناصر ضمن الأفلام
وطبقات دليل الحركة لإنشاء المسار الذي تتبعه العناصر أثناء حركتها
((مع العلم أن كل ما يرسم أو يكتب ضمن الطبقة الدليلية لا يظهر عند عرض الفيلم)),
وكمثال على ذلك نفترض أننا سنقوم برسم كرة وتحريكها بمسارات عشوائية فتكون الخطوات:

1. نقوم برسم
الكرة ونحددها بالماوس بالنقر المزدوج لتحديد لون الملء والإطار معاً ثم نحولها إلى
رمز من خلال الضغط على الزر F8
واختيار Graphic.

2. ندرج إطار
مفتاحي عند الإطار30 نحدد طبقة العمل ثم نضغط على زر إضافة طبقة دليلية
يجب أن يكون شريط الزمن
والطبقات مثل الشكل رقم (3):




الشكل رقم (3)

3. نحدد الإطار رقم1 من الطبقة
الدليلية وباستخدام قلم الرصاص
نقوم برسم خط لا على التعين
حيث سيكون ذلك الخط هو المسار الذي ستسير عليه الكرة أثناء العرض وليكن الخط كما في
الشكل رقم (4):



لشكل رقم (4)
. نقوم الآن
بتفعيل ميزة القفز إلى الدلائل اختر أمر دلائل الرسم
guides من قائمة أمر العرض view ، ثم اختر أمر القفز إلى الدلائل snap to guides,
ننتقل الآن إلى الطبقة الرئيسية ونحدد الإطار رقم1 ثم نقوم بسحب الكرة إلى رأس
الخيط وعند الإطار رقم30 نسحب الكرة إلى رأس الخيط المقابل بحيث يجب في الحالتين أن
تظهر قرب الماوس دائرة سوداء تدل على ارتباط الدائرة بالخيط, الآن نضيف الحركة من
خلال النقر بز الماوس الأيمن واختيار الأمر
Create Motion Tween, ثم ننفيذ الفيلم بالضغط على
Ctrl Enter يكون العرض كما في الشكل
رقم (5) :


الشكل رقم (5)

سوف نتابع الأنواع
المتبقية من الطبقات .

الطبقات2 في فلاش MX

ثالثاً- طبقة القناع:

هذا النوع من
الطبقات مفيد جداً لعمل الخدع والأعمال الفنية حيث يتم وضع طبقة القناع فوق طبقة أو
عدة طبقات أخرى لإخفاء أو إظهار أجزاء معينة من تلك الطبقة, فالمناطق المملوءة من
طبقة القناع هي فقط التي ستظهر من الطبقة المقنعة, وتكون دائماً طبقة القناع فوق
الطبقة المقنعة, وسنقوم بشرح مثال بسيط عن ذلك خطواته هي:

1. نحتاج إلى
طبقتين الأولى للكتابة عليها والثانية لجعلها قناع, نقوم بإضافة طبقة ثانية من خلال
الضغط على زر إضافة طبقة

الأولى نسميها الكرة بالنقر المزدوج على اسمها والثانية نسميها كتابة.

2. نختار طبقة
الكتابة وعند الإطار1 باختيار أداة الكتابة نكتب النص وليكن
Pleas 1 Moment ونكبره حتى يشغل معظم
مساحة الرسم ثم نحوله إلى رمز بالضغط على زر F8
من نوع Graphic ثم نقوم
بإضافة إطار مفتاحي عند الإطار25 بالضغط على الزرF6.

3. الآن ننتقل
إلى الطبقة الكرة نحددها بالنقر عليها وعند الإطار1 نقوم برسم الكرة عند بداية النص
حيث لا يهم لون التعبئة لأنه لا يظهر عند العرض كما ذكرنا سابقاً, ثم نحول الكرة إلى رمز بالضغط على زر
F8 من نوع
Graphic ثم نقوم بإضافة إطار مفتاحي
عند الإطار25 بالضغط على الزرF6
نحرك الكرة بواسطة الماوس إلى نهاية النص.

4. نقوم الآن
بإضافة الحركة إلى الكرة حيث نضغط على الإطار الأول من طبقة الكرة بالزر الأيمن
للماوس ونختار الأمرCraete Motion Tween
.

5. الآن نقوم
بإضافة القناع لطبقة الكرة بالضغط عليها بزر الماوس الأيمن واختيار الأمر
Mask وبذلك يتغير رمز الطبقة كما في
الشكل رقم (1):





الشكل رقم (1

6.
الآن نقوم باختبار الفيلم بالضغط على Ctrl Enter يكون العرض كما في الشكل
رقم (2):




الشكل رقم (

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

Enter.

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

1. ننشئ
طبقتين الأولى طبقة قناع نسميها Text
والثانية مقنعة نسميها Colors
.

2. نختار طبقة
Colors ونقوم برسم
مستطيل ونلونه بألوان
عشوائية حسب الرغبة مثلاً كما في الشكل رقم (3) ونضيف إطار مفتاحي لنفس الطبقة عند
الإطار45 بالضغط على مفتاح F6
ثم نقوم بتأمين تلك الطبقة لسلامتها:





الشكل رقم (3

3. الآن نختار
الطبقة Text ونقوم بكتابة نص
وليكن COLOR ثم نحوله إلى رمز
بالضغط على مفتاح F8 من نوع
Graphic ونسحبها بواسطة
الماوس إلى فوق نافذة الرسم, ثم نضيف إطار مفتاحي أيضا عند الإطار45 بالضغط على
مفتاح F6 ثم نسحب النص إلى
أسفل نافذة الرسم.

4. نقوم
بإضافة الحركة للنص عن طريق النقر بالماوس بالزر الأيمن على الإطار1 لطبقة
Text ونختار

الأمر[/size][size=12]Craete Motion Tween


5.
الآن نقوم بإضافة القناع لطبقة
Text بالضغط عليها بزر الماوس الأيمن
واختيار الأمر
Mask وبذلك يتغير رمز الطبقة كما في
الشكل رقم (4):





الشكل رقم (4

6.
الآن نقوم باختبار الفيلم بالضغط على Ctrl Enter يكون العرض كما في الشكل
رقم (5):




الشكل رقم (

ثانياً- الطبقة المجلد:

فائدتها فقط
هي تصنيف الطبقات ضمن مجلد ليسهل الوصول إليها وهي ميزة من مزايا
Flash MX الجديدة.

التعامل مع المكتبات2



سيكون هذا الدرس إنشاء
الله درساً تطبيقياً للدرس السابق بمثال شامل فكرته تقوم على إنشاء نصوص بمقاييس
مختلفة تتلاشى كلما كبرت ولكن سوف ننشئ هذا المثال مع الاستفادة من خصائص المكتبات
وإنشاء القوالب وسوف يكون درساً ممتعاً لنبدأ:



1. نقوم بفتح نافذة
المكتبة من خلال الضغط على

Ctrl l ومن قائمة Option
التابعة لنافذة المكتبة نختار الأمر
New Symbol تختار الرمز من نوع
Graphic تفتح لنا نافذة
مستقلة لتحرير الرمز نقوم بكتابة نص ما باستخدام أداة النص
وليكن النص
Sadaa Group وذلك كما في الشكل رقم
(1) حيث يمكن تغيير أعدادات النص من قائمة Text:








الشكل رقم (2)



2. نقوم بالعودة إلى
نافذة تحرير المشهد بالضغط على رز

Scene1 ثم نقوم بسحب الرمز من المكتبة إلى نافذة الرسم
ونقوم بوضعه في وسط النافذة ثم نضيف إطار مفتاحي عند الإطار10 بالضغط على مفتاح
F6.



3. نضيف الآن طبقتين
ونجعل الطبقة التي أنشأنا عليها النص طبقة متوسطة بين الطبقتين الجديدتين وعلى كل
طبقة نقوم بإضافة الرمز من المكتبة عند الإطار الأول ونحاول أن نجعل النصوص الثلاثة
على مستوى واحد.



4. نختار الآن الطبقة
الدنيا عند الإطار10 ونضيف إطار مفتاحي بالضغط على مفتاح
F6
ثم نكبّر النص عند نفس الإطار من خلال أداة التحجيم
نقوم بالسحب إلى الأعلى
واليمين بمضاعفة حجم النص وكذلك الطبقة العليا ولكن إلى الأسفل واليسار كما في
الشكل رقم (3) نم نقوم بإضافة تأثير Alpha
لكل من الطبقة العليا والدنيا عند الإطار10 من لوح
Properties ونختار من قائمة
Color الأمر
Alpha ونضع القيمة تساوي الصفر كما
في الشكل رقم (3):






الشكل رقم (4)



5. الآن نضيف الحركة من
نوع
Motion من لوح
Properties لكل من الطبقة العليا
والدنيا عند الإطار1 ثم ننفذ الحركة بالضغط على الزر
Ctrl Enter فتكون الحركة كما في الشكل رقم (5):





الشكل رقم (5)



إن إحدى الفوائد من استخدام
الكائنات النصية في فلاش هو إمكانية إعادة استخدام لمؤثر نصي تم بنائه مسبقاً دون
الحاجة لإعادة إنشاؤه وتكون الخطوات هي:



1. نفتح المؤثر المنشأ
مسبقاً وليكن المثال الذي شرحناه سابقاً مع مراعاة أن يكون قد إنشأ بنفس ما قمنا
بشرحه.



2. ثم نقوم بفتح نافذة
المكتبة بالضغط على

Ctrl l يظهر لنا الرمز Symbol1 كما في الشكل السابق رقم
(2) نقوم بالنقر المضاعف
بالماوس على ذلك الرمز لتحريره ضمن نافذته المستقله كما في الشكل رقم (2).



3. باستخدام أداة النص
نقوم بالنقر على النص فيتيح
لنا فلاش إمكانية إعادة كتابة النص نقوم بحذف النص وكتابة النص الجديد وليكن

Yasin Fares ثم ننتقل إلى نافذة
المشهد بالضغط على زر Scene1.



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

Ctrl Enter كما في الشكل رقم (6):





الشكل رقم (6).

شكرا لمرورك فاطمة

شكرا لك هناء على مرورك العطر