Så här skapar du en skisstexteffektåtgärd i Adobe Photoshop

Vad du ska skapa

I denna handledning kommer jag att visa dig hur man skapar en åtgärd i Adobe Photoshop som omvandlar vilken typ av teckensnitt du vill ha till en realistisk skiss. Du lär dig också att skapa penslar som ser ut som blyertsritningar med standardborstar från Photoshop och några filter. I slutändan kommer du att göra en åtgärd för att göra allt arbete för dig med ett enda klick.

Den här åtgärden är en del av vilken typsnitt som helst för att skissera Photoshop-åtgärden. Den kompletta åtgärden fungerar både med text och former och har tre olika storlekar för din bekvämlighet. Det fungerar också med vilken färg du vill.

Alla teckensnitt för att skissa Photoshop-åtgärd

Tutorial Assets

Följande tillgångar användes under denna handledning:

  • Han är Dead Jim Font
  • Bakgrundsbild *
  • Mönster *

Objekten markerade med en "*" finns i zip-filen som bifogas denna handledning, redigeras och redo för denna handledning.

1. Hur man skapar stilen

Steg 1

Gå till Fil> Ny och skapa ett nytt dokument med följande inställningar:

  • Namn: Sketch Action
  • Bredd: 2000 px
  • Höjd: 1000 px
  • Upplösning: 300 Dpi
  • Färg läge: RGB-färg 8 bitar
  • Bakgrundsinnehåll: Vit

Steg 2

Välj Horisontellt typverktyg (T) och skriv "SKETCH". Välj sedan Han är Dead Jim typsnitt och ställa in teckensnittstorleken till 137 pt.


Steg 3

Välj textlagret på Skikten panel, och sedan gå till Layer> Layer Style> Blandningsalternativ och lägg till ett mönsteröverlägg med dessa inställningar:

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Mönster: Sketch-Texture-tt (bifogad till denna handledning)
  • Skala: 100%
  • Länk med lager:

Klicka sedan ok att stänga Lagerstil panel.


Steg 4

Gå till Fönster> Styles att öppna Styles panel. Klicka sedan på Skapa ny stil ikon och namnge den Sketch Style.


2. Hur man skapar borstarna

Steg 1

Denna pensel kommer att användas med en rörelseoskärpa, vilket gör att textens gränser verkar lite suddiga.

För att börja dölja textlagret - vi kommer inte att använda det för tillfället. 

Nu Välj borstverktyget (B) och gå till Fönster> Pensel Inställningar. Välj sedan Mjuk rund 30 borsta och byt dess Storlek till 6 px och Mellanrum till 1%. Därefter klickar du på den lilla ikonen längst upp till höger på Borsta inställningar panel och välj Ny pensel förinställd ... För att spara den nya förinställningen, namnge den Sketch Contour - 1, och klicka ok.


Steg 2

Nästa pensel kommer att användas som en mask för textgränserna, vilket gör att den blir mindre rak.

Med samma pensel vald (Mjuk rund 30), gå tillbaka till Borsta inställningar panelen och konfigurera den med följande inställningar:

  • Storlek: 25 px
  • Hårdhet: 51%
  • Mellanrum: 59%

Form Dynamics:

  • Storlek Jitter: 39%
  • Storlek Jitter Control: Av
  • Minsta diameter: 0%
  • Vinkel jitter: 0%
  • Vinkelreglering: Av
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Av

Scattering:

  • Båda axlarna: Av
  • Sprida ut: 29%
  • Scatter Control: Av
  • Räkna: 1
  • Count Jitter: 0%
  • Count Jitter Control: Av

Steg 3

Klicka på den lilla ikonen längst upp till höger på sidan Borsta inställningar panelen för att spara den nya förinställningen, namnge den Pencil Contour Mask 1, och klicka ok.


Steg 4

Nu ska vi skapa den första penna-liknande borsten. Den kommer att användas som bakgrundsslag.

Tryck Kontroll-skift-N för att skapa ett nytt lager och namnge det Blyertspensel 1. Välj sedan Borstverktyg (B) och Högerklicka var som helst på dokumentet för att öppna penselalternativen. Välj Mjuk rund borsta och byt dess Storlek till 2 px. Ändra sedan borstens färg till #aeaeae och gör en horisontell linje om 85 px lång.


Steg 5

Nu, med bara Blyertspensel 1 lagret valt, gå till Redigera> Definiera Börsinställningar och spara borsten och namnge den Penna Contour Base 1. Därefter, gå till Borsta inställningar panel igen och välj den borste som vi just skapat (Penna Contour Base 1) och konfigurera den med följande inställningar:

  • Storlek: 85 px
  • Flip X och Y: Av
  • Vinkel: 0 °
  • rundhet: 100%
  • Mellanrum: 231%

