Photoshop: Effetto Puzzle

In questo primo tutorial volevo insegnarvi a creare un effetto molto bello per trasformare una foto in un puzzle...




Ok iniziamo cercherò di essere il più chiaro possibile e il software che userò per i miei post è photoshop CS4 in italiano quindi non dovreste aver difficoltà nel capire i passaggi.
Per prima cosa sceglietevi un'immagine...quella che ho scelto io raffigura 1 bel paesaggio ed è questa:
 

• Duplicare il livello sfondo

Il primo passaggio molto importante da fare è duplicare il livello dello sfondo in modo che protremo lavorare tranquillamente sulla nostra immagine senza nuocere all'originale.
Per farlo ci sono 2 modi il primo utilizzando la scorciatoia da tastiera Ctrl+J, magari un po’ difficile da ricordare dato che le scorciatoie da tastiera in photoshop sono davvero tantissime, oppure cliccando sul livello con il tasto destro del mouse e selezionare dal menù a tendina Duplica livello...

Dopo aver duplicato il livello lo rinominiamo e lo chiamiamo “Puzzle” (dare nomi sensati e che ricordino il contenuto ai livelli è molto importante per un utilizzo più semplice del programma)

• Aggiungere un nuovo livello sotto a “puzzle”

A questo punto dobbiamo creare un nuovo livello vuoto tra lo “sfondo” e il livello “puzzle”.
Innanzi tutto, per chi non lo sapesse, per selezionare o vedere quale livello è quello su cui state lavorando dovete vedere quale è evidenziato in blu quindi controllate sempre quale livello state usando per non rischiare di fare “danni”.
Altra cosa importante da ricordare sulle “abitudini” di photoshop è che quando creiamo un nuovo livello quello si posiziona sopra a quello selezionato.
Le soluzioni sono 2:

1. Tenere premuto il tasto Ctrl mentre clicchiamo sul tasto che crea un nuovo livello
2. Selezionare il livello “sfondo” e cliccare sul tasto per creare un nuovo livello in modo in modo che venga creato nel punto che desideriamo noi

A questo punto i vostri livelli dovrebbero essere come nell’immagine:

Ora andremo a riempire il nuovo livello con un colore per esempio il nero e per fare questo andate nel menù Modifica –> Riempi…
Nella finestra che poi vi si apre selezionate Nero dal menù a tendina non preoccupatevi degli altri valori cambiate solo il colore del contenuto
La modifica non la vedete nell’area di lavoro perchè il livello che abbiamo colorato di nero si trova sotto il livello “puzzle” e quindi sembra che non sia successo nulla ma se guardate nell’elenco dei livelli vedrete che l’anteprima è diventata completamente nera mentre prima era trasparente.
Mentre ci siamo rinominiamo questo livello nero in “colore sfondo”

• Creare i pezzi del puzzle

Prima di dimenticarci selezioniamo subito il livello chiamato Puzzle altrimenti creeremo un puzzle tutto nero.
Allora vi dico subito che questo potrebbe essere la parte più facile di tutte anche se potreste pensare il contrario.
Innanzitutto la prima cosa che devo dirvi è questa ho notato che in photoshop CS3 è già precaricata la texture puzzle mentre in photoshop CS4 la dovete scaricare e dovrete inserirla voi nella cartella di installazione del programma. Per scaricare il file cliccate sull’immagine di megaupload.
Una volta scaricato il file psd dovete posizionarlo nella di installazione di photoshop nel mio caso: C:\Program Files\Adobe\Adobe Photoshop CS4\Presets\Textures\
Ok a questo punto dobbiamo caricare il file e finalmente poterlo usare!!!
Per prima cosa andiamo in Filtro –> Texture –> Applica texture….

Ora andremo a caricare il file Puzzle.psd

Andate a cercare il file che avete scaricato che dovrebbe trovarsi nella cartella C:\Program Files\Adobe\Adobe Photoshop CS4\Presets\Textures\ una volta localizzato il file apritelo in modo che photoshop lo carichi e lo utilizzi

Una volta caricato dobbiamo impostare l’effetto; potete impostarlo come meglio credete oppure se volete seguire il tutorial impostatelo come ho fatto io.

Terminata l’impostazione clicchiamo su “ok” e vedremo il nostro puzzle finito. Il mio risultato è il seguente:

• Qualche passo in più…Togliamo dei pezzi al puzzle

Adesso mi spiego meglio il nostro obbiettivo, cioè creare un effetto puzzle a un’immagine, è completato ma visto che stiamo utilizzando photoshop vuol dire che siamo un po’ creativi, che ci piace magari disegnare o fare qualche effetto particolare alle foto.
Non so a quanti di voi sia venuta la mia stessa sensazione e cioè che questo disegno così è troppo piatto, perfetto, poco artistico.
Una bella idea è andare a togliere qualche pezzo del puzzle lasciando dei “buchi” nell’immagine in modo da dare l’effetto che il puzzle debba ancora essere completato… Ora vediamo come poter fare…Premetto che sarà una parte brigosa per chi usa per la prima volta lo strumento penna ma con un po’ di pazienza e di voglia si riesce a fare tutto!
Per prima cosa selezioniamo lo strumento penna usando la scorciatoia da tastiera “P” o cliccando sul relativo tasto

Poi selezioniamo la voce tracciati dalla barra in alto

Armatevi di calma, sceglietevi 1 pezzo del puzzle, zoommate la foto finchè non riuscite a distinguere bene i contorni del pezzo e provate a seguire il più possibile il contorno con la penna fino ad arrivare a una cosa simile

 

Una volta finito di disegnare tutto il contorno del pezzo di puzzle premete “Ctrl+Invio” sulla tastiera in questo modo trasformeremo il tracciato in una selezione.

Ora andremo a tagliare il pezzo di puzzle che abbiamo ricavato e lo andremo a posizionare in un altro livello usando questa procedura Livello –> Nuovo –> Crea livello tagliato

E rinomineremo questo nuovo livello in “primo pezzo del puzzle”

Il prossimo passo da fare è utilizzare lo strumento Trasformazione libera per spostare e ruotare il nostro pezzo tagliato in modo da far vedere che effettivamente c’è un buco nel puzzle per usare lo strumento utilizziamo la scorciatoia “Ctrl+T”. Posizionatelo dove volete e ruotatelo un po’; beh qui dovete usare 1 po’ la vostra fantasia e come pensate possa stare bene xD

Noterete che il pezzo sostato è piatto,bidimensionale… se dovessimo lasciarlo così non è per niente bello quindi aggiungiamoci l’ombra

Nella zona dei livelli in basso a destra troverete un pulsante che si chiama “Aggiunge uno stile livello”

 

e dal menù a tendina selezionate “Ombra interna”

Ed impostate tutto come nell’immagine

 

Qua finisce il tutorial perchè non farei altro che ripetere tutti i passaggi dal selezionare con la penna altri pezzi del puzzle e alcuni toglierli altri spostarli come quello precedente e il gioco è fatto!