قدم چهارم

روی یکی از دایره ها دوبار کلیک کنید تا وارد سمبل آن شوید .باز روی همان دایره دوبار کلیک کنید .در timeline چهار گزینه Up,Over,Down و را می بینید . فریم زیر Hitرا کلیک کنید و F6 را بزنید .سپس روی فریم یکی از ۳ گزینه دیگر کلیک کرده و دکمه Delete کیبورد را بزنید .دوباره اگر نتیجه را مشاهده کنید ، خود دایره ها را نمی بینید ولی اگر موس را حرکت دهید انیمیشن اجرا خواهد شد.

قدم سوم

به پالت Library رفته و سمبل ۱ را کشیده و داخل استیج می اندازیم.دوباره Ctrl+Enter را اگر بزنید، می توانید نتیجه را ببینید. اما یکی از مزایای مهم مووی کلیپ امکان تکثیر آن است .یعنی می توانیم به تعداد نامحدود از یک مووی کلیپ را در صفحه قرار دهیم .برای همین دکمه Alt را نگه داشته و روی شکل کلیک کرده و آن را کشیده و رها کنید تا یه نمونه دیگر از ان ایجاد شود.این کار را تا زمانی تکرار می کنیم که کل صفحه از این شکل پر شود.

حالا می توانیم نتیجه نهایی را مشاهده کنیم .البته یک مرحله کوچیک دیگر هم مانده که قدم آخر است . می خواهیم خود شکل نامرئی باشد و فقط انیمیشن قابل دیدن باشد .

قدم دوم

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

حالا روی فریم ۲ در همان لایه جدید کلیک کرده و دکمه F6 را بزنید تا یک فریم کلیدی ایجاد شود . این کار برای ایجاد انیمیشن لازم است .دایره قبلی محو می شود و شما باید یک دایره در همان اندازه بکشید .

سپس روی فریم ۳۰ ام در همان لایه کلیک کرده و F6 را دوباره بزنید . فریم قبلی که فریم ۲ بود ، در واقع شروع انیمیشن ما خواهد بود و فریم ۳۰ نیز پایان آن . پس دوباره در فریم ۳۰ ام ، دایره را انتخاب کرده و از بخش Transform که در حوالی بخش Align قرار دارد ، سایز آن را افزایش می دهیم (من هزار برابر کردم مثلا ) .

در ضمن می خواهیم دایره در حین اینکه بزرگ می شود ، محو هم بشود ، پس هم رنگ Border و هم Fill color آن را برابر با رنگ پس زمینه می کنیم که آبی است .

حالا برای ایجاد انیمشن کافی است روی یکی از فریم های بین ۲ تا ۳۰ راست کلیک کرده و گزینه Create Shape Tween را انتخاب کنیم.برای زیباتر شدن انیمیشن از افکت Easing هم مطابق شکل زیر استفاده می کنیم.

حالا کار ایجاد مووی کلیپ تمام شد . می توانید دکمه های Ctrl+Enter را بزنید و نتیجه را ببینید .

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

قدم اول

در آموزش قبلی کمی با فلش آشنا شدیم .در این بخش می خواهیم کمی در مورد Movie Clip ها در فلش صحبت کنیم و در واقع یک نمونه از نحوه استفاده از آن را با هم بسازیم و ببینیم .

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

یک سند جدید در فلش ایجاد کنید ،رنگ زمینه stage را آبی روشن ، رنگ border را سفید و رنگ بخش Fill color را ۰۰CCFF# انتخاب کنید.

سپس Ctrl+F8 را بزنید و Movie Clip را انتخاب کنید تا یک مووی کلیپ جدید و خالی ایجاد شود.حالا با زدن دکمه O ،ابزار Oval tool را فعال و یک دایره کوچک بکشید . سپس آن را در مرکز صفجه تنظیم کنید.

با ابزار Selection Tool ،کل دایره را انتخاب و دکمه F8 را بزنید و با انتخاب Button،آنرا به یک دکمه تبدیل کنید.حالا روی آن راست کلیک کرده و Actions را بزنید تا کادر مربوطه باز شود و کد زیر را دز آن وارد کنید

on (rollOver) {
	gotoAndPlay(2);

}

در کد بالا گفتیم اگر نشانگر موس روی این دایره رفت ، برو به فریم ۲ .در ادامه خواهید دید که یک لایه جدید می سازیم و به فریم ۱ عمل stop می دهیم .چون در ابتدا نباید انیمیشن اجرا شود پس در فریم ۱ باید بماند تا موس 
روی شکل برود .در آن لحظه برنامه به فریم ۲ می رود و انیمیشنی که خواهیم ساخت اجرا می شود .

قدم سوم

یک لایه جدید ایجاد می کنیم.

در Timeline، روی فریم ۱ جلوی لایه دوم راست کلیک کرده و Actions را می زنیم.از مسیر گفته شده فرمان Stop را که در قبلا گفتیم همینجا اضافه می کنیم.

حالا روی فریم ۲ جلوی لایه دوم کلیک کرده و دکمه F6 را می زنیم تا یک فریم کلیدی(Key Frame) ایجاد شود.با دکمه های O یا R مانند قدم اول ، یک شکل در سمت چپ صفحه می کشیم که قرار است حرکت کند.

روی فریم ۳۰ کلیک می کنیم و دوباره دکمه F6 را می زنیم .حالا شکل را انتخاب کرده و به سمت راست منتقل می کنیم.روی یکی از فریم های بین ۲ و ۳۰ راست کلیک کرده و گزینه Create Shape Tween را انتخاب می کنیم .فرایند ساده انیمیشن مان هم تکمیل شد و می توانیم کار را تست کنیم .

دکمه های Ctrl+Enter را بزنید تا نتیجه کار را مشاهده کنید.اگر مراحل را درست انجام داده باشید ، یک دکمه می بینید که با کلیک روی آن ، یک شکل در صفحه حرکت می کند.

سورس موضوع آموزش ساده ایجاد انیمیشن در فلش

قدم دوم

برای اینکه شکل مان را به عنوان یک دکمه استفاده کنیم باید آن را تبدیل به سیمبول دکمه کنیم.پس با استفاده از دکمه V ،ابزار Selection را فعال می کنیم و با آن شکلمان را انتخاب می کنیم (به وسیله کشیدن و رها کردن موس در اطراف آن) و سپس دکمه ی F8 را فشار می دهیم .حالا در کادر باز شده گزینه Button را انتخاب می کنیم.

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

حالا روی شکل راست کلیک کرده و گزینه Actions را انتخاب کنید تا پالت اکشن ها باز شود.از علامت + گوشه به مسیر زیر رفته و گزینه On رو انتخاب کنید.

حالا در کادر باز شده گزینه Press رو انتخاب کنید و در بین کروشه ها ، تابع gotoAndPlay را وارد کرده و مقدار ۲ را به آن پاس دهید .کد نهایی به این شکل خواهد بود :

On(press){

gotoAndPlay(2);

}

سورس موضوع آموزش ساده ایجاد انیمیشن در فلش