Create a Super Happy Octopus Character

DiggThis
Download Source Files
  • Source files for this tutorial are available to Premium members.
    Get a Premium Membership

In Illustrator it’s really easy to create fun characters with some simple shapes and the Pathfinder Panel. In the following tutorial I will explain how to create a Happy Octopus Character. You can use these techniques and elements to create whatever character you want!

Final Image Preview

Before we get started, let’s take a look at the image we’ll be creating. Below is the completed illustration to see what you’re working toward.

Final Image

Step 1

Create a new document 11 inches wide by 8.5 inches tall. With the Ellipse Tool, create an ellipse that is 2.5 inches by 2.5 inches. Fill the ellipse with a green color and take off the Stroke. Next, use the Direct Selection Tool and select the bottom anchor on the ellipse and drag it down about half an inch.

Head Shape

Step 2

Select the oblong ellipse and Copy and Paste In Front. Select the newly copied object with the Selection Tool and grab the bottom anchor. Then squish the ellipse about a quarter of an inch up. Fill the slightly squished ellipse with a light green color.

Squish

Step 3

With the Ellipse Tool, draw five to six elongated ellipses of varying size for the spots on the head (keep the ellipses the same proportion, just change the size). Make these spots a light green, lighter than the second head shape. Select both head shapes, the spots, and Group them by going to Object > Group, or by pressing Command+G.

Head Spots

Step 4

To start with the mouth, draw another ellipse around 1.5 inches by 1.5 inches. Then fill it with black and apply no Stroke. Next, draw a rectangle with the Rectangle Tool about half way down the black circle. Select both shapes, press the Subtract From Shape Area button in the Pathfinder Panel. Then press the Expand button.

Mouth

Step 5

For the teeth, draw an ellipse that is about .375 inches by .375 inches. Select the ellipse with the Selection Tool. Then hold down Alt+Shift, and drag to the right. Note that holding Alt copies the shape and holding down Shift constrains the movement. Select both shapes and Group them. Next, place the shape over the black mouth towards the top. Select both shapes and press the Horizontal Align Center button in the Align Panel.

Teeth

Step 6

Select the black mouth and Copy and Paste In Front. Select one of the mouth copies and the teeth and press the Intersect Shape Areas from the Pathfinder Panel. Change the shape to white and now you have teeth!

Teeth Continued

Step 7

For the tongue, draw a .5 inch by .5 inch ellipse over the mouth where the tongue should go. Select the mouth, teeth, and tongue and and press the Horizontal Align Center button in the Align Panel. Just like with the teeth, Copy the mouth and Intersect the tongue and mouth shapes.

Tongue

Step 8

Select the tongue and create a Linear Gradient from the Gradient Panel (select Linear from the Type drop-down menu in the Gradient Panel). Make the left Swatch a pink color and the right Swatch a light pink color. To change these colors, select the particular Swatch on the Gradient Slider in the Gradient Panel. Then mix the color in the Color Panel. With the tongue selected, adjust the Gradient with the Gradient Tool by clicking and dragging from the bottom of the tongue to the top.

Tongue Continued

Step 9

Group the mouth, teeth, and tongue. Then place them over the head shape. Select all the shapes and Horizontal Align Center them.

Group

Step 10

Draw a ellipse that is .375 inches by .375 inches. Fill it with black. Draw another ellipse close to the top of the black ellipse, but smaller, and fill it with white. Next, draw another ellipse smaller than the white one, and place it closer to the bottom right of the black ellipse. Then fill it with white.

Eyes

Step 11

Select the black ellipse, and the smaller white ones, and Group them. Place the eye on the head, flush with the left edge of the mouth. Next, hold down Alt+Shift. Then drag to copy the eye flush with the right side of the head.

Place Eyes

Step 12

Start with Pen Tool and draw a bézier curve a third of the way down the head. It doesn’t have tons of curves, it just needs to get the idea across of a simple tentacle. Try to get the path to end right before the darker color of the head.

In the Stroke Panel, change the Stroke Weight to 15pt and press the Round Cap button. Next, Expand the Stroke by going Object > Expand. Also, make sure the Stroke Check-box is checked. Change the color of the tentacle to the light green you use on the head.

