HOME | DD

Published: 2012-04-27 21:21:43 +0000 UTC; Views: 21285; Favourites: 347; Downloads: 1000
Redirect to original
Description
Exported as PNGs: [link]The gif shown is just a cropped preview - download the SVG and run in a web browser to see the real animation!
The magic effect, including tiny sparks (not very visible on the gif preview). Can be also used as a static resource as well - simply download the SVG and use at your leisure.
Fastest way to change the color is editing the file in a text editor and following the directions.
The animation is once again explained in the comments of the file - have fun!
As always, I would appreciate any input.
Time taken: 1 hour
Related content
Comments: 86
bronybyexception [2019-12-11 05:40:30 +0000 UTC]
Used and Credited 2019 Advent Day 11 Remember Furbies? Furbys?Furbi?
π: 0 β©: 0
bronybyexception [2019-12-08 03:52:34 +0000 UTC]
Used and Credited 2019 Advent Day 8 The Worst Part of Waking Up
π: 0 β©: 0
bronybyexception [2019-12-07 03:29:14 +0000 UTC]
Used and Credited 2019 Advent Day 7 Teenagers are Impossible
π: 0 β©: 0
bronybyexception [2019-12-02 00:10:21 +0000 UTC]
Used and credited www.deviantart.com/bronybyexceβ¦
π: 0 β©: 0
Cantersoft [2018-06-26 12:48:01 +0000 UTC]
So...how do I import into animate cs6? Each time I try the svg gets imported as one-frame only.
π: 0 β©: 0
heartfire24 [2018-01-05 20:22:11 +0000 UTC]
Sorry how can i change the color in Flash Cs5?
π: 0 β©: 0
bronybyexception [2017-12-17 21:13:19 +0000 UTC]
Used and credited bronybyexception.deviantart.coβ¦
π: 0 β©: 0
bronybyexception [2017-11-03 10:19:21 +0000 UTC]
Used and credited bronybyexception.deviantart.coβ¦
π: 0 β©: 0
PenguinsN1Fan [2017-05-17 20:38:58 +0000 UTC]
Used one of the PNGs for a CD cover: [link]
Thanks!
π: 0 β©: 0
AmaaDivine [2017-03-22 20:37:39 +0000 UTC]
Is it possible to make the glow bigger or smaller?
I never used SVG before and anything like this before.
π: 0 β©: 1
MisterAibo In reply to AmaaDivine [2017-03-22 21:18:40 +0000 UTC]
The SVG - being a vector - can be scaled to basically any size you might want. If you don't want to use Inkscape to create a picture with this (or you don't know how), you can still use aniGen Β to export it at larger scale and/or different frame rate. You just open the SVG with it, click "file" and "export" and set a different scale ratio. The original SVG exports as 720x720 px, so for, say, 360x360 you'd choose the ratio of 50%. Of course, the SVG is a bit weirdly cropped, so you might have to play around with it a bit to get the results you want.
π: 0 β©: 0
MarkMaker36 [2016-05-12 02:10:18 +0000 UTC]
I can't access the sta.sh link to the PNGs...
π: 0 β©: 1
MisterAibo In reply to MarkMaker36 [2016-05-12 07:31:11 +0000 UTC]
Should be fixed now.
π: 0 β©: 2
MarkMaker36 In reply to MisterAibo [2016-05-12 20:59:29 +0000 UTC]
Used! Thank you so much!Β thejonwalter.deviantart.com/arβ¦
π: 0 β©: 1
Rebecca-47 [2016-03-14 01:52:57 +0000 UTC]
Would you be able to upload a tranparent gif, for overlaying on images? This is really cool.
π: 0 β©: 1
MisterAibo In reply to Rebecca-47 [2016-03-14 23:43:55 +0000 UTC]
Added a link:Β sta.sh/01027m2xeneb is exported as PNGs at 30 fps.
π: 0 β©: 0
The-6th-One [2015-11-26 14:10:40 +0000 UTC]
This will help me sooooo much THANK YOU!!! Β Β Β
π: 0 β©: 0
Gsaxby13 [2013-08-31 07:37:11 +0000 UTC]
question, i'm looking for a way to use horn magic on a png file and create a gif how would i do that?
π: 0 β©: 1
MisterAibo In reply to Gsaxby13 [2013-08-31 07:50:08 +0000 UTC]
Well, I'm afraid SVGRender is currently unavailable. And even if it is up, it doesn't work with transparent images. What I do is I include the animation in the whole (SVG) image and export that, which renders the transparency issue moot as there is none. However, you want to export it as a series of transparent PNGs, which is, at least to my knowledge, impossible at the moment. You could try to key out the background, but the gradient is a little too complex for that, and it still doesn't solve the issue of SVGRender not working at the moment.
I'm afraid I don't have a satisfying answer. When I started, I captured the images by the means of screen capturing. If you want to try that, you can. SVG can be scaled however you like, so there shouldn't be any problems stemming from that (apart from the transparency, once again). The resulting video can be made into a series of images without a problem.
Or, you know. You could save this actual GIF - the one I made for the preview - and key out the white. That sounds relatively simple.
Of course, exporting into a series of PNGs will be part of aniGen when it's out. I'm currently solving some minor issues, but I should get on that in the next few days.
Hope this helps.
π: 0 β©: 1
Gsaxby13 In reply to MisterAibo [2013-09-01 13:55:54 +0000 UTC]
thanks i'll try that also don't worry about credit i don't post any of my stuff like this cause i base it all on little bits and pieces of others work and unless i have all the sources and i can feel ok with using it in public. and this i'm just gonna keep to myself and admire the experiment with others works i did. i have no benefit in taking credit so i'm glad you gave me the advice i was looking for a way to make a horn magic gif on an oc i made from an assortment of vectors and pony maker stuff so yeah thanks again!
π: 0 β©: 1
MisterAibo In reply to Gsaxby13 [2013-09-01 13:59:09 +0000 UTC]
I read that with one breath. I feel exhausted.
Hey, experiment all you like. I get it that you don't want to post experiments composed from other people's resources, but then again, collages is what resources are for. Maybe you get an idea for a funny comic or a picture that you'll want to see out there. Don't let the fact that you use the works of other people - at least those meant exactly for that purpose - stop you.
π: 0 β©: 0
the-muffin-master [2012-10-17 23:14:04 +0000 UTC]
Oh, last question, I promise. My friend asked me the other day something about this, and I wasn't able to answer. He asked how to use it, per se - like, how to overlay it on a drawing. Kinda like how you do on your cinematics (I showed him your work the other day, since we were talking about animating ponies and all). Er, I'm bad at explaining. It's like this [link]
π: 0 β©: 1
MisterAibo In reply to the-muffin-master [2012-10-17 23:27:43 +0000 UTC]
Well... It's just an asset like any other. Just drag and drop it. Pull it into the drawing in inkscape. The whole code tree necessary for the object copies, which means the animations that are inside will remain the same.
π: 0 β©: 1
the-muffin-master In reply to MisterAibo [2012-10-19 01:02:42 +0000 UTC]
AH. That's...amazing. Thank you.
π: 0 β©: 0
the-muffin-master [2012-10-17 20:42:57 +0000 UTC]
Hm, I've got a question. How did you do the preview image? The gif, I mean. How did you convert it?
Sorry, that's a pretty stupid question and all, but I tried Googling it and I'm still clueless.
π: 0 β©: 1
MisterAibo In reply to the-muffin-master [2012-10-17 21:12:18 +0000 UTC]
I used my brother's Firefox addon . It's pretty straight forward - you can use it to export an SVG opened in Firefox atany number of images and at any framerate. I use it for all cinemagraphs right now. Sure, it can't handle transparency and it doesn't do scaling, but other than that? I can even make videos out of the frames.
π: 0 β©: 1
the-muffin-master In reply to MisterAibo [2012-10-17 21:41:03 +0000 UTC]
That's pretty nifty! I managed to export one, yeah, but it sort of...disappeared? I can't seem to find it anywhere...?
π: 0 β©: 1
MisterAibo In reply to the-muffin-master [2012-10-17 21:49:14 +0000 UTC]
It saves the files in some temporary directory. I think it should make a popup with the address when it's done - usually as "can't make a movie because you're missing the program, but the pictures are here:" thing.
π: 0 β©: 1
the-muffin-master In reply to MisterAibo [2012-10-17 21:51:53 +0000 UTC]
It did pop up the address and was all ohh your movie was created, but when I try to go to the place it was saved, it says it doesn't exist. o_o
π: 0 β©: 1
MisterAibo In reply to the-muffin-master [2012-10-17 21:56:25 +0000 UTC]
Weird. It should work. Maybe try some similar folder? I'm not sure about what kind of folder names it uses in other systems, but it can be traced pretty easily in linux. Maybe try screwing up with ffmpeg so it can't make the movie?
π: 0 β©: 1
the-muffin-master In reply to MisterAibo [2012-10-17 22:17:31 +0000 UTC]
AH! YES! It worked! Thank you so much. I love you. *sobs*
π: 0 β©: 1
MisterAibo In reply to the-muffin-master [2012-10-17 22:19:06 +0000 UTC]
Love my brother - he made the addon.
π: 0 β©: 1
the-muffin-master In reply to MisterAibo [2012-10-17 22:23:33 +0000 UTC]
You are both geniuses.
π: 0 β©: 0
Marcotonio-desu [2012-09-19 06:38:57 +0000 UTC]
Man, I didn't know SVG had so much possibilities, wow.
But still, this looks like too much coding and little actually drawing/putting your hands on visually understandable stuff. I know a bit of programing and can grasp the abstraction of it, but the majority of artists will just look at this and see no point on doing it "the hard way". Even flash is hard to understand for a beginner.
Are there interfaces to deal with SVG animation other than code lines? Vertex selection, time line, importing media/vector, etc.?
π: 0 β©: 1
MisterAibo In reply to Marcotonio-desu [2012-09-19 07:47:39 +0000 UTC]
None that I know of. That's the main problem with it - artists are ironically the people who lack the necessary imagination to be able to model things like this. They probably don't think about shapes like a mathematician or a physicist does. They don't appreciate the inner beauty of a BΓ©zier curve. At least most artists.
You can always use some crutches - I draw most of the raw shapes in inkscape and then just work with the curves in a text editor, which works just fine for me. There is hardly ever an occasion when I have to re-work the whole curve by hand (script-wise, I mean). Adjusting the file in inkscape and seeing how it changes in the text editor is usually a pretty quick way to make reasonable adjustments. It takes a bit of getting used to, I know.
As for time line, well, timing the animation is just about changing a couple of attributes so you just need some basic idea to make things the way you want them. Sure, it's not that user friendly, but it's very precise. You always make the animation as optimal as you are able to, not as optimal as some interpretation script allows you to.
And importing is as easy as dragging and dropping. Just try it - make a new SVG in inkscape, import one of my animated vectors, save it (as inkscape SVG, plain tends to delete the animations) and view it in a browser.
What I'm trying to say is there is a way to do anything. You don't have to be a complete geek. You actually can do reasonable SVG animations with very little knowledge of the inner workings of an SVG. You need some, but the way I see it, you should always know about the thing you're working with. After all, you can't be a musician without knowing about acoustics, you can't be a painter without knowing a bit of chemistry and you can't be a film maker without knowing about encoding.
And if you are, this is why you're not as good as you could be.
π: 0 β©: 1
Marcotonio-desu In reply to MisterAibo [2012-09-19 17:03:30 +0000 UTC]
Totally agree, but in the same time disagree. Look at Blender; it's got a huge and complex interface which takes a big time to learn. Normal, as 3D programs are kinda overflowing with resources. Parallel to it there is the possibility of programming the settings of what you're doing, in python. The whole process can be made either by clicking/dragging or by code lines.
Back in the day there was only coding for a lot of features, and Blender Foundation had to hire some crowd-funded programmers to enhance the user-friendship. As much as it'd be ideal for artists to know their tools deeply, it won't ever be a reality for most, and Blender grew outstandingly after the interface boost, being nowadays comparable to its paid rivals.
Since SVG is an open format, it would be really nice if some initiatives aiming for making it friendly were taken. As you said, few take shapes and animation as graphs and numerical points, so there must be a conversation between artists and programmers to see what are the needs for such an interface. This way I guess SVG could spread as much as SWF, else it'll stay overshadowed, no matter how much potential it holds.
π: 0 β©: 1
MisterAibo In reply to Marcotonio-desu [2012-09-19 17:39:48 +0000 UTC]
Yeah, the problem is that inkscape is pretty much dead at the moment. At least animation-wise. They do not plan on making any kind of "official" animation extension. I think one of the main problems is this: the programmers don't care about the animation because artists don't use it and the artist don't use it because they don't know about it BECAUSE they didn't read the specification.
π: 0 β©: 0
x-PinkamenaPie-x [2012-08-02 13:32:50 +0000 UTC]
Is there a way to do the animation all in Inkscape? Or do you need another program?
π: 0 β©: 1
| Next =>