【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【商用可】高品質なモックアップのPSD素材57選【Photoshop】

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

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

デザインをはめ込むだけで、本当にモノが存在するかのような高品質なモックアップばかりです。
作成したデザインを見せるだけでなく、モックアップにはめて見せると説得力が段違い!
プレゼンテーション資料やポートフォリオ等のクオリティアップに間違いなく役立ちます。

全て商用利用が可能なモックアップテンプレート。
圧倒的に時間を節約し、高品質なクリエイティブを行いたい方は必見です!

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

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

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
未導入の方はフォトプラン公式サイトから入手可能。(月額は最安の1,078円、7日間の無料体験が可能)
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

#01 Isolated User’s Hand Holding Modern Smartphone Mockup

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

ダウンロード

#02 Laptop and Smartphone Mockup

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

ダウンロード

#03 Digital Devices Screen Mockup On The Table

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

ダウンロード

#04 User Holding Smartphone Mockup

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

ダウンロード

#05 Laptop and Smartphone mockup

卓上のノートPCとスマホ端末のモックアップです。お洒落な卓上で汎用性が高い素材です。
コチラの記事でPCやスマホ、タブレットなどの端末のある卓上のモックアップを厳選して紹介しています。

ダウンロード

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

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

#06 Panoramic Advertising Frame in Underground Tunnel Mockup

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

ダウンロード

#07 Bus Stop Advertising Kiosk at Night Mockup

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

ダウンロード

#08 3 Vertical Billboards in Subway Station Mockup

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

ダウンロード

#09 Outdoor Advertisement on Building Wall Mockup

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

ダウンロード

#10 Large Horizontal Billboard in Outdoor Landscape Mockup

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

ダウンロード

#11 Group of Students in Front of Framed Print Mockup

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

ダウンロード

#12 Large Wall Advertisement in Shopping Mall Mockup

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

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

ダウンロード

#13 Glued Poster Mockup on Brick Wall with Man

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

ダウンロード

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

アプリのパッケージやワインボトル、コーヒーの袋など、商品パッケージのモックアップです。
度々使う事がある素材です。
編集にはフォトショップが必須、事前にフォトプラン公式サイト(月額は最安の1,078円)から入手しておきましょう。

#14 Rectangular Product Box Mockup

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

ダウンロード

#15 3D Product Box Mockup

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

ダウンロード

#16 Open Cardboard Mailing Box Mockup

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

ダウンロード

#17 Wine Bottle Mockup

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

ダウンロード

#18 Paper Coffee Bags Mockup

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

ダウンロード

#19 Cardboard Box and Paper Tube Mockup

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

ダウンロード
ボトルや箱のモックアップ
高品質かつ様々なボトルや箱のPSDモックアップを厳選しました。Photoshopで扱える便利な素材ばかりですよ。

店舗看板のモックアップ

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

#20 Window Signage Text Effect Mockup

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

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

ダウンロード

#21 Outdoor Store Banner Signage Mockup 2

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

ダウンロード

#22 Plate Glass Signage Mockup

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

ダウンロード

#23 Window Sign Mockup

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

ダウンロード

#24 anging Square Sign Mockup

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

ダウンロード
看板のモックアップ68選
上記で紹介しきれなかった看板のモックアップを68点紹介しています。プレゼンテーションの説得力を高める素材に最適ですよ。

衣類のモックアップ

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

#25 T-shirt and Packaging Mockup

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

ダウンロード

#26 Dark Gray T-Shirt Mockup

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

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

ダウンロード

#27 4 Hoodie Mockups

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

ダウンロード

#28 Baseball Cap Mockup with 6 Panels

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

ダウンロード
衣類のモックアップ40選
上記で紹介しきれなかった衣類のモックアップを40点紹介しています。Tシャツやパーカー、スウェットなどの高品質なPSD素材ばかりです。

本や雑誌のモックアップ

使用頻度の高い本や雑誌のモックアップです。
日々のクリエイティブ業務やポートフォリオ等に大活躍しますよ。

#29 Square Book Cover Mockup

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

ダウンロード

#30 Open Magazine and Cover Mockup

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

ダウンロード

#31 Open Magazine Mockup

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

ダウンロード

#32 Stack of Three Hardcover Books Mock-Up

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

ダウンロード

#33 Magazine Mockup

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

