تعلم فلاش Mx من الالف الى الياء

الطبقات2 في فلاش MX
ثالثاً- طبقة القناع:

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

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

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

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

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

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

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

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

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

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

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

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

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

6:الآن نقوم باختبار الفيلم بالضغط على Ctrl+Enter يكون العرض
يتبع

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

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

1. نقوم بفتح نافذة المكتبة من خلال الضغط على Ctrl+l ومن قائمة Option التابعة لنافذة المكتبة نختار الأمر New Symbol تختار الرمز من نوع Graphic تفتح لنا نافذة مستقلة لتحرير الرمز نقوم بكتابة نص ما باستخدام أداة النص وليكن النص Sadaa Group وذلك كما في الشكل

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

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

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

. الآن نضيف الحركة من نوع Motion من لوح Properties لكل من الطبقة العليا والدنيا عند الإطار1 ثم ننفذ الحركة بالضغط على الزر Ctrl+Enter فتكون الحركه
إن إحدى الفوائد من استخدام الكائنات النصية في فلاش هو إمكانية إعادة استخدام لمؤثر نصي تم بنائه مسبقاً دون الحاجة لإعادة إنشاؤه وتكون الخطوات هي:

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

2. ثم نقوم بفتح نافذة المكتبة بالضغط على Ctrl+l يظهر لنا الرمز Symbol1 نقوم بالنقر المضاعف بالماوس على ذلك الرمز لتحريره ضمن نافذته المستقله .

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

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

استيراد الصور النقطية والتعامل معها

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

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

ثانياً- الصور النقطية: يتم توصيف الصورة النقطية باستخدام النقاط الملونة والتي تسمى بيكسل Pixels والتي يتم توزيعها على شبكة, وعند تحرير صورة نقطية يمكن تغيير البكسلات وليس الخطوط والمنحنيات, إن هذا النوع من الصور يملك خاصية عدم استقلال الدقة لآن المعلومات التي تصف الصورة مثبتة إلى شبكة بقياس محدد وبالتالي عند تحرير الصورة النقطية يمكن أن تتغير جودتها.

لاستيراد صورة نقطية إلى فلاش:
1. اختر أمر استيراد Import من قائمة File .
2. ابحث عن الصورة الذي تريد استيراده .
3. أنقر على زر الفتح Open لاستيراد الملف .
عند استيراد الصور تظهر في مكتبة المشروع.

ـ إن استيراد الصور النقطية يؤدي إلى زيادة حجم الملف التي يمكن تصغير حجمها بطريقتين:
أولاً- خيار الضغط من المكتبة من قائمة Options نختار الأمر Bitmap Properties.
لتحرير إعدادات تصدير الصورة النقطية:
1. انتق الصورة المستوردة ضمن مكتبة المشروع.
2. افتح قائمة خيارات لوح المكتبة Library Option ثم اختر أمر الخصائص Properties انظر الشكل

