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

【無料・最新】高品質なiPhoneのモックアップ素材95選【PSD・AI】

Photoshop(フォトショップ)やIllustrator(イラストレーター)で使える無料のiPhoneのモックアップを95点紹介します。

世代が新しい順に、iPhone13から古いものはiPhone4Sまで掲載しています。
レイヤー分けされたPSDとAIなので編集が容易!
リアルなiPhoneからフラットデザインのiPhone、手に持ったiPhone等、必要な素材が見つかるでしょう。

デザイン用の素材、サイトやアプリのデザインカンプをはめ込める為の素材など、様々な用途にご活用いただけます!

PSD形式のiPhone 13

iPhone13のPSDモックアップです。
フォトショ未導入の方は事前にAdobe公式サイトから入手しておきましょう。

しかしiPhone13は本当にカメラの性能が素晴らしい!
適当に撮っても絵になるカメラ、コレに慣れると他のカメラに戻れません。

Iphone 13 pro scene mockup Free Psd

iPhone13PROのPSDモックアップです。2022年3月時点では最新機種です。
高級感のある質感が見事に再現されていますね。
PSD形式で非常に扱いやすいモックアップです。

ダウンロード

Smartphone mockup similar to phone 13 pro.

iPhone13PROの正面と裏面のモックアップです。4色収録されたベクターイラスト、他と違っていくら拡縮しても劣化しない貴重な素材ですよ。

ダウンロード

Iphone 13 Pro Mockup Pack 02

iPhone13Proの高品質・高画質なモックアップPSDです。アングル違いが4点収録、診ての通り非常にハイクオリティなモックアップテンプレートですよ。

ダウンロード

New Free iPhone 13 Mockups

iPhone13のモックアップです。
最新機種のiPhone13で背面まで作り込んである貴重なモックアップです。
PSD内には5色のボディカラーが収録されています。
商用利用可能。

ダウンロード

Mockup of a Woman Holding an iPhone 13 in Her Hands

PhotoshopやIllustratorといった画像編集ソフトのスキルが無くても、画像をドラッグ&ドロップするだけで高品質なモックアップが作れるiPhone13のジェネレーターです。超短時間で高品質なモックを作りたい方にオススメすよ。
商用利用可能です。

ダウンロード

Mockup of an iPhone 13 Standing in a Customizable Set

iPhone13のモックアップジェネレーターです。
ノンデザイナーの方でも画像をドラッグ&ドロップするだけで高品質・高画質な画像が1分で作成可能!
画面内だけでなく、背景画像も自由に編集できます。

ダウンロード

iPhone 13のフェイスアップPSDモックアップ

iPhone13の表を斜めから見たモックアップです。
細部まで詳細に再現されており、非常に高クオリティな仕上がりです。
商用利用可能。

ダウンロード

iPhone 13 PSD Mockups

iPhone13の正面モックアップです。
無料でダウンロードできます。
商用利用可能。

ダウンロード

iPhone 13 Mockup PSD Free Download

iPhone13のPSDモックアップです。
ピンク、ブルー、ミッドナイト、スターライト、レッドの5色を収録!
商用利用可能。

ダウンロード

Iphone 13 Pro and Pro Max. Sierra blue.

ベクター形式のiPhone13Proのモックアップテンプレートです。拡縮に強いデータ形式なので大きく見せたい方にオススメ!

ダウンロード

iPhone 13 Pro Max Mockup

iPhone13 Pro Maxのモックアップです。
レンズのテカりが非常にカッコいいですね!
裏表がフルで再現されているので汎用性抜群!
商用利用可能。

ダウンロード

Free PSD flatlay of iPhone 13 Pro Max Mockup

iPhone13 Pro MaxのPSDモックアップです。
9687px x 6463pxもの高解像度で作成された高品質モックアップ!
商用利用可能。

ダウンロード

iPhone 13 Mockup Featuring a Minimal Orange-Colored Setting

オシャレな卓上に置かれたiPhone13の画面に様々な画像をはめ込む事ができるモックアップジェネレーターです。Photoshopの知識が無くても高品質で高画質なモックが作れる幼少利用可能なサービスですよ。
ノンデザイナーの方でも1分で作成できます。

ダウンロード

Free PSD Flatlay 2 Of iPhone 13 Pro Max Mockup

