januari 1, 2022

Hoe een Graffiti-teksteffect te maken met Photoshop-laagstijlen

In deze tutorial zal ik u laten zien hoe u een graffiti-teksteffect maakt in Photoshop. We zullen laagstijlen en de “Blend If” – functie van de mengopties gebruiken.

het teksteffect dat we zullen creëren is geïnspireerd op Graffitistijlen uit Envato Elements, waar u enkele van de beste graffiti-letters ter wereld zult vinden. Zoals dit Graffiti Photoshop tekst Effect met 10 verschillende stijlen.

Graffiti-tekst Effect op Envato-elementenGraffiti-tekst Effect op Envato-elementen Graffiti-tekst Effect op Envato-elementen

zoekt u een snelkoppeling? U kunt een van deze graffiti tekst lettertypen downloaden om u te helpen snel en gemakkelijk graffiti tekst te maken:

  • lettertypen
    30 + beste graffiti-lettertypen
    Melody Nieves

volg met ons mee op ons Envato Tuts+ YouTube kanaal:

Tutorial activa

de volgende activa werden gebruikt tijdens deze graffiti tekst effect Photoshop tutorial:

  • Brick wall origineel: onbewerkte afbeelding
  • Brick wall (bewerkt): afbeelding voor de achtergrond
  • Graffogie: lettertype

1. Hoe de achtergrond en de tekst in te stellen

Stap 1

we zullen een stenen muur achtergrond gebruiken voor deze Photoshop tutorial graffiti tekst. Open Photoshop en in plaats van een nieuw document aan te maken, ga naar Bestand > openen… en selecteer Baksteen-muur.jpg van de tutorial activa. Als u wilt proberen een andere achtergrond, kunt u proberen een van de vele wall achtergronden op Envato elementen.

Brick wallBrick wallBrick wall

Stap 2

Gebruik uw Type gereedschap (T), selecteer het graffogie graffiti-tekstlettertype met een grootte van 285 pt, en schrijf het woord “stem” op uw illustratiebord. Ga dan naar Type > Warp Text en selecteer Shell Upper met bocht: 21%, horizontale vervorming: -29% en verticale vervorming: 22%, en druk op OK. Tot slot, selecteer alleen de letter “V” op uw artboard, en ga dan naar uw karakter paneel en stel de Tracking op -75.

Typestempel TypestempelTypestempel

Stap 3

Gebruik uw Typegereedschap (T) opnieuw om nog twee woorden te schrijven—”for” en “Pedro”—met hetzelfde graffiti-lettertype. Zorg ervoor dat elk woord op zijn eigen laag staat. Schrijf “for” met de lettergrootte 116 pt en tracking 75. Schrijf dan “Pedro” op een nieuwe laag met de lettergrootte 255 pt en tracking 75.

Type voor en pedroType voor en pedroType voor en pedro

Stap 4

verplaats de letters in de graffitistijl naar elkaar toe. Selecteer vervolgens alle drie de tekstlagen in je Paneel lagen en druk op Control-T. stel nu de rotatie in op -8°. Tot slot zijn we klaar om te beginnen met het maken van Photoshop tekst effecten.

schikken schrijvenschikken schrijvenschikken schrijven

2. Hoe maak je het eerste graffiti tekst Effect

Stap 1

laten we beginnen met het selecteren van de graffiti tekstlaag “stem”. Ga nu naar laag > Laagstijl > Mengopties… en pas de volgende Laagstijl toe.

gebruik deze instellingen bij Mengopties:

  • Geavanceerd mengen: 0%
  • mengen als: grijs
  • onderliggende laag: Alt-klik (mac-gebruikers optie-klik) op de witte markering om het te splitsen, en stel het linkerdeel in op 161 en het rechterdeel op 236.
Toevoegen opties voor overvloeienToevoegen opties voor overvloeienToevoegen opties voor overvloeien

Stap 2

