کد نویسی در افترافکت 10 مورد از بهترین حالات افترافکت در موشن گرافیک با کد نویسی

فهرست عناوین


ده مورد از بهترین حالات AFTER EFFECTS

10 مورد از بهترین حالات افترافکت در موشن گرافیک با کد نویسی
سوال؛ حالت هایAfter Effects چه هستند؟ کد نویسی در افترافکت چیست ؟ پاسخ کوتاه برای کسانی که با After Effects تازه آشنا شده اند:
حالت After Effect یک برنامه نویسی زبان جاوا اسکریپت است که با استفاده
از Alt-Click در هر “Time-Vary Stop Watch” وارد می کنید.

در طی سالها متوجه شدیم که حالت های after effects می تواند
برای ایجاد موشن گرافی های بزرگ بسیار مفید و قدرتمند باشد.
این نرم افزار با تعداد اندکی کد برنامه نویسی می تواند به شما کمک کند انیمیشن های متحرکتان را بسازید .
برای افرادی که مغز برنامه نویسی دارند After effect Expression  می تواند به طور
قابل توجهی موجب بهبود پیشروی کار شما در ایجاد انیمیشن شود و در واقع با کدهای
پیچیده می توانید به موشن گرافی های شگفت انگیز دست پیدا کنید.

1-حالت Bounce

حالت Bounce برای ساختن انیمیشن ها و تیترهایی که با جابجایی ارتجاعی زیبا، پویا
و متحرک به نظر برسند مفید است، فقط دو موقعیت keyframe ایجاد کنید و سپس کد زیر را وارد کنید.

amp = .1;
freq = 2.0;
decay = 2.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n–;
}}
if (n == 0){ t = 0;
}else{
t = time – key(n).time;
}
if (n > 0 && t < 1){ v = velocityAtTime(key(n).time – thisComp.frameDuration/10); value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{value} [/av_textblock] [/av_one_third]

[av_two_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ link=” linktarget=” link_hover=” padding=’0px’ border=” border_color=” radius=’0px’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=” av_uid=’av-834ur’] [av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” av_uid=’av-jovcd6tk’ admin_preview_bg=”]

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

[/av_two_third]

2-محوشدن خودکار

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

خواندن این مقاله نرم افزار اکسل چیست و چه کاربردهایی دارد؟

transition = 20;
if (marker.numKeys<2){ tSecs = transition / ( 1 / thisComp.frameDuration); linear(time, inPoint, inPoint + tSecs, 0, 100) – linear(time, outPoint – tSecs, outPoint, 0, 100) }else{ linear(time, inPoint, marker.key(1).time, 0, 100) – linear(time, marker.key(2).time, outPoint, 0, 100) } [/av_textblock] [/av_one_third]

[av_two_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ link=” linktarget=” link_hover=” padding=’0px’ border=” border_color=” radius=’0px’ background=’bg_color’ background_color=” background_gradient_color1=” background_gradient_color2=” background_gradient_direction=’vertical’ src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=” av_uid=’av-834ur-66′] [av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” av_uid=’av-jovcd6tk-65′ admin_preview_bg=”]

[/av_two_third]

3-کد نویسی خمیری و کششی در افترافکت

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

maxDev = 13; // max deviation in pixels
spd = 30; //speed of oscillation
decay = 1.0; //how fast it slows down

t = time – inPoint;
x = scale[0] + maxDev*Math.sin(spd*t)/Math.exp(decay*t);
y = scale[0]*scale[1]/x;
[x,y]

4- کد نویسی در افترافکت : loop

حالت حلقه شاید پرکاربردترین حالت after effects باشد، که به شما اجازه می دهد
انیمیشین تان برای همیشه تکرار شود، با کد tweak می توانید زمان حلقه و تکرارها را نیز کنترل کنید.

loopOut(“cycle”);

5- بهترین حالات افترافکت در موشن گرافیک با کد نویسی Looping Wiggle

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

خواندن این مقاله  ابزارهای ایلاستریتور چه کاربرد هایی دارند؟

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)

