Hoe een crunchy cartoon-teksteffect in Adobe Illustrator te creëren

Wat je gaat creëren

In de volgende stappen leert u hoe u een bewerkbaar crunchy-teksteffect in Adobe Illustrator maakt.

Om te beginnen leer je hoe je je eigen patroon kunt maken, te beginnen met een ingebouwd patroon. Vervolgens leert u met een eenvoudig stuk tekst en het paneel Uiterlijk hoe u het teksteffect kunt creëren. Terwijl u de kleine kruimels rond uw tekst toevoegt, leert u hoe u eenvoudig grafische stijlen kunt opslaan en gebruiken. Tot slot leert u hoe u uw tekst subtiel kunt aanpassen en hoe u een eenvoudige achtergrond voor het definitieve ontwerp kunt toevoegen.

Voor meer inspiratie over het aanpassen of verbeteren van je uiteindelijke teksteffect, kun je bij GraphicRiver veel bronnen vinden.

Wat je nodig zult hebben

U hebt de volgende hulpbron nodig om dit project te voltooien:

  • Knicknack-lettertype

1. Een nieuw document maken en een raster opzetten

Raken Besturing N om een ​​nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 850 in de breedte box en 500 in het vak hoogte en klik vervolgens op dat Meer instellingen knop. kiezen RGB voor de Kleur mode, stel de Raster effecten naar Scherm (72 ppi), en klik vervolgens op Maak een document.

Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden.

2. Een patroon maken en opslaan

Stap 1

Open het fly-outmenu van de Stalen paneel (Venster> stalen) en ga naar Open Swatch-bibliotheek> Patronen> Standaardafbeeldingen> Basale grafische_structuren. Selecteer de USGS 22 Grave Beach patroon en sleep het gewoon naar uw tekengebied.

Stap 2

Selecteer een van de zwarte cirkels waaruit uw geïmporteerde patroon bestaat en ga naar Selecteer> Zelfde> Opvulkleur om alle vormen met een zwarte vulling te selecteren. Vervang gewoon het zwart door R = 140 G = 67 B = 23.

Stap 3

Selecteer alle vormen waaruit je patroon bestaat en sleep ze gewoon naar binnen Stalen paneel om ze als een nieuw patroon op te slaan.

3. Hoe het teksteffect te creëren

Stap 1

Kies het Type Tool (T) en open de Karakter paneel (Venster> Type> Teken). Selecteer het Knicknack-lettertype en stel de grootte in op 170 px en de tracking naar 50.

Klik op het tekengebied en voeg uw stuk tekst toe zoals hieronder wordt getoond. Maak het zwart, voor nu.

Stap 2

Selecteer uw tekst, concentreer u op de Stalen paneel (Venster> stalen) en klik erop [Geen] om de zwarte tekstkleur te verwijderen.

Ga naar de Verschijning paneel (Venster> Uiterlijk) en voeg een nieuwe vulling toe met behulp van de Nieuwe vulling toevoegen knop. Selecteer die nieuwe vulling en stel de kleur in R = 253 G = 243 B = 188.

Stap 3

Zorg ervoor dat je tekst geselecteerd blijft, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop.

Selecteer deze nieuwe vulling, stel de kleur in op R = 255 G = 188 B = 53, en ga naar Effect> Pad> Offsetpad. Voer een in -2 px verschuiving, Klik OK, en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in, klik op OK, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 4

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een derde vulling toe en selecteer deze.

Zet de kleur op R = 210 G = 96 B = 12 en ga naar Effect> Pad> Offsetpad. Voer een in -2 px verschuiving, Klik OK, en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in, klik op OK, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 5

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een vierde opvulling toe en selecteer deze.

Zet de kleur op R = 255 G = 188 B = 53 en ga naar Effect> Pad> Offsetpad. Voer een in -2 px verschuiving, Klik OK, en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in, klik op OK, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 6

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een vijfde vulling toe en selecteer deze.

Pas je patroon toe vanaf de Stalen paneel en ga dan naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in en klik op OK.

Stap 7

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een zesde vulling toe en selecteer deze.

Pas de USGS 21 ingewikkelde oppervlak patroon van de Basic Graphics_Textures paneel, verander de Overvloeimodus naar Zacht licht, en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de onderstaande attributen in en klik op OK.

Stap 8

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een zevende vulling toe en selecteer deze.

Zet de kleur op R = 140 G = 67 B = 23, verander zijn Overvloeimodus naar Zacht licht, en ga naar Effect> Pad> Offsetpad. Voer een in -3 px verschuiving, Klik OK, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond, klik op OK, en ga naar Effect> Artistiek> Filmgraan. Voer de onderstaande attributen in en klik op OK.

Stap 9

Zorg ervoor dat uw tekst nog steeds is geselecteerd, blijf focussen op de Verschijning paneel en selecteer de streek.

Zet de kleur op R = 210 G = 96 B = 12, verhogen Gewicht naar 3 px, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 10

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Voeg een tweede streek toe met behulp van de Nieuwe lijn toevoegen knop en selecteer het.

Zet de kleur op R = 103 G = 22 B = 1, verlaag de Gewicht naar 1 px, en ga naar Effect> Vervormen & transformeren> Opruwen. Voer de instellingen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 11

Zorg ervoor dat uw tekst nog steeds is geselecteerd en blijf focussen op de Verschijning paneel. Selecteer de volledige tekst (klik op de 'Type' sectie vanaf de bovenkant van het paneel) en ga naar Effect> Stileren> Slagschaduw. Voer de attributen in die getoond worden in het venster linksboven (in de volgende afbeelding), klik OK, en breng dan de andere vier aan Slagschaduw hieronder getoonde effecten.

4. Hoe een stijl te bewaren en wat kruimels toe te voegen

Stap 1

Zorg ervoor dat uw tekst nog steeds is geselecteerd, open de Grafische stijlen paneel en klik op de Nieuwe grafische stijl knop.

Stap 2

Zorg ervoor dat uw tekst nog steeds is geselecteerd en kies de Touch Type Tool (Shift-T). Klik op het eerste teken uit uw tekst en gebruik de ronde hendel die boven het geselecteerde teken ligt om deze te draaien zoals in de volgende afbeelding wordt getoond.

Stap 3

Gebruik hetzelfde Touch Type Tool (Shift-T) om de andere zes tekens ongeveer te roteren zoals weergegeven in de volgende afbeeldingen.

Stap 4

De ... gebruiken Pen gereedschap (P) of de Penseel (B), teken enkele kleine vormen rondom je tekst, ongeveer zoals weergegeven in de eerste afbeelding. Deze nieuwe vormen zullen de kruimels zijn. Selecteer al deze vormen en pas eenvoudig uw stijl toe vanuit de Grafische stijlen paneel.

5. Hoe een achtergrond te maken

Stap 1

Kies het Rechthoekgereedschap (M) en maak een 860 x 510 px vorm. Vul deze rechthoek met R = 253 G = 243 B = 188, stuur het naar achteren (Shift-Control- [) en zorg ervoor dat dit uw gehele tekengebied omvat.

Stap 2

Zorg ervoor dat je rechthoek nog steeds is geselecteerd, focus op de Verschijning paneel en voeg een tweede vulling toe. Selecteer het en pas de hieronder getoonde radiale gradiënt toe. Gebruik de Gradient Tool (G) om je verloop uit te rekken zoals in de volgende afbeelding.

Gefeliciteerd! U bent klaar!

Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten. Aarzel niet om uw eindresultaat te delen in de commentarensectie.

Voel je vrij om het definitieve ontwerp aan te passen en het je eigen ontwerp te maken. Je kunt bij GraphicRiver een aantal geweldige inspiratiebronnen vinden met interessante oplossingen om je ontwerp te verbeteren.