Voeg een Schuine kant en Reliëf met deze instellingen:

  • Stijl: Afschuining binnen
  • Techniek: Gegraveerd-Hard
  • Diepte: 144%
  • Richting: Up
  • Grootte: 8 px
  • Verzachten: 0 px
  • Schakel het selectievakje Use Global Light box
  • Hoek: 98º
  • Hoogte: 30º
  • Controleer de Anti-aliased box
  • Markeren Modus: Overlay met kleur #035b7c en Dekking: 100%
  • Shadow Modus: Overlay met kleur #ff3000 en Dekking: 88%
Voeg een schuine kant en reliëfVoeg een schuine kant en reliëfVoeg een schuine kant en reliëf

Stap 3

Voeg een Schaduw binnen de graffiti effect van de tekst met deze instellingen:

  • Mengmodus: Normaal
  • Kleur: #000000
  • Dekking: 100%
  • Schakel het selectievakje Use Global Light box
  • Hoek: -94º
  • Afstand: 0 px
  • Choke: 0%
  • Grootte: 10 px
  • Contour: Kegel
  • Controleer de Anti-aliased box
  • Ruis: 11%
Voeg een inner shadowToevoegen van een inner shadowToevoegen van een inner shadow

Stap 4

Toevoegen van een Inner Glow met deze instellingen:

  • mengmodus: Normaal
  • Kleur: #000000
  • Dekking: 19%
  • Geluidsniveau: 61%
  • Techniek: Precieze
  • Bron: Centrum
  • Choke: 1%
  • Grootte: 10 px
  • Contour: Kegel – Omgekeerde
  • Controleer de Anti-aliased box
  • Bereik: 50%
Voeg een innerlijke gloedToevoegen van een innerlijke gloedToevoegen van een innerlijke gloed

Stap 5

Voeg een Satijnen stijl met deze instellingen:

  • mengmodus: Overlay
  • Kleur: #64ec87
  • Hoek: 90°
  • Afstand: 19 px
  • Grootte: 24 px
  • Contour: een Halve Ronde
  • Controleer de Anti-aliased box
  • Vink het selectievakje Omkeren in
Voeg een satijnenVoeg een satijnenVoeg een satijnen

Stap 6

Voeg een Gradient Overlay met deze instellingen:

  • mengmodus: Lineaire Branden
  • Check de Dithering-box
  • Dekking: 6%
  • Stijl: Lineair
  • Hoek: 90 °
  • Schaal: 60%
  • en Klik op het Verloop en zet deze haltes:
  • Kleur stopt met Kleur #000000 op Locatie: 0% en 100%
  • Dekking stoppen met Opacity: 0% op Locatie: 0%
  • Dekking stoppen met Dekking: 100% op Locatie: 100%
Voeg een gradiëntToevoegen van een gradiëntToevoegen van een gradiënt

Stap 7

Toevoegen van een Outer Glow met deze instellingen:

  • mengmodus: Lineaire Branden
  • Dekking: 29%
  • Kleur: #000000
  • Techniek: Precieze
  • Verdeeld: 50%
  • Grootte: 3 px
  • Controleer de Anti-aliased doos
Voeg een outer glowToevoegen van een outer glowToevoegen van een outer glow

Stap 8

We zijn bijna klaar met deze graffiti teksteffect in Photoshop tutorial. Als laatste stap voor dit teksteffect, voeg je een slagschaduw toe met deze instellingen:

  • Mengmodus:: Normaal
  • kies de kleur #000000
  • ondoorzichtigheid: 95%
  • verwijder het vinkje globale lichtbak
  • Hoek: 90°
  • afstand: 5 px
  • verspreiding: 39%
  • Grootte: 24 px
  • Anti-aliased box
  • ruis: 10%

druk op OK om alle wijzigingen toe te passen.

voeg een slagschaduwvoeg een slagschaduwvoeg een slagschaduw

hier is het resultaat van het eerste effect van de graffiti-tekst toegepast op het lettertype van de graffiti-tekst.

gedeeltelijk resultaat gedeeltelijk resultaatgedeeltelijk resultaat

3. Hoe het tweede graffiti-teksteffect

Stap 1

Selecteer de laag” voor ” graffiti-tekst en ga naar laag > Laagstijl > Mengopties… om de volgende Laagstijl toe te passen op het lettertype van de graffitiletter.

