1. Design & Illustration
  2. Drawing/Illustration

انیمیشن یک وکتور زیبای دوچرخه در ادوبی افترافکت

Scroll to top
Read Time: 17 min

() translation by (you can also view the original English article)

یکی از مزیت‌های بزرگ یک گرافیک وکتوری نه تنها سهولت ویرایش و اسکیل آن تا هر سایزی است، بلکه میتوانید آنرا به حرکت در بیاورید! این کار برای شما یک جادو به نظر میرسد؟ این آموزش را دنبال کنید و یاد بگیرید که چطور وکتور دوچرخه زیبای خودتان را در یک لوپ ابدی در ادوبی افترافکت راه بیاندازید.

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

مرحله 1

ما از تصویر خودمان در آموزش دوچرخه‌ی فلت زیبا در ادوبی ایلوستریتور استفاده میکنیم. اول از همه، لازم است تصویرمان را در ادوبی ایلوستریتور آماده کنیم. میتوانید جزئیات بیشتری از قبیل سایه، یا هایلایت یا تعدادی لوازم جانبی و هر آنچه که دوچرخه را پیچیده تر میکند به آن اضافه کنید. و با توجه به اینکه میخواهیم پدال‌ها را بچرخانیم، مطمئن شوید که پدال دوم را هم به دوچرخه اضافه میکنید (پدال پشت دوچرخه). من سایز تصویر پس‌زمینه را به سایز 800 در 600 پیکسل تغییر دادم تا کمتر مربعی باشد.

علاوه بر این، لازم است هر بخشی را که میخواهیم حرکت دهیم در یک لایه جداگانه قرار دهیم. با این حال میتوانید بخش‌های ساکن را با هم در یک گروه حفظ کنید. برای مثال لوله‌ها، فرمان و صندلی دوچرخه.

برای لکه‌های زمین و ابرها، هر کدام را در یک فایل جدید ذخیره کنید. این فایل‌ها را هم انیمیشن خواهیم کرد. در ادوبی ایلوستریتور، هر لکه و هر ابری را در یک لایه‌ی جدا حفظ کنید.

حالا ما سه فایل ادوبی ایلوستریتور داریم: یکی برای دوچرخه، یکی برای زمین و یکی برای ابرها. پنل Layers را در تصویر زیر چک کنید تا همه چیز را دسته بندی شده حفظ کنید.

prepare the files in Adobe Illustratorprepare the files in Adobe Illustratorprepare the files in Adobe Illustrator

مرحله 2

حالا ادوبی افترافکت را اجرا میکنیم و شروع به ایجاد یک پروژه جدید میکنیم. به منوی File بروید و در Import ، گزینه File را انتخاب کنید و تصویر دوچرخه با فرمت ai.* را که در ادوبی ایلوستریتور ایجاد کردیم انتخاب کنید.

File Import FileFile Import FileFile Import File

مرحله 3

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

Select the Composition Import KindSelect the Composition Import KindSelect the Composition Import Kind

2. ایجاد انیمیشن چرخش چرخ‌ها

مرحله 1

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

در صورتی که بخواهیم چندین بخش را در یک گروه با هم یکی کنیم و کار خودمان را سازماندهی شده تر کنیم، میتوانیم از روش زیر استفاده کنیم. در پنل Timeline ، چرخ عقب دوچرخه را همراه با سپر آن در سمت چپ انتخاب کنید (در اینجا این بخش‌ها را بصورت دو لایه جداگانه داریم)، کلیک راست موس را بزنید و از منوی شناور گزینه pre-compose را انتخاب کنید. حالا بروی گروه کامپوزیشن pre-comp کلیک دوبل میکنیم تا آنرا جداگانه ببینیم.

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

pre-compose the group of objectspre-compose the group of objectspre-compose the group of objects

مرحله 2

حالا که چرخ عقب را بطور جداگانه داریم، به پنل Timeline بروید و منوی کشویی چرخ را با کلیک بروی آیکون مثلثی کنار برچسب آن باز کنید. در اینجا ما توابع Transform (انتقال) را داریم که تحت یک منوی کشویی دیگر مخفی هستند. برای اینکه چرخمان بچرخد، لازم است که با پارامتر Rotation کار کنیم. بروی آیکون کرونومتر کنار پارامتر Rotation کلیک کنید . بدین ترتیب کی فریم اول را تنظیم کردیم و ایجاد انیمیشن را شروع میکنیم.

click the stopwatch next to Rotationclick the stopwatch next to Rotationclick the stopwatch next to Rotation

مرحله 3

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

نشانگر زمان را بردارید و آنرا روی موقعیت ثانیه 4 زمان سنج قرار دهید تا معرف کی‌فریم پایانی باشد. میتوانید بروی آیکون لوزی‌شکل (در کنار Rotation) در بخش چپ پنل Timeline کلیک کنید تا کی‌فریم دوم را تنظیم کنید؛ با این حال در صورتی که این پارامتر از آبجکت را در این نقطه تغییر دهید، کی‌فریم بطور خودکار تنظیم خواهد شد.

در پایین پنل Timeline میتوانید اسلایدر اسکیل را ببینید (آیکون‌های کوه شکل)، که به شما کمک میکند در Timeline بزرگنمایی و کوچک‌نمایی کنید و اسکیل مناسبی از ثانیه را برای زمان سنج تنظیم کنید.

create two keyframes in the Timeline panelcreate two keyframes in the Timeline panelcreate two keyframes in the Timeline panel

مرحله 4

در حالیکه نشانگر زمان را در نقطه‌ی پایانی (یعنی کی‌فریم دوم در ثانیه 4) داریم، بروی مقدار پارامتر Rotation (به رنگ آبی) کلیک کنید و مقدار درجه را روی 360 تنظیم کنید. حال یک مقدار جدید Rotation در کی‌فریم دوم داریم که به این صورت است: 1x+0,0°

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

set the rotation value and play the animationset the rotation value and play the animationset the rotation value and play the animation

مرحله 5

میخواهیم انیمیشن مشابه با دو کی فریم را برای چرخ جلوی دوچرخه انجام دهیم. برای سریع و آسان‌تر کردن کارها، پارامتر Rotation چرخ عقب را که انیمیشن کردیم انتخاب کنید و تنظیمات آنرا با زدن کلیدهای Ctrl و C کپی کنید. سپس سراغ چرخ جلو بروید، کلیک دوبل کنید تا آنرا جدا کنید، پارامتر Rotation را انتخاب کنید و با زدن کلیدهای Ctrl و V تنظیمات چرخش را Paste کنید. حالا انیمیشنی دقیقا مشابه را برای چرخ جلو داریم.

copy-paste the settings to the front wheelcopy-paste the settings to the front wheelcopy-paste the settings to the front wheel

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

برای ایجاد یک انیمیشن با لوپ ابدی، به پنل Timeline بروید و اسلایدر ناحیه کاری را پیدا کنید که درست زیر زمان سنج تایم لاین است. اسلایدر را تا ثانیه 4s بکشید، و آن را دقیقا در جایی که نشانگر زمان هست قرار دهید. حالا در صورتی که بروی آیکون Play در پنل Preview کلیک کنید، میبینید که انیمیشن شما بطور یکپارچه همینطور دوباره تکرار میشود.

make an infinite animation loopmake an infinite animation loopmake an infinite animation loop

حالا سراغ پدال‌های دوچرخه میرویم.

3. پدال‌ها را بچرخانید

مرحله 1

ابتدا میخواهیم پدال جلو را انیمیشن کنیم. این پدال شامل سه بخش است، پس میتوانیم همه‌ی آنها را انتخاب کنیم و با هم pre-compose کنیم. بروی گروه کامپوزیشن (pre-comp) کلیک دوبل کنید و در صورت نیاز کمی زوم کنید. با فشردن کلیدهای Ctrl و + یا - یا خیلی ساده با اسکرول چرخان موس این کار انجام دهید (آبجکت وکتور ممکن است کمی در این مرحله پیکسل شده به نظر برسد، اما این در واقع بخاطر کارکرد بزرگنمایی در افترافکت است)

شروع به انیمیشن دایره‌ی صورتی میکنیم که در پایین قرار گرفته است. منوی Transform را برای آن در پنل Timeline باز کنید.

precompose the pedal parts and isolate the groupprecompose the pedal parts and isolate the groupprecompose the pedal parts and isolate the group

مرحله 2

لازم است کار مشابهی که برای چرخ‌ها کردیم را در اینجا انجام بدهیم. بروی کرونومتر کنار پارامتر Rotation کلیک کنید و اولین کی فریم را در ابتدای Timeline ایجاد کنید. نشانگر زمان را در ثانیه 4s ببرید و مقدار Rotation را بروی 360 درجه قرار دهید تا کی‌فریم دوم را ایجاد کنید.

animate the rotation of the pink circleanimate the rotation of the pink circleanimate the rotation of the pink circle

مرحله 3

حال میخواهیم بازوی پدال را به دایره صورتی وابسته (parent) کنیم. ابتدا، باید مطمئن شویم که نقطه محوری بازوی پدال در مرکز دایره صورتی است. در حالیکه بازوی پدال را انتخاب کردید، کلید Y را بزنید و نقطه محوری را به مرکز چرخ صورتی ببرید.

حالا از پیک‌ویپ (Pick Whip) استفاده کنید (آیکون مارپیچ کنار لایه‌ها در پنل تایم‌لاین) تا خیلی ساده با کلیک بروی آن و کشیدن به لایه‌ی چرخ، بازوی پدال را با چرخ صورتی مرتبط کنید. یک خط ارتباطی آبی همچون تصویر زیر میبینید.

همینطور میتوانید آبجکت Parent را بصورت دستی از لیست منوی کشویی کنار لایه بازوی پدال (گزینه سوم) با انتخاب  "Rotating Wheel .3" بجای None مشخص کنید.

parent the objects using a pick whipparent the objects using a pick whipparent the objects using a pick whip

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

move the parent objectsmove the parent objectsmove the parent objects

مرحله 4

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

link the pedal to the pedal armlink the pedal to the pedal armlink the pedal to the pedal arm

مرحله 5

منوی Transform را برای پدال سبز باز کنید و با نگه داشتن کلید Alt بروی کرونومتر کنار پارامتر Rotation کلیک کنید تا یک عبارت اکسپرشن (expression) اضافه کنیم. میبینید که یک زیرمنو باز میشود. حالا پیک ویپ (pick whip) کنار اکسپرشن Rotation را انتخاب کنید و آنرا به مقدار Rotation برای چرخ صورتی مرتبط سازید.

بعد از این کار، متوجه یک دسته نوشته در پنل Timeline میشوید که به اکسپرشن پارامتر Rotation پدال سبز ارجاع میدهد. کاری که باید اینجا انجام بدهیم این است که نشانگر موس را در پایان نوشته قرار بدهیم و مقدار 1-* را قرار دهیم. (آنرا ضرب در منفی یک کنیم) حالا در صورتی که انیمیشن خود را چک کنید، میبینید که پدال‌ها همراه باهم همراه با کل ساختار همانطور که باید حرکت میکنند.

use Expression rotation to fix the pedaluse Expression rotation to fix the pedaluse Expression rotation to fix the pedal

مرحله 6

همینطور پدال عقب را داریم. تنها تفاوت آن با پدال جلو این است که چرخ صورتی را ندارد. ما به آن نیاز نداریم، میتوانیم نقطه محوری بازوی پدال را سر نوک آن قرار دهیم (همانطور که برای پدال قبلی انجام دادیم) و انیمیشن مشابه با دو کی‌فریم را برای Rotation بازوی پدال همچون چرخ صورتی اعمال کنیم.

سپس پدال سبز را انتخاب کنید و مقدار Rotation را برای اکسپرشن به مقدار Rotation بازوی پدال با استفاده از پیک‌ویپ (Pick Whip) مربوط کنید. مقدار 1-* را به نوشته در پنل Timeline اضافه کنید.

animate the second pedalanimate the second pedalanimate the second pedal

4. لکه‌های زمین را انیمیشن کنید

مرحله 1

ما لکه‌های زمین را در یک فایل جداگانه ادوبی ایلوستریتور داریم. به منوی File میرویم و در Import ، گزینه File را انتخاب میکنیم تا آنرا وارد پروژه کنیم. برای Import Kind (نوع وارد کردن فایل) ، گزینه Composition را انتخاب کنید و فایل ground را از پنجره Project در سمت چپ وارد لایه‌های Timeline در پایین کنید و آنرا بین تصویر پس‌زمینه و بخش‌های دوچرخه قرار دهید.

import the ground fileimport the ground fileimport the ground file

مرحله 2

کلیک دوبل کنید تا گروه زمین را جداگانه ببینید. بگذارید از بزرگترین بیضی شروع کنیم که در پایین قرار دارد. در تایم‌لاین آنرا پیدا کنید و منوی کشویی Transform را برای آن باز کنید. ما سایز آنرا میخواهیم تغییر دهیم. برای این منظور مقادیر اسکیل Scale آنرا تغییر میدهیم. بروی کرونومتر کنار Scale کلیک کنید تا اولین کی‌فریم را در ابتدای تایم‌لاین قرار دهید.

