背景に使える!最近増えてきた新しいパターン素材のまとめ
Post on:2014年10月7日
背景にパターンやテクスチャを効果的に使うと、デザインの単調さが解消され、Webページ全体に厚みを加えることができます。
そのパターンも最近のトレンドでは新しいものが少しずつ増えてきました。幾何学パターン、イラスト、ローポリ、地紋、ラインやドットを使ったパターン素材をSubtle Patternsから紹介します。
![パターンのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100706.png)
Subtle Patternsは専用のプラグインを使うと、便利です。
Photoshop CS5+ から CC2014対応で、パネルからパターン素材が1クリックで利用できます。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100705.png)
$11.99と有料ですが、Subtle Patternsの新作素材をすぐに利用できるだけでなく、検索機能やお気に入りの登録もできるのでかなり重宝しています。
Subtle Patternsの新作を中心に人気のパターン素材を紹介します。
全て個人商用利用無料で、各ページからパターン素材がダウンロードできます。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-03.png)
Seamless Paper Texture
定番の紙系も少しずつ変わってきました。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-04.png)
Small Steps
これ面白いパターンですね。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-05.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-02.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-06.png)
Halftone
ハーフトーンは画像に重ねてもいい感じ。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-07.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-08.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-09.png)
Skulls
使い方は難しいけど、面白いパターン。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-10.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-11.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-12.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-13.png)
Squared Metal
こういった感じのはいくつあっても困りません。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-14.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-15.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-16.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-17.png)
Fresh snow
雪もシリーズ化されており、いくつかあります。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-18.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-19.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-20.png)
Tree Bark
木(白樺?)のパターン。ステキ。
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-21.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-22.png)
![テクスチャのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014100704-23.png)
sponsors