「Preziのようなアニメーション」とは、あなたのキャンバスが逐次的に小さな部分に回転/ズーム/シフトすることを意味します。Preziプレゼンテーションのようなアニメーションを作成するには、効果の後にAdobeを使用できますか?
P .:問題はAEに限定されません。任意のアニメーションswは関連性があります。
一部はHTML5を示唆して、それはウェブデザインをターゲットと(私の目的は、唯一の自己娯楽のためのいくつかのアニメーションを作成しています。)
「Preziのようなアニメーション」とは、あなたのキャンバスが逐次的に小さな部分に回転/ズーム/シフトすることを意味します。Preziプレゼンテーションのようなアニメーションを作成するには、効果の後にAdobeを使用できますか?
P .:問題はAEに限定されません。任意のアニメーションswは関連性があります。
一部はHTML5を示唆して、それはウェブデザインをターゲットと(私の目的は、唯一の自己娯楽のためのいくつかのアニメーションを作成しています。)
はい。
手動で行うこともできます。ちょっと退屈ですが、3D空間にテキストレイヤーを配置し、カメラを押し込んでいきます。あなたは、バックグラウンドで目に見えるもののようなものすべてを調整し、テキストの中へのイージングの動きに多くの時間を費やします。
確かなターゲットは無料で、時間を大幅に節約することができます。あなたは基本的にそれを使ってカメラをヌルオブジェクトに仕上げます。そして、それがどのように動作するかを理解するために数分を費やさなくてはいけませんが、プロセスの退屈さを多く取り除きます。
Webpgrこれを提供しません。これはHTML5ベースで、Photoshopのようなオンラインエディタが付属しています。ベータ版ですが、アカウントをリクエストできます。
まだHTML5がオプションの場合は、Prezi様の Webインターフェイスを作成できるオープンソースライブラリlayerJSをご覧ください。お互いに独立して移動する要素が必要な場合は、複数のレイヤーを使用することもできます。
それは、シンプルスーパーです:ちょうど div要素が1つのまたはそれ以上の層を入れて、あなたが、ズーム、パン、回転遷移を持つことができるの間で好きなだけフレームを追加のステージを追加します。
HTMLコードは次のようになります。
<div data-wl-type="stage">
<div data-wl-type="layer" data-wl-layout-type="canvas">
<div data-wl-type="frame" data-wl-name="frame1" data-wl-x="100" data-wl-width="1000" data-wl-rotation="45" ...>
</div>
<div data-wl-type="frame" ...>
</div>
</div>
</div>