Membuat Sticker Whatsapp menggunakan Android Studio

Sticker whatsapp di Android Studio
Tahun lalu whatsapp merilis fitur Whatsapp Stickers. Fitur Stiker ini memungkinkan pengguna whatsapp mengirimkan stiker ke chat personal maupun chat grup . Aplikasi WhatsApp hanya menyediakan 12 set stiker bawaan bagi pengguna. Namun, mereka membiarkan para pengguna membuat stiker sebanyak yang mereka mau tanpa dipungut biaya apapun.

Anda dapat menerbitkan Aplikasi Sticker Whasapp buatan anda sendiri seperti aplikasi lain ke Google Play Store . Pengguna dapat mengunduh dan memasang aplikasi  anda yang dapat mengirim sticker di Chat Whatsapp.

Official Whatsapp sendiri memberikan contoh aplikasi untuk Android dengan cara sederhana yang membutuhkan development atau pengalaman koding . Anda harus memiliki satu set Sticker tetapi Sticker harus memenuhi Persyaratan berikut ini :

Syarat Sticker Whatsapp :
  • Sticker harus berukuran 512 x 512 pixel 
  • Sticker harus menggunakan background transparan 
  • Sticker harus kurang dari 100KB
  • Sticker dalam satu pack harus memiliki minimal 3 sticker dan maksimal 30 sticker
  • Sticker harus berformat WebP . dan saat ini animasi berformat WebP tidak didukung untuk sticker whatsapp
  • Sticker Tray Icon harus berukuran 96 x 96 pixel dan maksimal ukuran 50KB

Jika sudah memiliki pack sticker kita sudah bisa memulai membuat aplikasi Sticker Whatsapp

Cara Membuat Sticker Whatsapp menggunakan Android Studio

1. Pertama tama anda bisa mengunduh Sample Apk Sticker di link tersebut . Setelah di Unduh silahkan ekstrak file tersebut ke Folder yang kosong .
Membuat Sticker Whatsapp menggunakan Android Studio

2. Kemudian Buka Aplikasi Android Studio anda dan pilih Import Project
how to create apk sticker whatsapp
3. Kemudian pilih Folder hasil download yang anda ekstrak tadi . Kemudian cari file Android , kemudian tekan OK
cara membuat apk sticker whatsapp
4. Setelah itu tunggu beberapa saat hingga Event Log yang berada dibawah kanan selesai melakukan proses . Dan pastikan Compage Middle Packages tidak tercentang .
5. Kemudian buka pada Menu sebelah kiri app - java - com - example - samplestickerapp , Setalah itu klik kanan pada Folder samplestickerapp pilih Refactor - Rename 
6. Kemudian masukan Nama sesuai keinginan kamu untuk merename package , dan jangan lupa mencentang kedua pilihan Search in comments and strings dan Search for text occurres .  Jika sudah klik Refactor . saya kasih contoh nama Cemiti
7. Kemudian pilih Do Refactor pada kolom bawah aplikasi ID kamu akan menjadi com.example.cemiti
8. Kemudian pada app - java - com - example - cemiti - StickerContentProvider . klik kiri 2 kali untuk membuka file tersebut .
9. Setelah itu kita coba menjalankan aplikasi yang telah kita ubah apakah ada error atau tidak dengan menekan tombol Run App yang berada di atas kanan
10. Setelah itu pilih Virtual Device Android , jika belum silahkan Mendownload terlebih dahulu dengan menekan Create New Virtual Device . Jika sudah terpasang silahkan pilih virtual device kemudian klik OK dan tunggu prosses running di bawah selesai .
11. Ketika dimenu bawah bertanda error . anda bisa menekan tombol Open File maka anda akan diarahkan ke bagian yang dianggap membuat error
12. Setelah ditunjukan bagian yang error seperti gambar di bawah , anda bisa mengeditnya menambahkan kode // seperti contoh gambar kedua . Kemudian tekan Sync Now pada kanan atas dan tunggu hingga selesai
13. Jika sudah kita bisa mengulangi tahap ke 9 yaitu Run App . Maka nanti akan muncul simulator android dengan aplikasi sticker buatanmu yang berjalan . Sampai tahap ini aplikasimu sudah berjalan dengan baik .

Menambahkan Sticker kedalam Aplikasi Sticker Whatsapp di Android Studio

Tahap sebelumnya membuat aplikasi android sticker whatsapp sudah selesai hingga berjalan dengan baik . Kali ini kita akan melanjutkan tahap berikutnya yaitu menambahkan sticker kedalam aplikasi tersebut dan berikut panduannya :

