مقدمة تعريفية عن برنامج الفلاش ::

[color=#666666]

«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] السلام عليكم ورحمة الله وبركاتة ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

أهلا وسهلا فيكم أخواني ] المتدربين ]


سنتطرق في هذا الموضوع إلى شرح تعريفي للفلاش

من حيث المصطلحات المستخدمة فيه بشيء من التفصيل

ليكون مرجعكم الأساسي في الدورة

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

لان اغلب المصطلحات تحتاج الى تطبيق وممارسة حتى يتم فهمها

و الاهم هو تطبيق الدروس لانها افضل وسيله لتعلم الفلاش

وهذ الموضوع للقراءة فقط ^_^



][][§¤°^°¤§]0]فهرس المصطلحات ][§¤°^°¤§][]هد العمل أو ساحة العمل 0]Scene ]

خصائص العمل 0]Document Properties ]

الببلش 0]Puplish ]

استيراد 0]Import ]

تصدير 0]Export ]

------------------

شريط الوقت 0]Timeline ]

الفريم 0]Frame ]

الليبل 0]Label ]

اللير 0]Layer ]

------------------

السيمبل 0]Symbols ]

الموفي كليب 0]Move clip ]

الجرافيك 0]Graphic ]

الزر 0]Button ]

------------------

المكتبة 0]Library ]

الاكشن 0]Actions ]

الكومبنينت 0]Components ]

السورس ( الملفات المفتوحة ) 0]Flash Source ]



«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] يتبـــع ]«®°·.¸.•°°

][][§¤°^°¤§]0]Scene ][§¤°^°¤§][]r=#aa0000]Scene ] أو مايسمى ( بالمشهد )

هو بمثابة التصنيف داخل العمل الفلاشي وهو مفيد للأعمال الضخمة

حيث يمكننا من تقسم العمل إلى عدة أجزاء على حسب رغبتنا

مثلاً.. أريد أن اعمل واجهة فلاش مع عرض تقديمي لـ 0]W-ENTER ]

لتنظيم عملي سوف أنشئ ثلاث مشاهد

الأول 0]مشهد التحميل ] أغلب مشاهد التحميل تكون بمشهد مستقل

الثاني 0]العرض التقديمي ]

الثالث 0]واجهة الموقع ]

إذاً.. الـ 0]Scene ] فقط للتنظيم ومفيد للأعمال الضخمة


ويمكن التحكم بالمشاهد بالضغط على 0]Shift + F2 ]

أو من خلال الذهاب إلى 0]Window >> Design Panels >> Scene ]

سوف تظهر لك نافذة المشاهد



يمكنك أيضاَ إضافة مشهد بالذهاب إلى 0]Insert >> Scene ]

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

ويمكن تغيير اسم المشهد بالضغط على الاسم مرتين



0]:: التنقل بين المشاهد :: ]

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



أما عند العرض

يمكن الإنتقال بين مشهد وأخر بعدة طرق

الأول .. 0]تلقائي ]

وذلك عند انتهاء طول المشهد ينتقل الفلاش بشكل تلقائي للمشهد الذي بعده


الثاني .. 0]بواسطه أمر ]

نضع هذا الكود في المكان الذي اذا وصل اليه العرض ينتقل إلى المشهد الذي نريد



يمثل الرقم 0]1 ] النقطة أو الـ 0]Frame ] الذي في المشهد

نستطيع ان نترجم الكود كالتالي

0]اذهب إلى الفريم رقم ( 1 ) في المشهد ( واجهة الموقع ) ]


الثالث .. 0]بواسطة زر ]

حيث نضع هذا الكود للزر



نستطيع ان نترجم الكود كالتالي

0]عند الضغط على الزر ثم ترك الضغط اذهب إلى الفريم رقم ( 1 ) في المشهد ( واجهة الموقع ) ]



أن شاء الله بس ما سديت نفسكم من بدري

عموما بدري على على فهم هذه الامور الآن , هذا مجرد شرح سريع فقط

ولكن من خلال الدورة راح تتعلمون عليها بإذن الله



«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] يتبــــــع ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

][][§¤°^°¤§]0]Document Properties ][§¤°^°¤§][][

خصائص العمل ومن خلاله يمكن ان نتحكم بعدة أمور



الأول.. مقاس العمل 0]Dimensions ]

الثاني.. لون خلفية العمل 0]Background color ]

الثالث.. سرعة العمل 0]Frame rate ]

الرابع.. وحدة قياس المسطرة 0]Ruler Units ]


حسناَ جميع الأمور في خصائص العمل تقريباً واضحة

ولكن سنسلط الضوء على الأمرالثالث.. سرعة العمل 0]Frame rate ]

نلاحظ أن القيمة الإفتراضية 0]12 ] ولكن أنا لا أنصح بهذه السرعة لانها بطيئة جدا

وستلاحظ ذلك في عملك , وحسب تجربتي فأنا أفضّل السرعة 0]30 ]

والان اضرب لكم مثال لكي تلاحظوا الفرق



السرعة هنا 0]12 ]

------



السرعة هنا 0]30 ]



ستلاحظون ان عند السرعة 0]30 ] ناعمة جدا بعكس السرعة 0]12 ]



ملاحظة مهمة:

يجب أن يكون تحديد السرعة قبل البدء بالعمل لكي يتناسب مع سرعة عملك

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



يعني بالعامية اللي عندهم أعمال بالفلاش وكانوا محددين السرعة 0]12 ]

لا يعدلونها خلاص لانه ماينفع راح تلخبط الدنيا عندهم


طبعا أقصى حد للسرعة هو 0]120 ] ولكن لن ينفع على الانترنت

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

الى الانترنت نعومة الحركة لن تختلف كثيرا عن السرعة 0]30 ]


«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] يتبـــع ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

[color=#666666]

«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] بسم الله الرحمن الرحيم ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

][][§¤°^°¤§]0]Puplish ][§¤°^°¤§][]ل العمل إلى عدة صيغ

الذي يهمنا هنا هما صيغتين فقط من أصل ثمانية صيغ

الـ ] SWF ] و الـ ] EXE ]

سنشرح النوعين بالتفصيل

لكن قبل الذهاب الى ] Puplish ]

نقوم أولا بحفظ العمل من ] File >> Save As ]

وسيكون الملف بصيغة ] Fla ] وهو ملف العمل

وهذه أيقونتة


] Fla ]


الآن نذهب إلى ] File >> Puplish Settings ]


ستظهر لك نافذة الاعدادات وهذا شرح لها بالفلاش

مرر مؤشر الماوس فوق المستطيلات الحمراء لعرض الشرح

أيضا لا تنسى أن تضغط على علامة التبويب Flash و Formats




ستلاحظ أن الأسم الافتراضي هو ] W-ENTER ] وهو نفس اسم الملف

الذي حفظت فيه العمل من ] File >> Save As ]

وعند الضغط على ] Puplish ] سيتم استخراج ملفات الصيغ بجانب ملف العمل

وهذه أيقوناتها


0]swf ]


] exe ]


بالنسبه لـ ] ActionScript Version ]

ضعوها على ] ActionScript 1.0 ] لان اغلب الاكواد راح تشتغل على هذا الاصدار


«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] يتبـــع ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

][][§¤°^°¤§]0]Move clip ][§¤°^°¤§][]r=#aa0000]Move clip ] وتعرف كما ذكرنا سابقاً ( بقصاصة الفيلم )

وهي عبارة عن مشهد مصغر له شريط زمني خاص فيه

حيث أنك تستطيع أن تعمل عمل فلاشي اخر داخل الموفي كليب ثم تستدعيه إلى المشهد الرئيسي

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

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

على حسب الشريط الزمني الخاص به , لذلك حتى لو توقف الشريط الزمني الرئيسي فإن الموفي كليب يستمر بالعمل

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

كل ماعلينا هوا عمله داخل موفي كليب ونضيفه للمشهد الرئيسي

كما يمكننا أيضاَ أن نضع موفي كليب داخل موفي كليب اخر

