In questo tutorial su Photoshop Effects, impareremo come trasformare una foto in un collage di quadrati. È un effetto divertente ed è davvero facile da fare, soprattutto perché la maggior parte del lavoro è una semplice ripetizione, come vedremo.

Ecco la foto originale che inizierò con:

Ed ecco l'immagine con l'effetto "Collage di quadrati" completato:

Come ho detto, la maggior parte del lavoro è solo una ripetizione, quindi una volta "entrati nel groove" con quello che stai facendo, non dovrai nemmeno pensarci. Puoi semplicemente divertirti a creare l'effetto.

Questo tutorial è tratto dalla nostra serie di effetti fotografici. Iniziamo!

Passaggio 1: duplicare il livello di sfondo

Con la mia immagine aperta in Photoshop, al momento ho solo un livello, il livello Sfondo, che contiene la mia immagine originale:

La palette Livelli di Photoshop che mostra l'immagine originale sul livello Sfondo.

Devo duplicare il livello Background, quindi userò la scorciatoia da tastiera Ctrl + J (Win) / Command + J (Mac), che aggiunge una copia del livello Background nella palette Livelli. Photoshop nomina automaticamente la copia "Livello 1":

Premi "Ctrl + J" (Win) / "Command + J" (Mac) per duplicare il livello Background.

Passaggio 2: aggiungi un nuovo livello tra i due livelli e riempilo di bianco

Dobbiamo aggiungere un nuovo livello vuoto tra i due livelli attualmente presenti nella palette Livelli. Per fare ciò, con "Livello 1" selezionato, tieni premuto il tasto Ctrl (Win) / Command (Mac) sulla tastiera e fai clic sull'icona Nuovo livello nella parte inferiore della palette Livelli. Normalmente Photoshop aggiunge il nuovo livello sopra il livello attualmente selezionato, ma tenendo premuto Ctrl / Comando, questo dice a Photoshop di aggiungere invece il nuovo livello sotto di esso:

Tieni premuto "Ctrl" (Win) / "Command" (Mac) e fai clic sull'icona "Nuovo livello" per aggiungere un nuovo livello tra i due livelli esistenti nella palette Livelli.

Ora ho il mio nuovo livello vuoto, "Livello 2", tra gli altri due livelli:

Il nuovo livello vuoto si trova ora tra il livello Sfondo e "Livello 1".

Solo una breve nota prima di continuare … Quando finiremo questo effetto, finiremo con molti livelli e normalmente ciò significherebbe che vorremmo sicuramente assicurarci di nominare i nostri livelli come andiamo. In questo caso, probabilmente, ti faresti impazzire cercando di trovare nomi descrittivi per ogni livello, quindi a meno che quel genere di cose non ti piaccia, non mi preoccuperei di nominare i tuoi livelli quando crei questo effetto. In generale, però, i livelli di denominazione sono un'abitudine che dovresti prendere.

Detto questo, continuiamo. Dobbiamo riempire questo nuovo livello di bianco, poiché useremo il bianco come colore di sfondo per l'effetto, quindi premi la lettera D sulla tastiera per ripristinare i colori di primo piano e di sfondo, che rendono bianco il colore di sfondo e quindi con il nuovo livello vuoto selezionato nella palette Livelli, utilizzare la scorciatoia da tastiera Ctrl + Backspace (Win) / Comando + Elimina (Mac) per riempire il livello di bianco.

Non vedrai nulla accadere nella finestra del documento, poiché la copia del livello Sfondo blocca la visualizzazione di "Livello 2", ma se guardi nella palette Livelli, vedrai che l'anteprima delle miniature per il livello è ora riempito di bianco:

L'anteprima delle miniature per "Livello 2" è ora piena di bianco nella palette Livelli, anche se "Livello 1" attualmente sta bloccando la visualizzazione nella Finestra del documento.

Passaggio 3: trascina fuori una selezione quadrata attorno a una parte dell'immagine

Ho intenzione di fare nuovamente clic sulla copia del mio livello Sfondo, "Livello 1", nella palette Livelli per selezionarlo. Quindi prenderò il mio strumento Selezione rettangolare dalla palette Strumenti:

Seleziona lo strumento Selezione rettangolare dalla palette Strumenti.

Potrei anche premere M sulla tastiera per selezionarlo rapidamente. Quindi, con lo strumento Selezione rettangolare in mano e "Livello 1" selezionato nella palette Livelli, trascinerò una selezione quadrata all'interno dell'immagine. Trascinerò un quadrato attorno alla faccia del ragazzo sulla destra:

Utilizzare lo strumento Selezione rettangolare per tracciare una selezione quadrata all'interno dell'immagine.

Per vincolare la selezione a un quadrato perfetto, tieni premuto Maiusc mentre trascini.

