Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Maak een Geborsteld Metalen Tekst Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

Dutch (Nederlands) translation by Frank van den Heuvel (you can also view the original English article)

Final product image
What You'll Be Creating

In deze tutorial laten we je zien hoe je een geborsteld metalen tekst effect maakt. Je maakt hierbij gebruik van meerdere laagstijlen en een paar texturen. Je gaat werken met de tekst op zichzelf en ook gebruik maken van een smart object om de tekst te vervormen, maar wel bewerkbaar te houden zodat je deze snel kunt aanpassen zonder alle voorgaande stappen opnieuw te moeten doen.

Tutorial Benodigdheden

Tijdens het maken van deze tutorial is gebruik gemaakt van de volgende benodigdheden.

1. Het maken van de achtergrond

Stap 1

Begin met het maken van een nieuw document 1000 x 600px groot. Zet de Voorgrond kleur naar #6b6c81 en de Achtergrond kleur naar #4a4b5f. Selecteer het Gereedschap Verloop, kies Voorgrond naar Achtergrond verloop vulling, en klik op het icoon Radiaal Verloop.

Daarna klik en sleep je vanuit het middelpunt van het document naar een van de hoeken om het achtergrond verloop te maken.

Background Gradient

Stap 2

Dupliceer de Achtergrond laag en zet de Overvloei Modus hiervan naar Vermenigvuldigen.

Duplicate Background and Change Blend Mode

Stap 3

klik nu op het Maak nieuwe opvul of aanpassings laag icoon aan de onderzijde van het Lagen paneel en kies Niveaus.

Levels Adjustment Layer

Stap 4

Verander de Schaduw waarde naar 3 en de Gamma waarde naar 0.91 om de achtergrond nog wat donkerder te maken.

Levels Values

2. De achtergrond textuur toevoegen en de inkleuring veranderen

Stap 1

Plaats de afbeelding 0986 boven de beide Achtergrond lagen en noem deze laag Textuur, verander de Overvloei Modus naar Bedekken.
Wijzig het formaat van, en verschuif de afbeelding totdat het resultaat je aanstaat.

Adding the Background Texture

Stap 2

Klik nogmaals op het Maak nieuwe opvul of aanpassings laag icoon onderaan het Lagen paneel en kies nu Kleurtoon/Verzadiging.

HueSaturation Adjustment Layer

Stap 3

Zet de Kleurtoon waarde naar 152.

HueSaturation Values

3. Het maken en aanpassen van de tekst

Stap 1

Maak de tekst volledig in Hoofdletters en gebruik het lettertype Paragon Black op een Grootte van 200 pt. en met de kleur #6c6d82.

Create the Text

Stap 2

Vervolgens gaan we de Spatiëring (onder Venster > Teken) instellen. Dit bepaalt de afstand tussen de letters. Zoals je kunt zien zijn de letters onderling niet gelijkmatig verdeeld. Wat je nu moet doen is de cursor tussen een letterpaar zetten en vervolgens de Spatie waarde aanpassen. Herhaal dit tussen elk letterpaar totdat de onderlinge afstand tussen alle letters zo gelijk mogelijk is.

Dit is belangrijk omdat we later nog een lijn rond de letters gaan toevoegen die zou kunnen overlappen of te veraf staan als de afstand tussen de letters niet gelijkmatig is. Je kunt dit nu meteen doen maar ook later als de lijn al toegevoegd is.

Je moet een beetje stoeien met de waardes totdat het resultaat je aanstaat. Dit zijn de waardes die hier gebruikt zijn:

  • T en O: 1
  • O en U: 4
  • U en G: -20
  • G en H: 3
Adjust the Kerning Values

Stap 3

De tekst zal er nu wat netter uitzien.

Text After Adjusting the Kerning

Stap 4

Om de ruimte tussen de letters nog wat groter te maken zet je bij Spatiëring voor geselecteerde tekens de waarde naar 10.

Change the Tracking Value

Stap 5

Dupliceer de tekstlaag drie keer en zet de Vul waarde van de derde kopie laag op 0.

Duplicate the Text Layer

4. Het stijlen van de originele tekst laag

Dubbelklik op de originele tekstlaag en pas de volgende laagstijl toe:

Stap 1

Voeg een lijn toe met de volgende instellingen:

  • Grootte: 7
  • Opvul type: Verloop
  • Hoek: 90
  • Gebruik het stove pipe 155b opvul verloop (chromes.grd)
Stroke

Stap 2

Voeg een Slag Schaduw toe met deze instellingen:

  • Afstand: 21
  • Grootte: 21
Drop Shadow

Stap 3

Hiermee maak je de lijn en de schaduw. Als je de spatiëring van de letter nog niet toegepast hebt of als je denkt dat het nog beter kan, kun je dat nu mooi doen omdat de lijn nu rond de letters staat.

Text with Stroke and Shadow Applied

5. Stijlen van de eerste tekst kopie laag

Dubbelklik op de eerste tekst kopie laag om de volgende laagstijlen toe te passen:

Stap 1

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

  • Stijl: Lijn Reliëf
  • Techniek: Gegraveerd Hard
  • Grootte: 7
  • Glans Contour: Afgeronde Stappen
  • Vink Anti-aliased aan
  • Hooglicht modus: Fel licht

Deze instellingen kun je nu nog niet zien. Dat gebeurt pas als je een lijn effect hebt toegevoegd omdat de Lijn Reliëf instellingen alleen toegepast worden op een Lijn. Dat doen we in een latere stap.

Bevel and Emboss

Stap 2

