【保存版】プレゼンにいい!Webページやスマホアプリを魅せるモックアップ用の高品質な無料素材のまとめ
Post on:2014年10月24日
プレゼンやプレスリリースでWebページやスマホアプリをよりかっこよく見せたり、ロゴやブランドをより魅力的に見せたり、商用でも無料で利用できるモックアップ素材を紹介します。
パネルにパースをつけたり、UIをGIFアニメーションで見せたり、デバイスや紙にはめたりと、さまざまなものが揃っています。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-01.png)
Perspective App Screens Mock-Up
複数の画面にパースをつけて配置できるモックアップ用のPSD素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-02.png)
Perspective App Screens Mock-Up
こちらもパースをつけてスクリーンを配置できる素材。スマートオブジェクトで簡単に貼り付けることができます。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-03.png)
上のとは少し違ったパースをつけて配置するモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-05.png)
Perspective App Screen Mock-Up 5
透明のガラス板にエレメントを配置し、レイヤーを重ねたように見せるモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-04.png)
こちらはタブレットサイズ用のパースペクティブの素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-06.gif)
UIが動くシーンをGIFアニメーションにするテンプレート。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-07.png)
Perspective Mockup Photoshop Action
スマホの画面などパースをつけてモックアップを作成するPhotoshopのアクションファイル。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-08.png)
Photoshop Perspective Mockup Plugin
上記のプラグイン版で、こちらは有料で機能も充実しています。
※これだけ有料です。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-41.png)
画面にパースをつけ、壁に立てかけたようなモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-42.png)
複数の画面を同時に見せるモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-09.png)
iPad Air 2のベクターのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-10.png)
iPhone 6のベクターのモックアップ素材。iPhone 6 Plusもあります。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-11.png)
Apple Cinema Displayのベクターのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-12.png)
Apple Macbook Airのベクターのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-13.png)
A4用紙がちょっと反ったモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-14.png)
A4用紙を折ったモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-15.png)
こちらはA4用紙を折ったやつの正面版。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-16.png)
シンプルな斜め版。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-17.png)
フライヤー用のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-18.png)
紙袋のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-19.png)
レトロ風のフレームに入ったポスターのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-20.png)
Stationery Branding Mockup vol.3-2
ステーショナリーセットのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-21.png)
PSD Business Card Mockup vol.22
箱に入った名刺のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-22.png)
PSD Business Card Mockup vol.20
クリップで挟んだ名刺のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-35.png)
Translucent Business Cards Mockup
半透明の名刺のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-23.png)
PSD Business Card Mockup vol.16
リサイクル紙を使った名刺のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-24.png)
7 Free Clean Business Card Mockup
シンプルな名刺のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-43.png)
6 Business Cards Mockup Free PSD
シンプルな名刺状のカードを6種類の見せ方に対応したモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-25.png)
さまざまなシーンを想定した本のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-36.png)
Photorealistic Magazine Mockup
雑誌のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-26.png)
雑誌のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-27.png)
ノートのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-37.png)
Natural Paper Printed Logo Mockup
ざらっとした紙に描くモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-28.png)
ポスターのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-38.png)
パーカーのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-29.png)
パーカーのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-30.png)
Tシャツのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-31.png)
Tシャツのタグのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-32.png)
Free Photorealistic Tags Labels Logo Mockup
洋服のラベルのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-33.png)
布地に型押しをしたようなロゴのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-34.png)
紙コップのモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-39.png)
ゴム印のモックアップ素材。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-40.png)
ゴム印のモックアップ素材、上記の矩形版。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102401-44.png)
12種類のモックアップが揃った素材。ダウンロードサイズは895MBの大物です。
sponsors