آموزش نرم افزار Flash (فلش) از آغاز تا پايان

[آبجی]

اینکه برای ساختن یک کار خوب و موفق چند تا چیز خیلی خیلی لازم و ضروریه : حوصله - وسواس در کار - علاقه و یکمی دانش انیمیشن ( اگه میخواین یک کار انیمیشنی طراحی کنید ) .
فلش 8
فلش 9 هم کاملاً شبیه ورژن 8 هست ، با این تفاوت که به جای اینکه بنویسه : macromedia flash ، نوشته : Adobe Flash !
یک چیز دیگه هم یادتون باشه ، هیچ وقت تمرین رو فراموش نکنید ، چون بعضی از چیزها بدون تمرین از ذهن میپره .

http://animflash.persiangig.com/F_L/F_1.gif

وقتی برنامه رو کامل نصب میکنید و برای اولین بار باز میکنید ، یک سری پنجره های تو در تو دیده میشه:
_ نوار ابزار به صورت محو و غیر فعال در قسمت چپ صفحه ،
_ قسمت برنامه نویسی فلش ( action Script ) و properties یا تنظیمات در قسمت پایینی صفحه .
_ قسمت رنگ و کتابخانه ی فلش در قسمت راست صفحه
_ لوگوی قرمز رنگ بزرگ و پوشه ها و گزینه های مربوط به فعالیت های فلش در قسمت وسطی صفحه .
شما میتونید با کلیک روی علامتهای سبز مشخص شده تو تصویر ، فضای بیشتری برای کار باز کنید و با کلیک مجدد روی اونها ، پنجره ها رو به حالت اول در بیارید .
برای اینکه وارد صفحه ی اصلی برنامه بشین ، چند تا راه وجود داره :
1) کلیک روی گزینه ی flash document که با نقطه ی آبی مشخص شده .
(که اگه دوست دارین موقعی که برنامه رو باز میکنید صفحه رو به این صورت نبینید ، قسمت پایین و سمت چپ یک گزینه هست به این عنوان : " dont show again " یه تیک کنارش بزنین .)

http://animflash.persiangig.com/F_L/F_2.gif

2) از منوی file گزینه ی new و بعد flash document رو انتخاب کنید .
حالا شما به سلامتی وارد صفحه ی اصلی شدید !

[آبجی]

این سری میخوام شما رو با قسمت ابزارها یا Tools آشنا کنم . چون فعالیت بعضی از ابزارها مرتبط با هم هست ، نمیخوام به ترتیب کارشون رو براتون شرح بدم .
اولین وسیله ، یه ابزار اثر گزار به اسم Brush Tool یا قلم مو هست .

http://animflash.persiangig.com/F_L/Brush.gif

کار این وسیله مثل یک قلم مو هست . یعنی با انتخاب این وسیله میتونید نقاشی کنید ! اگه هنگام نقاشی کردن خوب دقت کنید میبینید که خطوط خود به خود یکدست و نرم میشن و از شکستگی خبری نیست . این یکی از مزیت های فلش نسبت به برنامه ی paint هستش و جایگزین خوبی برای اون .
به محض انتخاب یکی از ابزارها ، در قسمت Options که درست در پایین اون قرار داره ، گزینه هایی ظاهر میشه که ربط پیدا میکنه به ابزار انتخابی .

http://animflash.persiangig.com/F_L/OP_Brush.gif

حالا شما که قلم مو رو انتخاب کردید ، یه سری گزینه هایی میبینید .
با کلیک بر روی دگمه ای که با رنگ سبز مشخص شده (Brush shape)، میتونید شکل قلم موتون رو انتخاب کنید .
با کلیک بر روی دگمه ای که با رنگ قرمز مشخص شده (Brush size)، میتونید اندازه ی قلم موتون رو مشخص کنید .
بعضی از گزینه ها هست که من اصلاً باهاشون کار نکردم ، پس نمیتونم براتون کامل جا بندازمشون . هر کدوم از دوستان که با کار این ابزار کاملاً واردن لطفاً توضیحات من رو تکمیل کنن.
مثلاً luck fill و object drawing از این جمله اند .
همونطور که اول گفتم ،برای آموزش بعضی از ابزار ها لازمه بعضی دیگه از اونها رو بهتون یاد بدم .
برای عوض کردن رنگ قلم مو ، باید از قسمت colors ، روی fill color کلیک کنید .

http://animflash.persiangig.com/F_L/Fill_Color.gif

با انتخاب این قسمت ، یک پنجره باز میشه که حاوی رنگهای مختلفه .

http://animflash.persiangig.com/F_L/Fill_Color2.gif

با کلیک بر روی دایره ی رنگی در قسمت بالا و سمت راست این کادر ، رنگهای بیشتری رو میتونید انتخاب کنید .
قسمت Alpha که با یک عدد از 0 تا 100 ( به صور پیش فرض 100 ) در بالا و وسط این کادر قرار گرفته ، مرئی یا نامرئی بودن رنگ رو مشخص میکنه . هر چی عدد به صفر نزدیکنر بشه ، رنگ هم محو تر میشه . اهمیت این قسمت رو هنگام کار بر روی لایه ها براتون شرح میدم . ( فقط اگه یادم بمونه !! )
حالا سطل رنگ ( Paint Bucket ) رو انتخاب کنید و روی خطی که با قلم مو ترسیم کردین کلیک کنید .

http://animflash.persiangig.com/F_L/2_Paint.png

میبینید که رنگ شکل عوض میشه .

ابزار پاک کن (Eraser ) هم خیلی به کارِتون میاد .

http://animflash.persiangig.com/F_L/Pakon.gif

با انتخاب این بزار ، میتونید کل یا قسمتی از شکلتون رو پاک کنید . دقیقاً مثل قلم مو ، با انتخاب این ابزار هم گزینه هایی در قسمت Options ظاهر میشه .

http://animflash.persiangig.com/F_L/OP_Pak.gif

با انتخاب قسمت مشخص شده با رنگ قرمز ، میتونید شکل پاک کنتون رو انتخاب کنید .
انتخاب قسمت مشخص شده با رنگ سبز که با شکل شیر آب هست ، میتونید با کلیک بر روی یک رنگ که در صفحه ی ترسیمتون کشیدین ، کل اون رو در جا پاک کنید . ( البته تا جایی رنگ به طور کامل پاک میشه که توسط رنگ های دیگه محصور نشده باشه . )

[آبجی]

به اين وسيله Pencil يا مداد ميگن.

http://animflash.persiangig.com/F_L/3-pencil.gif

كار مداد مثل قلم مو ، اثر گذاشتن و كشيدن خط روي صفحه ي كاره . ولي يه سري تفاوت با اون داره كه در ادامه با اون آشنا ميمشم.
شما به محض اينكه اين ابزار رو انتخاب مبكنيد ، در قسمت OPTIONS كه گفتيم در قسمت پايينيه نوار ابزار قرار داره ، گزينه هايي مربوط به اون ظاهر ميشه . يكي از گزينه ها ، يه خط به صورت شكسته هست كه زيرش يه فِلِش كوچيك داره .
بد نيست بدونيد كه هر جا و در هر گزينه اي فِلِش كوچيك رو ديديد ، معنيش اينه كه با كليك يا دبل كليك روي اون ، قابليت هاي بيشتري ازش ميتونيد ببينيد كه تقريباً در همه برنامه ها همينجوريه .
حالا شما اگه روي خط شكسته كليك كنيد ، 3 گزينه براي شما نشون داده ميشه .

http://animflash.persiangig.com/F_L/3-3gozine.gif

اوليش كه همون خط شكسته هست ، كارش اينه كه خطوطي رو كه با ابزار مداد ميكشيد ، در صورتي كه دستتون بلرزه يا بخواين خطوط منحني بكشين به صورت شكسته و صاف در مياره .

http://animflash.persiangig.com/F_L/3-G1.gif

اگه دومین گزینه رو انتخاب کنید و با مداد خط بکشید ، خطوط نرم و منحنی میشن .

http://animflash.persiangig.com/F_L/3-G2.gif

و اگه سومین گزینه رو انتخاب کنید و خط بکشید ، خطوط تقریباً بدون تغییر در شکلشون باقی میمونن .

http://animflash.persiangig.com/F_L/3-G3.gif

برای اینکه رنگ مدادتونو عوض کنید ، از قسمت colors روی گزینه ی Stroke color که بالای تغییر رنگ قلم مو قرار داره کلیک کنید .

http://animflash.persiangig.com/F_L/3-Rpencil.gif

دقیقاً یه صفحه میاد که کار با اونو قبلاً یاد دادم .

بعد با ابزار Ink Bottle روی خط ترسیم شده کلیک کنید .

http://animflash.persiangig.com/F_L/3_INK.png

توجه کنید که خط تا جایی رنگ میشه که توسط خطوط دیگه بسته نشده باشه .
شما حتی میتونید شکل یا خط کشیده شده با قلم مو رو دور گیریِ خطی کنید !

http://animflash.persiangig.com/F_L/3_INK-T.png

[آبجی]

میخوایم با ابزار Zoom یا زره بین آشنا شیم .

http://animflash.persiangig.com/F_L/5-Zoom.gif

همونطور که از اسم و شکلش معلومه ، برای بزرگتر نشون دادن تصویر در محیط فلش بکار میره .
برای اینکه راحت تر براتون توضیح بدم ، بهتره با یک مثال شروع کنیم :
یک عکس یا خط با ابزار brush بکشید .

http://animflash.persiangig.com/F_L/5-Shekl1.gif

حالا به 3 طریق میتونید زوم کنید . اولین روش :ابزار زره بین رو انتخاب کنید و روی نقطه ای که میخواید بزرگ بشه ، چند بار کلیک کنید . میبینید که تصویر بزرگ میشه .
حالا روش دوم : بازم زره بین رو انتخاب کنید و این بار دیگه رو صفحه کلیک نکینید ، بلکه عین ابزار انتخاب ،روی اون نقطه ای رو که میخواید بزرگ بشه ، یک کادر بکشید .

http://animflash.persiangig.com/F_L/5-zoom2.gif

میبینید که تصویر به اندازه ی زیادی بزرگ شده .
تو این حالت شما میتونید تغییرات جزئی خودتون رو رو تصویر و شکل اعمال کنید.
حالا اگه بخواید در همین حالت بزرگ شده ، تغییرات دیگه ای روی خطهای دیگه ی شکل که تو کادر تصویر نیستن بدین ، میتونید با استفاده از اسکرول هایی که به صورت افقی و عمودی در قسمت چپ و پایین کادرمون قرار داره ، این کار رو انجام بدیم . یه کار دیگه هم میتونیم بکنیم که خیلی راحت تر و بهتر هم هست :
دگمه ی space bar ( همون دگمه بزرگه ی کیبرد ) رو نگه دارید . میبینید که یک عکس دست میاد رو صفحه . با نگه داشتن کلیک چپ ماوس و حرکت اون به اطراف ، این کار رو انجام بدین .

http://animflash.persiangig.com/F_L/5-Hand.gif

حالا همه ی این کارا رو کردین ، چطور وضعیت رو به حالت اول در بیاریم ؟
اگه دقت کنید ، وقتی ما زره بین رو انتخاب میکنیم ، در قسمت Options ، دو تا زره بین میبینیم که یکشی روش علامت مثبت داره و اونیکی منفی که به طور پیش فرض مثبته .
اگه منفی رو انتخاب کنید و چند بار کلیک کنید رو صفحه ، تصویر دور تر میشه . ( این کار رو میتونید با نگه داشتن ALT رو صفحه کلید کیبرد هم انجام داد )

حالا روش سوم زوم کردن :
تو این روش دیگه نیازی به ابزار زره بین نیست . به قسمت سمت راست - بالای برنامه اگه نگاه کنید ، یه کادر میبینید که یه عدد رو به صورت درصد نوشته ( پیشفرض 100% )

http://animflash.persiangig.com/F_L/5-zoom3.gif

با عددی که تو این کادر مینویسین ، مقدار زومتون رو به درصد مشخص میکنید . 100% مقدار طبیعیه . ولی هر چی عددتون کوچیکتر باشه ، تصویر دورتر و هر چی بزرگتر باشه ، نزدیکتر نشون داده میشه . توجه کنید که نهایت کوچیکی و بزرگی برای زوم ، بین 8% و 2000% هست .

يه قسمت دیگه كه تو فلش مهمه و بايد براتون شرح بدم ، قسمت properties هست .
اگه يه نگاهي به نوار پايين صفحه ي كاري بندازين ، قسمت سمت چپ اون، ميتونيد اين گزينه رو ببينيد .
حالا كار اين منو چيه ؟ اگه يادتون باشه ، هر ابزاري رو كه انتخاب ميكرديم ، ميتونستيم در قسمت Options به امكانات بيشتري از اون دسترسي پيدا كنيم . حالا properties هم مجدداً امكانات بيشتر تری رو در اختيارتون قرار ميده !
مثلاً ابزار pencil رو باز كنيد و بعد از اون رو properties كليك كنيد .
يه سري امكانات ميبينيد كه با بعضيهاشون قبلاً آشنا شديم :

http://animflash.persiangig.com/F_L/5-pencil-properties.gif

اون قسمت رنگ كه معرف حضور هست !
قسمتي كه عدد 1 نوشته ، براي تغيير در ضخامت خط بكار ميره و به وسيله ي فلش كنارش قابل تغييره . ( خودتون هم ميتونيد به صورت دستي از بين 0.25 تا 200 يه عدد بنويسيد )

با انتخاب فلش كنار كادري كه توش نوشته " Solid " ، ميتونيد نوع خط رو عوض كنيد .

http://animflash.persiangig.com/F_L/5-Properties_Solid.gif

دو تا گزینه ی دیگه وجود داره به نامهای Cap و Join

http://animflash.persiangig.com/F_L/5-Cap-join.gif

با كليك روي گزينه ي cap ، سه تا انتخاب ظاهر ميشه كه براي پخ يا دايره اي كردن دو سر خطوط كشيده شده بكار ميره .

http://animflash.persiangig.com/F_L/5-Cap.gif

