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

最終更新日時:2009年4月 1日 17:24

»概要

このページでは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)


»関連ページ

このエントリーは以下のページを参考にして作成されました。

*Guide to Halftone Pattern | 2Photoshop :: Photoshop Tutorials and Resources

↑このページのトップへ

↑このページのトップへ

エントリー情報

カテゴリー

↑このページのトップへ

loading... 読み込み中...
loading... 読み込み中...

↑このページのトップへ

このエントリーへ投稿コメント (2) 投稿コメント投稿コメントフォームへ飛ぶ

投稿コメント投稿コメント» No.10870 [ このコメントに返信する ]

A) Photoshop CS /グラデーションツールで景を塗りますと縞模様のムラになります。16bit変換やぼかしを実行しても美しくありません。良い方法を教えて下さい。


B)Photoshop CS/グラデーションツールや塗りつぶしで景を塗り、CMYK変換すると大きく彩度が落ち色も変化します。


書籍等で調べましても解決には至りませんでした。初歩的な質問ですが教えて下さい。

コメント投稿コメントをどうぞ

ご質問やご相談のお返事には多少時間を頂くことがあります。また、メールにて直接お答えする場合もございますので、ご質問やご相談の場合は可能な限りメールアドレスをご記入下さい。(メールアドレスは公開されません)


※メールアドレスは公開されません。


※URLまたは英数字のみのコメントの場合、投稿を受付できない場合があります。

↑このページのトップへ

ブログに書く by kwout

↑このページのトップへ

トラックバックURL:

↑このページのトップへ