المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : عمل توقيع فلاشي بأزرار تشغيل وإيقاف


** خـادم العبـاس **
06-12-2011, 06:37 AM
اسعد الله اوقاتكم بكل خير
هذا الدرس هو استمرار لدروس سابقة كنت قد وضعتها في هذا القسم انتهجت فيها من البداية البساطة في الشرح والطرق المختصرة السهلة بعيدا عن التكلّف والتعقيد..والفلسفة الزائدة..
فبرنامج السويتش ماكس سهل جدا وابسط مما نتخيل..لكن استخدام بعض الطرق المعقدة واقحام المصطلحات الاحترافية من قبل بعض الشارحين تذهب متعة هذا البرنامج وبساطته..وتسبب ارباكا لدى بعض الراغبين في تعلّم البرنامج..

اتمنى من كل من يرغب في تعلّم معي البرنامج متابعة دروسي وتطبيقها الاول فالاول..
لأن كل درس تتعلمه سيسهل عليك الدرس اللذي يليه بنسبة كبيرة..

★.•صمّم توقيعك الفلاشي في خمس دقائق..(درس تحدي)★.•

درس العيد:★.•.★توقيع فلاشي يشتغل بمرور الماوس ويرجع من نقطة التوقف★.•.★


http://img197.imageshack.us/img197/4051/softcity0122dd0428.gifhttp://img197.imageshack.us/img197/4051/softcity0122dd0428.gif

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

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


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




http://img443.imageshack.us/img443/9377/zzzee.gif



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

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




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

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

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






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

بسم الله..


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


http://img204.imageshack.us/img204/5880/55838334.jpg


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

http://img408.imageshack.us/img408/826/51575747.jpg



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


http://img201.imageshack.us/img201/7688/25022084.jpg


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


http://img176.imageshack.us/img176/7642/10288863.jpg


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


http://img197.imageshack.us/img197/4051/softcity0122dd0428.gif


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


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


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



http://img255.imageshack.us/img255/1521/51630729.jpg


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



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





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


http://img824.imageshack.us/img824/8720/83244578.jpg




http://img197.imageshack.us/img197/4051/softcity0122dd0428.gif




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



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







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




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






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



http://img593.imageshack.us/img593/5489/91414854.jpg




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


http://img87.imageshack.us/img87/2181/53878499.jpg



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


http://img339.imageshack.us/img339/9421/36289060o.jpg




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



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



Events<Button<On {press} a



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



http://img543.imageshack.us/img543/4080/75896412.jpg




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




11- بعد تضليل كلمة (ايقاف) طبّق السكربت الاول الثابت كالعادة

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



http://img339.imageshack.us/img339/1299/44878003.jpg



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


http://img213.imageshack.us/img213/412/62675136.jpg



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



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




اذا تأكدت من ان كل شي تمام احفظ عملك بالطريقة المعتادة


File ثم Export ثم swf وقم بتسمية العمل ثم اختيار مكان الحفظ..




http://img197.imageshack.us/img197/4051/softcity0122dd0428.gif

http://img197.imageshack.us/img197/4051/softcity0122dd0428.gif



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

من اراد وضع مؤثر لظهور الصورة أوالتأثيرات بعد التشغيل فليقم بوضعها ولكن بعد الفريم الاول كما في الصورة التالية:
http://img808.imageshack.us/img808/9916/67435026.jpg



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

اطرب سمعك

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

http://img529.imageshack.us/img529/8214/zxzxj.jpg

محب الرسول
06-12-2011, 01:56 PM
شكرا جزيلا على الدرس الرائع

ضياء الحسين
06-12-2011, 02:11 PM
يعطيك العافيه اخووي

بس شوي الدرس يبيله تركيز :tears:

مشكور خيو

محب الصدر
07-12-2011, 12:37 PM
احسنت اخي العزيز
في ميزان اعمالك

** خـادم العبـاس **
07-12-2011, 07:49 PM
شاكر هذا الـمرور العطر
حياكم الله

عقيل العامري
22-10-2012, 07:29 PM
بارك الله بك على الموضوع الرائع

احزان كربلاء
22-10-2012, 10:34 PM
اخي الكريم شكد احب اعرف اعمل تواقيع افلاش لاكن ماعرفت
ونشاء الله راح استفيد من درسك
سلمت لنا وسلم هاذا الابداع