• ColorkrewのCIリニューアルについて 〜モーションロゴは一日にして成らず〜

    こんにちは。デザイナーの鈴木です。

    自社サービスGoalousのUIデザインをメインに、紙、ブース、Tシャツなどなど、長い社歴に比例して色々とやらせてもらっています。

    今回はお恥ずかしながらというか、その道のプロからしたら「何をやっているんだ???」と言われてしまいそうなモーションアニメ制作秘話を赤裸々に語ろうと思います。

    めっちゃ突然アニメーション作ってって言われた

    motion-logo

    これは忘れもしない、(実際のところは忘れていたのでTeamsのログを遡りましたが)4月10日のことでした。

    ポロンという着信音と共に来たメッセージがこれです。

     

    ヘッドデザイナーの和泉田くんは前職の同僚、なんなら当時のお仕事的相棒、さらにはColorkrewに誘ったのも私。

    と、かなり気安い仲ではあるのですが、それにしたってあまりにフランクな依頼ぶりにこの時点のわたくし

     

    motion-logo

     

    完全に外注への指示ラフ作成の依頼だと思っています。

     

    ……考えてもみてください。

    日々Sketch相手にアトム作ってコンポーネント作ってオーバーライドをポチポチ設定しているわたしに、どうして突然アニメーション作成の依頼が来ると思いますか?

    私は思えなかった。

    さらには、このときまだCIリニューアル関連は全内製するって話も聞いてなかった。

     

    motion-logo

    そしてようやく**マジでアニメーション制作を頼まれてるのでは???**と理解しかけたわたしは、チャットは無理だと判断。

    通話に切り替えたのでこの後の漫才みたいなやり取りは残念ながらお見せすることができませんが、だいたいの話はこうです。

     

    弊社デザイナーチームの内訳は

    • 映画好きヘッドデザイナー(和泉田くん)
    • デザインもできる猫好きハイパーコーダー
    • ステッカーをこよなく愛するドイツレディ
    • 星空の撮影が趣味の新卒二年目イケメン

    という構成に対し、

    +元オタク(わたし)

     

    いちばんアニメーション制作やれそうなの、鈴木じゃない???

    たまにイラスト描いてたりするし、やれるんじゃない???

    ……という流れ。

    絵とアニメはちがうんだよ💢💢💢とビデオチャットでキレちらかしながらも

    motion-logo

     

    穏やかに依頼を受けるわたしでした。

    まずなにをしたか

    しかし何からすべきかまったくわからない中、とりあえず

    motion-logo

    ググった。

    ggrksという単語が飛び交う前からインターネットに居る身です。

    とりあえずなんでもググる。ググればわかると信じてる。

    Google先生って言葉、最近聞かなくなりましたね。

     

    しかし、見れど見れど女の子が動くアニメーションの作り方しか出てこない。

    まあそうだろうさ、**真っ白の棒人間より可愛い女の子を動かしたい。**私もそう思う。

    であるならば、これならどうだ。

    motion-logo

    <

     

    しかしなかなか有用といえるハウツーにたどり着けない。

    ……とはいえ、学びはそれなりにありました。

    運動曲線と予備動作。

     

    ・運動曲線

    AからCにモノを変化させる場合、その間にはBがある。

    その変化の過程で同じ点(手なら手、頭頂なら頭頂)が、それぞれスムーズに繋がるようにする。ということだ。

    motion-logo

    スムーズに、と言った先からまったくスムーズでない運動曲線をご覧頂いていますが許してくださいね。

    ...