دورة متكاملة عن الفلاش ..حصرية على عطر البنفسج

خطوات يجب اتباعها عند اتخاذ قرار

قم بتحليل الموقف

ما هي الظروف المحيطة بالموضوع الذي تريد اتخاذ قرار بشأنه ؟ ما هي الظروف المواتية ؟ وما هي الظروف المعاكسة ؟ وما هي الظروف التي لم تتضح بعد ؟ ما هي بالضبط الأسباب التي …

وضعت هذه الدورة في أحدى المنتديات

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

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

حقيقة تعبت في اعدادها لكـــــــــــــــــن المنتدى يستحق منا أكثر من ذلك .. وماأريده منكم هو دعاء
صادق بأن يوفقني الله ويحقق لي ماأتمناه ..

تعريف الفلاش Flash

هو برنامج رسومي يستخدم في إنتاج الرسوم المتحركة التي تعرض على النت . ويعتمد على الأشكال المتجهة vector

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

ويستخدم برنامج الفلاش في:

تصميم الصور والكتابات المتحركة .
لتصميم الأزرار .
إضافة الأصوات sound .

!I! واجهــــــــــــــة البرنامج !I!

يتكون إطار البرنامج من :

أولاً ..شريط العنوان العلوي Title bar

والذي يتضمن اسم البرنامج واسم الملف الحالي

ثانياً ..القوائم المنسدلة Pull down Menus

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

وشريط القوائم المنسدلة يحتوي ..

القائمة File

تحتوي على الأوامر الخاصة بالتعامل مع ملفات البرنامج مثل أوامر الفتح والحفظ والاستيراد .

القائمة Edit

وتحتوي على أمر التراجع وأوامر النسخ واللصق

القائمة View

تحتوي على الأوامر المستخدمة في التنقل بين الكادرات الموجودة بالملف وخيارات التحكم في مجال
الرؤية وإظهار تعديل وإظهار تعديل خواص الشبكة Grid والخطوط المساعدة Guides والمساطر.
وباستخدام الأمر Hide Edges يمكن إلغاء تمييز العناصر المختارة مما يساعد على رؤية شكل
العناصر في شكلها النهائي .
وكذلك تحتوي على إظهار وإخفاء نافذة الشريط الزمني .

القائمة Insert

وتستخدم لإضافة أو حذف مفاتيح الحركة Key frames ومفاتيح الحركة الخالية Key frames Blank الخاصة بالفيلم .
وكذلك إضافة الكادرات وإخفائها ومنها يمكن إضافة رمز Symbol كما يمكن تحويل العناصر على رموز

القائمة Modify

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

القائمة Text

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

القائمة Control

تحتوي على الأوامر الخاصة بالفيلم

القائمة Window

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

القائمة Help

تحتوي على الأوامر المستخدمة للوصول إلى التعليمات المساعد وبعض الدروس التعليمية للبرنامج .

ثالثاً .. شريط الزمن أو خط الوقت :

الذي يتحرك عليه العمل Time line وتستخدم نافذة الشريط للتحكم في كيفية ظهور العناصر وفترة بقائها باستخدام الكادرات والطبقات ..
الكادرات Frames تمكننا من تحديد التوقيت المناسب لظهور العناصر في ملف العمل
الطبقات Layers توفر لنا طريقة ظهور العناصر فوق بعضها البعض .

رابعاً .. نافذة العمل Stage

وهي المنطقة البيضاء التي يعرض فيها أثناء عرض الفيلم .

خامساً : شريط الأدوات Tool bars:

ويحتوي على أشرطة أدوات تمكنك من العمل مع عناصر البرنامج .. ويحتوي على صندوق الأدوات Tool box

صندوق الأدوات Toolbox

ويحتوي على العديد من الأدوات التي نستخدمها لإنشاء رسوم وتلوين عناصر الأشكال والكتابات داخل البرنامج .
بالإضافة إلى الأدوات يوجد ما يسمى بلوحات المتغيرات Floating panels وهي تمكن من تعديل الخواص المختلفة من للعناصر المرسومة بالأدوات بعد تحديدها وإضافة أوامر التحكم Actions

1/ أداة السهم Arrow tool

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

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

رقم 1
لعمل انحناءات حادة

رقم 2
لزيادة الانحناءات

2/ أداة السهم Sub selection

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

3 / أداة Line

لرسم خطوط مستقيمة .

4/ أداة التحديد Lasso

للتحديد على العناصر الموجودة ونستفيد منها في عمليات المسح والتعبئة .

5/ أداة Pen

لرسم مسارات دقيقة أو خطوط مستقيمة ملساء ومنحنيات .

6 / أداة النص Text

هذه الأداة للكتابة .. وسيظهر خيارات الكتابة واختيار الخطوط والألوان ..

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

7/ أداة Oval

لرسم شكل بيضاوي

8 / أداة Rectangle

لرسم شكل مستطيل

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

9/ أداة Pencil

