iPhoneの無料モックアップ素材83個まとめ(psd,ai,sketch)

PhotoshopとSketchで使えるiPhone Xのモックアップ素材

この記事では、無料でダウンロードできるiPhoneのモックアップ素材を紹介します。

モックアップを使うことで、作成したデザインをより魅力的に仕上げることができます。クライアントへのプレゼンテーションや、サイトやアプリを紹介する際に使うと効果的です。

多くの素材が、スクリーン部分の画像を作成したデザインに差し替えるだけで、利用することができます。ボタンのデザインやフレームのデザインを忠実に再現しているモックアップもあります。

iPhone 7、iPhone 6、iPhone 6 Plus、iPhone 5が揃っています。ファイル形式はPhotoshopで使えるpsdファイルが多いですが、Illustratorで使えるaiファイルや、Sketch用の素材もあります。

目次

iPhone X、iPhone 8のモックアップ

PhotoshopとSketchで使えるiPhone Xのモックアップ素材

プレゼンテーションなどに使いやすいiPhone Xのモックアップです。PhotoshopとSketchのファイルがセットになっています。カラーパターンも用意されています。

PhotoshopとSketchで使えるiPhone Xのモックアップ素材
iPhone X Mockup Changeable Color
ファイル形式: PSD, Sketch

クリーンでミニマルなiPhone Xモックアップ

クリーンでミニマルな仕上がりのiPhone Xモックアップです。

クリーンでミニマルなiPhone Xモックアップ
Free Iphone X Mockup
ファイル形式: PSD

iPhone Xのフロントサイドモックアップ

正面レイアウトの正統派モックアップ素材です。

iPhone Xのフロントサイドモックアップ
iPhone X Mockup – PSD
ファイル形式: PSD

Photoshop、Sketch、Adobe XDで使えるiPhone Xのモックアップ & UIデザインセット

Photoshop、Sketch、Adobe XDと主流のデザイン作成ソフト3種類をカバーしたモックアップ素材です。さらに、iOS 11のUIデザインリソースもセットになっています。

Photoshop、Sketch、Adobe XDで使えるiPhone Xのモックアップ & UIデザインセット
iPhone X Mockup & iOS 11 GUI
ファイル形式: PSD, Sketch, Adobe XD

5つのアングル、2色のカラーのiPhone Xモックアップ

アングルの異なる5つのタイプと、2色のカラーの組み合わせで10種類のパターンがセットになっています。

5つのアングル、2色のカラーのiPhone Xモックアップ

iPhone X – 10 Free PSD Mockups
ファイル形式: PSD

立体的なデザインのiPhone Xモックアップ

Cinema 4Dで作成された立体的なデザインが印象的なモックアップ素材です。PSD形式なのでPhotoshopで使えます。

立体的なデザインのiPhone Xモックアップ
iPhone X mockup
ファイル形式: PSD

高品質なiPhone Xモックアップ

高品質な仕上がりのiPhone Xモックアップです。

高品質なiPhone Xモックアップ
iPhone X ®
ファイル形式: PSD

iPhone X、iPhone 8のSketch形式のモックアップ

Sketchで使えるベクター形式のiPhone Xモックアップ

Sketchで作成されたベクター形式のiPhone Xモックアップです。

Sketchで使えるベクター形式のiPhone Xモックアップ
Iphone X Mockup Sketch Version
ファイル形式: Sketch

ダークとホワイトカラーのiPhone Xモックアップ

ダークとホワイトカラー、2色のiPhone Xモックアップです。

ダークとホワイトカラーのiPhone Xモックアップ
iPhone X Mockup Freebie!
ファイル形式: Sketch

PhotoshopとSketchで使えるiphone Xのモックアップ

PhotoshopとSketch用のファイルがセットになった、使いやすいモックアップ素材です。

PhotoshopとSketchで使えるiphone Xのモックアップ
[FREE] iPhone X Mockup
ファイル形式: PSD, Sketch

立体的な配置のクレイモックアップ

立体的な配置のiPhone Xのクレイモックアップです。PhotoshopとSketchで使えるファイルが入っています。

立体的な配置のクレイモックアップ
iPhone X Clay Mockup [freebie]
ファイル形式: PSD, Sketch

iPhone Xのシンプルなモックアップ

Sketchで作成されたiPhone Xのシンプルなモックアップ素材です。

