Hur man skapar en knäppig tecknadstext effekt i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en redigerbar, krispig texteffekt i Adobe Illustrator.

Till att börja med lär du dig hur du skapar ditt eget mönster från ett inbyggt mönster. Därefter kommer du att lära dig hur du skapar texteffekten med hjälp av en enkel text och Utseckningspanelen. Medan du lägger till de små smulorna runt din text kommer du att lära dig hur du enkelt kan spara och använda grafiska stilar. Slutligen lär du dig att subtlyjustera din text och hur du lägger till en enkel bakgrund för den slutliga designen.

För mer inspiration om hur du justerar eller förbättrar din slutliga texteffekt kan du hitta många resurser på GraphicRiver.

Vad du kommer att behöva

Du behöver följande resurs för att kunna slutföra projektet:

  • Knicknack typsnitt

1. Skapa ett nytt dokument och skapa ett rutnät

Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i breddlåda och 500 i rutan längd och klicka sedan på det Fler inställningar knapp. Välj RGB för Färg läge, ställa in Raster Effects till Skärm (72 ppi), och klicka sedan på Skapa dokument.

Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter.

2. Hur man skapar och sparar ett mönster

Steg 1

Öppna utflyttningsmenyn från rutor~~POS=HEADCOMP panel (Fönster> Färger) och gå till Öppna Swatch Library> Mönster> Basic Graphics> Basic Graphics_Textures. Välj USGS 22 Grave Beach mönster och dra det helt enkelt på din tavla.

Steg 2

Välj en av de svarta cirklarna som utgör ditt importerade mönster och gå till Välj> Samma> Fyll färg för att välja alla former med en svart fyllning. Byt ut det svarta med R = 140 G = 67 B = 23.

Steg 3

Välj alla former som utgör ditt mönster och dra dem helt enkelt inuti rutor~~POS=HEADCOMP panelen för att spara dem som ett nytt mönster.

3. Hur man skapar texteffekten

Steg 1

Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj Knicknack-teckensnittet och ställ in storleken till 170 px och spårningen till 50.

Klicka på tavlan och lägg till din text om enligt nedan. Gör det svart, för nu.

Steg 2

Välj din text, fokusera på rutor~~POS=HEADCOMP panel (Fönster> Färger) och klicka på det [Ingen] swatch för att ta bort den svarta texten färgen.

Flytta till Utseende panel (Fönster> Utseende) och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knapp. Välj den nya fyllningen och ställ in färgen till R = 253 G = 243 B = 188.

Steg 3

Se till att texten fortsätter att vara vald, fokusera på Utseende panelen och lägg till en ny fyllning med samma Lägg till ny fyllning knapp.

Välj den här nya fyllningen, sätt färgen till R = 255 G = 188 B = 53, och gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, klick ok, och gå till Effekt> Förvräng & Transformera> Transformera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Förvräng & Transformera> Roughen. Ange inställningarna som visas i följande bild och klicka på ok.

Steg 4

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och markera den.

Ställ in färgen till R = 210 G = 96 B = 12 och gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, klick ok, och gå till Effekt> Förvräng & Transformera> Transformera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Förvräng & Transformera> Roughen. Ange inställningarna som visas i följande bild och klicka på ok.

Steg 5

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en fjärde fill och markera den.

Ställ in färgen till R = 255 G = 188 B = 53 och gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, klick ok, och gå till Effekt> Förvräng & Transformera> Transformera. Ange de attribut som visas nedan, klicka på ok, och gå till Effekt> Förvräng & Transformera> Roughen. Ange inställningarna som visas i följande bild och klicka på ok.

Steg 6

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en femte fyllning och välj den.

Applicera ditt mönster från rutor~~POS=HEADCOMP panel och sedan gå till Effekt> Förvräng & Transformera> Transformera. Ange attribut som visas nedan och klicka på ok.

Steg 7

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en sjätte fyllning och välj den.

Applicera USGS 21 Invecklad yta mönster från Basic Graphics_Textures panel, ändra Blandningsläge till Mjukt ljus, och gå till Effekt> Förvräng & Transformera> Transformera. Ange attribut som visas nedan och klicka på ok.

Steg 8

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en sjunde fyllning och välj den.

Ställ in färgen till R = 140 G = 67 B = 23, ändra dess Blandningsläge till Mjukt ljus, och gå till Effekt> Path> Offset Path. Ange en -3 px Offset, klick ok, och gå till Effekt> Förvräng & Transformera> Roughen. Ange de inställningar som visas i följande bild, klicka ok, och gå till Effekt> Konstnärligt> Filmkorn. Ange attribut som visas nedan och klicka på ok.

Steg 9

Se till att texten fortfarande är vald, fortsätt fokusera på Utseende panelen och välj stroke.

Ställ in färgen till R = 210 G = 96 B = 12, öka Vikt till 3 px, och gå till Effekt> Förvräng & Transformera> Roughen. Ange inställningarna som visas i följande bild och klicka på ok.

Steg 10

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Lägg till en andra stroke med hjälp av Lägg till ny stroke knappen och välj den.

Ställ in färgen till R = 103 G = 22 B = 1, sänka Vikt till 1 px, och gå till Effekt> Förvräng & Transformera> Roughen. Ange inställningarna som visas i följande bild och klicka på ok.

Steg 11

Kontrollera att texten fortfarande är markerad och fortsätt att fokusera på Utseende panel. Välj hela texten (klicka på 'Typ' avsnitt från toppen av panelen) och gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det övre vänstra fönstret (i följande bild), klicka ok, och använd sedan de andra fyra Drop Shadow effekter som visas nedan.

4. Hur man sparar en stil och lägger till några smulor

Steg 1

Kontrollera att texten fortfarande är vald, öppna Grafiska stilar panelen och klicka på Ny grafisk stil knapp.

Steg 2

Kontrollera att texten fortfarande är markerad och välj Touch Type Tool (Shift-T). Klicka på det första tecknet från din text och använd det runda handtaget som ligger ovanför det valda tecknet för att rotera det enligt bilden nedan.

Steg 3

Använd samma Touch Type Tool (Shift-T) för att rotera de övriga sex tecknen ungefär som visas i följande bilder.

Steg 4

Använda Penverktyg (P) eller den Borstverktyg (B), rita några små former runt din text, ungefär som det visas i den första bilden. Dessa nya former kommer att vara smulorna. Välj alla dessa former och använd helt enkelt din stil från Grafiska stilar panel.

5. Hur man skapar en bakgrund

Steg 1

Välj Rektangelverktyg (M) och skapa en 860 x 510 px form. Fyll i denna rektangel med R = 253 G = 243 B = 188, skicka det till baksidan (Skift-Control- [) och se till att den täcker hela din tavla.

Steg 2

Se till att din rektangel fortfarande är vald, fokusera på Utseende panelen och lägg till en ny fyllning. Välj den och använd den radiella gradienten som visas nedan. Använd Gradient Tool (G) att sträcka din gradient som visas i följande bild.

grattis! Du är klar!

Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt. Tveka inte att dela ditt slutresultat i kommentarfältet.

Gör det fina att justera den slutliga designen och gör den till din egen. Du kan hitta några bra inspirationskällor på GraphicRiver, med intressanta lösningar för att förbättra din design.