田口 冬菜
田口 冬菜

necco note

2020年につくった箱猫の動画10本を紹介

  • Brand Design
  • ,
  • CaT
  • ,
  • Design

こんにちは、デザイナーの田口です。

今年の7月からモーショングラフィックスに興味を持ち、After Efferctsでの動画制作をはじめました。

約半年コツコツ制作をつづけてきて、neccoのマスコットキャラクターともいえる箱猫ちゃんの動画が10本できたので、2020年のしめくくりにまとめてご紹介します。

ぽよよんっと跳ねる箱猫ちゃん

はじめて作った箱猫ちゃんのアニメーションです。

ツイッターのいいねボタンを見て、「箱猫ちゃんがぽよんっと出てきたらかわいいだろうな」と思い、ポップアップするアニメーションをつけてみました。

「箱猫ちゃんはやわらかくて弾力がありそうだから、ぽよよんっと跳ねさせて質感を出したい」など想像をふくらませながら作ったので、箱猫ちゃんのぽよぽよしたイメージが伝わると嬉しいです。

このときはAfter Effectsを使いはじめて1週間ぐらいの時期だったので、ぽよぽよバウンドさせるだけでも一苦労でした。

マイクロインタラクション風の箱猫ちゃん

先ほど紹介したぽよよんっと跳ねる箱猫ちゃんと基本は同じですが、改良を加えてマイクロインタラクション風にしました。

マイクロインタラクションとは、ボタンを押したとき、ボタンを押したことがユーザーに伝わるような表示、デザインのことです。

改良前は何もしなくても箱猫ちゃんが飛び出てくるデザインになっていましたが、改良版ではボタンを押す前の表示と、キャンセルしたときのアニメーションを追加しました。

おやすみ中の箱猫ちゃん

IllustratorからイラストのパーツをわけてAfter Effectsに取りこみ、それぞれを別々に動かす方法を覚えたため、呼吸に合わせてカラダがふくらんだり、シッポや目に動きをつけたりしてみました。

大きな動きはありませんが、癒し系でのんびりした動画になって気に入ってます。スースー寝息が聞こえてきそう。

よまにゃ紹介動画のオマージュ

こちらは集英社文庫のキャラクター・よまにゃの紹介動画を模写するつもりで作ったオマージュ動画になります。

イラストに動きをつけることに少しずつ慣れてきたので、現時点で自分がどの程度動きをつけられるようになっているか?と試す目的で作らせていただきました

ご本家さまの動画ではよまにゃの部分を箱猫ちゃんに置き換え、音楽は阿部さんに作ってもらいました。

Music:Fumito Abe
Motion:Fuyuna Taguchi

ご本家さまの動画はこちら

箱猫ちゃんステッカーのPV

販売用の箱猫ちゃんステッカーをneccoでつくったので、プロモーション動画を作ってみました。写真と音楽は社内のメンバーが撮影、作曲してくれたものを使わせてもらっています。

これまではイラストだけを使ったアニメーションが中心でしたが、この動画の制作をきっかけに、写真や音楽も組み合わせた動画をつくる楽しさを知りました。

ステッカーは来年リニューアル公開予定の自社サイトでご購入いただけるよう準備を進めております。おたのしみに〜!

Illustration:Seina Kon
Music:Fumito Abe
Photography:Hitomi Natsui
Design / Motion:Fuyuna Taguchi

夏季休暇期間のお知らせ

neccoの夏季休暇期間をお知らせするモーショングラフィックスです。

夏を楽しむ箱猫ちゃんのイラストを描いてもらったあと、ストーリーが伝わるように少しずつアニメーションを足していきました。

飛行機が飛んでいく様子と、そのあとにできる飛行機雲、最後にゆらゆら落ちてくる麦わら帽子のところが特にお気に入りです。

もとのグラフィックがかわいいので、動きがつくことでさらにかわいさが増し、イラストを動かすことの楽しさを実感した作品でした。

Illustration:Seina Kon
Music:Fumito Abe
Motion:Fuyuna Taguchi

マンガ風カード

お世話になっている方々に箱猫ステッカーをお送りするため、同封するカードをつくりました。

カードのデザインを考えるとき、「マンガ風にしたら動かすのおもしろいし、見て楽しいものになるんじゃない?」「マンガ風イラスト作りましょう!」「よし、音楽もつけよう!」とテンポよく制作が進んでいきました。

