Adobe Illustrator Very Simple Tutorial: Making a 3D Hat

Adobe Illustrator






About 4 years ago, my wife and I went to Vancouver, Canada. We had her dog with us. After visiting a museum, we arrived at a park. And we took vacation photos in front of old sculpture. That’s when something terrible happened.

My wife screamed and said “Oh, no, no, no, NO!” What has he done this time? The dog peed on the foot of the sculpture. A week before, he ate my lunch pizza and tore my pillow. I couldn’t take it any more. I had no choice. I told my wife to close her eyes so that I could punish him physically. But I couldn’t do it. I’m always nice to animals and didn’t want to hurt my reputation. My wife suggested that we leave him a present. “Give him what?,” I said. She said that he could use my hat. Why mine!? Oh, well… I got MacBook out of my backpack and launched Adobe Illustrator CS2. In a matter of 5 minutes or so, I created a hat and gave it to him.. Once he looked angry, but he then smiled again.

The following tutorial shows simple steps to create a 3D hat with Adobe Illustrator CS2. The photo used in this tutorial comes from FreePhotosBank.





  1. First, create a star shape with 5 points. The bottom two points must lie on the same horizontal grid. Make sure you hold down the Shift Key while making a star shape.
  2. Using Scissors Tool, cut off the bottom part below right and left wings.
  3. Connect the bottom two anchor points with Pen Tool.
  4. Use Direct Selection Tool to relocate the anchor point at the bottom left and another as shown in the 3rd screenshot. You probably want to adjust all anchor points so that all lines except the vertical line to the left will become non-linear and look more realistic. And you should pick the fill color by this time. The RGB code of the fill color we are using is #A1E2E0.
  5. While the shape is active, choose 3D > Revolve > under Effects. Adjust angles and work on shade.
  6. If you are going to import the shape to Photoshop, you may want to apply Brush Strokes > Accented Edges and then lower saturation a little bit.





Adobe Illustrator tutorial Adobe Illustrator tutorial Adobe Illustrator tutorial


Adobe Illustrator tutorial Adobe Illustrator tutorial Adobe Illustrator tutorial





Illustrator CS2 is a product of Adobe Systems Incorporated.

Leave a Reply

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

Notify me of followup comments via e-mail. You can also subscribe without commenting.