3Dロゴアニメーションで、ロゴを回転させる

3Dロゴアニメーションは、平面のロゴを厚みのある立体に変え、光を受ける面取りの縁をつけて1回転させ、元の位置に戻ってくる短い動画です。いま使っているロゴをアップロードして回転の種類を選ぶと、AIがオンラインで4〜10秒のクリップを約1分で生成します。ソフトのインストールも3Dソフトも不要です。

  • アップロードしたファイルを回転させる
  • ループのつなぎ目を実際のクリップで測定
  • 約1分で完成

3Dロゴアニメーションを作成する

1ロゴ

360°回転

ロゴ必須

.jpeg、.jpg、.png、.webp、.svgファイル(24 MBまで)に対応しています。SVGはブラウザ内でPNGに変換されます。

2動き方

どのスタイルも、元のロゴで終わるように導きます。

1つ選ぶか、選ばずに動きを説明するだけでもOKです。

0/1000

ロゴアニメーションのプレビューがここに表示されます

ロゴをアップロードしてスタイルを選ぶと、ロゴが動き出します。

ロゴを3Dで回転させる2つの方法

360°回転

360°回転

ロゴが押し出された厚みと光る面取りの縁をもつ立体になり、ぐるりと1回転して正面で止まります。「回転する3Dロゴ」と聞いて多くの人が思い浮かべるのがこの動きです。

スタジオの床で回る3Dオービット

スタジオの床で回る3Dオービット

やわらかい照明のスタジオの床にロゴが立ち、真横を向いてからぐるりと回って、正面のスタート位置に戻ります。回転の量は360°回転と同じで、測定ではループにいちばん向いていたスタイルです。

どちらも、現在のエンジンで1枚の静止ロゴから生成したクリップです。2本とも最終フレームが最初のフレームとほとんど見分けがつかず(明るさ0〜255の尺度で平均2.4と1.3の差)、ループしても跳ねません。実際のクリップでは回転の安定度にもう少しばらつきがあり、測定結果は下にまとめています。

使い方

3Dロゴアニメーションの作り方(3ステップ)

モデリングもリギングも、3Dソフトの勉強もいりません。お手持ちのロゴファイルを中心に、回転の動きを組み立てます。

01

ロゴをアップロード

PNG、JPG、WebP、SVGをドラッグします。背景が透明なPNGがいちばんきれいです。ロゴが自分の背景ごと四角く切り取られず、明るい背景の上にすっきり置かれます。「株式会社」のような小さな文字は崩れることがあるので、外してからアップロードすると安心です。

02

回転の種類を選ぶ

立体がまるごと1回転する360°回転か、スタジオの床の上で同じように1回転し、ループのつながりがいちばんよい3Dオービットを選びます(文字の入ったロゴでは、3Dオービットは正面寄りにとどまりやすくなります)。どのスタイルも、クレジットを使う前に実際の作例クリップで確認できます。

03

生成してダウンロード

生成には約1分かかります。4〜10秒のクリップをMP4、GIF、WebP、WebMでダウンロードして、動画編集、SNSの投稿、Webサイトのトップなどに使えます。

つなぎ目のない360°ループとは?

最終フレームが最初のフレームと一致していれば、ループにつなぎ目は出ません。書き出された回転ロゴの多くはここでつまずきます。少し回りすぎたり、光の位置が違うところで終わったりして、くり返すたびにカクッと跳ねて見えます。

アップロードしたファイルが出発点

回転系のスタイルは、ロゴを描き直してから動かすのではありません。アップロードしたファイルがそのまま生成の出発点として渡されるので、描き直した別バージョンではなく、お手持ちのファイルから動きが作られます。

最後はそのファイルに戻るように生成

このサイトのクリップはすべて、終わり方のルールに従って生成されます。アップロードしたときの形・色・比率・文字のロゴに、くっきり、中央で、正面を向いて静止した状態で戻ること。最初と最後のフレームが同じ絵を目指すので、きれいな切れ目を作れます。

本当につなぎ目が閉じるスタイルは?

上の2本だけでなく、6つのスタイルの実際のクリップで、最初に戻る瞬間を測りました。3Dオービットは19本中12本がきれいにつながりました。360°回転は大半でわずかに跳ね、きれいなのは19本中4本、わずかな跳ねが12本、目に見える跳ねが3本でした。ゴールドの輝きとネオンパルスは半々で、きれいなのはそれぞれ7本中4本、3本中2本です。ホログラムとシネマティック登場は大半が跳ねました。ホログラムはロゴにすでに光がかかった状態で始まることが多く、シネマティック登場は暗い影から始まって明るい光で終わります。くり返し再生するクリップなら、3Dオービットが安全です。

正直にお伝えすると、最終フレームはモデルが従うルールであって、絶対の保証ではありません。また、そのルールが守るのはロゴであって、周りの光ではありません。3Dオービットでも19本中2本は跳ねたので、ループとして公開する前に、最後の1秒が最初とどうつながるかを確認してください。

ほかのスタイルのつなぎ目を同じ方法で測った結果は、 ロゴのループアニメーションのページにあります。

回転中もロゴの文字は読めますか?

大事なフレームでは読めます。ロゴの文字は、回転する面に印刷されたものとして扱われます。カメラに正面を向いているときはくっきり全部読めて、回るにつれて斜めに縮み、真横では見えなくなります。印刷された面ならどれでも同じです。生成が許されていないのは、別の文字にして戻すことです。ただし、日本語の小さな文字は、正面でも別の字や読めない線に崩れることがあります。

遠近による縮みは、崩れではない

1回転のうち90°の位置では、文字は真横を向いて読めなくなります。これは正しい3Dの投影で、生成のミスではありません。回転ロゴを見分けるいちばん早い方法でもあります。1回転のあいだずっと文字が完璧に読めるなら、ロゴは本当は回っておらず、平らな画像を動かしているだけです。

読むべきところで読める

生成は2つの条件を同時に満たす必要があります。文字がカメラを向いているフレームでは、くっきり読めること。そして、どの角度でも、文字が入れ替わったり、増えたり、書体が変わったり、存在しない文字が現れたりしないこと。斜めの縮みは幾何学なので許されます。新しい文字は、お客様のロゴではないので許されません。とはいえこれは生成の目標で、「株式会社」のような小さな文字では守られないことがあります。

2つの回転スタイルの違い

360°回転は、文字の入ったロゴでも必ず1回転します。社名は真横で一瞬消え、正面でくっきり戻ります。すべてのフレームで文字を読めるようにすると回転が止まってしまい、ゆらゆら揺れるだけになるためです。3Dオービットはこの厳しいほうのルールに従うので、文字の入ったロゴでは回転が浅く、正面寄りにとどまりやすくなります。上の作例のような文字のないシンボルなら、ぐるりと1回転します。社名がロゴのすべてで、真横を向かせたくないなら、シネマティック登場を使ってください。ただし、くり返し再生するクリップには向きません。

3DロゴアニメーションはMP4とGIFのどちらがいい?

どちらも同じ生成から作るので、始める前ではなく、ダウンロードのときに選べます。

動画を再生できる場所ならMP4

動画のオープニング、プレゼン、広告、SNSの有料配信に。グラデーションや光る面取りの縁をきれいに保ったまま、ファイルサイズはごく一部で済みます。金属の回転はほとんどがグラデーションなので、この差は大きくなります。

動画を貼れない場所ならGIF

メール署名、一部のマーケットプレイスや掲示板のプロフィール、動画は使えずGIFなら再生できるチャットアプリに。ゴールドやクロームの回転では、色の段差(バンディング)が目に見えることを覚悟してください。GIFは256色までで、光の当たった金属の面にはそれよりずっと多くのグラデーションがあります。平らでコントラストの強いロゴなら、GIFでもかなりきれいに残ります。

自分のサイトにはWebPかWebM

WebPはGIFと同じように埋め込めて、色はそのまま残るので、サイトのトップやランディングページのバッジにぴったりです。WebMは、最新のブラウザなら4つの形式でいちばん軽くなります。どちらも、ページを自分で管理していて表示のされ方がわかっている場所で使ってください。

回転は、 AIでロゴアニメーションを作る ツールにあるスタイルのひとつです(同じエンジン、同じ再現性のルール、すべてのダウンロード形式)。 パーティクル、リキッド、グリッチなどのスタイルは ロゴアニメーションの作例 のページにあり、どの動きでロゴが変わるかのテストも載せています。 回転をループするGIFで使いたいなら、 ロゴGIF作成 のページで、ファイルサイズ、最初のフレームの見え方、アニメーションを再生するメールソフトを確認できます。

よくある質問

3Dロゴアニメーションについて

アップロードするだけです。テンプレートを選んだり、モデルを作ったりする必要はありません。いま使っている平面のロゴを渡すと、生成が厚み、光、動きを加えて、ファイルの形・色・比率をもとにした回転する3Dロゴにします。

生成とプレビューは、新規登録でもらえる無料クレジットで無料で試せます。無料のクリップは透かし入りで、ブラウザで再生して確認できます。ダウンロード(透かしなしの元ファイル、高い解像度、MP4・GIF・WebP・WebM)には、有料プランかクレジットパックが必要です。

有料プランなら可能で、このページで使えるのは360°回転だけです。生成前に「背景透過」をオンにすると、ロゴはグリーンバックの上で回り、WebM、WebP、GIF、MOV(ProRes 4444)でダウンロードするときにグリーンが取り除かれます。MP4はグリーンバックのままです。背景が透明なロゴファイル(PNGやSVG)が必要です。ロゴの周りの光はキーイングで残らず、GIFは輪郭がくっきり切り抜かれた仕上がりになるので、なめらかな輪郭が必要ならWebM、WebP、MOVを使ってください。3Dオービット、ホログラムなど、このページのほかのスタイルは常に背景つきで生成されます。

変えられません。回転はパラメーターで設定するのではなく生成するものなので、速度の調整も軸の選択もありません。選べるのはスタイルと長さ(4〜10秒)で、回転はそれに合わせて決まります。ロゴから実際の3Dメッシュを作るツールなら、こうした調整ができます。その代わりにここでは、面の光や質感を加えられます。ゴールド、ホログラム、ネオンのような仕上げは、単純な押し出しでは得られません。

もらえません。お渡しするのは生成済みの動画(MP4、GIF、WebP、WebM)で、編集できる3Dシーン、メッシュ、レイヤーに分かれたコンポジションではありません。照明やアニメーションのタイミングをチームで自由に変えたいなら、このツールは向いていません。お支払いの前に、ここではっきりお伝えしておきます。

テンプレートは決まった演出にロゴをはめ込み、After Effectsはキーフレームを自分で組みます。ここではアップロードしたロゴから回転そのものを生成するので、編集作業はいりません。その代わり速度や回転軸は変えられず、3Dモデルやプロジェクトファイルも出力しません。

Standardは720pまで、Studio(最高画質)は4Kまで生成できます。ロゴに小さな文字が入っているなら、いちばん気にかけたい設定が解像度です。細い文字には、何よりもピクセル数が必要です。日本語の小さな文字はStudioのほうが崩れにくくなりますが、必ず直るとは限りません。

4〜10秒のクリップで約1分です。リアルタイムのプレビューではなく生成の順番待ちなので、スタイルを選んだら待つだけです。タイムラインを動かしたり、キーフレームを調整したりする必要はありません。

はい、商用利用OKです。ご自身のロゴから生成したクリップは、収益化しているチャンネル、クライアントワーク、有料の広告キャンペーン、商品ページに使えます。

ロゴを動かそう

ファイル1つと約1分で、ブランドが登場するあらゆる場所で使い回せる回転クリップができます。