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

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

سطح آموزش: متوسط

در این آموزش به شما نشان خواهم داد که چطور افکت نوسان لامپ را با استفاده از عبارات اکسپرشن (expression) ساده در افترافکت ایجاد کنید. بعد از ایجاد این افکت میتوانید نوسان را بطور دستی یا خودکار کنترل کنید.

۱. ایجاد عناصر در فتوشاپ

مرحله ۱

فتوشاپ را باز کنید.

فتوشاپ را باز کنید

مرحله ۲

کلیدهای Ctrl و N را بزنید تا یک کامپوزیشن جدید ایجاد کنید. پهنا (width) و ارتفاع (height) را برای سند به ترتیب روی ۱۲۸۰ و ۷۲۰ قرار دهید.

کامپوزیشن جدید

مرحله ۳

من یک تصویر لامپ دارم که در کامپوزیشن وارد کردم. این لایه را به Bulb تغییر نام دهید.

تصویر لامپ

مرحله ۴

در حالیکه لایه Bulb انتخاب شده، کلیدهای Ctrl و J را بزنید تا یک لایه کپی از آن ایجاد کنید.

یک لایه کپی از لامپ ایجاد کنید

مرحله ۵

لایه کپی شده را با عنوان Bulb Glass نامگذاری کنید.

لایه ای که کپی کردید را تغییر نام دهید

مرحله ۶

قابلیت دیدن لایه Bulb را غیرفعال کنید. با کمک ابزار Eraser ، بخش پایین لامپ در لایه ی Bulb Glass را پاک کنید.

ابزار Eraser

مرحله ۷

قابلیت دیدن لایه Bulb را فعال کنید.

فعال کردن قابلیت دیدن لایه

مرحله ۸

کلیدهای Shift و Ctrl و N را بزنید تا یک لایه جدید ایجاد کنید. این لایه را به Slider تغییر نام دهید.

کلیدهای Shift و Ctrl و N

مرحله ۹

در لایه ی Slider ، یک شکل اسلایدر به همان گونه که در تصویر زیر نمایش داده شده ایجاد کنید.

لایه Slider

مرحله ۱۰

با روشی مشابه، یک لایه جدید ایجاد کنید و نام آنرا به Slider Button تغییر دهید. در این لایه یک دکمه شبیه شکل نمایش داده شده در تصویر زیر ایجاد کنید.

دکمه اسلایدر

مرحله ۱۱

کلیدهای Shift و Ctrl و N را بزنید تا یک لایه جدید ایجاد کنید. این لایه را به Filament تغییر نام دهید.

کلیدهای Shift و Ctrl و N را بزنید

مرحله ۱۲

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

ابزار Brush

مرحله ۱۳

فایل را با عنوان Bulb.PSD ذخیره کنید.

فایل را ذخیره کنید

۲. کامپوزیت در افترافکت

مرحله ۱

برنامه افترافکت را باز کنید

افترافکت را باز کنید

مرحله ۲

کلیدهای Ctrl و I را بزنید تا پنجره Import Files (وارد کردن فایل‌ها) باز شود. فایل Bulb.PSD را که ذخیره کردید انتخاب کنید و بروی دکمه Open کلیک کنید.

وارد کردن فایل ها

مرحله ۳

یک پنجره تنظیمات کوچک ظاهر میشود. برای بخش Import Kind ، انتخاب Composition را برگزینید و سپس بروی OK کلیک کنید.

کامپوزیشن

مرحله ۴

تمامی اجزای لایه Bulb.PSD بعنوان کامپوزیشن Bulb وارد برنامه میشوند. در پنجره project بروی کامپوزیشن Bulb کلیک دوبل را بزنید. تمامی لایه‌ها را در تایم لاین خواهید داشت.

کامپوزیشن Bulb

مرحله ۵

یک ماسک بیضوی بروی لایه Background (پس زمینه) ایجاد کنید. مقدار Mask Feather را برای ماسک افزایش دهید تا گوشه ها را کمی تاریک کنید.

لایه Background (پس‌زمینه)

مرحله ۶

در حالیکه لایه Bulb Glass انتخاب شده، به منوی Effect بروید و در Generate ، گزینه Fill را انتخاب کنید و افکت را اعمال کنید.

در منوی Effects ، و در Generate ، گزینه Fill را انتخاب کنید

مرحله ۷

یک رنگ خیلی روشن زرد را بعنوان رنگ fill انتخاب کنید. به این ترتیب شیشه ی لامپ این رنگ را اختیار میکند.

یک رنگ زرد خیلی روشن انتخاب کنید

مرحله ۸

در حالیکه لایه Bulb Glass انتخاب شده، به منوی Effects بروید و در Sapphire Lighting ، گزینه S_Glow را انتخاب و افکت را اعمال کنید. مقدار Glow Width را تا ۱۲۰ و مقدار Brightness را تا ۲ افزایش دهید.

در منوی Effects و در Sapphire Lighting ، گزینه S_Glow را انتخاب کنید

مرحله ۹

فرآیندی مشابه را برای لایه ی Filament تکرار کنید. در حالیکه لایه Filament انتخاب شده، به منوی Effects رفته و در Sapphire Lighting ، گزینه ی S_Glow را انتخاب و افکت را اعمال کنید. مقدار Glow Width را تا ۳۶ و مقدار Brightness را تا ۵ افزایش دهید.

در منوی Effects ، و در Sapphire Lighting ، گزینه S_Glow را انتخاب کنید.

مرحله ۱۰

در حالیکه لایه Filament انتخاب شده، کلید Alt را بگیرید ، بروی زمان سنج پارامتر Brightness کلیک کنید. این کار ویرایشگر عبارت اکسپرشن (expression) را باز میکند. کد زیر را در آنجا بنویسید:

[code lang=”js”] y= thisComp.layer("Slider Button").transform.position[1];

yMin = 420;

yMax = 445;

linear(y,yMin,yMax,5,0)
[/code]

عبارت اکسپرشن (expression)

مرحله ۱۱

رویه ی مشابهی را برای مقدار Opacity لایه Filament دنبال کنید. در حالیکه کلید Alt را نگه داشتید، بروی زمان سنج پارامتر Opacity کلیک کنید. ویرایشگر اکسپرشن (expression) باز میشود. کد زیر را وارد کنید:

[code lang=”js”] y= thisComp.layer("Slider Button").transform.position[1];

yMin = 420;

yMax = 445;

linear(y,yMin,yMax,100,0)
[/code]

عبارت اکسپرشن (expression)

مرحله ۱۲

رویه ی مشابه را برای مقدار Opacity لایه ی Bulb Glass دنبال کنید. در حالیکه کلید Alt را نگه داشتید، بروی زمان سنج پارامتر Opacity کلیک کنید. این کار ویرایشگر عبارت اکسپرشن (expression) را باز میکند. کد زیر را وارد کنید:

[code lang=”js”] y= thisComp.layer("Slider Button").transform.position[1];

yMin = 130;

yMax = 445;

linear(y,yMin,yMax,100,0)
[/code]

عبارت اکسپرشن (expression)

مرحله ۱۳

در صورتی که نوسانات خودکار میخواهید، کلید Alt را نگه دارید، بروی زمان سنج پارامتر Position لایه ی Slider Button کلیک کنید. با این کار ویرایشگر اکسپرشن (expression) باز میشود. کد زیر را وارد کنید:

[code lang=”js”] x = transform.position[0];

y = transform.position[1];

w = wiggle(6, 210);

[x, w[1]];
[/code]

اکسپرشن Wiggle (تکان تکان)

مرحله ۱۴

موقعیت (position) در محور Y را برای لایه ی Slider Button تغییر دهید. شدت نور رشته و درخشش لامپ را میتوان با حرکت دکمه ی اسلایدر در جهت محور Y کنترل کرد.

به تغییر مقادیر yMin و yMax ادامه دهید تا نتایج مختلفی بدست آورید.

انیمیشن را پخش کنید

نتیجه گیری

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

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