Come animare le foto in Photoshop! Effetto parallasse 2.5 D

Impara questa fantastica tecnica per animare facilmente le foto in Photoshop!

In questo tutorial, tratteremo le funzionalità 3D e di animazione di Photoshop per creare un effetto di parallasse 2.5 D per rendere le tue foto prendono vita!

L’incredibile foto utilizzata in questo tutorial è di Marc Rafanell Lopez. È possibile scaricare la stessa foto cliccando qui, ma è anche possibile utilizzare qualsiasi foto per seguire insieme!

Sei pronto per iniziare?

Usa Seleziona oggetto per creare la selezione

Per animare una foto in Photoshop, inizia separando l’immagine in due livelli: il primo piano (costituito dai due ponticelli maschili) e il loro sfondo.

Per fare ciò, vai su Seleziona > Soggetto e consenti a Photoshop di utilizzare Adobe Sensei, un’innovativa Intelligenza artificiale (AI), per rilevare i soggetti nell’immagine e creare una selezione attorno ad essa.

Se hai a che fare con una versione precedente di Photoshop, puoi comunque utilizzare lo strumento Selezione rapida per creare una selezione attorno al soggetto.

Perfeziona la selezione con la modalità Maschera rapida

Una volta effettuata una buona selezione, premi il tasto Q sulla tastiera per entrare nella modalità Maschera rapida. Questa modalità posizionerà una sovrapposizione rossa su parti dell’immagine che si trovano al di fuori della selezione corrente.

