【商用利用可能】おしゃれな卓上のPSDモックアップ50選【Photoshop】

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

商用利用可能で高品質な卓上のモックアップを50点厳選しました。
全て商用利用可能！

PCやスマホ、タブレットなどの端末がある卓上からアナログな卓上など、様々な卓上のモックアップ素材。
デザインやイラストなど、お好みの素材をはめ込むだけでリアルな卓上シーンが作成可能です。

ポートフォリオやプレゼン資料のクオリティアップに使える机のモックアップ。
短時間で高品質なクリエイティブを求められている方にオススメのコンテンツですよ。

この記事の目次

PCがある卓上

PCが設置された机のモックアップ10選です。
全て商用利用可能なPSD形式のファイルですよ。

Photoshopを導入しましょう

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

#01 Desktop Computer at an Office Desk Mockup 2

白を基調とした卓上の上にPCと卓上ライトが設置されたモックアップPSDです。iMacの液晶画面内を好きに変更できますよ。

ダウンロードする

#02 Laptop User Working on Gray Desk Mockup

黒い卓上で赤いノートPCを操作しているモックアップPSDです。画面内を自由に変更できますよ。

ダウンロードする

#03 User Working on a Desktop Computer Mockup

スーツを着た男性がiMacを操作している様子のモックアップPSDです。ビジネスパーソンの卓上、画面はあらかじめマスク処理や影の設定などがされているので画像をはめ込むだけ！

ダウンロードする

#04 Computer on Fashion Designer’s Desk Mockup

ファッションデザイナーの卓上をイメージしたモックアップPSDです。色見本やデザイン画、パターンや裁縫セットなどが散乱した机が印象的です。iMacの画面は差し替え可能ですよ。

ダウンロードする

#05 Laptop on Wooden Desk with Lamp Mockup 1

卓上ランプに照らされた机とMacbookのモックアップPSDです。マスクや影、ハイライトの処理は事前にされているので、後は好きな画像をはめ込むだけですよ。

ダウンロードする

#06 Computer and Camera Lenses on Dark Gray Desk Mockup

黒を基調とした部屋にiMacが設置された卓上のモックアップPSDです。一眼レフカメラのレンズが机の上に置かれていますね。

ダウンロードする

#07 Laptop User at a Wooden Desk Mockup

キャッシュカードを手にしながらMacbookを操作している様子のモックアップPSDです。通販サイトのデザイン等をはめ込むのに適していそうですね。

ダウンロードする

#08 User with Laptop at Desk Mockup 1

木製の机の上でノートPCを操作している様子のモックアップPSDです。画面に別の画像やデザインをはめ込む事ができます。

ダウンロードする

#09 Desktop Computer User at Desk Mockup

大型のiMacの前で作業をしている女性が映った卓上のモックアップPSDです。事務所のような室内です。

ダウンロードする

#10 Work from Home Desk with Computer and Phone Mockup

白を基調とした部屋に設置されたPCとスマホのモックアップPSDです。

ダウンロードする

スマホがある卓上

スマホが置かれた卓上のモックアップPSDです。
全て商用利用可能！
編集にはフォトショップが必要なので事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

#11 Top View of a Smartphone on a Desktop with a Coffee Mockup

スッキリとした木製の机の上に置かれたiPhoneのモックアップPSDです。画面はあらかじめマスク処理がされているので好きな画像をはめ込むだけ。

ダウンロードする

#12 Smarphone User at Bright Wooden Table with Coffee Mockup 1

コーヒーを持ちながら卓上でスマホを見ている様子のモックアップPSDです。全体的に白を基調とした清潔感のあるイメージですね。

ダウンロードする

#13 Smartphone Laying on a Desk Mockup

メモ帳やペン、マウスと一緒にスマホが置かれた卓上のモックアップPSDです。Photoshopがあれば簡単にスマホ画面に画像をはめ込みできますよ。

ダウンロードする

#14 Smartphone and Business Cards on Wooden Table Mockup 1

ややヴィンテージな世界観の色味で統一されたスマホが置かれた卓上のモックアップPSDです。車のキー、メガネ、飲みかけのコーヒーなど、男性的な印象が漂っている卓上ですね。

ダウンロードする

#15 Smartphone on Laptop Mockup

ノートパソコンの上に置かれたスマートフォンのモックアップPSDです。扱いやすいスマートオブジェクト、もちろんマスク処理は事前にされていますよ。

ダウンロードする

タブレットがある卓上

タブレット端末が置かれた机のモックアップPSDです。
全て商用利用可能なので安心して使えますよ。

#16 Tablet Mockup with Desk Accessories

iPadのようなタブレット端末が卓上に置かれたモックアップPSDです。ペンや名刺などが散乱しています。

ダウンロードする

#17 Smart Tablet on a Wooden Desktop Mockup

洒落た木製のテーブルの上にタブレットが置かれたモックアップPSDです。キャンドルやコーヒー、額縁などがレイアウトされており、おしゃれな世界観を醸し出しています。

