Photoshopテクニック

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

2020年10月19日

今回は、カラー写真を白黒写真に仕上げる方法をご紹介します。

ただ色合いを白黒に修正するだけではありません。
まるで大正〜昭和初期に撮影されたようなクラシカルで重厚感のある加工を施すので、歴史的で重厚感のある雰囲気に仕上がります。

手順自体は複雑ではないので、Photoshop初心者の方もぜひ挑戦していただけたらと思います。

 

 

スポンサーリンク




手順① 画像に白黒補正をかける

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

今回はこちらの「東京駅」の画像を使います。

東京駅自体がクラシカルな雰囲気漂う建物なので、白黒加工を施すと映えそうですね。

 

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

まず最初に、カラー画像に白黒処理を施していきます。

「レイヤー」→「新規調整レイヤー」→「白黒」

 

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

レッド・イエロー・グリーン・シアン・ブルーと、それぞれの色合いの数値ごとに白黒の濃さを決めることができます。

例えば、青い部分の色を暗くしたい(黒くしたい)場合は、ブルー系のスライダーを左に動かして調整します。
この辺は口で説明するのは難しいので、実際に自分でスライダーを調整しながらお好みで設定を決めてください。m(_ _)m

ちなみに、デフォルト設定でも問題なく白黒加工が施されるので、よく分からない人は設定を変えなくても良いです。

 

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

カラー画像を白黒画像に変換し終わりました。

 

 

手順② 画像全体の色調を調整する(トーンカーブ)

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

続いて、画像全体の色調整を行なっていきます。

「レイヤー」→「新規調整レイヤー」→「トーンカーブ」

 

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

私は、画像のコントラストと明るさを意識して補正をしたかったので、トーンカーブを上の画像のようなグラフ値にしました。

 

 

手順③ グラデーションマスクを使って画像全体の色調を調整する(トーンカーブ)

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

さらに、もう一度トーンカーブを追加します。

「レイヤー」→「新規調整レイヤー」→「トーンカーブ」

 

こちらのトーンカーブには、効果のかかり方を調整します。

私は、画像の中心から外に向けて段々と色の濃さとコントラストが強く見えるようにしたかったので(画像の中心は色の濃さとコントラスト薄めで、外側に行くにつれて色が濃くコントラストが強くなっていくイメージ)、グラデーションマスクをかけることにしました。

 

グラデーションマスクのかけ方は、トーンカーブのレイヤーを選択した状態で、①「マスクを選択」し、②グラデーションツールで円形グラデーションを作成します。
中心(黒色)→外側(白色)にグラデーションをかけたいので、③マスクを「反転」します。

すると、画像の中心から外側に向けてグラデーションでマスクがかかるようになります。

 

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

トーンカーブの値は、上の画像の通りです。



スポンサーリンク

 

 

手順④ すべてのレイヤーを統合する

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

白黒加工+トーンカーブ1回目+トーンカーブ2回目の処理が終わったら、すべてのレイヤーを統合します。

「レイヤー」→「レイヤーを統合」(ショートカット:⌘E)

一度画像を統合してしまうと元画像の修正ができなくなるので、心配な方は統合前の画像を別名保存でバックアップを取っておくことをおすすめします。

 

 

手順⑤ 背景レイヤーをコピーする

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

統合したレイヤーは1枚の「背景」レイヤーになるので、そのレイヤーをコピーします。

レイヤーコピーのやり方

念のため、レイヤーコピーの方法をご紹介しておきます。

ノイズフィルターでクラシカルな雰囲気漂う画像加工をする

コピーしたい元のレイヤーをドラッグしながら、右下のある「+」アイコンまで持って行き、アイコン上でドラッグを離すと、レイヤーをコピーすることができます。

 

 

手順⑥ ノイズを加える

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

コピーしたレイヤーにノイズ効果を加えていきます。

「フィルタ」→「ノイズ」→「ノイズを加える」

量:55%
分布方法:均等に分布
グレースケールノイズにチェックを入れる

 

 

手順⑦ 描画モードを「焼き込み(リニア)」にする

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

ノイズを加えたレイヤーの描写モードを、「焼き込み(リニア)」に設定します。



スポンサーリンク

 

 

完 成!

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

完成しました!

ノイズを加えコントラストを強めることで、より古めかしい白黒写真に仕上がりました。

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

念のため、もう一度元画像を貼っておきます・・・。

 

Photoshopを使うことで、現代から一気に時代が遡ったかのようなテイストの画像に仕上がりました!

 

 

番外編

最後に・・・ニワトリの写真も同じような加工を施してみました。

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

《Before》

 

Photoshopで重厚感のある昭和初期の白黒写真のような画像を作る

《After》

一度手順を覚えてしまえば簡単にできるので、是非みなさんも挑戦してみてくださいね!

ただの白黒写真と比べたら、ひと味違った風合いに仕上がるので目を惹きますよ!

 



Illustrator・Photoshopを格安で購入する方法

デジハリ・オンラインスクールを受講すると、定価72,336円するAdobe CCが45%OFFで購入できます!


 Adobe CCの1年間ライセンス
Illustrator・PhotoshopなどAdobeソフト動画講習付き

以上の内容セットで、39,980円(税込)でお得に入手できます!


\Adobe CCが39,980円!/

デジハリ・オンライン公式

 
Adobe Creative Cloudの価格・プランは?一番安く購入する方法を徹底比較

こちらもCHECK

Adobe CCの価格プランと一番安く購入する方法を徹底比較【2020年12月更新】

Illustrator・PhotoshopをはじめとしたAdobe系ソフトは、デザイナーには必需品です。 高性能なんですが、その分Adobe製品のソフトは値段が高い!!   Illustra ...

続きを見る

スポンサーリンク



グラフィック・Webデザイナー向けの転職サイト8選はコレ!

グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!

記事本編はこちらから

   

学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイド

デザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。

記事本編はこちらから

   

長時間労働?人間関係?みんながデザイナーを辞めたくなる3つの理由

「デザイナー辞めたい!」一度は考えたことありませんか? そんなデザイナーの不平・不満を調査してみました。 デザイナーのみなさんならこの苦労を分かち合えるはずです!

記事本編はこちらから

   

Webデザインを安く勉強できるオンラインスクール厳選

Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。

記事本編はこちらから

-Photoshopテクニック

© 2020 デザイナーの道しるべ