Canvaアプリディレクトリ

ローディングアニメーション作成

ブランドに合った読み込みアニメーションを作成します。カスタマイズして、プレビューして、フォーマットを選択してください。

プレビュー

128 × 128px 1.0 ループあたりの秒数

アニメーションスタイル

12 スタイル

デバイス上で作成 · ログイン不要

設定

色 1#7B61FF

エクスポート

GIFを使用するページの色に合わせます。どの背景でも滑らかな透明性を保つためにSVGまたはWebMを選択してください。

ビデオエクスポートには、ChromeなどのWebCodecsをサポートするブラウザを使用してください。

次のロード画面のための12のスタイル

リング、アーク、バウンシングドット、パルシングドット、タイピングドット、イコライザー、サークルチェイス、オービット、リップル、フリップ、プログレスバー、またはインフィニティアニメーションを選択します。アニメーションを32から512ピクセルに調整し、重さを変更し、速度を0.5×から2×に設定します。各スタイルは1から3色をサポートし、パレットがスタートを助けます。

日常使用のためのGIF、インターフェース用のSVGとLottie

GIFは連続ループし、ドキュメントやメッセージに便利です。50または30 fpsでエクスポート。アニメーションSVGはどのサイズでもシャープで、コードとしてダウンロードまたはコピーできます。Lottie JSONと圧縮されたdotLottieファイルは、互換性のあるプレーヤー用のベクトルアニメーションデータを含みます。すべての形式は同じアニメーションデザインを使用します。

適切な背景でビデオをエクスポート

互換性のあるWebCodecsエンコーダーを備えたブラウザでは、1、3、5、または10のアニメーションループで60または30 fpsでMP4またはWebMをエクスポートします。MP4はソリッドな背景を使用します。透明なWebMはソフトなアルファエッジを保持します。SVGとLottieも滑らかな透明性を保持します。GIFは透明なピクセルをサポートしますが、そのエッジは選択したページの色に対してブレンドされるため、最終的な背景に合わせてください。

デバイス上で生成

プレビューとファイル生成はブラウザ内で実行され、レンダリングAPIやアカウントは不要です。デザインを調整する間、プレビューを一時停止します。GIFやビデオのエクスポートをいつでもキャンセルして、別のスタイルやフォーマットを試してください。