دورة Swish 2.0
تعريف بالبرنامج :
يعتبر برنامج سويش من أسهل وأشهر برامج صناعة النصوص والصور الحركية والتي تساعدنا وبكل سهولة من عمل ملفات فلاشية ذات تأثيرات رائعة ..
نبذة تاريخية بسيطة عن البرنامج :
كان السويش في بدايته كما في الإصدار Swish1.15 ذات إمكانيات محدودة جدا تقتصر على إضافة تأثيرات وحركات بسيطة على الكلمات كما كان يحتاج إلي برامج مساعدة لإضافة النصوص العربية .. ومن ثم تم تطوير هذا الإصدار إلي الإصدار Swish2.0 بحيث أصبح يملك إمكانيات اكبر سواء في زيادة التأثيرات الجاهزة إلي عمل ماسك محاكيا بذلك برنامج الفلاش الشهير وإن كان أقل منه كفاءة لكن السويش أسهل من الفلاش استخداما..كما أصبح داعما للغة العربية و داعما للغة برمجة الويب PHP ..
وفي الفترة الحالية تم طرح الإصدارة SWiSHmax من قبل موقع سويش زون الموقع المنتج لهذا البرنامج
وتم اضافة مميزات خياليه لم تكن موجودة بالسويش الإصدار الذي قبله وموقع السويش الأصلي وضع ملفات مفتوحة للبرنامج حتى يظهر شي بسيط من قدرات البرنامج والذي يتوقع ان يكون منافس قوي للفلاش ومتوقع أن السويش سيكون هو البرنامج الفلاشي الأول خلال الفترة القادمة ..ولمزيد من المعلومات يمكنك زيارة الموقع
http://www.swishzone.com/
الدرس الأول :
1- التعرف على واجهة البرنامج
2- التعرف على كيفية استخدام الأدوات
3- رسم دائرة ومستطيل والتعرف على طرق التعبئة
نظرا لأهمية إزالة الرهبة والحاجز الذي غالبا ما ينشأ بين المستخدم الأول للبرنامج وواجهة البرنامج فضلت أن يكون الدرس الأول مختص فقط عن تعريف البرنامج وكيفية استخدام الأدوات محاولين بذلك كسر هذا الحاجز . كما أفضل أن يتم تحميل البرنامج ومن ثم التطبيق لأنه أسرع طريقة للفهم ..
الجزء الأول :
قم بفتح السويش
عادة عندما نقوم بإضافة نص أو صورة يقوم البرنامج بإضافتها مباشرة في شجرة العمل ..
لاحظ ذلك في الملف السابق حيث قمت بإدراج صورة تحمل الكلمة "welcome " كما قمت بإضافة نص للكلمة "مرحبا "
وكل مكون من مكونات شجرة العمل تحتوي على خط زمن TimeLine خاص بها ..
هكذا نكون قد انتهينا من الجزء الأول من الدرس الأول
شرح أوامر قائمة file :
Samples أمر النماذج)
يقدم لنا هذا الأمر مجموعة من النماذج وملفات مفتوحة مجهزة التصميم والحركات يمكن استخدامها مع تغير ما تحتاج من الصور والنصوص
Export: ( أمر الحفظ )
يقدم لنا هذا الأمر ثلاث أنواع من الملفات التي يمكننا حفظ العمل بها
** حفظ الملف بالامتداد SWF وهو الأكثر شيوعا واستخداما
** حفظ الملف بالامتداد HTMl
** حفظ الملف بالامتداد AvI وهنا يتم عرض العمل في الريل بلاير
Test( أمر الاختبار ):
In Player لاختبار وعرض العمل
In Browser لاختبار العمل وعرضه في المتصفح وغالبا ما تستخدم لتجربة اكواد الجافا اسكر يبت التي لا يظهر تأثيرها إلا في المتصفح

الدرس الأول
الجزء الثاني :
شريط الأدوات

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

