ハメ込み画像を作成できるツールを紹介します。
以下のような画像を簡単に合成して作成することができます。
目次
smartmockupsとは?
smartmockupsとは、ハメ込み画像を作成できるモックアップ ツールです。
WEB上で操作できるので、煩わしいソフトのインストールも不要です。
解像度
- 数量:150以上〜
- WEBサイトURLからの画像合成も可能
- フォーマット:PNG
- 解像度(幅):元(2500ピクセル)、大(1920ピクセル)、中(1280ピクセル)、小(880ピクセル)
デバイス
- デスクトップ(iMac)
- ノートパソコン
- タブレット(iPad)
- スマートフォン(iPhone)
- 時計(アップルウォッチ)
smartmockupsの画像素材
smartmockupsでは、150枚以上の画像素材が用意されています。
いずれも高品質でオシャレが画像が揃っています。
デスクトップ
![](https://t-shimohara.com/wp-content/plugins/lazy-load/images/1x1.trans.gif)
![](https://t-shimohara.com/wp-content/uploads/2017/06/0ff6bc3a1130929431554e11f26a262f.png)
![](https://t-shimohara.com/wp-content/uploads/2017/06/0ff6bc3a1130929431554e11f26a262f.png)
ノートパソコン
タブレット
スマートフォン
時計
smartmockupsを使った合成画像の作成方法
では画像合成方法をみていきましょう。
画像素材の準備
まず、素材を準備します。今回は以下の画像を使います。
画像素材の選択
smartmockupsにアクセスします。
今回は「DeskTop」を選択します。
どのPCの画像に合成するか写真を選びます。
画像編集
写真を選択すると編集画面に切り替わります。
「Upload image」をクリックします。
画像の境界を調整する画面に切り替わります。
必要に応じて調整します。
画像ダウンロード
「Doenload full image」をクリックします。
ダウンロードする画像サイズを選択します。
プレビュー画面に切り替わります。
同時にPCに画像がダウンロードされました。
完成した合成はこちらの画像です。簡単にハメこみ画像が作成できました。
最後に
smartmockups以外にも様々なモックアップジェネレーター(作成ツール)があります。
簡単にはめ込み画像を作成 モックアップジェネレーター10選を参照してください。