Adobe Illustrator Cartoon Snail Tutorial

Posted on November 12, 2007 | Category :Illustrations, Tutorials & Tips | 56 Comments
Below is a tutorial I’ve written for a cartoon character created in Adobe Illustrator. Feel free to check out my other tutorials here. Enjoy!

I start with placing a scanned pencil sketch in Illustrator. Go to File > Place and choose the sketch file. I usually use 72 dpi grayscale scans.

Next, I use the pen tool to trace over my scan. I like to use a color stroked line because it is easier to see. I also close all my paths, so each piece is an individual complete shape.
I remove the sketch once I’m finished tracing.
After I finish tracing, I eliminate the stroke and fill everything with black. With all my shapes still selected, I use object > offset path and set that to -1 pt. This will copy the shapes only 1 pt smaller. These new shapes I fill with white, so I can see them.
Next, I usually like to thicken up my black line by using the offset path again. I also like to scale the new black shapes to get a little line weight variation. Once I have my line weights correct, I zoom in close to make sure that none of my pieces have moved out of place.
Once my black and white lines look right, I start coloring. I start by filling my white shapes with basic flat colors.
After I’ve picked out the flat colors, I start drawing my shadow shapes with the pen tool. Remember to close the path on those too, so they are complete shapes.
Now, I use the pathfinder tools. Go to Window > Pathfinder to make sure the Pathfinder palette is open. The Pathfinder tools are used to combine or cut up two separate shapes. For this example, I’m going to use the Intersect Shape Areas.
First, I need to duplicate the the orange shell shape. I start by selecting the orange shell shape, then double click on the rotate symbol in the tool bar. This will bring up a dialogue box. I set the degrees to 0 and click COPY. This will create a duplicate orange shell shape in the exact same spot.
Next, I select my shadow shape and go to Object > Arrange > Send to Back. With the shadow shape still selected, I shift click on the orange shell. Now that I have both shapes selected, I go to the pathfinder palette and click on Intersect and then Expand. This creates a new shape where the two shapes intersected. I fill this shape with a slightly darker color to make it look like a shadow.
I repeat the last step with the yellow body, the eyes and the drop shadow under the shell.
After I finish the shadows, I can also add in highlights if necessary.
I hope this tutorial helps you create some great characters in Illustrator.

This post was written on IllustrationInfo.com. Content copyright 2010 Cory Thoman. This post contains advertising links. Please read the About & Policies for more information.

» Tags: ,

