Cara membuat gambar transparan dengan adobe photoshop

Contoh file gifContoh file PNG

Ada dua jenis gambar yang mendukung format gambar/logo transparan. Pertama jenis gambar GIF(Graphics Interchange Format) dan kedua jenis gambar PNG (Portable Network Graphics). Perbedaan keduanya adalah : file GIF memiliki lebih sedikit warna (256 warna), mendukung transparan, mendukung animasi bergerak, dan ukuran file lebih kecil. Sedangkan PNG memiliki warna yang lengkap, mendukung tranparan tapi tidak mendukung animasi bergerak dan ukuran file lebih besar.

Anda lihat dua gambar diatas, yang bergerak dibuat dengan jenis gif dan yang disampingnya dibuat dengan jenis png. Keduanya menggunakan mode yang sama yaitu transparan sehingga warna latarnya mengikuti warna dimana gambar tersebut diletakkan.

Bagaimana membuat file transparan dengan bantuan adobe photoshop?? Ini yang akan saya jelaskan langkahnya berikut ini.

  1. Jalankan adobe photoshop, versi apa aja bisa.
  2. Kemudian kita buat kanvas/file baru dengan memilih menu file new atau ctrl+n
    Gambar Transparan - Langkah 1
    Isikan nama filenya misal gambar-transparan (lihat lingkaran merah), isikan widh dan height (lebar dan tinggi gambar sesuai keinginan dalam ukuran pixel), kemudian pilih jenis background Transparent, lalu tekan oke.
  3. Hasilnya akan muncul sebuah kanvas baru dengan mode transparan seperti gambar berikut
    Gambar Transparan - Langkah 2
  4. Sekarang kita akan membuat sebuah tulisan pada kanvas yang sudah ada, caranya tekan tombol dengan lambang T (Horizontal Type Tool) pada toolbar
    Gambar Transparan - Langkah 3
  5. Kemudian tentukan warna tulisan dengan menekan tombol warna (Set Foreground Color)

    Gambar Transparan - Langkah 4  
  6. Kemudian arahkan kursor mouse anda kearah kanvas tranparan tadi dan tekan klik 1 kali, kemudian ketikkan sesuka anda.
    Gambar Transparan - Langkah 5
  7. Jika sudah kemudian blok tulisan anda dengan menggeser kursor mouse dari huruf terakhir sampai yang pertama, kemudian kita memilih jenis dan ukuran tulisan
    Gambar Transparan - Langkah 6
  8. Sekarang objek gambar sudah selesai, klik tombol panah (Move Tools) yang ada pada toolbar paling atas. Anda juga bisa menggeser tulisan jika belum sesuai.
  9. Kemudian kita akan menyimpanya dengan format yang mendukung transparan, caranya : Tekan menu file, pilih save as for web
    Gambar Transparan - Langkah 7
    Pilih gambar dengan hasil optimized (Lihat lingkaran atas) dan pilih jenis gambar (bisa png atau gif), lihat ukuran file hasil akhir gambarnya (pada lingkaran kiri gambar) ini berguna untuk menentukan hasil yang optimal. Pilih jenis gambar yang tidak merubah kualitas hasil, tapi dengan ukuran file hasil kecil sehingga jika dipasang diweb akan lebih ringan.
  10. Tekan tombol save dan arahkan ke tempat penyimpanan dalam hardisk anda. Selesai, silahkan buka file hasil tersebut.

Inilah Hasilnya :
Gambar Transparan dengan photoshop

Begitulah kira-kira langkah singkat membuat gambar/logo transparan dengan adobe photoshop. Anda juga bisa gunakan aplikasi lain seperti GIMP (lisensi gratis) untuk menghasilkan gambar transparan seperti ini (mungkin langkahnya sedikit berbeda). Yang perlu anda ingat bahwa yang mendukung gambar transparan sementara ini (mungkin besok2 ada jenis file baru) cuman dua jenis file yaitu GIF dan PNG.

Semoga bermanfaat, jika ada salah dalam penilisan ini harap dikoreksi lewat box komentar dibawah. Jika anda suka artikel ini, tolong dibagikan kepada yang lain.

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Artikel Lainnya

  • Jenis-jenis file gambar
    Banyak sekali jenis-jenis gambar yang dapat kita temukan diinternet maupun komputer kita sendiri, tapi tidak semuanya kita gunakan. Beberapa gambar digunakan oleh perangkat lunak yang terpasang dikomputer kita, sehingga tidak bisa dilihat langsung tanpa menggunakan perangkat lunak khusus. Berikut ini beberapa jenis-jenis gambar yang sering digunakan.
  • Mengenal layout desain
    Layout adalah penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan.
  • Mengenal istilah warna
    Dalam kehidupan sehari-hari kita dapat menemukan berbagai warna yang sangat beraneka ragam. Tetapi, tahukah anda bahwa warna itu terbagi dalam berapa jenis? Secara biologis, mata kita dapat mengangkap warna dikarenakan spektrum cahaya yang di pantulkan benda-benda disekeliling kita ke indra penglihatan kita yaitu mata lalu diproses oleh otak kita menjadi warna-warna tertentu sumber cahaya bisa dari matahari atau sumber cahaya buatan. Dalam artikel berikut anda akan mengenal teori tentang warna serta pembagian jenis-jenisnya.
  • Gambar digital dan non digital
    Gambar digital adalah gambar yang dihasilkan dari proses yang dilakukan dengan bantuan komputer, kamera, scanner atau perangkat elektronik lainya yang disimpan dalam bentuk file digital. Gambar digital tidak bisa dilihat secara langsung tanpa bantuan peralatan elektronik. Contohnya : gambar wallpaper komputer, gambar yang ada diinternet, dll
  • Membuat wallpaper dengan adobe photoshop
    Wallpaper dalam dunia digital dikenal sebagai sebuah gambar yang digunakan sebagai latar belakang dari sebuah tampilan layar, walpaper sering disebut sebagai background layar komputer atau handphone. Ukuran wallpaper ini bisa berbeda pada masing-masing perangkat yang digunakan, biasanya tergantung teknologi dari layar dan perangkat pendukung tampilan lainya.

Kiriman terbaru