Advanced Search

المحرر موضوع: تعلم معنا التصميم بالسويش.. خطوة خطوة  (زيارة 15365 مرات)

0 الأعضاء و 1 ضيف يشاهدون هذا الموضوع.

يونيو 26, 2004, 03:58:51 صباحاً
زيارة 15365 مرات

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« في: يونيو 26, 2004, 03:58:51 صباحاً »
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه وسلم


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


لتحميل البرنامج:
يمكن تحميل نسخة تجريبية لمدة 15 يوم من هذا الموقع:
http://www.swishzone.com/index.php?area=products&product=v2

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

بعد أن تم التحميل، لنبدأ أولا بأهم القوائم التي سوف تجدها أمامك


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




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

ثم حدد خصائص واسم كل مشهد




والآن لننتقل على الأدوات الأساسية:
هنا قائمة layout الموجودة في منتصف الشاشة بجانب المربع الأبيض (والذي سيكون العمل عليه)
وفي الصورة تفصيل لكل أداة:




بعد أن تتدرب على كل أداة ولو مبدئيا، انتقل للخطوة الثانية.


قائمة transform
عند إدارج أي صورة أو رسم أي شكل (دائرة مربع) أو حتى إدراج أي نص، سيمكنك تغيير أبعاد وموضع ودوران الشكل عبر هذه القائمة، والتي ستجدها على الجانب الأيمن من الشاشة، بجانب قائمة الفلم والمشهد movie & scene




طبعا سيكون بإمكانك عمل التغيير بكل دقة، ويمكن أن تقوم بالتغيير بمجرد الضغط على الشكل في مربع العمل، وامساك المربعات البيضاء التي ستكون حول الشكل وتغييره إن لم تكن تهتم بالدقة.



إلى هنا هل كل شيء واضح؟؟

هل هناك أي أسئلة؟؟



يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 26, 2004, 04:06:05 صباحاً
رد #1

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #1 في: يونيو 26, 2004, 04:06:05 صباحاً »
التطبيق الأول:

كيفية عمل اطار ببعدين:

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









الواجب:
تدرب جيدا، وفكر كيف يمكن عمل إطار بثلاث أبعاد؟؟

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



يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 26, 2004, 04:08:31 صباحاً
رد #2

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #2 في: يونيو 26, 2004, 04:08:31 صباحاً »
يا جماعة خبروني إن لم تظهر الصور لديكم..؟؟
يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 26, 2004, 05:11:35 صباحاً
رد #3

المستشار

  • عضو متقدم

  • ****

  • 646
    مشاركة

  • عضو المجلس الشوري

    • مشاهدة الملف الشخصي
    • http://
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #3 في: يونيو 26, 2004, 05:11:35 صباحاً »
هلا بك

شكراً لجهودك أختي

الصور لم تظهر لدي


يونيو 26, 2004, 02:02:45 مساءاً
رد #4

شروق

  • عضو مشارك

  • ***

  • 267
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #4 في: يونيو 26, 2004, 02:02:45 مساءاً »
شكرا لك اختي لكن الصور لم تظهر  ':O'

يونيو 26, 2004, 02:52:39 مساءاً
رد #5

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #5 في: يونيو 26, 2004, 02:52:39 مساءاً »
عدلت روابط الصور.. هل هي واضحة الآن جميعها؟؟
يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 26, 2004, 06:31:32 مساءاً
رد #6

ابو سلمان

  • Administrator

  • *****

  • 2691
    مشاركة

  • مشرف إداري

    • مشاهدة الملف الشخصي
    • http://olom.info
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #6 في: يونيو 26, 2004, 06:31:32 مساءاً »
السلام عليكم ورحمة الله وبركاته

جزاك الله خير اختنا الفيزيائية على هذه الدروس

والصور واضحة جداً '<img'>

ابو سلمان

يونيو 26, 2004, 06:42:31 مساءاً
رد #7

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #7 في: يونيو 26, 2004, 06:42:31 مساءاً »
الأستاذ القدير.. أبو سلمان

جزاكم الله خيرا على حل مشكلة الصور..

وزادكم الله من فضله..
يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 26, 2004, 07:27:01 مساءاً
رد #8

شروق

  • عضو مشارك

  • ***

  • 267
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #8 في: يونيو 26, 2004, 07:27:01 مساءاً »
عملت الدرس الاول بنجاح قبل ما اشوف الصور لكن كيف ادرج الملف لمشاهدة التطبيق .

يونيو 27, 2004, 03:18:48 صباحاً
رد #9

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #9 في: يونيو 27, 2004, 03:18:48 صباحاً »
السلام عليكم..

وصبحكم الله جميعا بالخير..


لنعود إلى تطبيقنا الأخير، كيفية عمل إطار ثلاثي الأبعاد..

وهو يشبه التالي:


الطريقة بإختصار:
1. ارسم مستطيلا.
2. غير ألوانه من قائمة خصائص التي على يمين الشاشة، اختر linear gradiant وغير الألوان بواسطة المثلثين الصغيرين الذين في الأطراف (هل وجدتهم)، واجعل المستطيل بلا إطار.



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

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

