田口 冬菜
田口 冬菜

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年も技術・表現力を磨きながら、楽しく箱猫ちゃんを動かしていきたいです。


📮 お仕事のご依頼やご相談、お待ちしております。

お仕事のご依頼やご相談は、お問い合わせ からお願いいたします。

🤝 一緒に働きませんか?

下記の職種を募集中です。より良いデザイン、言葉、エンジニアリングをチームで追求していける方をお待ちしております。詳細は 採用情報 をご覧ください。

  • デザイナー
  • アシスタントデザイナー
  • フロントエンドエンジニア
  • アシスタントフロントエンドエンジニア

🗒 会社案内資料もご活用ください。

弊社のサービスや制作・活動実績、会社概要、ご契約など各種情報をまとめた資料をご用意しています。会社案内資料 からダウンロード可能ですので、ぜひご活用ください。

株式会社necco ダウンロード資料へのバナー画像

(2024年9月時点)

田口 冬菜

田口 冬菜

Fuyuna Taguchi

三重県伊勢市生まれ。地元の二次救急病院で約6年間理学療法士として約6年働き、趣味ではじめたデザインにハマってデザイナーへ転職。転職のタイミングでより成長できる環境を求めて東京に引っ越し。都内のデザイン会社1社を経て、2020年からneccoに入社した。入社後にはモーションデザインのスキルを身につけ、現在デザイナー・モーションデザイナーとして働いている。個人ではブログを書いたり、たまに動画・映像関連のメディア出演をしたりしている。著書に『これからはじめるFigma WebUIデザイン入門』(マイナビ出版、2022)がある。インテリア、本、コーヒー、あまいもの、散歩、人の姿勢・動作観察が好き。

SHARE

Other Note

necco note

「ほくかだい辞典」ロゴデザイン制作ストーリー