簡単にMacやiPhoneの「はめ込み画像」を作成 モックアップジェネレーター10選

モックアップジェネレーターとは?

パソコンやiPhoneへ画像をはめ込んだ画像が簡単できるツールです。

  • ワードプレスのアイキャッチ画像作成
  • 開発アプリケーションをクライアントへの紹介時の画像素材

といった使い方あります。

モックアップジェネレーター比較

Placeit

https://placeit.net/

https://placeit.net/

  • 数量:2,700以上〜
  • WEBサイトURLからの画像合成も可能
  • 動画のモックアップ作可能(MP4ファイル)
  • 無料の利用ときの画像解像度:400 x 300 px

2700以上の画像素材!動画モックアップも作成できる

合計2700以上の画像素材からモックアップを作成できます。

Phone、iPad、Android、Macbook、iMac、Tablet、Smartwatch、Laptop – Windows、Desktop – Windows、Browser Chromeなど豊富な画像素材が用意されています。

静止画像だけではなく、動画のモックアップの作成も可能です。

Placeitの詳しい使い方は以下の記事を参考にしてください。

Smartmockups

http://smartmockups.com/
Smartmockups

大きなサイズのモックアップ画像を無料で作成

  • 数量:150以上〜
  • 環境:デスクトップ、ノートパソコン、タブレット、スマートフォン、時計
  • WEBサイトURLからの画像合成も可能
  • フォーマット:PNG
  • 解像度(幅):元(2500ピクセル)、大(1920ピクセル)、中(1280ピクセル)、小(880ピクセル)

一番目に紹介している、「Placeit」の無料利用では合成後の画像サイズが「400 x 300 px」です。
Smartmockupsではもっと大きなサイズの画像でも無料で作成できます。

 

画像合成ツールSmartmockupsの詳しい使い方は以下の記事を参考にしてください。

Mockuper

http://mockuper.net/
Mockuper

  • 数量:155以上のモックアップ
  • 環境:デスクトップ、ノートパソコン、タブレット、電話、その他(アップルウォッチ、屋外サイン、名刺、フレーム、広告掲示板、テレビ、ペーパーブック)
  • フォーマット:PNG
  • 解像度(幅):XS(700+ px)、S(1500+ px)、M(2300+ px)、L(3100+ px)、XL(3800+ px)

GraphicTwister Online Mockup Creator

https://graphictwister.com/online-mockup-creator/

https://graphictwister.com/online-mockup-creator

MockupsJar

http://mockupsjar.com/

http://mockupsjar.com/

  • 数量:20以上のモックアップ
  • 環境:iPhone、Android、MacBook、フレーム、その他(ブラウザ)
  • フォーマット:JPEG
  • 解像度(幅):320ピクセル、480ピクセル、640ピクセル、1280ピクセル、2560ピクセル

MockDrop

http://mockdrop.io/
http://mockdrop.io/

  • 数量:100以上のモックアップ
  • 環境:スマートフォン、ノートパソコン、デスクトップ、時計、タブレット、テレビ
  • フォーマット:JPEG
  • 解像度(幅):3000+ピクセル

Mediamodifier

https://mediamodifier.com/
https://mediamodifier.com/

MockUPhone

http://mockuphone.com/
http://mockuphone.com/

  • 数量:80以上のモックアップ
  • 環境:iOS、Android、Windows Phone、ノートパソコン、デスクトップ、テレビ
  • フォーマット:PNG
  • 解像度(幅)2,000+ピクセル

Magic Mockups

http://magicmockups.com/
http://magicmockups.com/

  • 数量:25以上のモックアップ
  • 環境:ラップトップ、電話、タブレット、iMac、その他(壁フレーム)
  • フォーマット:JPEG
  • 解像度(幅):960 px、1280 px、1600 px、1920 px、3000 px、5000+ px

Dunnnk

http://dunnnk.com/
http://dunnnk.com/

  • 数量:55〜
  • 環境:iPhone、Android、MacBook、iPad、iMac、Apple watch
  • フォーマット:JPEG
  • 解像度(幅):2,000ピクセル

GetMocky

GetMocky

Smartmockups

最後に

10個のモックアップジェネレーターを紹介しました。

ABOUTこの記事をかいた人

"1人"貿易会社経営。国内の販路は自社ネットショップ、Amazon。海外では米Amazon、欧州Amazon、ebay、ネットショップで展開。多岐にわたる国境を超えたクロスボーダー取引をおこなう。
メディアサイト(アフィリエイト・アドセンス)運営では1サイトの最高月間PV数67万。 独自商品開発からWEB集客までカバー。