Passaggio 4: aggiungi una maschera di livello

Una volta che hai la tua selezione quadrata, e assicurandoti di nuovo che "Livello 1" sia selezionato nella palette Livelli, fai clic sull'icona Aggiungi una maschera di livello nella parte inferiore della palette Livelli:

Fai clic sull'icona "Aggiungi una maschera di livello" nella parte inferiore della palette Livelli.

Ciò aggiungerà una maschera di livello a "Livello 1" e poiché avevo selezionato un'area dell'immagine quando ho fatto clic sull'icona "Aggiungi una maschera di livello", Photoshop utilizzerà quella selezione per creare la maschera, nel senso che solo l'area di l'immagine che era all'interno della selezione - il volto del ragazzo - rimarrà visibile nella finestra del documento. Il resto dell'immagine sarà nascosto alla vista, rivelando il livello bianco sotto di esso:

L'area quadrata attorno al viso del ragazzo è ora tutto ciò che è visibile dell'immagine. Lo sfondo bianco è ora visibile dietro di esso.

Passaggio 5: scollegare la maschera di livello dal contenuto del livello

Se guardiamo ancora una volta la nostra palette Livelli, possiamo vedere la maschera di livello che è stata aggiunta a "Livello 1". La maschera è piena di nero, fatta eccezione per la piccola area quadrata che è bianca, che è l'area intorno al viso del ragazzo che appare nella Finestra del documento. Se guardi da vicino, vedrai anche una piccola icona di collegamento tra la miniatura del livello e la miniatura della maschera:

L'icona "collegamento livello" tra la miniatura del livello e la miniatura della maschera di livello per "Livello 1".

Quando l'icona del link è visibile, significa che i contenuti del layer (l'immagine) e la maschera del layer sono, bene, collegati. Se ne sposti uno, li sposti entrambi. Non è quello che vogliamo. Vogliamo essere in grado di spostare la maschera senza spostare l'immagine. Per fare ciò, tutto ciò che dobbiamo fare è cliccare sull'icona di quel link, che lo farà scomparire, a quel punto la maschera di livello può essere spostata indipendentemente dal contenuto del livello. Ho intenzione di fare clic sull'icona del collegamento per rimuoverlo:

L'icona di collegamento tra la miniatura del livello e la maschera di livello è scomparsa. Ora possiamo spostare la maschera senza spostare l'immagine.

Passaggio 6: aggiungere uno stile di livello bianco "Bagliore esterno" alla maschera

Per poter vedere i bordi dei quadrati mentre creiamo l'effetto, aggiungerò uno stile di livello "Bagliore esterno" alla maschera. Per prima cosa, farò clic direttamente sull'anteprima della maschera di livello per selezionarla. Posso dire che è selezionato quando ha attorno una casella di evidenziazione. Quindi, con la maschera selezionata, ho intenzione di fare clic sull'icona Nuovo livello di regolazione nella parte inferiore della palette Livelli:

Con la maschera di livello selezionata, fai clic sull'icona "Nuovo livello di regolazione".

Quindi selezionerò Bagliore esterno dall'elenco che appare:

Seleziona lo stile di livello "Bagliore esterno".

Questo fa apparire la finestra di dialogo Stile livello di Photoshop con le opzioni Bagliore esterno nella colonna centrale. Per impostazione predefinita, lo stile del livello Bagliore esterno utilizza un colore giallastro. Voglio cambiarlo in bianco, quindi per farlo, farò clic direttamente sul campione di colore di Outer Glow:

Fai clic sul campione di colore nelle opzioni Bagliore esterno per cambiare il colore del bagliore.

Quando faccio clic sul campione di colore, viene visualizzato il Selettore colore di Photoshop. Ho intenzione di scegliere il bianco nell'angolo in alto a sinistra:

Fare clic nell'angolo in alto a sinistra del Selettore colore per selezionare il bianco come colore Bagliore esterno.

Quindi farò clic su OK per uscire dal Selettore colore. Il mio colore Bagliore esterno ora è bianco.

Ho intenzione di lasciare tutte le altre opzioni per il Bagliore esterno da solo e fare clic su OK a questo punto per uscire dalla finestra di dialogo Stile livello. Il bagliore esterno bianco verrà aggiunto alla maschera di livello. Non saremo ancora in grado di vederlo nell'immagine perché è un bagliore bianco su uno sfondo bianco, ma lo vedremo una volta che inizieremo ad aggiungere più sezioni quadrate all'immagine, come stiamo per fare.

Passaggio 7: duplicare il livello

