Photoshop: fotomontaggi puzzle.. gennaio 10, 2007
(3 votes, average: 4.33 out of 5)
Loading ...Vediamo come creare quelle belle immagini composte da più foto che danno quell’effetto di puzzle e di composizione complessa. Scopriremo che non è così difficile crearle.. Aprite la vostra immagine in Photoshop, guardate le sue dimensioni (Image —> Image Size… —> Cancel [per non modificarle]), e poi andate su File —> New ed inserite le dimensioni dell’immagine aggiungendo però 100px sia in height (altezza) che in width (larghezza); assicuratevi anche che lo sfondo sia trasparente. Ad esempio se la mia immagine ha dimensioni 800×533, ecco le impostazioni giuste:
Adesso, dopo aver selezionato lo strumento muovi (move tool), fate clic sulla vostra immagine con il tasto sinistro del mouse e senza rilasciarlo, portatela nella nuova immagine trasparente che avete creato e poi rilasciate il tasto. L’immagine sarà ora nella nuova immagine e non dovrete far altro che centrarla.
  |
Dopo averla centrata, avrete una situazione del genere:
Adesso comincia il “lavoro” vero e proprio con le guide (attivate la loro visualizzazione ed anche quella dei righelli andando su View —> Show):
Fatto questo vi appariranno i righelli; cliccandoci sopra e trascinandoli con il mouse sopra l’immagine, vi apparirà una linea azzurra verticale o orizzontale a seconda del righello cliccato: quelle sono le guide e servono appunto per “guidare”, cioè aiutare in certe operazioni. Quello che c’è da fare è proprio creare una griglia di guide sopra l’immagine in maniera da creare circa 6 settori di grandezza simile (preferibilmente quadrati, ma non è fondamentale). Nel mio caso perciò dividerò la mia immagine in 3 settori verticali con 2 guide posizionate a 300px ed a 600px; e la dividerò in due settori orizzontali con 1 guida posizionata circa a metà dell’immagine. Ecco come si presenta l’immagine con sopra la griglia:
Ho aggiunto anche 4 griglie aggiuntive per delimitare i bordi dell’immagine
Fatto questo lavoriamo un po’ con lo strumento selezione per creare nuovi livelli.
Tanto per cominciare, selezionate lo strumento selezione rettangolare dal pannello strumenti:
 poi tracciate una selezione del primo settore della griglia (quello in alto a sinistra), le guide vi aiuteranno.. |
 |
Adesso premete ctrl+j oppure andate su Layer —> New —> Layer via Copy:
Questa operazione, vi creerà un nuovo livello con solo il pezzetto di immagine da voi selezionato. Ripetete la procedura per ogni livello fino ad ottenere 6 livelli aggiuntivi (uno per ogni riquadro dell’immagine). Fatto questo potete anche eliminare il livello contenente l’immagine iniziale oppure semplicemente non visualizzarlo più (cliccando sopra l’occhio accanto al livello -evidenziato nell’immagine qua sotto):
Dobbiamo ora applicare qualche impostazione ai livelli, agiamo sul primo in alto: tasto destro —> Blending Options
Si aprirà una finestra, nella quale dovremo impostare questi due parametri:
1° Parametro -Ombra
2° Parametro -Cornice
Fatto questo, dovete applicare questo “stile” a tutti gli altri 5 livelli. Per velocizzare la cosa, potete copiare lo stile che avete dato al livello e poi incollarlo agli altri 5 (cliccando con il tasto destro sopra ogni livello):
 |
