Category Archives: Envelope Distort

Ma(c)th Clu(la)b

Working in Mac Lab Saturday School and today is way longer than before since the video team was shooting something. I spent my time fixing up my math poster. I would say it’s almost ready for printing. I pen-tooled everything except  the wrinkled paper texture, of course. I added a bunch of textures to the pencil as well as the eraser. I will present the finished piece to Mr. Anderson, hopefully, on Monday.


Blend Tool and Envelope/Distort Combination Tutorial Bonanza

Ok so I have you expected to see a tutorial and that’s precisely what’s on the platter. First thing I’ll mention is, this is the longest tutorial I made so far and I hope you can still managed to understand and complete these long series of steps. Second,  this tutorial will be hard if you don’t pay attention to the steps and the pictures(check the bottom) will help big time.

Requirements: Adobe Illustrator CS3/4       Knowledge of Blend Tool+Envelope/Distort+working on layers      Tutorial File(download via BOX if you want to work on it)


  1. Let’s start out with drawing a simple gradient background.
  2. Draw a small white circle in the corner and make sure it’s small.
  3. Option Drag(Alt Drag) the circle so a small gap is formed between the original circle and the other circle. Use the shortcuts Cmd+D(Ctrl+D) to duplicate the transformation again and again so more and more circles form at equal alignment. After first pushing Cmd+D, you only need to click D again and again. Make sure you’re going down or in the right direction.
  4. Now draw a square between one of the gaps between two circles and copy to its right side if your made your circles go down a line (see picture 2 ). This square will help you so you can get the same gap going into the other direction when your option dragging your circle to that direction.
  5. Now keep copying your circles so all of the square is filled. Now group all of the circles.
  6. Copy and Paste in Front (Cmd+F/Ctrl+F) the circles, then resize one while holding (option/alt) so you resize from the center. Also make the circle group black so you can distinguish it from the other circle group.
  7. Send the black circle group to the back.
  8. Now click the blend tool and blend the white circle group to the black circle group.
  9. Draw a circle from the center and add a radial gradient(the center of gradient should touch a point on the circle while the other end of the gradient touches another point on the other end of the circle)…see picture 9. Note: It is advised you work on layers so you can tell what’s what.
  10. Copy and Paste in Front the gradient circle you made. Then select both the blend and the gradient circle(make sure this one is on top of everything else).
  11. Now go to Object>Envelope Distort>Make with Top Object(Opt+Cmd+C/Alt+Ctrl+C). Now increase the size of this envelope by holding Opt/Alt to resize from the circle. Note: This should be the top most layer.
  12. Now copy this envelope and resize it so it’s smaller than the original circle. Now release the envelope by going to Object>Envelope Distort>Release.
  13. Double one of the smaller circles so you can only select that group (see picture 13) and make its opacity zero. Then drag it to the corner making sure the two corner circles(big and small one)touch…see picture 14.
  14. Now make the big outside circles-of the blend-black so it’ll have a shadow effect (see picture 15).
  15. Now select the blend and the big white circle and use envelope/distort (Opt+Cmd+C/Alt+Ctrl+C). Note: It is advised you set the whole envelope’s opacity to zero.
  16. Now make a new layer, send this envelope to that layer, and place the layer so it’s under the other envelope that has white circles. Also make sure to resize it so the shadows touch the bottom circles of white circle blend(see picture 18).
  17. Now you should get something as close as you see in picture 18.

I hope you followed this tutorial well and I will make a suggestion page so you guys can tell me what you’d like to see on my websites or whatever kinds of tutorial you guys want(please keep it about Illustrator as of now).

Pictures: 1st Picture=Picture 1, 2nd picture=Picture 2, etc.

What’s New?

Monday, I recall being motivated/inspired after seeing Craig U’s Geometric Spectrum that he made as an example to color theory so at that time, I started working on that project which I won’t reveal till later. At Period 7, I decided to also work on my Earth Day poster, touching it up a little there a little that, you get the point.

Tuesday, I basically did the same thing as in Monday but mostly working on my Color Theory Poster.

Wednesday(4/28/10), I found myself making this crazy sucker-ball object after trying some experiment with color theory. People asked me how I did that(Brandon, Omar, and Collin M.). Since they wondered how to make something like this, I decided I will post a tutorial tomorrow on making something similar(maybe exact) object in Illustrator.                    Hint: Envelope Distort.                                                                                                                                                  I also made some cool Applications icons I made for Kyle W. after he told and showed me his school iPad simulation he will test in an iPad…how ironic? But hopefully I will post what they look like during Friday. Kyle W. got a real kick when he saw me putting together a mini-iPad icon. Anyways, look forward to tomorrow for a new tutorial!

Text Distort Tip

Sorry, been a while, but let’s get rolling on this new tip. Today I will show you how to adjust your text with a simple distort option similar to the last one I did about the tire.


1. Use the text tool to write anything you want. I wrote Wave Ave. just cause we are going to do a wave like effect.

2. Draw a rectangle around the text it’s better if you don’t draw it yourself or things can’t get a little screwy just like if you’re using gradient mesh-you draw a rectangle first.

3. Select both of these and go to Object>Envelope Distort>Make with Top Object. Learn the shortcut if you want to save time.

4. Now just play around with the handle(this is way better than using type on path since you have a mix of large and small letters).

%d bloggers like this: