آموزش افترافکت : متحرک سازی دوچرخه - قسمت اول

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

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

گام 1

در این تمرین از تصویر دوچرخه ای که قبلا در آموزش ایلوستریتو طریقه ایجاد آن را یاد داده بودیم استفاده می کنیم. در ابتدا نیاز داریم تا تصویر دوچرخه را برای استفاده در افترافکت آماده سازی کنیم. میتوانید در ایلوستریتور جزئیات بیشتری نظیر سایه و روشن و چند اکسسوری به دوچرخه اضافه کنید تا جالب تر به نظر برسد. دقت کنید که برای استفاده از تصویر دوچرخه در افترافکت پدال پشتی دوچرخه را نیز به آن اضافه کنید. برای اینکه تصویر دوچرخه را از حالت مربعی درآوریم بعد از چرخاندن پدالها سایز تصویر را به 800x600 پیکسل تغییر میدهیم

علاوه بر این نیاز داریم تا هریک از قسمتهای متحرک دوچرخه در لایه ای جداگانه قرار دهیم. با وجود این میتوانید قسمتهای ثابت و بدون تحرک مثل تیوپها ؛ دسته دوچرخه و زین آن را با هم در یک گروه قرار دهید.

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

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

گام 2

حال افترافکت را اجرا کنید و یک پروژه جدید در آن ایجاد کنید. از منو File > Import > File را انتخاب کنید و تصویر دوچرخه با پسوند .ai را که قبلا در ایلوستریتور ایجاد کردید انتخاب نمایید

گام 3

Composition Import Kind را انتخاب کنید و Ok را کلیک کنید تا تصویر وارد افترافکت شود. 
نام فایل دوچرخه در پنجره Project سمت چپ ظاهر میشود .بر روی آن دابل کلیک کنید تا در پنجره Composition در مرکز صفحه باز شود
در این آموزش ما از فضای کاری Standard Workspace استفاده می کنیم . بنابراین اگر میخواهید چیدمان پانلهایتان در افترافکت مانند تصاویر آموزش باشد میتوانید از منو Window > Workspace را انتخاب و گزینه Standard Workspace را کلیک کنید

2. ساخت انیمیشن چرخاندن چرخها

گام 1

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

برای سازماندهی بیشتر لایه ها و کمتر کردن تعداد زیاد لایه ها به روش زیر لایه ها را با هم در یک گروه قرار میدهیم.
لایه چرخ عقب را به همراه لایه گلگیر آن در سمت چپ پانل    Timeline انتخاب کنید و راست کلیک کنید و گزینه Pre-compose را از منوی شناور انتخاب کنید. حال میتوانید برای کار کاردن بر روی گروه pre compose شده بر روی آن دابل کلیک کنید تا فقط همان قطعات در پنجره Composition باز شود . 
اما اگر تعدد لایه ها شما را اذیت نمیکند میتوانید در هنگام کار بر روی هر قطعه تنها بر روی لایه آن دابل کلیک کنید تا در در پنجره جداگانه composition  باز شود.
 

گام 2

حال لایه چرخ عقب را بصورت یک کامپوزیشن جداگانه داریم. در پنجره timeline بر روی مثلث کوچک واقع در کنار نام back wheel کلیک کنید تا منوی آبشاری آن باز شود . به این ترتیب به دستورات Transform که در منوی آبشاری مخفی بودند دسترسی داریم. برای چرخاندن چرخها باید بر روی تنظیمات Rotation کار کنیم. 
بر روی آیکون ساعت کوچک در کنار Rotatin  کلیک کنید تا فعال شود. به این ترتیب اولین فریم کلیدی ما ایجاد میشود و برای شروع متحرک سازی آماده ایم.
 

گام 3

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

Time indicator را بگیرید و آن را به موقعیت .4 ثانیه  بر روی Time Ruler ببرید به این ترتیب فریم آخر را تعیین می کنیم.

با کلیک کردن بر روی آیکون لوزی در کنار Rotation می توانید keyframe دوم را بسازید با وجود این با تغییر هریک از تنظیمات به طور اتوماتیک یک keyframe در مکان فعلی ساخته خواهد شد.

برای بزرگنمایی و کوچک نمایی در timeline  میتوانید از scale slider  که در پایین timeline  قرار دارد استفاده کنید (آیکون کوه)    . با جابجا کردن اسلایدر تعداد ثانیه های قابل نمایش بر روی Timeline Ruler تغییر میکند.

گام 4

در حالیکه Time Indicator بر روی ثانیه 4 قرار دارد یعنی دومین فریم انیمیشن بر روی لوزی آبی رنگ کلیک کنید و مقدار 360  درجه را انتخاب کنید. حال در دومین keyframe  مقدار چرخش جدیدی را تنظیم کرده ایم که بصورت 1x+0,0 درجه نشان داده می شود
با جابجا کردن Time Indicator به سمت جلو و عقب خواهید دید که چرخ عقب دوچرخه میچرخد. همچنین میتوانید دکمه Play را در box Preview در سمت راست صفحه کاری فشار دهید و انیمیشن چرخش دوچرخه را ببینید.

گام 5
در این مرحله همان انمیشن دو فریمی را برای چرخ جلوی دوچرخه ایجاد می کنیم. 
برای ایجاد سریع و آسان انیمیشن قست Rotation چرخ عقب را که قبلا ایجاد کردید انتخاب کنید و تنظیمات آن را کپی کنید Ctrl+C 
سپس composition  چرخ جلو را انتخاب کنید و بر روی آن دابل کلیک کنید تا باز شود. Rotation را انتخاب کنید و تنظیمات کپی شده را paste کنید.Ctrl+V . به این ترتیب همان انیمیشن چرخ عقب را برای چرخ جلو درست کرده ایم

می توانید با انتخاب تب ها در بالای پانل Timeline به کامپوزیشن اصلی برگردید و انیمیشن هر دو چرخ را با هم مشاهده کنید.

برای اینکه یک چرخه انیمیشن بدون پایان ایجاد کنیم به پانل timeline  بروید و اسلایدر Work Area End  را درست در زیر   Timeline Ruler پیدا کنید. اسلایدر را بر روی ثانیه 4 در همان نقطه ای که time indicator  قرار دارد قرار دهید. حال اگر بر روی play  درپانل Preview کلیک کنید خواهید دید که انیمیشن بی وقفه تکرار می شود