Come creare il proprio sfondo personalizzato Bokeh in Photoshop

Ti abbiamo insegnato cos'è il bokeh e come crearlo con una fotocamera fisica, ora diamo un'occhiata a come possiamo creare la splendida morbidezza del bokeh come un bel sfondo colorato e screziato di luce per il tuo computer e dispositivi mobili.

Perché voglio farlo?

Ci sono due grandi take-away del tutorial fotografico di oggi. In primo luogo, avrai la possibilità di creare uno sfondo bokeh( che è un compagno davvero divertente e colorato delle fotografie analogiche a bokeh che ti abbiamo mostrato in precedenza come creare).

In secondo luogo, imparerai anche le basi del Photoshop Brush Engine, che è uno strumento molto potente nell'arsenale di Photoshop( e piuttosto poco usato).

Finalmente, è solo un buon divertimento per l'editing digitale pulito. Invece di trollare Google Immagini o altre fonti per uno sfondo in perfetto stile bokeh per il tuo telefono o computer, puoi crearlo tu stesso con i colori e la composizione esatti che desideri.

Di cosa ho bisogno?

Per questo tutorial ti servirà solo una cosa:

• Adobe Photoshop

Stiamo usando Adobe Photoshop CS6, ma le tecniche delineate nel tutorial dovrebbero funzionare bene sulle vecchie edizioni di Photoshop.

Oltre a Photoshop, non sono necessari strumenti aggiuntivi o file di input;creeremo l'intera immagine all'interno dell'applicazione.

Quali concetti stiamo usando?

Per questo tutorial, ci sono alcuni elementi chiave di progettazione che vogliamo tenere a mente. In una fotografia reale, l'effetto bokeh viene creato da punti di luce all'esterno del piano focale dell'obiettivo, in cui la luce sfocata dei punti salienti assume la forma dell'apertura dell'obiettivo.

Per creare quell'effetto, non possiamo semplicemente creare un gruppo di cerchi e proclamarci fatti con il progetto, vogliamo ricreare l'illusione di profondità che una fotografia reale avrebbe( come i punti di luce sarebbero presenti su punti leggermente diversidel piano focale).Vogliamo anche ricreare la variabilità delle dimensioni della luce che potresti trovare nel mondo reale. In altre parole, non vogliamo un'immagine piatta con dimensioni del cerchio uniformi.

Per raggiungere questo obiettivo, faremo due cose: per ridurre la noia della mano disegnando centinaia di cerchi di dimensioni variabili, creeremo un pennello personalizzato proprio per questo compito. Combineremo quindi più strati di questi cerchi di dimensioni variabili per creare l'illusione della profondità.

Impostazione e creazione del pennello Bokeh

Il primo ordine del giorno è creare il nostro spazio di lavoro e quindi creare il nostro pennello Faux-Bokeh. Crea una nuova immagine in Photoshop che è la dimensione dello sfondo che desideri creare. Stiamo lavorando con una risoluzione dello schermo standard di 1920 × 1080 pixel. Imposta lo sfondo trasparente.

Una volta creata la tua nuova tela, fai clic sulla tavolozza e seleziona un colore di primo piano che è estremamente grigio scuro senza essere nero, abbiamo usato i valori RGB 30-30-30:

Una volta selezionato un grigio molto scuro, seleziona la formaStrumento( U) e passalo a Ellissi. Tenere premuto il tasto Maiusc per bloccare le proporzioni della forma che si sta per disegnare, quindi disegnare un cerchio al centro della tela. Non deve essere particolarmente grande;sulla nostra tela 1920 × 1080 abbiamo disegnato un cerchio di circa 300 pixel di larghezza. L'unica parte critica è che il cerchio è abbastanza grande da poter essere visualizzato comodamente e modificato;la dimensione effettiva del cerchio verrà regolata al volo in un secondo momento nel tutorial.

