キネティックタイポグラフィプレゼンテーションのオンラインエディターですか?[閉まっている]


8

キネティックタイポグラフィプレゼンテーション(テキストアニメーションのパン、回転、ズーム)を作成する機能を提供するWebアプリはありますか?

ズームテキスト

これは私がウェブを使って達成したいことの例です(いくつかの悪口の言葉が含まれています)

NSFW:youtube.com/watch?v=Asvtgj6wANw

私はPreziを見ましたが、それは時間とともにテキストを表示することをサポートしていません、すべてが前にレンダリングされなければなりません。

After Effectsのようなポストエフェクトビデオエディターを使用できることは承知していますが、これを実現できるシンプルなWebアプリケーションはあるのでしょうか。


真剣にウェブベースのものはないようです。最終的にはFlashを使用して作成しました(AEを持っていなかったため)vimeo.com/22832508。誰かが何かを見つけた場合、質問はまだオープンです:)
ジェイウィック

いいね、ジェイ!あなたが尋ねるのは間違っているかもしれませんが、これをフラッシュでコーディングする方が、After Effectsを使用するよりも簡単で、難しく、時間がかかると思いますか?「あなたの今の姿が素晴らしい」木を育てるのに時間がかかったと思います...
Charles Lindsay

@charles:AEチュートリアルを見た後は、AEに行くと思います。フラッシュはこの種のものにとって恐ろしいものです。すべてのエフェクトが転送されたわけではなく、ビデオ形式への変換は悪夢であり、試練全体が非常に時間がかかりました。要約すると、フラッシュは使用しないでください。私の次のvidはAEになります(時間があるとき)
ジェイウィック

回答:


2

一言で言えば、いいえ。

時間ベースのテキスト変換は、プロセッサを大量に消費するタスクです。(AEがビデオを「レンダリング」するのにどれだけの時間がかかるかを誰かに尋ねれば、私が何を意味するかわかるでしょう。)

私はHTML5ベースのJavascriptベースのキネティックタイポグラフィを作っています。それが十分に簡単だとわかった場合、それをアプリにして基本的な変換を可能にすることができます。

2018年6月の更新:
ブラウザーが改善されました。CSS3とHTML5がFirefoxとChromeで普及し、SafariとEdge(ラグガード)でも利用できるようになりました。

この実験は、CSSアニメーション(最小限のJS)の適切な使用法を示しています。また、Githubでコードをフォークして、独自のコードを作成することもできます(これよりも手の込んだWebベースのキネティックタイプのエクスペリエンスを見つけた場合は、コメントして教えてください!)

もっと単純なものについては、このcodepenを見てください

また、アニメーションを読んで学ぶことを強くお勧めします。この密接なチュートリアルは、開始方法を示しています。CSSを使用してキネティックタイポグラフィビデオを作成します。


7年後...簡単だった?出版の機会はありますか?
trejder

更新:)ありがとう@trejder
MyPreciousss

回答と更新に感謝しますが、CSS / HTMLベースのソリューションの提供に重点を置いているようですが、OPの質問は、実際のプレゼンテーション(ダウンロード可能)またはビデオ(ダウンロード可能)を作成できるツールに関するものでした。しかし、質問はトピックから外れているので、もうこれ以上取り組もうとは思わない!:>
trejder

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.