[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

Hey /gd/, I'm having an issue here. I'm pretty new

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 10
Thread images: 5

File: the-issue.jpg (187KB, 2087x639px) Image search: [Google]
the-issue.jpg
187KB, 2087x639px
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.
>>
File: 1.png (139KB, 1339x662px) Image search: [Google]
1.png
139KB, 1339x662px
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
>>
File: Untitled-2.png (18KB, 690x201px) Image search: [Google]
Untitled-2.png
18KB, 690x201px
>>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
>>
File: tut.jpg (68KB, 914x870px) Image search: [Google]
tut.jpg
68KB, 914x870px
>>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
Thread posts: 10
Thread images: 5


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.