|
|
|
#1
03-03-2010, 08:50 AM
|
|||
|
|||
دورة دروس تعلم فلاش احترافيه مصوره
دورة دروس فلاش مصوره , دورة دروس فلاش للمبتدئين , دورة دروس فلاش 2010 بسم الله الرحمن الرحيم نبداء على بركة الله وندعوا الله ان يرضينا بهذا العمل دنيتا واخرتا الواجهة الاساسية للبرنامج في البداية نقوم باظهار شريط الادوات الرئيسي وذلك باختيار window ثم toolbar ثمmain  عندها سوف تظهر لنا الواجهة الرئيسية لبرنامج الفلاش بالشكل التالي  نلاحظ ان واجهة البرنامج تتكون من 1) ساحة العمل: وهي المكان المخصص للعمل 2) الطبقات : وفيها يتم وضع الكائنات والعناصر وسيتم شرحها بالتفصيل لاحقا 3) اشرطة الادوات نبدأ معا بشرح اشرطة الادوات يمكننا التحكم في اظهار واخفاء اشرطة الادوات من خلال اللائحة window  فاذا نظرنا الى هذه اللائحة فاننا سوف نلاحظ وجود علامة صح بجوار اشرطة الادوات الظاهرة ما يهم هنا ان اشرطة الادوات في برنامج الفلاش تختلف عن غيره من البرامج في ان لها ثلاث حالات وهي 1) الظهور مع الفتح : وفيها يكون شريط الادوات جاهز للاستخدام ويكون المثلث المجاور لاسم الشريط متجها للاسفل  2) الظهور مع الاغلاق : وفيها يكون الشريط ظاهر على الواجهة ولكنه مغلق ويكون المثلث متجه باتجاه الجانب  ويمكننا التحكم في فتح واغلاق شريط الادوات من خلال النقر بزر الماوس الايسر على الشريط 3) الاخفاء : في هذه الحالة يختفي الشريط نهائيا عن الواجهه ونستخدمها لاخفاء الاشرطة التي لا نستخدمها وذلك بالنقر بالزر الايمن للماوس على الشريط واختيارclosepanel  والان سوف نقوم باغلاق بعض اشرطة الادوات التي لن نحتاج اليها حاليا وهي الاشرطة الظاهرة في يمين الشاشة Answers Components Colormixture وكذلك نغلق الشريط actions الذي يقع مباشرة تحت ساحة العمل وبذلك يتبقى شريطين اساسيين سوف نيدأ بشرحهما وهما شريط الخصائص properties شريط ادوات الرسم tools  1) شريط الخصائص properties أهم ما يجب معرفته عن هذا الشريط انه يحتوي على خصائص العنصر الذي نقوم باستخدامه فاذا اخترنا مثلا اداة رسم الخط فان شريط الخصائص سوف يظهر الينا خصائص الخط المطلوب رسمه مثل اللون والسمك . أما اذا لم نختار اي عنصر او اداة من شريط الادوات فان شريط الخصائص (properties) سوف يظهر لنا خصائص العمل (Movie) ككل كما في الشكل  والتي تحتوي على أبعاد الموفي size ( العرض width والارتفاع height ) بوحدة البكسل لون الخلفية backgroundcolor , Frame rate publisher تشرح لاحقا بالنقر على الزر المجاور لكلمةsize نلاحظ ظهور document properties والتي تحتوي على خصائص أكثر تفصيلا للموفي  نلاحظ وجود الزر makedefault وعند النقر عليه يضع القيم الافتراضية للابعاد وهي ( 400x 550 ) وكذلك اللون الافتراضي للخلفية وهو اللون الابيض نلاحظ وجود الزر makedefault وعند النقر عليه يضع القيم الافتراضية للابعاد وهي ( 400x 550 ) وكذلك اللون الافتراضي للخلفية وهو اللون الابيض 2) شريط ادوات الرسم tools  شريط أدوات الرسم tools  يقع هذا الشريط في أقصى اليسار ويحتوي على مجموعة من الادوات التي يمكن تصنيفها تبعا للوظيفة التي تقوم بها الى أدوات الرسم Draw tools أدوات الاختيار Selection tools أدوات التعديلEdit tools أدوات العرض View tools أدوات اللون Color tools والان دعونا نبدأ بشرح هذه الأدوات والبداية مع المجموعة الاولى أدوات الرسم Drawtools 1) أداة رسم الخط line tool   وتستخدم لرسم الخطوط المستقيمة المتصلة و المتقطعة نلاحظ عند النقر على هذه الاداة ان صندوق الخصائص properties قد أصبح يحتوي على 3 الخصائص الخاصة باداة رسم الخط  كما نلاحظ من هذا الصندوق يمكننا التحكم بلون وسمك وشكل الخط المرسوم اضافة الى التحكم بشكل وعدد نقاط الخط اذا كان متقطعا وذلك بالنقر على زر التخصيص Costom لرسم خط نقوم بما يلي اولا: نختار أداة رسم الخط ثانيا: نحدد لون وسمك ونوع الخط من صندوق الخصائص Properties ثالثا: نقوم بالنقر بزر الماوس الايسر في ساحة العمل وتحريك الماوس مع استمرار الضغط على الزر الايسر وصولا الى الطول المطلوب للخط عندها نحرر زر الماوس 2) أداة رسم الدائرة Ovaltool  وتستخدم لرسم الدائرة والاشكال البيضوية نلاحظ عند النقر على هذه الاداة ان صندوق الخصائصproperties قد أصبح يحتوي على الخصائص الخاصة باداة رسم الدائرة  كما نلاحظ من هذا الصندوق يمكننا التحكم بلون التعبئة (Fill) ولون وسمك وشكل الاطار اضافة الى التحكم بشكل وعدد نقاط الخط الاطاري اذا كان متقطعا وذلك بالنقر على زر التخصيص Costom لرسم دائرة نقوم بما يلي اولا: نختار أداة رسم الدائرة ثانيا: نحدد لون التعبئة وسمك ونوع الاطار من صندوق الخصائص Properties ثالثا: نقوم بالنقر بزر الماوس الايسر في ساحة العمل وتحريك الماوس مع استمرار الضغط على الزر الايسر وصولا الى الحجم المطلوب للدائرة عندها نحرر زر الماوس 3) أداة رسم المستطيل Rectangel tool  وتستخدم لرسم المستطيل والمربع بحواف قائمة و منحنية نلاحظ عند النقر على هذه الاداة ان صندوق الخصائص properties قد أصبح يحتوي على الخصائص الخاصة باداة رسم المستطيل كما نلاحظ من هذا الصندوق يمكننا التحكم بلون التعبئة (Fill) ولون وسمك وشكل الاطار اضافة الى التحكم بشكل وعدد نقاط الخط الاطاري اذا كان متقطعا وذلك بالنقر على زر التخصيصCostom بنفس الطريقة التي اتبعناها في رسم الدائرة لرسم مستطيل نتبع نفس خطوات رسم الدائرة نلاحظ عند اختيارنا لاداة رسم المستطيل فان صندوق الخياراتOption الموجود في اسفل شريط أدوات الرسم أصبح يحتوي على خيارات اضافية كما في الشكل  تستخدم هذه الاداة اذا أردنا رسم مستطيل بزوايا منحنية فعند النقر عليها يظهر صندوق اعدادات المستطيل (Rectangel sitting ) والذي من خلاله يمكننا تحديد نصف قطر انحناء زاوية المستطيل بوحدة Pixel  نضع الرقم 10 مثلا ونضغط على OK ونقوم بعدها برسم المستطيل ليضهر بحواف منحنية 4) أداة القلم Pencil tool  تستخدم لرسم الخطوط اليدوية بنفس الطريقة التي اتبعناها في رسم الخط المستقيم نلاحظ عند اختيارنا لاداة رسم المستطيل فان صندوق الخيارات Option الموجود في اسفل شريط أدوات الرسم أصبح يحتوي على خيارات اضافية كما في الشكل [اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط] نلاحظ وجود اداة تحديد نوع الخط المرسوم ( Pencile mode ) و عند الضغط على هذه الاداة تضهر ثلاثة خيارات وهي  Straighten لرسم خطوط مستقيمة عندها تصبح أداة القلم مشابهة في سلوكها لاداة رسم الخط Smooth لرسم خطوط منحنية Ink لرسم خطوط يدوية أي تصبح الاداة وكأنها قلم 5) أداة الفرشاة Brushtool  تستخدم تماما كفرشاة للدهان لاحظ عند النقر على هذه الاداة ان صندوق الخصائص properties قد أصبح يحتوي على الخصائص الخاصة باداة الفرشاة والذي من خلاله يمكن تحديد لون الدهان كما ونلاحظ ان الخياراتoptions تحتوي على مجموعة من الخيارت وهي 1 لتحديد شكل الفرشاة 2 لتحديد حجم الفرشاة 3 لتحديد طريقة الدهان وتحتوي على مجموعة من الخيارات ولفهم هذه الخيارات نقوم بما يلي أولا : نقوم برسم دائرة بالخصائص الاتية لون تعبئة احمر لون خط اطار أزرق سمك خط الاطار 8 كما في الشكل  ثانيا : نختار أداة الدهان Brush ومن الخصائص نختار لون التعبئة اسود ثالثا : من الخيارات Options الخاصة بالفرشاة نضغط على Paint mode لتظهر طرق الدهان  رابعا: نختار الخيار الاول paintnormal وندهن فوق الدائرة كما في الشكل  نلاحظ ان هذا الخيار يستخدم للدهان في أي مكان نختار الخيار الثاني paintfill وندهن فوق الدائرة كما في الشكل  نلاحظ ان هذا الخيار يستخدم للدهان في منطقة التعبئة fill بينما لا يدهن الاطار نختار الخيار الثالث paint behined وندهن فوق الدائرة كما في الشكل  نلاحظ ان هذا الخيار يستخدم للدهان خلف الدائرة دون التأثير على منطقة التعبئة ولا حتى الاطار اما الخيار الرابعpaint selection فيدهن فقط فوق المنطقة المختارة أو المظللة وسنتعلم كيفية اختيار او تظليل منطقة معينة عند شرح ادوات الاختيار selectiontools أما الخيار الخامس paintinside فيقوم بالدهان داخل الدائرة فقط اذا كانت الاداة باكملها داخل الدائرة ملاحظة : ما ينطبق هنا على الدائرة ينطبق على أي شكل مغلق اخر 6) اداة الرسم المعقد Pen tool [اخي العزيز ،، يتوجب عليك اضافة رد لرؤية الرابط] هذه الاداة الرائعة التي ينفرد بها برنامج الفلاش تستخدم لرسم جميع الاشكال نلاحظ عند النقر على هذه الاداة ان صندوق الخصائص properties قد أصبح يحتوي على الخصائص الخاصة بهذه الاداة كما نلاحظ من هذا الصندوق يمكننا التحكم بلون التعبئة (Fill) ولون وسمك وشكل الاطار اضافة الى التحكم بشكل وعدد نقاط الخط الاطاري اذا كان متقطعا وذلك بالنقر على زر التخصيص Costom مبدأ عمل هذه الاداة تعتمد هذه الاداة مبدا الرسم النقطي حيث انها مع كل نقرة على الماوس ترسم نقطة ومن ثم تقوم برسم خط بين اخر نقطتين مرسومتين الى ان يصبح الشكل المرسوم مغلقا عندها تملؤه بلون التعبئة المحدد ولتوضيح ذلك نستخدم هذه الاداة لرسم مثلث أولا: ننقر بزر الماوس في اي مكان في ساحة العمل نلاحظ ظهور نقطة ثانيا: على بعد مسافة من النقطة الاولى ننقر لنلاحظ ظهور نقطة ثانية وانه تم رسم خط من الاولى للثانية  ثالثا: نقوم بالنقر مرة ثالثة اعلى الخط المرسوم لنكون نقطة ثاثة ونلاحظ انه تم رسم خط بين النقطة الثانية والثالثة  رابعا : ننقر مرة اخرى على النقطة الاولى لنلاحظ انه تم رسم خط بين النقطة الثالثة والاولى وتم تعبئة المثلث بلون التعبئة الذي حددناه من خصائص هذه الاداة  ملاحظة هامة جدا: بعد الانتهاء من الرسم باستخدام هذه الاداة يجب الانتباه الى عدم الضغط اي ضغطة على الماوس في ساحة العمل لان ذلك سوف يكون نقطة وخط جديدين لحذف نقطة من النقاط نضع الماوس فوقها دون النقر عليه حتى ظهور اشارة ناقص ( - ) بجوار السهم عندها ننقر لنلاحظ انه تم حذف النقطة كما ويمكن استخدام هذه الاداة لرسم خط منحني curve باتباع الخطوات التالية أولا : ننقر بالماوس لتكوين النقطة الاولى التي ستكون نقطة بداية المنحنى ثانيا : على بعد مسافة من الاولى ننقر مع عدم افلات زر الماوس لنكون النقطة الثانية (نهاية المنحنى) ونقوم بتحريك الماوس بشكل دائري مع استمرار الضغط عليه وصولا الى شكل المنحنى المطلوب   يتبع
|
|
#2
03-03-2010, 08:52 AM
|
|||
|
|||
|
شريط أدوات الرسم tools
شرحنا في الدرس السابق أدوات الرسم Draw tools وفي هذا الدرس نكمل معا شرح بقية الادوات في شريط ادوات الرسم tools أدوات التحديد والاختيار Selection tools تستخدم هذه الادوات لاختيار وتحديد العنصر الذي نود اجراء التغيير عليه 1) أداة السهم Arrow  تساعدك على اختيار العنصر الذي تود التأثير عليه ولفهم مبدأ عمل هذه الاداة نقوم بما يلي نرسم دائرتيين متجاورتين بلونين مختلفين كما تعلمنا سابقا لتغيير لون اي دائرة من الدائرتين أولا : نختار أداة السهم من صندوق الادوات ثانيا : ننقر بالزر اليسر للماوس داخل الدائرة التي نود تغيير لونها لاختيارها ثالثا : نختار اللون المطلوب من صندوق الخصائص properties  كما وانه هناك طريقة اخرى لاختيار الدائرة التي نود تغيير لونها وذلك باختيار اداة السهم ثم النقر مع استمرار الضغط على زر الماوس الايمن في اي مكان خالي في ساحة العمل مع تحريك الماوس لنلاحظ انه تم رسم مربع وهمي الان نستمر بتحريك الماوس حتى يغطي المربع الجزء المطلوب التاثير عليه فاذا اردنا تغيير لون الدائرة الاولى وجزء من الثانية نستخدم هذه الطريقة كما في الشكل  ملاحظة : لاختيار مجموعة من العناصر للتاثير عليها نستخدم المفتاح shift في لوحة المفاتيح فلو اردنا تغيير لون الدائرتين نقوم بما يلي نختار اداة السهم ننقر داخل الدائرة الاولى باستمرار الضغط على مفتاح shift من لوحة المفاتيح ننقر داخل الدائرة الثانية وبذلك نكون قد اخترنا الدائرتين نختار اللون المناسب من Properties 2) أداة التحكم بالنقاط Subselection tool  يقتصر تأثير هذه الاداة على الخطوط سواء المستقيمة او اطار الدائرة والمستطيل ولفهم ذلك نقوم برسم دائرة نختار اداة التحكم بالنقاط من صندوق الادوات ننقر بزر الماوس الايسر على اطار الدائرة لنلاحظ ظهور مجموعة من النقاط كما في الشكل  يمكننا تغيير موقع هذه النقاط على اطار الدائرة وبذلك تغيير شكل الاطار بالنقر مع استمرار الضغط والسحب على اي من هذه النقاط  كما ويمكننا التاثير على درجة الانحناء باستخدام النقاط وذلك باستخدام المفتاح Alt كما سنلاحظ في التطبيقات اللاحقة 3) اداة الحبل Lasso tool  تستخدم هذه الاداة للتحديد اليدوي ولفهم ذلك في الشكل التالي   لاستخراج صورة اللاعب نستخدم اداة الحبل لرسم خط محيط باللاعب عندها نلاحظ انه تم تحديده ومن ثم نستخدم اداة السهم لسحبها واستخراجها كما سنتعلم في درس التعامل مع الصور أدوات التحكم بالحجم والدوران Edit tools 1) أداة تغيير الحجم والدوران Free transform tool  تستخدم هذه الاداة للتحكم بحجم ودوران العنصر الذي قمنا بتحديده على النحو الاتي اولا : نختار العنصر الذي نود تغيير حجمه بواسطة احدى طرق الاختيار والتحديد التي تعلمناها (باستخدام السهم أو الحبل ) ثانيا : ننقر على الاداة Free transform tool لنلاحظ ظهور مربعات التحكم بالحجم حول العنصر لتغيير درجة الدوران نضع المؤشر بالقرب من احدى زوايا العنصر اولا : نختار العنصر الذي نود تغيير دورانه بواسطة احدى طرق الاختيار والتحديد التي تعلمناها (باستخدام السهم أو الحبل ) ثانيا : ننقر على الاداة Free transform tool لنلاحظ ظهور مربعات التحكم بالحجم والدوران حول العنصر ثالثا : نضع المؤشر بالقرب من احدى زوايا العنصر الى ان يتحول شكل المؤشر الى سهم دائري عندها ننقر مع السحب بشكل دائري وعند اختيارنا لهذه الاداة نلاحظ ان صندوق الخيارات options اصبح يحتوي على الخيارات التالية  1 للتحكم بالدوران rotation 2 للتحكم بالحجم scale 3 للتحكم بالحجم بطريقة انسيابية 4 للتحكم بالحجم عن طريق تغيير شكل الاطار 2) اداة التحكم بتدرج الالوان Fill transform tool  سوف نؤجل شرح هذه الاداة الى ان نقوم بشرح تدرج الالوان أدوات التحكم باللون Color tools 1) أداة تغيير لون التعبئة Paint backet tool  تستخدم هذه الاداة لتغيير لون التعبئة fill حيث تقوم بملء الشكل باللون الموجود في صندوق الالوان color  نلاحظ في صندوق الخيارات options وجود مجموعة من الخيارات الخاصة بهذه الاداة وهي للتخصيص التعبئة بالاشكال الصغيرة او الكبيرة او المغلقة او المفتوحة واختيار اي من هذه الخيارات يعتمد بالدرجة الاولى على طبيعة الشكل الذي نود تعبئته 2) اداة تغيير لون الاطار Inc bottle tool  تستخدم لتغيير لون الاطار باللون الموجود في صندوق الالوان color بنفس الطريقة التي اتبعناها في تغيير لون التعبئة 3) أداة اقتباس الالوان Eyedropper tool  تستخدم هذه الاداة لاقتباس لون من شكل لنملء به شكل اخر ففي الشكل التالي  لتعبئة الدائرة بنفس لون المستطيل نختار اداة اقتباس الالوان وننقر بزر الماوس الايسر داخل المستطيل لنلاحظ ان شكل المؤشر قد تغيير ليصبح على شكل اداة تغيير لون التعبئة الان ننقر بزر الماوس الايسر داخل الدائرة لنلاحظ انه تم تعبئتها بلون المستطيل 4) اداة الممحاة Eraser tool  تستخدم لازالة الرسوم الغير مرغوبة ومن صندوق الخيارات option يمكننا التحكم بحجم الممحاة وطريقة المحي بنفس الطريقة التي اتبعناها في اداة الدهان أدوات التحكم بالحجم المعروض view tools  تستخدم لعمل Zoom لساحة العمل لاظهار التفاصيل الدقيقة للعناصر وهكذا اخواني واخواتي نكون بحمد الله قد انتهينا من شرح صندوق ادوات الرسم tools وقد يستغرب البعض عن سبب التركيز واطالة الشرح في هذه الامور التي قد تبدو بسيطة للوهلة الاولى ولكن طبيعة برنامج الفلاش تستدعي منا هذا التركيز على موضوع الرسم لان اي عمل او مشروع بهذا البرنامج لن يخلو من الرسومات وهذه الرسومات في المستقبل سوف نحولها الى عناصر objects ومن ثم نقوم بالتحكم بها مثل تحريكها او تحويلها الى ازرار وهكذا ولهذا السبب افترض من جميع الاخوة والاخوات الذين يرغبون بالفعل للوصول الى الاحتراف في هذا البرنامج ان لا يهملوا موضوع الرسم وان يتدربوا عليه جيدا ونحن من جهتنا قمنا بشرح جميع الامور المتعلقة بالرسم (عدا تدرج الالوان التي سنشرحها في وقتها ) وحتى تتم الفائدة سوف نقوم باجراء هذا التطبيق على موضوع الرسم تطبيق : استخدام اداة التحكم بالنقاط Selection tool واداة الرسم المعقد Pen لرسم قلب أولا : نختار أداة الرسم المعقد Pen ثانيا : نقوم برسم النقاط التالية بالترتيب الموضح بالشكل  ثالثا :نختار اداة التحكم بالنقاط Subselection tool رابعا: ننقر نقرة واحدة على اطار الشكل الناتج لنلاحظ ظهور النقاط التي رسمناها خامسا : ننقرنقرة واحدة على النقطة الاولى للتأثير عليها فنلاحظ انه تم تحديدها باللون الازرق  سادسا: نستمر بالضغط على المفتاح Alt في لوحة المفاتيح وخلال ذلك نقوم بالنقر مع التحريك على النقطة الاولى لنلاحظ ظهور تقوس نتحكم بشكل هذا التقوس بالتحريك الدائري  سابعا: نكرر ما قمنا به على النقطة رقم 1 بنفس الطريقة على النقطة رقم 3 
|
|
#3
03-03-2010, 08:57 AM
|
|||
|
|||
|
كيفية حفظ العمل او المشروع
الحفظ والتصدير الحفظ Save لحفظ اي تصميم في برنامج الفلاش نختار الامر save as من لائحة file ونحدد مكان الحفظ نلاحظ انه تم حفظ المشروع بامتداد fla وهو الامتداد الخاص ببرنامج الفلاش التصدير Publish يتيح لنا برنامج الفلاش تصدير التصاميم على عدة اشكال وامتدادات لتصدير اي تصميم يجب اولا ان نقوم بحفظ المشروع بامتداد fla كما تعلمنا من القائمة file نختار Publish sittings ليظهر لنا صندوق اعدادات التصدير نلاحظ في القائمة format مجموعة الصيغ والامتدادات المتاحة للتصدير في الفلاش وهي Swf وهي اختصار ( Shock Wave File ) وتعتبر الاكثر اهمية بين هذه الصيغ وتكمن اهميتها في كونها امتدادات صغيرة الحجم اضافة الى امكانية عرضها من قبل متصفح الانترنت IE وهذا الامتداد يحتاج الى مشغل خاص لتشغيله يسمى مشغل الفلاش Flash Player وهناك عدة اصدارات من مشغلات الفلاش حيث ان كل نشخة من الفلاش لها مشغل فلاش خاص بها مثل Flash player 5 Flash player 6 ونحن ولكوننا نتعامل مع الاصدار السادس من البرنامج فبطبيعة الحال فان المشغل الذي نستخدمه هو flash player 6 Html لتصدير الملف على شكل صفحة انترنت Web وينبغي الانتباه الى عدم امكانية اختيار هذا الامتداد لوحده بل يتم اختيار الامتداد swf معه بحيث يكون ملف swf عبارة عن source لصفحة الويب Gif للتصدير على شكل صورة بامتداد gif وتصلح غالبا للصور المتحركة jpg للتصدير على شكل صورة بامتداد jpg Png للتصدير على شكل صورة بامتداد png Exe للتصدير بامتداد exe وهذا الامتداد قابل للتشغيل دون الحاجة لوجود Flash player Macintosh Projector للتصدير بامتداد hqx القابل للتشغيل على اجهزة الماكينتوش Quick time للتصدير بامتداد mov القابل للتشغيل على برنامج Quick time لاختيار اي امتداد من هذه الامتدادات ننقر داخل المربع المجاور له ليظهر اشارة صح في المربع نلاحظ بجوار الصيغ وجود مربع يحتوي على الاسم الذي سيتم تصدير الملف به وفي الاسفل يوجد اشارة صح بجوار الخيار use difult names وذلك ليتم حفظ الملفات بنفس اسم ملف الفلاش fla لتغيير الاسم قم بازالة هذا الصح وضع الاسم المناسب في المربع الخاص به نلاحظ بجوار اللائحة format وجود لائحة تحتوي على خيارات اضافية لبعض الامتدادات فعند اختيارنا للامتداد swf نلاحظ وجود القائمة flash للتصدير ننقر على الزر Publish ليتم تصدير الامتدادات التي قمنا باختيارها وسنجدها في نفس الملف الذي قمنا بحقظ المشروع (بامتداد fla ) فيه واذا لم نقم بحفظ المشروع بامتداد fla سنجد الملفات المصدرة في الملف الذي يحتوي على البرنامج C:\Program Files\Macromedia\Flash MX قم بعمل ملف وبالمواصفات التالية الحجم 550 * 200 لون الخلفية اي درجة من اللون الرمادي ارسم قلب كما تعلمنا باستخدام اداة الرسم المعقد واداة التحكم بالنقاط اكتب اسمك باللغة العربية في اي مكان داخل الملف قم بالتصدير على شكل swf
|
|
#4
03-03-2010, 09:10 AM
|
|||
|
|||
|
شرح مصور لالشريط الزمني TimeLine
الشريط الزمني TimeLine  من الان فصاعدا سوف ننتقل من الثبات الى الحركة ووصولا الى ذلك يجب علينا فهم مبدا عمل الشريط الزمني timeline يمثل الشريط الزمني المكان الذي يتم وضع العناصر فيه وهو مقسم الى مجموعة من الكوادر frames كل منها يدعى فريم وهي مرقمة كما في الشكل  بحيث يتم عرض محتويات الفريم الاول ثم الثاني فالثالث وهكذا تفعيل الفريم عند فتح برنامج الفلاش نلاحظ ان البرنامج يقوم تلقائيا بتفعيل الفريم الاول بمعنى ان اي عنصر نقوم بوضعه في ساحة العمل سيتم وضعه في الفريم الاول ولكي نستدل على ذلك نلاحظ وجود دائرة مفرغة داخل الفريم الاول دلالة على انه مفعل وان العناصر المضافة سوف تدرج اليه  والان نقوم برسم مستطيل في ساحة العمل لنلاحظ تغير شكل الفريم حيث ان الدائرة اصبحت ممتلئة دلالة على ان الفريم غير فارغ وانما يحتوي على عنصر او اكثر  لتحديد فريم معين لادراج العناصر اليه مثلا لتحديد الفريم الرابع نقوم بما ننقر بزر الماوس الايمن داخل الفريم من القائمة نختار insert blank key fram (ادراج فريم فارغ)  نلاحظ ان الفريم اصبح يحتوي على دائرة مفرغة دلالة على انه تم تفعيله وان العناصر التي نرسمها في ساحة العمل اونضيفها اليها سوف يتم وضعها في هذا الفريم نلاحظ في القائمة التي تظهر عند النقر بالزر الايمن للماوس في الفريم وجود مجموعة من الخيارات للتعامل مع الفريم وهي  Insert blank key frame لادراج كي فريم فارغ ونلاحظ ذلك من خلال ظهور دائرة مفرغة داخل الفريم وبذلك يتم تفعيله لاستقبال العناصر وهو ما قمنا به بالخطوة السابقة وهنا يجب التمييز بين الفريم والكي فريم فالكي فريم يمثل الاداة التي من خلالها نقوم بتفعيل الفريم لادراج العناصر فيه ويمثل من خلال دائرة موجودة داخل الفريم وفي هذا الامر insert blank key fram يتم وضع كي فريم فارغ Blank داخل الفريم (دائرة مفرغة) وبذلك فان الفريم يكون فارغ وجاهز لاستقبال العناصر Insert key frame ويستخدم لادراج كي فريم (تفعيل الفريم) ولكن هنا لا يكون الفريم فارغ وانما يحتوي على العناصر الموجودة في اخر فريم ممتلئ قبله ولازالة اي لبس وغموض في مفهوم الكي فريم نقوم بما يلي اولا : نفتح ملف جديد في الفلاش ثانيا : نقوم برسم مستطيل في الفريم الاول ثالثا : ننقر بالزر الايمن للماوس في الفريم الرابع ونختار insert key fram نلاحظ هنا انه تم تفعيل الفريم الرابع وهو جاهز لاستقبال العناصر ولكنه في هذه الحالة يحتوي على نسخة من اخر فريم قبله ( وهو في هذه الحالة الفريم الاول ) اي انه يحتوي على نسخة من المستطيل الذي رسمناه في الفريم الاول  وكذلك فان الدائرة المرسومة في الفريم ممتلئة دلالة على انه يحتوي على عنصر او اكثر اما اذا اخترنا insert blank key frame فانه سيتم تفعيل الفريم ولكنه سيكون فارغ وجاهز لاستقبال العناصر Copy frames لنسخ جميع محتويات الفريم لفريم اخر Paste frames للصق الفريمات المنسوخة فمثلا لنسخ محتويات الفريم الاول في الفريم الخامس ننقر بزر الماوس الايمن داخل الفريم الاول ونختار Copy frames ننقر بزر الماوس الايمن داخل الفريم الخامس ونختار Paste frames Cut frames لازالة محتويات فريم معين بهدف لصقها في فريم اخر والان لاتمام الفهم نقوم بهذا التطبيق(اسم التطبيق فى ملف الصور 12345.swf) اولا : نفتح ملف فلاش جديد ثانيا : نختار اداة الكتابة text ونقوم بكتابة الرقم واحد بحجم خط 96 في الفريم الاول ثالثا : ننقر بالزر اليمن للماوس في الفريم الاول ونختار Copy frames  رابعا : ننقر بزر الماوس الايمن في الفريم الخامس ونختار paste frames لنلاحظ انه تم نسخ محتويات الفريم الاول (الرقم واحد) في الفريم الخامس وهنا ارجو التركيز نلاحظ ان الفريمات من 2 الى 4 اصبحت تحتوي كذلك على نفس محتويات الفريم الاول (الرقم واحد) ولكن الفرق بين هذه الفريمات وبين الفريم الخامس هو ان الفريم الخامس مفعل اذ يحتوي على كي فريم (دائرة ممتلئة ) اي يمكن تعديل محتوياته بشكل مستقل دون التاثير على الفريم الاول اما الفريمات من 2 الى 4 فهي تابعة للفريم الاول وان اي تغيير في محتوياته سوف يصحبه تغيير مماثل في محتويات الفريم الاول اما بالنسبة لسبب نسخ محتويات الفريم الاول في الفريمات من 2 الى 4 على الرغم من اننا قمنا بنسخه في الفريم الخامس فقط فهو راجع الى ان برنامج الفلاش انه لا يقبل ان يكون الفريم مفعل الا شريطة ان تكون الفريمات السابقة له جميعها مستخدمة وهنا لاننا اخترنا امر النسخ فانه يضع نسخة من الفريم المنسوخ في جميع الفريمات الفارغة بين الفريم المنسوخ والمنسوخ اليه  خامسا : ننقر بزر الماوس الايمن في الفريم العاشر ونختار paste frames لنلاحظ انه تم نسخ محتويات الفريم الاول (الرقم واحد) في الفريم العاشر سادسا : نكرر العملية وننسخ الفريم الاول في الفريمات 15 و 20 و25 و30  سابعا : ننقر على الفريم الخامس لتحديده نلاحظ انه لونه تغير الى اللون الاسود دلالة على انه قيد التعديل  ثامنا : نتاكد من اختيارنا لادة الكتابة text نقوم بتغيير الرقم واحد الى الرقم اثنين  نلاحظ ان الفريمات التابعة للفريم الخامس ( من 6 ال 9 ) اصبحت كذلك تحتوي على الرقم 2 تاسعا : نكرر العملية السابقة على الفريم 10 ونغيير الرقم 1 الى 3 الفريم 15 ونغيير الرقم 1 الى 4 الفريم 20 ونغيير الرقم 1 الى 5 الفريم 25 ونغيير الرقم 1 الى 6 الفريم 30 الى كلمة Flashom نبقي الفريم 30 كما هو ( يحتوي على الرقم 1 ) لعرض التطبيق هناك طريقتين للعرض الاولى ننقر بالزر الايسر للماوس على الفريم الاول ( بداية التطبيق ) نضغط على المفتاح Enter من لوحة المفاتيح او نختار Play من اللائحة Control td في اعلى الشاشة  نلاحظ في هذه الطريقة انه يتم عرض التطبيق كما هو في ساحة العمل ويتم ايقاف العرض عند الفريم الاخير الثانية نضغط على المفتاح Ctrl + Enter من لوحة المفاتيح او نختار Test movie من اللائحة control ليتم عرض التطبيق في مشغل فلاش flash player نلاحظ هنا انه يتم عرض التطبيق من اول فريم الى اخر فريم ومن ثم العودة الى اول فريم من جديد وهكذا نقوم بتصدير التطبيق كما تعلمنا سابقا
|
|
#5
03-03-2010, 09:12 AM
|
|||
|
|||
|
شرح مصور لالطبقات layers
الطبقات Layers درسنا اليوم بسيط وقصير ولكنه مهم للغاية قبل معرفة ماهي اللير دعونا نلاحظ المثال التالي  نلاحظ من الصورة وجود مستطيلين ازرق واحمر ونلاحظ كذلك ان المستطيل الاحمر يحتوي على كتابة الان لتغيير لون المستطيل الازرق ببساطة ننقر باداة السهم داخل المستطيل ومن ثم نختار اللون المناسب من شريط الخصائص لكن ماذا لو اردنا تغيير لون المستطيل الاحمر نلاحظ ان المستطيل يحتوي على عنصر كتابة واننا سنجد صعوبة في النقر بداخله لتحديده ومن ثم تغيير لونه بسبب وجود هذه الكتابة فيه ولكن ماذا لو تمكنا من اخفاء الكتابة طبعا عندها سنتمكن بكل سهولة من تغير لون المستطيل وهذا الامر استدعى من الشركة المصممة لبرنامج الفلاش التفكير بحل لمثل هذه المشكلة وجاء الحل عن طريق مفهوم الطبقات Layers بحيث نضع المستطيل في لير خاصة به ومن ثم نضع الكتابة في لير اخر خاص بها واذا اردنا التعديل على المستطيل نقوم باخفاء الير التي تحتوي على الكتابة الى حين اجراء التعديل ومن ثم نعيد اظهارها ما هي اللير اللير طبقة تحتوي على مجموعة من الفريمات ففي الدروس السابقة فان جميع العناصر من رسوم وكتابات كنا في الواقع نضيفها الى الطبقة الاولى ( لير 1 )  الان للتعامل مع الير  نلاحظ من الشكل 1 لاضافة لير جديدة 2 لحذف الير المحددة بالنقر بزر الماوس 3 لاخفاء واظهار محتويات الير في ساحة العمل 4 لاقفال الير ومنع التاثير على محتوياتها اذا لا جديد في درس اليوم فعند اضافة لير جديد نلاحظ انها تحتوي على فريماتها الخاصة بها والتعامل مع فريمات اي لير لا يختلف عن التعامل مع الفريمات الخاصة بالير الاولى التي كنا نتعامل معها سابقا وبالنسبة للمشكلة التي واجهتنا في بداية هذا الدرس فجميعنا ادرك الان وبعد التعرف على مفهوم الير سهولة التغلب عليها عن طريق نرسم المستطيل في الير الاولى نضيف لير ثانية ننقر بالزر الايمن للماوس في الفريم الاول من الير الثانية ونختار insert key frame نكتب كلمة flashom في اللير الثانية للتعديل على المستطيل يمكننا اخفاء الكتابة عن طريق اخفاء لير الكتابة
|
|
#7
09-20-2010, 11:31 AM
|
|||
|
|||
|
رد: دورة دروس تعلم فلاش احترافيه مصوره
سلمت يداك واناملك ووفقك الله لكل خير
|
|
#8
10-08-2010, 05:11 PM
|
|||
|
|||
|
رد: دورة دروس تعلم فلاش احترافيه مصوره
مجهود رررررائع
|
 |
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| دورة دروس فلاش |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
اضغط هنا وادخل ايميلك حتى يصلك جديدنا
القسم العام - اخبار التقنيه - العاب كمبيوتر - برامج - دروس التصميم - مسجات - برامج و العاب جوال - لغات برمجه - تطوير منتديات - جوجل google - قوالب واستايلات - SEO و XML و RSS - هاكات - تطوير مواقع - نطاقات - استضافه - تبادل اعلانى - دروس فوتوشوب - - ملحقات فوتوشوب - فلاش - سويش ماكس - تصميم استايلات - العاب - مواقع عالميه - دروس فرونت بيج - دريم ويفر
العرض العادي
