[Tutorial] jpg dengan "Transparent" Background
Biasanya untuk image tanpa background kita menggunakan format PNG, tapi kita juga bisa mengakali image JPG agar terlihat transparan. Caranya adalah mengganti warna background JPG dan menyesuaikannya dengan warna background tempat image tersebut nantinya.
Sebagai contoh, kita akan menggunakan image JPG tersebut sebagai avatar di salah satu forum (Forum Indowebster misalnya), jadi satu hal yang mesti diketahui adalah warna latar tempat avatar tersebut dalam bentuk HTML color.
cara mendeteksi HTML color yang (well, saya anggap) paling mudah adalah:
- Print Screen salah satu halaman, tentu pilih halaman yang terdapat post + avatar :p
![]() |
- Buka Photoshop lalu buat kanvas baru (CTRL + N), Photoshop akan menyesuaikan W x H-nya, lalu tekan CTRL + V (Paste)
- Buka Color Picker dan klik mouse ditempat avatar, otomatis HTML color akan ter-generate (#f2f6f8)
Setelah anda tahu HTML color-nya, mari beranjak ke Tutorialnya. Berikut adalah image yang digunakan :
![]() |
Dengan Multiply Layer
Cara ini cocok untuk gambar yang memiliki 1 warna background (Putih / Abu")
- Buka image di Photoshop dan pastikan mode warna ada di RGB color
- Add New Layer.
- Dengan Brush Tool, warnai layer baru tersebut sesuai dengan HTML color tempat avatar (#f2f6f8)
- Dengan layer baru ter-highlight, buka Blending Options (icon fx), ganti value Blend Mode dengan Multiply (Blending Options -> General Blending -> Blend Mode) dan klik OK.
- Resize dan Crop image jika perlu.
- Save image as *.jpg dan upload sebagai avatar
Dengan Eraser Tool
Digunakan untuk image dengan warna background image yang bervariasi
Leave a Comment