inkscape: how the clip function works (mini-tutorial)

By ryanlerch

Recently, Lensman posted a comment on my simple orb bubble tutorial. He was asking a question about how the clipping works in inkscape. I understand his pain, because when i started with inkscape, i was not sure how it worked either, until bulia posted his ropes and tubes tutorial.

So i decided to post this little mini-tutorial thingo to help anyone out there who wants to know.

Basically, what clipping in inkscape does, is takes the top path in a selection and clips all the paths below it (in the selection) to the shape of the top path. Confused? Let me walk you through a simple example:

  1. Draw some simple shapes.
  2. Now draw your clipping path. (mine is a pink star). And make sure this path is on top of all the other objects/paths (don’t worry about colour, after the clip this path will not be visible)
  3. Select all the paths now, and go to Object > Clip > Set. You can see the result below.

clip1.png

So how does this tie in to the orb tutorial i did before? I have done a simple example of the workflow again. (this time only the clipping part of the tutorial…)

clip2.png

and thats about it. Please tell me if this has helped you, and i try to answer any comments & questions as soon as possible.

20 Responses to “inkscape: how the clip function works (mini-tutorial)”

  1. Lensman Says:

    This is all for me? :D Thanks a lot Ryan.

  2. ry Says:

    not a problem mate! i hope it helped you, cos if it did, it hopefully will help someone in the future!

    :P

  3. Lensman Says:

    I finally managed to put things straight :) have a look here The letters are made with your Orb / Bubble style. This realy helped :D

  4. ry Says:

    those letters are very, very cool!
    im glad to be of assistance
    :P

  5. Nicu Says:

    Lensman, I like those letter too, well done!

  6. Lensman Says:

    Thanks to you too Nicu. :) As you can see i used you Stamp tutorial for the penguin.

  7. tomh Says:

    One thing to note is that if you want to edit the clip path the only way to do so at the moment is to go to clip -> release, but if you have clip set on multiple items, say on the letter, the highlight and the dark shading, then you will end up with 3 clip paths to edit unless you group the objects that you want to clip first.

  8. ry Says:

    Lensman, I did not realise that you used Nicu’s tutorial as well!

    nice!

    that is a cool tutorial aswell

  9. ry Says:

    tomh,

    thanks for the tip! i new something like this was happening when i was clipping my paths, now i know exactly. I need to get in the habit of grouping my objects together before i clip…

    :P

  10. how inkscape’s clip function works « the inkscape tutorials blog — a big list of cool inkscape tutorials… Says:

    [...]  view this tutorial [...]

  11. Nephron Says:

    I am familiar with clipping now, it is like masking on Flash.

  12. ry Says:

    thanks for stopping by and leaving a message, Nephron!

  13. Excelente blog sobre Inkscape « Bloguear por bloguear… Says:

    [...] Mini-tutorial que muestra algunas cosas interesantes que hacer símplemente cortando y pegando figur… [...]

  14. Brian Says:

    Ryan, thank you very much for this mini-tutorial.

    I’m fairly new to inkscape, (and graphic art in general), and I was trying to figure out how to do this very thing last night. This will be very helpful.

  15. sminkal Says:

    This was very helpful. I had gone through bulia’s rope/tube tutorial and couldn’t make it work. Your tutorial made me understand the concept. Thanks

  16. Pi Says:

    Very useful
    Thanks

  17. Patrick Masson Says:

    I do not have “clip” under the Object menu??? Any advice? Version .43 SUSE Linux.

  18. Nekiwa aka Harvest Says:

    Hi, I am still totally lost. Help! I have no idea at all how to use inkscape, my dream and plan is to design women’s t-shirts. I’ve downloaded inkscape and have dibbed around to try to get familiar with it. Can u help!

  19. Lilly Says:

    Thank you so much Mwah….Now I have made a logo for my company thanks to you :D

  20. Carlos Says:

    this site es interesting, congratulations

Leave a Reply