Adobe認定トレーニングセンター

シャープに仕上げる

Photoshop

写真にエッジをつけてシャープに仕上げよう

使用ソフト: PhotoshopCC2020  

今回は画像にエッジをつけてシャープに仕上げる方法を解説していきます。
エッジをつけることにより柔らかい印象からを洗練された印象の画像に変化します。
変化が見られる点としては「毛の質感」「輪郭の強弱」「肌の色,質感」などです。
※数値はあくまでも参考値です

1.photoshopを開き画像を用意します

元の画像
今の段階では輪郭などが全体的に柔らかい印象を受けますね。

2.レベル補正でコントラストを上げます

[イメージ]→[色調補正]→[レベル補正]を選択し[レベル補正]パネルを開きます
レベル補正
入力レベルを[シャドウ:15][中間:1.00][ハイライト:235]に設定します
レベル補正パネル
すると全体が少し明るい画像になります
男性の写真

3.色相・彩度で彩度を落とします

[イメージ]→[色調補正]→[色相・彩度]を選択し[色相・彩度]パネルを開きます
色相彩度メニュー
[色相:0][彩度:-35][明度:0]に設定します
色相彩度パネル
すると少し色あせた画像になります
色相彩度

4.レイヤーを複製してフィルター効果を適用

レイヤーを複製して名称を「HDR」とします
レイヤーを複製してHDRに名称を変更
レイヤー「HDR」を選択して[フィルター]→[その他]→[ハイパス]を選択し[ハイパス]パネルを開きます
ハイパスパネルメニュー
[半径:7.0px]に設定します
ハイパス設定値
このような画像になります
ハイパス後の写真
[ハイパス]フィルターを適用する際のポイントは画像のシルエットがくっきり見える程度の半径に設定することです!

5.レイヤー「HDR」の[描画モード]を[オーバーレイ]に設定します

レイヤー「HDR」の[描画モード]を[オーバーレイ]に設定します
オーバーレイに設定
最後に[フィルター]→[シャープ]→[アンシャープマスク]を選択し[アンシャープマスク]パネルを開きます
アンシャープマスク
[量:80%][半径:2.0px][しきい値:0]に設定します
アンシャープマスクパネルでの設定
ここまでで完成です!!
完成
見比べてみると印象が大分違いますね!!
画像の比較

女性の画像でも試してみましょう

1.元画像
女性の画像
2.レベル補正後
レベル補正後の女性の画像
3.色相・彩度変更後
色素彩度変更後の女性の画像
4.[ハイパス]適用後
ハイパス適用後
完成(オーバーレイ,アンシャープマスク適用後)
完成した女性の画像
見比べてみるとこちらも印象が大分違います!!
画像の比較
映画のワンシーンにも見えてきますね!!

おまけ

どのような仕組みで画像がシャープにできるのかを解説します。
●画像はエッジ部分を強調することで画像をシャープに見せることが出来ます。
今の手順で言えば、「画像のコントラストを上げる」ということです。
●一方でハイパスフィルターは高周波成分だけを検出して、画像の中のエッジ部分だけを残すことが可能なフィルターです。
ハイパスフィルターによりエッジ部分だけに濃淡のある画像が作成できます。
★「コントラストを上げた画像=エッジ部分が強調された画像」と「エッジ部分にだけに濃淡のある画像」をオーバーレイで掛け合わせてあげることでエッジ部分の明るい部分はより明るく、暗い部分はより暗くなるので結果的にエッジ部分だけのコントラストが上がることになり全体がシャープな画像になります。

※オーバーレイとは?・・・明るい部分はより明るく、暗い部分はより暗くなる描画モード

いかかがでしたでしょうか?
洗練されたイメージの画像加工をしてみたい方は一度試してみてはいかがでしょうか?

ちなみに

動物はどうでしょうか?
変更前の犬の画像
なかなかイケてます!!
変更後の犬の画像

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Photoshop

    画像を文字とシェイプでマスクする

    文字だけなら簡単!クリッピングマスク。こんな風に、文字で水の画像を…

  2. Photoshop

    好きな色に変える! 色相・彩度の使い方

    photoshopの色調・彩度使って 1ポイント色を変えていきます…

  3. Photoshop

    グラデーションマップでかっこよく!写真をツートーンカラーに

    グラデーションマップとはフォトショップのグラデーションマップは写真…

  4. Photoshop

    Photoshopの描画機能を使いこなそう

    Photoshopのフィルター機能Photoshopにはたくさんの…

  5. Photoshop

    画像に光のエフェクトを足してみよう

    普段よく目にする光エフェクトですが、実は単純なものであれば慣れない人で…

  6. Photoshop

    ぼかしで写真に動きをつけてみよう

    今回、簡単に写真に動きをつける方法を紹介します。まず、画像を用…

Language

最近の記事

  1. コピースタンプ
  2. メビウスの輪
  3. 海外のフリー素材サイト
  4. カラーチャンネル
  5. シルクスクリーン
  1. Photoshop

    非破壊処理で逆光を描画
  2. Photoshop

    ゴールドの作り方 レイヤーはたった2枚!
  3. Illustrator

    ブレンドツールで水引を作ろう
  4. InDesign

    身近な話題をインデザインで新聞にしてみよう(その②レイアウト)
  5. Illustrator

    【左右対称・上下対称】鏡面描画が便利です
PAGE TOP