CL!M3R
07-10-2007, 06:32 PM
السلام عليكم ورحمة الله وبركاته
ما هو الجديد في فلاش MX
سنبدأ معكم بعونه تعالى السلسلة التعليمية الجديدة من Flash MX راجين من الله التوفيق ....
حيث قامت شركة Macromedia بطرح الإصدار الأخير من Flash تحت مسمى Flash MX. وقالت شركة Macromedia أن هذه الإصدارة مختلفة عن الإصدارات السابقة من حيث التعامل وأنها ستكون ثورة جديدة لعمل الوسائط المتعددة على الويب. وهذه الدرس عبارة عن لمحة سريعة عن الجديد في هذه الإصدار الرائع الظاهرة واجهته أمامكم بالشكل رقم (1) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
ما تم التركيز عليه بشكل ظاهر هو النوافذ وتسهيل تواجدها مجتمعة، تعديل دقة الألوان، تغير طفيف على الطبقات ..
ولم تكن النقلة كبيرة بين Flash MX و Flash5 كما حدث في النقلة الكبيرة بين الإصدار الرابع والخامس. لكن التركيز كان على النوافذ. حيث أصبح الآن بإمكانك وضع النوافذ الخاصة بالألوان والأكشن سكريبت وغيرها في أطراف الشاشة بحيث يمكنك أيضاً إظهارها وإخفاؤها بسهولة.
هذا وقد تم دمج الكثير من النوافذ مثل الخطوط والنصوص كانت في Flash5 على 3 نوافذ. الآن مع الإصدارة الجديدة أصبحت في نافذة واحدة .
من أهم التغييرات التي حدثت في Flash MX هي :
1- تم دعم الفيديو مثل AVI, MPG, Mov بحيث يمكنك إدراجها في عرضك والتحكم بها. مما يؤدي لأن تكون هذه الإصدارة بمثابة محرر فيديو .
2- تم دعم إيصال ملفات الصور والصوت وأصبح الآن بإمكانك طلب صور وملفات صوت خارجياً دون إدراجها في عرض الفلاش .
3- مجلدات في الطبقات. وهذه أحد الخواص التي كنت أتمناها فعلاً. أصبح بإمكانك الآن تكسير أي عنصر Symbol مكون من عدة عناصر بحيث تكون المحتويات على طبقات. أي يمكنك التحكم بالشكل المكون من أشكال بوضعه داخل مجلد ولن تحتاج لتحريك كل عنصر على حدة .
4- إمكانية حفظ الملف لإصدارة Flash5 وهذه أيضاً ميزة مهمة لمحترفي الإصدارة السابقة. فالآن أقوم بعمل ما لا يستطيع عمله Flash5 في Flash MX ثم أحفظ الملف المصدري FLA على Flash5 ثم أكمل عملي .
5- تم تحسين وضع الألوان لتصبح أكثر دقة من السابق .
6- تم تحسين التحرير فيما يخص أماكن الأشكال والرموز بحيث يتم ظهور نقطة تحرير عند تكبير العرض لإعطائك دقة أكبر في تحديد الإحداثيات للشكل وقد كنا في السابق نعاني من ذلك .
7- ميزة ((مفتش الخاصية)) حيث تم دمج الألواح فيه وبالتالي عند اختيار أي رمز يقوم فلاش ماكس بالبحث عن الخصائص والمؤثرات الممكنة لذلك الرمز ويتم عرضها بلوح واحد يتوضع أسفل النافذة أو على القسم اليميني من النافذة .
8- تم إضافة عناصر جديدة بلوح يسمىComponents وهي العناصر الأكثر استخداماً في نظام ((التربيط التبادلي)) .
طبعاً هناك المزيد من المزايا ستجدها من خلال تعاملك مع هذه الدروس
أدوات برنامج فلاش MX
ستتعرف في هذا الدرس على معظم الأدوات المستخدمة في برنامج فلاش MX .
لوحة الأدوات الرئيسية : تحتوي على أهم الأدوات المستخدمة في هذا البرنامج ويحتوي هذا اللوح على الأدوات مثل أداة التحديد، أداة النص، أداة سطل التلوين، أداة رسم المستطيل، أداة رسم الدوائر، أداة الفرشاة، أداة القلم،أداة الممحاة , أداة التحجيم , أداة التكبير والتصغير .... ألخ , سيتم شرح مهمة هذه الأدوات تدريجياً مع الدروس كما أنه يمكنك معرفة مهمة كل أداة من خلال وضع الماوس عليها , الشكل رقم ( 1 ) يبين لوحة الأدوات الرئيسية .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 1 )
لوحة التحكم بألوان العمل أو بألوان الأشكال أو الكتابات وهي مقسمة إلى قسمين , القسم الأول لاختيار لون خط الرسم الثاني لاختيار لون الشكل أو التحكم في إظهار اللون من عدم إظهاره وغيرها ..... الشكل رقم ( 2 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
نافذة الطبقات وهي مهمة جدا ففيها يتم وضع الكائنات في طبقات محددة يتم التحكم بتغيير أسمها بالضغط نقرتين على نفس الطبقة وترتيبها وكذلك إخفائها أو حمايتها من التعديل أو حذفها ..... الشكل ( 3 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 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 ********************.
وبذلك تكون قد عرفت كيف تكتب بـاللغة العربية في برنامج فلاش .
التعامل مع المكتبات1
ستعلم في هذا الدرس بعض الأمور التي تسهل على المصمم العمل حيث تستخدم المكتبات لحفظ واستخدام جميع الوسائط, وكذلك استخدام القوالب المصممة مسبقاً وكذلك التعامل مع المكتبات المشتركة أعتبرها في نظري مهمة جداً ولكن الكثير من الكتاب لم يعرجوا عليها ولم يعطوها حقها فأرجو من الله أن يوفقني أن أوصل لكم الفكرة التي أريدها, مع العلم أن استخدام الرموز يقلل من حجم الملف لأن فلاش لا يأخذ بعين الاعتبار عدد النسخ التي يتم توليدها من الرمز.
سنتعرف أولاً على نافذة المكتبة من الشكل رقم (1) التي تظهر من خلال الأمر Library من قائمة Window أو الضغط على Ctrl+l:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
يفضل دائماً إنشاء الرمز من خلال المكتبة من زر Options نختار الأمر New Symbol وذلك من أجل تحرير الرمز في نافذة مستقلة عن نافذة المشهد كما في الشكل رقم (2) حيث نستفيد من وجود طبقات وشريط زمن مستقل لكل رمز مما يقلل من تعقيد أي فيلم, ثم نقوم بنسخها من المكتبة إلى نافذة الرسم:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
و للانتقال إلى المشهد نضغط على Scene كما في الشكل السابق, ولا يمكن إضافة أي رسمة مستوردة أو منشأة ضمن فلاش إلى مكتبة المشروع إلا عن طريق الأمر Convert to Symbol من القائمة Insert,
ـ ولاستخدام عنصر موجود ووضعه ضمن الفيلم نختار أمر المكتبة Library من قائمة أمر النافذة window ، ثم نسحب العنصر المطلوب من المكتبة إلى نافذة الرسم.
وكافة الرموز المأخوذة من المكتبة لا يمكن تعديلها إلا عن طريقين:
1. كسر عناصر الرمز من خلال الأمر Break Apart من قائمة Modify أو الزر Ctrl+B.
2. تعديل الرمز الرئيسي من نافذة المكتبة بالنقر المزدوج عليه مع ملاحظة أنه عند تغيير الرمز الرئيسي من المكتبة سوف يؤدي هذا الأمر إلى تعديل كافة النسخ المأخوذة لذلك الرمز.
ـ من أجل التحرير باستخدام برنامج خارجي:
1. انقر على العنصر المطلوب لتحديده.
2. اختر الأمر edit with من قائمة options يظهر مربع حوار انتقاء برنامج التحرير الخارجي select external editor .
3. ابحث عن البرنامج المناسب ، ثم انقر open .
4. قم بتحرير العنصر ثم احفظه, يقوم فلاش بتحديث العنصر ضمن المكتبة .
ـ تحديث العناصر المستوردة ضمن المكتبة
1. انتق الملف المستورد ضمن المكتبة .
2. اختر أمر تحديث update من قائمة options .
3. يظهر مربع التحديث update media, انقر على زر التحديث update .
المكتبة المشتركة في فلاش MX:
يتضمن فلاش MX مجموعة كبيرة من الرسوم واللقطات والأزرار الجاهزة والفنية والأصوات ويمكن استعراض تلك الرسوم من خلال الأمر Common Libraries من قائمة Window كما في الشكل رقم (3)
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
حيث يمكن استخدام المكاتب المشتركة من داخل أي مشروع من خلال سحب العناصر منها إلى مكتبة المشروع والعكس غير صحيح.
ـ إنشاء مكتبة خاصة أو جعل مكتبة المشروع مكتبة مشتركة لاستخدامها في مشاريع أخرى من خلال:
1. قم بإنشاء أو استيراد العناصر التي تريد وضعها في المكتبة الخاصة .
2. اختر أمر save من قائمة file يظهر مربع حوار حفظ الملفات باسم save as .
3. ابحث عن مجلدات المكتبة libraries ، وهو المجلد الموجود ضمن المجلد الأساسي.
4. اكتب اسماً للمكتبة ثم انقر save, حيث يتم حفظ المكتبة ضمن القائمة الفرعية Common Libraries من قائمة Window .
ـ لمعاينة اللقطة السينمائية المنشأة ضمن المكتبة والمنسوخة لنافذة الرسم من خلال الأمر Test Movie من قائمة Control.
إدراج ملف الفلاش في صفحة ويب
إن إدراج فيلم الفلاش في صفحة ويب يعتبر من الأمور المهمة جداً , حيث أن الفلاش أصبح يستخدم وبشكل كبير من أجل إضافة التأثيرات الحركية والجمالية في موقع الانترنيت إضافة إلى الأكشن سكريبت وما تعطيه من إمكانيات تقنية ... ولذلك فإن تعلم هذا الأمر يعتبر من الأمور الأساسية وهذا الأمر بسيط جداً وهو ينقسم إلى قسمين إدراج ملف الفلاش عن طريق فرونت بيج وإدراجه عن طريقة لغة html ....
أدراج ملف الفلاش في الفرونت بيج :
1 - قم بعمل فيلم فلاش .
2 - من القائمة الرئيسية للفلاش أختر File>Export Movie احفظ الملف في القرص الصلب باسم sadaa على سبيل المثال وبصيغة swf اضغط Save ثم OK ثم OK مرة أخرى .
لاحظ بأن البرنامج قد قام بتصدير الفيلم على هيئة Flash Player باسم sadaa.swf الملفات ذات الامتداد swf هي التي يمكن أن تدرج في صفحات الويب وتعرض في الإنترنت .
3 - الآن نقوم بفتح برنامج الفرونت بيج ثم نفتح الصفحة اللي سنصدر العمل إليها ثم نختار من القائمة الرئيسة insert > *************** component > advansed > Plug-in
أما بالنسبة لمستخدم فرونت بيج باللغة العربية يختار من القائمة الرئيسية إدراج > مكون ويب > عناصر تحكم متقدمة > توصيل الشكل ( 1 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
4 -الآن فتح لنا مربع حوار نقوم بتحديد الملف الذي سندرجه في الفرونت بيج وذلك بالضغط على Browser ثم نختار الملف المطلوب ثم OK بعد ذلك قم بتحديد أبعاد الفيلم من طول وعرض .... الشكل ( 2 ) .... هذا كل شيء في الفرونت بيج ....
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
إدراج ملف الفلاش عن طريق لغة html :
طبعاً أولاً عليك القيام بالعمليتين السابقتين 1 , 2 حتى تقوم بحفظ الملف بصيغة swf .
<embed width="550" height="400" src="[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]"
type="application/x-shockwave-flash">
انسخ الكود أعلاه وألصقه في المكان الذي تريد أن تدرج فيه الفيلم في صفحة الويب , لا تنسى تغير وصلة الملف لتتلاءم مع عنوان موقعك الشخصي والمجلد الذي نقلت إليه ملف الفلاش إضافة إلى أبعاد فيلم الفلاش الخاص بك حيث أننا هنا وضعنا الأبعاد الافتراضية وهي 400 * 550 بكسل ( لا تنسى الأبعاد بالبكسل ) .
وهكذا تعلمت كيف تدرج فيلم فلاش في صفحة ويب وقد لاحظت أن هذا الأمر بغاية السهولة وخاصة إذا تم في فرونت بيج ...
التعامل مع الأصوات في فلاش
إحدى المزايا التي يتمتع بها برنامج فلاش ويدعمها بقوة هي إمكانية إضافة الأصوات للأفلام حيث يتعامل فلاش مع نوعين من الأصوات ( أصوات الأحداث, الأصوات المتدفقة) :
1ـ حيث تستخدم أصوات الأحداث للتركيز على أحداث معينة في الرسم ولا تعمل حتى يحمل الموقع والصوت بالكامل .
2ـ أما الأصوات المتدفقة فتعمل مع عرض الرسم المتحرك وعند انتهاء عرض الرسم يتوقف الصوت فوراً حيث يحمل الصوت على دفقات وهذا النوع من الأصوات هو الأنسب لتصميم مواقع الإنترنت ولا انصح باستخدام الخيار Loop مع الأصوات المتدفقة الذي سوف نتعرف عليه لاحقاً ولإضافة صوت متدفق من خلال اللوح Properties نجعل خيار المزامنة Sync = Stream .
ـ ولاستيراد الصوت إلى فلاش من قائمة File نختار الأمر Import ونبحث على الملف المطلوب من نوع wav أو أي صيغة أخرى للصوت ثم نضغط Open, ويتم عرض الملف الصوتي ضمن المكتبة التي يمكن إظهارها من خلال الضغط على Ctrl+l ويضاف إلى اللوح Properties ضمن قسم Sounds لإضافته إلى الفيلم فيما بعد, ويفضل وضع كل صوت على طبقة منفصلة.
لانتقاء الصوت من مكتبة الأصوات:
1. اختر أمر المكتبات المشتركة Common Libraries من قائمة window ثم اختر الأصوات sounds كما في الشكل رقم (1) :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
2. انتق الصوت عن طريق النقر على اسمه .
3. استمع للصوت عن طريق النقر على زر التشغيل ply ضمن نافذة المكتبة .
4. أضف الصوت إلى الفيلم عن طريق سحبه من مكتبة الأصوات إلى منطقة العمل بعد تحديد الإطار الذي تريد عنده إضافة الصوت نضيف إطار مفتاحي فارغ عن طريق الضغط على مفتاح F5.
5. عندما تقوم بتعيين الصوت يظهر الشكل المتموج للصوت ضمن الإطار المفتاحي ثم يمتد عبر شريط الوقت ليغطي العدد الدقيق من الأطر التي سينطلق الصوت عبرها ، كما في شكل رقم (2).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
حيث يمكن تشغيل أصوات مختلفة في وقت واحد من خلال الإدراج ضمن إطارات متعددة كم في الشكل السابق .
لتحرير ملف الصوت:
من لوح Properties قسم Sounds نختار الصوت المطلوب بعد استيراده نضغط على زر Edit تظهر لنا نافذة Edit Envelope كما في الشكل رقم (3) :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
ثم من خلال القائمة Effect نغير التأثير أو من نقاط التحكم عن طريق السحب بالماوس تستطيع إضافة العدد الذي تريده من مقابض التحكم لإنشاء التأثير الذي تريده ، كما في شكل رقم (4):
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (4)
لتغيير إعدادات تصدير الصوت:
1. اختر أمر المكتبة library من قائمة window لفتح لوح مكتبة المستند .
2. حدد الصوت الذي تريد تغيير إعدادات تصديره .
3. أنقر على زر الخيارات options ثم اختر properties يظهر مربع حوار خصائص الصوت كما في شكل رقم (5).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (5)
4. أنقر على المثلث الموجود في الطرف الأيمن من قائمة الضغط compression ، ثم انتق أحد أساليب الضغط من القائمة ويفضل ضغط الصوت لصيغ MP3 في مناسبة جداً للإنترنت .
5. انتق إعدادات التصدير المناسبة .
6. اضغط على زر الاختبار test للاستماع إلى الصوت .
7. إذا كانت جودة الصوت مقبولة ، أنقر موافق ok لتطبيق مفعول الإعدادات الجديدة .
استيراد الصور النقطية والتعامل معها
هذا الدرس يفتقر إلى التطبيق العملي إلا أن المعلومات التي يتضمنها بالغة الأهمية فإن فلاش يسمح لك بإنشاء وتحريك الصور, أيضاً يسمح لك باستيراد ومعالجة الصور النقطية والصور المتجهة التي تم إنشاؤها في تطبيقات أخرى فمن المستحيل أن نقوم برسم كافة الرسوم التي نحتاجها وأحياناً نكون مضطرين لاستيراد بعض الصور اللازمة للفيلم, حيث أن معظم البرامج الرسومية تتعامل مع نوعين من الصور وهي (الصور المتجهة Vector graphics والصور النقطية Bitmaps ) وسنوضح المصطلحين السابقين بشيء من الإيجاز وهما:
أولا- الصور المتجهة: هي الصور التي تستخدم الخطوط والمنحيات التي تشكل المظهر الخارجي للصورة ويتم تحديد اللون من خلال لون خطوط الرسم, ويمكن تغيير خصائص الخطوط والمنحنيات التي تصف الشكل بدون أن يؤثر ذلك على جودة المنظر, حيث أن الصور المتجهة تملك خاصية استقلالية الدقة.
ثانياً- الصور النقطية: يتم توصيف الصورة النقطية باستخدام النقاط الملونة والتي تسمى بيكسل Pixels والتي يتم توزيعها على شبكة, وعند تحرير صورة نقطية يمكن تغيير البكسلات وليس الخطوط والمنحنيات, إن هذا النوع من الصور يملك خاصية عدم استقلال الدقة لآن المعلومات التي تصف الصورة مثبتة إلى شبكة بقياس محدد وبالتالي عند تحرير الصورة النقطية يمكن أن تتغير جودتها.
لاستيراد صورة نقطية إلى فلاش:
1. اختر أمر استيراد Import من قائمة File .
2. ابحث عن الصورة الذي تريد استيراده .
3. أنقر على زر الفتح Open لاستيراد الملف .
عند استيراد الصور تظهر في مكتبة المشروع.
ـ إن استيراد الصور النقطية يؤدي إلى زيادة حجم الملف التي يمكن تصغير حجمها بطريقتين:
أولاً- خيار الضغط من المكتبة من قائمة Options نختار الأمر Bitmap Properties.
لتحرير إعدادات تصدير الصورة النقطية:
1. انتق الصورة المستوردة ضمن مكتبة المشروع.
2. افتح قائمة خيارات لوح المكتبة Library Option ثم اختر أمر الخصائص Properties انظر الشكل رقم (1).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
3. خيار السماح بالنعومة Allow smoothing يكون فعالً بشكل افتراضي وهو يؤدي إلى تطبيق مفعول النعومة على الصورة .
4. انقر على السهم الموجود في الطرف الأيمن من قائمة خيارات الضغط Compression ثم اخترPhoto (JPEG أو Lossless(PNG/GIF .
5. إذا انتقيت خيار الضغط الملائم للصور الفوتوغرافية فسيظهر قسم الجودة quality ضمن مربع الحوار ، أزل إشارة التحديد من مربع خيار استخدام الجودة الافتراضية للمستند use **************************************** default quality .
6. أنقر على زر الاختبار test . يتم تحديث الصورة المصغرة ضمن نافذة المعاينة .
ثانياً- تحويلها إلى صورة متجهة نختار الأمر Trace Bitmap من قائمة Modify.
لتحويل الصور النقطية إلى عناصر رسومية:
1. حدد الصورة التي تريد تحويلها .
2. اختر أمر تتبع الصورة Trace Bitmap من قائمة أمر المعالجة Modify لفتح مربع حوار تتبع الصورة كما في شكل (2).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
3. ضمن حقل نطاق الألوان 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 كما في الشكل رقم (3).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
5. انقر على زر 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).
ـ بعد إنشاء اللون الداخلي من الصورة النقطية انتق أداة الفرشاة ثم انقل الأداة نحو منطقة العمل لرسم بعض الضربات اللونية بالفرشاة وبلون النقش الذي تم استخلاصه من الصورة النقطية .
ـ لتعبئة العنصر الموجود باللون الداخلي المستخلص من الصورة النقطية ، أنتق أداة اللون الداخلي ثم انقر على العنصر.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الصورة الأساسية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
الصورة بعد تحويلها إلى لون داخلي
الشكل رقم (4)
تحياتــــــــــــــــــــــــي: المكتشف
ما هو الجديد في فلاش MX
سنبدأ معكم بعونه تعالى السلسلة التعليمية الجديدة من Flash MX راجين من الله التوفيق ....
حيث قامت شركة Macromedia بطرح الإصدار الأخير من Flash تحت مسمى Flash MX. وقالت شركة Macromedia أن هذه الإصدارة مختلفة عن الإصدارات السابقة من حيث التعامل وأنها ستكون ثورة جديدة لعمل الوسائط المتعددة على الويب. وهذه الدرس عبارة عن لمحة سريعة عن الجديد في هذه الإصدار الرائع الظاهرة واجهته أمامكم بالشكل رقم (1) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
ما تم التركيز عليه بشكل ظاهر هو النوافذ وتسهيل تواجدها مجتمعة، تعديل دقة الألوان، تغير طفيف على الطبقات ..
ولم تكن النقلة كبيرة بين Flash MX و Flash5 كما حدث في النقلة الكبيرة بين الإصدار الرابع والخامس. لكن التركيز كان على النوافذ. حيث أصبح الآن بإمكانك وضع النوافذ الخاصة بالألوان والأكشن سكريبت وغيرها في أطراف الشاشة بحيث يمكنك أيضاً إظهارها وإخفاؤها بسهولة.
هذا وقد تم دمج الكثير من النوافذ مثل الخطوط والنصوص كانت في Flash5 على 3 نوافذ. الآن مع الإصدارة الجديدة أصبحت في نافذة واحدة .
من أهم التغييرات التي حدثت في Flash MX هي :
1- تم دعم الفيديو مثل AVI, MPG, Mov بحيث يمكنك إدراجها في عرضك والتحكم بها. مما يؤدي لأن تكون هذه الإصدارة بمثابة محرر فيديو .
2- تم دعم إيصال ملفات الصور والصوت وأصبح الآن بإمكانك طلب صور وملفات صوت خارجياً دون إدراجها في عرض الفلاش .
3- مجلدات في الطبقات. وهذه أحد الخواص التي كنت أتمناها فعلاً. أصبح بإمكانك الآن تكسير أي عنصر Symbol مكون من عدة عناصر بحيث تكون المحتويات على طبقات. أي يمكنك التحكم بالشكل المكون من أشكال بوضعه داخل مجلد ولن تحتاج لتحريك كل عنصر على حدة .
4- إمكانية حفظ الملف لإصدارة Flash5 وهذه أيضاً ميزة مهمة لمحترفي الإصدارة السابقة. فالآن أقوم بعمل ما لا يستطيع عمله Flash5 في Flash MX ثم أحفظ الملف المصدري FLA على Flash5 ثم أكمل عملي .
5- تم تحسين وضع الألوان لتصبح أكثر دقة من السابق .
6- تم تحسين التحرير فيما يخص أماكن الأشكال والرموز بحيث يتم ظهور نقطة تحرير عند تكبير العرض لإعطائك دقة أكبر في تحديد الإحداثيات للشكل وقد كنا في السابق نعاني من ذلك .
7- ميزة ((مفتش الخاصية)) حيث تم دمج الألواح فيه وبالتالي عند اختيار أي رمز يقوم فلاش ماكس بالبحث عن الخصائص والمؤثرات الممكنة لذلك الرمز ويتم عرضها بلوح واحد يتوضع أسفل النافذة أو على القسم اليميني من النافذة .
8- تم إضافة عناصر جديدة بلوح يسمىComponents وهي العناصر الأكثر استخداماً في نظام ((التربيط التبادلي)) .
طبعاً هناك المزيد من المزايا ستجدها من خلال تعاملك مع هذه الدروس
أدوات برنامج فلاش MX
ستتعرف في هذا الدرس على معظم الأدوات المستخدمة في برنامج فلاش MX .
لوحة الأدوات الرئيسية : تحتوي على أهم الأدوات المستخدمة في هذا البرنامج ويحتوي هذا اللوح على الأدوات مثل أداة التحديد، أداة النص، أداة سطل التلوين، أداة رسم المستطيل، أداة رسم الدوائر، أداة الفرشاة، أداة القلم،أداة الممحاة , أداة التحجيم , أداة التكبير والتصغير .... ألخ , سيتم شرح مهمة هذه الأدوات تدريجياً مع الدروس كما أنه يمكنك معرفة مهمة كل أداة من خلال وضع الماوس عليها , الشكل رقم ( 1 ) يبين لوحة الأدوات الرئيسية .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 1 )
لوحة التحكم بألوان العمل أو بألوان الأشكال أو الكتابات وهي مقسمة إلى قسمين , القسم الأول لاختيار لون خط الرسم الثاني لاختيار لون الشكل أو التحكم في إظهار اللون من عدم إظهاره وغيرها ..... الشكل رقم ( 2 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
نافذة الطبقات وهي مهمة جدا ففيها يتم وضع الكائنات في طبقات محددة يتم التحكم بتغيير أسمها بالضغط نقرتين على نفس الطبقة وترتيبها وكذلك إخفائها أو حمايتها من التعديل أو حذفها ..... الشكل ( 3 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 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 ********************.
وبذلك تكون قد عرفت كيف تكتب بـاللغة العربية في برنامج فلاش .
التعامل مع المكتبات1
ستعلم في هذا الدرس بعض الأمور التي تسهل على المصمم العمل حيث تستخدم المكتبات لحفظ واستخدام جميع الوسائط, وكذلك استخدام القوالب المصممة مسبقاً وكذلك التعامل مع المكتبات المشتركة أعتبرها في نظري مهمة جداً ولكن الكثير من الكتاب لم يعرجوا عليها ولم يعطوها حقها فأرجو من الله أن يوفقني أن أوصل لكم الفكرة التي أريدها, مع العلم أن استخدام الرموز يقلل من حجم الملف لأن فلاش لا يأخذ بعين الاعتبار عدد النسخ التي يتم توليدها من الرمز.
سنتعرف أولاً على نافذة المكتبة من الشكل رقم (1) التي تظهر من خلال الأمر Library من قائمة Window أو الضغط على Ctrl+l:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
يفضل دائماً إنشاء الرمز من خلال المكتبة من زر Options نختار الأمر New Symbol وذلك من أجل تحرير الرمز في نافذة مستقلة عن نافذة المشهد كما في الشكل رقم (2) حيث نستفيد من وجود طبقات وشريط زمن مستقل لكل رمز مما يقلل من تعقيد أي فيلم, ثم نقوم بنسخها من المكتبة إلى نافذة الرسم:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
و للانتقال إلى المشهد نضغط على Scene كما في الشكل السابق, ولا يمكن إضافة أي رسمة مستوردة أو منشأة ضمن فلاش إلى مكتبة المشروع إلا عن طريق الأمر Convert to Symbol من القائمة Insert,
ـ ولاستخدام عنصر موجود ووضعه ضمن الفيلم نختار أمر المكتبة Library من قائمة أمر النافذة window ، ثم نسحب العنصر المطلوب من المكتبة إلى نافذة الرسم.
وكافة الرموز المأخوذة من المكتبة لا يمكن تعديلها إلا عن طريقين:
1. كسر عناصر الرمز من خلال الأمر Break Apart من قائمة Modify أو الزر Ctrl+B.
2. تعديل الرمز الرئيسي من نافذة المكتبة بالنقر المزدوج عليه مع ملاحظة أنه عند تغيير الرمز الرئيسي من المكتبة سوف يؤدي هذا الأمر إلى تعديل كافة النسخ المأخوذة لذلك الرمز.
ـ من أجل التحرير باستخدام برنامج خارجي:
1. انقر على العنصر المطلوب لتحديده.
2. اختر الأمر edit with من قائمة options يظهر مربع حوار انتقاء برنامج التحرير الخارجي select external editor .
3. ابحث عن البرنامج المناسب ، ثم انقر open .
4. قم بتحرير العنصر ثم احفظه, يقوم فلاش بتحديث العنصر ضمن المكتبة .
ـ تحديث العناصر المستوردة ضمن المكتبة
1. انتق الملف المستورد ضمن المكتبة .
2. اختر أمر تحديث update من قائمة options .
3. يظهر مربع التحديث update media, انقر على زر التحديث update .
المكتبة المشتركة في فلاش MX:
يتضمن فلاش MX مجموعة كبيرة من الرسوم واللقطات والأزرار الجاهزة والفنية والأصوات ويمكن استعراض تلك الرسوم من خلال الأمر Common Libraries من قائمة Window كما في الشكل رقم (3)
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
حيث يمكن استخدام المكاتب المشتركة من داخل أي مشروع من خلال سحب العناصر منها إلى مكتبة المشروع والعكس غير صحيح.
ـ إنشاء مكتبة خاصة أو جعل مكتبة المشروع مكتبة مشتركة لاستخدامها في مشاريع أخرى من خلال:
1. قم بإنشاء أو استيراد العناصر التي تريد وضعها في المكتبة الخاصة .
2. اختر أمر save من قائمة file يظهر مربع حوار حفظ الملفات باسم save as .
3. ابحث عن مجلدات المكتبة libraries ، وهو المجلد الموجود ضمن المجلد الأساسي.
4. اكتب اسماً للمكتبة ثم انقر save, حيث يتم حفظ المكتبة ضمن القائمة الفرعية Common Libraries من قائمة Window .
ـ لمعاينة اللقطة السينمائية المنشأة ضمن المكتبة والمنسوخة لنافذة الرسم من خلال الأمر Test Movie من قائمة Control.
إدراج ملف الفلاش في صفحة ويب
إن إدراج فيلم الفلاش في صفحة ويب يعتبر من الأمور المهمة جداً , حيث أن الفلاش أصبح يستخدم وبشكل كبير من أجل إضافة التأثيرات الحركية والجمالية في موقع الانترنيت إضافة إلى الأكشن سكريبت وما تعطيه من إمكانيات تقنية ... ولذلك فإن تعلم هذا الأمر يعتبر من الأمور الأساسية وهذا الأمر بسيط جداً وهو ينقسم إلى قسمين إدراج ملف الفلاش عن طريق فرونت بيج وإدراجه عن طريقة لغة html ....
أدراج ملف الفلاش في الفرونت بيج :
1 - قم بعمل فيلم فلاش .
2 - من القائمة الرئيسية للفلاش أختر File>Export Movie احفظ الملف في القرص الصلب باسم sadaa على سبيل المثال وبصيغة swf اضغط Save ثم OK ثم OK مرة أخرى .
لاحظ بأن البرنامج قد قام بتصدير الفيلم على هيئة Flash Player باسم sadaa.swf الملفات ذات الامتداد swf هي التي يمكن أن تدرج في صفحات الويب وتعرض في الإنترنت .
3 - الآن نقوم بفتح برنامج الفرونت بيج ثم نفتح الصفحة اللي سنصدر العمل إليها ثم نختار من القائمة الرئيسة insert > *************** component > advansed > Plug-in
أما بالنسبة لمستخدم فرونت بيج باللغة العربية يختار من القائمة الرئيسية إدراج > مكون ويب > عناصر تحكم متقدمة > توصيل الشكل ( 1 ) .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
4 -الآن فتح لنا مربع حوار نقوم بتحديد الملف الذي سندرجه في الفرونت بيج وذلك بالضغط على Browser ثم نختار الملف المطلوب ثم OK بعد ذلك قم بتحديد أبعاد الفيلم من طول وعرض .... الشكل ( 2 ) .... هذا كل شيء في الفرونت بيج ....
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل ( 2 )
إدراج ملف الفلاش عن طريق لغة html :
طبعاً أولاً عليك القيام بالعمليتين السابقتين 1 , 2 حتى تقوم بحفظ الملف بصيغة swf .
<embed width="550" height="400" src="[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]"
type="application/x-shockwave-flash">
انسخ الكود أعلاه وألصقه في المكان الذي تريد أن تدرج فيه الفيلم في صفحة الويب , لا تنسى تغير وصلة الملف لتتلاءم مع عنوان موقعك الشخصي والمجلد الذي نقلت إليه ملف الفلاش إضافة إلى أبعاد فيلم الفلاش الخاص بك حيث أننا هنا وضعنا الأبعاد الافتراضية وهي 400 * 550 بكسل ( لا تنسى الأبعاد بالبكسل ) .
وهكذا تعلمت كيف تدرج فيلم فلاش في صفحة ويب وقد لاحظت أن هذا الأمر بغاية السهولة وخاصة إذا تم في فرونت بيج ...
التعامل مع الأصوات في فلاش
إحدى المزايا التي يتمتع بها برنامج فلاش ويدعمها بقوة هي إمكانية إضافة الأصوات للأفلام حيث يتعامل فلاش مع نوعين من الأصوات ( أصوات الأحداث, الأصوات المتدفقة) :
1ـ حيث تستخدم أصوات الأحداث للتركيز على أحداث معينة في الرسم ولا تعمل حتى يحمل الموقع والصوت بالكامل .
2ـ أما الأصوات المتدفقة فتعمل مع عرض الرسم المتحرك وعند انتهاء عرض الرسم يتوقف الصوت فوراً حيث يحمل الصوت على دفقات وهذا النوع من الأصوات هو الأنسب لتصميم مواقع الإنترنت ولا انصح باستخدام الخيار Loop مع الأصوات المتدفقة الذي سوف نتعرف عليه لاحقاً ولإضافة صوت متدفق من خلال اللوح Properties نجعل خيار المزامنة Sync = Stream .
ـ ولاستيراد الصوت إلى فلاش من قائمة File نختار الأمر Import ونبحث على الملف المطلوب من نوع wav أو أي صيغة أخرى للصوت ثم نضغط Open, ويتم عرض الملف الصوتي ضمن المكتبة التي يمكن إظهارها من خلال الضغط على Ctrl+l ويضاف إلى اللوح Properties ضمن قسم Sounds لإضافته إلى الفيلم فيما بعد, ويفضل وضع كل صوت على طبقة منفصلة.
لانتقاء الصوت من مكتبة الأصوات:
1. اختر أمر المكتبات المشتركة Common Libraries من قائمة window ثم اختر الأصوات sounds كما في الشكل رقم (1) :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
2. انتق الصوت عن طريق النقر على اسمه .
3. استمع للصوت عن طريق النقر على زر التشغيل ply ضمن نافذة المكتبة .
4. أضف الصوت إلى الفيلم عن طريق سحبه من مكتبة الأصوات إلى منطقة العمل بعد تحديد الإطار الذي تريد عنده إضافة الصوت نضيف إطار مفتاحي فارغ عن طريق الضغط على مفتاح F5.
5. عندما تقوم بتعيين الصوت يظهر الشكل المتموج للصوت ضمن الإطار المفتاحي ثم يمتد عبر شريط الوقت ليغطي العدد الدقيق من الأطر التي سينطلق الصوت عبرها ، كما في شكل رقم (2).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
حيث يمكن تشغيل أصوات مختلفة في وقت واحد من خلال الإدراج ضمن إطارات متعددة كم في الشكل السابق .
لتحرير ملف الصوت:
من لوح Properties قسم Sounds نختار الصوت المطلوب بعد استيراده نضغط على زر Edit تظهر لنا نافذة Edit Envelope كما في الشكل رقم (3) :
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
ثم من خلال القائمة Effect نغير التأثير أو من نقاط التحكم عن طريق السحب بالماوس تستطيع إضافة العدد الذي تريده من مقابض التحكم لإنشاء التأثير الذي تريده ، كما في شكل رقم (4):
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (4)
لتغيير إعدادات تصدير الصوت:
1. اختر أمر المكتبة library من قائمة window لفتح لوح مكتبة المستند .
2. حدد الصوت الذي تريد تغيير إعدادات تصديره .
3. أنقر على زر الخيارات options ثم اختر properties يظهر مربع حوار خصائص الصوت كما في شكل رقم (5).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (5)
4. أنقر على المثلث الموجود في الطرف الأيمن من قائمة الضغط compression ، ثم انتق أحد أساليب الضغط من القائمة ويفضل ضغط الصوت لصيغ MP3 في مناسبة جداً للإنترنت .
5. انتق إعدادات التصدير المناسبة .
6. اضغط على زر الاختبار test للاستماع إلى الصوت .
7. إذا كانت جودة الصوت مقبولة ، أنقر موافق ok لتطبيق مفعول الإعدادات الجديدة .
استيراد الصور النقطية والتعامل معها
هذا الدرس يفتقر إلى التطبيق العملي إلا أن المعلومات التي يتضمنها بالغة الأهمية فإن فلاش يسمح لك بإنشاء وتحريك الصور, أيضاً يسمح لك باستيراد ومعالجة الصور النقطية والصور المتجهة التي تم إنشاؤها في تطبيقات أخرى فمن المستحيل أن نقوم برسم كافة الرسوم التي نحتاجها وأحياناً نكون مضطرين لاستيراد بعض الصور اللازمة للفيلم, حيث أن معظم البرامج الرسومية تتعامل مع نوعين من الصور وهي (الصور المتجهة Vector graphics والصور النقطية Bitmaps ) وسنوضح المصطلحين السابقين بشيء من الإيجاز وهما:
أولا- الصور المتجهة: هي الصور التي تستخدم الخطوط والمنحيات التي تشكل المظهر الخارجي للصورة ويتم تحديد اللون من خلال لون خطوط الرسم, ويمكن تغيير خصائص الخطوط والمنحنيات التي تصف الشكل بدون أن يؤثر ذلك على جودة المنظر, حيث أن الصور المتجهة تملك خاصية استقلالية الدقة.
ثانياً- الصور النقطية: يتم توصيف الصورة النقطية باستخدام النقاط الملونة والتي تسمى بيكسل Pixels والتي يتم توزيعها على شبكة, وعند تحرير صورة نقطية يمكن تغيير البكسلات وليس الخطوط والمنحنيات, إن هذا النوع من الصور يملك خاصية عدم استقلال الدقة لآن المعلومات التي تصف الصورة مثبتة إلى شبكة بقياس محدد وبالتالي عند تحرير الصورة النقطية يمكن أن تتغير جودتها.
لاستيراد صورة نقطية إلى فلاش:
1. اختر أمر استيراد Import من قائمة File .
2. ابحث عن الصورة الذي تريد استيراده .
3. أنقر على زر الفتح Open لاستيراد الملف .
عند استيراد الصور تظهر في مكتبة المشروع.
ـ إن استيراد الصور النقطية يؤدي إلى زيادة حجم الملف التي يمكن تصغير حجمها بطريقتين:
أولاً- خيار الضغط من المكتبة من قائمة Options نختار الأمر Bitmap Properties.
لتحرير إعدادات تصدير الصورة النقطية:
1. انتق الصورة المستوردة ضمن مكتبة المشروع.
2. افتح قائمة خيارات لوح المكتبة Library Option ثم اختر أمر الخصائص Properties انظر الشكل رقم (1).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (1)
3. خيار السماح بالنعومة Allow smoothing يكون فعالً بشكل افتراضي وهو يؤدي إلى تطبيق مفعول النعومة على الصورة .
4. انقر على السهم الموجود في الطرف الأيمن من قائمة خيارات الضغط Compression ثم اخترPhoto (JPEG أو Lossless(PNG/GIF .
5. إذا انتقيت خيار الضغط الملائم للصور الفوتوغرافية فسيظهر قسم الجودة quality ضمن مربع الحوار ، أزل إشارة التحديد من مربع خيار استخدام الجودة الافتراضية للمستند use **************************************** default quality .
6. أنقر على زر الاختبار test . يتم تحديث الصورة المصغرة ضمن نافذة المعاينة .
ثانياً- تحويلها إلى صورة متجهة نختار الأمر Trace Bitmap من قائمة Modify.
لتحويل الصور النقطية إلى عناصر رسومية:
1. حدد الصورة التي تريد تحويلها .
2. اختر أمر تتبع الصورة Trace Bitmap من قائمة أمر المعالجة Modify لفتح مربع حوار تتبع الصورة كما في شكل (2).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (2)
3. ضمن حقل نطاق الألوان 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 كما في الشكل رقم (3).
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الشكل رقم (3)
5. انقر على زر 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).
ـ بعد إنشاء اللون الداخلي من الصورة النقطية انتق أداة الفرشاة ثم انقل الأداة نحو منطقة العمل لرسم بعض الضربات اللونية بالفرشاة وبلون النقش الذي تم استخلاصه من الصورة النقطية .
ـ لتعبئة العنصر الموجود باللون الداخلي المستخلص من الصورة النقطية ، أنتق أداة اللون الداخلي ثم انقر على العنصر.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الصورة الأساسية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
الصورة بعد تحويلها إلى لون داخلي
الشكل رقم (4)
تحياتــــــــــــــــــــــــي: المكتشف