1. Kembali kehalaman project android studio , anda buka app - essets . Disanalah letak sticker yang anda lihat sebelumnya berada .
2. Kemudian siapkan sticker anda sebelumnya sesuai syarat yang ditentukan diawal artikel  . Atau download contoh sticker berikut ini Download Contoh Sticker

3. Copy Folder yang berisikan Contoh Sticker tersebut ,selanjutnya buka Project Android Studio tadi pada bagian essets , kemudian klik kanan - Paste . Kemudian beri nama 2 dan klik OK
Maka tampilannya akan seperti berikut ini 
4. Kemudian buka contents,json dengan mengeklik kiri 2kali  hingga muncul bar baru seperti gambar dibawah . Copy semua code seperti digambar mulai dari yang saya Block Biru
Hingga sampai code seperti gambar berikut ini
5. Jika sudah beritanda  koma ( , ) seperti contoh dibawah dan paste kode yang anda Copy sebelumnya seperti 2 gambar berikut ini
6. Ubah kode dibawahnya sesuai data anda . Contoh :
"identifier": "2","name": "Nama Corporate","publisher": "Nama Developer","tray_image_file": "tray_autochess.png","publisher_email":"cs@cemiti.id","publisher_website": "https://www.cemiti.id","privacy_policy_website": "","license_agreement_website": "","stickers": [

Pada bagian _tray_image_file isikan sesuai kan nama dengan tray icon yang ada di folder sticker tadi.

7. Selanjutnya mengubah gambar sticker tadi yang masih menggunakan format PNG menjadi ke WebP dengan cara block gambar sticker PNG tadi ( tidak termasuk gambar tray ) kemudian klik kanan - Convert to WebP
8. Centang sesuai contoh digambar , kemudian klik OK
9. Anda bisa mengecek dengan mengeklik Next dan jika sudah cukup klik Accept All .  Kini yang sebelumnya berformat PNG menjadi WebP
10. Setelah itu edit code pada contents.json tadi sesuaikan dengan nama sticker yang telah diubah menjadi WebP seperti contoh berikut 
Contoh :
{
  "identifier": "2",  "name": "Auto Chess 1",  "publisher": "Cemiti.id",  "tray_image_file": "tray_autochess.png",  "publisher_email":"cs@cemiti.id",  "publisher_website": "https://www.cemiti.id",  "privacy_policy_website": "",  "license_agreement_website": "",  "stickers": [
    {
      "image_file": "beast_1.webp",      "emojis": ["☕","🙂"]
    },    {
      "image_file": "beast_2.webp",      "emojis": ["😄","😀"]
    },    {
      "image_file": "beast_3.webp",      "emojis": ["😆","😂"]
    },    {
      "image_file": "beast_4.webp",      "emojis": ["😩","😰"]
    },    {
      "image_file": "beast_5.webp",      "emojis": ["😭","💧"]
    },    {
      "image_file": "cave_1.webp",      "emojis": ["😍","♥"]
    },    {
      "image_file": "cave_2.webp",      "emojis": ["💔","👎"]
    },    {
      "image_file": "cave_3.webp",      "emojis": ["😍","💑"]
    },    {
      "image_file": "cave_4.webp",      "emojis": ["😘","🍪"]
    },    {
      "image_file": "demon_1.webp",      "emojis": ["🤔","😐"]
    },    {
      "image_file": "demon_2.webp",      "emojis": ["😱","😵"]
    },    {
      "image_file": "demon_3.webp",      "emojis": ["😡","😠"]
    },    {
      "image_file": "demon_4.webp",      "emojis": ["❓","🤔"]
    },    {
      "image_file": "demon_5.webp",      "emojis": ["🌈","😜"]
    },    {
      "image_file": "divinity_1.webp",      "emojis": ["💻","😩"]
    },    {
      "image_file": "divinity_2.webp",      "emojis": ["😡","😤"]
    }
  ]
}

11. Jika sudah melakukan semua hal diatas sekarang anda bisa mencoba menjalankannya dengan melakukan Run App dan lihat hasilnya 

Baca Juga :


Untuk menyimpannya silahkan ke Menu Build - Bundle(s) / APK(s) - Build APK(s) .

Ingat ini hanya Apk percobaan . untuk menginstall di aplikasi android kamu , kamu harus mematikan Google Play Protect terlebih dahulu agar dapat terpasang di Perangkat Androidmu .

Bagaimana lumayan sulit ya . Jika ada pertanyaan silahkan komentar dibawah , terima kasih .





1 Komentar untuk "Membuat Sticker Whatsapp menggunakan Android Studio"

  1. tutorial bagus. yang paket stiker berbayar ada Gan?

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel