この Photoshop 効果チュートリアルでは、写真にカラフルな光の筋を追加する方法について説明します。 この光の筋は、シャンプーから携帯電話まであらゆるものの広告で使われているのを見たことがあると思いますが、実際、最近では、Sprint と Samsung の新しい携帯電話のクールな広告で使われていました。 Photoshopのペンツールでパスを描き、そのパスをブラシでなぞるだけで簡単に作成できます。 ペンツールを使ったことがない場合や、パスの描き方がよくわからない場合は、まずペンツールで選択範囲を作成するチュートリアルをご覧になってみてください。
そして、光の筋を追加した後のイメージは次のとおりです：
ステップ 1: 新しい空白レイヤーを追加する
私たちは、光の筋を別のレイヤーに追加するつもりです。
これにより、背景レイヤーの上に Photoshop で「レイヤー 1」と名付けられた新しい空白のレイヤーが追加されます。
ステップ 2: ペンツールを選択する
冒頭で述べたように、パスを描き、ブラシでパスをなぞることによって光の筋を作成するつもりです。 パスを描くにはペンツールが必要なので、ツールパレットからペンツールを選択します。
Step 3: Select the “Paths” Option In The Options Bar
Photoshop はペンツールでできることを3種類提供しています。 ベクトル ベースの図形を描くために使用すること、それを使ってパスを描くこと（これが私たちがやりたいことです）、そしてピクセル ベースの図形を描くことができるのです。 この3つのオプションは、画面上部のオプションバーのアイコンをクリックすることで選択できます。 オプションバーの左側には、3つの小さな四角いアイコンが並んでいます。
ステップ 4: 最初の光の筋を表示したい場所にパスを描く
ペンツールを選択し、オプションバーでパスオプションを選択したら、最初のパスを描く準備ができています。 光の筋は写真の下半分、女性の肩と首のあたりのどこかに表示させたいので、そこに最初のパスを描きます。 光の筋をより面白くするために、パスにいくつかのカーブを追加します。 まず、画像の左下隅のどこかをクリックして、最初のアンカーポイントを追加します。次に、パスを描く方向に方向キーをドラッグします。
残りのパス セグメントを追加するためにペン ツールをさらに 2 回クリックしてドラッグし、最初のパスの残りの部分を描き続けます。
ステップ 5: ブラシ ツールの選択
最初のパスを描いたので、次のステップはブラシでそれを描くことです。 そのためには、Photoshop のブラシ ツールが必要です。ツール パレットからブラシ ツールを選択するか、キーボードの B キーを押します。
ステップ7：「間隔」量を1％に下げる
ブラシパレットの下部、ブラシプレビューエリアの真上に、「間隔」オプションが表示されます。 Photoshop でブラシを使用する場合、通常は 1 つの連続したストロークを描いているように見えますが、Photoshop が実際に行っているのは、ブラシ先端でイメージを何度も何度も「スタンプ」することです。 この「スタンプ」が十分に近接していると、連続したストロークとして見えるのです。
[間隔] オプションは、スタンプがどの程度離れて表示されるかを決定し、デフォルトでは、このオプションは「40 サンプル チップ」ブラシの場合 30% に設定されています。 これは、私たちの効果にとっては間隔が開きすぎています。 スライダバーを使って、「間隔」の量を1%まで下げます。 間隔] の値を 1% に下げた後、ブラシのプレビュー領域を見ると、ブラシが 1 つの連続したストロークとして表示されていることがわかります。
ステップ 8: ブラシ サイズ コントロールを [筆圧] に設定する
今すぐブラシでパスを描くと、ブラシがパスに沿ってまったく同じサイズで表示されるため、光の筋の効果はあまりよく見えません。 光の筋が一方から始まり、他方で終わるような錯覚を起こすには、ブラシの両端が細くなっている必要があります。
ブラシパレットの左側、「ブラシ先端の形状」の直下にある「形状ダイナミクス」という文字を直接クリックします。 文字の左側にあるチェックボックスの中だけでなく、文字の上を直接クリックするようにしてください。 チェックボックスの中をクリックすると、シェイプダイナミクスのオプションが有効になりますが、変更はできません。 オプションにアクセスするには、単語をクリックする必要があります。 単語をクリックすると、パレットの右側にシェイプダイナミクスオプションが表示されます。 一番上には「サイズジッター」という文字とスライダーバーがあり、スライダーバーの真下には「コントロール」オプションがあります。 ここでブラシのサイズをどのように制御するかを決定します。
さて、現時点では、筆圧に応じてブラシのサイズをコントロールしたいことを Photoshop に伝えただけですが、実際にペンタブレットを持っていない場合はどうでしょうか? コンピュータにペンタブレットが接続されていない場合、「Control」という文字の左側に小さな警告アイコンが表示され、ペンタブレットが必要であることがわかりますが、心配は要りません。 しかし、心配はいりません。これからPhotoshopに筆圧をシミュレートさせるので、この効果ではペンタブレットがあってもなくても変わりません。
ステップ9：前景色を白に設定
ブラシは準備できました。 あとは、塗りたい色を選択するだけです。 今回は白で塗るので、描画色も白にします。 キーボードのDキーを押して、描画色と背景色がデフォルトにリセットされ、描画色が黒、背景色が白になることを確認します。
手順10.白が描画色になりました。 パスを保存する
パスとブラシを用意し、描画色を白に設定しました。 これで、最初の光条を作成する準備が整いました! Photoshopのパスパレットに切り替え、レイヤーやチャンネルパレットと一緒に表示されるようにします。 レイヤーパレットでレイヤーの名前が右側に、プレビュー領域が左側に表示されるのと同じように、パスのプレビューとともに、現在「作業用パス」という名前でリスト表示されます。 新しいパスを作成すると、Photoshopは自動的に「作業用パス」という名前を付けますが、これは一時的なものであることを意味します。 新しいパスを描く前に保存しないと、新しいパスが前のパスを置き換えてしまい、パスを失ったことになります。 多くの場合、これは問題ではありませんが、後で戻りたい場合に備えて、パスを保存しておきましょう。
パスを保存するには、名前を変更するだけでよいのです。 作業用パス」という名前をダブルクリックすると、Photoshop は「パスの保存」ダイアログボックスをポップアップ表示し、「パス 1」という推奨される名前がすでに入力されています。 OK をクリックしてダイアログボックスを閉じると、Photoshop はパスの名前を「Path 1」に変更します。
ステップ11：ブラシでパスを描く
最初の光の筋を作成しましょう。 パス］パレットの右上にある右向きの小さな矢印をクリックすると、［パス］パレットのフライアウト・メニューが表示されるので、オプションの一覧から［パスを描画］を選択します：
これにより［パスを描画］ダイアログボックスが表示されます。 ブラシでパスを描画したいので、ツール オプションがブラシに設定されていることを確認します。 それから、筆圧をシミュレートするように Photoshop に指示するために、「筆圧をシミュレートする」の文字の左側にあるチェックボックス内をクリックします。
OKボタンをクリックしてダイアログボックスを終了すると、ブラシを使ってパスをストロークして最初の光筋を作成します。
ブラシ ストロークが太すぎたり細すぎたりする場合は、単に Ctrl-Z (Win) / Command-Z (Mac) を押してストロークを元に戻し、キーボード上の左または右ブラケット キーでブラシを大きくまたは小さくしてください。 左のブラケットキーはブラシを小さくし、右のブラケットキーはブラシを大きくします。
最初の光の筋を追加しましたが、現時点では光の筋にはあまり見えません。 派手な白いブラシストロークのように見えますが、これはまさにその通りです。
Step 12: 「Outer Glow」レイヤースタイルを追加する
レイヤーパレットに戻ります。 レイヤー1」のプレビュー領域に、白いブラシストロークが表示されます。
これにより、Photoshopの「レイヤースタイル」ダイアログボックスの中央列にある「アウターグロー」オプションに設定されます。 上部のブレンド モードをリニア ライトに変更すると、通常得られるものよりはるかに強い輝きが得られます。 次に、単語 “ノイズ “の直下にある小さな色見本をクリックして、グローの色を選択します。 これは、Photoshopのカラーピッカーが表示されます。 カラーピッカーから色を選択するか、またはあなたが好むなら、あなたは、画像から直接色をサンプリングすることができます。 色をサンプリングするには、マウスカーソルを画像上に移動するだけです。 すると、マウスのアイコンがスポイトのアイコンに変わるのが見えます。 サンプリングしたい色の上にスポイトを移動させ、クリックしてサンプリングします。
色を選択したら、OKをクリックしてカラーピッカーから退出します。 最後に、外側の輝きのサイズを 30 ピクセル程度に増やします。
まだレイヤースタイルダイアログボックスを終了しないでください。
ステップ13：「内側の輝き」レイヤースタイルを追加
私たちの光の筋に外側の輝きのレイヤースタイルを追加しました。 次に、内側の光彩スタイルを追加してみましょう。
ダイアログボックスの中央の列に内側の輝きのオプションが表示されるのがわかります。 もう一度、上部にあるブレンドモードオプションをリニアライトに変更します。 次に「ノイズ」の下にある色見本をクリックし、カラーピッカーから色を選択するか、外側グローのときと同じように、画像から直接色をサンプリングします。
内側の輝きの色を選択したら、［OK］をクリックしてカラーピッカーから退出します。 最後に、内側の輝きのサイズを10ピクセル程度に拡大します。
完了したらOKをクリックし、レイヤースタイルダイアログボックスを閉じます。
光の筋の真ん中に見えている細い黒い線はパスです。
ステップ 14: パスを編集して、わずかなバリエーションを作成する
光筋にさらにいくつかの筋を追加して、光筋をもう少し面白くしてみましょう。 これは、パスを編集してその若干のバリエーションを作成し、各バリエーションをブラシでなぞることで簡単に行うことができます。 パスパレットに戻り、パスを編集します。 次に、Ctrl（Win）キー／Command（Mac）キーを押しながら、パスの任意の部分にマウスカーソルを直接移動させます。 これは、Photoshop のダイレクト選択ツールに一時的にアクセスできるようになったことを意味し、これはパスの編集に必要なツールです：
ダイレクト選択ツールでパスをクリックして選択し、パスを微調整して少し違うパスを作成します。 アンカーポイントを少し違う場所にドラッグしたり、方向ハンドルを動かしてパスのカーブを調整したり、あるいはパスセグメントを少し違う位置にドラッグすることもできます。 ただし、パスの両端にあるアンカーポイントには触れないでください。作成する各バリエーションは、まったく同じ場所から始まり、同じ場所で終わるようにしたいからです。 この2つのアンカーポイント以外のパスは、好きなように編集してください。 私たちは、パスに大きな変化を求めているわけではありません。
ここで、中央のアンカー ポイントから伸びる 2 つの方向ハンドルをドラッグして、パスの 2 つの主要なカーブを少し変更しました。
パスのバリエーションを描くために、前回のようにパスパレットのフライアウト メニューから [パスを描く] を選択する手間はかかりません。
Photoshop はブラシで作成した新しいパスをストロークします。 レイヤーパレットの同じレイヤーで作業しているので、新しい光の筋には「外光り」と「内光り」のレイヤースタイルが自動的に適用されます。
ステップ 15: さらに 2 種類のパスを作成してブラシで描く
前のステップをもう 1、2 回繰り返して、パスのバリエーションをさらに作り、それぞれをブラシで描いてみます。 光の筋にさらに興味を持たせるために、左右のブラケットキーを使用してブラシのサイズを毎回変えてみてください。 追加したブラシ ストロークが気に入らない場合は、Ctrl+Z（Win）/Command+Z（Mac）を押して元に戻し、パスを再編集してもう一度やり直してください。 これでパスの選択が解除され、表示されなくなります。 再びパスを表示するには、パスパレットでパスをクリックします。 ブラシでストロークする場合は、常にパスを表示する必要があります。 パスが表示されていない場合、パス パレットの下部にあるアイコンはグレーアウトして使用できません。
ここで、パスをさらに数回編集し、新しいパスのバリエーションをそれぞれブラシでなぞった後のイメージを見てみましょう。 ここでも、レイヤーパレットの同じレイヤー「レイヤー1」で作業しているため、新しいブラシストロークに「外側を照らす」と「内側を照らす」のレイヤースタイルが自動的に適用されます。
ステップ 16: 「レイヤー 1」上のレイヤースタイルをコピーする
これで最初の光条ができました! しかし、最初の光の筋に適用したレイヤースタイルをコピーして、新しいレイヤーに貼り付けるだけで、作業を軽減することができます。 レイヤーパレットに戻ります。 まだ「レイヤー1」が選択されているはずです。
ステップ17：新しい空のレイヤーを追加
レイヤーパレットの下にある新しいレイヤーのアイコンをクリックして、別の空のレイヤーを追加します。 Photoshopは、新しいレイヤーを「レイヤー1」の上に追加し、自動的に「レイヤー2」と名付けます。
ステップ18． 新しいレイヤーにレイヤースタイルを貼り付けます。
新しいレイヤーを選択した状態で、画面上部のレイヤーメニューに戻り、もう一度レイヤースタイルを選択し、今度はレイヤースタイルの貼り付けを選択します。
「レイヤー1」のOuter GlowとInner Glowスタイルが「レイヤー2」に追加され、次に作成する光条に自動的に適用されます！
ステップ19：別の光条を追加
新しいレイヤーを追加し、「レイヤー1」から新しいレイヤーにすでに適用されているレイヤースタイルを使えば、簡単に2番目の光条を作成することができます。 ペンツールで新しいパスを描き、必要に応じてパスを「パス2」（または好きな名前）に変更して保存し、ブラシでパスをなぞるだけです。 メインの光条を作成したら、Ctrl（Win）/ Command（Mac）を押しながらダイレクト選択ツールにアクセスし、パスを編集してアンカーポイント、方向ハンドル、パスセグメントを移動し、そのバリエーションをいくつか作成します。
2 つの光の筋を同じ色にしたくない場合は、レイヤースタイルを編集するだけで簡単に色を変えることができます。 たとえば、2本目の光の筋を別の色にしたいとします。 レイヤースタイルを編集するには、「レイヤー 2」の右端にあるレイヤースタイルアイコンをダブルクリックするだけです：
ここで、「レイヤー 2」のレイヤースタイルを編集し、女性の髪からサンプリングした色を使用して、2番目の光の筋の色を少し変更した最終結果は次のとおりです：
And there we have it! 以上、Photoshopで画像にカラフルな光の筋をつける方法でした! 他の Photoshop エフェクトのチュートリアルについては、「写真エフェクト」のセクションをご覧ください！