「Screely」は、スクリーンショットの画像をブラウザの枠を付けたモックアップに変換してくれるサイトです。ブラウザ上で画像をドラッグ・アンド・ドロップするだけで簡単にモックアップ画像を生成を行うことができます。通常、スクリーンショットに対してブラウザっぽいウィンドウ枠を付けた加工をしたいとき、フォトショップなど高機能なソフトが必要になってくると思いますが、「Screely」を使えばすべてWeb上で完結することができます。
Screelyの使い方
まず、Screelyにアクセスしましょう。
「Drag & Drop your files, paste from clipboard or」と書かれているスペースから変換したい画像の参照を行いましょう。（このときサーバーへ画像が勝手にアップロードされたりはしないようなので安心です）
変換されたモックアップ画像のプレビューが表示されます。お好みの画像になるよう設定を行っていきます。
画像に付与するウィンドウ枠の種類や、ダークモードや影のオンオフ、背景色、余白の大きさなどの設定が行えます。
すべてのカスタマイズが完成したら「Download」ボタンより画像をダウンロードすることができます。保存時の画像形式は、PNG・SVG・JPGの3種類から選べるようです。
お手軽にブラウザモックアップを作れて便利ですね。ブログやプレゼン資料でスクリーンショットにウィンドウ枠を付けた画像が必要なときに使ってみるとよいでしょう。是非、お試しあれ。
コメント