デザイナー注目！iPhone 8＆iPhone Xの無料PSD素材15選

9月にAppleが発表したiPhone 8やiPhone Xは、ワイヤレス充電をはじめとしたさまざまな特徴を持ち、Apple製品のファンはワクワクが止まらなかったことでしょう。
そして、新製品の発表によって、Web担当者や アプリ 製作者は、その新機種との互換性を対応したり、デザイナーは新しい機種を使ったスクリーンショットに差し替えるなど、さまざまな対応に追われることとなるでしょう。

今回は、iPhone 8＆iPhone Xの無料PSD素材を集めました。
とりわけiPhone Xは歴代のiPhoneに比べて特異な形をしているので、素材が見つけづらいかもしれません。
こうした素材を利用して、ぜひホームページや アプリ 制作にお役立てください。

iPhone 8＆iPhone Xの無料PSD素材15選

1. iPhone 8 PSD Mockup

スクリーンショット：2017年10月

iPhone 8を正面から見たときのモックアップです。
背景は透明になっているため、iPhone 8をあらゆる背景に置くことができます。

2. iPhone X Mockup

スクリーンショット：2017年10月

iPhone Xの正面でのモックアップです。
もちろん複数レイヤーで重ねられているので、背景の差し替えや画面の差し替えを行うこともできます。

3. iPhone 8 Mockup Free PSD

スクリーンショット：2017年10月

iPhone 8を斜め裏表に2枚並べ、背面の光沢をアピールしたモックアップ素材です。
高級感が溢れるようなエレガントな雰囲気になっているので、画面に何を当て込んでも大人らしく見えるでしょう。

4. iPhone X Free Mockup PSD

スクリーンショット：2017年10月

iPhone Xが他の雑貨に紛れてワイヤレスチャージされているモックアップです。
背景にはクラシックな木の背景が採用されており、全体的に落ち着いた雰囲気になっています。
ありがたいことに、ワイヤレスチャージャーとiPhone Xを別々の素材としても活用できます。

5. Apple iPhone 8 mockup template

スクリーンショット：2017年10月

iPhone 8のスペースグレイをモチーフにしたテンプレートです。
各部品がレイヤーで重ねられているので、背景や画面の編集も自由自在です。

6. iPhone X in Hand Mockup PSD

スクリーンショット：2017年10月

iPhone Xを手で持っている無料のモックアップです。
背景も屋外を意識して作成されているようなので、屋外向けの アプリ のスクリーンショットを作成するときに便利でしょう。

7. iPhone 8 Plus screen showcase Mockup

スクリーンショット：2017年10月

iPhone 8 Plusが2枚並べられており、片方の背面に画面が反射されているのが強調されたデザインとなっているモックアップ素材です。
画面の大きさもiPhone 8よりもやや大きいので、画面を広く見せたい アプリ のスクリーンショットなどに重宝するでしょう。

8. Vector iPhone X Free sketch Mockup

スクリーンショット：2017年10月

iPhone XのSketch用のモックアップ素材です。
画面の当て込みも簡単なので、Sketchを利用しているかたはぜひこの素材を活用してみましょう。

9. iPhone 8 and 2017 MacBook Pro Mockup

スクリーンショット：2017年10月

iPhone 8とMacBook Proの組み合わせとなった無料のモックアップ素材です。
木製の机に緑の観葉植物、そしてテーブルライトがモダンでクリーンな部屋に配置されています。
iPhone アプリ ・デスクトップ アプリ の両方を提供している場合には、この素材を活用してはいかがでしょうか。

10. iPhone X Mockup Bundle

スクリーンショット：2017年10月

iPhone Xのモックアップ素材が、さまざまな角度で収録されています。
色もスペースグレイとシルバーの両方が同梱されており、さまざまな用途で使えそうです。

11. Free Apple iPhone 8 App Screen Mockup PSD

スクリーンショット：2017年10月

iPhone 8のモックアップ素材ですが、左右にスクリーンショットを自由に並べることができるテンプレートになっています。
ゴールド・スペースグレイ・シルバーと各色が同梱されているので、 アプリ の雰囲気に合わせて使い分けてみるといいでしょう。

12. iPhone X Flat Mockup

スクリーンショット：2017年10月

iPhone Xのフラット仕様になったモックアップです。
アプリ のデザインがフラットデザインになっているのであれば、スクリーンショットもこちらの素材を使ってフラットで統一してみてはどうでしょうか。

13. Clean iPhone X Mockup

スクリーンショット：2017年10月

iPhone XがiPhone 5cのようにカラフルに並ぶモックアップ素材です。
いろいろな画像を当て込んで楽しんでみましょう。

14. iPhone X Minimal Dark Light

スクリーンショット：2017年10月

iPhone Xがシンプルに並んでおり、黒枠と白枠になっているモックアップ素材です。
光沢などを気にせず、ライトに見せたい場合にはこちらの素材を活用しましょう。

15. Free Apple iPhone X Mockup PSD

スクリーンショット：2017年10月

iPhone Xが無線充電されているシーンのモックアップ素材です。
観葉植物や木製背景など、落ち着いた雰囲気を演出しているので、 アプリ の雰囲気がぴったりならぜひ活用してみてはいかがでしょうか。

まとめ

クールでスタイリッシュなiPhone 8・iPhone Xのモックアップをご紹介いたしました。

自分でこのようなプロダクトを白紙からデザインするのは大変ですが、モックアップ素材を活用すれば、画面の当て込みをするだけでもかっこいい画像が出来上がります。

それぞれに特徴的なモックアップが並んでいるので、ブックマークで保存しておき、利用シーンに合わせてダウンロードしてみてはいかがでしょうか。