در هفته گذشته با هم ساختن انیمیشن با کمک Motion Tween را انجام دادیم و قرار شد این هفته نوع دیگر از Tween یعنی Shape Tween را مورد بررسی قرار دهیم و روش کار با آن را توضیح دهیم.

در Shape Tween روش کار به اینصورت است که ما شئ یا اشیا مورد نظر را ابتدا در فریم اول تریسم میکنیم. سپس در فریم انتهایی شی یا اشیایی که قرار است اشیایی که در فریم اول داریم به آنها تبدیل شوند را ترسیم میکنیم و در اخر از Shape Tween برای این تبدیلات کمک میگیریم.

بعنوان مثال فرض کنید که قصد تبدیل یک دایره به یک مربع را در 20 فریم داریم. کافیست که در فریم اول به کمک ابزار موجود در پانل ابزار یک دایره ترسیم کنید و در فریم 20ام نیز یک مربع ترسیم کنید. سپس یکی از فریمهای مابین فریمهای ابتدا و انتها ( در اینجا فریم 2 تا 19 ) را انتخاب کرده و در پانل ویژگیها مقدار Tween را برابر با Shape قرار میدهیم. با انجام اینکار باید در Timeline یک پیکان با پس زمینه سبز رنگ از فریم 2 تا 9 تشکیل شود.

1. برای استفاده از Shape Tween هیچ یک از اشیا موجود در فریمهای ابتدایی و انتهایی در لایه مورد نظر نباید به سیمبل یا گروه تبدیل شده باشند.

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

3. پر کننده های موجود در فریم ابتدایی به پر کننده های موجود در فریم انتهایی تبدیل خواهند شد. اگر در فریم انتهایی پرکننده ایی موجود نباشد، پر کننده ما بطور ناگهانی در فریم دوم ناپدید خواهد شد. همینطور اگر در فریم ابتدایی پرکننده ایی نداشته باشیم ولی در فریم انتهایی از پرکننده استفاده کرده باشیم و بخواهیم از Shape Tween هم استفاده کنیم. در فریمهای میانی پر کننده ایی دیده نخواهد شد و در فریم انتهایی بطور ناگهانی پرکننده ما ظاهر خواهد شد.

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

برای این کار در فلش در بخش Modify گزینه ایی است با عنوان Break Apart که برای کار مورد نظر ما استفاده میشود. کلید میانبر هم Ctrl + B است.

روش کار هه به اینصورت است که ابتدا متن مورد نظر را انتخاب کنید و سپس Ctrl + B را در صفحه کلید فشار دهید. اگر متن شما از بیش از یک حرف تشکیل شده باشد اینکار متن شما را به حروف جداگانه تبدیل خواهد کرد. اگر Ctrl + B را یکبار دیگر در حالی که تمامی حروف در حالت انتخاب هستند فشار دهید حروف شما به پرکننده تبدیل خواهند شد و دیگر Text نخواهند بود. این بدان معنی است که شما قادر به ویرایش متن خود نخواهید بود.

Blend (ترکیب): اگر مقدار این گزینه را برابر با Angular قرار دهید فلش هنگام اعمال Shape Tween سعی خواهد کرد که تا حد امکان کنج ها و گوشه ها را به هم تبدیل کند و اگر مقدار را برابر با Distributive قرار دیهید فلش سعی خواهد که عملیات تبدیل شکل ابتدایی به شکل انتهایی به نرمی صورت پذیرد.

بعنوان مثال فرض کنید قصد تبدیل حرف O به حرف Q را دارید. اگر از حالت Angular استفاده کنید چون تعداد کنج های موجود در 2 شکل متفاوت است انیمیشن حاصل چنان که باید دلچسب نخواهد شد و دارای چرخشها و دورانهای اضافه و بیمورد خواهد شد. اما اگر مقدار را برابر با Distributive قرار دهید انیمیشن یک حرکت نرم و زیبا خواهد داشت که آن فقط اضافه کردن یک زبانه به حرف O و تبدیل آن به حرف Q خواهد بود. ( فراموش نکنید باید ابتدا حروف را از حالت Text به حالت پرکننده تغییر دهید.)

Ease: برای تنظیم شتاب انیمیشن مورد استفاده قرار میگیرد هر چه بیشتر به سمت عدد 100 برویم شتاب انتهایی انیمیشن منفی خواهد بود و از سرعت انیمیشن در فریمهای انتهایی کاسته میشود. هرچه به سمت عدد 100- رویم سرعت انیمیشن در انتها افزایش خواهد یافت.