ダウンロードする

#18 Mockup of Tablet User at Wooden Desk 1

卓上でタブレット端末を操作している様子のモックアップテンプレートです。紅茶や観葉植物の緑色が良い差し色になっていますね。

ダウンロードする

#19 Tablet Mockup with Keyboard on Wooden Table

先のモックアップのアングル違いです。真上から見たタブレット端末なので汎用性が高いですよ。

ダウンロードする

#20 Scene Creator with Tablet and Desk Accessories

アート系を彷彿させるアイテムが散らばった卓上の真ん中にタブレット端末が置かれたモックアップPSDです。乱雑に散らばったパターン、整列されたパターン、多数のアイテム差分など、非常に豊富な内容のPSDテンプレートですよ。

ダウンロードする

スマホとタブレットがある卓上

スマホとタブレットが置かれた卓上のモックアップPSDです。
複数の端末にはめ込みされたい時に便利な素材ですよ。
もちろん全て商用利用可能です。

#21 Smartphone, Tablet, and Stationery on Wooden Desk Mockup 2

スマホとタブレット、名刺をはじめとしたステーショナリーセットにはめ込む事ができるモックアップPSDです。各要素は事前にマスク＆レイヤー分け済みなので短時間で作成できます。

ダウンロードする

#22 Top View Mockup of Tablet and Smartphone with Desk Accessories 1

白い卓上の上にタブレット端末とスマートフォンが置かれたモックアップPSDです。他にもコーヒーやメモ帳、卓上ライト、小型の観葉植物などがレイアウトされています。

ダウンロードする

#23 Smartphone and Stationery on Wooden Desk Mockup 1

スマートフォンやタブレット、そして名刺や便箋などのステーショナリーセットがキレイにレイアウトされたモックアップテンプレートです。PSD形式なので編集にはPhotoshopが必須ですよ。

ダウンロードする

#24 Smartphone and Tablet on Messy Desk Mockup

グレーの大理石調ぼテーブルの上にスマホとタブレットが置かれたモックアップです。仕事の最中のようなシーンが再現できますよ。

ダウンロードする

#25 Tablet and Smartphone Close Up on Wooden Desk Mockup 4

ヴィンテージ感の色味で統一された机のモックアップです。卓上にはスマホとタブレットが置かれており、液晶画面の中身を簡単に差し替えできます。

ダウンロードする

#26 Stationery, Keyboard and Devices on Wooden Table Mockup 1

木製の机の上にステーショナリーセット、キーボード、スマホ、タブレット、コーヒー、USBメモリが配置されたモックアップPSDテンプレートです。

ダウンロードする

複数の端末がある卓上

PCやスマートフォン、タブレット端末など、複数の端末が置かれた机のモックアップPSDです。
簡単に画面内のデザインが差し替え可能！
全て商用利用可能なので安心して利用できますよ。

#27 Desktop Computer, Tablet, and Smartphone on a Wooden Table with Creative Tools Mockup 2

デスクトップPC、タブレット、スマートフォンと主要な3端末が卓上にレイアウトされたモックアップPSDです。各種端末で同じデザインをはめ込んだサンプルを作るのに適しています。

ダウンロードする

#28 Minimal Desk with Devices Mockup

Macbook、iPad、iPhoneの各端末の画面にデザインをはめ込む事ができるモックアップPSDです。

ダウンロードする

#29 Laptop and Desktop Computer at an Office Desk Mockup 1

デスクトップPC、ノートPC、タブレット、スマホの4画面を設定できる卓上モックアップPSDです。迷ったらコレがオススメですよ。

ダウンロードする

#30 User with Desktop Computer, Tablet, and Smartphone on a Cluttered Wooden Table Mockup 2

卓上を真上から見下ろしたモックアップテンプレートです。スマホやタブレットをメインに見せたい時に便利な素材ですよ。

ダウンロードする

#31 Isolated Office Objects Scene Creator

ビジネスパーソン必携アイテムが卓上に整列させられたモックアックPSDです。非常に多くのアイテムが収録されており、他のデザイン作成にも流用できますよ。

ダウンロードする

#32 Scene Creator with 50 Desk Accessories

様々な卓上を自作できる素材が詰まったPSD素材です。Photoshopの基礎知識とこのテンプレートがあれば大体の卓上は再現可能ですよ。

ダウンロードする

#33 Top View Mockup of Laptop, Smartphone, and Tablet User at Desk 1

Macbookを操作している人の卓上のモックアップPSDです。両脇にはiPhoneやiPad、メモ帳などが置かれています。もちろん液晶画面は簡単に差し替え可能ですよ。

ダウンロードする

#34 Laptop and Smartphone on Wooden Desk Mockup

ノートPCとスマホ画面の差し替えが容易にできる卓上のモックアップPSDです。全体の彩度がやや低めで落ち着いた雰囲気のグラフィックに適しています。