iPhone Xのシンプルなモックアップ
iPhone X Sketch mockup
ファイル形式: Sketch

シンプルなラインで描かれたミニマルなSketch用のモックアップファイル

シンプルなラインで描かれており、ミニマルなデザインと相性のいいモックアップファイルです。プレゼンテーションの素材としても最適です。

シンプルなラインで描かれたミニマルなSketch用のモックアップファイル
Minimal iPhone X Mockup
ファイル形式: Sketch

Sketchで作成された高品質なiPhone Xモックアップ

Sketchで作成された高品質なiPhone Xのモックアップ素材です。

Sketchで作成された高品質なiPhone Xモックアップ
Vector iPhone X
ファイル形式: Sketch

iPhone X、iPhone 8のAI形式のモックアップ

Illustratorで使えるiPhone Xのモックアップ

Illustratorで作成されたiPhone Xのモックアップ素材です。

Illustratorで使えるiPhone Xのモックアップ
iPhone X Illustrations
ファイル形式: AI

iPhone X、iPhone 8の写真を使ったリアルなモックアップ

手に持ったiPhone Xのモックアップ

iPhone Xを手に持った状態のモックアップです。PhotoshopとSketch用のファイルがセットになっています。

手に持ったiPhone Xのモックアップ
New iPhone X Hands Mockups
ファイル形式: PSD, Sketch

爽やかな背景写真のモックアップ

iPhone Xを手に持った状態の爽やかな背景写真のモックアップです。5882 × 4636ピクセル、300dpiの超高解像度です。

爽やかな背景写真のモックアップ
Free iPhone X on Hand Mockup
ファイル形式: PSD

iPhone XとApple Watchがセットになったモックアップ素材

iPhone XとApple Watchのデザインがセットになったモックアップです。

iPhone XとApple Watchがセットになったモックアップ素材
iPhone X and Apple Watch Series 3 Mockup
ファイル形式: PSD

iPhone 7のモックアップ

ミニマルで使いやすいiPhone 7のモックアップ

ミニマルで使いやすいiPhone 7のモックアップです。

ミニマルで使いやすいiPhone 7のモックアップ
Minimal iPhone 7 Concept Template
ファイル形式: PSD

無重力状態のクールなiPhone 7のモックアップ

人気のジェットブラックカラーです。無重力状態のクールなレイアウトです。

ジェットブラックカラーのiPhone 7
Jetblack psd mockup
ファイル形式: PSD

ジェットブラックカラーのiPhone 7

こちらも人気のジェットブラックカラーです。iPhone 7とiPhone 7 Plus が真っ直ぐに並んでいます。

ジェットブラックカラーのiPhone 7
iPhone 7 Psd Jet Black Mockup
ファイル形式: PSD

4色正面レイアウトの正統派モックアップ素材

ブラック、ゴールド、ローズゴールド、シルバーの4色が揃っています。正統派の正面レイアウトです。

4色正面レイアウトの正統派モックアップ素材
iPhone 7 Psd Mockup Vector
ファイル形式: PSD

超高解像度のiPhone 7モックアップ

超高解像度のiPhone 7モックアップ
Free iPhone 7 Mockup – PSD
ファイル形式: PSD

光沢感がよく表現されたiPhone 7のモックアップ

光沢感のあるデザインの高品質なiPhone 7のモックアップです。高級感を出したいときにおすすめです。

光沢感がよく表現されたiPhone 7のモックアップ
FREE iPhone 7 Jet Black mockup
ファイル形式: PSD

iPhone 7とiPhone 7 Plusのモックアップセット

正面レイアウトの使いやすいデザインで、iPhone 7とiPhone 7 Plusのそれぞれに対してゴールド、ブラック、ローズゴールド、ジェットブラック、シルバーの5色が用意されています。

iPhone 7とiPhone 7 Plusのモックアップセット
iPhone 7 – Free PSD Mockup
ファイル形式: PSD

フロントサイドとバックサイドが重なったレイアウトのiPhone 7モックアップ素材

フロントサイドとバックサイドが無重力状態で重なっています。ゴールド、ブラック、ローズゴールド、ジェットブラック、シルバーの5色があります。

フロントサイドとバックサイドが重なったレイアウトのiPhone 7モックアップ素材
Realistic iPhone 7 Plus Mockup Pack
ファイル形式: PSD

ワイヤレスイヤホンのAirPodsが付属したモックアップ素材

