Great Design

Welcome to Great Design. This website will look at the best designs on the internet. As well as tutorials teaching you how to produce amazing designs and get good looking results.

Create A Blob Monster in Illustrator - The Scream

Nov 4, 2007

Hey There

Over that last couple of days i've been playing around in Illustrator a lot make some basic shapes and images. One of my best creations is the Blob Monster called the scream. It is really simple to do and doesn't take long to complete. This technique can be used for nearly any type of simple shape / monster. If you are ready lets begin. You can click any of the image for there full versions.

For this tutorial you will need:

Illustrator,
About 20 minutes.

Step 1) The first step in creating our blob monster is to create the body. Use the rounded rectangle tool to create a rectangle on the page. Use the arrow keys to change the amount of rounding being applied to the corners. Set the fill to nothing or white and the stroke to black. Have a stroke setting of around 2-3 pixels.

Create A Blob Monster in Illustrator - The Scream
Step 2) The next step is to create the sucker bit at the bottom. Draw an ellipse and position appropriately. Try to centre it as much as possible. We are then going to use the pathfinder tool ( Window > Pathfinder) to change the paths of the shape. Use the add shape area, and then click expand. This will remove the paths that are crossing and then join them together to make one path. The pathfinder is a really powerful tool and we will be using it a lot in this tutorial.

Create A Blob Monster in Illustrator - The Scream
Step 3) Use the ellipse tool again. Hold shift and draw to circles. Make them different sizes to make the mad appearance. Fill them black.
Create A Blob Monster in Illustrator - The Scream
Step 4) Use the rounded rectangle tool and draw a suitable shape to be used as the mouth. Set the stroke to black and the fill to white or nothing.

Create A Blob Monster in Illustrator - The ScreamStep 5) We now have the basic elements on the page. The next step is to fill the background colour of the blob in. Pick a green colour and set the fill of the shape to this colour.

Create A Blob Monster in Illustrator - The Scream
Step 6) We now need to apply some highlights. Copy the blob monsters layer shape. Set the fill to nothing and the stroke to a lighter green. In the stroke menu options (which can be accessed with the little arrow on the pallet) set the path to inside. Increase the stroke size.
The next step is to align the paths. Move (black arrow, v) the new path close to the main layer. Use the align (Window > Align) to align these paths. Use both of the horizontal and vertical alignments.
You way want to change the thickness of the black path and align these to the outside.
Create A Blob Monster in Illustrator - The Scream
Step 7) Repeat this process of copying the layer, changing the stroke settings and alignment for all the objects we have.

Create A Blob Monster in Illustrator - The Scream
Step 9) We now need to add some teeth. Use the rounded rectangle tool again to draw some teeth at the top of the mouth. You want about 4. Use Cmd/Ctrl plus the square brackets to move the draw shape up and down the layer list. You want them behind the highlight layer.
Select all of the top teeth, copy and paste them onto the canvas. Right click them them still selected select Transform > Reflect and select Horizontal when prompted. Press ok and manually align them behind the mouth.

The next step is to erase the bits of the tooth we do not want. Use the eraser tool (Shift + E) and use the square brackets keys to change the size of the brush head. Lock in the layers pallet (Window > Layers) you do not want to change. Press the little space by the eye to lock the layer. This will prevent editing.
Create A Blob Monster in Illustrator - The Scream
Step 10) Create another ellipse and use the square and pathfinder tool to get the top off the ellipse. Set the colour to pink, and the stroke to quite thick.

Create A Blob Monster in Illustrator - The Scream
Step 11) Copy the tongue layer, and as previously, add an inside stroke and change the colour. Align to the mouth.

Create A Blob Monster in Illustrator - The Scream
Step 12) We now need to make to visible that the blob is sticking up. Draw an ellipse again, and change its colour to the colour used to add a lighter edge (i've not done it in the photo).

Create A Blob Monster in Illustrator - The ScreamStep 13) Add another ellipse which is larger and use the path finder tool to cut these part away.

Create A Blob Monster in Illustrator - The Scream
Step 14) We are about half way done. Admire your work.

Create A Blob Monster in Illustrator - The Scream
Step 15) Use the ellipse tool once again, have the fill to black and draw and ellipse to create a shadow. Use the Cmd/Ctrl + Shift + [ to set the layer right to the bottom.

Create A Blob Monster in Illustrator - The Scream
Step 16) Add small white filled circles to highlight the eyes.

Create A Blob Monster in Illustrator - The Scream
Step 17) This step is a bit tricky so I have left it till the end (I also forgot to do it, shhh) Use the pen tool and draw a line around on the edge of the high light around the tooth. Set the colour to a light grey. Enable rounded edges.

Create A Blob Monster in Illustrator - The Scream
Step 18) Go Object > Path > Outline Stroke to set the path to an outline.

Create A Blob Monster in Illustrator - The Scream
Step 19) Use the eraser tool (Shift + E) to remove the edges of the fill. Use Cmd/Ctrl + [ to layer the fill so it is above the tooth but below the highlight layer.

Create A Blob Monster in Illustrator - The Scream
Step 20) Complete this so it is around all of the teeth and the tongue. It is only subtle but adds a final detail to show off the blob monster.

Create A Blob Monster in Illustrator - The Scream

Looks cool. Click for full size.

Create A Blob Monster in Illustrator - The Scream

8 comments:

Anonymous said...

Nice tutorial!
How can I do the highlights without the "path inside" command? This tool is available only in the CS2/3 version of Illustrator.

James Powell said...

If you are using less than CS2 I think the only way to do it would be to duplicate the path and manually shrink it by hand.

If you are using CS3 (possibly cs2) make sure you have the extra option set. If you go Window > Stroke there is a little arrow on the pallet in the top right. If you click this you should get more options.

I hope this helps. I haven't used CS1 in a long while.

Stephy said...

there's nothing happend when i press shift+e~ how to call pout the eraser acctually?!?!

James Powell said...

The eraser tool is in the bottom part of the palette. I think shift + e is a CS3 shortcut so you might have to hunt for it.

Other wise you may have to move the points by hand.

Anonymous said...

hi.. i like the tutorial
but there are some many problems
when i want to erase the tooth
is too difficult to erase
and i cant erase the tooth
well i mean i need more practice
or i dont know
and when i want to put the highlight i dont see nothing about this... =/

and the tutorial looks easy

frenqle said...

hello,

first very nice tutorial.
but i can't align a stroke.. these options are disable or something.

what do i do wrong??

James Powell said...

Select both of the lines, in the toolbar at the top there should be a small button that looks like a square with lots of squares in it. Click this to get the align options.

Luis Aceituno said...

Really good tut, this is my second day since I legally downloaded Illustrator (*cough*cough*) and this has helped me a lot, really useful thanks!