Bring Them to Life icon

Bring Them to Life

Bring Them to Lifeは、キャラクター作品や新しく作成したマスコットをWebサイト・アプリ向けの短いアニメーションに変換。プレビュー、リアクション選択、透明WebPや購入可能な追加形式に対応。

Bring Them to Life

Webサイト・アプリ向けのキャラクターアニメーション

Bring Them to Lifeは、既存のキャラクター、イラスト、マスコットを、Webサイトやアプリで再利用できるキャラクターアニメーションに変換します。PNG、JPG、WebP形式のキャラクター画像をアップロードし、複数の背景で切り抜きの見え方を確認し、リアクションを選択して、アニメーション処理に送信できます。

完成した作品ではなくアイデアから始めたい人向けに、マスコット作成のフローも用意されています。作成したキャラクターはプレビュー、承認、PNGでのダウンロードが可能で、同じアニメーションフローに送信できます。納品されるアニメーションはプロダクトやWebレイアウトでの利用を想定しており、実例では透明WebPが使用されています。購入したアニメーションでは追加形式も利用できます。

機能

キャラクターをアップロードまたは作成

PNG、JPG、WebP形式で、最大20 MBのファイルをアップロードして、すでに使用しているキャラクターから始められます。またはマスコット作成フローを使い、文章による説明から全身キャラクターを新しく作成できます。

複数の背景でキャラクターをプレビュー

アニメーションを確定する前に、明るい背景、暗い背景、カラーバックグラウンド、エッジ背景で切り抜きを確認できます。シルエット、指、隙間、細いエッジなどの細部も確認できます。

リアクションベースのアニメーション

テスト済みのアニメーションリアクションから選択できます。プレビューフローでは、親しみやすく手を振るリアクションが推奨の開始オプションとして提示されます。

Web・アプリ対応のモーション

Webサイトやアプリ内への配置を想定して設計されており、透明なアニメーションWebPをページに追加するための動作するHTML例もサンプルに含まれています。

複数の納品形式

購入したアニメーションには、アニメーションWebP、対応プレーヤー用のラスターベースの.lottieパッケージ、白背景のMP4、PNGフレームが含まれます。モーション低減設定やアニメーション非対応の環境向けに、静止ポスターも利用できます。

用途

  • Webサイトのヒーローエリア・ランディングページ

    提供されているWebPの方法を使って、透明なキャラクターリアクションをページに直接追加できます。訪問者がモーション低減を希望する場合に備えて、静止ポスターも利用できます。

  • プロダクト内のキャラクターフィードバック

    プロダクト画面、オンボーディングレイアウト、ダッシュボードなどのアプリ内の場所にマスコットやキャラクターを配置し、短いリアクションで視覚的なフィードバックを提供できます。

  • ブランド・キャンペーン用アセット

    既存のイラストから始め、異なるリアクションを選択し、制作環境に応じて納品形式を選ぶことで、複数のブランド施策で同じキャラクターを使用できます。

  • プロトタイプのテスト

    サンプルキットをダウンロードしてHTML例を開き、想定する表示サイズで結果を確認することで、実装に組み込む前にアニメーションを試作できます。

Pros and Cons

Pros

  • PNG、JPG、WebPなど一般的なキャラクター画像形式に対応しており、アップロード上限は20 MBです。
  • アニメーションの前に、明るい背景、暗い背景、カラーバックグラウンド、エッジ背景で確認できます。
  • 透明WebP、ポスター、元の作品、HTML例を含むサンプルキットがあり、アカウントなしでテストできます。
  • 購入したアニメーションには、WebP、ラスターベースの.lottie、MP4、PNGフレームなど複数の納品形式が含まれます。
  • キャラクター作品をまだ持っていないユーザー向けに、独立したマスコット作成ワークフローがあります。

Cons

  • 特定のWebサイトビルダー、アプリフレームワーク、アニメーションプレーヤーとの連携については、対応する.lottieプレーヤー以外の情報は記載されていません。
  • サンプルでは、293 × 463 pxのアニメーションを本来のサイズより拡大するとぼやけて見える可能性があると注意されています。そのため、想定する表示サイズを確認する必要があります。
  • アニメーションのバージョンを処理に進める際にクレジットが消費され、別のバージョンには別のクレジットが必要です。

FAQ

アニメーションの作成には何を使えますか?

PNG、JPG、WebP形式のキャラクター画像をアップロードしてアニメーションを開始できます。最大サイズは20 MBです。また、マスコットを説明し、洗練された3D、ソフトクレイ、絵本風、太いグラフィックなどのビジュアルの方向性を選択してキャラクターを作成するフローも用意されています。

アニメーションのワークフローを教えてください。

記載されているワークフローは、既存のキャラクターをアップロードするかマスコットを作成し、明るい背景、暗い背景、カラーバックグラウンド、エッジ背景で切り抜きを確認し、テスト済みのリアクションを選択してアニメーション処理に送信するというものです。サイトでは「アップロード」「リアクションを選択」「命を吹き込む」の3ステップとして説明されています。

どのようなファイルが納品されますか?

サンプルキットには、透明なアニメーションWebP、元の作品、静止ポスター、動作するHTML例が含まれています。購入したアニメーションには、対応プレーヤー用のラスターベースの.lottieパッケージ、白背景のMP4、PNGフレームも含まれます。

自分のWebサイトでアニメーションを試せますか?

はい。サンプルはアカウントなしでダウンロードでき、アニメーションWebPを表示する方法を示すHTMLが含まれています。モーション低減設定がある場合、例ではアニメーションの代わりに静止ポスターを使用します。

クレジットとマスコット作成の仕組みを教えてください?

アニメーション処理が受け付けられた時点でアニメーション用クレジットが使用され、別のバージョンには別のクレジットが必要です。マスコット作成は別の機能で、後からアニメーション化できる静止キャラクター画像を生成します。公開されているプランは買い切りで、購入には7日間の全額返金保証があるとサイトに記載されています。

Quick Facts

カテゴリー
キャラクターアニメーションツール
主な用途
Webサイト・アプリ
開始時の入力
PNG、JPG、またはWebP形式のキャラクター画像、最大20 MB
実例で示される出力
静止ポスター付きの透明なアニメーションWebP
購入可能な追加出力
ラスターベースの.lottie、白背景のMP4、PNGフレーム
料金モデル
買い切りのクレジット購入。公開されている導入プランは10クレジット9.99ドルから