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

01.png
スクリーンショット:2017年10月

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

2. iPhone X Mockup

02.png
スクリーンショット:2017年10月

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

3. iPhone 8 Mockup Free PSD

03.png
スクリーンショット:2017年10月

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

4. iPhone X Free Mockup PSD

04.png
スクリーンショット:2017年10月

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

5. Apple iPhone 8 mockup template

05.png
スクリーンショット:2017年10月

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

6. iPhone X in Hand Mockup PSD

06.png
スクリーンショット:2017年10月

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

7. iPhone 8 Plus screen showcase Mockup

07.png
スクリーンショット:2017年10月

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

8. Vector iPhone X Free sketch Mockup

08.png
スクリーンショット:2017年10月

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

9. iPhone 8 and 2017 MacBook Pro Mockup

09.png
スクリーンショット:2017年10月

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

10. iPhone X Mockup Bundle

10.png
スクリーンショット:2017年10月

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

11. Free Apple iPhone 8 App Screen Mockup PSD

11.png
スクリーンショット:2017年10月

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

12. iPhone X Flat Mockup

12.png
スクリーンショット:2017年10月

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

13. Clean iPhone X Mockup

13.png
スクリーンショット:2017年10月

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

14. iPhone X Minimal Dark Light

14.png
スクリーンショット:2017年10月

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

15. Free Apple iPhone X Mockup PSD

15.png
スクリーンショット:2017年10月

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

まとめ

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

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