Inkscape Clipping and Masking | Inkscape

Поділитися
Вставка
  • Опубліковано 14 лип 2021
  • Clipping and Masking are important tools in Inkscape’s arsenal, giving you the ability to create some exceptional artwork. Clipping and masking are very similar - both allow you to hide part of an object, path, group or image, but you can also vary an objects transparency when using masks.
    In this tutorial, I show you how to use both features and demonstrate how you can create realistic shading, highlights, and reflections to take your artwork and graphic designs to the next level.
    In this tutorial, I’m using the latest version of Inkscape - Inkscape 1.1
    #createforfree #inkscape #clippingandmasking
    Inkscape logo by Andrew Michael Fitzsimon
    Intro Music: Find Your Way Beat - Nana Kwabena
  • Навчання та стиль

КОМЕНТАРІ • 85

  • @CreateForFree
    @CreateForFree  3 роки тому +18

    Since making this video, I have discovered a much better way to soften a clipped edge. Instead of putting the clipped object on it's own layer and blurring the layer, you can group the object (on it's own) then blur the group. This allows you to place it or group it just like any other object 👍

  • @FoeFear
    @FoeFear 3 місяці тому +1

    I'm so glad I clicked on this video! I've been using inkscape for a couple of years and I haven't been able to create complicated designs. This really helps!

  • @rebeccaoluwakemi7735
    @rebeccaoluwakemi7735 2 роки тому +4

    After watching various UA-cam videos on how to clip objects, I finally learned how to properly do it with your video.🙌

    • @CreateForFree
      @CreateForFree  2 роки тому

      I'm pleased to hear my video helped 🙂

  • @ewob52h74
    @ewob52h74 2 роки тому +3

    You're the only one who explained WHY you duplicate the object before you click Object-Clip-Set. TY!

  • @DebHeadworth
    @DebHeadworth Рік тому +1

    Wow! Thank you! I’m extremely grateful you shared your knowledge here in such a concise and easy sequence. Just the right pace to learn from! Thanks!

  • @anahata2009
    @anahata2009 2 роки тому +3

    So clear and concise! Thank you for such a helpful video. I especially appreciate that you contextualized masking in this way. I have watched other videos that showed how to do masking, but only in an abstract way, and I really couldn't understand when or why you would ever use it. But now I get it, thanks to you.

    • @CreateForFree
      @CreateForFree  2 роки тому

      Thanks for your comments, glad you found it helpful.

  • @ezamyazny5877
    @ezamyazny5877 Рік тому +1

    This is very skillful. Thanks, u got my sub

    • @CreateForFree
      @CreateForFree  Рік тому

      Thanks for subscribing, hope you found it helpful.

  • @meadowlarkfine4646
    @meadowlarkfine4646 3 роки тому +1

    Clever. Thanks!

  • @stevo6572
    @stevo6572 3 роки тому +1

    TY for this excellent tutorial...keep em coming!

    • @CreateForFree
      @CreateForFree  3 роки тому

      Thanks again for the positive feedback, always good to hear my videos are helpful.

  • @RUSTICW0LF
    @RUSTICW0LF 2 роки тому +1

    Great tutorial my friend.
    Thanks for sharing this simple and so effective technique.
    loving your videos keep em comming! 👍🐺👍

  • @FestaNoYoutubiu
    @FestaNoYoutubiu Рік тому +1

    Nice job, Sir.

  • @katemccarthy2463
    @katemccarthy2463 2 роки тому +1

    Not done this before, so thank you for the great tutorial.

  • @nigelpallatt
    @nigelpallatt Рік тому +1

    Really good I had no idea that was posible in IS. Thank you!

  • @ChuckCoy
    @ChuckCoy 10 місяців тому +1

    Nice, thanks for the lesson!

  • @ahmath71
    @ahmath71 2 роки тому +1

    Great tutorial, many thanks.

  • @animatoonstv.2216
    @animatoonstv.2216 2 роки тому +1

    Amazing thanks for sharing this information.👍😃

  • @skyeblue6834
    @skyeblue6834 Рік тому +1

    Hello from a very cold south coast in UK this has been very helpful and no I didnt already know this stuff but then Im a newbie anyway so stuff like this is most helpful and now I dont have to spend weeks pulling out my hair so thank you

    • @CreateForFree
      @CreateForFree  Рік тому

      Glad you found it helpful. Also on the South coast, still a chill in the air but it's been a nice day here

  • @TheRamanm
    @TheRamanm 2 роки тому +1

    thanks useful ideas

  • @babysaho9576
    @babysaho9576 2 роки тому +1

    Downloaded inkscape last week. Binge watching videos to learn how to use it. Your video helped a lot, thanks very much.

    • @CreateForFree
      @CreateForFree  2 роки тому

      Glad to hear they're helping, feel free to ask if you get stuck - and suggestions for videos are always welcome

    • @babysaho9576
      @babysaho9576 2 роки тому

      @@CreateForFree Thanks, l will..

  • @kamius1
    @kamius1 2 роки тому +1

    Very useful tutorial. Many thanks .

  • @thoughtfulshorts662
    @thoughtfulshorts662 2 роки тому +1

    Nice! Thank you so much

  • @CreateForFree
    @CreateForFree  2 роки тому

    Thanks, Hanney for your comment, UA-cam seems to have removed the comment but it did come through on my emails :-) Glad you found it helpful

  • @ericmuhlberg4763
    @ericmuhlberg4763 2 роки тому +1

    Awesome video, 15 min well invested 👍

    • @CreateForFree
      @CreateForFree  2 роки тому +1

      Being able to add graduated shading to your artwork can makes a huge difference, glad you found it helpful.

  • @jocargua
    @jocargua 3 місяці тому +1

    Thank YOU !!!!!

  • @geckosonic
    @geckosonic 11 місяців тому +1

    Excellent video, perfectly paced. This can be such a difficult subject to explain

  • @slowpainful
    @slowpainful 2 роки тому +1

    Really helpful, thank you so much! Also, I lived in Britain for a long time so I loved when you said "bits n bobs" lol.

    • @CreateForFree
      @CreateForFree  2 роки тому

      Glad to help. So where abouts did you live?

    • @slowpainful
      @slowpainful 2 роки тому +1

      @@CreateForFree I lived in London 1974 to 1990- everywhere from Muswell Hill to Bayswater to Brixton! I moved a lot. Most amazing city.

    • @CreateForFree
      @CreateForFree  2 роки тому

      @@slowpainful I spent a good few years living in Kent (Just to the SE of London), Ramsgate, Canterbury, Dover and a couple of small villages in the same area - so an hours drive down the road.

  • @vicky92447
    @vicky92447 Рік тому +1

    Learn lots of things from the video

  • @freewings84
    @freewings84 2 роки тому +1

    👍

  • @SteveMacSticky
    @SteveMacSticky Рік тому +1

    thank you for the video

    • @CreateForFree
      @CreateForFree  Рік тому +1

      You're welcome 👍

    • @SteveMacSticky
      @SteveMacSticky Рік тому +1

      @@CreateForFree I am really impressed with the latest Inscape. aside from all the new features I am surprised how fast and stable it is on my potato laptop. I have a very slow low RAM, slow HDD, CPU, but inkscpae always runs much better than proprietary programs on my faster office machine

    • @SteveMacSticky
      @SteveMacSticky Рік тому +1

      I have also found inkscape is much more faster and stable on Linux than Windows.

    • @CreateForFree
      @CreateForFree  Рік тому +1

      I've been thinking about trying Linux, Windows is great and easy to use but it does mean that programs run alot slower, do you use any programs such as Wine so you can run Windows software?

    • @SteveMacSticky
      @SteveMacSticky Рік тому +1

      @@CreateForFree I do use wine but hardly use it to run Windows software as I am not needing it on my potato laptop. wine has quite improved what with valve and proton improving upon it for their steam deck console. there are quite a few apps that are a UI for wine such as Bottles and playonlinux etc. there's also a paid program from codemasters or something that is an excellent program for running windows apps on Linux and Mac.

  • @kon_radar
    @kon_radar Рік тому +1

    I'm thinking that masks should never be in the shape of the underlying object, otherwise we have a double transparency on edges. The first anti aliasing transparency of edges from the underlying object, and the second one from the mask.
    So either we have to make the underlying object a rectangle, or the mask should be a rectangle.

    • @CreateForFree
      @CreateForFree  Рік тому

      I think anti aliasing is applied to the image as a whole when rendered to smooth pixelated edges, I'm not sure how noticeable it would be but it's a good point, Thanks

  • @yuyutalks
    @yuyutalks Рік тому +1

    What is all these complication? Powerclip feature needs to be added to Inkscape ASAP. The only reason why I would have to go back to windows

    • @CreateForFree
      @CreateForFree  Рік тому

      There is a power clip LPE but you will probably find clip groups more useful, which allows you to clip a group of objects as well as adjust them without removing the clip.

    • @yuyutalks
      @yuyutalks Рік тому +1

      @@CreateForFree then how do you add a solid color to the background of the clip?

    • @CreateForFree
      @CreateForFree  Рік тому +1

      @@yuyutalks Clip works on groups as well as individual paths, so you could just drag out a rectangle behind the other elements, group them and clip the whole lot in one go. alternatively, you could create a clip group which uses the colour of the path you convert into the clip group. Can't remember if I mentioned in the following video but you can right click on the clip group and use enter group to work inside the clipped area and double clip outside the clip group to exit it.
      Watch this video on Clip Groups and it will hopefully make more sense.
      ua-cam.com/video/ht4wdce0ra4/v-deo.html

  • @154Colin
    @154Colin 2 роки тому +1

    I have drawn a circle and I have an image. I want to cut out of the circle. How would I do that? Would that be a reverse clip?

    • @CreateForFree
      @CreateForFree  2 роки тому

      If you want to clip the image to the shape of a circle, then with the circle on top - select both and use 'Set Clip'.
      If you want to cut the circle out of the picture then you would use 'Set Inverse Clip', that said I just tried it in Inskscape 1.2 and it just did the same as 'Set Clip' ??
      If this is happening to you, you could position your circle where you want to cut out the hole then draw a rectangle over the whole lot. Lower it down so it is under the circle, then select both the circle and the rectangle and go to Path - Difference, this will cut the circle out of the rectangle. Then select the rectangle and the image and use 'Object - Clip - Set Clip' and it should cut the circle out of your image.

    • @154Colin
      @154Colin 2 роки тому

      My goal is to cut out the Black shape of the State of New York from the Orange circle while retaining the Black State of New York shape. Group those and remove the circle/ shape combination from a Black Triangle. Thus all will be on the same level. In the finale it would become a decal. I think you would see what I am envisioning if I could transmit a .jpg of it as it stands right now.

    • @CreateForFree
      @CreateForFree  2 роки тому

      @@154Colin You could send it to create-for-free@outlook.com if you like, write a description of what you want to do and I'll see if I can help.

  • @skins3738
    @skins3738 2 роки тому +1

    How do you edit an object once it is clipped inside another object after deselecting it?

    • @CreateForFree
      @CreateForFree  2 роки тому +1

      If you are using Object - Clip - Set to clip your objects then you can use Object - Clip - Release Clip to undo the clip, you can then make the adjustments and clip it again.
      Alternatively you can use clip groups which allow you to adjust objects within the clip group without the need to release the clip. I demonstrate this in the following videos.
      In this video I explain clip groups:
      Clip Groups | Water Colour Filter | Inkscape - Flower Border
      ua-cam.com/video/ht4wdce0ra4/v-deo.html
      and in this one I use clip groups in Inkscape 1.2 with the new Layers and Objects dialog box:
      Inkscape 1.2 Trace Bitmap
      ua-cam.com/video/Vbb2qc9I9xg/v-deo.html
      I also demonstrate how you can select objects in the L&O dialog box.

    • @skins3738
      @skins3738 2 роки тому

      @@CreateForFree Thank you.

  • @trevh9401
    @trevh9401 Рік тому +1

    Clipping doesn't work for me in 1.2. When I draw a shape over my image, it doesn't have a colour like yours did - it's just transparent with an orange border. And selecting it and then setting clip does nothing at all.

    • @CreateForFree
      @CreateForFree  Рік тому +1

      The colour of the shape you draw over the top is just set by you, either in the fill and stroke dialog box or using the Swatch at the bottom (select the shape and click on a colour or hold shift and click on a colour to change the colour of the stroke)
      When you use it to clip, the shape you want to use as the clipping mask must be on top and you should have both the clipping shape and the object below selected - hold down shift to select multiple objects, then use set clip. Good luck!

  • @Gaswafers
    @Gaswafers 2 роки тому +1

    Am I missing something, or is the clipping feature kind of redundant with masking? The only difference is that clipping doesn't care about the color of the object being used to clip, isn't it?

    • @CreateForFree
      @CreateForFree  2 роки тому

      That's right, you can clip with a mask but it's more work. 9 times out if 10 I just want to crop things to the right shape, so clipping is quick and easy

  • @brunel23
    @brunel23 2 роки тому +1

    Masking doesn't work for the reflection, I get either a white or a black square.

    • @CreateForFree
      @CreateForFree  2 роки тому

      Try opening up a new document, create a simple shape like a circle. Then draw a rectangle over the top, give it a black to white gradient and go to Object - Mask - Set Mask. Your original shape should fade out at one side. Sometimes Inkscape has little glitches that are often isolated to a single document, if it works on the new document but not your original one, try selecting all the elements of your project from the original document (without the mask), copy them and paste them into the new document and then try applying a mask and hopefully it will work. If it doesn't work on either then you might want to uninstall Inscape and reinstall it - can upgrade to Inkscape 1.2 if you haven't already. Hopefully one of these will fix your problem.

  • @gekigasky
    @gekigasky Рік тому

    obnoxious intro

    • @CreateForFree
      @CreateForFree  Рік тому

      Watch a few more of my early videos - you might get to like it!