Con lo strumento Pennello, è possibile dipingere con il bianco (#ffffff) per aggiungere alla selezione e dipingere con il nero (#000000) per sottrarre dalla selezione.

SUGGERIMENTO PRO: Premere il tasto X sulla tastiera per scambiare il primo piano e il colore di sfondo!

Per questa parte, va bene creare una selezione libera. Dal momento che stiamo lavorando in modo non distruttivo, puoi sempre tornare a questo più tardi e perfezionarlo ulteriormente.

Una volta terminata la selezione, premere il tasto Q sulla tastiera per uscire dalla modalità Maschera rapida e rivelare la nuova selezione.

Quindi, duplica la corrente facendo clic e trascinando il livello sull’icona Nuovo livello, che si trova in basso a destra del pannello Livelli.

Fare clic sull’icona della maschera di livello per aggiungere una maschera di livello al livello duplicato e quindi mostrerà solo i soggetti che saltano.

Quindi, vai su Seleziona > Modifica > Espandi per ingrandire la selezione.

Nella finestra Espandi selezione, impostare il valore Espandi per a 4 pixel.

Quindi premere OK.

Se ingrandisci, vedrai come i bordi della selezione sono ora 4 pixel più lontani dall’impostazione precedente.

Se ci sono ancora aree che fanno parte del primo piano ma non sono selezionate, utilizzare lo strumento Lazo e tenendo premuto il tasto Maiusc, fare clic e trascinare l’area per aggiungerla alla selezione.

Duplica lo sfondo facendo clic e trascinandolo sull’icona del nuovo livello.

Utilizzare Riempimento Content-Aware per creare una lastra di sfondo pulita

Sulla copia duplicata, andare a Modifica > Riempimento Content-Aware. La tecnologia Content-Aware riempirà quindi i pixel in cui si trovavano i soggetti.

La sovrapposizione verde mostra l’area in cui la tecnologia Content-Aware campiona i pixel e, per questa parte, sta facendo un lavoro eccellente. Anche se non è perfetto, è completamente regolabile.

Premere Ctrl D (Windows) o Comando D (macOS) per deselezionare come mi concentro sulla parte successiva, dove vi mostrerò come risolvere le incongruenze nei pixel di sfondo.

Con i pixel generati sul nuovo livello selezionato, tieni premuto il tasto Maiusc mentre selezioni anche il livello inferiore.

Quindi, premere Ctrl E (Windows) o Comando E (macOS) per unire entrambi i livelli selezionati in un unico livello.

Utilizzare lo strumento Timbro clone per perfezionare lo sfondo

Ingrandire una parte dell’immagine che deve essere perfezionata. Usando lo strumento Timbro clone, posso copiare i pixel selezionati e incollarli su un altro. A tale scopo, tenendo premuto il tasto Alt (Windows) o Opzione (macOS) sulla tastiera per determinare l’origine del campione..

Una volta impostato, vedrai come stai dipingendo con i pixel presi dalla sorgente di esempio.

Prendete il vostro tempo per perfezionare questa zona, e si può sempre reimpostare la sorgente di esempio premendo Alt (Windows) o Opzione (macOS).

Quindi, utilizzare lo strumento Selezione rettangolare per selezionare i pannelli di legno impilati e premere Ctrl J (Windows) o Comando J (macOS).

Premere Ctrl T (Finestra) o Comando T (macOS) per trasformare la selezione copiata e spostarla di lato.

Fare clic con il pulsante destro del mouse e selezionare Capovolgi orizzontale.

Quindi, fare nuovamente clic destro per selezionare Distorcere e regolare la selezione di conseguenza per abbinare con lo sfondo.

Premere il tasto Invio (Windows) o Invio (macOS) per uscire dalla modalità di trasformazione.

Poiché l’uomo fa parte della selezione, utilizzare ancora una volta lo strumento Timbro Clona per dipingere i pixel da un’origine campione e pulire l’area.

Si può anche prendere questo tempo per riempire l’area tra i pannelli di legno impilati per renderlo coerente.

È possibile vedere un’altra area significativa con un motivo incoerente sul lato destro dei pannelli di legno impilati, e si può anche risolvere questo problema con lo strumento Timbro clone.

Una volta completati questi passaggi cruciali, è possibile passare alla loro combinazione in un unico livello.

Fallo tenendo premuto il tasto Maiusc mentre selezioni il livello corrente e la copia in background, quindi premi Ctrl E (Windows) o Comando E (macOS) per unirli.

Rinominare questo livello in “Pulisci sfondo.”

Applica una sfocatura allo sfondo

Vai a Filtro > Galleria sfocatura > Tilt-Shift.

Quindi, fare clic e trascinare il punto di riferimento verso il basso.

Fare clic e trascinare anche la maniglia inferiore per espandere l’area e far iniziare la sfocatura dal centro all’area superiore dell’immagine.

Negli strumenti di sfocatura, impostare il valore di sfocatura su 6px. Immediatamente noterai che qualsiasi imperfezione sullo sfondo può essere facilmente nascosta con la sfocatura aggiunta.

Premere OK per aggiungere le modifiche.

Converti lo sfondo e il primo piano in livelli 3D

Abilita nuovamente il livello di primo piano e dovresti vedere che nonostante le modifiche applicate, l’immagine sembra ancora realistica.

Per evitare ulteriore confusione, ho rinominato il livello di primo piano in ” Jumping.”

Per animare qualsiasi foto in Photoshop, creare livelli 3D dai due livelli. Per questo tutorial, è il salto e gli strati di sfondo pulito.

Inizia selezionando lo sfondo Pulito e disabilitando il livello di salto.

Quindi vai a 3D > Nuova Mesh dal livello > Cartolina, e questo convertirà il tuo livello corrente in una cartolina 3D. Una cartolina indica un piano che è possibile ruotare intorno nello spazio 3D.

Con lo strumento Sposta selezionato, vedrete strumenti 3D in basso a sinistra della finestra del documento e utilizzare questi strumenti per ruotare la fotocamera 3D all’interno di Photoshop.

Disabilita il livello di sfondo originale e usa gli strumenti per familiarizzare con le loro funzioni e caratteristiche. Se si desidera tornare alla vista predefinita, fare doppio clic sulla miniatura Sfondo pulito come questo vi porterà al pannello 3D, e selezionare Fotocamera predefinita.

Torna al pannello Livelli e abilita il livello Salto per convertirlo anche in una cartolina 3D. Ancora una volta, vai a 3D > Nuova mesh da Livelli > Cartolina.

Al momento, entrambe le telecamere 3D non funzioneranno contemporaneamente perché entrambe si trovano in due diversi livelli 3D. Per la massima gamma di funzionalità, è necessario combinarle in un unico strato.

Vai al pannello Livelli e seleziona il livello di salto.

Tenendo premuto il tasto Maiusc, selezionare anche lo sfondo Pulito e premere Ctrl E (Windows) o Comando E (macOS) per unirli.

NOTA: L’icona del piccolo cubo all’angolo del livello indica che il livello è in 3D. Se fai doppio clic su di esso, ti porterà al pannello 3D.

Con lo strumento Sposta selezionato, utilizzare gli strumenti 3D in basso per controllare la fotocamera. Si consiglia di provare a fare clic su qualsiasi livello 3D, e un cubo con le frecce apparirà di fronte ad esso, quindi fare clic e trascinare il cubo bianco per scalare il livello 3D.

Come animare il primo piano e lo sfondo con il pannello Timeline

Infine, il vero trucco su come animare una foto in Photoshop!

Vai alla timeline di Windows >. Questa funzione ci permette di creare una timeline con immagini e oggetti 3D su Photoshop.

Al centro del pannello timeline, fai clic sul pulsante Crea timeline video. Se non riesci a vederlo, fai clic sulla freccia rivolta verso il basso e, nel menu a discesa, seleziona Crea timeline video.

Fare clic sulle frecce rivolte verso il basso su ciascuno dei due livelli per rilasciare gli elementi e i fotogrammi chiave che saranno essenziali durante i passaggi seguenti.

Se si utilizza la fotocamera Orbit 3D per vedere i livelli 3D in un’altra prospettiva, si vedrà la distanza tra il livello di salto e lo sfondo pulito. Aggiungendo il 3D della Posizione della Fotocamera fotogramma chiave,

Quindi, posizionare l’Indicatore di riproduzione in qualsiasi posizione nella Timeline,

E iniziare a ruotare la telecamera, Photoshop aggiungerà un secondo fotogramma chiave.

Se scorri la Timeline e premi il pulsante Play, Photoshop riempie la timeline con un interruttore della posizione della fotocamera 3D dal fotogramma chiave originale al 2 ° fotogramma chiave—ed è così che animerai le tue immagini 3D.

Per eliminare un fotogramma chiave, basta fare clic destro su un fotogramma chiave e selezionare Elimina. Eliminerò sia il fotogramma chiave originale che il fotogramma chiave 2nd per cancellare la mia timeline.

Per eseguire un’animazione di 2 secondi, trascinare l’indicatore di riproduzione all’inizio della timeline. Quindi, fai clic e trascina la fine del cursore della timeline sul segno di 2 secondi per impostarlo come lunghezza dell’animazione.

Nel pannello 3D, fare clic sulla fotocamera predefinita e quindi fare clic su Clean Background Mesh pure.

Dirigetevi verso la finestra del documento, quindi fare clic e trascinare sul cubo bianco per scalare in modo uniforme ed espandere la vista dello sfondo.

Quindi, fare clic e trascinare sul punto blu per ridimensionare lo sfondo fino a riempire la tela. Se hai difficoltà a vedere la differenza, fai doppio clic sullo strumento mano per adattare l’immagine allo schermo.

Utilizzare la fotocamera Orbit 3D vi permetterà di vedere la distanza più ampia tra la Maglia salto e la maglia Sfondo pulito.

Annulla le modifiche recenti premendo Ctrl Z (Windows) o Comando Z (macOS) e allarga ulteriormente la scala della mesh di sfondo pulita.

Sotto le proprietà della mesh di sfondo pulita, fare clic sulla posizione della telecamera 3D.

Scorri verso il basso lungo gli elementi. In Mesh 3D, abilitare il cronometro sia per lo sfondo pulito che per il salto. Questo creerà fotogrammi chiave per la posizione di queste mesh.

Ora, fai clic e trascina la testina di riproduzione nel segno di 2 secondi e usa la fotocamera 3D Orbit per riposizionarla.

Si può anche selezionare la maglia salto, tirarlo in avanti per renderlo più grande, e portarlo verso il basso.

Una volta premuto il pulsante Play, il soggetto che salta si muoverà attraverso lo spazio 3D!

Per uno scatto più drammatico, riposizionare la prospettiva con la fotocamera Orbit 3D o ridimensionare la mesh dello sfondo pulito su una prospettiva più piccola.

Una volta che sei pronto per salvare il video, è sufficiente fare clic sul menu a comparsa e selezionare Render Video. Dopodiché, condividi il tuo lavoro sui tuoi social media e taggami su # PhotoshopTrainingChannel!

Ed è così che animare qualsiasi foto in Photoshop! Spero che questo tutorial è stato utile per voi ei vostri progetti futuri.