A questo punto, avrai un cerchio quasi nero seduto nel mezzo della tela. Fai doppio clic sulla voce del livello nel pannello laterale Livelli e apporta due modifiche. Innanzitutto, regola Opacità di riempimento al 50%( assicurati di regolare Opacità riempimento e non la categoria Opacità più ampia).In secondo luogo, aggiungi uno strato di tratto nero puro di 10 pixel di larghezza con un'opacità del 100% in questo modo:

Il risultato dovrebbe essere abbastanza simile all'immagine qui sopra: un cerchio perfetto con un bordo nero e un centro fumoso che assomiglia a un filtro per obiettivi.

Questo cerchio non così eccitante farà da seme per il nostro pennello. Questo è dove la vera magia accade nel tutorial di oggi. Dopo aver creato il semplice cerchio colorato sopra, vai a Modifica - & gt;Definisci preset pennello. Assegna un nome al nuovo predefinito del pennello;abbiamo chiamato il nostro "Bokeh Brush 1".

Dopo aver nominato il tuo nuovo pennello, noterai che il pannello Pennelli / Pennelli predefiniti è ora aperto sul lato destro dello schermo. Innanzitutto, selezionare lo strumento pennello premendo B sulla tastiera o selezionandolo manualmente dalla tavolozza degli strumenti. Quindi fare clic sulla scheda Preimpostazioni pennello. Individua e seleziona il tuo nuovo pennello:

Una volta selezionato, fai clic sulla scheda Pennello per visualizzare e modificare le proprietà del pennello. In basso, al di sotto di tutte le variabili del pennello, c'è un esempio di come appare un pennello dal pennello. Con le impostazioni di default, assomiglia a questo:

Sai cosa non assomiglia? Bokeh delicato, naturale e screziato. Stiamo per cambiarlo. Nella voce Forma punta pennello nel pannello Pennello. Nella parte inferiore del pannello, modificare la spaziatura dal 25% al ​​100%.Si noti la modifica nella finestra di anteprima del pennello:

Successivamente, è necessario creare il posizionamento casuale dei cerchi aumentando la variabile di dispersione. Fare clic sulla voce Scattering e regolare lo Scatter su 10.000%, Count su 5 e Count Jitter su 1%.(Dopo aver fatto il nostro pennello iniziale, sentitevi liberi di giocare con questi valori con Bokeh Brush 2, cambiando i valori qui e nelle variabili che seguono produce effetti nitidi).La finestra di esempio del pennello dovrebbe apparire così ora:

Ora stiamo andando da qualche parte;quel campione è iniziato a somigliare ai punti di luce casuali e sovrapposti che ci aspetteremmo da una fotografia ricca di bokeh.

Facciamo qualcosa sull'uniformità del dimensionamento navigando verso la voce Shape Dynamics. Cambia i preset qui a Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50%, e poi lascia il resto a 0% e off / deschecked in questo modo:

Ancora meglio, l'aggiunta di Size Jitter ha davvero introdotto delle bellevariazione. Il tocco finale sul nostro pennello è quello di regolare l'opacità e il flusso di jitter nella categoria di trasferimento. Fare clic su Trasferisci e regolare Opacity Jitter su 50% e Flow Jitter su 50%.Cambia il controllo del flusso di jitter in pressione della penna. Lascia tutto il resto off o allo 0% in questo modo:

Ora è una bella anteprima;basta guardarlo - puoi praticamente vedere lo sfondo prendere forma proprio nella piccola finestra di anteprima.

Con il nostro pennello definito, è il momento di passare al processo di creazione dello sfondo reale.

Creazione del gradiente di sfondo e dei livelli Bokeh

Procedere e creare un nuovo livello nell'area di lavoro( e, se lo si desidera, deselezionare o eliminare il livello utilizzato per creare il pennello a forma di ellisse).Etichetta questo livello "Sfondo".Puoi mettere un colore a tinta unita o una sfumatura sullo sfondo del tuo sfondo su questo nuovo livello, ma le sfumature sono molto più belle nel prodotto finito.

