つなぎ目が見えるパターンってなんかださい。良くwebサイトでもあるけど、シームレスパターンはつなぎ目がない繰り返しパターンなので奇麗に見えます。作成方法は沢山ありますが、一番簡単なphotoshopのフィルターのスクロールで作る方法を紹介します。
40590 更新日MENU
エリ
photoshopのフィルターを利用した画像の繋ぎ目がない合成方法を解説。
web素材で良くみかけるつなぎ目の見えない繰り返しパターンの作り方を紹介します。
良くある無料素材等もいっぱいありますが、覚えとくと応用がきくので普段は無料素材のみ使用している人は覚えてみては?
まずリピートさせるテクスチャを選びます。今回はアスファルトの写真を撮り、このアスファルトをシームレスパターンにしてみようと思います。
今回は写真の繰り返しパターンという事で、撮影時に明暗ができてしまう場合があります。
明暗の差が激しいと画像を加工するのが面倒なので 明暗のない部分を500px×500pxで切り抜きます。
フィルター > その他 > スクロールでスクロール設定をよびだします。
スクロールの設定は以下の設定で実行します。今回は500×500なので+250×+250で ラップアラウンド(巻き戻す)を選択してOKを押します。
これで縦、横継ぎ目のないパターンが出来ました。しかし、真ん中が継ぎ目が目立った状態です。この継ぎ目を消しましょう。
この方法は細かく処理出来るので継ぎ目を完璧に消せる方法です。デメリットとしては時間がかかる事です。 まずはレイヤーを複製します。
そのまま左に10px、下に10pxを方向キーを使って移動させます。そしてレイヤーマスクを追加してブラシツール塗り30%、流量20%程で継ぎ目に沿ったブラシの大きさでなじませます。
背景をコピーしたレイヤーを上に重ねその端の境目をマスクで消して行くと境目が分からなくなります。 これは写真と写真を違和感なくつなぎ合わせたりできる便利な技です。
繰り返して表示させてみましたがつなぎ目は消えました! この他にもつなぎ目をなげなわツールで選択範囲を作り、 コンテンツに応じた塗りつぶしで一瞬に消せる場合もあります。 コンテンツに応じた塗りつぶしの機能は 『1分で可能!コンテンツに応じるで写真修復』を参考にして下さい。 コンテンツに応じるでうまくいかない場合はスポット修正ブラシを使うのも便利です。
今回作成したテクスチャは比較的簡単な感じですが、絵柄をシームレスにする方法もあります。
illustratorを使用した継ぎ目のないパターンの作り方もありますので別の機会に説明してみようと思います。