iPhone13 Pro MaxのPSDモックアップです。
こちらも9687px x 6463pxもの高解像度で作成された高品質モックアップ!
商用利用可能。

ダウンロード
iPhoneケースのモックアップ
オリジナルデザインのiPhoneケースが作れる高品質なモックアップです。PSD形式とAI形式のケースモックを厳選!併せてチェックされてみませんか?

PSD形式のiPhone 12

iPhone12の主な特徴、それは「早い話、速いです。」
それが一番!

Psd iPhone 12 Mockup Set

汎用性の高いiPhone12の正面モックアップです。
5色のフレームが用意されており、クオリティも非常に高いです。
商用利用可能。

ダウンロード

Realistic iPhone 12 pro mockup. Smartphone mockup with white screen.

ベクター形式のiPhone12Proのモックアップテンプレートです。表と裏、両方が収録されています。特徴的なトリプルカメラが存在する唯一のモックアップです。
拡縮しても劣化しないベクターイラストなので使い勝手が抜群ですよ。

ダウンロード

iPhone 12 Mockup

iPhone12の高品質・高画質なモックアップPSDです。表、裏が収録されており、整理されレイヤー分けされた編集しやすいPSDなので初心者の方でも簡単に編集できますよ。

ダウンロード

Gravity Psd iPhone 12 Mockup Set

斜めアングルのiPhone12のモックアップです。
商用利用可能

ダウンロード

Mockup of an iPhone 12 Pro Max with Both Front and Back Views

iPhone12ProMAXのモックアップジェネレーターです。
画像編集ソフトの知識は一切不要!画像をドラッグ&ドロップすると高品質&高画質なモックアップ画像が作成できます。
もちろん商用利用可能ですよ!

ダウンロード

Isometric Psd iPhone 12 Mockup Set

斜め上から見下ろしたアングルのiPhone12モックアップです。
こちらも商用利用可能です。

ダウンロード

Perspective Psd Iphone 12 Mockup Set

パースビューのiPhone12モックアップです。
商用利用可能。

ダウンロード

iPhone 12 Pro Mockup

細部まで作り込まれたiPhone12Proのモックアップです。
Proなので微妙に通常のiPhone12と違います。

ダウンロード

Perspective Psd Iphone 12 Pro Mockup Set

パースビューのiPhone12Proのモックアップです。
商用利用可能。

ダウンロード

Psd iPhone 12 Pro Mockup Set

正面から見たiPhone12Proのモックアップです。
細部まで作り込まれたPSDです。
商用利用可能。

ダウンロード

PSD形式のiPhone 11

iPhone11からスコープドッグのようなカメラが搭載されました。
大きい方はデカいので手に収まらないのがネック。

iphone 11 pro mockup

iPhone11Proの高品質・高画質なモックアップPSDです。ホワイト、ブラック、グリーンの3色が収録されており、汎用性の高いテンプレートの一つです。

ダウンロード

Psd iPhone 11 Pro Mockup Set

汎用性の高い正面アングルのiPhone11のモックアップです。
PSD形式なのでPhotoshopが必要です。未導入の方はAdobe公式サイトから入手しておきましょう。
商用利用可能。

ダウンロード

Free iPhone mockup set, 11 Pro edition

ハイクオリティなiPhone11のモックアップです。
シルバー、スペースグレイ、ミッドナイトグリーン、ゴールドの4色が収録されています。

ダウンロード

iPhone XI Clay—a free minimalist mockup

ミニマルデザインで作成されたiPhone11のモックアップです。

ダウンロード

Isometric iPhone 11 Pro Max Mockup

裏面もしっかりと作り込まれたiPhone11のモックアップです。
商用利用可能。

ダウンロード

PSD形式のiPhone X

iPhone9をすっ飛ばして登場したiPhoneXのPSDモックアップです。
当時は何故「ナイン」が「無いん」だろうと思いました。

Psd iPhone XS Mockup Isometric

商用利用可能なiPhoneXSのモックアップです。
非常に再現度の高いフレームの質感が良いです。

ダウンロード

Psd iPhone XS Max Mockup Vol1

汎用性の高いiPhoneXS Maxのモックアップです。
商用利用可能です。

ダウンロード

Psd iPhone XS Max Mockup Vol2

iPhone XS Maxの縦向けモックアップです。
こちらも商用利用可能です。

ダウンロード

Psd iPhone XS Max Mockup

汎用性の高い正面アングルのiPhone XS Maxのモックアップです。
商用利用ができます。

ダウンロード

Psd iPhone XR Mockup Isometric Vol1

iPhone XRのモックアップです。
フレームの質感再現が見事です。
商用利用可能。

ダウンロード

Psd iPhone XR Mockup Isometric Vol2

色違いのiPhoneXRのモックアップです。
こちらも商用利用可能です。

ダウンロード

Psd iPhone XR Mockup Isometric Vol3

縦向けのiPhone XRのモックアップです。
無料で商用利用ができます。

ダウンロード

Psd iPhone XR Mockup Isometric Vol4

色違いの縦向けのiPhone XRのモックアップです。
無料で商用利用ができます。

ダウンロード

Psd iPhone XR Mockup

汎用性の高い正面アングルのiPhone XRのモックアップです。
ハイクオリティなのに無料&商用利用可能。

ダウンロード

iPhone XR Mockup – Free

iPhone XRの正面アングルモックアップです。
6色のフレームが用意されています。
PSD形式で楽々編集!

ダウンロード

UI Psd iPhone X Monochrome

無料&商用利用可能なiPhoneXのモックアップです。
編集にはPhotoshopが必要なので未導入の方はAdobe公式サイトから入手しておきましょう。

ダウンロード

iPhone X Psd Mockup Isometric

正面アングルのiPhoneXのモックアップです。
汎用性が高い素材で商用利用可能です。

ダウンロード

iPhone X Free Mockup PSD

充電器の上に浮かれたiPhoneXのモックアップです。
日常に利用シーンが再現できます。

ダウンロード

New iPhone X Hands Mockups

手に持ったiPhoneXのモックアップです。
アプリやWebサイトのデザインカンプをはめ込んだり、様々な用途で使えます。

ダウンロード

PSD形式のiPhone SE

iPhone SE Mockup

iPhoneSEの汎用的かつ高品質なモックアップPSDです。表・裏が収録、フォトショ初心者の方でも簡単に色変えができるのは勿論、影や反射の調整や削除も容易です。使い方が分からない場合も365日24時間サポートを受け付けているので安心ですよ。

ダウンロード

iPhone SE Psd Mockup

iPhone SEのモックアップです。
正面アングルで使い勝手が良い素材です。
Photoshopが必須なのでAdobe公式サイトから入手しておきましょう。

ダウンロード

Apple iPhone SE Mockup PSD

シンプルな質感のiPhoneSEのモックアップです。
無料でPSDをダウンロードできます。

ダウンロード

iPhone SE Summer Mockups

夏のビーチを眺めながらiPhoneSEの画面を見ている様子のモックアップPSDです。男性モデルの手、女性モデルの手の両方が収録されています。

ダウンロード

iPhone SE PSD mockup

手に持ったiPhoneSEのモックアップです。
簡単に画面を差し替える事ができるので誰でもリアルな利用シーンが再現可能。

ダウンロード

iPhone SE mockup

こちらも手に持ったiPhoneSEのモックアップです。
コンパクトな端末ですね。

ダウンロード

PSD形式のiPhone 8

iPhone8のモックアップPSDです。
やはり特徴的なのが大型化されたiPhone8Plusですね。

iPhone 8 Mockup

iPhone8のモックアップです。
細部まで質感再現がされており、非常にクオリティが高い仕上がりです。

ダウンロード

iPhone 8 Mockup PSD Freebie

正面から見たiPhone8のモックアップ素材です。
PSD形式なのでフォトショップが必須です。未導入の方はAdobe公式サイトから入手しておきましょう。

ダウンロード

Free iPhone 8 mockup

リアルな質感の黒いiPhone8用モックアップです。

ダウンロード

iPhone 8 Gold Mockup

ゴールドのiPhone8のモックアップです。
縦向けのアングルで使えます。

ダウンロード

Free iPhone 8 Mockup For Screens Display

iPhone8の本体と画面のモックアップです。
画面が別で用意されています。

ダウンロード

iPhone 8 Plus Design Mockup

iPhone8Plusのモックアップです。
光沢感のある質感の再現度が抜群ですね。

ダウンロード

iPhone 8 Plus in Hand Free Mockup

手に持ったiPhone8Plusのモックアップです。
もちろん無料でPSDがダウンロードできます。

ダウンロード

Free iPhone X + iPhone 8 PSD Mockups

