gotcha

Author Topic: Connecting objects  (Read 1274 times)

October 21, 2017, 01:18:02 AM
Read 1274 times

teddyt

  • Newbie

  • Offline
  • *

  • 1
Dear all,

I hope you are doing fine!

I have designed the attached logo. I want to connect the white line to the blue blue objects without overlapping.
Any ideas how to get a smooth connection between both objects?

Best regards,
Kai

October 21, 2017, 06:50:08 AM
Reply #1

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
Hi.

Duplicate the rectangle from the bottom (Ctrl+D after selecting it),
invert selection (!), group objects together (Ctrl+G),
select all (Ctrl+A),
set clipping.

Then you can enter the group and add in more elements, still preserving the clean cut edge.

That's how it goes in general, however chrome doesn't render clipped edges as inkscape, due to a different compositing method used than cairo (inkscape's current renderer).
Meaning what's attached shows the blue-ish anti-aliased edges while in inkscape it looks perfect.


Edit: not sure how the text in the svg got messed up.

October 21, 2017, 01:58:24 PM
Reply #2

flamingolady

  • IC Mentor

  • Offline
  • ******
  • Flamingo Lady

  • 154
  • Gender
    Female

    Female
Well, I would do what Lazur suggested, but as usual, with my twist (I seem to do everything diff, but there are many ways to achieve the end result).  For me,  Inkscape never seems to put the nodes in integral coordinates, and if you add a stroke to the logo on either object, then part of the blue may still show through (I kinda see blue on Lazur's end result). 

What I do is make a thin frame out of the blue part, and layer it on the top of the white zig zag.  Same basic steps as above, just choose the blue background duplicate it, select both blue objects (I find it easier to turn one of the objects a diff color) and then move both to the side to work on. Turn both objects into paths.  Use your ctrl + arrow to make the top object a little smaller, position it correctly, then do your path difference and you are left with a thin frame.  Recolor the fill if need be and place it over both of your original objects and group them all.  You won't see any blue peeking out anymore when lined up correctly.   To each his own way!
dee

October 21, 2017, 02:25:49 PM
Reply #3

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
then part of the blue may still show through (I kinda see blue on Lazur's end result)

however chrome doesn't render clipped edges as inkscape, due to a different compositing method used than cairo (inkscape's current renderer).

Bottom -clipped object- is rendered right in inkscape.