102

flash

Embed Size (px)

Citation preview

.إغالق جميع النوافذ والبرامج غير ضرورية •

-:إغالق جميع برامج أدوبي األخري وجميع المتصفحات •

رغم ذلك إن لم تغلق المتصفحات عند البداية فسيبدأ التنصيب”•

.“من التنصيب سيطلب ذلك% 97لكن عند وصول

Set-up exeبعد فك الضغط عن البرنامج نشغل برنامج•

.األستعداد للتنصيب •

Accept Accepterأتفاقية األستعمال نضغط

“يوم30”أستعمال الفترة التجريبيةاألن نقوم بتحديد خيار

اللغةخيار

ا مع األن نحدد جميع أو بعض البرامج الملحقة ليتم تنصيبه

.أدوبي فالش

يب تقدم التنصيب ويظهر الوقت المتبقي علي نهاية تسط

.برنامج الفالش

.أستكمال تنصيب الفالش بكل نجاح

وألنها أول مرة ستظهر رسالة التفعيل ، اإلستمرار في

.إلستعمال الفالش بالفترة التجريبية

-:ةعند تشغيل األدوبي فالش ألول مرة تظهر الصورة التالي

عندما في البداية يجب أن نتعرف علي واجهة البرنامج أو الشاشة الترحيبية ف

يب الخاصة تقوم بفتح برنامج الفالش فإن أول نافذة سوف تراها في نافذة الترح

-:ببرنامج الفالش بالشكل التالي

-:هذة النافذة تنقسم إلي عدة أقسام وهي هذا الجزء هناك طريقتين لفتح ملف الفالشفي

Creatاألولي ** From Template:-

ك هي إنشاء ملف فالش من القوالب الجاهزة في برنامج الفالش وبعد ذلك بإمكان

.التعديل عليها كما يناسبك

-:Open a Recent itemالثانية **

ي هي تعرض لك آخر عشرة ملفات قمت بالعمل عليها مسبقآ وبإمكانك الضغط عل

Open لفتح ملف فالشي غير موجود في القائمة.

creatهذا الجزء تحدد نوع المشروع الذي تريد العمل علية في new

ني إنشاء ملف فالش مع اوامر األكشن سكريبت اإلصدار الثالث أو الثافبأمكانك

كذلك بإلمكانك تطبيقات ARIإنشاء برنامج أنترنت تفاعلي بأستخدام ملف اما

ألجهزة الهاتف المحمول والمتمثل في

I Phone os $ Flash Lite 3

Extendكما أن هناك الجزء الخاص باإلضافات . لبعض الملفات األخري باألضافة

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

.ببرنامج الفالش

ن يجب الجزء يمكنك من الوصول لملفات المساعدة الخاصة بالبرنامج ولكهذا

.أن تكون متصل باألنترنت

نقوم بفتح ملف من نوع-:أوآل

.ثم نقوم بتهيئة مساحة العمل

ألدراج صورة نقوم بفتح قائمة -:ثانيآ

.ونختار منها األمر

تظهر قائمة منسدلة وعند أختيار األمر

.يوجد بها العديد من الخيارات

تظهر قائمة منسدلة يوجد بها العديد من الخيارات importوعند أختيار األمر

-:والتي تخص الصورة هما أختيارين فقط وهما

-:عرضالعند أختيار أحد األختيارين سوف تظهر نتيجة واحدة ولكنها تختلف في طريقة

. نتيجة األختيار واحدة وهي ظهور مربع حواري ألختيار الصورة كما بالشكل

تظهر

الصورة

مباشرة

إلي

مساحة

العمل

Import to stageImport to library

يقوم

بوضعها

داخل

المكتبة

وليس

بمساحة

العمل

يس يقوم بوضعها داخل المكتبة البرنامج ول

بمساحة العمل وألدراجها إلي مساحة العمل

drag andنقوم بفتح المكتبة وعمل

drop داخل مساحة العمل كما هو بالشكل

.

Import to library

-:وللحركة أنواع في الفالش وهي .. المهمة األساسية للفالش هي الحركة

اليمين إلي يسمي بالحركة الطبيعية العادية أي يتم التحريك فيها من

األعلي إلي األسفل ، مناليسار

رح فعند رسم الكائن في مس

ت العمل وتحديد عدد الفريما

لها key frameوعمل

عمل فأن البرنامج يسمح لك ب

حركة لهذا الكائن وذلك من

األيمن خالل الضغط بالزر

