svg source
Showing posts with label svg filter. Show all posts
Showing posts with label svg filter. Show all posts
27 January 2017
chalk drawing
By a small modification the recent chalk filter can be used to add a white chalk drawn look to images. This case, to a plane on the bench blackboard.
svg source
svg source
Címkék:
2017,
blackboard,
chalk,
chalkboard art,
filter,
filter in action,
Lazur,
plane,
svg filter,
URH
chalk pack
To pair up with the recent blackboard pack, here is another chalk filter pack.
This one is more solid than the one before.
svg source
This one is more solid than the one before.
svg source
Címkék:
2017,
blackboard,
chalk,
chalkboard art,
filter,
filter in action,
filter pack,
Lazur,
svg filter,
URH
blackboard pack
For drawing chalkboard art -for drawing a chalkboard to be precise.
Quite a challenge.
Since there are factors of the look you cannot simulate by filtering.
First, you have a wooden board painted black, with certain imperfections and small bumps, scatters etc. Upon it is a random layer of chalk powder, in the shape of a trace by a sponge.
The latter without filtering alone is a way advanced task.
But let's just focus on a much simpler look alike for now.
Pack is composed from three flood fills.
svg source
Quite a challenge.
Since there are factors of the look you cannot simulate by filtering.
First, you have a wooden board painted black, with certain imperfections and small bumps, scatters etc. Upon it is a random layer of chalk powder, in the shape of a trace by a sponge.
The latter without filtering alone is a way advanced task.
But let's just focus on a much simpler look alike for now.
Pack is composed from three flood fills.
svg source
Címkék:
2017,
blackboard,
chalk,
chalkboard art,
filter,
filter in action,
filter pack,
Lazur,
svg filter,
URH
17 January 2017
blocky pack
The previous stone filter idea was connected to two previously unpublished blocky filter packs, that I revisited now.
By compositing two turbulence filter primitives you can generate various patterns -like fabrics-.
These packs are based on the same concept, however I found the rest still a matter for experimenting.
The first pack had built in flood fills to start off, the second one is plain black with smooth alpha and the recent one is using new (in inkscape 0.92) blending modes.
Still I feel the shading lacking, as before.
By simply adjusting the rgb levels, one can get lighter colours but decreased saturation on a darker source. Same applies shading a light source by adjusting the rgb channels.
Overlaying blend mode may be the closest although I'm not satisfied with its results.
Ultimate solution is using different sources for the lighter and darker shades, however that can lead to way complex filters.
svg source 1
svg source 2
svg source 3

.

By compositing two turbulence filter primitives you can generate various patterns -like fabrics-.
These packs are based on the same concept, however I found the rest still a matter for experimenting.
The first pack had built in flood fills to start off, the second one is plain black with smooth alpha and the recent one is using new (in inkscape 0.92) blending modes.
Still I feel the shading lacking, as before.
By simply adjusting the rgb levels, one can get lighter colours but decreased saturation on a darker source. Same applies shading a light source by adjusting the rgb channels.
Overlaying blend mode may be the closest although I'm not satisfied with its results.
Ultimate solution is using different sources for the lighter and darker shades, however that can lead to way complex filters.
svg source 1
svg source 2
svg source 3

.

