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

[آبجی]

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



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



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

[آبجی]

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



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



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



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



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



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

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



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



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

[آبجی]

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



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



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



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



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



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



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

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



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

[آبجی]

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



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



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



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



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

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



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

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



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

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



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



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



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

[آبجی]

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



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



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



rectangle يا مستطيل :



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



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

### Polystar

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



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

[آبجی]

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



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



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

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



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



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

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

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



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

[آبجی]

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




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



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



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



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

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

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



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



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



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

[آبجی]

Sub selection Tool :



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



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




Pen Tool :



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



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

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



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

Lasso :



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



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



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

[آبجی]

در درسهای قبل با " ابزارها " آشنا شدیم .
حالا شما رو با لایه ها یا به طور کلی تر ، قسمت " تایم لاین " (Time line ) آشنا میکنم :


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

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


حالا ما برای ادامه ی کار خودمون ، به یک لایه جدید نیاز داریم . برای اضافه کردن لایه جدید ، روی دگمه ی insert layet که تو شکل زیر مشخص کردیم کلیک میکنیم :


توجه کنید که هر چند بار که روی insert layer کلیک کنید ، به تعداد لایه ها اضافه میشه و محدودیتی هم نداره . تو این حالت ، باید اول لایه ای رو که میخوایم توش شکلمون رو رسم کنیم انتخاب و بعد ادامه ی کارمون رو انجام بدیم .
حالا بعد از انتخاب لایه 2 ، یک دایره با رنگ متفاوت روی شکل قبلیمون رسم میکنم .


تااینجا ما 2 تا لایه داریم با 2 شکل مختلف که هر کدوم مستقل از لایه دیگری هستند . برای اینکه شکل کشیده شده در یک لایه ای رو انتخاب و حرکتش بدیم ، باید بعد از ورداشتن ابزار " انتخاب " ، روی لایه ی مورد نظر کلیک کنیم . در این حالت همه ی اشکال موجود تو اون لایه به حالت انتخاب در میان و قابلیت این رو دادن که جابجا بشن .


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

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

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


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

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


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


شما میتونید لایه ها رو جابجا هم بکنید ... یعنی اگه مثلاً خواستید شکل لایه 1 روی لایه 2 قرار بگیره ، با انتخاب اون لایه و حرکتش به بالا و پایین ، بین دو لایه دیگه قرار بدین . به این ترتیب ، شکلی که زیر بوده ، ایندفعه رو قرار میگیره :


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


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

[آبجی]

ماکرومديا فلش ( 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 :

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