これまではイラストが完成してから動きをつける、音楽をつくる、という流れでモーショングラフィックスを作っていましたが、イラスト担当、音楽担当、モーション担当、みんなで連携して動画を作ることに慣れてきたのを感じた作品でした。

Illustration:Seina Kon
Music:Fumito Abe
Motion:Fuyuna Taguchi

年末年始の休業期間のお知らせ

neccoの年末年始の休業期間をお知らせするモーショングラフィックスです。

おうちにこもってゲーム三昧の箱猫ちゃんのイラストがおおかた完成してきたタイミングで、「窓の外の景色が朝から夜、次の日の朝に変わっていけば、ずっとゲームしてる感じが伝わっておもしろいんじゃないかな?」「朝晩でおうちの中の暗さも変えよう!」「夜になったらライトもつけよう!」とストーリーができていきました。

コロナウイルスの流行でお休み中も積極的に外出できませんが、のんびり楽しむおうち時間も悪くないと思わせてくれる、ほっこりした作品になりました。

Illustration:Seina Kon
Music:Fumito Abe
Motion:Fuyuna Taguchi

HAPPY BIRTHDAY

neccoがお世話になっているデザイナーさんのお誕生日をお祝いするモーショングラフィックスを作りました。

デザイナーの今ちゃんがかわいいイラストを描いているのを見て、アニメーションさせたい欲が高まり、急遽動きをつけさせてもらうことに。

「風船飛ばそう!」「電球チカチカさせたい!」とデザイナー2人で盛り上がっていたところ、音楽担当の阿部さんがバースデーソングを作ってくれることになり、すごいスピード感で制作が進みました。

グラフィック担当、音楽担当、モーション担当、完成イメージがみんな一致していて、それぞれの制作フローもわかってきてた時期だったので、うまく連携をとって作れた動画でした。

Illustration:Seina Kon
Music:Fumito Abe
Motion:Fuyuna Taguchi

necco 4th ANNIVERSARY

2020年10月にneccoが創業4周年を迎えたので、お祝いと記念に作ったモーショングラフィックスです。箱猫ちゃんが主役ではありませんが、マスコットキャラとして何度も登場しています。

「お祝い」「お祭り」「花火」「楽しく」などのキーワードを頭の中で何度も繰り返しながら作りました。

ストーリー設計や音楽に合わせて動きをつけるのに苦労しましたが、挑戦してみたかった表現を試すこともでき、とても勉強になりました。最後まで音と動きの調整につきあってもらった阿部さんと今ちゃんには大感謝です。

間違いなく、今年つくった動画の中で1番苦労した作品であり、完成したときの達成感も大きいものとなりました。

Graphic:Seina Kon
Music:Fumito Abe
Motion:Fuyuna Taguchi

まとめ

2020年下半期に制作した、箱猫ちゃん動画10本のご紹介でした。

はじめの約2ヶ月間は箱猫ちゃんのイラストを借りて1人で動画を作っていましたが、コツコツ制作とアウトプットを続けるうちに、他のメンバーと協力してモーショングラフィックスが作れるようになりました。

最初はぽよよんっと跳ねるだけだった箱猫ちゃんも、モーションの技術向上、動画になることを考慮したグラフィック、世界観をより濃くする音楽が加わったことにより、どんどん生き生きしてきました。

2021年も技術・表現力を磨きながら、楽しく箱猫ちゃんを動かしていきたいです。

田口 冬菜

田口 冬菜

Fuyuna Taguchi

三重県伊勢市生まれ。高校卒業後、4年間医療を学び理学療法士になる。二次救急病院のリハビリテーション科に所属し、急性期および回復期、外来の整形外科、脳血管、呼吸器、心臓疾患など臨床を経験する。臨床6年目で趣味としてデザインを学びはじめたところ、ハマりすぎてデザイナーに転職。半年後に上京、都内のデザイン会社へ就職し、2020年6月からneccoにデザイナーとして参画。人の心を動かすもの、魅せるデザインを日々探究中。仕事や自主制作でモーションデザインも楽しんでいる。最近は3DCGモデリングにもハマっている。好きなものはデザイン、本、アート、お出かけ、インテリア、犬、効率化。じっとしていることが苦手。おもしろそうなことはなんでもやってみる。

SHARE

TwitterFacebook

Other Posts

necco note

CSS Nite「お客さまの事業を強化するためのデザイン 〜WORDSウェブサイト制作の裏側 〜 」に出演しました。フォローアップあり。

Contact Usnecco Corporate Character HakonecoContact Us