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

مشاهدة النسخة كاملة : ----مجموعة دروس للفلاش_5_----


ابوعبدالرحمن
30-03-2002, 04:06 PM
بسم الله الرحمن الرحيم

هذي مجموعة دروس للفلاش 5 تم تجميعها من منتديات مختلفه .

كل هذا من اجل عيونكم وإرضاكم جميعاً :)


نبدأ بسم الله ...

شغلو برنامج الفلاش ... ها كله شغل الفلاش ..

اوكيه نبدأ شباب .. .
طبعا بداية لازم أوضح أيش هو الفلاش ... الفلاش عبارة عن برنامج ملتيمديا متعدد الوسائط له القدرة على انشاء انيمش anmation حركة للأوبجيكت object للأجسام بطريقة جميلة وجذابة ومحاكية للواقع مع صغر حجم الفاينل Final العمل النهائي والملف النهائي والي يتيح لك استخدامه في الانترنت
بقوة حركاته وصغر حجمه وجمال عمله ... طبعا لازم نعرف كمان أنه مو شرط أنك تعمل موقع كامل بالفلاش
لا ممكن تعمل ازرار Botton جميلة بس أو عرض مبداي أو بانر دعائي Banner أو توقيع سجنيشتر أو ملتميديا كاملة عن منتج أو شركة معينة كله حسب الشيء الي أنت تبغاه وكل موجود وطبعا بيختلف على حسب حاجتك تآخذها منه وبس يعني مع الفلاش كل فطير وطير ... فاهمين لحد هنا والا فيه حد مش فاهم حاجة معينة يقولها ... تراك أنت رجيتنا نايم وتقول منت فاهم : ايش سؤالك ... السؤال يا يا ماستر ايش السبب الي يخلي العرض حجمه صغير رغم استخدامانا للحركات والمعروف انه المفروض يكون حجمها كبير زي الملفات تبع الانيمشن GIF المتحركة والجافا أبليت ...
مشكور يا همس على السؤال الجميل ده ... الحقيقة يا أخوان أنه النظام الي يتعامل بيه الفلاش نظام الفيكتور VEctor النقاط الي بيعطي المستخدم تحكم أكبر في المجسم ويمكنك من أنك تعمل عمل كتير بأصغر الأحجام لأن الفيكتور قد ما تقرب من الصورة هيه هيه ما تتغير في حين استخدام البرامج التانية لنظام
البيكسل وهذا في حد ذاته لو تبغى الصورة نظيفة لازم تآخد دقة وضوح اعلى مما يكلفك حجم أكبر ..
هذي كتابة حاولو تضغطو بالزر اليمين للماوس وتعملو Zoom in ما راح تلاقو أي تغير في دقة الوضوح
http://www.almastar.f2s.com/zoom.swf
لكن شوفو الصورة خدوها على أي برنامج صور وراح تلاحظو لما تكبرو الصورة انه بانت العيوب .. اعتمادها على البيسكل
http://www.almastar.f2s.com/3.bmp

المهم ...
نخش على الفلاش وشغل الفلاش .... طبعا اليوم ا راح نقدر نغطي كل شيء فراح احاول أعطي بيانات وشرح عن القوائم تبعت الفلاش بالي أقدر اشرحه والباقي نخليها في درس تاني ...
1- الليرز Layers وهيه الطبقات ، وهيه من اهم الأشياء الي لازم تحطها ببالك واعتقد أنه الي اشتغل على الفوتوشوب أو الكورل درو أكيد بيعرف ويش هيه الطبقات ، وايش فايدتها ... والفايدة هيه ترتيب العمل وثانيا وضوحه وقدرتك على التحكم في العمل بسهولة ..
http://www.almastar.f2s.com/1.swf
http://www.almastar.f2s.com/12.gif

- الفريم Frames وهو عداد الرسومات الي يكون لك السين Scene المشهد وراح يوضح إن شاء الله مع
الدروس ..
صورة للليلروز والفريمز ...
http://www.almastar.f2s.com/1.swf

3- أدوات الرسم ..
ادوات الرسم زيها زي أي برنامج رسم تتحكم فيها وما اعتقد فيكم محد اشتغل على برنامج رسم والا ترى باقله اطلع بره القاعة ..
http://www.almastar.f2s.com/2.gif

4- الادوات الأخرى والمساعدة والأزارير الأخرى وكلها مشروحة في الصورة ...
<embed width="300" height="400" src="http://www.almastar.f2s.com/flash.swf">

حاول تمرر الماوس على الصورة

====================== انتهى الدرس




الدرس الثاني :

طق طق طق طق ... هدوء هدوء ممكن نبدأ في الدرس التاني

فينك يا قاري الدرس اقرى يالله ...
الموضوع : الدرس الثاني من دروس الفلاش ..
بعد أن أخذنا المبادئ الأساسية في الفلاش نحاول أن نستكمل في هذا الدرس الأشياء الباقية ...
اوكيه يا قمر ايقيف عندك يا زول .. خليني أشرح ..
أخذنا معنى الليزر ( الطبقات ) وأيش الفائدة منها والفريمز ( عداد الصور المكون للمشهد ) وأخذنا أشكال القوائم الموجودة وأخذنا فكرة مبدأية عنها وعن عملها ...
راح نحاول نآخد مشروع صغير ، في كل درس من الدروس الجاية نحاول نطبقه وإن شاء الله في كل موضوع بيكون فيه فكرة جديدة ... أوكيه يا شباب ... اوكيه تمام عليكم صاحيين ..
كمل يا حبيبي ، طيب يا مستوري ...
سنأخذ اليوم مشروع حركة طبقتين في اتجاهين مختلفين ، طريقة رسمها وطريقة تحريكها وطريقة أخراجها كفاينل ( ملف نهائي ) كهيئة ( SWF ) شوك ويف فايل ..
ستوب يا قمر ..
نبدأ المشروع :
نروح كلنا على FILE وبعدها NEW أو CTRL+N بمعنى ملف علاقي جديد

بعد ما نعمل الملف نروح ننشيء الطبقة الأولى ونرسم فيها مربع ظغنطوط طبعا ما يبغالي أشرح كيف ترسم المربع كمان J ... حاولو وأنتو ترسمو المربع تشيلو التحديد الخارجي يعني يعني يكون بلا حدود أو تخلو الحدود نفس لون الجسم الي بترسموه J

بعد كده ننشيء طبقة جديدة ( موضح مكان انشاء الطبقة الجديدة ) .. ونرسم فيها دائرة ... لحد هنا تمام ...
أحد عنده استفسار ... أمممممممم ، تمام
لحد هنا عملنا طبقتين مربع ودائرة وكل واحد منهم في طبقة ( LAYER )
قبل ما نحركهم لازم نحول الرسمتين من نظام الفيكتور إلى الجرافيكس عشان نقدر نحركهم طبعا كيف ... الطريقة هيه انك تحدد على الرسم الي أنت عملتها فمثلا عندنا مربع نحدد عليه بالماوس وبعدها نروح لقائمة INSERT وبعدها CONVERT TO SYMBOLE تجينا الشاشة

نختار طبعا جرافيكس .. نعيد الموضوع نفسه في الرسمة الدائرية الي عملناها في الطبقة التانية .. ونحولها لجرافيكس برضه ..
تررررررررررررررررررررررررن Break .... أوكيه شباب خدو بريك نص ساعة روحو في الكازينوهات الي جنبنا شيشو والا ألعبو بلوت الين تنتهي الساعة وتعالو اوكيه ، أسكتو أمس رحت كازينو ابو خميس أنا وساس وشخاط أصحابي وفي طريقي مريت على قهوة الماسة وربي زحمة أيش العالم ما عندها اشغال وربي عالم عاطلة من جد ... مشو حالكم ... المهم البنات مساكين فين راح يرحو أقلكم خلوكم بالقاعة أحسنلكم ...
ترررررررررررن انتهى البريك ...
طق طق طق نكمل يا شباب الدرس ممكن بهدوء .. .
بسم الله ...
نجي دحين لعمل الأشياء المطلوبة لعمل الحركة اوكيه لاحظو فوق منطقة الطبقات فيه أرقام هذي الي قلنا عليها الفريمز (FRAME) نروح للنقطة رقم (10) ونحدد عليها في الطبقة الأولى ( الطبقة الي مرسوم فيها المربع ) .... ونضغط على زر F6 هذا الزر معناه أنه ينشيء لك نقطة مشابهة لنفس الرسمة الموجودة في النقطة السابقة لها مثلا عندنا في النقطة رقم ( 1 ) شكل مربع راح يعمل لنا نقطة مشابهة لها وينسخ لنا الرسمة المربعة ، نكرر نفس الموضوع في طبقة الدائرة ،

بعد ما عملنا نقطة حركة البداية والنهاية الي هما في الفريم 1 والفريم 10 ـ
نروح للطبقة الي فيها المربع ونحدد الفريم رقم 10 ونحرك المربع باي جهة نبغاها يعني ننشيء نهاية لحركة المربع ... لأنه البرنامج هو الي راح يعمل البينيات ..
برضه أعيد وأكرر نكرر نفس الكلام على الدائرة ليش لأنه التكرار يعلم مين .... ؟؟؟ الشطار .. نروح للطبقة الي فيها الدائرة ونحدد الفريم رقم 10 ونحرك الدائرة باي جهة نبغاها يعني ننشيء نهاية لحركة الدائرة ... لحد كده تمام ... باقي آخر نقطة وهو امر التحريك ... الأمر هو
Creat Motion Tween ، نجيبه عن طريق تحديد على أي نقطة بينية ونضغط بالزر اليمين للماوس وبتلاقيه أول أمر أو عن طريق قائمة insert وبعدها تلاقي Creat Motion Tween بس لازم تحط المؤشر تبع الماوس في نقطة بينية

