【Photoshop】写真をデュオトーン（ダブルトーン）のカッコいい画像に加工する方法【フォトショ初心者】

この記事を読むのに必要な時間は約 14 分です。

Photoshop（フォトショップ）で普通の写真をデュオトーン（ダブルトーン）のカッコいい画像に加工する方法を徹底解説します。

フォトショ初心者の方でも再現できるよう、順を追って詳しく解説！
一気に写真の印象が変わりますよ。

では早速始めていきましょう！

この記事の目次

どんな加工ができるの？

上記のように普通の写真を二つのライトで照らされているような加工が今回のチュートリアル内容です。

全く違った印象の画像になりますよね。
Photoshopを使えば簡単に作る事ができます。

デュオトーンの作り方

それでは実際にPhotoshopを使ったデュオトーン（ダブルトーン）の作り方を解説します。
手順通りに進めていけばフォトショ初心者の方でも再現可能です。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

素材を準備

素材となる写真を準備し、フォトショップに読み込みます。
今回はコチラの素材を使用しました。

なお、素材にこだわりたい方は素材点数2億5000万点以上を誇るAdobeStockが最強です。

AdobeStockの詳細はコチラの記事で詳しく解説しています。

STEP.2

好みの色で塗りつぶす

レイヤーを1つ追加し、好きな色で [ 塗りつぶしツール(G) ] で塗りつぶします。
サンプルの色は [ #00ffda ] を使っています。

当然元の人物レイヤーは手前の塗りつぶしレイヤーによって見えなくなります。

STEP.3

ベクトルマスクを追加し、不要部分をマスクする

[ レイヤーパネル下部 ] → [ ベクトルマスクを追加 ]　
いわゆる「レイヤーマスク」を追加します。

[ ブラシツール ] → [ ソフト円ブラシ ] に変更。
ベクトルマスクレイヤーをアクティブに、右半分を黒く塗ります。

※ブラシツールの詳しい使い方はコチラ。

STEP.4

レイヤーの描画モードをカラーに

レイヤーの描画モードを [ カラー ] に変更します。

すると左図のような状態になります。

STEP.5

レイヤーをコピペして描画モードを変更

STEP.4で作成したレイヤーを [ Ctrl + J ] でコピーします。

コピー後に [ Ctrl + T ] で自由変形モードにします。
180度回転させましょう。
※[ Shit ] を押しながら回転させるとキッチリ180度回転が可。

すると全面がシアンっぽい色になりました。

レイヤーの描画モードを [ 減算 ] に変更します。

すると左図のような見た目になります。
補色（反対色）になりましたね。

※なお、サンプルはレイヤーの透明度を80%にしています。

STEP.6

レイヤーの描画モードをカラーに

STEP.5で作成したレイヤーのベクトルマスクを調整します。
黒色のソフト円ブラシで境界を塗り、少しマスク面積を増やすイメージで。

デュオトーン（ダブルトーン）のベースが完成しました。

STEP.7

レイヤーの描画モードをカラーに

STEP.6で終わってもいいのですが、少し調整を入れます。

[ レイヤーパネル下部 ] → [ 塗りつぶしまたは調整レイヤーを新規作成 ] → [ 特定色域の選択 ]
※調整レイヤーの基本操作はコチラで解説しています。

特定色域の選択のプロパティを設定します。

カラー：ブラック系
シアン：+2%
マゼンタ：+4%
イエロー：-10%
ブラック：-5%

調整している画像に合わせて調整項目を変更してください。

すると左図のようになります。

STEP.8

コントラスト比を高くする

[ レイヤーパネル下部 ] → [ 塗りつぶしまたは調整レイヤーを新規作成 ] → [ 明るさ・コントラスト ] を追加します。

明るさ：40
コントラスト：20

陰影が強い方がデュオトーンの特性が活かされます。

FINISH

完成

以上でデュオトーン（ダブルトーン）の完成です。

色を変えると簡単に雰囲気を変える事もできます。

Photoshopがあれば簡単にデュオトーン化できますよ。
フォトショ未導入の方はAdobe公式サイトから入手できます。

さらに高品質なデュオトーンが作れるPSD

先に紹介したデュオトーン（ダブルトーン）をさらに発展させた表現ができるPSDを紹介します。
全て商用利用可能！

ダウンロードして対象画像に適用するだけで再現できます。
高品質なグラフィックを数分で制作したい方にオススメです。

Photo Duotone Effect Mockup

デュオトーンで尚且つ背景にパターンレイヤーを追加できます。
デザイン性の高いグラフィックがあっという間に作れます。

ダウンロード

Soft Dual Light Overlay Effect

柔らかい表現のデュオトーンエフェクトです。
上品で繊細なイメージを作成されたい方にオススメです。

ダウンロード

Duo Tone Double Exposure Photo Effect

人物と背景の色を分けてダブルトーンにする事ができるエフェクトです。
PSD形式なのでダウンロードしたら簡単に編集できます。

ダウンロード

Pop Art Duotone Effect Mockup

ポップアート風のデュオトーンにできるエフェクトモックアップです。
デュオトーンにするだけでなく、スクリーントーンのようにドットによる陰影が付きます。

ダウンロード

Summer Duotone Overlay Effect Mockup Set

まるでサマータイムのような印象でデュオトーンにする事ができるエフェクトです。
エフェクトパターンが複数収録されているのでパターン違の作成も楽にできます。

ダウンロード

ワンランク上のテンプレート素材

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり！
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

デザイン制作の勉強としての導入にオススメの名刺デザイン。
想像だけで作るとイマイチな仕上がりになりがちですが、良質なサンプルを参考に作ると吸収できる情報の質が段違いです。
相手に舐められない名刺テンプレート50選

バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート34選

ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫！
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選

単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ

写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたい方に超オススメ！
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

クリエイティブ業務で使える優良素材まとめ

おわりに

以上、Photoshopを使ってデュオトーン（ダブルトーン）を作る方法についてでした。

特にカッコいい系の写真に適した加工です。
単にデュオトーンにするだけでなく、コントラストを強めると「より雰囲気」を出す事ができますよ。

ではまた！

InDesignは活用されていますか？

Photoshopだけでなく、InDesign（インデザイン）も活用されていますか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
InDesign用の商用利用可能なポートフォリオテンプレート77選はコチラ！

ゼロから始めるPhotoshop目次

フォトショ基本操作