In questo tutorial di Photoshop Effects, impareremo come creare un bordo fotografico per "pixel sbiaditi", con l'immagine che appare attraverso forme di pixel quadrati sparsi in modo casuale e che sfumano gradualmente in uno sfondo a tinta unita.
Per creare l'effetto, caricheremo in uno dei set di pennelli aggiuntivi inclusi con Photoshop e utilizzeremo alcune delle opzioni di Brush Dynamics per ridimensionare e disperdere casualmente il pennello mentre dipingiamo. Inizieremo con il bianco come colore di sfondo, ma alla fine del tutorial, impareremo come possiamo facilmente cambiare il colore, incluso come campionare un colore direttamente dall'immagine stessa!
Userò Photoshop CS5 per questo tutorial, ma qualsiasi versione recente di Photoshop funzionerà.
Ecco l'immagine originale che inizierò con:
La foto originale
Ed ecco come apparirà quando avremo finito:
Il risultato finale
Come creare un bordo fotografico con pixel sbiaditi
Passaggio 1: duplicare il livello di sfondo
Con la foto appena aperta in Photoshop, iniziamo facendo una copia dell'immagine in modo da poter lasciare intatto l'originale nel caso in cui ne avessimo mai più bisogno. Se guardiamo nel pannello Livelli, vediamo che stiamo iniziando con solo la foto originale seduta sul livello Sfondo:
Il pannello Livelli che mostra la foto originale sul livello Sfondo.
Per duplicare rapidamente il livello, premi Ctrl + J (Win) / Command + J (Mac) sulla tastiera. Photoshop crea una copia del livello, nomina la copia "Livello 1" e la posiziona sopra l'originale:
Una copia della foto appare su "Livello 1".
Passaggio 2: aggiungere un livello di riempimento bianco a tinta unita tra i livelli esistenti
Seleziona il livello Sfondo facendo clic su di esso nel pannello Livelli:
Fai clic sul livello Sfondo per selezionarlo.
Con il livello Sfondo selezionato, fai clic sull'icona Nuovo livello riempimento o regolazione nella parte inferiore del pannello Livelli:
Facendo clic sull'icona Nuovo livello di riempimento o di regolazione.
Scegli un livello di riempimento a tinta unita dalla parte superiore dell'elenco che appare:
Selezionando "Tinta unita" dall'elenco.
Utilizzeremo questo livello di riempimento di Colore solido come colore di sfondo per il nostro effetto. Photoshop aprirà il Selettore colore in modo da poter scegliere il colore desiderato. Scegli il bianco per ora, facendo clic su bianco nell'angolo in alto a sinistra della 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. Alla fine del tutorial, impareremo come possiamo facilmente cambiare il colore di sfondo, ma per ora il bianco lo farà:
Scegli il bianco dal Selettore colore.
Fare clic su OK al termine per chiudere il Selettore colore. Non saremo ancora in grado di vedere il colore di sfondo bianco nel documento, ma se guardiamo di nuovo nel pannello Livelli, vediamo il nuovo livello di riempimento Colore solido, che Photoshop ha chiamato "Riempimento colore 1", situato tra Livello 1 e il livello Sfondo:
Photoshop posiziona il livello di riempimento Colore solido tra i due livelli immagine.
Passaggio 3: aggiungere una maschera di livello riempita di nero al livello 1
Fai clic su Livello 1 nel pannello Livelli per selezionarlo:
Seleziona il livello 1.
Con l'opzione Livello 1 selezionata, tieni premuto il tasto Alt (Win) / Opzione (Mac) sulla tastiera e fai clic sull'icona Maschera livello nella parte inferiore del pannello Livelli:
Tieni premuto Alt (Win) / Opzione (Mac) e fai clic sull'icona Maschera di livello.
Questo aggiunge una maschera di livello al Livello 1 e poiché abbiamo tenuto premuto il tasto Alt (Win) / Opzione (Mac) mentre facevamo clic sull'icona Maschera di livello, Photoshop riempiva la maschera di livello di nero, che nasconde completamente la foto sul livello dalla vista. Possiamo vedere la miniatura della maschera di livello riempita di nero sul Livello 1 nel pannello Livelli:
Una miniatura della maschera di livello, riempita di nero, appare sul Livello 1.
Con la foto sul livello 1 nascosta, ora possiamo vedere il livello di riempimento bianco a tinta unita nel documento:
Il livello di riempimento bianco è ora visibile.
Passaggio 4: Duplica livello 1 tre volte
Premi Ctrl + J (Win) / Command + J (Mac) sulla tastiera tre volte per creare altre tre copie del livello 1. Non saremo in grado di vedere nulla di ciò che accade nella finestra del documento, ma quando hai finito, dovresti avere quattro copie della foto, ognuna con la sua maschera di livello riempita di nero, posizionata sopra il livello di riempimento Tinta unita nel pannello Livelli:
Quattro copie della foto vengono visualizzate sopra il livello di riempimento Tinta unita.
Passaggio 5: selezionare lo strumento pennello
Seleziona lo strumento pennello di Photoshop dal pannello Strumenti:
Selezione dello strumento pennello.
Passaggio 6: carica il set di pennelli quadrati
Utilizzeremo uno dei pennelli di Photoshop per creare il nostro effetto pixel, ma il pennello di cui abbiamo bisogno non è caricato per noi per impostazione predefinita, quindi dobbiamo prima caricarlo manualmente. Con lo strumento Pennello selezionato, fai clic con il pulsante destro del mouse (Win) / Control-clic (Mac) in qualsiasi punto del documento per aprire rapidamente il Selettore pennelli, quindi fai clic sulla piccola freccia nell'angolo in alto a destra:
Fai clic sull'icona a forma di freccia piccola.
Questo apre un menu con varie opzioni, incluso un elenco in fondo ai set di pennelli aggiuntivi che possiamo caricare. Scegli il set Pennelli quadrati :
Scegli il set di pennelli quadrati dall'elenco.
Photoshop ti chiederà se vuoi sostituire i pennelli originali con quelli nuovi. Fare clic su Aggiungi per conservare gli originali e aggiungere semplicemente i nuovi pennelli dopo di essi:
Fai clic su "Aggiungi" per aggiungere i nuovi pennelli senza rimuovere gli originali.
Con i nuovi pennelli caricati, scorrere le miniature dei pennelli nel Selettore pennelli fino a quando non si arriva ai pennelli quadrati (che dovrebbero essere in fondo all'elenco). Fai doppio clic sul pennello quadrato da 24 pixel per selezionarlo e chiudere il Selettore pennello:
Fare doppio clic sulla miniatura per il pennello quadrato da 24 pixel.
Passaggio 7: impostare il jitter della dimensione del pennello su 100%
Premi il tasto F5 sulla tastiera per aprire rapidamente il pannello Pennelli principale di Photoshop, quindi fai clic direttamente sulle parole Shape Dynamics sul lato sinistro del pannello. Assicurati di fare clic sulle parole stesse, non solo nella casella di controllo a sinistra delle parole:
Fai clic direttamente sulle parole Forma dinamica nel pannello Pennelli.
Aumenta fino al 100% l' opzione Jitter dimensioni, che creerà quadrati di dimensioni casuali mentre dipingiamo con il pennello. Assicurarsi che l'opzione Diametro minimo sia impostata su 0% e che anche le opzioni Angolo jitter e Rotondità jitter siano impostate su 0% :
Aumenta il jitter delle dimensioni al 100% e assicurati che le altre opzioni siano impostate su 0%.
Passaggio 8: aggiungi Scattering al pennello
Fai clic direttamente sulla parola Scattering sotto Shape Dynamics sul lato sinistro del pannello Pennelli. Ancora una volta, assicurati di fare clic sulla parola stessa, non all'interno della casella di controllo:
Seleziona Scattering sul lato sinistro del pannello Pennelli.
Aumenta il valore Scatter a circa il 700% circa, che disperderà i quadrati mentre dipingiamo. Selezionare l'opzione Entrambi gli assi facendo clic all'interno della relativa casella di controllo, quindi assicurarsi che l'opzione Conteggio sia impostata su 1 e Conta jitter sia impostato su 0% . Al termine, premi di nuovo F5 sulla tastiera per chiudere il pannello Pennelli:
Le opzioni Scattering.
Passaggio 9: selezionare la maschera di livello superiore
Con il nostro pennello quadrato pronto, fai clic sulla miniatura della maschera del livello superiore nel pannello Livelli. In questo modo, dipingeremo sulla maschera di livello stessa, non sulla foto. Un riquadro di evidenziazione bianco verrà visualizzato attorno alla miniatura per informarti che la maschera è selezionata:
Fai clic sulla miniatura della maschera di livello per il livello superiore.
Passaggio 10: dipingere sulle aree principali della foto
Assicurati che il valore di Opacità per il livello superiore sia impostato al 100%, che dovrebbe essere predefinito:
Il valore di Opacità per il livello superiore deve essere impostato al 100%.
Inoltre, prima di iniziare a dipingere, premi la lettera D sulla tastiera per assicurarti rapidamente che i colori di Primo piano e Sfondo siano impostati sui valori predefiniti di bianco (Colore di primo piano) e nero (Colore di sfondo). Photoshop usa il colore di primo piano come colore del pennello e vogliamo essere sicuri che stiamo dipingendo sulla maschera di livello con il bianco in modo da poter rivelare la foto mentre dipingiamo:
Premi D sulla tastiera per ripristinare i colori di primo piano e di sfondo.
Con il pennello quadrato in mano, l'opacità del livello impostata su 100% e il colore di Primo piano impostato su bianco, iniziano a dipingere solo sulle aree principali e importanti della foto. Naturalmente, dato che tutto ciò che possiamo vedere al momento è il solido sfondo bianco, dovrai fare una "ipotesi migliore" su dove si trovano queste aree importanti. Se non riesci a farlo bene la prima volta, premi semplicemente Ctrl + Z (Win) / Comando + Z (Mac) per annullare la pennellata, quindi riprova.
Mentre dipingi, vedrai la foto apparire attraverso una serie di quadrati sparsi e casuali, creando le prime fasi del nostro effetto pixel:
La foto viene rivelata attraverso i quadrati mentre dipingi.
Se non sei soddisfatto della dimensione del pennello quadrato, premi Ctrl + Z (Win) / Comando + Z (Mac) per annullare la pennellata (o premi Ctrl + Alt + Z (Win) / Comando + Opzione + Z (Mac) ripetutamente per annullare più tratti di pennello), quindi ridimensiona il pennello utilizzando i tasti parentesi sinistra e destra sulla tastiera. Ogni volta che premi il tasto parentesi quadra sinistra ( ( ), riduci leggermente il pennello, mentre il tasto parentesi quadra destra ( ) ) lo ingrandirà. Inizia a dipingere di nuovo quando sei soddisfatto delle dimensioni del pennello.
Continua a dipingere sulle parti principali della tua immagine. Ecco il mio documento finora. Normalmente, renderei le dimensioni del mio pennello un po 'più piccole di quelle che sto usando qui, il che mi darebbe quadrati più piccoli, ma i quadrati più piccoli potrebbero essere difficili da vedere negli screenshot, quindi per il bene di questo tutorial, sto lasciando il set di pennelli alla dimensione originale di 24 pixel:
La prima parte dell'effetto è completa.
Passaggio 11: selezionare la maschera di livello sul livello successivo
Fai clic sulla miniatura della maschera per il livello direttamente sotto il livello superiore. Ancora una volta, un bordo bianco di evidenziazione apparirà attorno alla miniatura per farti sapere che la maschera di livello è selezionata:
Fai clic sulla miniatura della maschera per il secondo livello dall'alto.
Passaggio 12: Abbassa l'opacità del livello al 70%
Abbassa il valore di Opacità per questo livello fino a circa il 70% :
Cambia l'opacità del livello al 70%.
Step 13: Disegna intorno all'area iniziale per rivelare più della foto
Con l'opacità del livello abbassata, dipingi intorno all'area iniziale per rivelare più della foto. Poiché l'opacità del livello è impostata su solo il 70%, questa nuova area apparirà un po 'sbiadita rispetto all'area precedente su cui abbiamo dipinto:
L'area appena rivelata appare leggermente sbiadita attorno all'area principale.
Passaggio 14: selezionare la maschera del livello successivo
Fai clic sulla miniatura della maschera per il terzo livello dall'alto:
Seleziona la maschera del livello successivo.
Passaggio 15: Abbassa l'opacità del livello al 35%
Abbassa l' opacità di questo terzo strato fino a circa il 35% :
Cambia l'opacità del livello al 35%.
Step 16: Paint per rivelare più foto
Continua a dipingere intorno all'area precedente per rivelare più foto. Questa nuova area apparirà ancora più sbiadita della precedente grazie al valore di opacità del 35%:
Continua a dipingere per rivelare più immagine.
Passaggio 17: selezionare la maschera del livello successivo
Infine, fai clic sulla miniatura della maschera del livello 1 originale per selezionarla:
Seleziona la maschera del livello 1.
Passaggio 18: Abbassa l'opacità del livello al 10%
Abbassa l'opacità del livello 1 fino al 10% circa:
Cambia l'opacità del livello al 10%.
Step 19: Paint nelle restanti aree della foto
Dipingi all'interno delle restanti aree bianche attorno all'immagine per rivelarne il resto. Quest'ultima parte apparirà molto debole con l'opacità del livello solo al 10%:
Dipingi all'interno delle restanti aree bianche attorno al documento per rivelare il resto dell'immagine.
Passaggio 20: cambia il colore di sfondo (opzionale)
A questo punto, l'effetto è completo, ma se vuoi cambiare il colore di sfondo in qualcosa di diverso dal bianco, fai doppio clic sul campione di colore per il livello di riempimento Tinta unita nel pannello Livelli:
Fare doppio clic sul campione di colore del livello di riempimento.
Questo riaprirà il Selettore colore. Puoi selezionare un nuovo colore dal Selettore colore, ma quello che mi piace fare è campionare un colore direttamente dall'immagine stessa. Per fare ciò, con il Selettore colore ancora aperto, sposta il cursore del mouse sull'immagine. Vedrai il tuo cursore cambiare temporaneamente sull'icona dello strumento Contagocce . Fai clic su un'area dell'immagine che contiene il colore desiderato per lo sfondo. Farò clic su un'area nella fronte della donna:
Fai clic su un colore nell'immagine da utilizzare come sfondo per l'effetto.
Fare clic su OK al termine per chiudere il Selettore colore. Il livello di riempimento Tinta unita si aggiorna istantaneamente al colore appena campionato, dandoci il nostro nuovo colore di sfondo per l'effetto:
Lo stesso effetto con il nuovo colore di sfondo.