Adobe XD でオブジェクトにぼかしマスクを追加する方法や、オブジェクト全体をぼかす方法を説明します。

背景ぼかしを追加する方法

次の方法で、オブジェクトの背景ぼかしを追加したり、アートボード上の画像を強調したり、オブジェクトの一部の強調を抑えたりすることができます。

  • ぼかしマスクを作成して、その下に表示されるすべてのものをぼかす
  • 背景ぼかし効果を選択したオブジェクトに追加して、オブジェクト全体をぼかす

オブジェクトに背景ぼかしを追加しても、あまり大きな変化はありません。ぼかしたオブジェクトは、ぼかす前のオブジェクトまたは画像に復元することができます。

アートボードの特定の領域をぼかす方法

  1. ぼかす画像、オブジェクト、領域の上にシェイプを描画します。

  2. プロパティインスペクターで「背景ぼかし」を選択します。

  3. 次のスライダーを調整して、背景のぼかしを制御します。

    • 適用量:ぼかしの程度を制御します。
    • 明るさ:ぼかしマスクの明るさを制御します。
    • 不透明度:ぼかしマスクの不透明度を制御します。
    画像の一部に背景ぼかしを追加する
    画像の一部に背景ぼかしを追加する
  4. ぼかしを表示または非表示にするには、「背景ぼかし」の横のチェックボックスをオンまたはオフにします。

    ぼかしを削除するには、単にオブジェクト(ぼかしマスク)を選択して削除します。

選択したオブジェクトに背景ぼかしを追加する方法

  1. 背景ぼかしを追加するオブジェクトまたは画像を選択します。

  2. プロパティインスペクターで「オブジェクトのぼかし」を選択します。

  3. スライダーを調整して、ぼかしの程度を制御します。

    選択した画像のぼかしの調整
    選択した画像のぼかしの調整
  4. ぼかしを表示または非表示にするには、「オブジェクトのぼかし」の横のチェックボックスをオンまたはオフにします。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー