Come faccio a creare una gif con uno sfondo trasparente usando Adobe Photoshop?

8

Come posso creare un .gif con uno sfondo trasparente usando Adobe Photoshop?

È un po 'tardi la sera per chiedere al mio sviluppatore web di farlo. Ecco uno screenshot dell'immagine che ho creato:

immagine di esempio

Ma non voglio bianco attorno alle lettere - dovrebbe apparire più come qui: http://wordfruit.com

Ecco cosa ho fatto:

Ho scaricato il file .gif originale dai file del sito Web.
Quando lo apro in Photoshop, il livello è bloccato e non riesco a creare un nuovo livello ...
... quindi l'ho copiato e incollato in un nuovo documento .psd e l'ho modificato
finalmente salvato come .gif

adobe-photoshop gif

— Richard Clunan
fonte

1

Come designer UX professionista, preferirei sempre PNG piuttosto che GIF poiché ha la trasparenza del canale alfa e una migliore compressione. Significa che non stai perdendo un colore per impostarlo come quello trasparente. Il mio sviluppatore e io siamo appena entrati in un dibattito, vuole che gli invii dei GIF e gli ho detto di attenersi alla sua professione di programmazione e di attenermi al mio come Graphic Designer.

15

Quando salvi una GIF (esportazione per il web) hai la possibilità di selezionare un colore per renderlo trasparente. tieni presente che puoi scegliere UN solo colore, quindi di solito finirai con l'aureola intorno all'immagine dove si fonde dalla tua immagine con il colore di sfondo originale.

È meglio ottenere il file PSD originale e salvarlo come PNG trasparente.

— DA01
fonte

2

la risposta si basa su ciò che ho capito: |

prova questo nel modo in cui lo fai

scarica la tua immagine gif dal sito web
Apri in Photoshop vai su immagine> modalità> seleziona colore rgb (nota subito nell'immagine gif il suo colore indicizzato)

immagine da google

quando crei un nuovo documento assicurati di utilizzare uno sfondo trasparente

immagine da photoshopforce

ora incolla la tua immagine e salvala come gif.

Per salvare gif vedi questo: Crea gif trasparente (ti preghiamo di salvare solo la sezione)

Ora i miei consigli su questo tuo designer / sviluppatore che usano lo sprite delle immagini, quindi è difficile per te fare le modifiche nel modo che desideri, meglio modificare psd originale e piuttosto salvarlo e usarlo, ciò che fai non è secondo il tuo designer / sviluppatore stanno usando qualcos'altro e tu stai facendo qualcos'altro ...

ordinamento e dolce suggerimento: trova il psd originale, modifica il tuo testo e salvalo come .gif altrimenti aspetta il designer. Nel modo in cui stai facendo, secondo me è uno spreco.

Spero che questo possa aiutare un po '..

— Jack
fonte

koiyu penso che il suo sprite di immagini sia stato il modo più semplice per fargli capire no?

— Jack,