Slik lager du en knasrende tegneserie-teksteffekt i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter en redigerbar, knasker tekst-effekt i Adobe Illustrator.

For det første lærer du hvordan du lager ditt eget mønster med utgangspunkt i et innebygd mønster. Deretter lærer du å lage teksteffekten ved å bruke et enkelt stykke tekst og Utseendepanelet. Mens du legger til små krummer rundt teksten, lærer du hvordan du enkelt lagrer og bruker grafiske stiler. Til slutt lærer du hvordan du subtilt justerer teksten og hvordan du legger til en enkel bakgrunn for det endelige designet.

For mer inspirasjon om hvordan du justerer eller forbedrer din endelige teksteffekt, kan du finne mange ressurser på GraphicRiver.

Hva du trenger

Du trenger følgende ressurs for å fullføre dette prosjektet:

  • Knicknack skrift

1. Hvordan lage et nytt dokument og sette opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i breddeboksen og 500 i høydeboksen, og klikk deretter på det Flere innstillinger knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter.

2. Hvordan lage og lagre et mønster

Trinn 1

Åpne utfluktmenyen fra fargeprøver panelet (Vindu> Stikkord) og gå til Åpne Swatch Library> Mønster> Grunnleggende grafikk> Grunnleggende Graphics_Textures. Velg USGS 22 Grave Beach mønster og bare dra det på tavla.

Steg 2

Velg en av de sorte kretsene som utgjør ditt importerte mønster og gå til Velg> Samme> Fyll farge for å velge alle former med en svart fylling. Bare erstatt den svarte med R = 140 G = 67 B = 23.

Trinn 3

Velg alle figurene som lager mønsteret ditt og bare dra dem inn i fargeprøver panelet for å lagre dem som et nytt mønster.

3. Hvordan lage teksteffekten

Trinn 1

Velg Typeverktøy (T) og åpne Karakter panelet (Vindu> Type> Tegn). Velg Knicknack-skrifttypen, og sett størrelsen til 170 px og sporing til 50.

Klikk på tavla og legg til tekststykket ditt som vist nedenfor. Gjør det svart, for nå.

Steg 2

Velg tekst, fokus på fargeprøver panelet (Vindu> Stikkord), og klikk på det [Ingen] swatch for å fjerne den svarte tekstfargen.

Flytt til Utseende panelet (Vindu> Utseende) og legg til en ny fylling ved hjelp av Legg til ny fylling knapp. Velg den nye fyllingen og sett fargen til R = 253 G = 243 B = 188.

Trinn 3

Pass på at teksten forblir valgt, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp.

Velg denne nye fyllingen, sett fargen til R = 255 G = 188 B = 53, og gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning, klikk OK, og gå til Effekt> Distort & Transform> Transform. Skriv inn attributene vist under, klikk OK, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i følgende bilde og klikk OK.

Trinn 4

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en tredje fylling og velg den.

Sett fargen til R = 210 G = 96 B = 12 og gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning, klikk OK, og gå til Effekt> Distort & Transform> Transform. Skriv inn attributene vist under, klikk OK, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i følgende bilde og klikk OK.

Trinn 5

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en fjerde fyll og velg den.

Sett fargen til R = 255 G = 188 B = 53 og gå til Effekt> Path> Offset Path. Skriv inn en -2 px forskyvning, klikk OK, og gå til Effekt> Distort & Transform> Transform. Skriv inn attributene vist under, klikk OK, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i følgende bilde og klikk OK.

Trinn 6

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en femte fyll og velg den.

Bruk mønsteret ditt fra fargeprøver panel og deretter gå til Effekt> Distort & Transform> Transform. Skriv inn attributter som er vist under og klikk OK.

Trinn 7

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en sjette fylle og velg den.

Påfør USGS 21 intrikate overflate mønster fra Grunnleggende Graphics_Textures panel, endre Blandingsmodus til Mykt lys, og gå til Effekt> Distort & Transform> Transform. Skriv inn attributter som er vist under og klikk OK.

Trinn 8

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til en syvende fylling og velg den.

Sett fargen til R = 140 G = 67 B = 23, endre dens Blandingsmodus til Mykt lys, og gå til Effekt> Path> Offset Path. Skriv inn en -3 px forskyvning, klikk OK, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i det følgende bildet, klikk OK, og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn attributter som er vist under og klikk OK.

Trinn 9

Pass på at teksten fortsatt er valgt, fortsett å fokusere på Utseende panel, og velg strekk.

Sett fargen til R = 210 G = 96 B = 12, øke Vekt til 3 px, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i følgende bilde og klikk OK.

Trinn 10

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Legg til et nytt slag ved hjelp av Legg til nytt slag knappen og velg den.

Sett fargen til R = 103 G = 22 B = 1, senk Vekt til 1 px, og gå til Effekt> Forvreng og transformer> Roughen. Skriv inn innstillingene som vises i følgende bilde og klikk OK.

Trinn 11

Pass på at teksten din fortsatt er valgt og fortsett å fokusere på Utseende panel. Velg hele teksten (klikk på 'Type' delen fra toppen av panelet) og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i vinduet øverst til venstre (i det følgende bildet), klikk OK, og bruk deretter de andre fire Drop Shadow effekter vist nedenfor.

4. Hvordan lagre en stil og legg til noen krummer

Trinn 1

Pass på at teksten fortsatt er valgt, åpne Grafiske stiler panelet, og klikk på Ny grafisk stil knapp.

Steg 2

Pass på at teksten din fortsatt er valgt og velg Touch Type Tool (Shift-T). Klikk på det første tegnet fra teksten, og bruk rundhåndtaket som ligger over det valgte tegnet for å rotere det som vist i bildet nedenfor.

Trinn 3

Bruk det samme Touch Type Tool (Shift-T) å rotere de andre seks tegnene omtrent som vist i de følgende bildene.

Trinn 4

Bruker Pennverktøyet (P) eller Penselverktøy (B), Tegn noen små figurer rundt teksten, omtrent som vist i det første bildet. Disse nye figurene vil være krummer. Velg alle disse figurene og bruk bare stilen din fra Grafiske stiler panel.

5. Hvordan lage en bakgrunn

Trinn 1

Velg Rektangelverktøy (M) og opprett en 860 x 510 px form. Fyll dette rektangelet med R = 253 G = 243 B = 188, send det til baksiden (Shift-Control-[), og sørg for at den dekker hele tavla.

Steg 2

Pass på at rektangelet fortsatt er valgt, fokus på Utseende panel, og legg til en ny fylling. Velg den og bruk den radiale gradienten som vises nedenfor. Bruke Gradient Tool (G) å strekke gradienten din som vist i det følgende bildet.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter. Ikke nøl med å dele ditt endelige resultat i kommentarfeltet.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre design.