iPhoneXとiPhone8のモックアップのセットです。
どちらも正面アングルで使い勝手が良いです。

ダウンロード

Floating white iPhone 8 Mockup

斜めから見た白いiPhone8の端末モックアップです。
無料で利用ができます。

ダウンロード

Free Tilted iPhone 8 Mockup

黒いiPhone8のモックアップです。
Photoshopがあれば簡単に編集ができます。

ダウンロード

Black iPhone 8 Mockup

正面から見た黒いiPhone8のモックアップです。
リアルな質感で高級感があります。

ダウンロード

PSD形式のiPhone 7

意外と数が少ないiPhone7のPSDモックアップです。
端末自体の販売台数はすごいんですけどね。

iPhone 7 Psd Mockup Vector

iPhone7のモックアップです。
編集にはPhotoshopが必要、Adobe公式サイトから入手しておきましょう。

ダウンロード

iPhone 7 Psd Jet Black Mockup

ジェットブラックのiPhone7のモックアップです。

ダウンロード

PSD形式のiPhone 6

個人的に一番好きなサイズ感の端末であるiPhone6のPSDモックアップです。
iOS12.5.5が最新、使い続けるにはセキュリティ的な意味で不安がいっぱいです。

3D iPhone 6 Plus Psd Vector Mockup

iPhone6Plusのモックアップです。
個人的にはiPhone6が好みです。

ダウンロード

3-4 iPhone 6 Plus Psd Vector Mockup 2

縦向きのiPhone6Plusのモックアップです。
無料でPSDがダウンロードできます。

ダウンロード

3-4 iPhone 6 Plus Psd Vector Mockup

先のモックアップと逆向けのiPhone6Plusのモックアップです。

ダウンロード

iPhone 6s Psd Rose Gold Mockup

ローズゴールドのiPhone6S用モックアップです。
正面アングルです。

ダウンロード

Flat Psd iPhone 6 & 6s Mockup

フラットな質感のiPhone6とiPhone6Sのモックアップです。
Photoshopがあれば編集可能です。

ダウンロード

3D View iPhone 6 Psd Vector Mockup

iPhone6用のモックアップです。
今でもiPhone6を使っている方は多いです。

ダウンロード

3-4 iPhone 6 Psd Vector Mockup Part 2

縦向けのiPhone6用のモックアップです。
PSDが無料でダウンロードできます。

ダウンロード

3-4 iPhone 6 Psd Vector Mockup

先の素材とは逆アングルの縦向けiPhone6用のモックアップです。

ダウンロード

3-4 iPhone 6 Psd Vector Mockup

正面アングルのiPhone6用モックアップ素材です。
PSDが無料でダウンロードできます。

ダウンロード

PSD形式のiPhone 5

iPhone5は非常に良い端末でしたね。
今では古さを感じる見た目ですが、当時は憧れスマホの代名詞。

3-4 iPhone 5C Psd Vector Mockup

iPhone5Cのモックアップです。
PSDを編集するにはフォトショップが必要です。未導入の方はAdobe公式サイトから入手しておきましょう。

ダウンロード

3D View iPhone 5C Psd Vector Mockup

アングル違いのiPhone5Cのモックアップです。

ダウンロード

iPhone 5C Psd Vector Mockup

使い勝手の良い正面アングルのiPhone5C用モックアップです。

ダウンロード

iPhone 5S Psd Flat Design Mockup

iPhone5Sのモックアップです。
フラットデザインで作られているので様々な用途に合います。

ダウンロード

3D View iPhone 5S Psd Vector Mockup

質感が見事に再現されたiPhone5S用のモックアップです。

ダウンロード

iPhone 5S Psd Vector Mockup

正面アングルのiPhone5S用モックアップです。
PSD形式なので編集が容易にできます。

ダウンロード

3-4 iPhone 5S Psd Vector Mockup

斜めアングルのiPhone5S用モックアップです。

ダウンロード

iPhone 5 Psd Flat Design Mockup

フラットデザインで作られた使い勝手の良い正面アングルのiPhone5用モックアップです。

ダウンロード

iPhone 5 Psd Landscape Mockup

ランドスケープ(横向け)のiPhone5用モックアップです。
カラーは黒です。

ダウンロード

3D iPhone 5 Psd Vector Mockup v2

斜めアングルの白いiPhone5用モックアップです。

ダウンロード

