Fibonacci spiral fractal
i

LazurFibonacci spiral fractal

Lazur

Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.


Comment here...
about screen 1.0
i

Lazurabout screen 1.0

Lazur

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.


Comment here...
endless knot
i

Lazurendless knot

Lazur

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.


Comment here...
T 001 Filtering
i

LazurT 001 Filtering

Lazur

„...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…


Comment here...
Lighthouse - 2021
i

LazurLighthouse - 2021

Lazur

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!


Comment here...
Fibonacci spiral fractal
i

LazurFibonacci spiral fractal

Lazur

Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.


Comment here...
Abc 03
i

LazurAbc 03

Lazur

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


Comment here...
1.3 anniversary edition animation
i

Lazur1.3 anniversary edition animation

Lazur

"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.


Comment here...
pencil filter pack
i

Lazurpencil filter pack

Lazur

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/


Comment here...
ink test
i

Lazurink test

Lazur

Similar concept as before, but with a more resource-friendly outcome. --- Curated by Maren Hachmann on January 26 2023 2:24 AM


Comment here...
Fibonacci spiral fractal
i

LazurFibonacci spiral fractal

Lazur

Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.


Comment here...
Rabbit Hole
i

LazurRabbit Hole

Lazur

A filter animated by an <animate> tag modifying a huerotate value in the filter chain. How deep is the rabbit hole? Time to explore.


Comment here...
T 004 Built In Filters
i

LazurT 004 Built In Filters

Lazur

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.


Comment here...
Fibonacci spiral fractal
i

LazurFibonacci spiral fractal

Lazur

Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.


Comment here...
paper filter pack
i

Lazurpaper filter pack

Lazur

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/


Comment here...
endless knot animation 2
i

Lazurendless knot animation 2

Lazur

Tried involving some turbulence although it gets lagging a bit at full size. Animated filter ftw.


Comment here...
new plane
i

Lazurnew plane

Lazur

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


Comment here...
knot tree
i

Lazurknot tree

Lazur

A knot depicting a Christmas tree. With an animated filter to keep things in motion. Happy New Year 2020!


Comment here...
knot tree
i

Lazurknot tree

Lazur

A knot depicting a Christmas tree. With an animated filter to keep things in motion.


Comment here...
chalk lettering
i

Lazurchalk lettering

Lazur

Textures are generated with filtering only. Check the original svg here: https://openclipart.org/detail/313119/chalkboard-letter-2


Comment here...
golden spiral
i

Lazurgolden spiral

Lazur

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.


Comment here...
Happy New Year
i

LazurHappy New Year

Lazur

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!


Comment here...
Raven
i

LazurRaven

Lazur

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


Comment here...
pen filter pack
i

Lazurpen filter pack

Lazur

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/


Comment here...
1
i

Lazur1

Lazur

Playing around with the about screen for one. Will have to split and reduce for the final. Probably it's too fancy anyway.


Comment here...
Plane Tree
i

LazurPlane Tree

Lazur

Christmas tree with a twist. Made with gradient meshes and spiced up with a wood grain filter.


Comment here...
Fibonacci spiral fractal
i

LazurFibonacci spiral fractal

Lazur

Scale factor between the circles is at golden ratio. The number of the circles with the same size follow the Fibonacci sequence.


Comment here...
fabric filter pack
i

Lazurfabric filter pack

Lazur

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


Comment here...
T 008 Filter Editor
i

LazurT 008 Filter Editor

Lazur

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.


Comment here...
little bird
i

Lazurlittle bird

Lazur

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!


Comment here...
gradient mesh wallpaper
i

Lazurgradient mesh wallpaper

Lazur

Made with 0.92. However that prevents 0.91 to render it. Svg source: https://openclipart.org/detail/267212/mesh-gradient-wallpaper


Comment here...
T 002 Filtering
i

LazurT 002 Filtering

Lazur

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.


Comment here...
Inkscape - ink landscape
i

LazurInkscape - ink landscape

Lazur

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.


Comment here...
T 009 Filter Editor
i

LazurT 009 Filter Editor

Lazur

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.


Comment here...
T 006 Filter Editor
i

LazurT 006 Filter Editor

Lazur

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.


Comment here...
gradient mesh wallpaper 2
i

Lazurgradient mesh wallpaper 2

Lazur

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


Comment here...
Knot Christmas Tree
i

LazurKnot Christmas Tree

Lazur

A knot depicting a Christmas tree.


Comment here...
glass endless knot animated 02
i

Lazurglass endless knot animated 02

Lazur

Six balls going endlessly inside a glass endless knot -depicted as an impossible object. With additional coating and reflection/highlight overlays.


Comment here...
Heart half full
i

LazurHeart half full

Lazur

of black ink, half full of emptyness.


Comment here...
glass hexagon loop
i

Lazurglass hexagon loop

Lazur

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


Comment here...
smoking sign
i

Lazursmoking sign

Lazur

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


Comment here...
T 010 Filter Editor
i

LazurT 010 Filter Editor

Lazur

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.


Comment here...
2018 calendar
i

Lazur2018 calendar

Lazur

A calendar of the year 2018. Board meetings are marked red, vector meetings are marked with blue.


Comment here...
new plane
i

Lazurnew plane

Lazur

"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)


Comment here...
Inkscape - ink landscape II.
i

LazurInkscape - ink landscape II.

Lazur

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.


Comment here...
T 011 Filter Editor
i

LazurT 011 Filter Editor

Lazur

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.


Comment here...
T 005 Built In Filters
i

LazurT 005 Built In Filters

Lazur

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.


Comment here...
T 003 Built In Filters
i

LazurT 003 Built In Filters

Lazur

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.


Comment here...
Egg Pack 2017
i

LazurEgg Pack 2017

Lazur

Some Easter egg colouring filters in a set. Rendering is a bit heavy.


Comment here...
snail shell fractal
i

Lazursnail shell fractal

Lazur

Based on openclipart work, spiced up in gimp. Original source: https://openclipart.org/detail/241835/arrows-ammonite-4


Comment here...
Colourful inks
i

LazurColourful inks

Lazur

Animated filter example.


Comment here...
T 012 Filter Editor
i

LazurT 012 Filter Editor

Lazur

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.


Comment here...
T 007 Filter Editor
i

LazurT 007 Filter Editor

Lazur

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.)


Comment here...
Trophy
i

LazurTrophy

Lazur

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...


Comment here...
endless knot
i

Lazurendless knot

Lazur

Drawn as an impossible object.


Comment here...
deep dive treasure hunt in the desert (animated)
i

Lazurdeep dive treasure hunt in the desert (animated)

Lazur

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?


Comment here...
glass endless knot animated 01
i

Lazurglass endless knot animated 01

Lazur

Six balls going endlessly inside a glass endless knot -depicted as an impossible object.


Comment here...
glass challenge
i

Lazurglass challenge

Lazur

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.


Comment here...
about screen background
i

Lazurabout screen background

Lazur

Background image from an about screen design.


Comment here...
T 013  Swiss Flag
i

LazurT 013 Swiss Flag

Lazur

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.


Comment here...