gebruik deze instellingen bij Mengopties:

  • Geavanceerd mengen: 0%
  • mengen als: grijs
  • onderliggende laag: Alt-Klik (mac-gebruikers optie-klik) op de witte markering om het te splitsen, en stel vervolgens het linkerdeel op 158 en het rechterdeel op 217.
Toevoegen opties voor overvloeienToevoegen opties voor overvloeienToevoegen opties voor overvloeien

Stap 2

Voeg een Schuine kant en Reliëf aan de graffiti letters 3D-effect van de tekst met deze instellingen:

  • Stijl: Afschuining binnen
  • Techniek: Glad
  • Diepte: 100%
  • Richting: Omhoog
  • Grootte: 8 px
  • Verzachten: 0 px
  • Schakel het selectievakje Use Global Light box
  • Hoek: 90º
  • Hoogte: 30º
  • Controleer de Anti-aliased box
  • Markeren Mode – Opacity: 0%
  • Shadow Mode: Vermenigvuldigen met kleur #000000 en Dekking: 50%
Voeg een schuine kant en reliëfVoeg een schuine kant en reliëfVoeg een schuine kant en reliëf

Stap 3

Toevoegen van een Beroerte met deze instellingen:

  • Grootte: 1 px
  • Positie: Buiten
  • Fill Type: Kleur
  • Kleur: #000000
lijn lijnlijn

Stap 4

schaduw toevoegen met deze instellingen:

  • Mengmodus: normaal
  • kleur: #000000
  • ondoorzichtigheid: 100%
  • verwijder het vinkje globale lichtbak
  • hoek: – 94º
  • Afstand: 0 px
  • Choke: 18%
  • Grootte: 5 px
  • anti-aliased box
  • ruis controleren: 11%
schaduw toevoegenschaduw toevoegen schaduw toevoegen

Stap 5

gloed toevoegen met deze instellingen:

  • Mengmodus: normaal
  • kleur: #000000
  • ondoorzichtigheid: 30%
  • ruis: 61%
  • techniek: nauwkeurig
  • bron: Edge
  • Choke: 1%
  • Grootte: 4 px
  • controleer het anti-aliased kader
  • bereik: 50%
Voeg een innerlijke gloedToevoegen van een innerlijke gloedToevoegen van een innerlijke gloed

Stap 6

Voeg een slagschaduw met deze instellingen af te graffiti-letters 3D-effect van de tekst:

  • mengmodus: Normaal
  • Kies de kleur #000000
  • Dekking: 956%
  • Schakel het selectievakje Use Global Light box
  • Hoek: 90°
  • Afstand: 5 px
  • Verdeeld: 27%
  • Size: 18px
  • Controleer de Anti-aliased box
  • Ruis: 17%

klik op OK om de toepassing van de laagstijl.

voeg een slagschaduwvoeg een slagschaduwvoeg een slagschaduw

dit is het resultaat van het tweede graffiti tekst effect toegepast op de coole graffiti letters. Je doet het geweldig-we zijn bijna klaar met deze Photoshop tutorial op graffiti tekst.

gedeeltelijk resultaatgedeeltelijk resultaatgedeeltelijk resultaat

4. Hoe het derde graffiti-teksteffect

Stap 1

Selecteer de laag “pedro” graffitiletterletter en ga naar laag > Laagstijl > Mengopties… de volgende Laagstijl toepassen.

gebruik deze instellingen bij Mengopties:

  • Geavanceerd mengen: 0%
  • mengen als: grijs
  • onderliggende laag: Alt-klik (mac-gebruikers optie-klik) op de witte markering om het te splitsen, en stel het linkerdeel in op 139 en het rechterdeel op 201. Splits dan de zwarte markeerdraad en zet het rechterdeel op 80.

mengopties toevoegenmengopties toevoegenmengopties toevoegen

Stap 2

