Bitmaps

ما هو الـ Bitmaps ؟

الصور التي تستورد إلى برنامج الـ Flash تكون على هيئة Bitmap .

الصور التي يمكن أن نستوردها لبرنامج الـFlash ؟

 

كيف يمكن استيراد الصور للـ Flash ؟

من قائمة File أختر Import و هناك خياران و هما :

1.  Import to Stageاستيراد الصورة و وضعها في منطقة العمل مباشرة .
2.  Import to Libraryاستيراد الصورة و وضعها في المكتبة Library و ليس في منطقة العمل .

سنتكلم أولاً عن جودة الصورة و المقصود Quality  كيف نتعرف على جودة الصورة عندما تدرج؟

من قائمة File نختار Publish Settings… أو نضغط على مفتاح Ctrl + Shift + F12 ثممن قائمة Flash نلاحظ بالأسفل خيار باسم JPEG Quality و أمامه عدد يوضح الجودة هذا الخيار يخبر الـ Flash بأن أي صورة تدرج في البرنامج مهما كان امتدادها فإنها تكون بجودة الصور ذات امتداد JPEG و العدد يمثل الجودة المفترضة التحكم بجودة الصورة عن طريق تغيير هذه القيمة أو الرقم 

كيف يمكن التحكم بجودة الصور المدرجة؟

أغلق نافذة Publish Settings… و أفتح المكتبة Library بالضغط على مفتاح F11 ثم حدد الصورة المطلوبة و أختر الدائرة الزرقاء في أسفل النافذة و التي بمنتصفها حرف i كما في الشكل التالي :

فتظهر هذه النافذة

1. أسم الـ Bitmap المدرج في منطقة العمل أو مساحة العمل .
2. شكل الـ Bitmap بحيث إذا غيرت في الإعدادات فعند الضغط على زر Test لترى النتيجة بحيث تدقق على الشكل قبل اعتماده نهائيا و تطبيقه على الشكل الذي في منطقة العمل .
3.  Allow Smoothingهذا الخيار يستخدم لأنه قد تختلف جودة الصورة أثناء العرض عن جودتها أثناء الإنشاء فـ يتغير أحيانا One Pixel فمن المعروف أن الصور في الكمبيوتر عبارة عن مجموعة من النقاط و هذه الخاصية تجعل الصورة أقرب إلى الحقيقة بحيث تكون النقاط متناسقة جدا و لا يوجد بينها أي تباين أو اختلاف طبعا من الممكن تستخدم هذه الخاصية أو تلغيها على حسب الصورة المستخدمة .
4.  Compressionو هي تختص بجودة الصورة المدرجة في منطقة العمل و هنا يوجد خياران وهما :
   1.  Photo (JPEG) و هذه الخاصية تستخدم عندما تريد أن تضع الصورة في عرضك الفلاش أو مواقع الإنترنت و غيرها من الأمور التي تتطلب قدر معين من الجودة أثناء العرض .
   2.  Lossless (PNG/GIF) و هذه الخاصية تستخدم عندما تريد أن تضع الصورة على CD’s و غيرها من الأمور التي تتطلب جودة عالية أثناء العرض
5.  Use imported JPEG dataهذا الخيار يتيح لك استخدام الجودة التي يفترضها برنامج الـ Flash و التي يراها مناسبة فهي نفسها الموجودة في نافذة Publish Settings… التي تظهر عن الضغط على مفتاح Ctrl + Shift + F12  و اختيار القائمة Flash و الخيار JPEG Quality الجودة المقترحة في هذا الخيار هي التي يستخدمها الـ Flash عندما تقوم بوضع علامة صح على هذا الخيار و لذلك يفضل عدم وضع علامة صح و التحكم بالجودة بحيث تحصل على جودة مقبول أو جيد مقابل حجم أقل لملفك الفلاشي و يجب أن تعرف أنه كلما زادت جودة الصورة كلما زاد حجم الملف الفلاشي هذه نقطة مهمة لذلك حاول الحصول على جودة تكون جيدة للعرض و ليس جودة عالية و مبالغ بها.

