Tutorial Tema Google Chrome

Persiapan

• Persiapan untuk membuat tema chrome ini adalah ukuran layar desktop/laptopmu
• Adobe Photoshop atau Photopea (jika kamu malas pasang)
• Web ThemeBeta, tempat untuk mempublikasikan

Ambil Screenshot

Ambil tangkapan layar desktopmu, lalu copas ke editor foto. Disini aku menggunakan Photopea (karena lagi males buka photoshop)

Jangan lupa untuk menandai seperti ini, ini untuk menentukan tata letak agar lebih sempurna saat diterapkan.

Potong beberapa bagian

Sekarang kita potong beberapa bagian, bagian ini nantinya akan dibagi menjadi 6 bagian yaitu:

• Toolbar
• NTP Background
• Frame
• Tab Background
• NTP Attribution (yang ini bisa kamu lewati)
• Frame Overlay

Buat latar untuk Toolbar

Pertama potong yang sudah kamu screenshot tadi seperti ini

Setelah itu, kamu tentukan gambar favorit kamu sebagai tema, disini aku menggunakan karakter Nao Tomori sebagai base temanya. Tambahkan warna base & karakternya seperti ini lalu simpan ke format PNG.

Setelah itu mari kita unggah sebagai test saja ke ThemeBeta, dan ini adalah pratinjau sementara

NTP Background

Nah, sekarang kita masuk ke proses berikutnya, yaitu membuat NTP Background, sekarang kita potong lagi bagian ini. Kemudian kita tambahkan latar belakangnya seperti ini & save ke png

Bang, gambar yang aku pakai tidak sesuai dengan di pratinjau? Mari kita ukur kembali & potong

Dalam proses memotong screenshot, disarankan harus di zoom seperti ini

Setelah itu tambahkan gambar kamu, dan save lagi & tes lagi di ThemeBeta, dan hasilnya seperti ini nantinya.

Frame & Latar Tab

Berikutnya kita tambahkan gambar frame dengan gambar yang sama, disini kamu cukup manfaatin auto color picker saja Kemudian untuk latar tab, kita kasih warna yang mengambil dari warna karakter itu sendiri

Tahap Penyelesaian

Nah, setelah selesai dibuat, kita beri nama tema kamu lalu kamu simpan atau kamu publikasikan di ThemeBeta & web manapun, kemudian kita terapkan dan hasilnya seperti ini

Selesai & mudah kan?