animate the scale of the big spotanimate the scale of the big spotanimate the scale of the big spot

مرحله 3

میخواهیم با قرار دادن نشانگر زمان در ثانیه 4s زمان سنج و کلیک بروی آیکون کوچک کنار Scale ، کی فریم دوم را ایجاد کنیم. از آنجاییکه میخواهیم حالت اولیه شکل در ابتدا و انتها حفظ شود، در این مرحله پارامترهای اسکیل Scale را تغییر ندهید.

add a second keyframeadd a second keyframeadd a second keyframe

مرحله 4

میخواهیم یک کی‌فریم دیگر بین این دو کی‌فریم ایجاد کنیم تا انیمیشنی با سه کی‌فریم داشته باشیم. نشانگر زمان را در ثانیه 2s زمان سنج قرار دهید و در این نقطه مقدار افقی Scale (پهنای آبجکت) را به %80 تغییر دهید (تیک Constrain Properties یا محدود کردن ویژگی‌ها را از کنار مقادیر آن بردارید تا بتوانید مقادیر را بطور مجزا از هم تغییر دهید)

با این کار شکل را کمی فشرده میکنیم و در میانه انیمیشن آن را باریکتر میکنیم. در صورتی که انیمیشن را پخش کنیم، میبینیم که لکه‌ی بزرگ کوتاه میشود و سپس به شکل و پهنای اولیه‌اش بازمیگردد.

make the shape narrower in the middle of the animationmake the shape narrower in the middle of the animationmake the shape narrower in the middle of the animation

مرحله 5

حالا میخواهیم انیمیشن مشابه با سه کی‌فریم را برای لکه‌های کوچکتر روی لکه‌ی بزرگ ایجاد کنیم. این دو لکه نمایانگر سایه‌های زیر چرخ‌های دوچرخه هستند. این بار پهنای Scale را برای کی‌فریم میانی روی %70 تنظیم کنید، و دیگر تنظیمات را دقیقا مشابه با لکه‌ی بزرگ داشته باشید.

animate the shadowsanimate the shadowsanimate the shadows

مرحله 6

حالا چند تا لکه‌ی کوچک هم داریم. میخواهیم همه‌ی آنها با هم در مسیر افقی حرکت کنند تا حرکت روی زمین را شبیه‌سازی کنیم. برای اینکه بدون انتخاب تک تک لکه‌ها و اعمال افکت به هر کدام انجام این کار راحت تر شود، از یک ترفند ساده استفاده میکنیم و یک آبجکت Null میسازیم.

وقتی که با چندین آبجکت کار میکنید که نیازمند تنظیمات مشابهی هستند، آبجکت‌های Null عالی هستند. آبجکت Null یک آبجکت ناموجود است که بعنوان یک انتقال‌دهنده‌ برای اعمال تنظیمات و خصوصیات به دیگر آبجکت‌ها استفاده میشود. بعبارت دیگر، باعث صرفه‌جویی زیادی در زمان شما میشود. ببینیم چطور عمل میکند!

در ناحیه‌ای از لایه‌ها در پنل Timeline کلیک راست موس را بزنید و در New ، گزینه Null Object را انتخاب کنید. در بالای فهرست لایه‌ها ظاهر میشود. حالا فقط همه‌ی لکه‌های کوچک را انتخاب کنید و از پیک‌ویپ (Pick Whip) استفاده کنید تا این لکه‌ها را به آبجکت Null وابسته (Parent) کنید. (لازم است که تنها یکی از آنها را مرتبط کنید، و بدین صورت دیگر لایه‌های انتخاب شده نیز بطور خودکار مرتبط میشوند)

create a null object and parent the spots to itcreate a null object and parent the spots to itcreate a null object and parent the spots to it

مرحله 7

در حالیکه لکه‌ها را بصورت انتخاب شده دارید، با زدن کلیدهای Ctrl و D آنها را تکثیر کنید. در پنل Timeline، لایه‌های تکثیر شده را بکشید و در بالا قرار دهید تا دو گروه لکه داشته باشید که روی هم قرار دارند.

duplicate the spotsduplicate the spotsduplicate the spots

مرحله 8

حالا در حالیکه لکه‌های تکثیر شده را بصورت انتخاب شده دارید، به پنجره Composition بروید، ابزار Selection (کلید V) را بردارید و لکه‌ها را به سمت راست بکشید، و در این حین کلید Shift را هم نگه دارید. لکه‌ها را خارج از صفحه کامپوزیشن و نزدیک به لبه راست آن قرار دهید.

