Photoshop(フォトショップ)やIllustrator(イラストレーター)で使える無料のiPhoneのモックアップを108点紹介します。
世代が新しい順に、iPhone13から古いものはiPhone4Sまで掲載しています。
レイヤー分けされたPSDとAIなので編集が容易!
リアルなiPhoneからフラットデザインのiPhone、手に持ったiPhone等、必要な素材が見つかるでしょう。
Webデザイン・バナーデザイン・各種印刷物用の素材、サイトやアプリのデザインカンプをはめ込める為の素材など、様々な用途にご活用いただけます!
この記事の目次
iPhone15のモックアップPSDです。
フォトショ未導入の方は事前にAdobe公式サイトから入手しておきましょう。
PC要らずのスペック、コレ一台で何でもできます。
iPhone 15 Pro Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_10.jpg)
Newly iPhone 15 Pro Max Black Titanium. Front and vack side view. Editorial illustration
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_09.jpg)
ダウンロード
iPhone 15 Pro Mockup in PSD
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_16.jpg)
Blue iPhone 15 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_12.jpg)
iPhone 15 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_13.jpg)
iPhone 15 Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_11.jpg)
iPhone 15 Pro Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_14.jpg)
iPhone 15
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/10/iphone-mock2_15.jpg)
iPhone14のPSDモックアップです。
フォトショ未導入の方は事前にAdobe公式サイトから入手しておきましょう。
一世代前の機種ですが、十分すぎるスペックですね。
Free iPhone 14 Pro Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/03/iphone-mock2_01.jpg)
Mockup iPhone 14 pro iPhone 13 – iPhone 12 & more
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/03/iphone-mock2_02.jpg)
ダウンロード
New iPhone 14 Pro mockup.
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/03/iphone-mock2_04.jpg)
ダウンロード
New iPhone 14 presentation.
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/03/iphone-mock2_03.jpg)
Instagram mockup app template screens on Apple iPhone 14 pro.
![](https://sdesignlabo.com/blog/wp-content/uploads/2023/03/iphone-mock2_05.jpg)
ベクター画像、PNG、JPEGの3種類がダウンロード可能。
ダウンロード
iPhone13のPSDモックアップです。
しかしiPhone13は本当にカメラの性能が素晴らしい!
適当に撮っても絵になるカメラ、コレに慣れると他のカメラに戻れません。
Iphone 13 pro scene mockup Free Psd
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/iphone-mock_85.jpg)
Smartphone mockup similar to phone 13 pro.
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/iphone-mock_86.jpg)
Iphone 13 Pro Mockup Pack 02
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/09/iphone-mock2_04.jpg)
New Free iPhone 13 Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_78.jpg)
Mockup of a Woman Holding an iPhone 13 in Her Hands
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock_91.jpg)
商用利用可能です。
ダウンロード
Mockup of an iPhone 13 Standing in a Customizable Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock2_02.jpg)
ノンデザイナーの方でも画像をドラッグ&ドロップするだけで高品質・高画質な画像が1分で作成可能!
画面内だけでなく、背景画像も自由に編集できます。
ダウンロード
iPhone 13のフェイスアップPSDモックアップ
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_79.jpg)
iPhone 13 PSD Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_80.jpg)
iPhone 13 Mockup PSD Free Download
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_84.jpg)
Iphone 13 Pro and Pro Max. Sierra blue.
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock_87.jpg)
iPhone 13 Pro Max Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_81.jpg)
Free PSD flatlay of iPhone 13 Pro Max Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_82.jpg)
iPhone 13 Mockup Featuring a Minimal Orange-Colored Setting
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock2_03.jpg)
ノンデザイナーの方でも1分で作成できます。
ダウンロード
Free PSD Flatlay 2 Of iPhone 13 Pro Max Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/10/iphone-mock_83.jpg)
iPhone12の主な特徴、それは「早い話、速いです。」
それが一番!
Psd iPhone 12 Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_07.jpg)
Realistic iPhone 12 pro mockup. Smartphone mockup with white screen.
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock_88.jpg)
拡縮しても劣化しないベクターイラストなので使い勝手が抜群ですよ。
ダウンロード
iPhone 12 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/09/iphone-mock2_05.jpg)
Gravity Psd iPhone 12 Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_01.jpg)
Mockup of an iPhone 12 Pro Max with Both Front and Back Views
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock2_01.jpg)
画像編集ソフトの知識は一切不要!画像をドラッグ&ドロップすると高品質&高画質なモックアップ画像が作成できます。
もちろん商用利用可能ですよ!
ダウンロード
Isometric Psd iPhone 12 Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_02.jpg)
Perspective Psd Iphone 12 Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_05.jpg)
iPhone 12 Pro Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_49.jpg)
Perspective Psd Iphone 12 Pro Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_04.jpg)
Psd iPhone 12 Pro Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_06.jpg)
iPhone11からスコープドッグのようなカメラが搭載されました。
大きい方はデカいので手に収まらないのがネック。
iphone 11 pro mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/09/iphone-mock2_06.jpg)
Psd iPhone 11 Pro Mockup Set
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_08.jpg)
Free iPhone mockup set, 11 Pro edition
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_50.jpg)
iPhone XI Clay—a free minimalist mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_51.jpg)
Isometric iPhone 11 Pro Max Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_52.jpg)
iPhone9をすっ飛ばして登場したiPhoneXのPSDモックアップです。
当時は何故「ナイン」が「無いん」だろうと思いました。
Psd iPhone XS Mockup Isometric
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_15.jpg)
Psd iPhone XS Max Mockup Vol1
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_10.jpg)
Psd iPhone XS Max Mockup Vol2
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_09.jpg)
Psd iPhone XS Max Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_17.jpg)
Psd iPhone XR Mockup Isometric Vol1
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_13.jpg)
Psd iPhone XR Mockup Isometric Vol2
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_14.jpg)
Psd iPhone XR Mockup Isometric Vol3
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_12.jpg)
Psd iPhone XR Mockup Isometric Vol4
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_11.jpg)
Psd iPhone XR Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_16.jpg)
iPhone XR Mockup – Free
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_53.jpg)
UI Psd iPhone X Monochrome
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_18.jpg)
iPhone X Psd Mockup Isometric
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_19.jpg)
iPhone X Free Mockup PSD
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_55.jpg)
New iPhone X Hands Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_56.jpg)
iPhone SE Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/09/iphone-mock2_07.jpg)
ダウンロード
iPhone SE Psd Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_22.jpg)
Apple iPhone SE Mockup PSD
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_75.jpg)
iPhone SE Summer Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/09/iphone-mock2_08.jpg)
iPhone SE PSD mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_76.jpg)
iPhone SE mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_77.jpg)
iPhone8のモックアップPSDです。
やはり特徴的なのが大型化されたiPhone8Plusですね。
iPhone 8 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_64.jpg)
iPhone 8 Mockup PSD Freebie
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_65.jpg)
Free iPhone 8 mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_66.jpg)
iPhone 8 Gold Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_68.jpg)
Free iPhone 8 Mockup For Screens Display
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_70.jpg)
iPhone 8 Plus Design Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_67.jpg)
iPhone 8 Plus in Hand Free Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_69.jpg)
Free iPhone X + iPhone 8 PSD Mockups
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_71.jpg)
Floating white iPhone 8 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_72.jpg)
Free Tilted iPhone 8 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_73.jpg)
Black iPhone 8 Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_74.jpg)
意外と数が少ないiPhone7のPSDモックアップです。
端末自体の販売台数はすごいんですけどね。
iPhone 7 Psd Mockup Vector
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_20.jpg)
iPhone 7 Psd Jet Black Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_21.jpg)
個人的に一番好きなサイズ感の端末であるiPhone6のPSDモックアップです。
iOS12.5.5が最新、使い続けるにはセキュリティ的な意味で不安がいっぱいです。
3D iPhone 6 Plus Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_25.jpg)
3-4 iPhone 6 Plus Psd Vector Mockup 2
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_27.jpg)
3-4 iPhone 6 Plus Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_28.jpg)
iPhone 6s Psd Rose Gold Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_23.jpg)
Flat Psd iPhone 6 & 6s Mockup
3D View iPhone 6 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_26.jpg)
3-4 iPhone 6 Psd Vector Mockup Part 2
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_29.jpg)
3-4 iPhone 6 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_30.jpg)
3-4 iPhone 6 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_31.jpg)
iPhone5は非常に良い端末でしたね。
今では古さを感じる見た目ですが、当時は憧れスマホの代名詞。
3-4 iPhone 5C Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_33.jpg)
3D View iPhone 5C Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_35.jpg)
iPhone 5C Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_36.jpg)
iPhone 5S Psd Flat Design Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_32.jpg)
3D View iPhone 5S Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_34.jpg)
iPhone 5S Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_38.jpg)
3-4 iPhone 5S Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_37.jpg)
iPhone 5 Psd Flat Design Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_39.jpg)
iPhone 5 Psd Landscape Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_40.jpg)
3D iPhone 5 Psd Vector Mockup v2
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_41.jpg)
3D View iPhone 5 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_42.jpg)
iPhone 5 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_44.jpg)
3-4 View iPhone 5 Psd Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_43.jpg)
iPhone 4s Psd Vector Mockup Template
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_45.jpg)
Illustrator(イラストレーター)形式のiPhone用モックアップ素材です。
ベクター形式なので拡大・縮小を行っっても劣化が起きません。
AIを編集するにはIllustratorが必須、未導入の方はAdobe公式サイトから入手しておきましょう。
iPhone 13, 13 pro max mock up. Realistic smart phone set.
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock_89.jpg)
Realistic iPhone 12 pro mockup.
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/05/iphone-mock_90.jpg)
FREE iPhone X Illustrator Wireframe Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_46.jpg)
Free Vector Apple iPhone 7 Jet Black Mock-up In Ai & EPS Format
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_57.jpg)
Apple iPhone 6s & Plus Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_58.jpg)
Apple iPhone 6 & Plus Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_59.jpg)
Free Vector Apple iPhone 6 Mockup In Ai & EPS Format
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_47.jpg)
iPhone 6s PLUS FRONT AND ANGLED PSD + AI VECTOR MOCKUP
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_60.jpg)
Freebie: iPhone 6 Flat Vector Mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_61.jpg)
Flat iPhone 6 mockup
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_62.jpg)
iPhone 6 – Illustrator Download
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_63.jpg)
iPhone 6 mockup + wireframe – AI
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_48.jpg)
iPhone 6 – 4.7” vector for Wireframes
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/08/iphone-mock_54.jpg)
Photoshopで使える高品質なモックアップテンプレートです。
全て商用利用可能!
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのテンプレートです。
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/mockup-template_12.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/mockup-template_09.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/mockup-template_24.jpg)
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/mockup-template_06.jpg)
全て商用利用可能!
商用利用ができる高品質なデザインテンプレートを厳選しました!
制作時間を大幅に短縮でき、尚且つ品質の向上が可能な優秀な素材ばかりです。
制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
デジタル媒体向けポートフォリオテンプレ素材35選
様々なフライヤーのテンプレート50選
様々なモックアップテンプレート50選
下記記事で良質な素材を紹介しております。併せてチェックしてください!
以上、無料でダウンロードできるiPhone用のモックアップ素材でした。
アプリやWebデザイン用の素材をはじめとした用途に便利なiPhone素材ばかり。
PSDとAI形式なので編集に便利!
上手く活用して制作を加速させましょう。
ではまた!