طبعا بنطبق الأمر على الطبقتين تبع المربع والدائرة وراح يكون الشكل النهائي للفريمات كده :

عشان تشوف العرض تضغط الزرين Ctrl+Enter وهو يحفظه توماتيكي توماتيكي .
بكده نكون عملنا حركة مربع ودائرة ... ونقدر نطبقها على أي شكل آخر ...
طبعا اسم الملف الفاينل ( ملف العمل النهائي ) بيكون امتداده swf بتلاقيه بجانب الملف الأساسي الي أنت حفظته والي بيكون امتداده fla ودائما بيكون بنفس الأسم لكن يختلف في الامتداد ..


======================== انتهى الدرس


الدرس الثالث :

نجي لكيف نحرك نعمل الحركة البينية ، طبعا برضه أخدناه في الدرس التاني بس بأعيدها عشان محد يكون له حجة بعد كده نحدد على المنطقة بين الفريمين 1 و10 ونضغط بالزر اليمين ونختار Create motion Tween وبرضه نكرر نفس الحركة ديه بين الفريمين 10 و20 فيصير شكل الفريمز كده
http://www.almastar.8m.com/d39.gif

نتأكد من الحركة بالضغط على Ctrl+Enter
القسم التالت : التحويل من مربع إلى دائرة بحركة ناعمة وانسيابية هذي الفكرة حاجة جديدة خالص اسمها المورف ( Morph ) التحول من شكل لآخر
المهم نعمل لاير جديد ونسميه التحول ( طبعا خلاص الحاجات الي أخدناها ما راح ارجع اقولك كيف تعمل لاير جديد وتغير اسمه كل شوية ) .
نروح على الفريم الأول ونرسم مربع حاولو وانتو ترسمو المربع ما تخلو فيه حدود أو تكون الحدود بنفس لون المربع هذا في الفريم 1 للير الي اسمه التحول ( أنا قلت راح أقلكم أيش معنى Break apart هذا البريك أبارت عبارة عن تحويل الجرافيكس إلى نظام الفيكتور ( النقاط ) عشان تقدر تتحكم في نقاط المجسم وتحولاتها وراح تفهموها في النقطة القادمة راجع الدرس الأول – مميزات الفيكتور )
المهم بعد ما عملنا المربع نتأكد من أنه محول إلى نظام الفيكتور ( فاكرين اول عشان نحرك الجسم حولناه لجرافيكس راجع الدرس التاني هناك كنا بنتعامل مع الجسم كامل لكن هنا بنحوله لبريك ابارت عشان نتعامل معاه كنقاط تتحول من مربع لدائرة بطريقة انسيابية )
- ممكن استخدام أي شكل مو شرط مربع -
اوكيه طريقة تحويل الجسم لبريك ابارت هيه حدد على المربع وبعدها روح على Modify àBreakapart إذا لقيتوه مو نشط يعني جاهز على نظام النقاط البريك أبارت . كده انشأنا الفريم 1 نروح نحدد على الفريم 20ونضغط F6 عشان نعمل نقطة مشابهة للمربع في الفريم 20 ، بعد كده نحدد على الفريم 20 ونحدد على المربع فيها ونضغط Delete عشان يحذف المربع ، بعدها نرسم الدائرة ( لو حبيت بنفس المكان أو غير مكانها ) بنفس طريقة رسم المربع نتأكد من أنه معمول لها بريك أبارت .
أوكيه دحين نعمل الحركة الخاصة بالتحويل ، نحدد على الفريم الأول ونضغط الزر اليمين للماوس ونختار panels àFrame
http://www.almastar.8m.com/d310.gif
بيطلع لنا المربع التالي نختار shape
http://www.almastar.8m.com/d311.gif

فتصير الحركة بالطريقة ديه نختبر الحركة عن طريق
Ctrl+enter راح تشوفو انه المربع اتحول لدائرة وومكن أي شكل تاني ترسمه أو تعدل فيه
وصار الشكل النهائي هذا هو
<embed width="640" height="480" src="http://www.almastar.8m.com/DD3.swf">
خلفية حلوة وكتابة بتغير جميل وتحول حلو لمربع من دائرة .


========================== انتهى الدرس


:)

صدقني
30-03-2002, 04:34 PM
كلام حلو جدآ يا اخوي ابو عبد الرحمن
وجزاك الله خير عليه

بس يا اخوي المواقع الي انت حاطها ماتفتح
http://www.almastar.f2s.com/zoom.swf
حتى الشخط بعد فيه بلا

مُتيم
30-03-2002, 04:37 PM
يعطيك العافية اخوي ابو عبدالرحمن
مجهود تشكر عليه وننتظر المزيد
تحياتي لك:)

المجاهد
30-03-2002, 10:31 PM
جزاك الله خيراً على هالمجهود الطيب

ابوعبدالرحمن
30-03-2002, 10:49 PM
العفو يا اخوان
والمشكله انه بعض الشروحات
كانت على مواقع مستضافه من قبلf2s
والحين قفلت وراح الدروس
وان شاء الله القادم احلى