Webデザイナー、UI/UXデザイナーの@sdesignlaboです。
商用利用可能で高品質なiPhoneケースのモックアップを27点厳選しました。
編集に便利なPSD形式とAI形式のiPhoneケースモックアックばかり！
オマケで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点紹介します。
全て商用利用可能！
商用利用可能な高品質テンプレート
商用利用ができる高品質なデザインテンプレートを厳選しました！
制作時間を大幅に短縮でき、尚且つ品質の向上が可能な優秀な素材ばかりです。
制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！
おわりに
以上、高品質なiPhoneケースのモックアップ27点＋αについてでした。
ケースのデザインを作成し、デザインだけ見せてもイマイチ説得力は出ませんよね。
上記のリアルで高品質・高画質なモックアップにデザインをはめ込むだけで、大幅に説得力が出ます。
プレゼンテーションやポートフォリオなど、さまざまなシーンで活躍する素材を上手く活用し、制作の効率化と品質向上をしてみましょう。
ではまた！
制作に役立つ無料素材配布サイト集
コンテンツ制作に役立つ無料素材やサービスを提供しているサイト一覧です。
より素敵な作品作りの効率化ができます。
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう！
