MARCH 2025

担当範囲
Motion Design / Programming

制作期間
Motion考案：1日
コーディング：1週間
微調整：5日弱

使用したテックスタック
HTML / CSS / JavaScript / GSAP

概要

高田唯さんの成都での展示「鸟瞰与虫看」にて、「HERO’s」のモーショングラフィックを担当しました。

ターゲット

展覧会を観に来る人たち

目的

高田さんが制作した「HERO's」のグラフィックをモーションでまとめて展示すること

モーションデザイン

高田さんから61点の「HERO's」グラフィックを受け取りました。それぞれのヒーローズはカッコよくてユニークですが、共通する特徴もあります。この数の多さと個性を表現するために、「シャッフル」と「ズームイン」という2つのモーションを提案しました。

• 「シャッフル」はヒーローズをパーツごとに分解し、一定の間隔でランダムに再構成することで、最終的に高田さんのデザインが現れる仕組みです。
• 「ズームイン」は、SVGの画質を落とさずに拡大することができる特性を活かして、次のヒーローズが前のヒーローズの目から現れるような遷移を実現しました。また、ヒーローズの体の色と背景色が同じにならないように工夫しています。