4. الآن بكل دقة..
انسخ المستطيل وضعه على الجهة المقابلة.
لتغيير تدرج الألوان فتصبح متماثلة مع المستطيل السابق، من قائمة Modify ثم transform ثم flip horizental.
ثم انسخ مستطيلا أخر وقم بعمل تدوير له بزاوية 90 درجة من قائمة modify. وغير التدريج.
ثم مستطيلا رابعا أخيرا وضعهم بجوار بعضهم.

الناتج النهائي هو:




4. للتخلص من الزوايا، وجعله مائلة. سنستعمل أداة رقم (4) من قائمة layout واسمها reshap

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

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



حينها سيظهر لديك الخط المائل الذي نريد، كرر العملية على باقي زوايا الإطار إن كنت فهمت الفكرة جيدا.. '<img'>


هكذا انتهى التطبيق الثاني.. هل كان مفهوما!!

لننتقل إلى الخطوة التالية..



يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 27, 2004, 03:50:48 صباحاً
رد #10

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #10 في: يونيو 27, 2004, 03:50:48 صباحاً »
قائمةInsert و قائمة Control



لعل الصورة تشرح نفسها..



قائمة outline

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


لتجميع عدة صور معا grouping

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

بعد التحديد، اضغط بزر الفأرة الأيمن، واختر grouping



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


convert التحويل من نص إلى صورة أو من نص إلى زر أو من صورة إلى زر...

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


قائمة التأثيرات، ومسطرة الزمن effect & timeline



بالتأكيد هذه هي أهم قائمة في هذا البرنامج، لأن هدفنا أن نصنع فلما متحركا، أي هناك زمن داخل في الحكاية. بالإضافة إلى التأثيرات التي تختصر لي الكثير من عملي.

** في مسطرة الزمن ستلاحظ أنها مكونة من مستطيلات طويلة (مستطيل لكل شكل أو نص) والمستطيل الطويل مكون من مستطيلات صغيرة جدا اسمها frame ويعربوها فريمات '<img'> ........... هل تذكر متى تحدثنا عن الفريمات !! نعم في قائمة movie وقلنا أن كل 12 فريم سيعبر عن ثانية، ويمكن تغيير الرقم.

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

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

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

** قم بمشاهدة العرض عن طريق الزر: Play movie ، أو play scene الموجود في القائمة فوق المسطرة.



يقول المصطفى صلى الله عليه وسلم:
"يعجب ربنا من قنوط عباده وقرب خيره، ينظر إليكم أزلين قنطين، يظل يضحك يعلم أن فرجكم قريب "

--------------

(.)
النهاية

يونيو 27, 2004, 03:59:47 صباحاً
رد #11

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #11 في: يونيو 27, 2004, 03:59:47 صباحاً »
درسنا اليوم كان نظريا أكثر..

ولكن غدا بإذن الله سيكون أكثر تشويقا..

وسنتعلم كيفية صنع زر، وتطبيق عليه ( وأعتقد أن سيعجبكم كثيرا جدا)
وتطبيق آخر لعمل نجمة مضيئة جميلة.. '<img'>

وسأخبركم غدا بإذن الله عن قائمة file

ولكن حاليا يا شروق حتى تستطعي أن تدرجي الملف في المنتدى حولي الملف الذي تصنعينه إلى ملف بامتداد .swf وذلك من قائمة file ثم export ثم اختاري أول واحدة SWF، وأدرجي الملف في المنتديات كفلاش.

ولكن على فكرة.. يجب أن يكون لديك flash player حتى تقومي بالتحويل الآنف الذكر ;)


تحياتي الآن..

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

--------------

(.)
النهاية

يونيو 27, 2004, 04:02:56 صباحاً
رد #12

الفيزيائية

  • عضو خبير

  • *****

  • 1214
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #12 في: يونيو 27, 2004, 04:02:56 صباحاً »
نسيت الواجب:

تدرب ( أو تدربي ) جيدا.. لأن هذا من الأساسيات المهمة جدا.. وهكذا أستطيع أن أقول أن المفتاح أصبح بين يديك..

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

--------------

(.)
النهاية

يونيو 27, 2004, 08:56:37 مساءاً
رد #13

شروق

  • عضو مشارك

  • ***

  • 267
    مشاركة

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #13 في: يونيو 27, 2004, 08:56:37 مساءاً »
مشكوره اختي مع اني وجدت شوي صعوبه في تحديد الزوايا لكن صممت على تفاديها لكن انتي قلتي انه في السوتش يكتب بالعربي ولكن حاولت وما نفع معاي ابد ممكن اعرف اي انواع الخطوط ينفع مع السوتش وحفظت الواجب على الطريقه الي قلتيها ومع كده عند ادراجه في الفلاش يطلب اسم موقع في النت يعني فشلت في العرض '<img'>

يونيو 27, 2004, 10:24:08 مساءاً
رد #14

ابو يوسف

  • عضو خبير

  • *****

  • 10867
    مشاركة

  • مشرف اداري

    • مشاهدة الملف الشخصي
تعلم معنا التصميم بالسويش.. خطوة خطوة
« رد #14 في: يونيو 27, 2004, 10:24:08 مساءاً »
السلام عليكم

اختي الكريمة الفيزيائية

جزاك الله كل خير على دروس التصميم


اختي الكريمة شروق

يمكنك رفع الملفات الى موقع مستضيف على الشبكة ومن ثم وضعها هنا

راجعي الرابط التالي

'<img'>