تکنیک های افتر افکت

آموزش اکسپرشن ویگل در افترافکت

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

 

اکسپرشن ویگل در افترافکت چیه؟

اکسپرشن ویگل در افترافکت قطعه‌ای از کد جاوا اسکریپت هستش که امکان جابجایی، مقیاس، چرخش … یه لایه رو به صورت تصادفی به جلو و عقب میده.
کد اصلی اکسپرشن ویگل افترافکت اینه: wiggle(5,10)
اولین شماره 5 تعداد زمانی که لایه شما توی هر ثانیه تکان می خوره رو مشخص می کنه. توی این حالت 5 بار توی 1 ثانیه حرکت می کنه. شماره دومی که 10 هستش تعیین می کنه که چه قدر (توی این مورد 10 پیکسل) بالا و پایین میره.
کد اصلی اکسپرشن ویگل افترافکت
پایین یه مثال از انیمیشن ویگل بر اساس تنظیمات wiggle (5،10) قرار داده شده که میتونین ببینین.
انیمیشن ویگل پایه

چه جوری یه اکسپرشن ویگل در افترافکت اعمال میشه؟

استفاده و اعمال یه اکسپرشن نسبتاً ساده هستش، پایین مراحل اضافه کردن اکسپرشن ویگل به یه لایه، تصویر، متن یا ویدیو رو براتون قرار دادیم.

با فرض اینکه یه لایه/متن/تصویر توی تایم لاین افتر افکت تون مثل تصویر زیر دارین، مراحل کارتون رو طبق ادامه این مقاله انجام بدین.

مراحل اعمال اکسپرشن ویگل در افترافکت

لایه رو توی تایم لاین تون انتخاب کنین و P رو فشار بدین (position لایه بهتون نشون داده میشه.)

مرحله دوم اعمال اکسپرشن ویگل در افترافکت

از روی صفحه کلید Alt (PC) یا Option (Mac) رو فشار بدین و روی نماد کرونومتر کلیک کنین.

مرحله سوم اعمال اکسپرشن ویگل در افترافکت

اعداد پوزیشن (position)  X و Y الان باید قرمز باشن، transform.position رو با عبارت روبه رو جایگزین کنین:

wiggle(5،10)

مرحله چهارم اعمال اکسپرشن ویگل در افترافکت

میتونین فایل پروژه افتر افکت wiggle-expression بالا رو دانلود کنین و برای درک بهتر ببینینش.

 

نمونه هایی  از اکسپرشن ویگل در افتر افکت:

کنترل کردن شروع و توقف اکسپرشن ویگل:
اکسپرشن ویگل میتونه یه انیمیشن خوب و روان رو بسازه. اما تا به حال به این فکر کردین که چه طور میتونین شروع یا توقف حرکت تکان دادن و ویگل شدن رو کنترل کنین؟ برای این کار نیاز به ویگل خاص ندارین. توی ادامه این مقاله روشی رو بهتون میگیم که به شما توی کنترل اکسپرشن ویگل کمک میکنه.
1. یه لایه نال ایجاد کنین. ( میانبر: Ctrl+Alt+Shift+Y برای ویندوز و Command+Option+Shift+Y برای مک)
2. “sliders control” رو از پنل “effects and presets” به لایه نال تون بکشین و رهاش کنین.
مرحله دوم برای کنترل شروع و توقف اکسپرشن ویگل در افتر افکت
3. لایه نال رو انتخاب کنین و E رو فشار بدین. slider control رو برای دیدن stopwatch باز کنین.
4. عدد 5 ویگل رو برجسته کنین (هایلایت کنین مثل تصویر پایین)، بعد pick whip رو بکشین و روی اسلایدر رهاش کنین.
مرحله سوم برای کنترل شروع و توقف اکسپرشن ویگل در افتر افکت
5. کی فریم‌ها رو به slide control لایه نال اضافه کنین، مثلا: 50.00 برای اولین فریم و 0.00 برای دومین فریم
مرحله چهارم برای کنترل شروع و توقف اکسپرشن ویگل در افتر افکت
6. انیمیشن ویگل شما باید شروع بشه و سرعت اون توی طول زمان کم بشه تا کاملاً متوقف بشه مثل تصویر پایین
مرحله پنجم برای کنترل شروع و توقف اکسپرشن ویگل در افتر افکت

میتونین فایل پروژه کنترل شروع و توقف ویگل افتر افکت رو برای بررسی بیشتر دانلود کنین.

 

ویگل محور Y/بالا و پایین/عمودی:

اگه می خواین تصویرتون توی افتر افکت به صورت عمودی تکون بخوره، باید عبارت زیر رو توی position لایه تون کپی و جایگذاری کنین تا لایه تون روی محور Y حرکت کنه:
org=value; temp=wiggle (8,40); [org[0],temp[1]];

مرحله اول تکان دادن تصویر روی محور Y

میتونین نسخه ی نمایشی این ویگل محور Y رو توی تصویر پایین ببینین.

ویگل تصویر روی محور Y

میتونین فایل پروژه افتر افکت ویگل محور Y رو دانلود و بررسی کنین.

 

ویگل محور X/راست و چپ/افقی:

اگه می خواین تصویرتون توی افتر افکت به صورت افقی حرکت کنه، عبارت پایین رو توی position لایه تون کپی و جایگذاری کنین تا لایه تون روی محور X حرکت کنه:
org=value; temp=wiggle (8,40); [temp[0],org[1]];
ویگل تصویر روی محور X
نسخه ی نمایشی ویگل محور X  رو میتونین پایین ببینین.
ویگل تصویر روی محور X
میتونین فایل پروژه افتر افکت ویگل محور  X رو دانلود و بررسی کنین.

ویگل محور Z:

برای این ویگل باید مراحل زیر رو طی کنین:

1. مطمئن بشین که گزینه لایه سه بعدی، لایه تون رو روشن کردین.

مرحله یک ویگل تصویر روی محور z

2. این عبارت رو به position لایه تون اضافه کنین:

a =wiggle(0,0);
b =wiggle(0,0);
c = wiggle(5,95);[a[0],b[1],c[2]]

مرحله دو ویگل تصویر روی محور z

نسخه ی نمایشی ویگل محور Z رو میتونین از پایین ببینین.

نسخه نمایشی ویگل روی محور z

میتونین فایل پروژه افتر افکت ویگل محور Z رو دانلود و بررسی کنین.

 

ویگل رنگ در افتر افکت:

ویگل رنگ ها می تونه خیلی سخت باشه. اما rowbyte (این افزونه رایگان) به شما کمک میکنه یه انیمیشن ویگل رنگ زیبا داشته باشین. برای یادگیری این ویگل میتونین ویدیو پایین رو ببینین.

مراحل ایجاد ویگل رنگ

افزونه رایگان ویگل رنگ افتر افکت رو میتونین از اینجا دانلود کنین.

 

ویگل مقیاس:

اکسپرشن ویگل مقیاس رو می تونین به 2 روش استفاده کنین.
عبارت ویگل منظم توی مقیاس، ارتفاع و عرض مقیاس رو به طور جداگانه میتونین انجام بدین:
wiggle(5, 80)
ویگل اسکیل

اگه میخواین ویگل مقیاس یکنواخت داشته باشین از عبارت زیر استفاده کنین:

w = wiggle(5, 80);
[w[0],w[0]]

ویگل اسکیل

 

ویگل متن:

تا به حال دوست داشتین حروف رو روی یه متن متحرک کنین؟ اگه اره این مراحل رو برای انجام این کار دنبال کنین:

1. متن تون رو توی افتر افکت تایپ کنین.

2. روی نماد Animate کلیک کنین و position رو انتخاب کنین.

مرحلخ اول ساخت ویگل متن

3. از کنار Animator1 روی Add > Selector > Wiggly برین و کلیکشون کنین.

مرحله دوم ساخت ویگل متن

4. عبارت ویگل wiggle(18,3) رو به پوزیشن Wiggly Selector 1 اضافه کنین. تصویر پایین رو ببینین.

