Skip to main content
Chris  P.  Bacon
Inspiring
September 24, 2022
Question

Unexpected result when changing the curves of a b/w image with a multitone SVG filter applied to it

  • September 24, 2022
  • 3 replies
  • 350 views

Here is the image with the filter applied, before modifying the curves of the image:

And here is the image after modifying the curves (no matter if the image is rasterized or not):

There are only 3 colors allowed in the multitone filter: buttered, neutral blue and black, so all highlights and shadows are split into 3 ranges, and according to the value one of the 3 colors is mapped to create the multitone image.

Modifying the curves I should be able to modify the distribution of these 3 colors (and that's what happens if I open the same image with the same filter that had its curves modified), but no other colors should ever appear.

But modifying the curves brings in yellow and white.

I suppose this is because the curves are applied to the b/w image + the filter, not only to the b/w image.

How do I apply the curves in Illustrator only to the b/w image?

I also suspect that the image need to be saved with the curves change and the filter re-applied to be able to reflect the changes in the final filtered image: to change the color distribution.

But if that is not the case, then I would like to know how to see the changes live, without saving, while modifying the curve, just like when a multitnone image is created with gradient maps where dragging the highlights / shadows slider the changes of the color distribution of the multitone image can be seen in real time.

SVG filters offer much more flexibility in the workflow (especially for images for the web) than gradient maps because many images can be modified just by modifying one filter.

To resume, there are 2 questions:

- does the image need to be saved and filter re-applied to see the changes in Illustrator, when modifying the curves? And if yes, why?

- how do I change the curves only of the image and not also of the filter, while the filter is applied to the image?

- what actually happened here? were the curves applied to both the image and the SVG filter? i did not save anything after I applied the SVG filter

 

 

This topic has been closed for replies.

3 replies

Chris  P.  Bacon
Inspiring
September 25, 2022

Illustrator should reapply any SVG filter, if the image has changed.

That is what I am trying to achieve.

Ton Frederiks
Community Expert
Community Expert
September 24, 2022

Isn't that an Astute Graphics filter?

It may be better to ask your question there.

https://astutegraphics.com/plugins/phantasm

Chris  P.  Bacon
Inspiring
September 24, 2022

That is my own SVG filter, not Astute Graphics.

Only the curves is done by Astute Graphics.

Chris  P.  Bacon
Inspiring
September 24, 2022

The filter is applied through the SVG filter menu in Illustrator, not via Astute Graphics.

Chris  P.  Bacon
Inspiring
September 24, 2022

In my understanding there are 2 factors that can be modified to get the final multitone result:

- either the mapping range (modify the SVg filter, or the gradient map sliders)

- or the image curves: shadows and highlights

Because Illustrator does not give me an mapping range slider (for my SVG filter) as gradient maps in PS does for the image, I am forced to change the curves of my image, if I want to use the effect as an SVG filter, to finetune it for the best result, best color distribution.

If someone knows how to tune the mapping range of the filter in real time in Illustrator, here is the filter:

 

<filter id="yellow_black_blue">

<feColorMatrix color-interpolation-filters="sRGB" type="matrix" 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 tableValues="0.4117647058823529 0.0392156862745098 0.9647058823529412" type="table"></feFuncR>
<feFuncG tableValues="0.7490196078431373 0.054901960784313725 0.8901960784313725" type="table"></feFuncG>
<feFuncB tableValues="0.6039215686274509 0.058823529411764705 0.5803921568627451" type="table"></feFuncB>
</feComponentTransfer>
</filter>