How to Make Gradient Text in Illustrator

Within the following steps, you’ll learn to add a gradient to textual content in Illustrator utilizing two completely different strategies.

What You may Study in This Gradient Textual content Tutorial

The right way to add a gradient to textual content in Illustrator by way of a non-destructive fill

The right way to add a gradient to textual content in Illustrator by way of a harmful fill

The right way to apply a gradient to a textual content define in Illustrator

For extra inspiration on the right way to modify or enhance your closing Illustrator gradient text, you will discover loads of assets at GraphicRiver.

Comply with together with us over on our Envato Tuts+ YouTube channel:

What You Will Want

You will have the next useful resource with the intention to learn to apply a gradient to textual content in Illustrator:

1. The right way to Add a Gradient to Textual content in Illustrator (Non-Harmful Fill)

Step 1

There are two strategies that you should utilize to use a gradient to textual content in Illustrator. For the primary technique, choose your textual content and go to the Look panel (Window > Look). Click on the Add New Fill button and make it possible for the newly added fill stays chosen.

Transfer to the Gradient panel (Window > Gradient) and click on the gradient thumbnail or the gradient slider to use a gradient throughout all textual content in Illustrator. As soon as you have utilized it, you may edit the gradient or the textual content as you want.

Step 2

Take a more in-depth take a look at the textual content, and you will discover a refined pixelated define. This occurs due to that authentic textual content shade which nonetheless lies beneath your gradient.

To repair this challenge, all you need to do is take away that shade. Go to the Look panel and double-click the Character button to entry the textual content settings. Click on the Fill shade wheel and take away the colour utilizing that [None] swatch. To return to the Look settings, click on the Kind button.

2. The right way to Add a Gradient to Textual content in Illustrator (Harmful Fill)

Step 1

For the second technique, choose your textual content and go to Kind > Create Outlines to show the textual content into editable vector shapes. Now, you may apply a gradient to the ensuing shapes, however the gradient can be utilized individually, on every letter form.

To use a uniform gradient on your complete textual content, it is advisable to flip your group into one vector form. Open the Pathfinder panel and click on the Unite button, after which flip the ensuing shapes right into a compound path (Object > Compound Path > Make or Management-8).

Step 2

Together with your compound path chosen, transfer to the Gradient panel (Window > Gradient) and apply a gradient throughout all of the textual content in Illustrator. As soon as you have utilized it, you may edit the gradient as you want, however not the textual content.

3. The right way to Apply a Gradient Define to Textual content in Illustrator

Step 1

You too can apply a gradient define to your textual content in Illustrator.

For those who used the primary approach to use a gradient to textual content in Illustrator, choose that textual content and easily hit the Shift-X keyboard shortcut to modify the Fill and Stroke attributes within the Look panel. Improve the stroke weight to make the define thicker.

You might need seen that the define is overlapping at some factors. This merely occurs as a result of Illustrator applies a stroke to every character. To repair this challenge and apply the define to your complete textual content, choose the Stroke from the Look panel and go to Impact > Pathfinder > Add.

Step 2

For those who used the second approach to use a gradient to textual content in Illustrator, choose that compound path and use that very same Shift-X keyboard shortcut to modify the Fill and Stroke attributes within the Look panel.

Congratulations! You are Performed!

Here is the way it ought to look. Now that you know the way so as to add a gradient to a font in Illustrator, you should utilize these methods in your future initiatives. Do not hesitate to share your closing end result within the feedback part.

You’ll find some nice sources of inspiration at GraphicRiver, with fascinating options to enhance any Illustrator gradient textual content.