商用利用無料!写真やイラストや文字など、グラフィックに布地の質感を与えるphotoshopのデザイン素材
Post on:2018年7月4日
写真やイラストや文字など、グラフィックが布地にプリントされているように仕上げるphotoshopのデザイン素材を紹介します。
布地には、くしゃっとした「シワ」があり、写真もイラストも文字もそのシワに合わせて仕上がります。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070101-01.jpg)
ダウンロードできる素材は個人でも商用でも無料で利用できます。ただし、素材をそのままでの再配布や再販売は不可です。
使い方は、簡単です。
素材はPSDなので、Photoshopで開きます。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070104-01.png)
素材を開いたところ
「Change This」レイヤーをダブルクリックします。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070104-02.png)
レイヤーをダブルクリック
布地に重ねてある画像が表示されるので、好きな画像に変更します。
元画像は、フラットな状態です。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070104-03.png)
布地に重ねてある画像
分かりやすいように、ベタ塗りにしてみました。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070104-04.png)
ベタ塗りに変更
元ファイルに戻ると、変更した画像で布地になります。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070104-05.png)
ベタ塗りの布地が完成
デザイン素材を使った他のサンプルも見てみましょう。
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070101-02.jpg)
布地のサンプル
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070101-03.jpg)
布地のサンプル
![布地のモックアップ](http://coliss.com/wp-content/uploads-201803/2018070101-04.jpg)
布地のサンプル
ダウンロードは、下記ページから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018070102-01.png)
「Download for free」をクリックするとGumroadに移動するので、「公正な価格」に「0」を入力して、ダウンロードします。
※作者様より、「無料でダウンロードするには0と入力してください」と。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201803/2018070102-02.png)
sponsors