トップページ > ブログ > 【After Effects】バーチャルYouTuber風のロゴをアニメーションさせてみた

BLOG

ブログ

UPDATE:2024.9.26

CATEGORY

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

さやさんです!


先日、デザイナーのジョンちゃんの指導を受けてロゴを作りました。
ロゴ制作の素人がプロに学んで架空のVTuberのロゴを作ったら、こうなった。



さて、今回は前回とは別に作ったこちらのVtuber(バーチャルYouTuber)のロゴ
今回はこのロゴをアニメーションさせてみようと思います。

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

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


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


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


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

・優しく高貴な存在
・モチーフは「雪」と「王冠」
・イメージカラーは「白」と「青」
この三点でした。


なので、たとえば

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

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

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



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




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


今回の制作の成果
・Illustratorで作ったロゴデータから「After Effects」でアニメーションする流れを覚えた
・考えたアニメーションの動きをおおよそ再現できた


今回の制作の反省点
・いきなり難しいロゴを動かそうとしてしまった
・時間がかかったわりに、ふわふわとゆっくり雪が落ちる表現とかがうまくできなかった


今回の反省点を踏まえて、
次回はこちらの自作したネオン風Vtuberロゴをアニメーションさせてみようと思います!
(これも私が13秒くらいで考えたVtuberさんっぽい名前です)


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

Happiness in Design

シアワセをデザインする会社

営業ゼロで年間600件以上
お問い合わせをいただいている
ノウハウを惜しみなく。

アプリコットデザインには創業当初から営業マンはいません。
創業当初からWEBを活用することに重点を置いて、これまで試行錯誤してきました。その結果、年間600件以上の問い合わせををこのホームページから得ています。ホームページという集客ツールを提供している私たち自身が、自社のホームページで集客できないのでは、お客様に自信を持ってオススメすることはできません。自社の実験から「WEBを活用して集客するためのノウハウを蓄積」した上で、誰よりもホームページの素晴らしさを知り、自信をもってお客様にご提供していきたいと考えます。

VIEW MORE

CONTACT

お問い合わせ・ご相談は
お気軽にどうぞ。

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

プロジェクト

それぞれの
らしさ溢れる日常を。

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ/ドッグサロン/
ネイルサロン/スクール

tone village

We're open.

採用情報

recruit info

豊かで彩りのある社会をつくる!

私たちは仕事を通して、一人でも多くの人が未来に対する希望を描けるような、そんなワクワクする社会をつくっていきたいと思っています。

VIEW MORE