Senin, 05 Oktober 2015

Membuat Stiker Telegram (part 2)

Setelah mengenal Stickers (@Stickers) bot di Membuat Stiker Telegram (part 1),

Kali ini kita coba membuat file PNG nya...


image
Membuat transparent pada background stiker enaknya dibuat di Adobe Photoshop atau di GIMP

Karena Adobe Photoshop adalah software lisensi yang harus bayar, maka saya kasih contoh di software Gratis saja yaitu GIMP.

Saya bukan pegawai GIMP, dan saya tidak dapat bayaran dari GIMP. Artikel ini hanya sekedar share...
GIMP bisa di download di official GIMP web site

Setelah download dan install di komputer, mari kita mulai...


Seperti sudah dijelaskan sebelumnya, file untuk sticker telegram harus memenuhi kriteria sebagai berikut :
  • Memiliki format PNG.
  • Menggunakan layer transparent.
  • Ukuran gambarnya harus 512 x 512 pixel.
  • Besar file PNG tersebut maksimal 350 Kb. 

CATATAN :Pada artikel ini, kalau mau lihat gambar lebih jelas dan tulisannya terbaca, silahkan klik pada gambarnya ya...

Mulai...

Misalnya saya punya gambar monyet yang ingin saya buat sticker,


Kita buka aplikasi GIMP, nanti akan terlihat tampilan seperti ini...


Kalau saya biasanya pada kotak TOOLBOSX menampilkan beberapa tab. Yaitu TOOLS OPTIONS, FONTS, dan COLORS.

Caranya dengan meng klik tanda panah CONFIGURE THIS TAB.


Nanti kita pilih ADD TAB.


Setelah setingan GIMP nya siap, 
saya mulai membuka file gambar moyet, caranya pasti sudah pada paham kan, klik FILE lalu pilih OPEN.


Nanti akan muncul deh gambar monyet aslinya seperti ini.
Kita bisa melakukan zoom in dan zoom out untuk melihat gambar sesuai keinginan kita.

Saya paling senang melakukan zoom dengan cara menekan tombol CTRL pada keyboard dan SCROLL/ RODA pada mouse-nya kita naik turunkan.


Karena stiker telegram harus memiliki ukuran 512 x 512 pixel, maka kita atur CANVAS SIZE nya.
Caranya klik tab IMAGE lalu pilih CANVAS SIZE.


Nah kita atur deh Panjang dan Lebarnya menjadi 512 x 512.
Pastikan juga antara WIDTH dan HEIGHT gambar RANTAI-nya terputus agar kita bisa mengatur panjang dan lebar canvas secara terpisah (bukan proporsional gambar)

Lalu tekan RESIZE...


Akan tampil seperti ini,
gambar monyet akan sedikit terpotong karena bagian yang akan terlihat hanya berukuran 512 x 512 pixel.


Kita pencet tombol MOVE untuk mengatur gambar monyet agar bisa muncul di area Canvas.


Geser-geser gambar sesuai yang kita iginkan. kalau saya sih pilih seperti ini...


Hmmm...
Monyetnya kekecilan, saya perbesar dikit deh agar tampak penuh di area Canvas.

Caranya klik tab LAYERS dan pilih SCALE LAYER...


Pada bagian SCALE LAYER, pastikan gambar RANTAI-nya nyambung agar ukuran gambar tetap proporsional.


Atur-atur sesuai kebutuhan, jika dimensinya kurang silahkan buka SCALE LAYER dan atur kembali sampai kita merasa cocok.

Nah kayaknya sampai disini sudah oke nih menurut selera saya...


Kalau sudah oke,
pada kotak LAYERS - GRADIENTS kita klik pada bagian gambar kita tersebut, klik LAYER TO IMAGE SIZE agar layer gambar kita bisa pas dengan ukuran canvas yang ada.


Nah jadinya begini... Sudah pas kan dengan ukuran canvas 512 x 512 yang tadi kita buat...


Kita mulai proses menghilangkan background si monyet agar di stiker pack telegram kita hanya tampil si monyet nya saja.

Pada kotak TOOLBOX - TOOLS OPTIONS, pilihlah FREE SELECT yang gambarnya seperti tali lasso untuk menangkap kuda... hehehe... 


Mulai beraksi pada gambar si monyet,
saya akan perbesar gambar monyet agar tepian tubuh nya bisa terlihat dan langsung saya klik-klik mengikuti seluruh lekukan tubuh monyet untuk mendapatkan gambar apa yang saya akan ambil.

Klik-klik ke seluruh bagian gambar sampai nanti ketemu lagi dengan titik klik yang awal...


Setelah meng klik-klik tubuh si monyet yang saya pilih, maka si monyet akan dilingkari oleh garis putus-putus seperti ini.


Pada kotak LAYERS - GRADIENTS, kita klik gambar si monyet tadi dan pilih ADD APLHA CHANNEL untuk memberikan transparansi pada bagian yang nantinya akan kita hapus.


Coba klik tombol DELETE pada keyboard komputer...


Nah kok malah gambar monyetnya yang dihapus ?

berarti kita terbalik...
klik UNDO atau tekan tombol CTRL + Z pada keyboard untuk kembali ke langkah sebelum gambar monyetnya hilang kita hapus.

