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

بسم الله الرحمن الرحيم

اخواتي الغاليات :9_33:


السلام عليكم ورحمة الله وبركاته

ساقوم بعمل الدروس من جديد وستكون للمرحله الاولى.
الدروس ساقوم بترجمتها من مواقع تعليميه اجنبيه , اما الشرح سيكون بالصيغتين الاوله كتابه وصور توظيحيه
اما الصيغه الاخرى شرح فيديو .


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

1-برنامج فلاش.
ممكن ان يحصل عليه من موقعه الرسمي ولمده تجريبه هنـا
2-مشغل الفلاش
(رابط تحميل برنامج مشغل الفلاش )





الدرس الأول طريقة تحريك عنصر من يمين الى يسار الشاشه او العكس

TWEENING

Motion Tween


Tweening هذه الكلمة اتت من المفردهin between
اي فيما بين
بطريقة التويننج نستطيع نقل العنصر من جه الى اخرى وبلغة الفلاش من اطار الى اطار بتحديد الاماكن فقط اما الفلاش سيقوم بباقي التغيرات فيما بين الاطارات .

مثال على الدرس

[FLASH=http://www.3roos.com/uploaded/51568/01195052064.swf]width=400 height=119[/FLASH]

الخطوة 1

بعد فتح عمل جديد والدخول الى خصائص العمل Ctrl+j
نغير القياسات الى 300 200 او مانرغب به والسرعه من 12 الى 30 او على حسب رغبتنا بالسرعه كلما زاد الرقم زادت السرعه .


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

(صورة لادة الدائرة )
(صورة لساحت العمل)
(صورة الدائرة مرسومه بساحة العمل)

خطوة2
اختاري اداة السهم من يسار قائمة الادوات
اظغطي على الدائرة ظغطتين ليتم اختيارها
(صورة اداة السهم)


خطوة 3
الان سنحول الدائرة الى من الى رمز (symbol )
الهدف من تحويل الدائرة الى رمز هو الامكانيه الى خلق حالات الدائرة اثناء التنقل من فريم الى اخر او من جه الى اخرى
لتحويل ممكن ان نقوم باحد الخيارات التاليه
Modify > Convert to Symbo
او من لوحة المفاتيح F8
او الظغط يمين الماوس على الدائرة ونختار Convert to Symbo

ستظهر لنا نافذه خيارات تحويل العنصر نختار Grapic ثم اوكي

(صورة لخيارات طريقة التحويل)
(صورة نافذة التحويل)


الخطوة 4
ننتقل بعد ذالك الى الاطار رقم 10
(صورة الاطار بخطالزمن)
ثم نظغط يمين الماوس ونحن على الفريم ستنسدل لنا قائمة من الخيارات نختار
Insert Keyframe
(صورة القائمة والاختيار مظلل)
سيظهر لنا على الاطار شكل دائري هاذه الخطوة او العملية تقوم بنسخ الصورة
(صورة توظيحيه لما سبق)

ملاحظة keyframe يحدد التغيرات بالصورة المتحركه لهاذا نحن نحدد مفتاح الاطار (كترجمة حرفيه للكلمة) بخط الزمني ونترك الفلاش يصنع باقي الفريمات بين مفتاحي الصورة




الخطوة5

اختاري الدائرة وانقليها مسافة الى اتجاه معاكس ولتكن الى اخر نقطه نريد ان تكون بها الدائرة
(صورة توظيحيه)



الان قومي بالظغط على خط الزمن باي فريم او اي اطار مابين الفريم الاول والفريم الذي حددناه كمفتاح وكان رقم 10
ثم اظغطي يمين الماوس
اختاري من القائمة المنسدله Create Motion Tween
(صورة توظح الخطوة 6)


خطوة7
اما بهاذه الخطوة ستشاهدين نتيجة كل الخطوات السابقه

Control > Test Movie
او من لوحة المفاتيح
Ctrl+Alt+shift

,.,.,.,.,.,.,.,.,.,.,.,..,.,




الدرس الثاني
Shape Tween

[FLASH=http://www.3roos.com/uploaded/51568/21195037711.swf]width=400 height=350[/FLASH]
الخطوة1

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

ذا لم يكن خط الزمن موجود نحظرة بالظغط على Ctrl+Alt+T
الان نرى لير او طبقه وحيده تدعى Layer1

خطوة2

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

يمكننا ان نرسم خط قصير

خطوة3
نختار الفريم رقم 20 ونظغط F6حتى نظيف Keyframe جديد
لبلن نمسح الشكل الموجود ونرسم شكل اخر

نرسم خط طويل

خطوة4
الان نظغط اي فريم من 2-19 ونتجه الى Properties ونختار من الTween
shape
حتى يظهر لك الشكر التالي

لنرى لان نتيجة العمل بالظغط على كترل واينتر

الان لنقوم بدمج الدرسين الاول والثاني لنرى ماذا نحصل عليه بالنهايه


[FLASH=http://www.3roos.com/uploaded/51568/31195037711.swf]width=400 height=350[/FLASH]



><><><><><><><><><>

الــدرس الثالث

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



نـــــــكمل

[FLASH=http://www.3roos.com/uploaded/51568/01195051252.swf]width=400 height=350[/FLASH]

نقوم بفتح عنصر بساحة العمل نظغط على ملصق العمل ونختار يمين الماوس add motion guide
ستظاف طبقه جديده
الان نذهب الى الفريم رقم 50 من لير الدليل نظغط F5

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

الان نذهب للير 50 من طبقة الشكل ونظغط F6

نتجه للشكل ونسير به الى نقطة نهاية الخط على طول خط الدليل مع مراعة ان يكون ملتصق الشكل بالخط كما وظحت سابقا

الان نختار اي اطار من1 الى 50 من لير الشكل ونظغط يمين المواس ونختار motion tween

ندخل للعمل النهائي لنرى النتيجه عن طريق Ctrl+Enter
><><><><



الدرس الـرابع

درس الماسك
Masking
الماسك هو اظهار جزء من الصورة المخفيه للير السفلي
مثال عن الدرس
[FLASH=http://www.3roos.com/uploaded/51568/41195037711.swf]width=400 height=350[/FLASH]

لمتابعة هاذا الدرس لبد ان يكون لديكم المعلومات الاساسيه مثل shape tween
والتعامل مع الطبقات

عند فتح عمل جديد ستكون هناك طبقه جاهزة فسنحتاج ايظا الى طبقه اخرى
نسمي الطبقه العليه ماسك
اما الطبيقه السفلى background

نحضر الصورة الى ساحة العمل وذالك ولير الخلفيه مظلل عن طريق import to stage

الان نرسم بلير الماسك دائرة ونزيل حوافها
حرك الدائرة الى احد نهايات الصورة
الان نذهب الى الاطار 40 من لير الماسك ونظغط F6

ننتقل الى لير الخلفيه ونظغط عند الاطار 40 F5

الان نعود لي لير الماسك ونظلل اطار 40 وننتقل الى ساحة العمل ونحرك الدائرة الى اخر نهاية للصورة

نقوم بظغط على الأطار الاول للماسك وننتقل الى خصائص ونجعل shape tween

اما الان نقوم بوظع الماوس على لير الماسك بظبط على اسم اللير ونظغط يمين الماوس ونختار mask
نقوم بتجربة العمل حتى نتاكد من انه ماقمنا به صحيح
هنا فكرة اقدمها لكم

[FLASH=http://www.3roos.com/uploaded/51568/51195037711.swf]width=400 height=350[/FLASH]

><><><><><><><><><><><><><><><><><><><><><><>

الدرس الخامس

درس التعامل مع الطبقات
هنا لن يكون اي خطوات جديده سوى دمج الدرسين الاول والثاني .وسيكون هناك بعض التعريفات البسيطه لبعض العناصر الفلاشيه

><><><><><><><><><><><><><><><><><><><><><><>

الدرس السادس

درس ظهور وتلاشي الصورة

Flash Fade In and Fade

مثال على الدرس:

[FLASH=http://www.3roos.com/uploaded/51568/11195037711.swf]width=400 height=350[/FLASH]

نفتح عمل جديد
نغير بقياسات العمل على حسب قياسات الصور التي لديناا
نحظر الصور للمكتبه عن طريق ملف import to lebrary
سيظهر لنا مربع حوار نسمي الرمز ونختار فيديو كليب
نذهب للاطار 15 ونظيف insertkeyframe
الان بين الاطار1-15 نظغط يمين الماوس ونختار Create Motion Tween
بعدها مباشرة سيظهر لكم سهم
نظغط على اطار 30 ونختار من يمين الماوس insert keyframe
ثم سيظهر السهم اوتوماتيكيا او ممكن ان نعيد الخطوة السابقه لاظهارة
نظغط على الاطار الاول ونظغط على الصورة ثم نتجه الى الخصائص نختار الون Alpha ثم نغير القيمة الى0%
وكذالك للاطار 30 اي اول واخر اطار

بعد هاذا نظيف لير جديد ومن اخر اطار نظغط يمين الماوس ونختار insert keyframe
ثم نسحب صورة من المكتبه لساحة العمل ونكمل الخطوات الى اخر الصور.
<><><><><><><><><><><>><><><><><><><><><>




ا