Slik lager du en tegneserie-tekst-effekt i Adobe Photoshop

Hva du skal skape

Denne opplæringen vil vise deg hvordan du lager en kule utseende tegneserie-blekktekst-effekt ved hjelp av Photoshops lagstiler, filtre og automatisk søkt tilpassede børster. 

Denne tekst-effekten er basert på Comic Book Ink Actions fra Envato Market. Handlingen omformer hvilken som helst tekst eller form til tegneserie-stil i høyoppløselig 300 dpi med mulig fargekonfigurasjon.

Tegneserie blekkhandlinger - 300 DPI

Tutorial Assets

Følgende ressurser ble brukt under denne opplæringen:

  • HVD Comic Serif font
  • Pensler, mønster og bakgrunn

1. Hvordan sette bakgrunnen for handlingen

Åpne Adobe Photoshop, gå til Fil> Åpne, og velg papir-background.jpg.

2. Slik installerer du mønsteret og børster

Trinn 1

Gå til Rediger> Forhåndsinnstillinger> Forhåndsinnstilt administrasjon ... I Forhåndstiltype, å velge Patterns, og klikk deretter Laste… og velg Tegneserie-ink-pattern.pat.

Steg 2

Gå til Rediger> Forhåndsinnstillinger> Forhåndsinnstilt administrasjon ... I Forhåndstiltype, å velge Børster, og klikk deretter Laste… og velg Tegneserie-ink-brushes.abr.

3. Hvordan lage tekstlagene

Trinn 1

Velg Typeverktøy (T) og skrive "KOMISK", og trykk deretter nøkkelen Tast inn og skrive "BOK". Velg HVD Comic Serif font og deretter gå til Vindu> Tegn og sett Størrelse til 225 pt, sporing til -50, og ledende til 183 pt. Så gå Vindu> Stykke og velg Sentertekst.

Steg 2

Gå til Skriv> Varseltekst, og sett Stil til Bue og Bøye til +5%. Klikk OK.

Trinn 3

Du vil nå utarbeide tekstlag for den stilen du vil bruke. For å gjøre det, må du først gå til Lag> Smart Object> Konverter til Smart Object og deretter gå til Layer> Duplicate Layer ... og navnet på laget "COMIC BOOK 2". Gjenta dupliseringen til du har opprettet en "COMIC BOOK 5" lag.

4. Hvordan styler det første tekstlaget

Velg laget "TEGNESERIE" og dobbeltklikk dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%

Steg 2

Legg til en Bevel og Emboss med disse innstillingene:

  • Stil: Innvendig misjon
  • Teknikk: Glatt
  • Dybde: 209%
  • Retning: Opp
  • Størrelse: 21 px
  • myke opp: 4 px
  • Fjern merket for Bruk Global Light eske
  • Angle: 0
  • Høyde: 30
  • Glanskontur: Cove - Deep
  • Undersøk Anti-alias eske
  • Høydepunktsmodus: Lineær Brenne med farge # 000000
  • Fremhevsmodus - Opasitet: 20%
  • Skyggemodus - Opasitet: 0%

Trinn 3

Legg til en Kontur med disse innstillingene:

  • Kontur: Ring - Dobbel
  • Undersøk Anti-alias eske
  • Område: 100%

Trinn 4

Legg til en Indre glød med disse innstillingene:

  • opacity: 100%
  • Farge: # ffffff
  • Teknikk: mykere
  • Kilde: Kant
  • Kvele: 100%
  • Størrelse: 4 px
  • Undersøk Anti-alias eske

Trinn 5

Legg til en Satin stil med disse innstillingene:

  • Farge: # 5fbd13
  • opacity: 100%
  • Angle: 0
  • Avstand: 10 px
  • Størrelse: 5 px
  • Undersøk Anti-alias eske

Trinn 6

Legg til en Fargeoverlegg med disse innstillingene:

  • Blandingsmodus: Multiplisere
  • Farge: # 92b506
  • opacity: 24%

Trinn 7

Legg til en Mønsteroverlegg med disse innstillingene:

  • opacity: 50%
  • Mønster: Tegneserie-ink-mønster

