Blend mode "Overlay"

Janne · Postby **Janne** » Wed Nov 12, 2014 4:58 am

I have been searching and reading and know, that Inkscape doesn't come with the blend mode option "Overlay".

Is there any other way that I might achieve the same result as on the screen shot which I have attached?

I am pretty sure that I'll be able to create the gradients which have been made in Illustrator with the Gradient Mesh tool.
I don't have Illustrator anymore and I am very satisfied with Inkscape but I am still in the learning process.

Thank you and have a nice day

Maestral · Postby **Maestral** » Wed Nov 12, 2014 9:25 pm

You can try a little tenderness

Among filters you`ll find "Colorize" and at the bottom of that same drop-down menu, there`s Filter Editor which would enable you to adjust the color.

Janne · Postby **Janne** » Wed Nov 12, 2014 11:47 pm

Thank you, Maestral, it was very kind of you to answer my question.
And I've got your hint

Have a nice day

Janne · Postby **Janne** » Thu Nov 13, 2014 1:07 am

I really like your result, Maestral, but I am not able to do the same.
I have watched some tutorials on the Filter Editor but I don't know how to arrive to your result and I am not able to find a tutorial on Colorize..

Would you please help me or tell me what I am doing wrong?

The color changes but not the blend - it stays a solid color.

Maestral · Postby **Maestral** » Thu Nov 13, 2014 1:38 am

Maestral wrote:Among filters you`ll find "Colorize" and at the bottom of that same drop-down menu, there`s Filter Editor which would enable you to adjust the color.

So...

- Select the Grey one (all shapes except the Red one)
- Group them (Ctrl+G)
- While having that group active/selected, go for the "Filters" drop-down menu
- Click on "Color" and than chose "Colorize" from the sub-menu

For adjusting colors, you`ll now have Colorize instead of filter1 in Filter Editor.
Click on Flood, which would show you Flood color at the bottom.

Try again, with a little more tenderness ,)

hulf2012 · Postby **hulf2012** » Thu Nov 13, 2014 1:54 am

Maestral wrote:You can try a little tenderness

Good try Tom Jones, but Otis Redding can do it best

About the filter issue. I've tried a quick test here, and It seems that you have to group all the shapes that conform your design. And then apply the filter to the Group
. I've also transofrmed all the shapes to paths.

Another trick could be just duplicate the original design, Union all their shapes to create a "masking shape". In your case there will be ease as your shape is a big circle. Well just change the opacity of the "masking shape" to 25% or 50%, and change the color too.

Janne · Postby **Janne** » Thu Nov 13, 2014 2:05 am

You guys rock!

Thank you so much - I'll try to work on it now

Janne · Postby **Janne** » Thu Nov 13, 2014 2:17 am

Woo Hoo - that worked out fine

The colors are not so vivid as they are with an Overlay but I believe that I just have to play around with them

Thank you both!

Maestral · Postby **Maestral** » Thu Nov 13, 2014 2:26 am

Perhaps... if you keep bright reflections separate / apply Filter just on the base, and than place the reflections over it.

@ hulf2012
Oh, I would listen to Otis, even to Bo if he had something to tell me. But, most likely I`d take it seriously if another girl told me ,)

Janne · Postby **Janne** » Thu Nov 13, 2014 2:42 am

Thank you again, Maestral - I'll try to keep the lighter parts separated and maybe add a Gaussian blur to them

Xav · Postby **Xav** » Thu Nov 13, 2014 10:49 pm

If it's just the hue (colour) you want to change, you could use this approach:

1) Draw your image using one pure colour as a base. For example, you could re-create this design using gradients that run from white to black, with a middle stop of pure red.
2) Group the design.
3) Add a filter to the group. The only filter effect you need to add is "Colour Matrix".
4) In the filter effect's properties, select "Hue Rotate" for the type.
5) Move the slider to change to different colours.

Janne · Postby **Janne** » Fri Nov 14, 2014 2:35 am

Thank you very much, Xav - I will definitely try your method!

Xav · Postby **Xav** » Fri Nov 14, 2014 2:47 am

I actually tried several different methods, but they all suffered from either losing the white (so highlights become pink when using a red colour) or losing the blacks (so shadows become murky red). I'm sure there's a cunning approach that would do the trick by combining masks, clones and filters, but it's likely to be complex.

This approach (of using a three-stop gradient then rotating the colours with a filter) was the only "simple" solution I could find that also kept the highlights and shadows intact.

