Hướng dẫn Premiere Pro

Cách tạo hiệu ứng thông báo iPhone trong Premiere Pro

Tạo thông báo kiểu iPhone trong Premiere Pro với hình bo tròn, các lớp văn bản và hiệu ứng trượt vào, trượt ra mượt mà có motion blur.

Motion GraphicsPremiere Pro
Four steps of an iPhone style notification, from rounded shape to app icon, text and animation, built in Premiere Pro

Xem video hướng dẫn

Bước 1: Vẽ hình thông báo

Chọn Rectangle Tool trên thanh công cụ, sau đó nhấp và kéo trong Program Monitor để tạo một hình chữ nhật. Đặt nó ở phía trên màn hình và căn giữa. Để dễ làm, hãy giữ Ctrl (Cmd trên Mac) khi kéo, hình sẽ tự bắt vào giữa.

Bây giờ hãy mở bảng Essential Graphics. Tăng Roundness lên khoảng 70 để có kiểu bo tròn đặc trưng của iPhone. Sau đó, trong Appearance, đổi màu Fill thành xám nhạt.

Một hình chữ nhật bo tròn màu xám nhạt ở phía trên Program Monitor của Premiere Pro, bên cạnh bảng Essential Graphics

Bước 2: Thêm biểu tượng ứng dụng

Kéo ảnh biểu tượng ứng dụng của bạn từ bảng Project vào timeline, phía trên lớp hình. Khi lớp biểu tượng đang được chọn, hãy mở Effect Controls và thay đổi Scale và Position cho đến khi biểu tượng nằm ở góc trên bên trái của hình. Phóng to bằng con lăn chuột trong Program Monitor để chỉnh cho chính xác.

Nhanh hơn với QuickPaste: sao chép ảnh rồi dán thẳng vào timeline chỉ bằng một phím tắt, không cần lưu và nhập tệp trước. Xem QuickPaste

Bước 3: Thêm văn bản

Chọn Type Tool (nhấn T), nhấp lên màn hình và nhập tên ứng dụng. Chuyển sang Selection Tool, rồi trong Essential Graphics hãy đổi phông chữ. Apple dùng SF Pro Display ở độ đậm thường cho tên ứng dụng. Đảm bảo căn lề văn bản là căn trái và đặt màu tô thành xám đậm. Di chuyển văn bản sao cho nó nằm gần ngang với giữa biểu tượng ứng dụng.

Để thêm giờ, hãy giữ Alt (Option trên Mac) và kéo lớp tên ứng dụng lên một track để nhân đôi nó. Đổi căn lề sang căn phải, di chuyển sang bên phải của hình rồi nhấp đúp để nhập now, hoặc bất kỳ thời gian nào bạn muốn.

Văn bản người gửi Adobe Basics đặt bên dưới tên ứng dụng Messages trên hình thông báo trong Premiere Pro

Với người gửi, hãy nhấn T lần nữa, nhấp và nhập tên. Chọn văn bản (Ctrl+A), đổi phông chữ sang chữ đậm và màu tô thành đen hoàn toàn. Thu nhỏ rồi đặt nó bên dưới tên ứng dụng, thẳng hàng với biểu tượng. Cuối cùng, nhân đôi lớp người gửi bằng Alt hoặc Option, kéo nó lên một track, giữ Shift khi kéo xuống theo đường thẳng, đặt kiểu chữ thành thường và nhập tin nhắn của bạn. Để thêm điểm nhấn, hãy chọn lớp hình và giảm nhẹ Opacity để hộp hơi trong suốt.

Bước 4: Gộp mọi thứ vào nest và tạo chuyển động trượt

Giữ Shift và nhấp để chọn tất cả các lớp, sau đó nhấp chuột phải và chọn Nest. Nhấp OK. Mở bảng Effects, tìm Transform và áp dụng vào sequence đã nest.

Trong Effect Controls, hãy chắc chắn đầu phát đang ở đầu clip, sau đó nhấp vào biểu tượng đồng hồ bấm giờ bên cạnh Position để tạo một keyframe. Dời keyframe này về phía sau khoảng một giây. Nhờ vậy, khi animation kết thúc, thông báo sẽ nằm ở vị trí bình thường. Sau đó đi đến keyframe đầu tiên và đổi giá trị Position để thông báo bị ẩn phía trên màn hình. Thế là bạn có một animation trượt vào đơn giản.

Để tạo chuyển động trượt ra, hãy đi đến khoảng giây thứ hai và tạo một keyframe cho giá trị hiện tại. Tiến thêm một giây và đổi vị trí để thông báo nằm ngoài màn hình trở lại.

Bước 5: Làm mượt bằng easing và motion blur

Chọn tất cả keyframe, nhấp chuột phải, chọn Temporal Interpolation rồi chọn Ease In. Lặp lại và chọn Ease Out.

Menu Temporal Interpolation trong Effect Controls của Premiere Pro với Ease In và Ease Out

Mượt hơn với EaseFlow: chọn các keyframe và áp dụng một đường cong easing thực sự chỉ bằng một cú nhấp, thay vì nhấp chuột phải qua các menu và kéo từng tay cầm. Xem EaseFlow

Để kiểm soát nhiều hơn, hãy mở rộng mũi tên bên cạnh Position, rồi nhấp vào một keyframe để hiện các tay cầm của nó. Kéo tay cầm bên phải sang trái để animation nhanh ở đầu và chậm dần về cuối. Làm ngược lại với các keyframe ở cuối, để chuyển động thoát chậm ở đầu và nhanh hơn ở cuối.

Vì bạn đã dùng hiệu ứng Transform, bạn cũng có thể thêm motion blur: tăng Shutter Angle lên 360.

Các keyframe Position với đồ thị tốc độ và Shutter Angle đặt ở 360 trong hiệu ứng Transform của Premiere Pro

Mẹo

  • Dùng nền tối để xem trước. Banner màu xám nhạt dễ đánh giá hơn trên nền đen hoặc video tối.
  • Phóng to để căn chỉnh. Cuộn trong Program Monitor để bạn căn văn bản và biểu tượng thật chính xác.
  • Chỉ đổi văn bản một lần. Vì mọi thứ đã nằm trong nest, bạn có thể nhân đôi nest và thay tin nhắn để tạo một loạt thông báo.

FAQ

Làm sao để thông báo có góc bo tròn?

Chọn lớp hình và tăng Roundness trong bảng Essential Graphics. Giá trị khoảng 70 sẽ cho kiểu iPhone.

Tại sao tôi cần nest các lớp?

Nest biến hình, biểu tượng và văn bản thành một clip duy nhất, nên bạn chỉ cần tạo animation cho một lớp thay vì từng lớp riêng lẻ.

Tôi có thể dùng cách này cho các ứng dụng khác không?

Có. Hãy thay biểu tượng, tên ứng dụng, người gửi và tin nhắn, animation sẽ hoạt động y như vậy cho bất kỳ kiểu ứng dụng nhắn tin hay mạng xã hội nào.

Muốn bỏ qua phần dựng? Hãy lấy MOGRT hiệu ứng thông báo làm sẵn và chỉ cần nhập văn bản của bạn.