januari 1, 2022

Hur man gör en Graffiti-texteffekt med Photoshop Layer Styles

i den här handledningen visar jag dig hur du skapar en graffiti-texteffekt i Photoshop. Vi kommer att använda lagerstilar och funktionen” blanda om ” från blandningsalternativen.

texteffekten vi kommer att skapa är inspirerad av Graffitistilar från Envato Elements, där du hittar några av de bästa graffitibokstäverna i världen. Gilla denna Graffiti Photoshop texteffekt med 10 olika stilar.

Graffiti Text effekt på Envato elementGraffiti Text effekt på Envato elementGraffiti Text effekt på Envato element

letar du efter en genväg? Du kan ladda ner en av dessa graffiti teckensnitt för att hjälpa dig att skapa graffiti text snabbt och enkelt:

  • teckensnitt
    30 + bästa Graffiti teckensnitt
    Melody Nieves

Följ med oss över på vår Envato Tuts+ YouTube-kanal:

Tutorial Assets

följande tillgångar användes under denna graffiti text effect Photoshop tutorial:

  • tegelvägg original: oredigerad bild
  • tegelvägg (redigerad): bild för bakgrunden
  • Graffogie: font

1. Så här ställer du in bakgrunden och texten

Steg 1

vi kommer att använda en tegelvägg bakgrund för denna Photoshop tutorial graffiti text. Öppna Photoshop och istället för att skapa ett nytt dokument, gå till Arkiv > öppna… och välj tegelvägg.jpg från handledning tillgångar. Om du vill prova en annan bakgrund kan du prova en av de många väggbakgrunderna på Envato Elements.

tegelväggtegelväggtegelvägg

steg 2

Använd ditt typverktyg (t), välj graffogie graffiti text font med en storlek på 285 pt och skriv ordet ”rösta” på din tavla. Gå sedan till Typ > Varptext och välj skal övre med böj: 21%, horisontell distorsion: -29% och vertikal distorsion: 22% och tryck på OK. Slutligen väljer du bara bokstaven” V ” på din tavla och går sedan till din Karaktärspanel och ställer in spårningen till -75.

skriv röstaskriv röstaskriv rösta

steg 3

Använd ditt typverktyg (t) igen för att skriva ytterligare två ord—”för” och ”Pedro”—med samma graffiti-textfont. Se till att varje ord är på sitt eget lager. Skriv” för ” med teckenstorleken 116 pt och spårning 75. Skriv sedan” Pedro ” på ett nytt lager med teckenstorleken 255 pt och spårning 75.

 typ för och pedrotyp för och pedrotyp för och pedro

steg 4

Använd ditt Flyttverktyg (V) och flytta Graffiti-stilbokstäverna tillsammans. Välj sedan alla tre textlagren i din Lagerpanel och tryck på Control-T. Ställ nu in rotationen till -8 GHz. Slutligen är vi redo att börja skapa Photoshop-texteffekter.

 ordna skriva ordna skriva ordna skriva

2. Hur man skapar den första Graffiti-texteffekten

Steg 1

låt oss börja med att välja graffiti-textlagret ”rösta”. Gå nu till Layer > Layer Style > Blandningsalternativ… och tillämpa följande lagerstil.

i Blandningsalternativ, använd dessa inställningar:

  • avancerad blandning: 0%
  • blanda om: Grå
  • underliggande lager: Alt-klick (mac-användare Alternativ-klicka) på den vita markören för att dela den och ställ sedan in den vänstra delen till 161 och den högra delen till 236.

Lägg till blandningsalternativ Lägg till blandningsalternativ Lägg till blandningsalternativ

steg 2

Lägg till en avfasning och prägling med dessa inställningar:

  • stil: inre avfasning
  • teknik: mejsel hårt
  • djup: 144%
  • riktning: upp
  • Storlek: 8 px
  • mjuka: 0 px
  • avmarkera Använd Global ljuslåda
  • vinkel: 98 9048>
  • Altitude: 30 occur
  • kontrollera den kantutjämnade rutan
  • highlight Mode: Overlay med färg #035b7c och opacitet: 100%
  • skuggläge: överlagring med färg #ff3000 och opacitet: 88%
Lägg till en avfasning och prägling Lägg till en avfasning och prägling Lägg till en avfasning och prägling

steg 3

Lägg till en inre skugga till graffiti-texteffekten med dessa inställningar:

  • blandningsläge: Normal
  • färg: #000000
  • opacitet: 100%
  • avmarkera Använd den globala ljuslådan
  • vinkel: – 94 msk
  • avstånd: 0 px
  • Choke: 0%
  • Storlek: 10 px
  • kontur: Kon
  • markera den kantutjämnade rutan
  • brus: 11%
Lägg till en inre skugga Lägg till en inre skugga Lägg till en inre skugga

steg 4