3D View iPhone 5 Psd Vector Mockup

斜めアングルの黒いiPhone5用モックアップです。

ダウンロード

iPhone 5 Psd Vector Mockup

正面アングルのiPhone5用モックアップです。
白黒の2色セットです。

ダウンロード

3-4 View iPhone 5 Psd Vector Mockup

斜めアングルのiPhone5用モックアップです。
白黒の2色セットです。

ダウンロード

PSD形式のiPhone 4

iPhone 4s Psd Vector Mockup Template

iPphone4s用モックアップです。
かなり古い端末なので使っている方を見る事は稀です。

ダウンロード

Illustrator(AI)形式

Illustrator(イラストレーター)形式のiPhone用モックアップ素材です。
ベクター形式なので拡大・縮小を行っっても劣化が起きません。

AIを編集するにはIllustratorが必須、未導入の方はAdobe公式サイトから入手しておきましょう。

iPhone 13, 13 pro max mock up. Realistic smart phone set.

iPhone13の表面と裏面のAI形式モックアップです。非常に高品質な仕上がりで、イラレ版モックアップならコレがおすすめ!

ダウンロード

Realistic iPhone 12 pro mockup.

Illustratorで作られたiPhone12Proのモックアップテンプレートです。表面と裏面が作られており、拡縮しても劣化しないベクターイラストです。

ダウンロード

FREE iPhone X Illustrator Wireframe Mockup

AI形式のiPhoneX用モックアップです。
無料でダウンロードできます。

ダウンロード

Free Vector Apple iPhone 7 Jet Black Mock-up In Ai & EPS Format

ジェットブラックのiPhone7用モックアップです。
AI形式の素材が無料でダウンロードできます。

ダウンロード

Apple iPhone 6s & Plus Vector Mockup

iPhone6Sのモックアップです。

ダウンロード

Apple iPhone 6 & Plus Vector Mockup

iPhone6のモックアップです。
全てIllustratorで作られています。

ダウンロード

Free Vector Apple iPhone 6 Mockup In Ai & EPS Format

AIとEPS形式のiPhone6用モックアップです。

ダウンロード

iPhone 6s PLUS FRONT AND ANGLED PSD + AI VECTOR MOCKUP

正面と斜め左右のiPhone6SPlus用モックアップです。

ダウンロード

Freebie: iPhone 6 Flat Vector Mockup

フラットデザインで作られたiPhone6用のモックアップです。
ベクター画像なので編集しても劣化が起きません。

ダウンロード

Flat iPhone 6 mockup

フラットな質感の黒いiPhone6用のモックアップです。

ダウンロード

iPhone 6 – Illustrator Download

iPhone6のIllustrator用モックアップです。
AI形式なのでイラストレーターが必須です。未導入の方はAdobe公式サイトから入手しておきましょう。

ダウンロード

iPhone 6 mockup + wireframe – AI

iPhone6のイラレ用モックアップです。
カラーは黒です。

ダウンロード

iPhone 6 – 4.7” vector for Wireframes

iPhone6のイラレ用モックアップです。
カラーは白です。

ダウンロード

高品質なモックアップ集

Photoshopで使える高品質なモックアップテンプレートです。
全て商用利用可能!
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのテンプレートです。

#01 T-shirt and Packaging Mockup

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

ダウンロード

#02 4 Hoodie Mockups

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

ダウンロード

#03 Large Wall Advertisement in Shopping Mall Mockup

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

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

ダウンロード

#04 Wine Bottle Mockup

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

ダウンロード

#05 Open Magazine and Cover Mockup

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

ダウンロード

デザインカンプ制作に役立つモックアップ集
様々なジャンルで使える高品質なモックアップを50点紹介します。
全て商用利用可能!

商用利用可能な高品質テンプレート

商用利用ができる高品質なデザインテンプレートを厳選しました!
制作時間を大幅に短縮でき、尚且つ品質の向上が可能な優秀な素材ばかりです。

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


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


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


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


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


AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能!
様々なフライヤーのテンプレート50選


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


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

おわりに

以上、無料でダウンロードできるiPhone用のモックアップ素材でした。

アプリやWebデザイン用の素材をはじめとした用途に便利なiPhone素材ばかり。
PSDとAI形式なので編集に便利!
上手く活用して制作を加速させましょう。

ではまた!

ゼロから始めるシリーズ

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