New answers tagged animation
0
Just to complement:
One program that specializes in this aspect of reusing the same animation for different characters is https://www.reallusion.com/cartoon-animator/2d-character-designers.html
And you could try some 3D programs and adjust the materials to make them 2D, like Blender.
Daz studio is also free and you can reuse the animations on different ...
0
Note: In general the answer I wrote applies to the more complex animations, like your example 1. Some of the other examples you posted are pretty simple and can be addressed just talking to your team.
Short answer:
If you want to animate an animation, and want the final animation to be like the one you already animated... Just prepare the animation to be ...
1
There are probably many ways of doing this. If you're already familiar with After Effects, you can use it to create your SVG animations and export them with the help of the Bodymovin AE Plugin (~ USD 20). It will create a JSON file with the animation, that can be triggered by Javascript then.
Here's a tutorial
1
As Scott mentioned, Adobe Animate focuses on canvas animations, not CSS, and AE on video. As far as I know, there are certain plugins that you can use to force the export of an SVG file, but it isn't exactly the best solution. I haven't tried them out yet.
I prefer to use SVGator if I need a single SVG file and there's no Adobe product that would allow you ...
5
It seems that the svg you link to is animated using CSS Animations. Read about it on W3Schools and CSS-Tricks.
Inspecting the moving elements with browser Developer Tools by pressing F12 is revealing:
These animations could be hand coded by editing the SVG file in a text editor. But the source code contains tons of animation keyframes.
This seems like too ...
2
SVG files can have declarations for class and/or IDs.
That file is merely using the animation ability of Cascading Style Sheets v3 (CSS3) to introduce animation based upon various IDs.
#el_hAVKZVGCL * {
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
...
0
I don't know how useful this will be for your requirements, but if you don't need perfect results then it is kind of possible using Adobe Illustrator using a step blend. If you don't have access to Illustrator, then Inkscape is free and also has an Interpolation extension.
If you have a pair of letters from two different fonts, expand them to outlines, ...
0
On character per character basis you can do this in ie coreldraw. You can use two shapes to interpolate between them easily. You would get best results if you would manipulate the character with less nodes (Helvetica) to have the same number of them as the same character in the other (Times). This way you can control the interpolation process to get best ...
Top 50 recent answers are included
