تعلم معنا التصميم بالسويش.. خطوة خطوة

[الفيزيائية]

السلام عليكم..

كيف حالك يا شروق '>

بالنسبة إلى الخطوط، فأي خط عربي موجود على جهازك يمكنك استخدامه في برنامج سويش.

الآن عند ادراج نص نقوم بضغط الأيقونه في الشريط العلوي
ستجدين أن خصائص النص ظهرت لك في الجانب الأيمن من الشاشة



1. من هنا تحددي نوع الخط ( أي خط عربي).
2. من هنا تغيري حجم الخط.
3. من هنا نغير لون الخط ( يتضمن هذا الشفافية أيضا).
4. من هنا نكتب النص الذي نريد، ويجب ملاحظة أننا لا نستطيع الكتابة إلا داخل هذا المربع الأبيض (أما داخل المربع العمل فلا يمكن أبدا، وإنما نستطيع هناك أن نقوم بتحديد النص بالنقر عليه، أو تحريك موضعه، أو تغيير حجمه، أما أي تعديل في النص نفسه كتابة، فيجب أن يكون من داخل المربع الأبيض الذي يظهر على يمين الشاشة)

** وفي حالة أن لم تستطيعي الكتابة بالعربي، اضغطي أولا ctrl+shift. ثم إذا بقيت المشكلة موجودة، فاذهبي إلى الشريط الذي يكون في أسفل سطح المكتب (والذي تظهر فيه الإيقونات المفتوحة) وغيري من EN إلى AR بالنقر عليه.


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


** وبالنسبة للزوايا.. هل تفضلين أن أعيد شرحها بطريقة أخرى؟؟ أم أنك عرفت الطريقة أخيرا؟؟ عذرا إن كان شرحي مقتضبا، ولكن لا تتخيلي كم هو صعب الشرح كتابةً '> ولا أدري ماذا يفعل أصحاب الكتب؟؟

[الفيزيائية]

نعود الآن.. ونتابع آخر ما توقفنا عنده..


تطبيق النجمة المنيرة

تأمل الصورة:



1. نقوم برسم دائرة على أن تكون شديد التحدب من جانبيها (دائرة مضغوطة كما في الصورة)
2. نغير لونها بواسطة radial gradiant أي تدرج دائري، سنغير الألوان بحيث نجعل الدائرة تحمل لونا داكنا في الوسط، ثم لونا شفافا في الطرف كما في الصورة (شفافا تماما أي أن A = 0 )
3. نجعل الدائرة بلا حدود (لاحظ الصورة).
4. نقوم بعمل نسخ ولصق للدائرة (المضغوطة) وندير الدائرة الثانية والتي ستكون فوقها تماما مقدار 90 درجة من modify ثم transform ثم rotate 90 .
5. النجمة الرباعية الآن مكتملة، يمكنك أن تزيد من عدد رؤوسها بزيادة عدد الدوائر.
6. ويمكن أيضا زيادة دائرة في المنتصف (كحركة جمالية) وللمعلومية لرسم دائرة منتظمة، تابع الرسم وأنت تنقر بالزر shift.



7. والآن نجمع كل مكونات النجمة (راجع الدرس السابق) بتحديدها جميعا ثم النقر بزر الفأرة الأيمن ثم اختيار grouping as shap

8. فائدة التجميع هو عمل مؤثر للنجمة ككل، وليس لجزء منها.

9. عند مسطرة الزمن قم بعمل التأثير التالي (وتأكد أن زرpreview frame  إلى الداخل):
Fade in ثم قم بعمل دوران للنجمة مقداره 180 درجة من modify
ثم Fade out وأيضا قم بعمل دوران للنجمة مقداره 180 درجة.
قم بمشاهدة عملك بالضغط على play scene.

سيكون تقريبا هكذا..


أرجو أن يكون قد أعجبكم.

لننتقل الآن إلى تطبيق آخر.

[الفيزيائية]

صمم زرا

هناك عدة طرق لعمل زر، سأخبركم بالطريقة الأسهل:
1. ارسم شكلا أو اكتب نصا.
2. اضغط بزر الفأرة الأيمن ثم اختر convert to button.
3. على قائمة Outline سيظهر لك التالي:



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

ملاحظة أخرى على الهامش: علامة الناقص (الطرح) في الصورة يعني وجود مجموعة مفتوحة، وعند الضغط على الناقص تتحول إلى زائد وتغلق المجموعة.


4. الزر، أي زر يتكون من ثلاث أمور، وهي كما في الصورة:
Up state أي شكل الزر والفأرة بعيدة عن الشكل.
Over state أي شكل الزر والفأرة على الشكل (بدون الضغط على الشكل).
Down state أي شكل الزر بعد أن تضغط بزر الفأرة على الشكل.
(لا تهتم بالحالة الرابعة، وانتقل إلى الخطوة التالية)