layerللفأرة علي ال

الخاص بالكائن

.فتظهر لك الثالث أنواع للحركة داخل الفالش

layerفأن ال Classic tweenفعند أختيار أحد أنواع الفالش مثل

سوف تتحول من اللون الرمادي أي عدم وجود حركة علي هذا الكائن إلي

.اللون البنفسجي

”والفرق بينة وبين النوع األول أن ال

classic tween” الحركة الطبيعية

فهو الحركة التي motion tweenبينما

تقوم أنت بأختيار شكل طريقة تحريك

ك العنصر بها أي عند أختيار نمط التحري

بة فإن الشكل يظهر في مسرح العمل وبجان

خط منقط يمكنك من عمل ألتواءات بة بكل

.سهولة

فأن ال Motion tweenفعند أختيار أحد أنواع الفالش مثل

layer سوف تتحول من اللون الرمادي أي عدم وجود حركة علي

.هذا الكائن إلي اللون األزرق

ال ويعد هذا النمط للحركة من أهم أنواع الحركات حيث أنة يعتمد علية كثيير من األعم

نمط ”مي التي تدخل في أمثلة األفالم حيث هذا النوع يتم تحويل الكائنات إلي أخري ويس

ة لة سواء أي يتم تحويل الشكل إلي كائن آخر ويحتفظ بالحركة التي تكون محدد“ تحويل

.كانت من اليمين إلي اليسار أو من أعلي إلي أسفل

سوف layerفأن ال Shape tweenفعند أختيار أحد أنواع الفالش مثل

تتحول من اللون الرمادي أي عدم وجود حركة علي هذا الكائن إلي اللون

.األخضر

مساحتة نقوم بفتح ملف فالش وبعد ذلك تقوم بضبط: أوآل

ونختار منها األختيار Colorثم بعد ذلك نقوم بفتح األداة

gradent كما هو موضح بالشكل.

اللون الموجود علي اليمين هو اللون األساسي أما اللون الموجود

أن علي اليسار فهو لون التدرج ، بعد ذلك نقوم برسم مربع ونالحظ

أصبحت مثل لون التدرج الذي قمنا بعملة ، ثم fill colorأداة ال

.ل نقوم برسم مربع علي مساحة العمل بأكملها كما هو موضح بالشك

الخاص بالمربع الذي قمنا برسمة ثم نقومframeثم نقوم بعمل حركة علي ال

من بعمل عدد من الفريمات متوزعة علي شريط الزمني وكل مساحة فريم نقوم

gradentخالل أداة transfarm tool وهذة الداة مسئولة عن عمل

دوران للشكل الموجود أو الكائن ثم تنفيذ الشكل

.وبذلك نكون قد قمنا بعمل تحول بيني للشكل

textفي مسرح العمل وذلك بتنشيط األداة textنقوم بكتابة

-:كما هو موضح بالشكل textثم نتعرف بعد ذلك سويا علي خصائص األداة

كما textسوف نجد كل الخصائص ال Propertiesمن تبويب

-:هو موضح بالشكل السابق

Text Tool

.أو عادي staticخاصة بتحديد نمط الخط إذا كان وهي *

Family

.خاصة بنوع الخط وشكلةوهي *

Style

/ Italic / UnderlineBoldتحديد نمط الخط سواء كان وهي *

Size

خاصة بحجم الخطوهي *

Color

.وهي خاصة بلون الخط

Format

:في وهي لتحديد مكان الخط سواء كان

المنتصف1)

اليمين2)

الشمال3)

الضبط4)

وبالضغط علي أيقوني ال

Filter يمكننا من عمل

تأثيرات علي الخطوط

ة وبالضغط علي هذة األيقون

-:تظهر لنا النافذة التالية

Drop Shadowتريدة وليكن سوف نختار Filterنقوم بأختيار أي نوع

-:ل وبذلك األختيار سوف تظهر لنا نافذة الخصائص الخاصة بها كما بالشك

كال التأثيرات واألشمع األقنعة من األشياء الهامة في البرنامج وهي تستخدم

-:زرق المتحركة ففي المثال التالي توضيح كيفية عمل ماسك علي الشكل األ

ونقومtextبرسمنقوم:فأوآل

ذلكدبعفيةكتابتةنريدمابكتابة

ونقومجديدlayerبعدتقوم

كتابتةبقمناالذيالنصنفسبكتابة

تغييرمعولكناألولtextالفي

