adobeXD「背景のぼかし」の使い方基礎をまとめました

adobeプロトタイプツールXD「背景のぼかし」について、どのように効果がかかるのか理解していないと、組み合わせ方によっては効果が全然出ません。なのですぐに使いこなせる効果のかけ方をご紹介します。

基本機能

  1. 明るさ
  2. 不透明度

上記単純な3つの操作ではございますが、重ね順と不透明度が大切です。下記に説明画像を載せました。

スライダーの効果について

adobeXDの背景のぼかし使い方

分かりやすいよう各調整スライダーへ、効果適用イメージをテキストにて書き込みました。

adobeXDの背景のぼかし使い方

adobeXDの背景のぼかし使い方

使いこなし例

adobeXDの背景のぼかし使い方

今までの解説を踏まえ使用例を3つ載せました。通常のオブジェクトの不透明指定だけでは表現できないぼかしと重ね効果をマスターしてXDでサクサク作成していきましょう。以上、テクノブレイブ名古屋オフィス開発1Gでした。

料金表ナビゲーション 料金表ナビゲーション

おすすめ記事