Mogicのサイトロゴを、月替わりでアニメーションさせていく企画がスタートしました。とはいえ、アニメーション制作の知見はほぼゼロ。まずは手探りで、いろいろな方法を試してみることにしました。

最初に試したのはClaude CodeでSVGアニメーションを組む方法。Claude Codeはコーディング作業が得意です。SVGアニメーションの複雑な指示も簡単にできるかも！むしろ得意なのでは？と思いました。SVGはなんと言ってもサイトに組み込む際に扱いやすいのです。

結果は、確かに早いしサクッとできる！いいじゃん、と

でも、ここからが地獄。迷走に次ぐ迷走を重ねることになります。

やってみて分かったのは、素材を活かすことは簡単。テーマやコンセプトを載せると、情報量が増えて途端にコントロールが難しくなる、ということです。ここでClaude Codeでのこれ以上の造り込みには限界を感じました。SVGアニメーションとしての自由度がある分、動きを固定化するのが難しく、動きをつけたいと思えば思うほどコンテキスト量が増えてノイズが増える、というお手上げ状態。ここはすっぱりやめようと方向転換することにしました。

というわけで、プロンプトの試行錯誤からツールの選定まで振り出しに戻ることになります。紆余曲折ありながら、同僚のディレクターの方に教えてもらったGoogle Flowを試すことになります。

記事の作成も力尽きてきたので、続きはまた今度！Google Flowにてロゴアニメーションができるまでをご紹介します。