Form Dynamics:

  • Storlek Jitter: 66%
  • Storlek Jitter Control: Av
  • Minsta diameter: 0%
  • Vinkel jitter: 2%
  • Vinkelreglering: Riktning
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Av
  • Flip X och Y: Av
  • Penselprojektion: Av

Scattering:

  • Sprida ut: 32%
  • Båda axlarna: Av
  • Scatter Control: Av
  • Räkna: 1
  • Count Jitter: 0%
  • Count Jitter Control: Av

Överföra:

  • Opacitet Jitter: 41%
  • Opacity Jitter Control: Av
  • Flödesjitter: 19%
  • Flödesreglering: Av

Steg 6

Spara nu den här förinställningen och namnge den Penna Kontur 1.


Steg 7

Nu är det dags att skapa huvudborsten. Den här kommer att göra hela skillnaden, vilket gör gränsen ser väldigt realistisk ut.

Dölj Blyertspensel 1 lager och skapa en ny, namngivna den Blyertspensel 2.
Därefter väljer du Mjuk rund borsta igen och konfigurera den med följande inställningar:

  • Storlek: 4 px
  • Flip X och Y: Av
  • Vinkel: 0 °
  • rundhet: 100%
  • Hårdhet: 18%
  • Mellanrum: 1%

Form Dynamics:

  • Storlek Jitter: 38%
  • Storlek Jitter Control: Av
  • Minsta diameter: 0%
  • Vinkel jitter: 0%
  • Vinkelreglering: 0%
  • Roundness Jitter: 14%
  • Roundness Jitter Control: Av
  • Minsta runda: 1%
  • Flip X och Y: Av
  • Penselprojektion: Av

Scattering:

  • Sprida ut: 10%
  • Båda axlarna: Av
  • Scatter Control: Av
  • Räkna: 1
  • Count Jitter: 0%
  • Count Jitter Control: Av

Steg 8

Byt färg på borsten till # 7a7a7a och gör en horisontell linje om 200 px länge på Blyertspensel 2 lager.


Steg 9

Nu, med bara Blyertspensel 2 lagret valt, gå till Redigera> Definiera Börsinställningar och spara borsten och namnge den Penna Contour Base 2.

Därefter, gå till Borsta inställningar igen och välj Penna Contour Base 2 borsta och konfigurera den med följande inställningar:

  • Storlek: 200 px
  • Flip X och Y: Av
  • Vinkel: 0 °
  • rundhet: 100%
  • Mellanrum: 261%

Form Dynamics:

  • Storlek Jitter: 16%
  • Storlek Jitter Control: Av
  • Minsta diameter: 0%
  • Vinkel jitter: 2%
  • Vinkelreglering: Riktning
  • Roundness Jitter: 0%
  • Roundness Jitter Control: Av
  • Flip X och Y: Av
  • Penselprojektion: Av

Scattering:

  • Sprida ut: 10%
  • Båda axlarna: Av
  • Scatter Control: Av
  • Räkna: 1
  • Count Jitter: 0%
  • Count Jitter Control: Av

Dubbelborste:

  • Borsta: Mjuk rund pensel 30
  • Läge: Färg bränna
  • Flip: Av
  • Storlek: 18 px
  • Mellanrum: 1%
  • Sprida ut: 0%
  • Båda axlarna: Av
  • Räkna: 1

Överföra:

  • Opacitet Jitter: 17%
  • Opacity Jitter Control: Av
  • Flödesjitter: 61%
  • Flödesreglering: Av

Aktivera sedan Ljud alternativ (det finns inga inställningar för den här).


Steg 10

Spara den här förinställningen och namnge den Penna Contour 2.


3. Hur man skapar åtgärden

Steg 1

I samma dokument som vi skapade tidigare, radera alla lager och lämna den vita bakgrunden. Välj sedan Horisontellt typverktyg (T) och skriv "SKETCH".


Steg 2

Gå till Fönster> Åtgärder att öppna Åtgärder panel. Klicka sedan på Skapa ny uppsättning ikonen för att skapa en ny uppsättning åtgärder och namnge den Text till skiss (300 dpi).


Steg 3

Vi ska börja spela in allt vi gör i Photoshop, så följ alla instruktioner och inget annat. Om det behövs kan du stoppa inspelningen, radera något felaktigt steg du gör och återuppta inspelningen igen.

Lämna textlagret valt på Skikten panel och klicka på Skapa ny åtgärd ikon på Åtgärdspanel, och namnge det Sketch Effect och klicka på Spela in.


