エッジのポスタリゼーション (フィルター)| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Sun, 07 Jul 2024 04:48:30 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png エッジのポスタリゼーション (フィルター)| psgips https://psgips.net 32 32 写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」 https://psgips.net/photoshop-tutorials/poster-edges Sat, 01 Jan 2022 23:00:00 +0000 https://psgips.net/?p=17940 【Photoshop講座】ポスタリゼーションとは、画像の階調数を減らす処理です。地形図の等高線のように、陰影や色の違いが段階的な層になるので、写真をイラスト調にする手法としてよく用いられます。このポスタリゼーションに輪郭 […]

The post 写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」 first appeared on psgips.]]> 【Photoshop講座】ポスタリゼーションとは、画像の階調数を減らす処理です。地形図の等高線のように、陰影や色の違いが段階的な層になるので、写真をイラスト調にする手法としてよく用いられます。このポスタリゼーションに輪郭線をプラスして、スッキリ＆おしゃれな処理にバージョンアップしましょう。
油絵のタッチを利用する！
写真をイラスト調にする心構えは、生っぽさを消すことです。ポスタリゼーションの境界は、ぎこちない形状になりがちです。そのため、階調の段差をぼかして滑らかにします。しかし、輪郭線にとってぼかしは天敵です。ヒゲの男性ではさらに厄介ですね。作例では、詳細な輪郭線を維持させる方法として [ 油彩 ] フィルターを利用します。
写真をイラスト調に！
エッジの効いたポスタリゼーション
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

ポスタリゼーション風イラストに加工

これから行う操作は、人物写真をポスタリゼーション風イラストに加工する方法です。ポピュラーな手法ですが、詳細なエッジを効かすことで、スッキリと洗練された印象にしましょう。
元画像
ポスタリゼーション風イラストに加工
元画像
ポスタリゼーション風イラストに加工
目次に戻る

人物を切り抜く

このレッスンは、写真をイラスト調にすることがテーマです。このため、人物の切り抜きについては省略しています。詳しくは、以下のページを参照してください。
基本がわかる！髪の毛の切り抜き
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1920 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ モード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 813 KB )
素材画像を開く
素材画像を開く
photo by theharpreetbatish
[ 選択範囲 ] メニューから、[ 被写体を選択 ] を選択して適用します。
[ クイック選択ツール ] で選択範囲を修正します。
人物の選択範囲を作成
人物の選択範囲を作成
[ 選択範囲 ] メニューから、[ 選択とマスク ] を選択します。[ 境界線調整ブラシツール ] で、境界線を調整します。
[選択とマスク]で境界線を調整
[ 選択とマスク ] で境界線を調整
[ 選択とマスク ] セクションの [ 出力先 ] に [ 新規ドキュメント (レイヤーマスクあり) ] を選択して、[ OK ] をクリックします。
[新規ドキュメント(レイヤーマスクあり)]を選択
[ 新規ドキュメント (レイヤーマスクあり) ] を選択
出力された新規ドキュメント (レイヤーマスクあり) を確認します。
出力された新規ドキュメントを確認
出力された新規ドキュメントを確認
切り抜かなくてもOK !
作例では、背景から人物を切り抜いていますが、そのままイラスト調にすることも可能です。被写体との境界が同系色であったり、不鮮明な場合を除けば、スッキリ＆おしゃれな、ポスタリゼーション風イラストに加工できます。
元画像
背景を含めた適用例
元画像
背景を含めた適用例
photo by Free-Photos
目次に戻る
レッスン動画を配信中！
【Photoshop講座】写真をイラスト調に！エッジの効いたポスタリゼーション
サムネールをクリックすると、
レッスン動画にリンクします。

背景色を設定

人物を切り抜くことができたら、背景に敷く [ 塗りつぶしレイヤー ] を作成しましょう。[ 塗りつぶしレイヤー ] には、仕上がりを想定したカラーを設定します。
【操作方法】
[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから、[ べた塗り ] を選択して、[ べた塗り 1 ] を作成します。
[べた塗り1]を作成
[ べた塗り 1 ] を作成
[ カラーピッカー ] ダイアログで、[ カラー : H : 40°/ S : 100 % / B : 80 % ] を設定して、[ OK ] をクリックします。
カラーピッカーの使い方
[カラーピッカー]を設定
[ カラーピッカー ] を設定
[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ、または、[ command ( Ctrl ) ] + [ [ ] キーを押して、[ べた塗り 1 ] を背面へ移動します。
[べた塗り1]を背面へ移動
[ べた塗り 1 ] を背面へ移動
人物の切り抜きの背景色が設定できました。
背景色を設定
背景色を設定
被写体との対比を考える
背景色は自由に設定できますが、被写体との組み合わせにより、後に適用する、輪郭線の効果が出にくい色があります。輪郭の検出は、色の違いと明るさの違いから行われます。
たとえば、白い服と白い背景では、輪郭線の効果が出にくくなります。同系色と組み合わせる場合は、被写体を明るく、背景を暗くして対比させましょう。
目次に戻る
続きは↓下の番号をクリック！
12345

The post 写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」 first appeared on psgips.]]> 写真をイラスト調に！カラフルなアメリカン・ポップアート風 https://psgips.net/photoshop-tutorials/american-pop-art-style Sun, 09 Dec 2018 23:00:00 +0000 https://psgips.net/?p=18964 【Photoshop講座】ポップアートとは、1960年代のアメリカで誕生した現代芸術です。「リキテンスタイン」や「ウォーホル」などが有名ですね。写真やコミックといった、商業ベースの素材を扱い、鮮やかな色で構成された、シル […]

The post 写真をイラスト調に！カラフルなアメリカン・ポップアート風 first appeared on psgips.]]> 【Photoshop講座】ポップアートとは、1960年代のアメリカで誕生した現代芸術です。「リキテンスタイン」や「ウォーホル」などが有名ですね。写真やコミックといった、商業ベースの素材を扱い、鮮やかな色で構成された、シルクスクリーン (孔版印刷) による技法が特徴です。あなたのプロフィール写真を、カラフルでアーティステックなアメリカン・ポップアート風にしましょう。
カラバリを無限に増やそう！
ポップアート風は、カラフルな配色も大きな特徴です。カラーバリエーションが簡単に増やせることができれば、配色が苦手な人でも、たくさん作った中から選べますよね。
スマートオブジェクトを活用すれば、カラーの設定が何度でもやり直せるので、お気に入りの配色がきっと見つかるハズです。各階調層に対して色が設定できる [ グラデーションマップ ] で、カラーバリエーションを無限に増やしましょう。
写真をイラスト調に！
カラフルなアメリカン・ポップアート風
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

写真をアメリカン・ポップアート風に加工

これから行う操作は、写真をアメリカン・ポップアート風に加工する方法です。フィルターや描画モード、グラデーションマップなど、複数の操作を経て完成させます。
使用する素材画像を、そのまま利用する方法です。このため、作例とは違うピクセルサイズでは、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。
元画像→写真をアメリカン・ポップアート風に加工
photo by modelpiece.com
目次に戻る

表面をフラットにする

写真の生っぽさを消すには、ノイズを軽減して、表面をフラットにしておきます。まず、元画像をスマートオブジェクトに変換しておきましょう。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、人物のプロフィールや小物の切り抜きなど、主体と背景がはっきり区別できて、かつ、明度が高い (白色) 写真が好ましいです。
素材画像をダウンロードしよう！ (455 KB)
素材画像を開く
素材画像を開く
photo by modelpiece.com
素材画像が開けたら、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。
[スマートオブジェクトに変換]を適用
スマートオブジェクトを確認
[ レイヤー ] パネルで、[ レイヤー 0 ] を [ 新規レイヤーを作成 ] にドラッグして、[ レイヤー 0 のコピー ] を作成します。
[レイヤー0のコピー]を作成
[ レイヤー 0 のコピー ] を作成
[ レイヤーの表示 / 非表示 ] をクリックして、複製した上層の [ レイヤー 0 のコピー ] を非表示にします。
[ レイヤー 0 ] を選択します。
[レイヤー0]を選択
[ レイヤー 0 ] を選択
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！

ぼかし(表面)を設定

[ ぼかし (表面) ] の適用は、ディテールを簡略化するためのベースづくりです。画像の輪郭を残しながら、その他の領域をぼかすことによって、ノイズを軽減することができます。
【操作方法】
[ フィルター ] メニューから、[ ぼかし ] – [ ぼかし (表面) ] を選択します。[ ぼかし (表面) ] ダイアログで、[ 半径 ] に [ 10 ] pixel、[ しきい値 ] に [ 15 ] レベルを入力して、[ OK ] をクリックします。
[ぼかし(表面)]を設定
[ ぼかし (表面) ] を設定
すると、大まかな輪郭を残した表面がブレンドされ、画像のノイズや細かいディテールがフラットになります。
画像の表面をフラットにする(部分)
ぼかしの適正値は？
設定値の [ 半径 ] は、表面を滑らかにするブレンドの距離で、数値が大きほどフラットになります。[ しきい値 ] は、境界線の太さに該当するもので、数値が大きいほど簡略になります。適正値は、対象の画像にもよりますが、ノイズの軽減に関しては、ピクセル単位のブレンドになるため、たとえば、[ 半径 : 1 pixel ] でも、効果が現れることもあります。
目次に戻る
続きは↓下の番号をクリック！
12345

