スクリーンショット影ジェネレーター
やわらかく自然なドロップシャドウで、平面的なスクリーンショットをページから浮かせられます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
スクリーンショット影ジェネレーターでできること
ドロップシャドウを付けると、スクリーンショットがページの上に置かれた物体のように見え、硬い枠線なしで周りの文章と区別できます。既定は、ペーパーの背景、角の丸み 10 px で、60 px のやわらかい影を濃さ 32%、下に 18 px ずらして付けます。
影の形は 3 つの設定で決まります。「影」は広がる範囲、「影の濃さ」は強さ、「影のずれ」は画像からどれだけ下に落ちるかで、「影」以外は「その他のオプション」にあります。「背景」に「透明」を選ぶと、影がどんなページの色にもなじむ PNG になります。グラデーションの背景も付けるなら、スクリーンショット背景ジェネレーターを使ってください。
例
選ぶもの
既定の影での 1440 × 900 px のスクリーンショット
ダウンロード
screenshot-shadow.png 1670 × 1130 px、ペーパーの背景、影 60 px、濃さ 32%、ずれ 18 px
幅の 8%(片側 115 px)の余白があるため、影が切れずに消えていくスペースが確保されます。
スクリーンショット影ジェネレーターの使い方
- 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
- 「影」を設定し、「背景」を選びます。後でどんなページにも置けるようにするには「透明」を選びます。
- 「その他のオプション」で「影の濃さ」「影のずれ」「角の丸み」「余白」を調整し、「.png をダウンロード」をクリックします。
知っておきたいこと
- 影は常に真下に落ちます。横方向のずれや光の角度は設定できません。
- 「余白」が小さすぎると、影が画像の端で切れます。余白は少なくとも「影」の値と同じ大きさにしてください。
- 影の色は暗い青みがかったグレーで固定です。濃さは変えられますが、色相は変えられません。
スクリーンショット影ジェネレーターについてよくある質問
背景が透明なスクリーンショットに影を付けるには?
「背景」を「透明」にして PNG でダウンロードします。影は半透明のピクセルとして保存されるため、白、グレー、色付きのページに自然になじみます。
ドロップシャドウをリアルに見せるには?
上からの光のように、大きなぼかし、低い濃さ、下方向への小さなずれにします。硬く暗い影を大きくずらすと古臭く見えます。既定値(ぼかし 60 px、32%、18 px)はこの考え方に沿っています。
影が端で切れてしまうのはなぜですか?
ぼかしが消えていくだけの余白が足りないためです。「その他のオプション」で「余白」を上げるか、「影」を下げて、画像の端より手前で影が完全に消えるようにしてください。