المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دورةفـــى Flash mx


بنت النيل
Mar-22-2008, 12:16 PM
الجزء الاول:صندوق الادوات



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

الذين تعاملوا مع فلاش 5 او 4 سيجدون سهولة في التعامل مع الاصدارةالجديدة ربما اهم ما يميز الاصدارة الجديدة mx هو دعمها
لملفات الفيديوavi وmov بعد ان كانت تعتمد على الملفات الصوتية ومن الجديد ايضا امكانية جمع الطبقات وجعلها في مجلد هذا ابرز ما يميز الاصدارة الجديدة .

صندوق الادوات
http://www.c4arab.com/images/lessons/design/flash/course/pic1-2.jpg
أداة النص text tool نستطيع من خلالها التحكم بنوع الخط ولونه وحجمه والكثير


من خصائص النص :
1- رقم واحد كما هو موضح في الصورة(شكل 1.2 ) يحدد نوع
حقل النص وهي static text وهذا الوضع يسمح لنا بالكتابة ولا يسمح للمستخدم بالكتابة
بالحقل النصي المعمول بstatic ولا يتم التعامل معه كونه متغير
النوع الثانيdynamic text هذا الوضع يتيح لنا عرض المعلومات التي
تتحدث
تلقائيا وتقبل كون النص متغيرولكن لا بد ان نعرف ذلك عن طريق var مثلا لو
اردنا عمل حقل نصي يعرض التاريخ او الوقت نستخدم dynamic text وهذا النوع لا يسمح
للمستخدم بالكتابة بالحقل النصي

النوع الثالث input text ويعتبر من اهم الانواع الثلاثة وله نفس ميزات dynamic
text ويتميز على الاول بكونه يقبل الكتابة من قبل المستخدم وهذا يفيدنا بعمل فورم
مراسلة او فورم استبيان .. لابد من برامج من لغات برمجة اخرى لتساعدنا في
ذلك .

2- رقم اثنين كما هو موضح في الصورة(شكل 1.2 ) يمثل التباعد بين الاحرف
ويعطينا مقدار التباعد حسب القيمة التي نحددها
3- رقم ثلاثة لتحديد نوع الخط
4-رقم اربعة يفيدنا بالتحكم بوضع النص داخل الحقل هل هو افتراضي normal او ان يكون بالاسفل subscript او بالاعلى superscript
5- رقم خمسة كما هو موضح في الصورة(شكل 1.2 ) يفيدنا باختيار حجم الخط
6- رقم ستة تفيدنا بطريقة تعدد الاسطر داخل حقل النص ان اردنا جعله على سطر واحد نختار single line او على اسطر
متعددة نختار في هذه الحالة multilne او نختار password والاخيرة تجعل المدخلات من قبل المستخدم تظهر مشفرة بالنسبة لعدد الاحرف المدخلة نستطيع ان نحدد ذلك من خلال maximum characters نغير الصفر الى عشرة حتى لا تتجاوز الاحرف المدخلة
عشرة احرف
7- رقم سبعة كما هو موضح بالصورة (شكل 1.2 ) تفيدنا بعمل روابط 8- وهي مرتبطه بسبعة فهي تحدد الكيفية التي ستفتح بهاالصفحة اما بصفحة جديدة كـblank او بنفس الصفحة مثل self ال parnet وtop تستخدمان عند التعامل مع الاطارات
****

http://www.c4arab.com/images/lessons/design/flash/course/pic1-3.jpg
شكل (1.3)
1- يعطينا مقاس العرض والطول للشكل المرسوم نستطيع توسيعه اما عرضي بزيادة القيمه المقابله لـ w او انقاص القيمة عندما نريدتصغير العرض اوزيادة الارتفاع بزيادة القيمة في h او انقاص الارتفاع بانقاص القيمة الرقمية للh

2- تعطينا الابتعاد عن محور اكس x الافقي وعن المحور y العامودي كما تلاحظ في الشكل 1.3
3- لون حدود القلم والدلويمثل لون التعبئة الداخلية
4-سماكة الحدود
شرح بعض الادوات
http://www.c4arab.com/images/lessons/design/flash/course/pic1-4.jpg

المشهد الرئيس في الفلاش يتضمن طبقة او عدة طبقات والطبقةالواحده بداخلها العديد من الفريمات المرقمة تابع الشكل (7.1)

http://www.c4arab.com/images/lessons/design/flash/course/pic1-7.jpg

