模様の配置によってパターンは変わってきますね。
Photoshop 花柄背景の作り方でも継ぎ目のないシームレスパターンを紹介しています。ただ、今回は既存のシェイプから左右非対称の模様を使い、継ぎ目のない(シームレス)パターンの作り方を紹介していきたいと思います。
早速、シームレスなパターンを作成していきます。上図の設定で新規ファイルを作成します。
オブジェクトを配置する時に便利なので定規を表示させます。[表示→定規] これで上と左側に定規が表示されました。
中心を分かりやすくするためにガイドを表示させます。[表示→新規ガイド→数値設定]でガイドが表示され、ガイドが重なっている中央が中心になります。
シームレスパターンにする模様を選びます。[カスタムシェイプツール:花3]を選び、上図くらいの大きさのお花を作ります。ガイドとお花の中心を合わせて配置して下さい。
お花のレイヤーを新規ファイルのアイコンにドラッグして、レイヤーをコピーします。
(参考記事:Photoshopのレイヤーの基本を説明)
ここがシームレスなパターンを作成するポイントです。
一つのお花を四隅に分割します。コピーしたお花のレイヤーを[フィルター→その他→スクロール→シェイプをラスタライズ]で上図の数値を設定します。
真ん中にあったお花が四分割され四隅にスクロールされました。四隅に均一の距離で移動したことによりシームレス(継ぎ目のない)表現が可能になるんですね。
同じ色では面白くないので、真ん中のお花のみ色を変えたいと思います。
分割されていないお花のレイヤーの色を変えるため、サムネールをダブルクリックし色を設定します。
このままだと、パターンを登録できないので、シェイプレイヤーをラスタライズします。
[右クリック→レイヤーをラスタライズ]でビットマップデータに変換。背景はパターンに登録しないので、背景の目のアイコンをクリックし背景を非表示にします。
[編集→パターンを定義→パターン名の入力]でパターンを登録します。これでシームレスなパターンが登録されました!
登録したパターンで背景を塗りつぶしてみました。
どうですか?模様が交互に配置されているのでシームレス(継ぎ目のない)背景になっていますね。無事、成功です。
この方法を使えばオリジナルのシームレスパターンが作れます。シームレスなデザインはwebサイトの背景に最適ですね。慣れれば簡単ですので、ぜひトライしてみて下さい!
(関連記事:Photoshop パターンの作り方)
(関連記事:花柄背景の作り方を解説(Photoshop))
(関連記事:クラシックなパターン素材の作り方(イラストレーター))