The post 写真をイラスト調に！カラフルなアメリカン・ポップアート風 first appeared on psgips.]]> 写真をイラスト調に！ダークなパステル画風 https://psgips.net/photoshop-tutorials/pastel-effect-1-1 Mon, 25 May 2015 23:00:00 +0000 https://psgips.net/?p=20830 【Photoshop講座】パステルとは、顔料を棒状に固めた絵の具です。場所を選ばず、手軽に描くことができるため、デッサンやスケッチに用いられる場合が多いです。白色が効果的に使えるクラフト紙を背景にして、写真の人物を、ダー […]

The post 写真をイラスト調に！ダークなパステル画風 first appeared on psgips.]]> 【Photoshop講座】パステルとは、顔料を棒状に固めた絵の具です。場所を選ばず、手軽に描くことができるため、デッサンやスケッチに用いられる場合が多いです。白色が効果的に使えるクラフト紙を背景にして、写真の人物を、ダークな色調のパステル画風に仕上げましょう。
選択範囲の作成テクニック！
選択範囲を保存すると、白黒の画像で境界線が編集できる「アルファチャンネル」が作成されます。不要な部分があっても、アルファチャンネルで黒く塗りつぶせば、簡単に修正ができるワケです。しかし、元の選択範囲がマズイと、アルファチャンネルを修正するのも大変になります。
「王道」とも言える選択範囲の作成テクニックは、[ クイック選択ツール ] で大まかな選択範囲を作成し、[ 境界線を調整 ] で曖昧な境界線を自動検出して、その選択範囲をアルファチャンネルに出力 (選択範囲を保存) することです。
写真をイラスト調に！
ダークなパステル画風
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

ハイライトを起こす効果

これから行う操作は、写真をイラスト調に加工する方法です。パステル画の特徴は、粗くかすれたタッチですが、チョークやクレヨンと差別化するには、ハイライトを起こす効果で、それっぽくなるでしょう。そのためには、白色以外の用紙が必要です。
ダークなパステル画風
肌色に近い中間調のクラフト紙は、ザラッとした質感もあり、ダークな表現にはぴったりです。実際のクラフト紙に描くような感覚で、写真をダークなパステル風に加工しましょう。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】写真をイラスト調に！ダークなパステル画風風
サムネールをクリックすると、
レッスン動画にリンクします。

２つの選択範囲を作成する

