ポートフォリオの作り方をゼロから徹底解説

【商用可】高品質なモックアップ50選【Photoshop】

この記事を読むのに必要な時間は約 32 分です。

Photoshop(フォトショップ)で使える高品質なモックアップを50点紹介します。

デザインをはめ込むだけで、本当に存在するかのような高品質なモックアップばかりです。
作成したデザインを見せるだけでなく、モックアップにはめて見せると説得力が段違い!

全て商用利用ができます。

様々な端末のモックアップ

PCやスマホ等の端末のモックアップです。
モックアップの中でも使う頻度が高い素材の一つですね。

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

Isolated User’s Hand Holding Modern Smartphone Mockup

手に持ったスマホのモックアップです。
スマホ端末のモックは何かとよく使う素材の一つです。

ダウンロード

Laptop and Smartphone Mockup

ノートPCとスマホのモックアップです。
レスポンシブのサービス紹介に便利です。

ダウンロード

Digital Devices Screen Mockup On The Table

デスクトップPC、ノートPC、スマホの3機種セットのモックアップです。
フォトショップがあれば誰でも簡単に画面の変更が可能です。

ダウンロード

User Holding Smartphone Mockup

人がスマホを操作しているシーンのモックアップです。
実際に操作している様子を表現できますね。

ダウンロード

Laptop and Smartphone mockup

卓上のノートPCとスマホ端末のモックアップです。
お洒落な卓上で汎用性が高い素材です。

ダウンロード

街中の看板のモックアップ

街中看板のモックアップです。
巨大な広告が多いので自身で作成した習作をはめるだけでも楽しいですよ。

Panoramic Advertising Frame in Underground Tunnel Mockup

地下鉄の巨大な広告のモックアップです。
こんなに大々的に自身の作品が掲載されたら気持ちいいでしょうね。
妄想用の素材としてもオススメ!

ダウンロード

Bus Stop Advertising Kiosk at Night Mockup

バス停にある広告のモックアップです。
映画のポスターとかデザインして配置してみたくなりますね。

ダウンロード

3 Vertical Billboards in Subway Station Mockup

地下鉄の巨大広告3枚レイアウトバージョンです。
Photoshopで作られたテンプレートを使えば影や切り抜き等の専門的な操作は不要です。

ダウンロード

Outdoor Advertisement on Building Wall Mockup

ビル1階壁面の巨大広告用モックアップです。

ダウンロード

Large Horizontal Billboard in Outdoor Landscape Mockup

屋外にある巨大看板のモックアップです。
周囲の景観とうまくなじんでいます。

ダウンロード

Group of Students in Front of Framed Print Mockup

広告の前に人が数人座っているモックアップです。
実際に利用されているリアルなシーンが想像できるのが良いですね。

ダウンロード

Large Wall Advertisement in Shopping Mall Mockup

ショッピングモールの超巨大な壁面広告モックアップです。
ここまで大きい作品が掲載されると写メで撮りまくり!

デザイナーでなくてもPhotoshopはオススメ!
公式サイトのフォトプランから入手できます。

ダウンロード

Glued Poster Mockup on Brick Wall with Man

ポスターの手前に走る男性が入っているモックアップです。
ポスター単品だけでなし、男性の存在感がいいアクセントになっています。

ダウンロード

パッケージのモックアップ

アプリのパッケージやワインボトル、コーヒーの袋など、商品パッケージのモックアップです。
度々使う事がある素材です。

Rectangular Product Box Mockup

アプリのパッケージのモックアップです。
今はDL版が主流ですが、パッケージ版は特有の魅力がありますよね。

ダウンロード

3D Product Box Mockup

こちらもアプリパッケージのモックアップです。
簡単なPhotoshop操作でパッケージデザインができます。

ダウンロード

Open Cardboard Mailing Box Mockup

段ボール箱に入った郵便物のモックアップです。

ダウンロード

Wine Bottle Mockup

ワインボトルのモックアップです。
オリジナルラベルデザインをしたワインって素敵ですよね。

ダウンロード

Paper Coffee Bags Mockup

コーヒー豆袋のモックアップです。
デザイナー志望の学生さんがデザインの習作としてポートフォリオに掲載するのもアリです。

ダウンロード

Cardboard Box and Paper Tube Mockup

筒状の紙パッケージモックアップです。
フォトショップがあれば一瞬でサンプルパッケージの出来上がり!

ダウンロード

店舗看板のモックアップ

店舗の看板に使えるモックアップです。
店舗だけでなく、オフィスの看板にも応用が利くのでオススメのテンプレートです。

Window Signage Text Effect Mockup

ガラス窓に描かれたロゴのモックアップです。
リアルな仕上りなので不自然さがありません。

フォトショップさえあれば楽々編集!未導入の方は公式サイトのフォトプランから入手できます。

ダウンロード

Outdoor Store Banner Signage Mockup 2

お洒落なお店の看板モックアップです。
カフェや雑貨屋さん等にピッタリですね。

ダウンロード

Plate Glass Signage Mockup

ガラスやアクリルのような質感の看板デザインです。
ショップだけでなく、オフィスのロゴを配置しても合いそうです。

ダウンロード

Window Sign Mockup

ウィンドサインのモックアップです。
反射の加減などが絶妙なのでリアルですね。

ダウンロード

Hanging Square Sign Mockup

コーヒーショップの看板に使えそうなモックアップです。
カフェ以外の店舗でも合う汎用的なモックアップですね。
Photoshopで作ったロゴを配置するだけ!

ダウンロード

衣類のモックアップ

Tシャツやパーカー、帽子等、衣類のモックアップです。
Tシャツの素材はよく使うのでオススメ。

T-shirt and Packaging Mockup

Tシャツのモックアップです。
よくあるTシャツの平面図だとイマイチ伝わりませんからね、人が実際に着用してるモックアップだとよく伝わりますよ。

ダウンロード

Dark Gray T-Shirt Mockup

ダークグレーのTシャツモックアップです。
シワの感じが非常に良い感じです。

Photoshopなら色替えも一瞬です。

ダウンロード

4 Hoodie Mockups

パーカーのモックアップです。
衣類のモックアップは貴重です。

ダウンロード

Baseball Cap Mockup with 6 Panels

野球帽のモックアップです。
オリジナルキャップのデザインが簡単に行えます。

ダウンロード

本や雑誌のモックアップ

使用頻度の高い本や雑誌のモックアップです。

Square Book Cover Mockup

正方形の本の表紙用モックアップです。
フォトショップで全て作られているので調整が楽!

ダウンロード

Open Magazine and Cover Mockup

雑誌の表紙と開いた状態のモックアップです。
折り目の影などがリアルに表現されています。

ダウンロード

Open Magazine Mockup

こちらも開いた状態の雑誌のモックアップです。
フォトショップでリアルに作成されているので編集が超楽!

ダウンロード

Stack of Three Hardcover Books Mock-Up

3冊積み上げられた本のモックアップです。

ダウンロード

Magazine Mockup

広げられた雑誌のモックアップです。
汎用的な素材で非常に扱いやすいですよ。

ダウンロード

オフィスや展示場のモックアップ

オフィスの内装やイベント出展で使えるモックアップです。
イベント系は結構使います。

Logo Mockup on Office Wall

オフィス壁面のモックアップです。
影の落ち方もリアルに再現されています。

ダウンロード

Office Wall Mural Mockup

こちらもオフィス壁面のモックアップです。
アオリ視点なのでダイナミックな見せ方が可能です。

ダウンロード

Waiting Room in Modern Office Mockup

オフィス待合室を正面から撮影したモックアップです。

ダウンロード

Exhibition Stand Scene Creator Art Kit

展示会場で使用するツールのモックアップ一式です。
イベント出展する際の準備に必須、Photoshopと併せて導入しておきましょう。

ダウンロード

Banners, Backdrop, and Kiosk Mockup

イベント会場で使用する広告のモックアップのセットです。

ダウンロード

コラージュ風アルバムのモックアップ

アルバムをコラージュ風にしたモックアップです。
複数の写真をオシャレに見せる際に威力を発揮します。

Mood Board Photo Collage Mockup

ボードに貼り付けたアルバム風のモックアップです。
画像を準備して配置するだけで完成!
Photoshopが必要なので公式サイトのフォトプランから入手しておきましょう。

ダウンロード

Instant Photos Collage Mockup

ポラロイドカメラで撮影した写真を集めたようなモックアップです。
フォトショップでリアルに再現されています。

ダウンロード

Realistic Photo Collage Mockup

写真を複数重ね合わせたようなモックアップです。
写真を配置するだけ、影の調整等は全く不要です。

ダウンロード

Photo Collage Mockup for Pinterest

破いた写真も配置されているリアル感タップリなモックアップです。

ダウンロード

Realistic Torn Paper Photo Collage Mockup

一部が破かれた写真のモックアップです。
質感が非常にリアルです。ゼロから作るのは結構大変ですが、このテンプレートを使えば一瞬!

ダウンロード

その他のモックアップ

その他、汎用的に使えるモックアップです。
グッズや紙袋のモックアップはよく使います。

Business Collateral Merchandise Mockup Set

様々なグッズのモックアップ一式です。
汎用性が抜群の素材、Photoshopとセットで導入しておくと便利です。

ダウンロード

Isolated Circular Pin Badge Mockup

バッジのモックアップです。
Photoshopを使ってほのかな影などが非常にリアルに作られています。

ダウンロード

Office Badge Mockup

首から下げる社員証のモックアップです。
もちろん社員証以外でも活用が可能です。

ダウンロード

Black Framed Poster Mockup

部屋に設置したポスターフレームのモックアップです。
デザインをフレーム内に配置するだけでリアルな利用シーンが再現できます。

ダウンロード

Tote Bag with Flowers Mockup

トートバッグのモックアップです。
シワの影も再現されているので自身で調整する必要は無し!
実際に人が使っているモックなので利用シーンが想像しやすいですね。

ダウンロード

Shopping Bag Isolated on White Mockup

リアルな紙袋のモックアップです。
お店だけでなく、自身がイベントに参加して販売物を入れる紙袋をデザインする際にも役立ちますよ。

ダウンロード

Ceramic Mug Mockup

マグカップのモックアップです。
今は無在庫でマグカップをはじめとした様々なグッズが作れます。
デザインの仕上がりイメージを確かめる際に便利です。

ダウンロード

おわりに

以上、商用利用可能で高品質なモックアップ50選でした。

Photoshop(フォトショップ)があれば誰でもリアルなシーンが作成可能!
難しい操作は不要、文字や画像を差し替えるだけです。
なお、PhotoshopはAdobe公式サイトのフォトプランが最もお得です。

デザイナーに依頼すると高くつきますが、モックアップテンプレートを活用すると時間とお金を大幅に圧縮する事ができます。
上手くテンプレートを利用して制作を加速させましょう!

ではまた!

ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!