Rendere lo sfondo di un'immagine trasparente in Gimp

Ho alcune immagini jpg e ho bisogno che ciascuna di esse abbia uno sfondo trasparente.

Ho GIMP come strumento grafico.

Ho bisogno di metterle in una pagina web e ho bisogno di vedere solo l'elemento principale e avere uno sfondo trasparente.

Per espandere la risposta di utopicam's, a volte la tua immagine potrebbe contenere aree, come le ombre, che vorresti fossero semitrasparenti. Per esempio, diciamo che hai una foto scattata in una lightbox, come questa bella e libera immagine di un cavallo giocattolo svedese in legno per gentile concessione di Creative Tools:

In generale, il primo passo sarebbe quello di regolare i livelli dell'immagine fino a quando lo sfondo è davvero bianco solido, tranne che per le ombre e i riflessi che vogliamo mantenere. (È possibile utilizzare questa tecnica anche con uno sfondo grigio o colorato, ma è un po' più difficile ottenere buoni risultati in questo modo). In questo caso, l'immagine è già ben regolata, quindi non dobbiamo fare nulla a riguardo.

Il prossimo passo è quello di selezionare lo sfondo. Questo è stato abbastanza facile da fare con lo strumento [bacchetta magica] (http://docs.gimp.org/en/gimp-tool-fuzzy-select.html), anche se ho dovuto sistemare alcuni punti in cui le strisce bianche sull'oggetto si fondono con lo sfondo con lo strumento [lazo] (http://docs.gimp.org/en/gimp-tool-free-select.html). Inoltre, una volta che ho avuto lo sfondo ben selezionato, ho espanso la selezione di alcuni pixel (a piena risoluzione) per evitare di lasciare un alone biancastro intorno all'oggetto a causa dell'aliasing. (Non si può vedere in questo screenshot ridimensionato, ma sono davvero riuscito a fare un bel lavoro con la selezione, se posso dirlo da solo).

Ora, qui'è il trucco: invece di tagliare semplicemente lo sfondo, ho usato ColorsColor to Alpha per cambiare il colore dello sfondo (bianco) in trasparente. (Si potrebbe anche usare il bucket fill con la modalità Color Erase come suggerisce utopicam). Se applicato all'intera immagine, questo renderebbe anche l'oggetto semitrasparente, ma poiché solo lo sfondo è selezionato, le ombre diventano traslucide mentre l'oggetto stesso rimane opaco:

Ed ecco la stessa immagine su uno sfondo blu chiaro, per mostrare meglio le ombre e i riflessi semitrasparenti:

Un trucco in più che non ho mostrato è che spesso è più conveniente fare due copie del livello dell'immagine, convertire la selezione in una [maschera di livello] (http://docs.gimp.org/en/gimp-layer-mask-add.html) su quello superiore, e applicare Color to Alpha su quello inferiore. Questo ti permette di mettere a punto i bordi dell'oggetto modificando la maschera, mentre vedi dal vivo come sarà il risultato. (Suggerimento: fai alcuni livelli di sfondo riempiti con colori diversi, in modo da poter facilmente controllare come appare l'immagine su diversi sfondi). In particolare, a volte rendere le luci vicino ai bordi dell'oggetto solo leggermente traslucide può rendere il risultato più bello e naturale, poiché imita lo sfondo che si riflette sull'oggetto.

Commentari (3)

Usare il riempimento veloce del secchio invece della selezione dei contorni

Nota: Questo tutorial è disponibile anche in PDF

.

Aggiungi un canale alfa

Alcuni tipi di immagini non hanno un canale di trasparenza; JPG per esempio. Se questo è il caso, aggiungi un canale di trasparenza alfa. Questo viene fatto selezionando "Livello → Trasparenza → Aggiungi canale alfa".

Riempi il secchio con il colore [opzionale]

Il prossimo passo è opzionale e consiste nel riempire l'area che dovrebbe diventare trasparente con un colore semplice. Seleziona lo strumento di riempimento a secchiello o premi Shift+B. All'interno delle opzioni della casella degli strumenti Riempimento secchiello, seleziona Riempimento aree trasparenti solo se necessario. Seleziona Riempimento colore BG e Campione fuso ed esegui alcuni tentativi mentre regoli Soglia per i migliori risultati. Nel mezzo, premi Ctrl+Z per annullare.

Un po' di miscelazione dei colori sarà inevitabile e persino desiderata. (A questo proposito, Adobe Photoshop non è diverso.) Quindi, scegliete un colore che sia compatibile con lo sfondo su cui l'immagine risultante sarà utilizzata alla fine. Clicca sul rettangolo del colore di sfondo nella metà superiore della finestra Tool Options per cambiare il colore di sfondo. Qui ho usato f3f3e9 come colore di sfondo per il riempimento a tinta unita. Tuttavia, si può anche usare lo strumento contagocce per scegliere un colore da qualsiasi punto del desktop.

Riempimento a secchiello: Seleziona "Riempi aree trasparenti" solo se necessario. Seleziona Riempimento colore BG e Campione fuso ed esegui alcuni tentativi mentre regoli Soglia per i migliori risultati. Nel mezzo, premi Ctrl+Z per annullare.]2

Seleziona per colore

La cosa giusta da fare ora è Selezionare → Per colore. Si potrebbe essere tentati di eseguire Colour to Transparency, tuttavia questo cambierebbe anche le aree semi-trasparenti all'interno dell'area dell'immagine desiderata. Questa volta seleziona "Riempi aree trasparenti" e "Campione fuso". Per questo particolare esempio ho scelto di non applicare AntialiasingFeather edges. Tuttavia, sperimenta con queste impostazioni e scegli ciò che ti sembra migliore. Ancora una volta, esegui alcuni tentativi regolando Threshold per ottenere i migliori risultati. Nel mezzo, premi Ctrl+Z per annullare.

![Seleziona in base al colore]: Questa volta, seleziona Fill transparent areas e anche Sample merged. Di nuovo, esegui alcuni tentativi mentre regoli Threshold e sperimenta con Antialiasing e Feather edges per i migliori risultati. Tra un tentativo e l'altro, premi il tasto Ctrl+Z per annullare.]4

Sottrai dalla selezione

A volte risulta difficile ottenere la selezione del colore in modo esatto. Una parte dell'area dell'immagine desiderata potrebbe essere selezionata anche perché il colore corrispondeva. In questo caso, e appena visibile, nove pixel desiderati nel mezzo del tubo sono stati anche selezionati per l'eliminazione. Quando questo accade, usa Ctrl+Drag con uno strumento Select di tua scelta per selezionare un'area di selezione sottrattiva.

Cresci la selezione [opzionale]

Al bordo dell'immagine desiderata, alcune sfumature dello sfondo possono ancora rimanere non selezionate. Se questo è il caso, fai crescere la selezione di un pixel usando Select → Grow... → 1px.

Cancella

Una volta che l'area di trasparenza desiderata è selezionata, premi semplicemente Delete.

Risultato finale

Infine, esporta l'immagine trasparente con File → Export As... in un formato di file che supporti la trasparenza. Sarebbe preferibilmente PNG, ma anche GIF funzionerebbe.

Commentari (4)

Sembra che tu abbia bisogno di ritagliare alcune parti dei jpg (la figura principale, per esempio) ed eliminare lo "sfondo". Puoi farlo usando lo strumento lazo.

Il sito web di Gimp ha un sacco di tutorial e spiegazioni. Controlla questo http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection e questo: http://docs.gimp.org/en/gimp-tool-free-select.html

La selezione poligonale crea un punto di ancoraggio ogni volta che clicchi. Poi spostando il puntatore del mouse si disegna una linea con un nuovo punto di ancoraggio che si può spostare finché non si clicca di nuovo.

Puoi accedere allo strumento Lazo in diversi modi:

  • Dalla barra del menu immagine Strumenti → Strumenti di selezione → Selezione libera,

  • facendo clic sull'icona dello strumento nella casella degli strumenti,

  • usando la scorciatoia da tastiera F.

Per rendere lo sfondo solido di un'immagine trasparente, aggiungi un canale alfa e usa la bacchetta magica per selezionare lo sfondo. Poi, usare lo strumento Color Picker per selezionare il colore di sfondo, che diventa il colore di primo piano nella Toolbox. Usare lo strumento Bucket Fill con il colore selezionato. Impostare la modalità di riempimento su "Color Erase", che cancella i pixel con il colore selezionato; gli altri pixel vengono parzialmente cancellati e il loro colore viene cambiato.

Commentari (0)