ワイヤレスイヤホンのAirPodsが付属しているiPhone 7のモックアップ素材です。

ワイヤレスイヤホンのAirPodsが付属しているのモックアップ素材
iPhone 7 Mockups – PSD
ファイル形式: PSD

ジェットブラックカラーの無料モックアップ素材

ジェットブラックカラーの無料モックアップ素材です。

ジェットブラックカラーの無料モックアップ素材
iPhone 7 Mockup [PSD]
ファイル形式: PSD

iPhone 7のSketch形式のモックアップ

Sketchで使える高解像度のiPhone 7のモックアップ素材

高解像度のiPhone 7のモックアップ素材です。ブラック、ホワイト、シルバー、ゴールド、グレイの5色が用意されています。

Sketchで使える高解像度のiPhone 7のモックアップ素材
Free iPhone 7 Mockup
ファイル形式: PSD, Sketch

Sketch形式の使いやすい無料モックアップ素材

Sketchで使えるiPhone 7の無料モックアップ素材です。

Sketch形式の使いやすい無料モックアップ素材
Free iPhone 7 Sketch Mockup
ファイル形式: Sketch

ジェットブラックカラーのモックアップ素材

SketchのためにデザインされたジェットブラックカラーのiPhone 7のモックアップ素材です。

ジェットブラックカラーのモックアップ素材
Free iPhone 7 – Jet Black Sketch Mockup
ファイル形式: Sketch

フロントとバックのモックアップ

フロントとバック、両方の面が用意されたiPhone 7モックアップです。

フロントとバックのモックアップ
Free iPhone 7 Mockup
ファイル形式: Sketch

iPhone 7のAI形式のモックアップ

Illustratorで使えるAI形式のiPhone 7モックアップ

Illustratorで使えるAI形式のファイルが入ったiPhone 7の無料モックアップ素材です。

Illustratorで使えるAI形式のiPhone 7モックアップ
Free Vector Apple iPhone 7 Jet Black Mock-up In Ai & EPS Format
ファイル形式: AI, EPS

iPhone 7の写真を使ったリアルなモックアップ

リアルな写真が背景に配置されたiPhone 7の無料モックアップ

リアルな写真が背景に配置されたiPhone 7の無料モックアップ素材です。8種類のパターンが用意されています。

リアルな写真が背景に配置されたiPhone 7の無料モックアップ
8 Photorealistic iPhone 7 Mockups
ファイル形式: PSD

iPhone 6のモックアップ

使いやすいiPhone 6のモックアップ

シンプルで使いやすいデザインのモックアップです。

cap
iPhone 6 Psd Vector Mockup
ファイル形式: PSD

ハイクオリティな斜めのiPhone 6のモックアップ

斜めから見た、iPhone 6のモックアップです。

cap02
3-4 iPhone 6 Psd Vector Mockup
ファイル形式: PSD

iPhone 6、4色セット

シルバー・スペースグレイ・ゴールド・ローズゴールド(ピンク)の4色がセットになっています。

cap
iPhone 6S – Free PSD Mockup
ファイル形式: PSD

ローズゴールドのiPhon 6モックアップ

ロズゴールドカラー(ピンク)のiPhone 6のモックアップです。3種類のアングルがセットになっています。

cao01
iPhone 6s Psd Rose Gold Mockup
ファイル形式: PSD

細かく作りこまれたiPhone 6のモックアップ

細かく作りこまれていて、拡張性のあるモックアップです。

cap
iPhone 6 – Scalable Mockups 4.7′
ファイル形式: PSD

斜めのiPhone 6

斜めの角度から見たiPhone 6のモックアップです。細部まで作りこまれています。

cap
iPhone 6 – Scalable Mockups 3/4
ファイル形式: PSD

リアルなiPhone 6のモックアップ

リアルなデザインです。

cap13
Realistic iPhone 6 mock-up (PSD)
ファイル形式: PSD

シンプルだからこそ使いやすいiPhone 6のモックアップ

シンプルな見た目ですが、とても使いやすそうな素材です。

800x600
Free Awesome iPhone 6+ Mockup
ファイル形式: PSD

精密なiPhone 6のモックアップ

細かなビスの部分まで、精密に再現されています。

cap14
Free iPhone 6 4,7-inch Template [PSD]
ファイル形式: PSD

