ニューモーフィズムの作り方（応用編）

前回のニューモーフィズムの作り方（基本編）では、いろいろなアプリケーションでニューモーフィズムデザインのボタンを作成しました。
今回は、ニューモーフィズムの基本操作を応用してボタン以外の画像を作成してみようと思います。

ニューモーフィズムの応用デザイン

シンプルかつ洗練されたデザインを表現できるニューモーフィズム。
構造を理解すれば透明感ある背景デザインも自在に制作できます。

数字のデザイン

「0」「2」「4」を同じ効果をつけ作成し少し重なるように並べて完成です。
とても洗練されたデザインの来年の年号画像が出来ました。

サークルを組み合わせた背景デザイン

押した（凹んだ）ニューモーフィズムの円を組み合わせるだけで波紋のような背景を作成できます。

完成した円を大小複製し組み合わせることで美しい波紋の背景が完成します。

乗算を使い透明感ある背景デザイン

正方形のニューモーフィズム画像を作成し、小さい画像の「不透明度」を通常から「乗算」に変更します。
中央の画像が透過され、透明感ある画像を作成できます。

緩やかなパスをを組み合わせた背景デザイン

ニューモーフィズムは規則正しい形だけではなく、緩やかな波のような形状でも表現することができます。
波形を重ねることで波のような質感の背景が作成できます。

まとめ

いかがでしたでしょうか。
明るい影と暗い影をつける手法を身につけるといろいろな応用デザインを作ることが可能になります。
形式にとらわれず様々な形を組み合わせて独自のニューモーフィズムを作ってみてはいかがでしょうか。