スクリーンショットに背景、角丸、シャドウを付ける方法

撮ったままのスクリーンショットは、誰かのデスクトップの一部を切り取っただけのように見えます。背景の上に置き、角を丸めてやわらかなシャドウを付ければ、スライドにも製品ページにもしっくりなじみます。ScreenFlowy Snap は撮った瞬間からどの画像にもこの見た目を与え、どの要素もスライダひとつで調整できます。

更新日:2026年9月26日

どのスライダも、ドラッグしたそばから画像に反映されます。

手順

  1. スクリーンショットを撮る

    ⇧⌘A を押して撮りたい部分をドラッグで囲むか、ウインドウなら ⇧⌘E を押します。画像は、背景、角丸、シャドウが付いた状態でエディタに開きます。

  2. 背景を選ぶ

    デフォルトには壁紙、グラデーション、単色があり、明るいと暗いにはさらに多くの壁紙があります。カスタムでは手持ちの画像を使えます。カラーの中にある市松模様のスウォッチ(なし)を選ぶと、背景が透明になります。

  3. フレーミングを整える

    余白は、画像の周りにどれだけ背景を見せるかを決めます。内側余白はスクリーンショット自体の端の色で帯を加え、内容が角に詰まって見えないようにします。角丸とシャドウはカードの形と立体感を決め、背景ぼかしはにぎやかな壁紙を落ち着かせます。

  4. 画像の形を選ぶ

    自動のままなら、スクリーンショット本来の縦横比になります。1:1、4:3、16:9 などの比率を選ぶこともでき、9:16 にするとスマートフォンのような縦長の画像になります。スクリーンショットが引き伸ばされることはなく、余った部分は背景で埋まります。

  5. 見た目をプリセットとして残す

    新規プリセット…をクリックすると、この組み合わせを次回のために保存できます。プリセットを変更したあとは、保存で更新します。

  6. 保存または共有する

    下部バーで PNG、JPEG、WEBP のいずれかを選び、⌘S で保存、⌘C でコピーします。ドラッグを押したまま、画像を好きなアプリへドラッグすることもできます。

透明な背景

なしを選んで PNG か WEBP で保存すると、角丸のカードが透明な背景の上に載り、どんな色のスライドやページにもなじみます。JPEG は透明を扱えないので、背景のある画像に使いましょう。

ほかのガイド