Maestral · Postby **Maestral** » Fri Nov 14, 2014 2:54 am

Thanks Xav, for this gem.

Janne · Postby **Janne** » Fri Nov 14, 2014 3:53 am

I must do something wrong....

I would like this but get something else - interesting, but not exactly what I would like though.

But thank you for all your effort

Lazur · Postby **Lazur** » Fri Nov 14, 2014 8:24 am

Change the flood fill's colour to white in the filter ^.

Maybe it's that I'm listening to overkill, but when I try to save as any "tricky" blending to pdf, the result gets "thrashy".
Will try it with a german interpretation.

Edit:
Could make this test image
https://openclipart.org/detail/204401/blending-test-by-lazur-urh-204401.
Pdf seems broken.
At least it gives an idea how the filtering can be avoided if you have a black to transparency and a white to transparency gradient linked to eachother over a solid fill colour.

The filtering has a known bug https://bugs.launchpad.net/inkscape/+bug/850987, the others should work.

Maestral · Postby **Maestral** » Fri Nov 14, 2014 9:59 pm

@ Janne

If you can make a one, others would follow but with a bit more accurate apply of the Xav`s suggestion:

- duplicate or clone the finished grouped object/shape (red, in my example),
- select that new one,
- in "Filter Editor", add "New" filter and make it active (check-box)
- chose "Color Matrix" from the menu and click on "Add Effect",
- chose "Hue Rotate" as a "Type",
- move that "Value(s)" slider till desired color appear.

@ Lazur

Was intrigued with your remark but could not reproduce it. There are "black to transparency" and "white to transparency" gradients on these above but pdf looks alright. Problem appeared when "Rasterize filter effects" was unchecked, but that I would expect. Have I missed something?

Xav · Postby **Xav** » Fri Nov 14, 2014 10:30 pm

Okay, here's my best effort. In the background is a group of greyscale gradients (actually just one gradient, re-used) to create the general highlights and shadows. On top of that is a coloured circle with a filter applied. The filter uses the composite operation twice: once to combine the colour with the background, and the other to clip the result so that it's confined within the circle. Just change the colour of the circle as normal to modify the bauble.

In the filter editor you can select the first composite and then play around with the K1-4 sliders to adjust the amount and size of the highlights and shadows - but it's pretty much trial and error to be honest.

This relies on using the "background image" input in the filter. This requires an extra bit of data to be put into the XML that Inkscape doesn't include by default. The easiest way to add it is to open the Layers dialog, select a different blend mode, then just switch it back to normal - changing blend modes causes Inkscape to add the XML.

: baubles.png (122.6 KiB) Viewed 7199 times

Lazur · Postby **Lazur** » Fri Nov 14, 2014 11:10 pm

Maestral wrote:@ Lazur

Was intrigued with your remark but could not reproduce it. There are "black to transparency" and "white to transparency" gradients on these above but pdf looks alright.

Asked around it on the live chatboard and it is affected by the system as well.
I remember the answer was inkscape uses poppler to open pdf-s, and cairo to save as pdf-s.
The cairo I'm using is probably outdated.
On linux, cairo is not boundled in the program but the operating system, so maybe upgrading would solve it.

Janne · Postby **Janne** » Sat Nov 15, 2014 12:48 am

THANK YOU - this is absolutely amazing! I will try to redo your work following your instructions, Xav.
You have all been very helpful - it's time to pay back

https://www.youtube.com/watch?v=ZVMIk3xYaYo

Janne · Postby **Janne** » Sat Nov 15, 2014 3:53 am

Almost there - now I just have to learn to use the gradients

Lazur · Postby **Lazur** » Sat Nov 15, 2014 4:23 am

This may help adjusting the radial gradient's handles and centre.

Janne · Postby **Janne** » Sat Nov 15, 2014 5:33 am

Thank you, Lazur

Actually it's a good idea to trace the bitmap and check the colors out - I'll try to remember that

Janne · Postby **Janne** » Sat Nov 15, 2014 7:49 am

Thank you - here is my final result

Gradients are made with 50% gray to white.

This is a read-only archive of the inkscapeforum.com site. You can search for info here or post new questions and comments at inkscape.org/forums

This is a read-only archive of the inkscapeforum.com site. This feature is no longer available.

InkscapeForum.com

Blend mode "Overlay"

Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Re: Blend mode "Overlay"

Who is online