Ricordi all'inizio di questo tutorial quando ho detto che la maggior parte del lavoro è una semplice ripetizione? Bene, questo è dove inizia. Questi prossimi due passi verranno ripetuti più e più volte, ma non preoccuparti, sono facili. Innanzitutto, con "Livello 1" selezionato nella palette Livelli, lo duplicherò usando la scorciatoia da tastiera Ctrl + J (Win) / Command + J (Mac). Ora ne ho una copia esatta nella parte superiore della palette Livelli:

La palette Livelli ora mostra il duplicato di "Livello 1" in alto.

Quando dico "copia esatta", intendo copia esatta. Non solo la copia contiene l'immagine, ma contiene anche una copia della maschera e lo stile del livello Bagliore esterno, quindi non dobbiamo aggiungere un'altra maschera o un altro Bagliore esterno. Tutto è già lì per noi. Inoltre, poiché il contenuto del livello e la maschera di livello in "Livello 1" non erano collegati, non sono neppure collegati alla copia, che è esattamente ciò che vogliamo.

Passaggio 8: spostare la maschera di livello in una nuova posizione per creare il secondo quadrato

Prenderò il mio strumento Sposta dalla palette Strumenti:

Seleziona lo strumento Sposta dalla palette Strumenti.

Potrei anche premere V sulla mia tastiera per selezionarlo. Quindi, nella palette Livelli, farò clic sulla miniatura della maschera del livello duplicato per selezionarla, assicurandomi di aver selezionato la maschera e non il livello stesso. La miniatura della maschera avrà una casella evidenziata attorno ad essa per indicare che è selezionata:

Fare clic sulla miniatura della maschera di livello nella palette Livelli per selezionarla. Avrà una casella evidenziata intorno per indicare che è selezionata.

Quindi, con la maschera di livello selezionata, farò semplicemente clic all'interno della finestra del documento e trascinerò la maschera in una nuova posizione, che creerà il secondo quadrato. Lo trascinerò verso il basso e verso sinistra in modo che l'angolo in alto a destra si sovrapponga all'angolo in basso a sinistra del quadrato originale:

Trascina la maschera in un nuovo punto dell'immagine per creare il secondo quadrato.

Ora ho due quadrati e se guardi nell'angolo in alto a destra di quello che ho appena creato, puoi vedere il Bagliore esterno bianco che definisce i bordi del quadrato.

Passaggio 9: continua a duplicare il livello e trascina la maschera per creare più quadrati

A questo punto, si tratta semplicemente di ripetere gli ultimi due passaggi fino a quando le aree principali dell'immagine sono visibili all'interno dei quadrati. Quindi prima premi Ctrl + J (Win) / Command + J (Mac) per duplicare il layer. Quindi, e questa parte è molto importante, fai clic sulla miniatura della maschera di livello del livello appena creato per assicurarti di aver selezionato la maschera, non il contenuto del livello. Se provi a trascinare la maschera per creare un nuovo quadrato e invece vedi l'immagine all'interno del quadrato in movimento, hai il livello stesso selezionato per errore. In tal caso, premi Ctrl + Z (Win) / Command + Z (Mac) per annullare, quindi fai clic sulla miniatura della maschera di livello e riprova.

Continua questo processo di duplicazione del livello, selezione della maschera e trascinamento della maschera in un nuovo punto dell'immagine fino a quando non vengono visualizzate tutte le aree importanti dell'immagine. Va bene sovrapporre i quadrati e non aver paura di lasciare uno spazio vuoto occasionale tra di loro. Aggiunge semplicemente all'effetto.

Continuerò a duplicare il livello e spostare la maschera fino a quando tutte e quattro le persone nella foto non verranno visualizzate all'interno dei quadrati. Ecco la mia immagine dopo aver creato abbastanza quadrati per portare il resto del ragazzo nell'immagine:

L'immagine dopo aver aggiunto abbastanza quadrati per mettere in vista il ragazzo a sinistra.

Dopo aver duplicato più livelli e spostato le maschere per creare più quadrati, ho portato la mamma del ragazzo e il fratello minore all'effetto:

Dopo aver aggiunto più quadrati, ora sono visibili la mamma e il fratello minore del ragazzo.

Infine, ho aggiunto abbastanza quadrati per visualizzare tutte le aree principali della foto. Ho anche fatto in modo che i volti di tutte e quattro le persone fossero chiaramente visibili nella foto e non fossero tagliati dai bordi di tutti i quadrati. Sarebbe semplicemente sbagliato:

Sono stati ora aggiunti abbastanza quadrati per visualizzare le aree principali della foto.

Passaggio 10: duplica un altro livello e riduci al 50% le dimensioni del quadrato