Lägg till en inre glöd med dessa inställningar:

  • blandningsläge: Normal
  • färg: #000000
  • opacitet: 19%
  • brus: 61%
  • teknik: exakt
  • källa: Center
  • Choke: 1%
  • Storlek: 10 px
  • kontur: Kon – inverterad
  • markera den kantutjämnade rutan
  • intervall: 50%
Lägg till en inre glöd Lägg till en inre glöd Lägg till en inre glöd

Steg 5

Lägg till en Satinstil med dessa inställningar:

  • Blend läge: Overlay
  • färg: #64ec87
  • vinkel: 90 msk
  • avstånd: 19 px
  • Storlek: 24 px
  • kontur: halvrunda
  • markera den kantutjämnade rutan
  • markera rutan invertera
Lägg till en satin Lägg till en satin Lägg till en satin

steg 6

Lägg till en Gradientöverlagring med dessa inställningar:

  • blandningsläge: linjär brännskada
  • markera rutan Dither
  • opacitet: 6%
  • stil: linjär
  • vinkel: 90 msk
  • skala: 60%
  • klicka på lutningen och ställ in dessa stopp:
  • färgstopp med färg #000000 på plats: 0% och 100%
  • opacitet stopp med opacitet: 0% på plats: 0%
  • opacitet stopp med opacitet: 100% på plats: 100%
Lägg till en lutning Lägg till en lutning Lägg till en lutning

Steg 7

Lägg till en yttre glöd med dessa inställningar:

  • blandningsläge: linjär brännskada
  • opacitet: 29%
  • färg: #000000
  • teknik: exakt
  • spridning: 50%
  • Storlek: 3 px
  • markera den kantutjämnade rutan
Lägg till en yttre glödLägg till en yttre glödLägg till en yttre glöd

steg 8

vi är nästan färdiga med denna graffiti text effect Photoshop tutorial. Som ett sista steg för denna texteffekt lägger du till en droppskugga med dessa inställningar:

  • Blend-läge: Normal
  • Välj färg #000000
  • opacitet: 95%
  • avmarkera Använd Global ljuslåda
  • vinkel: 90 msk
  • avstånd: 5 px
  • spridning: 39%
  • Storlek: 24 px
  • markera den kantutjämnade rutan
  • brus: 10%

tryck på OK för att tillämpa alla ändringar.

Lägg till en droppskuggaLägg till en droppskuggaLägg till en droppskugga

här är resultatet av den första graffiti-texteffekten som tillämpas på graffiti-textfonten.

 delresultatdelresultat delresultat

3. Så här skapar du den andra Graffiti-texteffekten

Steg 1

Välj ”för” graffiti-textlagret och gå till Layer > Layer Style > Blandningsalternativ… för att tillämpa följande lagerstil på graffiti-brevteckensnittet.

i Blandningsalternativ, använd dessa inställningar:

  • avancerad blandning: 0%
  • blanda om: Grå
  • underliggande lager: Alt-klick (mac-användare Alternativ-klicka) på den vita markören för att dela den och ställ sedan in den vänstra delen till 158 och den högra delen till 217.
Lägg till blandningsalternativ Lägg till blandningsalternativ Lägg till blandningsalternativ

steg 2

Lägg till en avfasning och prägling till graffiti bokstäver 3D-texteffekt med dessa inställningar:

  • stil: inre avfasning
  • teknik: slät
  • Djup: 100%
  • riktning: upp
  • Storlek: 8 px
  • mjuka: 0 px
  • avmarkera Använd Global ljuslåda
  • vinkel: 90 kg
  • höjd: 30 kg
  • markera rutan kantutjämning
  • markera läge-opacitet: 0%
  • skuggläge: multiplicera med färg #000000 och opacitet: 50%
Lägg till en avfasning och Relief Lägg till en avfasning och Relief Lägg till en avfasning och Relief

steg 3

Lägg till en Stroke med dessa inställningar:

  • Storlek: 1 px
  • Position: utanför
  • Fyllningstyp: färg
  • färg: #000000
Lägg till en stroke Lägg till en stroke Lägg till en stroke

steg 4

Lägg till en inre skugga med dessa inställningar:

  • blandningsläge: Normal
  • färg: #000000
  • opacitet: 100%
  • avmarkera Använd den globala ljuslådan
  • vinkel: -94 msk
  • avstånd: 0 px
  • Choke: 18%
  • Storlek: 5 px
  • markera den kantutjämnade rutan
  • buller: 11%
Lägg till en inre skugga Lägg till en inre skugga Lägg till en inre skugga

Steg 5

Lägg till en inre glöd med dessa inställningar:

  • blandningsläge: Normal
  • färg: #000000
  • opacitet: 30%
  • brus: 61%
  • teknik: exakt
  • källa: kant
  • Choke: 1%
  • Storlek: 4 px
  • markera den kantutjämnade rutan
  • intervall: 50%
