webデザイン

ひと味違うHDR風のディティールを表現する所要時間3分のフォトショップ技術

HDRとはハイダイナミックレンジの略で最近ではiphoneカメラにも搭載されよく耳にするようになってきましたが、簡単に言うと白飛びや黒つぶれを抑えるため露出の異なる複数の画像を合成することでより肉眼で見た印象に近づける機能のこと。

ここではひと味違うHDR風のディティールを表現する方法所要時間3分でお伝えします。

HDR風に加工するチュートリアル

加工する画像をフォトショップで開く。

元画像

背景画像を複製して彩度を完全に落としレベル補正でコントラストを調整。

複製レベル補正

彩度を落としたレイヤーをさらに複製して階調を反転させぼかし(ガウス)をかける。

ぼかし

先に複製したレイヤーの不透明度を30%階調を反転させたレイヤーの不透明度を80%にし両方とも描画モードをオーバーレイにする。

オーバーレイ

3つすべてのレイヤーを結合させ彩度を少し落として色味を落ち着かせる。

彩度を落とす

あっとゆーまにひと味違うHDR風画像が完成しました!

HDRイメージプレビュー

関連記事:フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。

スリームデザインの無料メールマガジン

ピックアップ記事

  1. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  3. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. webデザイン

    ヘッダーデザインの配色がチグハグになってしまうなら色彩を統一しよう。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の3番目、ここでは③ …

  2. フォトショップ

    1クリックで完了っ!Photoshopで文字を「縦書き」する方法&英字・数字の応用編

    Photoshopで"すでに横書きで入力されている文字"を「縦書き」に…

  3. webデザイン

    photoshopでまるで本物の油絵タッチに仕上げるためのフィルター&塗り方講座。

    photoshopで油絵タッチに仕上げるために、まず ↓ のように風景…

  4. フォトショップ

    photoshopで肌をなめらかでキレイに仕上げるとっておきの方法。

    photoshopで肌をなめらかに仕上げたいと思った場合にはぼかしを使…

  5. webデザイン

    Photoshopで文字に影を付ける”3つの方法”を知っておくだけで表現の幅…

    Photoshopで文字に影を付けるには、レイヤースタイルのドロップシ…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  4. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
PAGE TOP