Vuoi dare un tocco speciale ai tuoi testi ma hai poco tempo? Nessun problema! Con Photoshop, ti basta pochi passaggi per creare effetti tipografici cool. In questo tutorial ti mostrerò cinque tecniche rapide e semplici per rendere la tua tipografia creativa e moderna. Dall'effetto Neon-Glow ai look metallici fino agli effetti distorti, questi trucchi veloci porteranno varietà e stile ai tuoi design. Iniziamo e mettiamo in risalto i tuoi testi!
1. Effetto Retrocontorno per Intestazioni
Per volantini e sfondi si possono creare velocemente dei contorni retro creativi utilizzando l'opzione di Effetto Esterno.
Passo 1: Posizionare il testo
Come immagine di partenza, prendo uno sfondo a raggi con del testo leggermente inclinato. Il testo ha il font Eight Track di dimensioni 300 Pt.
Passo 2: Effetto 'Schein nach außen' come sfumatura
Il Effetto Esterno viene di solito utilizzato come un chiaro o scuro rilievo/oombra. Tuttavia, Photoshop offre anche la possibilità di applicare una sfumatura come rilievo anziché un colore.
Con impostazioni precise, i testi possono generare numerosi effetti di contorno, ognuno dei quali può essere variato con diversi metodi di riempimento. Grazie alla disponibilità e alla semplice creazione di sfumature adatte, si ottiene una varietà quasi infinita di effetti di contorno che possono delicatamente contornare i caratteri o incorniciare psichedelici e colorati.
La Dimensione nel Dialogo degli effetti di riempimento indica quanto deve sembrare grande la sfumatura all'esterno. L'Opacità indica quanto forte deve essere l'effetto direttamente sul testo. Importante è la tecnica: Precisa.
Molto bello: Tra le Impostazioni speciali c'è una sfumatura interrotta che può essere utilizzata per un bell'effetto retrò. I colori sono facilmente modificabili. Se ti piace, puoi far sì che i contorni esterni sfumino in trasparenza.
Completato l'effetto retrocontorno:
2. Effetto Contorno Sfocato per Intestazioni
Un effetto contorno sfocato può essere ottimo per volantini grunge o titoli. L'effetto in sé è semplice da realizzare.
Passo 1: Posizionare il testo su sfondo bianco
Lo sfondo è bianco. Scrivo con lo Strumento Testo le lettere PSD in un carattere da 600 punti. Army.
Passo 2: Selezionare le lettere Seleziono le lettere del livello di testo con Ctrl e facendo Clic sulla miniatura del livello del testo.
Passo 3: Modificare la selezione Con la scorciatoia Ctrl+Alt+R apro il dialogo Migliora contorno. Imposto un Contorno morbido per la mia selezione. Il valore esatto può variare a seconda delle dimensioni del testo.
Passo 4: Creare un nuovo livello e riempirlo di colore Creo un nuovo livello con la scorciatoia Ctrl+Shift+Alt+N e lo riempio con un colore a piacere. Solo l'area selezionata viene riempita di colore.
Posso disattivare il livello di testo e annullare la selezione con la scorciatoia Ctrl+D.
Passo 5: Convertire in Oggetto Intelligente Seleziono il livello delle lettere con il Contorno Morbido e il livello bianco e converto entrambi i livelli in un Oggetto Intelligente.
Passo 6: Applicare il filtro Smart Aquarello Applico il filtro artistico Aquarello tre volte sul mio Oggetto Intelligente.
- Passaggio
| Dettagli Pennello: | 6 |
| Zona in ombra: | 0 |
| Struttura: | 2 |
Le impostazioni possono variare anche qui a seconda del colore scelto, delle dimensioni del contorno morbido e delle dimensioni del testo.
- Passaggio
| Dettagli Pennello: | 14 |
| Zona in ombra: | 0 |
| Struttura: | 2 |
- Passaggio
| Dettagli del pennello: | 11 |
| Area dell'oscuramento: | 0 |
| Struttura: | 2 |
Già dopo due passaggi si può notare come si è creato un effetto di bordo irregolare e sfilacciato. Con il terzo e, se necessario, un quarto passaggio, posso ottimizzare ulteriormente l'effetto.
E così l'effetto può essere ben utilizzato come componente testuale per sfondi grungy. Lo sfondo qui mostrato è allegato a questo tutorial come materiale di lavoro.
In questa visualizzazione nella modalità Colore più scuro con un'opacità dell'85%, lo sfondo è in modalità Normale con la stessa opacità dell'85%:
Nella visualizzazione differenziata nella modalità Differenza con un'opacità del 100%, lo sfondo è in modalità Normale con un'opacità del 50%:
3. Semplice effetto di riflessione in 3D
Un semplice effetto di riflessione per i testi, che funziona in modo molto semplice e senza troppi fronzoli, si ottiene seguendo pochi passaggi.
Fonte immagine: Akhilesh Sharma - Fotolia.com.
Passo 1: Definire l'immagine di riflessione come motivo
Il primo passo per ottenere questo effetto consiste nel definire l'immagine che deve essere riflessa all'interno del testo come motivo. Per fare ciò, mentre l'immagine è aperta, seleziono Modifica > Definisci motivo.
Passo 2: Posizionare il testo Posiziono il mio testo con un Arial di 300 punti nel mio documento. Il documento è di dimensioni 800x600 pixel e ha uno sfondo nero.
Passo 3: Opzione di riempimento contorno Apro le Opzioni di riempimento del mio livello testo e seleziono la scheda Contorno. All'interno scelgo come tipo di riempimento Motivo e clicco sul motivo precedentemente definito nella Anteprima del motivo.
Altre impostazioni:
| Dimensione: | 3 px |
| Posizione: | Centro |
| Scalatura: | a seconda delle esigenze, quindi in base a quanto grande era il motivo definito; in questo caso 35% |
Con il mouse posso posizionare il motivo nell'immagine esattamente come desidero che venga mostrato nel contorno del testo. Posso confermare le impostazioni con OK.
Passo 4: Impostare l'opzione di riempimento come livello Con un clic destro posso creare un livello dal mio Stile livello. Il contorno è ora presente in un livello nel Pannello livelli. Posiziono il livello sotto il mio livello testo.
Passo 5: Sovrapposizione motivo Nelle Opzioni di riempimento del livello testo, seleziono la scheda Sovrapposizione motivo e richiamo il motivo precedentemente definito. Con il cursore di scalatura riduco il mio motivo finché non si adatta visivamente all'immagine. Con il mouse posso ancora posizionare il motivo nell'immagine esattamente come desidero che venga mostrato nel testo.
Passo 6: Ottimizzazione attraverso il contorno Per renderlo realistico, sposto leggermente il livello del contorno verso il basso e verso sinistra con le freccette sulla tastiera, in modo da ottenere una leggera tridimensionalità.
Posso anche aggiungere una sottile linea di contorno all'esterno di 1 pixel con riempimento a motivo al livello testo per dare un po' di riflesso aggiuntivo. Poiché il contorno di un pixel è davvero molto tenue, può essere mostrato anche nella parte superiore del testo. Se l'effetto è troppo forte, basta ridurre leggermente l'opacità.
Questo fornisce un ulteriore bel riflesso di luce. Così si ottiene un semplice effetto di riflessione in 3D.
4. Effetti di gradiente per riflessioni in testi e forme
Prima di cominciare, voglio dire che sono stato ispirato a questo tutorial da Scott Kelby, che ha spiegato questo effetto nel suo libro "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".
Scott Kelby ha spiegato la creazione dell'effetto in 12 passaggi per due lettere. Ha proceduto nel seguente modo:
- Creare il testo
- Rasterizzare il testo, selezionare e tracciare il primo gradiente
- Duplicare il livello e tracciare il gradiente opposto
- Tagliare il gradiente tramite selezione ellittica
- Trasformare la selezione
- Capovolgere e rimuovere la parte selezionata del gradiente
- Aggiungere il contorno
- Aggiungere smussatura e rilievo
- -12. Ripetere i passaggi per la seconda lettera
L'effetto è un piccolo e simpatico colpo d'occhio. Tuttavia, il processo consente solo un risultato statico. Il testo non può essere modificato perché è stato rasterizzato all'inizio. Per ogni ulteriore lettera devo ripetere la maggior parte dei passaggi.
Nel mio tutorial voglio mostrare un modo che lasci aperta la possibilità di ulteriori modifiche al testo. Inoltre, con questo effetto, ulteriori lettere possono essere aggiunte più velocemente.
Passaggio 1: Creare un gradiente
Per creare questo effetto in modo più rapido, creo il doppio gradiente come modello. Quindi apro prima nel mio documento delle dimensioni 1000x600 pixel il menu Gradiente, facendo clic sull'anteprima gradiente nella barra dei menu con lo strumento Gradiente (G) attivato.
Ora creo il gradiente che dovrebbe essere inserito come riflesso con doppio gradiente nel testo.
Il gradiente ha la seguente sequenza:
Grigio – Bianco – Nero – Grigio
Aggiungo interruzioni di colore mancanti con un clic accanto a un'interruzione di colore esistente e le posiziono tramite trascinamento nella posizione desiderata. Posso modificare il colore dell'interruzione di colore tramite il selettore colore del menu Gradiente.
Il passaggio da Bianco a Nero è netto. Gli secchi dei colori non dovrebbero sovrapporsi completamente, ma essere leggermente sfalsati. Altrimenti, il passaggio avrà leggere effetti a gradoni più tardi. Il lisciatura al 30 percento garantisce che anche il gradiente nella zona grigia sia bello e morbido.
Se necessario, posso anche salvare il nuovo gradiente nell'anteprima del gradiente, dichiarandolo con un nome qualsiasi come Nuovo. Successivamente, confermo le mie impostazioni di gradiente con OK.
Passaggio 2: Curvare il gradiente
Trascino il gradiente con lo strumento gradiente dal centro inferiore del documento verso l'angolo in alto a sinistra.
A causa della curva nel gradiente, purtroppo non posso fare tutti i lavori di modifica a mano tramite sovrimpressione del gradiente. La soluzione è applicare il gradiente curvato come modello.
Con Ctrl+T>Curva regolo ora una leggera curvatura in modo che la transizione nera venga visualizzata in modo curvo. A tal scopo, trascino leggermente la mia griglia di curvatura verso l'alto a sinistra.
Passaggio 3: Definire il gradiente come modello Ora posso definire il doppio gradiente curvo come modello. Scelgo in Modifica>Definisci modello. Il nome è: Doppio gradiente con riflesso.
Passaggio 4: Inserire il testo Per il documento scelgo uno sfondo nuovo e rosso scuro. Ora posso già inserire il mio testo con un carattere di 530 punti. Digito la lettera P.
Passaggio 5: Sovrapposizione modello Apro le opzioni di riempimento del mio livello di testo. Nella scheda Sovrapposizione modello scelgo nella lista a discesa il modello precedentemente definito.
Con il mouse posso ora semplicemente andare nel documento e spostare in modo intuitivo e diretto il mio modello nella posizione desiderata. Se necessario, posso anche scalare il mio modello, se fosse troppo grande o troppo piccolo per la lettera.
Passaggio 6: Contorno Nella successiva scheda Contorno imposto un contorno spesso 5 pixel nella posizione esterno. Lo stile di riempimento è un gradiente.
Clicco sull'anteprima gradiente sul'impostazione predefinita Argento dai preset metallici.
Il contorno da solo non ha l'effetto desiderato. Solo con il Bordo abbagliato e in rilievo appare veramente metallico.
Passaggio 7: Bordo abbagliato e in rilievo Le impostazioni nella scheda Bordo abbagliato e in rilievo garantiscono l'effetto metallico in 3D. Scelgo le seguenti impostazioni:
• Stile: Contorno in rilievo
• Tecnica: Arrotonda
• Profondità: 100 percento
• Dimensioni: 5 pixel
• Angolo e altezza dell'ombreggiatura: 120 e 30 gradi
• Contorno brillante: Doppio anello
L'effetto è completato.
Passaggio 8: Altre lettere Per altre lettere duplico semplicemente il livello di testo, lo sposto nella posizione desiderata e cambio con lo strumento testo la rispettiva lettera nel nuovo testo.
Se necessario, devo solo adattare il doppio passaggio nel registro sovrimpressione modello alla forma della nuova lettera.
Se desidero ancora dei tocchi di colore nel mio passaggio, posso aggiungere una sovrimpressione colore in modalità soprapposizione nelle opzioni di riempimento.
È tutto!
5. Testo inclinato con cornice
Un bel progresso dell'effetto di sfumatura riflesso precedente può essere aggiungere una cornice al mio testo e inclinare la cornice con testo nella visualizzazione.
In questo esempio, non ogni singola lettera avrà una riflessione separata, ma condivideranno una riflessione con le altre; significa: le lettere non si trovano in singoli livelli, ma insieme in uno strato.
Passaggio 1: Aggiungere cornice
Disegno un rettangolo con bordo sottile dalle impostazioni predefinite come cornice attorno al mio testo utilizzando lo Strumento Forma personalizzata (U).
Passaggio 2: Copiare gli stili dei livelli Trascino con Alt i stili dei livelli esistenti del livello di testo sul livello della cornice. Così ho copiato gli stili dei livelli per la cornice. Se necessario, aggiusto ancora una volta la posizione specifica della sovrimpressione modello attraverso le opzioni di riempimento, affinché sia ben visibile nella visualizzazione.
Passaggio 3: Convertire entrambi i livelli in oggetto intelligente Seleziono il livello di testo e il livello della cornice nel pannello dei livelli e li converto in un oggetto intelligente.
Passaggio 4: Trasformazione Seleziono Ctrl+T sul mio oggetto intelligente per trasformarlo. Con Ctrl posso spostare il punto angolare superiore sinistro verso il centro. In questo modo, cornice e testo si inclinano.
Se necessario, posso spostare anche i punti angolari inferiori singolarmente mantenendo premuto Ctrl, per rafforzare ulteriormente l'effetto di inclinazione. Premendo Invio posso confermare la mia trasformazione.
Passaggio 5: Suggerimento di posizionamento È importante che il testo abbia la cornice, affinché si ottenga un effetto realmente inclinato o inclinato. Il solo testo otterrebbe questo effetto solo in misura limitata.
Se voglio ottenere un effetto di posizionamento particolare, allora posiziono il mio testo con cornice in modo che l'intera cornice non trovi spazio nel documento. Se necessario, devo ritagliare il documento per ottenere questa estetica. Ciò crea l'impressione di una grandezza visiva speciale. Il contenuto non trova posto nel riquadro del documento, è troppo grande. In questo modo si può trasmettere in senso figurato la grandezza del contenuto. Ad esempio, DER SPIEGEL ha posizionato il nome Google sulla copertina in modo che Google non rientrasse completamente nella copertina. Questo ha dimostrato in modo semplice ed efficace la grandezza e il potere di Google.