ليعاألثنينبوضعنقومثماللون

عليمنهماكليكونبحيثموضعها

بعدنقومثممتطابقتاناألخر

layerالوهذةجديدlayer

الدرسفيالماسكهيتكونسوف

يتممربعبرسمتقومذلكوبعد

قمناالذيالنصبجانبوضعة

..بالشكلكمابكتابتة

layerوذلك لل classic tweenذلك نقوم بعمل حركة من نمط ال بعد -

الخاصة بالمربع

الص بعد ذلك نقوم بتحديد الفريمات التي تريد التحريك علي مداها من خثم -

لكل جزء تحريك من خالل الضغط key frameالشريط الزمني وتقوم بعمل

.f6علي مفتاح

الخاصة بالماسك أي أخر فريم قد تم أضافتة وتقومlayerنقف علي الثم -

وبذلك Maskبالضغط بالزر الماوس للفأرة ونختار من القائمة المنسدلة األمر

سوف نالحظ ثبات أحد ctrl + enterعند التنفيذ من خالل الضغط علي

texts وحركة األخر بشكل جميل كما بالشكل.

صورة نقية يمكنك علي Break apart:-ألداة أستخدامك عند *

التحرير وتحديد مناطق معينة من داخل الصورة عن طريق أدوات التحديد

بالبرامج غذا كنت تريد أزالة أو أستبدال جزء معين من الصورة فعليك

بإستخدام

هذة األداة تعمل علي تحديد -:Magic Windالعصا السحرية أداة *

جزء معين من مناطق الصورة عن طريق تحديد لون معين أو ألوان

.لصورة نقية Magic Windمتماثلة وهذة الصورة توضح كيفية عمل

.حدد الصورة من علي مسرح العمل •

.Break apartأضغط بزر الماوس اليمين وأختار •

.أضغط في المساحة الفارغة أللغاء تحديد الصورة •

.من شريط األدوات lassoأضغط علي أداة التحديد العشوائي •

.من أسفل شريط األدوات Magic Windقم بأختيار العصا السحرية •

عديل يمكنك الت. ضع المؤشر فو المناطق التي تريد تحديدها من الصورة •

.في المنطقة المحدد أو أزالتها

لية نقوم برسم كائن ثم نقوم بعمل المحور الذي نريد أن يتم الحركة عأوآل **

سوف تظهر لنا قائمة منسدلة layerوذلك بالنقر بالزر األيمن للفأرة علي ال

الخاصة بالكائن كما هو add classic motion guideاألمر منهانختار

..موضح بالشكل

add classic motionسوف نالحظ عند النقر علي أختيار

guide إن البرنامج يقوم بوضعlayer أفتراضية وذلك الlayer

ما هي المخصصة لذلك المحور الذي سوف تقوم بوضع المحور فيها ك

..هو موضح بالشكل

بع وبمجرد عمل الحركة الخاصة بها سوف يتم عمل أرتباط للدالة المحددة بالمر

..بالشكل كما

عند كل ثم نقوم بتحديد مواضع تحرك المربع علي المحور الدائري كما بالشكل نأتي

frame وتقوم بعملf6قوم للموضع الذي سوف تقوم بتحريك ألية كما بالشكل ون

.بتكرار الحركة علي باقي أنصاف الدائرة

ة أوآل نقوم برسم مربع علي مساحة العمل بحيث يكون ها المربع هو الخلفي

..لمساحة العمل كما بالشكل

وذلك بالضغط علي symbolثم بعد ذلك نقوم بتحديد المربع وتحويلة إلي

كما هو موضح buttonمن لوحة المفاتيح وأختيار نوعة يكون f8مفتاح

..بالشكل

وذلك من خالل الضغط مرتين متتاليتين symbolثم نقوم بالدخول علي ال

..علي المربع كما هو موضح بالشكل

frameمن شريط الزمن ونقوم بتحديد ال layerثم نقوم بالوقوف علي ال

..كما هو بالشكل overالمكتوب علية

للجهاز الخاص Browseوهذا أختصار ال ctrl + Rثم نقوم بأختيار األمر

يد ذلك بك وتقوم بأختيار الصوت وبعد األنتهاء من أختيار الصوت تقوم بتحد

من نافذة الخصائص الموجودة علي يمين النافذة كما soundاألختيار من

تم بالشكل وبذلك سوف تسمع الصوت بمجرد الووف علي مربع الصوت الذي

.أختيارة

