Maak een Soccer-Themed-teksteffect in Photoshop

Wat je gaat creëren

In deze zelfstudie laat ik je zien hoe je een teksteffect met voetbalshows maakt, met behulp van eenvoudige laagstijlen, penselen en een aantal texturen. Laten we beginnen!

Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Kreeft lettertype (Download de Lobster 1.3-versie).
  • Wit structuurpatroon van Dmitry.
  • Grass0138_20_M (Afbeelding 4 - Medium 1600x1067).
  • SoilCliff0027_1_S (Afbeelding 1 - Klein 1024x193).
  • SoilSand0046_1_S (Afbeelding 1 - Small 640x640).

1. Maak de achtergrond

Stap 1

Maak een nieuw 1000 x 1000 px document en stel de Resolutie naar 300.

Stel de Voorgrond kleur naar # d9d9d9 en de Achtergrond kleur naar # 818181. Kies het Gereedschap Verloop, kies de Voorgrond naar achtergrond verloopvulling en klik op de Radiaal verloop icoon.

Klik en sleep vervolgens van een bit onder de rechterbovenhoek van het document naar de linkerbenedenhoek om de achtergrondgradiënt te maken en de Achtergrond laag.

Stap 2

Dubbelklik op de kopie Achtergrondlaag om een ​​toe te passen Patroon overlay effect, door het veranderen van de Mengmodus om te vermenigvuldigen, de ondoorzichtigheid naar 70%, en gebruik de Witte textuur Patroon.

Stap 3

Dit voegt een subtiele textuur aan de achtergrond toe.

2. Maak en style de tekst

Stap 1

Maak de tekst met behulp van het lettertype Kreeft 1.3. De Kleur is # 3f3f3f, en de Grootte is 70 pt.

Stap 2

Dupliceer de tekstlaag en dubbelklik op de kopie om de laagstijl hieronder toe te passen:

Stap 3: Afschuinen en reliëf

  • Grootte: 3
  • Controleer de Anti-aliasing doos

Stap 4: Contour

  • Contour: Half rond
  • Controleer het vakje Anti-aliased.

Stap 5: Slagschaduw

  • Afstand: 1
  • Grootte: 1

Stap 6

Dit zal de tekst stylen.

3. Converteer naar vorm en wijzig de vormattributen

Stap 1

Selecteer de originele tekstlaag en ga naar Typ> Converteren naar vorm.

Stap 2

Klik op de Padbewerkingen pictogram in de opties bar en klik vervolgens op Vormcomponenten samenvoegen. Dit zorgt voor een betere toepassing van de Layer-effecten.

Stap 3

Kies het Direct selectie gereedschap, en in de opties bar, stel de lijn in Kleur naar # e0e1e3, de Grootte tot 3, klik dan op de Stel het type slag in pictogram en verander de richten naar Buiten.

Stap 4

Dupliceer de laag Vorm en sleep de kopie vervolgens naar de bovenkant van de tekstlaag. Ga naar Laag> Rasteren> Vorm, en verander de Vullen waarde voor 0.

Stap 5

Dupliceer de originele vormlaag nogmaals, sleep de kopie onder het origineel en verander beide Vullen en Beroerte kleuren naar # 000000.

Stap 6

Hernoem de kopie laag naar Schaduw tekst, ga naar Laag> Rasteren> Vorm, en maak de laag onzichtbaar door op het oogpictogram ernaast te klikken.

4. Maak de buitenste laag van de vorm aan

Dubbelklik op de originele vormlaag (de laag boven op de Schaduw tekst laag) om de volgende Laagstijl toe te passen:

Stap 1: Afschuinen en reliëf

  • Grootte: 1
  • Controleer het vakje Anti-aliased
  • Schaduw stand > ondoorzichtigheid: 35%

Stap 2: Contour

  • Controleer het vakje Anti-aliased.

Stap 3: Slagschaduw

