Opprett en Soccer-Themed Text Effect i Photoshop

Hva du skal skape

I denne opplæringen vil jeg vise deg hvordan du lager en teksttekst i fotball-tema, ved hjelp av grunnleggende lagstiler, børster og et par teksturer. La oss komme i gang!

Tutorial Assets

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

  • Hummer font (Last ned Hummer 1.3 versjonen).
  • Hvit Tekstur mønster av Dmitry.
  • Grass0138_20_M (Bilde 4 - Middels 1600x1067).
  • SoilCliff0027_1_S (Bilde 1 - Liten 1024x193).
  • SoilSand0046_1_S (Bilde 1 - Small 640x640).

1. Lag bakgrunnen

Trinn 1

Lage en ny 1000 x 1000 px dokument og sett inn Vedtak til 300.

Sett forgrunnen farge til # d9d9d9 og Bakgrunn farge til # 818181. Velg Gradient Tool, Velg Forgrunn til bakgrunn gradient fyll, og klikk på Radial Gradient ikon.

Deretter klikker du og drar fra litt under det øverste høyre hjørnet av dokumentet til nederste venstre hjørne for å lage bakgrunnsgradienten, og duplisere den Bakgrunn lag.

Steg 2

Dobbeltklikk på kopien Bakgrunnslag for å bruke en Mønsteroverlegg effekt, ved å endre Blend Mode å Multiply, opacity til 70%, og bruke Hvit tekstur Mønster.

Trinn 3

Dette vil legge til en subtil tekstur til bakgrunnen.

2. Lag og stil teksten

Trinn 1

Lag teksten ved hjelp av skrifttypen Hummer 1.3. De Farge er # 3f3f3f, og Størrelse er 70 pt.

Steg 2

Dupliser tekstlaget og dobbeltklikk på kopien for å bruke Lagstilen nedenfor:

Trinn 3: Bevel og Emboss

  • Størrelse: 3
  • Undersøk Anti-alias eske

Trinn 4: Kontur

  • Kontur: Halv runde
  • Kontroller boksen Anti-aliased.

Trinn 5: Drop Shadow

  • Avstand: 1
  • Størrelse: 1

Trinn 6

Dette vil stile teksten.

3. Konverter til form og endre formattributter

Trinn 1

Velg det originale tekstlaget og gå til Skriv> Konverter til form.

Steg 2

Klikk på Banoperasjoner ikonet i alternativer og klikk deretter Merge Shape Components. Dette vil sikre en bedre bruk av lageffekter.

Trinn 3

Velg Direkte utvalgsverktøy, og i alternativer bar, sett Stroke Farge til # e0e1e3, de Størrelse til 3, og klikk deretter på Sett formslagstype ikonet og endre Rette inn til Utenfor.

Trinn 4

Dupliser formlaget og dra deretter kopien på toppen av tekstlaget. Gå til Layer> Rasterize> Shape, og endre Fylle verdi til 0.

Trinn 5

Dupliser det originale formlaget igjen, dra kopien under originalen, og endre deretter begge dens Fylle og Stroke farger til # 000000.

Trinn 6

Gi nytt navn til kopieringslaget til Tekstskygge, gå til Layer> Rasterize> Shape, og lag laget usynlig ved å klikke på øyeikonet ved siden av det.

4. Stil det ytre slag laget lag

Dobbeltklikk på det opprinnelige formlaget (den øverst på toppen av Tekstskygge lag) for å bruke følgende lagstil:

Trinn 1: Bevel og Emboss

  • Størrelse: 1
  • Kontroller boksen Anti-aliased
  • Skygge modus > opacity: 35%

Steg 2: Kontur

  • Kontroller boksen Anti-aliased.

Trinn 3: Drop Shadow

De Drop Shadow effekt brukes hvis du ikke vil legge til gressdelen under teksten. Hvis du legger til gresset, kan du imidlertid bare avkrysse denne effekten for å få et mer realistisk resultat.

  • opacity: 35%

Trinn 4

Dette vil stryke tekstens ytre slag.

5. Stil topplærstrukturen

Dobbeltklikk på det rasteriserte laget (den øverst på tekstlaget) for å bruke følgende Lagstil:

Trinn 1: Bevel og Emboss

  • Størrelse: 1
  • Kontroller boksen Anti-aliased
  • Høydepunktsmodus: Lineært lys
  • opacity: 100%
  • Skygge modus > opacity: 35%

Steg 2: Kontur

  • Kontroller boksen Anti-aliased.

Trinn 3: Tekstur

  • Mønster: Hvit tekstur
  • Scale: 25%

Trinn 4

Dette vil utforme topplaget, og legge til den lærlignende effekten på teksten.