با کلیک روی گزینه ی join بازم سه تا گزینه ظاهر میشه که وقتی کاربرد داره که دو خط رو به صورت هشتی بکشیم ( به ترتیب از چپ به راست تو شکل نشون دادم )

http://animflash.persiangig.com/F_L/5-join.gif

[آبجی]

دايره يا بيضي :

http://animflash.persiangig.com/F_L/6-Oval.gif

براي كشيدن يك دايره يا بيضي ، بعد از انتخاب ابزار اون ، ميتونيد درقسمت colors يا properties رنگ سطح يا ديواره رو تغيير بدين .
بازم بايد توجه داشته باشين كه رنگ داخلي از جنس brush و خطوط دور اون از جنس pencil هستش .
بعد از تنظيم رنگ ، فلش ماوس رو ( كه حالا تبديل شده به + ) روي صفحه انتقال بدين و كليك چپ رو فشار بدين و بدون ورداشتن انگشتتون از روي كليك ، فلش ماوس رو به اطراف حركت بدين و وقتي به شكل دلخواهتون رسيدين ، انگشتتون رو از روي كليك وردارين ...

http://animflash.persiangig.com/F_L/6-Oval-Tarsim.gif

نكته 1 : اگه بخواين يك دايره درست و كامل رسم كنيد ، همراه با كارهاي بالا بايد دگمه ي shift رو هم نگه دارين .
نكته 2 : با نگه داشتن دگمه ي Alt ، شكل به صورت همزمان از چهار جهت تشكيل ميشه ( بر خلاف حالت عادي كه از يه گوشه تشكيل ميشه )
نكته 3 : اگه Alt و shift رو با هم نگه داريم ، اين كارهايي كه توضيح دادم ، با هم انجام ميشه .
نگته 4 : وقتی بعضی از ابزار ها رو انتخاب میکنید ، تو قسمت options یه آهن ربا میبینید که به اصطلاح بهش میگن Snap و کارش اینه که مثلاً وقتی 2 تا خط رسم کنید و یه راسشون رو به هم نزدیک کنید ، خود به خود به هم میچسبند ...

http://animflash.persiangig.com/F_L/6-Snap.gif

rectangle يا مستطيل :

http://animflash.persiangig.com/F_L/6-Polystar.gif

طريقه ي ترسيم و رنگ بندي اين ابزار ، دقيقاً مثل دايره هست ، با اين تفاوت كه اين شكل يه سري قابليت اضافي داره كه توضيح ميدم :
شما وقتي به option نگاهي بندازين ، يك شكل به صورت پخ منحني ميبينيد .

http://animflash.persiangig.com/F_L/6-C_Redius.gif

وقتي روش كليك كنيد ، از شما يك عدد ميخواد و اين عدد ، ميزان انحناي 4 گوشه ي شكلمون رو تشكيل بده و بين 0 تا 999 قابل تغييره . هر چقدر عدد به صفر نزديكتر باشه ، زاويه ها تيز تر و هر چقدر به 999 نزديك شه ، قوس بيشتري ميگيره .
شما ميتونيد با دبل كليك بر روي خود شكل مستطيل تو جعبه ابزار هم اين كادر نوشتن عدد رو بيارين .
اگه به شكل مستتطيل رو جعبه ابزار دقيق نگاه كنيد ، يه فلش كوچيك ميبينيد . فلش ماوس رو روش بيارين و كليك چپ رو چند لحظه فشار بدين و نگه دارين . همونجا يه كادر كوچيك باز ميشه كه به غير از خود گزينه ي مستطيل ، يه 6ضلعي هم اضافه ميشه .

### Polystar

انتخابش كنيد و به همون ترتيب گفته شده ، شكل رو رسم كنيد .

http://animflash.persiangig.com/F_L/6-Polystar.gif

كادر properties كه در پايين صفحه قرار داره رو باز كنيد . ميبينيد كه يه گزينه به اسم options اضافه شده ...
اگه همچين چيزي نميبينيد ، دقيقاً در سمت راست و پايين كادر زير علامت سوآل ، يه فلش سفيد ميبينيد كه روش كه كليك كنيد كادر باز تر ميشه و اين گزينه هم ظاهرتر !
روي Options كليك كنيد تا يه كادر باز بشه . اينجا ميتونيد مشخص كنيد كه شكلتون چند ضلعي باشه و يا حتي به شكل ستاره باشه .

http://animflash.persiangig.com/F_L/6-Poystar-options.gif

http://animflash.persiangig.com/F_L/6-Polystar-Tarsim.gif

[آبجی]

ابزار نوشتن متن :

http://animflash.persiangig.ir/F_L/7_Text_t.gif

اول باید این نکته رو بگم که بطور عادی ، مثل برنامه ی word نمیتونید فارسی تایپ کنید و فقط میتونید انگلیسی تایپ کنید که با یک برنامه ی فارسی ساز مثل مریم این کار امکانپذیره .
برای نوشتن یک متن در محیط فلش ، به روش زیر عمل کنید :
1) روی آیکنی که گفته شد کلیک کنید .
2) نشانگر ماوس رو که حالا تبدیل به حرف A+ شده ، بر روی صفحه ی کاری میبریم و یک بار کلیک چپ میکنیم .
( توجه کنید که اگه دگمه چپ ماوس رو پایین نگه دارید و به اطراف حرکت بدین ، یک کادر درست میشه که متن شما در همون محدوده نوشته میشه )
3) روی properties ( نوار زیر محیط کاری ) کلیک میکنیم . متوجه میشیم که یه سری امکانات مخصوص به تنظیم فونت برامون به نمایش در میاد . مثل نتظیم فونت ، رنگ و اندازه و خیلی چیزای دیگه .

http://animflash.persiangig.ir/F_L/7_text_properties.gif

باهاش کار کنید تا قلق دستتون بیاد .
______________

یک ابزار داریم به اسم free transform tool که هم کار تغییر مقیاس رو رو ی شکلها و متن انجام میده و هم کشیدگی ، چرخش و کارهای دیگه ...

http://animflash.persiangig.ir/F_L/7_Free_Transform.gif

با مثال توضیحش میدم :
1) ابتدا یک شکل ترسیم کنید . مثلاً مستطیل .
2) حالا روی آیکنی که گفته شد کلیک کنید .
3) کل شکل رو انتخاب کنید ( درست مثل کار ابزار انتخاب )
4) میبینید که 8 نقطه دور شکل ظاهر شدند که بعضیهاشون کارهای خاصی انجام میدن ( حتی اگه شکلتون دایره هم باشه ، 8تا نقطه ثابت هستند و اگه 2 تا شکل جداگانه رو با هم انتخاب کنید ، بصورت یک شکل واحد قابل تغییر میشه . )

http://animflash.persiangig.ir/F_L/7_free_Rec.gif

5)حالا اگه فلش ماوس رو به نقطه های کنج ببریم ، شکلش عوض میشه و تبدیل میشه به یک حالت فلش چرخشی . حالا اگه روش کلیک کنید و نگه دارید و به صورت دایره وار بچرخونید ، شکل هم همراه اون میچرخه .

اگه فلش ماوس رو به نقطه های وسط هدایت کنید ، به صورت فلش 2 جهته تبدیل میشه و میتونید به همون جهات کش بدین و به عبارت دیگه ، باریک و پهنش کنید .

اگه فلش ماوس رو با خطوط مابین این نقطه ها نزدیک کنید ، فلش به استلاح یه وری میشه و میتونید شکل رو دفرمه کنید .

http://animflash.persiangig.ir/F_L/7_deforme.gif

( حالا همه ی این حالت ها رو با نگه داشتن دگمه های Alt و Shift یا هر دو با هم روی کی برد امتحان کنید ... )

[آبجی]

ابزار انتخاب ( Selection )

http://animflash.persiangig.com/F_L/4_Selection.png


این ابزار یکی از مهمترین وسیله های این برنامس ( بر نخوره به بقیه وسایل ! )
کار هایی که میشه با selection tool انجام داد زیاده که یکی یکی براتون شرح میدم :
اولین و اصلی ترین کار اون ، _ همونطور که از اسمش مشخصه _ انتخاب شکل یا اشکال و خطوط تو صفحه ی کاریه .
یه خط یا شکل با قلم مو رسم کنید . میتونید این شکلتون رو با رنگ بندی مختلف بکشید ، مثل شکل زیر :

http://animflash.persiangig.com/F_L/4_Zigool_Selection.png

حالا میخوایم مثلا شکلمون رو بعد از انتخاب ، به یه جای دیگه انتقال بدیم . روش انتخاب شکل هم به این صورته :
روی گزینه ی selection ( انتخاب ) کلیک میکنیم و مثل تصویر زیر ، شکلمون رو انتخاب میکنیم .

http://animflash.persiangig.com/F_L/4_Zigool_Selection2.png

توجه داشته باشید که کنار فِلِش ماوس، یه کادر کوچیک ظاهر میشه و معنیش اینه که آماده ی انتخاب شکله .
وقتی شکلتون انتخاب شد ، تمامی قسمت های انتخاب شده به صورت نقطه چین در میاد . حالا اگه همون فلش ماوس رو روی شکل انتخاب شده ببریم ، تغییر شکل میده و به جای کادر کوچیک ، فلش 4 جهته ظاهر میشه و معنیش اینه که میتونید شکلتونو جابجا کنید .

http://animflash.persiangig.com/F_L/4_j.png

پس روش کلیک چپ کنید و بدون ورداشتن دستتون از کلیک ماوس و بعد از انتقال به جای جدید ، دگمه ی ماوس رو رها کنید .

یه راه دیگه هم برای انتخاب هست . شما سری قبل ، به صورت کلی یه شکل رو انتخاب کردین ، حالا به صورت تکی اون رو انتخاب کنید .
با کلیک روی هر رنگ تو هر جای شکل ، فقط همون رنگ نقطه چین و به عبارت دیگه انتخاب میشه . با کلیک روی رنگ دیگه ، انتخاب اول لغو و دومی جایگزینش میشه .
ولی حالا اگه دوست داشته باشین چند رنگ رو با هم انتخاب کنید ، باید دگمه ی shift از کی برد رو نگه دارین و گزینه هاتونو انتخاب کنید .

دو حالت دیگه به غیر از کادر و فلش 4جهته برای ابزار انتخاب پیش میاد :

http://animflash.persiangig.com/F_L/4_F__G.png

حالت سمت چپی ( فلش همراه با خط منحنی ) موقعی پیش میاد که ماوس رو وسط یکی از اضلاع شکل ببریم و نشون دهنده ی اینه که میتونیم در اون قسمت انحناء ایجاد کنیم . حالت سمت راستی شکل بالا ( فلش همراه با خطوط قائم ) موقعی پیش میاد که فلش ماوس رو به گوشه ی یکی از اضلاء یا پاره خط نزدیک کنیم و با این خاصیت میتونیم اونها رو کش بدیم .
اگه ماوس در قسمت بیرونی خط دارای حالت منحنی بشه و دگمه ی چپ ماوس رو نگه داریم و به طرف بیرون کش بدیم ، به حجم خط اضافه میشه :

http://animflash.persiangig.com/F_L/4_M1.png

و اگه به طرف داخل بکشیم ، از حجم خط کم شده و همون قسمتش ناپدید میشه .

http://animflash.persiangig.com/F_L/4_M2.png

( شما هم امتحان کنید )

[آبجی]

Sub selection Tool :

http://animflash.persiangig.com/F_L/8_SubSelectionTool.gif

این ابزار رو موقعی بکار میبریم که بخوایم تغییرات جزئی و به صورت منحنی به یه شکل کشیده شده در محیط فلش بدیم .
مثال میزنم :
یک شکل ـ مثلاً یه دایره ـ بکشید .
حالا همین ابزار Sub selection Tool رو انتخاب کنید و روی کناره های شکل ببرید
میبینید که شکل فلش ماوس عوض و یه مربع کوچیک کنارش ظاهر میشه . حالا اگه روی شکل کلیک کنید ، نقطه هایی دور تا دور اون ظاهر میشن .

http://animflash.persiangig.ir/F_L/8_Sub-selection-Tool-2.png

حالا شما میتونید با جابجا کردن نقطه ها ، تغییرات مختلفتون رو روی شکلتون اعمال کنید

http://animflash.persiangig.ir/F_L/8_Sub-selection-Tool-3.png


Pen Tool :

http://animflash.persiangig.com/F_L/8_PenTool.gif

این ابزار برای کشیدن خطوط منحنی به کار میره . ممکنه کار با این ابزار کمی پیچیده به نظر بیاد ، ولی به مرور بهش عادت میکنید .
این ابزار رو انتخاب کنید و روی صفحه سفید یک بار کلیک کنید .
حالا نقطه دوم رو صفحه رو هم مشخص کنید .

http://animflash.persiangig.ir/F_L/8_Pen-Tool3.png

میبینید که یک خط صاف از نقطه اول تا نقطه دوم رسم شده . ولی اگه بخواین خط منحنی در بیاد ، بعد از اینکه تصمیم گرفتید کجا نقطه جدید رو بزارین ، کلیک چپ رو فشار بدین و تو همون حالت نگه دارین . بعد ماوس رو به اطراف حرکت بدین و بعد ول کنید .

اگه شما بخواین یه محیط بسته تشکیل بدین ، باید 3 نقطه رو ترسیم کرده باشین و نقطه ی آخری رو دقیقاً رو نقطه ی اولی انتخاب کنید . با این کار ، داخل شکل رنگ میشه و شما یه محیط بسته ی رنگ شده دارین .

http://animflash.persiangig.ir/F_L/8_Pen-Tool4.png

در حالی که این ابزار pen tool رو انتخاب شده دارین ، وقتی فلش رو ببرید رو لبه ی شکل ، یه علامت + کوچیک کنار نشانگر این ابزار نشون داده میشه . معنی اینه که میتونید یه نقطه ی جدید ایجاد کنید و اگه فلش رو روی نقطه ببرید ، کنار نشانگر یه علامت ــ نشون داده میشه به معنی از بین بردن نقطه .

Lasso :

http://animflash.persiangig.ir/F_L/8_Lasso-Tool.png

