- Come rendere trasparente lo sfondo
- Come spostare l'effetto del testo su un nuovo sfondo
- Bonus: potenziamento dell'effetto
In questo tutorial, rispondo a una delle domande più popolari che mi vengono poste, ovvero come si salva un effetto di testo con uno sfondo trasparente in modo da poter spostare l'effetto su uno sfondo diverso? Normalmente quando creiamo un effetto di testo in Photoshop, lo creiamo su uno sfondo colorato semplice, solitamente bianco o nero. Ma una volta fatto l'effetto, spesso vogliamo spostarlo su uno sfondo diverso, il che significa che abbiamo bisogno di un modo per rimuovere lo sfondo originale e sostituirlo con la trasparenza. Quindi come lo facciamo? In realtà è molto semplice e in questo tutorial impareremo tre modi per farlo.
Userò Photoshop CC ma qualsiasi versione recente funzionerà. Iniziamo!
L'effetto testo
Ecco l'effetto del testo che userò. Ti faccio vedere come creare questo testo d'oro in un tutorial separato. Si noti che l'effetto è seduto su uno sfondo nero:
L'effetto di testo originale su uno sfondo nero.
Il nuovo sfondo
Ed ecco il nuovo sfondo in cui voglio inserire il testo. Ho scaricato questo da Adobe Stock:
Il nuovo sfondo per l'effetto.
Come rendere trasparente lo sfondo
Tornerò al mio effetto di testo. E se guardiamo nel pannello Livelli, vediamo i tre livelli che compongono l'effetto. Abbiamo il livello "Scintillii" in alto e i due livelli Tipo sotto di esso. Abbiamo anche il livello di sfondo nella parte inferiore che è pieno di nero:
I livelli effetto testo, oltre al livello Sfondo.
Disattivazione del livello Sfondo
La prima cosa che dobbiamo fare è rimuovere lo sfondo originale e sostituirlo con la trasparenza. Per nascondere lo sfondo, basta disattivare il livello Sfondo facendo clic sulla sua icona di visibilità :
Disattivazione del livello Sfondo.
Questo lascia il nostro testo davanti a uno sfondo trasparente. Photoshop rappresenta la trasparenza con un motivo a scacchiera:
Lo sfondo dietro il testo è stato sostituito con trasparenza.
Come spostare l'effetto del testo su un nuovo sfondo
Quindi, ora che abbiamo reso trasparente lo sfondo, come spostare l'effetto sul suo nuovo sfondo? Ci sono alcuni modi per farlo.
Metodo 1: utilizzo del formato file PNG
Un modo è salvare l'effetto in un formato di file che supporti la trasparenza. Il formato JPEG.webp non supporta la trasparenza, quindi non funzionerà. Ma il formato PNG lo fa, ed è quello il formato di cui abbiamo bisogno.
Come salvare l'effetto come file PNG
Per salvare l'effetto di testo come file PNG, vai al menu File nella barra dei menu e scegli Salva con nome :
Andare su File> Salva con nome.
Nella finestra di dialogo, dai un nome al tuo file (chiamerò il mio "testo d'oro"), quindi imposta il formato su PNG . Scegli dove vuoi salvarlo, quindi fai clic su Salva :
Salvataggio dell'effetto testo come file PNG.
Impostazione delle opzioni del formato PNG
Photoshop ti chiederà di scegliere un'impostazione di compressione per il file PNG. Apparirà diverso a seconda della versione di Photoshop che stai utilizzando, ma scelgo sempre l'opzione per la dimensione del file più piccola. Fare clic su OK per chiudere la finestra di dialogo:
Scelta dell'opzione di dimensione del file più piccola.
Aprendo il tuo nuovo sfondo
Con il file salvato, apri il tuo nuovo sfondo:
Apertura della nuova immagine di sfondo.
Posizionamento del file PNG nel documento
Vai al menu File e, in Photoshop CC, scegli Posiziona incorporato . In Photoshop CS6 o precedente, scegli Luogo :
Andare su File> Posiziona incorporato.
Scegli il file PNG che hai appena salvato, quindi fai clic su Posiziona :
Scelta del file PNG.
Photoshop posiziona il file davanti allo sfondo:
Posizionamento del file nel documento.
È possibile utilizzare le maniglie Trasformazione libera per ridimensionare il testo, se necessario. Ma nel mio caso, accetterò semplicemente premendo Invio (Win) / Return (Mac) sulla mia tastiera. E proprio così, l'effetto testo è stato spostato sul suo nuovo sfondo:
Il testo appare davanti al suo nuovo sfondo.
Se guardiamo nel pannello Livelli, vediamo che il nostro effetto di testo è stato aggiunto come un oggetto intelligente sopra l'immagine. Sappiamo che è un oggetto intelligente tramite l'icona in basso a destra della miniatura. Una cosa grandiosa degli oggetti intelligenti è che possiamo ridimensionarli senza alcuna perdita di qualità. Puoi saperne di più sul ridimensionamento di oggetti intelligenti in un tutorial separato:
Photoshop ha posizionato il file come oggetto intelligente.
Metodo 2: copia e incolla
Quindi è un modo per spostare un effetto di testo su un nuovo sfondo. Diamo un'occhiata a un secondo modo, e uno in cui non è necessario salvare il documento come file separato. Eliminerò il mio effetto trascinandolo verso il basso nel Cestino nella parte inferiore del pannello Livelli:
Eliminazione dell'effetto testo.
Questo mi lascia solo con la mia immagine di sfondo:
Rimane solo l'immagine di sfondo.
Passerò al mio documento con effetto di testo e, poiché il livello Sfondo è ancora disattivato, stiamo ancora vedendo lo sfondo trasparente dietro il testo:
Ritorno all'effetto testo.
Unire l'effetto di testo su un nuovo livello
Un altro modo per spostare l'effetto su un nuovo sfondo consiste nel copiarlo e incollarlo nell'altro documento. Per semplificare, uniremo i livelli che compongono il nostro effetto di testo su un nuovo livello.
Innanzitutto, assicurati che il livello di sfondo sia disattivato in modo da vedere uno sfondo trasparente dietro il testo. Quindi fare clic sul livello superiore per selezionarlo:
Selezione del livello superiore (con il livello Sfondo disattivato).
Per unire l'effetto di testo su un nuovo livello, su un PC Windows, premi Maiusc + Ctrl + Alt + E sulla tastiera. Su un Mac, premi Maiusc + Comando + Opzione + E. Questo unisce tutti i livelli visibili su un nuovo livello sopra di essi. Questo nuovo livello contiene l'effetto del testo e nient'altro:
L'effetto testo è stato unito su un singolo livello.
Assicurati che il livello unito sia selezionato, quindi vai al menu Modifica e scegli Copia :
Andare su Modifica> Copia.
Apri la tua nuova immagine di sfondo:
Passa al nuovo sfondo.
Quindi torna al menu Modifica e scegli Incolla :
Vai a Modifica> Incolla.
Photoshop incolla l'effetto del testo sul nuovo sfondo:
Il risultato dopo aver incollato il livello effetto testo nel nuovo documento.
Nel pannello Livelli, vediamo il nostro livello effetto testo sopra l'immagine. Questa volta, è solo un livello normale, non un oggetto intelligente:
Il livello effetto testo appare sopra il livello Sfondo.
Metodo 3: Posizionamento del documento con effetto di testo come oggetto intelligente
Quindi sono due modi per spostare un effetto di testo su un nuovo sfondo. Diamo un'occhiata a un altro modo, che è anche il mio modo preferito. Ancora una volta, eliminerò il mio effetto trascinandolo nel Cestino:
Eliminazione del livello effetto testo.
E poi tornerò al mio documento con effetto testo:
Ritorno all'effetto testo.
Riattivazione del livello Sfondo
Prima di proseguire, riattiverò il livello Sfondo facendo clic sulla sua icona di visibilità nel pannello Livelli:
Riattivazione del livello Sfondo.
Ciò ripristina lo sfondo nero originale dietro il testo:
Lo sfondo originale ritorna.
Eliminazione del livello effetto testo unito
Eliminerò anche il livello di effetto del testo unito selezionandolo e premendo Backspace (Win) / Delete (Mac) sulla mia tastiera:
Selezione ed eliminazione del livello unito.
Salvataggio e chiusura del documento
Ora che ho ripristinato il documento nel modo in cui era originariamente, lo salverò andando nel menu File e scegliendo Salva :
Andare su File> Salva.
E poi chiuderò il mio effetto di testo tornando al menu File e scegliendo Chiudi :
Andare su File> Chiudi.
Questo mi lascia solo con la nuova immagine di sfondo:
Il documento con effetto testo è stato chiuso.
Posizionamento dell'effetto testo come oggetto intelligente
In precedenza, abbiamo appreso che potevamo spostare il nostro effetto di testo su un nuovo sfondo disattivando il livello Sfondo, salvando l'effetto come file PNG e posizionando il file PNG nell'altro documento come oggetto intelligente. Ma possiamo effettivamente posizionare l'intero documento con effetto di testo stesso come un oggetto intelligente! E il vantaggio è che il documento rimarrà modificabile.
Per posizionare il documento con effetto di testo nel mio documento di immagine di sfondo, vado nel menu File e scelgo Posiziona incorporato . In Photoshop CS6 o precedente, sceglierei Luogo :
Andare su File> Posiziona incorporato.
Questa volta, invece di scegliere quel file PNG che ho salvato in precedenza, sceglierò il documento Photoshop dell'effetto testo (il file .psd). Fare clic su di esso per selezionarlo, quindi fare clic su Posiziona :
Scelta del documento Photoshop dell'effetto testo.
Photoshop posiziona l'effetto testo davanti allo sfondo, proprio come in precedenza:
Posizionamento del documento con effetto di testo davanti al nuovo sfondo.
Ancora una volta, possiamo ridimensionarlo usando le maniglie Trasformazione libera, ma lo accetterò semplicemente premendo Invio (Win) / Return (Mac). Si noti, tuttavia, che lo sfondo nero originale è ancora visualizzato dietro il testo e sta bloccando la visualizzazione del nuovo sfondo. Questo perché il livello Sfondo era ancora attivato. Ma questo non è un problema perché è facile da risolvere:
L'effetto testo è stato aggiunto, ma lo sfondo originale è ancora visibile.
Modifica del contenuto dell'oggetto intelligente
Se guardiamo nel pannello Livelli, vediamo di nuovo l'effetto di testo aggiunto come un oggetto intelligente sopra l'immagine:
Il documento con effetto testo è stato inserito come oggetto smart.
Ma questa volta, piuttosto che contenere un file PNG, l'oggetto intelligente contiene una copia dell'intero documento con effetto di testo. Per aprire l'oggetto smart e visualizzarne il contenuto, fare doppio clic sulla sua miniatura:
Apertura dell'oggetto smart per visualizzare il documento effetto testo.
L'effetto di testo si apre:
Il documento con effetto testo all'interno dell'oggetto smart.
E se guardiamo nel pannello Livelli, vediamo tutti i nostri livelli ancora intatti:
Il pannello Livelli che mostra i livelli degli effetti di testo e il livello Sfondo.
Disattivazione del livello Sfondo
Per nascondere lo sfondo originale, disattivo il livello Sfondo facendo clic sulla sua icona di visibilità :
Disattivazione del livello Sfondo.
Questo ci lascia ancora con uno sfondo trasparente:
Lo sfondo è di nuovo trasparente.
Salvataggio e chiusura dell'oggetto smart
Per visualizzare le modifiche nel documento principale, è necessario salvare e chiudere l'oggetto intelligente. Per salvarlo, vai al menu File e scegli Salva :
Andare su File> Salva.
E poi per chiuderlo, torna al menu File e scegli Chiudi :
Andare su File> Chiudi.
E tornando al documento principale, lo sfondo originale è ora sparito e vediamo il nuovo sfondo al suo posto:
Il risultato dopo aver disattivato il livello Sfondo nell'oggetto intelligente.
Bonus: potenziamento dell'effetto
Per finire, userò la mia immagine di sfondo per migliorare rapidamente l'effetto scintillio attorno al testo. Nel pannello Livelli, selezionerò il livello Sfondo:
Selezione del livello di sfondo.
Quindi farò una copia dell'immagine premendo Ctrl + J (Win) / Command + J (Mac). La copia appare sopra l'originale:
Fare una copia dell'immagine di sfondo.
Farò clic sulla copia e la trascinerò sopra l'effetto del testo:
Trascinando la copia dell'immagine sopra il testo.
Questo blocca temporaneamente il testo dalla vista:
L'effetto testo è temporaneamente nascosto.
Infine, per nascondere le aree di nero e fondere le scintille d'oro con il testo, cambierò la modalità di fusione dell'immagine da Normale a Schermo:
Modifica della modalità di fusione dei livelli in Schermo.
Ed ecco il mio risultato finale:
L'effetto finale e migliorato.
E lì ce l'abbiamo! Ecco come spostare un effetto di testo su un nuovo sfondo in Photoshop! Scopri come creare l'effetto di testo dorato utilizzato in questo tutorial o visualizzare la nostra sezione Effetti di testo per ulteriori tutorial! E non dimenticare, tutti i nostri tutorial di Photoshop sono disponibili per il download in formato PDF!