In questo tutorial di Photoshop Basics, impareremo come creare alcuni layout di testo interessanti usando forme personalizzate come cornici di testo ! In altre parole, disegneremo una forma usando una delle forme personalizzate fornite con Photoshop, ma invece di riempire la forma con il colore come faremmo normalmente, la riempiremo di testo!
Ecco un esempio dell'effetto che impareremo a creare. L'immagine di sfondo (senza il testo) è disponibile dalla libreria di immagini di Fotolia . Ovviamente, puoi usare un'immagine diversa se preferisci, o semplicemente creare un nuovo documento Photoshop con uno sfondo bianco da usare mentre segui:
A forma di cuore, leggermente ruotato e pieno di testo.
Iniziamo!
Passaggio 1: selezionare lo strumento forma personalizzata
Seleziona lo strumento forma personalizzata di Photoshop dal pannello Strumenti. Per impostazione predefinita, si nasconde dietro lo strumento Rettangolo, quindi fai clic sull'icona dello strumento Rettangolo e tieni premuto il pulsante del mouse per un secondo o due fino a quando viene visualizzato un menu a comparsa che mostra un elenco degli altri strumenti disponibili in quel punto, quindi seleziona il Strumento forma personalizzata dall'elenco:
Fai clic e tieni premuto sullo strumento Rettangolo, quindi scegli lo strumento Forma personalizzata dal menu.
Passaggio 2: Scegli una forma
Con lo Strumento forma personalizzata selezionato, fai clic sulla miniatura dell'anteprima della forma nella barra delle opzioni nella parte superiore dello schermo:
L'anteprima dell'anteprima mostra la forma attualmente selezionata.
Questo apre lo strumento di selezione delle forme di Photoshop, che mostra miniature di tutte le forme personalizzate tra cui scegliere. Per selezionare una forma, fai clic sulla sua miniatura. Ho intenzione di scegliere la forma del cuore. Dopo aver scelto una forma, premi Invio (Win) / Return (Mac) per chiudere il selettore forme:
Selezionando la forma del cuore facendo clic sulla sua miniatura.
Passaggio 3: selezionare l'opzione "Percorsi"
All'estrema sinistra della barra delle opzioni c'è una fila di tre icone, ognuna delle quali rappresenta un diverso tipo di forma che possiamo disegnare. Photoshop ci offre la possibilità di disegnare forme normali, tracciati o forme basate su pixel. Per usare una forma come contenitore per il nostro testo, vogliamo disegnare un tracciato, che è essenzialmente un contorno della forma. Inseriremo il nostro testo all'interno del contorno. Fai clic sulla metà delle tre icone per selezionare l'opzione Percorsi :
Fai clic sull'opzione Percorsi (al centro delle tre icone).
Passaggio 4: disegna la tua forma
Con l'opzione Tracciati selezionata nella barra delle opzioni, fai clic all'interno del documento e trascina la forma. Vedrai la tua forma apparire come un contorno sottile mentre trascini. Puoi tenere premuto il tasto MAIUSC mentre trascini per forzare la forma a mantenere il suo aspetto originale mentre la stai disegnando. Se è necessario riposizionare la forma mentre la si sta disegnando, tenere premuta la barra spaziatrice, trascinare la forma nel punto desiderato nel documento, quindi rilasciare la barra spaziatrice e continuare a trascinare. Qui, ho disegnato la mia forma di cuore nella sezione in alto a destra dell'immagine:
Fai clic e trascina la forma nel documento. Apparirà come un contorno.
Passaggio 5: rimodella, ruota o sposta il percorso (opzionale)
Se devi rimodellare o ruotare il tracciato (il contorno della forma) o spostarlo in un punto diverso, il modo più semplice per farlo è andare al menu Modifica nella barra dei menu nella parte superiore dello schermo e scegliere Libero Trasforma percorso . Puoi anche premere Ctrl + T (Win) / Command + T (Mac) per selezionare rapidamente lo stesso comando con la scorciatoia da tastiera:
Vai a Modifica> Percorso di trasformazione gratuito.
Ciò posiziona le maniglie del tracciato di trasformazione libera e il riquadro di delimitazione attorno alla forma. Per rimodellarlo, fai semplicemente clic su una delle maniglie (i quadratini) attorno al riquadro di delimitazione e trascinali. Per ridimensionare la forma, tieni premuto il tasto Maiusc e trascina una delle quattro maniglie degli angoli . Per ruotarlo, sposta il cursore in qualsiasi punto all'esterno del riquadro di selezione, quindi fai clic e trascina con il mouse. Infine, per spostare la forma, fai clic in un punto qualsiasi all'interno del riquadro di selezione e trascina.
Ho intenzione di ruotare un po 'la mia forma di cuore in modo che la curva lungo il lato sinistro scorra meglio con la disposizione dei fiori:
Rotazione della forma con Percorso trasformazione libera.
Premi Invio (Win) / Return (Mac) quando hai finito di accettare le modifiche ed uscire dal comando Free Transform Path:
Il contorno ora appare ruotato.
Passaggio 6: selezionare lo strumento Tipo
Ora che abbiamo il nostro percorso, siamo pronti per aggiungere il nostro testo! Seleziona lo strumento Testo dal pannello Strumenti:
Seleziona lo strumento testo.
Passaggio 7: Scegli il tuo carattere
Seleziona il carattere che desideri utilizzare per il testo nella barra delle opzioni. Per il mio design, userò Palatino Italic impostato su 12 pt:
Scegli il tuo carattere dalla barra delle opzioni.
Per scegliere un colore per il mio testo, farò clic sul campione di colore nella barra delle opzioni:
Fai clic sul campione di colore per scegliere un colore per il testo.
Questo apre il Selettore colore di Photoshop. Sceglierò un verde scuro dal Selettore colore per abbinare il colore dei fiori nella mia immagine. Dopo aver scelto un colore, fai clic su OK per chiudere il Selettore colore:
Scegli un colore per il testo dal Selettore colore.
Passaggio 8: aprire il pannello dei paragrafi
Fai clic sull'icona di attivazione / disattivazione del pannello Carattere / Paragrafo a destra del campione di colore nella barra delle opzioni:
L'icona di attivazione / disattivazione apre e chiude i pannelli Carattere e Paragrafo.
Questo apre i pannelli Personaggio e Paragrafo di Photoshop che sono nascosti per impostazione predefinita. Seleziona il pannello Paragrafo facendo clic sulla relativa scheda nella parte superiore del gruppo di pannelli:
Fare clic sulla scheda del pannello Paragrafo.
Passaggio 9: Scegli l'opzione "Giustifica centrata"
Con il pannello Paragrafo ora aperto, fai clic sull'opzione Giustifica centrata per selezionarlo. Ciò renderà più semplice il testo che stiamo per aggiungere per riempire l'intera larghezza della forma. Al termine, fai di nuovo clic sull'icona della levetta nella barra delle opzioni per nascondere i pannelli Carattere e Paragrafo poiché non ne abbiamo più bisogno:
Seleziona l'opzione "Giustifica centrata".
Passaggio 10: aggiungi il testo
A questo punto, non resta che aggiungere il nostro testo. Sposta il cursore dello strumento testo in qualsiasi punto della forma. Vedrai un'ellisse punteggiata intorno all'icona del cursore, che è il modo di Photoshop di dirci che stiamo per aggiungere il nostro testo all'interno del percorso:
Un'ellisse punteggiata appare intorno all'icona del cursore quando la sposti all'interno della forma.
Fai clic in un punto qualsiasi all'interno della forma e inizia a digitare il testo. Durante la digitazione, vedrai che il testo è vincolato all'area all'interno del percorso:
Durante la digitazione, il testo rimane all'interno dei limiti della forma.
Continua ad aggiungere altro testo fino a riempire l'area della forma:
La forma è ora piena di testo.
Passaggio 11: fare clic sul segno di spunta per accettare il testo
Quando hai finito di aggiungere il testo, fai clic sul segno di spunta nella barra delle opzioni per accettarlo ed uscire dalla modalità di modifica del testo di Photoshop:
Fare clic sul segno di spunta per accettare il testo.
Il testo è stato ora aggiunto e riempie bene l'area della forma, ma possiamo ancora vedere il contorno del tracciato attorno ad esso:
Il percorso attorno al testo rimane visibile.
Per nascondere il contorno del percorso, è sufficiente fare clic su un livello diverso nel pannello Livelli. Nel mio caso, il mio documento contiene solo due livelli: il livello Tipo che contiene il mio testo (che è attualmente selezionato) e il livello Sfondo sottostante che contiene la mia immagine di sfondo, quindi farò clic sul livello Sfondo per selezionarlo:
Il percorso sarà visibile quando il livello di testo è attivo. Per nasconderlo, seleziona un livello diverso.
E con ciò, abbiamo finito! Il testo che ho aggiunto potrebbe non aggiudicarmi alcun premio letterario, ma ora abbiamo visto quanto sia facile usare le forme personalizzate di Photoshop come contenitori per il testo:
Il risultato finale