Video Tutorial e Mini-Guida: Eliminare lo sfondo da una fotografia con Photoshop CS3

Vi presento oggi il mio primo video tutorial, in cui mostro una tecnica particolare per poter eliminare lo sfondo da una fotografia.

Vi riporto anche la guida scritta se volete ripetere la tecnica passo a apsso!

Spero la troviate utile, buona visione!

Guida passo a passo

Spesso sorge la necessità di dover adattare un’immagine ad uno sfondo differente dal suo.

Stato-di-partenza

In questa mini-guida, vorrei illustrarvi una tecnica molto precisa, utilizzando Adobe Photoshop CS3, per rendere una fotografia adattabile a qualsiasi sfondo.

E’ una tecnica molto utile perchè consente di:

  • scontornare molto bene i capelli
  • è precisa
  • è veloce
  • ha degli ottimi risultati

L’unico requisito minimo da adottare è che l’immagine abbia uno sfondo abbastanza chiaro.

Per prima cosa convertiamo la nostra immagine in layer, facendo doppio click su: Background

Trasformiamo-lo-sfondo-in-layer

Procediamo poi a scurire l’immagine.

Questo passaggio è il nocciolo fondamentale della tecnica e l’obiettivo sarà quello di creare una sagoma nera che copra l’immagine centrale, ovvero quella che si vorrà conservare e uno sfondo bianco che invece sarà la parte da eliminare.

Step 1 : nuovo livello di regolazione

Nuovo-livello-di-regolazione

Andiamo nella paletta dei livelli e clicchiamo su: Nuovo livello di regolazione (Create new fill or adjustment layer) e selezioniamo Miscelatore canale (Channel Mixer).

Si aprirà una finestra in cui dovremo modificare i sorgenti del canale.

Per prima cosa premiamo su Monocromatico (Monochrome) e nel nostro caso, regolate i tre parametri centrali (Rosso, Verde, Blu), in modo tale da rendere il più possibile nero il viso centrale e il più possibile bianco lo sfondo.
Channel-mixer
In modo da ottene una cromatura simile a quella in figura:
Sfondo-Monocromatico

Step 2 : creiamo il nuovo canale

Da questo passaggio in poi verranno utilizzati degli shortcut per abbreviare la spiegazione. Per gli utenti Mac il CTRL è uguale al tasto Command (CMD).

Terminata la regolazione, utilizziamo la seguente sequenza di tasti CTRL + A e poi SHIFT + CTRL + C

Create-new-channel

Dirigiamoci poi nella nostra paletta di lavoro e spostiamoci dal tab Layer al Channels (se non è attivo lo potete aggiungere dal menu Finestra (Window) -> Canali (Channels)) e qui clicchiamo su:  Crea nuovo canale (Create new channel), ora premiamo: CTRL + V e successivamente CTRL + D.

Step 3: regoliamo colori e toni

Non resta che rendere totalmente nera la nostra immagine, per questo motivo dovremo correggere i Livelli (Levels) cercando di rendere l’immagine il più possibile scura.

Premiamo CTRL + L e iniziamo a giocare con le regolazioni fino a che non si ottiene una cromatura simile a quella in figura.


Rendiamo-immagine-nera

Step 4 : ultimi ritocchi

Rimangono sempre delle piccole imperfezioni che possiamo correggere in diversi modi, utilizzando strumenti come:

  1. Scherma (Dodge Tool)
  2. Brucia (Burn Tool)
  3. Pennello (Brush Tool)

Brucia-SchermaLo strumento Scherma e lo strumento Brucia dovranno avere la stessa Esposizione (Exposure) che potrà essere settata tra il 40% e il 60%.

Il primo dovrà essere impostato su Luci (HighLights) e passato su tutto lo sfondo dell’immagine, noterete che si schiarirà molto diventando quasi totalmente bianco.

Il secondo dovrà essere impostato su Ombre (Shadows) e passato sulla figura nera, questo per rendere visibili i capelli più sottili.

Se rimangono delle imprecisioni nell’immagine utilizziamo il pennello nero per coprirle, fino ad ottenere un risultato simile:

Maschera-Finale

Step 5: eliminiamo lo sfondo

Siamo arrivati alla fine dell’opera! Tenendo premuto CTRL clicchiamo sull’icona del canale creato e spostiamoci nel tab Layers ed eliminiamo il livello di regolazione creato all’inizio.

Per completare premiamo Canc e lo sfondo verrà eliminato.

Conclusioni

Una tecnica molto utile e versatile che può essere utilizzata in svariati casi. Ovviamente deve essere molto personalizzata per ottenere dei buoni risultati.

Un rigraziamento al professor Giorgio Pantelli.

Altri articoli correlati:

Alberto TrussardiFondatore del progetto webfandom, è un Web Designer freelance di Bergamo che collabora in tutta Italia con diverse aziende nel campo dello sviluppo web e marketing online. Ama l’arte e la poesia, due ottime compagne che lo aiutano a trovare ispirazione per i lavori che svolge.
Ti è piaciuto l'articolo? Puoi seguire tutti gli aggiornamenti del blog iscrivendoti gratuitamente ai Feed Rss!
  • Feed
  • Cosa sono
  • Reader
Se vuoi puoi condividerlo su:
Puoi trovare articoli simili in: Adobe Photoshop, Tutorial, Web Design

30 COMMENTI

  • Ghido 7 settembre 2009

    Utilissima guida, mi sa che la metterò nei preferiti! E’ una di quelle cose che tornano sempre utili.

    P.S.
    Non ricordavo avessi una voce così bassa e seriosa :-P
    Si addice molto ai videotutorial ;-)

  • Teuz 7 settembre 2009

    In poche parole rendi l’immagine da tagliare completamente nera contro uno sfondo completamente bianco, causando così il maggior contrasto possibile. Tagli la parte nera e la fai tua.

    Ma poi? Annulli tutti i procedimenti cromatici fatti prima o la sovrapponi all’immagine base, così da usarla come base per il ritaglio?

  • Roberta 7 settembre 2009

    Bhe Albe è ottima come al solito … purtroppo abbiamo avuto lo stesso insegnate! ;)

  • Federico 7 settembre 2009

    Bella veramente, oggi la metto in pratica!

    @ Teuz: sovrappone in modo tale da ritagliare solo la parte che serve!

  • Teuz 7 settembre 2009

    Grazie Federico, nella lettura (al momento non avevo voglio di far caricare il video) non viene specificata la conclusione.

  • Alex8824 7 settembre 2009

    Molto bello.. e può sempre tornare utile. in teoria anche se uno sfondo è chiaro ma con quadri o oggetti fastidiosi basta imbiancarli un po’ e il gioco è fatto.. giusto?

  • Alberto 7 settembre 2009

    @ Alex8824: si Alex, l’unica è provare e giocare coi contrasti e luci!

    @ Federico: grazie fede!

    @ Ghido: purtroppo la voce registrata esce così! Non mi piace molto, la mia vera è molto diversa.

  • Davidella 7 settembre 2009

    Video lungo, ma estremamente esaustivo! E’ facilissimo ripetere le operazioni, complimenti!!

  • Claudio 7 settembre 2009

    Ciao Alberto bellissimo video!

    Non ho capito bene una parte, nello STEP 5 devo tenere premuto CTRL e premere su quale canale, ne ho 5!

  • Alberto 7 settembre 2009

    Tieni premuto CTRL e clicchi su Alpha1 è l’unico che devi avere!

    Ti sposti poi dal tab CHANNELS (CANALI) a LAYERS(LIVELLI) elimini il livello di regolazione creato all’inizio e premi CANC poi hai finito!

  • Claudio 7 settembre 2009

    Grazie! Sono riuscito!
    Ho cercato di scontornare i capelli della mia ragazza e sono usciti abbastanza bene.
    Praticamente se voglio avere dei risultati migliori devo regolare meglio luci e ombre.
    Grazie ottimo video!
    Share IT!!!

  • Santa Maria Goretti 7 settembre 2009

    È un ottimo tutorial e poi hai una voce sexyssima Albe! Vorrei però ricordare ai lettori che esiste anche Gimp con cui si possono fare queste cose, Gimp è un software completamente libero.

  • Daniele Monti 7 settembre 2009

    Beh direi che come primo video tutorial ti sei dato parecchio da fare!!!
    La tecnica non la conoscevo; da bravo programmatore di grafica ne capisco ben poco, anche se ogni tanto mi tocca starci dietro. Grazie a questo video la smetterò di sproloquiare davanti a un monitor mentre uso il lazzo!!!

  • Giorgio 7 settembre 2009

    Effettivamente come dice Maria Goretti si può anche usare Gimp, ma alla fine l’importante è assimilare la tecnica.

    Poi che sia Photoshop o Gimp non cambia.

    Cmq ottimo tutorial txh! ;)

  • Alberto 7 settembre 2009

    @ Maria Goretti: Bello il tuo nick!!! :D

    Certamente che si può fare in gimp e aggiungo che è pure un software gratuito! http://www.gimp.org/

  • Cukon Anđelijka 7 settembre 2009

    imparerò a usare Photoshop dopo aver visto questo video… meglio tardi che mai XD

  • Mauro Ciarciaglini 7 settembre 2009

    bellissimo video tutorial Alberto! Quanto prima metterò in pratica l’ insegnamento!!

  • Ghibel 8 settembre 2009

    Molto interessante! Io in genere uso lo strumento penna, creo una selezione e cancello lo sfondo ma proverò senz’altro questa nuova tecnica!!! Grazie x l’ottimo consiglio

  • michele 8 settembre 2009

    Ottima spiegazione !
    @Ghibel ,lo strumento penna lo vedo ottimo in caso di sfondi non omogenei e oggetti curvi , per i capelli rimane un problema :D .

  • Alberto 8 settembre 2009

    Grazie a tutti ragazzi! Spero che vi serva!

  • TheNorba 11 settembre 2009

    Ottimo video tutorial, complimenti! ;-)

  • Federico 13 settembre 2009

    hey Albe il video ha avuto un buon successo vedo …. è servito a molti ed ha avuto diverse visualizzazioni! Complimenti ancora, aspettiamo tutti con ansia il prossimo! ;)

  • Riccardo 15 settembre 2009

    Utilissimo! ;)

  • Alberto 19 settembre 2009

    Grazie per i complimenti ragazzi! Spero che anche il prossimo possa interessarvi ;)

  • Cosimo 5 gennaio 2010

    Ciao Alberto!
    Complimenti per il video.
    Ho una domanda: il file di partenza che hai usato è un .jpg?
    La stessa tecnica vale se voglio togliere lo sfondo bianco da file .eps?

    Grazie

    • Alberto 5 gennaio 2010

      Ciao Cosimo! Si era una jpg, vale anche per i file .eps.
      Devi però rendere l’immagine raster quando la apri in Photoshop perchè il formato .eps è vettoriale, oppure apri il file con Illustrator e vedi se lo sfondo è un layer a se stante e lo rimuovi da li senza troppa fatica!

      Se hai bisogno chiedi pure! Ciao e buon anno!

      risposta a:  Cosimo Rispondi
  • bromesco 21 settembre 2010

    Credo di aver fatto un pò di confusione nello spedire un commento………!
    Và bene dai,commentavo che questo tutorial è ottimo ma quando il fondo è più complesso quale strumemto usi? l’esempio che riporti è ottimo ma quando i capelli sono su uno sfondo meno uniforme???? oltre a questo, come fai per evitare l’alone chiaro che esce fuori quando scontorni con la gomma???
    Grazie e complimenti per il tuo lavoro.

  • Alberto 21 settembre 2010

    Ciao Bromesco, grazie.
    In quei casi devi usare la penna, è lungo e faticoso come itinerario, ma preciso nei risultati.
    La tecnica illustrata funziona bene quando gli sfondi sono chiari!

