In questo tutorial di Photoshop, impareremo come aggiungere un classico e intramontabile effetto vignetta a una foto, perfetto per foto di matrimonio e fidanzamento, anniversari e altri ritratti di famiglia!

Creare l'effetto è semplice e, una volta che hai familiarità con i passaggi, non ci vogliono più di un paio di minuti dall'inizio alla fine. Sto usando Photoshop CS5 qui, ma qualsiasi versione recente di Photoshop funzionerà.

Ecco la foto che inizierò con:

L'immagine originale

Ecco come apparirà il risultato finale:

L'effetto vignetta finale.

Come creare un classico effetto vignetta

Passaggio 1: aggiungere uno strato di riempimento di colore solido bianco

Con la foto appena aperta in Photoshop, inizieremo riempiendo il nostro documento di bianco, che diventerà il colore del bordo della vignetta. Normalmente, aggiungeremmo semplicemente un nuovo livello vuoto al documento e quindi utilizzeremo il comando Riempi di Photoshop per riempire il nuovo livello di bianco, ma facciamo qualcosa di diverso. Fai clic sull'icona Nuovo livello di riempimento o regolazione nella parte inferiore del pannello Livelli (è il cerchio diviso in diagonale tra bianco e nero):

Fare clic sull'icona Nuovo livello di riempimento o di regolazione.

Questo apre un elenco di tutti i livelli di riempimento e regolazione tra cui scegliere. Seleziona un livello di riempimento a tinta unita dalla parte superiore dell'elenco:

Scegli Tinta unita dall'elenco.

Come suggerisce il nome, un livello di riempimento a tinta unita ci consente di riempire rapidamente il documento con un colore a tinta unita. Non appena si sceglie Tinta unita dall'elenco, Photoshop apre il Selettore colore in modo da poter selezionare il colore che si desidera utilizzare. Scegli bianco, sia facendo clic nell'angolo in alto a sinistra della grande casella di selezione del colore a sinistra o immettendo 255 per i valori R, G e B vicino al centro inferiore della finestra di dialogo:

Scegli il bianco dal Selettore colore.

Fare clic su OK per chiudere il Selettore colore e il documento è ora pieno di bianco solido:

Il livello di riempimento a tinta unita riempie il documento di bianco.

Passaggio 2: selezionare la maschera di livello

Quindi perché abbiamo usato un livello di riempimento a tinta unita qui invece di aggiungere semplicemente un livello normale e riempirlo di bianco? Il motivo è perché la prossima cosa che dobbiamo fare è aggiungere una maschera di livello al livello riempito di bianco, ma i livelli di riempimento di Photoshop, come quello a tinta unita che abbiamo appena aggiunto, sono già dotati di una maschera di livello integrata, quindi non è necessario per noi aggiungerne uno noi stessi! Se guardiamo nel pannello Livelli, vediamo il livello di riempimento, che Photoshop ha chiamato "Riempimento colore 1", che si trova sopra l'immagine originale sul livello Sfondo, e vediamo l' anteprima della maschera di livello direttamente a sinistra del nome del livello. Fai clic sulla miniatura della maschera per selezionarla. Un bordo di evidenziazione apparirà intorno alla miniatura per farti sapere che la maschera di livello stessa è ora selezionata:

I livelli di riempimento vengono forniti con le proprie maschere di livello. Fai clic sulla miniatura per selezionare la maschera.

Passaggio 3: selezionare lo strumento selezione ellittica

Seleziona lo strumento Selezione ellittica dal pannello Strumenti. Per impostazione predefinita, si nasconde dietro lo strumento Selezione rettangolare, quindi fai clic sullo Strumento selezione rettangolare e tieni premuto il pulsante del mouse per un secondo o due finché non viene visualizzato un menu a comparsa che mostra gli altri strumenti disponibili in quel punto, quindi scegli la selezione ellittica Strumento dall'elenco:

Fare clic e tenere premuto sullo strumento selezione rettangolare, quindi selezionare lo strumento selezione ellittica dal menu a comparsa.

Passaggio 4: trascinare fuori un contorno di selezione ellittica

Con lo strumento selezione ellittica selezionato, fare clic all'interno del documento e trascinare un contorno di selezione ellittica al centro del documento. Puoi spostare il contorno di selezione per riposizionarlo mentre lo disegni tenendo premuta la barra spaziatrice e trascinandola in una nuova posizione. Rilascia la barra spaziatrice per continuare a trascinare la selezione. Non preoccuparti per le sue esatte dimensioni, forma o posizione per ora perché possiamo facilmente sistemare le cose in seguito. Tutto ciò di cui abbiamo bisogno al momento è una struttura di selezione ellittica iniziale:

Trascina fuori un contorno di selezione ellittica iniziale. Le dimensioni, la forma e la posizione esatte non sono importanti.

Passaggio 5: riempire la selezione con il nero

Vai al menu Modifica nella barra dei menu nella parte superiore dello schermo e scegli Riempi :

