引人注目な背景は、成功したフライヤーの要です。 Photoshopを使用して、数分で目を引くデザインを作成し、目立つものにします。このチュートリアルでは、ダイナミックなカラーグラデーションからクールなグランジテクスチャ、最新の幾何学的パターンまで、人気のフライヤーの背景を作成するための5つの迅速かつ簡単なテクニックを紹介します。パーティーやイベント、ビジネスフライヤーに最適です。さあ、始めましょう！あなたのフライヤーを次のレベルに引き上げましょう！
1. スキャンライン
王道であるスキャンラインは、フライヤーの背景に垂直、対角線、または水平形式で配置されます。
ステップ1：新しいドキュメントを作成
このような背景を作成するには、画像にスキャンラインを挿入してくれる適切なパターンが必要です。 4x4ピクセルの寸法の新しいドキュメント（Ctrl+N）を作成します。 背景は透明です。
ステップ2：スキャンラインパターンを選択
ドキュメントにズームインします。
選択ツールを使用して、左下から右上に対角線で4つの選択四角を選択します。 追加の選択を行う場合は、伸縮する際にShiftキーを押したままにしてください。
ステップ3：黒で塗りつぶし
標準色をツールバーでDを押して設定し、黒い前景色を選択したい選択フィールドにAlt+Deleteで塗りつぶします。
ステップ4：パターンとして設定
Ctrl+Dで選択を解除します。編集>パターンの定義メニューで、「対角線のスキャンライン」と名付けた新しいパターンを作成します。
ステップ5：スキャンライン挿入
フライヤーの新しいレイヤーで、塗りつぶしツールを使用して、作成したスキャンラインパターンをドキュメントに挿入します。 メニューバーの設定はパターンになっています。 選択メニューで直前に設定したパターンを選択します。 そして、ドキュメントをクリックします。
必要に応じて不透明度を下げることができます。 この例では、不透明度を25％に設定します。
ステップ6：縦横のスキャンラインのバリエーション
対角線ではなく、上下に直線のスキャンラインを使用したい場合は、独自のパターンを作成してください。
縦のスキャンラインには、パターンドキュメント：4x1ピクセルを使用します。
横のスキャンラインには、パターンドキュメント：1x4ピクセルを使用します。
上記と同様に、画像に黒点を配置し、作成したパターンを編集メニューで設定します。 この例では、水平スキャンラインを持つレイヤーは重ね合わせモードに設定されています。
行と行の間隔を狭めたり、詰めたりするには、パターンファイルのサイズを適切に調整するだけです。 より幅広い間隔�を選択するには、5:1、6:1などのアスペクト比を選択し、より狭い間隔の場合は3:1または2:1を選択します。
また、単純な操作で、画像を拡大することで、間隔を調整できます自由選択ツールを使用してドキュメントを拡大するだけです。 それにより、望むアスペクト比が実現します。
ステップ7：スキャンラインのスケーリング
パターンの使用はオーバーレイパターンで行うこともできます。 Ctrl+Shift+Alt+Nで新しいレイヤーを作成し、任意の色で塗りつぶします。 塗りのスライダーを0％に設定します。 塗りオプションでオーバーレイパターンタブを選択します。 ここで、設定したパターンを呼び出します。 このパターンはスケーリングされ、スキャンラインルックをさらに最適化できます。
副題：スキャンラインフォトエフェクト
当社のモデレーター、Mosh氏が、写真においてスキャンラインのような効果が華やかに見える方法についてクィリーチュートリアルで紹介しました。
例：灯台の画像—イメージソース：Denis Pepin＠Fotolia.com
まず最初に、Ctrl+Jを使用して背景レイヤーを複製します。 選択ツール：単一カラムで、画像の際立つ部分でピクセル列を選択します。
Ctrl+Tで選択を変形できます。 選択枠を左右に引いて、画像端に沿わせます。
選択をStrg+Dで解除します。 塗りつぶし方法は30％不透明度で輝度に変更します。
Strg+J でレイヤーを複製し、複製を30％不透明度でソフトライトレイヤーモードに設定します。
ラストに、背景レイヤーにメニュー フィルター＞レンズ補正 を使ってビネットを追加します。-100の強度と+20のミドル値を選択します。最後に、「Rügen 2010」という150ポイントのJellykaの黒い短いテキストを追加します。
この写真効果のための小さなクイッキーとして。簡単に試して、塗りつぶし方法を実験してみてください。
2. ドットとリリーフ
ステップ1: シンプルドット
スキャンラインを作成するのと同じ方法で、フライヤーの背景にドット模様を作成できます。単にサイズが4x4ピクセルの新しいドキュメントを作成します。
選択ツールで右下の4つのピクセルを選択し、黒で塗りつぶします。その後、編集メニュー経由でパターンを定義します。
70％の不透明度で重ね合わせモードにすることで、フライヤー向けに興味深い背景を素早く作成できます。
ステップ2: リリーフ付きドット
ドットの外観をリリーフによって向上します。
最初に、3x3ピクセルの新しいドキュメントを作成します。中央のピクセルを黒で塗りつぶします。下と右の各ピクセルには50％の灰色を入れます。右下のピクセルは80％の明るい灰色で塗りつぶします。
重ね合わせモードでは、リリーフ風の外観はフライヤーエレメントをデザインするためのさらなる興味深い方法を提供します。
ステップ3: サークルモザイク
サイズが20x20ピクセルの新しいドキュメントを作成します。背景も透明です。
楕円ツールを使用して、シフトキーを押しながら（円が丸くなることを保証するため）、ドキュメントに円を描きます。色は黒ですが、それは本当に重要ではありません。
円をパターンとして定義し、背景効果として使用できます。代替として、円を透明のままにして外側を黒く塗りつぶすこともできます。これにより、写真を美しくデザイン的にアクセントを加えることができます。
3. スクリーンエフェクト
ステップ1: パターン定義に対するラスタリングフィルターの代替手段
パターンでドット柄の背景を作成する方法には、パターン定義を介さない方法もあります。
新しいレイヤーを作成し、50％グレーで塗りつぶします。モードは重ね合わせに設定します。
次に、メニューフィルター＞スタイライズフィルターからラスタリングエフェクトフィルターを開きます。
パターンスタイルはドットで、サイズが1、コントラストが30です。コントラストを決定するために、プレビューに大きくズームインするとベストです（400パーセントで見ると良いでしょう）。
OKで確認します。これでドット柄のラスターが完成です。
ステップ2: サークルとラインのバリエーション
ドットスタイル以外に、ラスタリングエフェクトフィルターでサークルとラインも見つけられます。これらのスタイルもシンプルなフライヤー背景の素敵な選択肢です。
横線の例：
ステップ3: ラインの変形
フィルターを使用してラスタリングエフェクトを生成する欠点は、サイズに関して本当に広範な変更オプションがないことです。画像に非常に細かい線を作りたい場合、このフィルターでは限界に達します。その場合は、フィルターをより大きなドキュメントで実行し、現在のドキュメントに複製し、Strg+Tで縮小するしかありません。
同様に、最初から既存のレイヤーをStrg+Tで縮小し、Strg+Jで複製し、生成された隙間に配置します。
結論：ラスタリングエフェクトフィルターはスムーズなフライヤー背景のための迅速なソリューションを提供します。線やドットの微調整にはパターンを使うしかありません。
サークルの例：
4. グリッドとラインパターン
製品、ロゴ、またはタイポ要素のプレゼンテーションには、ときにはフライヤーに効果的なグリッドやパターンを背景として配置することが適しています。ここでは、興味深い背景を簡単に作成するための２つの可能な方法を示したいと思います。
4.1 ラインパターンと光沢効果
最初の例では、ラインパターンを光沢効果付きで作成します。
ステップ1: 新規ドキュメント
新しいドキュメントを作成し、サイズを1200 x 800ピクセルにします。背景色は黒です。
ステップ2: 新規レイヤーを2つ作成
Ctrl＋Shift＋Alt＋Nを使用して新しいレイヤーを作成します。このショートカットを2回実行します。
ステップ3: ライン領域を選択し、白色で塗りつぶす
レゾワークツールを使用して、ラインパターンのおおよその領域を選択します。トップレイヤーがアクティブになっていることを確認します。選択した領域を白で塗りつぶします。
ステップ4: ぼかし
メニューからフィルター＞ぼかしフィルターを選択し、ガウスぼかしを適用します。
ぼかしの半径は、エッジがきれいにぼやけるように選択します。私の例では約50ピクセルが非常に適しています。
ステップ5: スプラッタリング
レイヤーモードをスプラッタリングに設定します。
ステップ6: 下位レイヤーと統合する
スプラッタリング効果を保ちつつ、レイヤーモードを通常モードに戻すために、下位のレイヤーを選択してショートカットCtrl+Eで１つに統合します。
ステップ7: モーションブラー
メニューからフィルター＞ぼかしフィルターを選択し、モーションブラーを適用します。
中程度の距離を約275ピクセルに設定し、スプラッタリングをライン状の効果に変えます。
ステップ8: レイヤー複製とグリッド効果
次に、レイヤーを複製し、不透明度を50％に減少させ、メニューからフィルター＞ペンシルフィルターでグリッドエフェクトを開きます。
パターンタイプをラインに設定し、サイズを1、コントラストを0にします。
ステップ9: フィルター効果を着色する
色相彩度調整レイヤーを作成します。ライン効果を着色するには、彩度ボックスを選択します。
• 色相: ブルートーンで224
• 彩度: 39
• 明るさ: -10 ～ 0 – 表示される外観に応じて
背景が完成し、ロゴやテキストなどに割り当てることができます:
ステップ10: 変形する
ラインレイヤーを選択し、その後スマートオブジェクトに変換します。左下から右上に向かってラインを走らせることで、表示をよりダイナミックにすることができます。
ステップ11: ロゴと切り取りを調整する
塗りつぶしでロゴを黒に染め、塗りつぶしオプションで白の外部発光を、不透明度75%、サイズ35ピクセル、モードカラードッジで設定します。
切り取りツールでドキュメントサイズを自由に調整できます。
4.2 グリッドパターン
グリッドパターンは、フライヤーの背景要素として非常に適しています。全体的な背景や強調デザイン要素として使用できます。
ステップ1: パターンを作成する
透明な背景の新しいドキュメントで50x50のサイズで、選択ツールを使用して上部と左部に細い選択ストリップを引きます。この選択領域に白または黒を塗りつぶします。
次に、メニューから編集＞パターンを定義を選択してパターンを保存します。
ステップ2：背景パターンとしてのグリッド
パターンは、塗りつぶしツールを使用して新しいレイヤーにパターンを埋め込んで、通常の背景要素として使用できます。
より幅広いグリッドを使用したい場合は、塗りつぶしオプションを使用して、グリッドに同じ塗りつぶし方法で輪郭を付けることができます。
グリッドをより大きくまたは小さくしたい場合は、任意の色の新しいレイヤーを作成し、面積調整ツールを0に設定して、塗りつぶしオプションでグリッドパターンをパターンオーバーレイとして設定します。必要に応じてグリッドをスケーリングできます。
より効果的な編集のために、右クリックして独自のレイヤーとして私のパターンオーバーレイを出力できます。
ステップ3：デザイン要素としてのグリッド
素晴らしいデザイン要素としてグリッドを使用することもできます。
この例では（画像出典: Mike Liu – Fotolia.com）、光線をさらにダイナミックにするため、新しいレイヤーに塗りつぶしツールを使用してグリッドパターンを追加します。
Ctrl+T>ワープでグリッドを光線の効果に合わせて調整できます。これにより、光線にダイナミックな効果が加わります。
塗りつぶしオプションで、外側に白い光を大きさ20ピクセルで彩度除去モードで設定すると、効果がさらに快適になります。
灯台の画像では、波を模倣するためにグリッドを使用して海洋の雰囲気をより強調できます。ここでも新しいレイヤーにグリッドを追加し、波の外観に曲げます。
塗りつぶしオプションでグリッドに外側に白い輪郭を大きさ1ピクセルで設定します。これにより、グリッドが少し太くなります。
ワープを使用してグリッドの形状を変化させることができるように、ラスター、直線、円形なども変換やレイヤーマスクを使用してアクセントを付けることができます。ラインパターンでは、Sinedotsを模擬することさえできます。
この例では、円形ラスターを挿入し、レイヤーマスクを使用してビュー内の内側領域に制限することで、灯台の先端に火花効果が生じるようになります。
5. 無限パターンとシームレスタイル
無限パターンとシームレスタイルは、チラシやウェブサイトの背景によく使用されます。チュートリアルの最後の部分では、無限パターンの作成方法をいくつか紹介します。
5.1 簡単な無限パターン
無限パターンにしたい画像の部分を選択します。テクスチャのある画像では、接続部分が見えないパターンを作成することができます。重要なのは、正確な選択をすることです。
ステップ1：パターン領域を選択
このテクスチャから無限パターンを作成したいと考えています。 Ctrl+A を押して画像全体を選択します。CS5でも、選択を変更するためのオプションは選択メニューから利用できないため、正確な選択を作成するための代替方法が必要です。
右クリック>選択を変換をクリックすると、メニューバーに複数の数字入力フィールドが表示されます。ここで、選択を高さと幅それぞれ70％に設定します。それからEnter キーを押して確定します。
ステップ2：選択のコピーと貼り付け
Ctrl+C と Ctrl+V を使用して、選択を新しいレイヤーにコピーして貼り付けます。
ステップ3：パターンを切り出して設定
抽出ツール を使用してパターンを切り出します。 編集 メニューを使用してパターンを設定できます。
ステップ4：背景としての使用
チラシの新しいレイヤーを作成し、任意の色で塗りつぶします。 面積調整ツール を0％に設定します。 塗りつぶしオプションで、先に設定したパターンをパターンオーバレイとしてチラシに割り当てます。
塗りつぶし方法 を輝度に、不透明度を下げた値に設定します。 スケーリングレギュレータ でパターンのサイズを調整できます。正確な位置合わせのため、ドキュメント内でマウスを使ってパターンを適切な場所に移動することをお勧めします。
5.2 繰り返すパターン
典型的な「壁紙のような外観」を得るために、Webサイトやチラシの背景で繰り返し見られる再発するパターンを取得するには、シフトフィルターを使用する必要があります。
ステップ1：形を引き伸ばしてパターンを設定する
カスタムシェイプツールを使用して、500 x 500ピクセルのドキュメントで壁紙のパターンとして使用される花の形状を引き伸ばします。形状をドキュメントの中心に正確に配置します。次に、花の形状をパターンとして設定します。
ステップ2：オフセットの設定
壁紙の外観はまだ完全ではありません。すでにパターンを繰り返し使用できるかもしれませんが、オフセットが必要です。これを達成するには、前述のものよりも倍のサイズ、つまり1000x1000ピクセルの新しいドキュメントを作成します。
1つのレイヤーにパターンを埋めます。4つの要素が表示されます。選択ツールを使用して、パターンの列を選択します。
フィルター>その他のフィルター>オフセット効果メニューを使用して、効果の垂直方向のオフセットを設定します。ピクセルを選択して、上部の境界が下部と正確に一致するようにします。
次に、メニューから編集を選択して、このパターンをパターンとして設定し、チラシの背景として使用できます。ここでも、パターンは20%の不透明度を持つ灰色のレイヤーとしてオーバーレイパターンに配置されます。
5.3 テクスチャのシームレスなタイリング
最初の例ほど簡単には、目立たない接合部を持つパターンを生成することは滅多にありません。
しかし、不規則なテクスチャもシームレスにタイリングできます。これには再びシフトフィルターを使用し、後で見える縁を修正します。
ステップ1：シフト効果を適用する
私のテクスチャは1000 x 1000ピクセルのサイズです。このテクスチャをパターンとして設定し、より大きなドキュメントで使用すると、トランジションは次のようになります。
私は元の1000x1000ピクセルのテクスチャファイルに戻ります。メニューからフィルター>その他のフィルターを選択し、シフト効果フィルターを選択します。そこで、水平方向と垂直方向それぞれ500ピクセルの移動を設定します。
ステップ2：見える接続部を修正する
今、中央の見える縁がはっきり見えます。
CS5から、コンテンツに応じたリペア機能がパッチツールに追加されました。柔らかい筆先でパッチツールを使用し、縁をマークします。チェックボックスコンテンツに応じてが有効になっています。
接続部は自動的に修復されます。複数回試行する場合があります。
接続部を修復するために最も効果的なのは、修復ツールであり、CS5バージョンをまだ使用していないユーザーでも使用できます。ソースチェックボックスを有効にした状態で、縁を選択してクリーンなエリアに引っ張ります。それにより色調、彩度、明るさ、対比が調整され、見える縁が見事に修復されます。
接続部が修復されたら、編集メニューでパターンを設定します。
ステップ3：シームレスなタイルパターンを使用する
2000x2000の新しいファイルを作成し、塗りつぶしツールでシームレスにタイリングされたテクスチャを使用できます。
テクスチャは、画像にエイジング効果、グランジ効果などを加える際に非常に有用です。下の画像を参照してください（画像の出典: Lev Dolgatsjov – Fotolia.com）。
したがって、非常に大きなドキュメントの場合は、単なるテクスチャをシームレスにタイリング可能にすることができます。この例のように、上記のテクスチャを正確に重ね合せモードで画像に配置し、カラー/サチュレーション調整レイヤーをクリッピングマスクとして使用して彩度を軽減しました。
このチュートリアルでは、16種類のパターンが含まれています。この中には、このチュートリアルで示した対角線、水平線、垂直線、ピクセルリリーフ、ドットパターン、円モザイクパターン、グリッドパターンが含まれています。
