blur the original rectangle

than place the ring on top of the blurred one and clip together

here is a video of it: http://www.metacafe.com/watch/2235337/re_inkscape_screencast_ep072_non_destructive_method/

hm, I may have missed out a step (or at least some detail on it)

here is the example image: http://hicks.f2s.com/TEST/SVG/blur_effects_simple.svg (you will probably have to save page as or something…)

ps. a more complete step by step may be this:

1) Create object
1a) group objects (not needed, but can be helpful)

2) Create duplicate
2a) set the fill of the objects to black,
(if there is an image, convert it to a patten and then set the fill to black)
2b) blur object as desired
2c)send to back of original
2d if you need a storonger black, duplicate the blurred object again+send to black

3) Group all objects created so far… <- the key step!
4) Set transparency on group

…hope that helps, its harder than you think to explain to someone something that you think is straightforward! lesson perhaps learnt
tomh

Sorry. I’m not sure why your comment didn’t show. I blame Richard.

I wrote how to make the shadow without need to clip original image, alowing to move arround the glass pane, but it didnt apeared

Example here: solidfiles.com/d/5830

The only reason that I mentioned VirtualBox in the first place is because it’s part of my work environment. Getting to Linux terminal commands in Windows isn’t really an issue for me. Many of us are stuck on Windows at our day jobs so VirtualBox at least keeps us from going insane when we need to use Linux. Running in seamless mode blends Windows and Linux together (I’m sure you know) and it makes things awfully handy.

Thanks for the link. I’ll plug your blog into my feed reader. Looks like you have an interesting blog.

http://www.peppertop.com/blog/?p=54

If you have VirtualBox locally installed you’ll probably find it better to use the integrated “seamless” mode – but if you use some other virtualisation software, or want to do the same trick with a remote machine on your network, this might help. It’s probably overkill if you just want to run the “cal” command though

I’m confused about step 2. I want a black blurred shadow under the edges of the object. How does blurring the duplicate of the original object accomplish that? Can you maybe do a step by step example image and post it somewhere?

1) Create object
2) Create duplicate + set blur
3) Group objects <- the key step!
4) Set transparency on group

blur will not bleed into the object as the transparency is applied after the grouping of the objects…

There’s more than one way to skin a cat…

Hope people find this useful, although there already seem to be some better methods (although this one is simple after the first time)

MWUK

P.s. It can be easier to use strokes for the first parts, in my opinion anyway, still brilliant tutorial though Richard!

P.s.2. I know that you don’t like inwards blur, but it can add depth to the glass border ‘bit’.

Just click the “goodies” link in the navigation bar at the top of this page. We would be disappointed if you didn’t at least buy one of every item that’s available…even the pink one. Or find the most expensive item, like the hoodie, and buy ten of them.

now what color are those shirts? what size? how much?

Good find. I updated my svg file above.

the effect works well as long as the opacity of the object is 100% – when it isn’t the object becomes grey.

but the solution is simple:

Do not use ‘Out’ in the Combine statement – use ‘Arithmetic’ with 0,1,-1,0 – so transparence works well, too.

These revelations maybe call for a quickie supplemental screencast demo (like heathenx provided for in Ep034). Maybe I’ll try to put one together in the next day or three… and just stick it in as an update to this post.

UPDATED WITH ARITHMETIC SETTING:
filter_outer_glow.svg