Vai a Modifica> Riempi.

Questo apre la finestra di dialogo Riempi. Cambia l'opzione Usa nella parte superiore della finestra di dialogo in Nero :

Cambia l'opzione Usa in Nero.

Fare clic su OK per chiudere la finestra di dialogo Riempi. Photoshop riempie la selezione di nero e, poiché la maschera di livello è stata selezionata sul livello di riempimento Tinta unita, il nero perfora effettivamente un foro attraverso il livello di riempimento, rivelando la foto originale sul livello Sfondo dietro di esso:

Riempiendo la selezione di nero sulla maschera di livello rivela la foto originale sottostante.

La miniatura della maschera di livello nel pannello Livelli ci mostra l'area che abbiamo riempito di nero:

La miniatura della maschera di livello dopo aver riempito la selezione di nero.

Passaggio 6: deseleziona la selezione

Non abbiamo più bisogno del nostro profilo di selezione, quindi per rimuoverlo dal documento, vai al menu Seleziona nella parte superiore dello schermo e scegli Deseleziona . Puoi anche premere Ctrl + D (Win) / Command + D (Mac) per deselezionarlo rapidamente usando la scorciatoia da tastiera se preferisci:

Vai a Seleziona> Deseleziona.

Passaggio 7: applicare il filtro sfocatura gaussiana

Per ammorbidire i bordi del bordo della vignetta, utilizzeremo il filtro Sfocatura gaussiana di Photoshop. Vai al menu Filtro nella parte superiore dello schermo, scegli Sfocatura, quindi Sfocatura gaussiana :

Vai a Filtro> Sfocatura> Sfocatura gaussiana.

Questo apre la finestra di dialogo Sfocatura gaussiana. Tieni d'occhio l'immagine mentre inizi a trascinare il cursore Raggio nella parte inferiore della finestra di dialogo verso destra. Più a destra trascini il cursore, più sfocatura applichi ai bordi della vignetta e più morbidi diventeranno. L'esatto valore del raggio che finirai per utilizzare dipenderà dalla dimensione dell'immagine con cui stai lavorando. Per me, un valore di circa 35 pixel funziona bene, ma il tuo valore potrebbe essere diverso:

Ammorbidisci i bordi della vignetta trascinando il cursore Raggio verso destra.

Fare clic su OK al termine per chiudere la finestra di dialogo. I bordi della vignetta ora dovrebbero apparire più morbidi:

L'immagine dopo aver ammorbidito i bordi del bordo della foto.

Passaggio 8: rimodella e sposta il bordo con trasformazione libera

Con i bordi dei bordi delle foto ora attenuati, l'unica cosa che resta da fare è perfezionarla ridimensionandola, rimodellandola e spostandola secondo necessità, e possiamo farlo facilmente con il comando Trasformazione libera di Photoshop. Vai al menu Modifica nella parte superiore dello schermo e scegli Trasformazione libera . Puoi anche premere Ctrl + T (Win) / Command + T (Mac) per accedere rapidamente a Trasformazione libera con la scorciatoia da tastiera:

Vai a Modifica> Trasformazione libera.

In questo modo la casella Trasformazione libera di Photoshop e le maniglie attorno al bordo della foto. Per ridimensionare e rimodellare, fai semplicemente clic su una delle maniglie (i quadratini) e trascinale. Se tieni premuto il tasto Alt (Win) / Opzione (Mac) mentre trascini una maniglia, ridimensionerai il bordo dal suo centro anziché dal lato o dall'angolo. Per spostare il bordo, fai semplicemente clic in un punto qualsiasi all'interno del riquadro di delimitazione e trascinalo con il mouse. Continua a trascinare le maniglie e a spostare il bordo fino a quando non sei soddisfatto del suo aspetto. Al termine, premi Invio (Win) / Return (Mac) per accettare le modifiche ed uscire dal comando Trasformazione libera:

Utilizzare le maniglie per ridimensionare e rimodellare i bordi della vignetta secondo necessità. Fai clic all'interno del riquadro di delimitazione e trascina con il mouse per riposizionarlo.

Passaggio 9: tagliare via qualsiasi spazio bianco extra

Infine, se vuoi eliminare qualsiasi spazio bianco extra attorno all'immagine, vai al menu Immagine nella parte superiore dello schermo e scegli Taglia :

Vai a Immagine> Ritaglia.

Questo apre la finestra di dialogo Trim. Seleziona l'opzione Colore pixel superiore sinistro nella metà superiore della finestra di dialogo se non è già selezionata e lascia le opzioni Superiore, Inferiore, Sinistra e Destra selezionate nella metà inferiore della finestra di dialogo:

Seleziona Colore pixel in alto a sinistra e lascia le quattro opzioni in basso selezionate.

Fai clic su OK per chiudere la finestra di dialogo e Photoshop ritaglia qualsiasi spazio bianco in più attorno all'immagine, lasciandoci con il nostro risultato finale della vignetta:

Il risultato finale