|||درس فلاش... شرح شامل عن استخدام الموفى الكليب بداخل الازرار(28 صورة) |||

[ROMIOs]

السلام عليكم و رحمة الله و بركاته



درس التعامل مع الـ Movie clip بداخل الزر



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

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



مثلا انشئ زر جديد ( اكتب ما تريد او ارسم و اذا كان كتابة فاضغط Ctrl+B مرتين )

http://absba7.absba.org/teamwork2/flahs/1.jpg
ثم اضغط بالزر الايمن على الشكل بعد تحديده convert to symbol

http://absba7.absba.org/teamwork2/flahs/2.jpg
اختر button ثم ok

http://absba7.absba.org/teamwork2/flahs/3.jpg
اضغط على الزر مرتين للدخول الى خصائصه

الان دخلنا لخصائص الزر التى نعرفها و هى الثلاثة

Up: و هى حالة الابتعاد عن الزر

Over: و هى عند الوقوف على الزر

Down: و هى عند الضغط على الزر

ملاحظة 1

اما Hit فهى ليست حالة و انما هى المساحة التى تعتبر من الزر اى المساحة التى اذا مررنا عليها اعتبرنا فى حالة over و انا انصح ان نرسم مربع بحجم الزر الذى نريد لكى لا يحدث اخطاء

ملاحظة 2

ضغطنا على كل frame ( up – over – down – hit ) زر F6 لنستطيع التعامل معهم

http://absba7.absba.org/teamwork2/flahs/4.jpg
طيب ماذا الان بعد معرفة هذا ؟؟

الدرس لاستخدام movie clip بداخل زر

اضغط على الفريم UP سنجعل الزر فى حالته الاصلية يتلون دائما ( مزعج .. ههه)

نضغط على الشكل او الكتابة بالزر الايمن ثم Convert to symbol طبعا بعد تحديده

http://absba7.absba.org/teamwork2/flahs/5.jpg

http://absba7.absba.org/teamwork2/flahs/6.jpg
نضغط على الشكل مرتين لكى ندخل لخصائص الموفى و نصنع تأثير التلوين

نضغط على الفريم 5 ثم F6 و 9 ثم F6 و 13 ثم F6 و 17 ثم F6


http://absba7.absba.org/teamwork2/flahs/7.jpg

اضغط على الفريم 1 ثم من القائمة Tween اختر Shape و هكذا للفريم 5 و 9 و 13


http://absba7.absba.org/teamwork2/flahs/8.jpg

اضغط على الفريم 5 ثم غير لون الشكل و الفريم 9 و 13 و 17 و غير الالوان


http://absba7.absba.org/teamwork2/flahs/9.jpg



1-اضغط على الفريم

2- اضغط على Fill color

3-اختر اللون

الان اريدك ان تجرب العمل و ستجد ان الزر يغير الالوان بدون اى شئ فى حالته الاولى

+++

طيب الان انتهينا من تأثير لذيذ

الان فى حالة over نغير التأثير

عند الوقوف يكبر الزر و يظهر حلله بعض الاشياء لتطوف حوله



نغود الى الزر بالضغط على اسمه فوق

http://absba7.absba.org/teamwork2/flahs/10.jpg
ثم نضغط على الفريم Over

نحدد الزر الاساسى ثم نضغط بالزر الايمن Convert To Symbol

http://absba7.absba.org/teamwork2/flahs/11.jpg


اختر Movie Clip ثم اضغط OK


http://absba7.absba.org/teamwork2/flahs/12.jpg

اضغط مرتين على الشكل للدخول لخصائص الموفى

اضغط على الفريم الاول بالزر الايمن ثم create motion tween


http://absba7.absba.org/teamwork2/flahs/13.jpg

اضغط على الفريم الخامس ثم كبر الشكل قليلا

اضغط على الفريم الخامس بالزر الايمن ثم Actions

http://absba7.absba.org/teamwork2/flahs/14.jpg

اضغط على علامة الزائد ثم اتع المسار الى الامر stop()


http://absba7.absba.org/teamwork2/flahs/15.jpg

الان نعود لخصائص الزر مرة اخرى بالضغط على اسم الزر فوق


http://absba7.absba.org/teamwork2/flahs/16.jpg

نرسم الشكل الذى نريده يطوف حول الزر

http://absba7.absba.org/teamwork2/flahs/17.jpg

نحدد الشكل الذى رسمناه ثم نضغط بالزر الايمن ثم convert to symbol

http://absba7.absba.org/teamwork2/flahs/18.jpg

اختر Movie clip ثم اضغط ok


اضغط مرتين للدخول لخصائص الموفى

اضغط بالزر الايمن على الفريم الاول ثم create motion tween

http://absba7.absba.org/teamwork2/flahs/19.jpg
ثم اضغط على الفريم 20 مثلا ثم f6

http://absba7.absba.org/teamwork2/flahs/20.jpg

اضغط على زر Add Motion guide


http://absba7.absba.org/teamwork2/flahs/21.jpg

لتجد شكل الليرات تغير و اصبح كالاتى


http://absba7.absba.org/teamwork2/flahs/22.jpg

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

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

و فى هذه الحالة سنرسم دائرة لكى يطوف الشكل فى مسارها



نرسم دائرة بالحجم الذى نريده


http://absba7.absba.org/teamwork2/flahs/23.jpg

لا تقلق الدائرة لن تظهر لانها مرسومة على طبقة الـmotion guide

و لكن نضغط على اللون بتاع الدائرة ( الاسود فى الصورة) ثم نضغط delete

نستخدم الان اداة الممحاة eraser tool و نختار مقاس صغير لها

http://absba7.absba.org/teamwork2/flahs/24.jpg
نمسح خط صغير من الخط الموجود حول الدائرة

http://absba7.absba.org/teamwork2/flahs/25.jpg
نضغط على الفريم الاول ثم نحرك الشكل الى اول المسار (اى طرف) ثم على الفريم 20 ونضع الشكل على الطرف الاخر


http://absba7.absba.org/teamwork2/flahs/26.jpg

اضغط Ctrl+Enter لتجربة العمل



مثال لما صنعته فى الشرح


http://i.domaindlx.com/ROMIOs/button_mc/movie_clip_button.swf

لتحميل ملف مفتوح للدرس

اضغط هنا (http://i.domaindlx.com/ROMIOs/button_mc/movie_clip_button.fla)

لتحميل الشرح كامل
http://rapidshare.de/files/13390421/mc_button.zip.html

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

ارجو ان تكونوا قد استفدتم



ما أردت ان اوضحه فى الدرس هو التعامل مع الزر كموفى كليب لوضع تأثيرات و ما الى آخره

و طبعا تعلمنا مهارات جانبية اخرى كالmotion guide و الحركة البينية .... الخ



أخوكم

رامى - ROMIOs

شبكة التطوير العربية





تم رفع الصور على سيرفر الموقع بواسطة المشرف العام المرفأ

[sadek57z]

شرح رائع
ومميز
من شخص مميز
بارك الله فيك

[ShiniChi]

شرح رائع
ومميز
من شخص مميز
بارك الله فيك

[ROMIOs]

شكرا اخوانى على هذا الكلام اللطيف

[MDK2]

شرح رائع
ومميز
من شخص مميز
بارك الله فيك

[ROMIOs]

شكرا اخى mdk2 على مرورك

[dogadoga]

tu es la meileur mon frere continue mon camarad si bein tous ca

[ROMIOs]

merci mon frere dagadoga
jai l'honeur ke tu a ecrit pr la premiere fois dans mon sujet

Ra Mi

[الولد اليابس]

الله يعطيك 1000 عافية على الدرس الأكثر من رائع .

[nirvana115]

THinkssssssss

[جرح القلم]

بصراحة سرح 100%

وانا ودي أعطيكم موقع جنان متخصص لدروس الفلاس والاسياء هادي ,,,ههههههه ,صراحه انا من الناس الي أستفادوا من ها الموقع,,,

أسيبكم مع الموقع.بس ها لاحد يزعل مني هههههههههععععععععععهههههههه

http://www.w-enter.com

[ROMIOs]

السلام عليكم ..
العفو اخى جرح القلم

و على فكرة انا عارف الموقع ده

بس اخى قوانين المنتدى تمنع الاعلانات عن المواقع
http://www.absba.org/vb/showthread.php?t=59214

أخوك ... ROMIOs

[PrinceOfLibya]

مشكور أخى الكريم وللاسف هذا الدرس أيضاً لاتظهر الصور لدى....!

والله الموفق...

[ROMIOs]

العغو

تفضل الشرح كامل

http://www.sendspace.com/file/zhdrrw

[المرفأ]

برنامج مفيد جدااا

تم رفع الصور على السيرفر ...تم النقل لقسم البرامج المشروحه

[ROMIOs]

شكرا اختى شواق الحلوة على الافادة :)

[v.bad]

بارك الله فيك يأخي.

[Dr Bahaa]

تسلم على الشرح الرائع

[abu mousa2006]

مشكووووووووور

[drakolamax2]

را ئع بجد يا روميو يا ريت تكون فاكرنى

[ROMIOs]

شكرا اخى v.bad على المرور الطيب

شكرا اخى Dr Bahaa مرورك بالموضوع شرف لاى عضو

شكرا اخى ابو موسى على مرورك

اهلا اهلا اهلا بعشاق هارى بوتر فى موضوعى .. اهلا بك drakolamax