Inkscape.org
Beginners' Questions How do I add a border to an object while maintaining the size of the object in question?
  1. #1
    Surebrec Surebrec @Surebrec

    I'm new to Inkscape and I am trying to learn as I go.

    Right now, I am following tutorials on Youtube, this one in particular right now:

    https://www.youtube.com/watch?v=62msKgMVirQ
     

    At about 3 minutes in, he duplicates the object and applies a border. This is where I start to experience something different to what is being shown in the video.

    Simply put, when I try to do it to my object, the bother reduces the size of the object I am adding it to, as is shown in this image:
     

    https://imgur.com/4oW793p

     

    Is there something I need to do to get the border to act the way it does in the video?

    Thanks in advance.

  2. #2
    Polygon Polygon @Polygon🌶

    The Red color is transparent and the normal order is: Fill/Stroke/Markers but you want: Stroke/Fill/Markers what you can apply in the Fill and Stroke tab under Order:.

  3. #3
    Surebrec Surebrec @Surebrec

    I tried that, but it doesn't make any difference. The border applied to the red object at the back still  makes the object smaller.

  4. #4
    Polygon Polygon @Polygon🌶

    Really? Show me.

  5. #5
    Surebrec Surebrec @Surebrec

    https://i.imgur.com/jhH3uDX.gif

  6. #6
    Polygon Polygon @Polygon🌶

    What is path7166 doing other than blocking your view onto path9402?

  7. #7
    Surebrec Surebrec @Surebrec
    *

    Path 7166 is the green S in front of path 9042 which is the red S. Both are at 50% transparency, as is shown in the video tutorial I am trying to replicate.

     

    https://i.imgur.com/mdf6Pjh.gif

    Correction: Only the green S in the foreground has 50% opacity.

  8. #8
    Tyler Durden Tyler Durden @TylerDurden

    Actually, the red object 9402 also has transparency... observe the fill/stroke indicator in the lower left corner.

    I'd make 7166 opaque, so the red does not show through.

  9. #9
    Surebrec Surebrec @Surebrec
    *

    I know that.

    I'm not having a problem with transparency. My problem is that when applying a border to the object in the back (the red S), the border is being applied at the expense of the size of the S itself.

    This is the video I'm trying to replicate.

    https://youtu.be/62msKgMVirQ?t=145

  10. #10
    Polygon Polygon @Polygon🌶

    I guess you converted the text object with Stroke to Path. That's why fill order has no effect. Show us with the node tool selected.

  11. #11
    Tyler Durden Tyler Durden @TylerDurden

    @Surebrec,

    Stroke is always applied to both the inside and outside of a shape or path. http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Fill-Stroke.html . (It does not affect the underlying geometry.)

    It can be hidden by a fill, using the paint-order controls Polygon has illustrated.

     

     

  12. #12
    Surebrec Surebrec @Surebrec

    https://i.imgur.com/KonbrvH.png

  13. #13
    Polygon Polygon @Polygon🌶
    *

    Ok - that´s how SVG is looking in Inkscape: Stroke+coloured filled object . I still don´t get what your issue is with that.

  14. #14
    Surebrec Surebrec @Surebrec
    *

    My issue with it, is that what I am doing, it isn't reflecting the steps in the video I posted the link to.

    In the video, the narrator when he applies adds the border, it's being added to the outside of the object. It doesn't overlap the fill. When I do it, the border is over-lapping the fill by 50% of it's width, making the fill smaller.

    https://i.imgur.com/SLovTmF.gif



    I recently came back to give it another try and I'm still getting the same issue, as demonstrated above.

    https://youtu.be/62msKgMVirQ?t=175
     

    In this video when he applies the border, it's applied to the exterior of the fill. It doesn't overlap the fill as it's doing with me. I've tried adjusting the order as suggested already but it doesn't fix the issue.

     

    Here's a picture of the border set to red with a radius of 30 PX, overlapping the grey fill. Do you see the issue I am having now? This isn't how it works in the video.

     

    https://i.imgur.com/ZZTipe7.jpg

  15. #15
    Tyler Durden Tyler Durden @TylerDurden
    *

    It still looks like there is transparency: I'd ensure both objects are 100% opaque: fill, stroke and object.

    To make this easier, attach the Inkscape SVG at the current state, by clicking the paperclip button at the bottom of the reply window.

  16. #16
    Surebrec Surebrec @Surebrec

    I know there's transparency there. I set the transparency to better show what it's doing. My problem isn't the transparency. My problem is that the border is overlapping the fill by 50% of it's width

    If I remove the transparency, it still does it.

    https://imgur.com/8A4MBH7.


     

    S
  17. #17
    Tyler Durden Tyler Durden @TylerDurden
    Surebrec

    My problem isn't the transparency.

    Sure about that?

     

  18. #18
    Surebrec Surebrec @Surebrec

    Even setting that to 100%, it's still doing it.

  19. #19
    Tyler Durden Tyler Durden @TylerDurden

    Note that both objects must be 100% opaque and the larger (green) object is lower in the Z-order.

  20. #20
    Tyler Durden Tyler Durden @TylerDurden

    Attached is a vid of the process, no narration.

     

Inkscape Inkscape.org Inkscape Forum Beginners' Questions How do I add a border to an object while maintaining the size of the object in question?