便利サイト

Appleシリーズのモックアップ合成画像をフォトショップがなくても簡単に作れるウェブツール

更新日:

ウェブ上からiPhone・iPad・Macbookなどの液晶画面に好きな画像をモックアップ合成できるサービスを紹介します。

一部有料ですが、無料テンプレート素材も数多くあり十分に活用できるウェブツール。

Mocup Photos:モックアップ画像サービス

https://mockup.photos/

まずどんなテンプレート素材があるか少しだけお見せします。グリーン色の部分に好きな画像をモックアップできる。

iPhoneのモックアップ画像

 

iPad・Macbookなどのモックアップ画像

 

iMac・テレビなどのモックアップ画像

これは、ほんの一部。他にも多くの種類があるので気に入ったテンプレート素材を探すことができる。

【FREE】と表示されているテンプレートが無料で、表示されていないものは有料になりますが無料テンプレートも多くあるので活用できます。

Mockup Photosの使い方

サイト上部にはメニューナビがあり、各種iPhoneシリーズ、iPadなどカテゴリー別表示があるので目的の合成したいモックアップ画像を探せます。

▶テンプレート画像を使っての作成の流れ

一覧から好きなテンプレート画像を選びます。モックアップとして、はめ込む画像が入る場所は矢印のところなので、「PLACE IMAGE HERE」をクリック。

この画像では、750×1334 pxと表示されていますが、各モックアップ用のテンプレート画像には推奨サイズが書いてあるので、サイズを合わせることでキレイにモックアップできます。

 

「PLACE IMAGE HERE」をクリックすると上の画像のようになるので、モックアップで合成したい画像を選ぶだけ。

アップロードする場合は「Upload Image」を選び、画像URLの場合は「Take screenshot from URL」を選択してください。

 

今回はテストとして私のブログ名の画像を作りました。アップロードするとすぐ画像が出来上がります。

非常に簡単にモックアップ画像を作成することができます。

最後に、このサービスは会員登録が必要になりますが、名前とアドレスのみで可能。怪しいメルマガ受信の心配もないので安心して登録してください。

https://mockup.photos/

Copyright© KOBONNOU , 2019 All Rights Reserved.