اسکرین شات زیر را بررسی کنید تا ببینید چطور باید به نظر برسد. از ابزار Hand (کلید H) استفاده کنید یا کلید Space را بگیرید تا در آرت‌برد جابجا شوید.

move the duplicates of the spots outside the art boardmove the duplicates of the spots outside the art boardmove the duplicates of the spots outside the art board

مرحله 9

لکه‌های روی آرت‌برد را انتخاب کنید و آنها را به جهت مخالف حرکت دهید تا اولین لکه از سمت چپ روی لبه‌ی آرت‌برد باشد.

move the spots closer to the edge of the art boardmove the spots closer to the edge of the art boardmove the spots closer to the edge of the art board

مرحله 10

حالا میخواهیم با کمک آبجکت Null زمین را انیمیشن کنیم. این بار با مقادیر پارامتر Position کار میکنیم. منوی Transform را برای آبجکت Null باز کنید و بروی کرونومتر Position کلیک کنید تا اولین کی‌فریم را ایجاد کنید.

نشانگر زمان را به ثانیه 4s ببرید و کی فریم دوم را ایجاد کنید. و در این نقطه، کلیک چپ موس را روی مقدار افقی position بزنید و کلیک را نگه دارید و نشانگر موس را به سمت چپ ببرید. میبینید که مقدار تغییر میکند و صحنه در کامپوزیشن شما نیز به سمت چپ حرکت میکند.

لازم است آنرا حرکت دهیم تا گروه دوم لکه‌ها (نسخه‌های تکثیرشده) جای گروه اول لکه‌ها را بگیرد. گروه اول باید از سمت چپ صفحه خارج شود.

اسکرین شات زیر را چک کنید. مربع قرمز حاکی از حرکت آبجکت‌ها به سمت چپ است.

animate the Null Object to move the groundanimate the Null Object to move the groundanimate the Null Object to move the ground

این موقعیت نهایی آبجکت‌ها در ثانیه 4s در کی‌فریم دوم است.

5. ابرها را انیمیشن کنید

مرحله 1

آخرین بخش از کامپوزیشن ما باقی مانده که ابرها هستند! و ما آنها را دقیقا مشابه با لکه‌های روی زمین انیمیشن خواهیم کرد.

ما ابرها را در یک فایل ادوبی ایلوستریتور جداگانه داریم، پس ابتدا باید آن را به ادوبی افترافکت وارد کنیم و برای Import Kind ، گزینه Composition را انتخاب کنیم. سپس گروه کامپوزیشن را از پنجره Project در سمت راست به پایین در پنل Timeline بکشید.

import the clouds file in adobe after effectsimport the clouds file in adobe after effectsimport the clouds file in adobe after effects

مرحله 2

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

move the duplicates of the cloudsmove the duplicates of the cloudsmove the duplicates of the clouds

مرحله 3

یک آبجکت Null بسازید و همه ابرها را با استفاده از پیک‌ویپ (Pick Whip) به آن مرتبط کنید.

Create a Null Object and parent all the clouds to itCreate a Null Object and parent all the clouds to itCreate a Null Object and parent all the clouds to it

مرحله 4

نهایتا، یک انیمیشن با دو کی‌فریم برای آبجکت Null ایجاد کنید تا ابرها در طی 4 ثانیه از سمت راست به چپ حرکت کنند.

create a simple two-framed animation for the Null Objectcreate a simple two-framed animation for the Null Objectcreate a simple two-framed animation for the Null Object

6. انیمیشن خود را چک کنید و آنرا بصورت یک GIF به ادوبی فتوشاپ بفرستید

مرحله 1

عالیه، حالا همه بخش‌های مورد نیاز برای تصویر ما دارای حرکت، چرخش و گردش هستند. میتوانیم به پنجره کامپوزیشن اصلی که شامل تمامی اجزاست برگردیم و در پنل Preview بروی Play کلیک کنیم تا ببینیم انیمیشن چطور عمل میکند.

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

در مجموع، یک سیکل انیمیشن 4 ثانیه‌ای برای تمامی اجزا داریم و بدین ترتیب حرکت در زمانی مشابه شروع شده و تمام میشود.

check out your animationcheck out your animationcheck out your animation

مرحله 2

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

اول از همه، در ادوبی افترافکت، در منوی File و در Export ، گزینه Add to Render Queue را انتخاب کنید. این کار سربرگ Render Queue را در پنل Timeline باز خواهد کرد.

