2014-11-14 101 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