シルバー、ゴールド、スペースグレイの3色セット

シルバー、ゴールド、スペースグレイの3色がセットになったiPhone 6のモックアップです。

cap
iPhone 6 Vector Mockups
ファイル形式: PSD

立体的なデザインのiPhone 6

立体的なデザインです。

cap04
3D View iPhone 6 Psd Vector Mockup
ファイル形式: PSD

かっこいいiPhone 6のモックアップ

iPhone 6がかっこ良く並んだモックアップです。デザインが映えそうですね。

cap27
Free IPhone 6 Mock up
ファイル形式: PSD

フラットデザインのiPhone 6、iPhone 6sのモックアップ

フラットデザインが特徴のモックアップ素材です。

cap23
Flat Psd iPhone 6 & 6s Mockup
ファイル形式: PSD

高解像度のiPhone 6のモックアップ

高解像度なモックアップ素材です。

05f36919665631.562de3b54bcdc
iPhone 6 free PSD Mockup (High Resolution)
ファイル形式: PSD

横から見たiPhone 6のモックアップ

ディスプレイを水平に近い形で見たレイアウトです。

cap22
iPhone 6 PSD Mockup – Freebie
ファイル形式: PSD

ミニマルなiPhone 6のモックアップ

ミニマルなデザインのiPhone 6のモックアップです。

iphone6-minimalbwrd
iPhone 6 Minimal PSD
ファイル形式: PSD

iPhone 6 Plusのハイクオリティなモックアップ

綺麗なiPhone 6 Plusのモックアップです。

cap06
iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD

立体的なデザインのiPhone 6 Plus

立体的なiPhone 6 Plusです。

cap03
3D iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD

ハイクオリティな斜めのiPhone 6 Plusのモックアップ

斜めから見たiPhone 6 Plusです。

cap02
3-4 iPhone 6 Plus Psd Vector Mockup
ファイル形式: PSD

ハイクオリティな斜めのiPhone 6 Plusのモックアップ2

逆向きバージョンです。

cap05
3-4 iPhone 6 Plus Psd Vector Mockup 2
ファイル形式: PSD

iPhone 6とiPhone 6 Plusのモックアップセット

iPhone 6とiPhone 6 Plusがセットになっています。両方とも使いたい場合に、統一感が出るのでおすすめです。

cap07
Apple iPhone 6 and iPhone 6 Plus Mockup PSD
ファイル形式: PSD

iPhone 6、iPhone 6 Plusのグリッド素材

10分割されたグリッド素材です。カラムデザインをする時に使えます。

grid
iPhone 6 Grid
ファイル形式: PSD

iPhone 6のSketch形式のモックアップ

Sketchの使いやすいiPhone 6のモックアップ

Sketchで使える、iPhone 6のモックアップです。

cap31
iPhone 6 Sketch Template
ファイル形式: Sketch

SketchのiPhone 6モックアップ

貴重なSketchのモックアップです。

iphone6
iPhone 6 .Sketch Freebie
ファイル形式: Sketch

ワイヤーフレームデザインの.eps、.ekatchファイル

.png .eps .Sketchのファイルがセットになっています。ワイヤーフレームデザインに使えます。

iphone-6-plus---iphone-6-wireframe
iPhone 6 Plus and iPhone 6 Wireframe
ファイル形式: PNG、EPS、Sketch

iPhone 6のAI形式のモックアップ

Illustrator用のiPhone 6sとiPhone 6s Plusのモックアップセット

ai形式のモックアップセットです。

fig-02
Apple iPhone 6s & Plus Vector Mockup for Illustrator
ファイル形式: AI

Illustrator用のiPhone 6とiPhone 6 Plusのモックアップセット

iPhone 6とiPhone 6 Plusのバージョンもあります。

fig-02
Apple iPhone 6 & Plus Vector Mockup for Illustrator
ファイル形式: AI

PSDとAIファイルがセットになったiPhone 6のモックアップ

PSDとAIファイルがセットになっています。

cap30
IPHONE 6S PLUS FRONT AND ANGLED PSD + AI VECTOR MOCKUP
ファイル形式: PSD、AI

Illustrator版のフラットなベクター形式のiPhone 6モックアップ

フラットなベクター形式のデザインです。

freebie-iphone-6-flat-vector-mockup-templates
iPhone 6 Flat Vector Mockup
ファイル形式: AI

