Come creare un effetto testo Bubble Wrap in Adobe Photoshop

Cosa starai creando

Questo tutorial ti mostrerà come creare un semplice effetto testo a bolle, utilizzando un modello semplice e un paio di stili di livello. Iniziamo!

Questo effetto di testo è stato ispirato dai numerosi stili di livello disponibili sul mercato Envato.

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • Palamecia Titling font
  • Pelle Sorensen - Savanne-royal-30307 di SorensenLeather
  • Free Pack 6000 gradi di photoshop di Supertuts007 (carica il file CHROMES.grd file)
  • Texture Pattern (Creato usando il filtro Crysta Filter Forge di Vladimir Golovin)

1. Caricare i modelli predefiniti

Avrai bisogno di caricare due insiemi di modelli di Photoshop predefiniti. Per farlo, vai su Modifica> Predefiniti> Gestione predefiniti, e scegliere Patterns dal Tipo predefinito menu a discesa. Quindi, fai clic sulla piccola freccia a destra di Tipo predefinito menu a discesa e dovrai aggiungere il Patterns e il Modelli di natura imposta. Quando appare la finestra di dialogo dopo averli aggiunti, fai clic Aggiungere.

2. Crea il modello

Passo 1

Inizia creando un nuovo 70 x 41 px documento, impostando il Risoluzione a 240 pixel / pollice e il Contenuto di sfondo a Trasparente.

Quindi scegli il Strumento di selezione ellittica, e creare a 32 x 32 px cerchio al centro del documento.

Passo 2

Riempi la selezione con Nero e vai a Seleziona> Deseleziona.

Passaggio 3

Quindi, seleziona il Sposta strumento, e trascina il cerchio nero in modo che il suo centro si trovi sul bordo inferiore del documento.

Crea altre tre copie del cerchio e allargale attorno ai bordi rimanenti del documento, assicurandoti che i loro centri cadano esattamente sopra ciascun bordo.

Passaggio 4

Vai a Modifica> Definisci modello, digitare Modello per il Nome, e fare clic ok.

3. Creare lo sfondo

Passo 1

Crea un nuovo 1204 x 870 px documento e impostare il Risoluzione a 72 pixel / pollice.

Posiziona il Pelle Sorensen - Savanne-royal-30307 trama in cima al sfondo livello, ridimensionalo secondo necessità a seconda di quanti dettagli vuoi avere, e rinominalo a livello Texture di sfondo.

Passo 2

Doppio click il Texture di sfondo livello per applicare il seguente stile di livello:

Aggiungere un Sovrapposizione colore con queste impostazioni:

  • Colore: # e8e8e8
  • Modalità di miscelazione: Colore brucia
  • Opacità: 50%

Passaggio 3

Aggiungere un Sovrapposizione sfumatura con queste impostazioni:

  • Controlla il oscillare scatola
  • Modalità di miscelazione: Moltiplicare
  • Stile: Radiale
  • Scala: 150%
  • Clicca il Pendenza box per creare il gradiente usando i colori # d8d8d7 a sinistra e #ffffff a destra.

Passaggio 4

Aggiungi un altro Sovrapposizione sfumatura con queste impostazioni:

  • Controlla il oscillare scatola
  • Modalità di miscelazione: copertura
  • Opacità: 50%
  • Stile: riflessa
  • Angolo: 30
  • Scala: 150%
  • Scegli il Chrome Circle riempimento sfumato

Passaggio 5

Questo modellerà la trama della pelle e aggiungerà un po 'di luce.

Duplica il Texture di sfondo strato, e poi tasto destro del mouse la copia e scegliere Converti in oggetto avanzato.

Passaggio 6

Vai a Filtro> Altro> Passa alto, e impostare il Raggio a 10.

Passaggio 7

Cambiare il Copia di texture di sfondo strato di Modalità di fusione a copertura. Ciò renderà un po 'più nitidi i dettagli.

4. Creare i livelli di testo e tratto

Passo 1

Crea il testo in bianca usando il carattere Titolazione Palamecia e il Formato 250 pt.

Se stai creando più di una riga, imposta il principale valore per qualcosa in giro 220 pt.

Passo 2

Duplica il livello di testo due volte, rinominare la prima copia bolle e il secondo Ictus.

Passaggio 3

Cambiare il bolle strato di Riempire valore a 0.

Passaggio 4

Pulsante destro del mouse il Ictus strato e scegliere Converti in oggetto avanzato, e poi cambiala Riempire valore a 0 anche.

5. Modella il livello di testo

Doppio click il livello di testo originale per applicare il seguente stile di livello:

Passo 1

Aggiungere un Smusso e rilievo con queste impostazioni:

  • Taglia: 7
  • Controlla il Anti-alias scatola
  • Modalità ombreggiatura - Opacità: 0%

Passo 2

Aggiungere un Struttura con queste impostazioni:

  • Modello: Laid-orizzontale
  • Profondità: 90%

Passaggio 3

Aggiungi un Bagliore esterno con queste impostazioni:

  • Opacità: 67%
  • Rumore: 41%
  • Colore: #ffffff
  • Taglia: 3

Passaggio 4

Aggiungere un Ombra esterna con queste impostazioni:

  • Opacità: 75%
  • Distanza: 10
  • Taglia: 10

Passaggio 5

Una volta che il testo è in stile, abbassa il suo livello Opacità valore a 35%, e la sua Riempire valore a 10%.

Potrebbe essere necessario modificare tali valori se si utilizza uno sfondo diverso.

