Cara Membuat Stiker Pop-up

Berikut rangkuman poin penting dalam pembuatan stiker pop-up.

Daftar Isi

Keistimewaan Stiker Pop-up

Stiker pop-up terdiri dari gambar diam untuk stiker serta animasi yang akan muncul memenuhi layar.

  • Gambar Pop-up
  • Gambar Stiker

Gambar pop-up adalah gambar animasi yang akan muncul memenuhi layar.

*Ilustrasi untuk gambar stiker dan gambar pop-up tidak perlu sama.

*Sama seperti stiker animasi, gambar APNG pada frame pertama tidak akan digunakan sebagai gambar stiker.

Ukuran Gambar

Salah satu sisi gambar pop-up harus diatur dalam ukuran 480px.
Berikut adalah batasan berdasarkan ketentuan tersebut.
- Jika lebar gambar 480px, panjang gambar harus berukuran 320px ke atas
- Jika panjang gambar 480px, lebar gambar harus berukuran 200px ke atas
- Ukuran maksimum gambar adalah 480x480px

Gambar pop-up akan ditampilkan secara penuh di ruang obrolan tanpa terpotong.

  • Untuk menghindari celah pada layar ruang obrolan, silakan gunakan ukuran yang direkomendasikan berikut.
  • Untuk tampilan pada iPhone 6/7/8: W 326 x H 480px
    Untuk tampilan pada iPhone 11/XR: W 274 x H 480px
  • *Dimensi ukuran gambar dapat berubah tergantung dari perangkat yang digunakan. Celah mungkin akan tetap terlihat pada beberapa perangkat.
    *Ukuran gambar diatas merupakan perkiraan berdasarkan panjang gambar.

Posisi Tampilan

Terdapat 3 posisi tampilan yang dapat dipilih untuk gambar pop-up.

- Top
- Center
- Bottom

Atur posisi kemunculan animasi untuk memaksimalkan tampilan stiker.

Contoh: Pilih posisi "top" untuk gambar pop-up dengan animasi yang bergerak dari atas ke bawah.

Jumlah frame dan loop/gambar

  • · Durasi maks. pemutaran 3 detik. Pilih durasi antara 1, 2, 3 detik. Durasi tidak dapat terdiri dari angka desimal (contoh: 1,5 detik).
  • · Jumlah maks. loop adalah 3 loop.
  • · Jumlah frame ilustrasi adalah 5 s.d. 20 frame.
    * Pada saat Anda membuat APNG menggunakan tool pembuat APNG (APNG Assembler dll.), APNG tersebut dapat hanya terdiri dari 1 frame jika Anda menggunakan gambar yang sama secara berkelanjutan.
    * Jika Anda menggunakan data yang sama untuk semua frame, eror akan terjadi saat Anda mengunggahnya karena data tersebut tidak dapat digunakan untuk stiker animasi.

20 frame/detik x 3 loop = 3 detik

20 frame/3 detik x 1 loop = 3 detik

50 frame per detik x 1 kali loop = 1 detik (Melebihi jumlah maks. frame)

2 detik (20 frame) × 2 loop = 4 detik (melebihi waktu pemutaran maks. 3 detik)

Contoh pada saat pembuatan APNG yang dapat melebihi ukuran maks.

Ilustrasi yang banyak menggunakan gradasi bukan warna solid

Mempunyai latar dengan area animasi yang bergerak hampir secara keseluruhan

Mempunyai efek animasi yang detail di area yang luas seperti bara api, garis terkonsentrasi, cahaya yang berkilapan, kelopak bunga dll.

Contoh pada saat pembuatan APNG yang tidak melebihi ukuran maks.

Menggunakan warna solid dengan sedikit variasi

Menggunakan frame yang sama berulang di dalam animasi (Frame yang diberi tanda adalah frame yang sama)