How to Create a Vector Starfish With Inkscape

Start up Inkscape., Click on the polygon tool with these settings: Spokes - 5: Number of points for the star Spoke Ratio - 0.49: How far the sides cut in towards the center Rounded - 0.18: This gives the star a more rounded and 'chunky' look, as...

15 Steps 2 min read Advanced

Step-by-Step Guide

  1. Step 1: Start up Inkscape.

    Random
    -
    0.020:
    Gives it a bit of an irregular look.

    Be sure you have the star selected and not the pentagon shape.

    Otherwise, it just won't look right. , This will give you a right leaning star. ,, Click on Object >> Fill and Stroke.

    This will bring up the dialog box. , This will bring up several more tabs.

    Click on the wheel tab from there.

    You can choose any color that you like and for the stroke; make it 6 pixels.

    If you have a certain color that you would like to use, just insert the hex code into the box below the wheel.

    Note that the basic star shape is complete.

    Now, you will be giving your star some character. , It will have the same coloring as you had before.

    That's OK, because you will be changing that. , You will use a gradient fill for the Fill.

    Click on the linear gradient fill (third icon from the left) and then click the 'Edit' button.

    Inkscape uses 'stops' to allow you to control the gradient.

    You can add as many as you like and make a more complicated gradient if wished.

    This will only require the 2 default stops.

    Set stop 1 to RGBA fafafaff and stop 2 to RGBA ddddddff.

    The two colors are pretty close and it may not look like there is a difference until you are finished.

    If the dialog box doesn't come up immediately, double click on the eye (the outer perimeter) until it does. , You will want to make it appear like your star is looking at an angle.

    Try about 120 degrees.

    It is easiest to think of it one of these two ways:
    About the angle of 4:30 or so or break up a circle into segments. 360
    - Circle 180
    - Semi-circle 90
    - Quarter circle 120 is halfway between the two , You will want to have it 'looking up' at the same angle as the gradient. , Give it an angle with the Selector tool.

    Click on it again to allow you to rotate it.

    If you can't seem to get them both selected together, hold down SHIFT while selecting. , While both are selected, duplicate the eye (unless you have a pirate star!). ,
  2. Step 2: Click on the polygon tool with these settings: Spokes - 5: Number of points for the star Spoke Ratio - 0.49: How far the sides cut in towards the center Rounded - 0.18: This gives the star a more rounded and 'chunky' look

  3. Step 3: as opposed to a sharp pointed star.

  4. Step 4: Click in the center of your work space and drag off to the right.

  5. Step 5: Move the eye so that it is beside the other eye at the correct angle.

  6. Step 6: you will set the fill and stroke properties.

  7. Step 7: Click on the Fill tab

  8. Step 8: then on the second icon from the left.

  9. Step 9: Click on the circle icon and make an oval.

  10. Step 10: Go to the Fill and Stroke dialog box and set the stroke for 1.4 black.

  11. Step 11: Make your eye more lifelike.

  12. Step 12: Put in a small black circle in the white eye.

  13. Step 13: Can't the eye.

  14. Step 14: Duplicate the eye.

  15. Step 15: Move it until you have a completed star.

Detailed Guide

Random
-
0.020:
Gives it a bit of an irregular look.

Be sure you have the star selected and not the pentagon shape.

Otherwise, it just won't look right. , This will give you a right leaning star. ,, Click on Object >> Fill and Stroke.

This will bring up the dialog box. , This will bring up several more tabs.

Click on the wheel tab from there.

You can choose any color that you like and for the stroke; make it 6 pixels.

If you have a certain color that you would like to use, just insert the hex code into the box below the wheel.

Note that the basic star shape is complete.

Now, you will be giving your star some character. , It will have the same coloring as you had before.

That's OK, because you will be changing that. , You will use a gradient fill for the Fill.

Click on the linear gradient fill (third icon from the left) and then click the 'Edit' button.

Inkscape uses 'stops' to allow you to control the gradient.

You can add as many as you like and make a more complicated gradient if wished.

This will only require the 2 default stops.

Set stop 1 to RGBA fafafaff and stop 2 to RGBA ddddddff.

The two colors are pretty close and it may not look like there is a difference until you are finished.

If the dialog box doesn't come up immediately, double click on the eye (the outer perimeter) until it does. , You will want to make it appear like your star is looking at an angle.

Try about 120 degrees.

It is easiest to think of it one of these two ways:
About the angle of 4:30 or so or break up a circle into segments. 360
- Circle 180
- Semi-circle 90
- Quarter circle 120 is halfway between the two , You will want to have it 'looking up' at the same angle as the gradient. , Give it an angle with the Selector tool.

Click on it again to allow you to rotate it.

If you can't seem to get them both selected together, hold down SHIFT while selecting. , While both are selected, duplicate the eye (unless you have a pirate star!). ,

About the Author

M

Matthew Baker

A passionate writer with expertise in practical skills topics. Loves sharing practical knowledge.

56 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: