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

مشاهدة النسخة كاملة : فن التحريك + طرق التحكم في ملفات الـswf من خارج الفلاش


MATRIX MX
17 Dec 2005, 04:29 PM
السلام عليكم ورحمة الله وبركاته

اخواني واخواتي اقدم لكم اليوم درس من اروع الدروس

وهو طرق التعامل مع ملفات السويش واي برامج تقوم بتصدير الـswf

بسم الله الرحمن الرحيم

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

الشريط الزمني Timeline

http://www.eyesweb1.net/4images/data/media/59/1-1.gif

إنتظر الى الصورة شوف تشاهد ان الشريط الزمني هوه عبارة عن خط اعداد 1 2 3 4 5 6

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

ما فائدة الارقام هذه في العمل

فائدة الارقام هذه هي التي تحدد دخول وخروج وظهور الكائنات سواء كانت موفي كليب ( Movie Clip ) او زر ( Button ) او كائن ثابت ( Graphic ) .

مثال صغير

او اردنا عمل دائه صغيره واردنا تحريكها من الفريم رقم 1 الى الفريم رقم 20 مثلا كما هو موضح في الصورة

http://www.eyesweb1.net/4images/data/media/59/1-2.gif

فإن الدائرة تقوم بتحريك نفسها كل ثانية في كل في كل 1 فريم

يعني الان امامك الصوره توضح اكثر

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

الفكرة والفائدة من هذا المثال

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

مثال اخر توضيحي لعمل اكثر من حركة.

قم برسم دائرة ومربع ثم قم بعمل تحريك للدائرة من الفريم رقم 1 الى الفريم رقم 10 كما هو موضح في الصورة.

http://www.eyesweb1.net/4images/data/media/59/1-3.gif

الان الحركة الخاصة بالدائرة سوف تبدتبداء من الفريم رقم 1 الى الفريم رقم 10 فقط اي من الثانية رقم 1 الى الثانية رقم 10
الان قم برسم المربع وقم بتحريكه من الفريم رقم 10 الى الفريم رقم 20 كما هو موضح في الصورة.

http://www.eyesweb1.net/4images/data/media/59/1-4.gif

الان كما تلاحظ امامك في الصورة

تبداء حركة الدائرة من الفريم رقم 1 الى الفريم رقم 10 اي من الثانية واحدة الى الثانية رقم 10

وتبداء حركة المربع من الفريم رقم 10 الى الفريم رقم 20 اي من الثانية رقم 10 الى الثانية رقم 20

وهذا مثال للحركة التي قمنا بعملها

WIDTH=400 HEIGHT=150

الذي نستفيده من هذا امثال الصغير

انه يمكننا عمل مليون حركة في الثانية اي يممكنا عمل حركة الدائرة والمربع في وقت واحد اي نقوم بتحريك الدائرة من الفريم رقم 1 الى الفريم رقم 20 والمربع نفس الطريقة نقوم بتحريكه من الفريم رقم 1 الى الفريم رقم 20

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

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

لو يحب يحرك مبع من الفريم رقم 1 الى الفريم رقم 100 ما فيه اي مشاكل يتحرك معه على حسب ما يريد ويمكن للمصمم زيادة عدد الليرات في العمل بحيث يجعل في العمل حركات كثيرة مربع يطير دائره تدور كتابه تتحركك وتختفي لى حسب ذوق وفن المصمم

الشريط الزمني Timeline

كلما زادة الحركة في الفريمات للكائن كلما كان الكائن بطاء في الحركة وكلما كانت الحركة في الفريم قصيرة كلما كانت الحركة اسرع بكثير في العمل

جرب بنفسك ايه المبدع

قم بعمل دائرة وقم بتحريكها من الفريم رقم 1 الى الفريم رقم 5 وقم بعمل دائرة اخرى وقم بتحريكها من الفريم 1 الى الفريم رقم 100 ولاحظ الفرق في التحريك

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

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

نأتي الى موضوعنا الاهم بعد هذه المقدمة الطويلة المهمة اعتبرها في الفلاش

