I wanted to create a Mac style Wallpaper so i googled and found this tutorial
http://gimp-tutorials.net/mac-wallpaper-tutorial
Since Inkscape is the only graphics program I know how to use I tried following the tutorial using inkscape, but it uses a lot of Overlay blends which SVG and Inkscape currently don't support
Is there a way to simulate Blend mode: Overlay in Inkscape using filters?
I found this post in which some guy combines Multiply and Screen to simulate Overlay but I couldn't get it to work on Inkscape.
http://svg-wow.org/blog/2010/09/06/graffitis/
Can anyone adapt it to Inkscape and post the XML code?
Thanks,
Victor
Blend mode: Overlay
Re: Blend mode: Overlay
Ok, here is the svg filter code that svg-wow used to simulate the overlay blend:
I tryed to reproduce this in Inkscape; unfortunatly; inkscape does not handle feImage filters well (it might work but I havenot seen it working in Inkscape). more importantly the feComponentTransfer is not implimented in Inkscape at all; so this overlay filter from svg-wow cannot be used.
Code: Select all
<defs>
<filter id="overlay" filterUnits="userSpaceOnUse" x="0" y="0" width="600" height="400">
<feImage xlink:href="../res/3.0/images/textures/bricksDark.png"
result="texture"/>
<feColorMatrix type="luminanceToAlpha" result="screenMask"/>
<feComponentTransfer result="multiplyMask">
<feFuncA type="linear" slope="-1" intercept="1"/>
</feComponentTransfer>
<feBlend mode="screen" in="texture" in2="SourceGraphic" result="screen"/>
<feBlend mode="multiply" in="texture" in2="SourceGraphic" result="multiply"/>
<feComposite operator="in" in="screen" in2="screenMask" result="maskedScreen"/>
<feComposite operator="in" in="multiply" in2="multiplyMask" result="maskedMultiply"/>
<feComposite operator="arithmetic" in="maskedScreen" in2="maskedMultiply"
k1="0" k2="1" k3="1" k4="0" />
</filter>
</defs>
I tryed to reproduce this in Inkscape; unfortunatly; inkscape does not handle feImage filters well (it might work but I havenot seen it working in Inkscape). more importantly the feComponentTransfer is not implimented in Inkscape at all; so this overlay filter from svg-wow cannot be used.
-
- Posts: 215
- Joined: Thu Aug 21, 2008 4:08 am
- Location: Belgium
Re: Blend mode: Overlay
It doesn't work very well but it shows some result. feImage is only partially implemented. Component Transfer is completely implemented but it lacks an UI in the Filters Editor and you must change it by the XML Editor.
ivan
ivan
- Attachments
-
- try.svg
- (3.86 KiB) Downloaded 295 times
-
- Posts: 3
- Joined: Fri Aug 12, 2011 10:30 pm
Re: Blend mode: Overlay
Thanks guys, I removed the feImage filter and changed all references of it to BackgroundImage and kind of got what I wanted: the filter overlays what is behind the shape
Unfortunatly this filter does not act like the overlay from the tutorial. If I change the color of the shape to white the filter actually does nothing to what is behind. In the tutorial it brightens the background but preserving the color
Unfortunatly this filter does not act like the overlay from the tutorial. If I change the color of the shape to white the filter actually does nothing to what is behind. In the tutorial it brightens the background but preserving the color
- Attachments
-
- try.svg
- (16.84 KiB) Downloaded 276 times
-
- Posts: 3
- Joined: Fri Aug 12, 2011 10:30 pm
Re: Blend mode: Overlay
Hmm i noticed that the filter ivan posted was using 2 multiplys instead of 1 screen and 1 multiply, I changed that and it's now working with white shapes, but it's not the same as GIMP overlay
I give up, I'll just learn GIMP and wait for the next versions of SVG and inkscape which will support overlay
I give up, I'll just learn GIMP and wait for the next versions of SVG and inkscape which will support overlay
- Attachments
-
- try2.svg
- (6.07 KiB) Downloaded 227 times