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 **

Komentar

Halaman Lainya

  • 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.
  • Photo editing dengan photoshop
    Anda punya photo jadul (jaman dulu)? dan ingin photo tersebut bisa dicetak ulang kembali dengan sedikit perbaikan gambar. Maka ini solusinya, saya akan sedikit berbagi tentang photo editing dengan photoshop.
  • Teori tentang desain grafis
    Desain grafis adalah salah satu bentuk seni lukis (gambar) ilmu terapan yang dapat memberikan kebebasan kepada sang perancang untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.
  • Mengenal istilah tipografi
    Anda pernah mendengar mendengar istilah tipografi atau dalam bahasa inggris Typography? Jika anda ingin belajar desain grafis wajib mengetahui istilah ini karena akan sangat membantu anda dalam mengerjakan sebuah pekerjaan desain. Artikel berikut akan menjelaskan apa itu tipografi serta hal-hal apa saja yang kira-kira melibatkan tipografi.

Kiriman terbaru