Javascript required
Skip to content Skip to sidebar Skip to footer

Draw Roughen Lines in Inkscape Path Effects

Download Article

Download Article

Inkscape is used for creating vector graphics, but just because it is a vector image doesn't mean it has to look like it. Read this article to learn how to do it. If you don't have Inkscape, click here to download it.

Note: The shape being created in this article will be a heart but you can use the knowledge you gain to create whatever image you want.

Steps Download Article

  1. 1

    Open Inkscape and select the bezier tool with Spiro selected. Be sure that "None" is selected in the shape.

  2. 2

    Draw a rough shape of half of a heart. Finish the shape by right clicking or hitting enter.

  3. 3

    Select the Node tool.

  4. 4

    Select the two left most nodes. You can do this by:

    • Using a selection bottle to isolate them; or
    • Clicking on one and hold down SHIFT and clicking on the other.
  5. 5

    Open up the Align and Distribute toolbar by clicking on CTRL + SHIFT + A. Click on "Align Selected Nodes Vertically".

  6. 6

    With the node tool selected, select all of the nodes. Click on "Auto-smooth".

    • Your work so far.
  7. 7

    Click on Path >> Object to Path to apply the Spiro effect permanently.

  8. 8

    Duplicate the path by clicking on Edit >> Duplicate (or CTRL D).

  9. 9

    Flip the path horizontally by clicking on Object >> Flip Horizontal.

  10. 10

    Create the heart shape. Do this by selecting "Align left edge of object to anchor right edge".

  11. 11

    Combine the paths of your heart (which is two paths) to one. Click on Path >> Combine (Ctrl K). Now your heart is one path.

  12. 12

    Select the Node Tool.

  13. 13

    Select the very bottom of your heart.

  14. 14

    Join the separate nodes (from the two halves) by clicking on the icon for "Join Selected Nodes".

  15. 15

    Repeat for the point directly above the ones just joined.

  16. 16

    Simplify the path by clicking on Path >> Simplify (CTRL L).

    • Progress so far.
  17. 17

    Create a duplicate of the heart so far (CTRL D) and move it to the side.

  18. 18

    Select the heart (the original one).

  19. 19

    Open the Path Effect Editor by clicking on Path >> Path Effect Editor (Shift + CTRL + 7).

  20. 20

    Select "Hatches (rough)" from the drop down list, then click on Add.

    • Don't be concerned that it looks like a lot of scribbles. That is what it is supposed to look like.
  21. 21

    Click on Node Edit (yes, again).

  22. 22

    Start making adjustments. There are two nodes for you to move around to get the scribble effect. Move things around until it looks like you want it to look.

  23. 23

    Select the duplicate heart and duplicate it again (CTRL D).

  24. 24

    Click on the Path Editor Tool (Ctrl + Shift + 7) and select Sketch and then Add. There will be a lot of options that you can experiment with.

    • Cool sketched heart.
  25. 25

    Click on the Select Tool and then change the color of your sketched heart. Here it will be red. (Note the two colors of the screenshot. This is because a mistake was made and there was an extra piece to work with, but it works).

  26. 26

    Move one of the sketched hearts over the scribbled heart shape.

  27. 27

    Select the heart-shaped path (not the sketched one) then select Extensions >> Visualise Path >> Number Nodes.

  28. 28

    Change the numbers to Font size 30px and Dot size 10px.

  29. 29

    Move the duplicate sketched heart over the number nodes.

  30. 30

    Save your work. You now have two complete heart projects. Use any combination of them to get the look of what you want.

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit


Thanks for submitting a tip for review!

Things You'll Need

About This Article

Thanks to all authors for creating a page that has been read 46,915 times.

Is this article up to date?

Draw Roughen Lines in Inkscape Path Effects

Source: https://www.wikihow.com/Draw-a-Sketched-Shape-Using-Inkscape