Tentacles

Step 13

Next, select the tentacle with the Selection Tool. Then hold down Alt+Shift, and drag to Copy the tentacle. Place it half way down the original tentacle. Change the color to your dark green.

Select the original tentacle and Copy and Paste In Front. Select one of the original tentacles, and the darker one, and press the Intersect Shape Areas button in the Pathfinder Panel. Now you have one complete tentacle.

Tentacles Shadow

Step 14

Repeat these step until you have eight legs. Keep in mind the light source for the tentacle shadows. For the tentacles on the right, I dragged and copied the tentacle down and to the left to create the shadow. Select your octopus and place him in the center of the document.

Repeat

Step 15

Start by creating a new layer in the Layer Panel. Drag it below the "octopus" layer. Then hide the "octopus" layer by pressing the Visibility Icon to the left of the layer in the Layer Panel.

Background

Step 16

Make a rectangle the size of your document with the Rectangle Tool. Then create a Radial Gradient in the Gradient Panel. Next, click just below the middle of the Gradient Slider to create a third Swatch. Make the left Swatch a light blue, the middle Swatch blue, and the right Swatch a dark blue.

Rectangle

Step 17

Create rectangle the is .75 inches wide by 11 inches tall. Place it in the center of your document. Next, go Effect > Distort & Transform > Free Transform to bring up the Free Transform Dialog. This is where you will see your rectangle with some anchor points.

Hold down Shift and click on the top left anchor point. Then drag it to the right anchor point’s position. Next, hold down Shift and click on the top right anchor point. Then drag it to the left anchor points original position. You might have to drag one point a little farther at first to select the one below it. Click Ok, and Expand the shape. Then fill it with white with no Stroke. It should look like two touching elongated triangles.

Burst

Step 18

With the transformed triangles selected, go to Object > Transform > Rotate to bring up the Rotate dialog. Change the Angle to 20. Then press the Copy button to copy the shape along with rotating it. Now you can transform again by going to Object > Transform > Transform Again (Command+D). Keep transforming until you are one step away from your original shape. Select all the transformed rectangles and Group them. Then change the Opacity to 50% in the Transparency Panel.

Transform

Step 19

Next, create an ellipse that is 7 inches by 7 inches and center it on you document. With the ellipse still selected, create a Radial Gradient from the Gradient Panel. Make sure the left Swatch is white and the right Swatch is black.

Gradient

Step 20

Select the transformed rectangles and the ellipse. Then choose Make Opacity Mask from the Transparency Panel. Now you have a burst!

Opacity Mask

Step 21

Draw an ellipse that is .5 inches by .5 inches. Fill it with white and no Stroke. With the ellipse selected, go to Effect > Distort & Transform > Pucker and Bloat to bring up the Pucker and Bloat dialog. Then change the option to -70. Next, Expand the Appearance and change the Opacity to 50%. Now you can Copy and Paste the star wherever you like!

Stars

Final Image

Now all you have to do is press the Visibility Icon on the "octopus" layer in the Layers Panel to bring back the octopus, and you’re done!

Final Image

Related Posts

Add Comment

Discussion 128 Comments