14 January 2017
stone texture filter megapack
Extended the previous stone filter pack to a megapack. 1024 filters to generate stone textures for everyone.
svg source
svg source
stone filter pack
A set of 16 colour variants of the same filter chain.
Based on another set of 16 stone filters, planning to merge them into one with 256 filters.
Bit complicated since each filter uses 7 flood fills.
So it's more of a "work in progress" image.
svg source
Based on another set of 16 stone filters, planning to merge them into one with 256 filters.
Bit complicated since each filter uses 7 flood fills.
So it's more of a "work in progress" image.
svg source
6 January 2017
generated gradient map pack
Raising the problem of gradientmap filtering at #inkscape-devel lead to this one. Su_v added a new extension option to generate filters from existing gradient definitions or groups.
Still in development, and not as flexible as a spinbox option for the component transfer filter primitive, but quite fancy for creating some artistic effect way easier than before.
svg source
Still in development, and not as flexible as a spinbox option for the component transfer filter primitive, but quite fancy for creating some artistic effect way easier than before.
svg source
Címkék:
2017,
colormap,
filter,
filter in action,
filter pack,
Lazur,
svg filter,
URH
29 December 2016
glitch art wallpapers
Using component transfer filter primitives to raise alpha values which with inkscape 0.91's transparent black rendering doesn't really work. Used pre4 0.92 for these.
That issue makes openclipart rendered thumbnails wrong.
Uploaded the images to deviantart, however their original image size was full HD.
So eventually hosting them on the blog as well in
svg source 1
svg source 2
svg source 3
svg source 4
svg source 5
svg source 6
svg source 7
svg source 8
Címkék:
2016,
filter,
filter in action,
glitch,
glitch art,
Lazur,
svg filter,
URH
intarsia design 2

