[Video] How to Create 3D text in Adobe Illustrator | With Template

how to create 3d text in illustrator

How to Create 3D text in Adobe Illustrator

It’s no secret that gradients help your design stand out. But what about adding one to text? Sometimes that can fall flat and leave a lot to be desired. Well look no further! We’ve got you covered.

In today’s tutorial we’re breaking down three easy steps to turn any illustrator path into a unique 3D piece of art! This trick is super simple and can be used in just about any scenario. Follow along with this blog or watch our designer Matt as he walks you through the process. Be sure to stick around to the end for a BONUS TIP!



Before we get started download our free template below:

How to Create 3D Text


Step One:

how to create 3d text in illustrator


Create two circles and fill them with unique fills. Select both circles, then drop down the Object window, choose blend, make blend. You may need to open the Blend Options panel in order to add more steps in between your circles to make it more seamless.


Step Two:

how to create 3d text in illustrator


Create the strokes that you would like to replace with the effect. In our example we’ve drawn three simple letters (RSD) to demonstrate the function. We’ve also made the blend gradient smaller so that it does not make my letters hard to read in the end result. It’s also important to note here that you will need a separate blend gradient for each path you want to blend with.


Step Three:

how to create 3d text in illustrator


On to our last step. Select one of your paths, shift click and select one of your blend copies. Now drop down the Object menu, select Blend, Replace Spine. Again, here you may need to adjust the blend values in the Blend Options panel to achieve the look you are going for. Repeat this step across all of your paths.


Bonus Step:

how to create 3d text in illustrator


You can also use the Distort & Transform function to add a bit more texture. Once you’ve added your blend to all of your paths, select everything and visit the Effect drop down menu. From there select Distort & Transform, Roughen. The Roughen Options panel will open, allowing you to adjust the values as needed.


That’s all there is to it! Give it a try and let us know what you think. If you happen to use it, tag us in the result! We love to see what you all can do and how creative you can be. If you found this tutorial helpful please visit our YouTube channel and give the video a thumbs up. Subscribe for more content like this and let us know what you’d like to see next!

Red Shark Digital is a superior full-service digital marketing agency that specializes in Web Design, SEO, Branding, and Digital Advertising. With offices across North Carolina including Raleigh, Greenville, and Wilmington, our team of digital marketing specialists are able to create catered solutions for your business needs. Our clients have allowed us to push the boundaries of web and creative design, while building innovative results for their company and their brand. These clients have encompassed multiple industries including higher education, healthcare, and major commercial franchises. Our wide range of clientele has allowed us to craft specialized strategies for businesses of all sizes while conveying our knowledge across a variety of platforms. We always strive to connect brands to customers, learn what we can do for your business today.

Join Our Newsletter