Hãy tưởng tượng, bạn muốn tạo và liên kết hàng trăm hoạt ảnh animation phức tạp, nhưng nếu làm thủ công bằng t ay thì sẽ là một cơn ác mộng. Đừng lo! Adobe After Effects sẽ đem đếm cho bạn giải pháp cực kỳ hiệu quả. Một biểu thức After Effects Expression là một đoạn mã JavaScript để gán các giá trị cho một thuộc tính lớp layer tại một thời điểm cụ thể, nhằm thay đổi dễ dàng các thông số như position, opacity, scale, ….

Tại sao lại cần dùng After Effects Expression

Ví dụ: bạn có một quả bóng di chuyển trên màn hình từ trái sang phải, nhưng bạn cũng muốn quả bóng đó lắc lư. Thay vì tạo hoạt ảnh cho thuộc tính bằng nhiều điển keyframe kết hợp Easy Ease In/Out, chỉ với vài dòng mã, chúng ta đã có được điều đó

Tiết kiệm thời gian và tạo hoạt ảnh nhanh chóng

Các biểu thức expression cho phép bạn tự động hóa các hành động (chẳng hạn như lắc lư, rung rinh hoặc trả lại). Điều này tiết kiệm thời gian đáng kể, trong đó bạn không phải tạo khung hình chính mới cho mỗi hành động. Dưới đây là một vài ví dụ để bạn bắt đầu.

Liên kết các thuộc tính khác nhau

Bạn có thể sử dụng các biểu thức để liên kết các thuộc tính khác nhau như Xoay (Rotate) và Vị trí (Position) trên các bố cục. Việc liên kết có thể giúp bạn tạo các hoạt ảnh khác nhau mà không cần phải viết các biểu thức khác nhau cho mỗi loại.

Giao diện biểu thức After Effect Expression

Bước 1: Tạo mới composition và chọn trên thanh menu: Layer > New > Solid để tạo một layer mới.

Bước 2: Trong Timeline, chọn layer vừa tạo và nhấn phím S trên bàn phím của bạn để hiển thị thuộc tính Scale tỷ lệ. Từ đây, hành trình của bạn với các biểu thức bắt đầu.

Bước 3: Tạo một biểu thức After Effects Expression bằng cách nhấn giữ phím Alt (Window) hoặc Opt (MacOS) và đồng thời click chuột vào biểu tượng đồng hồ bấm giờ để thêm biểu thức vào thuộc tính. After Effects chỉ định các biểu thức mặc định cho tất cả các thuộc tính mà bạn có thể sửa đổi sau này.

Lưu ý những thay đổi trong giao diện After Effect từ khi tạo biểu thức. Đầu tiên, giá trị của thuộc tính Scale (hiển thị là 100,100) thay đổi từ màu xanh lam sang màu đỏ. Màu đỏ cho biết giá trị có một biểu thức hoạt động.

Bước 4: Một vòng tròn đã xuất hiện ở bên trái của đồng hồ bấm giờ, hãy nhấp vào nó để mở. Sử dụng nó để hiển thị chính biểu thức.

• Nút đầu tiên trông giống như một dấu bằng (“=”) và bật và tắt biểu thức. Nó xuất hiện màu xanh lam khi biểu thức được bật.
• Nút thứ hai chuyển đổi hiển thị giá trị của biểu thức theo thời gian trong Graph Editor.
• Nút thứ ba với hình xoắn ốc nhỏ là cái roi mà bạn có thể sử dụng để giúp xây dựng các biểu thức.
• Nút thứ tư mở menu ngôn ngữ biểu thức Expression Language , có thể được sử dụng để giúp xây dựng biểu thức.

Bước 5: Cuối cùng, ở bên phải của bốn nút, bạn có thể xem biểu thức mặc định biến đổi vị trí. Nếu bạn muốn thay đổi biểu thức, hãy bấm vào văn bản biểu thức trong Dòng thời gian để kích hoạt trường trình chỉnh sửa biểu thức. Nó hoạt động giống như bất kỳ trường văn bản nào; sao chép, dán, chọn hoặc kéo văn bản. Nhấn enter sẽ tạo ra một dòng mới và bạn có thể thay đổi kích thước chiều cao. Nhấp vào nó và nhập biểu thức bạn muốn, chẳng hạn như lung lay: wiggle(3,50). 

 

Sử dụng toán học đơn giản trong các biểu thức After Effects Expression

Các giá trị cho thuộc tính có chứa biểu thức xuất hiện ở kiểu màu đỏ hoặc hồng.

Một cách tốt để bắt đầu làm việc với các biểu thức là tạo một biểu thức đơn giản với pick whip và sau đó điều chỉnh hành vi của biểu thức bằng các phép toán đơn giản, chẳng hạn như các phép toán được liệt kê trong bảng sau:

Ký tự	Chức năng
+	Cộng
–	Trừ
/	Chia
*	Nhân
*-1	Thực hiện ngược lại với ban đầu, chẳng hạn như ngược chiều kim đồng hồ thay vì chiều kim đồng hồ.

Các biểu thức phổ biến bạn có thể sử dụng

5 biểu thức After Effects Expression mỳ ăn liền đơn giản

Bounce Expression

Đầu tiên, hãy tạo một hoạt ảnh animation (tỷ lệ scale 100 đến 120% hoặc vị trí từ trái sang phải). Tiếp theo, hãy áp dụng biểu thức dưới đây cho thuộc tính mà bạn đã đóng khung chính để làm cho hoạt ảnh bị trả lại.

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);
amp = .06;
freq = 3;
decay = 5.0;
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

Wiggle Expression

Có thể được áp dụng cho bất kỳ thuộc tính nào, nhưng hoạt động tốt trên vị trí để tạo ra chuyển động tự nhiên của máy ảnh.

wiggle(1,50);

Squash And Stretch Expression

Áp dụng nó cho thuộc tính tỷ lệ của bất kỳ đối tượng nào. Hoạt động tốt nhất trên các biểu tượng hoặc dấu đầu dòng.

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]

Motion Tail Expression

Đầu tiên tạo hiệu ứng cho vị trí position của một đối tượng. Sau đó, áp dụng biểu thức dưới đây cho vị trí:

delay = 5; //number of frames to delay
d = delay*thisComp.frameDuration*(index - 1);
thisComp.layer(1).position.valueAtTime(time - d)

Và mã này cho độ mờ opacity:

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

Bây giờ chỉ cần sao chép toàn bộ lớp đó (Ctrl + D / Cmd + D) một vài lần.

Timer Up Or Down Expression

Tạo một layer văn bản và áp dụng biểu thức cho thuộc tính văn bản nguồn source text.

//Define time values
var hour = Math.floor((time/60)/60);
var min = Math.floor(time/60);
var sec = Math.floor(time);
var mili = Math.floor(time*60);
// Cleaning up the values
if (mili > 59){ mili = mili - sec*60; }
if (mili < 10){ mili = "0" + mili; } if (sec > 59){ sec = sec - min*60; }
if (sec < 10){ sec = "0" + sec; } if (min >= 59){ min = min - hour*60; }
if (min < 10){ min = "0" + min; }
// no hour cleanup
if (hour < 10){ hour = "0" + hour; }
//Output
hour + ' : ' + min + ' : ' + sec + ' : ' + mili;