Per fare ancora prima, io li ho selezionati tutti e 4 cliccando sopra il 1° e l’ultimo e tenendo premuto il tasto shift. |
Fatto questo e tolte le guide (basta utilizzare muovi e poi riportarle dove ci sono i righelli), la nostra immagine apparirà così:
Giunti a questo punto non resta che roteare un po’ i singoli livelli e cambiare l’ordine degli stessi in modo che si sovrappongano: cliccate sopra ogni livello e per ognuno premete ctrl+t oppure andate su Edit —> Transform —> Rotate, vi appariranno delle freccette che potrete utilizzare per roteare l’immagine:
Quando sarete soddisfatti della rotazione, cliccate su questo simbolino in alto sulla destra per confermare la trasformazione:
Fatto questo per tutti i livelli, scambiate la posizione dei singoli livelli cliccandoci sopra e trascinandoli prima o dopo gli altri:
Come potete vedere, sto spostando il layer 7 tra il layer 4 e 5
Per concludere possiamo anche modificare i levels dei singoli layer in modo da far sembrare ogni tassello dell’immagine come un insieme di foto a sé stanti: selezionate il layer ed andate su Image —> Adjustments —> Levels… e variate i parametri come preferite. A procedura ultimata, dovreste aver ottenuto qualcosa del genere:
Oppure eseguendo qualcosa di apparentemente più complesso:
Altri articoli che potrebbero interessarti:
Commenti»
Ciao sono fabio di izzyweb.it,
sei davvero bravo con la grafica, non pensavo si potesse fare tante cose cosi belle con photoshop,
Complimenti
Complimenti ottimo tuttorial,spiegato in manierale semplice e molto efficace e complimenti anche x il blog in generale spiegazioni dettagliate
ma senza diventare tediose,un blog assolutamente interessante
complimenti davvero faccio il grafco pubblicictario e devo ammettere che fai delle cose molto carine in maniera semplice bravo dovrebbe essere questo lo spirito della grafica
@Fabio / Sir-DooM / armando
! Davvero grazie per tutti questi complimenti!
Cavoli, sono commosso
ciao
complimenti xchè sei chiaro e preciso solo che ho un problema all’inizio
dopo aver diviso in 6 l’immagine inizio a fare crea livello copiato e dopo aver creato correttamente quella in alto a sx passo a quella accanto ma mi appare questo msg: Impossibile creare un nuovo livello dalla selezione ^0
mi sapresti dire che significa e xchè mi fa ciò
grazie ed ancora complimenti
ciao! quando passi a selezionare la nuova casella e a creare il livello, assicurati di aver selezionato come livello l’immagine di base, perché photoshop quando crei un livello ti passa automaticamente a quello; infatti se selezioni una nuova casella con selezionato il livello della casella creato precedentemente, è come se tu non selezionassi niente dato che in quel punto il livello è vuoto. Quindi assicurati di selezionare sempre il livello con l’immagine completa. Se hai problemi fammi sapere
Complimenti ottimo tuttorial,spiegato in manierale semplice e molto efficace e spiegazioni dettagliate il blog assolutamente interessante
un informazzione sai come posso da una foto per essempio una donna con una giacca rossa trasformare il tutto in bianco e nero e lasciare solo la giacca rossa.
in rete qualcosa ho trovato ma ci vorebbe qualcunaltro che mi spigano cio che dicono
tu al contrario sei una bomba o fatto tutto al 1 colpo
spero che mi potrai aiutare
ciao e grazie
complimenti! è la prima cosa che trovo su photoshop che è ben spiegata con pochi passaggi ben definiti! continua cosi!
io sono un appassionato di photoshop a livello amatoriale e leggo tutto quello che trovo a riguardo. c’è un comando rapido per “riempi con colore di primo piano “da tastiera? ti ringrazio anticipatamente!!
ciao frenk
Ciao a tutti!
@pio
Resta sintonizzato, tra poco farò un tutorial proprio su questa “tecnica”
@frenk
Per le scorciatoie fai così:
Riempi con colore di primo piano: ALT+Backspace
Riempi con colore di secondo piano: CTRL+Backspace
Guardando il tuo praticissimo tutorial mi è venuto in mente che potresti spiegare come si compone una fotografia con molte immagini.. come se in una stessa fotografia si volesse mettere un mosaico di 6 fotografie da quando eri piccolo ad ora. Qualcuno mi ha consigliato di ridimensionarle tutte e poi di incollarle in un nuovo documento di photoshop.. ma è impossibile riuscire a farle venire dell’esatta dimensione (un po’ come il puzzle dei cavalli solo che in questo caso le immagini sono davvero differenti) a meno che tu non sia un matematico professionista. Quindi nel tuo caso forse funziona eheh.. Hai qualche consiglio più sensato?
Ho pensato alla tua domanda, ma l’unica soluzione che mi viene in mente è… quella di fare calcoli matematici
. L’unica cosa che forse aggiungerei per facilitarmi il compito sarebbe (oltre al ridimensionamento delle immagini) anche una sistemata delle dimensioni delle immagini stesse per ottenere le misure che desidero (in pratica tagliare qualche parte per riuscire meglio nell’impresa).
Non so se esistono altri metodi, ma se c’è qualcuno che lo sa non esiti a postare ed a spiegarlo anche a noi
ottimoooooooooooo
bravo
ciao sono giulia!!!!!!!!!!!!!6 davvero bravo!ti posso chiedere un favore????????ti pregoooooooooooooooo io per questa kosa sto impazzendo perche nn lo so fare!!!!allora,io ho una foto con due ragazze e il fotografo ha fatto il fotomontaggio ed ha messo lo sfondo di dietro(il mare)…io vorrei cancellare una di queste ragazze e poi tenere sempre quello sfondo!!!!!si puo???????????????ti prego dimmi di si ke lo sai fare!!!!!!!rispondimi sul mio contatto di msn: giuggiola_93_gvlm@hotmail.it distinti saluti da giulia
Se hai lo sfondo originale intatto e completo si, altrimenti non saprei come ricoprire lo spazio lasciato dall’eliminazione della tua amica
taglia la tua foto,e la metti su 1 sfondo col mare,se tieni la stessa foto solo col mare allora nn c sn problemi
scusa mi potresti dire che sito usi???
Il tutorial l’ho fatto io
Ciao carlos, ottimo sito, ho fatto questo sui campioni d’italia.
http://img521.imageshack.us/img521/7774/campioniif5.jpg
ops scusa non avevo cancellato una cosa…
http://img521.imageshack.us/img521/36/campioniat7.jpg
bei lavori
!
scusa sò che non dovrei dirlo ma oggi mi rode il c**o e sono abbastanza nervoso, ma volevo farti notare che questo non è un effetto puzzle, non m sembra esattamente un puzzle, hai fatto un lavoretto da elementari e lo hai chiamato puzzle, va bè scusa ti ho detto sono nervoso
E’ buffo che da quando ho fatto questo tutorial sia stato uno dei più visitati e inglobati in altri siti che propongono tutorial
Quindi è facile capire che se è da elementari per te, magari non lo è per altri.
Ora che me lo hai fatto notare non hai tutti i torti, ma questo non significa assolutamente che tu possa postare in questo modo.
Dammi retta, quando si è nervosi è meglio starsene zitti perché spesso si finisce col dire le cose nella maniera sbagliata.
Ciao
ciao innanzitutto compliementissimi x la chiarezza con cui spieghi.. poi volevo chiederti una cosa: una volta che io faccio tutto come faccio a salvare l’immagine in jpeg senza far venire sotto il bianco? io imposto lo sfondo trasparente all’inizio e infatti non si vede in photoshop… ma poi quando vado a salvare in jpeg esce bianco. come posso fare? altrimenti in che formato posso salvare x nn farlo uscire? grazie
Ciao, devi salvare o in .gif od in .png; il formato .jpg non mantiene le trasparenze
Ciao complimenti per i tuoi tutorials sono davvero utili per chi come me sta imparando a usare photoshop! Riguardo questo vorrei farti delle domande. Dopo aver portato l’immagine nello sfondo trasparente e averla centrata (a modo mio c’è un modo per centrarla esattemente o in automatico?) nella voce visualizza>mostra l’opzione griglia non me la porta come opzione selezionabile, è in grigio anzichè in nero per intederci, cosa sbaglio? Grazie!
Non la griglia intedevo le guide ho sbagliato scusa!
Ciao, non sbagli niente
Semplicemente prima di poter agire sulla visualizzazione delle guide devi creare le guide. Questo puoi farlo cliccando sopra i righelli (a sinistra od in alto) e, tenendo premuto il tasto del mouse, trascinare una guida nel punto desiderato. Le guide di base hanno un colore azzurrino.
Fatto questo potrai scegliere se visualizzare le guide o no con il menù.
Ciao e fammi sapere se hai risolto.
Ok risolto Grazie! Scusa ma sono ancora inesperta! Grazie ancora e continua ad illuminarci con i tuoi tutorials!!!
Ciao!
Benissimo
HELP ME, ho suddiviso l’immagine con il righello, ho fatto il primo livello con il primo quadrato di foto ma non riesco ad andare avanti xke non copia l’immagane nell’altro livello…come faccio ad andare avanti??????
Ciao, mi raccomando per ogni quadrato di selezionare il livello con la foto intera, altrimenti quando vai a creare il nuovo livello tramite copia, è come se non trovasse niente da copiare.
uffy mi sono arenata subito:
arrivo a creare le guide poi provo a creare i nuovi livelli ma niente. faccio ctrl+j ma boh non succede niente…
help! ^^
Ciao, ricordati che prima devi creare la selezione
Leggi passo passo il tutorial e vedrai che non puoi sbagliare
nn lo so fare uffi…nn capisco niente!!!!!!nn sono molto pratica del computer..infatti nn riesco proprio..
Ciao emy, prova a seguire attentamente (leggendo bene) tutti i passaggi, vedrai che ci riesci
Cos’è che ti torna difficile?
Ciao Carlos!! sei bravississimoo!!.,ho provato a fare l effetto puzzle-tutto il procedimento è spiegato in modo chiaro.. ma perchè quando creo il primo livello è ok..invece i successivi mi compare la finestra — ( impossib .creare nuovo livello copiato dalla selez.) — potresti aiutarmi? grazie . risp. ti preeegoo. a presto.
ufffff.
Adesso, dopo aver selezionato lo strumento muovi (move tool), fate clic sulla vostra immagine con il tasto sinistro del mouse e senza rilasciarlo, portatela nella nuova immagine trasparente che avete creato e poi rilasciate il tasto. L’immagine sarà ora nella nuova immagine e non dovrete far altro che centrarla.
quando lo sposto sulla nuova immagini trasparente è picolisimo..
come posso fare?
no scherzo ci sn riuscita
E’ fantastico questo tutorial! Facilissimo da seguire perché spiegato molto bene e con pochi passaggi si riesce davvero ad ottenere un bellissimo effetto!
Grazie!
Silvia
[...] Ciao a tutti^^ Ha cambiato il sito e quindi il link era errato! Lo trovi qui ora > Photoshop: fotomontaggi puzzle.. | carlosweb.net – Tutorial Photoshop, Grafica, Computer Ho corretto anche il link qui sul forum Aspetto di vedere il tuo lavoro ora __________________ [...]
@Carla:
Scusa il ritardo della mia risposta
Leggi il commento n° 6 per risolvere il problema e se hai ancora problemi non esitare a chiedere. Ciao!
@giulia:
!
Felice che tu ci sia riuscita
@Silvia:
Grazie mille!!
[...] chi volesse sperimentare questa tecnica, qui c’
[...] Tutorial Scritto: Disponibile [...]
Dico solo una cosa: è la prima volta che seguo un tutorial su photoshop e basta semplicemente ripetere il tutto senza intoppi! davvero complimentoni!