サイト用のＷＥＢ素材を自作する時、意外と厄介なのが「壁紙」作りです。
　
壁紙とはＷＥＢページの背景模様となる素材のことですが、下手な作り方をすると見た目に美しくない不自然な壁紙になってしまいます。
　
壁紙は、指定した画像がタテ方向とヨコ方向に繰り返し敷きつめられます。
　
なので、絵柄が上下左右で繋がっていなかったり、色ムラやグラデーションがあったりすると、どうしても「つなぎめ」の目立つ不自然な壁紙になってしまうのです。
↓
　
とは言え、サイトの雰囲気上、どうしてもそういった「ムラ」や「グラデーション」が欲しいことがあります。
　
そんな時に、どうやってシームレスな（つなぎめの無い）壁紙を作れば良いのか…
　
完全なる自己流ではありますが、やり方をご紹介していきます。
　
今回は管理人の自作サイト「言ノ葉ノ森」の中の１つのページ「青過ぎる思春期の断片」で使っている「青空っぽく見える壁紙」を例にとって説明していきます。
　

　
（見やすくするため、実際に使っている壁紙より雲の色を白く際立たせてあります。）

１．青空模様を描く

まず、フォトショップで適当なサイズを指定して新規ファイルを作り、描画色に「青」を選びます。
　
次に、上のバーから「フィルタ」→「描画」→「雲模様１」を選びます。
　

　　　　　　　　↑
こんな感じで青空っぽい模様が出来上がります。
　
（フォトショップのバージョンによっては操作が異なるかも知れません…。管理人の使っているものはたぶん結構古いバージョンです。）
　

２．元のサイズ×４倍のサイズの新規ファイルを作る

まず、１で作った画像を「すべて選択」し、コピーしておきます。
　
次に、１の画像の４倍サイズの新規ファイルを作ります（元画像の大きさをメモしておいて、縦・横それぞれ×２したサイズで制作してください。）
　

３．元画像の反転コピーを制作

２で作った新規ファイルにコピーしておいた元画像を「貼り付け」します。
　
（大概の場合、真ん中に貼り付けされるので、左上などの隅に移動させておきます。）
　
次に、貼り付けた画像を「レイヤーをコピーする」などで複製します。
　
さらに、複製したレイヤー画像を「編集」→「変形」→「水平方向に反転」します。
　

↓

　
続いて、その反転させた画像を横にずらして元画像の真横に並べます。
　
隙間なくピッタリ並べられたら「下のレイヤーと結合する」で２つのレイヤーを合体させます。
　

　
（間違えて背景と合体させないよう気をつけてください。）
　
次に、合体させた画像を「レイヤーをコピー」で複製し、今度は「編集」→「変形」→「垂直方向に反転」します。
　
できあがった反転コピーを、今度は縦にずらして元画像と隙間なく並べます。
　

　
これでひとまず「つなぎめ」の目立たない壁紙ができあがりました。
　

４．中央の不自然な部分を誤魔化す

「つなぎめ」が目立たないだけなら、ここまでの工程で完了なのですが、反転コピーを合体させた都合上、このままではどうしても人工的で不自然な感じが否めません。
　
なので、中央辺りの不自然な部分を上から色を塗って誤魔化していきます。
　
（失敗した時のために別レイヤーを作成して塗っていった方が良いです。）
　
ここでは白のぼかしブラシを使って適当に雲っぽい模様を上から描いていきます。
　

　
ポイントは、あくまで中央部分のみに着色することです。
　
うっかり画像の四辺にまで色を塗ってしまうと、せっかく目立たなくした「つなぎめ」が再び目立つようになってしまうので、ご注意ください。
　
誤魔化しに塗った部分が逆に目立つ場合は、透明度を調整したり「フィルタ」→「ぼかし」を使ったりして目立たなくさせると良いです。

[0回]