Đến nội dung
← Góc nhà sáng tạo
Hiệu ứng quà tặng & Overlay · 17/9/2026 · 3 phút đọc

Thiết kế overlay TikTok LIVE dọc 9:16: bố cục rõ trên màn hình điện thoại

Thiết kế overlay TikTok LIVE dọc 9:16: bố cục rõ trên màn hình điện thoại

Sắp xếp camera, sản phẩm, chat và alert theo thứ tự ưu tiên; thử kích thước và vùng an toàn trên điện thoại thật.

Bắt đầu bằng một điểm nhìn chính

Thiết lập hiệu ứng quà tặng và lớp phủ tương tác TikTok LIVE trên Tikmo Studio
Thiết lập hiệu ứng quà tặng và lớp phủ tương tác TikTok LIVE trên Tikmo Studio

Chọn thứ người xem cần nhìn đầu tiên: khuôn mặt, sản phẩm hoặc gameplay. Đặt thành phần đó ở trung tâm; thông tin phụ như mục tiêu, top gifter và chat nằm ở mép khung hình. Không cần hiển thị mọi số liệu cùng lúc.

Kiểm tra vùng giao diện chồng lên video

TikTok có thể hiển thị nút, tên tài khoản, bình luận và thông tin quà ở những vị trí thay đổi theo phiên bản/thiết bị. Để lại khoảng trống quanh mép dưới và cạnh phải, sau đó mở LIVE thử trên điện thoại để phát hiện vùng bị che. Dùng chữ lớn, độ tương phản cao và ít dòng.

Đặt overlay vào OBS

Trong OBS, thêm Browser Source, nhập URL overlay, đặt độ rộng/cao theo khung dọc và kiểm tra nền trong suốt. OBS hỗ trợ trang web làm nguồn trong scene; hướng dẫn chính thức giải thích thuộc tính Browser Source tại đây. Nếu nguồn có âm thanh, xem quyền phát và mixer để không lặp tiếng.

Kiểm tra sau mỗi thay đổi

Chạy ghi thử ngắn, xem trên màn hình nhỏ, rồi chỉ chỉnh một thành phần mỗi lượt. Lưu một scene dự phòng tối giản để có thể tắt widget khi cần. Bố cục tốt giúp thông tin dễ đọc; nó không tự đảm bảo phiên live được đề xuất hoặc tăng số người xem.

Quy trình 4 bước thiết kế Hiệu ứng quà tặng & Overlay 9:16 sắc nét

Phân tầng hiệu ứng theo giá trị quà và tối ưu vùng an toàn di động

  1. Mở trình biên tập Lớp phủ (Canvas) hoặc Sự kiện phiên LIVE trên Tikmo Studio với khung chuẩn dọc 1080x1920.
  2. Phân chia hiệu ứng khi được tặng quà thành 3 tầng: quà nhỏ (1–10 xu) hiện huy hiệu 2,5 giây; quà trung (11–299 xu) phát animation 4 giây kèm âm báo; quà lớn (300+ xu) bung hiệu ứng sân khấu 6–8 giây.
  3. Đặt vị trí hiển thị thông báo quà tặng TikTok LIVE và mục tiêu quà tặng vào vùng an toàn giữa-trên màn hình để không bị khuất bởi khung chat.
  4. Sao chép duy nhất 1 liên kết Browser Source từ Tikmo dán vào OBS Studio và bấm nút Kiểm thử LIVE để xem trước toàn bộ chuyển động.
Mẹo thực chiến từ Tikmo Studio: Với các loại quà gửi liên hoàn (combo/streak như Hoa hồng), hãy bật chế độ gộp bộ đếm nhân (x5, x10, x20) để màn hình luôn thoáng và không bị nghẽn hàng đợi.

Checklist kiểm tra nhanh & Tài nguyên liên quan

  • Ưu tiên định dạng WebM/MP4 nhẹ: Giúp lớp phủ hiệu ứng LIVE tải tức thì mà không làm tăng % GPU trên OBS.
  • Giới hạn thời gian chờ (Cooldown): Đặt khoảng nghỉ 2–4 giây giữa các hiệu ứng cùng loại để tránh mỏi mắt người xem.
  • Tương thích game tương tác: Có thể chạy song song cùng Fantasy Chibi War hoặc Gear Arena trên cùng một phiên phát.