التعرف علي ( 1

:الحقول النصيه

اما النوع الثاني في برنامج الفالش يوجد ثالث انواع من

ن النص النصوص لكي تتناسب مع االستخدام فمثال لو اردنا ان يكو

فسوف نستخدم للقراءه فقط كاالعالنات والنصوص الثابته

من الحقول النصيهstatic textالنوع

لحين فيكون اكثر استخدامه مع المتغيرات النه يتغير قيمته من ا

اما النوع Dynamic textالخر في العرض ويسمي هذا النوع

.فيكون استخدامه كحقل نصيInput textالثالث

الينذهبسوفنصيحقلالنشاء

نختاراداهثماالدواتقائمه

لنايظهرسوفTextالنصوص

وهيالنصخصائصبهاقائمه

.التاليبالشكل

استخدام ( 2

static :النصوص

text

نستخدمهسوفالنصوصمنالنوعهذا

رتغيياردنااذافمثالالمتغيراتاجلمن

العرضاثناءالنصبداخلالتيالقيمه

النصوصمنالنوعهذاوجودمنفالبد

وعالنهذاخصائصيوضحالتاليالشكل

.النصوصمن

ااستخدام النصوص ( 3

dynamic text and

input text

اوالحركهاوالعملهوليكونوذلك

عليهالحركهعملسيتمالتتر

اليهالنهايفيتحويلهسيتموالذي

بالشكلهوكماعرضهالمراداالسم

لالشكتصميممناالنتهاءبعدثم

يالزمنالشريطعليبالنقرنقوم

وذلكالتترحرجهبدايهلعملوذلك

للفارهااليمنالزرعليبالضغط

Insertواختيار blank key

frameبالشكلموضحهوكما.

رادالماالسمبكتابهنقومذلكبعدثم

العملمسرحtextعليعرضه

االسموكتابهاالداهباختياروذلك

موضحهوكماعرضهالمراد

....بالشكل

لزر ثم نقوم تحديد االسم والنقر علي ا

للفأره brake apartااليمن

ه وذلك لتقسيم الصورواختيار االختيار

....وتفتيتها كما هو بالشكل

ثم بعد ذلك نقوم بالتحديد علي

الشريط الزمني مره اخري والنقر

insertعلي الزر االيمن للفاره

key frameواختيار االمر

ريط بعد ذلك نقوم بالتحديد علي الش

الزمني مره اخري مع العلم ان كل

مره يتم فيها زياده فريمات

copy frame الشريط ونقوم

بعمل

كما هو موضح 1من الفريم رقم

بالشكل

Past frame وضعها في

كما هوالفريم الجديد واعمل

.موضح بالشكل

خول ثم نقوم بتنفيذ المشهد فيتم د

االسم وخروجه ثم دخول االسم الذي

.يليه وهكذا وذلك بطريقه جميله

ه اوال نقوم برسم جسم الشمع

باللون الذي نريده كما

.الشكل

ثم نقوم بالنقر علي شريط

بالزر االيمناالدوات

insert key frame للفاره

.

Layerجديد للنار الخاصه

ثم بعد ذلك نقوم بعمل

Oval بالشمعه.

م ونقوثم نقف علي شريط الزمني

Insert key frameبعمل

.وذلك لعمل حركه للشمعه

هذهبتكرارنقومذلكبعدثم

يتمحتيوذلكمراتعدهالخطوات

frameالحركهحفظ

.وشكلها

منوذلكالردارجسمبرسمنقوماوال

تلوينهويتمالشكلrectangelخالل

..بالشكلكمانريدهالذيباللون

ذلكودائرهبرسمنقومذلكبعدثم

Ovalاالداهخاللمن

.الردارجسماعلي

ثم نقوم بالنقر علي الشريط

االدوات بالزر االيمن insert

key frameللفاره وعمل

وذلك لتحديد جسم الشمعه

وقطعهادائرهبرسمنقومذلكبعدثم

االداهطريقعنبالمنتصف

selection toolنصفتكونحتي

هوكماالدائرهامامووضعهاقوس

.ذلكفعلوتكرار..بالشكلموضح

حظسنالالمشهدبتنفيذذلكبعدونقوم

هذههيالتياالشارهنبضاتتكرار

.تدريجيهبطريقهاالقواس

سواءلهابحثمحركبعملنقوماننريدالتيالواجههانشاءtextاوال

…غيرهااوموقعكانت

مكانهوليكونوذلكبداخلهالبانشاءنقومBrowseمنtextوكتابة

الكلمهفانالعمللمسرحالمعاينهعندCtrl+enterثمالبحثمحرككمحركالكلمهولعملكتابتهايتمكلمهايكمثلمثلهاطبيعيهوكانهاتظهر

.الكلمهبتحديدنقوماالتيبعمل:نقومبحث

F8 نقوم بالضغط علي مفتاح *

لتحويلها او للدخول علي نافذه ال

symbol .

نقوم Buttonمن اختيارات نافذه*

. Symbolباختيارال

عند معاينه الشكل او مساحه العمل نرى*

شكل الماوس قد اختلف واصبح

بعد ذلك نقوم بالضغط hyper linkمثل

Action scriptعلي زر

سوف نالحظ عند معاينه الشكل او مساحه العمل ان شكل الماوس

hyper link قد اختلف واصبح مثل

Action scriptبعد ذلك نقوم بالضغط علي زر

:سوف تظهر لنا قائمه االكواد نختار منها التالي

(1Global function

(2Movie clip controlثم نختار

(3on ثم نختار منها

وعند اختيارonتظهر لنا نافذه اخري نختار4)

(5Release منها

:بعد ذلك نقوم بكتابه الكود التالي

يمكنككك مككن خككالل هككذا الجككزء التعككديل

ا كمكفي طول وعرض مساحه المستند

مسكتند يمكنك التعديل في لون خلفيكه ال

ل واختيككار سككرعه عككرض الفككيلم ليعمكك

.بكفائه عاليه

Properties ا ذهكككككب الكككككي قايمكككككه

الخصكككككككائص سككككككككوف يظهكككككككر لككككككككك

ثكم اختكارالتي فكي editالنافكذه

.الشكل

يمكنك منها استخدام الطول والعرض االفتراضيين او اختيار طول ( 1

.وعرض يناسب الطابعه

.يمكنك منها استخدام الطول و العرض الذي يناسب احتياجاتك(2

يمترات هذه القائمه يمكنك منها تغييير معيار احتساب المساحه مثل السنت(3

.pixelاو . او المليمترات اوالنقاط الخ

.يمكنك من هذه الخانه اختيار لون الخلفيه( 4

يمكنك من هذه الخانه اختيار معدل المشاهده أي ثانيه واحده وغالبا ( 5

.30سوف نختار ما فوق ال

هذا االختيار السترجاع خصائص المستند الي الوضع االفتراضي( 6

أرقام التحديد

.1Import to libraryثم االختيار.

الجهازعليمنالصورهونختار2.

الخاصهالمكتبهفيوضعها

عليندخلذلكبعدبالبرنامج

نقومثمخاللمنالبرنامجمكتبه

فتاحCtrl+lالصورهبوضع

مساحهاليالمكتبهاالختصارمن

.بالبرنامجالخاصهالعمل

symbolثم نقوم بتسمه الصوره وتحويلها الي3.

االيمن للنافذه في propertiesنقوم بتسمه الصوره من خالل الجانب

ثم نقوم بالضغط Instance nameالجزء الخاصمن خالل الخاصيه

. Okعلي

بعملنقومثمكائنبرسمنقوماوال

الحركهيتماننريدالذيالمحور

بالزرالنقروذلكعليه

layerسوفالعليللفارهااليمن

نختارمنسدلهقائمهلناتظهر

Addمنها classic motion

guideهوكمابالكائنالخاصه

.بالشكلموضح

سوف نالحظ عند النقر علي الخيار

Add classic motion guide

افتراضيه layer أن البرنامج يقوم بوضع

.هي المخصصه لذلك المحور layerوذلك ال

وذلكاوال نقوم بعمل تصميم صغر

ليكون هو العمل او الحركه او التتر

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

اد تحويله في النهايه الي االسم المر

عرضه كما هو بالشكل

ثم بعد االنتهاء من تصميم الشكل

نقوم بالنقر علي الشريط الزمني

وذلك لعمل بدايه حرجه التتر وذلك

بالضغط علي الزر االيمن للفاره

Insert blank keyواختيار

frameكما هو موضح بالشكل...

لي ثم نقوم تحديد االسم والنقر ع*

الزر االيمن

brakeللفأره واختيار االختيار

apart

م ثم بعد ذلك نقوم بكتابه االس*

مسرح العمل المراد عرضه علي

textوذلك باختيار االداه

وكتابه االسم المراد عرضه كما

....هو موضح بالشكل