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

Thiết kế thông báo quà tặng dễ đọc trên màn hình điện thoại

Thiết kế thông báo quà tặng dễ đọc trên màn hình điện thoại

Cách chọn độ tương phản, thời lượng và vị trí để alert quà không biến thành mảng chữ khó đọc.

Thông báo quà thường được thiết kế trên màn hình PC rộng, nhưng người xem có thể nhìn ở khung LIVE nhỏ trên điện thoại. Chữ nhỏ, nền trong suốt quá mức hoặc nhiều chuyển động làm tên người tặng khó đọc.

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

Thiết kế từ màn hình nhỏ Giữ một thông tin chính: tên người tặng và quà. Dùng cỡ chữ đủ lớn sau khi thu khung dọc xuống màn hình điện thoại; tạo nền có độ tương phản với cả cảnh tối và cảnh sáng. Để khoảng trống quanh chữ, tránh font quá mảnh. Nếu overlay có chuyển động, phần chữ phải đứng yên đủ lâu để đọc; âm thanh chỉ hỗ trợ, không thay thế nội dung chữ.

Kiểm tra ba trường hợp Thử tên người dùng ngắn, tên rất dài và ký tự đặc biệt. Thử cảnh camera sáng và game tối. Thử hai quà liên tiếp; cảnh báo thứ hai không được đẩy cảnh báo thứ nhất ra khỏi màn hình trước khi người xem kịp đọc. Giới hạn chiều dài tên hiển thị nhưng đừng làm sai danh tính người gửi.

OBS Browser Source cho phép đặt kích thước vùng web; hãy thử đúng kích thước phát, không chỉ trong trình duyệt đầy màn hình.

Nguồn: OBS Browser Source.

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.