アニメーションSVGを作成するツールですか?


17

アニメーションSVG画像を作成および編集するためのグラフィカルツールはありますか?Inkscapeは素晴らしいですが、アニメーション以外のすべてを実行します。Inkscapeで画像を作成し、XMLを手動で編集してアニメーションプロパティを追加しました。これは私が望むものを与えてくれましたが、やや複雑なデザインの場合は非常に退屈です。


回答:


7

あなたは見ていたいかもしれませんSynfigを。この行で何かを作成する必要があるとき、SVGフレームを使用し、XMLを編集しました。

無料ではありませんが、安価なKoolmovesをご覧ください。svgエクスポートがあります。ツールが好きです。(とにかく、SWFやHTML 5などのその他のエクスポートを検討してください。より将来性があり、利用可能なエディターでより適切にサポートされます。完全にsvgエクスポートが必要な場合は無視してください。)


1
20/20後知恵で今日のことについて考慮すべきこと。SVGアニメーションよりも将来性が高いと思われるSWFであるSWFは、実際には死んでいます。svgアニメーションは当時と同じように存在しますが、それでも大成功ではありません。
-joojaa

(ウェブ上で)以前はFlashのようなツールで行われていた多くのアニメーションが、現在JavaScriptで行われていることを指摘する価値があると思います。正しく思い出せば、SVGアニメーションは通常、jsコードを実行することで実現されます。
Scribblemacher


0

http://archer.graphicsを試してください -正確なアニメーションではありませんが、javascriptコードの書き方を知っていれば、かなり遠くまで行くことができます


2
与えられた質問を解決する方法をより詳しく説明してください。現在のところ、これはリンクのみの回答です... GD.SEへようこそ!
メンシュ

0

BlenderまたはSynfig Studioを使用することをお勧めします。Synfig Studioは、2Dのみが必要な場合に最適です。

BlenderはSVGをインポートして使用できます。3Dに使用されますが、2Dで使用するようにカメラを設定できます。


0

単純にSVGをアニメーション化し、単一のアニメーション化されたSVGファイルをクリーンなコードでエクスポートする場合は、SVGatorをお勧めします。私は他のツールを試しましたが、SVGatorはこれまでのところ最高のものです。コーディングスキルは必要ありませんが、開始する際にサポートが必要な場合は、チュートリアルをご覧ください


-1

これらのリンクも試してください...

グラフィカルツール

https://animatron.com/
http://html.adobe.com/edge/animate/


GD.SEへようこそ。サイトのヘルプを確認して、物事の仕組みを理解してください。あなたの答えは実際には元の質問を扱っておらず、それらが何であるかについての説明なしにリンクのみ(これは数年後に公開されるかもしれないかもしれない)を含んでいます。
アランギルバートソン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.