Lägg till en inre glöd Lägg till en inre glöd Lägg till en inre glöd

steg 6

Lägg till en droppskugga med dessa inställningar för att avsluta denna graffiti bokstäver 3D-texteffekt:

  • blandningsläge: Normal
  • Välj färg #000000
  • opacitet: 956%
  • avmarkera Använd Global ljuslåda
  • vinkel: 90 msk
  • avstånd: 5 px
  • spridning: 27%
  • Storlek: 18 px
  • kontrollera den kantutjämnade rutan
  • brus: 17%

tryck på OK för att tillämpa lagerstilen.

Lägg till en droppskuggaLägg till en droppskuggaLägg till en droppskugga

här är resultatet av den andra graffiti-texteffekten som tillämpas på de coola graffiti-bokstäverna. Du gör det bra-vi har nästan avslutat den här Photoshop-handledningen om graffiti-text.

 delresultatdelresultat delresultat

4. Så här skapar du den tredje Graffiti-texteffekten

Steg 1

Välj ”pedro” Graffiti letter font layer och gå till Layer > Layer Style > Blandningsalternativ… för att tillämpa följande lagerstil.

i Blandningsalternativ, använd dessa inställningar:

  • avancerad blandning: 0%
  • blanda om: Grå
  • underliggande lager: Alt-klick (mac-användare Alternativ-klicka) på den vita markören för att dela den och ställ sedan in den vänstra delen till 139 och den högra delen till 201. Dela sedan den svarta markören och sätt den högra delen till 80.
Lägg till blandningsalternativ Lägg till blandningsalternativLägg till blandningsalternativ

steg 2

Lägg till en avfasning och prägling med dessa inställningar:

  • stil: Inre avfasning
  • teknik: mejsel hårt
  • djup: 144%
  • riktning: upp
  • Storlek: 8 px
  • mjuka: 0 px
  • avmarkera Använd Global ljuslåda
  • vinkel: 98 9048>
  • Altitude: 30 occur
  • markera rutan
  • highlight Mode: Overlay med färg #1faee3 och opacitet: 100%
  • Shadow mode: overlay med färg #ce43db och opacitet: 88%

Lägg till en avfasning och Relief Lägg till en avfasning och Relief Lägg till en avfasning och Relief

steg 3

Lägg till en inre skugga till graffiti brev font text effekt med dessa inställningar:

  • blandningsläge: Normal
  • färg: #000000
  • opacitet: 100%
  • avmarkera Använd den globala ljuslådan
  • vinkel: -94 msk
  • avstånd: 0 px
  • Choke: 0%
  • Storlek: 10 px
  • kontur: Kon
  • kontrollera Anti-aliased Box
  • buller: 11%
Lägg till en inre skugga Lägg till en inre skugga Lägg till en inre skugga

steg 4

Lägg till en inre glöd med dessa inställningar:

  • blandningsläge: linjär Dodge (Lägg till)
  • färg: #dd8925
  • opacitet: 33%
  • brus: 47%
  • teknik: exakt
  • källa: Center
  • Choke: 58%
  • Storlek: 16 px
  • markera den kantutjämnade rutan
  • intervall: 50%
Lägg till en inre glöd Lägg till en inre glöd Lägg till en inre glöd

Steg 5

Lägg till en Satineffekt med dessa inställningar:

  • Blend läge: Overlay
  • färg: #f08d18
  • vinkel: 90 msk
  • avstånd: 19 px
  • Storlek: 24 px
  • kontur: halvrunda
  • markera den kantutjämnade rutan
  • markera rutan invertera
Lägg till en satin Lägg till en satin Lägg till en satin

steg 6

Lägg till en Gradientöverlagring med dessa inställningar:

  • blandningsläge: linjär brännskada
  • markera rutan Dither
  • opacitet: 6%
  • stil: linjär
  • vinkel: 90 msk
  • skala: 60%
  • klicka på lutningen och ställ in dessa stopp:
  • färgstopp med färg #000000 på plats: 0% och 100%
  • opacitet stopp med opacitet: 0% på plats: 0%
  • opacitet stopp med opacitet: 100% på plats: 100%
Lägg till en lutning Lägg till en lutning Lägg till en lutning

Steg 7

Lägg till en yttre glöd med dessa inställningar:

  • blandningsläge: linjär brännskada
  • opacitet: 29%
  • färg: #000000
  • teknik: exakt
  • spridning: 40%
  • Storlek: 2 px
  • markera den kantutjämnade rutan
Lägg till en yttre glöd Lägg till en yttre glöd Lägg till en yttre glöd

steg 8