وستتضح لكم الصورة أكثر إن شاء الله من خلال التطبيقات

«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»] يتبــــــع ]«®°·.¸.•°°·.¸¸.•°°·.¸.•°®»

بالرغم من صعوبة استخدام برنامج الفلاش في عمل لوحات فلاشية

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

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

يتطلب تكرار مستمر كسقوط حبيبات الثلج فليس من المعقول تحريك

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

هذا مثال بسيط جداً لتوضيح الصورة لك .. فكثير من التطبيقات والاعمال

الفلاشية تحتاج الى .. جهد .. والكثير من الوقت ... لذلك منح هذا االبرنامج

لمستخدميه مجموعه من الأوامر والأكشن التي تسهل للمتعلم ..

ولفتح هذه النافذة من القائمة الرئيسية

window < development panels < actions

او الضغط من لوحة المفاتيح على F9

ويظهر لك بوكس كما في الشكل

لقد تم تصغير الصوره بواسطة المنتدى .. لرؤية الصوره بحجمها الطبيعى , اضغط على الشريط .. المقاس الاصلى للصوره 700x184 وحجمها 19KB.

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

+: يتبــــــع :+

من الأمور التي تسهل على المصمم العمل حيث يستخدم المكتبات لحفظ واستخدام الوسائط

وكذلك استخدام القوالب المصصمة مسبقا والتعامل معها .. ومع العلم ان استخدام الرموز يقلل

من حجم الملف لأن الفلاش لا يأخذ بعين الاعتبار عدد النسخ التي يتم توليدها من الرمز ..


اولاً : نافذة المكتبة F11 او من قائمة Window



فضل دائماً إنشاء الرمز من خلال المكتبة من زر Options نختار الأمر New Symbol

وذلك من أجل تحرير الرمز في ساحة مستقلة عن ساحة المشهد

و للانتقال إلى المشهد نضغط على Scene ولا يمكن إضافة أي رسمة مستوردة

أو منشأة ضمن فلاش إلى المكتبة إلا عن طريق الأمر Convert to Symbol من القائمة Insert

ولاستخدام عنصر موجود في المكتبه ونريد وضعه ضمن الفيلم نختار أمر المكتبة Library من

قائمة أمر النافذة window ثم نسحب العنصر المطلوب من المكتبة إلى نافذة الرسم.

وكافة الرموز المأخوذة من المكتبة لا يمكن تعديلها إلا عن طريقين:

1. كسر عناصر الرمز من خلال الأمر Break Apart من قائمة Modify أو الزر Ctrl+B

2. تعديل الرمز الرئيسي من نافذة المكتبة بالنقر المزدوج عليه مع ملاحظة أنه عند تغيير الرمز الرئيسي

من المكتبة سوف يؤدي هذا إلى تعديل كافة النسخ المأخوذة لذلك الرمز



:+تحديث العناصر المستوردة ضمن المكتبة +:

1. اختر الملف المستورد ضمن المكتبة .
2. اختر أمر تحديث update من قائمة options .
3. يظهر مربع التحديث update media انقر على زر التحديث update .

:+المكتبة المشتركة في فلاش +:MX

يتضمن فلاش MX مجموعة كبيرة من الرسوم واللقطات والأزرار الجاهزة والفنية والأصوات ويمكن استعراض تلك الرسوم من خلال الأمر Common Libraries من قائمة Window كما في الشكل



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

ـ إنشاء مكتبة خاصة أو جعل مكتبة المشروع مكتبة مشتركة لاستخدامها في مشاريع أخرى من خلال:

1. قم بإنشاء أو استيراد العناصر التي تريد وضعها في المكتبة الخاصة .

2. اختر أمر save من قائمة file يظهر مربع حوار حفظ الملفات باسم save as .

3. ابحث عن مجلدات المكتبة libraries وهو المجلد الموجود ضمن المجلد الأساسي.

4. اكتب اسماً للمكتبة ثم انقر save حيث يتم حفظ المكتبة ضمن القائمة الفرعية Common Libraries من قائمة Window .

