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

【商用可能】iPhoneケースのモックアップ【PSD・AI】

この記事を読むのに必要な時間は約 28 分です。

商用利用可能で高品質なiPhoneケースのモックアップを27点厳選しました。
全て編集に便利なPSD形式とAI形式です。
オマケでAndroid端末のケースも13点紹介します。

マスク処理や反射の処理などは全てされているのでオリジナルデザインをケースにはめ込むだけ!
制作の大幅な時短とクオリティアップが同時に行える良質な素材ばかりですよ。

トリプルカメラのiPhoneケース

iPhone11以降のモデルに搭載されているトリプルカメラ対応のiPhoneケースモックアップ10点です。
ちなみに広角カメラ、超広角カメラ、望遠カメラの3つを搭載。
全て商用利用可能!
Photoshopで使えるPSD形式なので編集が容易に行えます。

#01 Smartphone Phone Case Mockup Set

トリプルカメラのiPhoneに使えるケースのモックアップPSDです。複数のアングルが収録されており、迷った時はコレがおすすめですよ。

ダウンロードする

#02 Floating Phone Case Mockup

iPhone13Proをはじめとしたトリプルカメラ対応のiPhoneケースモックアップです。グリッドが付いているのではめ込みの際にズレが予防できる親切設計です。

ダウンロードする

#03 Phone Case Mockup

正面やや斜めから見たアングルのiPhoneケースのモックアップです。グリッドレイヤーが備わっているのでパースのズレが予防できます。

ダウンロードする

#04 Mobile Phone Case Mockups

木目のテーブルの上に置かれたiPhoneケースのモックアップです。もちろんテーブル素材は後から変更できます。

ダウンロードする

#05 Terrazzo Phone Case and Smartwatch Band Mockup

iPhoneケースとアップルウォッチのモックアップPSDです。アップルウォッチのベルトやケースのデザインが簡単に差し替え可能!

ダウンロードする

#06 Editable Leather Phone Case

革の質感で作られたiPhoneケースのモックアップPSDです。もちろん素の白いレイヤーも収録されています。

ダウンロードする

#07 Mobile Phone Case Mockup

3つのアングルのiPhoneケースが収録されたPSDモックアップです。デザインをはめ込むだけで簡単にオリジナルケースが作れますよ。

ダウンロードする

#08 Mobile Phone Case Mockup

先のモックアップのアングル違いです。非常に高解像度のPSDで作られており、細部まで鮮明!プレゼンテーション素材として最適です。

ダウンロードする

#09 Stacked Smartphone Cases Mockup

ケースが取り付けられたiPhoneが3台積み重ねられたモックアップPSDです。エッジの効いたケースデザインです。

ダウンロードする

#10 Two Smartphone Cases Mockup

手前・奥のアングルから見たiPhoneケースの背面が収録されたPSDモックアップです。汎用性の高い素材の一つです。

ダウンロードする

デュアルカメラのiPhoneケース

デュアルカメラ搭載型のiPhoneケースモックアップ10選です。
全て商用利用可能なPSDです。
編集にはPhotoshopが必須なので事前にAdobe公式サイトから入手しておきましょう。

#11 Two Smartphone Cases Mockup

トリプルカメラの大きさでデュアルカメラの穴が開いたiPhoneケースのモックアップPSDです。たまに見かけます。

ダウンロードする

#12 Smartphone Cases Mosaic Mockup

デュアルカメラのiPhoneがズラリと並べられたPSDモックアップです。勿論商用利用が可能ですよ。

ダウンロードする

#13 Mobile Phone Case Mockups Set

ケースを付けたiPhone本体の表面と裏面が収録されたPSDモックアップです。トリプルカメラ、デュアルカメラの両方が収録されており、非常にお得なPSDです。

ダウンロードする

#14 Phone Case Mockup

iPhoneX等で見られるデュアルカメラ対応ケースのPSDモックアップです。グリッドレイヤーが収録されているので変形の際にパースの崩れが防止できます。

ダウンロードする

#15 Mobile Phone Case Mockup

3つのiPhoneケースが積みかねられたモックアップPSDです。縦に並んだデュアルカメラの穴が空いた形式のケースです。

ダウンロードする

#16 Three Cases Mockup

正面アングルから見たケースを装着したiPhoneの背面が3つ並んだPSDモックアップです。デザイン単体で見せるよりモックアップを活用する事で説得力が格段に高まりますよ。

ダウンロードする

#17 Phone Case Mockup

お決まりのアングルから見たiPhoneケースのモックアップPSDです。グリッドレイヤーが収録された親切設計で初心者の方にもオススメです。

ダウンロードする

#18 Smartphone Screen and Case Mockup

ケースを装着したiPhoneの表面と裏面が収録されたモックアップPSDです。ラバー素材のケースで、少し反り返ったようにデザインされています。

ダウンロードする

#19 Smartphone Screen and Case Mockup

デザインがよく映えるアングルから見たiPhoneケースのモックアップPSDです。縦並びデュアルカメラのiPhoneケースのモックアップはコレが定番です。

ダウンロードする

#20 Phone Case and Screen Mockup in Vintage Style

非常にリアルな仕上がりのiPhoneの表面と裏面が収録されたPSDモックアップです。オリジナルデザインのケースを企画、デザインする際に必ず役立つ素材の一つですよ。

