普通に表現すると、手間がかかりますが、
Neumorphismプラグインを使えば簡単です。
Design
【動画あり】Figmaのプラグイン『Neumorphism』の使い方|ニューモフィズムを表現しよう。
Post:2024.03.19 / Rewrite : 2024.03.19
View
130 views
背景から要素が押し出されているまたは、窪んでいるような表現を「ニューモーフィズム」デザインと言います。
Movie|Figmaのプラグイン『Neumorphism』の使い方
Figmaのプラグイン『Neumorphism』の使い方
背景から要素が押し出されているまたは、窪んでいるような表現を「ニューモーフィズム」デザインと言います。
ドロップシャドウの重ねがけをしたり、明るい色・暗い影色・ブレンドした中間色を用意したり、なかなか手間がかかりますが、Neumorphismプラグインを使えば簡単です。
まず、フレーム内に要素を配置します。
リソースから、Neumorphismプラグインを検索します。
背景との距離や、影色の濃さ、光の当たり方などを任意で調整。
押し出されているような表現だけではなく、窪んでいるような表現なども「Shape」項目を切り替えるだけで簡単に作成することが可能です。
Effctsの項目を見ると、インナーシャドウやドロップシャドウが重ねがけされていることが分かります。
-
Design
【動画あり】Figmaのプラグイン『Mockup』『Vectary 3D』の使い方|スマートフォンやPCのモックアップをデザインに挿入しよう。
Hanai Akhiro
date.2024.10.29
-
Design
【動画あり】Figmaのプラグイン『blobs』の使い方|流体シェイプを作ろう。
Hanai Akhiro
date.2024.10.28
-
Design
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方|魅力的なGradationを作ろう。
Hanai Akhiro
date.2024.10.27
-
Design
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方|波線を描こう。
Hanai Akhiro
date.2024.04.01
-
Design
【動画あり】Figmaのプラグイン『FigMap』の使い方|地図を挿入しよう。
Hanai Akhiro
date.2024.03.31
-
Design
【動画あり】Figmaのプラグイン『Split Shape』の使い方|段組み(グリッド)繰り返しレイアウトを作成しよう。
Hanai Akhiro
date.2024.03.29
-
Design
【動画あり】Figmaのプラグイン『Skew』の使い方|図形や文字に斜体をかけよう。
Hanai Akhiro
date.2024.03.28
-
Design
【動画あり】Figmaのプラグイン『Icons8 Background Remover』の使い方|人物、背景を切り抜こう。
Hanai Akhiro
date.2024.03.27
Popular
-
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方|魅力的なGradationを作ろう。
2024.10.27
-
【動画あり】Figmaのプラグイン『FigMap』の使い方|地図を挿入しよう。
2024.03.31
-
【動画あり】Figmaのプラグイン『Split Shape』の使い方|段組み(グリッド)繰り返しレイアウトを作成しよう。
2024.03.29
-
【動画あり】Figmaのプラグイン『blobs』の使い方|流体シェイプを作ろう。
2024.10.28
-
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方|波線を描こう。
2024.04.01
-
【動画あり】Figmaのプラグイン『Iconify』の使い方|フリー素材のアイコンをデザインに挿入しよう。
2024.03.18
-
【動画あり】Figmaのプラグイン『Mockup』『Vectary 3D』の使い方|スマートフォンやPCのモックアップをデザインに挿入しよう。
2024.10.29
-
【動画あり】Figmaのプラグイン『Skew』の使い方|図形や文字に斜体をかけよう。
2024.03.28