Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Text Effects

Creare un effetto di testo rapido e semplice Sticker 3D in Adobe Photoshop

by
Read Time:4 minsLanguages:

Italian (Italiano) translation by Maria Elena Scuteri (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Adesivo 3D effetti sono in realtà semplice e facile, ma veramente bello e utile. Questo piccolo trucco vi mostrerà come creare un effetto di testo modificabile, lucido adesivo 3D, utilizzando oggetti intelligenti e stili di livello. Iniziamo!

Tutorial Assets

Durante la produzione di questo tutorial sono stati utilizzati i seguenti beni:

  • Carattere di alba
  • Modello di parete di cemento di Atle Mo

1. creazione di Background

Passo 1

Creare un nuovo documento di 770 x 490px. Impostare il colore di primo piano il colore di sfondo per #80b2bb e #3f797d, scegliere lo strumento sfumatura, sfumatura lineare sull'icona nella barra delle opzioni e poi cliccare e trascinare dalla parte inferiore del documento alla sua sommità per creare lo sfondo sfumato.

Poi vai al filtro > convertire per filtri intelligenti.

Background GradientBackground GradientBackground Gradient

Passo 2

Fare doppio clic sul livello di sfondo oggetto avanzato per applicare un effetto sovrapposizione Pattern utilizzando queste impostazioni:

  • Modalità di fusione: Luce soffusa
  • Modello: Muro di cemento
Pattern OverlayPattern OverlayPattern Overlay

Questo stile di sfondo.

Styled BacgroundStyled BacgroundStyled Bacground

2. creare il testo e l'oggetto intelligente strati

Passo 1

Creare il testo in nero utilizzando il font Alba e il tipo di carattere dimensione 120pt.

Create the TextCreate the TextCreate the Text

Passo 2

Duplicate il livello di testo, rinominarlo in corsa e rinominare la copia di testo.

Text and Stroke LayersText and Stroke LayersText and Stroke Layers

Passo 3

Fare doppio clic lo strato di Stroke per applicare un effetto Stroke utilizzando le seguenti impostazioni:

  • Dimensione: 14
  • Colore: #dcdcdc
StrokeStrokeStroke

Passo 4

Questo creerà il colpo esterno. Assicurarsi che il tratto non lascia zone vuote tra le lettere. Se lo fa, quindi fare doppio clic lo strato nuovo per aumentare il colpo di dimensioni fino a che non esistono aree vuote.

Text StrokeText StrokeText Stroke

Passo 5

Destro del mouse ogni due strati avete (i livelli testo e ictus) e scegliere convertire in oggetto avanzato.

Duplicate il livello di testo e modificare riempimento valore della copia a 0.

Convert to Smart ObjectsConvert to Smart ObjectsConvert to Smart Objects

Passo 6

Duplicare il livello di copia del testo e il livello di corsa. Quindi modificare il valore di riempimento del livello copia Stroke a 0 e posizionarlo in cima a tutti i livelli.

Duplicate the Text and Stroke LayersDuplicate the Text and Stroke LayersDuplicate the Text and Stroke Layers

3. lo strato di Stroke di styling

Fare doppio clic lo strato di Stroke per applicare lo stile livello seguente:

Passo 1

Aggiungere uno smusso ed effetto rilievo con queste impostazioni:

  • Dimensione: 10
  • Deselezionare la casella utilizzare luce globale
  • Angolo: 79
  • Altitudine: 37
  • Selezionare la casella di Anti-alias
  • Modalità di ombreggiatura - Color: #2f959d
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Aggiungere un'ombra interna con queste impostazioni:

  • Distanza: 0
  • Soffocare: 30
  • Dimensione: 3
Inner ShadowInner ShadowInner Shadow

Passo 3

Aggiungere un'ombra esterna con queste impostazioni:

  • Opacità: 47%
  • Distanza: 5
  • Dimensioni: 6
Drop ShadowDrop ShadowDrop Shadow

Questo stile di strato inferiore della corsa.

Styled Stroke LayerStyled Stroke LayerStyled Stroke Layer

4. il livello di testo originale di styling

Fare doppio clic il livello di testo originale per applicare lo stile livello seguente:

Passo 1

Aggiungere uno smusso ed effetto rilievo con queste impostazioni:

  • Dimensioni: 7
  • Deselezionare la casella utilizzare luce globale
  • Angolo: 117
  • Altitudine: 69
  • Selezionare la casella di Anti-alias
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Aggiungere un'ombra interna con queste impostazioni:

  • Opacità: 35%
  • Distanza: 0
  • Dimensioni: 5
Inner ShadowInner ShadowInner Shadow

Passo 3

Aggiungere una sovrapposizione di colore con queste impostazioni:

  • Colore: #ea326e

Questo è dove si arriva a scegliere il colore del testo di vignetta, pertanto è possibile utilizzare qualsiasi colore che ti piace.

Color OverlayColor OverlayColor Overlay

Questo sarà il livello di testo principale in stile.

Styled Main TextStyled Main TextStyled Main Text

5. il primo livello di testo copia di styling

Fare doppio clic la prima copia del livello di testo per applicare lo stile livello seguente:

Passo 1

Aggiungere uno smusso ed effetto rilievo con queste impostazioni:

  • Dimensioni: 5
  • Deselezionare la casella utilizzare luce globale
  • Angolo: 0
  • Altitudine: 69
  • Selezionare la casella di Anti-alias
  • Modalità di ombra - opacità: 25%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Aggiungere un contorno con queste impostazioni:

  • Basta selezionare la casella di Anti-alias.
ContourContourContour

Ciò aumenterà l'effetto lucido.

Styled First Copy Text LayerStyled First Copy Text LayerStyled First Copy Text Layer

6. il secondo livello di testo copia di styling

Fare doppio clic la seconda copia livello testo per applicare lo stile livello seguente:

Passo 1

Aggiungere uno smusso ed effetto rilievo con queste impostazioni:

  • Stile: Smusso esterno
  • Dimensioni: 7
  • Deselezionare la casella utilizzare luce globale
  • Angolo: 117
  • Altitudine: 69
  • Selezionare la casella di Anti-alias
  • Modalità di evidenziazione - opacità: 100%
  • Modalità di ombra - opacità: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Aggiungere una sovrapposizione sfumatura con queste impostazioni:

  • Modalità di fusione: Luce soffusa
  • Opacità: 30%
Gradient OverlayGradient OverlayGradient Overlay

Questo creerà il colpo esterno del testo interno, dando l'illusione di un effetto 3D.

Styled Second Copy Text LayerStyled Second Copy Text LayerStyled Second Copy Text Layer

7. lo stile lo strato superiore di ictus

Fare doppio clic la copia strato tratto per applicare lo stile livello seguente:

Passo 1

Aggiungere uno smusso ed effetto rilievo con queste impostazioni:

  • Dimensione: 3
  • Ammorbidire: 2
  • Deselezionare la casella utilizzare luce globale
  • Angolo:-153
  • Altitudine: 69
  • Selezionare la casella di Anti-alias
  • Modalità di evidenziazione: Luce vivida
Bevel and EmbossBevel and EmbossBevel and Emboss

Passo 2

Aggiungere un contorno con queste impostazioni:

  • Basta selezionare la casella di Anti-alias.
ContourContourContour

Questo sarà il livello finale dell'effetto di stile.

Styled Second Stroke LayerStyled Second Stroke LayerStyled Second Stroke Layer

Complimenti! Hai finito

In questo tutorial, abbiamo creato un semplice sfondo e un paio di strati di testo e ictus, che abbiamo trasformati in oggetti avanzati.

Poi abbiamo lo stile di quegli strati utilizzando un mazzo di stili di livello, per finire con un effetto di testo lucido adesivo 3D.

Non esitate a lasciare i vostri commenti, suggerimenti e i risultati qui sotto.

One subscription.
Unlimited Downloads.
Get unlimited downloads