[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作った
この記事は約6分ぐらいで読めます
![どんな模様でもシームレスパターンは作れる](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
写真で撮ってきたテクスチャに使えそうな画像をワンクリックでシームレスな画像に作り変えられるアクションを作りました。自由に使って結構ですのでどんどん写真撮ってwebサイトの背景とかに使っちゃってください。例によって前置きいらない人はダウンロードへGO!
シームレスパターンの基本的な作り方
アクションファイルにしちゃってるのでそれをダウンロードすれば終わりですけど、作り方を知りたい人の為に一応書いておきます。
基本的にはシームレスなパターンの作り方というのは斜め45°に回転させた正方形を敷き詰めていくということが重要です。
![photoshop-seamless-texture-01 斜めの正方形を意識してパターンを作る](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
斜めの正方形を意識してパターンを作る
繰り返したい図形の複製を4つ用意し、それを正方形の中心と角にそれぞれ中心が来るように配置すればそれで繰り返しのパターンが出来上がります。
![photoshop-seamless-texture-02 どんな模様でもシームレスパターンは作れる](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
どんな模様でもシームレスパターンは作れる
このアクションは単にそれを輪郭をぼかした画像でやる、というだけのものです。無理やりなのでちょっと荒いですけど、大きな範囲でちょっとぼかしたり不透明度をいじったりすれば十分使えると思います☆
このアクションの使い方
まずは適当なテクスチャ画像を用意します。これは2000px×1500pxです。
![photoshop-seamless-texture-03 2000px×1500pxの石の模様](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
2000px×1500pxの石の模様
これを予め1500px×1500pxにリサイズしておきます。
![photoshop-seamless-texture-04 1500px×1500pxにリサイズ](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
1500px×1500pxにリサイズ
ダウンロードしてきた「WEBCRE8jpSeamlessTexture」の、この場合は1500の方を再生します。
![photoshop-seamless-texture-05 アクションを適用した状態](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
アクションを適用した状態
すると1000px×1000pxの、少し模様の変わった画像になります。あとはこれを画像として保存しておくなりパターンに定義するなりしておきます。簡単でしょ?
![photoshop-seamless-texture-06 4枚並べても継ぎ目は見えません](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
4枚並べても継ぎ目は見えません
実際に使った感じ
これを使えばこの画像も…
![photoshop-seamless-texture-07 星空(銀河?)](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
星空(銀河?)
このように!
![photoshop-seamless-texture-08 ちょっとボケが気になるけどぎりぎりイケるかなw](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
ちょっとボケが気になるけどぎりぎりイケるかなw
こんな画像も…
![photoshop-seamless-texture-09 砂利。ちょっと粒が大きい…](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
砂利。ちょっと粒が大きい…
こんな感じです!…ちょっとボケ足が目立って微妙ですねw まあこのようにしっかりとした輪郭のモノが画像に含まれるとちょっと微妙です。
![photoshop-seamless-texture-10 透けちゃってる石がありますね…](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
透けちゃってる石がありますね…
このようにコントラストを強めたり、工夫が必要ですが…まあもともと写真として使うものじゃないのでテクスチャとして目立たないように使う分には大丈夫なんじゃないかなーと思います。
![photoshop-seamless-texture-11 コントラストを強めた。色は薄くして背景にでも](http://webcre8.jp/wordpress/wp-content/plugins/lazy-load/images/1x1.trans.gif)
コントラストを強めた。色は薄くして背景にでも
そんなことから分かるとは思いますが、このアクションはまずランダムな感じの模様にしか使えません。木目とかレンガとか、ずれちゃいますからね。あと平面と言うかパースが付いた画像も無理です。写真撮るときは真上、真正面から撮りましょうね。曇り空とかくらいなら何とかイケます。
ダウンロード
アクションファイルのダウンロードは以下から。元画像のサイズによって「1500×1500pxの画像→1000×1000pxのシームレス画像に加工」と「600×600pxの画像→400×400pxのシームレス画像に加工」の2つがあるので使い分けてくださいね。
WEBCRE8jpSeamlessTexture.zip
ダウンロードする
もちろん商用だろうと何に使っても構いませんし、表記も報告も必要ないです。まあしてもらう分には嬉しいですけどw
…っていうかアクションファイルって著作権とか発生するんでしょうかね。あるんならまあ放棄しませんけど、個人的にはただの操作手順のデータなので著作権が発生し得ない気がするんですが…でもまあアクションファイルとして形になると違うのかな。その辺詳しい人いたら教えて下さいw
追記
微妙に使いづらい点を修正しました。なんか変なダイアログ出たり、選択範囲が残ったり、余計なのを消しました★