در قسمت قبل کمی با فلش آشنا شدیم .در این بخش می خواهیم کمی در مورد 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 می دهیم .چون در ابتدا نباید انیمیشن اجرا شود پس در فریم ۱ باید بماند تا موس روی شکل برود .در آن لحظه برنامه به فریم ۲ می رود و انیمیشنی که خواهیم ساخت اجرا می شود .

قدم دوم

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

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

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

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

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

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

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

قدم سوم

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

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

قدم چهارم

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

نتیجه کار :