مرحله سوم ساخت ویگل متن

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

مرحله چهارم ساخت ویگل متن

اگه دوست دارین میتونین فایل پروژه ویگل متن رو دانلود و بررسی کنین.

 

ویگل دوربین در افتر افکت:

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

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

ویگل لوپ (LOOP):

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

freq = 1;
amp = 110;
loopTime = 3;
t = time % loopTime;
wiggle1 = wiggle(freq, amp, 1, 0.5, t);
wiggle2 = wiggle(freq, amp, 1, 0.5, t - loopTime);
linear(t, 0, loopTime, wiggle1, wiggle2)

ویگل لوپ
میتونین مثال ویگل لوپ رو دانلود و برسی کنین.

راه های دیگه برای ساخت ویگل در افتر افکت:

برای کسایی که عبارات و کدهای برنامه نویسی رو دوست ندارن نرم افزار افتر افکت راه دیگه ای رو برای اضافه کردن حرکت و ویگل داره، پایین چند روش برای این کار رو معرفی میکنیم:

[title text=”پریست ویگل افتر افکت:”]

مکان قرارگیری پریست ویگل در افتر افکتافتر افکت دارای چندین پریست ویگل هستش که می تونین اونا رو توی پنجره Effects & Presets پیدا کنین.  (عکس از سمت چپ)
Animation Presets > Behavior Presets
مزایای استفاده از پریست های ویگل افتر افکت، کنترل‌ها راحت اونا و گزینه‌هایی هستش که شامل موارد زیر میشه:
  • Wiggle Speed
  • Wiggle Amounts
  • Wiggle Width
  • Wiggle Nervousness
  • Wiggle Skew
چه جوری پریست ویگل رو روی کارمون اعمال کنیم؟
کافیه پریست ویگل رو مستقیماً روی لایه تون بکشین و رهاش کنین و ببینین آیا حرکت و ویژگی های ویگلی اون رو دوست دارین یا نه.

ویگلر (Wiggler):

جایگزین دیگه ای برای ساخت انیمیشن ویگل بدون استفاده ازکد و اکسپرشن ها، استفاده از ابزار ویگلر (Wiggler) هستش. توی افتر افکت می‌تونین این ابزار رو توی تب Windows > Wiggler پیدا کنین.
توی ادامه این مقاله shape layer رو بهتون توضیح دادیم:
1. یه متن یا یه لایه شکل (shape layer) ایجاد کنین.
2. اولین کی فریم و آخرین کی فریم تون رو ایجاد کنین.
مرحله اول نحوه کار با ابزار ویلگر
3. Position رو انتخاب کنین.
مرحله دوم نحوه کار با ابزار ویگلر
4. به Wiggler Windows رفته و روی Apply کلیک کنین.
مرحله سوم نحوه کار با ابزار ویگلر
5. وقتی که روی Apply کلیک کردین، ابزار Wiggler چندین کی فریم برای ساخت انیمیشن ویگل رو برای شما ایجاد می کنه.
مرحله چهارم نحوه کار با ابزار ویگلر

 

پلاگین ویگل:

جایگزین دیگه ای که برای اکسپرشن ویگل می تونیم معرفی کنیم، افزونه‌ یا همون پلاگین های ویگلی هستن. پایین فهرستی از افزونه‌هایی که دارای گزینه‌های ویگل هستن رو معرفی کردیم:
ویگلی که توی افزونه DUIK bassel هستش گزینه های خوبی مثل ابعاد X و Y جدوگانه و کنترل های فردی داره.
افزونه DUIK bassel

بیشتر بیاموزید:

اگه در مورد اکسپرشن ویگل در افترافکت چیزای بیشتری یاد بگیرین پیشنهاد می کنم وب سایت های زیر رو بررسی کنین.

 

سخن پایانی:

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

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

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

اگه هم برای کسب و کارت نیاز به یه ویدیو موشن گرافیک قوی داری، همین امروز سفارش موشن گرافیکت رو ثبت کن.

آزاده کریمی

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

نوشته های مشابه

یک دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا