Come realizzare cambiamenti di prospettiva perfetti in Photoshop per immagini e loghi

Sovrapporre un logo in Photoshop è un’operazione piuttosto semplice. Tuttavia, cosa accade se l’immagine di base non è frontale e quindi un logo quadrato (o qualsiasi altra immagine) risulta distorto? Ecco come allineare l’immagine sovrapposta con la corretta prospettiva.

Utilizzo dello strumento Trasforma per un’integrazione perfetta

Prendiamo come esempio l’immagine dello schermo di un dispositivo, una necessità comune per i professionisti del marketing (o per i redattori web come me). L’immagine di partenza è un Nintendo Switch con uno schermo standard in 16:9, ma dobbiamo inserire uno screenshot diverso, ad esempio un’immagine di Zelda al posto di Mario. Ecco le immagini che utilizzerò, così potrai scaricarle e fare pratica:

Seleziona l’immagine dello screenshot nel pannello Livelli, quindi attiva lo strumento Trasformazione utilizzando la scorciatoia Ctrl + T su Windows o Comando + T su macOS.

Chi ha familiarità con Photoshop, conosce già lo strumento Trasformazione libera e sa come spostare, ridimensionare o ruotare un’immagine. Ma si può anche inclinarla, modificando la prospettiva per farla corrispondere all’immagine sottostante. In questo esempio, allineeremo lo screenshot rettangolare di Zelda allo schermo rettangolare dello Switch, semplicemente spostando ogni angolo.

Tieni premuto il tasto Ctrl su Windows o il tasto Comando su Mac, quindi fai clic su uno dei quadrati bianchi agli angoli dello screenshot che fanno parte dello strumento Trasforma. Trascina uno degli angoli dell’immagine dello screenshot sull’angolo corrispondente dello schermo dello Switch nell’immagine sottostante, tenendo premuto Ctrl e il pulsante sinistro del mouse. Se necessario, ingrandisci la visualizzazione per un allineamento perfetto.

Invece della solita operazione di ridimensionamento, il modificatore Ctrl o Comando consente di afferrare un angolo dell’immagine e spostarlo, mentre gli altri tre angoli rimangono fissi.

Ripeti questa procedura per i quattro angoli, spostando l’immagine dello screenshot sullo schermo dello Switch sottostante. Non applicare la trasformazione finché non hai completato tutti e quattro gli angoli, altrimenti gli angoli rimanenti saranno riempiti con la trasparenza. Puoi far sì che il livello superiore si estenda leggermente oltre quello inferiore, di uno o due pixel, per garantire una copertura completa dello schermo sottostante. Premi Invio per chiudere lo strumento Trasforma.

Poiché sia lo schermo del telefono che l’immagine dello screenshot hanno le stesse proporzioni, questa sovrapposizione si adatta perfettamente e non richiede ulteriori modifiche. Ora passiamo a qualcosa di un po’ più complicato.

Utilizzo dello strumento Trasforma su immagini di dimensioni non convenzionali

Supponiamo di avere l’immagine di un laptop Mac e di non voler usare il logo Apple in una pubblicità. Invece, preferisci mostrare il logo della tua azienda. Prenderò come esempio un logo circolare di Review Geek. Le immagini originali sono qui sotto.

L’obiettivo è coprire il logo Apple, come lo schermo del telefono nel primo esempio, ma questa volta la superficie dell’immagine di partenza (il coperchio del laptop) non corrisponde alla forma del logo circolare. Occorre mantenere la prospettiva corretta. In questo caso, useremo un altro elemento della foto come riferimento: la forma approssimativamente rettangolare del coperchio del laptop. Adatteremo la prospettiva del logo al coperchio, per poi ridimensionarlo mantenendo la prospettiva bloccata.

Per iniziare, premi Ctrl + T o Comando + T con il livello superiore selezionato per aprire lo strumento Trasformazione. Ora premi Ctrl + clic o Comando + clic, seleziona i quadrati guida agli angoli del livello del logo e allineali agli angoli del coperchio del laptop. Gli angoli del coperchio sono arrotondati, ma puoi usare i bordi del coperchio e la guida di trasformazione per allinearti.

Poiché il coperchio del laptop non è quadrato, il logo circolare ora appare un po’ troppo largo. Puoi adattarlo nuovamente ad una trasformazione di dimensioni quadrate. Puoi farlo ad occhio se non hai bisogno di precisione, oppure ruotare il livello sottostante e usare le guide del Righello di Photoshop se hai bisogno di maggiore accuratezza. Premi Invio per applicare la trasformazione.

Ora hai un’immagine quadrata sullo schermo del laptop e la sua prospettiva corrisponde al logo Apple sottostante. Ora è necessario ridimensionarla, affinché non sembri fuori posto. Con lo strumento Trasforma attivo, tieni premuto Alt + Maiusc su Windows o Opzione + Maiusc su Mac, quindi fai clic su uno degli angoli e trascinalo verso l’interno per ridimensionare l’immagine del logo, in modo che non sia molto più grande del logo Apple.

Ecco il risultato finale:

Se l’immagine inferiore è sufficientemente regolare, con una prospettiva prevedibile su un lato, puoi tenere premuto Ctrl + Alt + Maiusc su Windows o Comando + Opzione + Maiusc su Mac per utilizzare lo strumento Trasforma in modalità Inclinazione. Tuttavia, è raro che l’immagine sia perfettamente allineata a questo scopo.

Utilizzo della trasformazione libera su superfici irregolari

Ora che hai imparato ad abbinare la prospettiva e a ridimensionare, cosa succede se devi posizionare un’immagine su una superficie non piana? Proviamo un altro esempio: mettere il logo Review Geek su una palla. Anche questa volta, usa le immagini seguenti nella tua copia di Photoshop per esercitarti.

Utilizzando gli strumenti appresi nelle sezioni precedenti, è facile posizionare l’immagine del logo sulla superficie della palla e persino regolare la sua prospettiva in modo che corrisponda all’orientamento della palla. Tuttavia, il logo appare strano, perché è piatto e la superficie della palla non lo è.

Per risolvere questo problema, premi Ctrl + T o Comando + T per attivare lo strumento Trasforma e guarda la parte superiore della finestra di Photoshop. Cerca il pulsante rettangolare curvo che attiva la modalità Alterazione. Fai clic su di esso.

Con lo strumento Trasforma in modalità Alterazione, puoi spostare l’immagine in qualsiasi punto all’interno o all’esterno, non solo agli angoli. Ciò consente di fare clic e trascinare diverse parti dell’immagine in posizioni irregolari. Vedrai le nove linee guida muoversi insieme all’immagine, aiutandoti a visualizzare le modifiche.

Lo strumento Alterazione richiede un po’ di pratica per essere utilizzato in modo efficace. Potrebbe essere necessario annullare e ripetere il lavoro più volte. Ma nel giro di pochi minuti dovresti essere in grado di far corrispondere la curva della palla abbastanza bene. Premi Invio per applicare la trasformazione.

Per superfici un po’ più prevedibili, ma comunque troppo irregolari per il normale strumento Trasforma, puoi utilizzare gli strumenti di alterazione preimpostati nel menu superiore sulla destra.

Puoi combinare le tecniche descritte sopra con qualsiasi altro strumento di Photoshop, come correzioni del colore, curve, filtri, sfocature, eccetera, per far corrispondere il tuo livello superiore a quello inferiore. Sperimenta con questi strumenti e presto sarai in grado di abbinare facilmente loghi e screenshot.

Credito immagine: Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo