1. Home
  2. Design School
  3. How to gradient fill text in Adobe Illustrator

How to gradient fill text in Adobe Illustrator

Posted on 27th March 2017

1- Open Ai.


2-  Type your text and select your font. Resize to your needs.


3- Select your text. Go to Window > Appearance. this will open the appearance panel.


4- In the Appearance panel, select the top right icon, then a new box will come up. Select Add new fill.


5- In the fill box, select the gradient you would like to use.


6-  As you can see the gradient will appear now in the text.


7-  Select the gradient tool on the left toolbox. A line will appear on your text. This is where you can adjust your gradient. You can move the little pegs on the line which changes where each colour of the gradient will start and end.


8-  You can also move the line which will change the angle of your gradient.


9- To add a border on your text, select the stroke option and then the colour you would like.


10- Next you can change the point size of the border. As you make the border thicker, it will make the gradient fill smaller.


11- To stop that from happening and keeping the gradient fill the same size click and drag on the stroke layer and drag below the fill layer. this will move it under the text so when you make the border thicker it will not affect the fill.


12-  You can now change the stroke point thicker now and the fill is still the same.

The font used is from and the font is called Luducudu

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image