![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
どうも、ハチ公です🐶
今回はハチ公も感動した「Smart mockups」っていう機能について紹介するよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
はめ込み画像ってどうやって作ればいいんだろう❓って悩んでたんだよね。
- 画像のはめ込み・埋め込み素材を作りたい人
- モックアップを使って『利用シーン』をイメージしてもらいたい人
- 自分でオリジナルTシャツやアパレルアイテムを作ってみたい人
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
Canvaの『Smart mockups』を使えば、簡単にモックアップが作れるよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
アパレル系のモックアップも作れるんだ❗️
これをイメージに『オリジナルTシャツ』とか作ってみようかな❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_438/https://fire-worker-fire.com/wp-content/uploads/2022/07/ハチ公の自己紹介横長-500x438.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/ハチ公の自己紹介横長-500x438.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300,h_386/https://fire-worker-fire.com/wp-content/uploads/2022/04/ハチ公の自己紹介-300x386.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/04/ハチ公の自己紹介-300x386.jpg)
『Smart mockups』でワンクリックで画像埋め込み!
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_420/https://fire-worker-fire.com/wp-content/uploads/2022/07/スマートモックアップ-2-800x420.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スマートモックアップ-2-800x420.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
Canvaの『Smart mockups』はワンクリックで簡単にモックアップを作れる超優秀は機能だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
意外と綺麗に埋め込まれるんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
この機能が無料で使えるんだよ❗️
ホームの「メニュー/ツール」に追加された!
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_500/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.41.48-edited-500x500.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.41.48-edited-500x500.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
最近になって『Smart mockups』がメニューバーに追加されたんだ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
こんな機能があったの初めて知ったよ。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
これなら利用する時にも迷わず使えそうだね❗️
『Smart mockups』の実用例
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
じゃあ実際に『Smart mockups』でどんな素材が作れるか、事例を見ながら見てみよう❗️
スマートフォンに埋め込む場合
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_417/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.42.46-500x417.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.42.46-500x417.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_350/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ-1-500x350.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ-1-500x350.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
これはスマホのモックアップだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
結構モックアップ素材が豊富だね❗️
タブレットに埋め込む場合
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_418/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.26-500x418.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.26-500x418.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_333/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_タブレット-500x333.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_タブレット-500x333.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
タブレットのモックアップだよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
実際に使ってるシーンとかもあるんだね❗️
パソコンに埋め込む場合
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_420/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.42.57-500x420.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.42.57-500x420.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_350/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_デスクトップPC-500x350.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_デスクトップPC-500x350.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_419/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.43.08-500x419.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.43.08-500x419.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_333/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_ノートPC-500x333.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_ノートPC-500x333.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
PC関連のモックアップはこんな感じ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
余白が❗️
余白が気になるよ笑
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
元素材の問題だね💦
ここは埋め込んだ後に修正したほうがいいね❗️
テレビ・モニターに埋め込む場合
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_419/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.41-500x419.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.41-500x419.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_333/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_TV-500x333.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_TV-500x333.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
テレビ・モニター関連のモックアップだよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
これも埋め込んだ後に修正したほうがいい系だね💦
アパレルアイテムに埋め込む場合
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_421/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.45.12-500x421.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.45.12-500x421.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_333/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_Tシャツ-500x333.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_Tシャツ-500x333.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_421/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.45.29-500x421.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.45.29-500x421.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_334/https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_トートバック-500x334.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/モックアップ_トートバック-500x334.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
アパレル関連のモックアップもあるんだよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
すごい❗️
シワの感じとかリアルだね❗️
『Smart mockups』の使い方
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
でもどうやって使えばいいの❓
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
使い方自体は簡単だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
『メニュー』から作る場合と『デザイン』から作る場合の2パターンだよ❗️
メニューバーから作る方法
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.41.48-1-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.41.48-1-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
まずはメニューバーから『Smart mockups』を選択しよう❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.07.53-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.07.53-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
作りたいモックアップを選んでね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
赤枠部分から検索も出来るんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_418/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.26-1-500x418.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-21.44.26-1-500x418.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
今回は『タブレット』で作ってみようか❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.12.14-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.12.14-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
選んだら赤枠の『選択』を押せばいいんだね。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.13.45-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.13.45-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
モックアップにしたい『画像素材』を選ぼう❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.13.45-1-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.13.45-1-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
新しくアップロードしたい時は赤枠部分をクリックすればいいんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_416/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.15.13-1-500x416.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.15.13-1-500x416.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
アップロードしたい画像を選んでね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_541/https://fire-worker-fire.com/wp-content/uploads/2022/07/画像を選んで-800x541.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/画像を選んで-800x541.png)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
モックアップ化したい画像を選んで、選択を押せばいいんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.39.04-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.39.04-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
するとモックアップ編集画面になるよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_416/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.33.48-2-500x416.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.33.48-2-500x416.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
サイズ変更(拡大縮小)したい時は赤丸部分をドラッグしてね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300,h_251/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.35.27-300x251.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.35.27-300x251.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300,h_251/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.35.20-300x251.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.35.20-300x251.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
枠内で拡大・縮小できるんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.42.46-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.42.46-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
赤枠内のボタンをあすことで『水平・垂直回転』や『配置変更』出来たりするよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
変更したら『保存』を押せばいいんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_664/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.48.53-800x664.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.48.53-800x664.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
最後に『モックアップ』を保存で完了だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_415/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.45.07-500x415.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.45.07-500x415.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
モックアップを『ダウンロード』するか、直接『デザインに使う』か選べるんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_663/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.45.45-800x663.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.45.45-800x663.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
『デザインに使う』場合は『何に使いたい』か選んでね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_664/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.46.36-800x664.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-04-23.46.36-800x664.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
指定した『用途』のデザインサイズに直接貼り付けられるんだね❗️
デザインから作る方法
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_463/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.34.40-edited-500x463.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.34.40-edited-500x463.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
まずは『デザインを作成』から用途を選択しよう❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
今回は『Instagramの投稿(フィード)』を選ぼう❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_464/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.50.18-500x464.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.50.18-500x464.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
使いたいテンプレートを選んでね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_500,h_463/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.07.30-500x463.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.07.30-500x463.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
その後『アップロード』から『モックアップ』にしたい画像を選択するよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_740/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.53.41-800x740.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-21.53.41-800x740.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
画像を選択したまま『画像を編集』を押して・・・
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
スマートモックアップを選べばいいんだね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_740/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.00.43-800x740.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.00.43-800x740.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
埋め込みたいモックアップ素材を選んで・・・
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_740/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.01.36-800x740.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.01.36-800x740.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
すごーい❗️
スマホに埋め込まれたね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_800,h_738/https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.02.17-1-800x738.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/07/スクリーンショット-2022-07-05-22.02.17-1-800x738.jpg)
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
サイズや位置を調整すれば完成だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻♡-300x300.png)
お〜〜〜〜❗️
簡単だね❗️
作成時の注意点
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬困-300x300.jpg)
👑マークのモックアップは『Pro』専用の有料素材だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん妻苦笑-300x300.png)
無料版だと使えないって感じね
『Smart mockups』まとめ
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
今回はハチ公も感動した『Smart mockups』っていう機能について紹介したよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
使い方は『メニュー』からと『デザイン』からの2パターンあったね❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん犬笑-300x300.png)
『Smart mockups』は無料版でも使える機能だよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/09/ハチ公さん犬♡-300x300.png)
でも『Pro版』の方が優秀な機能が充実しているよ❗️
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_80,h_80/https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
![](https://fire-worker-fire.com/wp-content/uploads/2022/02/ハチ公さん妻-300x300.png)
この記事見て勉強してみるね❗️