In questo tutorial di Photoshop Effcts, impareremo come creare un interessante effetto fotografico prendendo un'immagine e trasformandola in una serie di strisce intrecciate. Nel tutorial utilizzeremo alcuni livelli e maschere di livello, oltre a un paio di maschere di ritaglio e uno stile di livello e accenderemo la griglia di Photoshop per aiutarci.
La prima volta che ho visto questo effetto Photoshop, ho pensato "Wow, ci sono alcune cose davvero avanzate che stanno succedendo lì!". Ma come nella maggior parte delle cose nella vita, dopo averci pensato per qualche minuto, mi sono reso conto di quanto sia davvero semplice, come vedremo!
Ecco la foto che userò per questo tutorial. È la stessa immagine che ho usato nel tutorial di Ghosting An Image ma funziona benissimo anche con questo effetto:
L'immagine originale
Ed ecco la stessa immagine dopo averla trasformata in strisce intrecciate. Notare come le strisce verticali e orizzontali sembrano alternarsi tra andare sopra e sotto l'una all'altra (che è da dove proviene la parte "intreccio"):
Il risultato finale
Questo tutorial è tratto dalla nostra serie di effetti fotografici. Iniziamo!
Passaggio 1: ritaglia l'immagine in un quadrato
La prima cosa che dobbiamo fare per questo effetto è ritagliare l'immagine in un quadrato, anche se tecnicamente potresti lasciare l'immagine come un 4x6 o qualsiasi dimensione sia, ma l'effetto tende ad apparire al meglio come un quadrato, quindi tagliamo esso. Per questo utilizzeremo lo strumento Ritaglia di Photoshop, quindi selezionalo dalla palette Strumenti:
Seleziona lo strumento Ritaglia.
Puoi anche premere la lettera C per selezionarla rapidamente con la scorciatoia da tastiera. Quindi, con lo strumento Ritaglia selezionato, tieni premuto il tasto Maiusc e trascina una selezione intorno al viso della persona. Tenendo premuto Shift si dice a Photoshop di vincolare la selezione a un quadrato perfetto:
Tieni premuto "Maiusc" e trascina una selezione quadrata attorno al viso della persona.
Premi Invio (Win) / Return (Mac) quando hai finito di trascinare la selezione e Photoshop procede e ritaglia l'immagine in un quadrato:
L'immagine è ora ritagliata in un quadrato.
Passaggio 2: duplicare lo strato di sfondo due volte
La prossima cosa che faremo è creare un paio di copie della nostra immagine. Se guardiamo nella palette Livelli, possiamo vedere che attualmente abbiamo un livello che si chiama Sfondo e contiene la nostra immagine originale (o almeno, ciò che resta della nostra immagine originale ora che l'abbiamo ritagliata). Dobbiamo duplicare il livello Background un paio di volte, quindi usa la scorciatoia da tastiera Ctrl + J (Win) / Command + J (Mac) per duplicarlo una volta e quindi usa di nuovo la stessa scorciatoia da tastiera per creare una seconda copia. Ora dovresti vedere tre livelli nella palette Livelli. Fare doppio clic direttamente sul nome del livello in alto e rinominarlo "Strisce verticali", quindi fare doppio clic direttamente sul nome del livello sottostante e rinominarlo in "Strisce orizzontali":
Premi "Ctrl + J" (Win) / "Command + J" (Mac) per creare due copie del livello Background, quindi rinomina la parte superiore "Strips verticali" e quella inferiore "Strips orizzontali".
Passaggio 3: riempire il livello di sfondo con il nero
Premi D sulla tastiera per ripristinare i colori di primo piano e di sfondo di Photoshop ai valori predefiniti di nero come colore di primo piano e bianco come colore di sfondo (i tuoi potrebbero già essere impostati con i colori predefiniti). Quindi fare clic sul livello Sfondo originale (livello inferiore) nella palette Livelli per selezionarlo. Lo riempiremo di nero e di nero ora come colore di primo piano, possiamo usare la scorciatoia da tastiera Alt + Backspace (Win) / Opzione + Elimina (Mac) che riempie il livello attualmente selezionato con il colore di primo piano corrente ( nero). Sembra che nulla sia accaduto all'immagine, poiché i due livelli sopra il livello Sfondo lo stanno bloccando dalla vista, ma se guardiamo nella palette Livelli, possiamo vedere che la miniatura del livello Sfondo è ora piena di nero, dicendoci che il livello stesso è pieno di nero:
Seleziona il livello Sfondo nella palette Livelli e premi "Alt + Backspace" (Win) / "Opzione + Elimina" (Mac) per riempirlo di nero.
Passaggio 4: Disattiva il livello superiore per ora
Prima creeremo le nostre strisce orizzontali, ma il livello "Strisce verticali" in alto bloccherà la nostra vista, quindi dobbiamo disattivarla temporaneamente. Per fare ciò, fai clic sull'icona di visibilità del livello ( icona "bulbo oculare") a sinistra del livello "Strisce verticali" nella palette Livelli. Non vedrai nulla accadere all'immagine stessa poiché i livelli "Strisce verticali" e "Strisce orizzontali" sono identici al momento, ma quando fai clic sull'icona del bulbo oculare, il bulbo oculare scompare, facendoti sapere che il livello è ora nascosto:
Fare clic sull'icona "bulbo oculare" a sinistra del livello "Strisce verticali" nella palette Livelli per disattivare temporaneamente il livello.
Passaggio 5: attiva la griglia di Photoshop
Creeremo le nostre strisce verticali e orizzontali e, per aiutarci, useremo la griglia di Photoshop. Vai al menu Visualizza nella parte superiore dello schermo, scegli Mostra, quindi Griglia. Puoi anche usare la scorciatoia da tastiera Ctrl + '(Win) / Command +' (Mac) per accendere e spegnere facilmente la griglia. Quando viene visualizzata la griglia, se trovi che non riesci a vederla molto bene perché il colore della griglia si fonde con i colori dell'immagine, premi Ctrl + K (Win) / Command + K (Mac) per visualizzare rapidamente Preferenze. Quindi, dal menu a discesa in alto, scegli Guide, Griglia e Fette. Da qui, possiamo cambiare il colore della griglia. Nelle opzioni Griglia, fai clic sul campione di colore nell'angolo in alto a destra, che visualizzerà il Selettore colore di Photoshop. Seleziona un colore per la griglia che sarai in grado di vedere davanti all'immagine, quindi fai clic su OK per uscire dal Selettore colore. Puoi vedere nello screenshot qui sotto delle opzioni Griglia che ho cambiato il colore della mia griglia in giallo:
Se necessario, modifica il colore della griglia nelle Preferenze di Photoshop.
Fare clic su OK per uscire dalla finestra di dialogo Preferenze. Ora dovresti vedere la tua griglia nel tuo nuovo colore (nel mio caso giallo) sopra l'immagine:
La griglia visualizzata sopra l'immagine.
Passaggio 6: trascinare una serie di selezioni orizzontali
Creiamo prima le nostre strisce orizzontali. Prendi lo strumento Selezione rettangolare dalla tavolozza Strumenti o premi M sulla tastiera per selezionarlo rapidamente:
Seleziona lo strumento Selezione rettangolare.
Ora usiamo la nostra griglia per aiutarci a creare le nostre strisce orizzontali. Innanzitutto, assicurati che il livello "Strisce orizzontali" sia selezionato nella palette Livelli (il livello attualmente selezionato è evidenziato in blu). Creerò strisce orizzontali che sono alte due righe della griglia, con una riga della griglia che le separa l'una dall'altra. Ora voglio assicurarmi che gli occhi della donna siano inclusi nell'effetto finale, quindi inizierò trascinando una selezione attorno alle due file della griglia davanti ai suoi occhi. Per impostazione predefinita, la mia selezione verrà agganciata alla griglia mentre trascino per semplificare le cose. Se scopri che la selezione non si aggancia alla griglia, vai al menu Visualizza nella parte superiore dello schermo, scegli Aggancia a, quindi Griglia. Dovresti vedere un segno di spunta a sinistra della parola "Griglia".
Ecco la mia selezione attorno alle due file della griglia davanti ai suoi occhi:
Trascina fuori una selezione orizzontale alta due righe della griglia.
Questa selezione diventerà una delle nostre strisce orizzontali. Ora creiamo il resto di loro. Tieni premuto il tasto Maiusc, che indicherà a Photoshop di aggiungere le selezioni successive alla nostra selezione originale e di trascinare più selezioni orizzontali, mantenendo ciascuna due righe della griglia in alto e lasciando una riga della griglia che separa ciascuna selezione. La tua immagine dovrebbe apparire così al termine:
Tieni premuto "Maiusc" e trascina il resto delle selezioni orizzontali, aumentando ognuna due righe della griglia e lasciando una riga della griglia tra di esse.
Passaggio 7: Aggiungi una maschera di livello
Con le nostre selezioni orizzontali in atto, fai clic sull'icona Maschera di livello nella parte inferiore della palette Livelli per aggiungere una maschera di livello al livello "Strisce orizzontali":
Fai clic sull'icona "Maschera di livello" nella parte inferiore della palette Livelli.
Photoshop aggiunge una maschera al livello e utilizza le selezioni che abbiamo creato per determinare quali parti del livello rimarranno visibili e quali parti verranno nascoste alla vista. Le aree che erano all'interno delle nostre selezioni orizzontali rimangono visibili, mentre le aree che erano nelle colonne della griglia che separavano le nostre selezioni scompaiono, rivelando il livello nero sotto:
Dopo aver aggiunto la maschera di livello, Photoshop nasconde le aree tra le nostre selezioni, rivelando il livello nero sotto.
Ho intenzione di premere Ctrl + '(Win) / Command +' (Mac) per nascondere temporaneamente la mia griglia in modo da poter vedere più chiaramente cosa è successo. Ora abbiamo creato le nostre strisce orizzontali:
Le strisce orizzontali sono ora create.
Passaggio 8: riattiva il livello "Strisce verticali"
Faremo la stessa cosa ora per creare le nostre strisce verticali. Innanzitutto, fai clic sul livello superiore "Strisce verticali" nella palette Livelli per selezionarlo, quindi fai clic di nuovo sull'icona di visibilità del livello per riportare il bulbo oculare e riattivare il livello stesso:
Seleziona il livello "Strisce verticali" nella palette Livelli e fai nuovamente clic sull'icona di visibilità del livello per riattivare il livello.
Passaggio 9: trascinare una serie di selezioni verticali
Proprio come abbiamo fatto durante la creazione delle strisce orizzontali, trasciniamo fuori una serie di selezioni, questa volta verticali. Faremo le selezioni verticali larghe due colonne della griglia, lasciando una colonna della griglia tra di esse. Usa lo strumento Selezione rettangolare per trascinare la prima selezione, quindi tieni premuto Maiusc e trascina il resto delle selezioni. La tua immagine ora dovrebbe apparire così:
Trascina una serie di selezioni verticali. Rendi larghe due colonne della griglia e lascia una colonna della griglia tra ciascuna selezione per separarle.
Passaggio 10: aggiungi una maschera di livello
Con le nostre selezioni verticali in atto, fai clic sull'icona Maschera di livello nella parte inferiore della palette Livelli:
Aggiungi una maschera di livello al livello "Strisce verticali".
Photoshop aggiunge una maschera di livello al livello e, proprio come prima, utilizza le nostre selezioni per determinare quali aree del livello rimangono visibili e quali scompaiono dalla vista. Le aree all'interno delle nostre selezioni rimangono visibili e le aree all'interno delle colonne della griglia che separano le nostre selezioni scompaiono rivelando sia il livello "Strisce orizzontali" sia il livello nero sotto:
Rimangono visibili solo le aree all'interno delle nostre selezioni verticali.
Ancora una volta spegnerò temporaneamente la mia griglia con Ctrl + ' (Win) / Command +' (Mac) in modo da poter vedere l'immagine stessa più facilmente. La tua immagine ora dovrebbe assomigliare a questa:
Le strisce verticali e orizzontali sono ora create.
Passaggio 11: selezionare tutti i punti di intersezione delle strisce
Abbiamo le nostre strisce verticali e orizzontali, ma al momento sembra davvero che abbiamo un mucchio di quadrati neri che coprono la nostra immagine. Dobbiamo creare l'illusione che le strisce si stiano intrecciando una sopra l'altra. Per fare ciò, dobbiamo selezionare le aree in cui le strisce verticali e orizzontali si intersecano. Prima di farlo, però, premi Ctrl + '(Win) / Command +' (Mac) per disattivare la griglia se non l'hai già fatto, poiché non ne abbiamo più bisogno. Quindi, tieni premuto il tasto Ctrl (Win) / Command (Mac) e fai clic direttamente sulla miniatura della maschera di livello del livello "Strisce orizzontali":
Tieni premuto "Ctrl" (Win) / "Command" (Mac) e fai clic direttamente sulla miniatura della maschera di livello "Strisce orizzontali".
Ciò caricherà nuovamente le selezioni orizzontali nell'immagine:
Le selezioni orizzontali vengono ora nuovamente caricate nell'immagine.
Quindi tieni premuto Maiusc + Ctrl + Alt (Win) / Maiusc + Comando + Opzione (Mac) e fai clic direttamente sulla miniatura della maschera di livello "Strisce verticali":
Tieni premuto "Maiusc + Ctrl + Alt" (Win) / "Maiusc + Comando + Opzione" (Mac) e fai clic direttamente sulla maschera di livello "Strisce verticali".
Ciò farà due cose: una, caricherà nuovamente le selezioni verticali nell'immagine e due, dirà a Photoshop di mantenere la selezione solo attorno alle aree in cui le selezioni orizzontale e verticale si intersecano. Tutto il resto viene deselezionato:
Rimangono selezionate solo le aree in cui le selezioni orizzontale e verticale si intersecano.
Passaggio 12: salva la selezione
Prima di andare oltre, dobbiamo salvare questa selezione. Per farlo, vai al menu Seleziona nella parte superiore dello schermo e scegli Salva selezione. Quando viene visualizzata la finestra di dialogo "Salva selezione", fai semplicemente clic su OK nell'angolo in alto a destra per uscire da essa:
Salva la selezione.
Passaggio 13: deselezionare ogni altra selezione quadrata
Con lo strumento Selezione rettangolare ancora attivo, tieni premuto il tasto Alt (Win) / Opzione (Mac) e trascina una selezione attorno ad ogni altra selezione quadrata. Questo deselezionerà le selezioni trascinate intorno. Continua a trascinare ogni altra selezione quadrata per deselezionarla fino a quando rimane solo metà delle selezioni quadrate originali. L'immagine dovrebbe apparire così:
Deseleziona ogni altra selezione quadrata fino a quando ne rimane solo la metà.
Passaggio 14: copia la selezione su un nuovo livello
Fare clic sulla miniatura del livello "Strisce orizzontali" nella palette Livelli per selezionarla. Quindi premi Ctrl + J (Win) / Command + J (Mac) per copiare le aree selezionate su un nuovo livello. Non vedrai nulla accadere all'immagine stessa, ma se guardi nella palette Livelli, vedrai un nuovo livello chiamato "Livello 1" aggiunto tra i livelli "Strisce orizzontali" e "Strisce verticali" che contiene il nostro quadrato aree selezionate:
Premi "Ctrl + J" (Win) / "Command + J" (Mac) per copiare le aree selezionate su un nuovo livello.
Passaggio 15: creare una maschera di ritaglio
Con il nuovo livello selezionato, vai al menu Livello nella parte superiore dello schermo e scegli Crea maschera di ritaglio . Puoi anche usare la scorciatoia da tastiera Ctrl + Alt + G (Win) / Comando + Opzione + G (Mac). In entrambi i casi, "aggancia" il nuovo livello al livello sottostante. Non possiamo vedere alcuna differenza nell'immagine stessa, ma nella palette Livelli, possiamo vedere che il nuovo livello è ora rientrato a destra, il che ci dice che viene ritagliato dal livello sottostante:
Tieni premuto "Ctrl" (Win) / "Command" (Mac) e fai clic sulla miniatura della maschera di livello del livello "Strisce orizzontali".
Passaggio 16: ricaricare la selezione salvata
Riportiamo la selezione che abbiamo salvato un attimo fa e possiamo farlo facilmente usando la scorciatoia da tastiera Ctrl + Alt + 4 (Win) / Command + Option + 4 (Mac):
Ricarica la selezione salvata.
Passaggio 17: Deseleziona le selezioni quadrate opposte
Con lo strumento Selezione rettangolare ancora selezionato, tieni nuovamente premuto il tasto Alt (Win) / Opzione (Mac) e trascina ogni altra selezione quadrata per deselezionarlo. Questa volta, però, vuoi mantenere le selezioni quadrate che hai eliminato la prima volta che l'abbiamo fatto e deselezionare tutte quelle che hai conservato, in modo che quando hai finito, la tua immagine sia simile a questa:
Tieni premuto "Alt" (Win) / "Opzione" (Mac) e trascina le selezioni attorno alle selezioni quadrate per deselezionarle. Mantieni quelli che hai deselezionato in precedenza e deseleziona quelli che hai mantenuto.
Passaggio 18: copia la selezione su un nuovo livello
Fai clic sul livello "Strisce verticali" nella parte superiore della palette Livelli per selezionarlo, quindi premi Ctrl + J (Win) / Comando + J (Mac) per copiare le aree selezionate su un nuovo livello. Ancora una volta, non vedremo nulla accadere all'immagine stessa, ma la palette Livelli ci mostra un nuovo livello chiamato "Livello 2" sopra il livello "Strisce verticali" che contiene le aree quadrate selezionate:
La palette Livelli che mostra il nuovo livello nella parte superiore contenente le aree quadrate selezionate.
Passaggio 19: creare una maschera di ritaglio
Proprio come abbiamo fatto un momento fa, vai al menu Livello e scegli Crea maschera di ritaglio o premi Ctrl + Alt + G (Win) / Comando + Opzione + G (Mac) per creare una maschera di ritaglio. Ora possiamo vedere il nuovo livello rientrato a destra che ci dice che viene tagliato dal livello "Strisce verticali" sottostante:
Il nuovo livello viene ora tagliato dal livello "Strisce verticali" sottostante.
Passaggio 20: aggiungere uno stile di livello Bagliore esterno
Con il livello superiore ancora selezionato, fai clic sull'icona Stili livello nella parte inferiore della palette Livelli:
Fai clic sull'icona "Stili livello".
Seleziona Bagliore esterno dall'elenco degli stili di livello che appare:
Seleziona lo stile di livello "Bagliore esterno".
Questo fa apparire la finestra di dialogo "Stile livello" impostata sulle opzioni "Bagliore esterno" al centro. Trasformeremo il nostro "bagliore" in un'ombra e per farlo, dobbiamo cambiare la modalità di fusione in alto da Moltiplica . Inoltre, non vogliamo il giallo come nostro colore dell'ombra, quindi fai clic sul campione di colore appena sotto la parola "Rumore", che fa apparire il Selettore colore di Photoshop e seleziona il nero come colore. Fare clic su OK dopo aver selezionato il nero per uscire dal Selettore colore. Abbassa il valore di Opacità a circa il 60% in modo che l'ombra non sia altrettanto scura e intensa. Infine, nella sezione "Elementi" al centro della finestra di dialogo, aumenta il valore Dimensione a circa 40 pixel:
Modifica le opzioni "Bagliore esterno" cerchiate in rosso sopra.
Potrebbe essere necessario regolare il valore "Dimensione" in base alle dimensioni e alla risoluzione dell'immagine che si sta utilizzando. Fai clic su OK quando hai finito per uscire dalla finestra di dialogo Stile livello. La tua immagine ora dovrebbe apparire in questo modo. Abbiamo quasi finito:
L'immagine dopo aver applicato lo stile di livello a "Livello 2".
Passaggio 21: Copia e incolla lo stile livello su "Livello 1"
Tutto ciò che resta da fare ora è applicare lo stesso stile di livello Bagliore esterno a "Livello 1". Invece di aggiungere un altro bagliore esterno e dover modificare nuovamente tutte le impostazioni nelle opzioni, possiamo semplicemente copiare il nostro stile di livello da "Livello 2" e incollarlo su "Livello 1". Per farlo, vai al menu Livello nella parte superiore dello schermo, scegli Stile livello, quindi Copia stile livello . Quindi fai clic su "Livello 1" nella palette Livelli per selezionarlo, torna al menu Livello, scegli di nuovo Stile livello e, questa volta, scegli Incolla stile livello .
Non appena lo fai, l'Outer Glow, insieme a tutte le impostazioni che abbiamo appena modificato, viene incollato su "Layer 1" e l'effetto "strisce fotografiche intrecciate" è completo:
Copia e incolla lo stile del livello Bagliore esterno da "Livello 2" a "Livello 1" per completare l'effetto.
E lì ce l'abbiamo! Ecco come creare un effetto di strisce fotografiche intrecciate in Photoshop! Visita la nostra sezione Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!