Photoshop、Illustratorで忠実再現!iPhone 6の無料モックアップ素材まとめ【随時更新中】

iphone6vector-mockups

 

本日Appleより発表されたiPhone 6は、9月12日から予約受付が開始され、19日に出荷されるそうですが、iPhone6を完全再現したPhotoshop用モックアップ素材がすでに公開されていました。デザイナーの仕事の早さには驚かされます。

 

 

 

詳細は以下から。

 

 

 

速報 iPhone 6 Mockup

ブラック、ホワイトの2カラーが再現されており、角度に応じて3種類のPSDテンプレート素材が収録されています。5000x2600px(72ppi)の高解像度PSDファイルという点もポイントです。

iPhone6_mockup_truacur

 

 

真正面からみたフロントバージョン。

iPhone6_mockup_front

 

 

ライティングエフェクトなどを加えたグラフィックデザイン用テンプレート。こちらも白、黒2バージョンが用意されています。

iPhones6_mockup_stage_black

 

 

ディスプレイ画面は、スマートオブジェクト機能で作成されているので、お好みのアートワークを配置、挿入することができます。

psmode

 

 

 

速報 iPhone 6 Vector Mockups

もうひとつの素材は、白と黒に加え、ゴールドバージョンにも対応したPSDモックアップテンプレート。ただしこちらは、真正面タイプのみ収録されています。

iphone6vector-mockups

 

 

 

9.12更新 Free iPhone 6 Mockups

ななめに置かれたアングルで表現されているので、よりiphone 6の厚みや質感を味わうことができます。

iphone6-template-free-psd-ramotion

 

 

 

9.10更新 iPhone 6 PSD Mockup

黒、白、ゴールドすべてのカラーリングが用意されており、右と左アングル両方に対応したPSDベクター素材セット。

angled-iphone6-mockup-psd

 

 

ベクターPSDファイルなので拡大縮小や、自由な角度にローテーションすることも可能です。

IPHONE6VECTOR3-1

 

 

 

9.18更新 iPhone 6 PSD Mockup

横向きに置かれた全3色のモックアップ素材で、スマートオブエジェクト機能を使ってスクリーン画面を変更できます。

iPhone-6-PSD-Mockup-by-Graphicsoulz

 

 

 

9.11更新 iPhone 6 PSD Vector Mockup

4.7インチ液晶ディスプレイを内蔵したiPhone 6。グラフィック力の高いPixedenが公開しています。

001-iphone-6-silver-gray-gold-47-inch-mockup-presentation-psd-free

 

 

 

更新9.11 iPhone 6 Free MockUp

こちらも斜めにデザインされたiPhone 6で、自由にディスプレイ画面は変更可能です。

iPhone-6-Free-Mockup

 

 

 

更新9.11 Eightonesix iPhone 6 PSD Mock-Up

光沢感のあるボディが印象的で、5.5インチスクリーンが忠実に再現されています。

iPhone-6-PSD-Mock-Up

 

 

 

更新9.11 iPhone 6 – Free PSD Mockup

白、黒、ゴールド全色が揃った、真正面フロントタイプのiPhone 6 / 6 Plusが並びます。

iPhone-6-Free-PSD-Mockup-Template

 

 

 

9.21更新 Free Mockup iPhone 6

Photoshopベクターシェイプで作成されているので、自由な拡大縮小が可能です。全3色収録。

free_iphone6_mockup

 

 

 

9.12更新 3-4 iPhone 6 PSD Vector Mockup

iPhone 6と6 Plusの全色カラーが揃った、ベクターシェイプで拡大縮小も自由な、遠近法を使ったアングル。

perspective-iphone-6-psd-mockups

 

 

 

9.10更新 Apple iPhone 6 and iPhone 6 Plus Mockup PSD

白と黒バージョンのiPhone 6とiPhone 6 Plusを収録しています。

apple_iphone_6_and_iphone_6_plus_mockup_psd

 

 

 

更新9.11 iPhone 6 Plus

白、黒2バージョンのiPhone 6 Plusが、本物そっくりに再現されたモックアップアイテム。

iPhone-6-Plus-Psd-Mockup

 

 

 

 

9.11更新 iPhone 6 Plus PSD Vector Mockup

5.5インチ液晶ディスプレイが注目のiPhone Plusを全種類揃えたベクターPSD素材。

001-iphone-6-plus-silver-gray-gold-55-inch-mockup-presentation-psd-free

 

 

 

iPhone 6 Plus Mockup PSD

ディスプレイ画面の大きなiPhone 6 Plusを、2バージョン収録したパースペクティブタイプのモックアップ。

iphone-6-plus-mockup-free-psd-

 

 

 

更新9.11 iPhone 6 Plus Free Mockup

サイズの大きいiPhone 6 Plusをななめ方向に再現したアイテム。

Iphone-6-plus-free-mock-up

 

 

 

更新9.10 Flat iPhone 6 & 6 Plus Mockups

フラットスタイルで再現された2種類のPSDモックアップ素材が収録されています。

iphone6-mockup-flat-psd

 

 

 

更新9.11 Apple iPhone 6 Flat Mockup

こちらもミニマルな印象が美しい、白バージョンのiPhone 6/ 6 Plusのモックアップ素材。

Apple-iPhone-6-Flat-Mockup

 

 

 

更新9.11 iPhone 6 / 6 Plus Flat Template

フラットスタイルで全色カラーリングが再現されています。

iPhone-6s-iPhone-6-Plus-Flat-PSD-Template

 

 

 

更新9.11 Free iPhone6 Flat Mockup

こちらもフラットスタイルですが、細いラインを使ったアウトラインも一緒に描かれています。

Free-iPhone6-flat-mockup

 

 

 

更新9.11 iPhone 6 Plus

5.5インチの大型スクリーンが目立つ、iPhone6 Plusをイラストで表現、一緒にApple Watchも収録されています。

iPhone-6-plus-watch

 

 

 

9.17更新 iPhone 6 & Plus Flat Mockup

繊細なドロップシャドウを使ってデザインされた、iPhone 6と6 Plusが揃います。

iPhone_6___Plus_Mockup

 

 

 

9.17更新 Mock-Up iPhone 6 PSD

iPhone 6のスクリーン画面を、パースペクティブで立体的に仕上げるモックアップテンプレート。

Mock_Up_IPHONE_6_by_Khester

 

 

 

9.17更新 App Store Marketing Guidelines

Appleが公式に公開しているPhotoshop用データで、作成したアプリのプロモーション、プレゼンテーションにのみ使えるアイテムです。

apple-official

 

 

 

9.17更新 Free Vector Apple iPhone 6 Mock UP

Illustrator用Aiファイルと、EPSファイルを同時に収録しています。

Free_Vector_Apple_iPhone_6_Mockups_by_Zee_Que

 

 

 

9.17更新 iPhone 6 – 4.7′ Vector for Wireframes

ワイヤーフレームを使うときに便利なアイテムで、自由にディスプレイをデザインします。

iPhone_6_47_vector_for_Wireframes_by_Fedza_Miralem

 

 

 

9.11更新 iPhone 6 mockup + Wireframe – Ai

Illustrator用Aiファイルで再現されたモックアップと一緒に、ワイヤーフレームも収録されています。

iphone6-free-ai-mockup

 

 

 

更新9.11 iPhone 6 – Illustrator Download

こちらもAiファイルで収録された素材で、シンプルに再現されています。

Flat-iPhone-6-Mockup

 

 

 

9.11更新 iPhone 6 Mockup – Sketch

利用しているひとが増えているMac用デザインアプリSketch用ファイル。

iphone6-sketch-mockup

 

 

 

9.17更新 10 Pure CSS Mobile Devices

HTML/CSSでスタイリングされた、iPhone 6を含む10種類のデバイスが用意。縦、横両方に対応しています。

iPhone_6_and_6_Plus_in_CSS_by_Murat_Mutlu

 

 

 

iOSデザイン決定版!250個+のUIコンポーネントを収録した無料PSDキット「TETHR」

ディスプレイ画面作成にも便利で、iOSデザインに全対応しています。

thethr_sample

 

 

新しいモックアップ素材などが公開され次第、随時追加していきます。