Steg 4

Byt namn på textlagret till BKP Text och ändra textens storlek till 138 pt. Därefter trycker du på Kontroll-A för att välja hela dokumentet.


Steg 5

Välj Flytta verktyget (V) och justera skiktet med dokumentet både på vertikala och horisontella centra. Tryck sedan på Kontroll-D för att ta bort valet.


Steg 6

Tryck Kontroll-J att duplicera skiktet. Döp sedan om kopian till BKP Text 1 och göm det.


Steg 7

Välj BKP Text skikt igen och gå till Layer> Layer Style> Blandningsalternativ att öppna Lagerstil panel. Lägg sedan till en Stroke med dessa inställningar:

  • Storlek: 8 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Övertryck: Av
  • Färg: # 000000

Steg 8

Nu, Högerklicka på det aktuella lagret och välj Konvertera till Smart Object, och då Högerklicka igen och välj Rasterize Layer. Därefter byta namn på det till Bastext.


Steg 9

Applicera stilen som vi skapade i början av denna handledning (Sketch Style) till Bastext lager. Håll sedan Kontrollera nyckel och klicka på miniatyrbilden av Bastext lager för att skapa ett urval. Därefter väljer du Lasso Tool (L) och Högerklicka på valet, välj Gör arbetsvägen, och skapa den med en Tolerans av 2,0 px.


Steg 10

Med Bastext lagret valt, klicka på Lägg till vektormask ikon på Skikten panel. Välj sedan Borstverktyg (B) och välj Pencil Contour Mask 1 borsta.


Steg 11

Tryck D för att återställa prickarna till standardvit och svart och tryck sedan på X att utbyta dem. Därefter, gå till Fönster> Banor att öppna Paths panel och HögerklickaArbetsbana, välja Stroke Path, och välj sedan Borsta Verktyg läge och klicka ok.


Steg 12

Konvertera Bastext skikt till a Smart Object, och sedan gå till Filter> Buller> Lägg till Buller för att lägga till ett ljudfilter med följande inställningar:

  • Belopp: 9,82%
  • Distribution: Enhetlig
  • Enfärgad:

Steg 13

Välj Borstverktyg (B) igen och välj Sketch Contour - 1 borsta. Därefter trycker du på Kontroll-skift-N och namnge det nya lagret Sketch Contour 1. Gå sedan tillbaka till Paths panelen och radera det befintliga Arbetsbana.


Steg 14

Håll ner Kontrollera nyckel och klicka på miniatyrbilden av BKP Text 1 lager för att skapa ett annat urval. Välj sedan Lasso Tool (L) igen och Högerklicka på valet. Välja Gör arbetsvägen och använd samma Tolerans som förut (2,0).


Steg 15

Gå till Paths panel och HögerklickaArbetsbana, och välj sedan Stroke Path med samma inställningar som tidigare. Därefter konvertera Sketch Contour 1 skikt till a Smart Object och ändra dess Opacitet till 50%. Gå sedan till Filtrera> Förvränga> Wave och använd dessa inställningar:

  • Antal generatorer: 1
  • Minsta våglängd: 1
  • Maximal våglängd: 241
  • Minsta amplitud: 1
  • Maximal amplitud: 5
  • Horisontell skala: 100%
  • Vertikal skala: 100%
  • Typ: Sinus
  • Odefinierade områden: Upprepa kantpixlar

Steg 16

Gå till Filtrera> Oskärpa> Rörelsoskärpa och använd dessa inställningar:

  • Vinkel: 1 °
  • Distans: 25 px

Steg 17

Tryck Kontroll-J att duplicera Sketch Contour 1 lager och sedan dubbelklickaRörelseoskärpa filtrera det aktuella lagret och ändra dess inställningar till dessa:

  • Vinkel: -48 °
  • Distans: 27 px

Steg 18

Byt namn på det aktuella lagret till Sketch Contour 2 och ändra dess Fyll opacitet till 11%

Gå sedan till Layer> Layer Style> Blandningsalternativ och lägg till en Gradientöverläggning med dessa inställningar:

  • Blandningsläge: Vanligt
  • vela: Av
  • Opacitet: 34%
  • Lutning: Förgrund till transparent
  • Omvänd: Av
  • Justera med lag:
  • Stil: Linjär
  • Vinkel: 90 °
  • Skala: 100%

Steg 19

Gå till Filter> Buller> Lägg till Buller och använd dessa inställningar:

  • Belopp: 240%
  • Distribution: Enhetlig
  • Enfärgad:

Steg 20

