LNL Motion Effects

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.

Mở đầu · 5s

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.

Con số · 6s

Ba thẻ số liệu đếm lên

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.

Con số · 6s

Biểu đồ cột mọc lên

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.

Danh sách · 6s

Danh sách tích dấu

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ị.

Giải thích · 7s

Khung chat AI gõ và trả lời

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.

Danh sách · 6s

Dòng thời gian bốn mốc

Đườ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.

Chữ · 4s

Chữ nhiễu tách màu

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.

Con số · 6s

So sánh trước và sau

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.

Chuyển cảnh · 3s

Chuyển cảnh ô lưới lật

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.

Giải thích · 5s

Thanh tên người nó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.

Mở đầu · 7s

Tính năng quay quanh sản phẩm

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.

Mở đầu · 4s

Màn tách đôi lộ logo

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.

Mở đầu · 5s

Chữ rơi nảy vào chỗ

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ở đầu · 5s

Đèn rọi lộ tiêu đề

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.

Mở đầu · 6s

Điện thoại cuộn nội dung

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.

Con số · 5s

Vòng tròn phần trăm

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.

Con số · 6s

Đường tăng trưởng

Đườ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.

Con số · 5s

Giá giảm bật lên

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.

Con số · 6s

Bục xếp hạng

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.

Danh sách · 7s

Băng chuyền thẻ

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.

Danh sách · 6s

Ba bước có mũi tên nối

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.

Danh sách · 6s

Ưu và nhược hai cột

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.

Giải thích · 6s

Khoanh vùng trên trang web

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.

Giải thích · 6s

Thẻ trích dẫn

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.

Giải thích · 6s

Thông báo đổ dồn

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.

Giải thích · 6s

Ô tìm kiếm gợi ý

Ô 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.

Chữ · 6s

Bút dạ quang tô từ khoá

Đ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.

Chữ · 6s

Gõ chữ rồi sửa từ

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ữ · 5s

Chữ viền đổ đầy màu

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.

Chuyển cảnh · 3s

Chuyển cảnh vòng tròn mở

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".

Bất động sản · 7s

Mặt bằng căn hộ tự vẽ

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ất động sản · 7s

Vị trí và bán kính tiện ích

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.

Bất động sản · 6s

Thẻ thông số căn

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.

Bất động sản · 6s

Tiến độ thanh toán

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.

Bất động sản · 6s

Toà nhà sáng từng tầng

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.

Mạng xã hội · 4s

Tim nổ và số thích

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.

Mạng xã hội · 7s

Bình luận livestream trôi lên

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.

Mạng xã hội · 5s

Đồng hồ số người theo dõi

Ả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.

Mạng xã hội · 6s

Bài đăng nổi tương tác

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.

3D · 5s

Thẻ lật 3D

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.

3D · 6s

Lớp thẻ tách chiều sâu

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.

3D · 6s

Khối lập phương đổi chữ

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 …".

Chữ · 5s

Ký tự bay về xếp chữ

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.

Chữ · 6s

Hai dải chữ chạy ngược chiều

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.

Chuyển cảnh · 3s

Chuyển cảnh sọc chéo

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.

Chuyển cảnh · 3s

Chuyển cảnh phóng xuyên

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.

Giải thích · 6s

Thanh tiến trình kèm việc

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.

Giải thích · 6s

Hai vòng giao nhau

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.

Kết video · 5s

Nút đăng ký và chuông

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.

Kết video · 6s

Màn kết gợi ý video

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.

Kết video · 6s

Mã QR và lời kêu gọi

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.

Nhạc & nhịp · 6s

Cột âm lượng nhảy theo nhạc

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.

Nhạc & nhịp · 6s

Chữ đập theo nhịp

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.

Nhạc & nhịp · 6s

Sóng âm giọng đọc

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 đồ · 6s

Biểu đồ tròn tách lát

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.

Biểu đồ · 7s

Thanh ngang đổi hạng

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.

Biểu đồ · 6s

Lưới chỉ số kinh doanh

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.

Bản đồ · 6s

Tuyến đường vẽ giữa hai điểm

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.

Bản đồ · 6s

Ghim chi nhánh rơi xuố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.

Người nói · 7s

Người nói lệch phải kèm ý chính

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.

Người nói · 6s

Phụ đề tô màu từng từ

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.

Người nói · 6s

Khung tròn người nói và chủ đề

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.

Nền chuyển động · 8s

Nền khối màu trôi

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.

Nền chuyển động · 6s

Lưới phối cảnh chạy tới

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ệ.

Nền chuyển động · 6s

Lưới chấm gợn sóng

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.

Chuyển cảnh · 3s

Chuyển cảnh tách đôi trượt

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.