• aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. デザインの記事
  4. 【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)

【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)

  • 2016.04.22
  • デザイン
  • ワークショップ
Updated: 2018.01.07
ワークショップ「ベースメイク」&「ポイントメイク」ではPhotoshopを使ってモデル自身をより美しく見せることをテーマにレタッチを行いましたが、今回はポートレートをより雰囲気のある写真に変えるレタッチを行いたいと思います。   ※前回記事はこちら 【デザインワークショップ】vol.2 モデル写真のレタッチ(ベースメイク編) 【デザインワークショップ】vol.3 モデル写真のレタッチ(ポイントメイク編)   今回はこの写真を使いたいと思います。 【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編) もちろんこのままでも綺麗な写真ですが、さらに一手間加えていきます。  
STEP1.瞳にキャッチライトを入れる
  1. レイヤーを複製しわかりやすいように名前をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     2. ブラシツールでキャッチライトを入れていく   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     3. レイヤーの透明度を調整して自然に見えるようになじませる   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     4. 二つのレイヤーを統合しレイヤーをコピーする   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     5. 黒目の部分を焼き込みツールでメリハリをつける(最後にレイヤーの透明度で調整する)   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     6. 白目の部分を選択しレベル補正で明るくする(充血などで赤みが残る場合はカラーバランスなどで抑える)   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)    
STEP2.髪にツヤを出す
  1. レイヤーを複製しわかりやすいように名前をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     2. 髪の部分を選択し境界線を調整した上で切り抜きます   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     3. 切り抜いた髪の部分のレイヤーの描画モードをスクリーンにします   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     4. レイヤーマスクをかけてブラシで光沢部分を作っていく   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     5. さらに編集したレイヤーをコピーし名前をつけ描画モードをソフトライトに設定します   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     6. 色相・彩度で赤みを加えます   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     7. レイヤーの不透明度を調整しベースの写真となじませます   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)    
STEP3.ハイライトとシャドウを加えて立体感を出す
  1. レイヤーを複製しわかりやすいように名前をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     2. 光が当たる部分に対して覆い焼きツールでハイライトを入れる   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     3. ハイライトのレイヤーの透明度を調整しベース画像とレイヤーを統合する   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     4. レイヤーを複製しわかりやすいように名前をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     5. 影になる部分に対して焼き込みツールでシャドウを入れる   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     6. シャドウのレイヤーの透明度を調整する   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)    
STEP4.周辺減光を加えて雰囲気のある写真に仕上げる
  1. レイヤーを複製しわかりやすいように名前をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     2. CameraRawフィルターから周辺減光の効果をつける   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     3. 周辺減光のレイヤーの透明度を調整する   【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)     では、編集前の写真とレタッチを加えたものを比べてみましょう   【編集前】 【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)   【編集後】 【デザインワークショップ】vol.4 モデル写真のレタッチ(ポートレート編)   いかがでしょうか、ライティングされているかの様な、光が当たる部分と陰になるところのコントラストが強調され、伝わる印象が変わりますね。あくまでアクセントをつけることが目的なので、雰囲気が全く変わってしまうくらいの変化は避けたほうがよさそうです。   いつもの写真に一手間加えるだけで、これだけ印象を変えることができます。人物写真をメインイメージに使うデザインなどを制作する時に試してみたくなるテクニックですね。  
XでシェアLINEで送るはてブに追加

この記事を書いた人オガワ シンヤ

合同会社デザインサプライ代表兼CEO / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はダイエットコーラとチョコレートが欠かせないアラフォーWebクリエイター。

Sponsored Link

  • Showcase
  • Startify UI
  • Functional Gradation Generator
  • Coloooors

keyword search

categories

  • デザイン(30)
  • Photoshop(26)
  • ワークショップ(24)
  • コーディング(18)
  • Sketch(16)
  • Illustrator(12)
  • カラースキーム(10)
  • タイポグラフィ(8)
  • Adobe その他(8)
  • フォトグラフィ(7)
  • Lightroom(4)
  • WordPress(4)
  • ナレッジ(4)
  • サイト運営(3)
  • Figma(2)
  • AfterEffects(2)
  • InVision(1)
  • Premiere(1)

recent articles

  • Figmaで柔らかな印象のメッシュグラデーションを作成する
    read more

    Figmaで柔らかな印象のメッシュグラデーションを作成する

    2022.12.09/Figma
  • Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
    read more

    Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する

    2022.09.23/Photoshop
  • Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
    read more

    Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する

    2022.06.10/Photoshop
  • デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
    read more

    デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)

    2022.06.03/デザイン
  • 【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
    read more

    【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点

    2022.04.22/デザイン
  • 安さやチープな印象を強調させるデザインを考えてみる
    read more

    安さやチープな印象を強調させるデザインを考えてみる

    2022.04.01/デザイン
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト支援
  • クリエイティブ制作
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact