X
تبلیغات
پیکوفایل
رایتل
انیمیشن در نرم افزار فلش ۲۰۰۴
آشنایی با مفهوم انیمیشن و روشهای ایجاد آن در 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 را فشار میدهیم