Slik lager du en boble-wrap teksteffekt i Adobe Photoshop

Hva du skal skape

Denne opplæringen vil vise deg hvordan du lager en enkel boble-wrap teksteffekt, ved hjelp av et enkelt mønster og et par lagstiler. La oss komme i gang!

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

Tutorial Assets

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

  • Palamecia Titling font
  • Sorensen Leather - Savanne-royal-30307 av SorensenLeather
  • Gratis Pack 6000 photoshopgradienter av Supertuts007 (Last inn CHROMES.grd fil)
  • Teksturmønster (laget med Crysta Filter Forge filter av Vladimir Golovin)

1. Legg inn standardmønstrene

Du må laste to standard Photoshop-mønster sett. For å gjøre det, gå til Rediger> Forhåndsinnstillinger> Forhåndsinnstilt administrasjon, og velg Patterns fra Forhåndstiltype nedtrekksmenyen. Deretter klikker du på den lille pilen til høyre for Forhåndstiltype rullegardinmenyen, og du må legge til Patterns og Naturmønstre settene. Når dialogboksen vises etter at du har lagt til hver av dem, klikker du bare Tilføy.

2. Lag mønsteret

Trinn 1

Begynn med å opprette en ny 70 x 41 px dokument, sette inn Vedtak til 240 piksler / tommer og Bakgrunnsinnhold til Gjennomsiktig.

Velg deretter Elliptisk Marquee Tool, og opprett en 32 x 32 px sirkel i midten av dokumentet.

Steg 2

Fyll utvalget med Svart og gå til Velg> Fravelg.

Trinn 3

Deretter velger du Flytteverktøy, og dra den sorte sirkelen slik at senteret er over den nederste kanten av dokumentet.

Lag tre flere kopier av sirkelen, og spred dem rundt de resterende kantene av dokumentet, og sørg for at deres senter faller nøyaktig på toppen av hver kant.

Trinn 4

Gå til Rediger> Definer mønster, Skriv inn Mønster for Navn, og klikk OK.

3. Lag bakgrunnen

Trinn 1

Lage en ny 1204 x 870 px dokument og sett inn Vedtak til 72 piksler / tommer.

Plasser Sorensen Leather - Savanne-royal-30307 tekstur på toppen av Bakgrunn lag, endre størrelsen på det etter behov, avhengig av hvor mye detalj du vil ha, og gi nytt navn til laget til Bakgrunnsstruktur.

Steg 2

Dobbeltklikk de Bakgrunnsstruktur lag for å bruke følgende lagestil:

Legg til en Fargeoverlegg med disse innstillingene:

  • Farge: # e8e8e8
  • Blandingsmodus: Fargeforbrenning
  • opacity: 50%

Trinn 3

Legg til en Gradient Overlay med disse innstillingene:

  • Undersøk dither eske
  • Blandingsmodus: Multiplisere
  • Stil: radial
  • Scale: 150%
  • Klikk på gradient boks for å lage gradienten ved hjelp av fargene # d8d8d7 til venstre og # ffffff til høyre.

Trinn 4

Legg til en annen Gradient Overlay med disse innstillingene:

  • Undersøk dither eske
  • Blandingsmodus: overlegg
  • opacity: 50%
  • Stil: reflektert
  • Angle: 30
  • Scale: 150%
  • Velg Chrome sirkel gradient fylling

Trinn 5

Dette vil style lærtekstur og legge til litt belysning.

Dupliserer Bakgrunnsstruktur lag, og deretter Høyreklikk kopien og velg Konverter til Smart Object.

Trinn 6

Gå til Filter> Annet> High Pass, og sett Radius til 10.

Trinn 7

Endre Bakgrunnsstruktur kopi lags Blend Mode til overlegg. Dette vil skarpe detaljene litt.

4. Lag tekst og strekklag

Trinn 1

Lag teksten i Hvit bruker skriften Palamecia Titling og Størrelse 250 pt.

Hvis du oppretter mer enn én linje, angir du ledende verdi til noe rundt 220 pt.

Steg 2

Kopier tekstlaget to ganger, omdøpe første kopi Bubbles og den andre Stroke.

Trinn 3

Endre Bubbles lags Fylle verdi til 0.

Trinn 4

Høyreklikk de Stroke lag og velg Konverter til Smart Object, og deretter endre dens Fylle verdi til 0 også.

5. Stil tekstlaget

Dobbeltklikk det originale tekstlaget for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Størrelse: 7
  • Undersøk Anti-alias eske
  • Skyggemodus - Opasitet: 0%

Steg 2

Legg til en Tekstur med disse innstillingene:

  • Mønster: Avslappet horisontal
  • Dybde: 90%

Trinn 3

Legg til en Ytre glød med disse innstillingene:

  • opacity: 67%
  • Bråk: 41%
  • Farge: # ffffff
  • Størrelse: 3

Trinn 4

Legg til en Drop Shadow med disse innstillingene:

  • opacity: 75%
  • Avstand: 10
  • Størrelse: 10

Trinn 5