Seleziona lo strumento sfumatura( G), quindi seleziona uno dei gradienti preimpostati o creane uno personalizzato. I preset non avevano il tipo di effetto arcobaleno iper-brillante che stavamo cercando, quindi abbiamo creato un nuovo gradiente utilizzando i valori seme per le posizioni dei gradienti 0%, 50% e 100% di 255-0-252, 0-252-255 e 240-255-0, rispettivamente:

Applicato con un angolo di circa 35 gradi dall'angolo in basso a sinistra all'angolo in alto a destra della tela, la sfumatura è simile a questa:

Con la tela dipinta, è il momento diinizia con il primo strato bokeh. Crea un nuovo livello chiamato "Sfondo Bokeh".Seleziona lo strumento pennello( B).Cambia il colore del pennello in bianco puro. Seleziona una dimensione del pennello approssimativamente da un terzo a metà della dimensione verticale della tua tela( nel caso del nostro canvas 1920 x 1080 significa un pennello di circa 300-500 pixel di dimensione).Oggi stiamo suonando alla grande, quindi è a 500 pixel.

Il prossimo passo( e le sue successive ripetizioni) è interamente una questione di gusti. Vai prima con il pennello e poi un po 'più pesante se lo desideri. Ricorda, questo non è come usare un pennello standard in cui puoi cliccare sul punto X e ottenere un feedback immediato in quel punto. Abbiamo creato un pennello che crea effettivamente un tratto molto ampio e molto variabile.

Inizia con un passaggio del pennello da un lato all'altro dell'area di disegno, quindi tocca qui o là per aggiungere più cerchi. Abbiamo scoperto che due passaggi solidi da sinistra a destra e da destra a sinistra fanno un buon lavoro. Ecco come dovrebbe apparire la tua tela, dare o fare qualche cerchio:

Dato che questo è il livello di sfondo, abbiamo bisogno di sfocarlo per iniziare a costruire quel senso di profondità.Mentre sei ancora sul livello Sfondo Bokeh, vai a Filtro - & gt;Sfocatura - & gt;Sfocatura gaussiana. Un valore compreso tra 20 e 30 restituisce una bella sfocatura dello sfondo piacevole:

Ora dobbiamo ripetere il processo con alcune piccole modifiche. Crea un nuovo livello chiamato "Bokeh Midground".Riduci la dimensione del pennello su un valore inferiore( lo abbiamo lasciato da 500 pixel a 300 pixel).Ancora una volta, fai un passaggio sulla tela con lo strumento pennello finché non sei soddisfatto del numero di cerchi. Applica di nuovo la Sfocatura gaussiana, ma questa volta regola la sfocatura tra 5-10 pixel:

Possiamo vedere lo sfondo prendere forma con l'aggiunta del secondo livello. Ora è il momento per un altro livello. Crea un nuovo livello chiamato "Bokeh in primo piano".Cambia le dimensioni del pennello in un valore ancora più piccolo( lo abbiamo lasciato da 300 pixel a 150 pixel).Ripeti il ​​passaggio del pennello sulla tela. Ripeti il ​​Gaussian Blur, ma rilascia il valore a 1-5 pixel.

Questo è l'ultimo passaggio del tutorial, una volta sfocato il livello "Bokeh Foreground", sarai ricompensato con il prodotto finale:

La cosa divertente del flusso di lavoro è che è estremamente facile, una volta che sei andatoattraverso di essa una volta, per frugare ancora e ancora creando nuovi sfondi con cerchi veramente densi( o sparsi), sfumature chiare o scure e altre variazioni.

Infatti, senza nemmeno ripetere l'intero processo, puoi creare un nuovo livello sul tuo vecchio livello di sfondo, schiacciare una nuova sfumatura verso il basso e creare uno sfondo con una vibrazione completamente nuova:

Con progetti come questo, la variabilità e la casualità diil risultato finale è parte del divertimento. Sentiti libero di sperimentare con le dimensioni dei pennelli, le impostazioni e altre variabili per ottenere risultati divertenti e unici, anzi, ancora meglio, condividili nei commenti sottostanti con gli altri lettori.