Moo!今年の干支をグラスモーフィズムでデザインしてみたら？

2021年1月19日 19:46

前回ご紹介したグラスモーフィズム。
どうしても可愛くて、ついつい遊びたくなってしまう…

ということで、作ってみました！

我慢できなかったので、さくさくっとAEでデザインモーションで作ってみました！
本職のCGデザイナーさんには、到底敵いませんが
自分なりに満足できるモーショングラフィックができました。

2021年は丑年。
牛といえば、白黒のブチ模様がすぐに思いつきますが
せっかく透明感のあるグラスモーフィズムをベースにするので
キュートでふんわりしたカラーを使ってみました。

一時期流行ったゆめかわとか、シュガーカラーとかを思い出す
あまあまなデザインになりました。
最後に入れた丑のイラストロゴとの相性がいい感じです。

作っているうちに、ブチ模様を白透かしでいれていたら
空に雲が浮かんでいるみたいだなあ～と。
ぽよんと飛び出すモーションを付けたらますます、
雲っぽいふわふわ感が出ました。

後半のロゴの背景が寂しかったので、白透かしのブチ模様に
白の点線を入れてみたり。
透過のない点線は、グラスモーフィズムの雰囲気を壊さず
アクセントになるので、使い勝手がよさそうです！

作って思ったのは、とにかく可愛い。笑
UIデザインとしては、流行するかまだ分からないようですが
前年のニューモーフィズムよりも、組み合わせが無限に作れますし、
シンプルだけれど、抜け感があって
現代のデザインって感じが、個人的には大好きです。

今回は、思い付きだったので色味も雰囲気で選んだため
かなり淡いトーンになりました。
情報を伝えるためのデザインにするならば、
もっと背景の色や文字色など、濃いめにしないと
視認性が下がりがちだなと。

淡い色やグラデーション、ドロップシャドウを多用するので
画質が低い媒体では、バンドが出てしまい
あまり綺麗に表示されません。
高画質で書き出し、見れる媒体がオススメのようです。

色やデザインがポップによりがちだったので
文字は比較的キレイめのゴシック体が癖もなく合わせやすそう。
ポイントで筆記体やハンドドローなどと合わせても効果がありそうですが
多用すると乱雑になってしまうのは、どのデザインでも同じですね。

数年前から、デザイン内に透明感のあるグラデーションを入れる流行がありますが、
今回のグラスモーフィズムはまさに、その流行に乗っ取っていますね。

グラデーションをうまく使えると、一気にデザインが華やかになってくれるので
私も早く上達したい…。
というか、単純にグラデーションにハマった気もします。可愛い。笑

というわけで、今回はデザイナーが
流行のUIデザインを使ったモーショングラフィックを作ってみました！
またいろいろ実験的に作ってみようと思います！