كما قلت بالسابق انه يوجد بالفلاش ثلاث كائنات
موفي كليب ( Movie Clip ) او زر ( Button ) او كائن ثابت ( Graphic ) .

كما هو موضوح بالصورة
http://www.eyesweb1.net/4images/data/media/59/1-5.gif

والان سوف اوضح لك طرق إستخداتها واشكالها في المكتبة

انظر الى الصورة سوف تشاهد 3 عناصر
1- الي بالون الاحمر Movie Clip
2- الي بالون الاخضر Button
3- الي بالون الازرق Graphic
هذه هي اشكال العناصر او الكئنات في المكتبة

لن اغوص في إستخدمات هذه الكائنات إنما سوف اشرح طرق إستخدمتها في الشريط الزمني

http://www.eyesweb1.net/4images/data/media/59/1-6.gif

الكائن Movie Clip
إرتبطاه الشريط الزمني

الموفي كليب يعتبر شريط زمني جديد في الفلاش بحيث يمكنك عمل التحريك بداخله بحرية كأنه الشريط الزمني الاصلي Timeline وعمل تكرار للحركة بدون تقدي او إرتباط بالشريط الزمني في نهاية اي حركة

صوره توضيحيه للموفي كليب والتحريك بداخله مثل التحريك على الشريط الزمني الاصلي لا يختلف عنه الى في خصائصه

http://www.eyesweb1.net/4images/data/media/59/1-7.gif

كما تلاحظ الان امامك قمنا بعمل حركة من الفريم رقم 1 الى الفريم رقم 20

فكرة وميزة الموفي كليب في الحركة

الان لو قمنا بسحب هذا الموفي من المكتبة الى الشريط الزمني الاساسي وذالك بالضغط على F11 لإظهار المكتبة

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

http://www.eyesweb1.net/4images/data/media/59/1-8.gif

الان قم بعمل إستعراض لعملك وذالك بالضغط على Ctrol + Enter

سوف تلاحظ ان الموفي كليب يتحركة مباشرة رغم وجود 20 فريم بداخله

الفائدة ان الموفي كليب لا يقترن بزمن الشريط الزمني الاساسي بحيث يكون مستقل بحد ذاته وبجميع حركاته التي نقوم بعملها عليه وإذا قمنا بوضعه في الشريط الزمني في اي نقطة إنطلاق نريدها فأنه سوف يقوم بتحريك نفسه بنفسه ويقوم بتكرار نفسه خلال كل 20 فريم في الشريط الزمني

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

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

الان قم بزيادة الشريط الزمني الاساسي وذالك بالضغط على الفريم رقم 5 ثم قم بإستعراض العمل

كما هو موضح في الشكل

http://www.eyesweb1.net/4images/data/media/59/1-9.gif

الان كما تلاحظ في السابق ان حركة الموفي كليب من الفريم رقم 1 الى الفريم رقم 20

وفي الشريط الزمني الحركة الخاصة بالموفي كليب من 1 الى 10

الان قم بإستعراض العمل

سوف تلاحظ ان العمل وحركة الدائرة الخاصة بالموفي كليب لا تكتمل الى الفريم رقم 20 لماذا ؟

لانه الموفي كليب مرتبط إرتباط تام بالشريط الزمني الاساسي بحيث إذا قمنا بزيادة عدد الفريمات عن 20 فريم فإن الموفي كليب سوي يتحرك الى مالا نهاية وإذا وضعنا الموفي كليب وممدنا في حركته الى 1000 فريم فإنه سوف يتحرك مباشرة 20 فريم عشرين فريم حتى يصل الى 1000 فريم ولو قمنا بعمل امر stop لهذا الفريم فإن الموفي كليب لا يستجيب لامر الشريط الزمني ويواصل حركته دون توقف

الفائدة من هذا الشي

انه يمكننا عمل حركة داخل الموفي كلب بحيث تكون مدة الحركة من 1 الى 20 فريم ونضع في نهاية الموفي كليب الامر stop بحيث تتوقف حركاته

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

وحركة الدائرة الثانيه هي حركة الخروج وهذه فكرة الموفي كليب الاساسية

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

الكائن Button

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

