![見出し画像](https://assets.st-note.com/production/uploads/images/141212134/rectangle_large_type_2_8dee51ebb9376131b6e297cfff8829e4.png?width=800)
モックアップの制作方法【Canva】
アプリ『Mockups』を使うことで、簡単にモックアップを作成することが出来ます。
ベースとなる画像は沢山用意されており、カテゴリーもスマートフォン、印刷物、アパレル、コンピューター、フレーム、ホーム&リビング、パッケージ、グラフィックス、タブレット&テレビ、時計に分けられています。
アプリの起動
アプリの項目から「Mockups」を起動します。
![](https://assets.st-note.com/img/1716168756063-g95F6RAvHs.png?width=800)
ベース画像の選択
各カテゴリーの中からベースになる画像を配置します。
![](https://assets.st-note.com/img/1716168788141-yQqVY6J4E3.png?width=800)
![](https://assets.st-note.com/img/1716168788649-CjgN3ChMjf.png?width=800)
モックアップの作成
モックアップとして掲載する画像を画面上にドラッグ&ドロップするだけで、自動的に対象となる箇所に画像が配置されます。
![](https://assets.st-note.com/img/1716168822645-dPwutDTaDP.png?width=800)
![](https://assets.st-note.com/img/1716168823359-ivQ5sFGiDp.png?width=800)
![](https://assets.st-note.com/img/1716168825476-dk4xm2ZHpV.png?width=800)
![](https://assets.st-note.com/img/1716168826232-kQ4v1n96QE.png?width=800)
![](https://assets.st-note.com/img/1716168827187-HpnMi9BOMt.png?width=800)
![](https://assets.st-note.com/img/1716168829556-KZVG2UQmbL.png?width=800)
![](https://assets.st-note.com/img/1716168828734-9iMXK4Tu4m.png?width=800)
![](https://assets.st-note.com/img/1716168860442-48iK1OGDwY.png?width=800)