好きなブランドのアバターや親友の新しいプロフィール写真など、ダブルトーン効果は様々な場所で使われています。この効果を作成するのにスタジオは必要ありません。必要なのは創造力だけです。グラフィックアーティストのErica Larson氏が、Adobe Photoshopを使って画像にカラーグラデーションを追加し、ダブルトーンのデザインを作成する手法を紹介します。

Adobe Studioチームのメンバー、アソシエイトクリエイティブディレクターのErica Larson氏は、アイデアが刺激されるデザイン作りに毎日取り組んでいます。そのデザインを見た人がさらに何かを作りたいと思うようなデザインを目指しています。

必要な情報

このサンプルファイルには、このチュートリアルの学習内容の練習に使用できるAdobe Stock画像が含まれています。このチュートリアル以外でサンプルファイルを使用する場合には、Adobe Stockのライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

画像を準備する

最初に、グラデーションマップ調整レイヤーを追加します(通常のグラデーションとは異なります)。これにより、元の画像を保持したまま、グレースケールの値にカラーをマッピングできます。

Adobe Photoshopでグラデーションマップ調整レイヤーをモデルの画像に追加する

カラースプラッシュを加える

プロパティパネルで様々なプリセットをクリックして、画像に現れる効果を確認します。ここでは、最初に「紫、オレンジ」グラデーションを選択します。

様々なグラデーションマップのプリセットの効果をプレビューする

影を選択する

グラデーションをクリックしてグラデーションエディターを開きます。このプリセットには、デフォルトで2つのカラー分岐点があります。それぞれのカラー分岐点をダブルクリックし、カラーピッカーで新しいカラーを選択します。

カラー分岐点をダブルクリックし、カラーピッカーを使ってグラデーションのカラーを設定する

スペクトルを拡大する

カラー分岐点とカラー中間点(中央のひし形)を動かすことで、画像のカラースペクトルの範囲を拡大することができます。ここでは、さらに2つのカラー分岐点を追加しています。これをおこなうには、グラデーションの下をクリックして、カラーピッカーで選択するだけです。

Before and after: Adjust the color midpoint for the gradient then add new color stops add-a-duotone-color-effect-step4-after

ダイナミックなオリジナルのダブルトーンを作成する

このドラマティックでカラフルな効果により、ハイコントラストの白黒の画像の印象が劇的に変わります。

ダブルトーン効果が適用された画像が、雑誌の画像に表示されている

注意:このチュートリアル付属のプロジェクトファイルは練習目的でのみご利用ください。

01/02/2020

デザイナー:Erica Larson

Adobe Stock提供元:Anastasia、wstockstudio

このページは役に立ちましたか。