試してみたらすごかった!簡単に作成できる高品質なモックアップ素材がダウンロードできる -Mockup Photos
Post on:2018年4月9日
モックアップの素材がダウンロードできるサイトは、いくつかあります。
しかし、今回紹介するのは、モックアップをダウンロードできるだけでなく、オンラインで加工してカスタマイズもできる優れもの。
モックアップ作るのって意外と面倒なんだよな、と思っていた人は、ぜひお試しあれ!

Mockup Photosでは、デジタル向けとプリント向けの2種類のモックアップが用意されています。デジタル向けではiPhone, Android, iPad, Windows Tablet, MacBook, TVなどのデバイス、プリント向けではノート、カード、名刺、ポスター、ボードなどが揃っています。

人気のモックアップ
実際に、モックアップを作成してみました。
よく見かける複数のデバイスを組み合わせたモックアップ素材です。

Macbook, iPad and iPhone on table
この素材をダウンロードして、それぞれのスクリーンに画像を配置するのは面倒です。
ここからが、Mockup Photosの最大の特徴!
オンラインで画像をはめ込んで、調整してからダウンロードできます。

デバイスに画像をはめ込む
画像のはめ込み方は、2種類。
- 手元の画像をアップロード。
- URLを指定して画像を生成。

URLを指定して画像を生成
しかも、URLで指定した際は、そのデバイスのサイズに合わせてキャプチャを取得できます。デスクトップではデスクトップのサイズで、スマホではスマホのサイズです。レスポンシブでレイアウトが異なる場合も、そのデバイスのレイアウトで表示されます。

デバイスごとに最適なレイアウトで表示
モックアップ素材は右クリックでダウンロードできます。大きなサイズが必要な場合は、Downloadボタンからダウンロードできます(要登録無料)。
Mockup Photosでは、無料で利用できるモックアップ素材が数多く用意されています。







sponsors