La parte principale dell'effetto è ora completa e, per la cronaca, ora ho un totale di 36 quadrati nell'immagine. Potresti averne di più, potresti averne di meno. Dipende molto dall'immagine che stai usando e dal numero di quadrati che ritieni necessari prima che l'effetto appaia "giusto". Finirò l'effetto aggiungendo alcuni quadrati più piccoli negli angoli e attorno ai bordi esterni.

Per fare questo, ho intenzione di duplicare un altro livello con Ctrl + J (Windows / Comando + J (Mac), quindi farò clic sulla maschera di livello per selezionarlo, proprio come ho già fatto 36 volte. Questa volta, invece di spostare semplicemente la maschera per creare un altro quadrato, premerò Ctrl + T (Win) / Command + T (Mac) per visualizzare la casella Trasformazione libera di Photoshop e le maniglie attorno al quadrato, quindi trascinerò una delle maniglie d'angolo verso l'interno per ridurre le dimensioni del quadrato di circa il 50%. Mentre trascino la maniglia verso l'interno, terrò premuti Maiusc + Alt (Win) / Maiusc + Opzione (Mac), che vincolerà la maschera a un quadrato perfetto e dirà a Photoshop di ridimensionare il quadrato dal suo centro:

Usa "Trasformazione libera" per ridurre le dimensioni della maschera quadrata di circa il 50%.

Dopo aver ridimensionato il quadrato a circa la metà della sua dimensione originale, premerò Invio (Win) / Return (Mac) per accettare la trasformazione, quindi, proprio come ho fatto con gli altri quadrati, userò Sposta lo strumento per trascinarlo in una nuova posizione, questa volta da qualche parte attorno al bordo esterno del collage:

Usa lo strumento Sposta per trascinare il quadrato più piccolo da qualche parte lungo il bordo esterno del collage.

Passaggio 11: continua ad aggiungere altri quadrati più piccoli intorno ai bordi esterni del collage

Continua a duplicare il livello con la maschera quadrata più piccola e spostando i quadrati più piccoli sui bordi esterni del collage. Ancora una volta, aggiungi quanti ne hai bisogno per rendere l'effetto "giusto" per te. Ecco il mio dopo aver aggiunto diversi quadrati più piccoli attorno ai bordi. Ne ho anche aggiunti alcuni qua e là nella parte principale dell'immagine per aggiungere un po 'di varietà:

L'immagine dopo aver aggiunto abbastanza quadrati per mettere in vista il ragazzo a sinistra.

Passaggio 12: Unisci tutti i livelli maschera quadrata in uno

Dopo aver aggiunto tutti i miei quadrati più piccoli all'immagine, ora ho un totale di 56 quadrati, il che significa che ho 56 livelli che contengono una maschera quadrata. Voglio completare l'effetto aggiungendo un'ombra discendente al collage, ma non posso farlo molto facilmente quando il collage è composto da 56 livelli separati. Ho bisogno di unirli tutti su un livello. Per farlo, nella palette Livelli, farò clic sul livello più in alto per selezionarlo. Quindi ho intenzione di scorrere fino in fondo e fare clic tenendo premuto Maiusc su "Livello 1", che è il livello che ha avviato l'intero collage. Questo selezionerà tutti i livelli della maschera quadrata contemporaneamente (li vedrai tutti selezionati nella palette Livelli).

Con tutti quelli selezionati, premi Ctrl + E (Win) / Command + E (Mac) per unirli tutti su un singolo livello sopra il livello bianco. Ora avrai solo tre livelli nella palette Livelli: il livello Sfondo, il livello riempito di bianco e il livello unito:

La palette Livelli ora mostra solo tre livelli, incluso il livello appena unito in alto.

Passaggio 13: aggiungi un'ombra discendente per completare l'effetto

Con il livello unito selezionato, fai di nuovo clic sull'icona Nuovo livello di regolazione nella parte inferiore della palette Livelli e questa volta seleziona Ombra discendente dall'elenco:

Con il livello unito selezionato, fai clic sull'icona "Nuovo livello di regolazione" e scegli "Sfalsa ombra".

Questo ripristinerà la finestra di dialogo Stile livello di Photoshop, questa volta impostata sulle opzioni Ombra discendente. L'unica opzione che ho intenzione di cambiare è l' opacità . Voglio solo un'ombra sottile, niente che distoglierà l'attenzione dal collage stesso, quindi abbasserò il valore di opacità fino al 25%:

Abbassa il valore di opacità dell'ombra esterna in modo che sia più sottile.

Fai clic su OK per uscire dalla finestra di dialogo Stile livello e il gioco è fatto! Ecco il mio ultimo effetto "Collage di quadrati":

L'effetto finale.

E lì ce l'abbiamo! Ecco come trasformare una foto in un collage di quadrati con Photoshop! Visita la nostra sezione Effetti fotografici per ulteriori tutorial sugli effetti di Photoshop!