[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
  • Buka image di Photoshop
  • Hapus Background disekitar image dengan menggunakan Eraser atau Background Eraser Tool (klik kanan Eraser Tool -> (Background) Eraser Tool)
  • Buat layer baru dan warnai dengan #f2f6f8. lalu lakukan multiplying layer seperti langkah diatas, atau cukup ubah urutan layer.
  • Select 2 layer (layer image + layer background) lalu Flatten Image.

  • Resize dan Crop image jika perlu.
  • Save image as *.jpg dan upload sebagai avatar


No comments

Powered by Blogger.