Drawing Mushroom In Illustrator


I haven't done a tutorial in a while so I decided to do one for a change. This tutorial is about drawing mushroom in illustrator. Its very simple. and takes about 10 minutes. I've used Illustrator CS3, but I don't think there are any problems if you use some of the later versions. If you are ready lets begin.

Step 1) The first step is to create a new canvas. It doesn't have to be massive, but make it a good size. About 500 x 500 pixels is best.

Step 2) Use the ellipse path tool (L) and draw a squashed circle. Have a really thick stroke. About 10-20px depending on the size of your circle. Set the fill to nothing. All of the fills will be nothing unless stated.

Step 3) Use the rounded rectangle tool to draw the body of the mushroom. Use the up and down arrows to change the curve of the corners.

Step 4) Open the path finder palette (Window > Pathfinder) select the two lines, press "Add to Shape Area" and then expand. This will merge the lines and then make them into one line. You get the following shape. Tweak it using the Direct Selection Tool (A) to adjust the points if you need a better shape.

Step 5) Use the pen tool and draw a curved line across the shape. The best method to complete this is to first click on the left hand side of the shape, then click on the right hand sides. Then drag the mouse with the button press down to adjust the shape. The stroke wants to be a lot less than the thick edge.

Step 6) To add the eyes, select the Ellipse Tool (L) set the fill to black and the stroke none and draw the eye shape. Copy and paste for the other eye.

Step 7) This is the most fun part in my opinion. Create a new layer underneath the drawing layer. This, for the uninformed, is done through the Layers palette (Windows > Layers) and then select new layer from the rows of icons at the bottom of the palette.

On this new layer select the pen tool set the stroke to none and the fill to #FFFEF5. Draw points to make sure you fill in the area. It doesn't have to be precise, but it does need to be filled.

Step 8) Do the same method again to produce the shadow but change the fill to #E2E2D7. Make sure you take time to make a good curve.

Step 9) Using the same technique as mentioned draw around the head part of the shape. I was going to show a screen shot of this, but its white so there isn't anything the see. This step is used for when a background is added.

Step 10) Draw another shadow for the head part. Use colour value #DBDBDB, this is more grey . The other shadow was tinged slightly with a bit of yellow.

Step 11) No deadly mushroom would be anything with out deadly mushroom spots. Set a fill to #A80909 and use the ellipse tool once again to draw on some circles. Go over the lines and make them different sizes. Sqaush a couple of them to add a bit of perspective.

Step 12) Copy the outside line from the drawing and paste it into the colour layer. This is very important. Line it up. Then select all of the circles except the one in the middle.

Step 13) Use the Crop button in the path finder palette to remove the parts that are not needed. You need the extra line otherwise it can cause loads of problems.

Step 14) Copy the coloured area and paste it onto the artboard. Select the last remaining circle and the copied bottom colour and select the minus back option from the path finder. If this doesn't work (it doesn't some times) play about the the layer order or one of the other options.

For mushroom is done.

If you are a bit bored you can play about with a background. I've made a swoosh effect but using the path tool and colouring in the shapes. For the text I have added some normal text and then added a 3D effect using the 3D effects option in the Effects drop down menu.

I hope you like. Please leave a comment with your suggestions and if you need any help.


A said...

nice, but i think live paint is an easier way to do it, at least, that's what i did

webmaster said...

I couldn't do tutorial: where is "Add to Shape Area"

James Powell said...

It under the pathfinder palette, the first icon on the top row.

Dan said...

I completed this tutorial making my own custom colors. I'm new to Illustrator and can't seem to find where you manually put in web code colors.

Mememe said...

Nice Tutorial. I didn't understand the pathfindger part, but somehow managed to make it work, visually.