Comment Page 3 of 3 1 2 3
  1. I followed the tutorial using Inkscape, but it was still very useful. A few effects did take some time to find, because of the different program, but all in all pretty easy to follow.

    The result:
    http://www.jimmyshelter.nl/images/octopus.png

  2. Spencer says:

    Thanks a lot for the tutorial. I do seem to be having one problem, though, and I’m wondering if anyone knows where I’m going wrong.

    For step 13, when I duplicate the tentacle, darken it, copy the original and try to make an intersection between the two, it doesn’t do what I’m expecting at all. Instead of creating the thin under-tentacle shape, it makes some distorted shape that only extends halfway along the tentacle. I’ve tried it a few different times, changing the spacing of the tentacles and the shape, but it just makes new, weird shapes that have nothing to do with the tentacle.

    Any suggestions?

    Thanks!

  3. moih60 says:

    amaaaaaaazing work man…….good tutorial

  4. CgBaran Tuts says:

    Great tutorial and cute character

  5. Rachel says:

    FYI:
    STEP 6 – does not work. For those of you having problems, try making the teeth into a Compound Path by going to the Object menu, Compound Path, Make. Then do the Intersect command with the mouth

    • Tabitha says:

      This worked great for me, with a little tweaking. Now I’m having a similar problem with Step 13. How did you manage to complete Step 13?

  6. ADSMITH says:

    Thank you so much for this! It has been a lot of fun and generated some much needed creativity for me! I love my lil’ happy octopus! (Step 6 didn’t work for me either, but I figured out another method to get the same results).

  7. Gerrit says:

    Thanks for the tutorial! Easy to follow and really nice result.. love the octopus

  8. Scott Raine says:

    To do the teeth you need to Alt + Click the interest tool.

  9. vTTor says:

    SPECIAL THANKS TO YOU, NICE TUT AND GREAT JOBS IN THIS PAGE….
    MUCHAS GRACIAS TREMENDO APORTE DE ESTA PAGINA…..

  10. LeMar says:

    Hi, I’m a beginner with Illustrator, using CS4 and was doing nicely until I hit the Teeth Problem… Saw some more people with similar problem, tried all their solutions but NO luck!

    Problem is: I do as shown in Tutorial, select teeth and 1 of the mouths and hit Intersect button. Teeth seem to shrink, nearly vanish!

    Ideas anyone?

  11. LeMar says:

    Found it! Think I did Alt + Intersection tool and then (for some reason??) hit Expand… anyway, it worked!

  12. yanangski says:

    thanks again for the tutorials! love the effect. i created another creature following this tutorial. :)

    here’s mine:

    http://yanangski.wordpress.com/2009/06/23/free-wallpaper-super-perky-squid/

  13. mirooo says:

    amazing soooo cute

  14. Adam says:

    cant get step 13…weird..help

  15. j_marreros says:

    Thanks for the tutorial, it was so funny, even some steps weren’t clear I could complete the final image because of my knowledge in illustrator.

  16. Scrim says:

    isn’t that the octopus from Serenity (Firefly movie)? the one that sends Summer Glau a bit nuts in that bar??

    sure looks like it

  17. Michailo says:

    Super.I am learnng Illustrator,and this tutorial is very good for beginners! More,please!:)

  18. Tatoun says:

    Thanks ! I’m learning Illustrator, this is my result :
    http://img704.imageshack.us/img704/6619/animalk.png

  19. Great tutorial – very cute octopus! :] Thanks much for sharing.

  20. linhnguyen says:

    tuts in tut ! thank you !

  21. Wow!
    Perfect tutorial with useful techs, thx a lot!

    (-:

  22. ANDREAS says:

    It dosent work because I have PS CS2 and there is not a stroke box in that version :(

  23. Tabitha says:

    I had trouble in Step 6, but the solution of object>compound path>make (or alt+intersect) worked great. However, with Step 13 I can’t find a good remedy. I did try object>compound path>make, but that turned the whole thing the light green color and then I couldn’t intersect because it was no longer two separate entities. So I tried alt+intersect and that made some funky shape similar to a triangle. Hitting expand after alt+intersect didn’t make it right. Does anyone know any other solution? I am using Adobe Illustrator CS4. Thanks!

    • LoungeKat says:

      If I’m making a ’shadow’ colour in a shape I use Mask – A simple way to do this is to create the two shapes you want (the light and dark colours) then copy (Ctrl + C) the main shape and paste it in place (Ctrl + F) then move it to the top of the shapes ( Ctrl + Shift + ] ) then select them all – Right Click > Make Clipping Mask. This is a much better way to create areas of colour within a shape – especially with CS4 as you can click ‘into’ an object. – I’ve made a picture of it here – http://s3.amazonaws.com/ember/eVcOp0ZmNoXq4asiT11XwY5zPMqP5R16_o.png – Hope this helps :)

Comment Page 3 of 3 1 2 3

Add a Comment