5. لتغيير كل حالة من الحالات الثالثة حدد على الشكل من قائمة outline ثم انتقل إلى قائمة shape التي ستظهر على يمين الشاشة، وغير الألوان كما تريد، من الممكن أيضا تغيير حجم الشكل (ويمكن الاستعانة بقائمة transform لمزيد من الدقة في هذا الشأن " أجمل شيء في التصميم الدقة" )، من الممكن أيضا حذف الشكل في إحدى حالاته (مثلا إذا كنت لا تريد للزر أن يظهر إلا عند مرور الفأرة عليه، قم بحذف الشكل عند الحالة الأولى وهي Up state). ومن الممكن أيضا عمل زر على هيئة شكل، وعند مرور الفأرة عليه يتحول إلى نص، وذلك بحذف النص في الحالة الثانية Over state وإدراج نص مكانه.

الخيارات كثيرة، وعليك بتجربتها لترى النتيجة بعينك.

ثم لمشاهدة نتيجة عملك قم بالنقر على play scene.

والآن انظر للأمثلة التالية، وحاول تطبيقها عندك:




سنكتفي بهذا القدر اليوم..

وسنتعرف لاحقا على طريقة عمل الأوامر للزر.

وإلى أن نراكم غدا بإذن الله..

تدربوا وتدربن جيدا..

وأرجو للجميع دوام التوفيق..

[شروق]

طبقت درس اليوم بنجاح ولكي جزيل الشكر
اما بالنسبه للرابط الي وضعه الاخ لم تظهر فيه الصور ابدا
واما بالنسبه للخط العربي فهو يظهر لكن كل حرف على حدى ولا اعرف ما المشكله بالضبط  
واشكرك على جهدك في الشرح وجزاك الله خير

[د- رزان]

جزاك الله خيرا اخت فيزيائية
انا عندي الكراك لبرنامج swish2 و سويش ماكس ممكن انزلهم بس ما اعرف كيف
انزلهم في الموقع

[الفيزيائية]

السلام عليكم..

عندي سؤال يا شروق.. هل تستعملين برنامج سويش 2 أو سويش ماكس؟؟ لأني أذكر أني واجهت نفس المشكلة مع سويش ماكس؟؟؟...

وسأحاول أن أعرف ما هي المشكلة بالضبط..


د-رزان شكرا للمساعدة، من الممكن أن تضع رابط الكراك على المنتدى..

[الفيزيائية]

بسم الله الرحمن الرحيم

حكمة اليوم:
التأمل.. الخطوة الأولى والأهم للإبداع



...

[الفيزيائية]

قائمة File



1. فتح مستند جديد.
2. فتح مستند قديم.
3. حفظ الملف، لنلاحظ أن ملف سويش يحفظ بالامتداد .swi
4. فتح نافذة جديدة للبرنامج.
5. هنا ستجد قائمة بعدد من الأمثلة السابقة الموجودة في البرنامج، تأملها (عد إلى حكمة اليوم) بالتأكيد ستفيد من أفكارها، ولعلها تساعدك كثيرا مستقبلا.
6.

أ. لحفظ الملف بامتداد .swf وهو الامتداد الذي يمكنك فيه تضمين ملف سويش داخل الفرونت بيج (وللإنترنت عامة)، وداخل البوربوينت، والفلاش. (وستحتاج أن يكون لديك في جهازك برنامج flash player لترى هذا الملف)
ب. لحفظ الملف بامتداد html لتحميله كصفحة ويب، ستستعمل هذا إن كنت تريد تصميم موقع بهذا البرنامج، وستلاحظ أنك عندما تحفظه بامتداد html سوف يقوم البرنامج تلقائيا بحفظ ملف آخر في نفس المجلد بامتداد .swf ، وعند تحميل الملفات إلى موقعك، سوف تقوم بتحميل كلا الملفين.
ج. لحفظ الملف بامتداد .avi ، حسب ملاحظاتي، ستستعمل برنامج real player لفتح الملف، وسيكون حجمه كبيرا نسبيا.

7.

إذا أردت أن ترى الناتج النهائي للعمل كفلاش، يمكنك استخدام test ثم اختر in player.
وإذا أردت أن ترى الناتج النهائي كصفحة ويب، اختر in browser.
(ملاحظة مهمة، لكلا الخيارين يجب أن يكون لديك برنامج flash player لتستطيع مشاهدة عملك النهائي)

ستستفيد من هذا الخيار الأول إذا أردت حفظ ملفك على امتداد .exe وإليك الطريقة:

لحفظ الملف بامتداد exe.

* اذهب إلىtest  ثم in player.
** عندما تفتح لك نافذة الـ flash player إذهب إلى file ثم إلى create projector...
*** احفظه في المجلد الذي تريد.