ダークなパステル画風では、元画像から、２つの選択範囲を作成します。ひとつめは、人物を切り抜くシルエットです。そして、２つめは、ハイライトを起こす領域です。
【操作方法】
素材画像を開きます。素材画像は、[ 幅 : 800 pixel ]、[ 高さ : 800 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像を開く
素材画像を開く
Ronaldinho / photo by Alex Carvalho
画像の大きさに注意！
Photoshop のフィルター効果は、対象画像のピクセル数に大きく影響されるので、他の素材画像で応用する場合は、あらかじめ適切な大きさにリサイズしてください。
基本がわかる！画像解像度の設定
[ ツール ] パネルから、[ クイック選択ツール ] を選択します。
クイック選択ツールの使い方
[クイック選択ツール]を選択
[ クイック選択ツール ] を選択
オプションバーで、ブラシの [ 直径 ] に [ 50 px ]、[ 硬さ ] に [ 100% ] を入力します。
[ 自動調整 (エッジを強調) ] を有効にします。
[自動調整(エッジを強調)]を有効
[ 自動調整 (エッジを強調) ] を有効
適切なブラシサイズを設定
ブラシの [ 直径 ] は、対象オブジェクトの形状に合わせ、できるだけ大きなサイズを設定しましょう。
人物の領域をドラッグして、選択範囲を作成します。
人物の領域をドラッグして選択範囲を作成
人物の領域をドラッグして選択範囲を作成
選択範囲の修正方法
選択できなかった部分がある場合は、クリックで少しずつ選択範囲を広げましょう。
不要な部分が選択された場合は、[ option ( Alt ) ] キーを押しながらドラッグ、または、クリックして、少しずつ選択範囲を削除しましょう。
背景の空の大部分が選択されてしまった場合は、選択を解除してやり直してください。
目次に戻る

境界線を調整する設定

現在の選択範囲から、さらに詳細な選択範囲に編集できるのが [ 境界線を調整 ] オプションです。髪の毛などの曖昧な境界線を自動検出することができます。
【操作方法】
[ 選択範囲 ] メニューから、[ 境界線を調整 ] を選択します。[ 境界線を調整 ] ダイアログで、[ エッジの検出 ] セクションの [ スマート半径 ] を有効にします。バージョン CC 2018 以降 : [ 選択とマスク ] を選択
[ 半径 ] に [ 32 ] px を入力します。
[ 出力 ] セクションの [ 出力先 ] に [ 選択範囲 ] を選択して、[ OK ] をクリックします。
切り抜きを極める！境界線を調整する方法10選
[境界線を調整]を設定
[ 境界線を調整 ] を設定
人物の境界線に、調整された選択範囲が作成されました。
調整された選択範囲を確認
調整された選択範囲を確認
スマート半径とは？
[ スマート半径 ] を有効にしておくと、髪の毛のような曖昧な境界線が自動検出されます。[ 半径 ] の設定値は、元の選択範囲の境界線から、どこまでを検出するかの距離です。
[スマート半径]で自動検出
[ スマート半径 ] で自動検出
この設定値は、大きすぎても小さすぎても不自然になります。プレビューで確認しながら調整しましょう。
目次に戻る

選択範囲を保存

作成した選択範囲は、アルファチャンネルに保存することができます。ここでは、同じ選択範囲を複数回利用します。そのため、[ 選択範囲を保存 ] コマンドを使用する方法を取ります。
【操作方法】
[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。[ 選択範囲を保存 ] ダイアログで、[ OK ] をクリックします。
[選択範囲を保存]ダイアログ
[ 選択範囲を保存 ] ダイアログ
選択範囲を保存すると、[ チャンネル ] パネルに、[ アルファチャンネル 1 ] が作成され、選択範囲のマスクが保存されます。
基本がわかる！マスクの種類と作り方
[アルファチャンネル1]を確認
[ アルファチャンネル 1 ] を確認
選択範囲の保存場所は？
[ 選択範囲を保存 ] ダイアログでは、選択範囲を保存するドキュメント、チャンネル、名前が設定できます。初期設定では、現在のドキュメントに新規チャンネル [ アルファチャンネル 1 ] を作成します。
目次に戻る

アルファチャンネルを作成

２つめの選択範囲を、アルファチャンネルに作成しましょう。ハイライトを起こす領域は、[ 色域指定 ] の [ ハイライト ] から作成します。
【操作方法】
[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ ハイライト ] を選択して、[ OK ] をクリックします。
[選択:ハイライト]
[ 選択 : ハイライト ]
すると、ハイライトの選択範囲が作成されます。
ハイライトの選択範囲を確認
ハイライトの選択範囲を確認
[ チャンネル ] パネルで、[ 選択範囲をチャンネルとして保存 ] をクリックして、[ アルファチャンネル 2 ] を作成します。
[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。２つのアルファチャンネルが作成できました。
[選択範囲をチャンネルとして保存]をクリック
[ 選択範囲をチャンネルとして保存 ] をクリック
選択範囲を保存する
[ 選択範囲をチャンネルとして保存 ] は、[ 選択範囲 ] メニューから選択する [ 選択範囲を保存 ] と同じ働きをするものです。
アルファチャンネルやレイヤーマスクを作成する基本操作として、「現在の選択範囲を保存する」という概念を身につけましょう。
２つのアルファチャンネル
２つのアルファチャンネルは、人物を切り抜くシルエットと、ハイライトを起こす領域です。最終的な仕上がりに影響を与えるものです。
人物を切り抜くシルエット
ハイライトを起こす領域
人物を切り抜くシルエット
ハイライトを起こす領域
切り抜きの境界線やハイライト領域など、それぞれ最適な選択範囲が作成できるように、必要に応じて修正を加えておきましょう。
目次に戻る
続きは↓下の番号をクリック！
12345

The post 写真をイラスト調に！ダークなパステル画風 first appeared on psgips.]]>