afschuining en reliëf met deze instellingen:

  • stijl: Afschuining binnen
  • Techniek: Gegraveerd-Hard
  • Diepte: 144%
  • Richting: Omhoog
  • Grootte: 8 px
  • Verzachten: 0 px
  • Schakel het selectievakje Use Global Light box
  • Hoek: 98º
  • Hoogte: 30º
  • Controleer de Anti-aliased box
  • Markeren Modus: Overlay met kleur #1faee3 en Dekking: 100%
  • Shadow Modus: Overlay met kleur #ce43db en Dekking: 88%
Voeg een schuine kant en reliëfVoeg een schuine kant en reliëfVoeg een schuine kant en reliëf

Stap 3

Voeg een Schaduw binnen de graffiti letter lettertype effect van de tekst met deze instellingen:

  • mengmodus: Normaal
  • Kleur: #000000
  • Dekking: 100%
  • Schakel het selectievakje Use Global Light box
  • Hoek: -94º
  • Afstand: 0 px
  • Choke: 0%
  • Grootte: 10 px
  • Contour: Kegel
  • Controleer de Anti-aliased box
  • Ruis: 11%
schaduw toevoegenschaduw toevoegenschaduw toevoegen

Stap 4

gloed toevoegen met deze instellingen:

  • Mengmodus: lineair tegenhouden (toevoegen)
  • kleur: #dd8925
  • ondoorzichtigheid: 33%
  • ruis: 47%
  • techniek: nauwkeurig
  • bron: centrum
  • Choke: 58%
  • Grootte: 16 px
  • controleer de anti-aliased box
  • bereik: 50%
Voeg een innerlijke gloedToevoegen van een innerlijke gloedToevoegen van een innerlijke gloed

Stap 5

Voeg een Satijnen effect met deze instellingen:

  • mengmodus: Overlay
  • Kleur: #f08d18
  • Hoek: 90°
  • Afstand: 19 px
  • Grootte: 24 px
  • Contour: een Halve Ronde
  • Controleer de Anti-aliased box
  • Vink het selectievakje Omkeren in
Voeg een satijnenVoeg een satijnenVoeg een satijnen

Stap 6

Voeg een Gradient Overlay met deze instellingen:

  • mengmodus: Lineaire Branden
  • Check de Dithering-box
  • Dekking: 6%
  • Stijl: Lineair
  • Hoek: 90 °
  • Schaal: 60%
  • en Klik op het Verloop en zet deze haltes:
  • Kleur stopt met Kleur #000000 op Locatie: 0% en 100%
  • Dekking stoppen met Opacity: 0% op Locatie: 0%
  • Dekking stoppen met Dekking: 100% op Locatie: 100%
Voeg een gradiëntToevoegen van een gradiëntToevoegen van een gradiënt

Stap 7

Toevoegen van een Outer Glow met deze instellingen:

  • mengmodus: Lineaire Branden
  • Dekking: 29%
  • Kleur: #000000
  • Techniek: Precieze
  • Verdeeld: 40%
  • Grootte: 2 px
  • Controleer de Anti-aliased doos
Voeg een outer glowToevoegen van een outer glowToevoegen van een outer glow

Stap 8

Als laatste stap voor deze graffiti-stijl letters effect van de tekst, voeg een slagschaduw met deze instellingen:

  • mengmodus: Normaal
  • Kies de kleur #000000
  • Dekking: 96%
  • verwijder het vinkje globale lichtbak
  • Hoek: 90°
  • afstand: 5 px
  • verspreiding: 39%
  • Grootte: 24 px
  • anti-aliased vak
  • ruis controleren: 10%

druk op OK om de teksteffecten toe te passen.

slagschaduw slagschaduw Slagschaduw

Gefeliciteerd! Je bent klaar!

in deze tutorial graffiti text effect Photoshop hebt u geleerd hoe u laagstijlen en mengopties kunt gebruiken om enkele coole graffiti tekst effecten te creëren in Adobe Photoshop.

we begonnen met het maken van onze tekstgraffiti in Photoshop, en daarna veranderden we het met het mengen van opties en laagstijlen in drie verschillende graffiti-effecten op de muur.

eindresultaateindresultaateindresultaat

