ポートフォリオサイトでよく見かける端末ごとのモックアップ画像の素材

よくあるこんな画像のように、モックアップをポートフォリオサイトに表示したい!

https://www.mockupworld.co/free/responsive-web-design-showcase-mockup/

モックアップ、ジェネレーター、テンプレート などのワードで検索すると無料テンプレートが出てきます!海外がが多く、かつPSDファイルが多い印象でした。

方法としては次の3パターン

  1. テンプレート素材をダウンロードして、Adobeソフトで編集する
  2. 画像をアップロードしてはめ込んだ画像をダウンロードする
  3. URLを入力して取り込んでもらい、はめ込まれた画像をダウンロードする

ジェネレーターサイトまとめも数多くあります。
https://www.graphic-design.blue/mock-up/

私は、PCとスマホの2種類だけでよかったのですが、3種類以上か1種類のテンプレートしか見当たらず、結局端末ごとに素材をダウンロードして自分で編集することにしました。(パターン1の方法)

使用したのは、FACEBOOKDesign

ferretさんで紹介記事もある素材です。
モックアップの必需品!「Facebook Design」が公開するリソース7選

デバイスだけではなく、看板や紙媒体もありました!名刺はなかなか良いのが見つからず・・・海外はサイズも違うし・・・Adobe Stockから検索ヒットするのですが、画像なんですよね〜

名刺はこちらを使わせていただきました!

名刺のモックアップ ※フリー(商用利用可) にしかわ – note

Canvaはデスクトップ端末の素材になると有料画像ばかりでした。