تعلم الفلاش مع الخبير ..

[الخبير]

<div align="center">بسم الله الرحمن الرحيم</div>

<div align="center">السلام عليكم ورحمة الله وبركاته،،

ما هو الجديد في فلاش MX

سنبدأ معكم بعونه تعالى السلسلة التعليمية الجديدة من Flash MX راجين من الله التوفيق ....

حيث قامت شركة Macromedia بطرح الإصدار الأخير من Flash تحت مسمى Flash MX. وقالت شركة Macromedia أن هذه الإصدارة مختلفة عن الإصدارات السابقة من حيث التعامل وأنها ستكون ثورة جديدة لعمل الوسائط المتعددة على الويب. وهذه الدرس عبارة عن لمحة سريعة عن الجديد في هذه الإصدار الرائع الظاهرة واجهته أمامكم بالشكل رقم (1) .


[Only registered and activated users can see links]

الشكل رقم (1)

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

ولم تكن النقلة كبيرة بين Flash MX و Flash5 كما حدث في النقلة الكبيرة بين الإصدار الرابع والخامس. لكن التركيز كان على النوافذ. حيث أصبح الآن بإمكانك وضع النوافذ الخاصة بالألوان والأكشن سكريبت وغيرها في أطراف الشاشة بحيث يمكنك أيضاً إظهارها وإخفاؤها بسهولة.
هذا وقد تم دمج الكثير من النوافذ مثل الخطوط والنصوص كانت في Flash5 على 3 نوافذ. الآن مع الإصدارة الجديدة أصبحت في نافذة واحدة .

من أهم التغييرات التي حدثت في Flash MX هي :

1- تم دعم الفيديو مثل AVI, MPG, Mov بحيث يمكنك إدراجها في عرضك والتحكم بها. مما يؤدي لأن تكون هذه الإصدارة بمثابة محرر فيديو .
2- تم دعم إيصال ملفات الصور والصوت وأصبح الآن بإمكانك طلب صور وملفات صوت خارجياً دون إدراجها في عرض الفلاش .
3- مجلدات في الطبقات. وهذه أحد الخواص التي كنت أتمناها فعلاً. أصبح بإمكانك الآن تكسير أي عنصر Symbol مكون من عدة عناصر بحيث تكون المحتويات على طبقات. أي يمكنك التحكم بالشكل المكون من أشكال بوضعه داخل مجلد ولن تحتاج لتحريك كل عنصر على حدة .
4- إمكانية حفظ الملف لإصدارة Flash5 وهذه أيضاً ميزة مهمة لمحترفي الإصدارة السابقة. فالآن أقوم بعمل ما لا يستطيع عمله Flash5 في Flash MX ثم أحفظ الملف المصدري FLA على Flash5 ثم أكمل عملي .
5- تم تحسين وضع الألوان لتصبح أكثر دقة من السابق .

6- تم تحسين التحرير فيما يخص أماكن الأشكال والرموز بحيث يتم ظهور نقطة تحرير عند تكبير العرض لإعطائك دقة أكبر في تحديد الإحداثيات للشكل وقد كنا في السابق نعاني من ذلك .
7- ميزة ((مفتش الخاصية)) حيث تم دمج الألواح فيه وبالتالي عند اختيار أي رمز يقوم فلاش ماكس بالبحث عن الخصائص والمؤثرات الممكنة لذلك الرمز ويتم عرضها بلوح واحد يتوضع أسفل النافذة أو على القسم اليميني من النافذة .

8- تم إضافة عناصر جديدة بلوح يسمىComponents وهي العناصر الأكثر استخداماً في نظام ((التربيط التبادلي)) .

طبعاً هناك المزيد من المزايا ستجدها من خلال تعاملك مع هذه الدروس .... أنت جاهز .... هيا بنا ....


سبدأ الدروس المنقوله من الرد القادم ..،</div>

[الخبير]

<div align="center">قبل الدروس

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

ستتعرف في هذا الدرس على معظم الأدوات المستخدمة في برنامج فلاش MX .

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

[Only registered and activated users can see links]

الشكل ( 1 )