این ابزار برای انتخاب قسمتی از یک شکل بکار میره .
این ابزار رو انتخاب میکنیم .
یه قسمت از شکل رو به صورت دایره وار انتخاب میکنیم .

http://animflash.persiangig.ir/F_L/8_Lasso-Tool2.png

اون قسمت به حالت انتخاب شده در میاد .

http://animflash.persiangig.ir/F_L/8_Lasso-Tool3.png

اینکه بخواین این قسمت رو رنگش کنید ، جابجا کنید یا حذفش کنید ، به کار خودتون بستگی داره .

http://animflash.persiangig.ir/F_L/8_Lasso-Tool4.png

[آبجی]

در درسهای قبل با " ابزارها " آشنا شدیم .
حالا شما رو با لایه ها یا به طور کلی تر ، قسمت " تایم لاین " (Time line ) آشنا میکنم :
http://animflash.persiangig.ir/F_L/9_Layer0.png

Time line در بالای صفحه قرار گرفته .شما با کلیک روی قسمتی که با کادر قرمز مشخص شده ، میتونید به Time line دسترسی پیدا کنید و یا اینکه مخفیش کنید .
همونطور که در تصویر میبینید ، تایم لاین از قسمتها و ابزار های مختلفی تشکیل شده . لایه ها که با کادر سبز نشون دادیم و قسمت فریم ها که با کادر آبی مشخص شده .
زیر هر کدوم هم یک سری ابزار میبینیم که مربوط به همون قسمتها هستند .

لایه ها چی هستند و اصلاً به چه دردی میخورند ؟
میشه اینجوری توضیح داد ، یه سری شیشه یا طلق شفاف که روی هم قرار میگیرند . شما میتونید روی هر کدوم از شیشه ها چیزی بکشید ، به طوری که در نهایت یه تصویر کامل رو ایجاد کنند . اگه از شکلی که روی یکی از شیشه ها ( یا درست تر بگم ، لایه ها ) کشیدین که خوشتون نمیاد ، میتونید حذف ، مخفی یا جابجاش کنید ، حتی قفلش کنید تا قابل تغییر نباشه .
یه مثال میزنم ، شما هم میتونید همراهی کنید :
در حالت عادی ، اگه لایه ای ایجاد نکنیم ، خود برنامه به صورت پیش فرض یک لایه به ما میده تا داخلش شکلمون رو ترسیم کنیم . پس یک چهار ضلعی میکشم .
http://animflash.persiangig.ir/F_L/9_layer1.png

حالا ما برای ادامه ی کار خودمون ، به یک لایه جدید نیاز داریم . برای اضافه کردن لایه جدید ، روی دگمه ی insert layet که تو شکل زیر مشخص کردیم کلیک میکنیم :
http://animflash.persiangig.ir/F_L/9_layer2.png

توجه کنید که هر چند بار که روی insert layer کلیک کنید ، به تعداد لایه ها اضافه میشه و محدودیتی هم نداره . تو این حالت ، باید اول لایه ای رو که میخوایم توش شکلمون رو رسم کنیم انتخاب و بعد ادامه ی کارمون رو انجام بدیم .
حالا بعد از انتخاب لایه 2 ، یک دایره با رنگ متفاوت روی شکل قبلیمون رسم میکنم .
http://animflash.persiangig.ir/F_L/9_layer3.png

تااینجا ما 2 تا لایه داریم با 2 شکل مختلف که هر کدوم مستقل از لایه دیگری هستند . برای اینکه شکل کشیده شده در یک لایه ای رو انتخاب و حرکتش بدیم ، باید بعد از ورداشتن ابزار " انتخاب " ، روی لایه ی مورد نظر کلیک کنیم . در این حالت همه ی اشکال موجود تو اون لایه به حالت انتخاب در میان و قابلیت این رو دادن که جابجا بشن .
http://animflash.persiangig.ir/F_L/9_layer4.png

قبلاً بهتون گفتم که میتونید لایه هاتون رو مخفی و یا قفلش کنید ، اما چطوری ؟
اگه دقت کرده باشین ، بالای قسمت لایه ها ، سه گزینه میبینید : یکی تصویر چشم ، دومی تصویر یک قفل و سومیش هم یک مربع تو خالی .
کاربرد قفل و چشم رو توضیح میدم و مربع تو خالی رو هم میزارم سر فرصت بعدی.

کاربرد قفل :
اگه شما بخواین تغییراتی روی لایه های مختلف بدین ، ولی میخواین یک یا چند لایه دست نخورده باقی بمونن ، اون لایه ها رو قفل میکنید . در این حالت ، اگه بخواین هم نمیتونید تغییری روی اون لایه صورت بدین .

در مثال قبلی ، تو یه لایه مربع کشیدیم و تو یه لایه دیگه دایره . حالا میخوایم یکی از این دو لایه رو قفل کنیم : زیر تصویر قفل و جلوی هر لایه ، یک نقطه میبینیم . اگه روی نقطه ی اون لایه کلیک کنید ، تصویر قفل ظاهر میشه و مدادی که نشون دهنده کار روی اون لایه هست ، روش یک خط قرمز کشیده میشه .
http://animflash.persiangig.ir/F_L/9_layer5.png

حالا شما اگه بخواین شکلهای موجود در صفحه رو انتخاب کنید و دیگمه ی delete روی کی برد رو فشار بدین ، کل شکلها ، غیر از اونهایی که تو لایه قفل شده قرار گرفتن پاک میشن .

حالا یه وقتی حواستون نیست که لایه قفل شده ، مثلا میخواین تو اون لایه یه خط بکشید ، رنگش کنید یا با هر ابزار دیگه ای روش کاری انجام بدین ... در این حالت وقتی فلش ماوس رو روی شکل ببریم ، فلش تبدیل به یه علامت میشه که نشون میده نباید رو شکل تغییراتی انجام داد ، چون قفله .
حالا شما اگه در این صورت هم بخواین رو شکل کلیک کنید ، یه پنجره ظاهر میشه که میگه :
این لایه قفله ، میخواین بازش کنید ؟ در صورت تمایل روی yes کلیک میکنید :
http://animflash.persiangig.ir/F_L/9_layer6.png

هر وقت شما لایه های زیادی دارین و بعضی از این لایه ها اوقدر شلوغن که مزاحم کار شما هستند ، میتونید با بکار گیری از گزینه ی چشم که کنار قفل قرار گرفته ، تصاویری که در اون لایه قرار گرفته رو مخفی کنید .
توجه کنید که با این کار ، اونها پاک نمیشن ، بلکه فقط مخفی میشن و با تکرار این عمل ، دوباره قابل مشاهده میشند .
روش استفاده از گزینه ی چشم هم مثل گزینه ی قفله .
http://animflash.persiangig.ir/F_L/9_layer7.png

شما میتونید لایه ها رو جابجا هم بکنید ... یعنی اگه مثلاً خواستید شکل لایه 1 روی لایه 2 قرار بگیره ، با انتخاب اون لایه و حرکتش به بالا و پایین ، بین دو لایه دیگه قرار بدین . به این ترتیب ، شکلی که زیر بوده ، ایندفعه رو قرار میگیره :
http://animflash.persiangig.ir/F_L/9_layer8.png

چند نکته هست که در مورد لایه ها میمونه :
میتونید با دبل کلیک روی اسم اون ، اسم دلخواهتون رو بنویسید .
میتونید با کلیک روی شکل پوشه که علامت + کنارش داره ، یک پوشه روی لایه ها درست کنید و لایه هاتون رو با گرفتن و کشیدن روی پوشه ی ایجاد شده بین لایه ها ، دسته بندی کنید .میتونید برای پوشه هم اسم بزارین .
اگه خواستین لایه ای رو کلاً حذف کنید ، بعد از انتخاب اون ، روی تصویر سطل آشغال که زیر لایه ها قرار داره ، کلیک کنید .
http://animflash.persiangig.ir/F_L/9_layer9.png

در آخر هم بگم ، اگه میبینید شکلها روی نوار ابزار یا لایه ها رسم شده ، با فتوشاپ این کار رو کردم تا همزمان در جریان چند تا کار قرار بگیرید .
موفق باشید !

[آبجی]

ماکرومديا فلش ( Macromedia Flash) يکي از بهترين نرم افزار هايي است که شما ميتوانيد جهت افزودن افکت های مخصوص و انیمیشن های کامپیوتری به وب سایت از آن استفاده کنید .در این جزوه سعی شده تمامی نکات با ذکر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
- کارت گرافیکی 64 گیگا بایت


کاربردهای Flash

زماني که با یک صفحه ی وب برخورد ميکنيم ایده های مختلفی برای ساختن یک وب سایت جالب ،در ذهنمان ايجاد ميشود. با وجود بخشهاي گوناگون در يک وب سايت در مورد تصاوير و رنگها قانونی کلی وجود دارد. در Flash ابزارهايي وجود دارد که به وسیله ی آنها ميتوان به راحتي تصاوير مختلفي خلق کرد. تصاوير برداري خيلي بهتر از نقشه های بيتي هستند. تصوير برداري نه تنها از لحاظ اندازه کوچکتر است بلکه در هنگام کوچک و بزرگ شدن به هيچ وجه کيفيت خود را از دست نميدهد. ولي زماني که يک نقشه بيتي را بزرگ ميکنيم تصاوير مات به نظر ميرسند. تصاویر Flash همانند یک فیلم بر روی صفحه ی وب گذاشته می شود . هرگاه که مرورگر وب شما با يک فيلم Flash روبرو ميشود به طور اتوماتيک Flash player را اجرا می کند.

نكته

به ياد داشته باشيد که فيلم هاي Flash به واسطه برداري بودنشان کم حجم تر از تصاویر نقشه بیتی خواهند بود.

متحرک سازي در سايت وب

در گذشته در سايتهاي وب به علت اينکه انيميشن نداشتند ، بسیار خسته کننده به نظر می رسیدند. ولي نرم افزار Flash به آساني انيميشن را توسط فرآیندی به نام Tweening ايجاد ميکند. در اين مرحله شما به Flash نقطه آغاز و پايان ميدهيد و تصاوير بين اين دو نقطه به طور اتوماتيک به صورت فريم ( Frame ) ايجاد خواهند شد. مثلاً اگر يک تصوير کامپيوتري براي کامل شدن احتياج به 10 فريم داشته باشد تنها لازم است به آن دو فريم شروع و پايان را بدهيم ( فريم 1 و فريم 10) ، خود نرم افزار Flash فريم هاي ما بين آن را ميسازد.
علاوه بر آن ميتوانيد يک Motion Tween براي آن شيء بسازيد.

ساخت فيلم هاي محاوره اي :

در Flash علاوه بر انيميشن هاي ساده ميتوانيد وب سايتهاي محاوره اي نیز بسازید. به عنوان مثال ميتوان فيلم فلشي را ايجاد کنيد که در آن فيلمهاي کوتاه و Track هاي موسيقي متعدد قابل انتخاب وجود داشته باشد زيرا Flash کاملاً شيء گرا ميباشد.

نکته :

در يک فيلم Flash منظور از محاوره اي بودن اين است که کاربر قادر به انتخاب کليپ هاي ويدئويي يا Track موسيقي دلخواه باشد.

تغيير شکل اشياء و متون متحرک :

يکي از تکنولوژي هاي انيميشن در Flash این است که به شما اجازه ی تغییر يک شکل به شکل ديگر را ميدهد ،به اين فرآیند Shape tween ميگويند. بدون شک متون متحرک را در سايت هاي مختلف مشاهده کرده ايد. اين متون درون یک جعبه از نقطه اي به نقطه ديگر حرکت ميکنند. از اين Effect در سرفصل روزنامه ها و تبليغات فروشگاهها استفاده ميشود. ايجاد يک متن متحرک در Flash کار بسیار ساده ای است . بدين منظور جهت رسیدن به نتیجه ی مطلوب باید تکنیک های فیلم سازی Flash را با هم ترکیب کنیم ، به این صورت که ابتدا یک Motion Tween ایجاد کرده ، بوسیله آن متنی را داخل جعبه از این سمت به آن سمت برده و سپس یک Mask اضافه می کنیم. توسط اين ماسک ميتوانيم متن داخل جعبه را کنترل کنيم. اين بدان معني است که شما قادر خواهيد بود هر قسمت از متن دلخواه خود را قابل مشاهده کنيد.

درک و يادگيري اصول پايه اي Flash

Flash داراي يک سري عناصر اوليه است که در طول کارتان شما را همراهي ميکند. شکل زير نماي اوليه اي از عناصر اوليه Flash ميباشد.

صفحه کاري ( Work Place ) در Flash :

صفحه کاري منطقه اي است که در آن قلم هاي Flash را ايجاد ميکنيد. این صفحه ی کاری در واقع آن منطقه سفيد رنگي است که در قسمت مياني پنجره Flash واقع شده است.

نکته :

به طور پيش فرض اندازه اين صفحه 550*400 پيکسل ميباشد. اطراف صفحه کاري بوسيله يک حاشیه خاکستري که محيط کاري است پوشانده شده است. اشياء روي محيط کاري ظاهر میشوند، مگر اينکه آنها را بر روي صفحه کاري منتقل کنيد.

Timeline :

Timeline ( خط زمان ) يکي از ابزار هاي Flash است که فريم هاي درون آن را کنترل ميکند. شکل زير قسمتهاي مختلف Timeline را به تصوير ميکشد.



Play head :

براي ديدن گزینه های Flash مورد نظر Play head را بوسيله اشاره گر ماوس بر روي این Flash بکشيد. بدين منظور شما ميتوانيد يک Frame دلخواه را بر روي Timeline کليک کنيد که آن به صورت اتوماتيک Play head ميشود.

Frame Number :

همان نما هاي شما براي کار کردن در Timeline ميباشند. Frame line شما را قادر ميسازد تا مکان صحیح اشیاء در فریم را مشخص کنید.

Timeline Menu :

از طريق اين متد ميتوان به تعداد گزينه هايي که براي تنظيم چگونگي مشاهده Timeline استفاده ميشوند دسترسي پيدا کرد.

Center Frame :

قسمت مرکزي قابل ديد در Timeline ميباشد.

Onion Skin View :

توسط اين گزينه ميتوان فريم هاي مختلف يک انميشن ترتيبي را مشاهده کرد. در واقع ميتوان تشکيل فريم هاي مياني را ملاحظه نمود.

Onion Skin Outline view :

اين گزينه نيز مانند Onion Skin View ميتواند تعداد فريم هاي اول تا آخر را نشان دهد .اما این گزینه بیشتر براي منحني ها استفاده ميشود.

Edit Multiple Frames :

اين گزينه شما را قادر ميسازد تا هر بخش از يک انيميشن را که بر فريم هاي مختلفی تقسيم شده اند ، ويرايش کنيد.

Modify Onion Markers :

منويي را نمايش ميدهد که توسط آن شما ميتوان تعداد فريم هاي دلخواه را در Onion Skin View نمايش داد.

Current Frame :

در اين قسمت ساده فريم جاري نمايش پيدا ميکند.

Frame Rate :

این گزینه تعداد فريم هاي نمايش داده شده را نشان ميدهد.

Playback Time :

این گزینه مدت زمان سپري شدن فيلم را نشان ميدهد.

Scroll Bars :

بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود.

[آبجی]

لايه ها

لايه ها به مانند صفحات شفافي بر روي صفحه کاري قرار گرفته اند . اشياء بر روي اين لايه ها به صورت مستقل عمل ميکنند. به اين صورت شما ميتوانيد هر کدام از اشياء روي لايه هاي مختلف را دستکاري کنيد و يا اينکه يک لايه را به جلو يا پشت لايه مورد نظر انتقال دهيد ،بدون اینکه اشیاء دیگر خراب شوند . با توجه به شکل زير به اجزاي لايه نگاهي دقيقتر بيندازيد :

Layer Names :

در اينجا نام لايه ها را مشاهده ميکنيد. براي تغيير نام یک لایه است روي آن دو بار کليک کرده و نام آن را عوض کنيد.

Add a layer :

براي ايجاد يک لايه جديد از اين گزينه استفاده ميشود.

Add a Motion Guide Layer :

اين گزينه شما را قادر ميسازد تا يک لایه ی راهنما ايجاد کنيد.بنابر اين ميتوان اشياء را در يک مسير حرکت داد که اين مسير الزاماً مستقيم نميباشد.

Add a Layer Folder :

توانايي شما را در افزودن پوشه هايي به سازماندهي لايه ها افزايش ميدهد.

Delete a Layer :

به وسيله اين آيکون ميتوان لايه مربوطه را حذف کرد.

Show or Hide Layer :

با کليک کردن روي جعبه ها ، لايه ها قابل مشاهده ميشوند. اگر فقط ميخواهيد لايه خاصی را امتحان کنيد بر روی همان لايه کليک کنيد.

Lock or Unlock Layer :

با کليک کردن در اين ستون تمام لايه ها قفل شده و براي لايه ها و Frame ها امکان هيچ ويرايشي وجود ندارد. ( ميتوان تک تک لايه ها را نيز قفل کرد )

Show Layer as Outline :

با کليک بر روي اين ستون ، اشياء بصورت يکپارچه در مي آيند. اهمیت این حالت را زمانی درک خواهید کرد که مشاهده کنید اشیاء مختلف از لایه های متفاوت چگونه با هم پیوند می خورند .

جعبه ابزار



جعبه ابزار Flash مجموعه ای از ابزار ترسیم و انتخاب اشکال است . با کمک شکل زیر می توان با عملکرد هر کدام از ابزارها آشنا شد .

Arrow Tool :

اين ابزار براي انتخاب اشکال به کار ميرود و بوسیله ی آن می توان قسمتي از شکل يا تمام آنرا جابجا کرد.

Sub Select Tool :

به وسيله اين ابزار ميتوان خطوطي که توسط ابزار Pen ترسیم شده اند را ويرايش و يا ترميم نمود.

Line Tool :