go to Export Add to Render Queuego to Export Add to Render Queuego to Export Add to Render Queue

مطمئن شوید از اینکه Best Settings را برای تنظیمات رندر انتخاب کرده اید. میتوانید روی آن کلیک کنید تا پنجره pop-up آن باز شود و تنظیمات رندر را بررسی کنید. تنظیمات Best Quality (بهترین کیفیت) و Full Resolution (رزولوشن کامل) بصورت پیش‌فرض تنظیم شده‌اند. بروی OK کلیک کنید تا پنجره را ببندید.

select the Best Render Settings select the Best Render Settings select the Best Render Settings

مرحله 3

حالا تحت Render Settings ، بخش Output Module را پیدا کنید و بروی Lossless کلیک کنید. JPEG Sequence را در منوی کشویی Format انتخاب کنید و بروی OK کلیک کنید. با این کار چندین تصویر JPEG ایجاد میکنیم که هر کدام از تصاویر لحظه‌ای از انیمیشن ما هستند. وقتی این تصاویر را با هم ترکیب میکنیم، یک تصویر متحرک بدست میاوریم.

Select JPEG Sequence in the Format of the Output ModuleSelect JPEG Sequence in the Format of the Output ModuleSelect JPEG Sequence in the Format of the Output Module

مرحله 4

بروی لینک Output to کلیک کنید تا پنجره باز شود و یک مسیر را انتخاب کنید. برای مجموعه تصاویر JPEG خود یک فولدر جدید بسازید. و بروی Render کلیک کنید.

select the destination and click renderselect the destination and click renderselect the destination and click render

مرحله 5

حالا ادوبی فتوشاپ را باز کنید و با زدن کلیدهای Ctrl و O ، پوشه‌ای که در آن تصاویر هستند را باز کنید. اولین تصویر را انتخاب کنید و تیک Image Sequence را در پایین پنجره Open بزنید. بروی OK کلیک کنید.

در پنجره pop-up، مقدار Frame Rate را بروی 30 فریم در ثانیه حفظ کنید و بروی OK کلیک کنید.

حالا از تصاویر خودمان یک فایل ویدیویی ایجاد کردیم.

open your image sequence in adobe photoshopopen your image sequence in adobe photoshopopen your image sequence in adobe photoshop

مرحله 6

ادامه میدهیم و با رفتن به منوی File و در Export ، گزینه Save for Web (کلیدهای Alt و Shift و Ctrl و S) را انتخاب میکنیم. در پنجره Save For Web (ذخیره برای وب)، فرمت GIF را در بخش سمت راست بالای پنجره انتخاب کنید. برای بخش Looping Options ، گزینه Forever را در پایین پنجره تنظیم کنید تا انیمیشن دوباره و دوباره تکرار شود. بقیه تنظیمات را بصورت پیش‌فرض حفظ کنید و بروی Save کلیک کنید تا تصویر GIF را در محل مورد نظر خروجی بگیرید.

go to Export Save for Webgo to Export Save for Webgo to Export Save for Web

مرحله 7

و حالا در اینجا میخواهیم به یک نکته نهایی اشاره کنیم. در صورتی که میخواهید انیمیشن خود را بجای GIF بصورت یک ویدیو داشته باشید، پس لازم نیست اصلا از فتوشاپ استفاده کنید!

در این مورد، در ادوبی افترافکت ، در منوی File و در Export ، گزینه Add to Render Queue را انتخاب کنید و تحت بخش Render Settings به Output Module رفته و بروی Lossless کلیک کنید. در منوی کشویی Format ، گزینه Quicktime را انتخاب کنید و بروی OK کلیک کنید تا فایل خود را بصورت فرمت mov.* ذخیره کنید. همین! حالا میتوانید آنرا در Youtube یا Vimeo آپلود کنید.

export your videoexport your videoexport your video

وقتی در مورد چیزی شک دارید، بیخیالش بشوید و با دوچرخه‌سواری ذهن خود را آزاد کنید!

بفرمایید! انیمیشن دوچرخه ما آماده شد! میتوانیم این حرکت ناتمام را تا ابدیت تماشا کنیم، اما بگذارید به دنیای واقعی برگردیم و به ایجاد کار خلاقانه‌ی جدید ادامه دهیم! امیدوارم این نکات و ترفندها برای شما مفید بوده باشد و به شما در ایجاد و انیمیشن تخیلات گردشی و چرخشی شما کمک کند. لذت ببرید!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads