آموزش کدنویسی Expressions در افترافکت

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

ابتدا میدانیم برای Parent کردن لازم است بر روی دکمه‌ی مربوط به parent کردن کلیک کنیم و آن را به فایلی که می‌خواهیم متصل کنیم در این صورت دو فایل Parent شده با هم تغییر خواهند کرد به‌طور مثال در تصویری که مشاهده می‌کنید لایه‌ی اول را به لایه‌ی دوم Parent کردیم که به‌طور مثال  در صورت تغییر مقدار position لایه‌ی دوم هر دو شکل حرکت می‌کنند.

حال می‌خواهیم یکی از گزینه‌های موجود را به‌تنهایی به یک گزینه‌ یا لایه‌ی دیگر Parent کنیم به‌طور مثال ابتدا لایه‌ی اول را از حالت parent خارج می‌کنیم سپس هر دو لایه را انتخاب می‌کنیم و حرف S را از صفحه‌کلید می‌زنیم تا گزینه‌ی Scale نمایش داده شود حال می‌خواهیم Scale لایه‌ی اول را به Scale لایه‌ی دوم متصل کنیم برای این کار دکمه‌ی Alt را نگه می‌داریم و بر روی علامت ساعت که در کنار گزینه‌ی Scale لایه‌ی اول است کلیک می‌کنیم در این صورت یک کادر برای ما نمایش داده خواهد شد و یک سری گزینه‌ها نیز اضافه می‌شود که گزینه‌ی Parent را نیز خواهیم داشت که بر روی آن کلیک می‌کنیم و آن را بر روی گزینه‌ی Scale مربوط به لایه‌ی دوم قرار می‌دهیم. توجه داشته باشید از این قسمت نمی‌توانیم یک گزینه را به لایه دیگر parent کنیم و تنها برای parent کردن گزینه‌ها استفاده می‌شود.

در این صورت گزینه‌ی Scale دولایه به هم متصل می‌شوند و تغییرات هرکدام بر روی دیگری نیز اعمال می‌شود اما سایر گزینه‌ها به‌صورت جداگانه خواهند بود، همچنین مشاهده می‌کنید مقدار Scale لایه‌ی اول به رنگ قرمز تبدیل می‌شود که اگر مقدار آن را تغییر دهیم در کار تغییری ایجاد نمی‌شود و مقدار لایه‌ی دوم که با آن parent شده است را خواهد داشت همچنین  می‌توانیم این گزینه را با گزینه‌های دیگر مانند position  یا Rotation نیز parent کرد و با تغییر مقدار این گزینه‌ها مقدار Scale نیز تغییر می‌کند.

در این گزینه‌ها می‌توانیم با استفاده از گزینه‌ای که با علامت = نمایش داده‌شده است حالت Parent را غیرفعال کنیم که در این صورت مقدارهای عددی به رنگ آبی خواهند بود و در قسمت خط زمان نیز یک کد نوشته می‌شود، ما می‌توانیم با نگه‌داشتن دکمه‌ی Alt و کلیک کردن بر روی علامت ساعت این حالت را به‌طورکلی غیرفعال می‌کنیم.

 حالت‌های قبل را غیرفعال می‌کنیم و برای لایه‌ی اول دکمه‌ی Alt را نگه می‌داریم و بر روی علامت ساعت مربوط به گزینه‌ی position  کلک می‌کنیم حال گزینه‌ی Parent که نمایش داده می‌شود را انتخاب می‌کنیم و آن را بر روی position مربوط به لایه‌ی دوم قرار می‌دهیم در این صورت مشاهده می‌کنید که تصویر دوم بر روی تصویر اول قرار می‌گیرد و این تفاوت آن با حالت Parent کردن دو لایه می‌باشد.

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

حال می‌خواهیم بیشتر در مورد Expressions نویسی صحبت کنیم در این بحث باید به مقدارهای مربوط به هر گزینه توجه داشته باشیم درواقع تعداد مقدارهایی که دارند به‌طور مثال گزینه‌های position و scale  دو مقدار عددی دارند و گزینه‌های Rotation و opacity  شامل یک مقدار عددی می‌شوند.

حال با نگه‌داشتن دکمه‌ی Alt بر روی علامت ساعت  مربوط به position در لایه‌ی اول کلیک می‌کنیم سپس کدهای آن را پاک می‌کنیم و به‌جای آن‌ها دو عدد را در براکت به صورتی که با کاما از هم جدا شوند تایپ می‌کنیم به‌طور مثال در اینجا عبارت [500,700] را تایپ می‌کنیم در این حالت position در موقعیت 500 و 700 قرار می‌گیرد و دیگر تغییر داده نمی‌شود.

حال می‌توانیم عدد 500 را انتخاب کنیم و به‌جای آن آدرس گزینه‌ی opacity همین لایه را تایپ می‌کنیم یا درصورتی‌که 500 را انتخاب کرده‌ایم  بر روی دکمه‌ی مربوط به parent کلیک می‌کنیم و آن را بر روی opacity قرار می‌دهیم در این صورت مقدار عددی مربوط به محور X از مقدار Opacity این لایه پیروی می‌کند و مقدار Y نیز در عدد 700 ثابت است.

حال می‌توانیم در قسمت مربوط به کد مقدار opacity را در یک مقدار عددی ضرب یا جمع کنیم به‌طور مثال این مقدار را ضرب‌در عدد 6 می‌کنیم در این صورت مقدار Opacity هر عددی که باشد در 6 ضرب می‌شود و برای مقدار X گزینه‌ی position مشخص می‌شود در این صورت مشاهده می‌کنید زمانی که مقدار opacity صد باشد مقدار مربوط به  X  گزینه‌ی position با عدد 600 تنظیم می‌شود.

حال می‌توانیم مقدار 700 را نیز با یک گزینه‌ ی دیگر parent کنیم به‌طور مثال این مقدار را انتخاب می‌کنیم و آن را با گزینه‌ی Scale مرتبط می‌کنیم در این صورت در قسمت کد نیز به‌جای عدد آدرس گزینه‌ی Scale قرار می‌گیرد البته توجه کنید این مقدار را به خود گزینه‌ی Scale نمی‌توان parent کرد زیرا این گزینه شامل دو عدد می‌شود و باید با یکی از مقدارهای مربوط به آن parent شد به‌طور مثال در اینجا عدد 700 را انتخاب می‌کنیم و آن را با مقدار X مربوط به گزینه‌ی Scale مرتبط می‌کنیم در این قسمت در صورت تمایل می‌توانیم مقدار دوم را در عددی ضرب کنیم.

در گزینه‌ی Expressions Language menu به کدهای پیشرفته‌تری دسترسی داریم و درواقع تمامی توابعی که به آن‌ها دسترسی داریم در این قسمت موجود است که می‌توانیم از آن‌ها استفاده کنیم .

برای بهتر توضیح دادن این کدهای آماده یک صحنه که از قبل آماده کردیم را وارد محیط برنامه می‌کنیم که تمام قسمت‌های آن را با استفاده از Shape Layer ایجاد کردیم و تمام آن‌ها را به یک Null object مرتبط کردیم و در انتهای آن نیز لوگوی مکتب تی وی را قرار دادیم و همه‌ی آن‌ها را در کادری که مشخص کرده‌ایم Matte شده در واقع یک لایه‌ی matte ایجاد کردیم و با استفاده از Track matte آن را به‌گونه‌ای تنظیم کردیم که لایه‌های دیگر فقط در کادر دیده شوند حال می‌خواهیم تعاملی بین دولایه‌ی SolideBar و Null ایجاد کنیم به‌گونه‌ای که وقتی SolideBar را به پایین حرکت می‌دهیم Null به بالا حرکت کند .

حال لایه‌ی Null را انتخاب می‌کنیم و دکمه‌ی p را می‌زنیم تا گزینه‌ی position نمایش داده شود در اینجا ما تنها به مقدار مربوط به محور Y ها نیاز داریم پس بهتر است که مقدار X و Y را جدا کنیم برای این کار بر روی آن کلیک راست می‌کنیم و گزینه‌ی Separate Dimensions را فعال می‌کنیم در این صورت می‌توانیم به‌صورت جداگانه به مقدار عددی Y دسترسی داشته باشیم، همچنین برای لایه‌ی Solide Bar  نیز این حالت را ایجاد می‌کنیم.

حال دکمه‌ی Alt را نگه می‌داریم و در لایه‌ی Null  بر روی گزینه‌ی Y Position  کلیک می‌کنیم حال در قسمت مربوط به کد یک [] ایجاد می‌کنیم و در آن مقدار Y مربوط به Null را از مقدار Y مربوط به SolideBar کم می‌کنیم یعنی ابتدا مقدار Y Position لایه‌ی Null را با خودش Parent می‌کنیم سپس یک علامت – به آن اضافه می‌کنیم و سپس آن را با مقدار Y Position  لایه‌ی SolideBar مرتبط می‌کنیم در این صورت اگر SolideBar را به بالا حرکت دهیم Null به سمت پایین حرکت می‌کند و همچنین برعکس این حالت نیز  ایجاد می‌شود.

در این حالت برای آنکه لایه‌ی اول در جهت x ها جابه‌جا نشود مقدار آن را قفل می‌کنیم برای این کار دکمه‌ی Alt را نگه می‌داریم و بر روی گزینه‌ی  X Position آن کلیک می‌کنیم وهمان عددی که دارد را در قسمت مربوط به کد می‌نویسیم در این صورت دیگر در این جهت جابه‌جا نمی‌شود، همچنین اگر دقت کنید بعد از ایجاد parent ها تصویر Null تغییر مکان می‌دهد و قسمت اول آن مشاهده نمی‌شود برای اینکه این قسمت درست شود لازم است مقداری که در کد نوشتیم را با یک عدد جمع کنیم تا به مکان اول خود برگردد، همچنین برای آنکه حرکت لایه‌ی SolideBar را افزایش دهیم تا زمانی که به انتهای کادر می‌رسد تمام قسمت‌های Null نمایش داده شود لازم است برای مقدار مربوط به این لایه یک ضریب مشخص کنیم.

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