Push changes real time from curves to SVG layers

Community Beginner ,
Jul 27, 2022 Jul 27, 2022

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.

 

 

TOPICS
Windows

Views

67

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Aug 14, 2022 Aug 14, 2022

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.

Likes

Translate

Translate
Adobe Community Professional ,
Aug 02, 2022 Aug 02, 2022

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. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 14, 2022 Aug 14, 2022

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?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 14, 2022 Aug 14, 2022

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
11 hours ago 11 hours ago

Copy link to clipboard

Copied

LATEST

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. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines