قدمنا حلقتين من قبل عن برنامج الـ fireworks المساعد على تصميم المواقع و اليوم نكمل جولتنا معه. تأثيرات حية يتضمنFireworks تأثيرات خاصة وأوامر تعديل الصور التي يمكن أن تستعمل على الرسوم و الصور. عندما تستعمل لوحة التأثيرات Effect، التأثيرات المختارة تستمر بعد تطبيقها على جسم معين إلى أن تلغي اختيارها أو تغيرهاُ ثم قم بتحديد زر our story اعرض لوحة التأثيراتEffect ، ستطبق تأثير الحواف و إسقاط الظل لتجعل الزر يبدو ثلاثي الأبعاد أنقر القائمة المنبثقة في أعلى اللوحة واختر Bevel and Emboss ثم اختر Ineer Bevel سيعرض Fireworks خيارات تسطير الحواف. ضع عرض الحافة المميلة Width 3 بكسل تستطيع أن توقف المؤشر على أي خيار في لوحة التأثيرات وسيقوم fireworks بعرض اسمها بجانب المؤشر. أنقر القائمة المنبثقة في أعلى لوحة التأثيرات Effect وأخترShadow and Glow ثم أختر Drop Shadow أنقر خارج قائمة الخيارات العائمة لقبول الخيارات الافتراضية. الألعاب النارية بينما تعمل على وثيقة ما فإن Fireworks يسجل الخطوات التي تقوم بها في لوحة التاريخ History يمكن أن تستعمل لوحة التاريخ لإلغاء خطوات ، لإعادة الوثيقة على الوضع السابق كما يمكنك أن تستعمل لوحة التاريخ لإتمام مهمات بإعادة إجراء الخطوات السابقة، مما يوفر كثير من الوقت في إنجاز عملك Gift حدد الزر من لوحة التاريخ أنقر المفتاح Shift وأنقر آخر خطوتين (كل منهما باسم)Effect هاتان الخطوتان هما تسطير our story الحواف و إسقاط الظل اللتين تم تطبيقهما على الزر أضغط الزر Replay في لوحة التاريخ History ، سيقوم Fireworks ، بتطبيق تسطير الحواف وإسقاط الظل Gift على الزر. الأقنعة استخدم الأقنعة لتغطية الأجسام ولذلك الاجزاء الغير مقنعة من الأجسام فقط هي التي تظهر في الوثيقة، ستستعمل المستطيل الأبيض لتقنع صورة كوب القهوة لإعطاء كوب القهوة حدود سوداء استعمل أداة الإختيار (المؤشر) واسحب المستطيل الأبيض على قمة كأس القهوة. أضغط المفتاح Shift وأنقر صورة كوب القهوة وبذلك تكون أخترت صورة كوب القهوة و المستطيل أختر Modify ثم MaskGroup ثم Mask to Path سَيُقَنَع كأس القهوة بالمستطيل. الشكل المعين الصغير في وسط كوب القهوة هو مقبض القناع أسحب مقبض القناع بأداة المؤشر لتضع كوب القهوة في داخل القناع. النقاط الساخنة من السهل في Fireworks أن تربط مساحة من الصورة بإرتباط تشعبي. تعلمنا أن نصنع نقاط ساخنة عندما نريد أن نعمل صلة لكننا الآن لانريد الحالات التفاعلية للزر. صنع نقاط ساخنة هو عمل خريطة الصور في Fireworks حدد المستطيل المحتوي على النص Order Our كن على يقين من أنك أخترت المستطيل و ليس النص فقط. أختر Insert ثم Hotspot ، سيدخل Fireworks مستطيل أزرق شفاف يمثل نقطة ساخنة Hotspot ادخل الإرتباط التشعبي في مربع النص في أعلى مراقب الأجسامObject لاحظ أن مراقب الأجسام Ob يعرض في شريط العنوان نوع الجسم المختار. تحسين الصورة يتيح لك Fireworks أن تحسن اجزاء مختلفة من الوثيقة بشكل فردي. كل وثيقة لها إعدادات تحسين ثابتة .لكنك تستطيع تحسين مساحات فردية في الوثيقة بإستعمال الشرائح مثلاً : الوثيقة التي تعمل عليها تبدو أفضل لو حسنت كملف GIF ولكن صورة كوب القهوة ستبدو أفضل لو JPEG حسنت كملف أولاً أكد إعدادات التحسين للوثيقة. هذه الإعدادات مستخدمة من قبل أي جزء من الصورة التي ليست تحت شريحة جسم Slice قم بالغاء اختيار كل الأجسام باختيار Edit ثم Deselect اعرض لوحة التحسين Optimize لاحظ أن قضيب عنوان اللوحة يعرض إعدادات الجزء الفعال و في هذه الحالة ولأنه لاشيء مختار. يعرض إعدادات الوثيقة. كن متأكداً بأن GIF Web Snap 128 مختارة من القائمة العائمة Settings في أعلى اللوحة ، يمكنك إستعمال الخيارات في أسفل اللوحة لتغيير إعدادات التحسين المختارة ، و الآن ستصنع شريحة على كوب القهوة استعمل أداة المؤشر لاختيار كوب القهوة ثم اختر insert ثم slice وسيعمل fireworks شريحة جسم على كوب القهوة. اختر jepg-smaller file من القائمة العائمة في أعلى لوحة التحسينoptimize أنقر على العروة 2-UP في أعلى مساحة العمل . إذا كان ضرورياً أختر أداة اليد واسحب العينة اليسرى لترى كأس القهوة يعرض Fireworks عينتين من الوثيقة . العينة اليسرى تحتوي على الصورة الأصلية بينما في العينة اليمنى نرى العينة المحسنة . عند عمل تغييرات في الصورة الأصلية ، يجدد Fireworks الصورة المحسنة إذا كانت مجسمات الويب (النقاط الساخنة والشرائح) معروضة ،أختر الشريحة اليسرى لتعتم بقية الصورة، هذا سيجعلك تركز أكثر في تحسين الشريحة المختارة في شريحة كوب القهوة المختارة ، قم بعمل تغيير في إعدادات تحسين الصورة في لوحة التحسينات ولاحظ كيف لهذه التغييرات أن تغير في الصورة اليمنى أحفظ الملف. التصدير عندما تصدر وثيقتك يصدر Fireworks ملفات فردية مع كل الشرائح . يولد أيضاً كل رموز الجافا سكربت والهوتمل المحتاجة لعرض الوثيقة في مستعرض الويب Fireworks يجعل من السهولة تصدير الصور وكود الجافا والهوتمل ودمجها في موقع صنع ويدار بـ Macromedia Dreamwaver اختر File ثم Export تصدير الوثيقة يعمل سلسلة من ملفات الصوت لكل شريحة وملف هوتمل لتسهيل إزالة هذه الملفات لاحقا ، صدرهم لملف جديد أختر الموقع. أنقر زر مجلد جديد New Folder وضع اسماً للمجلد، تأكد من أن أسم المجلد ظاهر في أعلى صندوق الحوار اقبل الوضع الإفتراضي لإسم الاساس يستخدم Fireworks هذا الاسم لملف الهوتمل المصنوع وكذلك الاسم الأساسي لكل ناتج ملفات JPEG ، GIF المصنوعة المناسبة للشرائح . بإمكانك تعديل الطريقة التي يسمي بها Fireworks الملفات كما تهيئ الخصائص الأخرى للتصدير بالضغط على زر Setup في أسفل لوحة التصدير Export أختر Use Slice Object من القائمة العائمة Slicing . لتأكيد إظهار الازرار و التصرفات والتحسينات عند عرضها في المتصفح أختر Dreamwaver3 من القائمة العائمة Style . هذا سيصنع كود هوتمل محسن للاستخدام في Dreamwaver3 إذا كنت ترغب في استخدام إصدار آخر او حتى برنامج آخر مثل FrontPage فقم بأختياره تأكد من أن القائمة العائمة Location تشير إلى نفس الدليل هذا الخيار يجعلك تحدد مكان حفظ ملف الهوتمل المتعلق بتصدير الصور أنقر Save لتصدير الملفات . تستطيع الآن فتح ملف الهوتمل لإستعراضه في المتصفح أو لفتحه في Dreamwaver أو برنامج التصميم الذي تستخدمه لإجراء تعديلات إضافية أفتح المتصفح و أختر ملف File ثم فتح Open وأختر الملف الذي قمت بتصديره. تستطيع أيضاً فتح المتصفح مباشرة من Fireworks باختيار File ثم Preview in Browser وأختر المتصفح . إذا لم تجد أي متصفح في القائمة أختر Set Browser لإضافة المتصفح الرئيسي و الثانوي للقائمة بعد اختبار الهوتمل المصدر. ارجع الى Fireworks و أغلق الملف. الحركة تستطيع عمل صور GIF حيوية سمتحركةس في Fireworks بإستخدام الإطارات Frames كل إطار يحتوي على صورة مختلفة. و العوامل التي تريدها أن تظهر في كل إطار ستضعها في طبقة Layer منعزل ومشتركة في كل الإطارات Frames . السلسلة المتعاقبة من الإطارات و المعروضة بإنتظام تسمى الخداع الحركي افتح الوثيقة Animated _start .png و الموجودة في مجلد Tutorial في مجلد البرنامج Fireworks عرض لوحة الطبقات Layer وأنقر الزر New/Duplicate Layer في أسفل اللوحة و الآن سوف تحرك الصور الموجزة إلى الطبقة الجديدة و اختر الصور الأربع الموجزة بالضغط على مفتاح Sheft والنقر على كل صورة بأداة المؤشر المربع الأزرق في العمود الأيمن من Layer1 في لوحة الطبقات Layer يدل على أن الجسم المختار في هذه الطبقة أسحب المربع الأزرق المجاور لLayer1 للطبقة الجديدة Layer2 الآن تستطيع مشاركة Layer1 مع الإطارات وبذلك سيظهر النص في كل إطار Frame من الحركة Animation حدد Layer1 في لوحة الطبقات Layer افتح القائمة العائمة Options من لوحة الطبقات Layer بالضغط على المثلث في أعلى اللوحة وأختر Share Layer لاحظ أن إيقونة الفيلم ستريب فيلم ستريب: سلسلة من الصور الثابتة تحت كل منها شرح توضيحي تظهر يمين أسم الطبقة يدل على أن الطبقة تشارك في كل الإطارات frames اختر الصور الأربع الموجزة بالضغط على مفتاح Sheft والنقر على كل صورة بأداة المؤشر أسحب الصور الموجزة على أعلى النص و أرصفهم مع آخر حرف في النص. والآن ستوزع الصور الموجزة على إطارات منفصلة لعمل الحيوية «الحركةAnimation » اعرض لوحة الإطارات Frame وأنقر زر Distribute to Frame في أسفل اللوحة، اعرض لوحة التحسينات وأختر Animation GIF من القائمة العائمة Export File Format ، يجب أن تستخدم Animation GIF لتصدير كل الإطارات للملف ، استخدامGIF ينبغي أن يصدر فقط الملف الأول اضغط المفتاح Sheft وانقر كل الإطارات Frame في لوحة الإطاراتFrame وأختر Properties من القائمةoptions في اللوحة (إضغطالمثلث الصغير في أعلى اللوحة). اجعل مؤقت مجموعة الإطارات إلى 50 الذي يعتبر نصف ثانية وأضغط المفتاح ادخال Enter مؤقت الإطارات يحدد السرعة للصور المتحركة أنقر الزر تشغيل Play في أسفل شاشة التطبيق. لاحظ أن زر التشغيلPlay يتغير إلى التوقيف Stop عندما تتحرك الصور المتحركة ، أنقر الزر توقيف Stop لتوقيف الصورة المتحركة اخترFile ثم Save as ، سم الوثيقةmy_animation وأنقرSave إذا كنت ترغب صدر الملف وأختبره على المتصفح تهانينا بمناسبة إكمال الرحلة التعليمية لبرنامج الألعاب النارية Fireworks أنت جاهز الآن لأن تصنع عملك الفني بإستخدام Fireworks والان نكون قد أكملنا معكم كل شئ عن برنامج fireworks.