Trong thế giới motion graphic và hoạt hình kỹ thuật số, sự chuyển động mềm mại, uyển chuyển và có “nhịp điệu” là yếu tố quan trọng để khiến animation trông sống động, tự nhiên.

Một trong những kỹ thuật giúp đạt được điều này ngay lập tức trong Adobe After Effects chính là Bounce Expression — biểu thức giúp tạo hiệu ứng nảy bật tự động mà không cần keyframe phức tạp.

I. Bounce expression là gì?

Bounce Expression là một đoạn mã được viết bằng JavaScript (biểu thức After Effects) mà bạn gắn vào các thuộc tính như Position, Scale hay Rotation của layer. Khi layer di chuyển hoặc đạt đến keyframe cuối cùng, biểu thức này sẽ tạo ra một loạt các chuyển động nảy nhẹ dựa trên vận tốc và các tham số tùy chỉnh.

Khác với việc định dạng từng keyframe thủ công, bounce expression:

• Tạo độ nảy tự động sau khi animation kết thúc,
• Điều chỉnh linh hoạt các yếu tố như độ cao, số lần nảy và mức giảm dần,
• Áp dụng cho mọi thuộc tính keyframe, giúp animation thống nhất và tiết kiệm thời gian.

Tại sao nên sử dụng Bounce Expression?

• Tính tự nhiên: Animation cảm giác “sống” hơn với chuyển động hồi lại nhẹ sau khi dừng.
• Tiết kiệm thời gian: Không cần tạo keyframe cho từng điểm nảy — biểu thức tự xử lý dựa trên keyframe gốc.
• Dễ tùy chỉnh: Các biến như amplitude (biên độ nảy), frequency (tần số nảy) và decay (mức giảm) có thể điều chỉnh để phù hợp phong cách animation.
• Áp dụng rộng rãi: Có thể dùng cho text, logo, hình khối, UI animation, intro/outro chuyển động — chỉ cần thêm expression vào thuộc tính được keyframe.

II. Cách hoạt động của bounce expression

Bounce Expression hoạt động dựa trên mô phỏng dao động tắt dần (damped oscillation) – một dạng chuyển động vật lý thường thấy khi vật chạm đất và bật lên nhiều lần rồi dừng.Trong After Effects, biểu thức này kết hợp 3 yếu tố chính:

1. Xác định thời điểm “va chạm” – Keyframe cuối

Bounce Expression phải biết khi nào chuyển động kết thúc để bắt đầu tạo hiệu ứng “nảy”.

Expression sẽ:

• Tìm keyframe gần nhất
• Kiểm tra xem layer đã đi qua keyframe đó chưa
• Nếu đã đến keyframe → tiến hành tính hành vi nảy

2. Lấy vận tốc tại thời điểm dừng

Độ mạnh của cú nảy phụ thuộc vào vận tốc trước khi dừng — giống như vật rơi nhanh thì nảy mạnh, rơi chậm thì nảy nhẹ.

• After Effects đo vận tốc của chuyển động tại keyframe cuối.
• Vận tốc càng lớn → cú bounce càng mạnh.

3. Tạo dao động bằng sóng SIN

Chuyển động nảy hoạt động giống sóng sine (lên → xuống → lên → xuống → nhỏ dần)

4. Giảm biên độ nảy bằng hàm EXP (decay)

Nếu không giảm biên độ, layer sẽ… nảy mãi không dừng.
After Effects dùng hàm số mũ để giảm biên độ.

5. Kết hợp vận tốc + sine + decay tạo thành bounce

Kết luận

Bounce Expression là một công cụ vô cùng hữu ích trong After Effects để tạo chuyển động nảy bật đầy sức sống chỉ bằng một đoạn mã ngắn. Thay vì keyframe từng bước, bạn có thể tận dụng biểu thức để tăng tốc workflow, đồng thời duy trì phong cách animation mềm mại và chuyên nghiệp.

Nếu bạn đang tạo motion design, UI motion hoặc các hiệu ứng hoạt hình trong After Effects — học cách sử dụng Bounce Expression sẽ là một bước tiến lớn giúp tác phẩm của bạn trông tự nhiên và thu hút hơn.