Berarti bukan si monyet yang harus kita hilangkan, tapi si latar belakang/ background monyetnya.

Caranya KLIK KANAN pada gambar monyet, pilih SELECT lalu pilih INVERT.


lalu kembali kita tekan tombol DELETE pada keyboard.
Nah hilang deh background si monyet dan yang tersisa hanya si monyetnya.


Tapi ternyata masih ada background dibawah tangan si monyet,


Caranya, sama seperti di atas,
gunakan FREE SELECT (yang gambar tali lasso, kelilingi daerah yang akan kita potong lalu tekan DELETE pada keyboard.

Kalau nantinya yang akan kita hilangkan malah terbalik, ya gunakan saja INVERT kembali...


Hilang deh...

Untuk menghilangkan garis putus-putus karena tampilan select pada gambar, di tab SELECT, pilih NONE.


Nah nanti akan kita lihat gambar yang sudah bersih dari segala background...
Horreee, transparansi sudah beres...


Mengingat background chat Telegram yang bisa diganti-ganti dan ada beberapa macam gambar, saya lebih senang memberikan outline (garis pinggiran) pada object sticker agar sticker kita lebih enak dilihat.

Biasanya saya menggunakan outline warna putih.

Cara membuat outline,
kita klik layer gambar monyet pada kotak LAYERS - GRADIENTS dan pilih ALPHA TO SELECTION.


Nanti bagian yang bukan transparansi akan terpilih seperti ini....


Lalu pada gambar monyet kita klik kanan, pilih SELECT dan pilih GROW.


Saya biasanya perbesar sebesar 5 pixel.
Ya ini sih terserah selera masing-masing... mana yang disukai saja...

Lalu klik OK.


Nanti di gambar monyet akan keluar garis putus-putus 5 pixel lebih besar daripada si monyet nya...


Pada kotak LAYERS - GRADIENTS klik gambar KERTAS (CREATE A NEW LAYER)


Karena kita masih bekerja di area 512 x 512 pixel, maka ukuran New Layer nya kita biarkan saja tetap 512 x 512. Lalu klik OK.


Nanti akan muncul layer tambahan diatas layer gambar monyet...

Kita klik gambar EMBER CAT (BUCKET FILL TOOL) di kotak TOOLBOX - TOOLS OPTIONS dan pilih WARNA nya.

Karena saya memilih putih, maka saya pilih putih...
Lalu tuangkan cat di tengah gambar monyet....


Nah kok malah jadi putih semua?
kemana gambar monyet nya ?


Tenang,
Urutan Layernya dibalik saja, pada kotak LAYERS - GRADIENTS kita geser saja layer gambar monyet ke atas layer gambar warna putih... Sehingga layer gambar monyet ada di depan layer background gambar putih yang 5 pixel lebih besar tadi.


Sampai disini sudah selesai untuk membuat gambarnya...

Namun gambar saja kurang menarik,
lebih lucu kalau sticker yang kita buat ada kata-katanya.

Caranya klik TEXT TOOL pada kotak TOOLBOX - TOOLS OPTIONS.


Ketikkan pada bagian canvas tulisan yang kita mau...
Misalnya saya tulis : Foto Dulu Ya

Atur-atur warna hurufnya, bentuk hurufnya (font), besar hurufnya pada bagian yang saya beri lingkaran ini...


Supaya tidak kaku, saya buat tulisan agak miring, gunakan ROTATE TOOL pada kotak TOOLBOX - TOOLS OPTIONS untuk mengubah kemiringan tulisan...


Klik dan geser keatas/ kebawah pada tepi tulisan atau geser kotak di bagian Angle pada tab ROTATE. Kalau sudah oke, klik tombol ROTATE.


Setelah kemiringan hurufnya jadi, 
sama seperti gambar monyet, ada baiknya kita kasih outline di tepian tulisannya...

pada tulisan bisa di klik kanan lalu pilih SELECT lalu pilih GROW.

Atau kalau tidak bisa klik kanan pada tulisan, pada kotak LAYERS - GRADIENTS kita klik layer tulisan dan pilih ALPHA TO SELECTION. Setelah itu pada bagian atas kotak kerja gambar kita klik SELECT lalu pilih GROW.


Langkahnya mirip seperti membuat outline pada gambar monyet,..


Jadi deh...


Lalu tinggal kita SAVE...

Kalau file kerjanya mau kita simpan untuk sewaktu-waktu kita otak atik kembali, bisa pilih SAVE AS.


Kalau ingin membuat file PNG dan mengupload nya ke @Stickers di telegram supaya jadi sticker pack, maka pilih EXPORT AS.


Setelah meng klik EXPORT AS, maka kita tentukan mau nama apa gambarnya, dan jangan lupa nama file di belakangnya itu .png atau pastikan di type file nya itu PNG image (*.png)

Lalu tekan EXPORT.


Nanti muncul window begini, ya sudah tidak perlu di ubah-ubah langsung saja klik tombol EXPORT lagi.


Selesai deh...

Silahkan lihat di folder yang dipilih untuk menyimpan gambar PNG tadi, lalu silahkan membuat STICKERS nya seperti yang sudah dibahas di Membuat Stiker Telegram (part 1),

Selamat Mencoba...