Bagaimana cara membuat gif dengan latar belakang transparan menggunakan Adobe Photoshop?

8

Bagaimana cara membuat .gif dengan latar belakang transparan menggunakan Adobe Photoshop?

Agak larut malam untuk meminta pengembang web saya melakukan ini. Berikut screenshot dari gambar yang saya buat:

contoh gambar

Tapi saya tidak ingin putih di sekitar surat - itu harus terlihat lebih seperti di sini: http://wordfruit.com

Inilah yang telah saya lakukan:

  • Saya mengunduh .gif asli dari file situs web.
  • Ketika saya membukanya di Photoshop, layer terkunci dan saya tidak bisa membuat layer baru ...
  • ... jadi saya menyalinnya ke dokumen .psd baru dan mengeditnya
  • akhirnya menyimpannya sebagai .gif
adobe-photoshop gif Richard Clunan
sumber
1
Sebagai Desainer UX profesional, saya selalu lebih suka PNG daripada GIF karena memiliki transparansi saluran alfa dan kompresi yang lebih baik. Berarti Anda tidak kehilangan warna untuk menjadikannya transparan. Pengembang saya dan saya baru saja berdebat, dia ingin saya mengiriminya GIF dan saya mengatakan kepadanya untuk tetap berpegang pada profesinya dalam coding dan ill stick untuk menambang sebagai Desainer Grafis.

Jawaban:

15

Saat Anda menyimpan GIF (ekspor untuk web), Anda memiliki opsi untuk memilih warna untuk membuatnya transparan. perhatikan bahwa Anda hanya bisa memilih SATU warna, jadi Anda biasanya akan berakhir dengan lingkaran cahaya di sekitar gambar Anda di mana ia memadukan dari gambar Anda ke warna latar belakang asli.

Anda lebih baik mendapatkan file PSD asli dan kemudian menyimpannya sebagai PNG transparan.

DA01
sumber
2

jawabannya didasarkan pada apa yang saya mengerti: |

coba ini dengan cara Anda lakukan

  • unduh gambar gif Anda dari situs web
  • Buka di photoshop, buka gambar> mode> pilih warna rgb (perhatikan di gambar gif Anda sekarang warnanya diindeks)

gambar dari google

  • ketika Anda membuat dokumen baru pastikan Anda menggunakan latar belakang transparan

gambar dari photoshopforce

sekarang tempel gambar Anda dan simpan ini sebagai gif.

Untuk menyimpan gif lihat ini: Buat gif transparan (Harap hanya simpan bagian)

Sekarang Nasihat saya untuk ini desainer / Pengembang Anda menggunakan sprite gambar sehingga sulit bagi Anda untuk mengedit seperti yang Anda inginkan, lebih baik Anda mengedit psd asli dan daripada menyimpan dan menggunakannya, apa yang Anda lakukan tidak sesuai dengan desainer Anda / pengembang mereka menggunakan sesuatu yang lain dan Anda melakukan sesuatu yang lain ...

urutkan dan saran yang manis: Temukan psd yang asli, edit teks Anda dan simpan sebagai.

Semoga ini sedikit membantu ..

Mendongkrak
sumber
koiyu saya pikir sprite gambarnya sendiri adalah cara termudah untuk membuatnya mengerti bukan?
Jack