Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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 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 Overlay

Questo stile di sfondo.

Styled 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 Text

Passo 2

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

Text 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
Stroke

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 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 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 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 Emboss

Passo 2

Aggiungere un'ombra interna con queste impostazioni:

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

Passo 3

Aggiungere un'ombra esterna con queste impostazioni:

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

Questo stile di strato inferiore della corsa.

Styled 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 Emboss

Passo 2

Aggiungere un'ombra interna con queste impostazioni:

  • Opacità: 35%
  • Distanza: 0
  • Dimensioni: 5
Inner 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 Overlay

Questo sarà il livello di testo principale in stile.

Styled 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 Emboss

Passo 2

Aggiungere un contorno con queste impostazioni:

  • Basta selezionare la casella di Anti-alias.
Contour

Ciò aumenterà l'effetto lucido.

Styled 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 Emboss

Passo 2

Aggiungere una sovrapposizione sfumatura con queste impostazioni:

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

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

Styled 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 Emboss

Passo 2

Aggiungere un contorno con queste impostazioni:

  • Basta selezionare la casella di Anti-alias.
Contour

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

Styled 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.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.