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

ده مورد از بهترین حالات After Effects

سوال؛ حالت های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'] [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]

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» انیمیشن سریعتری را نتیجه خواهد داد.

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-دنباله حرکت

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

//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

مطالعه بیشتر

موشن گرافیک چیست ؟ به همراه فیلم آموزشی
افترافکت چیست ؟ به همراه فیلم آموزشی
پریمیر چیست ؟ و کاربردهای آن + فیلم آموزشی
دوربین در Visualize سالید ورکس
زیبراش چیست ؟ به همراه فیلم آموزشی
کاربردهای پریمیر به زبان ساده
پنج ابزار برتر ادیت سریع ویدیو در نرم افزار پریمیر پرو
10 پلاگین شگفت انگیز افترافکت ( Adobe After Effects )
نکات و ترفندهای ترکیب تصاویر یا Blend Mode در فتوشاپ
وی ری چیست ؟
ایلوستریتور برای انیمیشن سازی با افترافکت
نقاشی دیجیتال چیست ؟ ( دیجیتال پینتینگ ) + فیلم آموزشی
کاربرد های فتوشاپ در طراحی کارت ویزیت | اصول طراحی کارت ویزیت
ابزارهای افترافکت
قابلیت های ایلاستریتور که با آن می توانید وارد بازار کار شوید
ایلوستریتور چیست ؟ و کاربردهای آن + فیلم آموزشی
تفاوت انیمیشن و موشن گرافیک در چیست؟
تفاوت ایندیزاین و ایلاستریتور در چیست؟
طراحی انیمیشنی بارگذاری لوگو در افترافکت ( After Effects )
فتوشاپ چیست ؟ به همراه فیلم آموزشی
ایندیزاین و فتوشاپ چه تفاوتی هایی با هم دارند؟
آخرین فرصت ثبت نام با شهریه سال 99 فقط تا پایان امسال - تلفن های تماس : 05 05 58 22 - 587 587 22اینستاگرم آموزش های افترافکت - کلیک کنید
+