يستخدم هذا الـ Button اي الزر في اعمال عدة منها التحكم في التنقل بين الفريمات بكل سهولة ويسر

وله عدة إستخدمات كثيره لا تعد ولا تحصى ولكن حبيت اعطيكم فكره صغيره عنها

الكائن Graphic

يعتبر من الكائنات الاساية في العمل

حيث يقوم البرنامج من تلقاء نفسه بإعتماد اي شكل في اي موفي او اي زر ويوقم بتحويل الكائن او الشكل على Graphic لكي يقوم بالحفاض على شكله ومظهره

ولا يستخدم كثيرا في عملية التحريك

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

ونجي للدرس المهم بعد هذه المقدمة المهمة

بسم الله

طريقة إدراج ملفات الـ swf من خارج البرنامج وطرق التعامل معها

لا يخفى عليكم كثرة البرامج التي تصدر swf وهي كثيرة لا تعد ولا تحصى منها ما يهتم بالرسم ومنها ما يهتم بالتيكس الـ Text مثل السويش والفليكس ومجموعة برامج والسوفت ثري دي كثيره جدا

وجميعها لا تختلف في العمل الاساسي لها من حيث الظهور IN ومن ناحية الخروج OUT

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

وما ابغى اطول عليكم لانه خليتكم تملون صراحه من الكلام الكثير :1:

ندخل على الدرس على طول

هذا مثال للدرس وهو عبارة عن مثال مبسط جدا

WIDTH=400 HEIGHT=150

إضغط هنا لكي تقوم بالدخول للدرس (http://www.eyesweb1.net/FLASH/60/Flex1.htm)

إضغط هنا لكي تقوم بسحب الدرس على الجهاز (http://www.eyesweb1.net/FLASH/60/Flex1.swf)

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

مع اجمل تحيه لكم وهذا الدرس إهداء لاخوي امير العزاب

ابو شوق

احســــــاس
17 Dec 2005, 04:48 PM
الف الف شكر اخوي
وتسلم الايادي ان شاء الله
دمت بخير ويعطيك العافية



تحياتي
احســــــاس

reham
17 Dec 2005, 07:38 PM
مشكور جداً أخ ماتركس على الدرس

ويعطيك ألف عافيه
ننتظر المزيد

تحياتي لك
r~e~h~a~m

الفلسطيني
17 Dec 2005, 10:41 PM
الففف شكر لك اخي االعزيز على الدرس الحلو

الاسطورة
20 Dec 2005, 12:19 AM
ياسيدي ويا تاج راسي ماتركس

والله العظيم شرح ولا اروع منه ماشفت حقيقه بدون مجامله .

درس تفصيلي 100 في 100 يعني اللي قافل مخه رايح يفهم عليك مع الشرح الحلو

الف شكر وتقدير لك ماتركس على مجهودك الجبار

تحياتي لك

MATRIX MX
23 Dec 2005, 10:53 PM
يا هلا اخوي إحساس

لا شكر على واجب اخي الكريم

تحياتي لك

+++

يا هلا اخوتي رهام

لا شكر على واجب اختي الكريمه

تحياتي لك

+++

يا هلا اخويالفلسطيني

الله يخليك يا أستاذ هذا بعض معاندكم

تحياتي لك

+++\

يا هلا استاذي الاسطوره

الله يخليك يا غالي والله ما تعلمنا الى من تحت يديكم الكريمه يا غالي

وهذا شي بسيط نقد نقدمه لاخوننا وان شاء الله يستفيدو من كل جديد

تحياتي لكي ا غالي

ابو شوق

jurassicpark
02 Jan 2006, 06:23 PM
بسم الله الرحمن الرحيم

درس جميل جدا اتمنى لك النجاح ونتمنى لك حياة سعيدة

تحياتي لك وامنياتي لك

MATRIX MX
03 Jan 2006, 05:10 AM
يستر عليك يا غالي

ويسمع منك والجميع يا رب

تحياتي لك

ابو شوق

ronaldo2005
06 Jan 2006, 05:30 PM
السلام عليكم ورحمة الله وبركاتة يسلمو