som ett sista steg för denna graffiti stil bokstäver texteffekt, lägga till en skugga med dessa inställningar:

  • blandning läge: Normal
  • Välj färg #000000
  • opacitet: 96%
  • avmarkera Använd Global ljuslåda
  • vinkel: 90 msk
  • avstånd: 5 px
  • spridning: 39%
  • Storlek: 24 px
  • markera den kantutjämnade rutan
  • brus: 10%

tryck på OK för att tillämpa texteffekterna.

 Lägg till en skugga Lägg till en skugga Lägg till en skugga

Grattis! Du är klar!

i denna graffiti text effect Photoshop tutorial lärde du dig hur du använder lagerstilar och blandningsalternativ för att skapa några coola graffiti-texteffekter i Adobe Photoshop.

vi började med att skapa vår textgraffiti i Photoshop, och sedan ändrade vi den med blandningsalternativ och lagerstilar till tre olika graffitieffekter på väggen.

slutresultatslutresultatslutresultat

utforska mer coola Photoshop texteffekt Tutorials

Photoshop tutorial graffiti text du just har kontrollerat är inte den enda vi har. Du kan lära dig många texteffekter, och inte bara coola graffiti bokstäver! Här är några andra tutorials du kan njuta av:

  • texteffekter
    hur man skapar en tecknad texteffekt i Adobe Photoshop
    Jan Stverak
  • lager stilar
    hur man skapar en 3d svart och guld Text och logotyp Mockup
    Jan Stverak
  • texteffekter
    Snabbtips: skapa en kunglig Guldtexteffekt i Photoshop med lagerstilar
    Jan Stverak
  • texteffekter
    Snabbtips: Skapa en blank, guld, gammal Världstexteffekt i Photoshop
    Jan Stverak

Topp 5 Graffiti Logo Photoshop Add-Ons från Envato Elements

jag hoppas att du har haft min graffiti text effekt Photoshop tutorial. Nu ska jag visa dig ett urval av de bästa textgraffiti Photoshop-tilläggen från Envato Elements.

Detta är vår prenumerationsbaserade marknadsplats, där du kan få så många Graffiti logo Photoshop-åtgärder som du behöver, tillsammans med tusentals kreativa grafiska tillgångar, till en låg månadsavgift.

med hjälp av Envato Elements skapar du de bästa graffiti bokstäverna i världen. Vi har alla typer av graffiti stilar och åtgärder. Ta en titt här:

Graffiti Text Effect PSD (ASL, PSD)

Graffiti texteffekt PSDGraffiti texteffekt PSDGraffiti texteffekt PSD

dessa graffiti stil bokstäver är verkligen lätt att använda i Photoshop. Du behöver bara placera din text eller design i det smarta objektet, och du kommer att ha coola graffiti bokstäver på nolltid! Denna text graffiti Photoshop pack innehåller tio olika stilar, tio PSD-filer och smarta objekt välorganiserade i lager.

Graffiti Text effekt PSD vol.1 (ASL, PSD)

Graffiti Text effekt PSD vol1 Graffiti Text effekt PSD vol1Graffiti Text effekt PSD vol1

en annan uppsättning coola graffiti bokstäver av samma begåvade artist. Denna graffiti text effect PSD pack har också tio unika mockups, plus tio ASL-filer: tio uppsättningar stilar för Photoshop. Tveka inte att prova dessa graffiti bokstäver 3D-effekter!

gatukonst Graffiti logotyp Photoshop (ABR, ATN, PAT)

gatukonst Graffiti logotyp Photoshop gatukonst Graffiti logotyp Photoshopgatukonst Graffiti logotyp Photoshop

Vem sa graffiti handlar bara om text? Vi har alla typer av graffiti stil tillägg, och detta är en väldigt cool street art graffiti logo Photoshop action. Detta fungerar bäst med porträtt, figurer, modeller och livlösa föremål. Ditt slutresultat är en helt skiktad komposition med massor av effekter och anpassning.

Graffiti Text effekt PSD lager stilar (ASL, PSD)

Graffiti Text effekt PSD lager stilarGraffiti Text effekt PSD lager stilarGraffiti Text effekt PSD lager stilar

men om du är ett fan av graffiti brev teckensnitt och graffiti brev 3D-effekter, då detta är för dig. Njut av denna uppsättning av 15 graffiti stil bokstäver för Photoshop och skapa coola graffiti textkompositioner.

Spray konst Graffiti logotyp Photoshop (ABR, ATN, PAT)

Spray Art Graffiti Logo PhotoshopSpray Art Graffiti Logo PhotoshopSpray Art Graffiti Logo Photoshop

för att stänga vårt urval av alla typer av graffiti stilar, är denna spray art en cool graffiti logo Photoshop åtgärder. Detta gör att du kan skapa snabba digitala konstverk med några få klick. Kompositionen är väldigt lätt att redigera tack vare sina lager, vilket ger dig full kreativ kontroll.

slutsats

Lämna ett svar

Din e-postadress kommer inte publiceras.