Lavorare con il testo in Photoshop: una guida definitiva

In questa breve guida, ti guideremo attraverso tutto ciò che devi sapere su come lavorare con il testo in Photoshop --- c'è altro da imparare di quanto tu possa realizzare.

In questa breve guida, ti guideremo attraverso tutto ciò che devi sapere su come lavorare con il testo in Photoshop --- c'è altro da imparare di quanto tu possa realizzare.
Annuncio pubblicitario

Se stai usando Photoshop per i tuoi progetti di design, creando loghi, poster, infografiche o qualsiasi altra cosa, allora dovrai conoscere la tipografia.

Photoshop ha un sacco di strumenti per ottenere il testo sulla tua pagina e renderlo incredibile. Ma da dove inizi?

In questa breve guida, ti guideremo attraverso tutto ciò che devi sapere su come lavorare con il testo in Photoshop.

Digitare le nozioni di base sugli strumenti in Photoshop

Prima di iniziare, facciamo una rapida panoramica delle basi assolute per lavorare con il testo in Photoshop.

Si aggiunge del testo a un documento utilizzando uno degli strumenti Tipo . Puoi selezionarli nella barra degli strumenti sul lato sinistro dello schermo o premendo T sulla tastiera.

lavorare con il testo in Photoshop - Nozioni di base sui tipi di Photoshop

Quando si seleziona questa opzione, le opzioni Tipo verranno visualizzate nella barra delle opzioni nella parte superiore dello schermo. I principali sono:

  • Famiglia di caratteri: seleziona un font tra quelli installati sul tuo computer (o da Typekit)
  • Stile carattere: scegli uno stile per il carattere selezionato, ad esempio le versioni Grassetto o Obliquo
  • Dimensione: imposta la dimensione del punto per il tuo tipo
  • Allinea testo: imposta il testo da allineare a sinistra, a destra o al centro
  • Colore: scegli un colore per il tuo testo
  • Annulla o conferma : dopo aver aggiunto o modificato il testo, devi confermare per applicarlo alla tela o annullare per annullarlo o rimuoverlo

Ogni elemento di testo va sempre sul proprio livello. Per spostare o ridimensionare il testo durante la modifica, tenere premuto il tasto Ctrl o Cmd e trascinarlo in posizione.

È possibile modificare il testo o modificare font, dimensioni e così via in qualsiasi momento. Per fare ciò seleziona lo strumento testo e usa il cursore per evidenziare il testo, proprio come faresti con un elaboratore di testi. Non basta selezionare il livello di testo.

Creazione di testo per titoli e intestazioni

Il modo principale in cui molte persone aggiungono e modificano il testo in Photoshop Come aggiungere e modificare testo in Adobe Photoshop Come aggiungere e modificare testo in Adobe Photoshop Aggiungere, modificare e modificare il testo in Adobe Photoshop non potrebbe essere più semplice. Leggi altro è per selezionare lo Strumento testo orizzontale (o quello verticale se preferisci), fare clic sulla tela, quindi iniziare a digitare.

Questa è l'opzione migliore per titoli, intestazioni o altre brevi parti di testo a linea singola.

lavorare con il testo in Photoshop - intestazioni dei titoli di Photoshop

Facendo clic sul canvas si crea un'area di testo che si espande man mano che si digita. Tutto il testo va su una singola riga e non si avvolge mai in una nuova riga. Anche quando raggiungi il bordo della tela, la linea continuerà semplicemente sul tavolo di montaggio.

lavorare con il testo in Photoshop - intestazioni di wrap di Photoshop

Se vuoi aggiungere interruzioni di riga, posiziona il cursore e premi Invio . Meglio ancora, crea livelli di testo separati per ogni riga nell'intestazione. In questo modo puoi controllare e posizionare ciascuno di essi individualmente.

Lavorare con il testo del paragrafo

Per la copia del corpo, parti di testo più lunghe come paragrafi o elenchi, crea prima una casella di testo.

lavorare con il testo in Photoshop - casella di testo di Photoshop

Seleziona lo strumento Tipo orizzontale e imposta le opzioni di formattazione di base. Fare clic e trascinare in diagonale sull'area di disegno per creare una casella di testo rettangolare. Ora digita o incolla la tua copia nella casella.

lavorare con il testo in Photoshop - testo paragrafo Photoshop

La casella di testo è una dimensione fissa. Quando il testo tocca il bordo destro, si avvolge su una nuova riga. Se il testo è troppo lungo è necessario ridimensionare la casella per rendere visibile il resto (oppure è possibile modificare la dimensione del carattere, ovviamente).

Premi Ctrl + T (Windows) o Cmd + T (Mac) quindi tieni premuto Maiusc e trascina uno dei manubri per ingrandire la scatola.

Creazione di forme di casella di testo personalizzate

Non sei limitato a lavorare con caselle di testo rettangolari. È possibile utilizzare vari strumenti di forma o disegnare nuove forme manualmente con lo strumento Penna, quindi riempirle di testo.

lavorare con il testo in Photoshop - forme di Photoshop

Seleziona uno degli strumenti Forma o usa lo strumento Penna . Imposta la Modalità Strumento su Percorso nell'angolo in alto a sinistra della barra delle opzioni, quindi disegna la tua forma sull'area di disegno.

lavorare con il testo in Photoshop - forme personalizzate di Photoshop

Ora prendi lo strumento Tipo orizzontale e fai clic all'interno del percorso che hai disegnato. Questo trasforma la forma in una casella di testo. Ora imposta l'allineamento del testo su Centro e digita o incolla il testo nella casella.

Le forme personalizzate sono utili quando è necessario avvolgere il testo intorno a immagini o altri oggetti nel progetto.

Inserimento di testo su una curva in Photoshop

Puoi anche impostare il testo per seguire la linea di una curva.

Inizia selezionando lo strumento Penna . Nella barra delle opzioni in alto, imposta la Modalità strumento su Percorso . Ora disegna una curva sulla tela. Se hai bisogno di un primer su questo, consulta la nostra guida per usare Photoshop Pen Tool.

lavorare con il testo in Photoshop - cursore ondulato di Photoshop

Quindi, selezionare lo strumento Tipo orizzontale . Passa il cursore sul tracciato appena disegnato. Quando il cursore si trasforma in una linea ondulata, fare clic. Questo aggiunge una casella di testo al percorso.

Ora digita il tuo testo.

lavorare con il testo in Photoshop - testo curvo di Photoshop

Puoi anche impostare il testo per seguire il contorno di una forma. Il processo è lo stesso, solo tu selezioni uno degli strumenti Forma invece della Penna. Anche in questo caso, assicurati di impostare la Modalità Strumento su Traccia prima di disegnarla.

Per regolare la posizione del testo sulla curva, utilizzare lo strumento selezione diretta . Passa il puntatore del mouse sul testo e si trasformerà in un cursore con due frecce. Fare clic e trascinare lungo la linea per shunt il testo lungo la linea.

Fare clic e trascinare lungo la linea per impostare se il testo deve essere eseguito all'interno o all'esterno della forma.

Mascherare il testo in Photoshop

Gli ultimi strumenti di testo di Photoshop sono lo Strumento Maschera di tipo orizzontale e lo Strumento Maschera di tipo verticale .

Questi strumenti non posizionano il testo sulla tela. Al contrario, creano forme basate su testo che puoi usare nei tuoi progetti. Per questo motivo è importante scegliere il tipo di carattere giusto prima di iniziare. Non puoi tornare indietro e modificarlo in seguito.

lavorare con il testo in Photoshop - strumento maschera di tipo photoshop

Inizia aprendo un'immagine in Photoshop o scegliendo un livello che contiene del colore.

Seleziona uno degli strumenti Maschera tipo e imposta il carattere. Ora fai clic sulla tela e inizia a digitare. Quando premi il pulsante Conferma il tuo testo diventerà una selezione.

Ecco tre modi per usarlo:

lavorare con il testo in Photoshop - testo strutturato di Photoshop

Aggiungi una texture al tuo testo. Fai clic sul pulsante Aggiungi maschera di livello nella parte inferiore del pannello Livelli . Ciò rende lo sfondo trasparente, lasciando solo le forme di testo che contengono la trama dall'immagine originale.

lavorare con il testo in Photoshop - colori di sfondo photoshop

Riempi il testo con il colore di sfondo. Premi Ctrl + Backspace o Cmd + Backspace per ritagliare il testo e sostituirlo con il colore di sfondo attualmente selezionato.

lavorare con il testo in Photoshop - testo trasparente di Photoshop

Taglia il testo dallo sfondo. Premi Maiusc + Ctrl + I o Maiusc + Cmd + I per invertire la selezione. Ora premi Ctrl + J o Cmd + J. Nascondi il livello inferiore e ora avrai l'immagine originale con un ritaglio trasparente nella forma del tuo testo.

Styling Text in Photoshop

Ora che conosci i principali modi per inserire del testo nella tua pagina, come fai a disegnarlo? Abbiamo già esaminato le impostazioni di base nella barra delle opzioni. Ci sono alcuni altri da sapere, anche.

lavorare con il testo in Photoshop - opzioni di testo di Photoshop

  • Direzione del testo: consente di alternare tra testo orizzontale e testo verticale
  • Anti-aliasing: imposta la nitidezza o la scorrevolezza del testo
  • Testo alterazione : distorce il testo con 15 stili preimpostati
  • Apri pannello Carattere / Paragrafo: apri il pannello per regolare le impostazioni dei caratteri
  • 3D: Passa alla visualizzazione 3D di Photoshop

Come accennato in precedenza, è necessario selezionare il testo con il cursore prima di poter cambiare la sua formattazione.

I pannelli di carattere e di paragrafo

Fare clic sul pulsante Carattere e pannello Paragrafo nella barra delle opzioni . La prima scheda contiene un insieme di opzioni per la formattazione dei caratteri. Alcuni raddoppiano le opzioni che abbiamo già visto (come la scelta di caratteri e colori), mentre il resto ti consente di perfezionare il tuo tipo.

lavorare con il testo in Photoshop - pannello di caratteri di Photoshop

  • Menu del pannello: include No Break, che posiziona uno spazio non interrotto tra due parole per assicurare che rimangano sulla stessa riga.
  • Leading: questo ti permette di regolare l'altezza della linea per il tuo testo. Lasciarlo impostato su Auto è in genere abbastanza buono.
  • Crenatura: imposta la spaziatura tra una coppia di caratteri. Imposta l'opzione su Metriche per utilizzare il design predefinito per il tuo font o Optical per consentire a Photoshop di impostarlo automaticamente.
  • Tracciamento: controlla la spaziatura tra tutti i caratteri nel testo. Scegli un tracciamento più stretto (un numero negativo) per aggiungere pugno e urgenza alle tue intestazioni.
  • Scala verticale e scala orizzontale: queste opzioni allungano o restringono il carattere verticalmente o orizzontalmente. Utilizzali solo per casi di design specifici: se hai bisogno di uno più largo o più alto, scegli un font diverso Vuoi caratteri Gorgeous Free? Qui ci sono oltre 25 siti dove li troverai e vuoi fantastici font gratuiti? Ecco 25+ siti dove li troverai Piuttosto che guadare centinaia di font, ecco alcuni siti che ti aiuteranno a tenere il passo con tutti i nuovi font che vorresti usare nel tuo prossimo progetto. Leggi di più .
  • Spostamento linea di base: sposta i caratteri selezionati sopra o sotto la linea di base. Più comunemente usato per scrivere caratteri in apice o in apice.
  • Grassetto e Corsivo: evita questi dove possibile, usa sempre le versioni Grassetto o Obliquo del font che hai scelto, se ce l'hai.
  • Tutto maiuscolo e maiuscoletto : converti automaticamente il testo.
  • Altre opzioni: varie impostazioni per la creazione di caratteri secondari e in apice, sottolineatura o controllo di determinati caratteri OpenType.

Fare clic sulla scheda Paragrafo per visualizzare le opzioni per la formattazione del layout di blocchi di testo più grandi.

Qui puoi riordinare i margini sinistro o destro della tua casella di testo, oltre a scegliere se usare o meno la sillabazione.

Effetti di testo in Photoshop

Photoshop ti consente di aggiungere effetti a qualsiasi livello e questo include un livello di testo. Ti consente di aggiungere un'ombreggiatura che fa risaltare il tuo testo sullo sfondo del tuo disegno o forse di aggiungere un effetto luminoso.

lavorare con il testo in Photoshop - effetti di testo di Photoshop

Fare doppio clic sul livello per aprire la casella Stile livello .

Seleziona Ombra esterna e regola le impostazioni tra cui Opacità, Angolo e Distanza . Assicurati che il pulsante Anteprima sia selezionato, in modo da avere una visione in tempo reale dell'effetto. Fai clic su OK quando hai finito.

Lo stesso approccio ti consente di aggiungere un bagliore esterno al testo o di applicare una texture al carattere.

Testo rotante o inclinato in Photoshop

Per ruotare o inclinare il testo seleziona il livello di testo e premi Ctrl + T o Cmd + T per aprire lo strumento Trasformazione libera .

Passa il puntatore del mouse sopra l'angolo del riquadro di delimitazione finché il cursore non diventa una freccia curva. Ora fai clic e trascina per ruotare.

lavorando con il testo in Photoshop - l'inclinazione di Photoshop ruota

Per inclinare il testo, tieni premuto MAIUSC + CTRL o MAIUSC + Cmd e afferra uno dei manubri sul bordo della scatola. Trascina lateralmente, quindi premi Invio per confermare.

Ricorda che troppa inclinazione può distorcere il tuo font.

Lavorare con i font in Photoshop

Scelta del tipo di carattere giusto Font-Pairing Strategie e strumenti per combinazioni perfette di caratteri Strategie e strumenti di abbinamento di font per combinazioni di caratteri perfette L'accoppiamento di font è in parte arte e in parte scienza. Queste strategie e gli strumenti di abbinamento dei font ti aiuteranno a scegliere il perfetto abbinamento dei caratteri per qualsiasi attività. Read More, o coppia di caratteri, è una delle parti più essenziali della progettazione grafica.

Seleziona i caratteri usando il menu a discesa Caratteri nella barra delle opzioni . Vedrai una piccola anteprima per ognuno.

lavorare con il testo in Photoshop - i font preferiti di Photoshop

Aggiungi i tuoi caratteri preferiti ai segnalibri facendo clic sull'icona a forma di stella accanto a loro. Per trovarli di nuovo, premi l'icona Stella nella barra dei menu.

Seleziona un font e scegli Font simili per sfogliare tutti i tipi di carattere disponibili con caratteristiche simili.

Per aumentare le opzioni dei font, fai clic sull'icona Aggiungi font da Typekit nel menu a discesa Caratteri .

lavorare con il testo in photoshop - photoshop typekit

Questo lancia il sito web di Typekit di Adobe. Accedi se necessario, quindi cerca e seleziona tutti i tipi di carattere che desideri aggiungere. Fare clic sul pulsante Sincronizza tutto per rendere disponibili tutti gli stili di quel carattere in Photoshop. In alternativa, sincronizza solo gli stili e i pesi di cui hai bisogno.

Caratteri corrispondenti da altre immagini

Spesso potresti avere un'altra immagine che contiene un font che vorresti utilizzare, ma che non riconosci. Lo strumento Fonts Match di Photoshop può aiutare a identificare questi caratteri misteriosi, o almeno offrire alcune alternative simili.

lavorare con il testo in Photoshop - carattere di corrispondenza di Photoshop

Apri l'immagine e vai a Tipo> Trova carattere . Lo strumento posiziona una sovrapposizione sulla tela. Regola i segni di ritaglio per evidenziare il carattere che vuoi abbinare.

Alcuni suggerimenti verranno fatti dopo pochi secondi. Scegline uno e fai clic su OK .

Modifica di un font

Quando stai progettando un logo Come progettare un logo semplice in Photoshop Come progettare un logo semplice in Photoshop Photoshop può fare molto di più che modificare le foto: è più che capace di un semplice lavoro di progettazione. Qui ti mostriamo come creare un semplice logo geometrico. Per saperne di più, un trucco rapido che puoi fare per dargli una rotazione univoca è modificare il font che stai utilizzando. Puoi farlo facilmente con Photoshop.

Seleziona il testo e vai a Tipo> Converti in forma . Ciò rende il testo non più modificabile.

Afferra lo strumento di selezione del percorso ( A ) per selezionare i singoli caratteri. Ora puoi cambiare colore, spostarli o ruotarli indipendentemente dal resto del testo.

lavorare con il testo in Photoshop - Photoshop tweak font

Usa lo strumento selezione diretta per mostrare il percorso per ogni personaggio. Trascina i punti di ancoraggio per modificare l'aspetto del carattere e puoi anche usare lo strumento Penna per aggiungere nuove curve alle tue lettere.

Qual'è il prossimo? Altri suggerimenti per Photoshop

Type è parte integrante della progettazione grafica e Photoshop offre alcuni strumenti piuttosto potenti per controllare come il testo appare sulla tua pagina.

Il prossimo passo è imparare come incorporarlo nel resto dei tuoi progetti. Scopri la nostra guida per lavorare con la grafica vettoriale in Photoshop Creare e lavorare con la grafica vettoriale in Photoshop Creare e lavorare con la grafica vettoriale in Photoshop Photoshop è un'alternativa sorprendentemente efficace a Illustrator per la grafica vettoriale. Ecco un tutorial introduttivo su come creare grafica vettoriale in Photoshop. Leggi di più e sarai pronto per iniziare a creare icone, loghi, poster e molto altro ancora.

In this article