はじめに
私は普段、趣味と勉強を兼ねてモーショングラフィックスを制作しています。
その一環として、今回はシンプルなモーションロゴを作ってみました。
モチーフとコンセプト
題材は「KNAP」のロゴです。
「KNAP」という言葉には“小山”という意味があり、実際にサイトのファビコンにも、そのイメージをもとにした三角形のモチーフが使われています。
今回はこの三角形を起点に、「KNAP」という文字が現れるアニメーションを設計しました。
アニメーション設計と制作のポイント
今回のポイントは、
A：小山（＝三角形）が消える動き
B：「KNAP」の文字が出現する動き
この2つをいかに違和感なくつなげるかです。
それぞれの動きのスピードやリズムを揃えることで、一連の流れとして自然に見えるようにしています。
制作には Adobe After Effects を使用しています。
また、Lottieでの書き出しも想定し、エフェクトには頼らず、シンプルな動きとパスのモーフィングを中心に構成しました。
シンプルな構成だからこそ、速度の緩急やタイミングを意識し、見ていて心地よいモーションになるよう調整しています。
完成したモーション
最終的にこのようなモーションに仕上がりました。
動きを加えることで、また違った印象を生み出せるのが面白いところです。
また次回も、何かデザインに動きを加えてみたいと思います。
