■つなぎ目のない背景パターンを作ろう(2)
 画面全体を写真や絵で埋め尽くした背景は画像より大きな画面ではつなぎ目が目立ってしまいます。
 今回は写真を使う場合のやり方です。

つなぎ目のないパターン
●主な機能(スクロール)
適当な大きさの新規ファイルを作ります
(ここでは300×300pxにしました)
素材の画像をとりあえず1枚ペッタン

気分によって画像を加工してみましょう。
(ここではレイヤースタイルでオハジキ風にしてみました)

2枚目、3枚目の画像をペッタン
(1枚目のレイヤースタイルをコピーし、同じ効果をつけます)

★レイヤーパレットの「効果」の行をドラッグすればコピーできます

※効果のうちカラーオーバーレイで色だけ変えました

4枚目(ピンクのオハジキ)はこのあたりに移動し、レイヤーのコピーを作っておきます

(レイヤー4を「新規レイヤーを作成」アイコンにドラッグ)

※影や立体などの効果をつけていなければ複製は必要ありません

コピーレイヤーの真下に白塗りのレイヤーを入れ、リンクさせ、「リンク部分を結合」させます
(透明レイヤーでもよさそうなもんですが、実は透明レイヤーでは影の部分の明るい光彩が出ません)

その後、コピーレイヤーの不要な白部分はカットします。

※この「レイヤー5」は影が不自然ですが、とりあえず、今はこのままでOKです。
元のレイヤー4は非表示にしておきます

コピーレイヤーは「レイヤー5」と名前を変えておきます

「レイヤー5」を選択し、メニュー→[フィルター]→[その他]→[スクロール…]を選択

垂直方向に(写真が上下に分割されるように)適当な数字を入れて[OK]

【レイヤー5】が選択されている状態で、【レイヤー1】をcommand(Ctrl)+クリックし、delete(Backspace)キーを押します

これでピンクのオハジキがブルーのオハジキの下にあるように見えます。

縦方向だけならステップ【6】までで完成です。

300×300pxにしましたが、メニュー→[イメージ]→[画像サイズ]で横方向のみサイズを変えればオハジキの列の間隔を広げることもできます
(17インチモニターなら左右を1024pxとすればオハジキ武のラインは1本しか現れない)

また横方向も同様にスクロールすれば、上下左右に連続させることもできます。

この場合、とりあえず、ステップ【6】のそれぞれのレイヤーに軽めの乗算をかけ、背景以外のレイヤーを合体させておけば、作業が楽です。

隙間には新たな画像をペッタンし、先ほど非表示にしておいた【レイヤー4】の効果をコピーします

最後に背景用に明度、カラーを調整しましょう

メニュー→[レイヤー]→[新規調整レイヤー]→[明度・彩度…]を選択
ここでは色は変えずに全体を明るくし、明るくした分、彩度を少しあげました。

さらにレイヤースタイルで全体にR100・G090・B090のピンクを25%乗算で適用しました。

フォトショップのパターン定義を使ってテストしてみましょう。

[command-A]で全てを選択後、メニュー→[編集]→[パターン定義]、
大きめの新規ファイルを作成し、メニュー→[編集]→[塗りつぶし…]で、今定義したパターンで塗りつぶしてみるとつなぎ目がないのが解ります。

ではさっそく背景に適用してみましょう。

●ステップ【9】のサンプルはこちら
●カラーオーバーレイの代わりにグラデを使ったサンプルはこちら
 (グラデの場合は開始点と終了点の色を同じにします)

Tutorial Topにもどる

SEO [PR] 再就職支援 冷え性対策 わけあり 動画掲示板 レンタルサーバー ブログ SEO