!i! الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة لمنتدى دردشه [الأرشيف]

اللورد ميدو

28-05-2007, 16:37ِPM

http://www.w6w.net/album/35/w6w2005041915213957163f99.gif

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

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

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

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

أتركم مع الدووورة وأي شئ أنا بالخدمــــــــــــــــــة .. ترى معاي شهادة خخخخخخ

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

ومن ثم سيكون هناك دروس تطبيقة متنوعة جداً رائعة وسهلة

اتمنى أن يحقق جهدي الإفادة .. وأسأل الله التوفيق والنجاح في الدورة <<

اللورد ميدو

28-05-2007, 16:37ِPM

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

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/1-4.jpg

اللورد ميدو

28-05-2007, 16:38ِPM

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

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

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

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

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

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

القائمة File

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

http://i135.photobucket.com/albums/q146/kel_you/2-6.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Edit

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

http://i135.photobucket.com/albums/q146/kel_you/3-4.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة View

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

http://i135.photobucket.com/albums/q146/kel_you/4-1.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Insert

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

http://i135.photobucket.com/albums/q146/kel_you/5-1.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Modify

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

http://i135.photobucket.com/albums/q146/kel_you/6-1.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Text

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

http://i135.photobucket.com/albums/q146/kel_you/7-1.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Control

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

http://i135.photobucket.com/albums/q146/kel_you/8.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Window

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

http://i135.photobucket.com/albums/q146/kel_you/9.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

القائمة Help

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

http://i135.photobucket.com/albums/q146/kel_you/10.jpg

http://www.q8castle.com/upload/uploading/3emeya.gif

اللورد ميدو

28-05-2007, 16:39ِPM

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

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

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/11-2.jpg

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/12.jpg

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/13-1.jpg

3 / أداة Line

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

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

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

5/ أداة Pen

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

6 / أداة النص Text

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

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

7/ أداة Oval

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

8 / أداة Rectangle

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

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

http://i135.photobucket.com/albums/q146/kel_you/14.jpg

اللورد ميدو

28-05-2007, 16:42ِPM

9/ أداة Pencil

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

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

http://i135.photobucket.com/albums/q146/kel_you/15.jpg

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

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

http://i135.photobucket.com/albums/q146/kel_you/16.jpg

http://i135.photobucket.com/albums/q146/kel_you/17.jpg

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/18.jpg

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/190.jpg

http://i135.photobucket.com/albums/q146/kel_you/200.jpg

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/19.jpg

http://i135.photobucket.com/albums/q146/kel_you/20.jpg

http://i135.photobucket.com/albums/q146/kel_you/21.jpg

اللورد ميدو

28-05-2007, 16:43ِPM

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

لصناعة طبقة

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

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

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

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

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/22-2.jpg

اللورد ميدو

28-05-2007, 16:45ِPM

استخدام طبقات القناع mask layer

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

width=400 height=350

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

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

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

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/23.jpg

http://i135.photobucket.com/albums/q146/kel_you/240.jpg

http://i135.photobucket.com/albums/q146/kel_you/24.jpg

اللورد ميدو

28-05-2007, 16:45ِPM