Illustratorでも使えるフラットデザインのiPhone 6モックアップ

psdに加えて、aiファイルも入った、Illustratorでも使えるモックアップです。

iphone6_flat_presentation_dribbble
Flat iPhone 6 mockup
ファイル形式: PSD、AI、EPS

Illustrator形式のiPhone 6モックアップ

Illustrator形式のモックアップです。

shot
iPhone 6 Flat + Sketch / Freebie AI
ファイル形式: AI

ホワイトデザインのIllustrator形式のiPhone 6モックアップ

ai形式のホワイトカラーのiPhone 6です。

iphone6-flat-800x600
iPhone 6 – Illustrator Download
ファイル形式: AI

iPhone 6の写真を使ったリアルなモックアップ

ナチュラルな背景のiPhone 6モックアップ

iPhone 6、iPad Air 2を含む、4種類のモックアップ素材がセットになっています。背景写真は変更ができます。

cap02
iPhone 6 & iPad Air 2 Photo MockUps
ファイル形式: PSD

10種類のアングルのiPhone 6モックアップ

10種類のアングルから撮影されたiPhone 6のモックアップです。

IMG_4940
Hosoren – 10 Photorealistic iPhone 6 Free PSD Mockups
ファイル形式: PSD

レジャーな雰囲気を感じるiPhone 6s Plusのモックアップ

常夏のビーチを感じる背景写真が印象的です。

iphone-6s-plus-mockup1
IPhone 6s Plus Outdoor Mockups PSD
ファイル形式: PSD

iOSアプリをリアルに見せる写真素材

手前と奥にデバイスを配置することで、イメージと、詳細なデザインを同時に見せることができます。

cap24
iOS App Showcase Mockup PSD
ファイル形式: PSD

指の位置を自由に変更できるiPhone 6のモックアップ

女性が操作している指の位置を自由に動かすることができる、便利なモックアップです。

cap01
iPhone 6 / Android Mockup
ファイル形式: PSD

ツイートで無料ダウンロードできるiPhone 6のモックアップ

ツイートすることで無料でダウンロードすることができます。有料版もあります。

cap
COOLMOCKUPS
ファイル形式: PSD

iPhone 5のモックアップ

ベクター形式のiPhone 5sモックアップ

全体的に細かい部分まで作りこまれています。

cap09
iPhone 5S Psd Vector Mockup
ファイル形式: PSD

斜めのデザインのiPhone 5s

斜めから見たiPhone 5sのモックアップです。

cap10
3-4 iPhone 5S Psd Vector Mockup
ファイル形式: PSD

立体的なiPhone 5sのモックアップ

立体的なデザインのiPhone 5sのモックアップです。

cap21
3D View iPhone 5S Psd Vector Mockup
ファイル形式: PSD

ミニマルなiPhone 5sのモックアップ

ミニマルなデザインが特徴です。

cap11
iPhone 5s Minimal Gold – Free PSD
ファイル形式: PSD

超シンプルなフラットデザインのiPhone 5s

とてもシンプルな、フラットデザインです。

cap12
iPhone 5S Flat Design(PSD)
ファイル形式: PSD

宙に浮かんだiPhone 5

iPhone 5が宙に浮かんでいる、クールなデザインです。

cap25
iPhone 5 Levitation Mockup PSD
ファイル形式: PSD

iPhone 5のAI形式のモックアップ

Illustrator用のai形式のiPhone 5sモックアップ

貴重なai形式のモックアップです。Illustratorで使えます。

5s
iPhone 5s Vector
ファイル形式: AI

iPhone 5の写真を使ったリアルなモックアップ

シンプルで高品質なiPhone 5sのモックアップ

シンプルで使いやすい、iPhone 5sのモックアップです。

cap
Free iPad & iPhone 5s Mockups
ファイル形式: PSD

4種類のiPhoneのモックアップ写真

4つの背景と組み合わせた、iPhoneのモックアップ写真です。

iphone_mockups_dribbble
Free iPhone Mockups – PSD
ファイル形式: PSD

スマートなiPhoneのモックアップ

スマートな背景写真を使ったiPhoneのモックアップです。

iphone-1c
Iphone photorealistic mockups
ファイル形式: PSD

フォトリアリスティックなiPhone 5

iPhone 5の写真モックアップ素材です。

cap17
Free Iphone 5 photorealistic mockups, new set!
ファイル形式: PSD