2014/10/04

商用利用可能な無料素材集vol.41 シームレスパターンテクスチャ編

こんにちは。
毎週土曜日にお届けしている商用利用可能な無料素材集、41回目です。
41回目の今回も前回に引き続き「シームレスパターンテクスチャ」です。
今回も、住宅などで利用させる馴染みのある壁紙をもとに、シームレスパターン化しております。

シームレスパターンのサイズは縦200px横200pxのjpg形式となっています。
テクスチャは5ファイルセットになっていて、記事の一番最後にあるダウンロードボタンから入手してください。
皆様のお役に立てれば幸いです。

free-material4101

free-material4102

free-material4103

free-material4104

free-material4105

シームレスパターンを現場で活用する方法

シームレスパターン素材をダウンロードしてからPhotoshopとCSSで活用する方法をご説明します。

シームレスパターンをPhotoshopでつかう方法

まずはダウンロードしたファイルのなかから、利用したいファイルをPhotoshopで開きます。

続いて、選択範囲＞すべてを選択をクリックします。

編集＞パターンを定義をクリック。

好きな名前をつけてOKを押します。これで準備が整いました。

新規ファイルもしくはパターンを適用したいファイルを開きます。
編集＞塗りつぶしを選択します。
（もしくはレイヤー＞新規レイヤー＞パターンオーバーレイでも適用できます）

パターンを選択し、さらにカスタムパターンから、さきほど登録したパターンをクリックし、OKを押します。

これでパターンが適用されました。

CSSでパターンを適用する方法

説明不要かもしれませんが、念のため。
たとえば、bodyに対して適用したい場合は以下のようになります。
backgroundプロパティを利用し、ファイルの場所をして、repeatを設定するだけ。
簡単です。

ご利用規約について

このコーナーで配布している素材については、個人・商用問わず、どなたでもダウンロードしてご使用いただけます。
納得いくまで加工してください。
リンク・報告も一切不要です。
グラフィック、Webなどにご活用ください。

禁止事項・注意点について

素材データそのもので利益を得ることはできません。
再配布はできません。
ファイルの直リンク使用はできません。
ほかの方が使用できなくなるような使用はできません（権利登録など）。
著作権は放棄していません。

免責事項について

素材を使用して発生したいかなる損害やトラブルに対して、当サイトは責任を一切負いかねます。
利用者様の責任でご使用ください。
なお、事前の連絡なしに、素材は修正や削除されることがあります。
ご了承ください。

free-material41 Download

Sponsored by

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。