2014/10/18

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

こんにちは。
毎週土曜日にお届けしている商用利用可能な無料素材集、43回目です。
43回目のもこれまで同様、「シームレスパターンテクスチャ」です。
主に住宅やオフィスなどで実際に使われている壁紙・クロスの画像をもとに、シームレスパターン化しています。

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

free-material4111

free-material4112

free-material413

free-material4114

free-material4115

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

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

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

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

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

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

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

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

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

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

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

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

ご利用規約について

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

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

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

免責事項について

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

free-material43 Download

Sponsored by

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

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