بوسيله اين ابزار ميتوان خط هاي گوناگون با نوع قلم متفاوت رسم کرد. ( اگر هنگام کار با اين ابزار کليد Shift را نگه داريم ميتوانيم خطهاي کاملاً عمودي و يا حتي 45 درجه رسم کنیم.

Lasso Tool :

برای انتخاب یک ناحیه ی نامنظم می توان از این ابزار استفاده نمود.

Text Tool :

به وسيله اين ابزار ميتوان به Flash متن هايی را اضافه نمود.

Oval Tool :

به وسيله اين ابزار ميتوانيم بيضي رسم کنیم و اگر هنگام رسم کليد Shift را پايين نگه داريم ميتوانيم دايره رسم کنیم.

Rectangle Tool :

به وسيله اين ابزار ميتوان مستطيل رسم نمود ، اگر در هنگام رسم کليد Shift پايين نگه داشته شود ميتوان مربع رسم نمود.

Pencil Tool :

با استفاده از اين ابزار ميتوان سه نوع خط نامنظم و شکسته رسم کرد .

Brush Tool :

با استفاده از این ابزار می توان اشکال خاصی نظیر پیکر انسان و غیره ترسیم نمود .

نکته :

با استفاده از ابزارهاي ديگری نیز می توان عملیات فوق را انجام داد ، ولی این ابزار کار را ساده تر انجام می دهد .

Free Transform Tool :

به کمک این ابزار می توان تصویر را کوچک یا بزرگ نمود و یا آنرا چرخاند .

Fill transform Tool :

اين ابزار براي عوض کردن طيف اشيایی که توسط Flash رسم ميشوند به کار ميروند.

Ink Bottle Tool :

با استفاده از این ابزار می توان خطوط موجود در اشیاء Flash را رنگی نمود .

Paint Bucket Tool :

با استفاده از این ابزار می توان اشیایی که توسط Flash رسم شده اند را رنگی نمود و یا رنگ آنها را تغییر داد .

Eyedropper Tool :

به کمک اين ابزار ميتوان رنگ دلخواه خود را از يک تصوير يا شيء انتخاب نمود.

Eraser Tool :

این ابزار برای پاک کردن قسمتی از یک شی ء بکار می رود ، توسط Option های این ابزار می توان حالت پاک کردن را انتخاب نمود .

Hand Tool :

به کمک اين ابزار امکان جابجا کردن Work Space وجود دارد .

Zoom Tool :

با استفاده از این ابزار کادر فیلم Flash را کوچک و بزرگ می کنیم .

Stroke Color :

با انتخاب اين گزينه جعبه رنگ باز ميشود و رنگ خطوط اشیاء به رنگ دلخواه در می آید .

Black and White :

با انتخاب اين گزينه خود Flash به طور اتوماتيک رنگ Stroke را مشکي و رنگ Fill را سفيد ميکند.

No Color :

با استفاده از اين گزينه در واقع هيچ رنگي براي کار خود انتخاب نميکنيد.

Swap Color :

با کمک اين گزينه ميتوان جاي Stroke را با جاي Fill عوض کرد.

Tools / Options :

در اين مکان کارايي و حالت مختلف بعضي از ابزار ها نمايش داده میشود که از بین آنها می توان مورد خاصی را انتخاب نمود .

Panels :

در واقع يک پانل يک جعبه محاوره اي است که نياز به بسته شدن ندارد. زماني که در پانل هاي Flash تغییراتی ايجاد ميکنيد، نیاز به بستن پانل ها نیست ، تغييرات فوراً اعمال ميشوند.

نکته :

ممکن است بعضي از پانل ها مخفي باشند ، توسط منوي Window ميتوان آنها را فعال نمود.

Properties Panel :

توسط اين پنل ميتوان مشخصات ابزار انتخاب شده را تعيين کرد. مثلاً در شکل زير ، پانل خصوصيات Text Tool را ميبينيد.

Color- Mixer Panel :

توسط اين Panel ميتوان رنگهاي دلخواه خود را براي استفاده در خطوط و داخل سطوح ايجاد نمود. زماني که رنگ مورد نظر خود را انتخاب ميکنيد اشياء جديد به اين رنگ در خواهند آمد.

Color Swatches Panel :

اين Panel محدوده ی رنگ بیشتری را به ما نشان می دهد .

Components Panel :

توسط اين Panel ميتوان عناصر واسطه اي را به فيلم اضافه نمود ،اين عناصر توسط يکسري کد اسکريپت کنترل ميشوند. اين عناصر به شما کمک ميکنند تا بتوانيد به سادگی فيلمهاي Flash تهيه کنيد.

Action Panel :

توسط اين Panel ميتوان جهت استفاده از اشیاء ، کد اسکريپت مورد نظر را به فريم هاي Timelines اضافه نمود. همچنین توسط اين زبان برنامه
نويسي ميتوان حرکات اتوماتيک را به Flash اضافه کرد.

[آبجی]

Frame چيست ؟

هر فريم در Flash نشان دهنده چشم اندازي از فيلم است که در يک فاصله زماني نمايش پيدا ميکند . اگر شما به طور پيش فرض از 12 فريم در ثانيه استفاده کنيد هر فريم در يک دوازدهم فاصله زماني نمايش پيدا ميکند.

يادگيري انواع Frame :

نرم افزار Flash داراي دو نوع Frame است. فريم هاي معمولي و فريم هاي کليدي. اختلاف و شباهت بين دو نوع به شرح زیر می باشد:
- در زمان نمايش فيلم کليه فريم ها در زمانهاي مساوي نمايش داده ميشوند. ( مگر اينکه شما با نوشتن قطعه کد اسکريپت مشخص کنيد که يک فريم چه زماني طول بکشد تا نمايش يابد).
- آيتم هاي مختلف را فقط به فريم هاي کليدي ميتوان اضافه نمود. اين اهميت ندارد که چه چيزي را مي خواهيد اضافه کنيد، بلکه باید به یاد داشت که به فريم هاي کليدي ميتوان آيتم نيز اضافه نمود.

کليد هاي ميانبر براي Form ها :

دستور کليد ميانبر شرح
Frame F5 اضافه کردن يک يا چند فريم معمولي به محل مورد نظر
Remove frames Shift + F5 حذف فريم هاي انتخاب شده از Timeline
Key Frames F6 اضافه کردن يک فريم کليد که محدوديت فريم قبلي را دو برابر ميکند
Blank Key Frame F7 اضافه کردن يک فريم کليدي که محدوديت فريم کليدي قبلي را به همراه نخواهد داشت
Clear Key Frame Shift + F6 تبديل يک فريم کليدي به فريم معمولي

نکته :

قبل از اینکه فریم ها را به نقطه ای دیگر انتقال دهید ، بهتر است یک Motion Tween ساخته و سپس فریم را به نقطه ی دلخواه انتقال داد .

حالت لايه ها

لایه ها همانند صفحات پلاستیکی هستند که اشیاء مختلف را می توان روی آنها ترسیم کرد . این صفحات از یکدیگر جدا و مستقل هستند ولی هنگامیکه تمامی لایه های پلاستیکی روی هم قرار گیرند تمامی صفحات قابل مشاهده می باشند .

اضافه کردن لايه ها :

در زمانیکه می خواهید لایه ای را به Timeline اضافه کنید می توانید از منوی Flash گزینه ی Insert و سپس گزینه ی Layer را انتخاب کنید . برای ایجاد سریعتر می توان از دکمه ای که در سمت چپ و پایین Timeline قرار دارد استفاده کرد .

نامگذاري لايه ها :

زماني که لايه جديدي را به Timeline اضافه ميکنيد Flash به طور اتوماتيک نامي را براي لايه انتخاب ميکند .
معمولا این نامها بصورت Layer2 ، Layer1 ، ... می باشند . البته این نامها پیش فرض بوده و شما می توانید برای بیان کار خاص هر لایه نام مشخصی برای آن تعیین کنید . به عنوان مثال برای لایه پس زمینه نام Background Layer را انتخاب کنید

لايه هاي ماسک -Mask

لایه ی مهمی که در Flash می توان ایجاد نمود لایه ی Mask می باشد . این لایه همانند پنجره ای بر روی دیگر لایه ها عمل می کند و زمانی که فیلمی نمایش داده می شود این لایه محدوده ی مورد نظر را نمایش می دهد .

لايه هاي راهنما :

به کمک این لایه انیمیشن می تواند در Motion Tween در جهات مختلف حرکت کند ، اگر از Motion Tween استفاده نشود انیمیشن در یک مسیر حرکت می کند .

کشيدن خطوط و پر کردن سطوح :

کشیدن اشیاء در فلش با فریم آنها در سایر برنامه های گرافیکی تقارن زیادی ندارد . ابزار مناسب ترسیم را انتخاب کرده ، سپس اشیاء را روی صفحه ی کار ترسیم کنید . البته فلش در مقایسه با دیگر برنامه های ترسیمی تفاوت های مهمی دارد . یکی از این تفاوتها این است که اشیاء نقاشی شده در فلش پایه ی برداری داشته و بهتر از تصاویر نقشه بیتی عمل می کنند .

انتخاب خطوط متفاوت :

اصطلاح Stroke در فلش به معنای Line است . توسط این ابزار یا ابزارهای Pen و Pencil می توان خطوط را ایجاد نمود .


اضافه کردن خطوط منحني پيچيده

درست است که ابزار Pen و Sub Select حقيقتاً قدرتمند هستند اما استفاده از آنها براي رسيدن به نتيجه واقعي زمان زيادي ميبرد . همچنين شما ميتوانيد از ابزار Arrow براي اصلاح اشياء استفاده کنيد . به کمک اين ابزار ميتوان گوشه اشياء را حرکت داده و به خوبي خطوط را به داخل خم کرد. از دو ابزار Sub Select , Arrow ميتوانيد براي تغيير شکل اشياء استفاده کنيد. ضمناً ميتوان از ابزار Free Transform نيز استفاده کرد. اين ابزار نيز همانند ابزار Arrow براي اصلاح اشياء کشيده شده استفاده ميشود. به طور مثال شما ميتوانيد عمليات تغيير اندازه ، چرخاندن ، کج کردن و پيچ دادن يک شيء را توسط Free Transform انجام دهيد.

کنترل کردن پيکر بندي آلفا :

پيکر بندي آلفا دقيقاً يک پيکر بندي رنگ نيست . اما برخي چيزهاي آن به رنگ مرتبط ميشود . در واقع آلفا يک درجه بندي براي شفافيت يک شيء ميباشد. يک شيء که درجه پيکر بندي آلفاي آن 10 درجه ميباشد کاملاً مات است . در صورتي که اين درجه پيکر بندي به صفر برسد آن شيء کاملاً شفاف است. در مثال زير کاملاً ميتوانيد مشاهده کنيد.

براي تنظيم مدار آلفاي اشياء مراحل زير را دنبال کنيد :

1- ابزار Arrow را از جعبه ابزار Flash انتخاب کنيد
2- بر روی شکل مورد نظر کلیک کنید تا انتخاب شود .
3- از منوی Window گزینه Color Mixer را انتخاب کنید .
4- به آلفا مقداری عددی بدهید . یا از طریق وارد کردن عدد مورد نظر که بصورت درصدی نمایش داده می شود و یا توسط دکمه ی لغزنده ی سمت راست می توان مقدار عددی دلخواه را به آلفا داد .

چرخاندن ، کج کردن و تغيير اندازه دادن

چرخش اشياء :

چرخش يک شيء در واقع دور زدن شيء به حول نقطه مرکزي شیی و در جهت حرکت عقربه هاي ساعت ميباشد. وقتي که شما يک شيء را ميچرخانيد شيء در همان اندازه باقي ميماند و زواياي شيء هيچ تغييري نميکند. شما ميتواند يک شيء را با ماوس بچرخانيد. براي انجام اين کار مراحل زير را دنبال کنيد :
1- ابزار Arrow را انتخاب کنيد .
2- بر روي شيء مورد نظر دوبار کليک کنيد .
ضمناً هر دوي خط و سطح محور شيء را انتخاب کنيد.
ضمناً براي راحتي کار ميتواند توسط ابزار Arrow يک جعبه فرضي را دور شکل مورد نظر خود بکشيد تا به حالت انتخاب در آيد.
3- از منوي Modify گزينه Transform و در نهايت گزينه Rotate and skews را انتخاب کرده تا دسته هاي راهنماي چرخش به شيء اضافه گردد. همچنين ميتوان بر روي شيء انتخاب شده کليک راست کرده و از منوي پديدار شده گزينه Rotate and skews را انتخاب کرد.
4- يکي از دسته هاي راهنماي گوشه تصوير را گرفته و شيء مورد نظر را بچرخانيد.

کج کردن اشياء :

براي انجام کار ابزار Arrow را انتخاب می کنیم. وقتي شيء مورد نظر و نوع خط آنرا انتخاب کرديد ابزار Envelope را هم انتخاب کنيد . وقتي که دسته هاي راهنما بر روي شيء فعال گردید از هر گوشه شيء ميتوان آنرا کج کرد و همچنین ميتوان بر روي شيء مورد نظر کليک راست کنيد و گزينه Envelop را انتخاب کنيد.

تغيير اندازه اشياء :

يکي از ابزار هاي مهم که در نرم افزار Flash کاربر فراوانی دارد ابزار Scale ميباشد. به کمک این ابزار ميتوان اندازه شیی را تغيير داد ، آنها را کوچک و بزرگ و يا طول و عرض آن را کم و زياد کرد. روش کار به اين صورت است که ما اول ابزار Free transfer را انتخاب نموده و از منوی Option گزینه Scale را انتخاب ميکنيم ( در نظر داشته باشيد که قبل از انجام کار بايد سطح شيء و خط انتخاب شده باشد ) با انتخاب گزینه Scale دسته هاي راهنما بر روي شيء مورد نظر ظاهر ميشود . می توان با انتخاب یکی از دسته هاي راهنما سايز شيء را کم يا زياد ميکنيم.

کشيدن خطوط توسط Flash

براي کشيدن خطوط در Flash می توان از روشها و ابزار هاي مختلفي استفاده نمود. اولين مورد به کمک ابزار Line ميباشد . بدين صورت که ما از Toolbar ابزار Line tail را انتخاب ميکنيم .هنگام انتخاب اين ابزار ، شکل ظاهري ماوس تغيير ميکند. ماوس را به طرف محيطي که در آن خط را ترسيم می کنيم ميبريم ، سپس از نقطه شروع ماوس را فشار داده و آن را ميکشيم تا پايان کار نباید دکمه ماوس را رها کنیم .
هنگامي که ابزار Line را انتخاب ميکنيم پنل Properties فعال ميشود. از اين پنل در تغيير رنگ ، اندازه خط و نوع خط می توان استفاده کرد :
1- تغيير رنگ خط : براي تغيير رنگ خط اول خط مورد نظر را انتخاب مينماييم سپس از پنل Properties گزينه Stroke color را انتخاب کرده و بر روي آن کليک ميکنيم تا پالت رنگها باز شود. در قسمت بالاي آن کد رنگ را وارد کرده و یا از همان پالت ، رنگ مورد نظر خود را انتخاب کنيم.
2- تغيير اندازه : براي تغيير سايز خط از همان پنل Properties گزينه Stroke height را انتخاب کرده ، سایز آنرا مشخص ميکنيم.در کنار آن يك چرخه مانند وجود داردکه ميتوان از کم به زياد آن را اضافه کرد. اگر آن را به طرف پايين ببريم سايز آن کوچک ميشود و اگر به طرف بالا ببريم سايز ها بزرگ ميشود.


نکته :

در نرم افزار فلش سایز خطوط بصورت پیش فرض از صفر تا ده می باشد .

تغيير نوع خط :

براي تغيير نوع خط در پنل Properties گزينه Stroke style را انتخاب می کنیم. در اين روش 7 نوع خط وجود دارد.براي تغيير نوع خط ، آنرا انتخاب کرده ، سپس يکي از خطوط را انتخاب ميکنيم .

Custom stock style :

اين دکمه نيز در همان قسمت Properties وجود دارد هنگامي که اين دکمه را فشار ميدهيم ميتوان تنظيمات مورد نظر را بر روي هر کدام از انواع خطوط انجام داد.

ساخت يک Motion Tween :

براي شروع کار ابتدا با يک Animation ساده شروع می کنیم . ابتدا بايد Animation را بشناسیم و نيز مهمتر از آن اينکه کاربرد انیمیشن را در فلش بدانیم.

[آبجی]

انيميشن در Flash

در Flash به هر گونه جابجايي در اشياء يا تصاوير ، کوچک و بزرگ شدن و تغيير حالت اشياء انيميشن گفته می شود. ابتدا به چگونگی کار انیمیشن پرداخته و سپس نحوه ی ساخت آنرا توضیح خواهیم داد.

Animation ها در Flash به چه صورت کار ميکنند :

تمام اشیاء و تصاویر را در فریم ها و لایه های مخصوص پیاده کرده و تغییرات را در آن اعمال می کنیم. حال به اجرای انیمیشن ها می پردازیم . همیشه در فلش اشیاء و تصاویر را بر روی Work Space و انیمیشن را بر روی فریم ها اعمال می کنیم . وقتی یک Movie را طراحی می کنیم به آن فرمت SWF Export می دهیم ، تمامی لایه ها و فریم ها به یک لایه تبدیل شده ، تمامی عناصر دست به دست هم داده و به یک لایه تبدیل می شوند . مثلا اگر در یک لایه 200 فریم وجود داشته باشد ، در قسمت movie بصورت یک عکس در آمده و پشت سر هم قرار می گیرند . در هنگام عبور Time Line از روی این فریم ها سرعت بالا بوده و تمامی این فریم ها را می توان پشت سر هم در فرمت یک انیمیشن مشاهده کرد .

شروع ساخت يک انيمشن :

در اين قسمت هدف مشخصی را مد نظر قرار داده ، براي انجام آن به محيط Flash رفته و کار را شروع می کنیم .

هدف :

ايجاد يک Animation که در آن شکل يک توپ وجود دارد که ميخواهيم از سمت راست وارد صفحه شده و از سمت چپ خارج شود.

شروع :

1- گزينه New را از منوی File انتخاب کرده تا محيط کار جديدی بارگذاري شود.
2- اشياء موجود در صفحه را در فريم هاي مورد نظر ترسيم کنيد.
3- انيميشن لازم را بر روی فريم ها اعمال كنيد.
حال ميخواهيم در 20 فريم توپی ترسيم کنيم که از سمت چپ وارد صفحه شده و از سمت راست خارج گردد. ابتدا از Layer فريم 1 را انتخاب کرده و به وسيله Oval tool در آن فريم يک توپ ترسيم می کنيم. از اينجاي کار به بعد مبداً توپ مشخص شده است حال بايد مقصدي که ميخواهيم توپ به آن جا برسد را کپي کرده و آن را به Frame 20 منتقل می کنیم.( زيرا گفته ايم در 20 فريم )
( روش کپي : روي فريم مورد نظر راست کليک كرده و Copy frame را انتخاب ميکنيم ،سپس بر روي فريم مورد نظر راست کليک کرده و گزينه Paste frame را انتخاب ميكنيم. ) حال تمام کارها انجام شده و به مرحله اي می رسیم که ميخواهيم Effect مورد نظر را بر شيء اعمال كنيم.
از آنجایی که ميخواهیم شيء از سمت چپ به سمت راست تغيير مسير دهد بايد از Motion Tween استفاده کنيم . پس از تعيين مبداء و مقصد شيء بر روي Frame1 راست کليک کرده و گزينه Create Motion Tween را انتخاب کنيد. هنگامي که اين عمل را انجام ميدهيم کل 20فریم به رنگ بنفش در مي آيد .این بدان معناست که Frame ها Motion يافته اند ولي به صورت نقطه چين .این حالت بیانگر این مطلب است که به مبداء Motion داده ايم ولي به مقصد خير. حال همين کار را براي Frame20 يعني همان Frame مقصد انجام ميدهيم. ميبينيم که بر روي بيست Frame يک Flash ظاهر شده و نقطه چينها از بین می روند. حال اگر Ctrl + Enter را فشار دهيد ميتوانيد Animation ساخته شده را مشاهده کنيد.حال با يادگيري Motion Tween ميتوانيد اشياء مختلف را با Effect هاي مختلف ساخته و نمايش دهيد.

Shape Tweens

نوع ديگر Animation در Flash ، Shape Tween است. تفاوتی که بين Shape Tween و Motion Tween وجود دارد ، اين است که Motion Tween براي حرکت و جابجايي اشياء کاربرد دارد ولي Shape tween براي تغيير حالت اشياء به کار ميرود. به طور مثال يک دايره در حين حرکت به شکل يک مستطيل در مي آيد.

شروع ساخت يک Shape Tween :

براي اين کار محيط جديدی باز نموده ( File / New ) و بعد از آن در Layer و فريم مورد نظر شيء را ترسيم مينماييم ، سپس در فريم مقصد ، شيء بعدي را ترسيم ميکنيم. در اینجا دو فريم با دو شيء متفاوت داريم مثلا اگر بخواهیم از دايره به مستطيل برسيم. ابتدا ابزار Arrow را انتخاب نموده و با يک بار کليک کردن بر روي فريم مبداء آن را انتخاب ميکنیم، هنگامي که فريم مورد نظر انتخاب شد در Properties منویی به نام Tween ظاهر ميشود که با استفاده از آن ميتوان به شيء Motion يا Shape دهيم. حال پس از انتخاب Frames در قسمت Properties گزينه Tween و ابزار Shape را انتخاب ميکنيم. در اینحالت فريم مورد نظر تغيير رنگ یافته و به رنگ سبز در مي آيد که اين خود نشانه Shape Tween است. ولي تا اينجا کار ما کامل نشده چون به Frame مقصد Shape را نداده ايم. حال براي Shape دادن به آخرين Frame نيز تمامي اين مراحل را اجرا می کنيم. حال برای نمایش ،Ctrl + Enter را زده ، شکل در حين حرکت از دايره به مستطيل تبدبل ميگردد.

Motion Guide :

از Motion Guide به عنوان خطوط راهنما استفاده ميشود. براي اعمال Motionهاي مختلف ابتدا باید يک خط راهنما که شيء بر روي آن حرکت ميکند را ايجاد کرده و سپس انيميشن را بر روي آن سوار کنيم.

شروع کار :

1- ايجاد خط راهنما : ابتدا بايد در لایه و فريم مورد نظر خط راهنما را رسم نمود. براي مثال ميخواهيم خطی به سکل زیر رسم کنيم که يک توپ به همين حالت از روي آن حرکت کند.

نکته :

بعلت اینکه خط راهنما در Movie یکی از اجزاء اصلی نیست ، در Motion Guide قابل مشاهده نمی باشد .
اول بايد بر روي گزينه Add Motion Guide کليک کرده تا يک Layer مخصوص ايجاد شده و در همان Layer در فريم اول يا فريم مورد نظر خط راهنما را ترسيم کنيم. هنگامي که خط ترسيم گشت حال يک Layer جديد ايجاد ميکنيم و انميشن شيء خود را بر روي آن Layer ايجاد ميکنيم خود Flash به صورت پيش فرض از مرکز شيء براي Guide استفاده ميکند ( از ابتدا تا انتها ) حال Ctrl + Enter را فشار دهيد و Flash را مشاهده کنيد. به حالت زير ميباشد. ( خط راهنما منحني ميباشد. )

آوردن عکس در محيط Flash

در بسياري از Movie ها، به عکس و تصاوير احتیاج پيدا ميکنيم. نرم افزار Flash اين امکان را به ما ميدهد که بتوانيم از تصاوير با قالبهاي متفاوت نيز استفاده کنيم.

طريقه آوردن عکس در Flash :

اول از منوي File گزينه Import را انتخاب کرده هنگامي که اين گزينه را انتخاب کردید پنجره ای باز ميشود که مسير عکس مورد نظر را مي خواهد. با آوردن مسير عکس و انتخاب آن دکمه Open را فشار داده و عکس مورد نظر به محيط Work Space انتقال مي يابد.

نکته :

توسط اين گزينه نيز ميتوان فايلهاي .gif متحرک را به داخل Movie آورد. ولي در Flash هر قسمت فايل .gif متحرک به يک فريم تبدیل می شود .در اینجا Frame ها آماده نمايش در Movie می باشند.

اضافه کردن يک ماسک گرافيکي :

اين ماسک توسط يک شيء منحني بسته ساخته ميشود. ميتوان توسط ابزار هاي مختلف از جعبه ابزار يک ماسک گرافيکي ايجاد کرد.
شما براي ايجاد ماسک به دو لايه احتياج داريد.
1- ابتدا اشيائي را که ميخواهيد در فيلم نمايش داده شوند رسم کنيد.
2- به وسيله کليک بر روي دکمه Insert Layer يک لايه جديد به لايه قبلي اضافه کنيد.
3- بر روی لایه جدید راست کلیک کرده و از منوی پدیدار شده برای تبدیل آن لایه به لایه ماسک گزینه Mask را انتخاب کنید.
4- برای خارج شدن از حالت قفل بر روی ستون قفل از لایه ماسک کلیک کنید. برای اینکه لایه از حالت معمولی به ماسک تبدیل شود ، Flash به طور اتوماتیک لایه ها را قفل می کند.
5- به یاد داشته باشید که شکل انتخابی جهت تاثیر ماسک بسته باشد.
حال می خواهیم با استفاده از ماسک یک Movie بسازیم که در آن دایره یا متن از محیط خارج شود.

1- اشکال خود را که در فيلم ميخواهيم استفاده کنيم ، ترسيم ميکنيم.
2- يک لايه جدا براي Text خود ايجاد مينماييم ، و متن را در داخل آن تايپ مينماييم.
3- لايه ديگری براي Mask بر روي همان لايه Text ايجاد ميکنيم تا بتوانيم اعمال Mask را در آن لايه انجام دهيم.
4- پس از نوشتن Text انيميشن Mask را ايجاد می کنيم. ابتدا در اولين Frame دايره ترسيم کرده از آن کپي گرفته و در فريم بعدي ( بطور دلخواه) آن را Paste ميکنيم و به اندازه طول Font مبداء و مقصد را مشخص نموده و در آخرين قسمت Motion مربوطه را به frame ها ميدهيم. حال بازدن کليد Ctrl + Enter ميتوان تغييرات را مشاهده نمود.

حذف Mask :

براي از بين بردن حالت Mask به دو صورت ميتوان عمل نمود :
1- حذف کامل لایه Mask
2- راست کليک کردن بر روي لايه مورد نظر و برداشتن تيک گزنه Mask

نوشتن متن و ايجاد انيميشن بر روي آن :

براي نوشتن متن در Flash ، ابتداابزار Text tool را از جعبه ابزار ، انتخاب کرده ، سپس به دو صورت ميتوان محيط نوشتن متن را فراهم کرد :
1- با بردن آن بر روی محیط مورد نظر ، فشار دادن کلید ماوس و کشیدن آن می توان محیط محدودی برای آن تعریف کرد .
2- ميتوان با يک کليک آن محيط را ايجاد کرده و بينهايت کاراکتر تايپ کرد
حال که متن را Type کرديم در قسمت Properties گزينه هايي فعال ميگردند که قسمتي از آن را براي شما توضيح خواهيم داد :

1. Static Text : در اين حالت هنگام تایپ متن هيچ عملي نميتوان بر روي آن انجام داد.

2. Dynamic Text : اگر در هنگام تایپ از اين گزینه استفاده کنيم متن ها به صورت Dynamic در مي آيند ، يعني شما این امکان را پيدا ميکنيد که آنها را انتخاب کرده و از آنها کپي برداريد.

3. Input Text : اگر در هنگام تایپ از اين گزینه استفاده شود هنگام نمايش ميتوان متن هارا پاک کرده و يا حتي در آنها Type از اين حالت بيشتر در Form ها استفاده ميشود.

Font : از اين گزینه در تعیین فونت استفاده می شود . به اینگونه که متن را Select کرده، بر روي Font مورد نظر کليک کرده و آن را جايگزين Font قبلي ميکنيم.

Character Spacing : از اين گزينه براي کم و زياد کردن فاصله بين کاراکتر ها در Font استفاده می شود . این کار به وسيله لغزنده کنار آن انجام می شود.

Font Size : توسط ابن گزينه ميتوان اندازه Font رااز 8 تا 98 تغيير داده و آن را کوچک و بزرگ کرد. البته به صورت دستي نیز می توان اعداد دیگری به آن داد .

Text Fill Color : اين گزينه که همان Fill Color است براي تغيير رنگ Font استفاده ميشود .

Toggle Bold Style : اين گزينه براي Bold نمودن Text ها به کار ميرود.

URL Link : از اين گزينه براي لینک کردن یک متن ، یک آدرس استفاده می کنیم . به اینصورت که متن را انتخاب کرده و سپس در محل URL Link آدرس مورد نظر را به آن Link ميکنيم.

انيميشن Text

حال متن را با تنظيمات دلخواه Type کرده و موقع آن رسيده که Animation مورد نظر را بر آن اعمال کنیم. در اينجا ميخواهيم متن ما حول يک مرکز از کوچک به بزرگ تبديل شود.

شروع :

لايه مورد نظر را ايجاد نموده ،به آن يک نام دلخواه داده و در فريم مورد نظر متن را Type می کنیم. از فريمي که متن در آن است يک کپي گرفته و در Frame مورد نظر Paste ميکنيم.
- به دليل اينکه گفته ايم متن بايد از کوچک به بزرگ تبديل شود ، بايد در فريم اول سايز متن را کوچکترين اندازه در نظر بگیریم.
- حال Motion لازم را به آن داده و آن را مشاهده ميکنيم.
- در هنگام نمایش Movie ، متنی را مشاهده می کنیم که از کوچک به بزرگ تبدیل می شود .

Symbol :

Symbol ها يا همان سمبل ها اشيائي هستند که در فيلم هاي Flash مورد استفاده قرار می گیرند. در ميان Symbol ها و اشياء معمولي تفاوتهایی به شرح زیر وجود دارد:
1- ميتوان از هر Symbol يک کپي گرفته و هر کجا که لازم شداز آن استفاده نمود.
2- ميتوان در يک Symbol يک لايه Mask داشت ، به صورتي که در مواقع مورد نياز ، هم براي مرتب بودن و هم براي حجم کم بتوان از آن استفاده کرد.
3- ديگر آنکه بتوان آن را در کتابخانه Flash نگهداري کرد و در مواقع مورد نياز از آن استفاده نمود .

Movie Clip ( سمبل هاي گرافيکي ) :

سمبلي است که در آن اشياء و يا حتي عکسهاي بيتي موجود ميباشند و می توانیم از آنها استفاده کنیم. مانند عکس يک جنگل که پشت زمينه باشد.

Button : يا همان سمبل هاي کليدي بيشتر براي ساختن کليد ها به کار ميروند. اين کليد ها دستوراتي را ميگيرند که در مراحل انجام Flash به کار رفته اند و هر کليد براي فعال شدن هر عمل و هر دستوري احتياج به يک سري دستورات خاص دارد که بر اساس Action Script تعريف می شوند.
– مثال : لينک دادن ، دکمه هاي Back , Next و دکمه هاي ارتباطي و غيره .

ایجاد Symbol ها :

براي تهيه ی Symbol ها به دو طريق ميتوان عمل نمود :

1- اولين مسير به اين صورت است که از منوي Insert گزينه Convert to Symbol را انتخاب می کنيم . در اين موقع پنجره اي باز ميگردد که حالت هاي Symbol را نمايش ميدهد. هر کدام را که بخواهيم انتخاب نموده و يک Symbol ايجاد ميکنيم.

2- در حالت دوم میتوان از يک Short cut استفاده نمود که shortcut آن کليد F8 است. هنگامي که کليد F8 را فشار ميدهيم همان پنجره باز ميشود، نوع Symbol را انتخاب کرده و OK را فشار ميدهيم.

[آبجی]

ذخيره سازي فايهاي Flash


منظور از فايلهاي Flash چيست ؟

هر موضوعی که در نرم افزاری خلق می شود چه در شکل برداري و چه در شکل گرافيکي و غيره در يک فايل اصلي ذخيره ميشود که فقط توسط همان نرم افزار ميتوان آن را مشاهده نمود. ( در اصل Source پروژه است.) ولي ميتوان آن فايل اصلي را به قالب فايلهاي شناخته شده در آورد تا در هر مورد قابل مشاهده باشد.

مثال :

در نرم افزار Photoshop فايل اصلي دارای پسوند .pst است ولي ما آنها را با پسوند هاي .jpg و يا .gif ذخيره ميکنيم. حال در نرم افزار Flash فايلهاي اصلي با پسوند .fla ذخيره ميگردند و Source اصلي برنامه همين فايل .fla ميباشد.
در اینجا پروژه ها به جايي رسيده اند که ميخواهيم آنها را با پسوند .fla ذخيره کنيم .
بايد به منوي File رفته و گزينه Save را انتخاب کرد ، هنگام انتخاب اين گزينه پنجره اي باز ميشود که باید اسم فايل و مسير مورد نظر رابه آن داده و سپس کلید Save را فشار دهیم .

فايلهاي .swf :

هنگامي که بخواهيم فيلم Flash را به یک فایل که خود لایه نیز ایجاد کرده ، تبدیل کنیم بايد آن را به حالت .swf در آوريم .
اگر به ياد داشته باشيد در فايل اصلي يا همان .fla گفتيم که تمامي اشياء و اجزاء در لايه ها و فريم هاي متفاوتي ايجاد ميشوند و شايد بعضي اوقات به ده ها Layer احتياج پيدا کنيم. ولي حال ميخواهيم کد اصلي .swf را بدانيم.
هنگامی که فايلهاي .fla به .swf تبديل ميشوند ، اولين کاري که انجام می شود اینست که تمامي اجزاء فيلم Flash به يک Layer تبدیل شده و در نتیجه حجم فايل .swf بارها سبک تر از فايل اصلي .fla خواهد بود.

نکته :

فايلهاي .swf هنگامي اجرا ميشوند که آن سيستم هم نرم افزار Flash را نصب کرده باشد ولي ما ميتوانيم فايلهاي .swf را به کمک HTML Source آن Upload کرده و يا هر سيستمي حتي آن که Flash ندارد را مشاهده کنيم. در قسمت هاي بعدی راجع به فايلها و چگونگی بارگذاري آنها بر روي Web توضیحات بیشتری خواهیم داد .

ذخيره فايل .swf از .fla :

براي انجام اين کار فايل .fla را باز کرده ، به منوي فايل رفته و از آنجا گزينه Publish setting را انتخاب مينماييم. هنگامي که اين گزينه را اجرا ميکنيم پنجره اي ظاهر ميشود. در اين پنجره گزینه ای به نام Format وجود دارد که در قسمت Type آن نوع فايلي که ميخواهيم Publish کنيم را وارد می کنیم . اگر ميخواهد فقط .swf از آن بگيريد ، .swf را تيک زده، دکمه Publish را فشار داده و سپس OK را بزنید. در مسير فايل .fla فایلی با همین اسم ، با پسوند SWF و با حجم بسیار پایین تر ایجاد می گردد.

ذخيره فايلهاي .exe :

همه ما ميدانيم که فايلهاي .exe فايلهاي اجرايي شناخته شده در هر سيستم عامل هستند. يعني بدون احتياج به هيچ نرم افزار خاصي به راحتي ميتوانيم توسط سيستم عامل مورد نظر آن را مشاهده کنيم.
نرم افزار Flash اين قابليت را نيز در خود دارد ، براي ساخت فايل .exe تمامي مراحل .swf را انجام ميدهيم به انضمام اينکه تيک Windows Projector (ex) را انتخاب کرده و سپس آن را Publish می کنيم.

ساخت فايلهاي HTML :

جهت ساخت يک فايل HTML از طريق زير عمل مينماييم : File/ Publish Setting
از سربرگ Format گزينه HTML را انتخاب مينماييم . در اين حالت سربرگ HTML فعال ميگردد که در آن ميتوان تنظيمات مربوطه را انجام داد.

[uody]

آموزش فلش (بخش اول )


ماکرومديا فلش ( Macromedia Flash) يکي از بهترين نرم افزار هايي است که شما ميتوانيد جهت افزودن افکت های مخصوص و انیمیشن های کامپیوتری به وب سایت از آن استفاده کنید .در این جزوه سعی شده تمامی نکات با ذکر مثال و انیمیشن برای شما ارائه گردد . امید است این منبع جهت استفاده ی شما عزیزان مفید واقع شود.
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با سیستم عامل ویندوز داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
- کارت گرافیکی 64 گیگا بایت


کاربردهای Flash

زماني که با یک صفحه ی وب برخورد ميکنيم ایده های مختلفی برای ساختن یک وب سایت جالب ،در ذهنمان ايجاد ميشود. با وجود بخشهاي گوناگون در يک وب سايت در مورد تصاوير و رنگها قانونی کلی وجود دارد. در Flash ابزارهايي وجود دارد که به وسیله ی آنها ميتوان به راحتي تصاوير مختلفي خلق کرد. تصاوير برداري خيلي بهتر از نقشه های بيتي هستند. تصوير برداري نه تنها از لحاظ اندازه کوچکتر است بلکه در هنگام کوچک و بزرگ شدن به هيچ وجه کيفيت خود را از دست نميدهد. ولي زماني که يک نقشه بيتي را بزرگ ميکنيم تصاوير مات به نظر ميرسند. تصاویر Flash همانند یک فیلم بر روی صفحه ی وب گذاشته می شود . هرگاه که مرورگر وب شما با يک فيلم Flash روبرو ميشود به طور اتوماتيک Flash player را اجرا می کند.

نكته

به ياد داشته باشيد که فيلم هاي Flash به واسطه برداري بودنشان کم حجم تر از تصاویر نقشه بیتی خواهند بود.

متحرک سازي در سايت وب

در گذشته در سايتهاي وب به علت اينکه انيميشن نداشتند ، بسیار خسته کننده به نظر می رسیدند. ولي نرم افزار Flash به آساني انيميشن را توسط فرآیندی به نام Tweening ايجاد ميکند. در اين مرحله شما به Flash نقطه آغاز و پايان ميدهيد و تصاوير بين اين دو نقطه به طور اتوماتيک به صورت فريم ( Frame ) ايجاد خواهند شد. مثلاً اگر يک تصوير کامپيوتري براي کامل شدن احتياج به 10 فريم داشته باشد تنها لازم است به آن دو فريم شروع و پايان را بدهيم ( فريم 1 و فريم 10) ، خود نرم افزار Flash فريم هاي ما بين آن را ميسازد.
علاوه بر آن ميتوانيد يک Motion Tween براي آن شيء بسازيد.

ساخت فيلم هاي محاوره اي :

در Flash علاوه بر انيميشن هاي ساده ميتوانيد وب سايتهاي محاوره اي نیز بسازید. به عنوان مثال ميتوان فيلم فلشي را ايجاد کنيد که در آن فيلمهاي کوتاه و Track هاي موسيقي متعدد قابل انتخاب وجود داشته باشد زيرا Flash کاملاً شيء گرا ميباشد.

نکته :

در يک فيلم Flash منظور از محاوره اي بودن اين است که کاربر قادر به انتخاب کليپ هاي ويدئويي يا Track موسيقي دلخواه باشد.

تغيير شکل اشياء و متون متحرک :

يکي از تکنولوژي هاي انيميشن در Flash این است که به شما اجازه ی تغییر يک شکل به شکل ديگر را ميدهد ،به اين فرآیند Shape tween ميگويند. بدون شک متون متحرک را در سايت هاي مختلف مشاهده کرده ايد. اين متون درون یک جعبه از نقطه اي به نقطه ديگر حرکت ميکنند. از اين Effect در سرفصل روزنامه ها و تبليغات فروشگاهها استفاده ميشود. ايجاد يک متن متحرک در Flash کار بسیار ساده ای است . بدين منظور جهت رسیدن به نتیجه ی مطلوب باید تکنیک های فیلم سازی Flash را با هم ترکیب کنیم ، به این صورت که ابتدا یک Motion Tween ایجاد کرده ، بوسیله آن متنی را داخل جعبه از این سمت به آن سمت برده و سپس یک Mask اضافه می کنیم. توسط اين ماسک ميتوانيم متن داخل جعبه را کنترل کنيم. اين بدان معني است که شما قادر خواهيد بود هر قسمت از متن دلخواه خود را قابل مشاهده کنيد.

درک و يادگيري اصول پايه اي Flash

Flash داراي يک سري عناصر اوليه است که در طول کارتان شما را همراهي ميکند. شکل زير نماي اوليه اي از عناصر اوليه Flash ميباشد.

صفحه کاري ( Work Place ) در Flash :

صفحه کاري منطقه اي است که در آن قلم هاي Flash را ايجاد ميکنيد. این صفحه ی کاری در واقع آن منطقه سفيد رنگي است که در قسمت مياني پنجره Flash واقع شده است.

نکته :

به طور پيش فرض اندازه اين صفحه 550*400 پيکسل ميباشد. اطراف صفحه کاري بوسيله يک حاشیه خاکستري که محيط کاري است پوشانده شده است. اشياء روي محيط کاري ظاهر میشوند، مگر اينکه آنها را بر روي صفحه کاري منتقل کنيد.

Timeline :

Timeline ( خط زمان ) يکي از ابزار هاي Flash است که فريم هاي درون آن را کنترل ميکند. شکل زير قسمتهاي مختلف Timeline را به تصوير ميکشد.



Play head :

براي ديدن گزینه های Flash مورد نظر Play head را بوسيله اشاره گر ماوس بر روي این Flash بکشيد. بدين منظور شما ميتوانيد يک Frame دلخواه را بر روي Timeline کليک کنيد که آن به صورت اتوماتيک Play head ميشود.

Frame Number :

همان نما هاي شما براي کار کردن در Timeline ميباشند. Frame line شما را قادر ميسازد تا مکان صحیح اشیاء در فریم را مشخص کنید.

Timeline Menu :

از طريق اين متد ميتوان به تعداد گزينه هايي که براي تنظيم چگونگي مشاهده Timeline استفاده ميشوند دسترسي پيدا کرد.

Center Frame :

قسمت مرکزي قابل ديد در Timeline ميباشد.

Onion Skin View :

توسط اين گزينه ميتوان فريم هاي مختلف يک انميشن ترتيبي را مشاهده کرد. در واقع ميتوان تشکيل فريم هاي مياني را ملاحظه نمود.

Onion Skin Outline view :

اين گزينه نيز مانند Onion Skin View ميتواند تعداد فريم هاي اول تا آخر را نشان دهد .اما این گزینه بیشتر براي منحني ها استفاده ميشود.

Edit Multiple Frames :

اين گزينه شما را قادر ميسازد تا هر بخش از يک انيميشن را که بر فريم هاي مختلفی تقسيم شده اند ، ويرايش کنيد.

Modify Onion Markers :

منويي را نمايش ميدهد که توسط آن شما ميتوان تعداد فريم هاي دلخواه را در Onion Skin View نمايش داد.

Current Frame :

در اين قسمت ساده فريم جاري نمايش پيدا ميکند.

Frame Rate :

این گزینه تعداد فريم هاي نمايش داده شده را نشان ميدهد.

Playback Time :

این گزینه مدت زمان سپري شدن فيلم را نشان ميدهد.

Scroll Bars :

بوسيله این گزینه ميتوان فريم هاي لايه هاي قبلي را مشاهده نمود.

[uody]

آموزش flash قسمت دوم
لایه ها :
لایه ها به مانند صفحات شفافی بر روی صفحه کاری قرار گرفته اند . اشیاء بر روی این لایه ها به صورت مستقل عمل میکنند. به این صورت شما میتوانید هر کدام از اشیاء روی لایه های مختلف را دستکاری کنید و یا اینکه یک لایه را به جلو یا پشت لایه مورد نظر انتقال دهید ،بدون اینکه اشیاء دیگر خراب شوند . با توجه به شکل زیر به اجزای لایه نگاهی دقیقتر بیندازید :

Layer Names :

در اینجا نام لایه ها را مشاهده میکنید. برای تغییر نام یک لایه است روی آن دو بار کلیک کرده و نام آن را عوض کنید.

Add a layer :

برای ایجاد یک لایه جدید از این گزینه استفاده میشود.

Add a Motion Guide Layer :

این گزینه شما را قادر میسازد تا یک لایه ی راهنما ایجاد کنید.بنابر این میتوان اشیاء را در یک مسیر حرکت داد که این مسیر الزاماً مستقیم نمیباشد.

Add a Layer Folder :

توانایی شما را در افزودن پوشه هایی به سازماندهی لایه ها افزایش میدهد.

Delete a Layer :

به وسیله این آیکون میتوان لایه مربوطه را حذف کرد.

Show or Hide Layer :

با کلیک کردن روی جعبه ها ، لایه ها قابل مشاهده میشوند. اگر فقط میخواهید لایه خاصی را امتحان کنید بر روی همان لایه کلیک کنید.

Lock or Unlock Layer :

با کلیک کردن در این ستون تمام لایه ها قفل شده و برای لایه ها و Frame ها امکان هیچ ویرایشی وجود ندارد. ( میتوان تک تک لایه ها را نیز قفل کرد )

Show Layer as Outline :
با کلیک بر روی این ستون ، اشیاء بصورت یکپارچه در می آیند. اهمیت این حالت را زمانی درک خواهید کرد که مشاهده کنید اشیاء مختلف از لایه های متفاوت چگونه با هم پیوند می خورند

جعبه ابزار :
جعبه ابزار Flash مجموعه ای از ابزار ترسیم و انتخاب اشکال است . با کمک شکل زیر می توان با عملکرد هر کدام از ابزارها آشنا شد .

Arrow Tool :

این ابزار برای انتخاب اشکال به کار میرود و بوسیله ی آن می توان قسمتی از شکل یا تمام آنرا جابجا کرد.

Sub Select Tool :

به وسیله این ابزار میتوان خطوطی که توسط ابزار Pen ترسیم شده اند را ویرایش و یا ترمیم نمود.

Line Tool :

بوسیله این ابزار میتوان خط های گوناگون با نوع قلم متفاوت رسم کرد. ( اگر هنگام کار با این ابزار کلید Shift را نگه داریم میتوانیم خطهای کاملاً عمودی و یا حتی ۴۵ درجه رسم کنیم.

Lasso Tool :

برای انتخاب یک ناحیه ی نامنظم می توان از این ابزار استفاده نمود.

Text Tool :

به وسیله این ابزار میتوان به Flash متن هایی را اضافه نمود.

Oval Tool :

به وسیله این ابزار میتوانیم بیضی رسم کنیم و اگر هنگام رسم کلید Shift را پایین نگه داریم میتوانیم دایره رسم کنیم.

Rectangle Tool :

به وسیله این ابزار میتوان مستطیل رسم نمود ، اگر در هنگام رسم کلید Shift پایین نگه داشته شود میتوان مربع رسم نمود.

Pencil Tool :

با استفاده از این ابزار میتوان سه نوع خط نامنظم و شکسته رسم کرد .

Brush Tool :

با استفاده از این ابزار می توان اشکال خاصی نظیر پیکر انسان و غیره ترسیم نمود .

نکته : با استفاده از ابزارهای دیگری نیز می توان عملیات فوق را انجام داد ، ولی این ابزار کار را ساده تر انجام می دهد .

Free Transform Tool :

به کمک این ابزار می توان تصویر را کوچک یا بزرگ نمود و یا آنرا چرخاند .

Fill transform Tool :

این ابزار برای عوض کردن طیف اشیایی که توسط Flash رسم میشوند به کار میروند.

Ink Bottle Tool :

با استفاده از این ابزار می توان خطوط موجود در اشیاء Flash را رنگی نمود .

Paint Bucket Tool :

با استفاده از این ابزار می توان اشیایی که توسط Flash رسم شده اند را رنگی نمود و یا رنگ آنها را تغییر داد .

Eyedropper Tool :

به کمک این ابزار میتوان رنگ دلخواه خود را از یک تصویر یا شیء انتخاب نمود.

Eraser Tool :

این ابزار برای پاک کردن قسمتی از یک شی ء بکار می رود ، توسط Option های این ابزار می توان حالت پاک کردن را انتخاب نمود .

Hand Tool :

به کمک این ابزار امکان جابجا کردن Work Space وجود دارد .

Zoom Tool :

با استفاده از این ابزار کادر فیلم Flash را کوچک و بزرگ می کنیم .

Stroke Color :

با انتخاب این گزینه جعبه رنگ باز میشود و رنگ خطوط اشیاء به رنگ دلخواه در می آید .

Black and White :

با انتخاب این گزینه خود Flash به طور اتوماتیک رنگ Stroke را مشکی و رنگ Fill را سفید میکند.

No Color :

با استفاده از این گزینه در واقع هیچ رنگی برای کار خود انتخاب نمیکنید.

Swap Color :

با کمک این گزینه میتوان جای Stroke را با جای Fill عوض کرد.

Tools / Options :
در این مکان کارایی و حالت مختلف بعضی از ابزار ها نمایش داده میشود که از بین آنها می توان مورد خاصی را انتخاب نمود

[uody]

Panels :

در واقع یک پانل یک جعبه محاوره ای است که نیاز به بسته شدن ندارد. زمانی که در پانل های Flash تغییراتی ایجاد میکنید، نیاز به بستن پانل ها نیست ، تغییرات فوراً اعمال میشوند.

نکته : ممکن است بعضی از پانل ها مخفی باشند ، توسط منوی Window میتوان آنها را فعال نمود.

Properties Panel :

توسط این پنل میتوان مشخصات ابزار انتخاب شده را تعیین کرد. مثلاً در شکل زیر ، پانل خصوصیات Text Tool را میبینید.

Color- Mixer Panel :

توسط این Panel میتوان رنگهای دلخواه خود را برای استفاده در خطوط و داخل سطوح ایجاد نمود. زمانی که رنگ مورد نظر خود را انتخاب میکنید اشیاء جدید به این رنگ در خواهند آمد.

Color Swatches Panel :

این Panel محدوده ی رنگ بیشتری را به ما نشان می دهد .

Components Panel :

توسط این Panel میتوان عناصر واسطه ای را به فیلم اضافه نمود ،این عناصر توسط یکسری کد اسکریپت کنترل میشوند. این عناصر به شما کمک میکنند تا بتوانید به سادگی فیلمهای Flash تهیه کنید.

Action Panel :

توسط این Panel میتوان جهت استفاده از اشیاء ، کد اسکریپت مورد نظر را به فریم های Time lines اضافه نمود. همچنین توسط این زبان برنامه
نویسی میتوان حرکات اتوماتیک را به Flash اضافه کرد.
انیمیشن در Flash

در Flash به هر گونه جابجایی در اشیاء یا تصاویر ، کوچک و بزرگ شدن و تغییر حالت اشیاء انیمیشن گفته می شود. ابتدا به چگونگی کار انیمیشن پرداخته و سپس نحوه ی ساخت آنرا توضیح خواهیم داد.

Animation ها در Flash به چه صورت کار میکنند :

تمام اشیاء و تصاویر را در فریم ها و لایه های مخصوص پیاده کرده و تغییرات را در آن اعمال می کنیم. حال به اجرای انیمیشن ها می پردازیم . همیشه در فلش اشیاء و تصاویر را بر روی Work Space و انیمیشن را بر روی فریم ها اعمال می کنیم . وقتی یک Movie را طراحی می کنیم به آن فرمت SWF Export می دهیم ، تمامی لایه ها و فریم ها به یک لایه تبدیل شده ، تمامی عناصر دست به دست هم داده و به یک لایه تبدیل می شوند . مثلا اگر در یک لایه ۲۰۰ فریم وجود داشته باشد ، در قسمت movie بصورت یک عکس در آمده و پشت سر هم قرار می گیرند . در هنگام عبور Time Line از روی این فریم ها سرعت بالا بوده و تمامی این فریم ها را می توان پشت سر هم در فرمت یک انیمیشن مشاهده کرد .

شروع ساخت یک انیمشن :

در این قسمت هدف مشخصی را مد نظر قرار داده ، برای انجام آن به محیط Flash رفته و کار را شروع می کنیم .

هدف :

ایجاد یک Animation که در آن شکل یک توپ وجود دارد که میخواهیم از سمت راست وارد صفحه شده و از سمت چپ خارج شود.

شروع :

۱- گزینه New را از منوی File انتخاب کرده تا محیط کار جدیدی بارگذاری شود.
۲- اشیاء موجود در صفحه را در فریم های مورد نظر ترسیم کنید.
۳- انیمیشن لازم را بر روی فریم ها اعمال كنید.
حال میخواهیم در ۲۰ فریم توپی ترسیم کنیم که از سمت چپ وارد صفحه شده و از سمت راست خارج گردد. ابتدا از Layer فریم ۱ را انتخاب کرده و به وسیله Oval tool در آن فریم یک توپ ترسیم می کنیم. از اینجای کار به بعد مبداً توپ مشخص شده است حال باید مقصدی که میخواهیم توپ به آن جا برسد را کپی کرده و آن را به Frame ۲۰ منتقل می کنیم.( زیرا گفته ایم در ۲۰ فریم )
( روش کپی : روی فریم مورد نظر راست کلیک كرده و Copy frame را انتخاب میکنیم ،سپس بر روی فریم مورد نظر راست کلیک کرده و گزینه Paste frame را انتخاب میكنیم. ) حال تمام کارها انجام شده و به مرحله ای می رسیم که میخواهیم Effect مورد نظر را بر شیء اعمال كنیم.
از آنجایی که میخواهیم شیء از سمت چپ به سمت راست تغییر مسیر دهد باید از Motion Tween استفاده کنیم . پس از تعیین مبداء و مقصد شیء بر روی Frame۱ راست کلیک کرده و گزینه Create Motion Tween را انتخاب کنید. هنگامی که این عمل را انجام میدهیم کل ۲۰فریم به رنگ بنفش در می آید .این بدان معناست که Frame ها Motion یافته اند ولی به صورت نقطه چین .این حالت بیانگر این مطلب است که به مبداء Motion داده ایم ولی به مقصد خیر. حال همین کار را برای Frame۲۰ یعنی همان Frame مقصد انجام میدهیم. میبینیم که بر روی بیست Frame یک Flash ظاهر شده و نقطه چینها از بین می روند. حال اگر Ctrl + Enter را فشار دهید میتوانید Animation ساخته شده را مشاهده کنید.حال با یادگیری Motion Tween میتوانید اشیاء مختلف را با Effect های مختلف ساخته و نمایش دهید.

Shape Tweens

نوع دیگر Animation در Flash ، Shape Tween است. تفاوتی که بین Shape Tween و Motion Tween وجود دارد ، این است که Motion Tween برای حرکت و جابجایی اشیاء کاربرد دارد ولی Shape tween برای تغییر حالت اشیاء به کار میرود. به طور مثال یک دایره در حین حرکت به شکل یک مستطیل در می آید.

شروع ساخت یک Shape Tween :

برای این کار محیط جدیدی باز نموده ( File / New ) و بعد از آن در Layer و فریم مورد نظر شیء را ترسیم مینماییم ، سپس در فریم مقصد ، شیء بعدی را ترسیم میکنیم. در اینجا دو فریم با دو شیء متفاوت داریم مثلا اگر بخواهیم از دایره به مستطیل برسیم. ابتدا ابزار Arrow را انتخاب نموده و با یک بار کلیک کردن بر روی فریم مبداء آن را انتخاب میکنیم، هنگامی که فریم مورد نظر انتخاب شد در Properties منویی به نام Tween ظاهر میشود که با استفاده از آن میتوان به شیء Motion یا Shape دهیم. حال پس از انتخاب Frames در قسمت Properties گزینه Tween و ابزار Shape را انتخاب میکنیم. در اینحالت فریم مورد نظر تغییر رنگ یافته و به رنگ سبز در می آید که این خود نشانه Shape Tween است. ولی تا اینجا کار ما کامل نشده چون به Frame مقصد Shape را نداده ایم. حال برای Shape دادن به آخرین Frame نیز تمامی این مراحل را اجرا می کنیم. حال برای نمایش ،Ctrl + Enter را زده ، شکل در حین حرکت از دایره به مستطیل تبدبل میگردد.

[uody]

آموزش فلش (قسمت سوم )
Motion Guide :

از Motion Guide به عنوان خطوط راهنما استفاده میشود. برای اعمال Motionهای مختلف ابتدا باید یک خط راهنما که شیء بر روی آن حرکت میکند را ایجاد کرده و سپس انیمیشن را بر روی آن سوار کنیم.

شروع کار :

۱- ایجاد خط راهنما : ابتدا باید در لایه و فریم مورد نظر خط راهنما را رسم نمود. برای مثال میخواهیم خطی به سکل زیر رسم کنیم که یک توپ به همین حالت از روی آن حرکت کند.

نکته: بعلت اینکه خط راهنما در Movie یکی از اجزاء اصلی نیست ، در Motion Guide قابل مشاهده نمی باشد .
اول باید بر روی گزینه Add Motion Guide کلیک کرده تا یک Layer مخصوص ایجاد شده و در همان Layer در فریم اول یا فریم مورد نظر خط راهنما را ترسیم کنیم. هنگامی که خط ترسیم گشت حال یک Layer جدید ایجاد میکنیم و انمیشن شیء خود را بر روی آن Layer ایجاد میکنیم خود Flash به صورت پیش فرض از مرکز شیء برای Guide استفاده میکند ( از ابتدا تا انتها ) حال Ctrl + Enter را فشار دهید و Flash را مشاهده کنید. به حالت زیر میباشد. ( خط راهنما منحنی میباشد. )

آوردن عکس در محیط Flash

در بسیاری از Movie ها، به عکس و تصاویر احتیاج پیدا میکنیم. نرم افزار Flash این امکان را به ما میدهد که بتوانیم از تصاویر با قالبهای متفاوت نیز استفاده کنیم.

طریقه آوردن عکس در Flash :

اول از منوی File گزینه Import را انتخاب کرده هنگامی که این گزینه را انتخاب کردید پنجره ای باز میشود که مسیر عکس مورد نظر را می خواهد. با آوردن مسیر عکس و انتخاب آن دکمه Open را فشار داده و عکس مورد نظر به محیط Work Space انتقال می یابد.

نکته : توسط این گزینه نیز میتوان فایلهای .gif متحرک را به داخل Movie آورد. ولی در Flash هر قسمت فایل .gif متحرک به یک فریم تبدیل می شود .در اینجا Frame ها آماده نمایش در Movie می باشند.

اضافه کردن یک ماسک گرافیکی :

این ماسک توسط یک شیء منحنی بسته ساخته میشود. میتوان توسط ابزار های مختلف از جعبه ابزار یک ماسک گرافیکی ایجاد کرد.
شما برای ایجاد ماسک به دو لایه احتیاج دارید.
۱- ابتدا اشیائی را که میخواهید در فیلم نمایش داده شوند رسم کنید.
۲- به وسیله کلیک بر روی دکمه Insert Layer یک لایه جدید به لایه قبلی اضافه کنید.
۳- بر روی لایه جدید راست کلیک کرده و از منوی پدیدار شده برای تبدیل آن لایه به لایه ماسک گزینه Mask را انتخاب کنید.
۴- برای خارج شدن از حالت قفل بر روی ستون قفل از لایه ماسک کلیک کنید. برای اینکه لایه از حالت معمولی به ماسک تبدیل شود ، Flash به طور اتوماتیک لایه ها را قفل می کند.
۵- به یاد داشته باشید که شکل انتخابی جهت تاثیر ماسک بسته باشد.
حال می خواهیم با استفاده از ماسک یک Movie بسازیم که در آن دایره یا متن از محیط خارج شود.

۱- اشکال خود را که در فیلم میخواهیم استفاده کنیم ، ترسیم میکنیم.
۲- یک لایه جدا برای Text خود ایجاد مینماییم ، و متن را در داخل آن تایپ مینماییم.
۳- لایه دیگری برای Mask بر روی همان لایه Text ایجاد میکنیم تا بتوانیم اعمال Mask را در آن لایه انجام دهیم.
۴- پس از نوشتن Text انیمیشن Mask را ایجاد می کنیم. ابتدا در اولین Frame دایره ترسیم کرده از آن کپی گرفته و در فریم بعدی ( بطور دلخواه) آن را Paste میکنیم و به اندازه طول Font مبداء و مقصد را مشخص نموده و در آخرین قسمت Motion مربوطه را به frame ها میدهیم. حال بازدن کلید Ctrl + Enter میتوان تغییرات را مشاهده نمود.

حذف Mask :

برای از بین بردن حالت Mask به دو صورت میتوان عمل نمود :
۱- حذف کامل لایه Mask
۲- راست کلیک کردن بر روی لایه مورد نظر و برداشتن تیک گزنه Mask

[uody]

نوشتن متن و ایجاد انیمیشن بر روی آن :

برای نوشتن متن در Flash ، ابتداابزار Text tool را از جعبه ابزار ، انتخاب کرده ، سپس به دو صورت میتوان محیط نوشتن متن را فراهم کرد :
۱- با بردن آن بر روی محیط مورد نظر ، فشار دادن کلید ماوس و کشیدن آن می توان محیط محدودی برای آن تعریف کرد .
۲- میتوان با یک کلیک آن محیط را ایجاد کرده و بینهایت کاراکتر تایپ کرد
حال که متن را Type کردیم در قسمت Properties گزینه هایی فعال میگردند که قسمتی از آن را برای شما توضیح خواهیم داد :

Static Text : در این حالت هنگام تایپ متن هیچ عملی نمیتوان بر روی آن انجام داد.

Dynamic Text : اگر در هنگام تایپ از این گزینه استفاده کنیم متن ها به صورت Dynamic در می آیند ، یعنی شما این امکان را پیدا میکنید که آنها را انتخاب کرده و از آنها کپی بردارید.

Input Text : اگر در هنگام تایپ از این گزینه استفاده شود هنگام نمایش میتوان متن هارا پاک کرده و یا حتی در آنها Type از این حالت بیشتر در Form ها استفاده میشود.

Font : از این گزینه در تعیین فونت استفاده می شود . به اینگونه که متن را Select کرده، بر روی Font مورد نظر کلیک کرده و آن را جایگزین Font قبلی میکنیم.

Character Spacing : از این گزینه برای کم و زیاد کردن فاصله بین کاراکتر ها در Font استفاده می شود . این کار به وسیله لغزنده کنار آن انجام می شود.

Font Size : توسط ابن گزینه میتوان اندازه Font رااز ۸ تا ۹۸ تغییر داده و آن را کوچک و بزرگ کرد. البته به صورت دستی نیز می توان اعداد دیگری به آن داد .

Text Fill Color : این گزینه که همان Fill Color است برای تغییر رنگ Font استفاده میشود .

Toggle Bold Style : این گزینه برای Bold نمودن Text ها به کار میرود.

URL Link : از این گزینه برای لینک کردن یک متن ، یک آدرس استفاده می کنیم . به اینصورت که متن را انتخاب کرده و سپس در محل URL Link آدرس مورد نظر را به آن Link میکنیم.

انیمیشن Text

حال متن را با تنظیمات دلخواه Type کرده و موقع آن رسیده که Animation مورد نظر را بر آن اعمال کنیم. در اینجا میخواهیم متن ما حول یک مرکز از کوچک به بزرگ تبدیل شود.

شروع :

لایه مورد نظر را ایجاد نموده ،به آن یک نام دلخواه داده و در فریم مورد نظر متن را Type می کنیم. از فریمی که متن در آن است یک کپی گرفته و در Frame مورد نظر Paste میکنیم.
- به دلیل اینکه گفته ایم متن باید از کوچک به بزرگ تبدیل شود ، باید در فریم اول سایز متن را کوچکترین اندازه در نظر بگیریم.
- حال Motion لازم را به آن داده و آن را مشاهده میکنیم.
- در هنگام نمایش Movie ، متنی را مشاهده می کنیم که از کوچک به بزرگ تبدیل می شود .

Symbol :

Symbol ها یا همان سمبل ها اشیائی هستند که در فیلم های Flash مورد استفاده قرار می گیرند. در میان Symbol ها و اشیاء معمولی تفاوتهایی به شرح زیر وجود دارد:
۱- میتوان از هر Symbol یک کپی گرفته و هر کجا که لازم شداز آن استفاده نمود.
۲- میتوان در یک Symbol یک لایه Mask داشت ، به صورتی که در مواقع مورد نیاز ، هم برای مرتب بودن و هم برای حجم کم بتوان از آن استفاده کرد.
۳- دیگر آنکه بتوان آن را در کتابخانه Flash نگهداری کرد و در مواقع مورد نیاز از آن استفاده نمود .

Movie Clip ( سمبل های گرافیکی ) :

سمبلی است که در آن اشیاء و یا حتی عکسهای بیتی موجود میباشند و می توانیم از آنها استفاده کنیم. مانند عکس یک جنگل که پشت زمینه باشد.

Button : یا همان سمبل های کلیدی بیشتر برای ساختن کلید ها به کار میروند. این کلید ها دستوراتی را میگیرند که در مراحل انجام Flash به کار رفته اند و هر کلید برای فعال شدن هر عمل و هر دستوری احتیاج به یک سری دستورات خاص دارد که بر اساس Action Script تعریف می شوند.
– مثال : لینک دادن ، دکمه های Back , Next و دکمه های ارتباطی و غیره .

ایجاد Symbol ها :

برای تهیه ی Symbol ها به دو طریق میتوان عمل نمود :

۱- اولین مسیر به این صورت است که از منوی Insert گزینه Convert to Symbol را انتخاب می کنیم . در این موقع پنجره ای باز میگردد که حالت های Symbol را نمایش میدهد. هر کدام را که بخواهیم انتخاب نموده و یک Symbol ایجاد میکنیم.

۲- در حالت دوم میتوان از یک Short cut استفاده نمود که shortcut آن کلید F۸ است. هنگامی که کلید F۸ را فشار میدهیم همان پنجره باز میشود، نوع Symbol را انتخاب کرده و OK را فشار میدهیم

منبع: forum.vatandownload.com

[5000]

بسیار بسیار ممنون از اموزش