Copy link to clipboard
Copied
I have the following SVG filter:
<svg class="yellow_black_blue" width="320" height="280" viewBox="0 0 320 280" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs class="levels_ui--svgDefs"><filter id="yellow_black_blue"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"></feColorMatrix><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.4117647058823529 0.0392156862745098 0.9647058823529412"></feFuncR><feFuncG type="table" tableValues="0.7490196078431373 0.054901960784313725 0.8901960784313725"></feFuncG><feFuncB type="table" tableValues="0.6039215686274509 0.058823529411764705 0.5803921568627451"></feFuncB></feComponentTransfer></filter></defs>
</svg>
This is a multitone filter that I apply to high contrast black and white images.
The goal is to adjust the b/w image curves while the SVG filter is applied to it, be able to see the filter changes that are the result of the underlying curves changes, in real time.
So I open the image as linked in Illustrator, then choose "Edit Original" from the links panel, it opens in PS, I adjust the curves, save, refocus AI, click to apply the changes, to finally see the filter changes (the colors will get redistributed in the multitone filter).
The issue is that I need to see the changes in real time, without saving in PS, refocusing AI and click to apply changes.
Do SVG filters really require for the image to be saved after curves adjustment to recompute the filter results?
Or the changes can be emulated in real time, "optically", by applying the SVG filter as a layer?
Does anyone know a solution to instantly recompute and reapply the SVG filter as curves are changing, within the same app, without saving the image and changing apps?
Does anyone know if this PS plugin: svglayers.com can do what I want?
Thank you in advance.
Because an svg filter is vector data, and Photoshop is a raster application.
Photoshop has some limited vector tools, but there is no need for advanced vector capabilities in Photoshop.
That's what Illustrator is for.
Copy link to clipboard
Copied
I don’t understand what you mean by SVG Filter.
In Photoshop’s several Adjustments can be applied as Smart Filters but per se they are not Filters.
Copy link to clipboard
Copied
I mean the same way as you apply SVG filters to images in Illustrator. Are SVG filters layers in illustrator?
I want to understand why Photoshop technicaly cannot give us the same option to apply an svg filter to an image, as Illustrator does.
Because even a simple browser software can apply an SVG filter to any image, so then why PhotoShop can't?
Copy link to clipboard
Copied
Because an svg filter is vector data, and Photoshop is a raster application.
Photoshop has some limited vector tools, but there is no need for advanced vector capabilities in Photoshop.
That's what Illustrator is for.
Copy link to clipboard
Copied
Because even a simple browser software can apply an SVG filter to any image, so then why PhotoShop can't?
I suppose there is plenty browsers can do that Photoshop can’t, because Photoshop is not a browser but pixel-oriented image editing software.
Could you post screenshots (pre and post) to illustrate the SVG Filter’s effect?
It might be possible to emulate its effect with Photoshop’s default Filters and Adjustments.
Copy link to clipboard
Copied
In the meanwhile I realized that it can be achieved with gradient maps. However, if I need to transform many images at once, on a website, with that effect, then I need the svg filter, not the gradient map.
If I open the image as linked in Illustrator and then I click edit original, and it opens in photoshop, and I apply the svg filter on it in Illustrator, then in photoshop I change the curves of the image, refocus to illustrator, it will ask me to update the image from the edit original source (photoshop), I click ok, and then with the changed curves the filter would yioeld different results - and i repeat this until I achieve the desired result. But i need to change focus between the 2 apps and always click apply changes, so it's not a real time filter adjustment slider like in the gradient map panel in photoshop - we are talking about the same effect, which can be doine with both gradient maps and with svg filters.
The gradient map effect (identic to the svg filter effect - filter is posted in this thread - is posted at the end of this thread:
Re: Gradient map on black and white photo to mimic... - Adobe Support Community - 13102287
The issue is not how to achieve it in Photoshop, the issue is that I described above that I need live adjustment of the svg filter result while I adjust the curves of the black and white image - with the svg filter on.
with this app
filtered - editor for SVG filters (sourceforge.net)
and also with Illustrator you can edit the filter itself, and see the changes live, yes
but what I need is to edit the b/w image curves so that I could see the changes of the svg filter result, that is applied to the b/w image, in real time. (just like when i see the changes in real time when I apply this effect in photoshop using gradient maps, and not svg filter.)
Copy link to clipboard
Copied
You can imagine that on the web it's much more dynamic to use svg filters for the effect rather than photoshopping the images with the gradient map effect.
When I adjust the curves of the b/w image in the photoshop linked image, while the same image has the svg filter on in illustrator - the same changes happen to the image, if i just open the image only on photoshop, apply the effect with gradient maps, and then adjust the sliders.
It's a multi-tone effect.