رسم مستطيل ودائرة :
عند اختيارك احد الخيارين Tiled image أو Clipped image تحتاج في البداية إلي إدراج الصورة ثم يمكنك بعد ذلك حذفها
كما يمكنك حذف حدود الشكل باختيار None
هكذا نكون قد انتهينا من الدرس الأول

الدرس الثاني :
1- التعامل مع النصوص
* إضافة نص
** تحويل النص إلي Shape
2- إضافة التأثيرات والحركات على النصوص
3- حفظ العمل
الجزء الأول :
التعامل مع النصوص :
لإدراج نص من قائمة
Insert ==> ****
أو نستخدم الصورة التي تحمل حرف الـT في أعلى البرنامج .
عندما نقوم بإضافة نص سيظهر لنا مربع خصائص النص في الجهة اليمنى نستطيع من خلالها التحكم في خصائص النص ( لون الخط - نمط الخط - حجم الخط - التباعد بين الأحرف - التباعد بين السطور )

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

لاحظ الصورة السابقة :
الكلمة الأولى : تعرف عليها البرنامج كنص لذلك وضع حرف T للدلالة على ذلك كما لا يمكن تحديد أحد حروف النص على حدي بل لا ابد من تحديد النص كاملاً .
الكلمة الثانية : تم تحويلها إلي شكل فأصبحت الكلمة الواحدة مكونة من عدة أشكال كل حرف يمثل شكل منفصل يمكن تحديده ومن ثم تعبئته بأحد الطرق السابقة .
لتحويل النص إلي Shape : حدد النص و بالزر الايمن اختر Convert to shape
ملاحظة أخيرة : للكتابة باللغة العربية فقط قم بتحويل الكي بورد .. مع ضرورة اختيار نمط الخط المناسب .

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

1- لكل مكون خط زمن خاص به لإجراء التأثيرات عليه .
2- خطوط الزمن
3- لإضافة تأثير على نص وليكن مثلا كلمة ( الموسوعة ) نضغط بالزر الأيمن على الـ Frame رقم 1 ستظهر لنا قائمة تحمل العديد من التأثيرات أختر احد هذه التأثيرات وليكن ( Fade In )
ستظهر لنا هذه النافذة

اضغط Close .
سنلاحظ في الشريط الزمني كما في الشكل التالي وهي للدلالة على أن الـتأثير الموجود في النص (الموسوعة ) هو Fade In

قم بتجربة العمل
Control => Play Movie
تعريف لبعض الـتأثيرات :
Place ==> تثبيت
Remove ==> حذف
Move ==> تحريك
Fade In ==> تأثير الإظهار
Fade Out ==> تأثير الإخفاء
Wave ==> تأثير تموجي
Typewriter ==> تأثير آلة الكاتبة ( لا تستخدم إلا في النصوص الإنجليزية )
Explode ==> تأثير الانفجار

الدرس الثالث :
1- التعامل مع الصور
* إضافة صور
** إضافة التأثيرات على الصور
*** تحويل الصور إلي Sprite
2- عمل الأزارير .
الجزء الأول :
التعامل مع الصور :
لإضافة صورة من قائمة Insert =>Image
عمل المؤثرات على الصور :
إضافة التأثيرات على الصور كما هي في النصوص ..
فعندما نضغط بالزر الأيمن على الشريط الزمني فإن قائمة كبيرا من التأثيرات ستظهر لنا يمكنك اختيار احدها .
سأقوم في هذا الدرس بشرح التأثير 3D Spin
بعد أن قمنا بإدراج صورة نضغط بالزر الأيمن على الشريط الزمني الخاص بها ونختار التأثير 3D Spin

ثم يظهر لنا مربع الحوار التالي :

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

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

>><<>><<

طريقة عمل sprite

تحويل الصور إلي Sprite :

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


الــ Sprtie

تعمل كحقل عمل مصغر داخل حقل العمل الأصلي
إذا كنت تجد صعوبة في فهم الـ Sprite فلا تقلق لأنك ستفهمه بإذن الله بعد قرأه الدرس الرابع . أستمر في قرأه الدرس وحاول التطبيق لتكتشف الفرق .

