IGMO » Home
IGMO


Create a Snail

Create a snail


For this tutorial, you are going to create a snail from scratch. You will learn how to use gradients and how to draw Bezier curves and straight lines.

    Image 001


  1. Create a new document in Inkscape. In this tutorial I left the dimensions as the default which is exactly 744.09 x 1052.36 pixels.


  2. Select the spiral tool (shortcut: F9) and click on the central area of your document. Drag out a decent-sized spiral similar to the one below:

    Image 002

    You may need to modify the properties a bit in order to replicate my spiral.

    Image 003


  3. Now it’s time to create the round shell. Select the circle tool (shortcut: F5) and click-and-drag out a circle which just covers the spiral.

    Image 004

    To make things easier, change the colour of the circle to something more distinct. The colour doesn’t matter too much since we’ll be adding gradients at a later stage.

    Image 005


  4. Play around with the size of the objects and the spiral’s divergence and turns. Soon enough, you should be able to get the spiral to fit almost in line with the circle’s edge.

    Image 006


  5. Press Ctrl + A to select both objects to squash the shell. Click-and-drag just the bottom, middle handle to squash the objects inward.

    Image 007


  6. Click the object once again and use the new handles to rotate the shell. I rotated the shell just a little bit in an anti-clockwise direction.

    Image 008


  7. Here comes both the fun, yet tricky part. Select the Bezier curve tool (shortcut: Shift + F6)

    Image 009

    Draw out a quick path of your snail.

    Image 010


  8. Select the edit path nodes tool (shortcut: F2).

    Image 011

    Click-and-drag the nodes to better shape the snail. This section varies in length as it depends on how much editing you need to do.

    Image 012


  9. Fill in the shape with a brown or greyish colour.

    Image 013


  10. Since the body need to below the shell, go to Object à Lower (shortcut: PgDn). I also moved the object a bit to the top-right.

    Image 014


  11. Now it is time to create the eyes. Select the circle tool (shortcut: F5).

    Image 015

    Click-and-drag out a decent-sized oval and position it at the tip of the tentacle.

    Image 016


  12. Since the eye doesn’t have a border around it, so let’s create one now. Right-click on the eye and select ‘Fill and Stroke’ from the menu.

    Image 017


  13. Click on the ‘Stroke paint’ tab and make the colour solid black (000000ff). Click the ‘Stroke style’ tab also and change the width to a value of ‘0.300’ and a Miter limit of ‘0.00’.

    Image 018 Image 019


  14. Duplicate the current eye (shortcut: Ctrl + D)

    Image 020


  15. Now we are going to create the snail’s pupils. Select the circle tool again (shortcut: F5) and draw out a very small circle. Make sure the fill colour is black.

    Image 021

    Duplicate the pupil and move it onto the other eye. You may position the pupils anywhere on the eye as you like.

    Image 022


  16. As you can see, our snail is missing its mouth. Select the Bezier curve tool (shortcut: Shift + F6) and draw out a long, rounded cone shape. Make sure that you do not connect it, by pressing [Enter] once the shape is ready.

    Image 023


  17. Select the mouth and click on the colour picker tool (shortcut: F7). Now select the snail’s body to make the mouth the exact same colour as its body.


  18. Move the mouth into position and duplicate the object (shortcut: Ctrl + D).

    Image 024

    Image 025


  19. Since I wanted to create a bit of variety, I edited the path nodes (shortcut: F2) for the second object. If you are already happy with your snail’s mouth, you can skip this step.

    Image 026

  20. Once the mouth and eyes are complete, we are going to add more detail to the snail’s shell. Right-click on the shell and select ‘Fill and Stroke’. Click on ‘edit’ to modify the gradient settings.

    Image 027

  21. For the 1st stop, I used an RGBA value of ‘68513cff’ and for the 2nd, ‘968369ff’.

    Image 028 Image 029

    The 3rd stop uses a value or ‘6a5132ff’ and the 4th uses ‘94846eff’.

    Image 030 Image 031

    The 5th stop uses a value or ‘725328ff’ and the 6th uses ‘8e795dff’.

    Image 032 Image 033

    The 7th stop uses a value of ‘7b5d32ff’ and, lastly, the 8th uses ‘9a826fff’.

    Image 034 Image 035

    To finish off the effect, click on ‘Radial gradient’

    Image 036


  22. Almost done! Now it is time to adjust the stroke and gradient on the shell. Click on the gradient tool (shortcut: Ctrl + F1). Click-and-drag the gradient so that its mid-point is directly in the centre of the spiral.

    Image 037

    Image 038


  23. Now let’s edit the stroke. Select the spiral and right-click to bring up the menu. Select ‘Fill and Stroke’ and click on the ‘Stroke paint’ tab. I used a ‘Flat color’ with an RGBA value of ‘c6a183ff’. Then click on ‘Stroke style’ and adjust the width to ‘2.218’.

    Image 039 Image 040


  24. As you can see, I have adjusted the spiral through resizing and rotating it.

    Image 041

    Use the spiral tool (shortcut: F9) or node editor (shortcut: F2) to adjust the end-points, like I have done below:

    Image 042

  25. Once you are happy with the results, your snail is complete!

    Image 043

    Final Result

    Image 044

 

Copyright © 2007-2008 IGMO. Some Rights Reserved.

Creative Commons License

This work is licenced under a Creative Commons Licence
All other trademarks are the property of their respective owners.