プラグインは一切要りません。考え方はシンプルで、まずガウスぼかしで全体をやわらかくし、そのあと履歴ブラシで目・髪・輪郭といった「くっきり残したい部分」を描き戻します。最後にハイパスで質感を足す方法も紹介します。オンラインPSの履歴パネルでも同じように使えます。
ステップ1:画像を開く
ショートカット Ctrl+O(Mac は ⌘+O)
ブラウザで オンラインPS(zaixianps.cc)にアクセスし、上記のショートカット、またはメニューの ファイル → 開く から加工するポートレートを読み込みます。
ステップ2:背景レイヤーを通常レイヤーに変換して複製する
Alt+ダブルクリック → Ctrl+J
1. 「レイヤー」パネルで「背景」レイヤーを選びます。
2. Alt(Mac は Option)を押しながらレイヤーのサムネールをダブルクリックし、通常の編集できるレイヤーにします。
3. 選択したまま Ctrl+J(Mac は ⌘+J)でレイヤーを複製します。以降の作業はすべてこのレイヤーで行います。
ステップ3:「履歴」パネルを開く
ウィンドウ → 履歴
メニューバーから ウィンドウ → 履歴 を選ぶと、右側にパネルが表示されます。あとで細部を戻すときに使います。
ステップ4:ガウスぼかしで肌全体をやわらかくする
フィルター → ぼかし → ガウスぼかし
複製したレイヤーを選び、フィルター → ぼかし → ガウスぼかし の順にクリックします。
「半径」を約 10 ピクセルに設定し(画像の解像度に合わせて調整します)、「OK」をクリックします。
ステップ5:履歴ブラシの復元位置を決める
「履歴」パネルで、一番下にある小さなブラシのアイコン(履歴を復元するブラシ)を、下から2番目の行(ぼかす前の状態)までドラッグします。
ステップ6:履歴ブラシで細部を戻す
履歴ブラシツール(ショートカット Y)
1. 左側のツールボックスで履歴ブラシツールを選びます。
2. [/] でブラシサイズを調整します。20〜40px 程度がおすすめです。
3. 目・眉・口・鼻先など、くっきり残したい部分を軽くなぞると、「下から2番目」のぼかしていない状態に戻ります。
4. 拡大して細部を確認したいときは、Ctrl + + / Ctrl + -(Mac は ⌘ + + / ⌘ + -)を使います。
ステップ7:ハイパスでディテールを強調する
フィルター → その他 → ハイパス
1. 「元のレイヤー」(一番下のレイヤー)を選び、Ctrl+J で複製して一番上までドラッグします。
2. 一番上の複製レイヤーを選んだまま、フィルター → その他 → ハイパス の順にクリックします。
3. 半径を 0.5〜1 ピクセルに設定し(数値が小さいほど細部が繊細になります)、「OK」をクリックします。
ステップ8:リニアライトの描画モードでディテールを重ねる
描画モード → リニアライト
ハイパスのレイヤーを選んだまま、「レイヤー」パネルの「描画モード」のドロップダウンから「リニアライト」を選びます。これで肌はやわらかなレタッチ感を保ちながら、高周波のディテールが重なって質感が出て、白っぽく浮くこともありません。
完成&書き出し
細部を確認し、問題なければ Ctrl+Shift+S(Mac は ⌘+Shift+S)で PNG または JPEG として別名保存します。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 と現代フロントエンドの画像処理の仕組み
- オンラインPS