ダウンロードする

シングルカメラのiPhoneケース

iPhone SEなどに採用されているシングルカメラのケースモックアップです。
全て商用利用可能、Photoshopで編集可能なPSD形式ですよ。

#21 Smartphone Phone Case Mockup Set

iPhoneSEやiPhone6などで見られるシングルカメラのiPhoneケースモックアップです。複数のアングルが収録されており、シングルカメラのケースならこの素材が一番オススメです。

ダウンロードする

#22 Smartphone Phone Case Mockup Set

背面を正面から見たアングルのiPhoneケースモックアップです。非常に高品質・高精細な仕上がりですよ。

ダウンロードする

AI形式のiPhoneケース

AI形式のiPhoneケースモックアップ5選です。
編集するにはIllustrator(イラストレーター)が必須、未導入の方は事前にAdobe公式サイトから入手しておきましょう。

#23 Set case for Iphone X vector illustration

トリプルカメラ搭載のiPhoneのケースモックアップです。AI形式で作られており、拡縮しても劣化しません。JPG形式もダウンロード可能ですよ。

ダウンロードする

#24 Realistic cases for smartphone on transparent background. Vector illustration EPS10.

トリプルカメラの穴が空いたiPhoneケース単体のモックアップAIです。

ダウンロードする

#25 Mockup Set Realistic Case for smartphone all color with shadows on a separate layer for easy installation of your design on a transparent background.

縦に並んだタイプのデュアルカメラが搭載されたiPhone用のケースモックアップです。iPhoneXなどで採用されています。

ダウンロードする

#26 Realistic cases for smartphone on transparent background. Vector illustration EPS10.

iPhoneSEやiPhone6、iPhone7等で搭載されているシングルカメラのiPhoneケースのモックアップです。AI形式とJPG形式の両方がダウンロードできます。

ダウンロードする

#27 Phone case. Phone cover. Mockup of silicone smartphone case. Mock up of cellphone hard covers.

トリプルカメラ、デュアルカメラ、シングルカメラのiPhoneケースが収録されたAI形式のお得なモックアップです。

ダウンロードする

Android端末のケース

オマケでAndroid端末のケース13選です。
全て商用利用可能なPSDファイル、圧倒的な制作の効率化ができますよ。

#28 Phone Case Mockup

背面右上にカメラが搭載されたタイプの端末に使えるケースモックアップです。

ダウンロードする

#29 Phone Case Mockup

先のケースのアングル違いです。背面を正面から見たアングルで2つ重ねられており、デザインを真正面から見せる事ができます。

ダウンロードする

#30 2 Smartphones with Case Mockup

ケースを装着したスマートフォンの表面と裏面が収録されたモックアップPSDです。

ダウンロードする

#31 Smartphone Case Mockup

ラバー素材のケースが少し反り返った状態で配置されたモックアップPSDです。編集にはPhotoshopが必要ですよ。

ダウンロードする

#32 Smartphone Case Mockup

表面と裏面の両方が収録されたスマホケースのモックアップPSDです。背面の右上にカメラホールが付いています。

ダウンロードする

#33 5 Smartphone Phone Case Mockup Set Front View

背面に指紋認証が設置されているスマホ用のケースモックアップです。ASUSをはじめとした多くのAndroid端末で見かけます。

ダウンロードする

#34 5 Smartphone Phone Case Mockup Set Front View

先のケースの穴が少し縦に短いケースモックアップです。PSD形式で作られており、便利なスマートオブジェクトで収録されています。

ダウンロードする

#35 Smartphone Phone Case Mockup Set Top View

ASUSのZenfoneなどで見かけるレイアウトのケースモックアップです。左上にカメラ、中央に指紋認証の穴が空いています。

ダウンロードする

#36 5 Smartphone Phone Case Mockup Set Front View

先のZenfone用ケースのアングル違いです。複数のアングルが収録されているのでコチラの方が使い勝手が良いでしょう。

ダウンロードする

#37 Smartphone Screen and Case Mockup

スマホの表面と裏面が収録されたケースモックアップです。グリッドが収録されているので初心者の方にも安心してデザインのはめ込みができます。

ダウンロードする

#38 Smartphone Screen and Case Mockup

背面右上にカメラが設置されたスマホのケースモックアップです。PSD形式で作られているので編集にはPhotoshopが必須ですよ。

ダウンロードする

#39 Phone Case Mockup

正面アングルのスマホの表面と裏面が配置されたPSD形式のモックアップです。高画質の素材なので大きく見せても粗さがありませんよ。

ダウンロードする

#40 Smartphone Case Mockup

真正面から見たアングルのスマホケースのモックアップPSDです。パースが付いていないのでデザインのはめ込みも簡単です。

ダウンロードする

高品質なモックアップ集

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ケースのモックアップ27点+αについてでした。

ケースのデザインを作成し、デザインだけ見せてもイマイチ説得力は出ませんよね。
上記のリアルで高品質・高画質なモックアップにデザインをはめ込むだけで、大幅に説得力が出ます。

プレゼンテーションやポートフォリオなど、さまざまなシーンで活躍する素材を上手く活用し、制作の効率化と品質向上をしてみましょう。

ではまた!

ゼロから始めるシリーズ

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