1- layer او الطبقة بالنقر المزدوج على الطبقة نستطيع تغيير الاسم وهو مهم من حيث تنظيم العمل
2- scene1 اوالمشهد الرئيسي كما قلنا سابقا وهو يحوي على الطبقة او عدة طبقات
3- الفريمات والبعض يسميه الكادر وهي نقطة انطلاق المشهد وهذا المؤشر الاحمر عند مروره على هذه الفريمات فانه يعرض ما هو موجود على كل فريم مكون بذلك الحركة التي نشاهدها ("قم بهذا المثال البسيط من صندوق الادوات اختر اداةoval اختصارها في لوحة المفاتيح[o]ارسم دائرة في الفريم رقم واحد ثم اعمل keyframe لننتقل للفريم التالي من شريط القوائم اختر insert ومنها keyframe اختصار هذا في لوحة المفاتيح[f6] في الفريم الثاني ارسم دائرة اخرى من شريط القوائم اختر control ومنه اختر play تابع ما عملته ولكي تستعرض ذلك من control اختر test movie اختصار ذلك من لوحة المفاتيح [ctrl+E]) قد لا يعجبك ما تم عمله الآن في هذه التجربة البسيطه ولكن تاكد ان بداية كل مصمم هكذا
4- اضافة layer جديد اما بواسطة ما اشرنا اليه في الشكل 7.1 او من خلال الامر insert في شريط القوائم
5- لعمل مجلد خاص نجمع فيه الطبقات وهو مفيد عندما نعمل على عشر طبقات مثلا نستطيع عمل مجلدين ونجعل في كل مجلد خمس طبقات

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

بنت النيل
Mar-22-2008, 12:38 PM
تنقسم الصور والرسوم الى قسمين

النوع الاول

رسوم متجهة وتدعى فكتور والتي تعتمد على المعادلات الرياضية لعرض رسومهاومن البرامج التي تعتمد على هذا النوع الليستريتر وكوريل وفري هاند وايضا فلاش يضم مع هذه المنضومة

النوع الثاني

رسوم نقطية وتعتمد على البكسلات الملتحمة مع بعضها البعض والمكونه الصور التي نشاهدها الرسوم المتجهة يفيد بعمل الشعارات وهذا دائما ما نسمع فيه لماذا؟

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


http://www.c4arab.com/images/lessons/design/flash/course/pic4.jpg
سنقوم الآن بفتح برنامج الفلاش ولنختار احد الصور لاضافتها في تطبيقنا لعمل بعض التاثيرات عليها اختر
file>import
اختر الصورة التي تريد لكي نقوم بتحويلها الى فكتور فيما بعد ستجد ان الصورة اضيفت لمساحة العمل
http://www.c4arab.com/images/lessons/design/flash/course/pic5.jpg
graphic سنقوم بتحويل الصورة في اول خطوة الى
convert to symbolنختار insert من
http://lessons.roro44.com/lessons/addon/pic6.jpg
لعمل نسخة مشابهة library الآن سنفتح المكتبة
duplicate كما هو موضح نختار library ثم window من شريط القوائم نختار
http://www.c4arab.com/images/lessons/design/flash/course/pic7.jpg
ستضاف للمكتبة نسخة جديدة من الصورة سنحتفظ بهذه النسخة لنستخدمها لاحقا
http://www.c4arab.com/images/lessons/design/flash/course/pic8.jpg

بنت النيل
Mar-22-2008, 12:43 PM
http://www.c4arab.com/images/lessons/design/flash/course/pic8.jpg
سنقوم الآن بتحويل الصورة من صورة نقطية الى متجهة
trace bitmap ومنه نختار modifyننقر على الصورة نقر مزدوج من شريط القوائم نختار
كما هو موضح بالصورة
http://www.c4arab.com/images/lessons/design/flash/course/pic10.jpg
ان الصورة تمت معالجتها وتحويل هيئتها من نقطية الى متجهة كما هو موضح تراها
http://www.c4arab.com/images/lessons/design/flash/course//pic11.jpg
30 الآن اختر الفريم
http://www.c4arab.com/images/lessons/design/flash/course/pic12.jpg
f5 اختصار ذلك من لوحة المفاتيح inser الموجودة في frame بعد ذلك اختر
http://www.c4arab.com/images/lessons/design/flash/course/pic13.jpg
سنحصل على هذا الشكل
http://www.c4arab.com/images/lessons/design/flash/course/pic14.jpg
insertالموجودة في create motion tweenثم نعمل
http://www.c4arab.com/images/lessons/design/flash/course/pic15.jpg
keyframe<insert ونختارايضا من
http://www.c4arab.com/images/lessons/design/flash/course/pic16.jpg
صفر تعتبر الاختفاء التام alphaسنضيف الآن الشفافية والتي تعرف بالفا او
propertiesنختار window من
http://www.c4arab.com/images/lessons/design/flash/course/pic17.jpg
30 كما ذكرنا في الخطوة السابقة ونجعل قيمة صفر تتمركز عند الفريم alpha نختار
http://www.c4arab.com/images/lessons/design/flash/course/pic18.jpg
سنقوم الان بجلب الصورة التي عملنا منها نسخة في المكتبة ونضعها في طبقة جديدة ونكرر نفس الخطوات التي عملناها على الصورة المتجهة ولكن في الطبقة التي توجد عليها الصورة النقطية نجعل قيمة الفا صفر عند اول فريم وليس في الفريم الاخير كما عملنا في الصورة المتجهة

الجزء الرابع - الحركة على مسار متعرج؟
هذة المرحله لم اتمكن من احضار الصور لاسباب فنيه لكن اذا تكمنت احضرتها باذن الله تعالى:
سنقوم باذن الله اليوم بشرح الحركة على مسار متعرج عن طريق
Motion Guide نختار insert افتح برنامج فلاش من

لاتشغل بالك Motion Guideوضعت السهمين فقط لكي اوضح ان هناك طريقتين لاضافة
oval ودائرة بواسطة اداة pencil اتبع طريقة واحدة فقط بعد ذلك سنرسم خط متعرج بواسطة اداة
شرحنا الادوات باليوم الاول والثاني سنحدد الدائرة


بعد ذلك سنحولها الىmovie clip في خانة name ضع كلمة دائرة مهمة الاسماءوخاصة عندما تتعامل مع الكثير من العناصر
كما ذكرنا movie clip طبعا نختار behaviorومن خيارات

15 نضع المؤشر على الفريم رقم layer1والدائرة في الطبقة الثانية Guide الخط المتعرج في طبقة
ايضا نختار insert ومن frame نختار inser ومن layer 1من الطبقة التي عليها الدائرة وهي
f6 والتي اختصارها insert الموجودة في keyframe ونختار create motion tween
اعتقد تذكرتم هذه النقاط لاننا شرحناها بالامس

motion Guide لابد من تحريك الدائرة للطرف الاخرمن الخط المتعرج بالمناسبة اي خطوط ورسومات على
motion guide لاتظهر عند العرض بينما تكون واضحة على مساحة العمل اي ان الخط المتعرج لن يظهر للمتصفح لانه

عند الفريم15 سنحرك الدائرة للطرف الآخر
guide layer بعد ذلك ننتقل للفريم 15الموجود في طبقة

f6ومن لوحة المفاتيح ننقر على مفتاح

عطاالله التركي
Mar-22-2008, 07:38 PM
السلام عليكم ورحمة الله وبركاته

بوركتي أخت بنت النيل على الشرح الممتاز والمفيد لبرنامج flsah max

لك تقديري . . . وبانتظار جديدك

بنت النيل
Mar-23-2008, 04:26 PM
السلام عليكم ورحمة الله وبركاته


بوركتي أخت بنت النيل على الشرح الممتاز والمفيد لبرنامج flsah max


لك تقديري . . . وبانتظار جديدك

اخى الفاضل ا\ عطالله
بورك فيك
ولك وافر التقدير والاحترام على مروك الكريم على موضوعى
ولا اعرف لماذا لم يشارك او يراه احداخر
تقبلوا وافر الاحترام

تواقه
Mar-26-2008, 12:59 AM
مجهود تشكرين عليه ...يسلمو :)

بنت النيل
Mar-26-2008, 11:09 AM
اشكرك اختى الكريمه على مرورك الكريم على موضوعى

كن متسامحا
Mar-28-2008, 02:24 PM
يعطيك ربي العافية

وألف شكر

tiaf
Mar-28-2008, 02:57 PM
بارك الله فيك شرح وافي ووضح مدعم بالصور

من تعشق العلم
Mar-28-2008, 05:57 PM
مجهود طيب وتشكري علية جزاك الله كل خيرررررررررر :)

احمد العياف
Mar-28-2008, 06:15 PM
شكرا بنت النيل على تزويدنا بكل ماهو نافع

هدى العراقية
Mar-28-2008, 06:51 PM
جزاك الله خيرا شرح وافي ومجهود مميز

بنت النيل
Mar-29-2008, 11:19 AM
شكرا اخوتى الفضلاء على مروركم الكريم والطيب على موضوعى
تقبلوا فائق احترامى وتقديرى
هدى صلاح
بنت النيل