لوحة التحكم بألوان العمل أو بألوان الأشكال أو الكتابات وهي مقسمة إلى قسمين , القسم الأول لاختيار لون خط الرسم الثاني لاختيار لون الشكل أو التحكم في إظهار اللون من عدم إظهاره وغيرها ..... الشكل رقم ( 2 ) .

[Only registered and activated users can see links]

الشكل ( 2 )

نافذة الطبقات وهي مهمة جدا ففيها يتم وضع الكائنات في طبقات محددة يتم التحكم بتغيير أسمها بالضغط نقرتين على نفس الطبقة وترتيبها وكذلك إخفائها أو حمايتها من التعديل أو حذفها ..... الشكل ( 3 ) .

[Only registered and activated users can see links]

الشكل ( 3 )

شريط الإطارات و الزمن مقسم إلى إطارات , افتراضياً كل 12 إطار يمثل ثانية واحدة , يتم من خلاله تنسيق حركة الإطارات وتنظيم فيلم الفلاش ... الشكل ( 4 ) .

[Only registered and activated users can see links]

الشكل ( 4 )

لوح Components وهي تحوي العناصر الأكثر استخداماً في نظام ((التربيط التبادلي)) , الشكل ( 5 ) .


[Only registered and activated users can see links]

لوحة الخصائص وهي التي تتحكم بمعظم خصائص ملف فلاش والأشكال الموجودة ضمنه وستتعرف عليها خلال الدروس القادمة , الشكل ( 6 ) .

[Only registered and activated users can see links]

الشكل ( 6 )

لوحة الأحداث أو الأكشن وهي تستخدم من أجل إضافة الأوامر البرمجية لفيلم الفلاش , الشكل ( 7 ) .

[Only registered and activated users can see links]

الشكل ( 7 )

كان هذا شرح مبسط لمعظم ألواح الأدوات الموجودة ضمن البرنامج وقريباً إنشاء الله ومع الدروس القادمة ستجد أنه من السهل جداً التعامل مع هذه الأدوات .</div>



<div align="center">يتبع الموضوع ....،</div>

[الخبير]

<div align="center">الكتابة باللغة العربية
من أهم مواضع القصور في برنامج فلاش للمستخدم العربي عدم دعمه للغة العربية , بالتالي لا يمكن الاعتماد عليه وحده لتطبيق أدواته على نصوص باللغة العربية. إلا انه بالإمكان تجاوز هذا القصور عن طريق استخدام برنامج Corel Draw الذي يدعم اللغة العربية لإعداد النص المطلوب ومن ثم تصديره بصيغة ملف Adobe Illustrator إلى برنامج فلاش أو عن طريق برنامج الرسام العربي .

برنامج Corel Draw :

1 - شغل برنامج الكوريل ثم استخدم أداة النص لكتابة العبارة المطلوبة يمكنك أيضا اختيار حجم الخط ولونه واسمه حسب الرغبة .

2 - الآن سنستخدم أداة خاصة في Corel Draw لتحويل النص إلى انحناءات , بعد تظليل العبارة التي كتبتها أختر Arrange>Convert To Curves من القائمة الرئيسية , ستلاحظ أن تحويل النص إلى انحناءات قد قسم وباعد بين الحروف ، لا تهتم لذلك سنصلح هذا الخلل ضمن فلاش .

3 - بعد ذلك من القائمة الرئيسية أختر File>Export لتصدير النص ومن ثم ستحصل على مربع حواري يطلب منك تسمية الملف المراد تصديره واختيار نوعية التصدير , أكتب اسما للملف ثم اختر Adobe Illustrator AI من القائمة المنسدلة ثم اضغط Export ثم OK , هذا كل ما عليك فعله في الكوريل ...

4 - اذهب الآن إلى برنامج فلاش وقم باستيراد النص الذي أعددناه في الخطوات السابقة من القائمة الرئيسية لبرنامج فلاش اختر File>Import ثم حدد الملف الذي حفظته .

5 - لاحظ أن النص يظهر مقطع من أجل تصليح هذا الأمر من القائمة الرئيسية أختر Modify>Break Apart , اضغط مفتاح Shift في لوحة المفاتيح ثم استخدم الزر الأيسر للماوس وانقر مرة واحدة على أي حرف ثم استخدم السهم الأيمن في لوحة المفاتيح وقم بإزاحة بقية النص إلى الجهة اليمنى حتى تلتصق الحروف مع هذا الحرف , كرر نفس الطريقة مع بقية الأجزاء المقسمة الأخرى حتى تحصل على نص متكامل بنوعية جيدة .

يمكنك الآن تغير لون الخط ومقياسه حسب الرغبة , فقط اضغط Ctrl+A في لوحة المفاتيح ثم استخدام أداة التلوين لتغير لون الخط وأداة القياس لتحديد المقياس .

برنامج الرسام العربي :

1 - اكتب النص الذي تريد في واجهة برنامج الرسام العربي الرئيسية .

2 - من القائمة الرئيسية للبرنامج اختر Edit>Minimize & Copy سيحفظ جهاز الكمبيوتر نسخة من النص الذي كتبته في الخطوة الأولى ضمن الذاكرة .

3 - عد الآن إلى برنامج فلاش استخدم أداة النص وانقر بها في المكان الذي ترغب في إضافة النص , الآن استخدم لوحة المفاتيح واضغط على Ctrl+V لإلصاق النص المحفوظ في الذاكرة , وطالما إن برنامج فلاش لا يدعم اللغة العربية فستلاحظ ظهور النص على شكل رموز غير مقروءة .

4 - من لوح الخصائص اختر القائمة المنسدلة التي تحتوي على قائمة بالخطوط أو الفونتات الموجودة في جهازك , ستجد مجموعة من الخطوط تبدأ بالأحرف AXt الإنجليزية . هذه هي الخطوط الخاصة ببرنامج الرسام العربي أختر الخط الذي تريد ولاحظ بأنك حصلت على النص العربي المقروء , طبق الآن ما تريده من حجم الخط ولونه وذلك من خلال لوح الخصائص الشكل ( 1 ) .

[Only registered and activated users can see links]

الشكل ( 1 )

5 - سنقوم الآن بتحسين جودة النص . من القائمة الرئيسية لبرنامج فلاش اختر View>Antialias Text.

وبذلك تكون قد عرفت كيف تكتب بـاللغة العربية في برنامج فلاش .</div>

[الخبير]

<div align="center">إنشاء الحركة في فلاش MX

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

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

من القائمة الرئيسية اختر Modify > Document أو اضغط على Ctrl + M يظهر لك مربع حوار Document Properties ومن ثم تقوم بتخصيص الفيلم كما تشاء , الشكل ( أ ) .
[Only registered and activated users can see links]



ولا- طريقة الحركة البينية للأطر :

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

1. اختر أداة الدائرة [Only registered and activated users can see links] من شريط الأدوات ثم بعد تحديد لون التعبئة والخط الخارجي نقوم برسم الدائرة في الجانب الأيسر من المشهد, لاحظ أنك حصلت على دائرة سوداء في شريط الزمن عند الإطار رقم1 .

2. قم بالنقر المزدوج على الدائرة من أجل تحديد لون التعبئة والخط الخارجي ثم نحولها إلى رمز من خلال الأمر Convert to Symbol من قائمة Insert أو من خلال الضغط على زر F8 فيظهر مربع الحوار الشكل(1) نحدد الخيار Graphic ثم نضغط OK .


[Only registered and activated users can see links]

الشكل (1)

بعد الشكل إلى رمز يقوم فلاش بحفظ الرسم في المكتبة الخاصة للمشروع يمكن رؤية ذلك من خلال الأمر Library من قائمة Window ((سنقوم بشرح التعامل مع المكتبات في الدروس القادمة)) .

3. الآن باستخدام الماوس نقوم بتحديد الإطار 20 من شريط الزمن لنفس الطبقة بالزر الأيمن وتختار من القائمة السريعة الأمر Insert Keyframe أو نضغط الزرF6 حيث سيصبح شريط الزمن هكذا [Only registered and activated users can see links]تقوم بتحريك الدائرة في مربع الرسم إلى الجهة المقابلة باستخدام الماوس .

