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

こんにちは。
毎週土曜日にお届けしている商用利用可能な無料素材集、40回目です。
40回目の今回も前回に引き続き「シームレスパターンテクスチャ」です。
今回は、壁紙をもとにしたシームレスパターンです。
シームレスパターンのサイズは縦200px横200pxのjpg形式となっています。
テクスチャは5ファイルセットになっていて、記事の一番最後にあるダウンロードボタンから入手してください。
皆様のお役に立てれば幸いです。
free-material4006
free-material4007
free-material4008
free-material009
free-material4010
シームレスパターンを現場で活用する方法
シームレスパターン素材をダウンロードしてからPhotoshopとCSSで活用する方法をご説明します。
シームレスパターンをPhotoshopでつかう方法
まずはダウンロードしたファイルのなかから、利用したいファイルをPhotoshopで開きます。
続いて、選択範囲>すべてを選択をクリックします。
編集>パターンを定義をクリック。
好きな名前をつけてOKを押します。これで準備が整いました。
新規ファイルもしくはパターンを適用したいファイルを開きます。
編集>塗りつぶしを選択します。
(もしくはレイヤー>新規レイヤー>パターンオーバーレイでも適用できます)
パターンを選択し、さらにカスタムパターンから、さきほど登録したパターンをクリックし、OKを押します。
これでパターンが適用されました。
CSSでパターンを適用する方法
説明不要かもしれませんが、念のため。
たとえば、bodyに対して適用したい場合は以下のようになります。
backgroundプロパティを利用し、ファイルの場所をして、repeatを設定するだけ。
簡単です。
1 2 3 |
body { background: url(../images/canvas01.jpg) repeat; } |
ご利用規約について
このコーナーで配布している素材については、個人・商用問わず、どなたでもダウンロードしてご使用いただけます。
納得いくまで加工してください。
リンク・報告も一切不要です。
グラフィック、Webなどにご活用ください。
禁止事項・注意点について
素材データそのもので利益を得ることはできません。
再配布はできません。
ファイルの直リンク使用はできません。
ほかの方が使用できなくなるような使用はできません(権利登録など)。
著作権は放棄していません。
免責事項について
素材を使用して発生したいかなる損害やトラブルに対して、当サイトは責任を一切負いかねます。
利用者様の責任でご使用ください。
なお、事前の連絡なしに、素材は修正や削除されることがあります。
ご了承ください。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
商用利用可の無料フリーテクスチャ素材vol.50:印刷紙材「両更クラフト」
商用利用可能な無料素材集、第50回目となりました。 50回目という節目になりましたので、ちょっと趣
-
-
商用利用可能な無料素材集vol.24 紙のテクスチャ
こんにちは。 季節は着実に巡っていますが、土曜日企画、第24回目、 24回目も紙の無料素材です。
-
-
商用利用可能な無料素材集vol.9 紙のテクスチャ
商用利用OKな無料素材企画、第9回目です。 素材の内容は、いつものとおり、紙の素材です。 こちら
-
-
商用利用可の無料フリーテクスチャ素材vol.61:きらびきR淡金
商用利用可能な無料素材集、第61回目となりました。 今回も、印刷で利用されている印刷用紙材を撮影し
-
-
商用利用可能な無料素材集vol.3 紙のテクスチャ
もう土曜日になりました。 ドタバタしていると、1週間なんてあっという間ですね。 さて今週も、勝手
-
-
商用利用可の無料フリーテクスチャ素材vol.53:印刷紙材「ピケ アイス」
商用利用可能な無料素材集、第53回目です。 さて、今回の印刷用資材はこちらです。 紙材名:ピ
-
-
商用利用可能な無料素材集vol.23 紙のテクスチャ
こんにちは。 土曜日企画、第23回目です。 23回目も紙の無料素材になります。 もうしばらくだ
-
-
商用利用可の無料フリーテクスチャ素材vol.71:クロコグロス
商用利用可能な無料素材集、第71回目となりました。 商用利用可能なオリジナル無料素材、今回の印刷紙
-
-
商用利用可の無料フリーテクスチャ素材vol.55:印刷紙材「間伐材印刷用紙」
商用利用可能な無料素材集、第55回目です。 さて、今回の印刷用資材はこちらです。 紙材名:間
-
-
商用利用可能な無料素材集vol.22 紙のテクスチャ
こんにちは。 土曜日企画、第22回目です。 22回目も紙の無料素材になります。 素材のサイズは