والآن سننتقل إلى خطوة في غاية الأهمية:

[الفيزيائية]

قائمة action

* هذه هي القائمة الأكثر أهمية في برنامج سويش. سننتقل فيها خطوة خطوة، وتطبيق تطبيق.

** هذه القائمة تستطيع الوصول إليها من أماكن مختلفة، ولكن أهم الأماكن هي:

1. إذا كنت محددا على scene في المسطرة ستجد أن هناك قائمة Action تظهر على يسارك


2. كما ستجد القائمة على يمين الشاشة بجانب قائمة movie  و scene و transform


*** لتبدأ باستخدام هذه القائمة عليك أولا إما أن تحدد (أنظر الصورة التالية)




لعلك تفهم الكلام السابق عند التطبيق..

لننتقل إلى التطبيق الأول لهذه القائمة:

أوامر play و stop من قائمة Action

1. قم بعمل فلم متحرك بسيط، لنفرض مثلا أنه سيارة تتحرك عبر الطريق
2. تستطيع رسم السيارة من الأقلام التي بالبرنامج (وأنا أفضل ذلك) أو تقوم بإدراج سيارة، ثم أدرج خلفية شارع مثلا (أو ارسم الشارع أيضا).
3. ستأخذ السيارة وتقوم بتحريكها من اليسار إلى اليمين مثلا بواسطة التأثير move من قائمة Effect ثم حرك السيارة، أو قم بتحريكها رأسا باستعمال الأداة motion path الموجودة في قائمة layout (رقمها حسب الصورة المدرجة سابقا؛ 3).
4. قم بمشاهدة عملك عن طريق play movie أو play scene، إذا كنت متقنا في عملك ستجده يتحرك من اليسار إلى اليمين ثم يعود فيتحرك من اليسار إلى اليمين هكذا إلى ما لا نهاية.
5. سنقوم الآن بوضع زرين، أحدهما سيقوم بعمل stop لإيقاف الفلم، والآخر play لتحريك الفلم إذا كان واقفا.
6. اصنع زرين (راجع الدروس السابقة)، لنقل مثلا أننا سنصنع الزر على شكل نص، الأول stop والآخر play أو نستطيع كتابتها بالعربي (تشغيل، إيقاف).
7. لنبدأ بزر الإيقاف:
* حدد على الزر من قائمة layout.
** انتقل إلى قائمة action التي على يمين الشاشة لتحديد الحدث الذي نريد even.
*** سنختار هنا on press (أي حال الضغط بزر الفأرة).
**** سيتحول زر الـ event الآن إلى زر action.
***** اختر stop.

# الذي فعلته الآن، أنك وضعت له الأمر التالي: ""حينما يُضغط بزر الفأرة على هذا النص، أوقف الفلم""

8. قم بعمل الخطوات السابقة لزر التشغيل، ولكن اجعل الخطوة الأخيرة هي اختيار paly.

العمل النهائي سيكون كالتالي:
(عذرا أني صنعته على عجل)




اختبر زري التشغيل والإيقاف بنفسك.



## هناك فكرة أخرى لنفس العمل السابق.

إذا أردت أن لا يعيد الفلم نفسه كلما انتهى، اختر الفريم الذي تريد للفلم أن يتوقف عندها (سيكون غالبا الفريم الذي ينتهي عنده الـ effect الخاص بالسيارة) بالتحديد على الفريم. ثم إذهب إلى قائمة action التي بجوار المسطرة، واختر stop.




إلى هنا نصل إلى نهاية درس اليوم.




الواجب:
قم بنفس العمل السابق، ولكن بجعل سيارتين تظهران معا، على أن تسبق واحدة منهما الأخرى بمسافة بسيطة.





أراكم غدا بإذن الله..

[فراشة]

جزاك الله خيرا اختي الفيزيائئية
ساحاول تنزيل البرنامج وتطبيق الدروس لاحقا
شكرا '>

[شروق]

البرنامج هو سوتش 2

[الفيزيائية]

أهلين أستاذتي وفراشة المنتدى..
ازدان موضوعي بمشاركتك فيه..


أختي شورق.. ما زال البحث جاريا!! ولكن هل من الممكن أن يكون السبب من الويندوز مثلا؟.. ما هي الإصدارة المستعملة؟
وعلى كل حال، بإذن الله يكون هناك حل!!

[الفيزيائية]

بسم الله الرحمن الرحيم


حكمة اليوم: الآراء كالمسامير، كلما طرقها المرء أكثر ازدادت عمقاً.

[الفيزيائية]

goto frame من قائمة Action

لننتقل إلى أمر جديد من قائمة Action.

سيفيدك هذا الأمر إذا كنت تريد الانتقال من فريم إلى فريم خلال المسطرة، أو كنت تريد الانتقال من مشهد إلى مشهد آخر في نفس الفلم.