Comments 56

  1. 08/03/14

    r Cartoon Tutorial – IllustrationInfo is a quite interesting post but quite difficult to understand for me -

  2. Cory Reply
    08/03/14

    I try to write the tutorials in a simple easy to understand manner. Let me know if there is a specific step you don’t understand. -Cory

  3. 08/04/23

    Pretty useful tutorial
    Thanks for writing it

  4. 08/05/13

    Indeed ..it was a bit difficult to understand every step you wrote….It would have been better if you had written it pointwise (step 1, step 2, step 3….and so on….) and had not used first person singular while instructing. Anyways……good efforts……thanks.

  5. kennedy.vision Reply
    08/09/18

    Hi, I like this post and think you explained things well throughout. More please . . . .

  6. Jay Reply
    08/09/20

    Didn’t understand very much actually…
    How do you “terminate” the stroke. What does offset path really do?

    Not very beginner-friendly.

    Thanks anyway.

  7. Cory Reply
    08/09/20

    Jay, you’re probably right. It isn’t necessarily very beginner friendly. I don’t really cover the basics like using the pen tool and switching colors. I may try to add those things in the future, but for now I was focusing on techniques.

    In answer to your questions:

    How do you terminate the stroke? You can eliminate and change the color of the stroke or fill on the Toolbar. There are two large swatches that overlap near the bottom of the Toolbar. There hard to miss because they are the largest things on the Toolbar. One looks like a square (Fill Color) and the other one looks like a square with the center cut out (Stroke Color). You can change the color or choose no color by using the Swatch palette.

    What does the Offset Path do? A path is basically a shape, so you’re either making the shape larger or smaller uniformly. When you use the Offset path it makes a duplicate of the shape that is “x” number pixels larger or smaller than the original shape. I use it in this tutorial to give the illusion of line work, but in actuality it is just a white shape overtop a slightly larger black shape.

  8. 08/10/22

    I have a question about the shadow shapes. You say to duplicate the original shape, send it to the back, and then use “intersect and then expand” to make a new shape. But you have to move the new shape into an offset position from the original shape, first, right, so that it will make a new shape? Otherwise, if both shapes are in exactly the same position, “intersect and then expand” doesn’t do anything.

  9. Cory Reply
    08/10/22

    Carol,

    Let’s see if I can answer this. I’ll use the shell as an example.

    You want to duplicate the shell not the shadow shape. Then, you’re using the intersect on the duplicate shell shape and the shadow shape that you drew. The basic point is to trim the excess off of the shadow shape, so it fits the shape of the shell.

    I used to not duplicate the shape and just use the divide on the shadow shape and the shell shape. I started using the intersect instead because I like to keep my original shell shape intact. It’s more forgiving with mistakes.

    Hopefully, that makes sense.

  10. 08/11/04

    Hi Cory,

    Great tutorial, made perfect sense to me. I’m sure your tips will make some of my future projects that little bit easier. Thanks!

  11. KC Reply
    09/01/25

    Im a begginer and having trouble finding tutuorials for begginers. I totally dig what Max means. Most tutorials are for people with at least minimal know-how. But please keep in mind that there is people in search of that minimal know-how. Great tutorial and hopefully when I learn the basics this will be very helpful.

  12. Cory Reply
    09/01/28

    KC,

    I’ve started a series of tutorials for people starting out with Illustrator. Hopefully, they are a little more helpful.

    -Cory

  13. 09/05/25

    thanks!

  14. Melissa Reply
    09/09/10

    Hi there! I love these tutorials. They’ve really helped me so far. I am completely self-taught in AI , and I have only started working in it over the past month or two. It’s a bit slow-coming.

    I have a couple questions. I see that you made small triangles at the edge of the shell and under his neck to make a sort of line that comes into the drawing. If that makes sense. How would I make something like that in my drawing? I would like to use this offset method to make varied width lines.

    Also, if I wish to do line ‘stripes’ on a drawing–for example, the lines on a twisted rope–how would I connect everything so that the paths are closed? Here’s an example:

    http://www.shutterstock.com/pic-36055960/stock-vector-sea-fishes-and-animals-collection-vector-illustration.html (this is just a sample, it is not created by me)

    How would I connect the detail lines on the fish’s fins to the rest of the fish? I would like to make my vectors clean. I’m also not understanding how to create a floating object inside the drawing, like the inner fins on the dolphins in the sample above. I’ve had a very hard time learning how to add details like this.

    Thanks in advance, I apologize for all of the questions. I just found this site today. :)

  15. Melissa Reply
    09/09/10

    Oh my goodness I figured it out! Thanks to another tutorial of yours for AI doodling, I found exactly what I was looking for regarding my previous questions. THANK YOU!

    http://illustrationinfo.com/?p=183

  16. Cory Reply
    09/09/10

    Glad you found the answer. You might also check out my Beginner’s Series:

    http://illustrationinfo.com/?page_id=159

  17. Zoe Reply
    09/09/11

    Thanks so much for sharing the info. Cory. This snail tutorial has been really helpful to me! :D

  18. 10/01/14

    nice snail tuts … you could give ints on how to get the right colors next time ..

  19. Cory Reply
    10/01/14

    Nice idea! I’ll have to add a color tutorial to my beginner tuts:

    http://illustrationinfo.com/?page_id=159

    FYI: I usually tweak my colors with the color palette. I personally like the CMYK sliders.

    I did have a color tutorial about getting brighter colors:

    http://illustrationinfo.com/?p=222

    -Cory

  20. 10/02/27

    thanks for this lesson but even though it is very hard to draw pencil sketch,this is effective…

  21. crayonmonkey Reply
    10/05/11

    Cory! Thank-you!

    I’m very very new to Illustrator (the first time I used it was yesterday), and if I hadn’t found your tutorials I’d have given up on it completely.

    It’ll take a while to get used to grouping rather than using layers, but with your help, I’ll get there…

    I don’t find Illustator intuitive at all once I’ve finished with the pen tool. but you have a logical approach which is really easy to follow. You are now my vector guru!

  22. Cory Reply
    10/05/11

    Thanks crayonmonkey! Feel free to check out my beginner’s series too:

    http://illustrationinfo.com/?page_id=159

  23. Mike Reply
    10/05/13

    These are great. I think it’s time to make some Youtube vids about this! Seeing it done is 100x easier to understand. (try Camtasia screen recorder…makes crisp videos…not sure if it works on mac though). Anyways , thx.

  24. 10/07/28

    nice snail tuts … you could give ints on how to get the right colors next time …

  25. 10/08/15

    I had a difficult time understanding how you added the shadow to the snail’s shell. I’ve been trying to figure out how to shade in Illustrator, and I really wish I could understand how you did the shading. You lost me after you did “Object>Arrange>Send to back” on the copy of the shell. How did you get the shading to fill in that certain area of the shell and not the whole thing? Hope you have time to explain it to me.

    Thanks for your other tutorials by the way! I’ve already gone through most of them, and up until this point, they’ve all been clear and easy to understand. Thanks again!

  26. Cory Reply
    10/08/15

    Emily,

    Hopefully, I can explain this, so it makes more sense. If you are not familiar with the Pathfinder palette, you may want to play around with that to get a feel for what all the different buttons on it do. Basically, it is used to combine or divide two shapes. Anyway here are the basic steps in more detail for the shadow shape on the shell.

    1. Copy Shell and Paste in to place. (In the tutorial I do this using the rotate, but you can also use the Paste in Front from the Edit menu).
    2. Send the Shadow shape to the back. (This step isn’t always necessary, but it just assures that the new shape isn’t overlapping another shape).
    3. Select the copied shell shape and the shadow shape. (To select multiple shapes, hold down shift and click on the next shape using the Selection Tool from the Toolbar).
    4. Click on the intersect from the Pathfinder palette. (Depending on the version of AI, you may need to Expand the shape).
    5. Change the color of the shape slightly darker. (You can change color with the color palette).

    Hopefully, that explains it a little further. Basically, you used the copy of the shell shape as a cookie cutter to eliminate the excess from the shadow shape using the Pathfinder palette.

    Working with Illustrator is a little bit more like sculpture or working with cut paper shapes than drawing, so it takes a while to get it down. If you have any trouble with some of the basic tools, I’d suggest starting with my Beginner’s Series. It moves a little slower, but I try to explain things in a little more detail in that. Here’s the link:

    http://illustrationinfo.com/?page_id=159

  27. 10/09/04

    thank you it’s usful for me in my games site thank you

  28. Antonio Reply
    10/10/02

    Hi, thats a veri nice snail, I would like to use it for a website of mine. Can I?

  29. Cory Reply
    10/10/02

    Antonio,

    You are welcome to purchase a RF license of it here:

    http://www.mystockvectors.com/Insects_g78-Snail_Smiling_Royalty_Free_Vector_Illustration_p2802.html

    Feel free to contact me with any questions at cory@900foot.com.

  30. anderson Reply
    10/10/28

    Simple and excellent!
    But with me ,the shadow cover ”half” stroke,do you know why?
    Thank you, Cory.

  31. 11/01/06

    yeah i got a little confused about the pathfinding, but after i while i managed to figure it out, its basicaly what a bolleon does in 3DS max… i really like the images you make, nice and simple but have plenty of character, when you come to sketch the images how do you design your characters? ive done a few tutorials but im not very good at drawing.

    here is my attempt, i changed a few things around

    http://i31.photobucket.com/albums/c372/twentyonedown/SnailVectorgRAD.jpg

    P.S i sketched it out myself and scanned the image in.

  32. Cory Reply
    11/01/06

    Thanks. For the sketches, I start with pencil and paper. Sometimes, I redraw things a few times. Having a light table for tracing and retracing my sketches helps for redrawing and making adjustments and changes. I had a few drawing tips that I wrote a while ago:

    http://illustrationinfo.com/?p=19

    I probably should add practice, practice and practice to that list. :)

    P.S. I like the little snail you did.

  33. 11/01/06

    cool those are some really cool tips, my sister has a light box, i think she will be getting a knock on her door soon lol.

    one of the things i do struggle with a little is perspective, i have some good ideas in my head but its making them look dynamic rather than flat. I guess its all to do with the basic shapes and trying to imagine them in a 3D space. have you got any quick tips for perspective?

    Practive makes perfect :) aint that the truth

  34. Cory Reply
    11/01/06

    Perspective! Uh oh. I’m probably not the best person to ask, but I’ll give it a shot.

    There’s a few different strategies that I can think of:

    1. Perspective – This includes the one and two point perspective stuff. Basically, drawing lines to vanishing points. Usually when I do this, I sketch out a rough design and create guides in illustrator on a separate layer that go to my vanishing point.

    2. Overlapping – This is usually what I use. You have your middleground overlapping your background and your foreground overlapping your middleground. I try to have my backgrounds with less contrast, so my foreground can pop forward.

    3. Japanese Watercolors – Old Japanese watercolors used diagonal lines to create perspective. It’s a pretty stylized look, but definitely an approach to look at.

    That’s all I have off the top of my head. I hope that helps.

  35. 11/03/12

    Hi! I just love your tutorial! Congratulations!
    I`we just opened a tutorials indexing website and I would like to ask you to submit your tutorials, it will bring you some extra traffic
    Please give a chance for my website: http://www.tutorialswindow.com

    Please let me know about your decision: info@tutorialswindow.com

    Thanks!

    Oh and we also award our users with gift points that can be used to buy ads in our sidebar

  36. John Langton Reply
    11/03/17

    Hi Cory-
    I’m not new to illustrator but I’m trying to develop a style for greeting cards and I like what I see in your tutorials. However, I’m hitting a stumbling block in the beginning!
    When you say-

    “Next, I usually like to thicken up my black line by using the offset path again.”

    How do you do this? I have shapes on top of shapes and I’m not sure how you go about selecting the bottom black pieces. I tried copying and pasting the white shapes, but lose the black outlines when I bring them back.
    I think I’m missing something!

  37. Cory Reply
    11/03/18

    John,

    It’s hard to know exactly what you’re doing without seeing it, but here is a simple tutorial:

    1. Draw a rectangle using the rectangle tool.
    2. Fill the rectangle with a color (any color but black).
    3. Set the stroke of the rectangle to none.
    4. Select the rectangle.
    5. Go to Object > Path > Offset Path.
    6. Put 2 pixels in the dialogue box.
    7. Change the fill color to black.

    That should create a second black box that is a little bigger than the first one. This is the basic concept above for creating the look of a black outline with the offset path.

  38. John Langton Reply
    11/03/19

    Thanks Cory-
    I think I was just “overthinking” everything!
    John

  39. 11/05/05

    A good and detailed tutorial. Worth a try. Keep up the good work.

  40. Hyteq Reply
    11/07/05

    It is amazing how you can create such an illustrative character design from scratch. I tried but it turned out my snail was rather oddly shaped. Mine kinda looked odd somehow in terms of proportions. I actually wanted to have a mascot design using a snail as a character front but my designing skills prevented me from doing so. I finally went to http://www.mascotdesigncorner.com to seek for some professional designing help and I gave your snail as a reference point for the design I wanted. The character design was great. I have to thank you for the tutorial even though it served more as an inspiration. Your site definitely rocks…

  41. anthi Reply
    11/08/29

    really help full tutorial. thank you for sharing

  42. Craig Reply
    11/09/30

    Thanks much, you just answered a long-standing question for me!

  43. Fred Reply
    11/10/09

    hey Cory … I like your tutorials a lot… but I went over and over the steps for the shadow still cant get it right… is there a chance that you could post a tutorial only on highlights and shadows … pls that would be awsome…
    anyways im just a beginner who thx u a lot for the material u already posted. Its totally awsome.

  44. Cory Reply
    11/10/11

    Fred,

    Thanks for the suggestion. As far as creating the shadows and highlights, I’d say just experiment with the Pathfinder tools to see how each one works. Also, the Paste in Front command is good for duplicating shapes in place.

  45. 12/04/20

    Very nice tutorial!! thanks for sharing us!!

  46. Deepak Reply
    12/08/13

    Very nice tutorial. Can you please elaborate steps to highlight (like you did for others)

  47. 12/09/21

    This is a nice little tutorial. I’m just experimenting with character figures so this really helps. I love the way the shadow and the highlight completely transforms the character at the end. Simple but very effective!

  48. Nathan Reply
    12/12/07

    I agree this isn’t beginner friendly but this definitely has some useful tips in it. And a very clean and professional end result.

    More than anything I want to say thank you for following up on all the questions that have been asked. I think the thread at the end has been just as useful as the post itself.

  49. Sean Reply
    13/01/07

    This finally helped me grasp how to use the Pathfinder tools (and alt to expand the result), this removes my dread of tracing the bottom of the shape and fussing with nodes while making a shadow (and vice versa for highlights).

    And thanks so much for covering Object > Path > Offset Path… to create “thick cartoon outlines”. I was trying Appearance > Add new fill with a negative Offset Path Effect, which gives it an “outline” without making a copy of the object, but this doesn’t allow creating the shadow and highlight objects. Your way is simpler and does both. I’d group everything when done so you can re-position them easily.

  50. Saravana Reply
    13/02/14

    Hi Thanks for the nice tutorial, can u explain how did u draw that spiral shape please? I want to know how did u create that dual lines…

    Thanks
    Saravana

  51. Cory Reply
    13/02/14

    Saravana,

    I start by drawing the shape with the pen tool. You can use the pencil or paintbrush tool as well. When I get the shape and line weight I want, I go to Object > Path > Outline Stroke. This will make the shape an object.

    To make the ends of the line come to a point, I switch back to the pen tool (or Delete Anchor Point Tool) and delete one of the anchor points on the end. Depending on your line you may need to add extra points too or use the Direct Select tool to adjust your anchor point handles.

    If that is too much jargon, I cover the pen tool basics here:

    http://www.illustrationinfo.com/2009/01/27/illustrator-beginners-series-2-pen-tool-basics/

  52. Saravana Reply
    13/02/15

    Wow, thanks a lot you replied!!! awesome thanks, im following your tutes :)
    - Saravana

  53. Colleen Burr Reply
    13/05/23

    Hello Cory
    Have just found this site, it is very helpful, I’m a beginner Ai user.
    You place your scan, trace it then remove your scan. How do you remove the scan? I am not able to select it without the tracing.

  54. Darrell Williams Reply
    13/06/27

    Very helpful site. Thanks for taking the time to create all the tutorials.

  55. Mardy Samper Reply
    13/10/18

    Good day! Your turorial is really helpful even if im new with illustrator.. I learned a lot from this.. Thank you so much. By the way, i would like to ask do you have any idea how to design tshirts like bicycle uniform or running shirts? Thanks!

  56. 14/02/01

    Wow helpful tutorial, i’ll try your method. Thanks…

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>