Slik lager du en realistisk skapt teksteffekt ved hjelp av displace filteret

Hva du skal skape

Å legge til tekst i en dynamisk bakgrunn kan være litt vanskelig, da det ender med å se flat og falsk. Denne opplæringen vil vise deg hvordan du bruker Displace-filteret til å bruke teksten til en dynamisk overflate riktig, og gjøre den i samsvar med overflaten for å få et mer realistisk resultat. 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.

  • Cookie vanlig skrift
  • Fabric Texture av Texture King

1. Lagre kartboken for forskyvning

Åpne Fabric Texture bilde, og deretter gå til Fil> Lagre som, og lagre en PSD fil av bildet med navnet Skift kart.

2. Juster forskyvningskortet

Trinn 1

Høyreklikk de Bakgrunn lag og velg Konverter til Smart Object.

Steg 2

Gå til Bilde> Justeringer> Fargetone / Metning, og endre metning verdi til -100.

Trinn 3

Gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til 2.

En større Radius verdien vil gjøre den endelige effekten jevnere og mykere, mens en mindre Radius verdi vil resultere i et skarpere, mer detaljert utfall.

Trinn 4

Gå til Fil> Lagre, for å lagre endringene som er gjort til Skift kart fil.

3. Endre tekstens farge

Trinn 1

Åpne originalen Fabric Texture bilde, velg Fargeleggingsverktøy, og sett Forgrunnsfarge til # d7ba80.

I Alternativbar, sørg for at Modus er satt til Farge, de prøvetaking til sammenhengende, og Toleranse til 100%.

Velg en veldig stor, hard rund børste tips, og maling over tekstur, prøver å ikke lage flere pass over samme område. Dette vil endre teksturens farge.

Steg 2

Dupliserer Bakgrunn lag, og konvertere kopiere inn i en Smart objekt.

4. Forbedre teksturens fargestoffer

Trinn 1

Dobbeltklikk de Bakgrunnskopi lag for å bruke en Fargeoverlegg effekt med disse innstillingene:

  • Farge: # fde8bd
  • Blandingsmodus: Dele opp

Dette vil lyse tekstur litt.

Steg 2

Klikk på Opprett nytt fyllings- eller justeringslag ikon nederst på siden lag panel og velg Selektiv farge.

Trinn 3

Velge yellows fra Farger rullegardinmenyen, og endre verdiene som vist nedenfor:

  • cyan: -30
  • Magenta: -16
  • Gul: -47
  • Svart: -21

Trinn 4

Velge Blues fra Farger rullegardinmenyen, og endre verdiene som vist nedenfor:

  • cyan: -100
  • Magenta: -35
  • Gul: -100
  • Svart: -16

Dette vil myke fargen og tone den ned. Du kan justere fargen, men du vil ha det hvis du leter etter et annet resultat.

5. Legg til teksten

Trinn 1

Lag teksten i Hvit bruker skriften Cookie Regular, og sett Størrelse til 150 pt.

Steg 2

Konverter tekstlaget til en Smart objekt, og deretter endre dens Fylle verdi til 0.

6. stil teksten

Dobbeltklikk Tekstlaget for å bruke følgende lagestil:

Trinn 1

Legg til en Bevel og Emboss med disse innstillingene:

  • Stil: Pute Emboss
  • Størrelse: 8
  • Undersøk Anti-alias eske
  • Høydepunktsmodus: Lineært lys
  • Farge: # 929292
  • opacity: 50%
  • Skygge modus: Fargeforbrenning
  • Farge: # 434343
  • opacity: 27%

Steg 2

Legg til en Fargeoverlegg med disse innstillingene:

  • Farge: # bdadb1
  • Blandingsmodus: Lineær brenning

Trinn 3

Legg til en Drop Shadow med disse innstillingene:

  • Blandingsmodus: Lineær brenning
  • Farge: # 707070
  • opacity: 20%
  • Fjern merket for Bruk Global Light eske
  • Angle: 90
  • Avstand: 3
  • Størrelse: 5

Dette vil stile teksten.

Du kan se at, selv om stoffets folder viser gjennom teksten, ser det fortsatt litt flatt og urealistisk ut. Det er det vi skal jobbe med på neste.

7. Bruk Blur og Displace Filters

Trinn 1

Med tekstlaget er Smart Object valgt, gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til 1. Dette vil bidra til å myke effekten.

Steg 2

Gå nå til, Filter> Forvreng> Forskyv. En dialogboks vises.

De Horisontal skala og Vertikal skala verdier styrer intensiteten og styrken av effekten. Større verdier vil skape større og bølgende krefter; mindre verdier vil skape et mer subtilt utfall.

Du må kanskje prøve et par forskjellige verdier før du får et resultat du liker, men verdien av 15 virket som en god en å bruke her.

For Forskyvningskort, Velg Strekk for å passe alternativ, og for Udefinerte områder, velge Gjenta kantpiksler, og klikk OK.

Trinn 3

Når filleseren åpnes, naviger til Skift kart fil du opprettet i begynnelsen av denne opplæringen, og åpne den for å bruke den til teksten din.

Du kan nå se hvordan det skaper en realistisk effekt, ved å gjøre teksten i samsvar med tekstur og form av bakgrunnsbildet.

Trinn 4

Husk alltid at du kan Dobbeltklikk de Forflytte filter i Smartfiltre liste for å bruke det på nytt ved hjelp av forskjellige verdier til du får et resultat du liker.

8. Skarpere bakgrunnen

Dette er et valgfritt trinn, men hvis du vil at effekten skal se mer sprø og skarp, kan du velge Bakgrunnskopi lag, gå til Filter> Skarpe> Smart Sharpen, og bruk verdiene du liker.

Vær oppmerksom på at verdiene som brukes i opplæringen kanskje må endres avhengig av størrelsen på bildene og teksten som brukes, samt ønsket utfall.

Gratulerer! Du er ferdig

I denne opplæringen opprettet vi et enkelt forskyvningskart fra en stofftekstur, ved hjelp av noen justeringer og filtre.

Deretter justerte vi fargen på tekstur og skapte teksten.

Deretter brukte vi Displace-filteret til å bruke forskyvningskartet til teksten og gjøre det i samsvar med stofftekstur.

Til slutt skarpet vi bakgrunnen for å fullføre effekten.

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