[SOLV] How To Create Transparent A Previously Opaque Object?

Post questions on how to use or achieve an effect in Inkscape.
bentinata
Posts: 5
Joined: Thu Jul 17, 2014 6:18 pm

[SOLV] How To Create Transparent A Previously Opaque Object?

Postby bentinata » Thu Jul 17, 2014 6:39 pm

First of all, I don't really understand how to ask this. So, the title is pretty confusing, sorry.

So, I'll describe my problem with image.
Image
This is an image, with white fill and color line.

Image
And this is what happen when I remove the fill.

Image
Usually, I manually use Path → Difference function. So it'll be like this.

Image
But, how if the image is a little bit complex?

Any help will be appreciated, thanks. :)
Last edited by bentinata on Fri Jul 18, 2014 12:59 am, edited 1 time in total.

User avatar
ianp5a
Posts: 106
Joined: Thu Sep 02, 2010 1:30 am

Re: How To Create Transparent A Previously Opaque Object?

Postby ianp5a » Thu Jul 17, 2014 7:13 pm

So you want just the outline with no fill. But also no hidden lines. So just the same lines visible as you showed in you last picture. Where there may be a lot of hidden lines. It could be messy. And a lot of work to remove.

I think the solution is to do it the same way as with your 3 shape example. I can't see a short cut or quicker way. Except maybe to re-draw the lines you need on top. And discard the original.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: How To Create Transparent A Previously Opaque Object?

Postby Lazur » Thu Jul 17, 2014 8:22 pm

Hi.

Why exactly you want to achieve that kind of look?
The path-difference method results in double outlines here and there, which is better avoided for a consistent rendering.
Even if they are of the same colour, where they are above each other, they would look thicker a bit.
So then you would need the node tool to edit nodes anyway, to unconnect some of the nodes.
For possible cnc cutting/plotting, redrawing would be the best solution.


If this is for splitting the armor's outlines and fill to two separate objects, in an organised way,
you can try masking.
Group all objects together, add a black fill, a white stroke, and use it as a masking object on a rectangle with the right colour, to make an "outline object".

bentinata
Posts: 5
Joined: Thu Jul 17, 2014 6:18 pm

Re: How To Create Transparent A Previously Opaque Object?

Postby bentinata » Fri Jul 18, 2014 12:36 am

Thanks for the reply.

Actually, I'm exploring a drawing/coloring style.
Image
This is what I want to achieve (kinda).

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: How To Create Transparent A Previously Opaque Object?

Postby Lazur » Fri Jul 18, 2014 12:53 am

That shading is complicated too so it might benefit to use the node editor tool to have an unclipped path or group of paths with stroke and no fill, on top, for the outlines.

To achieve that look, you can use blurring and clipping,
or search a development build which has the gradient mesh feature (not supported by the svg specs).
http://www.inkscapeforum.com/viewtopic.php?f=5&t=16411

http://www.inkscapeforum.com/viewtopic.php?f=22&t=16091

bentinata
Posts: 5
Joined: Thu Jul 17, 2014 6:18 pm

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby bentinata » Fri Jul 18, 2014 1:16 am

Well, I've achieved my result using your tricks; and forgot to add [SOLVED] tags. And above image is an Inkscape exported image, and rebrushed using GIMP. I wouldn't bother using blurring, clipping, and masking, as it'll use up my computer resources, at least not for this complicated image. Anyway, thanks. :)

PS: Your sig quote somehow make me feel motivated. :)

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby Lazur » Fri Jul 18, 2014 1:27 am

My pleasure!

Most members find that quote in contradiction with me posting in the help topics that frequently and negative, though it's just how I learned using inkscape.
Will have to change it sometime, but I'm glad you find it motivating.

User avatar
druban
Posts: 1917
Joined: Fri Nov 20, 2009 10:48 pm

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby druban » Fri Jul 18, 2014 11:08 am

Things sure do get solved in a hurry these days! That Lazur, his brain has 12 cores and multithreading!
Here's my belated suggestion - it's a cheap trick, really... When you have a raster image that you want to draw over with vector lines, but want to use simple shapes, without a lot of cutting and aligning. It's especially good for spiro drawing....

ImageImage
Your mind is what you think it is.

bentinata
Posts: 5
Joined: Thu Jul 17, 2014 6:18 pm

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby bentinata » Thu Jul 24, 2014 4:25 am

Ah, druban, how do you achieve that results? Sure, I've solve my problem, but it's always good to learn some more tricks. :)

And, yeah, that Lazur is really quick. Browsing some more post in this forum, it's not uncommon to find him. :P

User avatar
druban
Posts: 1917
Joined: Fri Nov 20, 2009 10:48 pm

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby druban » Thu Jul 24, 2014 10:43 am

I thought I attached the SVG but I don't see it now.
Anyway as I said It's a bit of a cheat. All the objects, and the background, have the same image pattern as an opaque fill. that's all but if you have a sketch or painting that you did in a raster program and you want to draw lines on it this is the perfect way to do it with geometric shapes...

Indeed, Lazur is a great asset for the world Inkscape community.

http://imgh.us/patterntrick.svgz
Your mind is what you think it is.

bentinata
Posts: 5
Joined: Thu Jul 17, 2014 6:18 pm

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby bentinata » Thu Jul 24, 2014 4:39 pm

Ah, so using same fill for background and the object itself. I get it, thanks. :)

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: [SOLV] How To Create Transparent A Previously Opaque Obj

Postby Xav » Fri Jul 25, 2014 12:06 am

Here's an alternative approach.

1) Maximise your Window (or use F11)
2) Select your objects.
3) Zoom in to the objects (press "3")
4) Use Edit > Make a Bitmap Copy
5) With the bitmap copy selected, use Path > Trace Bitmap (Brightness Cutoff should do the trick)

This results in a single path with lots of nodes. You won't be able to trivially change the width of the line, so make sure the design looks right before you go through these steps - although this does leave the original objects intact, so you can move them off to the side of the canvas and repeat these steps after you've made any changes, if you need to.

The final result (based on the objects in druban's file, obviously):
Attachments
patterntrick_2.png
patterntrick_2.png (81.37 KiB) Viewed 2611 times
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter


Return to “Help with using Inkscape”