直感的にUIを使って
シャドウを表現できます。
Design
【動画あり】Figmaのプラグイン『Beautiful shadows』の使い方｜オブジェクトに綺麗なシャドウをつけよう。
Post：2024.03.18 / Rewrite : 2024.03.18
View
397 views
デザインをする上で、シャドウを使う事は多々あると思いますが、
Figmaのデザイン上では、シャドウをより直感的に、美しく落とすことができます。
【動画あり】Figmaのプラグイン『Beautiful shadows』の使い方
Figmaのプラグイン『Beautiful shadows』の使い方
ドロップシャドウを、より直感的にUIを使って表現するにはBeautiful shadowsプラグインを使います。
1.シャドウを落としたい要素を選択した状態から、Resourcesで Beautiful shadowsプラグインを検索。
2.まず、プラグインのパネルの背景を、ウィンドウの背景に合わせましょう。
3.3点ドッツから値を数値で確認しつつ、視線を移動させます。
すると、要素に影が落ちます。
影の色を変更したり、影の広がり、透明度は数値で変更できます。
ちなみに、背景を切り抜いた要素自体にも影を落とす事ができます。
-
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のプラグイン『Skew』の使い方｜図形や文字に斜体をかけよう。
2024.03.28
-
【動画あり】Figmaのプラグイン『Mockup』『Vectary 3D』の使い方｜スマートフォンやPCのモックアップをデザインに挿入しよう。
2024.10.29
