コラージュ感が出したかった……
素材を足すほど情報量が増えて、逆にコントロールが効かなくなっていった。
Mogicのサイトロゴを、月替わりでアニメーションさせていく企画がスタートしました。とはいえ、アニメーション制作の知見はほぼゼロ。まずは手探りで、いろいろな方法を試してみることにしました。
最初に試したのはClaude CodeでSVGアニメーションを組む方法。Claude Codeはコーディング作業が得意です。SVGアニメーションの複雑な指示も簡単にできるかも！むしろ得意なのでは？と思いました。SVGはなんと言ってもサイトに組み込む際に扱いやすいのです。
結果は、確かに早いしサクッとできる！いいじゃん、と
やってみて分かったのは、素材を活かすことは簡単。テーマやコンセプトを載せると、情報量が増えて途端にコントロールが難しくなる、ということです。ここでClaude Codeでのこれ以上の造り込みには限界を感じました。SVGアニメーションとしての自由度がある分、動きを固定化するのが難しく、動きをつけたいと思えば思うほどコンテキスト量が増えてノイズが増える、というお手上げ状態。ここはすっぱりやめようと方向転換することにしました。
まだコラージュ感……
方向は合っている気がするのに、手数を増やすほどノイズが増える悪循環。
ノイズが増えて限界
動きを固定化するほど不自由になる。SVGでの自由度の限界を感じ、ここで方向転換を決意。
というわけで、プロンプトの試行錯誤からツールの選定まで振り出しに戻ることになります。紆余曲折ありながら、同僚のディレクターの方に教えてもらったGoogle Flowを試すことになります。
記事の作成も力尽きてきたので、続きはまた今度！Google Flowにてロゴアニメーションができるまでをご紹介します。
通勤のときの雨は嫌なんですけど、土日に雨だとどこにも行かなくていいじゃないですか。だから大好きです。