Photoshopでスクリーントーン風グラデーションを作成する方法

Photoshopでスクリーントーン風グラデーションを作成

このページではPhotoshopでスクリーントーンを使用したようなグラデーションを作成する方法を掲載しています。


イラストや漫画の景などで使用できるようなグラデーションPhotoshopで簡単にできます。

手順

上の図のようなスクリーントーンを使用したようなグラデーションを作成する方法は以下の通りです。

画面はPhotoshop CS4です。

Photoshopのメニューの「ファイル」→「新規」を選択し、以下のように設定します。

カラーモードを「グレースケール」にして下さい。

Photoshopでスクリーントーン風グラデーション(1)


ツールパレットから「グラデーションツール」を選択します。

Photoshopでスクリーントーン風グラデーション(2)


グラデーションが表示されている部分をクリックして「グラデーションエディタ」を開きます。

Photoshopでスクリーントーン風グラデーション(3)


グラデーションエディタ」で端が黒・白(ブラック100%・ブラック0%)のグラデーションを選択します。

Photoshopでスクリーントーン風グラデーション(4)


グラデーションの種類は「線形グラデーション」を選択します。

Photoshopでスクリーントーン風グラデーション(5)


グラデーションツールでグラデーションを描画します。

Photoshopでスクリーントーン風グラデーション(6)


メニューから「フィルタ」→「ピクセレート」→「カラーハーフトーン」を選択します。

Photoshopでスクリーントーン風グラデーション(7)


「カラーハーフトーン」の設定画面は以下のように設定し、「OK」をクリックします。

  • 最大半径:10pixel
  • ハーフトーンの角度:
    • チャンネル1:45
    • チャンネル2:100
    • チャンネル3:100
    • チャンネル4:100

Photoshopでスクリーントーン風グラデーション(8)


実行結果は以下のようになります。

Photoshopでスクリーントーン風グラデーション(9)


メニューから「イメージ」→「モード」→「RGBカラー」を選択します。

Photoshopでスクリーントーン風グラデーション(10)


レイヤーのパレットにある「塗りつぶしまたは調整レイヤーを新規作成」アイコンをクリックします。

Photoshopでスクリーントーン風グラデーション(11)


今回は「べた塗り」を選択します。

Photoshopでスクリーントーン風グラデーション(12)


ベタ塗りをする色を選択」の画面で色を選択します。

Photoshopでスクリーントーン風グラデーション(13)


べた塗り」のレイヤーを選択して、「レイヤーの描画モード」のドロップメニューをクリックします。

Photoshopでスクリーントーン風グラデーション(14)


「レイヤーの描画モード」は「スクリーン」を選択します。

Photoshopでスクリーントーン風グラデーション(15)


設定後はレイヤーパレットは以下の画面になります。

Photoshopでスクリーントーン風グラデーション(16)


グラデーションの作成の仕方によっては、白にした部分に微細なトーンが残ることがあります。

Photoshopでスクリーントーン風グラデーション(17)


不要な部分を選択して削除します。

Photoshopでスクリーントーン風グラデーション(18)


以上でPhotoshopによるスクリーントーン風グラデーションの完成です。

Photoshopでスクリーントーン風グラデーション(19)


補足

「塗りつぶしまたは調整レイヤーを新規作成」するところで「グラデーション」を選択することで以下のようなものも作成できます。

Photoshopでスクリーントーン風グラデーション(20)

Photoshopでスクリーントーン風グラデーション(21)

このページの内容が良かったと思った方はぜひ他の方にオススメして下さい!
お使いのサービスのアイコンをクリックすると簡単にこのページのリンクをシェアできます。