Trying out the new wood grain megapack.
Pevious tile pattern is here.
svg source 1
svg source 2
svg source 3
svg source 4
Címkék:
2016,
filter in action,
Lazur,
svg filter,
tiling,
URH,
wood grain
wood grain megapack 2
Mega pack for the intarsia lovers. 1296 individual wood grain filters. Based on the previous weathered wood grain pack, with new variants added. Bit of improvement since the first megapack I hope.
This time three flood fills are used, for shade-middle tone-highlight colours.
svg source
26 December 2016
posterize pack
Based on the previous one, this one was just a blurring filter primitive away.
That extra adds smoothing to the edges of the tones.
Renders fine with 0.92, -the previous release has a rendering issue when opening it.
svg source
That extra adds smoothing to the edges of the tones.
Renders fine with 0.92, -the previous release has a rendering issue when opening it.
svg source
reduction pack
Still with gradient meshes in mind. From a visual approach the lightness levels preserve the appearance the most. Colours can fade out, a greyscale photograph can still show its content well.So building from well defined lightness levels is mandatory in a drawing.
Made this filter pack by taking each lightness level of an image, and blurring what's inside each level's area and composited them back together.
This one is closer to a real colour reduction filter, however the blurring used can hardly substitute an algorithm that could calculate the average colour of an area covered. It was set to 10%, and although it could be closer with a larger blur percentage, the blurring itself is a huge limit for the performance even as it is.
On a side note there was a bug in inkscape 0.91's rendering making it appear with fades to black -probably there was an alpha compositing issue.
With pre0.92 it looks ok.
svg source
25 December 2016
Colour reduction filter pack
Sort of.
This one is using a component transfer filter primitive only, making the channels "stepped".
Hosting this raster image on this blog because the thumbnail generated with inkscape 0.91 at openclipart is off.
svg source
This one is using a component transfer filter primitive only, making the channels "stepped".
Hosting this raster image on this blog because the thumbnail generated with inkscape 0.91 at openclipart is off.
svg source
23 December 2016
luminosity level indication filter pack
A simple filter pack based on component transferring and a convolution matrix filter primitive.
The rest is just regular compositing and flood fills etc.
These filters draw a 1 px wide (zooming independently) contour line around the source's luminosity levels -areas with the same tone.
Can be handy if you are tracing a photograph and adding gradients -especially, for node placement on gradient meshes.
svg source
Another variant on the concept, with black and white fills covering the same tone values is available here.
Also, the test image set was made for trying out such filter packs in the future, by remixing some top-notch cliparts at openclipart. Here is the link for that.
The rest is just regular compositing and flood fills etc.
These filters draw a 1 px wide (zooming independently) contour line around the source's luminosity levels -areas with the same tone.
Can be handy if you are tracing a photograph and adding gradients -especially, for node placement on gradient meshes.
svg source
Another variant on the concept, with black and white fills covering the same tone values is available here.
Also, the test image set was made for trying out such filter packs in the future, by remixing some top-notch cliparts at openclipart. Here is the link for that.
Címkék:
filter,
filter in action,
filter pack,
Lazur,
luminosity,
svg filter,
tone,
URH
21 December 2016
plane tree
Missed a dropshadow on the top. And some wood grain patterns mismatch. Still, I could finish it in the night. Time for some sleeping.
Edit: mentioned errors corrected, image updated. Some details still off.
svg source
Címkék:
2016,
Christmas,
filter,
filter in action,
Lazur,
plane,
svg filter,
URH,
wood,
wood grain
16 December 2016
hatched apple
Tiny modifications with the recent hatch filter.
This variant uses merge instead of blending the three tones in, and they are in the shades of a blue ink.
svg source
This variant uses merge instead of blending the three tones in, and they are in the shades of a blue ink.
svg source
6 December 2016
newsprint testing
Testing out the previous filter.
Not completely happy with the result, although produces a quite fancy look.
Few examples in use.
First image is unfiltered, the next two are filtered variants.
svg source 1
svg source 2
svg source 3
Not completely happy with the result, although produces a quite fancy look.
Few examples in use.
First image is unfiltered, the next two are filtered variants.
svg source 1
svg source 2
svg source 3
Címkék:
2016,
crosshatch,
filter,
filter in action,
halftone,
hatch,
Lazur,
newsprint,
svg filter,
URH
newsprint filter
A base for various hatching and "newsprint" halftone filter effects.
Complex in inkscape's filter editor but easy to render, zooming doesn't lag.
If I could capture the structure behind would upload it as well, as it has a nice pattern.
It is based on the lightness values of the source object.
Maybe if there will be a decent filter editor in inkscape I'll get back to it and split the rgb channels instead.
But for now this filter is a bit too complex for the current editor.
svg source
Complex in inkscape's filter editor but easy to render, zooming doesn't lag.
If I could capture the structure behind would upload it as well, as it has a nice pattern.
It is based on the lightness values of the source object.
Maybe if there will be a decent filter editor in inkscape I'll get back to it and split the rgb channels instead.
But for now this filter is a bit too complex for the current editor.
svg source
Címkék:
2016,
filter,
filter in action,
filter pack,
gradient map,
halftone,
Lazur,
newsprint,
svg filter,
URH
5 December 2016
hatching filter pack
Based on a 16 tone gradient map filter, this one produces hatches.
While the gradient map fills each part of the source with a flood colour based on its lightness value, this one fills those area with a hatch pattern adjusted for each tone.
The hatch pattern is pulled in by an image filter primitive, and can be adjusted live.
With the tile filter primitive the concept could be extended to a newspaper halftone filter.
source svg
While the gradient map fills each part of the source with a flood colour based on its lightness value, this one fills those area with a hatch pattern adjusted for each tone.
The hatch pattern is pulled in by an image filter primitive, and can be adjusted live.
With the tile filter primitive the concept could be extended to a newspaper halftone filter.
source svg
Címkék:
2016,
crosshatch,
filter,
filter in action,
filter pack,
hatch,
hatches,
Lazur,
svg filter,
URH
4 December 2016
gradient map filter pack -discrete-
The previous pack tweaked to have solid colours.
Can be used for the base of a hatching filter as well where image filter primitive is used instead of the flood fills.
On a side note this is the first time I used the table and discrete inputs for the component transfer filter primitive so probably I'll fix the previous "duotone" filters a bit sometime, which were using linear imputs, slope set to 10 twice in a row. This is a way more streamlined solution.
svg source
Can be used for the base of a hatching filter as well where image filter primitive is used instead of the flood fills.
On a side note this is the first time I used the table and discrete inputs for the component transfer filter primitive so probably I'll fix the previous "duotone" filters a bit sometime, which were using linear imputs, slope set to 10 twice in a row. This is a way more streamlined solution.
svg source
Címkék:
2016,
filter,
filter in action,
filter pack,
filters,
gradient map,
Lazur,
svg filter,
svg filters,
URH
Subscribe to:
Posts (Atom)





























