2014-11-14 106 views
3

轻松制作动画字母?

我在CSS和HTML的图形设计者和初学者,谁是试图动画阿拉伯字母来传达他们将如何在一定的风格写(书法http://cl.ly/YXIK(什么我尝试动画图片) )。

我想找到一种方法来动画28和更多的字母很容易。我尝试了几种技术,但没有工作。我现在尝试使用Adobe Edge Animate(http://cl.ly/YRdZ),但仍有问题。

我还需要帮助定义我的笔刷大小,角度和笔画的速度,以模仿书法家绘制字母的方式。

我的问题:

  • 什么是动画这些字母的最佳和最经济的方式? (软件或秘密食谱)
  • 将生成一个CSS或一个JS就足以动画每个字母?
  • 如何读取SVG文件?我根本无法理解数字!
+0

我认为你是在正确的轨道上。 SVG绝对是这样做的方式。你将不得不选择你的开始和结束点。我不知道任何可以做到这一点的软件。从那里开始,你可能会编写代码来补间,但我不知道任何现成的工具来帮助解决这个问题。 – Brad 2014-11-14 19:21:55

+0

你好,我发现我不能使用笔画唯一的SVG。我需要一个工具来帮助我使用填充动画制作完整的形状。你知道如何做到这一点? – 2015-02-04 00:03:30

回答

1

我会建议使用这个库:: http://maxwellito.github.io/vivus/

new Vivus('my-letter-id', {type: 'oneByOne', duration: 500}, myCallback); 
+0

谢谢您分享! 我想知道如何做多个路径?我应该在illustrator中命名路径并在js中使用相同的名称吗? – 2014-11-15 05:58:19