デザイナーが持っておきたい、ロゴやブランドのプレゼンにも安心して無料で使えるモックアップ素材
Post on:2017年3月15日
さまざまなプロダクトが揃った、ロゴのデザインやブランディングのデザインに使えるシンプルなモックアップ素材を紹介します。
通常は有料ですが、期間限定で完全無料!
しかもロイヤリティフリーで利用できます。
![デザイナーが持っておきたい、プレゼンに使えるモックアップ素材](http://coliss.com/wp-content/uploads-201702/2017031407.png)
ダウンロードできるモックアップ素材
ダウンロードできるモックアップ素材はクオリティだけでなく、そのボリュームもすごいです。100種類以上の中から一部を紹介します。
ロゴや文字、イラストを加えたり、カラーやサイズを変更することもできます。
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-01.png)
ショッピングバッグのモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-04.png)
雑誌のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-05.png)
小冊子のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-07.png)
フライヤーのモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-09.png)
パンフレットのモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-10.png)
封筒のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-06.png)
名刺のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-03.png)
ハードカーバーの本のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-08.png)
ソフトカバーの本のモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-11.png)
ペーパーバックのモックアップ素材
![モックアップ素材のキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031404-02.png)
コンパクトディスクのモックアップ素材
ダウンロード方法
ダウンロードは、簡単です。
下記ページにアクセスします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031403.png)
100+ Royalty Free PSD Product Branding Mock-Up Templates
右の「Download」ボタンをクリックすると、すぐにダウンロードできます。
モックアップ素材の使い方
モックアップ素材は、Photoshopのアクションとして利用できます。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031406-00.png)
アクションを1つ、登録したキャプチャ
Photoshopにアクションを登録するには、アクションパネルの右上をクリックし、「アクションを読み込み」を選択して「.atn」ファイルを指定します。
という訳で、当方のPhotoshop CC2017の日本語環境で試してみました。
まずは、使用するアクションをアクションパネルに登録します。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031406-04.png)
アクションの登録
ドキュメントを開いていない状態で、モックアップ素材のアクションを実行します。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031406-01.png)
アクションのStep 1を実行
アクションはStep 1とStep 2で構成されており、Step 1で基本のデザインを確認します。
ロゴを変更したり、カラーを変更することができます。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031406-02.png)
とりあえず、表面だけちょっと変更
Step 2のアクションを実行すると、モックアップが完成します。
レイヤーがたくさんありますが、すべて自動で作成されます。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017031406-03.png)
モックアップの完成
完成したモックアップは、12,400 x 9300pxの高解像です。
プレゼンにも、Webサイトやバナーなどのデジタル、フライヤーや同人誌などの紙にも利用できます。
![作成したモックアップ](http://coliss.com/wp-content/uploads-201702/2017031405.png)
作成したモックアップ
sponsors