لونك المفضل

المنتديات الثقافية - Powered by vBulletin
 

النتائج 1 إلى 2 من 2

الموضوع: تعلم الفلاشات وانت في بيتك بالصور

العرض المتطور

  1. #1
    Status
    غير متصل

    الصورة الرمزية مهووس
    تاريخ التسجيل
    03 2010
    المشاركات
    57

    U02 تعلم الفلاشات وانت في بيتك بالصور

    الدرس الأول



    MX ما هو الجديد في فلاش

    راجين من الله التوفيق
    (Flash MX) سنبدأ معكم بعونه تعالى السلسلة التعليمية الجديدة من

    Flash
    ) تحت مسمى Flash بطرح الإصدار الأخير من (Macromedia) حيث قامت شركة
    أن هذه الإصدارة مختلفة عن الإصدارات السابقة
    (Macromedia) وقالت شركة . (MX

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

    .
    بالشكل رقم ( 1 )

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

    الشكل رقم (1)


    ما تم التركيز عليه بشكل ظاهر هو النوافذ وتسهيل تواجدها مج تمعة، تعديل دقة الألوان،
    كما حدث
    (Flash و ( 5 (Flash MX) تغير طفيف على الطبقات . ولم تكن النقلة كبيرة بين

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

    على ثلاثة
    (Flash هذا وقد تم دمج الكثير من النوافذ مثل الخطوط والنصوص كانت في ( 5

    نوافذ ، الآن مع الإصدارة الجديدة أصبحت في نافذة واحدة
    .

    ٣
    هي
    : Flash MX من أهم التغييرات التي حدثت في

    بحيث يمكنك إدراجها في عرضك والتحكم
    (AVI, MPG, Mov) ١- تم دعم الفيديو مثل
    بها، مما يؤدي لأن تكون هذه الإصدارة بمثابة محرر فيديو
    .

    ٢
    - تم دعم إيصال ملفات الصور والصو ت وأصبح الآن بإمكانك طلب صور وملفات
    صوت خارجياً دون إدراجها في عرض الفلاش
    .

    ٣
    - مجلدات في الطبقا ت وهذه أحد الخواص التي كنت أتمناها فعلا ً. أصبح بإمكانك الآن
    مكون من عدة عناصر بحيث تكون المحتويات على طبقات
    . Symbol تكسير أي عنصر
    أي يمكنك التحكم بالشكل المكون من أشكال بوضعه داخل مجلد ولن تحتاج لتحريك ك ل
    وهذه أيضاً ميزة مهم ة لمحترفي
    Flash عنصر على حدة . إمكانية حفظ الملف لإصدارة 5

    ثم أحفظ
    Flash MX في Flash الإصدارة السابقة. فالآن أقوم بعمل ما لا يستطيع عمله 5

    ثم أكمل عملي
    . Flash على 5 FLA الملف المصدري
    ٥
    - تم تحسين وضع الألوان لتصبح أكثر دقة من السابق .

    ٦
    - تم تحسين التحرير فيما يخص أماكن الأشكال والرموز بحيث يتم ظهور نقطة تحرير

    ٤
    عند تكبير العرض لإعطائك دقة أكبر في تحديد الإحداثيات للشكل وقد كنا في السابق
    نعاني من ذلك
    .

    ٧
    - ميزة ((مفتش الخاصي ة)) حيث تم دمج الألواح فيه وبالتالي عند اختيار أي رمز يقوم
    فلاش ماكس بالبحث عن الخصائص والمؤثرات الممكنة لذلك الرمز ويتم عرضها بلوح
    واحد يتوضع أسفل النافذة أو على القسم اليميني من النافذة
    .

    وهي العناصر
    (Components) ٨- تم إضافة عناصر جديدة بلوح الكمبوننت يسمى
    الأكثر استخداماً في نظام
    ((التربيط التبادلي)) .

    ٥
    (
    MX) أدوات برنامج فلاش

    لوحة
    ( MX ) ستتعرف في هذا الدرس على معظم الأدوات المستخدمة في برنامج فلاش
    الأدوات الرئيسية
    : تحتوي على أهم الأدوات المستخدمة في هذا البرنامج ويحتوي هذا
    اللوح على الأدوات مثل أداة التحديد، أداة النص، أداة سطل التلوين، أداة رسم
    المستطيل، أداة رسم الدوائر، أداة الفرشاة، أداة القلم،أداة الممحاة
    , أداة التحجيم , أداة
    التكبير والتصغير
    (ألخ) , سيتم شرح مهمة هذه الأدواتتدريجياً مع الدروس كما أنه
    يمكنك معرفة مهمة كل أداة من خلال وضع الماوس عليها
    , الشكل رقم ( ١ ) يبين لوحة
    الأدوات الرئيسية
    .

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

    الشكل ( 1 )

    لوحة التحكم بألوان العمل أو بألوان الأشكال أو الكتابات وهي مقسمة إلى قسمين
    , القسم
    الأول لاختيار لون خط الرسم الثاني لاختيار لون الشكل أو التحكم في إظهار اللون من

    .
    عدم إظهاره وغيرها الشكل رقم ( ٢ )

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

    الشكل ( 2 )

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


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

    الشكل ( 3 )



    شريط الإطارات و الزمن مقسم إلى إطارات
    , افتراضياً كل ١٢ إطار يمثل ث انية واحدة ,
    .
    يتم من خلاله تنسيق حركة الإطارات وتنظيم فيلم الفلاش ... الشكل ( 4 )

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    الشكل ( 4 )


    وهي تحوي العناصر الأكثر استخداماً في نظام
    ((التربيط ال تبادلي)) (Components)

    الشكل ( 5 )

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

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

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

    الشكل ( 6 )
    لوحة الأحداث أو الأكشن وهي تستخدم من أجل إضافة الأوامر البرمجية لفيلم الفلاش
    ,
    .
    الشكل ( 7 )

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

    الشكل ( 7 )
    كان هذا شرح مبسط لمعظم ألواح الأدوات الموجودة ضمن البرنامج
    .

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



  2. #2
    Status
    غير متصل

    الصورة الرمزية مهووس
    تاريخ التسجيل
    03 2010
    المشاركات
    57

    U02 رد: تعلم الفلاشات وانت في بيتك بالصور


    الدرس الثاني


    الكتابة باللغة العربیة
    :


    من أهم مواضع القصور في برنامج فلاش للمستخدم العربي عدم دعمه للغة العربية
    ,


    بالتالي لا يمكن الاعتماد عليه وحده لتطبيق أدواته على نصوص باللغة العربية
    . إلا انه
    الذي يدعم
    (Corel Draw) بالإمكان تجاوز هذا القصور عن طريق استخدام برنامج


    (
    Adobe Illustrator) اللغة العربية لإعداد النص المطلوب ومن ثم تصديره بصيغة ملف
    إلى برنامج فلاش أو عن طريق برنامج الرسام العربي
    .


    :
    Corel Draw برنامج


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


    لتحويل النص إلى انحناءات
    , بعد (Corel Draw) ٢ - الآن سنستخدم أداة خاصة في
    من القائمة الرئيسية
    , (Convert To Curves<Arrange) تظليل العبارة التي كتبتها أختر
    ستلاحظ أن تحويل النص إلى انحناءات قد قسم وباعد بين الحروف ، لا تهتم
    لذلك سنصلح هذا الخلل ضمن فلاش
    .


    ٩

    لتصدير النص ومن ثم ستحصل
    (Export<File) ٣ - بعد ذلك من القائمة الرئيسية أختر
    على مربع حواري يطلب منك تسمية الملف المراد تصديره واختيار نوعية التصدير
    ,


    من القائمة المنسدل ة ثم اضغط
    (Adobe Illustrator AI) أكتب اسما للملف ثم اختر
    هذا كل ما عليك فعله في الكوريل
    . , (OK) ثم (Export)


    ١٠

    ٤
    - اذهب إلى برنامج فلاش وقم باستيراد النص الذي أعددناه في الخطوات السابقة من
    ثم حدد الملف الذي حفظته
    . (Import<File) القائمة الرئيسية لبرنامج فلاش اختر
    ٥
    - لاحظ أن النص يظهر مقطع من أجل تصليح هذا الأمر من القائمة الرئيسية أختر
    في لوحة المفاتيح ثم استخدم الزر الأيسر
    Shift اضغط مفتاح ,(Break Apart<Modify)


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


    في لوحة
    Ctrl+A يمكنك الآن تغير لون الخط و مقياسه حسب الرغبة , فقط اضغط
    المفاتيح ثم استخدام أداة التلوين لتغير لون الخط وأداة القياس لتحديد المقياس
    .


    برنامج الرسام العربي
    :


    ١
    - اكتب النص الذي تريد في واجهة برنامج الرسام العربي الرئيسية .


    سيحفظ جهاز
    ( Copy & Minimize<Edit) ٢ - من القائمة الرئيسية للبرنامج اختر
    الكمبيوتر نسخة من النص الذي كتبته في الخطوة الأولى ضمن الذاكرة
    .


    ٣
    - عد الآن إلى برنامج فلاش استخدم أداة النص وانقر بها في المكان الذي ترغب في
    لإلصاق النص
    (Ctrl+V) إضافة النص , الآن استخدم لوحة المفاتيح واضغط على
    المحفوظ في الذاكرة
    , وطالما إن برنامج فلاش لا يدعم اللغة العربية فستلاحظ ظهور
    النص على شكل رموز غير مقروءة
    .


    ١١

    ٤
    - من لوح الخصائص اختر القائمةالمنسدلة التي تحتوي على قائمة بالخطوط أو


    AXt
    الفونتات الموجودة في جهازك , ستجد مجموعة من الخطوط تبدأ بالأحرف
    الإنجليزية
    . هذه هي الخطوط الخاصة ببرنامج الرسام العربي أختر الخط الذي تريد
    ولاحظ بأنك حصلت على النص العربي المقروء
    , طبق الآن ما تريده من حجم الخط


    .
    ولونه وذلك من خلال لوح الخصائص الشكل ( 1 )

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

    الشكل ( 1 )


    -
    سنقوم الآن بتحسين جودة النص . من القائمة الرئيسية لبرنامج فلاش اختر


    .(Antialias Text<View)


    ١٢

    (
    MX) إنشاء الحركة في فلاش


    سنتعلم من هذا الدرس كيفية كيفية تحريك الأشكال أو الصور من نقطة في الفيلم إلى نقطة
    أخرى حيث أنه هناك طريقتين لإ نشاء الحركة في فلاش وهما
    ( طريقة الحركة البينية
    للأطر
    , طريقة إطار تلو إطار) وسوف نقوم إنشاء الله في هذا الدرس بشرح كلتا
    الطريقتين مع الأمثلة المناسبة
    .


    قبل أن تبدأ
    : عليك أن تتعلم كيف تخصص فيلم الفلاش من حيث أبعاده ولون الخلفية
    وعدد الإطارات في الثانية
    .....


    يظهر
    (Ctrl + M) أو اضغط على (Document < Modify) من القائمة الرئيسية اختر
    ومن ثم تقوم بتخصيص الفيلم كما تشاء
    , (Document Properties) لك مربع حوار

    الشكل
    ( أ ) .

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

    الشكل ( أ )



     

    على فرض أننا سوف نقوم بتحريك دائرة من أول المشهد إلى آخره فتكون الخطوات
    :


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


    .
    شريط الزمن عند الإطار رقم ١
    ٢
    . قم بالنقر المزدوج على الدائرة من أجل تحديد لون التعبئة والخط الخارجي ثم نحولها
    أو من خلال الضغط
    (Insert) من قائمة (Convert to Symbol) إلى رمز من خلال الأمر


    .
    OK ثم نضغط Graphic فيظهر مربع الحوار الشكل( ١) نحدد الخيار F على زر 8



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

    الشكل ( 1 )


    بعد الشكل إلى رمز يقوم فلاش بحفظ الرسم في المكتبة الخاصة للمشروع يمكن رؤية
    سنقوم بشرح التعامل مع المكتبات
    )) (Window) من قائمة Library ذلك من خلال الأمر
    في الدروس القادمة
    )) .


    ٣
    . الآن باستخدام الماوس نقوم بتحديد الإطار ٢٠ من شريط الزمن لنفس الطبقة بالزر


    .
    F أو نضغط الزر 6 (Insert Keyframe) الأيمن وتختار من القائمة السريعة الأمر



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




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


    ٤
    . والآن سوف نقوم بإضافة الحركة إلى الفيلم وذلك باستخدام الماوس بالزر الأيمن نحدد


    Create Motion
    الإطار الأول في شريط الزمن ونختار من القائمة السر يعة الأمر

    فيصبح شريط الزمن على شكل سهم له خلفية زرقاء باهته
    Tween



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



    مع العلم أنه لا تعمل الحركة البينية إلا مع الرموز أو الكائنات المجمعة
    .


    يجب أن
    (Ctrl+Enter) ٥. الآن نقوم باختبار ما قمنا به من خلال الظغط على زري


    :
    تكون الحركة كما في الشكل ( 2 )


    الشكل ( 2 )

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

    الشكل ( 3 )



    يبين الشكل رقم
    ( ٣) خيارات الحركة البينية حيث يمكن تحديد معدل الدوران حسب اتجاه
    عقارب الساعة أو بالعكس أيضا يمكن إلغاء الحركة البينية ويمكن أيضا تحديد خيارات
    السهول لسرعة الانطلاق أو سرعة الوصول
    .


     
     

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


    على فرض أننا سنقوم بإنشاء ملعب لكرة السلة وفكرة المثال هي انطلاق الكرة ودخولها
    في الدائرة سأضع لكم المثال جاهزاً وهو في الشكل
    ( ٤) وأدع المجال لخبرتكم مع القليل
    من التعليق على ذلك المثال
    :
    (
    الشكل ( ٤
    كما ترون إن هذا الشكل معقد بالنسبة للحركة الأولى ولقد استخدمنا طريقة الإطار تلو
    إطار بعد رسم الملعب طبعاً حيث عند كل إطار نقوم بإضافة إطار مفتاحي ثم نحرك
    الكرة قليلاً وهكذا حتى دخولها الدائرة وسقوطها على الأرض
    (ولا ننسى تحويل الكرة إلى
    رمز
    ) .


    ١٦

    التغير البيني للأشكال
    ( تأثير المورفنج )


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

    :
    بين الأعداد ١و ٢و ٣


    أولاً
    - الطريقة العادية:


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


    .(
    Modify) من قائمة Break Apart العناصر من خلال الأمر
    لإضافة إطار مفتاحي ثم نضغط الزر
    F ٢. عند الإطار ١٥ ننقر عليه بالماوس ثم نضغط 6


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


    .
    الرقم ٣ عند الإطار ٣٠

    ٣
    . الآن وبعد كتابة الأرقام الثلاثة وكسر عناصرها سوف يصبح شريط الزمن عندك هكذا



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


    سوف نقوم الآن بإجراء التغير البيني للأرقام الثلاثة
    , اختر الإطار رقم واحد من شريط

    كم ا
    Tween من القائمة (Shape) نختار الحركة من نوع (Properties) الزمن ومن لوح




    ويتبقى دروس اخرى لكملها لكم عذرا" لا استطيع ان انزلها لكم الان لضيق الوقت وشكرا



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


    لأي استفسار
    almalki_two@hotmail.com

    محبكم مهوووووووووووووووووووووووووووووووووس






ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •