1. مرحبا بكم في أسواق ستي أكبر المواقع التجارية شعبية
    إستبعاد الملاحظة

الدرس الثاني: ☀二♥تصميم توقيع فلاشي,,بأزرار تشغيل وايقاف♥二☀)

الكاتب: عبد الله ©, بتاريخ ‏2 يوليو 2011.

  1. عبد الله ©

    عبد الله © خير الناس..انفعهم للناس

    إنضم إلينا في:
    ‏29 ابريل 2011
    المشاركات:
    1,584
    الإعجابات المتلقاة:
    0
    الإقامة:
    خمــ مشيط ــيس

    [​IMG]


    [​IMG]


    اسعد الله اوقاتكم بكل خير وجعلها عامرة بالمسرات ان شاء الله


    [​IMG]




    [​IMG]

    <EMBED height=330 type=application/x-shockwave-flash width=550 src=http://www.abdullah-z.com/up/aa.swf>


    [​IMG]

    [​IMG][​IMG]

    الدرس الثاني من دروس السويتش ماكس
    واللذي سيكون عبارة عن تصميم بطاقة بأزرار تشغيل وايقاف وايقاف مؤقت..

    وهذا رابط الدرس الاول لمن اراد الاستفادة وفيه شروحات ومصطلحات مهمة تساعدك
    على تطبيق الدرس الحالي بكل سهولة

    http://www.aswaqcity.com/thread586762.html


    [​IMG]

    الشرح كالعادة بالتفصيل الممل وسأشرحه هنا بالصور

    وايضا شرح مصور بالفيديو

    [​IMG]


    [​IMG]


    طبعا الازرار في هذا الدرس ستكون بدائية وبسيطة بدون مؤثرات..

    ولتوضيح المقصد من هذا الكلام مرر الماوس على الازرار التالية:

    <EMBED height=100 type=application/x-shockwave-flash width=120 src=http://upload.7ozn.com/files13/13095581851.swf>

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

    وسيكون لهذه المؤثرات درس مستقل لاحقا بعون الله ..ومن اراد التسهيل على نفسه يحفظ درس اليوم على شكل ملف مفتوح swi

    وعند التعديل لن يستغرق منك الامر اكثر من نصف دقيقة ان شاء الله..


    [​IMG]
    [​IMG]


    ★.•نبدأ على بركة الله الدرس★.•

    بسم الله..

    1- اول خطوة قم بأدراج الصورة اللتي تريد مع مراعاة وضع المقاسات المناسبة للصورة..
    ثم قم بأدراج اي تأثير على الصورة اذا كنت ترغب بعمل مؤثرات على الصورة..

    [​IMG]


    2- بعد ذلك اتبّع الطريقة التالية في ادراج المقطع الصوتي:

    [​IMG]



    3- بعد ذلك خطوة مهمة جدا وهي سحب المقطع الصوتي فريم واحد لليمين كما في الصورة التالية:

    [​IMG]



    4- ثم قم بعمل اول سكربت للمشهد كامل كما هو موضح بالصورة التالية:

    [​IMG]


    (هذه الخطوة فائدتها ان الفريم الاول راح يكون فيه المشهد كامل متوقف ومافيه اي شي )


    [​IMG]

    انتهينا الان من الخطوات الاساسية وسنقوم الان بتصميم الازرار:

    5- كما اخبرتكم سابقا الازرار راح تكون بدائية وعبارة عن ثلاث كلمات

    وطريقة ادراجها بالضغط على الايقونة التالية:

    [​IMG]


    اضغط على ايقونة الكتابة واكتب تشغيل ثم اضغط عليها مرة اخرى واكتب ايقاف مؤقت ومرة ثالثة واخيرة واكتب ايقاف..

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


    6- بعد ذلك سيصبح لديك الشكل التالي:

    [​IMG]


    [​IMG]


    7- نبدأ الان في عملية ادراج السكربت الخاص بكل زر

    طبعا كل كلمة راح ندرج عليها سكربتين اثنين

    السكربت الاول افهام البرنامج اننا نريد منه شي وفي هذا الدرس سيكون (عند الضغط) وليس عند مرور الماوس مثلا ....
    والسكربت الثاني لكل كلمة راح يكون مختلف وهو وضيفة كل زر عند الضغط عليه..


    الطريقة سهلة جدا اهم شي تنتبه لتضليل الكلمة المراد ادراج السكربت عليها:

    [​IMG]



    9- نقوم بأدراج السكربت الاول (الثابت) على اول زر (تشغيل) كما في الصورة:

    [​IMG]



    ثم نضيف السكربت الثاني لهذا الزر بالطريقة التالية:

    [​IMG]


    زر التشغيل انتهى واصبح جاهز للعمل بقي علينا الازرار الاخرى

    10- بنفس الطريقة ضلل الكلمة التالية (ايقاف مؤقت) وطبق عليها السكربت الاول اللي قلنا انه ثابت:

    Events<BUTTON<ON font {press}<> a


    ثم طبّق على نفس الكلمة السكربت الثاني المختلف كما في الصورة التالية:

    [​IMG]


    زر الايقاف المؤقت انتهى واصبح جاهز للعمل بقي علينا الزر الاخير

    11- بعد تضليل كلمة (ايقاف) طبّق السكربت الاول الثابت كالعادة
    واذا انتهيت قم بعمل السكربت الثاني المختلف بنفس الخطوات الموضحة في الصورة التالية:


    [​IMG]


    12- ستظهر لك الصورة التالية:

    [​IMG]


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


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


    اذا تأكدت من ان كل شي تمام احفظ عملك بالطريقة المعتادة:
    File ثم Export ثم swf وقم بتسمية العمل ثم اختيار مكان الحفظ..

    [​IMG]
    [​IMG]


    فائدة اخيرة ما سويتها في الشرح المصور:

    من اراد وضع مؤثر لظهور الصورة أوالتأثيرات بعد التشغيل فليقم بوضعها ولكن بعد الفريم الاول كما في الصورة التالية:

    [​IMG]


    واذا اردت اظهار كتابة او صورة في بداية العمل كما فعلت انا بوضع عبارة:
    (اطرب سمعك )

    فقم بعمل مؤثر خاص بها يبدأ من الفريم الاول:

    [​IMG]



    [​IMG]
    [​IMG]


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

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


    ....واخيرا نجتهد دائماً لنيل رضاكم...
    ...لا تنسونا بصالح دعائكم...
    .اطيب وارق تحية.

    من اخوكم

    [​IMG]

     
  2. م / وائل

    م / وائل تاجر مميز

    إنضم إلينا في:
    ‏24 يونيو 2011
    المشاركات:
    125
    الإعجابات المتلقاة:
    0
    الف شكر اخوي
     
  3. أطياف الحب

    أطياف الحب تاجر

    إنضم إلينا في:
    ‏28 مايو 2011
    المشاركات:
    10
    الإعجابات المتلقاة:
    0
    اول شي تشكر اخوي عبدالله على المجهود الكبير والشرح الرائع
    ماشاء الله عليك الله يعطيك العافيه
    وهذا تطبيقي ان شاء الله يعجبك بالرغم انه صعب علي بعض الخطوات و ماقدرت استفسر فيها.

    http://upload.7ozn.com/files13/13098398581.swf

     
  4. علـي

    علـي تاجر

    إنضم إلينا في:
    ‏26 مايو 2011
    المشاركات:
    54
    الإعجابات المتلقاة:
    0
    أطياف ما شاء الله تصميم رائع هل ممكن احطة بتوقيعي ؟

    ^^
     
  5. عبد الله ©

    عبد الله © خير الناس..انفعهم للناس

    إنضم إلينا في:
    ‏29 ابريل 2011
    المشاركات:
    1,584
    الإعجابات المتلقاة:
    0
    الإقامة:
    خمــ مشيط ــيس
    العفو اخي الكريم..وان شاء الله يفيدك الدرس



    <EMBED height=330 type=application/x-shockwave-flash width=550 src=http://upload.7ozn.com/files13/13098398581.swf>​


    العفو اخت اطياف وهذا اقل ما يمكن تقديمه..
    وانا دائما بالخدمة لأي سؤال او استفسار

    تصميمك جميل ورائع وتم تطبيق الدرس بطريقة صحيحة وسليمة
    من الاعماق شكرا لك وانتظرينا في دروس قادمة بحول الله وقوته..

    القادم اجمل..شكرا لك
     
  6. أطياف الحب

    أطياف الحب تاجر

    إنضم إلينا في:
    ‏28 مايو 2011
    المشاركات:
    10
    الإعجابات المتلقاة:
    0
    <embed type="application/x-shockwave-flash" src="http://upload.7ozn.com/files13/13098398581.swf" width="550" height="330">​
    العفو اخت اطياف وهذا اقل ما يمكن تقديمه..
    وانا دائما بالخدمة لأي سؤال او استفسار

    تصميمك جميل ورائع وتم تطبيق الدرس بطريقة صحيحة وسليمة
    من الاعماق شكرا لك وانتظرينا في دروس قادمة بحول الله وقوته..

    القادم اجمل..شكرا لك

    يسلموووو اخوي عبدالله ويعطيك العافيه يارب
    ننتظر جديدك :052:
     
  7. أطياف الحب

    أطياف الحب تاجر

    إنضم إلينا في:
    ‏28 مايو 2011
    المشاركات:
    10
    الإعجابات المتلقاة:
    0
    يسلمووو اخوي علي
    اكيد ممكن ... بالعافيه عليك
    بس لاتنسى اكتب تصميم أطياف الحب
    ;)
     
  8. جوري الرياض

    جوري الرياض تاجر مميز

    إنضم إلينا في:
    ‏27 مارس 2010
    المشاركات:
    252
    الإعجابات المتلقاة:
    0
    ما شاءالله بمنتهى الروعه

    الله يوفقك ويجزاك خير اخوي عبدالله
     
  9. عبد الله ©

    عبد الله © خير الناس..انفعهم للناس

    إنضم إلينا في:
    ‏29 ابريل 2011
    المشاركات:
    1,584
    الإعجابات المتلقاة:
    0
    الإقامة:
    خمــ مشيط ــيس
    العفو اختي الكريمة
    ولكي منّا المثل..شكرا لمرورك
     
جاري تحميل الصفحة...

مشاركة هذه الصفحة