De Slagschaduw effect wordt gebruikt voor het geval u het grasonderdeel niet onder de tekst wilt toevoegen. Als u het gras echter wel toevoegt, kunt u dit effect eenvoudig ongedaan maken om een ​​realistischer resultaat te krijgen.

  • ondoorzichtigheid: 35%

Stap 4

Hiermee wordt de buitenste lijn van de tekst aangepast.

5. Geef de bovenste laag met de lederstructuur een kleur

Dubbelklik op de gerasterde laag (die bovenop de tekstlaag) om de volgende Laagstijl toe te passen:

Stap 1: Afschuinen en reliëf

  • Grootte: 1
  • Controleer het vakje Anti-aliased
  • Markeermodus: Lineair licht
  • ondoorzichtigheid: 100%
  • Schaduw stand > ondoorzichtigheid: 35%

Stap 2: Contour

  • Controleer het vakje Anti-aliased.

Stap 3: Textuur

  • Patroon: Witte textuur
  • Schaal: 25%

Stap 4

Hiermee wordt de bovenste laag gestyled en wordt het leerachtige effect aan de tekst toegevoegd.

6. Maak de hoofdgras rechthoek

Stap 1

Kies het Rechthoekgereedschap, en maak een witte rechthoek achter de tekst (onder de Schaduw tekst laag).

Stap 2

Kies het Direct selectie gereedschap, klik en sleep om de twee bovenste hoeken van de rechthoek te selecteren.

Stap 3

Ga naar Bewerken> Transformeer punten> Schalen, houd de knop ingedrukt Alt / Option toets en sleep vervolgens een van de zijden van de rechthoek naar binnen. De Alt / Option toets sleept ook de andere kant.

Je moet de punten slepen totdat ze achter de tekst staan, waardoor een illusie ontstaat van een 3D / perspectiefeffect. Als je klaar bent, druk je op Enter / Return sleutel om de wijzigingen te accepteren.

7. De grastextuur toevoegen

Stap 1

Plaats de Grass0138_20_M afbeelding bovenop de laag van de rechthoek en ga vervolgens naar Bewerken> Transformeren> Perspectief, en klik en sleep een van de bovenste hoeken om ze naar binnen te verplaatsen en druk vervolgens op Enter / Return om de veranderingen te accepteren.

Stap 2

Klik met de rechtermuisknop op de grastextuurlaag en kies Clipping Mask maken. U kunt dan de Verplaats gereedschap om de textuur in de rechthoek te verplaatsen totdat u het resultaat leuk vindt.

Stap 3

Kies het Penseel, open de Borstel Panel (Venster> Penseel), kies de Duingras tip en wijzig het instellingen zoals hieronder getoond.

Als u klaar bent met het wijzigen van de instellingen, klikt u op de Maak een nieuw penseel pictogram onderaan de Borstel paneel en typ een naam in voor de penseeluiteinde. Hiermee wordt het aan de preset toegevoegd, zodat u het later in de zelfstudie ook kunt gebruiken.

Brush Tip Shape Shape Dynamics scattering Color Dynamics Overdracht

8. Strijk de grasranden af

Stap 1

Gebruik de Direct selectie gereedschap om de ankerpunten van de grasrechthoekvorm te selecteren en ga dan naar Bewerken> Kopiëren.

Stap 2

Maak een nieuwe laag bovenop de grastextuurlaag en roep het Grasslag, ga dan naar Bewerken> Plakken. Hiermee plakt u het werkpad in het document.

Stap 3

Kies het Penseel stel opnieuw de Voorgrond kleur naar # 232d05 en de Achtergrond kleur naar # 7b892a. Druk op de Enter / Return sleutel 3 keer om het pad met de grasborstel te aaien, kies dan de Direct selectie gereedschap en druk op Enter / Return nog een keer om van het pad af te geraken.

Stap 4

Command / Ctrl-klik op de miniatuur van de rechthoekige laag om een ​​selectie te maken.

Stap 5

Ga naar Selecteer> Wijzigen> Contract, en typ in 2. Hierdoor wordt de selectie 2 px naar binnen getrokken.

Stap 6

Ga naar Selecteer> Rand opnieuw definiëren, controleer de Smart Radius box en wijzig de Radius waarde voor 3.

Stap 7

Druk op de Verwijder toets om van het geselecteerde gedeelte af te komen, ga dan naar Selecteer> Deselecteer. Dit zal het slaggras met de grastextuur een beetje beter mengen.

Stap 8

Kies het Dodge Tool, en in de opties balk, kies een zachte ronde punt van 65 px, plaats de reeks naar middentonen en de Sterkte naar 50%.

Begin vervolgens met het opfrissen van de streek waar deze samenkomt met de heldere delen van de oorspronkelijke textuur. Nogmaals, dit zal helpen om beide delen naadloos te laten overvloeien.

9. Voeg het vuil onder het gras toe

Stap 1

Gebruik de Rechthoekgereedschap om een ​​kleinere rechthoek onder het gras te maken en vervolgens, volgens dezelfde stappen als hiervoor, de onderste twee hoeken te selecteren om ze naar binnen te transformeren.

Stap 2

Plaats de SoilCliff0027_1_S afbeelding bovenop de kleine rechthoek en zorg ervoor dat een deel van het gras bovenaan wordt weergegeven.

Stap 3

Command / Ctrl-klik op de miniatuur van de kleine rechthoekige laag om een ​​selectie te maken en druk vervolgens op Command / Ctrl-J om de selectie in een nieuwe laag te dupliceren. Verwijder het origineel SoilCliff0027_1_S textuurlaag.

Stap 4

Kopieer en plak het werkpad van de kleine rechthoek in de kopie SoilCliff0027_1_S laag, stel de Voorgrond kleur naar # 6a492b en de Achtergrond kleur naar # 4e3119, sla het pad vervolgens 2-3 keer met dezelfde grasborstel. Vergeet niet om ook achteraf van het pad af te komen.

Stap 5

Plaats de SoilSand0046_1_S afbeelding bovenop de kopie SoilCliff0027_1_S laag en ga naar Bewerken> Transformeren> Perspectief om de onderste hoeken naar binnen te verplaatsen.

Stap 6

Klik met de rechtermuisknop op de vuillaag en kies Clipping Mask maken, verander dan zijn Mengmodus vermenigvuldigen.

Stap 7

Dubbelklik op de afgeknipte vuillaag om een ​​a toe te passen Overlay met kleurovergang effect, door het veranderen van de Mengmodus naar Zacht Licht, en met behulp van een Wit naar zwart helling.

Stap 8

Met de Laagstijl nog steeds open, klik en sleep het verloop in het document om het te verplaatsen, zodat het aan de bovenkant donkerder en aan de onderkant lichter is.

Stap 9

Dit is het voor het vuilgedeelte onder het gras.

10. Voeg de schaduw en het verspreide vuil toe

Stap 1

Kies het Penseel en kies een zachte ronde 150 px tip, stel de Voorgrond kleur naar # a1a1a, maak de laag van de kleine rechthoek onzichtbaar, maak er een nieuwe laag bovenop, noem hem Schaduw, en verander zijn Mengmodus naar lineair licht.

Plaats de penseelpunt op de linker voorhoek van de rechthoek zodat het midden zich in het midden van het vuilgedeelte bevindt, klik en houd de Verschuiving toets, sleep dan naar de rechterbenedenhoek om de schaduw te maken.

Stap 2

Kies het Wisser, en gebruik een zachte ronde borstelpunt om eventuele extra schaduw rond de randen te wissen.

Stap 3

Kies het Penseel nogmaals, kies de Krijt 11 pixels tip en wijzig het instellingen zoals hieronder:

Brush Tip Shape Shape Dynamics scattering Color Dynamics

Stap 4

Stel de Voorgrond kleur naar # 6a492b en de Achtergrond kleur naar # 4e3119, maak een nieuwe laag onder de Schaduw laag, noem het maar Verstrooien, dan verf langs de schaduw om wat vuil toe te voegen.

11. Voeg gras toe voor de tekst; Wijzig de schaduw

Stap 1

Kies het Stempel gereedschap, selecteer de grastextuurlaag, houd de knop ingedrukt Alt / Option toets en klik vervolgens op de plaats waar de laatste letter het gras raakt.

Stap 2

Maak een nieuwe laag bovenop alle lagen, noem het Gras, met de Stempel gereedschap nog steeds geselecteerd, kies de aangepaste grasborstelpunt en begin met het schilderen van wat gras onderaan de tekst.

Stap 3

Selecteer de Schaduw tekst Laag en zichtbaar maken door op het lege vakje ernaast te klikken waar het oog was en ga dan naar Bewerken> Transformeren> Perspectief om de bovenste hoeken naar binnen te verplaatsen.

Stap 4

Ga naar Bewerken> Transformeren> Vervormen, klik en sleep de bovenkant naar beneden om de schaduw op het gras te plaatsen. Je kunt de hoeken ook verplaatsen als dat nodig is, en als je het resultaat leuk vindt, druk je op de Enter / Return sleutel om de wijzigingen te accepteren.

Stap 5

Verander de Schaduw tekst lagen Mengmodus om te vermenigvuldigen, en zijn ondoorzichtigheid naar 50%.

Stap 6

Ga naar Filter> Blur> Gaussiaans vervagen, en verander de Radius naar 5.

12. Maak de centrumdetails

Stap 1

Command / Ctrl-klik op de miniatuur van de grote rechthoekige laag om een ​​selectie te maken, maak een nieuwe laag onder de Schaduw tekst laag, noem het maar Centrum, verander zijn Mengmodus naar Lineair Licht en stel de Voorgrond kleur naar # a1a1a1.

Stap 2

Kies het Penseel, kies een 35 px borstel rond maken en instellen Hardheid naar 90%. Klik in het midden bovenaan de rechthoek, houd de knop ingedrukt Verschuiving toets en sleep vervolgens naar de onderkant.

Stap 3

Verander de Penseelgrootte naar 200 px, en de Rondheid naar 50%, voeg vervolgens de ellips toe in het midden van de rechthoek.

Stap 4

Kies het Wisser, gebruik een ronde borstelpunt, plaats de Grootte naar 150 px, de Hardheid naar 90%, en de Rondheid naar 50%, Klik vervolgens in het midden van de ellips die u in de vorige stap hebt toegevoegd om het midden te wissen en alleen een buitenstreep te laten.

Stap 5

Klik op de Maak een nieuwe vul- of aanpassingslaag pictogram onderaan de Lagen paneel en kies Verloopkaart.

Stap 6

Plaats de aanpassingslaag bovenop alle lagen, verander de laag Mengmodus om te vermenigvuldigen, en zijn ondoorzichtigheid naar 3. Gebruik de kleuren voor het verloop # 2c1f12 naar links en # deaf41 naar rechts. Dit voegt alleen een zeer subtiele kleurcorrectie toe aan het eindresultaat.

Stap 7

Vergeet niet om de Slagschaduw effect (stap 4.3) van de buitenste slag.

Gefeliciteerd! U bent klaar.

In deze zelfstudie hebben we u laten zien hoe u met een paar simpele technieken en hulpmiddelen in Photoshop een teksteffect met voetbalthema kunt maken. We begonnen met het typen van wat tekst, daarna voegden we wat laagstijleffecten toe, voegden we een grasveld toe en tenslotte voegden we een paar finishing touches toe. Ik hoop dat je iets hebt geleerd van deze tutorial en de technieken die ik heb gedemonstreerd kan toepassen op je eigen werk.

Laat hieronder uw opmerkingen, suggesties en resultaten achter.