Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.
Running free with gradients. The white overlay is made with a mesh gradient, hence it looks different viewed in a browser. No filters were used, rendering speed is good enough.
With a hue rotation animation. No clipping or cloning is used, in order to make the image simple enough for browsers to render without any issue.
„...A filter effect consists of a series of graphics operations that are applied to a given source graphic to produce a modified graphical result. The result of the filter effect is rendered to the target device instead of the original source graphic. ...” -as written in the svg standard. Design-wise it means endless possibilities to alter the graphical appearance of parts of our images. Some important points come from that describing: · they require a graphical element to start with · they rely great on the renderer, and the rendering capabilities of the target device · filters are procedural. You can select any object in your document and add a filter to it. In svg that means every graphical element that can be selected in the xml tree can be filtered -the brave ones can add a filter to a layer (group) in inkscape, save it as a default template and prank other users by a totally unexpected behave…
A 4k image drawn through a longer period of time as usual. Idea came in 2017, project started in 2019 and finished during the latest weeks of 2021. Keep hanging on!
Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.
20 years of progress to render this image. Does it work in the gallery? Does it not? You decide. Handle with care - click the image if absolute necessary. Renders relatively fast in inkscape. --- Curated by Maren Hachmann on January 26 2023 2:24 AM
"Celebrating 20 years of Inkscape" Based on the About Screen: Inkscape 1.3 by Denis Kuznetsky. https://inkscape.org/~inkscape/%E2%98%85about-screen-inkscape-13 Animation made with inkscape and blender.
From 8H to 8B, with three different charcoal hardness. Can come handy if you want to spice up a line drawing. Best viewed in inkscape. To add these to the dropdown list, check this tutorial: http://goinkscape.com/how-to-save-custom-filters-in-inkscape/
Similar concept as before, but with a more resource-friendly outcome. --- Curated by Maren Hachmann on January 26 2023 2:24 AM
Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.
For adding a filter to a selected object, the most straightforward way is going by the filters menu on top. That is containing quite a lot of filters built in to choose from. However, due to its regular menu item limitations, it's not a very helpful for choosing. There is no visual indication built in of the filters affecting a preview object's appearance, nor there is an option to go through all like when previewing a font and styling on a text object. It's all pure luck to find a suiting filter by first pick. Either it takes applying the filters one after another on the object selected and undoing every time the outcome is not right, or having a sneak peek on a guide image where all the filters are displayed in action. The current (not yet up to date) manual is taking 19 pages to showcase them all. If inkscape was installed with the example files, check the filters.svg located in inkscape/share/examples to see an all-in-one action shot.
A filter animated by an <animate> tag modifying a huerotate value in the filter chain. How deep is the rabbit hole? Time to explore.
Tried involving some turbulence although it gets lagging a bit at full size. Animated filter ftw.
A set of filters, to generate paper texture. Best viewed in inkscape. To add these to the dropdown list, check this tutorial: http://goinkscape.com/how-to-save-custom-filters-in-inkscape/
In lighter theme. Should render like this: http://orig06.deviantart.net/b5ac/f/2016/316/e/4/about_screen__inkscape_0_92__by_lazururh-dao5vtf.png
Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.
A knot depicting a Christmas tree. With an animated filter to keep things in motion. Happy New Year 2020!
A knot depicting a Christmas tree. With an animated filter to keep things in motion.
Textures are generated with filtering only. Check the original svg here: https://openclipart.org/detail/313119/chalkboard-letter-2
Constructed from gradient meshes with only greyscale mesh nodes. Colours are added by a 256 step gradient map filter generated by s_uv's extension -modify color-adjust-colormap-. "Theoretically" a smooth fade should be rendered between the steps.
There seems to be a bug in the gallery related to plain years -tags of "2016" and "2017" are removed and it seems that you cannot upload files named as 2017? Also I always forget chosing the license. Nevertheless, Happy New Year to everyone!
Inktober 05th, 2021. Svg is available at openclipart -was too much to handle by the upload panel here with the svg preview going on: https://openclipart.org/detail/333559/raven
A set of pen stroke looking filters on paper. When working with ink it is a must... Best viewed in inkscape. To add these to the dropdown list, check this tutorial: http://goinkscape.com/how-to-save-custom-filters-in-inkscape/
Playing around with the about screen for one. Will have to split and reduce for the final. Probably it's too fancy anyway.
Christmas tree with a twist. Made with gradient meshes and spiced up with a wood grain filter.
Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.
A set of filters to add a fabric texture to objects. Can be used to generate plain textiles, or, to add that giclée print feel to your drawing. Best viewed in inkscape. To add these to the dropdown list, check this tutorial: http://goinkscape.com/how-to-save-custom-filters-in-inkscape/ An example for the use: https://openclipart.org/detail/244460/wings
The ”Filter General Settings” has four spinboxes where you can type in values. The ”Coordinates” row sets the (x,y) position of the top left corner of the filtered area relative to the object's original bounding box, while the ”Dimensions” row sets the width and height, relative to the original bounding box. That is a fairly important part as effects that go over the original boundaries may gat chopped off at a filtered area set too small. If the effect is used to generate a texture to the object, the default values are usually fine. Those invoke the filtered area 1,2 (or 120%) times larger than the original, centered to the object.
Once you made the filter definition, you can edit it without it being applied to any object. Note that the vacuum defs/cleanup document options remove any unused filters. The ”Add Effect” button can add in the filter primitive which will alter the filtered object's appearance. The dropdown list contains all the primitives in alphabetical order.
Originally made this as a sculpture design a year ago for a contest with all technical details, 3D model etc. Now there was a weekly challenge about drawing a rooster in the name of the chinese new year 2017 so given it a retouch. Traced a previously rendered wallpaper and added in heavy filtering to this "rooster". Original image is here: http://lazururh.deviantart.com/art/little-bird-627379923 used stone filter here: https://openclipart.org/detail/271687/stone-pack-5 used wood filter based on this one: https://openclipart.org/detail/269726/wood-grain-megapack Ant made by scathlock at https://openclipart.org/detail/66769/ant. Font used for the numbers is architect's daughter by Andrew Ter-Grigoryan available at https://fontlibrary.org/en/font/architect-s-daughter under ofl license. Once again, happy new year!
Made with 0.92. However that prevents 0.91 to render it. Svg source: https://openclipart.org/detail/267212/mesh-gradient-wallpaper
Different renderers may differ by how they implement the process described in the filter being used. You may not get the exact same look through a browser as with inkscape, and the rendering may take too much resources for an svg to load. Unfortunately, pdf format doesn't support filtering, so if you want to share or print your images, rasterizing the filtered objects is the only way for preserving the appearance. Besides these, due to the procedural nature, rendering the image can be done at any resolution. That means you are not bounded to a certain image size unlike with a raster image editor. Everything is (supposed to be) rendered live, on the fly. This advantage has its price on the rendering time and resources used. Using complex filtering can result in a crawling machine.
20 years, still rendering... This image was created entirely within the built in filter editor.* Just stacking up filter primitives into a long filter chain, to resemble a landscape with some artistic styling. Visually it is somewhere between an impresssionist painting and paper marbling. It might not be the most streamlined one resembling a vector image editor, nor the theme is too complex either -just a landscape made as an ink blot. But, had some fun making it nevertheless. Theoretically it'd always be possible to add in more elements into the composition. Still, it's a bit of a pc melting piece as it is and decided not to push it further. If you click the raster image in the gallery or open the svg, handle with care. *Why you may ask? For a few reasons. Inkscape has about the only svg filter editor with a "live preview" today. Filters in general need some love -from the svg specs side and the filter editor side as well. May some examples bring attention and gain interest in future development on it.
For the very first filter, let's try out the flood fill, by selecting it from the list. Click the add effect button right after. ”The feFlood filter primitive fills the region with a given color and opacity. It is usually used as an input to other filters to apply color to a graphic.” That equals as a base for bucket filling, with the difference you have to define the filled region's boundaries.
When creating a custom filter from scratch most part of the filter editor is greyed out, only the ”New” button is active. It is placed at the bottom of a column which starts with filter and #. This section of the panel enlists all the filter definitions embedded into the document. Similar in nature to gradients or custom markers, dasharrays etc. If a built-in filter was applied, it will show up here. Using gaussian blurs by the fill&stroke panel's slider and different blending modes are supposed to appear right after they are created here as well. However there seems to be some regression compared to 0.48 on this behave (on 0.92). Filter defs are listed in their creating order. You can rename, delete and duplicate them, however drag&drop is not working for reorganising.
With a duotone filter. Recolouring a gradient mesh is painful to say at least. So what are the options for doing so? Either playing with the blending modes or playing with filtering. Too bad the linear colour transitions are pale. May need a more decent colormap filter primitive, if there was... Something similar can be hacked together by filter editing. Source svg here: https://openclipart.org/detail/267213/mesh-gradient-wallpaper-2
Six balls going endlessly inside a glass endless knot -depicted as an impossible object. With additional coating and reflection/highlight overlays.
Based on a remix from openclipart. For "inktober" and another drawing challenge. https://inkscape.org/forums/competitions/new-challenge-21-september-2021-04-october-2021/ https://inkscape.org/forums/finished/inktober-2021/ Original clipart: https://openclipart.org/detail/333491/hexagon-ring Idea came from HenryM: https://openclipart.org/detail/333437/rotating-tumbling-geometry
An animated svg filter was used for this effect. It's a bit resource-heavy when rendered as an svg, so captured it into a gif with sharex for those who can't render the svg. Edit: tested if the gif could be used as a thumbnail but then it's not animated so removed the svg entirely. It's available at openclipart. openclipar.org/detail/331168/stop-smoking-animated
Once added the effect parameters appear at the bottom, and the filter chain structure at the top. By default the flood fill is set to solid black. Remember it won't take action unless you tick in the checkbox at the filter list on the left! After applied, a black rectangle should be rendered. It is slightly larger than the object's previous bounding box. For reference, go to the ”Filter General Settings” tab.
A calendar of the year 2018. Board meetings are marked red, vector meetings are marked with blue.
"Cutting edge design". Certainly there have been some heavy fixation going on in this build. Still rough? May use the plane a bit more to remove the splinters. A huge shout out for the craftmenship in the making. The appearance is heavy based on the new blending modes. For the look check this rendering: http://lazururh.deviantart.com/art/about-screen-inkscape-0-92-644664645 or open it in a 0.92+ build. This is a reupload since couldn't edit the previously uploaded thumbnail. (previous variant is here: http://lazururh.deviantart.com/art/about-screen-inkscape-0-92-644395505)
Based on openclipart work, spiced up in gimp. Original source: https://openclipart.org/detail/241835/arrows-ammonite-4
20 years, still rendering... My second entry to the contest. This image was created entirely within the built in filter editor.* Just stacking up filter primitives into a long filter chain, to resemble a landscape with some artistic styling. Visually it is somewhere between an impresssionist painting and paper marbling. It might not be the most streamlined one resembling a vector image editor, nor the theme is too complex either -just a landscape made as an ink blot. But, had some fun making it nevertheless. Theoretically it'd always be possible to add in more elements into the composition. Still, it's a bit of a pc melting piece as it is and decided not to push it further. If you click the raster image in the gallery or open the svg, handle with care. *Why you may ask? For a few reasons. Inkscape has about the only svg filter editor with a "live preview" today. Filters in general need some love -from the svg specs side and the filter editor side as well. May some examples bring attention and gain interest in future development on it.
Let's head to the filter editor.* As of 0.92.1, the interface is being in development, meaning part of this guide will be outdated shortly. Therefore focusing on structural concepts more, in the hope to push through a few ideas. If the faucet with the previous Eroded Metal filter is selected and the filter editor is opened, you can see -or at least, supposed to see- the structural elements that are chained up, resulting the affected look on screen. The core of the editor is node-based, albeit it doesn't stick out at first glance. It's hard to track such a filter's structure like the Eroded Metal, which is the main reason for the need of a facelift. Some general notes: · it is more useful to have this panel undocked and · there is no preview inside of any kind. Every time you tweak a filter's settings, you have to keep an eye on the main window too. *There is no default key shortcut set for it; it's available from the Filters menu on top.
When working with inkscape, keep an eye on the bottom indication line. Selecting an object on screen, it shows if there is a filter added. This case, the selected object depicting a faucet is a group, and it has a filter added which is named ”rusty”. Note how the selection box is not touching the edges of the visual boundaries of the object. That is due to by default visual bounding box is set. Certainly it doesn't make sense at this point, so better rephrase that as if not geometric bounding box is set, something interferes with the visual cue when filters are involved. It also often helps to understand a document's structure to switch rendering modes. With no filters rendering mode usually the filtered objects are sticking out. To toggle between rendering modes, press Ctrl+5 on the numpad.
Some Easter egg colouring filters in a set. Rendering is a bit heavy.
If you click ”New”, a box appears before the filter's name and a number after it, below the #. The latter number shows how many objects have that filter applied. The checkbox is where you can switch on and off a filter for a selected object. Some important notes: · a filter definition can be empty, meaning if you apply it to your selected object it will be rendered invisible -as shown in the example. · you cannot add more than one filter to the same object. That is a real bummer, you cannot stitch two filters together with the editor at the moment. Only workaround is to group the filtered object, so then you can add another filter to the group. (And with groups there comes the possibility of messing up transformations.)
Going back to the Flood effect's settings there are two options to alter the output. A slider can set the opacity of the colour between fully transparent and opaque, representing it with a value between 0 and 1. Clicking on the Flood Color it brings up a color picker panel, with multiple inputs. Hex color names and RGB values are of the same as in the fill and stroke panel, however the HSL wheel is not 0-255 based: hue has a 0-360 scale, while the saturation and lightness can be set between 0-100 values. An important feature is that there is also a dropper tool included with the panel which can take any part of the screen as a reference. Let's change the default black to red.
Fiddling with the gradient mesh in pre3 0.92. Made a source model in blender and rendered to a source image for this. And had given up after hours on tracing the colours exactly with the mesh tool. So many problems with it, will try the mesh tool in pre4 next time on it...
An animated svg depicting a van cruising through an imaginary desert landscape. Then arrives a deep diver, an anchor and some deep sea treasure? Maybe he is diving from the BlueBird?
Six balls going endlessly inside a glass endless knot -depicted as an impossible object.
Animatemotion inside of a glass hexagon ring. For a challenge at the forum. https://inkscape.org/forums/competitions/new-challenge-21-september-2021-04-october-2021/ Tried adding a fancy filter to the moving dot but it resulted in a 0,1 fps animation... so filtering is reduced to screen blending mode on the glass.
The most important part of filter editing is connecting the effects into a chain that defines the rendering process. With only a Flood added it's listed at the top row. The current editor lists the filter primitives added one after another. The bottom line of that list will be rendered on screen. Note that just by adding new filter primitives to the list, they won't necessarily create a chain from top to bottom. You need to connect them in a meaningful order.