taiki-t's diary

React Native, Rails そして雑多な記録: The world is waiting for you to give it a meaning.

Sketch3 グラデーションでぼかす

かなり前にこんな記事を書いた

taiki-t.hatenablog.com

グラデーションでぼかす方法はまた今度紹介するなどと言いつつずっと書いてなかったので手軽に手順だけまとめておこうと思う。

  1. 四角を二つ重ねてかく。一つ書いて⌘ + Dすれば楽だろうか。
  2. その二つの四角を選択してMaskを選択
  3. 上のメニュー Layer からMask Mode > Alpha Maskを選択
  4. 上に重なる四角には、横のメニューからBackground Blurを選択
  5. 下に重なる四角には、横のメニューからFillを選択し塗りつぶす
    1. このとき、上は透明、下は白とかでグラデーションで塗りつぶす
    2. これでグラデーションのかかる範囲を調整
  6. 適宜Background BlurのAmountを調整