【商用利用可】ハイクオリティなマスクのPSDモックアップ20選【Photoshop】

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

商用利用可能で高品質なマスクのモックアップを20点厳選しました。

不織布、布素材、ウレタン素材など、様々な素材で作られたハイクオリティなマスクのモックアップです。
ロゴやイラスト等をはめ込むと簡単・短時間でオリジナルデザインのマスクが作成可能！

プレゼン資料やポートフォリオのクオリティアップに活用できます。
短時間で高品質なクリエイティブを求められている方は是非ご活用ください。

この記事の目次

マスク単体のPSDモックアップ

PSD形式で作られたマスク単体のモックアップ10選です。
全て商用利用可能なので安心して使えますよ。

Photoshopを導入しましょう

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

#01 Medical Protective Face Masks Mockup

不織布素材の典型的なマスクのモックアップPSDです。正面とやや斜めアングルの2カットが収録。超高解像度なモックアップ、マスク素材に困った時はコレがオススメ！

ダウンロードする

#02 Medical Protective Face Masks Mockup

着用している状態の不織布素材マスクのモックアップPSDです。3カット収録、マスクや背景などでレイヤーが分けられているので編集が非常に楽ですよ。

ダウンロードする

#03 3 Mockup Face Masks

ウレタン素材マスクのモックアップPSDです。開いた状態、閉じた状態の2カットが収録。長辺が6000pxもあり、大型印刷にも耐えられる超高画質モックアップテンプレートです。

ダウンロードする

#04 Black Face Mask Mockup

黒色の布マスクのモックアップテンプレートです。Photoshopがあればロゴやデザインなどのはめ込みが簡単にできますよ。

ダウンロードする

#05 Face Mask Mockup

顔の形状にフィットしたマスクのモックアップPSDです。はめ込み用のスマートオブジェクトレイヤーにはグリッドが設定されており、フォトショ初心者の方にも歪みなくはめ込む事ができます。

ダウンロードする

#06 Angled View of COVID Face Mask Mockup

布素材で作られたマスクのモックアップPSDです。斜め横から見たアングル、グリッドが設定されているので初心者の方にオススメです。

ダウンロードする

#07 Face Mask Mockup

正面から見た状態のサージカルマスクのモックアップPSDです。手軽にロゴを入れたり色替えが可能。プレゼン資料やポートフォリオの品質アップに活用できます。

ダウンロードする

#08 Floating Covid Face Mask Mockup

浮いた状態の布素材マスクのモックアップPSDです。マスク本体のデザイン変更だけでなく、背景も別途編集可能です。

ダウンロードする

#09 Face Protection Mask Mockup

医療用マスクのモックアップテンプレートPSDです。斜め前から見たアングルで、汎用的に使えるマスク素材ですよ。

ダウンロードする

#10 Front View Face Protection Mask Mockup

正面から見た医療用マスクのモックアップテンプレートです。Photoshopで編集可能なPSD形式で作られています。

ダウンロードする

マスクを着用した人のPSDモックアップ

マスクを着用した人物のPSDモックアップ10選です。
全て商用利用可能！
編集にはPhotoshopが必須、事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

#11 2 Medical Protective Face Mask Mockups

不織布のマスクを着用した女性のモックアップPSDです。2つのアングルが収録。マスクだけでなく、シャツや背景、目の色も簡単に編集できる仕様になっています。

ダウンロードする

#12 3 Mockup Neoprene Face Mask on Girl

ウレタンマスクを着用した女性モデルのモックアップPSDです。3カット収録、こちらもマスク、シャツ、背景、目などがマスク処理されており、非常に編集しやすい状態になっています。

ダウンロードする

#13 3 Girl Face Mask Fabric Mockups

ウレタンマスクを着用した女性モデルのポーズ違い版モックアップPSDです。スマートオブジェクトレイヤーで分けられており、マスクや背景、シャツや目などが個別で編集できます。

ダウンロードする

#14 4 Mockups Protective Face Masks Ffp2 and Ffp3

N95マスクのような高品質なマスクのモックアップPSDです。正面アングル、左右の斜めアングル2種、計3カット収録されています。

ダウンロードする

#15 4 Neck Gaiter and T-Shirt Mockups

布素材で作られたネックゲイターのモックアップPSDです。マスクの代わりにネックゲイターを付けている方をたまに見かけますね。

ダウンロードする

#16 3 Medical Protective Face Mask Mockups

汎用的な不織布マスクを着用した女性モデルのモックアップPSDです。よく使う素材なので持っておくと便利ですよ。

ダウンロードする

#17 Woman Wearing a Face Mask Mockup

マスクを着用した日本人女性のモックアップPSDです。Photoshopがあれば簡単にマスクへお好きなデザインをはめ込む事ができる便利な素材です。

ダウンロードする

#18 Model Wearing Face Mask Mockup

チャコールグレーのマスクを着用した女性のモックアップPSDです。色替えやデザインのはめ込みなどが簡単にできます。目力のあるモデルさんですね。

ダウンロードする

#19 Editable Face Mask Mockup

ウレタンマスクを着用した少年のモックアップテンプレートです。男性モデルのマスクモックアップは数が少ないので貴重ですよ。

ダウンロードする

#20 Person Wearing Face Mask Mockup

マスクを着用したドレッドヘアの男性のモックアップPSDです。編集にはPhotoshopが必須、事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

ダウンロードする

衣類のモックアップ

Tシャツやパーカーなど衣類のモックアップ42選【商用可・高品質PSD】

商用利用可能な衣類のモックアップを厳選しました。Tシャツやパーカー、トレーナーなど、デザインやイラストを簡単にはめ込みできる高品質な素材ですよ。

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

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

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

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

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

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

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

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

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

良質な素材をもっと見る

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

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

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

おわりに

以上、Photoshop（フォトショップ）で使える高品質なマスクのモックアップ20選でした。

コロナがまん延し出してからごく当たり前のアイテムとなったマスク。
白色だけだと面白くないですよね。

オリジナルデザインやイラスト等をはめ込み、他者とは違うマスクを企画し、プレゼン資料やポートフォリオに掲載するのも面白いかもしれませんよ。

ではまた！

Photoshopの操作方法

フォトショ基本操作