| ■つなぎ目のない背景パターンを作ろう(2) 画面全体を写真や絵で埋め尽くした背景は画像より大きな画面ではつなぎ目が目立ってしまいます。 今回は写真を使う場合のやり方です。 |
|||
|
|
|||
| つなぎ目のないパターン ●主な機能(スクロール) |
||||||||||||||||||
![]() |
適当な大きさの新規ファイルを作ります (ここでは300×300pxにしました) 素材の画像をとりあえず1枚ペッタン 気分によって画像を加工してみましょう。
|
|||||||||||||||||
![]() |
![]() |
2枚目、3枚目の画像をペッタン (1枚目のレイヤースタイルをコピーし、同じ効果をつけます) ★レイヤーパレットの「効果」の行をドラッグすればコピーできます ※効果のうちカラーオーバーレイで色だけ変えました |
||||||||||||||||
| 4枚目(ピンクのオハジキ)はこのあたりに移動し、レイヤーのコピーを作っておきます
(レイヤー4を「新規レイヤーを作成」アイコンにドラッグ) |
![]() |
|||||||||||||||||
|
※影や立体などの効果をつけていなければ複製は必要ありません |
||||||||||||||||||
![]() |
コピーレイヤーの真下に白塗りのレイヤーを入れ、リンクさせ、「リンク部分を結合」させます (透明レイヤーでもよさそうなもんですが、実は透明レイヤーでは影の部分の明るい光彩が出ません) その後、コピーレイヤーの不要な白部分はカットします。 |
|||||||||||||||||
![]() |
||||||||||||||||||
| ※この「レイヤー5」は影が不自然ですが、とりあえず、今はこのままでOKです。 | ||||||||||||||||||
| 元のレイヤー4は非表示にしておきます
コピーレイヤーは「レイヤー5」と名前を変えておきます |
||||||||||||||||||
![]() |
「レイヤー5」を選択し、メニュー→[フィルター]→[その他]→[スクロール…]を選択
垂直方向に(写真が上下に分割されるように)適当な数字を入れて[OK] |
|||||||||||||||||
| 【レイヤー5】が選択されている状態で、【レイヤー1】をcommand(Ctrl)+クリックし、delete(Backspace)キーを押します
これでピンクのオハジキがブルーのオハジキの下にあるように見えます。 |
![]() |
|||||||||||||||||
![]() |
||||||||||||||||||
| 縦方向だけならステップ【6】までで完成です。
300×300pxにしましたが、メニュー→[イメージ]→[画像サイズ]で横方向のみサイズを変えればオハジキの列の間隔を広げることもできます |
||||||||||||||||||
| また横方向も同様にスクロールすれば、上下左右に連続させることもできます。
この場合、とりあえず、ステップ【6】のそれぞれのレイヤーに軽めの乗算をかけ、背景以外のレイヤーを合体させておけば、作業が楽です。 隙間には新たな画像をペッタンし、先ほど非表示にしておいた【レイヤー4】の効果をコピーします |
![]() |
|||||||||||||||||
![]() |
最後に背景用に明度、カラーを調整しましょう
メニュー→[レイヤー]→[新規調整レイヤー]→[明度・彩度…]を選択 さらにレイヤースタイルで全体にR100・G090・B090のピンクを25%乗算で適用しました。 |
|||||||||||||||||
| フォトショップのパターン定義を使ってテストしてみましょう。
[command-A]で全てを選択後、メニュー→[編集]→[パターン定義]、 ではさっそく背景に適用してみましょう。 ●ステップ【9】のサンプルはこちら |
||||||||||||||||||
| SEO | [PR] 再就職支援 花 冷え性対策 わけあり | 動画掲示板 レンタルサーバー ブログ SEO | |