今回のアプリは「mockdrop」というハメ込み合成の定番(?)のようなもので、とにかく超簡単なのが特長です。
モックアップ (mock-up)画像は、パソコンのみならずスマホやタブレットなどいろんな画面にハメ込み合成が可能です。上記の二つより優れたところは、画像のアップロードは不要(現実は自動でやっているのですが・・・)で、ドラッグ&ドロップするだけで、秒単位で可能な作業です。
とても、昨日初めてパソコンを始めた方の作業とは思えませんよ!
一部の方には聞きなれない「モックアップ」というIT用語が出てきましたね。
(モックアップとは、ソフトウェアや Webサイト、印刷物などのデザインを確認するための試作品を意味します。詳しくはこちらで。)
使い方
使い方以下に示す通りです。
先ずは簡単作業のために、デスクトップに必要な(合成したい)画像を用意 しましょう。
準備できたら作業開始! https://mockdrop.io/(ここをクリック)にアクセスします。
① 通常は英語ですが、下図のように日本語の選択もできます。もちろん簡単な作業なので、気にしない方はそのままでもいいです。
![](https://blogimg.goo.ne.jp/user_image/29/80/2aa6bfb9e8fd01fd73f13952a4a4a6af.jpg)
② [all]から[Tv]まで7つの選択タブがありますので、どれか一つ画像を選択してください。
![](https://blogimg.goo.ne.jp/user_image/0e/4e/a797e60996b84ddac54ab89b7813f175.jpg)
③ 予め用意した画像を好きな画像の中に、ドラッグ&ドロップします。
➃ すると、点線枠が表示され、マウスから指を離す(ドロップする)と加工処理が始まります。
⑤ 加工終了後に結果が表示されますので、満足であれば直ぐ下の[download mockup]ボタンを押し、好きなところに名前を付けて保存します。
➃ すると、点線枠が表示され、マウスから指を離す(ドロップする)と加工処理が始まります。
⑤ 加工終了後に結果が表示されますので、満足であれば直ぐ下の[download mockup]ボタンを押し、好きなところに名前を付けて保存します。
![](https://blogimg.goo.ne.jp/user_image/24/62/b2838f6b6bcfba6ea0c75ecd9d2ae99f.jpg)
![](https://blogimg.goo.ne.jp/user_image/51/19/49258c3a23161d3e5bef65c59662acf0.jpg)
⑥ 名前はデフォルトのままでもOKですが、拡張子は「jpg」(jpeg)です。さらに透過などの加工がしたい場合は、他の適当なアプリ(例えば、ペイントや JTrim など)に読み込んで「png」に変換・再保存してください。
加工したサンプル画像
![](https://blogimg.goo.ne.jp/user_image/14/42/4b5a743fe1e67421d7bc2e2e7c6b8720.jpg)
![](https://blogimg.goo.ne.jp/user_image/1f/37/f889ef72bff78d0ba518f44152ee593e.jpg)
![](https://blogimg.goo.ne.jp/user_image/09/61/e79aa3e25a67498215be4857884802fb.jpg)
本日もご来訪いただきありがとうございました。
記事の保存には、画面上で右クリック → 印刷 → PDFに保存
することにより、すべてのリンクも活用できます。
することにより、すべてのリンクも活用できます。