Når teksten er stylet, senk lagets lag opacity verdi til 35%, og dets Fylle verdi til 10%.

Du må kanskje endre disse verdiene hvis du bruker en annen bakgrunn.

6. Lag boblene

Trinn 1

Dobbeltklikk de Bubbles lag for å bruke en Mønsteroverlegg effekt med disse innstillingene:

  • Mønster: Mønster
  • Scale: 50%

Steg 2

Konverter Bubbles lag inn i a Smart objekt og endre dens Fylle verdi til 0.

Trinn 3

Dupliserer Bubbles lag for å lage en kopi.

7. Stil det første boblerlaget

Dobbeltklikk de Bubbles lag for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Størrelse: 2
  • Fremhevsmodus - Opasitet: 100%
  • Skygge modus - Farge: # 6f6f6f

Steg 2

Legg til en Tekstur med disse innstillingene:

  • Mønster: Teksturmønster
  • Dybde: 167%

Trinn 3

Legg til en Fargeoverlegg med disse innstillingene:

  • Farge: # ffffff
  • opacity: 5%

Trinn 4

Legg til en Drop Shadow med disse innstillingene:

  • opacity: 15%
  • Avstand: 1
  • Størrelse: 3

Dette vil style det første laget av bobler.

8. Stil det andre boblerlaget

Dobbeltklikk de Bubbles kopi lag for å bruke en Bevel og Emboss med disse innstillingene:

  • Størrelse: 4
  • Fjern merket for Bruk Global Light eske
  • Angle: 45
  • Høyde: 74
  • Skyggemodus - Opasitet: 20%

Det er det for dette laget. Dette gir bare mer tekstur og detaljer til den forrige.

9. Stil strekklag

Dobbeltklikk de Stroke lag for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Stil: Stroke Emboss
  • Størrelse: 10
  • Fjern merket for Bruk Global Light eske
  • Angle: -117
  • Høyde: 42
  • Glanskontur: Cone
  • Undersøk Anti-alias eske
  • Skyggemodus - Opasitet: 0%

Steg 2

Legg til en Tekstur med disse innstillingene:

  • Mønster: celler
  • Dybde: 1000%

Trinn 3

Legg til en Stroke med disse innstillingene:

  • Størrelse: 5
  • Stilling: Senter
  • opacity: 30%
  • Farge: # 828282

Dette vil stile kantene på teksten.

10. Opprett den indre delen

Trinn 1

Kommando-klikk Det opprinnelige tekstlagets miniatyrbilde for å lage et valg.

Steg 2

Gå til Velg> Endre> Kontrakt, og skriv inn 5.

Trinn 3

Gå til Velg> Endre> Feather, og skriv inn 10.

Trinn 4

Lag et nytt lag på toppen av Bubbles kopi lag, ring det Innerdetaljer, og fyll ut valget med Hvit.

Trinn 5

Kommando-klikk tekstlaget miniatyrbilde for å velge teksten igjen.

Trinn 6

Gå til Velg> Inverse, slå den Slett nøkkel for å kvitte seg med eventuelle ekstra deler utenfor teksten, og deretter gå til Velg> Fravelg.

11. Stil den indre delen

Dobbeltklikk de Innerdetaljer lag for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Størrelse: 0
  • Fremhevsmodus - Opasitet: 100%

Steg 2

Legg til en Tekstur med disse innstillingene:

  • Mønster: blader
  • Dybde: 99%

Trinn 3

Endre Innerdetaljer lags Fylle verdi til 0.

Dette vil legge til litt mer teksturer til teksten.

12. Bruk noen filtre

Trinn 1

Velg Stroke lag, og gå til Filter> Forvreng> Rippel.

Endre Beløp til 150 og Størrelse til Liten.

Steg 2

Gå til Velg> Alle, deretter Rediger> Kopier fusjonert, og Rediger> Lim inn.

Plasser det limte laget på toppen av alle lag, endre navn på det til Lighting, og konverter det til en Smart objekt.

Trinn 3

Gå til Filter> Render> Lys effekter, Velg en Spot Light, og endre innstillingene som følger:

  • Farge: (250, 250, 248)
  • Intensitet: 20
  • hotspot: 60
  • Fargelegg: (245, 248, 248)
  • Eksponering: 2
  • Gloss: 0
  • metallic: 100
  • atmosfære: 20
  • Tekstur: Grønn
  • Fremheve: 1

Trinn 4

Flytt lyset rundt til du får et resultat som ligner på det nedenfor.

Trinn 5

Endelig, senk Lighting lags opacity til 50%. Dette vil justere belysningen og forbedre detaljene.

Gratulerer! Du er ferdig

I denne opplæringen opprettet vi et enkelt mønster for bobler delen av effekten og definerte den slik at vi kan bruke den med våre lagstiler. Deretter stylet vi en lærtekstur til bakgrunnen og skarpt den litt.

Deretter opprettet vi tekst-, boble- og slaglagene, og stilte hver enkelt av dem for å oppnå boble-wrap-utseendet. Til slutt brukte vi et par filtre for å fullføre effekten og justere belysningen.

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