ألعاب فلاش

ألعاب تثقيفية ترفيهية لعب وتحميل

برنامج الفلاش وأدواته

تحميل برامج الفلاش

دروس فلاش

دروس الفلاش, شرح بالصور والفيديو

قوالب فلاشية

قوالب فلاشية Templates

ملفات مفتوحة

ملفات فلاش فمتوحة المصدر Open source

Flash Blog » دروس فلاش, ملفات مفتوحة

درس تصميم زر فلاشي بحيث يظهر العنوان بعد التأشير (video)

درس تصميم زر فلاشي بحيث يظهر العنوان بعد التأشير [Youtube]

الدرس عن زر button يتكون من أيقونة مع عبارة أسفله تبين هدف الزر (عنوانه) , مثلا أيقونة تصميم وأسفلها عبارة,  (العمل من تصميم: ..), وسنجعل العبارة تظهر فقط بعد التأشير.

شرح سريع:

بعد إستيراد الأيقونة أو رسمها, نقوم بتحويلها لزر (نظغط F8 ثم نحدد نوع الرمز الذي هو زر) , و نفتح نافذة تحرير الزر حيث يُمكننا تحرير الزر في حالته الأربع

up  الزر في حالته العادية (المستقرة)
Over عند التأشير على الزر
Down  عند الظغط على الزر
Hit عند إبعاد المؤشر (cursor) على الزر

مقتبس من درس سابق : شرح طريقة عمل زر فلاشي تفاعلي بطريقة جديدة ( كيفية تصميم زر فلاشي )

نضيف طبقة جديدة layer , نعود لطبقة الزر (لازلنا في نافذة تحرير الزر) ونظغط على F6 لإضافة إطار جدديد frame لطبقة الزر.

في الطبقة الجديدة المضافة, نضيف إطارا جديد, وفي الإطار الجديد frame, نقوم بتكابة العبارة, التي يُقترض أن تظهر أسفل الزر الفلاشي. وبذلك يصبح لدينا زر فلاشي تظهر أسفل منه عبارة الهدف عند التأشير فقط ( لا تظهر بدون تأشير , لأن العبارة موجودة في الإطار الثاني over وليس الأول)

الآن نقوم بتحديد العبارة وتحولها لموفي كليب ( عبر الظغط على F8, ثم اختيار Movie Clip) . نظغط على العبارة –  الموفي كليب مرتين للنتقل لنافذة تحريرها, في نافذة التحرير الجديدة, لدينا طبقة واحدة خاصة بالعبارة, حيث سننشأ حركة على هذه الطبقة Motion Tween , لنجعل العبارة تنتقل من اليسار إلى اليمين, ولإخفاء البعارة قبل وصولها لأسفل الزر , نضيف طبقة جديدة (لازنلا في نافذة تحرير الموفي كليب) ونرسم فيها مستطيل بإرتفاع احرف العبارة وبعرض الأيقونة, ونضع المستطيل أسفل الأيقونة مباشرة

نظغط باليمين على طبقة المستطيل ثم نحدد ماسك Mask  (إفتراضيا طبقة المستطيل توجد فوق طبقة العبارة)

كان لزاما كتابة الشرح , وفي كل الأحوال هذا فيديو الدرس من اليوتيوب

ذات علاقة

تعليق واحد »

  • kindar كتب :

    ما شاء الله عليك ااخوي

    محترف في الفلاش !

    وان شاء الله تآصل لـ الاكثر و الاكثر

    kindar

    توقيــــع » kindar

شارك بتعليقاتك !

أضف تعليقك أدناه ، أو رابط دائم من موقعك.. يمكنك أيضا الأشتراك في هذه التعليقات من خلال الخلاصات

ليبقى موقعنا نظيف من رسائل السبام.

تستطيع أستخدام هذه الأكواد في تعليقاتك :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>