Tag Info

New answers tagged

2

I would say that you'd want an uncompressed video of the animation; typically, those are wrapped in a MOV container.


0

I figured out how to do it eventually! Just in case anyone still cares, Let me do some explaning just so you don't go through what I went throught: <style> div.sprite { margin: 0 auto; width: 40%; /* Change this to what ever value you desire*/ height: 0; padding-bottom: 40%; ...


0

The reason why a good library for animating text characters themself does not exist is because all fonts are different. Making a general, programmatic approach to compensate for all fonts is approaching the realm of impossible. In order for something like this to exist, the library would have to analyze each and every character of the given font, calculate ...


1

Not sure what the issue is. Opening your top GIF with Photoshop CC2014 suffers from the same stop half way through. However, I was able to access all frames by: Opening your top gif with Fireworks CS6 Export as animated GIF Open that new animated GIF with Photoshop CC2014 Then, and only then, were all frames present in Photoshop. Here's the gif after ...


12

GIFs For most simple animations, a gif is often the best way to go, especially when they don't require much interaction, are as detailed as the illustration you linked and don't need to have a dynamic width (gifs, like any image, can be blurry at times if their widths is changed). The animation you linked could be just a gif and a transparent overlay to ...


3

In my experience, when doing static animations (animations that are not intended for any interaction with the user) I found that what best worked for me was animating the illustrations in After Effects and after that exporting the final result to a .GIF file. This makes the animation absolutely browser-friendly and guarantees identical visualisation in any ...


0

you can view this plugin : http://www.pixel-conception.com/font_anim/ It do exactly that you want. You can choose your font, define color, background, gradient, etc.


0

It's not exactly what you are looking for but may help you find the right solution: http://jonibologna.com/svg-text-along-a-path/ it's about animating svg text along a path - perhaps a good start.


0

As far as I can tell, there's no easy way to do this. Your best bet, as you alluded to, is to right-click the tween where the first part of the motion ends and choose 'Split Motions'. Also split the tween where the second motion starts. You can then apply an ease to the now separate tween segments as necessary.



Top 50 recent answers are included