Klikk OK.

5. Slik legger du til et filter for det første tekstlaget

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Antall generatorer: 5
  • bølgelengde: Min. 36 Maks. 44
  • amplitude: Min. 16 Maks. 17
  • Scale: Horisontal. 3% vert. 3%
  • Type: Sine
  • Udefinerte områder: Wrap Around

Klikk OK.

6. Hvordan stil det andre tekstlaget

Velg laget "COMIC BOOK 2" og dobbeltklikk deretter på dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%

Steg 2

Legg til en Indre skygge med disse innstillingene:

  • Farge: # 000000
  • Fjern merket for Bruk Global Light eske
  • Angle: -74
  • Avstand: 5 px
  • Kvele: 61%
  • Størrelse: 4 px
  • Undersøk Anti-alias eske

Trinn 3

Legg til en Ytre glød med disse innstillingene:

  • opacity: 100%
  • Farge: # 000000
  • Teknikk: mykere
  • Spredt: 86%
  • Størrelse: 1 px
  • Undersøk Anti-alias eske
  • Område: 15%

Klikk OK.

7. Slik legger du til et filter for det andre tekstlaget

Trinn 1

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Antall generatorer: 5
  • bølgelengde: Min. 36 Maks. 44
  • amplitude: Min. 16 Maks. 17
  • Scale: Horisontal. 3% vert. 3%
  • Type: Sine
  • Udefinerte områder: Wrap Around

Klikk OK.

Steg 2

Gå til Lag> Smart Object> Konverter til Smart Object.

8. Hvordan stil det tredje tekstlaget

Velg laget "COMIC BOOK 3" og dobbeltklikk deretter på dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%

Steg 2

Legg til en Fargeoverlegg med disse innstillingene:

  • Blandingsmodus: Multiplisere
  • Farge: # bbf100
  • opacity: 52%

9. Slik legger du til filtre for det tredje tekstlaget

Trinn 1

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Antall generatorer: 1
  • bølgelengde: Min. 236 Maks. 237
  • amplitude: Min. 13 Maks. 21
  • Scale: Horisontal. 38% vert. 28%
  • Type: Sine
  • Udefinerte områder: Wrap Around

Klikk OK.

Steg 2

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Beløp: 150%
  • Størrelse: Stor

Klikk OK.

10. Hvordan stil det fjerde tekstlaget

Velg laget "COMIC BOOK 4" og dobbeltklikk deretter på dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%

Steg 2

Legg til en Fargeoverlegg med disse innstillingene:

  • Blandingsmodus: Multiplisere
  • Farge: # 7be300
  • opacity: 63%

11. Slik legger du til filtre for det fjerde tekstlaget

Trinn 1

Gå til Filter> Forvreng> ZigZag ... og bruk disse innstillingene:

  • Beløp: 2
  • rygger: 9
  • Stil: Rundt senter

Klikk OK.

Steg 2

Gå til Filter> Forvreng> Ripple ... og bruk disse innstillingene:

  • Beløp: -166%
  • Størrelse: Stor

Klikk OK.

Trinn 3

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Antall generatorer: 5
  • bølgelengde: Min. 97 Maks. 120
  • amplitude: Min. 5 Maks. 25
  • Scale: Horisontal. 11% vert. 11%
  • Type: Sine
  • Udefinerte områder: Gjenta kantpiksler

Klikk OK.

12. Hvordan utforme det femte tekstlaget

Velg laget "COMIC BOOK 5" og dobbeltklikk deretter på dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%

Steg 2

Legg til en Mønsteroverlegg med disse innstillingene:

  • Blandingsmodus: overlegg
  • opacity: 100%
  • Mønster: Tegneserie-ink-mønster

Trinn 3

Legg til en Ytre glød med disse innstillingene:

  • Farge: # 000000
  • Teknikk: mykere
  • Spredt: 80%
  • Størrelse: 1 px
  • Undersøk Anti-alias eske
  • Område: 54%

Klikk OK.

13. Hvordan legge til filtre for det femte tekstlaget

