Tambahkan transparansi ke PNG yang ada

63

Saya ingin menggunakan gambar ini di situs web.

masukkan deskripsi gambar di sini

Yang perlu saya lakukan adalah mengubah latar belakang dari hitam menjadi transparan, jadi saya bisa menggunakan panah di situs saya yang menjaga latar belakang halaman.

Saya menggunakan Gimp untuk mengonversi gambar menjadi .png, tetapi bagaimana saya melanjutkan sekarang?

Paolo
sumber
2
Bagi siapa pun yang mencari solusi Photoshop untuk mengubah latar belakang hitam atau putih transparan, lihat utas ini .
John

Jawaban:

70

Alat Color to Alpha GIMP sangat berguna jika Anda tahu cara menggunakannya , dan tugas ini tampaknya sangat cocok untuknya:

  1. Buka gambar dalam GIMP, dan ubah ke mode warna RGB jika perlu.
  2. Pilih Layer → Transparency → Color to Alpha ...
  3. Pilih hitam ( #000000) sebagai warna untuk membuatnya transparan.
  4. Klik "OK".
  5. Simpan gambar yang dihasilkan dalam format PNG:
    Gambar dengan transparansi
Ilmari Karonen
sumber
2
Fantastis - itu hanya jawaban yang saya butuhkan! Hanya kepala-jika opsi 'warna ke alpha' diklik, itu berarti bahwa gambar Anda dalam mode warna diindeks. Untuk memperbaiki, silakan buka Gambar -> Mode -> RGB. Tepuk tangan!
@Heather: Terima kasih telah melihatnya, saya telah menambahkan catatan tentang hal itu pada jawabannya. Bahkan, mengonversi ke RGB biasanya adalah hal pertama yang ingin Anda lakukan untuk mengindeks gambar di GIMP, kecuali jika Anda ingin pengeditan dibatasi oleh palet yang ada.
Ilmari Karonen
Bagaimana Anda melakukan ini di editor grafis Paint.NET?
Boris_yo
1
@Boris_yo: Sepertinya plugin Unblend untuk Paint.NET harus melakukan hal yang sama seperti Color to Alpha di GIMP. Saya belum mencobanya sendiri.
Ilmari Karonen
Terima kasih itu berhasil tetapi tanda tangan yang hitam karena sedikit lebih cerah. Mencoba bermain dengan kecerahan yang kontras dan itu hanya membantu sedikit.
Boris_yo
11

Anda bisa menggunakan alat GIMP pilih dengan warna atau alat Tongkat Sihir. Bagaimanapun Anda melakukannya, cukup pilih semua piksel hitam. Kemudian, alih-alih menghapus piksel yang dipilih, terapkan layer mask:

Layer -> Mask -> Add layer mask

Pilih tombol " Selection" radio dan pastikan untuk memilih " Invert mask" kotak centang. Sekarang, semua piksel hitam transparan.

Ekspor sebagai PNG atau GIF.

Masalahnya ada di tepi sekitar panah, di mana Anda mungkin memiliki beberapa piksel hitam untuk membentuk matte. Saya tidak tahu di GIMP tetapi Photoshop memiliki fitur yang bagus untuk menghapus matte sebelumnya dan / atau menambahkan matte pilihan Anda.

vulkanino
sumber
4

Saya tidak menggunakan gimp, tetapi gambar ini adalah kasus sederhana di mana harus mudah untuk mendapatkan transparansi yang layak.

Jika Anda memilih seluruh gambar, dan kemudian menggunakan itu (atau lebih tepatnya versi skala abu-abu) sebagai saluran alfa, Anda sudah cukup banyak selesai.

Bergantung pada fitur ekspor perangkat lunak Anda, Anda dapat memilih alpha sebagai transparansi PNG atau Anda dapat menggunakan saluran alpha sebagai mask pilihan dan menghapus seleksi (buruk) atau menggunakan slection sebagai layer mask (non-destructive), lalu ekspor.

horatio
sumber
4

Inilah teknik GIMP yang berguna yang baru-baru ini saya gunakan untuk ini - mungkin mirip dengan "Color To Alpha" (Color To Alpha dikaburkan untuk saya, meskipun saya dalam mode RGB), tetapi metode ini memberi saya beberapa penyesuaian yang berguna untuk "soft to Alpha" "Saya ingin ujungnya keluar (berlawanan dengan teknik tongkat sihir yang meninggalkan batas hitam tipis di sekitar gambar, daripada membuat bagian tepi transparan).

Singkatnya saya menyalin versi grayscale dari gambar asli ke Layer Mask / Alpha Channel itu, dan kemudian menggunakan Curves di Alpha Channel untuk membuat sebagian besar gambar buram sambil menyesuaikan seberapa tembus tepi seharusnya. Efek yang sangat bagus dan sangat dapat disesuaikan.

Berikut ini adalah langkah demi langkah untuk melakukannya:

  • Dimulai dengan lapisan dengan gambar asli di atasnya yang disebut "gambar"
  • Gandakan layer "image" ke layer baru yang disebut "image alpha" (dengan tombol Duplicate Layer di Layers Dialog)
  • Colors > Desaturate... > Lightness pada layer "image alpha"
  • Klik kanan layer "gambar" dan Add Alpha(jika belum dilakukan)
  • Salin semua "image alpha" (di layer "image alpha", Select All& Copy)
  • Paste itu ke saluran Alpha "gambar" (klik pada thumbnail kanan dari lapisan "gambar" dan kemudian tempel)

    • Langkah-langkah sebelumnya mungkin identik dengan perintah tunggal "Color to Alpha"
  • Opsional: klik kanan "gambar" dan Show Layer Mask(akan menunjukkan kepada Anda apa yang Anda tempel). Jika Anda menghilangkan ini, Anda dapat melihat perubahan transparansi, hidup, selama langkah berikutnya.

  • Color > Curves
  • Dalam dialog Kurva, buat kurva rata di sepanjang bagian atas & kemudian turun dengan cepat ke kiri, menyebabkan sebagian besar piksel cerah menjadi sepenuhnya putih (mis. Gambar buram di sana).
  • Hapus centang Show Layer Maskuntuk melihat transparansi yang diterapkan.

    Memindahkan titik saturasi Kurva (di bagian atas kurva) dan kecepatan menurunnya memungkinkan Anda mengubah seberapa banyak tepi gambar yang transparan dan seberapa banyak.

Demis
sumber
1
Hai Demis, selamat datang di GDSE dan terima kasih atas jawaban Anda! Untuk membuat cara Anda agar lebih terbaca, saya akan menyarankan penggunaan opsi 'daftar peluru' atau 'daftar bernomor'. Terima kasih lagi dan nikmati situsnya!
Vincent
2

Anda dapat menggunakan Adobe Photoshop. Pergi ke Pilih -> Rentang warna . Sambil menahan Shift , klik pada warna yang perlu Anda hapus (hitam dalam kasing Anda). Tekan OK. Maka semua hitam Anda akan dipilih; sekarang tekan delete.

Diana Alexescu
sumber