LASCIA UN COMMENTO

LASCIA UN COMMENTO pesonalizza il tuo avatar registrandoti su gravatar.com

Il progetto WebFandom

WebFandom Logo

Internet e' la prima rete dati pubblica e capillarmente diffusa presso famiglie e imprese, percio' e' un canale di distribuzione virtuale in grado di raggiungere clienti di qualunque dimensione.

WebFandom si occupa di una realizzazione e distribuzione di informazioni, prodotti e servizi sulla rete per imprese di medie e grandi dimensioni, progettando siti internet e sistemi informativi aziendali a forte impatto visivo. Organizziamo campagne pubblicitarie sia online che offline, per promuovere persone, prodotti e aziende.

Se sei interessato potresti consultare i nostri servizi o profili. Se invece pensi che siamo in grado di darti una mano, puoi guardare il nostro portfolio per farti un'idea di cosa sappiamo fare.

Elementi di comunicazione visiva

WebFandom - eBook gratuito

Il primo eBook gratuito italiano sulla comunicazione visiva, un manuale teorico di progettazione grafica che si divide in: Basic e Brand Design. Lo scopo e' quello di fornire un metodo per lo sviluppo di un marchio aziendale.

Seguici su facebook!

Aderiamo ai seguenti Network:

WebFandom - Bergamonews

BergamoNews e' tra i piu' visitati quotidiani online di Bergamo e Provincia, informazioni libere e gratuite da tutta la citta', isole, provincia e Italia. Webfandom aderisce al loro network di blog.

WebFandom - Young Digital

Young Digital Lab e' il network dei migliori giovani professionisti italiani nel campo dei social media. Una societa' di formazione e consulenza sulla comunicazione ai tempi del Social Web.

SideBlog: Notizie Flash dalla rete

Archivio sideblog

Ultimi Preferiti Più letti