إذا عليك أولا أن تحدد الحدث event سواء على مسطرة المشهد scene فتختار الفريم، أو على شكل أو نص معين فتختار الـ event من القائمة التي ستجدها على يمين الشاشة عند Action.

بعد ذلك اختر الأمر goto frame من قائمة Action ( تتحول قائمة event إلى قائمة action تلقائيا بمجرد أن تختار الحدث event).

ستظهر لديك القائمة التالية على يمين الشاشة، تأملها الآن..



في الصورة اخترنا الحدث بتحدد الفريم من مسطرة المشهد..

والآن تتبع أرقام الصورة:

1. هنا سيخبرك عن الفريم الذي سينتقل إليه والمشهد. وهو في الصورة: عند الفريم 0، سينتقل الفلم إلى الفريم رقم 5 من المشهد الثاني.
لتحديد الفريم والمشهد، انتقل إلى الخطوة التالية:
2. هنا حدد الفريم الذي تريد، إما بتحدد رقم الفريم (number) أو تختار الانتقال إلى الفريم التالي أينما كان (next) أو الانتقال إلى الفريم السابق أينما كان أيضا (prev.)
3. من هنا ستحدد المشهد، إما أن تختار رقم أو اسم المشهد، أو المشهد التالي، أو المشهد السابق (انتقل عبر القائمة وستفهم المقصود).

* الآن أي تغيير في الفريم أو المشهد سيبدو لك عند (الرقم 1).



لننتقل إلى التطبيق التالي:

عرض شرائح متتابعة:

كالتالي:




طريقة العمل:
1. قم بإدراج مجموعة من الصور
2. قم بإدراج نصين (التالي والسابق)، (ملاحظة مهمة: من الممكن تحويل هذه النصين إلى زرين ثم إضافة الـ action، ومن الممكن إضافة الـ action بدون تحويل النصين إلى زر – جرب الحالتين لترى بنفسك - )
3. للزر (التالي) أضف الحدث (event): On press
4. اختر الأمر goto frame من قائمة action
5. حدد الـفريم التالي (next)
6. قم بعمل الخطوات السابقة نفسها للزر (السابق) ولكن بتحديد الفريم السابق (pre.)
7. بالنسبة للصور قم بعمل التأثيرات على المسطرة Timeline كما في الصورة التالية:



شرح الصورة:
* في الفريمات الأربع الأولى (من 0-3) من مسطرة المشهد وضعنا الأمر stop من قائمة action.
** لكل صورة وضعنا التأثير place من قائمة effect ثم في الفريم التالي وضعنا التأثير remove من قائمة effect.

8. قم باستعراض الفلمplay movie ، وشاهد النتيجة.



السؤال: لو جعلنا الصور في كل مشهد منفصل بدلا من أن يكونوا في مشهد واحد، أي سيكون لديك مشاهد على عدد الصور. كيف سيتغير الـ action الآن؟!

[الفيزيائية]

إضافة الصوت:

من قائمة action سنضيف الصوت بالأمر play sound، وهناك الأمر stop sound لإيقاف الصوت، وهناك stop all sound إذا كان هناك أكثر من صوت وتريد أن توقفهم جميعا.

لتحميل أي صوت لبرنامج سويش، يجب أن يكون يحمل إحدى الامتدادان .wav أو .mp3 وأما .rm أو .ram فلا يمكن استعماله هنا. وهناك عدد من برامج التي تحول امتدادات الصوت مثل stream box وهو سهل الاستخدام جدا.

عندما تختار الأمر play sound ستظهر لك القائمة التالي على يمين الشاشة:



1. من هنا سيظهر لك اسم الصوت الذي اخترته
2. من هنا أدرج الصوت الذي تريد للبرنامج
3. من هنا يمكنك تحديد بعض الخصائص للصوت، لنتأمل الصورة التالية:



1. سيخبرك هنا عن طول الصوت بالثانية وبالفريم، وستفيدك هذه المعلومات عند إنشاء بطاقة بصوت مثلا.
2. هنا حدد عدد مرات التي تريد أن يتكرر فيها الصوت، إذا أردت أن يعيد تكرار نفسه بلا توقف، حدد رقما كبيرا (1000 مثلا).
3. هنا بعض التأثيرات للصوت، مثلا fade in إذا أردت أن يبدأ الصوت تدريجيا، و fade out إذا أردت أن ينتهي الصوت تدريجيا.....
4. يمكن من هنا تجربة الصوت.




------

إلى هنا ننتهي اليوم.. يبقى التدريب، وغدا سنبدأ بإذن الله بعمل تطبيق على الصوت، وسيكون عبارة عن ""بطاقة إهداء""..

فاستعدوا جيدا وتعالوا غدا مع أدواتكم من الصوت والخلفيات المناسبة..


والسلام