How To Warp Text Into Shapes with Adobe Illustrator CCHow To Warp Text Into Shapes with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-text-to-shapes-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
In this tutorial I’ll be going over some of the ways in which you can warp text into different shapes using Adobe Illustrator CC. One of the things I really love about Illustrator is how easy it is to work with and transform text into different shapes. Inkscape requires that we manually transform each individual letter, but Illustrator has some really convenient warping features built in.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
I would recommend checking out the video tutorial at the top of the page for a more immersive experience. What I’m about to go over now is pretty much just a written overview.
Warping Text Into Shapes
Illustrator allows us to warp text in two different ways — predefined shapes and custom shapes. Let’s explore this a bit further.
Make With Warp
The first way in which you can warp text into shapes with Illustrator is by using the make with warp feature. This allows you to transform your text into a series of different predetermined shapes.
Create a text object, select it, then go to Object > Envelope Distort > Make with Warp.
The Warp Options window should appear with some presets for warping your text object.
The Style drop down references all of the different shapes you an warp your text into. You can cycle through them individually if you’d like, otherwise here’s a guide I laid out that depicts how all of the different styles look…
In the Warp Options menu you’ll be prompted to choose between Horizontal or Vertical orientation. This refers to the axis on which the warp is applied. Here’s a demonstration…
For this example I’m using the Arc style. When I have Horizontal selected, it applies the effect to the horizontal axis. When I have Vertical selected, it’s applied to the vertical axis.
The rest of the settings in the Warp Options menu are pretty self-explanatory. They allow you to control the strength and intensity of the warp (for example, give the arc more or less of a bend,) as well as the position of the warp (make the peak of the arc more towards the left rather than the right, etc.)
Make With Top Object
If none of the shape presets in the warp options window provides you with your desired shape for your text, another way in which you can warp text into shapes with Illustrator is to create your own custom shape and use it as a reference for transforming your text.
The way that this feature works is quite simple. First, create your custom object, then make sure it’s raised above your text by right-clicking on it and going to Arrange > Bring to Front. Then select both the custom shape and the text object and align them on the horizontal and vertical axis.
With both objects selected, go to Object > Envelope Distort > Make with Top Object.
Here’s how it looks once the effect is applied to both a circle and a diamond shape…
As you could imagine, you can really let your creativity run wild with all of the different ways of warping text into different shapes with this feature!
Once you’ve transformed your text into a shape that you’re happy with, you’re not quite done yet. You need to finalize it by selecting it, then going to Object > Expand. This will render your text into a true vector curve that can be altered and worked with the same way you would any other object.
If you have any questions just let me know, and as always, thanks for watching!
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
You might also like
Create A Geometric Repeated Background with Adobe IllustratorCreate A Geometric Repeated Background with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/geometric-pattern-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Create Isometric Block Letters with Adobe IllustratorCreate Isometric Block Letters with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/illustrator-isometric-letters-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Create Seamless Background Patterns with Adobe Illustrator CCCreate Seamless Background Patterns with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-repeated-background-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g