Come creare un effetto testo Camo Fabric in Adobe Photoshop

Cosa starai creando

In questo tutorial ti mostrerò come creare un effetto testo tessuto mimetico o "camo" in Adobe Photoshop. Imparerai come utilizzare alcuni filtri di Photoshop e creare modelli con essi. Quindi imparerai come usare i modelli con gli stili di livello per creare il risultato finale.

Se desideri saltare questo tutorial ma desideri comunque acquistare l'effetto testo, puoi andare su GraphicRiver e acquistare Stili tessuto. 

Il pacchetto completo ha otto diversi effetti di testo e funziona con forme e testo.

Stili di tessuto

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante questo tutorial:

  • Aller Display
  • Sfondo e contorno all'interno del file zip allegato a questo tutorial.

1. Come creare il modello di tessuto

Passo 1

Apri Photoshop e creane uno nuovo 18 X 18 px documento.

Passo 2

Cambia il colore di primo piano in # 6b6b6b.

Passaggio 3

stampa Control-Shift-N per creare un nuovo livello. Quindi scegli il Strumento rettangolo e disegna a 6 x 6 px quadrato nell'angolo in alto a sinistra (puoi ingrandire l'immagine con Control-Spazio-Sinistra-Click).

Abbiamo bisogno di una texture come l'immagine qui sotto. Nota che abbiamo tre diversi colori sull'immagine: # 6b6b6b per il colore chiaro, # 3f3f3f per il colore medio, e # 121212 per il colore scuro. Continuare a fare 6 x 6 px quadrati su livelli separati fino a riempire l'intero 18 x 18 px documento.

Passaggio 4

Vai a Modifica> Definisci modello e nominare il modello Tutorial Texture tessuto. Quindi fare clic ok per salvare il modello.

2. Come creare la trama Camo

Passo 1

Crea un nuovo 486 x 486 px documento.

Passo 2

stampa D per ripristinare i colori di primo piano e di sfondo. Quindi vai a Filtro> Rendering> Nuvole.

Passaggio 3

Vai a Filtro> Pixelate> Mosaico, impostare il Dimensione della cella a 18 quadrati, e fare clic ok.

Passaggio 4

Vai a Filtro> Galleria filtri. Quindi selezionare Ritagliare nel Artistico categoria con queste impostazioni:

  • Numero di livelli: 4 o 5 (prova e vedi quale ti piace di più)
  • Edge Simplicity: 1
  • Edge Fidelity: 1

Passaggio 5

Ora fai doppio clic sul sfondo livello per sbloccare il livello. Quindi rinominalo Base Camo e fare clic ok.

Passaggio 6

Fare doppio clic sul livello Base Camo per aprire il Stile di livello finestra. Aggiungere un Sovrapposizione di modelli con queste impostazioni:

  • Modalità di miscelazione: Luce forte
  • Opacità: 52%
  • Pattern: seleziona il pattern che abbiamo creato prima (Tutorial Texture tessuto)
  • Scala: 100%
  • Link con Layer: verificato

Clic ok.

La tua immagine dovrebbe assomigliare a questa:

Passaggio 7

Vai a Finestra> Regolazioni per aprire il regolazioni pannello.

Passaggio 8

Aggiungere un Mappa dei gradienti facendo clic sull'ultima icona del pannello.

Passaggio 9

Fare doppio clic sull'icona del gradiente del livello Mappa dei gradienti 1. Il Proprietà il pannello si aprirà.

Passaggio 10

Fare clic sulla barra della sfumatura del Proprietà pannello per aprire il Editor di sfumature

Puoi giocare con questo passaggio successivo e creare colori diversi. Creerò una texture verde. 

Crea un gradiente con queste impostazioni:

  • Primo colore di arresto: # 0c1005
  • Prima posizione di arresto: 0%
  • Colore secondo stop:  # 8aa269
  • Seconda posizione di stop: 51%
  • Colore terzo stop: # e3efcc
  • Terza posizione di arresto: 100%

Passaggio 11

Seleziona il livello Base Camo e vai a Modifica> Definisci modello, e quindi denominare il modello Tessuto Camo e fare clic ok.

3. Come creare la trama del bordo

Passo 1

Crea un nuovo 4 x 4 px documento con uno sfondo nero.

Passo 2

Ingrandisci l'immagine fino a quando vedi i singoli pixel. Quindi scegli il Strumento di matita con una dimensione di 1 px e traccia una linea bianca diagonale come mostrato nell'immagine qui sotto.

Passaggio 3

Vai a Modifica> Definisci modello e nominalo Struttura del bordo.

4. Come creare gli stili di livello

Passo 1

Apri il sfondo immagine che si trova all'interno del file zip allegato a questo tutorial.

Passo 2

Scegli il Tipo Strumento (T) con il carattere Aller Display e dimensione di 179 pt e scrivi TESSUTO. Quindi posizionalo sullo scaffale dello sfondo.

Passaggio 3

Fare doppio clic sul livello di testo per aprire il Stile di livello finestra.

Iniziamo con Sovrapposizione di modelli in modo che saremo in grado di vedere cosa sta accadendo sull'immagine.

Aggiungi il Sovrapposizione di modelli con queste impostazioni:

  • Modalità di miscelazione: Normale
  • Opacità: 100%
  • Pattern: seleziona la texture che abbiamo creato (Tessuto Camo)
  • Scala: 25% 
  • Link con Layer: verificato

Passaggio 4

Aggiungere un Bevel & Emboss con queste impostazioni:

  • Stile: rilievo
  • Tecnica: Liscio
  • Profondità: 174%
  • Direzione: Su
  • Taglia: 4 px
  • Ammorbidire: 0 px
  • Usa luce globale: deselezionata
  • Angolo: 90º
  • Altitudine: 48º
  • Gloss Contour: fai clic sulla casella e carica per installare il file contorno all'interno dello zip
  • Modalità di evidenziazione: Schermo
  • Modalità di evidenziazione Colore: #ffffff
  • Modalità luce Opacità: 10%
  • Ciao: Normale
  • Modalità ombreggiatura Colore: # 364.928
  • Opacità in modalità ombra: 81%

Passaggio 5

Aggiungere un Ictus con queste impostazioni:

  • Taglia: 4 px
  • Posizione: Al di fuori
  • Modalità di miscelazione: Normale
  • Opacità: 100%
  • Sovrastampa: deselezionata
  • Tipo di riempimento: Modello
  • Pattern: seleziona il pattern Tessuto Camo 
  • Scala: 25%
  • Collegamento con il livello: selezionato

Passaggio 6

Aggiungi un Ombra interiore con queste impostazioni:

  • Modalità di miscelazione: Luce lineare
  • Opacità: 2%
  • Usa luce globale: deselezionata
  • Angolo: -27º
  • Distanza: 6 px
  • Soffocare: 6%
  • Taglia: 8 px
  • Contorno: Lineare
  • Anti-alias: deselezionato
  • Rumore: 0%

Passaggio 7

Aggiungi un Bagliore interno con queste impostazioni:

  • Modalità di miscelazione: copertura
  • Opacità: 20%
  • Rumore: 0%
  • Colore: #ffffff
  • Tecnica: Softer
  • Fonte: Centro
  • Soffocare: 39%
  • Taglia: 27 px
  • Contorno: Lineare
  • Anti-alias: deselezionato
  • Gamma: 85%
  • jitter: 0%

Passaggio 8

Aggiungi un Bagliore esterno con queste impostazioni:

  • Modalità di miscelazione: Luce lineare
  • Opacità: 100%
  • Rumore: 59%
  • Colore: # 969c8e
  • Tecnica: Softer
  • Diffusione: 100%
  • Taglia: 4 px
  • Contorno: Lineare
  • Anti-alias: selezionato
  • Gamma: 100%
  • jitter: 0%

Passaggio 9

Aggiungere un Ombra esterna con queste impostazioni:

  • Modalità di miscelazione: Normale
  • Colore: # 000000
  • Opacità: 100%
  • Usa luce globale: deselezionata
  • Angolo: 146º
  • Distanza: 1 px
  • Diffusione: 26%
  • Taglia: 10 px
  • Contorno: Lineare
  • Anti-alias: deselezionato
  • Rumore: 0%
  • Layer Knocks Out Drop Shadow: selezionato

Passaggio 10

Seleziona il livello di testo e premi Control-J duplicarlo. Quindi rinominare la copia in Camo TOP.

Passaggio 11

Fai clic con il tasto destro sul livello Camo Top e scegliere Cancella lo stile del livello. Quindi fai doppio clic per aprire il Stile di livello finestra.

Aggiungere un Bevel & Emboss con queste impostazioni:

  • Stile: rilievo
  • Tecnica: Liscio
  • Profondità: 174%
  • Direzione: Su
  • Taglia: 4 px
  • Ammorbidire: 0 px
  • Usa luce globale: deselezionata
  • Angolo: 90º
  • Altitudine: 48º
  • Gloss Contour: seleziona il contorno che abbiamo installato prima (Tessuto personalizzato)
  • Anti-alias: selezionato
  • Modalità di evidenziazione: Schermo
  • Modalità di evidenziazione Colore: #ffffff
  • Modalità luce Opacità: 0%
  • Ciao: Normale
  • Modalità ombreggiatura Colore: # 4d6326
  • Opacità in modalità ombra: 15%

Passaggio 12

Aggiungere un Ictus con queste impostazioni:

  • Taglia: 2 px
  • Posizione: Al di fuori
  • Modalità di miscelazione: Dodge lineare (Aggiungi)
  • Opacità: 45%
  • Sovrastampa: deselezionata
  • Tipo di riempimento: Modello
  • Pattern: Seleziona Struttura del bordo (Questo creerà l'illusione di cucire sui bordi)
  • Scala: 200%
  • Collegamento con il livello: selezionato

Passaggio 13

Aggiungi un Ombra interiore con queste impostazioni:

  • Modalità di miscelazione: Luce soffusa
  • Colore: # 000000
  • Opacità: 20%
  • Usa luce globale: deselezionata
  • Angolo: -27º
  • Distanza: 0 px
  • Soffocare: 62%
  • Taglia: 10 px
  • Contorno: Lineare
  • Anti-alias: deselezionato
  • Rumore: 0%

Passaggio 14

Aggiungi un Bagliore interno con queste impostazioni:

  • Modalità di miscelazione: copertura
  • Opacità: 4%
  • Rumore: 0%
  • Colore: #ffffff
  • Tecnica: Softer
  • Fonte: Centro
  • Soffocare: 53%
  • Taglia: 16 px
  • Contorno: Lineare
  • Anti-alias: deselezionato
  • Gamma: 85%
  • jitter: 0%

Successivamente, fai clic su ok.

Congratulazioni, sei ora fatto!

In questo tutorial, hai imparato come creare un effetto testo camo fabric in Adobe Photoshop.

Abbiamo iniziato creando una trama di tessuto, quindi abbiamo creato una trama mimetica e unito entrambe le trame. Quindi abbiamo creato una terza texture per il bordo del testo. Successivamente, abbiamo creato due stili di livello utilizzando tutte e tre le trame.

Non dimenticare di salvare gli stili, quindi puoi usarlo con altre cose.

Spero ti sia piaciuto questo tutorial e sentiti libero di lasciare i tuoi commenti qui sotto. 

Questo effetto di testo appena creato fa parte di Stili di tessuto. 

Stili di tessuto