2015/02/03
無料で使えるPhotoshop用シームレスピクセルパターン1000+

無料で利用できるPhotoshop用のシームレスピクセルパターンを約1000パターンご紹介します。
ピクセル形式のシームレスパターンは、デザインのディテールを向上させたり、背景を上質なものに変えてくれるとっても便利で使えるパターンの1つです。
そんな便利なシームレスパターンを公開してくれているサイトから約1000パターンをお届けしています。
デザインや日々の業務のご参考になれば幸いです。
なお、ご利用の際には各ライセンスをご確認のうえ、ご利用ください。
Contents
- 1 Photoshop用パターンファイル(.pat)の使い方
- 2 32 Photoshop Patterns: Subtle Pixels
- 3 34 Pixel Patterns
- 4 12 Fun Photoshop Pixel Patterns
- 5 28 Pixel Patterns V.7
- 6 60+ Tileable and Repeatable Pixel Perfect Photoshop Patterns (PAT)
- 7 24 Pixel Patterns
- 8 75 Seamless Photoshop Pixel Patterns
- 9 54 Micro Patterns
- 10 20 Pixel Patterns
- 11 20 Repeatable Pixel Patterns
- 12 12 Dark Pixel Extended
- 13 30 Pixel Pattern Set
- 14 18 Pixel Patterns
- 15 30 Pixel Patterns for Photoshop (PAT)
- 16 10 Pixel Pattern
- 17 26 Repeatable Pixel Patterns
- 18 100 Photoshop Pixel Patterns
- 19 15 Seamless Pixel Patterns
- 20 5 Pixel Patterns
- 21 15 ML Pixel Patterns
- 22 83 TT-Pixel-Pattern Set 1
- 23 16 Minimal Web Pixel Patterns
- 24 8 Pixel Heart Patterns for PS
- 25 8 Pixel Checker Patterns for PS
- 26 10 SEAMLESS SUBTLE PATTERNS
- 27 5 Pixel patterns
- 28 15 PIXEL PATTERNS
- 29 60 Pixels Patterns
- 30 23 Pixel patterns
- 31 20 Seamless Photoshop Grid Patterns
- 32 115 pixel patterns for Photoshop
- 33 12 Free Repeating Pixel Patterns
- 34 5 Pixel Patterns
- 35 10 Pixel Patterns
- 36 シームレスパターンを現場で活用する方法
Photoshop用パターンファイル(.pat)の使い方
こちらでご紹介したファイルはpat形式という、Photoshopのパターン専用ファイル形式になっています。
利用するには、「/Applications/Adobe Photoshop CS5.1/Presets/Patterns」というフォルダに入れる必要があります。
あとは、普通にレイヤースタイルや塗りつぶしで利用するだけです。
それではどうぞ。
32 Photoshop Patterns: Subtle Pixels
32 Photoshop Patterns: Subtle Pixels
34 Pixel Patterns
12 Fun Photoshop Pixel Patterns
28 Pixel Patterns V.7
60+ Tileable and Repeatable Pixel Perfect Photoshop Patterns (PAT)
60+ Tileable and Repeatable Pixel Perfect Photoshop Patterns (PAT)
24 Pixel Patterns
75 Seamless Photoshop Pixel Patterns
75 Seamless Photoshop Pixel Patterns
54 Micro Patterns
20 Pixel Patterns
20 Repeatable Pixel Patterns
12 Dark Pixel Extended
30 Pixel Pattern Set
18 Pixel Patterns
30 Pixel Patterns for Photoshop (PAT)
30 Pixel Patterns for Photoshop (PAT)
10 Pixel Pattern
26 Repeatable Pixel Patterns
100 Photoshop Pixel Patterns
15 Seamless Pixel Patterns
5 Pixel Patterns
15 ML Pixel Patterns
83 TT-Pixel-Pattern Set 1
16 Minimal Web Pixel Patterns
8 Pixel Heart Patterns for PS
8 Pixel Checker Patterns for PS
10 SEAMLESS SUBTLE PATTERNS
5 Pixel patterns
15 PIXEL PATTERNS
60 Pixels Patterns
23 Pixel patterns
20 Seamless Photoshop Grid Patterns
Seamless Photoshop Grid Patterns
115 pixel patterns for Photoshop
115 pixel patterns for Photoshop
12 Free Repeating Pixel Patterns
5 Pixel Patterns
10 Pixel Patterns
シームレスパターンを現場で活用する方法
シームレスパターン素材をダウンロードしてからPhotoshopとCSSで活用する方法をご説明します。
Photoshop用のパターンファイル.patをPhotoshopで利用する方法
ダウンロードしたファイルがpat形式というファイルだったら、Photoshopのパターン専用ファイル形式を意味します。
利用するには、「/Applications/Adobe Photoshop/Presets/Patterns」というフォルダに入れる必要があります。
あとは、普通にレイヤースタイルや塗りつぶしで利用するだけです。
シームレスパターンをPhotoshopでつかう方法
.patファイルではなく、画像で作成されたパターンの使い方をご紹介します。
まずはダウンロードしたファイルのなかから、利用したい画像ファイルをPhotoshopで開きます。
たとえば以下のような画像だったとします。
続いて、選択範囲>すべてを選択をクリックします。
編集>パターンを定義をクリック。
好きな名前をつけてOKを押します。これで準備が整いました。
新規ファイルもしくはパターンを適用したいファイルを開きます。
編集>塗りつぶしを選択します。
(もしくはレイヤー>新規レイヤー>パターンオーバーレイでも適用できます)
パターンを選択し、さらにカスタムパターンから、さきほど登録したパターンをクリックし、OKを押します。
これでパターンが適用されました。
CSSでパターンを適用する方法
説明不要かもしれませんが、念のため。
たとえば、bodyに対して適用したい場合は以下のようになります。
backgroundプロパティを利用し、ファイルの場所をして、repeatを設定するだけ。
簡単です。
1 2 3 |
body { background: url(../images/canvas01.jpg) repeat; } |
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
デザイン性・アイディアに富んだパッケージ/プロダクトデザインvol.7
すぐれたパッケージデザイン・プロダクトデザインをご紹介している金曜日企画。 第7弾です。 日本で
-
-
商用利用可!500種類以上もの人のピクトグラムが揃ったベクター素材「Human Pictos with 500」
ベクター素材を配布しているFreepikさんから、太っ腹なプレゼントが、noupeさんで公開されてい
-
-
30日間限定!フォント、アイコン、テンプレートなどが入った商用利用OKな無料素材集「ZERO Bundle」を今すぐゲット!
「ZERO Bundle」は数人のデザイナーが作成したベクターアイコン、Photoshopアクション
-
-
無料で使えるプロが作ったパンフレット用PSD・AI・InDesignテンプレート27
今回はプロのデザイナーがつくっているのに、無料で利用できてしまうパンフレット用テンプレートをご紹介し
-
-
蝶(バタフライ)をモチーフにした無料のベクター素材23セット
蝶(バタフライ)をモチーフにした無料のベクター素材をご紹介します。 Decorative Bu
-
-
超ハイクオリティ!商用利用無料の写真素材をダウンロードできるサイト17
無料の写真素材をダウンロードできるサイトは色々と増えています。 しかし、最初は有難がっていた利用者
-
-
ネコをモチーフにしたロゴ78
ロゴデザインを見るのが好きなものですから、海外ブログで紹介されているさまざまなテーマのロゴは必ず見る
-
-
無料の名刺・ビジネスカードテンプレート200+
クオリティが高いにもかかわらず、無料で利用できる名刺・ビジネスカードテンプレートって、かなり多く出回
-
-
商用利用可能なパンフレット用無料PSD・AI・InDesignテンプレート33
無料で利用できるパンフレット(シングル、二つ折り、三つ折)用テンプレートがあったのメモ。 ファイル
-
-
人物/女性の写真レタッチに必要不可欠なPhotoshop用無料スキン/お肌ブラシ100+おまけ
人物の写真を扱うことも多い今日このごろ、女性の写真は特に気を使います。 使わなくてもいいんでしょう