napps ツール紹介 vol.2 [ アニメーションテキスト生成 ]

こんなときに

サイトやスライドの見出し、もう少し動きが欲しくないですか？

動画編集や After Effects まで出すほどではないけど、
文字が線で描かれていくような演出は試してみたい。
ロゴやキャッチコピーを、そのままサイトに貼れる形でほしい——
そんなときに使えるツールです。

「アニメーションテキスト生成」なら、
文字を入力するだけで線描アニメの SVG をその場で作れます。

動画ではないので初期表示速度への影響は少ないところがメリットです。


使いかた

1. テキストを入力すると、すぐにプレビューが表示されます。
2. 英字フォント・色・太さ・字間・配置サイズを調整します。
3. 描画時間や再生方法（順番／同時／スクロールで表示時）も選べます。
4. よければ「SVGをダウンロード」か「実装例をコピー」でサイトに貼り付けます。

ポイント

・生成はブラウザ内で完結します。入力した文字は外部に送信されません。
・英数字・記号にくわえ、ひらがな・カタカナ・漢字にも対応しています。
・ログイン不要で無料でお使いいただけます。今後、有料化することはありません。