[

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

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

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

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

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

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/25.jpg

اللورد ميدو

28-05-2007, 16:46ِPM

إضافة الأصوات 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.فستظهر لنا هذه القائمة وهنا بالأشكال التالية شرح مفصل لكل قائمة منسدلة

http://i135.photobucket.com/albums/q146/kel_you/26.jpg

http://i135.photobucket.com/albums/q146/kel_you/27.jpg

http://i135.photobucket.com/albums/q146/kel_you/290-1.jpg

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

اللورد ميدو

28-05-2007, 16:47ِPM

إنشاء زر صوتي

width=200 height=150

1- نفتح صفحة فلاش جديدة

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

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

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

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

http://i135.photobucket.com/albums/q146/kel_you/-6.jpg

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

http://i135.photobucket.com/albums/q146/kel_you/-5.jpg

اللورد ميدو

28-05-2007, 16:49ِPM

صناعة الحركـــــــــــــــــــــــــــــــة Creating an

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

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

width=500 height=400

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

http://i135.photobucket.com/albums/q146/kel_you/28.jpg

http://i135.photobucket.com/albums/q146/kel_you/29.jpg

اللورد ميدو

28-05-2007, 16:53ِPM

[FONT="Tahoma"]حركة الآلة الكاتبة

http://i135.photobucket.com/albums/q146/kel_you/3-1.swf[/IMG]]width=400 height=350

1- نفتح صفحة فلاش جديدة

2- و نكتب أي كلمة في أول فريم.

3- نحول الكلمة إلى موفي كليب بتحديد الكلمة و الضغط f8 و تسميته s مثلاً.

4- عند انتهاء من عملية التحويل نقوم بتحديد الكلمة مجدداً و نضغط بالزر اليمين و نختار edit in place
من القائمة التي سوف تظهر والتي هي عبارة عن مساحة عمل الرمز وسيكون مكتوب فيها الكلمة التي كتبناها وحولناها إلى رمز .

5- نذهب إلى مكان في الشريط الزمني و نضغط f6 و نضغط أيضاً على الكلمة التي كتبناها مرتين متتاليتين ونحذف أخر حرف (H)

6- ثم نذهب إلى فريم 20 و نضغط f6 و نقوم بمسح حرف a

7- نذهب إلى الفريم 30 و نضغط f6 و نقوم بمسح حرف w

وهكذا نذهب إلى فريمات مختلفة حتى نحذف جميع حروف الكلمة .

8 .نقوم بتحديد الفريمات جميعها و اضغط بالزر اليمين و اختار من القائمة reverse frames .

12- جرب عملك بالضغط ctrl+enter
.

http://i135.photobucket.com/albums/q146/kel_you/30.jpg[/FONT

اللورد ميدو

28-05-2007, 16:54ِPM

حركــــــ أساسية ــــــات

هذا شرح تفصيلي للحركات الأساسية والتي تعتمد عليها باقي الحركات

1/ التحريك بمسار غير محدد

1.نفتح صفحة فلاش جديدة.

2.نستورد أي شكل نريد تحريكه أو نرسم الشكل الذي نريده كدائرة مثلاً .

3.نضغط بزر الفارة الأيمن ونختار حركة انسيابية motion.

4.نقف عند وقت زمني في شريط الوقت في نفس الطبقة مثلاً عند فريم 20 ونضغط F6 فينسخ لنا الشكل .

5.نحرك الشكل ونغير مكانه .

6.نشاهد العمل .

width=400 height=300

اللورد ميدو

28-05-2007, 16:55ِPM

[

2/ التحويل من شكل إلى آخر

الخطوات هنا لا تختلف كثيراً عن التحريك بمسار غير محدد .. والناتج هنا تحول الشكل من شكل إلى آخر ..

أي يمكننا تحويل من صورة إلى كتابة أو كتابة إلى كتابة أو صورة إلى صورة ..

لكن عندما نستخدم كتابة فننتبه إلى أنه يجب تكسير الكتابة

خطوات العمل

1.نفتح صفحة فلاش جديدة.

2.نستورد أي شكل نريد تحريكه أو نرسم الشكل الذي نريده كدائرة مثلاً .

3.من قائمة frame نحدد نوع الحركة shape

http://i135.photobucket.com/albums/q146/kel_you/2-7.jpg

4.نقف عند وقت زمني في شريط الوقت في نفس الطبقة مثلاً عند فريم 20 ونضغط F6 فينسخ لنا الشكل

5.نحرك الشكل ونغير مكانه ومن ثم نحذفه ونضع الشكل الآخر ..

وعندما نضع كتابة نكسرها من modify-broke apart
وللاختصار ctrl+B ليتم التعامل معها كرمز

6.نشاهد العمل .

width=400 height=300

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

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

اللورد ميدو

28-05-2007, 16:58ِPM

3/ التحريك بمسار محدد

width=400 height=300

وفكرة هذا العمل أننا نقوم بتحريك الشكل بمسار أنا أحدده وأرسمه وتسمى الحركة / حركة guide

خطوات العمل

1.نفتح صفحة فلاش جديدة .

2.نرسم الشكل أو نستورد الصورة التي أريد تحريكها .

3. نعمل كأننا سنحرك حركة انسيابية .

4. بعد الانتهاء من تحريكها عادي اضغط على الطبقة نفسها بالزر الأيمن واختار add motion guide (إظهار مسار) فيظهر لنا طبقة جديدة .

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

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

هناك بعض الملاحظات بالشكل التوضيحي يجب أخذها بالاعتبار

http://i135.photobucket.com/albums/q146/kel_you/-9.jpg

اللورد ميدو

28-05-2007, 17:00ِPM

دروس فــــــــــــــــلاش

والآن بعد أن انتهينا من أهم الأساسيات في الفلاش نبدأ بالدرووس والتي لها تطبيقات مهمة في الفــــــــــــلاش

1/ تغيير شكل المؤشر

width=400 height=300

1- نفتح صفحة فلاش جديدة

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

أما عندما أريد أن أرسم بنفسي الشكل فإني اذهب ثم أذهب إلى insert و اختار new symbol و اختار نوعية الشكل موفي كليب و قم بتسميته.
في داخل الموفي كليب قم برسم أي شكل يروق لك

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

أما إذا استوردنا الشكل (صورة جاهزة ) فسنكون على مسرح العمل

4- و من ثم ستفتح لنا قائمة properties و سنقوم بالذهاب للخانة البيضاء الذي بأسفل كلمة movie clip و نكتب اسمها cursor مثلاً . و لفتح قائمة properties قم بالضغط ctrl+f3 هذه في حالة عدم تواجد الخانه.

5- و في الختام أذهب إلى فريم 1 و أضغط عليه بالزر اليمين و اختار أكشن و قم بنسخ هذا الكود بعد تحويل لوحة الاكشن من Basic إلى Expert Mode هذا هو الكود :

startDrag ("_root.cursor", true);
Mouse.hide();

6- جرب عملك بالضغط ctrl+enter

http://i135.photobucket.com/albums/q146/kel_you/31.jpg

اللورد ميدو

28-05-2007, 17:01ِPM

3/شكل يلاحق الماوس

width=400 height=350

طريقة عمل جسم يلاحق الماوس بطريقة سهلة جداً

1.نفتح صفحة فلاش ونستورد الشكل أو نرسمه

2.نحوله إلى موفي كليب بالضغط F8

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

onClipEvent (enterFrame) {
_x += (_parent._xmouse-_x)*.1;
_y += (_parent._ymouse-_y)*.1;
}

ملاحظة : كل ما زدت قيمة العدد المضروب باللون البرتقالي (العدد الأول) زادت سرعة ملاحقة الجسم للماوس

اللورد ميدو

28-05-2007, 17:02ِPM

4/ تأثير الضبابية على النص

width=400 height=300

1- افتح صفحة فلاش جديدة .

2- قم بكتابة أي نص تشاء

3- حول النص إلى جرافيك عن طريق اختياره بالسهم الأسود و اضغط f8 و قم بتسميته اي اسم.

4- حدد على النص المحول و قم بتكسيره عن طريق الضغط 3 مرات ctrl+B .

5- أذهب إلى Modify و اختر من القائمة الاختيار shape و من ثم Softin Fill Edges .

6- و ضع قيمة رقم 8 لخانه Distance و القيمة 6 لخانة number of steps أو أي رقم يحدد درجة الضبابية .

7- شاهد التأثير الآن .

http://i135.photobucket.com/albums/q146/kel_you/32-1.jpg

اللورد ميدو

28-05-2007, 17:03ِPM

5/ إخفاء النص وإظهاره عند مرور الماوس عليه

width=400 height=300

1.نفتح عمل جديد

2. نختار من شريط الأدوات Tools خاصية A و المعروفة بأنها خاصية للكتابة.

3.نقوم بالتحديد على أول frame و نذهب نكتب أي اسم shabwah .

4.نحول الإسم إلى رمز من نوع Movie Clip بال ضغط F8

5.نذهب أيضاً بالسهم الأسود و نحدد الاسم shabwah و نضغط بالزر اليمين عليع و سوف تظهر لنا قائمة اختار منها Action

و يجب أن تغير خاصية هذه القائمة من Normal Mode الى Expert Mode عن طريق الذهاب إلى view option و تختار منها الخاصية Expert Mode

ننسخ هذا الكود البرمجي فيها :

onClipEvent (load)
{
this._alpha = 20;
}
onClipEvent (enterFrame)
{
ax = Math.abs(this._x-_root._xmouse);
ay = Math.abs(this._y-_root._ymouse);
incr = Math.max(ax, ay);
if (incr<=80)
{
this._alpha = 100-incr;
} else {
this._alpha = 20;
}
}

6. نشاهد العمل ctrl+Enter

اللورد ميدو

28-05-2007, 17:04ِPM

[

6/ السحب والإفلات

width=400 height=300

1- نفتح صفحة فلاش جديدة.

2- و نقوم برسم شكل المربع و نقوم بتحديده بالسهم الأسود و الضغط f8 و اختيار نوعيته Movie clip و نقوم بتسميته اي اسم.

3- نختار الشكل الذي قمنا بتحويله إلى موفي كليب و نضغط بالزر الأيمن و نختار أكشن و نضيف هذا الاكشن

on (press) {startDrag(h);

}
on (rollOut) {stopDrag();

}

4- جرب عملك بالضغط ctrl+enter .

ملاحظة :

قم بسحب الشكل بالضغط عليه و تحريكه ثم قم بإبعاد مؤشر الفأرة عن الشكل و أنظر الناتج.

اللورد ميدو

28-05-2007, 17:06ِPM

8/درس التحكم بإيقاف الشكل وتحريكه

width=400 height=300

في هذا الدرس سنوقف الحركة بزر ونحركها بزر آخر

1- نفتح صفحة جديدة كالعادة

2- نضع الشكل الذي أريد تحريكه برسمه أو استيراده

3- نحوله إلى جرافيك بالضغط F8

4- أعمل له الحركة التي أريدها كما سبق شرحها

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

5- بعد الإنتهاء من الحركة نضيف طبقة جديدة للإزرار

6- ونرسم فيها الأزرار التي ستكون للتوقيف والتشغيل ونسميها stop و play
ومن ثم نحولها إلى button.

وهنا نحن قمنا بوضع حروف (كسرناها وحولناها إلى زر) .

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

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

7- نضغط على الزر التشغيل بزر الفارة الأيمن ونختار Action بعد ذلك Movie control نختار الامر stop .

8- نضغط على الزر الإيقاف بزر الفارة الأيمن ونختار Action بعد ذلك Movie control نختار الامر play

http://i135.photobucket.com/albums/q146/kel_you/s.jpg

ملاحظة نحول الأكشن إلى Normal Mode

9- جرب عملك بالضغط ctrl+enter

اللورد ميدو

28-05-2007, 17:07ِPM

8/حركة الحبل

width=400 height=300

1- أفتح برنامج فلاش صفحة جديدة.

2- قم برسم خط مستقيم بأي لون تشاء عن طريق استخدام أداة الخط في قائمة الأدوات الخاصة بالرسم.

3- بعد ما انتهيت من رسم الخط في الفريم 1 أبدأ بنسخ نفس الخط في فريم 3
و قم بتعريجه عن طريق أداة السهم الأسود أذهب و ضع السهم على الخط الذي رسمته
ستلاحظ ظهور علامة قوسية صغيرة تحت سهم الأسود و أبدأ بسحب الخط بنية تعريجه إلى أسفل أو أعلى.

4- استمر بفعل هذا الأمر في كل فريم و لكن لا تنسى أن تضع فراغاً بين كل فريم
أي بمعنى آخر مثلاً رسمت الخط في فريم 1 خط مستقيم أذهب إلى فريم 3 و من ثم 5 و أبدأ بتغيير شكل الخط كما ذكرت مسبقاً.

5- جرب عملك بالضغط ctrl+enter

http://i135.photobucket.com/albums/q146/kel_you/h-1.jpg

اللورد ميدو

28-05-2007, 17:08ِPM

9/الإضاءة على الكلمات

width=400 height=400

1- نفتح صفحة فلاش جديدة

2- نقوم بكتابة أي اسم تشاء و أجعله بالون الأسود في الطبقة الاولى و في فريم 1 بالتحديد.

3- ننشأ طبقة ثانية ونرسم في بداية العمل مستطيل متعدد الألوان على حسب ذوقك .

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

4- نعمل له حركة انسيابية إلى مثلاً فريم 30ونغير مكانه من أول الكلمة إلى آخرها .ونقوم بعمل استدارة لها .
بأن نقوم بتحديد الفريم الأول و الضغط عليه بالزر اليمين و اختيار motion tween و ثم نذهب إلى قائمة properties
نذهب إلى القائمة المنسدلة الخاصة tween و نقوم باختيار motion و نختار من قائمة منسدلة rotate CCW.

كما هو موضح بالشكل

5- ننشأ طبقة ثالثة جديدة وننسخ ماعملناه في الطبقة الأولى فيها عن طريق الوقوف في فريم 1 في الطبقة الأولى ونضغط بزر الفارة الأيمن ونختار نسخ فريم
ثم نقف في الطبقة الثالثة ونضغط بالزر الأيمن في فريم 1 ونختار لصق فريم

6- نساوي بين الطبقات في الشريط الزمني .

7- نحول الطبقة الثالثة إلى ماسك .

8- نغير خلفية العمل إلى اللون الأسود

9- جرب عملك ctrl+enter

http://i135.photobucket.com/albums/q146/kel_you/g.jpg

لرسم مستطيل متعدد الألوان :

1- نذهب إلى windows و نختار color mixer و نختار من القائمة الخاصية linear
و من ثم نحدد الألوان عن طريق القائمة الخاصة بالون و هناك بالأسفل هناك شريط في ثلاثة ألوان متعددة كل لون له مربع صغير تحته.

و تقوم بالضغط على المربع الأول لتحديد اللون الأول من قائمة الألوان.

و تقوم بالضغط على المربع الثاني لتحديد اللون الثاني من قائمة الألوان.

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

اللورد ميدو

28-05-2007, 17:10ِPM

يمكننا الإستفادة من الدرس التاسع بعدد من التطبيقات

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

كما بهذا الشكل

width=400 height=300

اللورد ميدو

28-05-2007, 17:11ِPM

[

10/تغيير لون الشكل مع كل حركة

width=400 height=300

1-نفتح صفحة فلاش جديدة

2-نرسم مستطيل في أول فريم واختار له أي لون ومن ثم اضغط بزر الفارة الأيمن واختار create motion tween

3-نقف عند فريم مثلاً 15 ونضغط F6 ونغير مكان المستطيل

4-ونقف كذلك عند وقت زمني آخر ونضغط F6 ونغير مكان المستطيل

5-نذهب لأول فريم ونحدد المستطيل ومن قائمة properties
ومن color نغير none إلى tint و نختار أي لون للمستطيل

6-ونعمل نفس الشئ لباقي المستطيلات

http://i135.photobucket.com/albums/q146/kel_you/k.jpg

7-نشاهد العمل .