Creëer een eenvoudig, elegant gestructureerd metalen teksteffect in Adobe Photoshop

Wat je gaat creëren

Het gebruik van texturen geeft vaak leuke details aan effecten en geeft diepte aan platte ontwerpen. In deze zelfstudie leert u hoe u een eenvoudig metalen teksteffect maakt met behulp van laagstijlen. Vervolgens wordt getoond hoe u die tekst interessanter kunt maken door er een eenvoudige textuur-overlay aan toe te voegen. Laten we beginnen!

Lesmateriaal

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

  • spinweradC Vet lettertype
  • paper_2 patroon door Atle Mo
  • 3px tegelpatroon door Gre3g
  • Gratis Pack 6000 photoshop-verlopen door Supertuts007 (laad de RS_Chrome.grd en CSP True Sky Gradients.grd -bestanden)
  • NYC Stock van AnotherJamesDean

1. Maak de achtergrond

Stap 1

Maak een nieuw 1024 x 1024 px document in Adobe Photoshop. Stel de Voorgrond kleur naar # 7d7d7d en de Achtergrond kleur naar # 434343. Kies het Gereedschap Verloop, kies de Voorgrond naar achtergrond verloopvulling en klik op de Radiaal verloop icoon.

Klik en sleep vervolgens vanuit het midden van het document naar een van de hoeken om de achtergrondgradiënt te maken en dupliceer de Achtergrond laag.

Stap 2

Dubbelklik op de Achtergrond kopie laag om een ​​toe te passen Patroon overlay effect met behulp van de volgende waarden:

  • Mengmodus: Vermenigvuldigen
  • ondoorzichtigheid: 100%
  • Patroon: paper_2

Stap 3

Dit voegt een subtiel patroon toe aan de achtergrond.

Stap 4

Dupliceer de Achtergrond kopie laag, klik met de rechtermuisknop op de kopie en kies Lagenstijl rasteriseren. Als u met eerdere versies dan CS6 werkt, groepeer dan de kopie laag en voeg vervolgens de groep samen.

Verander de gerasterde laag's Mengmodus naar bedekking. Dit zal het patroon intensiveren en de achtergrond donkerder maken.

2. De tekst maken

Stap 1

Maak de tekst in In hoofdletters gebruik van het lettertype spinweradC Vet, de kleur # 454646, het lettertype Grootte 300 pt, en als u meer dan één regel tekst maakt, wijzigt u de leidend waarde voor 250.

Stap 2

Dupliceer de tekstlaag en wijzig deze Vullen waarde voor 0.

Stap 3

Dubbelklik de originele tekstlaag om een ​​eenvoudige toe te passen Slagschaduw effect met behulp van de onderstaande waarden:

  • Afstand: 35
  • Grootte: 50

Stap 4

Hiermee wordt de schaduw op de onderste tekstlaag toegepast.

3. Styling the Text

Dubbelklik de kopieertekstlaag om de volgende laagstijl toe te passen.

Stap 1

Voeg een ... toe Schuine kant en reliëf met deze instellingen:

  • Grootte: 10
  • Schakel het vinkje uit Gebruik Globaal Licht doos
  • Hoek: -169
  • Hoogte: 64
  • Controleer de Anti-aliasing doos
  • Markeermodus: Levendig licht

Stap 2

Voor de Contour, bekijk gewoon de Anti-aliasing doos.

Stap 3

Voeg een ... toe structuur de ... gebruiken 3 px tegel Patroon.

Stap 4

Voeg een ... toe Beroerte met deze instellingen:

  • Grootte: 1
  • Vul type: helling
  • Stijl: Weerspiegeld
  • Hoek: 45
  • Gebruik de Chrome-balk 135 helling

Stap 5

Voeg een toe Innerlijke gloed met deze instellingen:

  • Mengmodus: bedekking
  • Lawaai: 100%
  • Kleur: # f6f6f6
  • Grootte: 10

Stap 6

