How To Create Biscuit Text Effects In Adobe Illustrator

For beginners, you will learn how to create your own template starting from the built-in template. Next, using a simple text and Appearance panel, you’ll know how to create text effects. While adding small crumbs around your text, you’ll also know how to easily save and use graphic styles. Finally, you will learn how to fine-tune text and how to add a simple background to the final design.

What you need

You will need the following resources to complete this project:

1. How to create a new document and set up Grid Grid

Press Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 into the width box and 500 in the height box, then click the More Settings button. Select RGB for Color Mode , set Raster Effects to Screen (72 ppi) , then click Create Document .

Don’t forget to set the measurement unit to pixels from Edit>Preferences>Units.

2. How to create and save templates 

Step 1

Open the fly-out menu from the table Swatches (Window> Swatches) and go to Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures . Select the USGS model 22 Grave Beach and just drag it onto your drawing.

 Step 2

Select one of the black circles to create your imported pattern and go to Select> Same> Fill Color to select all the colored shapes that are in black. Simply replace the color black with R = 140 G = 67 B = 23.

 Step 3

Select all the shapes that make up your template and simply drag them into the Swatches panel to save them as new templates.

3. How to create text effects

Step 1

Select the Type tool (T) and open the Character panel (Window> Type> Character) . Select the Knicknack fontand set the size to 170 px and tracking to 50 .

Click on the drawing and add your text as shown below. Currently it makes it black.

 Step 2

Select your text, navigate to the Swatches panel (Window> Swatches) and click the [None] color palette to delete the black text color.

Go to the Appearance panel (Window> Appearance) and add a new fill color using the Add New Fill button .Select a new fill color and set this color to R = 253 G = 243 B = 188 .

 Step 3

Make sure your text is still selected, navigate to the Appearance panel , and add the second fill color using the Add New Fill button .

Select this new fill color, set the color to R = 255 G = 188 B = 53 , and go to Effect> Path> Offset Path . Enter the -2 px Offset , click OK , and go to Effect> Distort & Transform> Transform . Enter the properties shown below, click OK , and go to Effect> Distort & Transform> Roughen.

 Step 4

Make sure your text is still selected and continue to navigate to the Appearance panel . Add the third fill color and select it.

Set this color to R = 210 G = 96 B = 12 and go to Effect> Path> Offset Path . Enter the -2 px Offset , click OK , and go to Effect> Distort & Transform> Transform . Enter the properties shown below, click OK , and go to Effect> Distort & Transform> Roughen.

 Step 5

Make sure your text is still selected and continue to navigate to the Appearance panel. Add the fourth fill color and select it.

Set this fill color to R = 255 G = 188 B = 53 and go to Effect> Path> Offset Path. Enter the -2 px Offset , click OK , and go to Effect> Distort & Transform> Transform . Enter the properties shown below, click OK , and go to Effect> Distort & Transform> Roughen.

 Step 6

Make sure your text is still selected and continue towards the Appearance panel . Add the fifth fill color and select it.

Apply your template from the Swatches panel and then go to Effect> Distort & Transform> Transform.

 Step 7

Make sure your text is still selected and continue towards the Appearance panel. Add the sixth fill color and select it.

Apply the USGS 21 Intricate Surface pattern from the Basic Basic_Textures panel, change the Blending Mode to Soft Light , and go to Effect> Distort & Transform> Transform.

 Step 8

Make sure your text is still selected and continue towards the Appearance panel. Add a seventh fill color and select it.

Set this color to R = 140 G = 67 B = 23 , change the Blending Mode go to Soft Light, and go to Effect> Path> Offset Path . Enter a -3 px Offset , click OK , and go to Effect> Distort & Transform> Roughen . Enter the settings shown in the following image, click OK and go to Effect> Artistic> Film Grain.

 Step 9

Make sure that your text is still selected, continue to navigate to the Appearance panel and select the stroke.

Set this color to R = 210 G = 96 B = 12 , increase the Weight to 3 px and enter Effect> Distort & Transform> Roughen . Enter the settings shown in the following image and click OK .

 Step 10

Make sure your text is still selected and continue to navigate to the Appearance panel . Add a second stroke stroke using the Add New Stroke button and select it.

Set this color to R = 103 G = 22 B = 1 , reduce the Weight to 1 px and go to Effect> Distort & Transform> Roughen . Enter the settings shown in the following image and click OK.

 Step 11

Make sure your text is still selected and continue to the Appearance panel . Select the entire text (click on the section “Type “at the top of the panel) and go to Effect> Stylize> Drop Shadow . Enter the properties shown in the top left window (in the picture below), click OK , and then apply the four labels. application Drop Shadow others are shown below.

4. to save a style and add some crumbs

Step 1

Make sure that your text still selected, open the Graphic styles and click on New Graphic style .

 Step 2

Make Make sure your text is still selected and select Touch Type Tool (Shift-T). Click on the first letter in your word and use the circular handle above the selected character to rotate it as shown in the image below.

 Step 3

Use the Touch Type Tool (Shift-T) to rotate the other six characters almost as shown in the following images.

 Step 4

Using the Pen Tool (P) or the Brush Tool (B) , draw some small shapes around your text, almost as shown in the first image. New shapes will be crumbs. Select all these shapes and apply only your style from the Graphic Styles panel .

5. How to create a background

Step 1

Select the Rectangle Tool (M) and create a shape of 860 x 510 px. Fill this rectangle with R = 253 G = 243 B = 188 , put it behind (Shift-Control- [) , and make sure it covers your entire drawing.

 Step 2

Make sure your rectangle is still selected, navigate to the Appearance panel and add the second fill color. Select it and apply radial gradient as shown below. Use the Gradient Tool (G) to stretch your gradient as shown in the image below.

 Congratulations! You are done! 

This is how it shows. I hope you enjoy this tutorial and can apply these techniques in your future projects. Do not hesitate to share your final results in the comment section.