Gå til Filter> Forvreng> Bølge ... og bruk disse innstillingene:

  • Antall generatorer: 5
  • bølgelengde: Min. 24 Maks. 79
  • amplitude: Min. 8 Maks. 10
  • Scale: Horisontal. 11% vert. 1. 3%
  • Type: Sine
  • Udefinerte områder: Gjenta kantpiksler

Klikk OK.

Dette er resultatet etter at du har brukt alle stiler og filtre til tekstlagene.

14. Hvordan lage lag for børster

Du vil lage syv tomme lag for penslene. For å gjøre det, kan du bruke ett av alternativene nedenfor.

Valg 1: Klikk på Lag nytt lag knappen nederst på din lag panelet syv ganger, og dobbeltklikk deretter hvert lags navn for å gi nytt navn til lagene til "Pensel 1", "Børste 2", og så videre. 

Alternativ 2: Gå til Lag> Nytt> Lag ... og sett navnet til "Pensel 1", og gjenta dette trinnet og stopp med laget "Børste 7".

15. Hvordan bruke første pensel

Trinn 1

Velg "Pensel 1" lag og hold nede Styre tast og klikk på miniatyrbildet av "TEGNESERIE" lag for å gjøre et valg.

Steg 2

Gå til Vindu> Stier og klikk på Lag arbeidsbane fra utvalg knappen nederst på siden Paths panel.

Trinn 3

Gå nå til Vindu> Pensler og velg Store prikker børste, og deretter HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Tips: Hver gang du gjør dette trinnet, blir resultatet annerledes. Så hvis du ikke liker børstresultatet, kan du holde nede Styre tast og trykk på Z nøkkel for å angre dette trinnet, og gjenta deretter strekkbanen.

Trinn 4

Mens "Pensel 1" lag er valgt, hold nede Styre nøkkel og klikk på miniatyrbildet av "TEGNESERIE" lag for å gjøre et valg igjen, og deretter gå til Lag> Lagermask> Skjul utvalg å bruke valget som en maske for "Pensel 1" lag.

16. Hvordan styler det første børste laget

Velg laget "Pensel 1" og dobbeltklikk dette laget for å bruke følgende lagestil:

Trinn 1

Sett Blandingsalternativer:

  • Fyll Opacity: 0%
  • Undersøk Lagsmaske skjuler effekter eske

Steg 2

Legg til en Indre skygge med disse innstillingene:

  • Farge: # 000000
  • Fjern merket for Bruk Global Light eske
  • Angle: -90
  • Avstand: 3 px
  • Kvele: 48%
  • Størrelse: 0 px
  • Undersøk Anti-alias eske

Trinn 3

Legg til en Ytre glød med disse innstillingene:

  • Farge: # 000000
  • Teknikk: mykere
  • Spredt: 49%
  • Størrelse: 1 px
  • Undersøk Anti-alias eske
  • Område: 15%

Klikk OK.

Dette er resultatet med den første penselen påført.

17. Hvordan bruke den andre penselen

Trinn 1

Velg "Børste 2" lag.

Gå til Vindu> Pensler, velg Store prikker børste og sett Størrelse til 35 px. Deretter HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Steg 2

Mens "Børste 2" lag er valgt, hold nede Styre nøkkel og klikk på miniatyrbildet av "TEGNESERIE" lag for å gjøre et valg, og deretter gå til Lag> Lagermask> Skjul utvalg å bruke valget som en maske for "Børste 2" lag.

Dette er resultatet med den andre penselen påført.

18. Hvordan bruke den tredje penselen

Trinn 1

Velg "Børste 3" lag.

Gå til Vindu> Pensler, velg Små prikker børste, og så HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Steg 2

Dobbeltklikk laget "Børste 3" for å åpne lagestilvinduet. I Blandingsalternativer tab, hold nede og flytt venstre håndtak av Underliggende lag alternativ til 120, og hold nede alt tast og klikk og hold høyre side av dette håndtaket. Flytt denne delen av håndtaket til 200, og klikk OK.

Dette er resultatet med den tredje penselen som er påført.

