منتدى جلاكسو

NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« : 04/08/2007 » 02:11:pm »
أعضاء جلاكسو الطيبين بين ايديكم دورة فلاشية شبه كاملة يعني لو تدخل وتتعلم من هنا راح تطلع بشهادة دورة فلاش

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

أتركم مع الدووورة

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

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

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

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

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

 يتكون إطار البرنامج من :
 
أولاً ..شريط العنوان العلويTitle bar
 
والذي يتضمن اسم البرنامج واسم الملف الحالي

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

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

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



القائمةView

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



القائمة Insert

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


القائمة Modify

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


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


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



القائمةWindow

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


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





سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #1 : 04/08/2007 » 02:14:pm »
ثالثاً .. شريط الزمن أو خط الوقت :
 
  الذي يتحرك عليه العمل 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  أو إخفائها **** علامة اكس الحمراء أمامها توضح أنها مختفية .
 
  يمكننا عرض محتويات الطبقة كخطوط حدود outline
 
  أيضاً يمكننا تغير ارتفاع الطبقات في نافذة التحكم الزمني Time line لعرض المزيد من المعلومات
 
  كما يمكننا تغير ترتيب الطبقات بأن نسحبها داخل التحكم الزمني .

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #2 : 05/08/2007 » 02:07:pm »
استخدام طبقات القناع mask layer
هذه الطبقات تعمل فجوة يمكن من خلالها رؤية محتويات الطبقات السفلية كما هو واضح في هذا المثال

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

  1.نضع في الطبقة الأولى المحتويات التي أريد رؤيتها من خلال الفجوات
  نضع هنا تطبيقاً لمثالنا التوضيحي صورة .
 
  2.نضيف طبقة جديدة ونضع كتابة أو صورة أو شكل (ما أريده أن يمثل الفجوة التي سيظهر من خلفها الطبقة الأولى) ونقوم بتحريكه .
 
  3.نحول الطبقة الثانية إلى ماسك عن طريق الضغط عليها بزر الفارة الأيمن لتظهر لنا قائمة تحتوي على خيار  mask
 
  4.شاهد العرض بالضغط على Enter و Shift

  لحفظ العمل بصيغة الفلاش
 
  من File ــــ Export Movie
  فيظهر مربع حوار نكتب فيه اسم الملف الذي نريد ومكان الحفظ
سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #3 : 05/08/2007 » 02:09:pm »
 الرموز 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
سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #4 : 05/08/2007 » 02:15:pm »
 صناعة الحركـــــــــــــــــــــــــــــــة 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
نقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي

  حركة الآلة  الكاتبة

  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
سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #5 : 05/08/2007 » 02:30:pm »
حركــــــ أساسية ــــــات 

هذا شرح تفصيلي للحركات الأساسية والتي تعتمد عليها باقي  الحركات
1/ التحريك بمسار غير  محدد
  1.نفتح صفحة فلاش جديدة.
 
  2.نستورد أي شكل نريد تحريكه أو نرسم الشكل الذي نريده كدائرة مثلاً .
 
  3.نضغط بزر الفارة الأيمن ونختار حركة انسيابية motion.
 
  4.نقف عند وقت زمني في شريط الوقت في نفس الطبقة مثلاً عند فريم 20 ونضغط F6 فينسخ لنا الشكل .
 
  5.نحرك الشكل ونغير مكانه .
 
  6.نشاهد العمل .                 

سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #6 : 05/08/2007 » 02:31:pm »
/ التحويل من شكل إلى  آخر

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

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

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

خطوات  العمل

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

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

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

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

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

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

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

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

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #7 : 05/08/2007 » 02:32:pm »
3/ التحريك بمسار  محدد

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

خطوات  العمل

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

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

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

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

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

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

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #8 : 05/08/2007 » 02:34:pm »
دروس فــــــــــــــــلاش

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

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

  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.****();

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #9 : 05/08/2007 » 02:39:pm »
 في الدرس الأول كان الماوس يتغير إلى شكل جديد .. وفي هذا الدرس سيكون هناك شكل يتبع الماوس (ملاصق له) دون أن يتغير الماوس

2/ شكل يتبع الماوس

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

2- نرسم اي شكل أو نستورد ماتريده يتبع الفأرة في الفريم 1.

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

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

5 - و بعد ذلك نذهب إلى الفريم الأول الذي يتواجد في الشكل و نضغط عليه بالزر اليمين و نختار action و بعد ذلك نحول الاكشن إلى Basic Mode و نقوم بعمل الآتي

نضغط على Actions
من ثم نضغط على Movie clip control ضغطتين و نقوم بانزال المزلاق إلى أن نصل الى الامر startDrag و نقوم باختياره
بعد ذلك نكتب في خانة target نكتب f و نضع علامة صح في مربع Expression و Lock Mouse to Center و نغلق لوحة الاكشن.
6- نقوم بالضغط على scene 1 و من ثم نضغط على الشكل الذي رسمناه بالسهم الأسود و نضع له اسم f في خانة name الخاصة بالموفي كليب التي سوف تظهر في الاسفل.

7 - جرب عملك بالضغط ctrl+enter
سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #10 : 05/08/2007 » 02:40:pm »

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

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

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

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

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

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

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #11 : 05/08/2007 » 02:42:pm »
4/ تأثير الضبابية على النص

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

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

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

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

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

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

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #12 : 05/08/2007 » 02:42:pm »
5/ إخفاء النص وإظهاره عند مرور الماوس عليه

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
سجل
NoAvatar

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #13 : 05/08/2007 » 02:43:pm »

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

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

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

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

on (press) {startDrag(h);

}
on (rollOut) {stopDrag();

}

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

ملاحظة :

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

غير متصل siry

  • عضو مهتم
  • **
  • المشاركات :193
  • عضويه: 9298
  • تاريخ التسجيل : 15/07/2007 » 03:00:pm
مشاركة: الفلاش من الألف إلى الياء .. دورة فلاشية متكاملة
 (شوهد 5918 مرات)
« رد #14 : 05/08/2007 » 02:44:pm »
8/درس التحكم بإيقاف الشكل وتحريكه

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

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

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

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

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

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

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

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

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

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

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

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

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

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