Creare una GIF con sfondo trasparente

Breve tutorial per la creazione di un’immagine con trasparenza utilizzando le funzioni di photoshop, il più diffuso programma per la grafica ed il fotoritocco della Adobe.

Iniziamo selezionando un’immagine dalla quale vogliamo rimuovere lo sfondo e renderlo trasparente, per comodità ho selezionato una foto con sfondo nero.

zoom dell'immagine utilizzata per questo tutorial

(anteprima dell’immagine utilizzata)


Una volta aperta l’immagine in Photoshop prendiamo uno strumento di selezione per sagomare l’oggetto, in questo caso potrò utilizzare facilmente la bacchetta magica selezionando lo sfondo nero, in presenza di uno sfondo irregolare utilizzate uno degli altri strumenti di selezione o la maschera veloce combinata con lo strumento pennello.

Per aggiungere o rimuovere parti della selezione già fatta potete farlo combinando uno strumento selezione a vostra scelta (anche diverso da quello utilizzato precedentemente) con Shift per aggiungere e Alt per sottrarre.

Adesso invertite la selezione con Shift+Ctrl+I o dal menu a tendina Selezione Inversa, adesso copiamo la selezione con un Ctrl+C, creiamo un nuovo file con Ctrl+N facendo attenzione a selezionare dal menu:

Contenuto Sfondo > Trasparente

come nell’immagine seguente, infine incolliamo la copia della nostra selezione premendo (comando da tastiera) Ctrl+V.

ingrandisci l'immagine

(anteprima dell’immagine)

La scacchiera mette in evidenza la trasparenza dello sfondo.

ingrandisci l'immagine

(anteprima dell’immagine)

A questo punto salviamo il file in maniera da conservare la trasparenza.
I formati possibili sono GIF o PNG.

Dal menu a tendina File selezioniamo Salva per Web o come selezione rapida (da tasiera) Alt+Shift+Ctrl+S.
Un’ apposita finestra ci indicherà dove si possono selezionare le varie impostazioni di esportazione.

ingrandisci l'immagine in anteprima

(anteprima dell’immagine)

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

  • Pingback: Come creare una GIF con sfondo trasparente

  • http://www.snyke.net Snyke

    Ciao,

    sembrerebbe che anche tu sei vittima di un Bot che sto osservando da oggi, sembra che linka a tutti quelli che si mettono su Technorati con la Tag Tutorial :-(

    Volevo solo avvisarti…
    Saluti, Snyke

  • http://www.blographik.it mik

    Grazie per l’avviso.

  • m 33

    grazie!!!!!!!!!

  • Pingback: NICOmartiBLOG » Blog Archive » Gif trasparenti

  • http://lie93.spaces.live.com/ emilia

    ciao…io ho fatto tt quello che hai detto ma quando voglio salvarlo “con “salva per web” quell opzione è grigia e nn me la fa selezionare…come devo fare? rispondi x piacere grazie! ciao!

  • http://www.blographik.it Mirko D’Isidoro

    @Emilia: scusami ma non ho ben capito come sia possibile che l’opzione salva per web sia grigia.

    Potrebbe essere un problema del tuo photoshop?

    Comunnque ti consiglio di provare a chiudere il programma e riaprirlo, poi seguire i passaggi del tutorial.

    Essendo una opzione abbastanza normale per photoshop, non capisco perchè non te la mostri.

  • http://lie93.spaces.live.com/ emilia

    eh nn so xk nn funziona…ora t posto 1 foto….
    http://i35.tinypic.com/jphkwj.jpg

    vedi…

  • http://www.blographik.it Mirko D’Isidoro

    @Emilia: ok non è che non mi fidassi eh ;) .

    Attualmente non ho photoshop cs3, quindi forse è qualche opzione che tutt’ora non conosco.

    Vedo che hai selezionato “il rettangolo di selezione”, prova a disabilitarlo e vedi se te lo esporta.

  • http://lie93.spaces.live.com/ emilia

    no ho provato d tutto anke a fare una semplice foto o qualsiasi cosa nn me la salva :( ma ho letto in altri siti ke è 1 problema dovuto a photoshop ke è in italiano…poi non so…

  • http://www.blographik.it Mirko D’Isidoro

    @Emilia: infatti mi sembrava strano che un’opzione così semplice per phtoshop non funzionasse ;) . Ti posso consigliare nel caso di trovarti qualche altro programma che ti permetta di esportare per il web, oppure di utilizzare una versione più vecchia di photoshop.

  • http://lie93.spaces.live.com/ emilia

    grazie mille cmq d esserti interessato ^_^

  • http://www.blographik.it Mirko D’Isidoro

    @Emilia: per me è un piacere anche se alla fine non abbiamo risolto il problema ;) .

    A presto, se sei interessata a qualche articolo su questo blog i tuoi commenti sono i benvenuti ;) .

    A presto.

  • http://lie93.spaces.live.com/ emilia

    grazie….lo faro sicuramente ^_^ xk x le altre cose m sei stato molto d’aiuto! ciaooooo

  • Pingback: Creare una gif animata - CZeTa Forum

  • LAURA

    BRAVISSSSSSSIMO/A GRAZIE!!!

  • Pubblifabio

    Sei un grande, funziona benissimo! Complimenti per il tutorial!