لرسم خطوط وأشكال حرة كما لو كنا نستخدم قلم رصاص

عند الاختيار على هذه الأداة سيظهر لنا الخيارات التالية

10/ أداة الفرشاة Brush tool

ترسم ملمس الفرشاة كما لو كنا نلون وتتيح عمل تأثيرات خاصة .

11/ أداة الإطار Free transform

تعمل هذه الأداة على تحديد كل من الحدود أو التعبئة مما يسمح لنا بتغير حجمه بشكل منتظم على جميع الشكل .

12/ أداة التحويل Fill trance from

لضبط تعبئة بالتدرج أو الصورة باستخدام سطل التلوين .

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

13/ أداة دواية الحبر In Bottle

لتغير لون الحدود ويمكننا تطبيق الألوان الصلبة فقط فيها .. دون استخدام التدرج أو الصورة

14/ أداة سطل التلوين Paint bucket tool

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

15/ أداة القطارة Eyedropper

لنسخ تعبئة وصفات الحدود من أحد العناصر لتطبيقها على عنصر آخر .

16/ أداة المسح Eraser tool

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

استخدام الطبقــــــــــــــــــــــــــــات Layers

لصناعة طبقة

من قائمة Insert نختار أمر Layer

عند عمل طبقة جديدة فإنها تظهر فوق الطبقة المحددة والطبقة الجديدة تصبح هي الطبقة النشطة active

عرض الطبقــــــــــــات

أثناء العمل يمكننا إظهار الطبقات Show أو إخفائها Hide علامة اكس الحمراء أمامها توضح أنها مختفية .

يمكننا عرض محتويات الطبقة كخطوط حدود outline

أيضاً يمكننا تغير ارتفاع الطبقات في نافذة التحكم الزمني Time line لعرض المزيد من المعلومات

كما يمكننا تغير ترتيب الطبقات بأن نسحبها داخل التحكم الزمني .

لتحديد أكثر من طبقة وكانت الطبقات غير متلاصقة نضغط مفتاح Control أثناء اختيار الطبقة
أما إذا كانت الطبقات متلاصقة فنضغط Shift

لتغير اسم الطبقة ننقر على الطبقة نقر مزدوج ثم ندخل الاسم الجديد

استخدام طبقات القناع mask layer
الموضوع الأصلى من هنا: صمت الكلام [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

هذه الطبقات تعمل فجوة يمكن من خلالها رؤية محتويات الطبقات السفلية كما هو واضح في هذا المثال

طريقة عمل هذا النوع

1.نضع في الطبقة الأولى المحتويات التي أريد رؤيتها من خلال الفجوات
نضع هنا تطبيقاً لمثالنا التوضيحي صورة .

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

3.نحول الطبقة الثانية إلى ماسك عن طريق الضغط عليها بزر الفارة الأيمن لتظهر لنا قائمة تحتوي على خيار mask

4.شاهد العرض بالضغط على Enter و Shift

لحفظ العمل بصيغة الفلاش

من File ــــ Export Movie
فيظهر مربع حوار نكتب فيه اسم الملف الذي نريد ومكان الحفظ

شرح توضيحي بالصور

الرموز Symbols والأمثلة instances

يؤدي استخدام الرموز إلى إنتاج ملفات صغيرة الحجم يتم تحميلها بسرعة في متصفح الإنترنت .

والرمز عبارة عن عنصر واحد يتم إضافته إلى مكتبة الرموز Library ليمكن بعد ذلك استخدامه عدة مرات عند وجود عناصر يتم استخدامها بشكل متكرر .

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

صناعـــــــــــــــــــة الرموز

لصناعة رمز جديد مع تحديد عنصر :

نختار عنصر أو عدة عناصر من المسرح ثم نضغط F8

لصناعة رمز جديد فارغ :

من قائمة Insert ثم نختار أمر إدراج رمز جديد New Symbol
فيظهر لنا مربع حوار كالسابق ونختار ما نريد
ثم يتحول العمل إلى نمط تحرير الرمز يتم رسم وتحديد الرمز فيها وبعد الانتهاء نذهب إلى المشهد Scene وهذا في الركن الأيسر العلوي من النافذة

إضافة الأصوات Adding Sound

يوفر الفلاش عدة طرق لاستخدام الصوت .. وهناك نوعان من الأصوات :
أصوات الحدث event sounds يجب تحميلها بالكامل قبل بدء التشغيل وتستمر في التشغيل حتى يتم إيقافه .

أصوات جارية stream sounds تبدأ بالتشغيل بمجر تحميل بيانات كافية للكادرات القليلة ويتم عمل تزامن لهذا النوع مع نافذة التحكم الزمني للتشغيل على مواقع الويب .

استيراد أصوات Importing sounds

من File نختار Import لإحضار ملف صوتي كما نحضر أي ملف آخر ..

كما يمكننا سحب صوت من المكتبة .

ويكون الملف الصوتي بصيغة MP3 أو Wav

وإذا كان لديك إصدارة Quick Time 4 أو ما بعدها محملة لدينا في الجهاز فيمكننا استيراد الأنواع التالية
Sound Only Quick Time Movies_ sun AU

إضافة أصوات إلى فيلم

1.نفتح طبقة لإنشاء طبقة صوت
2.نستورد الصوت فيتم إضافته في الطبقة الحالية
3.نفتح قائمة الصوت من Window ثم نختار Panels ثم الأمر Sound
وفي فلاش ماكس من Properties
4.فستظهر لنا هذه القائمة وهنا بالأشكال التالية شرح مفصل لكل قائمة منسدلة

ملاحظة : صوت الحدث Event sound يعمل عندما يبدأ أول عرض الكادر الرئيسي ويعمل عند اكتماله
ويعتبر الصوت الذي يعمل عندما ينقر المستخدم عليه مثال لصوت الحدث
1- نفتح صفحة فلاش جديدة

2- نذهب إلى قائمة insert

3- و نختار new symbol و نختار button

4- نقوم تسميته اي اسم تحب .

5- بعد ذلك ستظهر لكم أربع خانات .

6- الخانة الأولى up و هي حالة الزر قبل أن تلمسه الفأرة.

7- و الخانة الثانية over و هي الخانة التي سوف تتلمس
تأثيرها عندما يلمس الموس الشكل الذي رسمته .

8- الخانة down و هي الخانة عندما تقوم بالضغط على الزر.

9- و الخانة الأخيرة و هي Hit و هي خانة شفافة للزر و هي تقوم بتحديد مكان الضغط على الزر.

بعد توضيح هذه الخانات الاربع نبدأ الدرس :

1- نقوم باختيار الخانة up و نرسم دائرة على حسب ذوقك يكون لونها.

2- و نذهب إلى خانة over و نقوم بنسخ الشكل الدائري بالضغط f6 و نغير اللون .
كيفية تغير اللون هنا . من سطل الوعاء نغير اللون .

3- نضيف الصوت هنا عن طريق الذهاب إلى File -->import
و بعد ذلك نختار أي صوت تشاءه من كمبيوترك و لكن يجب أن يكون wave أو mp3 اختار أي صوت بعد ما ضغطت عليه سينزل و لكن في المكتبة الخاصة بفلاش.

4- نقوم بسحب الصوت من المكتبة عن طريق الضغط ctrl+ l و سحب المادة الصوتية مع التأكد بأنك اختيارك يكون على خانة over

5- نقوم بنسخ الشكل نفسه بالضغط f6 و تغيير اللون على حسب الذوق في خانة Down أيضاً.

6- و في خانة Hit الشفافة نقوم بنسخ الشكل أيضاً بالضغط f6.

7- ننتقل إلى scene 1 بعد الانتهاء من تكوين الزر.

8- نقوم بسحب الزر من المكتبة عن طريق الضغط ctrl+l للإظهار المكتبة و نسحب الزر من هناك و نضعه في فريم 1 .

9- نقوم باختيار الزر الذي سحبناه بالسهم الاسود و نختار بالزر اليمين actions و نختار بعد ذلك geturl

10- و تخرج لنا خانة تطلب منا ادخال الموقع الذي سوف يظهر عند الضغط على الزر.

11- جرب عملك عن طريق الضغط ctrl+enter

صناعة الحركـــــــــــــــــــــــــــــــة Creating an
الموضوع الأصلى من هنا: صمت الكلام [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

حركة الماسك وتم شرحها

حركة المــــــــــــــــاء .

1.نستورد صورة تحتوي على ماء .

2.نحجم الصورة بحجم مساحة العمل.

3.نضيف 3 طبقات .

4.انسخ الصورة في الطبقة الأولى ومن ثم نقفلها ونحجب عن الظهور.

5.اذهب إلى طبقة 2 ثم اختار أمر past in place (لصق في نفس المكان).

6.نعمل تكسير للصورة الموجودة في الطبقة الثانية من خلال أمر modify-broke apart

7.امسح أجزاء الصورة ماعدا أجزاء الماء ثم أحولها لرمز بالضغط على اختصار F8

8.نقفل طبقة 2

9.في طبقة 3 نرسم خطوط تغطي الماء مع مراعاة المسافة بين الخطوط بحيث تكون متماثلة.

10. نحدد الخطوط ونحولها إلى تعبئات من
Modify – shap- convert lines to fills

11. نحولها إلى رمز

12. عند أي وقت زمني نريده نضيف إطار رئيسي بالضغط على F6

13. نحرك الخطوط للأسفل .

14. نحول الحركة في الشريط الثالث إلى motion

15. اذهب إلى طبقة 2و1 ونجعل إطاراتها متساوية مع الإطار الثالث وذلك بالضغط على F5

16. محول الطبقة الثالثة إلى mask

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

تقبلو تحياتي