Bagaimana cara mengubah PNG transparan warna menjadi PNG transparan putih (bukan B&W)?

8

Saya mencoba membuat dua status untuk gambar. Saya memiliki ikon png transparan warna dan saya perlu duplikatnya yaitu png transparan 'putih'. Ini akan digunakan untuk efek mouseover di CSS (memudar dari satu ke yang lain). Saya telah melihat hasil akhir dari ini sebelumnya, tetapi saya tidak yakin bagaimana cara menghasilkan ini sendiri.

Saya tidak memerlukan B&W atau desat, tetapi perlu versi transparan 'putih' murni yang ketika satu lapisan warna diletakkan di bawahnya maka detail ikon transparan putih ditampilkan.

Dapatkah seseorang memberi tahu saya cara mencapai ini di photoshop atau serupa?

adobe-photoshop png
sumber
Apakah ini sesuai topik? Saya tidak melihat adanya relevansi dengan fotografi. Apakah Pengguna Super akan lebih baik?
Reid
Saya kira ini bukan topik, saya khawatir, ini bukan pertanyaan terkait fotografi.
Maaf, tapi ini bukan topik di sini di Photo.SE. Kami tidak berurusan dengan CSS atau pengeditan gambar umum, dan ini termasuk dalam kedua kategori tersebut (meskipun menggunakan photoshop.) Anda mungkin memiliki hasil yang lebih baik di superuser.com. Anda juga dapat mencoba melihat situs di area51.stackexchange.com, dan melihat apakah ada situs beta yang mungkin menawarkan bantuan yang lebih baik kepada Anda. Saya akan menutup pertanyaan ini sebagai di luar topik.
jrista
Seseorang sudah mempostingnya, sepertinya menambahkan gaya layer "Overlay Warna" harus menjadi solusi terbaik dan tercepat, namun ... tergantung pada jenis konten gambar, maukah Anda memperbarui dengan menambahkan pratinjau png asli atau yang lain kami dapat membantu Anda lebih baik? Terima kasih!
Sam

Jawaban:

11

Dua pendekatan berbeda:

  1. Gunakan Magic wandpemilih untuk memilih area transparan (sebagai pilihan yang tidak berdekatan)
  2. Balikkan seleksi
  3. Gambarlah persegi panjang diisi putih di atas ikon atau Fillseleksi dengan putih
    • pemilihan harus mencegah pengeditan di luar area ikon.

ATAU

  1. Kunci transparansi / lapisan alfa. (Ini harus dilakukan dari palet layer)

    masukkan deskripsi gambar di sini

  2. Gambarlah persegi panjang diisi putih di atas ikon atau Fillgambar dengan putih

    • kunci transparansi mencegah setiap perubahan pada transparansi (yaitu saluran alfa)

teks alternatifteks alternatif

Either way, saya tidak yakin bagaimana hasilnya akan bermanfaat bagi Anda.

Farray
sumber
1
Saya pikir metode yang terakhir lebih cepat dan lebih akurat, akan merekomendasikannya!
Jari Keinänen
mengapa tidak menambahkan gaya layer -> overlay warna menjadi putih?
Sisir
6

Jawaban Roddy memberikan metode yang sangat cepat, tetapi destruktif.

Jika Anda ingin mempertahankan lapisan - bahkan hanya lapisan latar belakang - dalam file sumber Anda, pertimbangkan untuk membuat lapisan putih sepenuhnya baru yang merupakan Clipping maskuntuk lapisan ikon itu sendiri. Jika nanti Anda perlu mengedit layer ikon, menggunakan kliping topeng akan selalu mengisi piksel baru dengan warna putih, atau menghapus yang tidak perlu.

Saat Anda akan mengekspor ikon, Anda dapat beralih visibilitas topeng kliping untuk mengekspor kedua png dari file sumber yang sama.

Jari Keinänen
sumber
5

Dalam delapan penekanan tombol. Solusi ini membutuhkan CS4 atau lebih tinggi.

Jika gambar Anda adalah satu lapisan tunggal, hanya lakukan langkah 4 dan 6-8. Di Windows gunakan CTRL, bukan CMD.

  1. Fn+ F7atau F7(buka panel layer)
  2. ALT+ CMD+ a (pilih semua lapisan)
  3. CMD+ g(letakkan layer ke dalam folder)
  4. CMD+ SHIFT + n(buat layer baru)
  5. CMD+ ](memindahkan lapisan baru dari folder)
  6. d (perubahan ke warna hitam / putih bg dan fg default)
  7. CMD+ delete(mengisi layer baru dengan putih)
  8. ALT+ CMD+ g(klip warna baru ke layer atau folder tepat di bawahnya)
jaime
sumber
+1 untuk "mampu bertindak" semua pendekatan non-destruktif keystroke.
Farray