Lottieアニメーションの色を変える
アニメーションを好みの色に変えましょう。Libreで開き、図形を選んで塗りや線の色を編集できます。変更したLottieファイルのダウンロードも無料です。
Lottieの色を変える編集も書き出しも無料。アカウント登録は不要です。
エディターとドキュメントは英語です。
配色を変える
ファイルを読み込む
StudioでImportを選びます。Lottie JSONかdotLottieを開き、読み込んだアニメーションが正しく表示されるか確認してください。
図形を見つける
キャンバス上かLayersで図形を選びます。グループの中にある場合は、グループを展開して目的の図形を選択します。
色を選ぶ
Propertiesで塗りや線の設定を開き、色を指定します。グラデーションは該当するカラーストップを変更します。色がアニメーションしている場合は、キーフレームも確認してください。
確認してダウンロードする
全体を再生し、途中で元の色に戻らないことを確認します。ExportでLottieのプレビューを確認し、結果をダウンロードします。
変更できる色について
- この方法で編集できるのは、ベクターの塗りと線です。埋め込み画像のピクセルに含まれる色は、画像自体を編集する必要があります。
- ファイル全体の同じ色を一括置換するパレットはありません。対象の図形を編集し、キーフレームを確認してください。
まず試してみませんか？ 編集できるSuccessサンプルを開く.