窓にティンダル光線を加える手順は決まっています。クイック選択ツールで光源を選び、新しいレイヤーにコピーし、放射状のぼかしで光の筋に伸ばして、スクリーンで重ねるだけです。コツはぼかしの中心を光源に合わせること。ここがずれると光が散ってしまいます。
準備
- オンラインPS(https://www.zaixianps.cc)を開きます。
- 窓が写っている写真を用意します(光が窓の外から差し込むシーンがおすすめです)。
- 光源をもっと正確に選択したい場合は、オンラインPSでクイック選択ツール(W)をオンにします。
手順の全体像
① 左上の「ファイル」→「開く」をクリックするか、画像をブラウザのウィンドウに直接ドラッグします。
② 画像がメインのワークスペースに表示されていることを確認します。
① 左側のツールバーからクイック選択ツール(W)を選びます。
② カンバス上で1回クリックするかドラッグし、窓の内側にある明るいハイライト(光が最も明るい部分)をできるだけすべて選択します。
③ 選択が足りない場合は「⌘/Ctrl + Alt」を押しながら操作すると、選択範囲から除外または追加に切り替えられます。
① 選択が終わったら、選択範囲を右クリック → レイヤーをコピー(Layer via Copy)、またはショートカット Ctrl+J を使います。
② 新しいレイヤーは自動的に「レイヤー1」と名付けられ、光源のハイライト部分だけが含まれます。
① 「レイヤー1」が選択されていることを確認します。
② メニューバー → フィルター → ぼかし → 放射状のぼかし…(フィルター → ぼかし → 放射状のぼかし)。
③ 表示されたダイアログで次のように設定します:
- ぼかしの方法:
回転(Radial)またはズーム(Zoom)。ズームがおすすめです。 - 量:通常は
30~80の範囲で、光の長さに合わせて調整します。 - ぼかしの中心:アイコンをドラッグするか座標を入力して、光の放射点(通常は窓の外にある光源の位置)に合わせます。
- プレビューで確認し、問題なければ「OK」をクリックします。
① 「レイヤー」パネル上部の「通常」ドロップダウンを探します。
② 描画モードを「スクリーン」(Screen)に切り替えると、光が背景と自然に重なり、下の画像のディテールを保ったまま明るくなります。
光の筋がまだ不自然だったり、強さが足りない、輪郭が硬すぎる場合は、ステップ4の「放射状のぼかし」を繰り返します。
ショートカット:Alt+Ctrl+F(Photoshop の「直前のフィルターを再適用」に相当)。適用するたびに効果を確認しましょう。
必要に応じて「レイヤー1」の不透明度を下げる(例:70%)か、レイヤーにソフトライト/オーバーレイの描画モードを設定して二段階で調整します。
書き出し
完成したら、「ファイル」→「書き出し」→「PNG」または「JPG」で保存するのがおすすめです。あとで色調補正をやり直す可能性があるなら、PSD(.psd)ファイルを残しておくと編集を続けられます。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 とモダンなフロントエンドによる画像処理の仕組み
- オンラインPS