Voeg een ... toe Overlay met kleurovergang met deze instellingen:

  • Mengmodus: Zacht licht
  • ondoorzichtigheid: 35%
  • Stijl: Weerspiegeld
  • Hoek: 45
  • Controleer de Omgekeerde doos
  • Gebruik de kachel pijp 10 helling

Stap 7

Voeg een ... toe Slagschaduw met deze instellingen:

  • ondoorzichtigheid: 62%
  • Afstand: 8
  • Grootte: 8

Stap 8

Dit zal de hoofdtekst stylen. De tekst ziet er echter een beetje plat uit en mist een aantal interessante details. Dus we gaan een textuur gebruiken om dat te repareren.

4. De textuur toevoegen

Stap 1

Plaats de NYC Stock afbeelding bovenop alle lagen, ga dan naar Filter> Blur> Gaussiaans vervagen, en verander de Radius naar 1.5.

Stap 2

Verander de textuurlaag's Mengmodus naar bedekking, en verlaag het ondoorzichtigheid naar 20%, of een andere waarde die je leuk vindt, afhankelijk van hoe subtiel of sterk je wilt dat het effect is. Je kunt het formaat van de textuur aanpassen en verplaatsen, zodat je de tekst erachter kunt zien totdat je tevreden bent met het resultaat dat je krijgt.

Stap 3

Command / Control-klik de miniatuur van een tekstlaag om een ​​selectie te maken.

Stap 4

Klik op de Breng een laag masker aan pictogram onderaan de Lagen paneel om de extra textuur buiten de tekst te verwijderen.

Het leuke aan het gebruik van een laagmasker in plaats van verwijderen is dat je het opnieuw kunt toepassen op elke andere tekst die je maakt, zonder dat je opnieuw aan de textuur hoeft te werken.

5. De fakkels toevoegen

Stap 1

Stel de Voorgrond kleur naar #ebebeb, kies het Penseel, en open de Borstel paneel (Venster> Penseel).

Kies een zachte ronde 35 px borstel tip en verander zijn Rondheid waarde voor 30%.

Stap 2

Maak een nieuwe laag bovenop alle lagen, noem het flares, en verander zijn Mengmodus naar Levendig licht. Voeg vervolgens enkele fakkels toe over een aantal horizontale tekstranden.

Stap 3

Meer fakkels toevoegen met verschillende Hoek waarden overal in de tekst, kunt u de penseeluiteinden wijzigen Hoek waarde door te klikken en de pijl te slepen in het voorbeeldvak naast de Hoek waarde in de Borstel paneel, of door eenvoudig een waarde handmatig in te typen in de Hoek veld-.

6. Aanpassen van de verlichting en de kleur van het eindresultaat

Stap 1

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

Stap 2

Verander de highlights waarde voor 245 om het effect een beetje op te fleuren.

Stap 3

Klik op de Maak een nieuwe vul- of aanpassingslaag pictogram opnieuw en kies Verloop toewijzen.

Stap 4

Kies het verloop hieronder uit de CSP True Sky Gradients.grd bestand, verander dan de lagen van de laag Gradient Map Mengmodus naar Levendig licht, en zijn ondoorzichtigheid naar 30%. Dit zal de kleuring van het eindresultaat verbeteren.

Gefeliciteerd! U bent klaar

In deze zelfstudie hebben we tekst gemaakt en gestyled met behulp van een aantal verschillende laageffecten om de metalen look te bereiken.

Daarna gebruikten we een stock-beeldstructuur om wat detaillering aan de metalen tekst toe te voegen en om het er minder vlak en interessanter uit te laten zien. Daarna hebben we een eenvoudig penseel aangepast om een ​​paar lichtflitsen over de randen van de tekst toe te voegen.

Ten slotte hebben we een aantal aanpassingslagen toegevoegd om de belichting en kleur van het eindresultaat te verbeteren.

Laat hieronder uw opmerkingen, suggesties en resultaten achter.