お問い合わせ・無料相談
WEBのこと 2024.09.26

【After Effects】バーチャルYouTuber風のロゴをアニメーションさせてみた

WRITER
Sasayama Sayaka ディレクター
Sasayama Sayaka

ディレクター。ウェブデザイン技能士(2級)/HTML5プロフェッショナル認定資格 レベル1・レベル2。

【After Effects】バーチャルYouTuber風のロゴをアニメーションさせてみた

さやさんです!

先日、デザイナーのジョンちゃんの指導を受けてロゴを作りました。

ロゴ制作の素人がプロに学んで架空のVTuberのロゴを作ったら、こうなった。

さて、今回は前回とは別に作ったこちらのVtuber(バーチャルYouTuber)のロゴ

今回はこのロゴをアニメーションさせてみようと思います。

▼こちらのロゴの制作について、制作過程を詳しく書いた記事です
(こちらの記事、なんと9/27のnoteマガジン「今日の注目記事」に選んでいただけました!)

ロゴをアニメーションさせる

架空のVtuber・白雪王子さん

ロゴ制作時の記事にも書きましたが、ロゴは彼をイメージさせる重要な要素です。
アニメーションの動きも、ロゴ制作時に上げたイメージを元に動きを考えていくと、よりロゴからイメージが強く伝わるはずです。

アニメーションの動きを考える

ロゴ制作時に上げた彼のイメージは

・優しく高貴な存在
・モチーフは「雪」と「王冠」
・イメージカラーは「白」と「青」

この三点でした。

なので、たとえば

・雪→ふわふわと落ちる、優しく溶けていく
・高貴な存在→キラキラと輝く
・王冠→頭に被るもの

このように、ロゴのイメージを元に動きを考えました。

そして、それらの動きを頭でイメージして「After Effects」でアニメーションを作ります。

実際にアニメーションさせたロゴ

まだまだ慣れていないこともあり、若干イメージしていたものとは違う動きになってしまったところもありますが、しかし、おおよそ考えた動きは再現できました。

今回の制作の成果
・Illustratorで作ったロゴデータから「After Effects」でアニメーションする流れを覚えた
・考えたアニメーションの動きをおおよそ再現できた
今回の制作の反省点
・いきなり難しいロゴを動かそうとしてしまった
・時間がかかったわりに、ふわふわとゆっくり雪が落ちる表現とかがうまくできなかった

今回の反省点を踏まえて、

次回はこちらの自作したネオン風Vtuberロゴをアニメーションさせてみようと思います!


(これも私が13秒くらいで考えたVtuberさんっぽい名前です)

それでは次回もお楽しみに!

JOURNALが気に入ったら「いいね」してね!

Contact

ブランディング・WEB制作・運用まで、まずは一度お話を聞かせてください。 初回のご相談は無料で承っています。

お電話

0120-622835

10:00〜18:00 / 土日祝休

メールフォーム

お問い合わせはこちら