Gaekon Tutorial Series: Warp Text and Fit It Into a Shape With Adobe Illustrator

I have previously given a tutorial on how to put text around a certain shape. Now, what about fixing the text into a certain shape?

For this edition of Gaekon Tutorial Series, I’m going to show you how to do that using the Envelope Distort feature in Adobe Illustrator. You can use whatever shape and font you like. You’re also free to experiment with colors. But to make things easier for all of us, I’m going to integrate my text into a shape of a building, which I will also show how to make. So without further ado, let the fun begin!

  1. Type the Word

I start this project by typing the word I want. In case you don’t know how, go to the toolbar and choose the Type Tool to write your word(s) on the artboard.

  1. Draw the Shape

I draw a shape of a building by first making a rectangle. I want the left part to be wider, so I hit the Direct Selection Tool and click the two anchor points on the very left. Drag them upward and downward respectively to make a shape like this:

Then make a smaller rectangle and arrange it to look like the picture below shows. Afterwards, go to Pathfinder > Unite.

  1. Final Stage

Put the building shape on top of the text. Select both objects, and go to Object > Envelope Distort. Later choose Make with Top Object.

Now, rotate it 90 degrees (counterclockwise) and you can add details to make it look like a real building.

Like I said before, you can put any text into any shape. You should try different colors too, and be creative with it.

However, if you’re still facing problems with your design, you can visit where you can sign up for free and start a contest to get any design you want. Whether it’s a logo, business card or web design, just tell our talented Gaekoners how you want your design to look like, and be ready to see many awesome designs coming your way.


Leave a Reply

Your email address will not be published. Required fields are marked *