التحكم بالـBitmap ؟

يمكن من الأشياء المهمة بالنسبة للمستخدم هو معرفة كيف يمكن أن يتحكم بالـ Bitmap سواء بحذف لون معين أو لون تتداخل معه ألوان أخرى تريد حذفها أيضا إذاً إليك هذا المثال البسيط :

1. قم بإدراج Bitmap في منطقة العمل .
2. قم بكسر الـ Bitmap من قائمة Modify ثم Break Apart أو بالضغط على مفتاح Ctrl + B ليكون بهذا الشكل :
   
   
   
   قمنا بكسر الـ Bitmap وذلك للتحكم به بشكل أكبر باستخدام الأدوات
3. أختر أداة التقطيع Lasso Tool بالضغط على مفتاح L و من أسفل تظهر خيارات هذه الأداة Options كما في الشكل التالي :
   
   
   
   حدد أداة Magic Wand ثم أختر الأداة التي بجانبها على اليمين وهي باسم Magic Wand Properties وذلك للتحكم بطريقة التقطيع فتظهر لك النافذة التالية :
   
    
   1. Threshold
      هنا يتم إدخال المتغيرات ما بين 1 و 200 و ذلك لتحديد مدى قرب لون الـ Pixels المجاور الذي يجب أن يضم أو يجمع في مجموعة محدده. الرقم العالي يضم أو يجمع أوسع سلسله من الألوان و إمكانية التحكم بالـ Bitmap تكون قليله. إذا أختر القيمة 0 سوف يمكنك أن تحدد Pixels  وحيد مما يعطيك خيارات أوسع للتحكم بالـ Bitmap. (و هنا يتم اختيار عدد الألوان التي تريد حذفها بمعنى إذا كنت تريد حذف اللون الأسود فقط في الصورة السابقة فأختر عدد قليل وليكن واحد أو أثنين
      
      
       
   2. Smoothing
      وهنا تختار من القائمة مدى نعومه الحواف و يمكنك ملاحظة ذلك بالتجربة والتدقيق. (و هناك يتم اختيار طريقة الحذف و يندرج تحتها الطرق التالي :Pixels , Rough , Normal , Smooth
      و كل منها لها طريقة بالحذف و قد يصعب ملاحظتها و يمكن أن ترى الفرق و تدقق بالتجربة

 

هناك طريقة أخرى للتحكم بالـ Bitmap و هي أكثر دقة مما ذكرناه سابقا و هي باستخدام خاصية
 Trace Bitmap:

الأشكال المتجهة Vector Shape

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

الأشكال النقطية Dot Shape

و هي تلك الأشكال المرسومة مسبقا و المتحولة بطريقة أو بأخرى إلى أحد توسعات الصور JPG , GIF مثلا أو أي توسعات أخرى و هذه الأشكال هي عبارة عن متجهة أصلا حولت عن طريق المستخدم إلى صورة نقطية .
و الآن وظيفة الخاصية Trace Bitmap هي تحويل الأشكال النقطية Dot Shape إلى أشكال متجهة Vector Shape .  فـ لنبدأ مع هذا المثال :

أولا: قم بإدراج Bitmap في منطقة العمل .
ثانيا: حدد الـ Bitmap ثم أذهب لقائمة Modify وأختر Bitmap وأخيرا Trace Bitmap… سوف تظهر النافذة التالية :

1-     Color threshold:  يقبل سلسله الأرقام من 1 إلى 500 هذا الخيار يحدد درجة أي Pixel واحد ربما أكثر من لون متنوع في الـ Pixels قبل أن يفسرها Macromedia Flash على أنها ألوان مختلفة أي أنه عندما تزيد قيمه الـ Threshold فإنك تقلل الألوان .

2-     Minimum area يقبل سلسله الأرقام من 1 إلى 1000 هذا الخيار يحدد حجم في الـ Pixels لكل شكل منتج بوسطه الـ Trace أي كلما قلت القيمة صغر الشكل الناتج .

3-     Curve fit هنا يوجد قائمه تحتوي على ست خيارات و هي تتراوح من Pixels إلى Very Smooth هذه الخيارات تحدد مدى قرب الحواف الحادة بين توافق الأشكال المتجهة Vector Shapes الفردية مع ألوان الـ Bitmap . أي أن خيار Very Smooth ينتج أطول تعرجات بينما خيار Pixels ينتج العديد من التعرجات القصيرة.

4-     Corner Threshold : هنا يوجد قائمه تحتوي على ثلاث خيارات وهي :
Many Corners , Normal & Few Corner
هذه القائمة تتحكم بدرجة التموج المنفرة التي تمكن انحناء أو انعطاف الشكل قبل كسره Breaking إلى موجتين منفصلتين بواسطة الزوايا . أي خيار Many Corners سوف ينتج خطا أنعم

---

الأزرار Buttons

أدراج الأزرار

1-     قم بإدراج دائرة في منطقة العمل وذلك بعد اختيار الألوان المناسبة للدائرة .

2-     حدد الدائرة ثم أضغط على مفتاح F8 و أختر Button كما في الشكل التالي :



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

a.       Upهو التأثير الذي يراه المستخدم لأول مره .

b.      Overهو التأثير الذي يراه المستخدم عندما يكون مؤشر الفأرة فوق الزر .

c.       Downهو التأثير الذي يراه المستخدم عند الضغط على الزر .

d.      Hitو في هذه الخاصية تجعل الزر مخفي

 

الآن مع هذا المثال الذي سوف يوضح أول ثلاث خيارات :

1-      قم بإدراج دائرة و ألغي الحدود و أختر لون التعبئة الداخلي أحمر و حولها إلى زر .

2-     أضغط على الدائرة مرتبين بزر الفأرة الأيسر سوف تكون داخل الزر الآن أتجه نحو الـ Over و اعمل إطار مفتاحي بالضغط على المفتاح F6 و غير لون التعبئة الداخلي إلى اللون الأصفر .

        

---

 

Movie Clips

ما هو الـMovie Clips ؟

أحد الأشياء التي يجب أن تعرفها ماذا نقصد بعبارة Movie Clips عندما تقوم بتحويل الشكل إلى Movie Clips هناك غرض من هذا التحويل و هو أنك عندما تحول الشكل إلى Movie Clips هذا يعني أنك سوف تدرج داخل هذا الجسم بعض الحركات و هنا يأتينا سؤال مهم ما الفرق بين تحويل الأجسام إلى Movie Clips و Graphic ؟ و معظمكم لا يعرف الإجابة و هي سهلة جدا إذ عندما تقوم بتحويل الجسم إلى Movie Clips بإمكانك أن تقوم بعمل حركة للجسم من داخل الـ Movie Clips و لكن عندما تقوم بالتحويل إلى Graphic فإنه لا يمكنك أن تقوم بعمل حركة للجسم من داخل الـ Graphic إلا بطرق خاصة و في الأمثلة السابقة تعرفها على Graphic بالتفصيل و الآن نوضح Movie Clips أيضا بالتفصيل و لكن قبل الدخول في التفصيلات نأخذ مثال يوضح الفرق بين Movie Clips و Graphic :

1. قم بإدراج دائرة في منطقة العمل ثم حول الدائرة إلى Graphic بالضغط على مفتاح F8 و أختر Graphic و أخيرا أضغط على Ok .
2. أذهب للدائرة و أضغط عليها مرتين بزر الفأرة الأيسر لتكون داخل الـ Graphic و هذا الشكل يوضح أنك بداخلها :
   
   
    
3. تأكد بأنك داخل الـ Graphic و أذهب للـ Frame رقم 20 وضع إطار مفتاحي بالضغط على مفتاح F6 .
4. أذهب للإطار الأول و أنتقل لنافذة الخصائص Properties و من Tween أختر Shape
5. أنتقل للمشهد الرئيسي بالضغط على Scene 1 و الموجودة فوق نافذة الـ Timeline لتعود للمشهد الرئيسي و الآن قم بعرض الشكل بالضغط على مفتاحي Ctrl + Enter سوف تلاحظ أن الشكل لا يتحرك و يبقى ثابت أي أن الحركة التي عملتها لم تنفذ و السبب أن في حالة الـ Graphic فإن الـ Flash  سوف يتعامل مع خط الزمن Timeline في المشهد الرئيسي و ليس ما بداخله من حركات إذا ماذا نفعل الآن أغلق نافذة العرض ثم في المشهد الرئيسي أذهب للـ Frame رقم 20 و قم بتمديد الإطار وذلك بالضغط على مفتاح F5 ثم قم بالعرض بالضغط على مفتاحي Ctrl + Enter و سوف تلاحظ أن الحركة التي عملتها تم تنفذها بنجاح .
6. لتوضيح الفرق بين الـ Graphic و Movie Clips قم بإلغاء العرض و أضغط على مفتاحي Ctrl + Z مرتين متتاليتين لكي بإلغاء العملية الأخير و هي تمديد الإطار للـ Frame رقم 20 و عند العرض تأكد بأن الشكل لا يتأثر بالحركة التي بداخلة أفتح نافذة Library بالضغط على مفتاح F11 ثم حدد الجسم Graphic  الذي باسم Symbol 1 و أذهب لخصائص نافذة الـ Library كما بالشكل التالي :
   
   
   
   وأختر من القائمة Duplicate…. وأختر Movie Clips وأخيرا أضغط على Ok هذا الأمر يقوم بعمل نسخة من الشكل الذي في نافذة الـ Library و بنفس الحركة بالإضافة أنه يمكنك من اختيار طريقة تحويل سواء Movie Clips , Button & Graphic و بعد الانتهاء يظهر الجسم بنافذة الـ Library بهذا الشكل :
   
   
    
7. قم بسحب الجسم الذي باسم Symbol 1 copy إلى منطقة العمل ثم قم بالعرض بالضغط على مفتاحي Ctrl + Enter سوف تلاحظ أن الشكل تأثر بالحركة التي قمت بعملها بداخل الجسم بغض النظر عن عدد الـ Frame في المشهد الرئيسي و هذا هو الفرق بين Graphic و Movie Clips .

إضافة التأثيرات إلى الأزرار Buttons ؟

من الأشياء الرائع بالـ Flash هو بالإضافة لإمكانية عمل زر تستطيع عمل تأثيرات لهذا الزر باستخدام Movie Clips و هذا المثال يوضح كل شيء :

1. قم بإدراج دائرة و ظللها ثم حولها إلى زر بالضغط على مفتاح F8 و أختر Button و أخيرا Ok .
2. قم بالضغط على الدائرة مرتين بزر الفأرة الأيسر لتكون بداخل الزر و الآن قم بعمل إطار مفتاحي تحت كل من الـ Over و Down و غير لون الدائرة تحت Down ثم أتجه إلى Over و أضغط عليها مرة واحد لتظليل الشكل ثم أضغط على مفتاح F8 و أختر Movie Clips و أخيرا Ok و ذلك لإضافة التأثير للزر عند مرور الفأرة فوقه .
3. أضغط مرتين على الدائرة لتكون بداخل الـ Movie Clips و قم بعمل إطار مفتاحي عند كل من الـ Frame رقم 15 و 30 و ذلك بالضغط على مفتاح F6 ثم في Frame رقم 15 قم بتغيير حجم و لون الدائرة .
4. أضغط على الطبقة مره واحد لتظليل جميع الـ Frames و أتجه لنافذة الخصائص Properties و في الخيار Tween أختر Shape و بعدها أتجه للمشهد الرئيسي ثم قم بالعرض بالضغط على مفتاحي
    Ctrl + Enter وأنظر للنتيجة .بالإضافة لإمكانية عمل قناع Mask بواسطة الـ Movie Clips .