By Design Bundles
13 Oct 2017
2 Mins

Gradient Stroke Text Effect in Illustrator

1 – In Illustrator create a New Document and add some text and choose a font.

2 – Set the Fill and Stroke of your text to None.

3 – Select your text, open the “Appearance Panel” menu (top left menu button) and choose “Add New Fill”. Repeat this so you end up having two Fills in the “Appearance Panel”.

4 – Select the second fill in the “Appearance Panel” and go to Effect > Path > Offset Path and enter the size you want your stroke to be. (contorno en el second fill)

5 - Change the Offset Fill to a gradient.

6 – This treatment lets you change your text settings. Double click on the Offset Path to modify your stroke.

7 – Now, let’s change the change the color of the gradient. You can play with it and even add some transparency by lowering the Opacity of some of the gradient colors.

8 – To change the Fill of your text choose the first fill in the “Appearance Panel” and do it there. Don’t forget to select your text first.

9 – Here’s the text we created.

6 Related Illustrator Tutorials

Plastic Text Effect in Illustrator

For this Tutorial, we are using the font Beach.1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” and draw a rectangle that overlaps your “Artboard”. Use black as “Fill” color and none as “Stroke” color.3 - In the “Appearance” Panel select the “Fill”, click on the “...

Glitch Text Effect in Illustrator

For this tutorial, we will use a “Glitch” Background image and the Font “Moscow”.1 - In Illustrator, create a “New Document”. If the “Rulers” are not enabled, go to View > Rulers > Show Rulers (Command/Control + R) to turn them ON. Also, enable “Snap to Grid” (View > Snap ...

How to Gradient Fill Text in Adobe Illustrator

In this tutorial, you will learn how to fill text with a gradient in Adobe Illustrator. This can be a really effective way to lift your designs and give them a new dimension!Step 1 - Create Your TextStart by selecting the Type tool (T). Click anywhere on your artboard and ...

Neon Text Effect in Illustrator

1 - In Illustrator, create a New Document or Open an existing one. Select the “Rectangle Tool” then click and drag to draw a rectangle that covers your entire artboard. Set the Fill color to black and the Stroke color to none.2 - Select the “Type Tool” (T) type your text ...

Repeating Outline Text Effect in Illustrator

For this tutorial we are using the Free Font “Wask New” from Vasilis Skandalos.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Wask New”) and type your text. Use Black as “Fill” color.3 - Right-click on top of it and ...

Overlapping Shaded Text Effect in Illustrator

For this tutorial, we will use “Pricedown” Free Font by “Typodermic”.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Pricedown”) and type your text.3 - Right-click on top of your text and choose “Create Outlines”. Then, right-click on top again ...