ダウンロードする

#35 Corporate Identity Set on Desk Mockup

デスクトップPC、ノートPC、タブレット、スマホ、名刺、カップなど、一通りの素材にオリジナルデザインがはめ込みできる卓上モックアップPSDです。

ダウンロードする

#36 User with Smartphone and Laptop on Desk Mockup 3

右手にスマホを見ながらPCを操作している様子のモックアップPSDです。見せたい端末の画面に焦点が合っており、他の要素は適度にボケているので扱いやすい素材です。

ダウンロードする

#37 Laptop and Smartphone on Desk Mockup 1

お洒落な卓上にノートPCとスマートフォンが置かれたモックアップPSDです。Photoshopがあれば簡単にはめ込みできる優れもの！

ダウンロードする

#38 Laptop and Smartphone mockup

木製の卓上にノートパソコン、スマートフォン、ペン立て、メモ帳、コーヒー、ヘッドフォンが置かれたモックアップPSDです。全体的に非常に落ち着いた世界観の机が演出できます。

ダウンロードする

#39 Laptop and Smartphone on Desk Mockup

カフェのような卓上にMacbookとiPhoneが置かれたモックアップPSDです。夜で全体的にやや暗めの雰囲気ですね。

ダウンロードする

#40 Corporate Identity on Desk Mockup Set

CI（コーポレートアイデンティティ）をデザインした際の確認またはプレゼンを行う際に役立つモックアップPSDです。ロゴなどをサクッとはめ込むと様々なステーショナリーアイテムの仕上がりが確認できますよ。

ダウンロードする

#41 Business Team Working on Wooden Desk Mockup

会議の様子を真上から見下ろした様子のモックアップPSDです。真中にロゴを入れるとコーポレートサイトの職場の様子などで使われるメインビジュアルに応用できそうですね。

ダウンロードする

端末が無いアナログな卓上

PCやスマホといった端末が一切ない、アナログな卓上のモックアップPSDです。
全て商用利用可能！
編集にはフォトショップが必須、事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

#42 Vintage Typerwriters with Travel and Desk Accessories Mockup 1

タイプライターをはじめとしたビンテージな世界観の素材が多数収録されたモックアップテンプレートです。すべてのパーツがレイヤー分けされており、非常に編集しやすい素材です。

ダウンロードする

#43 Wooden Desktop with Magazine and Frame Mockup

雑誌と額縁が配置された卓上のモックアップテンプレートです。キャンドルやコーヒーなど、上品で落ち着きのあるアイテムがレイアウトされています。

ダウンロードする

#44 Vintage Typewriter and Desk Accessories Mockup Scene Creator

タイプライターや電卓、承認印やレトロなカメラなど、昭和時代に活躍していたオフィスアイテムがレイヤー分けされて収録された卓上素材集です。

ダウンロードする

#45 Framed Photo on Wooden Desk Mockup

時計や眼鏡、小型の観葉植物と写真フレームが置かれた卓上モックアップPSDです。写真フレームの中身は変更可能です。

ダウンロードする

#46 Black Frame Mockup on Wooden Desk

卓上に置かれた額縁のモックアップPSDです。額縁の中身だけでなく、落ち影のパターンも変更できます。

ダウンロードする

#47 Paper on Office Desk Mockup

デジタル時計、本、筆記用具、メモ帳などが置かれた卓上の手前にペラの用紙が配置されたモックアップPSDです。ペラ神の中を差し替えできます。

ダウンロードする

#48 2 Framed Photos on Wooden Desk with Accessories Mockup

卓上に2つの写真フレーム、そして置時計、カメラ、本、観葉植物がレイアウトされたモックアップテンプレートです。写真フレームの中身は差し替え可能です。

ダウンロードする

#49 Sketchbook and Smartphone with Assorted Art Supplies on Wooden Desk Mockup 1

卓上の真ん中にスケッチブックが置かれたモックアップPSDです。自身のスケッチをはめ込むとカッコいいイメージイラストの完成ですよ。

ダウンロードする

#50 Desktop Art Kit Mockup

様々な卓上が自作できる卓上素材キットです。各素材は扱いやすいスマートオブジェクトでレイヤー分けされているので簡単にカスタマイズができます。

ダウンロードする

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）で使えるおしゃれな卓上のモックアップ50選でした。

使用頻度の高いPCやタブレット、スマホが設置された卓上だけでなく、電子機器の無いアナログな卓上まで存在します。Webデザインやアプリデザイン、イラストなどのクリエイティブ素材をはめ込むとリアルなシーンが再現できますよ。

ポートフォリオやプレゼンテーションの資料など、制作物単体を載せるよりモックアップにはめ込む事でリアリティのある作品作りができます。

少しの労力で非常に大きな結果を出せるモックアップ素材を活用し、よりクリエイティブのクオリティと効率を高めてみませんか？

ではまた！

Photoshopの操作方法

フォトショ基本操作