Envelope Distort

1. Envelope distort is a pretty cool effect you can do in Illustrator for many logo designs, text effects, and other ways to bring your shapes and text in a stylish way. First of all I have an example here with my shapes. Let’s say that is my logo design for now.

2. Now to do an envelope distort, have the object selected (all the object you want to distort), and then go to OBJECT > ENVELOPE DISTORT and then from the menu that slides out you have about 3 different options of envelope distorts that you can use:
Make with Warp
Make with Mesh
Make with Top Object

3. The envelope warp option is where you can already choose an pre-made style in Illustrator. The dialog box you see here enables you to control the style in more detail. Play around with it.

4. Result with “Make with Warp”.

5. You can grab anchor points after you do that and adjust the warp on your own.

6. And here is my final result after anchor point adjustment.

7. Envelope mesh option is kind of like what you can do with a 3D program if you have experience in 3D. However in Illustrator it’s an mesh for 2D flat plain surfaces. The dialog box here enables you to create column and rows like a table or spreadsheet. You then take the anchor points and move it around at your own creativity.

8. “Make with object on top” is the last option you have, where you can create a distortion based on the object that is laid out on top.

9. Viola! Created it using a circle object on top of my object underneath.

10. Now in the same menu, there is an option called EDIT CONTENTS. This allows you to go back and expose the content underneath of your distortion and move the object around for your liking.

11. So again, I grab my anchor points just like the other envelope options, and adjust the anchor points respectively.

12. Now there is another menu option under the envelope distort option called expand. This allows you to expand the object as an editable object. After you EXPAND the object, make sure to UNGROUP the object to make individual objects selectable. (OR you can just use the white arrow tool and delete.) You can now go in and delete or adjust anchor points as you wish after the distortion was applied.

13. Complete result after expanding the distorted object.

21 Responses to “Envelope Distort”

  1. Bill Britt said:

    Thanks; Just beginning with Illustrator and your small tutorials are a real help in showing Illustrator’s potential.

  2. macky said:

    hi there im so thankful to have this tutorial..im new in adobe illusrtrator no idea but im just following your tutorials..it really helps a lot….thanks a lot…more power….

  3. hrmason said:

    I love these tutorials..they show you little tricks that look amazing..and act as a reminder when I forget the steps on some of these tricks.

  4. Tim said:

    Thats really is an awesome effect which i can see myself using for logo design all the time. All the other simple tutorials are all great too.

  5. sidra said:

    Thanx! i had this in my illustrator class lessons n having problems withi t , but here u really made it easy! thanx.

  6. sheehan said:

    hi chris, i tried it. wow thanks I didnt that before. so simple but elegant. wow thanks for this tute. you are a great teacher.

  7. vern said:

    great tutorials keep up the good work,thank you

  8. Dgam said:

    I haven’t really used illustrator in a while and you gave great refreshers for me. Very easy to pick up on . Thanks a bunch :)

  9. chelsie said:

    that was so ok i am in phto class o ya baby

  10. Rasulul Amin Murad said:

    this is an excellent tutorial. Thanks for this tut….

  11. AI said:

    thnxs helps alot with graphics class

  12. AI said:

    sory it messed up i had said thnx alot helps me with graphics class

  13. ryan said:


  14. Anonymous said:

    Arigato Gozaimashita from Australia

  15. David said:

    To RYAN:

    That’s because you need to select ALL the objects, not just the ellipse to do the envelope with top object (otherwise how does illustrator know what to apply the top object to! )

  16. outkast said:

    it works!
    i thought i cant do it but hoo hoo
    your tutorials rock

  17. Signo Editores said:

    Attractive component of content. I just stumbled upon your site and in accession capital to say that I get in fact loved account your weblog posts. Any way I will be subscribing for your augment or even I achievement you get entry to consistently fast.

  18. prevent breast cancer said:

    Great website. Lots of useful information here related with many kind of themes such as prevent breast cancer. I¡¦m sending it to some pals ans additionally sharing in delicious. And obviously, thanks for your effort!

  19. website said:

    Im having a teeny issue. I cant get my reader to pick-up your feed, Im using msn reader by the way.

  20. Bikash said:

    Thank u so much it is really help full

  21. Anonymous said:

    Thanks to guide Envelop tricks

  22. Anonymous said:

    Thanks to guide Envelop tricks

Leave a Reply - Need an avatar for your posts? Register here for global avatar usage.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

media temple