Come creare un'animazione divertente in Photoshop usando Puppet Warp

Hai mai desiderato manipolare i movimenti di un intero soggetto in modo naturale, simile a un pupazzo in Photoshop? Qui, ti mostreremo non solo come puoi ottenerlo, ma anche come trasformarlo in un'animazione divertente.

Uno dei più recenti strumenti di warp in Photoshop è lo strumento Puppet Warp. Sebbene la maggior parte degli strumenti Warp funzioni in modo molto simile, lo strumento Puppet Warp ha un aspetto divertente che aiuta davvero a creare movimenti corporei naturali.

Che cos'è il Puppet Warp di Photoshop?

Il nome ci dà un indizio su cosa può fare lo strumento Puppet Warp, ma per un po' più di dettaglio, discutiamo di cosa sia il Puppet Warp.

Immagina un burattino su una corda, dove le corde si collegano agli arti del burattino. Queste connessioni consentono al corpo del burattino di muoversi in modo in qualche modo naturale come quello di un essere umano; lo strumento Puppet Warp funziona per manipolare un'immagine in modo simile.

Come molti strumenti di curvatura, lo strumento Warp Puppet in Photoshop applica una mesh al soggetto che ti consente di spingere e tirare il soggetto secondo i movimenti desiderati. Insieme alla mesh triangolare, Puppet Warp ti consente di posizionare i perni su qualsiasi parte della mesh per creare giunti. Queste articolazioni aiutano Photoshop a creare deformazioni naturali simili ai movimenti della vita reale di un corpo.

Per iniziare, trova un'immagine adatta da utilizzare. L'effetto funziona meglio su un corpo umano o animale che è chiaramente isolato dallo sfondo. Dopo aver scelto l'immagine, aprila in Photoshop. Duplica il livello nel pannello Livelli facendo clic con il pulsante destro del mouse sull'immagine e facendo clic Livello duplicato.

Per prima cosa, devi selezionare l'argomento. Sebbene tu possa selezionarlo manualmente utilizzando una varietà di metodi, se l'immagine scelta ha un soggetto ovvio contrastato con uno sfondo neutro, puoi utilizzare il riempimento in base al contenuto per selezionare automaticamente il soggetto.

Con il livello duplicato selezionato, assicurati che strumento per selezione di un'area rettangolare, o un altro strumento di selezione, è selezionato. Nel menu, fare clic su Selezionare > Materia. Il tuo soggetto ora avrà formiche in esecuzione attorno al bordo, separandolo dallo sfondo.

Imparentato: Tutto ciò che devi sapere sullo strumento di selezione del soggetto in Photoshop

Con il soggetto selezionato, fai clic con il pulsante destro del mouse sull'immagine e fai clic Riempimento in base al contenuto. Verrà visualizzata una nuova finestra che mostra due finestre di confronto.

Nel pop-up, noterai che l'immagine originale sulla sinistra ora avrà uno schermo verde che campiona lo sfondo neutro del tuo soggetto. La finestra Anteprima a destra ti mostrerà i risultati del riempimento in base al contenuto.

Se la schermata di anteprima mostra ancora un contorno sbiadito del punto in cui si trovava il soggetto in precedenza, puoi aggiungere 10 px nella casella Sfumatura in alto, di 7 - 10 px, e fare clic Espandere. Questo rimuoverà il contorno e renderà l'immagine più naturale dove il soggetto è stato rimosso. Clic Applicare o ok una volta che sei soddisfatto del risultato.

Le formiche in esecuzione dalla tua selezione saranno ancora visibili, anche se il tuo soggetto è ora scomparso. Non deselezionare poiché continuerai a utilizzare la forma di selezione per la fase successiva.

Nel pannello Livelli, trascina il livello duplicato sopra il tuo recente livello soggetto isolato. Quindi, con il livello duplicato selezionato, fare clic su Aggiungi maschera di livello pulsante nella parte inferiore del pannello dei livelli.

Questo produce l'opposto di riempimento in base al contenuto e crea una maschera per rimuovere lo sfondo dal soggetto. Questo ora ti darà un livello con un soggetto isolato e un livello con solo uno sfondo visibile, oltre all'immagine originale come livello proprio che tornerà utile in seguito.

Imparentato: Come mascherare un soggetto in Photoshop utilizzando lo strumento di selezione del soggetto

Sul livello mascherato, fai clic con il pulsante destro del mouse sul livello e fai clic Converti in oggetto avanzato. Quindi vai al menu principale e fai clic Modificare > Ordito burattino. Noterai che questo applica una rete triangolare sul tuo soggetto isolato, permettendoti di deformarlo.

Puoi scegliere di mantenere visibile la mesh, ma è più facile aggiungere i pin e vedere come si manipola l'immagine se disattivi la visibilità della mesh. Nella barra degli strumenti mesh in alto, c'è un pulsante di attivazione/disattivazione per Mostra mesh. Non fa differenza per come l'immagine si deforma se la mesh è visibile o meno, ma può aiutarti a vedere i dettagli del tuo soggetto se lo spegni.

Ora, con lo strumento Puppet Warp attivo, noterai che il cursore viene visualizzato come una puntina. Usando il perno, fai clic su ciascuna articolazione dell'arto sul tuo soggetto, tenendo presenti i movimenti naturali del corpo: ogni arto ha solo bisogno di un perno.

Una volta posizionati i perni, puoi trascinare le parti del corpo come un burattino. Essere consapevoli di ulteriori deformazioni; questo è uno dei motivi per cui è meglio spegnere la mesh, in modo da poter vedere qualsiasi deformazione indesiderata prima che sia troppo tardi.

Suggeriamo di spostare ogni singolo arto, in modo che nulla sia nella stessa posizione o posizione dell'immagine originale. Fai attenzione ai movimenti naturali del corpo, sebbene Puppet Warp sia molto intuitivo, a volte può deformarsi in modo innaturale.

Se trascini un arto attraverso una parte esistente della selezione, potrebbe portarlo avanti anche se sarebbe fisicamente impossibile per il corpo muoversi in quel modo. Se ciò accade, fai semplicemente clic con il pulsante destro del mouse sull'area interessata e fai clic Portare avanti o Manda indietro per risolverlo.

Dopo aver deformato il soggetto nella posizione desiderata, puoi semplicemente fare clic su qualsiasi altro pulsante sul pannello degli strumenti e un popup ti chiederà se desideri applicare la curvatura. Clic Applicare. Ora puoi vedere il tuo ultimo burattino deformato.

Come animare il tuo pupazzo in Photoshop

Dopo aver creato il tuo pupazzo warp, puoi usarlo per creare un'animazione che puoi trasformare in una GIF. Questo può essere semplicemente per divertimento piuttosto che per un'animazione seria, ma le tue abilità di deformazione potrebbero permetterti di creare un movimento fluido per un'animazione più lunga.

Imparentato: Come utilizzare Photoshop e After Effects per creare grafica animata

Nel pannello Livelli, evidenzia il livello di sfondo mascherato e il livello con il tuo soggetto isolato e unisci questi livelli insieme facendo clic con il pulsante destro del mouse su uno dei due livelli evidenziati e facendo clic su Unire i livelli. Dovresti rimanere con la tua immagine originale sul livello inferiore e la tua nuova immagine deformata sul livello superiore.

Clic Finestra > Sequenza temporale per visualizzare la sequenza temporale dell'animazione di Photoshop. Questo porterà uno dei tuoi livelli nella timeline come cornice. Clicca il Converti in animazione frame pulsante nell'angolo in basso a sinistra del pannello della sequenza temporale, quindi fare clic sul pulsante del menu della sequenza temporale sul lato destro e fare clic Crea cornici da livelli. Questo porterà i tuoi altri livelli nel pannello della timeline.

Con tutti i livelli nella timeline dell'animazione, fai clic sulla freccia sotto ogni fotogramma per impostare il tempo. Per una rapida animazione, suggeriamo 0,2 per ogni fotogramma. Clic Giocare a nella timeline per vedere come appaiono le tue animazioni.

Una volta che sei soddisfatto dei risultati, puoi salvarlo. Vai a File > Esportare > Salva per il Web (legacy). La maggior parte delle impostazioni dovrebbe essere quella di cui hai bisogno. Assicurati di salvare il file come GIF, poiché gli altri formati non consentono lo spostamento di immagini.

Crea animazioni divertenti in Photoshop

Ora che hai imparato a usare Photoshop Puppet Warp, puoi manipolare molte immagini per usi divertenti o realistici. Trasformare i tuoi pupazzi in un'animazione può essere divertente o semplicemente un'abilità di editing extra nella tasca posteriore dei pantaloni.

Vai avanti e testali su altre pose, animali o soggetti non viventi per vedere fino a che punto puoi spingere lo strumento Puppet Warp.

Come creare un'immagine di molteplicità in Photoshop

Un'immagine multipla contiene cloni di una persona o di un oggetto per raccontare una storia all'interno di un singolo fotogramma. Ecco come crearne uno in Photoshop.

Leggi Avanti

Circa l'autore