Hey /gd/, I'm having an issue here. I'm pretty new to Illustrator, been using photoshop for all of my pro work but now I have an issue.
I need to do a few svg files for an html game, and I'm blocked on an animation. Basically, I need to turn what I have on the left into what I have on the right, but I can't use filters (no gaussian blur,etc) or feather because the svg will create a png file when exporting, and I can't have the svg needing an external file (once again, this is all for html). Is there any way to solve this?
Get the raw vectors out of Illustrator as SVG and do the blur manually by editing the markup.
You can apply SVG filters in Illustrator too but they've never worked like I want them to for me at least.
"Apply gradient across stroke" maybe?
Won't look exactly like a blur, but you can get it pretty close IMO. It's def the easiest solution.
what version of illustrator are you using?
Just exported svg file - no links or ties to *.png in the svg code.
ANIMEZING
>>277750
BTW used the FX - Gaussian blur on the right
>>277618
Left one is using Gaussian blur while right one is multiple shapes with increasing stroke size and reducing opacity stacked on one another
>>277618
Nope, welcome to the reality of design.
When in doubt, stay away from bitmap effects and vector based raster effects.
If you plan on doing ANY design outside of strictly web based you will need to develop strong vector only design skills.
>>277618
You can blur it in css. Embeded into the svg like so:
http://www.w3schools.com/svg/svg_fegaussianblur.asp
>>277618
1. create shape , apply stroke
2. duplicate it create gradient stoke with "apply gradient across stroke
3. select booth objects ,transparency > make mask
4. profit