WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

作る。

WEBCRE8.jpが作ったサービス、素材、サイトなどを
公開していくカテゴリです。

[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った

この記事は約6分ぐらいで読めます

どんな模様でもシームレスパターンは作れる
外で写真を撮ってきたりして、それを背景素材として使ったり出来るといいですよね。その写真、モノによってはシームレスに出来ますよ。

写真で撮ってきたテクスチャに使えそうな画像をワンクリックでシームレスな画像に作り変えられるアクションを作りました。自由に使って結構ですのでどんどん写真撮ってwebサイトの背景とかに使っちゃってください。例によって前置きいらない人はダウンロードへGO!

シームレスパターンの基本的な作り方

アクションファイルにしちゃってるのでそれをダウンロードすれば終わりですけど、作り方を知りたい人の為に一応書いておきます。

基本的にはシームレスなパターンの作り方というのは斜め45°に回転させた正方形を敷き詰めていくということが重要です。

斜めの正方形を意識してパターンを作る

斜めの正方形を意識してパターンを作る

繰り返したい図形の複製を4つ用意し、それを正方形の中心と角にそれぞれ中心が来るように配置すればそれで繰り返しのパターンが出来上がります

どんな模様でもシームレスパターンは作れる

どんな模様でもシームレスパターンは作れる

このアクションは単にそれを輪郭をぼかした画像でやる、というだけのものです。無理やりなのでちょっと荒いですけど、大きな範囲でちょっとぼかしたり不透明度をいじったりすれば十分使えると思います☆

このアクションの使い方

まずは適当なテクスチャ画像を用意します。これは2000px×1500pxです。

2000px×1500pxの石の模様

2000px×1500pxの石の模様

これを予め1500px×1500pxにリサイズしておきます。

1500px×1500pxにリサイズ

1500px×1500pxにリサイズ

ダウンロードしてきた「WEBCRE8jpSeamlessTexture」の、この場合は1500の方を再生します。

アクションを適用した状態

アクションを適用した状態

すると1000px×1000pxの、少し模様の変わった画像になります。あとはこれを画像として保存しておくなりパターンに定義するなりしておきます。簡単でしょ?

4枚並べても継ぎ目は見えません

4枚並べても継ぎ目は見えません

実際に使った感じ

これを使えばこの画像も…

星空(銀河?)

星空(銀河?)

このように!

ちょっとボケが気になるけどぎりぎりイケるかなw

ちょっとボケが気になるけどぎりぎりイケるかなw

こんな画像も…

砂利。ちょっと粒が大きい…

砂利。ちょっと粒が大きい…

こんな感じです!…ちょっとボケ足が目立って微妙ですねw まあこのようにしっかりとした輪郭のモノが画像に含まれるとちょっと微妙です。

透けちゃってる石がありますね…

透けちゃってる石がありますね…

このようにコントラストを強めたり、工夫が必要ですが…まあもともと写真として使うものじゃないのでテクスチャとして目立たないように使う分には大丈夫なんじゃないかなーと思います。

コントラストを強めた。色は薄くして背景にでも

コントラストを強めた。色は薄くして背景にでも

そんなことから分かるとは思いますが、このアクションはまずランダムな感じの模様にしか使えません。木目とかレンガとか、ずれちゃいますからね。あと平面と言うかパースが付いた画像も無理です。写真撮るときは真上、真正面から撮りましょうね。曇り空とかくらいなら何とかイケます。

ダウンロード

アクションファイルのダウンロードは以下から。元画像のサイズによって「1500×1500pxの画像→1000×1000pxのシームレス画像に加工」と「600×600pxの画像→400×400pxのシームレス画像に加工」の2つがあるので使い分けてくださいね。

WEBCRE8jpSeamlessTexture.zip
ダウンロードする

もちろん商用だろうと何に使っても構いませんし、表記も報告も必要ないです。まあしてもらう分には嬉しいですけどw

…っていうかアクションファイルって著作権とか発生するんでしょうかね。あるんならまあ放棄しませんけど、個人的にはただの操作手順のデータなので著作権が発生し得ない気がするんですが…でもまあアクションファイルとして形になると違うのかな。その辺詳しい人いたら教えて下さいw

追記

微妙に使いづらい点を修正しました。なんか変なダイアログ出たり、選択範囲が残ったり、余計なのを消しました★