شرح

رسم قطرة :
نقوم فقط بتعديل شكل الدائرة وتحويلها إلي قطرة ماء .

التساقط :
Motion Path : يقوم بعمل التأثير Move حسب الحركة التي تريدها

Sprite 1 :
تتم في هذي الخطوة تحويل الصورة وإدخالها إلي داخل الـ Sprite

Sprite 2 :
الهدف من اختيار Action (الحدث) Go To Frame هو أن نخبر البرنامج بأن يقوم بتكرار الحركة مرة بعد مرة بمجرد ما ينتهي من إجراء التأثير عن أخر Frame فإنه يقوم بإعادة مسح الFrame من جديد وهذا هو الجزء المهم الذي يقوم بتكرار الحركة ..

هكذا نكون قد تعلمنا كيف نضيف صور ونصوص ونجري عليها التأثيرات




)()()(

طريقة عمل الButton

الجزء الثاني :

طريقة عمل الأزارير Button :

أدرج صورة أو نص أو رسم دائرة وبالزر الأيمن اختار Convert to Button



سنلاحظ تكون الشكل التالي في شجرة العمل ..



تطبيق :

قم برسم دائرة ثم حولها إلي Button
نلاحظ أن البرنامج سيقوم بإضافة شكل الدائرة في جميع المراحل ( الشكل الظاهر - عند مرور الماوس - بعد الضغط عليه ) يمكنك مشاهدة ذلك بالضغط على علامة الجمع الموجودة في اليسار

نحدد Up State ثم نقوم بإدراج نص ( Click )
نحدد Over State ثم نقوم بإدراج صورة
نحدد Down State ثم نقوم بتصغير حجم الدائرة

الدرس الرابع :
1- طريقة عمل Group
2- إضافة التأثيرات على مسرح العمل
3- تعريف الـ Action وربط الحقول ببعضها
الجزء الأول :
طريقة عمل Group :
إذا أردت تجميع أكثر من كائن بحيث يتم التعامل معها ككائن واحد لا بد لك من عمل Group لهذي الكائنات . وهذا مفيدا أثناء التصميم الذي يتطلب الكثير من الكائنات .
ولتحويل الكائنات إلي Group قم بتحديد العنصر الأول ثم أضغط Ctrl من لوح المفاتيح ثم حدد العنصر الثاني , و بالزر الأيمن أختر Grouping => Group

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

هناك مجموعة من التأثيرات التي يمكن إضافتها على المشهد وهذه الـتأثيرات تظهر على المشهد ككل . فمثلا إذا أردنا إدراج صوت يتم سماعه من بداية العرض نقوم بإضافة تأثير عمل الصوت على المشهد .
غالبا ما نستخدم الأوامر التالية :
Stop ==> لوقف المشهد ومنعه من تكرار العرض .
Play Sound ==> لتشغيل الصوت
Stop Sound ==> لإيقاف تشغيل الصوت
********** ==> لإضافة جافا اسكر بيت
تطبيق :
ندرج نص و صورة ثم نضيف إليها تأثيرات . بعد أخر Frame وصلت إليه حدد المشهد secne ثم أضغط بالزر الأيمن في الخط الزمني الخاص به واختر Stop . الهدف من هذه الطريقة هو وقف المشهد ومنع تكرار عرضه
قم بإضافة نص وأكتب كلمة ( إعادة )
ملاحظة هامة :
إيقاف المشهد بالأمر Stop لابد أن تكون في أخر نقطة في الخط الزمني
كلمة (إعادة ) تكون قبل إيقاف المشهد بعدد قليل من الـ Frames

حدد النص (إعادة ) من الشجرة العمل ومن التبويب Action الموجود في يمين الشاشة أختر من Add Event الأمر On Press

التبويب Action :
نستطيع عن طريقها إخبار البرنامج بأن هناك أمر ما سوف نقوم به
أغلب الأوامر المستخدمة هيا
On Press :
وهي تعني عند الضغط افعل كذا
On Roll Over :
أي عند مرور الماوس افعل كذا
ستلاحظ بأن كلمة Add Event تتغير إلي Add Action هناك مجموعة كبيرة من الأوامر التي يمكنك إضافتها

الجزء الثاني :
تعريف الـ Action وربط الحقول ببعضها :
لإضافة مشهد :
من قائمة Insert ==> Scene
يمكنك إضافة أكثر من مشهد . بحيث يحتوي كل مشهد على مجموعة كائنات ذو تأثيرات مختلفة. وعند عرض العمل يتم عرض المشاهد واحد تلوى الأخر تبعا لترتيبها في شجرة العمل .
Action :
نستطيع عن طريقها إخبار البرنامج بأن هناك أمر ما سوف نقوم به
أغلب الأوامر المستخدمة هيا
On Press : وهي تعني عند الضغط افعل كذا
On Roll Over : أي عند مرور الماوس افعل كذا
بعض من أوامر الأكشن :
الأمر Go To Frame :
عن طريق هذا الأمر نطلب من البرنامج الذهاب إلي Frame معين في Scene معين

لإعادة عرض المشهد نطلب من البرنامج الذهاب إلي الFrame رقم صفر من المشهد الذي هو فيه
للانتقال إلي مشهد آخر نطلب من البرنامج الذهاب للـFrame رقم صفر من رقم المشهد التالي
الأمر Go To URL : لوضع رابط تشعبي

الأمر MAilto : تستخدم لإرسال بريد إلكتروني

الواجب :
1- أدرج مشهدين
2- في المشهد الأول أدرج نص Next
3- في المشهد الثاني أدرج كلمة "الموسوعة " وكلمة "اتصل بنا" وكلمة "الخلف "
4- أضف الـ Action المناسبة للكلمات حسب مدلولاتها
ملاحظة هامة : من الضروري وقف المشاهد عن أخر نقطة . حتى يتم الانتقال بينهما يدويا .

الدرس الخامس :
1- طريقة عمل القناع
2- عمل الـ Loading
الجزء الأول :
طريقة عمل القناع Mask:
يستخدم القناع لعمل تأثيرات رائعة . كإضافة لمعة على نص .لفهم طريقة عمل القناع دعونا نبدأ بالتطبيق التالي :
قم بإدراج نص يحمل اسمك ولتحويل هذا النص إلى قناع نحدد النص ثم بالزر الأيمن نختار Convert ==> Convert to Sprite

من التبويب Sprite الذي يظهر في الجانب الأيمن من الشاشة نضع علامة صح على كلمة Mask

ندخل داخل Sprite وندرج مستطيل فوق النص ونضعه في الجهة اليسرى . نحدد المستطيل ثم نحدد أداة Motion Path ثم نضغط في الجهة اليمني . ثم نعود مرة أخرى ونضغط في الجهة اليسرى . هكذا نكون قد انتهينا من عمل الضوء .
ولعمل النص الأساسي نخرج خارج الـ Sprite وندرج نص يحمل نفس ( نمط وحجم ) النص القناع ونضعه في أسفل القناع
لجعل الضوء يظهر باستمرار لا تنس وضع الأمر Go To Frame في داخل الـSprite

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

ندرج نص نكتب فيه كلمة LOADING ونضيف عليه بعض التأثيرات و عند أخر Frame نضع التأثير GotoFrame 0 في Scene
حتى يتم إعادة وتكرار التأثير خلال التحميل

ثم نضغط بالزر الأيمن بعد ذلك بعدد من الFrames ونختار if Frame Loaded

ونضع الرقم صفر في number ونحدد المشهد الأول Scene 1

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

مرحبا

الله يعطيك ألف عافية اخوي ع الشرح الرائع

وما شاء الله عليك كفيت ووفيت

وجهد رااقي تستحق الثناء عليه

والله يعطيك ألف عافية اخوي وما قصرت

وعساك دوم ع القوة

وبانتظار جديدك المتميز دائماً

ولك مني أرق التحايا .. رورونـــه ..،،