. خيار السماح بالنعومة Allow smoothing يكون فعالً بشكل افتراضي وهو يؤدي إلى تطبيق مفعول النعومة على الصورة .
4. انقر على السهم الموجود في الطرف الأيمن من قائمة خيارات الضغط Compression ثم اخترPhoto (JPEG أو Lossless(PNG/GIF .
5. إذا انتقيت خيار الضغط الملائم للصور الفوتوغرافية فسيظهر قسم الجودة quality ضمن مربع الحوار ، أزل إشارة التحديد من مربع خيار استخدام الجودة الافتراضية للمستند use document default quality .
6. أنقر على زر الاختبار test . يتم تحديث الصورة المصغرة ضمن نافذة المعاينة .

ثانياً- تحويلها إلى صورة متجهة نختار الأمر Trace Bitmap من قائمة Modify.
لتحويل الصور النقطية إلى عناصر رسومية:
1. حدد الصورة التي تريد تحويلها .
2. اختر أمر تتبع الصورة Trace Bitmap من قائمة أمر المعالجة Modify لفتح مربع حوار تتبع الصورة كما في شكل

. ضمن حقل نطاق الألوان Color Threshold ، اكتب قيمة تتراوح بين 1 و 500 . وهذه القيمة هي التي تحدد مدى التقارب اللوني بين البكسلات المتجاورة في الصورة .
4. ضمن حقل الحد الأدنى Minimum Area ، أكتب قيمة تتراوح بين 1 و 1000 ، وهذه القيمة هي التي تحدد مقدار البكسلات المتجاورة .
5. انتق خياراً من قائمة ملاءمة المنحنى Curve Fit . والخيارين المناسبين لمعظم الحالات Normal , Smooth .
6. انتق خياراً من قائمة نطاق الزاوية Corner Threshold ، هذا الإعداد هو الذي يحدد كيفية قيام فلاش برسم الزوايا . .
7. أنقر موافق Ok لتحويل الصورة إلى عناصر رسومية .
يوضع الصورة النقطية الأصلية إلى اليسار ونسختين مستخلصتين إلى اليمين .

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

استخدام أمر الكسر والتفريق:
الكسر والتفريق Break Apart يعتبر طريقة أخرى من طرق تحويل الصورة النقطية إلى عناصر رسومية قابلة للتحرير .
لكسر وتفريق الصورة النقطية:
1. حدد الصورة النقطية التي تريد كسرها وتفريقها .
2. اختر أمر الكسر والتفريق Break Apart من قائمة أمر المعالجة Modify ، بعد تفعيل الأمر ، يختفي صندوق الإحاطة الذي يحدد أطراف الصورة ، استخدم معالج العصا السحرية Magic Wand لانتقاء وتحديد المناطق اللونية المختلفة ، أو أداة القطارة لتحويل الصورة النقطية إلى لون داخلي .
3. لانتقاء وتحديد المناطق اللونية المتماثلة بواسطة العصا السحرية قم بكسر وتفريق الصورة نقطية .
4. انتق أداة الحبل lasso ، ثم انقر على magic wand كما في الشكل

. انقر على زر magic wand properties لفتح مربع حوار إعدادات العصا السحرية .
6. ضمن حقل النطاق Threshold ، اكتب قيمة تتراوح بين 0 و 200 وهذه القيمة تحدد مدى التقارب اللوني بين البكسلات المتجاورة .
7. انتق أحد الخيارات من قائمة النعومة Smoothing وهذا الخيار هو الذي يحدد مدى نعومة حواف المنطقة المحددة .
8. انقل الأداة نحو منطقة العمل ، لاحظ أن مؤشر الأداة يتحول من مؤشر الحبل إلى مؤشر العصا السحرية عند دخوله منطقة الصورة النقطية ، اضغط على مفتاح Shift ثم انقر على المزيد من المناطق اللونية لإضافتها إلى التحديد, ثم ننقر نقراً مزدوجاً لإغلاق المضلع وبعد تفريغ الصورة يمكن إضافة حد خارجي للرسم لتغطية النتوءات الحاصلة باختيار لون الحد المناسب باستخدام أداة زجاجة الحبر

, أخيرا نقوم بتجميع الجزء المحرر باختيار الأمر Group من قائمة Modify.

ولتحويل الصورة النقطية إلى رمز عن طريق الأمر Convert To Symbol من قائمة Insert .

لتحويل الصورة النقطية إلى لون داخلي :
1. حدد الصورة النقطية التي تريد استخدامها كعينة للون الداخلي .
2. اختر أمر الكسر والتفريق Break Apart من قائمة Modify .
3. انتق أداة القطارة DROPPER ، ثم انقر على الصورة التي تم كسرها وتفريقها تتحولا أداة القطارة إلى اللون الداخلي.
4. بعد اخذ عينة من الصورة النقطية التي تم كسرها وتفريقها ، احذف الصورة ، وتذكر أن فلاش قد حفظ الصورة الأصلية ضمن مكتبة المستند .
لتطبيق مفعول اللون الداخلي المأخوذ من الصورة النقطية مع إمكانية تغير أبعاد الصورة، اتبع أحد الطرق التالية :
ـ بعد إنشاء اللون الداخلي من الصورة النقطية ، قم برسم عنصر ما على مسرح العمل ، وذلك إما أداة البيضاوي OVAL أو المستطيل rectangle ،يقوم فلاش بملء العنصر بلون العينة كما في الشكل رقم (4).
ـ بعد إنشاء اللون الداخلي من الصورة النقطية انتق أداة الفرشاة ثم انقل الأداة نحو منطقة العمل لرسم بعض الضربات اللونية بالفرشاة وبلون النقش الذي تم استخلاصه من الصورة النقطية .
ـ لتعبئة العنصر الموجود باللون الداخلي المستخلص من الصورة النقطية ، أنتق أداة اللون الداخلي ثم انقر على العنصر.

الاصليه

بعد التحويل

يتبع

إنشاء مشهد ما قبل التحميل
تعتبر ملفات فلاش من نمط الملف التدفقي Streaming الذي يصف الطريقة التي تتدفق فيها المعطيات من مخدم HTTP إلى حاسب المستثمر وبالتالي قبل عرض أي رسوم بيانية أو أية عناصر أخرى على الشاشة يجب أن يحمل من الوب كاملاً, وذلك عائداً لسرعة وصلة الإنترنت بين المخدم والمستثمر, وبشكل عام تكتب ملفات الفلاش بشكل تتابعي بحيث أن الإطار الأول يكتب أولاً ثم الإطار الثاني وهكذا حتى يكتمل التحميل وإذا تم العرض قبل انتهاء التحميل فإن الفيلم سوف يظهر بصورة متقطعة وهنا تأتي أهمية مشهد ما قبل التحميل الذي يزودنا بعرض شيء ما على الشاشة خلال الزمن اللازم للتحميل ويمكن استخدامه للدلالة على الزمن الباقي للتحميل, وينصح دائماً باستخدام مشهد ما قبل التحميل عندما يتجاوز حجم ملف الفلاش /100/ كيلو بايت.
و إعدادات التحميل هي بكل بساطة مجموعة من الإطارات في بداية ملف الفيلم تعمل بشكل حلقي عند تحميل بقية الفيلم عن طريق الحدث If frame is loaded.

خطوات إعداد مشهد ما قبل التحميل:

1. نقوم بإنشاء مشهدين للفيلم:
الأول لإعدادات التحميل والثاني يكون المشهد الرئيسي الذي يحتوي الفيلم الذي تريد أن تضيف له مشهد ما قبل التحميل (وسنفترض أن المشهد الرئيسي طوله 45 إيطار).
ونقوم بذلك من خلال فتح نافذة Scene من قائمة Window بعد فتحها نضغط على زر + لإضافة المشهد الثاني ونقوم بالنقر المزدوج لإعادة تسميتهم كما في الشكل

الشكل رقم (1)

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

ثم نحدد الإطار1 من ذلك المشهد بالزر الأيمن ونختار الأمر Actions ثم من تلك نافذة نختار من Deprecated الأمر Actions ثم نختار الحدث If frame is loaded ونقوم بوضع الإعدادات كما في الشكل

وقبل أن نغلق نافذة Actions نضيف أيضا حدث goto من خلال Actions ثم الأمر Movie Control نحدد أيضاً الخيار Scene إلى Basic ولكن Frame نضعه يساوي1.

3. في مشهد loading أيضاً نحدد الإطار10 ونعود إلى نافذة Actions ونضغط على زر + ونختار أيضا حدث goto من خلال Actions ثم الأمر Movie Control , نحدد الخيار Scene إلى loading ومن Frame نضعه يساوي 1 كما في الشكل

نقوم باختبار ما قمنا به من خلال الضغط على الزر Ctrl+Enter
يتبع