例のように画像を色付けする方法は?


16

私はそのような効果が多くの場所で使用されているのを見てきましたが、Photoshop経由でそれを複製する方法を理解していません。

画像の彩度を下げて、単色のレイヤーの下に配置し、色の不透明度を下げてみました。また、いくつかのブレンドモードを試してみましたが、役に立ちませんでした。効果はほとんど同じではありません。

これらの画像に使用されている効果を誰か教えてもらえますか?

これはいくつかのウェブサイトのスクリーンショットです

回答:


24

これはほとんどの場合Gradient Mapです。簡単な方法は次のとおりです。

  1. ソース画像を開きます
  2. ツールボックスで前景色と背景色を設定します。背景色は前景色よりも明るくする必要があります
  3. 追加Gradient Map調整層(Layer> New Adjustment Layer> Gradient Map...又は黒/白の丸アイコンを使用して Layersパレット)

これにより、選択した2色のグラデーションの色だけで画像がレンダリングされ、背景色が画像の最も明るい部分に、前景が最も暗い色になります。

勾配マップの例

結果に満足できない場合は、Propertiesパレット(Window> Properties)を開くと、使用されているグラデーションが表示され、クリックして編集できるようになります。これは標準のグラデーションダイアログであるため、ストックグラデーションまたは以前に保存したものを選択することもできます。


私はこの効果を達成するこの方法が本当に好きです。多分もっと多くのステップがあるメソッドを使用したでしょう。これははるかに効率的です。
GoofyMonkey 14年

はい、このように。しかし、個人的には、2番目のグラデーションの色で遊ぶよりも速く、透明度ノブを使用して必要な結果を得ます。推測、それは当然の依存症です。
Vnovak 14年

12
  • 素敵な画像を選択してください

ここに画像の説明を入力してください

  • カラーブレンドオプションで画像を好きな色に色付けする

ここに画像の説明を入力してください

  • 透明度と通常のブレンドオプションを使用して、カラーレイヤー上でミュートします。

ここに画像の説明を入力してください

  • または、乗算ブレンドオプションを使用します。

ここに画像の説明を入力してください


男、それは多くの最初のステップです。どこから始めるか…どこから始めるか。:)
GoofyMonkey 14年

:))最初のステップでuser3134178が失われることを本当に望まなかった。
Vnovak14年

1
ジョークを殺してすみません。退場ステージ左
ビンセント14年

@Bakabaka:ああ…:(
GoofyMonkey 14年

1
@Bakabaka:番号付けを正しく行う方法を示すために編集を行いましたが、ここで十分な評判を得ていないことを忘れました(=>なし)。
デビッドモルダー14年

9

画像カラーレイヤーの前に置いて、乗算ブレンドモードを使用することをお勧めします。(技術的には、Multiplyではレイヤーの順序は重要ではありませんが、画像レイヤーを前に配置すると、カラーレベルを直接調整する代わりに、不透明度を調整できます。)

たとえば、NYCイメージを再作成しようとする私の簡単な試みです。私はPhotoshopを持っていないのでGIMPを使用していますが、手順はどちらのプログラムでも基本的に同じです:

  1. 適切な写真から始めます。この例では、ウィキメディアコモンズのAngMoKioによるマンハッタンの自由にライセンスされた(CC-By-SA 2.5)パノラマを使用しています。

    ステップ1:元のマンハッタンのパノラマ写真

  2. プロセスの最初のステップは、画像をグレースケールに変換することです。結果を最大限に制御するには、チャンネルミキサーを使用します。たとえば、ここでは主に赤のチャネルと青のビットを使用し、緑のチャネルはほとんど無視しました。

    ステップ2:チャンネルミキサーを使用してグレースケールに変換する

  3. 次に、単色レイヤーを作成し(RGB #01baff= HSV(196、100、100)を使用)、グレースケール画像レイヤーのに移動し、画像レイヤーのブレンドモードを乗算に設定します。結果は次のようになります。

    ステップ3:下に青一色のレイヤーを追加し、トップレイヤーのブレンドモードを乗算に設定します

  4. すでに素晴らしいDuotoneエフェクトがありますが、私たちが望むものとは対照的すぎる方法があります。これを修正するには、画像レイヤーの不透明度をたとえば25%に減らします。

    ステップ4:最上層の不透明度を下げる

  5. これはすでに私たちが望むものにかなり近いものです。さらに微調整するために、グレースケールイメージレイヤーのカラーカーブを調整し(ミッドトーンを引き上げてシャドウにコントラストを追加し、上部に素敵な滑らかなカーブを追加してハイライトを滑らかにします)、不透明度を20%に減らしました補正するために、不透明度が7%の追加の黒レイヤーを追加して、背景を少し暗くしました(現在は明るすぎます)。

    ステップ5a:カラーカーブの調整 ステップ5b:追加のレイヤー

    最終的な結果は次のとおりです。

    ステップ5:最終結果

    (最後のステップの微調整が実際に結果を改善したかどうかは議論の余地があります、コントラストと明るさをそのように調整できることを示すために、とにかくそれらを含めました。)


0
  1. [画像]> [調整]> [色相と彩度...]を使用して、[彩度]のスライダーを左端まで動かして画像の彩度を下げます。これにより、色が削除されます。

  2. レイヤーパネルで、レイヤーパネルの下部にある小さな「fx」アイコンをクリックし、「カラーオーバーレイ」を選択します。表示される[効果]ダイアログボックスで、カラーボックス(デフォルトでは通常赤)をクリックして、カラーピッカーを表示し、使用する色を選択します。

  3. 不透明度スライダーを50%まで下げるか、希望する効果が得られる設定にします。

  4. 彩度低下により画像が非常に灰色になる場合は、画像>調整>自動レベルを使用するか、レベルで手動で調整して、スライダーをヒストグラムの情報に合わせることができます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.