ـ لمعاينة اللقطة السينمائية المنشأة ضمن المكتبة والمنسوخة لنافذة الرسم من خلال الأمر Test Movie من قائمة Control.



+: يتبــــــع :+

ان مايميز برنامج flash MX بشكل عام عن غيره من الاصدارت السابقه لبرنامج الفلاش

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

ويمكن فتج لوحة Components

اختر window > development panels > Components

وسوف تظهر لك النافذه كما بالشكل التالي :



وحيث Components هي عبارة عن برامج مصغرة من تصميم المحترفين

تقوم بحركات ووظائق معينة مثل الفلاتر في الفوتوشوب

ومثل تساقط الثلوج كما سيمر علينا في الدروس ..

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

+: يتبع :+

عندما يقوم المحترف بشرح مبسط لدرس ما وادراج تطبيق احترافي

لهذا الدرس .. وتقوم أنت كمبتدئ بتتبع الخطوات .. خطوة بخطوة

لعمل هذا الدرس .. ولكن .. عندما تنتهي وتريد رؤية عملك

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

وهذا لايعني انك مصمم فاشــــل ؟!

او لايمكنك الوصول الى مستوى المحترفين !!

ولربما تكون انت كمبتدئ لديك.. فكرة .. ومفهوم .. وتصور.. اكبر بكثير من المحترف

+::لذلك ::+

الاستمراية في العمل ..

والعزم للوصول الى الهدف المطلوب ..

يتيح لك الصعود الى سلالم المحترفين ..

دعنا نرجع الى تطبيق المحترف ..ونتسأل كمبتدئين !!

" يا ساتر ايش الخطوة اللي سيبتها عشان يكون تطبيقي كدا "

والحل هنا بيد المحترف .. حيث يمنح المبتدئين وجميع من أرادو الوصول

الى قمة الاحتراف .. كتاب مفتوح لجميع الخطوات التي تم ادراجها في عمل التطبيق

وكذلك الحركات والمهارات الخاصه التي تكون مصممه من قبل المحترفين

والتي لا يمكن لمبتديء ان يصنع مثلها

لذلك يتسابق المحترفون والمبرمجون على عمل حركات خاصه بهم

وهو الملف المفتوح لهذا التطبيق الاحترافي

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

وتتحرك الأدوات لكي توضح لك ماهو الفـــرق ؟!

فالمحترف بوضعه للملف المفتوح .. يتيح لك الفرصة لمعرفة الفرق !!

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

فتتقدم خطوة الى الأمام ..

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

وبعدما تدرك ذلك المفهوم !!

تتحول جميع هذة الملفات المفتوحة الى فائدة واستغلال

بحيث تقوم بتنزيلها .. فتحها .. تغيرها بالشكل المطلوب

+: باسمه تعالى :+

:+ الأزرار ... Button +:

جميلا جداُ أن يكون العمل الفلاشي تحت سيطرة المشاهد

عندما... يتوقف .. يستمر الى الأمام .. ويتراجع الى الخلف ...

فهو بذلك الوحيد القادر على التحكم في العرض للفلاشي

وهذا لا يتم الا بادراج ازرار خاصه للتنقل من شريحة الى شريحة اخرى

سنبدأ الآن بإعداد الزر وهو ما يمثل المرحلة الأولى. من القائمة الرئيسية

إختر Insert > New Symbol

تحصل على مربع حوار . أكتب إسما للزر ثم إختر Button وإضغط Ok.

كما بالشكل التالي



وبعد الضغط على ok ننتقل مباشرة الى ساحة عمل جديده

خاصه لخصائص الزر المراد عمله كما بالشكل التالي



Up: هذا الجزء يمثل الشكل الخارجي للزر كما تراه على الشاشة لأول مرة.

Over: يمثل هذا الجزء هيئة الزر عند ملامسة الماوس له.

Down: الشكل الذي يظهر عليه الزر عندما تنقر عليه بالماوس.

Hit: في هذا الجزء نقوم برسم المساحة التي اذا مره عليها الماوس يتم تشغيل الزر