6. Crea le bolle

Passo 1

Doppio click il bolle livello per applicare a Sovrapposizione di modelli effetto con queste impostazioni:

  • Modello: Modello
  • Scala: 50%

Passo 2

Converti il bolle strato in a Oggetto intelligente e cambiala Riempire valore a 0.

Passaggio 3

Duplica il bolle strato per creare una copia.

7. Disegna il primo strato di bolle

Doppio click il bolle livello per applicare il seguente stile di livello:

Passo 1

Aggiungere un Smusso e rilievo con queste impostazioni:

  • Taglia: 2
  • Modalità di evidenziazione - Opacità: 100%
  • Modalità ombreggiatura - Colore: # 6f6f6f

Passo 2

Aggiungere un Struttura con queste impostazioni:

  • Modello: Modello di trama
  • Profondità: 167%

Passaggio 3

Aggiungere un Sovrapposizione colore con queste impostazioni:

  • Colore: #ffffff
  • Opacità: 5%

Passaggio 4

Aggiungere un Ombra esterna con queste impostazioni:

  • Opacità: 15%
  • Distanza: 1
  • Taglia: 3

Questo modellerà il primo strato di bolle.

8. Disegna il secondo strato di bolle

Doppio click il Bolle copia livello per applicare a Smusso e rilievo con queste impostazioni:

  • Taglia: 4
  • Deseleziona il Usa la luce globale scatola
  • Angolo: 45
  • Altitudine: 74
  • Modalità ombreggiatura - Opacità: 20%

Questo è tutto per questo livello. Questo aggiunge solo più texture e dettagli al precedente.

9. Modella il livello del tratto

Doppio click il Ictus livello per applicare il seguente stile di livello:

Passo 1

Aggiungere un Smusso e rilievo con queste impostazioni:

  • Stile: Stroke Emboss
  • Taglia: 10
  • Deseleziona il Usa la luce globale scatola
  • Angolo: -117
  • Altitudine: 42
  • Contorno lucido: Cono
  • Controlla il Anti-alias scatola
  • Modalità ombreggiatura - Opacità: 0%

Passo 2

Aggiungere un Struttura con queste impostazioni:

  • Modello: cellule
  • Profondità: 1000%

Passaggio 3

Aggiungere un Ictus con queste impostazioni:

  • Taglia: 5
  • Posizione: Centro
  • Opacità: 30%
  • Colore: # 828.282

Questo modellerà i bordi del testo.

10. Creare la parte interna

Passo 1

Comando-clic la miniatura del livello di testo originale per creare una selezione.

Passo 2

Vai a Seleziona> Modifica> Contratto, e digita 5.

Passaggio 3

Vai a Seleziona> Modifica> Sfuma, e digita 10.

Passaggio 4

Crea un nuovo livello in cima al Bolle copia strato, chiamalo Dettagli interni, e riempire la selezione con bianca.

Passaggio 5

Comando-clic la miniatura del livello di testo per selezionare nuovamente il testo.

Passaggio 6

Vai a Seleziona> Inversa, colpire il Elimina chiave per sbarazzarsi di eventuali parti extra al di fuori del testo, e poi andare a Seleziona> Deseleziona.

11. Stile la parte interna

Doppio click il Dettagli interni livello per applicare il seguente stile di livello:

Passo 1

Aggiungere un Smusso e rilievo con queste impostazioni:

  • Taglia: 0
  • Modalità di evidenziazione - Opacità: 100%

Passo 2

Aggiungere un Struttura con queste impostazioni:

  • Modello: Le foglie
  • Profondità: 99%

Passaggio 3

Cambiare il Dettagli interni strato di Riempire valore a 0.

Ciò aggiungerà un po 'più di texturing al testo.

12. Applicare alcuni filtri

Passo 1

Seleziona il Ictus strato e vai a Filtro> Distort> Ripple.

Cambiare il Quantità a 150 e il Taglia a Piccolo.

Passo 2

Vai a Seleziona> Tutto, poi Modifica> Copia unita, e Modifica> Incolla.

Posiziona il livello incollato sopra tutti i livelli, rinominalo in Illuminazione, e convertirlo in a Oggetto intelligente.

Passaggio 3

Vai a Filtro> Rendering> Effetti di luce, scegli un Riflettore, e modificare le sue impostazioni come di seguito:

  • Colore: (250, 250, 248)
  • Intensità: 20
  • Punto di accesso: 60
  • colorize: (245, 248, 248)
  • Esposizione: 2
  • gloss: 0
  • Metallico: 100
  • Ambiente: 20
  • Struttura: verde
  • Evidenziare: 1

Passaggio 4

Sposta la luce intorno fino a ottenere un risultato simile a quello qui sotto.

Passaggio 5

Infine, abbassa il Illuminazione strato di Opacità a 50%. Questo regolerà l'illuminazione e migliorerà i dettagli.

Congratulazioni! Hai finito

In questo tutorial, abbiamo creato un modello semplice per la parte delle bolle dell'effetto e lo abbiamo definito in modo che possiamo usarlo con i nostri stili di livello. Poi abbiamo stilizzato una texture in pelle per lo sfondo e l'abbiamo affilata un po '.

Dopodiché, abbiamo creato i livelli di testo, bolle e pennellate e abbiamo stilizzato ognuno di essi per ottenere l'effetto pluriball. Infine, abbiamo usato un paio di filtri per completare l'effetto e regolare l'illuminazione.

Non esitate a lasciare i vostri commenti, suggerimenti e risultati di seguito.