Photoshopで窓にティンダル効果の光を加える方法

読了時間 約7分

ホーム/ PSチュートリアル/ Photoshopで窓にティンダル効果の光を加える方法

窓にティンダル光線を加える手順は決まっています。クイック選択ツールで光源を選び、新しいレイヤーにコピーし、放射状のぼかしで光の筋に伸ばして、スクリーンで重ねるだけです。コツはぼかしの中心を光源に合わせること。ここがずれると光が散ってしまいます。

準備

  • オンラインPS(https://www.zaixianps.cc)を開きます。
  • 窓が写っている写真を用意します(光が窓の外から差し込むシーンがおすすめです)。
  • 光源をもっと正確に選択したい場合は、オンラインPSでクイック選択ツール(W)をオンにします。

手順の全体像

01 ステップ1:オンラインPSに素材を読み込む

① 左上の「ファイル」→「開く」をクリックするか、画像をブラウザのウィンドウに直接ドラッグします。

② 画像がメインのワークスペースに表示されていることを確認します。

02 ステップ2:クイック選択ツールでハイライト(光源)の範囲を選択

① 左側のツールバーからクイック選択ツール(W)を選びます。

② カンバス上で1回クリックするかドラッグし、窓の内側にある明るいハイライト(光が最も明るい部分)をできるだけすべて選択します。

③ 選択が足りない場合は「⌘/Ctrl + Alt」を押しながら操作すると、選択範囲から除外または追加に切り替えられます。

03 ステップ3:選択範囲を新しいレイヤー(レイヤー1)にコピー

① 選択が終わったら、選択範囲を右クリック → レイヤーをコピー(Layer via Copy)、またはショートカット Ctrl+J を使います。

② 新しいレイヤーは自動的に「レイヤー1」と名付けられ、光源のハイライト部分だけが含まれます。

04 ステップ4:レイヤー1に「放射状のぼかし」を適用

① 「レイヤー1」が選択されていることを確認します。

② メニューバー → フィルター → ぼかし → 放射状のぼかし…(フィルター → ぼかし → 放射状のぼかし)。

③ 表示されたダイアログで次のように設定します:

  • ぼかしの方法:回転(Radial)または ズーム(Zoom)。ズームがおすすめです。
  • 量:通常は 30~80 の範囲で、光の長さに合わせて調整します。
  • ぼかしの中心:アイコンをドラッグするか座標を入力して、光の放射点(通常は窓の外にある光源の位置)に合わせます。
  • プレビューで確認し、問題なければ「OK」をクリックします。
05 ステップ5:レイヤーの描画モードを「スクリーン」に変更

① 「レイヤー」パネル上部の「通常」ドロップダウンを探します。

② 描画モードを「スクリーン」(Screen)に切り替えると、光が背景と自然に重なり、下の画像のディテールを保ったまま明るくなります。

06 ステップ6:微調整(フィルターの再適用も可)

光の筋がまだ不自然だったり、強さが足りない、輪郭が硬すぎる場合は、ステップ4の「放射状のぼかし」を繰り返します。

ショートカット:Alt+Ctrl+F(Photoshop の「直前のフィルターを再適用」に相当)。適用するたびに効果を確認しましょう。

必要に応じて「レイヤー1」の不透明度を下げる(例:70%)か、レイヤーにソフトライト/オーバーレイの描画モードを設定して二段階で調整します。

書き出し

完成したら、「ファイル」→「書き出し」→「PNG」または「JPG」で保存するのがおすすめです。あとで色調補正をやり直す可能性があるなら、PSD(.psd)ファイルを残しておくと編集を続けられます。


参考資料

  • Adobe Photoshop 公式ドキュメント
  • HTML5 とモダンなフロントエンドによる画像処理の仕組み
  • オンラインPS