Voeg nu Contour toe met deze instellingen:

  • Contour elementen: Getande Helling
  • Vink Anti-aliased aan
Contour

Stap 3

Voeg een Lijn toe met deze instellingen:

  • Grootte: 5
  • Opvul Type: Verloop
  • Hoek: 90
  • Verloop vulling stove pipe 60.

Nu kun je het effect zien van de eerder toegevoegde Lijn Reliëf.

Stroke

Stap 4

In deze stap maken we een volgende laag met een meer 3D achtige glanzende lijn.

Second Layer of Stroke

6. Het stijlen van de tweede tektst kopie laag

Dubbelklik op de tweede tekst kopie laag om de volgende laagstijlen toe te passen:

Stap 1

Voeg een Schuine Kant en Reliëf toe met deze instellingen:

  • Techniek: Gegraveerd Hard
  • Grootte: 3
  • Vink Anti-aliased aan
Bevel and Emboss

Stap 2

Voeg Contour toe met deze instellingen:

  • Contour: Nis - Diep
  • Vink Anti-aliased aan
Contour

Stap 3

Voeg Gloed Binnen toe met deze instellingen:

  • Ruis: 9%
  • Kleur #f5f4e5
  • Grootte: 21
Inner Glow

Stap 4

Voeg nu een Verloop Bedekking toe met de volgende instellingen:

  • Gebruik hiervoor de stove pipe 30 verloop vulling.
Gradient Overlay

Stap 5

Hiemee stijlen we de tekst verder. Het ziet er voor nu goed uit maar er kan nog wel een laag bij waarmee we nog meer diepte en detail toevoegen.

First Layer of Styled Text

7. Het stijlen van de derde tekst kopie laag

Dubbelklik op de derde tekst kopie laag om de volgende laagstijlen toe te passen:

Stap 1

Voeg een Verloop Bedekking toe en gebruik de volgende instellingen:

  • Overvloei Modus: Fel Licht
  • Dekking: 52%
  • Stijl: Reflectie
  • VinkOmkeren aan
  • Gebruik hier stove pipe 70 als verloop vulling.
Gradient Overlay

Stap 2

Voeg nu Patroon Bedekking toe en gebruik deze instellingen:

  • Overvloei Modus: Vermenigvuldigen
  • Dekking: 60%
  • Patroon: gebruik het patroon dat hieronder te zien is van het white washed grunge textures pack.
Pattern Overlay

Stap 3

Hierdoor wordt het effect meer interessant en realistischer.

Second Layer of Styled Text

8. Opfrissen van het vlak achter de tekst

Stap 1

Neem het Gereedschap Penseel en zorg ervoor dat de Voorgrond kleur nog steeds op #6b6c81 ingesteld staat, maak een nieuwe laag boven de Textuur laag, noem deze laag Licht, en zet de Overvloei Modus hiervan op Kleur Tegenhouden.

Brush Tool and Light Layer

Stap 2

Gebruik een redelijk groot zacht penseel met ronde punt. Schilder hiermee de achtergrond meer helder.

Adding Light Behind the Text

9. Converteren van de tekstlagen naar een slim object en verdraaien toepassen

Stap 1

Selecteer alle lagen die je tot nu toe gemaakt hebt. Selecteer eerst de onderste laag, druk shift in en klik op de bovenste laag waarmee alle lagen geselecteerd worden. Ga nu naarFilter > Omzetten voor Slimme Filters. Hiermee zet je alle geselecteerde lagen om in een slim object. Je kunt wanneer je wilt op het slim object miniatuur klikken om de originele laag te openen en te bewerken.

De tekstlagen worden in een apart document geopend. Die moet je na eventuele bewerkingen opslaan (Bestand > Opslaan), daarna kun je het document sluiten (Bestand > Sluiten). De tekst in het originele bestand wordt automatisch aangepast dus je hoeft het niet opnieuw te maken voor een andere tekst, maar misschien wil je nog wel de inhoud van de laag Licht aanpassen.

Converting the Text Layers into a Smart Object

Stap 2

Met de slim object laag geselecteerd kies je, Bewerken > Transformeren > Verdraaien.

Warp Text

Stap 3

Kies vervolgens Opblazen in het Verdraaien uit val menu in de Opties balk, klik en sleep het controlepunt lichtjes om de vorm te verdraaien zoals je wilt en druk op Enter om de veranderingen vast te leggen.

Adjust the Warping

Stap 4

Je kunt altijd terug gaan naar Bewerken > Transformeren > Verdraaien om verdere aanpassingen, indien nodig, door te voeren.

Warped Text

Gefeliciteerd! Het is klaar

In deze tutorial heb je gewerkt met een radiaal verloop opvulling, een textuur, en een aantal aanpassings lagen om een grungy donkere achtergrond te maken.

Daarna heb je de tekst gemaakt en de spatiëring en geselecteerde spatiëring waardes daarvan aangepast om de ruimte tussen de letters evengroot te maken. Na het aanpassen van de tekst maakte je drie kopieen van de tekst laag.

Elke kopie van de tekstlaag heb je op verschillende manieren aangepast met een heleboel effecten en waardes om het uiteindelijke geborsteld metaal resultaat te krijgen.

Daarna heb je met een zacht penseel het gebied achter de tekst opgefrist waarna je alle lagen omgezet hebt naar een slim object. Vervolgens heb je verdraaien toegepast om het geheel een 3D uitstraling te geven.

Het zou fijn zijn als je hieronder je commentaar, suggesties en resultaten achter zou willen laten.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.