【画像】モックアップを作れるサイトを紹介

モックアップ(mock-up)の素材がダウンロードできるサイトは、いくつかあります。
サイトによっては、オンラインの編集機能ですぐに使える形でダウンロードできるサービスもあるので、好みに合わせて便利に使いましょう。

モックアップを作れるサイト

モックアップ素材をダウンロードして、それぞれのスクリーンに画像を配置するのは面倒です。
オンラインで画像をはめ込んで、イイ感じに調整してダウンロードしましょう。
※いいね!と思ったサイトを順次追加していきます。

Mockup Photos

MockupPhotosのトップページ

Mockup Photos

Mockup Photosでは、デジタルとプリントの2種類からモックアップできます。

ノートパソコンにSAMPLEの文字

デバイスのモックアップ

テーブルの上にSAMPLEの紙

プリントのモックアップ

人気のモックアップ
人気のモックアップ

2018年11月時点では、1120個のモックアップ素材があります。
MockupPhotosのリスト一覧
使用例

使いたい素材を選択して、下のページを表示します。
ダウンロード画面

画像のはめ込み方は、2通り。
・画像をアップロード
・URLからスクリーンショットを撮る

画像をはめ込む

表示されている画像を確認して、OKならダウンロードします。
※画面をアップロードしていない状態では、ダウンロードできません。

モックアップを作成するために少し待ち時間が必要です。

ダウンロードしています。

ダウンロード先を決めて、ファイルを保存します。

ダウンロードファイルを保存

この素材は「5000 x 3337」ピクセルです。大きさ(px)は「ダウンロード」ボタンの下に書かれています。

実際にダウンロードしたファイル↓ ※画像サイズが「15.5MB」なので注意してください。

正面から見たMacBookモックアップ

コメント