4. والآن سوف نقوم بإضافة الحركة إلى الفيلم وذلك باستخدام الماوس بالزر الأيمن نحدد الإطار الأول في شريط الزمن ونختار من القائمة السريعة الأمر Create Motion Tween فيصبح شريط الزمن على شكل سهم له خلفية زرقاء باهته [Only registered and activated users can see links] مع العلم أنه لا تعمل الحركة البينية إلا مع الرموز أو الكائنات المجمعة .

5. الآن نقوم باختبار ما قمنا به من خلال الظغط على زري Ctrl+Enter يجب أن تكون الحركة

[Only registered and activated users can see links]


الشكل (3)

يبين الشكل رقم (3) خيارات الحركة البينية حيث يمكن تحديد معدل الدوران حسب اتجاه عقارب الساعة أو بالعكس أيضا يمكن إلغاء الحركة البينية ويمكن أيضا تحديد خيارات السهول لسرعة الانطلاق أو سرعة الوصول .

ثانياً- طريقة الإطار تلو الإطار:

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

على فرض أننا سنقوم بإنشاء ملعب لكرة السلة وفكرة المثال هي انطلاق الكرة ودخولها في الدائرة



واسأكمل الدروس في وقت لاحق

منتظر ردودكم </div>

[koao]

خبير يالخبير........... شغل خبير ......... الله يعطيك العافيه ... وننتظر المزيد ....... :bigthumup:

[فهودي]

هلا بالخبير :)

مشكور على النقل :) .... واتمنى الاعضاء يستفيدون :)

وتراني عدلت التنسيق :D

تحياااتي :)

[الخبير]

<div align="center">koao
مشكور على مرورك اخوي ونورت الموضوع

فهودي

شكرا على ردك وتنسيقك:D وباقي دروس راح اكملها بعد ساعه يمكن


تحياتي لكم /الخبير</div>

[الخبير]

مرحبا (باااك)

نكمل الدروس

هذا درس بالفلاش بعنوان الشعله

[Only registered and activated users can see links]

[الطائف]

<div align="center">الله يعطيك الف عافية و ياخبير وتسلم على النقل وانشاء الله موضوعك هذا يبغاله متابعة وتسلم</div>

[سـ2004ــواح]

يعطيك العافية وماقصرت على النقل الحلو هذا :HiBye:

أرجو أن تقرأ رسالتي لك على الخاص لو تكرمت وترد عليه من فضلك. :)


ودمتم سالمين.................................. ............. أخوكم/ ســـ2004ـــواح

[سـ2004ــواح]

يعطيك العافية وماقصرت على النقل الحلو هذا :HiBye:

أرجو أن تقرأ رسالتي لك على الخاص لو تكرمت وترد عليه من فضلك. :)


ودمتم سالمين.................................. ............. أخوكم/ ســـ2004ـــواح

[سـ2004ــواح]

للأسف لم استطع مراسلتك على الخاص :unsure:

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

يعني كيف أخذ جزء من واجهة البرنامج وانزلها مع الشرح فقرة فقرة

ولك مني خالص الشكر والتقدير

ودمتم سالمين.................................. .........................أخوك/ ســــ2004ــــواح

[abunada44]

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

[10_AdRiAnO]

مشكوور والله يعطيك العافية

[asd99]

مرحبا (باااك)

نكمل الدروس

هذا درس بالفلاش بعنوان الشعله

[Only registered and activated users can see links]

مشكور على مجهودك يالخبير بس الرابط مايشتغل معي .

[الجربوعي]

يعطيك العافيه

[spaik]

مشكوور اخوي علي الدروس المفيده و المهمة
:( بس انا البرنامج الزحيد اللي ما بعرف استخدمه او حتي اتعلمه هو flash mx :(
و بارك الله فيك و الي الامام

[the.falcon.blac]

مشكوووور انت مو بس خبير الا اسطورة
تسلم علىالدرس

[طماااااش]

اخوي الخبيررررررررر تسلم الله يبارك فيك بصراحة كل مواضيع حلوووه ومفيده يعطيك الف عافيه

[M7mad-3jail]

الله يعطيك العافية
ناطرين من الشباب الخبراء متلك دائماً هيدي الورود التي تعبق بعبيرها في سماء العرب المعطائين
بارك الله فيكم جميعا
لي طلب صغير لو ممكن ملفات pdf عن فلاش و أنا لكم من الشاكرين