-
دروس فـلاش للمبتـدئيــن
درس الفلاش 1 _ التعرف على شريط الأدوات
الســلام عليــكم
رغبة مني في مساعدة الاعضاء الراغبين بتعّلم الفلاش ،
ولعلمي بأن برنامج الفلاش لايمكن تعلّمه من دون دورة تدريبية او معلّـم .. فإنني ولحبي لهذا البرنامج .. سأتكفل بعمل تلك الدروس بطريقة شرح مبسطة ومزودة بالصور لتصل الى أكبر قدر ممكن من الاعضاء .
وذلك عملاً بقوله عليه افضل الصلاة والسلام : "زكاة العلم نشره" .. "و لا خير في كاتم العلم ".
فأرجو ان تنال الدروس اعجابكم .. ويكون فيها الفائدة لكل شخص يود الخوض في هذا البرنامج الممتع .
علماً بأن تطبيقات الدروس جميعها ستكون على الفلاش 8 .
ونبدأ الآن مشوار دروسنا .. بالتعرف أولا على شريط الأدوات في الفلاش 8 :
https://mwadah.com/images/imgcache/2008/02/554.imgcache
ثم نتعرف على شريط الوقت و مسرح العمل (منطقة العمل) .
- شريط الوقت عبارة عن نافذة كبيرة موجودة أعلى مسرح العمل مباشرة .. وتتكون من الفريمات (جمع فريم) Frames ، و الطبقات او لايرات (جمع لاير) Layers .
اما - مسرح العمل فهي المنطقة الواسعة المستطيلة الشكل والتي نقوم بعمل حركات الفلاش فيها .
https://mwadah.com/images/imgcache/2008/02/555.imgcache
https://mwadah.com/images/imgcache/2008/02/556.imgcache
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 2 _ تكبير و تصغير الدائرة
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 4_ التحكم بالشفافية Alpha
الســلام عليكـمـ
سنتعرف اليوم على كيفية استخدام الشفافية ( alpha) ..
خطوات الدرس :
1) نضغط على فريم (1) ثم نضغط F6
2) نرسم مربع
3) نضع الماوس على الفريم (1) لكي نظلل المربع
4) نضغط F8 و نختار Movie clip ثم اوكي
5) نضغط على الفريم (15) ثم نضغط F6
6) نختار ****** ثم Properties وايضاً Properties
ثم نختار من خانة Color الشفافية (Alpha)
https://mwadah.com/images/imgcache/2008/02/544.imgcache
و نضع قيمة الشفافية 0%
https://mwadah.com/images/imgcache/2008/02/545.imgcache
في حال عدم هذه ظهور الخاصية لديك ، اضغط على المربع -بمسرح العمل- بالماوس ضغطة واحدة ..وسوف تظهر لك الخاصية .
7) نضلل اللاير ونضغط يمين الماوس ونختار Create
motion Tween
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 5 _ تدوير الاشكال
سنتعرف اليوم على كيفية تدوير الاشكال :
خطوات الدرس :
1) نضغط على فريم (1) ثم نضغط F6
2) نرسم مربع
3) نضع الماوس على الفريم (1) لكي نضلل المربع
4) نضغط F8 و نختار Graphic ثم اوكي
5) نضغط على الفريم (30) ثم نضغط F6
6) نعود للفريم الاول ثم نضغط بالسهم على المربع -الموجود بمسرح العمل-
7) نضغط Ctrl + F3 لاظهار لوحة الخصائص Properties
ومن قائمة Tween نختار Motion
https://mwadah.com/images/imgcache/2008/02/542.imgcache
ثم من قائمة Rotate
نختار CW أو CCW
ثم نضع امام خانة Times رقم 3
ونضع علامة صح في مربع Snap
https://mwadah.com/images/imgcache/2008/02/543.imgcache
8) احفظ العمل .
9) نضغط الآن Ctrl + Enter
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 6 _ تأثيـر المورفينج
سنتعرف بدرس اليوم على المورفينج .. وهو التغيير البيني للأشكال و النصوص .
والتطبيق سينتهي بنـا الى هذا الشكل :
خطـوات الدرس :
1) في الفريم الاول نرسم مربع ونضغط F8 .
2) نضغط modify ثم Break Apart
3) نضغط على الفريم (30) ثم F6 ثم نزيل المربع بضغط Delete ونرسم مكانه دائرة .
4) نعود للفريم (1) وو نضغط F3
ونختار من خانة Shape < ----- Tween
و من Angular< ----- Blend .
5) نرجع للفريم (30) و نضغط F3
ونختار من خانة Shape < ----- Tween
و من Angular< ----- Blend .
6) نضغط على الفريم (40) ونضغط F6 .
7) احفظ العمل ثم اضغط Ctrl + Enter
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 8 _ عمل الماسك جـ 2
السلام عليكم
هذه هي الطريقة الثانية لتأثير القناع Mask
إليكم المثال :
خطوات الدرس :
قياسات الدرس : 250 ***** و 100 ******
1) نكتب النص ونجعله بمنتصف مسرح العمل بالضغط على Align أو ( Ctrl + K) ،ثم نضغط F8
https://mwadah.com/images/imgcache/2008/02/530.imgcache
2) نستخدم خاصية الـ Alpha و نجعل درجة الشفافية 50 %
https://mwadah.com/images/imgcache/2008/02/531.imgcache
3) ننسخ النص -بالضغط على فريم النص ثم نضغط أداة النسخ- .
4) نضغط الفريم (20) ثم F6 .
5) نفتح لاير جديد و نرسم به مستطيل ونسحبه الى ماقبل بداية النص ثم نضغط F8 .
https://mwadah.com/images/imgcache/2008/02/532.imgcache
6) نضغط فريم (20) ثم F6 ونقوم بـ سحب المستطيل الى نهاية النص ،وبعدها نسحب لاير المستطيل الى اسفل لاير النص .
https://mwadah.com/images/imgcache/2008/02/533.imgcache
7) بـ لاير المستطيل نضغط Create Motion Tween .
8) نفتح لاير ثالث جديد ،نضغط الفريم الاول ونُـلصق به النص المنسوخ ،ونجعله مطابقاً تماماً مع النص الاصلي ، ثم نضغط F8 .
9) نضغط فريم (20) ثم F6 .
10) نضغط بجهة اليسار من شريط الوقت ونظلل لاير النص الاول.
نضغط بيمين الماوس ..و نختار قناع Mask
11) احفظ العمل ثم اضغط Ctrl + Enter
انتهى الدرس .
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
إليـــكمـ الطريقة الثالثة لتأثير القناع Mask
وهذا هو المثال :
خطـوات الدرس :
قياسات 300 × 100
1) نرسم دائرة حمراء بأقصى اليسار.. ثم نضغط F8
نضغط فريم ( 20 ) و F6
ثم نحركها الى اقصى اليمين ..ونضغط Creat Motion
2) نفتح لاير جديد ونكتب النص ثم F8
ونضغط فريم (20) ثم F6
3) نفتح لاير ثالث ونرسم دائرة صفراء و تكون مطابقة على الدائرة الحمراء ثم نضغط F8
نضغط على شفافية Alpha ( بالضغط على Ctrl + F3 )
و من قائمة Color ..نختار Alpha
نجعل نسبة الشفافية 40%
4) نضغط فريم (20 ) و F6
نحرك الدائرة الى جهة اليمين ..ثم نختار Creat Motion
5) نذهب الى لاير النص ونحوّله الى Mask .
6) احفظ التطبيق ثم اضغط Ctrl + Enter .
انتهى
تحياتي
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 8 _ عمل الماسك جـ 4
هذه هي الطريقة الرابعــة للقنـاع Mask
خطـوات الدرس :
1) في الفريم (1) نضع خلفية ملونة بألوان متعددة ، ثم نضغط فريم (40) و F6
2) نفتح لاير جديد وبـ أول فريم نكتب النص - ويكون بـ لون فاتح- ثم نضغط F8 ، ثم نضغط فريم (40) و F6 ونعطي النص حركة معينة أو نغيّر بحجمه .
3) نحول لاير النص الى Mask
احفظ الملف ثم اضغط Ctrl + Enter
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 8 _ عمل الماسك جـ 5
سنتعرف على كيفية عمل هذا الماسك .. بطريقة خامسة جديدة :
-فضلاً انتظر التحميل - :
خـطوات العمـل:
1) تفتح لاير وتضع فيه الخلفية(صورة) ثم تضغط فريم 40 و F6
2) تفتح لاير ثاني وتكتب بأول فريم النص المطلوب
3) تفتح لاير ثالث وترسم بأول فريم مستطيل بمقاس النص اللي كتبته ثم تضغط فريم 40 و F6
4) الآن تذهب الى لاير النص وتقوم بتحريك النص بحيث يمر عبر المستطيل ثم يتوقف للحظات بداخله .. ثم يستكمل مسيره الى خارج إطار المستطيل ، وتكون آخر حركة للنص في الفريم رقم 40 .
5) الآن اضغط على لاير المستطيل ثم اختار Mask .
الطريقة سهلة للغاية وغير معقدة ابدا.
وبذلك نكون قد انهينا دروس الماسك الخمسة .
فالى اللقاء بدرس آخر .
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 9_ تغيير لون النص لأكثر من لون
سنتعرف بدرس اليوم على كيفية تغيير لون النص الى اكثر من لون .. كما في الشكل :
خطـوات الدرس :
القياسات 200 × 100
1) نكتب النص في أول الفريم ثم F8
2) نضغط الفريم(10) ثم F6 ثم F8 ونغير لون النص بالضغط Ctrl + F3 - واذا لم تظهر لك قائمة color - اضغط بالماوس على النص الموجود بمسرح العمل ..وستجد ان قائمة Color قد ظهرت .. فاختر منها Tint وغير اللون بالضغط على مربع اللون .
https://mwadah.com/images/imgcache/2008/02/521.imgcache
3) نضغط الفريم (20) ثم F6 ثم F8 ثم اضغط Ctrl + F3 و اضغط بالماوس على النص .. و غير لون النص .
4) حدد اللاير كله ثم اضغط Creat Motion
5) احفظ الملف ثم اضغط Ctrl + Enter
انتهى
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 11_ حفظ واستجلاب الحركة من المكتبة
سنتعرف بهذا الدرس على كيفية استجلاب الحركات من المكتبة..
خطـوات الدرس :
1) نضغط على الفريم (1) ثم نضغط Ctrl + F8
نكتب العنوان حركة .. ونختار Movie Clip ثم اوكي
2) نقوم بعمل اي حركة بسيطة (نرسم دائرة مثلا) ثم نضغط F8
3) نضغط فريم (15) ثم F6 ونسحب شكل الدائرة الى الأسفل ثم نضغط Color ثم Alpha للشفافية ونختار القيمة ( 0% )
ثم نغضط Creat Motion
4) نعود للمشهد الرئيسي بالضغط على Scene 1 - الموجود أعلى شريط الوقت -
5) نضغط على الفريم الاول ثم نفتح المكتبة باختيار ****** ثم Library -اختصرها بضغط Ctrl +L -
وستجد ملف باسم حركة .. ضلله ثم اسحبه الى مسرح العمل ثم اضغط الفريم (15) ثم F6
6) افتح لاير جديد و على الفريم (5) نضغط ثم F6
7) نفتح المكتبة مرة اخرى Ctrl + L ونسحب ملف الحركة ثم نضغط فريم (20) و F6
8) نفتح لاير ثالث جديد ونضغط على الفريم (10) و F6
نفتح المكتبة من جديد ونسحب ملف الحركة .. ثم نضغط فريم (25) و F6
اصبح شريط الوقت بهذا الشكل:
9) احفظ الملف ثم اضغط Ctrl + Enter
انتهى .
نلتقي لاحقاً بدرس آخر جديد .
تحياتي
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 12_ عمل أزرار الضغط
السلام عليكم
درسنا لهذا اليوم ... هو كيفية عمل أزرار الضغط .
خطـوات الدرس :
1) نضغط على اول فريم ثم نضغط Ctrl +F8 ونختار Button ثم اوكي
2) نرسم مربع بـ لون معين ، نضغط على مربع Over ثم F6 ونغير لون المربع , ثم نضغط مربع Down .
نعود الى المشهد الرئيسي بالضغط على Scene 1 - الموجود أعلى شريط الوقت بجهة اليسار- .
3) نضغط أول فريم و نفتح المكتبة بالضغط على Ctrl + L .. ثم نسحب الـ زر منه الى مسرح العمل .
4) نضغط على المربع الموجود بمسرح العمل وبـ يمين الماوس نختار Action .
و من القائمة الجانبية نختار Global Functions ثم Browser/Network و دبل كلك على getURL .. ثم نضغط على العصا السحرية ****** Assist https://mwadah.com/images/imgcache/2008/02/509.imgcache
والموجودة أعلى نافذة الاكشن .
ملاحظة هامة : بخانة URL نكتب الرابط مضافاً إليه //:http .
* علماً بأن كتابة الرابط بدون //:http سيؤثر بعمل زر الضغط ولن يفتح الرابط .
https://mwadah.com/images/imgcache/2008/02/510.imgcache
ثم اختر من خانة ****** الاختيار blank_ ،
واترك الخانة الثالثة كما هي .
و أغلق نافذة الاكشن ثم احفظ العمل واضغط بعدها Ctrl + Enter .
انتهى .
-
رد: دروس فـلاش للمبتـدئيــن
نعود مرة اخرى لاستكمال دروسنا .. وسنتعرف اليوم بـ هذا الدرس على كيفية تحويل جزء من الصورة الى ازرار .
كهذا الشكل : -اضغط على صورة الديناصور - :
خطــوات الدرس :
1) بالفريم الاول نفتح الصورة .
2) نفتح لاير جديد ، ثم نختار أداة الفرشاة Brush Tool https://mwadah.com/images/imgcache/2008/02/506.imgcache
و نقوم بتلوين الجزء المُـراد تحويله الى زر .
https://mwadah.com/images/imgcache/2008/02/507.imgcache
3) نضغط F8 ونختار Button ثم أوكي .
4) نضغط بأداة السهم ضغطتين على الجزء الذي لوّناه .. وسيقوم بفتح الـ Button ، فنختار Over و F6 ومرة أخرى F6 ومرة ثالثة F6 .. ثم نعود الى Up ونضغط Delete .. واضغط Over ثم Delete .. اخيرا Down ثم اضغط Delete -واترك Hit -
https://mwadah.com/images/imgcache/2008/02/508.imgcache
5) نعود الى المشهد الرئيسي بالضغط على Scene 1 .
6) نؤشر بالسهم على موضع الزر -بمسرح العمل- ، ونضغط يمين الماوس ثم نختار Action ومن القائمة الجانبية نختار Global Function ثم Browser/Network ، ثم دبل كلك على getURL.. ستظهر لنا الخانات الثلاثة :
في خانة URL نكتب العنوان كاملا
وفي خانة Wondow نختار blank_
اما الخانة الثالثة فنتركها كما هي .
7) احفظ الشكل ثم اضغط Ctrl + Enter
انتهى الدرس .
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 15 _لعمل وميض للنص
من الدروس المستخدمة بكثرة في البنرات الاعلانية .. النص المضئ .. كهذا المثال :
خطــوات الدرس :
اجعل الخلفية غامجة
1) بأول الفريم نكتب النص بـ لون - رمادي مثلاً - ثم نضغط F8 ونختار Graphic
ثم نضغط فريم(20) و F6 .
2) ننسخ هذا النص
3) نفتح لاير جديد ونضغط الفريم (10 ) ثم نضغط F6
4) نلصق النص ثم نضغط Ctrl +B ثلاث مرات متتالية حتى يتنقّط النص
ثم نغير لونه الى الابيض .
https://mwadah.com/images/imgcache/2008/02/501.imgcache
5) نضغط F6 مرتين حتى يتفعّل الفريم (11) .
https://mwadah.com/images/imgcache/2008/02/502.imgcache
6) نحفظ الملف ثم نضغط Ctrl+Enter
انتهى .
-
رد: دروس فـلاش للمبتـدئيــن
السلام عليكم ورحمة الله وبركاته
بهذا الدرس سنتعرف على كيفية عمل زر لتشغيل وايقاف ملف الصوت
كهذا - انتظر التحميل - :
أولا سنقوم باضافة زر الايقاف والتشغيل
على الفريم الاول نضغط ****** ثم Common Libraries
ثم نختار Buttons فتظهر لنا قائمة بملفات الازرار،
سـ نختار آخر ملف playback rounded
ونسحب منه زر play ثم زر stop الى مسرح العمل .
كـ هذا الشكل :
https://mwadah.com/images/imgcache/2008/02/496.imgcache
نبدأ الآن درس عمل زر التشغيل والايقاف
خطــوات الـدرس :
1) نضغط على الفريم الاول ثم نختار file ثم import وندرج ملف الصوت .
2) نفتح لايرين جديدين - فيصبح مجموع اللايرات لدينا ثلاثة -
3) باللاير الثالث نضغط على الفريم (10) ثم F5
4) باللاير الثاني نضغط على الفريم (10) ثم F5
5) باللاير الاول نضغط على الفريم (10) ثم F5
https://mwadah.com/images/imgcache/2008/02/497.imgcache
6) في اللاير الاول نضغط على الفريم (5) ثم نضغط F6
7) في اللاير الثاني كذلك نضغط على الفريم (5) ثم F6
8) في اللاير الثالث نضغط الفريم (5) ثم F6
https://mwadah.com/images/imgcache/2008/02/498.imgcache
9) في اللاير الثالث نضغط على الفريم (1) ونضغط على Action
ومن قائمة Global Function نختار Timeline Control ثم نضغط ضغطتين على أمر Stop
10) في نفس اللاير نضغط على الفريم (5) ثم نفتح الـ Action مرة اخرى
ونضغط ضغطتين على أمر Stop
11) في اللاير الثاني نضغط على الفريم (5) لكي نضيف له ملف الصوت
ونضغط من قائمة Properties على Sound
ثم نختار الملف الصوتي ونضع القيم التالية:
Sync :------> Start
ثم نختار loop
https://mwadah.com/images/imgcache/2008/02/499.imgcache
12) نذهب الى اللاير الاول ونضغط على الفريم الاول ، ثم نذهب الى مسرح العمل ونضعط ضغطة واحدة على المساحة الفاضية
13) نضغط الآن على زر التشغيل - الموجود بمسرح العمل- .. ونفتح -من مسرح العمل- Action
نضغط على أمر goto ضغطتين
فيفتح لنا نافذة الامر -بجهة اليمين-
وبالخانة الثالثة (frame ) نكتب الرقم 5
https://mwadah.com/images/imgcache/2008/02/500.imgcache
14) نذهب الى الفريم (5) من ذات اللاير ونضغط عليه ضغطة واحدة .. ثم نضعط على المساحة الفاضية بمسرح العمل
ثم نضغط بالسهم على زر الايقاف .
نفتح الـ Action
ونضغط ضغطتين على أمر Stop All sound
ثم اضغط ضغطتين على أمر goto
اغلق الاكشن
15) احفظ العمل .. ثم اضغط على Ctrl + Enter
انتهى الدرس .
تحياتي
-
رد: دروس فـلاش للمبتـدئيــن
-
رد: دروس فـلاش للمبتـدئيــن
وقد قمت بدوري بتفصيل شرحه بطريقة مبسطة لضمان شرح أكثر تبسيط يصل بسهولة للمتلقي المبتدئ .
الدرس:
بعد ان نقوم بعمل عرض الفلاش الرئيسي - والذي لابد أن يحتوي على اكثر 100 فريم واكثر من لاير-
نحتاج لعمل مشهد تحميل له .. وذلك لأن ملف الفلاش اصبح كبير الحجم ..وانتظار المشاهد لحين تحميل العرض دون وجود مشهد تحميل سيُشعره بالملل
بعد أن انتهينا من عمل العرض الرئيسي.. نضغط على Insert ثم Scene.
الآن نقوم بانشاء لايرين
الاول نسميه Action
والثاني ****
نختار لاير **** ونضغط أول فريم ثم نكتب كلمة Loading
ثم نضغط F8 ونختار Graphic
نضغط الفريم 10 و F6
ثم نضغط فريم 20 و F6
نعود للفريم 10 .. ونغير الشفافية (Alpha) ونجعلها 0%
ظلل لاير **** كله ثم اضغط Create Motion Tween
نضغط الآن ****** ثم Other Panels
ونختار Scene
لدينا الآن مشهدين 1 و 2
سنقوم بسحب Scene2 أعلى Scene1
بهذا الشكل
https://mwadah.com/images/imgcache/2008/02/486.imgcache
لاتغلق النافذة.. بل سنقوم قبلها بتغيير اسماء المشاهد
مشهد Scene2 سنغيره الى PreLoad -بالضغط على الاسم مرتين متتاليتين-
ومشهد Scene1 سنغيره الى Main
اصبح الشكل هكذا:
https://mwadah.com/images/imgcache/2008/02/487.imgcache
تأكدوا من رقم آخر فريم بالمشهد الرئيسي (اللي عندي 110 فريم)
ثم نضغط على مشهد التحميل PreLoad
ونغلق نافذة Scene الصغيرة
الآن نختار لاير الـ Action ونضغط أول فريم، ثم بيمين الماوس نختار Action.. ونضع هذا الكود:
كود PHP:
ifFrameLoaded ("Main", 110) {
gotoAndPlay("Main", 1);
}
ملاحظة: الرقم اللي باللون الأحمر هو رقم آخر فريم بالمشهد الرئيسي.. ويمكن تغييره حسب مشهدك الخاص
الآن نذهب الى لاير **** ونضغط على الفريم (10) ثم F6 وبيمين الماوس نختار Action ونضع الكود التالي:
احفظ العمل .. ثم اضغط Ctrl + Enter مرتين لمشاهدة مشهد التحميل
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 18 _ مشهد التحميل جـ2
السلام عليـكمـ ..
هذه هي الطريقة الثانية من دروس مشهد التحميل .. وتُعرف بمشهد تحميل البايتات .
إليكمـ الخطوات :
بعد أن قمنا بعمل مشهد الفلاش الرئيسي ..
نأتي الآن لنتعرف على كيفية عمل مشهد التحميل بالبايتات
كهذا :
سنختار ****** ثم نضغط Other panels ثم Scene
وننشئ مشهد جديد اسمه scene 2
ثم نسحبه بالماوس اعلى المشهد الاول الـ scene 1
نضغط على الفريم الاول - مع ملاحظة ان كل ماسنقوم به لاحقاً سيكون في هذا الفريم-
1) نختار أداة الكتابة و نقوم بتحديد منطقة الكتابة بحيث نشد أداة الكتابة على شكل مستطيل لكن دون ان نكتب شي داخله .
ملاحظة: إستخدم أداة السهم لسحب خانة الكتابة وتغيير مكانها .
لاحظ أننا مانزال محتفظين بتحديد منطقة الكتابة .. ثم نقوم بتكبير حجم الخط الى 35 ونغير لون الخط بحيث يخالف لون الخلفية .
******
Properties
ونحول الـ Static ****
نحوله الى
Dynamic ****
بنفس خصائص الـ Properties
سنجد خانة باسم Var
سنكتب بداخله total
2) نأتي الآن الى لنرسم المستطيل الثاني
سنختار اداة الكتابة ونسحبه على شكل مستطيل -كما فعلنا في المرة السابقة- ونجعل هذا المستطيل اسفل المستطيل الاول .
ونحول خاصية الخط من Static **** الى Dynamic ****
وفي خانة Var
نكتب loaded
3) نرسم المستطيل الثالث والاخير بنفس الطريقة السابقة و سنجعله بأسفل المستطيلين السابقين
وفي خانة Var
نكتب percentage
4) نضغط على الفريم الاولو بيمين الماوس نختار Action
ثم نضع هذا الكود
total = getBytesTotal();
loaded = getBytesLoaded();
percentage= int((loaded/total)*100)+"%";
5) نضغط الفريم (2) ثم F6
ونضع الكود التالي:
if (_framesloaded>=_totalfra mes) {
gotoAndPlay ("Scene 1", 1);
} else {
gotoAndPlay (1);
}
نعود الى المشهد الرئيسي Scene1
ونضغط على آخر فريم .. ثم بيمين الماوس نختار Action
ونضغط على امر Stop
بقي أن نعرف مهمة كل مستطيل من المستطيلات الثلاثة.
احفظ العرض الآن .. ثم اضغط Ctrl+Enter مرتين
اخيراً ..لابد لي من الاشارة الى ان هذا الدرس هو من إعداد الاخت الفاضلة/ عفاف العتيبي .. جزاها الله كل خير.
وقد شرحته بطريقتي .
-
رد: دروس فـلاش للمبتـدئيــن
استكمالاً لدروس الفلاش التي بدأناها سابقاً ، سنقوم اليوم بشرح طريقة عمل شريط تحميل .
وهي الطريقة الاكثر شيوعاً في عروض الفلاش ..
المثـال :
بعد أن قمنا بعمل المشهد الرئيسي جاء وقت عمل شريط التحميل..
سنضغط على قائمة ****** ثم نختار Other Panels
ثم نختار Scene ونضغط على زر الزائد + لننشئ به مشهد التحميل المسمى Scene 2
ثم نقوم بسحبه أعلى المشهد الرئيسي Scene 1
خطـوات الدرس:
1) في الفريم الاول نرسم مستطيل بدون إطار لوني خارجي
الشكل:
https://mwadah.com/images/imgcache/2008/02/479.imgcache
ثم نختار قائمةProperties ونغير القيمة العددية لـ W
الى 100
الشكل:
https://mwadah.com/images/imgcache/2008/02/480.imgcache
2) نضغط بالماوس على المستطيل ثم F8.. سيظهر لنا مربع الـ Convert to symbol ، و نجد كلمة Registration وبجانبها شكل مربع بداخله مربعات صغيرة -كهذا- https://mwadah.com/images/imgcache/2008/02/481.imgcache
.. سنضغط على المربع الاوسط بجهة اليسار حتى يظهر مكانه مربعاً أسود .
الشكل:
https://mwadah.com/images/imgcache/2008/02/482.imgcache
ثم نختار Movie Clip و Ok
3) نعود الى خصائص Properties ونكتب في المستطيل الفاضي a
الشكل:
https://mwadah.com/images/imgcache/2008/02/483.imgcache
4) نضغط على الفريم 3 ثم F5
5) نفتح لاير جديد .
6) نضغط الفريم الاول و نختار أداة المربع .. ونختار لون للإطار الخارجي ونخفي بالمقابل اللون الداخلي https://mwadah.com/images/imgcache/2008/02/484.imgcache
ملاحظـة : لاتنسى ان تجعل لون الاطار الخارجي مختلفاً عن اللون الداخلي للمستطيل الذي رسمناه في البداية.
7) نقوم برسم مستطيل الآن .. وسيكون بهذا الشكل :
https://mwadah.com/images/imgcache/2008/02/485.imgcache
8) نفتح لاير جديد ونضغط على الفريم الاول ثم F6
ثم نعود الى الفريم الاول ونضع هذا الكود في الـ Action:
bytes_loaded = Math.round(_root.getBytes Loaded());
bytes_total = Math.round(_root.getBytes Total());
getPercent = bytes_loaded/bytes_total;
_root.a._***** = getPercent*100;
_root.b = Math.round(getPercent*100 )+"%";
if (bytes_loaded == bytes_total) {
gotoAndPlay("Scene 1", 1);
}
9) نضغط على الفريم الثاني من اللاير الثالث و نفتح الـ Action ثم نضع هذا الكود :
gotoAndPlay(1);
انتهى الدرس .. واتمنى ان يكون الشرح واضحاً وبسيطاً بالنسبة لكم .
-
رد: دروس فـلاش للمبتـدئيــن
سنتعرف على كيفية حفظ الرسوم المتحركة بالمكتبة واحضارها منها .
إليـكمـ الطريقـة :
سندخل أولاً لـ أحد مواقع الـ animations
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]
سنختار إحداها.. ونضغط بيمين الماوس عليها ثم نختار من القائمة
save picture As
بذلك حفظنا الشكل المتحرك بجهازنا .
وانا حفظت هذا الشكل:
https://mwadah.com/images/imgcache/2008/02/477.imgcache
سـ نفتح الآن برنامج الفلاش
ونضغط على الفريم الاول
نختار File ثم import ونختار import to Library
ونختار الشكل المتحرك الذي حفظناه من قبل .
قمنا الآن بحفظ الـ animation داخل المكتبة
نختار الفريم الذي سنضع فيه حركة الـ Animation
ثم نضغط ****** و Library
ستظهر لنا نافذة المكتبة .. وسنختار منها الشكل المتحرك نوع Movie Clip وليس Bitmap
مثال :
https://mwadah.com/images/imgcache/2008/02/478.imgcache
ونسحبه بالماوس الى مسرح العمل .
يمكنك الآن التحكم بحجم الـanimation
الآن سنضع الحركة الاخيرة من حركة الـ animation ونختار الفريم العشرين التالي .
فإذا كانت الحركة الاولى في الفريم رقم 10 .. فستكون الحركة الأخيرة هي الفريم رقم 40 او 45 .
ملاحظة : لا تضغط على Create Amotion Tween في لاير الـanimation
وهذا مثال بسيط على درسنا .
أرجو أن يكون الشرح وافياً ..
والى اللقاء.
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش20 : تشغيل الصوت بمجرد مرور الماوس على الشكل
بهذا الدرس سنتعرف على كيفية عمل شكل بمجرد أن تمرر الماوس عليه يشتغل الصوت
وهذه أحد الأمثلة على تطبيقات الدرس - اضغط ضغطة أولى على الشكل ثم قم بتمرير السهم على الشكل- :
خطــوات الـدرس :
1) في الفريم الاول نضع الصورة التي نريد تشغيل الصوت عليها بمجرد مرور الماوس عليها .
2) نفتح لاير جديد
3) نختار أداة المربع .. ونرسم بها شكلاً بحجم الصورة .
4) نضغط على الفريم الاول من اللاير الثاني ثم نختار F8 ونحدد Movie Clip
5) الآن نختار أداة السهم .. ونضغط ضغطة مزدوجة على الشكل الذي رسمناه بأداة المربع
6) دخلنا الآن الى خصائص الـ Movie Clip.. ونضغط F8 ونختار Button
7) نذهب الى مسرح العمل ونضغط بالسهم ضغطتين على الشكل .
8) دخلنا الآن الى خصائص الـ Button وسنجد الاطارات الاربعة(up و over وDown وHit) الخاصة بالزر
سنقوم بسحب الإطار الـ Up الى الاطار Hit
9) ثم نضغط على مشهد symbol 1
الشكل :
https://mwadah.com/images/imgcache/2008/02/470.imgcache
10) الآن نضغط على الفريم 10 ثم F5
11) نفتح لاير جديد
12) نختار الفريم 5 من اللاير الجديد ثم نضغط F6
13) نختار الفريم 5 من اللاير الأول ثم نضغط F6
14)الآن مانزال في الفريم 5 من اللاير الاول .. نضغط File ثم نختار Import و نختار ملف الصوت .
15) نضغط الفريم 5 من اللاير الثاني ونضغط من قائمة Sound ونختار الصوت الذي اضفناه ،
ثم نختار من قائمة Start..sync
ونضع الرقم 1بقائمة repeat ثم نحوّله الى Loop
16) نضغط على الفريم الاول من اللاير الثاني .. و ندخل للـ Action من خلال تبويب Actions
الشكل:
https://mwadah.com/images/imgcache/2008/02/471.imgcache
ونضغط ضغطتين على الامر Stop .. ثم نغلق الاكشن .
17) نضغط الفريم 5 من اللاير الثاني وندخل للأكشن من تبويب Actions ..
ثم نضغط ضغطتين على الامر Stop .. وبعدها نغلق الاكشن.
18) نضغط على الفريم الاول من اللاير الاول
ثم بالسهم نضغط على الشكل بمسرح العمل .. وفتح الـ Action
ثم نضغط ضغطة مزدوجة على أمر goto
ثم من جهة اليمين نجد الخانة Frame ونضع الرقم 5
نضغط بالسهم على الأمر on (release)
هكذا:
https://mwadah.com/images/imgcache/2008/02/472.imgcache
سنجد مربع الخصائص يظهر لنا
فنزيل علامة الصح من مربع Release
الشكل:
https://mwadah.com/images/imgcache/2008/02/473.imgcache
ونضع صح في مربع Roll Over
https://mwadah.com/images/imgcache/2008/02/474.imgcache
نخرج من الاكشن
19) نضغط الفريم 5 من اللاير الاول
ونضغط بالسهم على مسرح العمل .. ثم نفتح الأكشن
20) نضغط ضغطتين على أمر StopAllSounds
ثم ضغطتين على أمر goto
نضغط بالسهم على الأمر on (release)
https://mwadah.com/images/imgcache/2008/02/472.imgcache
سيظهر لنا مربع الخصائص
سنزيل علامة الصح من مربع Release
ونضع صح امام مربع Roll Out
https://mwadah.com/images/imgcache/2008/02/475.imgcache
ونخرج من الاكشن
الآن نضغط على المشهد الرئيسي Scene1
https://mwadah.com/images/imgcache/2008/02/476.imgcache
اضغط Ctrl + Enter ثم احفظ العمل .
انتهى
-
رد: دروس فـلاش للمبتـدئيــن
بهذا الدرس سنتعرف على كيفية عمل شكل يتبع الماوس ، كهذا التطبيق - اضغط اولا على الشكل ثم حرّك الماوس - :
الخطــوات:
1) نرسم شكل صغير -ببرنامج الفلاش -.
2) نضغط الآن على الفريم الاول ثم نضغط F8
ونختار Movie Clip
3) نضغط على الشكل بمسرح العمل و بيمين الماوس نختار Action ، ونضع هذا الكود :
onClipEvent (load) {
startDrag("", true);
}
4) نضغط على الفريم الاول وبيمين الماوس نختار Action ، ونضع هذا الكود:
mouse.hide();
5) احفظ العمل ثم اضغط Ctrl + Enter
تحياتي .
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش22 : اضافة تأثير متحرك للنص
بسم الله الرحمن الرحيم
سنتعرف بهذا الدرس على بعض التأثيرات الجاهزة والموجودة باصدار فلاش 8 والتي تضيف بعض التأثيرات الجميلة على النصوص او حتى الصور .. كهذين الشكلين :
الشكل الاول : (توسيع)
والشكل الثاني : (تفريق) تكسير
خطوات عمل الشكل الاول :
1) اجعل اولاً قياسات الشكل 500 ×130
2) اكتب النص ثم اضغط على مسرح العمل وبيمين الماوس اختر Timeline Effects
ثم Effects .. واختر Expand
الشكل:
https://mwadah.com/images/imgcache/2008/02/468.imgcache
3) احفظ العمل ثم شاهده بالضغط على Ctrl +Enter
خطوات عمل الشكل الثاني :
1) نضع ذات القياسات 500×200
2) نكتب النص ثم نضغط على مسرح العمل وبيمين الماوس نختار Timeline Effects
ثم Effects .. ونضغط على Explode
الشكل:
https://mwadah.com/images/imgcache/2008/02/469.imgcache
3) احفظ العمل ثم شاهده .
-
رد: دروس فـلاش للمبتـدئيــن
السلام عليكم
ربما يعتبر درس الساعة الرقمية من اسرع واسهل دروس الفلاش على الاطلاق ،
وهذا ماسوف نكتشفه من خلال خطوات الدرس ،
علماً بأن الساعة تعمب بنظام AM - PM
كهذا المثال التطبيقي :
خطـوات الدرس:
1) نضغط على الفريم
الثاني ثم
F5
2) نختار أداة النص ..
ومن قائمة
Properties
نحول خاصية النص الى
Dynamic ****
كما الشكل:
https://mwadah.com/images/imgcache/2008/02/466.imgcache
و بـ خانة
Var نكتب
time
الشكل:
https://mwadah.com/images/imgcache/2008/02/467.imgcache
3) نعود الى الفريم
الاول ، وبـ يمين الماوس نختار
Action
ونضع هذا الكود :
كود PHP:
now=new Date();
now=new Date(); s=now.getSeconds();
if (s<10) { s="0"+s; } m=now.getMinutes();
if (m<10) { m="0"+m; } h=now.getHours(); ampm="AM";
if (h<10) { h="0"+h; } else if (h>=12) { ampm="PM"; h=h;
if (h>12) { h=h-12; }
if (h<10) { h="0"+h; } } time=h+":"+m+":"+s+" "+ampm;
ثم نخرج من الـAction
6) ونحفظ العمل ثم نشاهده .
انتهى .
تحياتي
-
رد: دروس فـلاش للمبتـدئيــن
اليكم شرح طريقة عمل أزرة تشغيل وايقاف للعمل ككل .
كهذا المثال التطبيقي:
خطوات الدرس:
1) بعد أن انتهينا من عمل المشهد الرئيسي كاملاً .
2) نفتح لاير جديد .. ونضغط على أول فريم
3) نختار ****** ونختار Common Library
ونضغط على Buttons
ونسحب منه زري التشغيل والايقاف .
4) نضغط على زر التشغيل -بمسرح العمل- ونفتح الـAction
من قائمة Global Function
نختار Timeline Control
ثم نضغط ضغطة مزدوجة على الأمر
Play
ثم نغلق الـAction
5)نضغط على زر الايقاف -بمسرح العمل كذلك - ونفتح مرة أخرى الـ Action
Global Function
نختار Timeline Control
ثم نضغط ضغطة مزدوجة على الأمر
Stop
6) نحفظ العمل .. ثم نضغط Ctrl + Enter لمشاهدته.
انتهى .
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 25 _عمل ساعة بعقارب
في المرة السابقة تعرفنا على كيفية عمل ساعة رقمية ..و كان درساً بسيطاً وسريعاً .
اليوم سنشرح طريقة عمل ساعة بعقارب ..واتمنى ان يكون الشرح وافياً وواضحاً للجميع .
خطوات الدرس :
1) في الفريم الاول نضع خلفية الساعة . كهذا الشكل:
https://mwadah.com/images/imgcache/2008/02/458.imgcache
2) نفتح لايرين جديدين
-أصبح لدينا الآن ثلاثة لايرات : [الأول خاص بخلفية الساعة ، والثاني خاص بالعقارب ، والثالث بالـActions]-
3) نختار اللاير الثاني ثم نضغط الفريم الاول ونضغط Ctrl+ F8
ونضع الاسم (ثواني).. ثم نختار Movie Clip
الآن دخلنا الى خصائص الـMovie Clip
سنقوم باختيار أداة الخط ونرسم بها عقرب الثواني ونجعله يتوسط علامة الـ+ .. كهذا المثال:
https://mwadah.com/images/imgcache/2008/02/459.imgcache
4) ثم نضغط Ctrl + F8
ونكتب العنوان (دقائق) .. ونختار Movie Clip ثم اوكي.
دخلنا الآن الى خصائص الموفي كليب..
نقوم برسم عقرب الدقائق ونوسطه في المنتصف -كما ذكرناسابقا - .. كهذا المثال :
https://mwadah.com/images/imgcache/2008/02/460.imgcache
5) نضغط الآن Ctrl + F8
ونضع العنوان (ساعات) .. ونختار Movie Clip و اوكي
وبعدها ندخل لخصائص الموفي كليب الخاص بالساعات
سنقوم برسم عقب الساعات ونوسطه في المنتصف.. كهذا المثال :
https://mwadah.com/images/imgcache/2008/02/461.imgcache
6) سنعود الى المشهد الرئيسي Scene 1
7) نضغط على اللاير الثاني ثم ..نفتح المكتبة
ونختار عقرب الـثواني ونسحبه الى مسرح العمل.. ليكون على الساعة 12
- لاحظ بالشكل مكان الحلقة الخاصة بعقرب الثواني وقد وضعتها بمحور الساعة -
الشكل :
https://mwadah.com/images/imgcache/2008/02/462.imgcache
ثم نضغط على العقرب من مسرح العمل وبيمين الماوس نختار Action .. ونضع هذا الكود :
كود PHP:
onClipEvent (enterFrame) {setProperty (this, _rotation, _root.seconds);}
نفتح المكتبة مرة اخرى ونسحب منها عقرب الدقائق ونضعه بنفس اللاير والفريم السابق .. واجعل المؤشر على الساعة 12 ايضا
شكل:
https://mwadah.com/images/imgcache/2008/02/463.imgcache
نضغط الآن على العقرب بمسرح العمل وبيمين الماوس نختار Action .. ثم نضع هذا الكود :
كود PHP:
onClipEvent (enterFrame) {setProperty (this, _rotation, _root.minutes);}
اسحب من المكتبة عقرب
الساعات .. و ضعه كذلك على الساعة
12
كما الشكل:
https://mwadah.com/images/imgcache/2008/02/464.imgcache
ثم نفتح الـ
Action و نضع الكود التالي:
كود PHP:
onClipEvent (enterFrame) {setProperty (this, _rotation, _root.hours);}
8) نختار الآن اللاير الثالث وعلى الفريم الاول نضع هذا الكود :
time = new Date();hours = time.getHours();minutes = time.getMinutes();seconds = time.getSeconds();if (hours>12) {hours = hours-12;}if (hours<1) {hours = 12;}hours = hours*30+int(minutes/2);minutes = minutes*6+int(seconds/10);seconds = seconds*6;
9) اضغط F6
10) نعود الى اللاير الثاني ونضغط على الفريم الثاني ونضغط F6
11) نذهب الى اللاير الاول ونضغط على الفريم الثاني ثم F6
هكذا أصبح شكل اللايرات بشريط الوقت
https://mwadah.com/images/imgcache/2008/02/465.imgcache
12) نضغط اللاير الثالث ونختار الفريم الثاني ثم بيمين الماوس نفتح الـ Action و نضع الكود التالي:
كود PHP:
gotoAndPlay (1);
وهذا هو الشكل النهائي للساعة .
-
رد: دروس فـلاش للمبتـدئيــن
درس الفلاش 26 _عمل حروف وارقام عشوائية
السـلام عليكـمـ
أصدقائنا الفلاشيين الاعزاء .. سنتعرف اليوم على هذين الدرسين الممتعين :
الأول : كيفية عمل حروف عشوائية تتحرك سريعاً .. كهذا المثال التطبيقي للزميلة +ناني+ :
خطـوات الدرس:
1) نضغط أداة الكتابة و نكتب حرف واحد فقط -لافرق اذا كان حرف اجنبي او عربي- ثم نضغط F8
نختار Movie Clip
ملاحظة: إذا استخدمت الحروف العربية لاتنسى ان تختار الحروف التي تبدأ بـ ALW
لأنه بدون استخدام هذا الامتداد .. فـ ستتحول الحروف الى انجليزية لا عربية.
2) اختر أداة السهم الاسود واضغط ضغطتين متتاليتين على الحرف بمسرح العمل - لتدخل في خصائص الـ Movie Clip
3) من قائمة Properties نحوّل النص الى Dynamic ****
وبقائمة Var نكتب L
4) نعود للمشهد الرئيسي
5) نضغط على الحرف - من مسرح العمل- وبيمين الماوس نفتح الـ Action
ونضع هذا الكود - مرفق بالملف أدناه -
انتهى الدرس الى هذا الحد .
6) اذا أردت زيادة الحروف فاضغط على الفريم الاول ثم اضغط يمين الماوس اختر Copy Frames
7) اضغط الفريم (20) و F6
8) افتح لاير جديد واضغط على الفريم ( 3 ) وبيمين الماوس اختر Paste Frames وباعد الحرف الثاني عن الحرف الاول .
9)افتح لاير جديد آخر واضغط الفريم ( 5 ) ثم بيمين الماوس اختر Paste Frames وباعد الحرف الثالث عن الحرف الثاني .
كرر الخطوات رقم 7 و 8 و 9 في حال أردت زيادة الأحرف أكثر .
......................... ......................... ......................... ......................... ......................... ...
drawGradient()
الثاني:
لاستبدال الحروف بالأرقام .. كرر ذات الخطوات السابقة واستبدل فقط الخطوات التالية :
1) اكتب أي رقم بدلا من الحرف .
5) نضغط على الرقم -بمسرح العمل- وبيمين الماوس نفتح الـ Action
ثم نضع هذا الكود :
كود PHP:
onClipEvent (enterFrame) {L = random(9);}
انتهى .