6. Lag hovedgressrektangel

Trinn 1

Velg Rektangelverktøy, og lag et hvitt rektangel bak teksten (under Tekstskygge lag).

Steg 2

Velg Direkte utvalgsverktøy, klikk deretter og dra for å velge de to øvre hjørnene av rektangelet.

Trinn 3

Gå til Rediger> Overfør poeng> Skala, trykk og hold nede Alt / Option nøkkel, og dra deretter et av rektangelens sider innover. De Alt / Option nøkkelen vil også trekke den andre siden.

Du må dra punktene til de ligger bak teksten, og skaper en illusjon av en 3D / perspektiv-effekt. Når du er ferdig, trykk på Enter / Return nøkkel for å godta endringene.

7. Legge til gresstruktur

Trinn 1

Plasser Grass0138_20_M bildet på toppen av rektangelet, så gå til Rediger> Transform> Perspektiv, og klikk og dra et av de øvre hjørnene for å flytte dem innover, og klikk deretter Enter / Return å godta endringene.

Steg 2

Høyreklikk på gres tekstur laget og velg Lag Clipping Mask. Du kan da bruke Flytteverktøy å flytte tekstur inni rektangelet til du liker resultatet.

Trinn 3

Velg Børsteverktøy, åpne Børste Panel (Vindu> Pensel), Velg Dune Grass tips, og endre dens innstillinger som vist under.

Når du er ferdig med å endre innstillingene, klikker du på Lag ny pensel ikon nedover Børste panel og skriv inn et navn på børstespissen. Dette vil legge den til forhåndsinnstillingen slik at du kan bruke den senere i opplæringen også.

Pensel Tips Form Shape Dynamics spredning Fargedynamikk Overføre

8. Slå på gresskanten

Trinn 1

Bruke Direkte utvalgsverktøy for å velge gressrektangelformens ankerpunkter, så gå til Rediger> Kopier.

Steg 2

Lag et nytt lag på toppen av gres teksturlaget og ring det Gressslag, så gå til Rediger> Lim inn. Dette vil lim inn arbeidsbanen i dokumentet.

Trinn 3

Velg Børsteverktøy igjen, sett deretter forgrunnen farge til # 232d05 og Bakgrunn farge til # 7b892a. Slå den Enter / Return tast 3 ganger for å stryke banen med gressbørsten, velg deretter Direkte utvalgsverktøy og treffer Enter / Return en gang til å bli kvitt banen.

Trinn 4

Kommando / Ctrl-Klikk på rektangelfilens miniatyrbilde for å lage et valg.

Trinn 5

Gå til Velg> Endre> Kontrakt, og skriv inn 2. Dette vil trekke ut valget 2 px innover.

Trinn 6

Gå til Velg> Redefine Edge, Undersøk Smart Radius boks, og endre Radius verdi til 3.

Trinn 7

Slå den Slett nøkkel for å kvitte seg med den valgte delen, og deretter gå til Velg> Fravelg. Dette vil bidra til å blande stroke gresset med gresset tekstur litt bedre.

Trinn 8

Velg Dodge Tool, og i alternativer bar, velg en myk rund 65 px tips, sett Område til tonene og Styrke til 50%.

Deretter begynner du å lysere streken der den møter de lyse områdene i den opprinnelige tekstur. Igjen vil dette hjelpe med å blande begge deler mer sømløst.

9. Legg smuss under gresset

Trinn 1

Bruke Rektangelverktøy for å lage et mindre rektangel under gresset en, følg deretter de samme to trinnene som forrige, for å transformere dem innover.

Steg 2

Plasser SoilCliff0027_1_S bilde på toppen av det lille rektangelet, sørg for å vise noe av gresset på toppen.

Trinn 3

Kommando / Ctrl-klikk på miniatyrbildet for det lille rektangellaget for å lage et valg, og trykk deretter på Kommando / Ctrl-J å duplisere valget til et nytt lag. Slett originalen SoilCliff0027_1_S tekstur lag.

Trinn 4

Kopier og lim inn det lille rektangulens arbeidssti inn i kopien SoilCliff0027_1_S lag, sett inn forgrunnen farge til # 6a492b og Bakgrunn farge til # 4e3119, Ta deretter banen 2-3 ganger med samme gressbørste. Ikke glem å bli kvitt banen også.

Trinn 5

Plasser SoilSand0046_1_S bildet på toppen av kopien SoilCliff0027_1_S lag, og gå til Rediger> Transform> Perspektiv å flytte de nederste hjørnene innover.

Trinn 6

Høyreklikk på smusslaget og velg Lag Clipping Mask, deretter endre dens Blend Mode å multiplisere.

Trinn 7

Dobbeltklikk det klippede smusslaget for å bruke en Gradient Overlay effekt, ved å endre Blend Mode til mykt lys, og bruke en Hvit til svart gradient.

Trinn 8

Med Lag stil boksen fortsatt åpen, klikk og dra gradienten i dokumentet for å flytte den rundt, slik at den er mørkere øverst og lettere nederst.

Trinn 9

Dette er det for smussdelen under gresset.

10. Legg til skyggen og spredt smuss

Trinn 1

Velg Børsteverktøy og velg en myk runde 150 px tips, sett inn forgrunnen farge til # a1a1a, lag det lille rektangelets lag usynlig, lag et nytt lag på toppen av det, ring det skygge, og endre dens Blend Mode til lineært lys.

Plasser børstespissen på rektangulens venstre forreste hjørne slik at senteret er midt i smussdelen, klikk og hold nede Skifte nøkkel, deretter dra til høyre forkant for å lage skyggen.

Steg 2

Velg Eraser Tool, og bruk en myk rund børste tips for å slette noen ekstra skygge rundt kantene.

Trinn 3

Velg Børsteverktøy igjen, velg Kritt 11 piksler tips, og endre dens innstillinger som Nedenfor:

Pensel Tips Form Shape Dynamics spredning Fargedynamikk

Trinn 4

Sett forgrunnen farge til # 6a492b og Bakgrunn farge til # 4e3119, lag et nytt lag under skygge lag, ring det Spre, deretter maling langs skyggen for å legge til noe smuss.

11. Legg til gress foran teksten Endre skyggen

Trinn 1

Velg Stempelverktøy, velg gres tekstur laget, trykk og hold Alt / Option nøkkel, og klikk deretter der den siste bokstaven møter gresset.

Steg 2

Opprett et nytt lag på toppen av alle lag, ring det Gress, med Stempelverktøy fremdeles valgt, velg den modifiserte gressbørstespissen, og begynn å male noe gress nederst på teksten.

Trinn 3

Velg Tekstskygge Lag og gjør det synlig ved å klikke den tomme boksen ved siden av den der øyet var, og gå til Rediger> Transform> Perspektiv å bevege de øvre hjørnene innover.

Trinn 4

Gå til Rediger> Transform> Forvreng, klikk deretter og dra øverst nedover for å plassere skyggen på gresset. Du kan flytte hjørnene om nødvendig også, og når du liker resultatet, trykker du på Enter / Return nøkkel for å godta endringene.

Trinn 5

Endre Tekstskygge lags Blend Mode å Multiply, og dens opacity til 50%.

Trinn 6

Gå til Filter> Uklarhet> Gaussisk uskarphet, og endre Radius til 5.

12. Opprett Senterdetaljer

Trinn 1

Kommando / Ctrl-klikk på det store rektangellagets miniatyrbilde for å lage et valg, opprett et nytt lag under Tekstskygge lag, ring det Senter, endre dens Blend Mode til lineært lys, og sett forgrunnen farge til # A1A1A1.

Steg 2

Velg Børsteverktøy, Velg en 35 px rund pensel, og sett dens hardhet til 90%. Klikk i midten av rektangelet, trykk og hold nede Skifte nøkkel, og dra deretter til bunnen.

Trinn 3

Endre Pensel størrelse til 200 px, og rundhet til 50%, Legg deretter ellipsen i midten av rektangelet.

Trinn 4

Velg Eraser Tool, bruk en rund børste tips, sett Størrelse til 150 px, de hardhet til 90%, og rundhet til 50%, Klikk deretter i midten av ellipsen du la til i forrige trinn for å slette senteret, og bare etter å ha et ytre slag.

Trinn 5

Klikk på Opprett nytt fyllings- eller justeringslag ikon nedover lag panel, og velg Gradient Map.

Trinn 6

Sett justeringslaget på toppen av alle lag, bytt det Blend Mode å Multiply, og dens opacity til 3. For Gradient, bruk fargene # 2c1f12 til venstre og # deaf41 til høyre. Dette vil bare legge til en svært subtil fargekorrigering til sluttresultatet.

Trinn 7

Ikke glem å fjerne Drop Shadow effekt (trinn 4.3) av ytre slag.

Gratulerer! Du er ferdig.

I denne opplæringen viste vi deg hvordan du lager en teksttekst med fotball-tema, ved hjelp av bare noen få enkle teknikker og verktøy i Photoshop. Vi begynte med å skrive litt tekst, da lagde vi noen lagstileffekter, la til et greskefelt, og til slutt la noen få etterbehandlinger. Jeg håper at du har lært noe fra denne opplæringen og kan bruke de teknikkene jeg demonstrerte for ditt eget arbeid.

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