Jan 12

Create A Cute Vector Octopus in Illustrator with Simple Shapes

Author: Jan Cavan, Category: Illustrator, Tutorials

Octopus Illustration in Illustrator

In this Illustrator tutorial, we will learn how to Create A Cute Vector Octopus in Illustrator with Simple Shapes. This is a pretty simple illustration of an octopus using basic Illustrator tools and shapes.

Final Product:
Octopus Illustration in Illustrator

1. Create a new layer in Illustrator (CTRL/CMD + N) with dimensions 3 inches x 3 inches. Actually, the dimensions don’t really matter as much this time since we are creating our design in vector format, thus, we will be able to scale it any size we want.

Octopus Illustration in Illustrator

2. Using the Rounded Rectangle Tool, create a rounded rectangle.

Octopus Illustration in Illustrator

3. Using the Ellipse Tool (L), draw a circle above the rounded rectangle. Make sure their sides are aligned.

Octopus Illustration in Illustrator

4. Let us now draw the tentacles of this octopus. Using the Pen Tool (P), draw a short, curved line as shown on the picture. Make sure that on the Stroke Panel, the Round Cap option is being selected to make the tips of the tentacles rounded. Also, on the Tools Panel, make sure only Stroke is selected and not Fill.

Octopus Illustration in Illustrator

5. Let us convert our line to a shape by hitting on Object > Expand > OK. Make sure our line is being selected when this is done. The reason why we are doing this is because we will need the lines converted to shapes when we use the Pathfinder Tool later on.

Octopus Illustration in Illustrator

6. Copy and paste the tentacle we just created and place arrange it as shown. Make the third tentacle appear smaller than the other two.

Octopus Illustration in Illustrator

7. Select the three tentacles we just created, copy (CTRL/CMD + C) and paste (CTRL/CMD + V) it onto the canvas. For this second group of tentacles, flip them by right clicking on them by hitting on Transform > Reflect > Vertical > OK.

Octopus Illustration in Illustrator

8. Select the entire octopus, right click and Group it. Copy (CTRL/CMD + C) and paste (CTRL/CMD + V) it on the canvas. Place the second octopus exactly on top of the first by hitting on Edit > Paste in Front (CTRL/CMD + F)

Octopus Illustration in Illustrator

9. Using the Ellipse Tool (U), draw some circles on top of our octopus. Change the Opacity of the circles to around 52%. The Opacity settings can be changed by opening the Window > Opacity panel. Select all circles and Group them.

Octopus Illustration in Illustrator

10. Select the group of circles and our topmost octopus. Open the Pathfinder panel by going to Window > Pathfinder and click on Intersect Shape Areas.

Octopus Illustration in Illustrator

11. We will no be drawing the eyes. This step is actually pretty simple. Just draw three circles on top of each other using the Ellipse Tool (U). Make sure the bottommost circle is the largest and topmost the smallest. Group the three circles and copy (CTRL/CMD + C) and paste the second group right beside the first.

Octopus Illustration in Illustrator

We now have a cute octopus vector illustration made in Illustrator! Now, you may be wondering where the other two tentacles are. Well, they’re hidden right behind the octopus :) Play around with the colors of these octopuses and feel free to share to us what you came up with!

Octopus Illustration in Illustrator

Octopus Illustration in Illustrator

Subscribe for ccda training and pass your ccent as well as ccie on first attempt!

Enjoyed this post? Subscribe to our RSS Feed to stay up to date with our latest tutorials, freebies and more design resources!

Author

Jan Cavan is a web and graphic designer, illustrator, blogger, geek, the girl behind Dawghouse Design Studio and a breakdancer wannabe. If you would like to connect with her, follow her on Twitter and join her on Facebook

Comments

Nadir (January 12th, 2010 @ 4:06 pm)

JAN, very nice tutorial.

DesignerFanBoi (January 13th, 2010 @ 4:52 am)

nice and simple tut I like

joyceyjoyce (January 13th, 2010 @ 1:50 pm)

Oh the octopuses are so cute! This is a great tutorial Jan thank you!

Muhammed (January 13th, 2010 @ 4:09 pm)

I will try this

Blanquita (January 14th, 2010 @ 2:49 am)

Me encanta tu sitio, tiene cosas muy lindas e interesantes, sigue así. Un saludo

arlenne (January 18th, 2010 @ 6:01 am)

nice! i like it.

Jan Cavan (January 19th, 2010 @ 11:26 pm)

Thanks for the great feedback y’all!

monkeyprincess (January 21st, 2010 @ 12:52 am)

I love this cute guy but I’m stuck on step 10. When I try to intersect I get “filter produced no results. please select two overlapping paths.”
What am I doing wrong?

Jan Cavan (January 21st, 2010 @ 2:10 pm)

@monkeyprincess: Make sure you group the circles and the octopus separately. Once you have, select both the circles group and the topmost octopus group and “Intersect” them. Let me know if you still have questions :)

Web Design New York (January 21st, 2010 @ 5:23 pm)

I very much enjoyed and learning from it.

Thanks.

Designi1 (January 22nd, 2010 @ 12:03 pm)

Simple a cute :D Nice work!

Ryan (February 3rd, 2010 @ 11:12 pm)

I’m stuck when you expand the stroke, I keep getting this:

http://img130.imageshack.us/img130/5225/legvc.jpg

Jan Cavan (February 8th, 2010 @ 11:04 am)

@Ryan: When using the Pen Tool to draw a stroke, make sure the stroke is a curved line. Let me know if you need more help.

Suz (March 4th, 2010 @ 3:15 pm)

Thanks for the tutorial, was my first experience with illustrator and was easy to do it. ^^

Leave A Reply

PSD to XHTML
Jan

Hello there!

My name is Jan Cavan and this is my online portfolio, visual playground and testing ground...

Get to know me moreArrow
Follow Me On Twitter

Twitter Updates

Categories

Have something interesting to share to the design community? Check out our Community News section or Submit Your News here!