Hi Everyone,

I made 3 orbs in Inkscape and tweaked two of their colors to teal, and saved the file as an Optimized svg. Attached is an image of the svg file as seen in Illustrator.

.

The first orb was tweaked via Extenisons-Color. The middle one, has a Color Filter applied to it. However, as you can see, the middle orb that has the filter applied, looks pixelated in Illustrator while the first orb with the extension is perfect. All three look smooth in Inkscape.

What am i doing wrong? The filters are more convenient for tweaking but wont help me if they pixelate in Illustrator as that is the application used by colleagues.I want the 'filter version' to look smooth as well. Also, is there a way to expand the filters that are applied to the objects in Inkscape? So that the filter settings are not required anymore?

I'd also like to move the side toolbar that contains actions like new,save etc, to the top. How can I do that?

from https://helpx.adobe.com/illustrator/using/svg.html

When you apply an SVG filter effect, Illustrator displays a rasterized version of the effect on the artboard. You can control the resolution of this preview image by modifying the document’s rasterization resolution setting.
Note: An SVG effect must be the last effect when an object uses multiple effects; in other words, it must appear at the bottom of the Appearance panel (just above the Transparency entry). If other effects follow an SVG effect, the SVG output will consist of a raster object.

So look for the document’s rasterization resolution setting in illustrator and check there's no other effect after the svg filter

Thanks for the insight v1nce.

As seen in the first image below, the svg effect appears at the bottom of the Appearance panel (just above the transparency/opacity entry).
.

Changing the doc's rasterization resolution to 600 dpi makes it a little better.
.

And applying anti-alias makes it smoother but not completely.
.

@300 dpi the pixelation is similar to the image in the first post.

Any ideas?

Can`t find anything about the initial orbs size...
But, if you apply filters on small objects - it does affect the final result.

On a side note...
If Extension worked well - why would you go for Filters, which apparently don`t?!

Hi Maestral.

The initial orbs' dpi in illustrator was 300 as that was the Illustrator's default settings..just didn't mention it as I wasn't aware it was responsible.

About Extensions, that's the plan really..no filter issues in Illustrator and no pixelation..It's just that its more simplified with the filters..I could tweak all the colors at once retaining the value..for the extension version, to match the same colors, I had to tweak each shape/object individually..which could take some time if many objects and shapes were involved..

inkyd wrote:I'd also like to move the side toolbar that contains actions like new,save etc, to the top. How can I do that?

In a couple of older versions of Inkscape it was possible to move the toolbars around. A really old version allowed you to drag them anywhere you wanted. In a more recent older version....if I recall correctly..... Inkscape Preferences had a couple of options where to put them, but they weren't draggable. So if you have the command bar on the right side, you must have the more recent older version. (Or maybe it was Document Properties??) (Sorry for my poor memory.)

inkyd wrote:I'd also like to move the side toolbar that contains actions like new,save etc, to the top. How can I do that?

At the bottom of the View menu, you can choose between 3 predefined layouts of the toolbars: Default | Custom | Wide. (since 0.48)

The initial layout is chosen based on the screen ratio (wide screens have the commands bar vertical on the right edge of the window). You probably want to choose 'Default'.

Hi brynn,

Thanks for the info..sorry i didn't mention I'm using 0.91. There are a few options in Preferences in the interface section..but I'm not sure if they allow the panels to be re-organised..

Hi ~suv,

The predefined layouts were a big help. Thanks for the insight! 'Default' did do the trick. Is the 'Custom' option tweakable? Haven't been able to move things around with this 'Custom' setting.

inkyd wrote:The predefined layouts were a big help. Thanks for the insight! 'Default' did do the trick. Is the 'Custom' option tweakable? Haven't been able to move things around with this 'Custom' setting.

The menu label for the 'Custom' option actually is kind of a misnomer [*] - it basically is the layout used with Inkscape 0.47 (all toolbars horizontally above the canvas). Toolbars in Inkscape had never been freely re-arrangeable (even at times when they had been detachable, they could only be docked again at the original position). Since Inkscape 0.91, the toolbars are no longer detachable either.

[*] At the time the initial implementation for the "Adaptive UI" had been committed for Inkscape 0.48, the labels for the menu items had to be taken from the pool of strings which already occurred elsewhere in the interface (IIRC it was late in the release cycle, and introducing new strings would have interfered with GUI translations). Unfortunately, there had been no further work on the adaptive UI since then, so those strings are still the same in Inkscape 0.91.

Ah, that clears things.Thanks for the answering my query ~suv, and to everyone for chipping in. You guys rock.

Oh wow, I never would have guessed that those options affect where the toolbars are located, and not just what they appear to be - options for display on different types of screens. Without actually trying them, one would never know, as in my case.

I wonder if giving those options a different name would be a good idea?

Hello again..just wanted to update about a 'possible' solution after some experimentation..
Initially, I had set the raterization settings in illustrator (effect>document effects rasterization settings) to 90 as that's the resolution for inkscape, then increased it to 300 and 600 as stated above.
All three settings would result in a pixelated look as stated.

However, setting the raterization ppi to 72, makes it smooth visibly when the document is viewed at 100%. Also, if you wanted to change the documents' resolution to 300 dpi, the raterization effect would also have to change too, 72x3= 216 ppi (as the document as been enlarged from 90 to 300). Exporting this image as a png from illustrator, it does not pixelate anymore.

.

The file as seen in Illustrator..please note, viewing this file at 100% still makes it hazy.
.