6-زمان

حالت زمان برای انیمیشن ثابت خوب است، عدد بیشتر کنار عبارت« time» انیمیشن سریعتری را نتیجه خواهد داد.

خواندن این مقاله 10 تا از بهترین قالب های افترافکت کدامند؟

time*150

7-کد نویسی در افترافکت : چرخش چندگانه

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

index*360/20

8-X پیکسل حرکت شیء در ثانیه

اگر از ساخت key frame ها خسته شده باشید . این عبارت را دوست خواهید داشت،
که به شما امکان می دهد شی را در محور x در هر ثانیه حرکت دهید.

veloc = 150; //Move object 150 pixel on x axis per second
x = position[0] + (time – inPoint) *veloc;
y = position[1];
[x,y]

9- کد نویسی در افترافکت : چرخش ثابت در هر ثانیه

همانند اینجا هیچ key frame برای چرخش ساده 360 درجه لازم نیست.

veloc = 150; //Move object 150 pixel on x axis per second
x = position[0] + (time – inPoint) *veloc;
y = position[1];
[x,y]

10-کد نویسی در افترافکت : دنباله حرکت

همانطور که می توانید در زیر ببینید با حالت دنباله حرکت، می توانید انیمیشن های
بسیار جالب از یک شی با دنباله داشته باشید.

خواندن این مقاله  آموزش ساخت متن های سه بعدی ( 3D ) در فتوشاپ

//Apply to position
delay = 5; //number of frames to delay

d = delay*thisComp.frameDuration*(index – 1);
thisComp.layer(1).position.valueAtTime(time – d)

//Apply to Opacity

opacityFactor = .75;
Math.pow(opacityFactor,index – 1)*100

4.9/5 - (28 امتیاز)

مطالعه بیشتر

همه چیز راجع به طراحی کارت ویزیت با فتوشاپ
تاثیر خارق العاده ی گرادیان های فتوشاپ – با گرادیان Radial در عکس هایتان رنگین کمان خلق کنید
تفاوت اینفوگرافیک و موشن گرافیک چیست؟
نکات و ترفندهای ترکیب تصاویر یا Blend Mode در فتوشاپ
استفاده از نرم افزار تری دی مکس در متریال دهی
مدل سازی در نرم افزار تری دی مکس
وی ری چیست ؟
افترافکت و 9 توانایی برتر که هر تدوینگری باید بداند
نرم افزار بلندر چیست؟
فتوشاپ و ایلاستریتور چگونه در کنار هم قدرتمند می شوند؟
45 نکته و ترفند برای تسلط در After Effects Workflow
ایلوستریتور برای انیمیشن سازی با افترافکت
ابزارهای ایلاستریتور چه کاربرد هایی دارند؟
ایلوستریتور یا فتوشاپ مسئله این است ! تفاوت ایلاستریتور با فتوشاپ
ادوبی مدیا انکودر برای رندر افترافکت و پریمیر
نرم افزار تری دی مکس در بازی سازی
آموزش افکت های ترکیب متن و تصویر در فتوشاپ
کاربرد های فتوشاپ در طراحی پوستر
طراحی انیمیشنی بارگذاری لوگو در افترافکت ( After Effects )
تفاوت پریمیر و افترافکت در چیست ؟ + فیلم آموزشی
10 پلاگین شگفت انگیز افترافکت ( Adobe After Effects )
تهیه شده توسط گروه تحقیقاتی نرم افزاری آموزشگاه پویااندیش
نوع آموزش عکس + فیلم
گروه تحقیقاتی : تیم نرم افزاری پویااندیش
نحوه یادگیری گام به گام و کاربردی
درجه بندی محتوا ⭐⭐⭐⭐⭐

0 پاسخ

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

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