ontdek meer coole Photoshop Text Effect Tutorials

de Photoshop tutorial graffiti text die u zojuist hebt gecontroleerd is niet de enige die we hebben. Je kunt veel tekst effecten leren, en niet alleen coole graffiti letters! Hier zijn enkele andere tutorials die u kunt genieten:

  • teksteffecten
    Hoe maak ik een Cartoon Text Effect in Adobe Photoshop
    Jan Stverak
  • laagstijlen
    Hoe maak ik een 3D Zwart-Gouden tekst en Logo Mockup
    Jan Stverak
  • teksteffecten
    snelle Tip: Maak een koninklijk gouden teksteffect in Photoshop met laagstijlen
    Jan Stverak
  • teksteffecten
    snelle Tip: Maak een glanzend, gouden, oude wereld tekst Effect in Photoshop
    Jan Stverak

Top 5 graffiti Logo Photoshop Add-Ons van Envato Elements

ik hoop dat je genoten hebt van mijn graffiti tekst effect Photoshop tutorial. Nu, Ik zal u een selectie van de top tekst graffiti Photoshop add-ons van Envato Elements.

dit is onze op abonnementen gebaseerde marktplaats, waar u zoveel graffiti logo Photoshop acties kunt krijgen als u nodig hebt, samen met duizenden creatieve grafische activa, tegen een lage maandelijkse vergoeding.

met behulp van Envato Elements creëer je de beste graffiti letters ter wereld. We hebben alle soorten graffiti stijlen en acties. Kijk hier:

graffiti tekst Effect PSD (ASL, PSD)

Graffiti Text Effect PSDGraffiti Text Effect PSDGraffiti Text Effect PSD

deze graffiti stijl letters zijn heel eenvoudig te gebruiken in Photoshop. Je hoeft alleen maar je tekst of ontwerp in het slimme object te plaatsen, en je hebt coole graffiti letters in een mum van tijd! Deze tekst graffiti Photoshop pack bevat tien verschillende stijlen, tien PSD-bestanden en slimme objecten goed georganiseerd in lagen.

graffiti Text Effect PSD vol.1 (ASL, PSD)

Graffiti Text Effect PSD vol1Graffiti Text Effect PSD vol1Graffiti Text Effect PSD vol1

een andere set coole graffiti letters van dezelfde getalenteerde artiest. Deze graffiti tekst effect PSD pack beschikt ook over tien unieke mockups, plus tien ASL-bestanden: tien sets van stijlen voor Photoshop. Aarzel niet om deze graffiti letters 3D effecten te proberen!

Street Art Graffiti Logo Photoshop (ABR, ATN, PAT)

Street Art Graffiti Logo Photoshop Street Art Graffiti Logo Photoshop Street Art Graffiti Logo Photoshop

Wie zei dat graffiti alleen over tekst gaat? We hebben alle soorten graffiti stijl add-ons, en dit is een zeer coole street art graffiti logo Photoshop actie. Dit werkt het beste met portretten, figuren, modellen en levenloze objecten. Uw eindresultaat is een volledig gelaagde compositie met veel effecten en maatwerk.

graffiti-teksteffect PSD-laagstijlen (ASL, PSD)

Graffiti tekst Effect PSD laagstijlenGraffiti tekst Effect PSD laagstijlenGraffiti tekst Effect PSD laagstijlen

maar als u een fan bent van graffiti letter lettertypen en graffiti letter 3D effecten, dan is dit voor u. Geniet van deze set van 15 graffiti stijl letters voor Photoshop en maak coole graffiti tekst composities.

Spray Art Graffiti Logo Photoshop (ABR, ATN, PAT)

kunst graffiti Logo Photoshopkunst graffiti Logo Photoshopkunst graffiti Logo Photoshop

om onze selectie van alle soorten graffiti stijlen af te sluiten, is deze kunst spray een coole graffiti logo Photoshop actie. Hiermee kunt u snel digitale kunstwerken te maken in een paar klikken. De compositie is heel eenvoudig te bewerken dankzij de lagen, waardoor je volledige creatieve controle hebt.

conclusie

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.