Skapa ett nytt lager och namnge det Sketch Contour 3. Välj sedan Borstverktyg (B) och välj Penna Kontur 1 borsta. Därefter, gå till Paths panel igen och HögerklickaArbetsbana för att skapa en annan stroke.


Steg 21

Byt nu borsten Penna Contour 2 och lägg till en annan stroke i samma lager. Efter det, HögerklickaSketch Contour 3 lager och välj Konvertera till Smart Object.


Steg 22

Välj nu Bastextskikt, och håll sedan Flytta nyckel och klickBKP Text 1 lager. Med alla lagda valda, Högerklicka på en av dem och välj Konvertera till Smart Object.


Steg 23

Byt namn på det aktuella lagret till Bastexteffekt. Gå sedan till Filtrera> Stylize> Diffuse och välj Vanligt läge.


Steg 24

Gå till Filtrera> Skärpa> Smart skärpa och använd dessa inställningar:

  • Belopp: 52%
  • Radie: 0,5 px
  • Ta bort: Linsoskärpa

Steg 25

Högerklicka på det aktuella lagret och konvertera det till Smart Object igen. Gå sedan till Filter> Blur> Gaussian Blur och applicera en suddighet med 0,6 px. Tryck nu på Kontroll-J att duplicera skiktet och sedan byta namn på det till Bastexteffekt 2 och gömma Gaussisk suddighet filtrera.


Steg 26

Nu ska vi lägga till en Färgöverlagring till det slutliga skiktet. Detta Färgöverlagring är den inställning som styr färgen på den slutliga effekten.

Håll Kontrollera och välj båda Bastexteffekt och Bastexteffekt 2 lager och konvertera dem sedan till Smart Object och byt namn på det resulterande skiktet till Sketch Text Effect.

Gå nu till Layer> Layer Style> Blandningsalternativ och lägg till en Färgöverlagring med dessa inställningar:

  • Blandningsläge: Vanligt
  • Färg: # 242527
  • Opacitet: 100%

Steg 27

Gå till Paths panel igen och radera Arbetsbana. Därefter, gå till Åtgärder panel och klicka på Stoppa inspelningen ikon.


Steg 28

Öppna bakgrundsbilden du laddat ner (skiss-bg.png) och dra och släpp den Sketch Text Effect skikt in i den. Därefter kan du ändra storlek och återkalla den slutliga effekten som du vill.


grattis! Du är klar

I denna handledning lärde du dig hur man skapar borstar och hur man använder dem för att skapa en realistisk skisseffekt. Du lärde dig också hur man använder vissa filter, som diffus och våg. Även om dessa effekter har använts för att lägga till en subtil effekt, gör de verkligen en skillnad i slutresultatet. Och du lärde dig självklart hur man spelar in en åtgärd. Nu är allt du behöver göra för att tillämpa effekten att klicka på spela.

Saker att komma ihåg innan du spelar åtgärden:

  • Se till att Penselopacitet och Strömma är inställda på 100%.
  • Se till att du spelar åtgärden med det markerade textskiktet.

För att spela åtgärden måste du först välja det lag som du vill arbeta med och välj sedan Sketch Effect handling i Åtgärder panel och klicka på Spela ikon.

Jag hoppas att du har lärt dig något användbart med denna handledning. Lämna gärna dina kommentarer och resultat nedan.

Kom ihåg att kontrollera den fullständiga åtgärden: Alla teckensnitt för att skissa Photoshop-åtgärd.

Alla teckensnitt för att skissa Photoshop-åtgärd

Du kanske också gillar:

  • Hur man skapar en inFamous inspirerad texteffekt i Adobe Photoshop

    I denna handledning lär du dig att skapa en elektrisk texteffekt inspirerad av spelet inFamous. Du använder Impact för att skapa en inFamous-fonteffekt.
    Anderson Luiz
    Texteffekter
  • Så här skapar du en färgstark och glänsande texteffekt i Adobe Photoshop

    I den här handledningen kommer jag att visa dig hur man gör glättig text i Photoshop med två lager stilar.
    Anderson Luiz
    Texteffekter
  • Hur man skapar en gräsaktionstext i Adobe Photoshop

    I denna handledning kommer jag att visa dig hur man skapar en gräsaktivitet i Adobe Photoshop med ett mönster, två borstar och en lagerstil.
    Anderson Luiz
    Photoshop-åtgärder
  • Hur man skapar en utsmyckad guldtexteffekt i Adobe Photoshop

    Lär dig hur du skapar en utsmyckad guldtexteffekt från början i Adobe Photoshop CC, med två texturer, lagstilar och några filter.
    Anderson Luiz
    Texteffekter