今のロゴを、AIで3Dにできます

01 ／ 作った流れ

平面のロゴを、話しながら立体にしました

使ったのは、AI（Claude）との会話です。平面のロゴ画像から始めて、動く3Dの見本を作り、それをこのサイトに入れました。

1. 平面のロゴから始める

   手元にあったのは、赤い角丸の四角に白いT、右肩に「＋」が3つの、平面のロゴ画像だけでした。

2. AIに話して、立体にする

   Claude のチャットで話しながら、その場で回る3Dの見本を作りました。

3. ホームページに入れる

   見本をこのサイト用に直して入れました。画面に近づいたときだけ読み込み、3Dが出せない端末では平面のロゴのまま表示します。

「動きを減らす」設定にしているスマホやパソコンでは、ロゴは正面で止まって表示されます。

02 ／ 3つの動き方

同じロゴを、置く場所で動き方を変えています

大きく見せる所、ページの左上、いちばん下。同じ3Dのロゴでも、置く場所によって目立ち方を変えています。下の3つは、どれも今このページで動いている本物です。

見せる

大きく見せる

開くとくるっと回って止まります。押すと、くるくる回ります。マウスを乗せると傾きます。

会社の紹介・作ったものを見せるページに

ヘッダー

ページの左上

ふだんは正面で軽く揺れて、ときどき1回転。マウスを乗せても回ります。

このページの左上のロゴがこれです

フッター

いちばん下

小さく、ゆっくり回り続けます。読み終わった人に、最後にもう一度会社の印を見せます。

このページのいちばん下にもあります

03 ／ 置き場所

動くロゴは、置き場所で効き方が変わります

3Dのロゴは目を引きます。だからこそ、どこにでも置けばいいわけではありません。意味のない所にポンと置くと、ただの飾りになって、読む人の邪魔になります。作るときは、置く場所も一緒に考えます。

04 ／ 作れるもの

ロゴのほかにも、見た目のものを作っています

AIに話して作れるのは、文章や書類だけではありません。このサイトでは、次のようなものも作って使っています。

ほかに作ったもの（書類のアプリ・ページの中の道具・仕事の自動化）は、作ったもののページにまとめています。

05 ／ 頼み方

ロゴの画像を、送っていただくところから

料金は、ロゴの形と、どこに置くかを伺ってから、見積書でお出しします。見本づくりに入るのは、見積にご納得いただいてからです。

1. ロゴの画像を送る

   今お使いのロゴの画像を送ってください。データが見つからないときも、まず相談してください。

2. 動く見本を見る

   3Dにした見本を作って、実際に回して見ていただきます。色や動き方は、見ながら直します。

3. ホームページに入れる

   気に入っていただけたら、ホームページの合う場所に入れます。置く場所も一緒に決めます。お使いのホームページの仕組みによっては入れられないこともあるので、最初に伺います。