19. Hvordan bruke den fjerde penselen

Trinn 1

Velg "Børste 4" lag.

Gå til Vindu> Pensler, velg Store linjer børste, og så HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Steg 2

Dobbeltklikk laget "Børste 4" for å åpne lagestilvinduet. I Blandingsalternativer tab, hold nede og flytt venstre håndtak av Underliggende lag alternativ til 120, og hold nede alt tast og klikk og hold høyre side av dette håndtaket. Flytt denne delen av håndtaket til 200, og klikk OK.

Dette er resultatet med fjerde børste påført.

20. Hvordan bruke den femte børsten

Trinn 1

Velg "Børste 5" lag.

Gå til Vindu> Pensler, velg Små dråper børste, og så HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Steg 2

Dobbeltklikk laget "Børste 5" for å åpne lagestilvinduet. I Blandingsalternativer tab, hold nede og flytt venstre håndtak av Underliggende lag alternativ til 120, og hold nede alt tast og klikk og hold høyre side av dette håndtaket. Flytt denne delen av håndtaket til 200, og klikk OK.

Dette er resultatet med den femte børsten påført.

21. Hvordan bruke den sjette penselen

Trinn 1

Gå til Vindu> Stier, velg Arbeidsvei lag, og klikk på Last inn banen som et utvalg knapp. Så gå til Velg> Endre> Kontrakt ... og sett Kontrakt Av til 6 px og treffer OK. Til slutt, gå tilbake til din Paths panelet og klikk på Lag arbeidsbane fra utvalg knapp.

Steg 2

Velg "Børste 6" lag.

Gå til Vindu> Pensler, velg Små linjer børste, og så HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Trinn 3

Dobbeltklikk laget "Børste 6" for å åpne lagestilvinduet. I Blandingsalternativer tab, hold nede og flytt venstre håndtak av Underliggende lag alternativ til 120, og hold nede alt tast og klikk og hold høyre side av dette håndtaket. Flytt denne delen av håndtaket til 200, og klikk OK.

Dette er resultatet med den sjette børsten påført.

22. Hvordan bruke den syvende penselen

Trinn 1

Velg "Børste 7" lag, hold nede Styre nøkkel, og klikk på miniatyrbildet av "TEGNESERIE" lag. Deretter holder du nede Styre og alt nøkler og klikk på miniatyrbildet av "COMIC BOOK 2" lag for å gjøre et valg.

Steg 2

Gå til Velg> Endre> Kontrakt ... , sett Kontrakt Av til 3 px, og treffer OK. Så gå til Vindu> Paths og klikk på Lag arbeidsbane fra utvalg knapp.

Trinn 3

Gå til Vindu> Pensler, velg Dobbel linjer børste, og så HøyreklikkArbeidsvei lag i din Paths panelet og velg Stroke Path ... fra menyen. Å velge Verktøy: Børste, fjerne merket av Simulere trykk knappen, og klikk OK.

Trinn 4

Dobbeltklikk de "Børste 7" lag for å åpne lagestilvinduet. I Blandingsalternativer tab, hold nede og flytt venstre håndtak av Underliggende lag alternativ til 120, og hold nede alt tast og klikk og hold høyre side av dette håndtaket. Flytt denne delen av håndtaket til 200, og klikk OK.

Gratulerer! Du er ferdig!

I denne opplæringen lærte du hvordan du bruker lagestiler, filtre og tilpassede børster for å lage en tegneserie-tekst-effekt i Adobe Photoshop.

Vi startet ved å lage vår tekst, og deretter brukte vi lagstiler og -filtre på våre tekstlag, og til slutt la vi til forskjellige tilpassede børster.

Jeg håper du har hatt denne opplæringen. Vær så snill å legge igjen dine kommentarer, forslag og utfall nedenfor. Denne tekst-effekten vi nettopp har opprettet, er inspirert av Comic Book Ink Actions - 300 DPI, som automatisk vil bruke tegneserie-effekten til enhver tekst eller form i høy oppløsning.

Tegneserie blekkhandlinger - 300 DPI