ダウンロード
本や雑誌のモックアップ25選
上記で紹介しきれなかった本や雑誌の高品質なモックアップPSDを25点紹介しています。併せてチェックされてみませんか?

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

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

#34 Logo Mockup on Office Wall

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

ダウンロード

#35 Office Wall Mural Mockup

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

ダウンロード

#36 Waiting Room in Modern Office Mockup

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

ダウンロード

#37 Exhibition Stand Scene Creator Art Kit

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

ダウンロード

#38 Banners, Backdrop, and Kiosk Mockup

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

ダウンロード
高品質な壁のモックアッPSD
壁面のモックアップPSDを厳選しました。オフィスの壁面をはじめとした様々な壁にオリジナルデザインや壁画をはめ込む事ができますよ。

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

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

#39 Mood Board Photo Collage Mockup

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

ダウンロード

#40 Instant Photos Collage Mockup

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

ダウンロード

#41 Realistic Photo Collage Mockup

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

ダウンロード

#42 Photo Collage Mockup for Pinterest

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

ダウンロード

#43 Realistic Torn Paper Photo Collage Mockup

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

ダウンロード
フォトコラージュモックアップ44選
上記で紹介しきれなかったフォトコラージュテンプレートを44点紹介しています。お気に入りの画像を使ってプロ品質の写真コラージュが簡単に作成可能ですよ。

その他のモックアップ

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

#44 Business Collateral Merchandise Mockup Set

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

ダウンロード

#45 Isolated Circular Pin Badge Mockup

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

ダウンロード

#46 Office Badge Mockup

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

ダウンロード

#47 Black Framed Poster Mockup

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

ダウンロード

#48 Tote Bag with Flowers Mockup

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

ダウンロード

#49 Shopping Bag Isolated on White Mockup

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

ダウンロード

#50 Ceramic Mug Mockup

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

ダウンロード
マグカップや紙袋のモックアップ
陶器(セラミック)や金属、ホーロー、ガラスなどの素材で作られたマグカップや紙袋・トートバッグのモックアップを厳選しました。

CDやレコードのモックアップ

CDやDVD、レコードのモックアップPSDです。
全て商用利用可能、編集にはフォトショップが必要です。
未導入の方は事前にフォトプラン公式サイト(月額は最安の1,078円)から入手しておきましょう。

#51 CD/DVD with Case and Square Booklet Mockup

ケースの表面、レーベルの表面、ライナーノーツ表紙と開いた状態が収録されたCDのモックアップです。DVDやBlu-rayでも使えます。

ダウンロードする

#52 CD and Jewel Case Mockup

ジュエルケースの手前にCDがレイアウトされたモックアップテンプレートPSDです。自身で影が入らないようキレイに撮影するのは至難の業ですが、モックアップを活用すると超短時間で高品質なデザインが作成可能です。

ダウンロードする

#53 Mailing Box Mockup – CD Cardboard Jewel Case

ジュエルケースではなく紙製の箱に入ったCDのモックアップPSDです。初回限定版などに使われそうなパッケージデザインですね。輸送用の外箱もセットになっています。

ダウンロードする

#54 Blue DVD Case Mockup

正面とケースを開いた状態、ブックレットとディスクが無い状態のケースなどが収録されたモックアップPSDです。ケース表面の質感など、細部まで隙の無い作りです。もちろん商用利用可能!

ダウンロードする

#55 DVD Cardboard Mockup – Jewel Case

ジュエルケースと紙ケースを合わせた素材のDVDケースモックアップです。非常に質感の良いモックアップでオススメです。

ダウンロードする

#56 Vinyl Record Mockup

ジャケットとレコード盤のベーシックなモックアップPSDです。レコードのモックアップで迷ったらコレがおすすめです。

ダウンロードする

#57 Person Holding a Vinyl Record Cover Mockup

レコードショップに置いてある大量の中古レコードから取り出している様子のモックアップです。ジャケットへの微妙な手の映り込みや影なども作成されており、デザインをはめ込むだけで作品が完成します。

ダウンロードする
CDやレコードのPSDモックアップ
高品質で商用利用可能なCDやDVD、レコードのモックアップを厳選しました。更にモックアップを確認されたい方は是非ご覧ください。

おわりに

以上、商用利用可能で高品質なモックアップのPSD素材57選でした。

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

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

ではまた!

ゼロから始めるシリーズ

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