Hvordan lage en raskt ødelagt glass tekst effekt i Adobe Photoshop

Hva du skal skape

Denne opplæringen vil vise deg hvordan du bruker et par lagstiler for å lage en glasstekst-effekt. Deretter vil det vise deg hvordan du bruker utvalgsverktøy og masker for å slå det i knust glass. La oss komme i gang!

Denne tekst-effekten ble inspirert av de mange lagstilene som er tilgjengelige på GraphicRiver.

Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen:

  • Ronnia Bold skrifttype
  • Sorensen Leather - Campo-Bourgogne-20824 av SorensenLeather

1. Hvordan lage en bakgrunn

Trinn 1

Lage en ny 100 x 667 px dokument. Deretter plasserer du Sorensen Leather - Campo-Bourgogne-20824 bildet på toppen av Bakgrunn lag, endre navn på laget til BG Texture, og endre størrelsen på det som du vil.

Steg 2

Klikk på Opprett nytt fyllings- eller justeringslag ikon nederst på siden lag panel, og velg nivåer.

Trinn 3

Endre gamma verdi til 1,10 og Høydepunkter til 180.

Trinn 4

Legg til en gradient lag på toppen av alle lag.

Lage en Gjennomsiktig til utfyllingsfarge gradient fylling, bruk fargene # d6d6d6 til venstre og # a6a6a6 til høyre.

Endre Stil til radial og Scale til 250, og sjekk dither eske.

Trinn 5

Endre gradient lags Blend Mode til Fargeforbrenning.

2. Hvordan lage teksten

Trinn 1

Lag teksten i Alle Caps bruker skriften Ronnia Bold. Sett Farge til Hvit, og Størrelse til 150 pt.

Steg 2

Endre tekstlaget Fylle verdi til 0, og duplisere det to ganger.

3. Slik bruker du en lagstil til det originale tekstlaget

Dobbeltklikk de opprinnelig tekstlag for å bruke følgende lagestil:

Trinn 1

Legg til en Drop Shadow med disse innstillingene:

  • Blandingsmodus: Levende lys
  • Farge: # f2dede
  • opacity: 10%
  • Fjern merket for Bruk Global Light eske
  • Angle: -19
  • Avstand: 11
  • Størrelse: 20

Steg 2

Klikk på + tegn til høyre for Drop Shadow fanen, for å legge til en annen Drop Shadow effekt med disse innstillingene:

  • Blandingsmodus: Fargeforbrenning
  • Farge: # 837777
  • opacity: 30%
  • Fjern merket for Bruk Global Light eske
  • Angle: 107
  • Avstand: 12
  • Spredt: 2
  • Størrelse: 10

Dette vil skape dropshadow og markere en del av effekten.

4. Slik bruker du en lagstil til det første kopi tekstlaget

Dobbeltklikk de første kopi tekstlag for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Størrelse: 3
  • Skygge modus: overlegg
    • Farge: # e4eeee

Steg 2

Legg til en Kontur med disse innstillingene:

  • Kontur: Cove - Deep
  • Undersøk Anti-alias eske.
  • Område: 100%

Trinn 3

Legg til en Indre skygge med disse innstillingene:

  • Blandingsmodus: Skjerm
  • Farge: # e2e2e2
  • opacity: 10%
  • Fjern merket for Bruk Global Light eske
  • Angle: 90
  • Avstand: 2
  • Størrelse: 1. 3

Trinn 4

Legg til en Indre glød med disse innstillingene:

  • Blandingsmodus: overlegg
  • opacity: 30%
  • Farge: # f1ecec
  • Teknikk: Nøyaktig
  • Størrelse: 3
  • Undersøk Anti-alias eske
  • Område: 35

Trinn 5

Legg til en Gradient Overlay med disse innstillingene:

  • Undersøk dither eske
  • Blandingsmodus: Mykt lys
  • opacity: 50%
  • Stil: reflektert
  • Angle: 105
  • Scale: 150%
  • Undersøk Omvendt eske
  • Klikk på gradient boks for å lage gradient fylling

Trinn 6

For å opprette Gradient, må du klikke under graderingslinjen for å legge til Farge stopper, og når du klikker på hvert fargestopp, kan du endre det Farge og plassering verdier. Her er Fargestopp verdier som brukes fra venstre til høyre:

Farge - plassering

  • # 252321 - 0%
  • # 656565 - 22%
  • #eeeeee - 44%
  • # 585858 - 69%
  • #eeeeee - 70%
  • # 606060 - 83%
  • # 252321 - 100%

Trinn 7

Endre første kopi lag Fylle verdi til 0.

5. Slik bruker du en lagestil til det andre kopi tekstlaget

Dobbeltklikk de andre kopi tekstlag for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Størrelse: 5
  • Undersøk Anti-alias eske
  • Skygge modus: overlegg
    • Farge: # d0e8e9

Steg 2

Legg til en Kontur med disse innstillingene:

  • Undersøk Anti-alias eske.
  • Område: 70%

Dette vil style den siste delen av effekten.

6. Hvordan maskere et utvalg

Trinn 1

Velg Polygonal Lasso Tool, og klikk på Legg til i utvalg ikonet i alternativer Bar.

Det du trenger å gjøre, er å skape skarpe former over enkelte deler av teksten, for å etterligne utseendet på ødelagte områder.

Steg 2

Når du er ferdig med å opprette valget, holder du Alternativ tast og klikk på Legg til lagmaske ikon nederst på siden lag panel.

Trinn 3

Hold Alternativ tasten igjen, og dra masken til hvert av tekstlagene for kopiering.

7. Hvordan lage enkle knuste stykker

Trinn 1

Med Polygonal Lasso Tool igjen, skape litt mer skarpe utvalg av mindre spredte former rundt teksten, for å lage de splittede stykkene.

Når du er ferdig med det, opprett et nytt lag på toppen av alle lag, ring det Pieces, og fyll stykkens utvalg med Hvit.

trykk Kommando-D å bli kvitt utvalget.

Steg 2

Dupliserer Pieces lag to ganger.

8. Hvordan kopiere og lim inn lagstilter

Trinn 1

Høyreklikk det opprinnelige tekstlaget, og velg Kopier lagsstil. Deretter Høyreklikk de Pieces lag, og velg Lim inn lagstil.

Gjenta det for første kopi og andre kopi tekst og Pieces lagene.

Steg 2

Høyreklikk de fx ikon til høyre for Pieces lag, og velg Skalaeffekt.

Trinn 3

Sett Scale verdi til 50%. Gjenta det for Pieces kopier lag.

Trinn 4

Dobbeltklikk de Pieces lag, og endre Drop Shadow effektens Størrelse verdien tilbake til 10.

Dette vil sørge for at skyggen har samme størrelse for alle deler av teksten.

9. Hvordan lage en spotlight-effekt

Trinn 1

Bruke Elliptisk Marquee Tool å lage en ellipse rundt teksten.

Steg 2

Lag et nytt lag på toppen av gradient lag og ring det Lys.

Fyll utvalget med fargen # d6d6d6.

Trinn 3

Gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til 50 eller annen verdi du foretrekker.

Trinn 4

Endre Lys lags Blend Mode til Levende lys, og dets opacity til 10% eller annen verdi du liker.

Gratulerer, du er ferdig!

I denne opplæringen opprettet vi en enkel bakgrunn med en lærtekstur og et gradientfyllingslag for vignetteeffekten.

Deretter opprettet vi tre tekstlag og stilte dem for å skape glassvirkningen.

Deretter brukte vi Polygonal Lasso Tool til å lage de ødelagte områdene og knuste stykker, og vi stilte brikkene for å passe inn i effekten.

Til slutt lagde vi litt belysning bak teksten, ved hjelp av et elliptisk utvalg og et sløret filter.

Vær så snill å legge igjen dine kommentarer, forslag og utfall nedenfor.