Tiêu đề xếp tầng
Ba dòng tiêu đề trượt lên từ sau mặt nạ, dòng nhấn đổi màu, gạch chân chạy ngang rồi nhãn nhỏ bật lên.
Dùng khi: Mở đầu video, giới thiệu chủ đề, tên chương.
66 hiệu ứng motion graphic dựng bằng HyperFrames + GSAP, chữ tiếng Việt, 4 bộ màu. Mỗi hiệu ứng là một dự án HyperFrames chạy ngay: tải thư mục về, sửa chữ, npx hyperframes render.
Ba dòng tiêu đề trượt lên từ sau mặt nạ, dòng nhấn đổi màu, gạch chân chạy ngang rồi nhãn nhỏ bật lên.
Dùng khi: Mở đầu video, giới thiệu chủ đề, tên chương.
Ba thẻ nổi lên lệch nhịp, mỗi thẻ đếm số từ 0, thanh tiến độ chạy theo, thẻ giữa sáng viền nhấn.
Dùng khi: Khoe thành tích, số liệu dự án, kết quả khách hàng.
Trục và lưới vẽ ra, năm cột mọc từ đáy theo thứ tự, nhãn giá trị đếm theo chiều cao, cột cao nhất đổi màu nhấn.
Dùng khi: So sánh doanh thu theo năm, theo kênh, theo sản phẩm.
Bốn dòng hiện lần lượt, ô vuông tự vẽ dấu tích bằng nét, chữ dòng đã xong mờ đi và gạch ngang nhẹ.
Dùng khi: Các bước làm, quyền lợi gói, việc cần chuẩn bị.
Cửa sổ chat mở ra, câu hỏi gõ từng chữ rồi gửi, ba chấm chờ nhấp nháy, câu trả lời hiện theo từng từ.
Dùng khi: Minh hoạ dùng ChatGPT, Claude, trợ lý AI trong video hướng dẫn.
Đường ngang vẽ dần, chấm sáng chạy dọc đường, tới đâu mốc đó bật lên kèm năm và mô tả ngắn.
Dùng khi: Lộ trình dự án, lịch sử thương hiệu, các bước quy trình.
Từ khoá xuất hiện kiểu tín hiệu lỗi: ba lớp màu lệch nhau, dải cắt ngang giật, rồi khớp lại thành chữ sạch.
Dùng khi: Nhấn từ khoá, chuyển đoạn kiểu công nghệ, mở đầu nhanh.
Hai nửa màn hình với nhãn TRƯỚC / SAU, thanh chia trượt qua lại rồi dừng giữa, số liệu hai bên đếm lên.
Dùng khi: Kết quả trước và sau khi dùng sản phẩm, so sánh hai phương án.
Màn hình chia lưới 8×5, các ô lật theo đường chéo để che cảnh cũ rồi lật tiếp để lộ cảnh mới.
Dùng khi: Chuyển giữa hai đoạn, chuyển sang chương mới.
Khối màu trượt vào góc dưới trái, tên và chức danh lộ ra sau mặt nạ, vạch nhấn chạy dọc, giữ rồi rút gọn gàng.
Dùng khi: Giới thiệu người nói trong video phỏng vấn, livestream, talking head.
Thẻ sản phẩm ở giữa, sáu nhãn tính năng bay ra theo vòng quỹ đạo, xoay chậm một vòng rồi dừng đúng chỗ.
Dùng khi: Giới thiệu sản phẩm, app, gói dịch vụ có nhiều tính năng.
Hai tấm màu che kín màn hình tách ra hai phía, logo phóng nhẹ ở giữa, dòng khẩu hiệu gõ ra bên dưới.
Dùng khi: Mở hoặc kết video thương hiệu, end card.
Từng chữ của câu rơi từ trên xuống, nảy nhẹ khi chạm vạch, từ nhấn cuối cùng phóng to và đổi màu.
Dùng khi: Câu mở đầu, khẩu hiệu, câu chốt cuối video.
Màn hình tối, một vòng đèn rọi lướt qua để lộ dần dòng tiêu đề, rồi đèn bung rộng sáng toàn cảnh.
Dùng khi: Mở màn bí ẩn, giới thiệu sản phẩm mới, tiết lộ tên dự án.
Khung điện thoại nổi lên nghiêng nhẹ, màn hình cuộn qua các thẻ nội dung, thẻ nổi bật bung ra ngoài khung.
Dùng khi: Giới thiệu app, giao diện mạng xã hội, trang sản phẩm trên di động.
Vòng tròn vẽ ra theo tỉ lệ, số ở giữa đếm lên cùng nhịp, nhãn giải thích trượt vào bên cạnh.
Dùng khi: Tỉ lệ hoàn thành, tỉ lệ hài lòng, thị phần.
Đường biểu đồ vẽ từ trái sang phải với vùng tô mờ bên dưới, chấm cuối nhấp nháy và nhãn tăng trưởng bật lên.
Dùng khi: Doanh thu theo tháng, lượt theo dõi kênh, giá trị tăng theo thời gian.
Giá cũ hiện ra rồi bị gạch chéo, giá mới đập xuống với rung nhẹ, tem phần trăm xoay vào góc.
Dùng khi: Khuyến mãi, flash sale, ưu đãi mở bán.
Ba bục 2–1–3 mọc lên theo thứ tự hạng ba, hạng hai, hạng nhất; tên và điểm hiện trên bục, hạng nhất có vương miện.
Dùng khi: Top sản phẩm bán chạy, bảng xếp hạng nhân viên, so sánh ba lựa chọn.
Năm thẻ xếp ngang trượt qua giữa màn hình, thẻ vào giữa phóng to và sáng lên, thẻ hai bên lùi mờ.
Dùng khi: Giới thiệu nhiều sản phẩm, nhiều gói dịch vụ, nhiều dự án.
Ba khối bước với số to hiện lần lượt, mũi tên cong tự vẽ nối bước trước sang bước sau.
Dùng khi: Quy trình đặt hàng, cách dùng sản phẩm, hướng dẫn nhanh.
Hai cột tiêu đề Nên / Không nên, các dòng hiện xen kẽ hai bên với dấu cộng xanh và dấu trừ đỏ bật lên.
Dùng khi: So sánh hai lựa chọn, việc nên và không nên, ưu nhược điểm.
Cửa sổ trình duyệt hiện lên, vòng tròn tự vẽ khoanh vào một nút, máy quay đẩy vào vùng đó và chú thích hiện ra.
Dùng khi: Hướng dẫn thao tác trên web, chỉ chỗ bấm, giải thích tính năng.
Dấu ngoặc kép lớn bật vào, câu trích dẫn hiện theo từng dòng, gạch nhấn chạy dưới tên người nói.
Dùng khi: Lời khách hàng, câu nói nổi tiếng, nhận xét chuyên gia.
Các thông báo kiểu điện thoại rơi xuống xếp chồng, thông báo cũ lùi sâu và mờ dần, số đếm trên biểu tượng tăng lên.
Dùng khi: Đơn hàng về liên tục, tin nhắn khách hàng, hiệu ứng "bùng nổ" sau chiến dịch.
Ô tìm kiếm lớn, chữ gõ từng ký tự, danh sách gợi ý thả xuống, dòng phù hợp sáng lên rồi được chọn.
Dùng khi: Nói về từ khoá khách tìm, SEO, minh hoạ cách tra cứu.
Đoạn văn hiện ra, nét bút dạ quang quét lần lượt qua các từ khoá theo nhịp đọc, đoạn còn lại mờ đi.
Dùng khi: Nhấn ý chính trong trích dẫn, điều khoản, đoạn giải thích.
Dòng chữ gõ như máy đánh chữ, con trỏ dừng, xoá lùi một từ rồi gõ lại từ đúng với màu nhấn.
Dùng khi: Đổi góc nhìn ("không phải… mà là…"), chơi chữ, câu hook gây tò mò.
Chữ lớn chỉ có viền vẽ ra trước, sau đó màu đổ đầy từ dưới lên như nước dâng, dòng phụ hiện bên dưới.
Dùng khi: Tiêu đề chương, con số lớn, tên thương hiệu.
Một chấm màu ở giữa nở thành vòng tròn phủ kín cảnh cũ, rồi vòng thứ hai mở ra từ đó để lộ cảnh mới.
Dùng khi: Chuyển đoạn mềm mại, chuyển sang chủ đề mới, hiệu ứng "zoom vào".
Nét tường vẽ dần thành mặt bằng căn hộ, từng phòng tô màu lần lượt kèm tên và diện tích, tổng diện tích đếm lên.
Dùng khi: Giới thiệu căn hộ mẫu, layout nhà phố, so sánh loại căn.
Bản đồ đường phố cách điệu, ghim dự án cắm xuống giữa, vòng bán kính lan ra, các tiện ích quanh bật nhãn kèm số phút di chuyển.
Dùng khi: Giới thiệu vị trí dự án, kết nối giao thông, tiện ích xung quanh.
Thẻ lớn trượt vào, bốn ô thông số (diện tích, phòng ngủ, hướng, giá) bật lần lượt, số đếm lên, giá cuối nhấn màu.
Dùng khi: Thông tin nhanh một loại căn, một lô đất, một sản phẩm.
Thanh ngang chia đoạn theo tỉ lệ thanh toán, từng đoạn mọc ra kèm phần trăm và mốc thời gian bên dưới, ưu đãi nổi lên cuối.
Dùng khi: Phương thức thanh toán, trả góp, các đợt đóng tiền.
Khối toà nhà cách điệu, các tầng bật đèn từ dưới lên, một tầng được chọn sáng màu nhấn và kéo nhãn chú thích ra ngoài.
Dùng khi: Giới thiệu toà, tầng đẹp, tầng tiện ích, căn còn trống.
Nút tim lớn được bấm, tim co lại rồi bung đỏ, vòng hạt nổ tỏa ra, số lượt thích nhảy lên.
Dùng khi: Kêu gọi thả tim, khoe tương tác, mở đầu video mạng xã hội.
Khung livestream có nhãn LIVE, bình luận của người xem lần lượt hiện ở dưới và đẩy các bình luận cũ trôi lên, mờ dần.
Dùng khi: Minh hoạ livestream bán hàng, phản hồi khách, không khí sôi động.
Ảnh đại diện tròn có viền màu, bên cạnh dãy chữ số lăn như đồng hồ công-tơ-mét dừng ở con số mới, nhãn cột mốc bật lên.
Dùng khi: Khoe cột mốc người theo dõi, lượt đăng ký kênh, khách hàng.
Thẻ bài đăng mạng xã hội trượt vào với ảnh, chú thích và hàng nút; số thích, bình luận, chia sẻ đếm lên lần lượt.
Dùng khi: Khoe bài viral, minh hoạ chiến dịch, kết quả quảng cáo.
Thẻ lớn nghiêng trong không gian, lật 180 độ quanh trục dọc để lộ mặt sau với câu trả lời, bóng đổ đổi theo góc lật.
Dùng khi: Câu hỏi và đáp án, trước và sau, tiết lộ giá hay quà tặng.
Ba lớp giao diện chồng khít nhau trong góc nghiêng 3D rồi tách ra theo chiều sâu, mỗi lớp lộ nhãn chức năng, sau đó gộp lại.
Dùng khi: Giải thích cấu trúc sản phẩm, các lớp dịch vụ, kiến trúc hệ thống.
Một dải khối lập phương xoay từng mặt, mỗi lần lật đổi sang một từ mới, câu dẫn bên trái đứng yên.
Dùng khi: Liệt kê nhiều lợi ích, nhiều đối tượng khách, "dành cho …".
Các ký tự của từ khoá xuất phát từ những vị trí rải khắp khung hình, xoay và bay về xếp thành chữ hoàn chỉnh.
Dùng khi: Tên thương hiệu, từ khoá chủ đề, khoảnh khắc chốt.
Hai dải chữ lớn chạy ngang ngược chiều nhau, dải dưới viền rỗng, ở giữa bật lên một khẩu hiệu đứng yên.
Dùng khi: Nền chữ động cho phần chuyển đoạn, khẩu hiệu thương hiệu, poster động.
Các sọc chéo hai màu quét ngang khung hình lệch nhịp, phủ kín cảnh cũ rồi rút đi để lộ cảnh mới.
Dùng khi: Chuyển đoạn năng động, video thể thao, quảng cáo nhịp nhanh.
Cảnh cũ phóng to lao về phía máy quay và nhoè đi, cảnh mới từ xa thu vào đúng khung, tạo cảm giác lao xuyên qua.
Dùng khi: Chuyển đoạn mạnh, chuyển từ tổng quan vào chi tiết.
Thanh tải chạy từ 0 đến 100%, mỗi khi qua một mốc thì một việc trong danh sách đổi sang trạng thái xong, cuối cùng báo hoàn tất.
Dùng khi: Minh hoạ quy trình tự động, AI đang làm việc, các bước xử lý đơn.
Hai vòng tròn mờ trượt vào từ hai bên kèm nhãn, chồng lên nhau, phần giao sáng màu nhấn và hiện từ khoá kết luận.
Dùng khi: Điểm chung của hai nhóm, sản phẩm đáp ứng hai nhu cầu, công thức A + B.
Con trỏ di chuyển tới nút Đăng ký, bấm, nút đổi màu thành Đã đăng ký, chuông bên cạnh rung và sáng lên.
Dùng khi: Cuối video YouTube, kêu gọi theo dõi kênh.
Hai khung video gợi ý trượt vào hai bên, ảnh kênh tròn ở giữa phía dưới, dòng "Xem tiếp" và mũi tên chỉ sang hai khung.
Dùng khi: Màn kết YouTube (end screen), điều hướng sang video khác.
Khung mã QR vẽ dần từng ô vuông, khung quét chạy dọc, bên cạnh lời kêu gọi và hotline hiện lần lượt.
Dùng khi: Cuối video quảng cáo, mời quét mã nhận ưu đãi, đặt lịch tham quan.
Dãy cột equalizer nhảy lên xuống theo nhịp, màu chuyển dần từ cam sang vàng, tên bài hát và nghệ sĩ hiện bên trên.
Dùng khi: Video nhạc, podcast, mở đầu chương trình có nhạc nền.
Tiêu đề phóng nhẹ theo mỗi phách 120 BPM, vòng sóng tỏa ra phía sau ở phách mạnh, nền chớp nhẹ theo nhịp.
Dùng khi: Intro theo nhạc, reel nhịp nhanh, đoạn cao trào.
Dải sóng âm đối xứng chạy theo thời gian, đầu đọc sáng quét ngang, nhãn tên người nói và thời lượng phía trên.
Dùng khi: Podcast, audiogram, trích đoạn phỏng vấn, giọng đọc AI.
Biểu đồ tròn vẽ từng lát theo chiều kim đồng hồ, lát lớn nhất tách ra khỏi tâm, chú thích phần trăm hiện bên phải.
Dùng khi: Cơ cấu khách hàng, tỉ trọng doanh thu, phân bổ ngân sách.
Năm thanh ngang mọc ra theo giá trị năm đầu, rồi giá trị đổi sang năm sau, các thanh dài ra và đổi chỗ theo thứ hạng.
Dùng khi: So sánh thị phần, xếp hạng khu vực, tăng trưởng giữa hai mốc.
Sáu ô chỉ số hiện theo đường chéo, mỗi ô đếm số kèm mũi tên tăng xanh hoặc giảm đỏ và đường xu hướng nhỏ tự vẽ.
Dùng khi: Báo cáo tháng, dashboard nhanh, tổng kết chiến dịch.
Hai ghim điểm đi và điểm đến cắm xuống, đường nét đứt cong tự vẽ nối hai điểm, chấm sáng chạy dọc tuyến, nhãn thời gian hiện giữa đường.
Dùng khi: Khoảng cách tới trung tâm, tuyến giao thông mới, lộ trình giao hàng.
Lưới chấm bản đồ hiện mờ, các ghim rơi xuống lần lượt ở nhiều vị trí, mỗi ghim tỏa vòng sáng, bộ đếm số chi nhánh tăng theo.
Dùng khi: Mạng lưới cửa hàng, đại lý toàn quốc, số dự án đã triển khai.
Khung người nói thu nhỏ trượt sang phải, bên trái các ý chính hiện lần lượt kèm số thứ tự, ý đang nói sáng màu nhấn.
Dùng khi: Video talking head có liệt kê ý, bài giảng, review sản phẩm.
Phụ đề lớn ở dưới khung người nói, từng từ sáng lên và nảy nhẹ đúng lúc được nói, từ khoá đổi màu nhấn.
Dùng khi: Phụ đề kiểu TikTok / Reels cho video người nói, giọng đọc.
Khung người nói tròn ở góc dưới trái nảy ra, thẻ chủ đề lớn chiếm phần còn lại với tiêu đề và gạch nhấn, thanh tiến trình chạy dưới đáy.
Dùng khi: Video giải thích có người nói nhỏ ở góc, bài giảng trên slide.
Các khối màu lớn nhoè mờ trôi chậm và đổi chỗ cho nhau như dung nham, tiêu đề đứng yên phía trên, dùng làm nền cho chữ.
Dùng khi: Nền cho tiêu đề, trích dẫn, màn chờ, video thư giãn.
Mặt lưới phối cảnh trải về đường chân trời và chạy liên tục về phía người xem, mặt trời sọc lặn phía sau, tiêu đề phát sáng.
Dùng khi: Phong cách retro, giới thiệu sự kiện, mở đầu kênh công nghệ.
Lưới chấm phủ kín khung hình, sóng tròn lan ra từ tâm làm chấm phồng to và sáng màu theo nhịp, chữ hiện ở giữa.
Dùng khi: Nền công nghệ, mở đầu sản phẩm AI, màn chờ livestream.
Cảnh cũ cắt ngang làm hai, nửa trên trượt lên, nửa dưới trượt xuống, để lộ cảnh mới nằm phía sau với đường cắt sáng.
Dùng khi: Chuyển chương, mở màn sản phẩm, chuyển cảnh gọn gàng.