彩度を下げる| psgips

写真をイラスト調に！鉛筆で描いたスケッチ風「線より面を捉えるデッサン」【2023】

古岡ひふみ — Tue, 28 Mar 2023 23:00:00 +0000

【Photoshop講座】一瞬で特殊な効果を適用できるフィルター。でも、思うような結果が出ないことも多いですよね。そんなときは、少しだけの準備と、別の効果をプラスしてみましょう。素材に応じた設定ができてこそ、魔法のような機能は活かされます。

線より面を捉える！

一般的なイラスト風の加工には、輪郭線が欠かせません。しかし、スケッチでは、表面の陰影を捉えることが、重要な目的であると言われています。そのため、白黒写真と非常によく似た技法を使用しています。鉛筆のタッチと、紙のテクスチャを使用して、スケッチのように見せます。そして、写真のように見える、リアルな外観を減らします。

写真をイラスト調に！

鉛筆で描いたスケッチ風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真を鉛筆スケッチ風に加工

これから行う操作は、写真の人物を、鉛筆で描いたスケッチ風に加工する方法です。素材画像の背景は、人物の肌色より明るい無背景のものが適しています。素材画像は、カラーでもモノクロでも同様の効果を出すことができますが、カラーの方が詳細なディテールが出やすいです。

目次に戻る

レッスンを始める前に

このレッスンでは、画像内のオブジェクトを、自動的に選択する機能を使用します。Photoshop を起動して、あらかじめ、設定を確認しておきましょう。

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] - [ 画像処理 ] を選択します。バージョン 2022 以降

[ 環境設定 ] ダイアログで、[「被写体を選択」処理 ] に [ クラウド (詳細な結果) ] を選択します。初期設定

[ OK ] をクリックします。

[ クラウド (詳細な結果) ] を選択

アルゴリズムが２種類ある！

[ 被写体を選択 ] は、機械学習テクノロジーによって、自動的に対象の画像を解析して、適切な選択範囲を作成する機能です。常にアップデートされた、クラウド上のアルゴリズムを使用することができます。

デバイス (高速)

デバイス上の処理は、クラウド処理よりも高速ですが、結果は、それほど詳細ではない場合があります。

クラウド (詳細な結果)

クラウド処理では、データがサーバーに保存されず、デバイスで処理するよりも、詳細な結果が得られます。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

人物を切り抜く

素材画像の人物に背景がある場合は、人物を切り抜いて、背景を白地 (用紙の色や明るさ) にする必要があります。ここでは、背景をレイヤーマスクによって、透明ピクセルに変換する操作から始めます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 512 KB )

素材画像を開く

photo by Rob Romig-Fox

効果に適した素材を選ぼう！

鉛筆スケッチ風に適した人物の素材は、白い壁などを背景に撮影したもの、または、オブジェクトを切り抜きしたものです。

フィルター効果の大半は、ピクセルを基準に考えられているので、適用する画像の大きさに影響します。大きい画像のままでは、細かくフラットなタッチになる場合があるので、ピクセル数を適度な大きさにスケールダウンしておきましょう。

ドキュメントサイズの目安

[ 解像度 ] の設定値は、適用結果に直接関係しません。スケールダウンする場合の [ ピクセル数 ] の目安は、ピクセル等倍で、パソコン画面に表示できる大きさです。作例では、1280 x 1280 pixel に設定しました。

基本がわかる！画像解像度の設定

目次に戻る

被写体を選択

背景を用紙の明るさにするため、人物を切り抜いて、新しいレイヤーを作成しましょう。選択範囲の作成には、機械学習テクノロジーによって自動的に解析する、[ 被写体を選択 ] を使用します。

【操作方法】

[ 選択範囲 ] メニューから、[ 被写体を選択 ] を選択します。

自動的に作成された、選択範囲を確認してください。処理時間を必要とする場合があります。

選択範囲を確認

[ レイヤー ] パネルで、[ マスクを追加 ] をクリックします。

[ 背景 ] がレイヤーに変換され、[ レイヤー 0 ] に、レイヤーマスクが作成されたことを確認してください。

基本がわかる！レイヤーマスクの使い方

[ マスクを追加 ] をクリック

人物を切り抜いて、新しいレイヤーを作成することができました。

人物を切り抜くことができた

透明ピクセルとは？

透明部分は、[ 環境設定 ] で設定された、グリッドが表示されます。レイヤーマスクで隠された部分は、見た目では透明ですが、元画像はそのまま、変わらずに残っています。レイヤーマスクを削除、または、効果を一時的に解除すれば、切り抜く前の状態に戻すことができます。

このような再編集を可能にするメリットが、レイヤーマスクにはあります。しかし、隠された部分が、そのまま保持されているので、データ容量が大きくなるデメリットも、持ち合わせています。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 写真をイラスト調に！鉛筆で描いたスケッチ風「線より面を捉えるデッサン」【2023】 first appeared on psgips.

RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】

古岡ひふみ — Thu, 14 Apr 2022 23:00:00 +0000

【Photoshop講座】アナグリフとは、特殊なメガネを通して、立体的に見える写真や映像の技法です。赤と青のフィルターによって、両眼の視差を応用するため、左右に色ズレを起こしているのが特徴です。RGB カラーモードのチャンネルを操作して、カラー写真をモノクロの、アナグリフ 3D 風に加工しましょう。

スクロールで穴埋め！

チャンネルをずらすと、左右に足りない部分ができます。これも効果だと言えますが、気になる場合は、「スクロール」で目立たなくしましょう。

左右のトーンが同じなら、「ラップアラウンド (巻き戻す)」で OK！スマートオブジェクトなら、色ズレの大きさも、後から調整できます。

RGBをずらす！

アナグリフ3D風の効果

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

アナグリフ3D風に加工する

これから行う操作は、アナグリフ 3D 風の効果をつける方法です。カラー写真をモノクロ化して、複製した３枚のスマートオブジェクトに、それぞれのチャンネルを描画します。RGB のズレは、数値入力で行う「スクロール」を使用します。

アナグリフ 3D 風の効果は、「レンズ収差」と言われる、光学的な色ズレを利用したものです。立体映像や立体写真などは、それぞれ、色ズレの仕組みが異なっています。あくまでも、擬似的な表現によるものです。

RGB カラーモードの画像は、レッド ( R )、グリーン ( G )、ブルー ( B ) のチャンネルによる「加色混合 (かしょくこんごう)」で作成されています。チャンネル画像の重なりが、多少でもずれると、簡単に色ズレを起こしてしまいます。その仕組みは、いたってシンプルです。

RGBの加色混合

ここでは、非破壊編集によって、色ズレを起こす工法を取ります。そのため、「レイヤー効果」による RGB チャンネルの操作を行います。次の動画 ( 13:49 ) で、およその手順を見ておきましょう。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

カラーをモノクロ化する

ここでご紹介する、アナグリフ 3D 風の効果は、モノクロ写真を対象としたものです。素材画像がカラー写真の場合は、あらかじめ、モノクロ化しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅：1920 pixel ]、[ 高さ：1280 pixel ]、[ 解像度：300 pixel/inch ]、[ カラーモード：RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 198 KB )

素材画像を開く

photo by Pexels

素材選びのコツ！

アナグリフ 3D 風の加工には、主体のシルエットが、ハッキリしているものを選びましょう。背景に風景や模様が入っていると、RGB のズレが強調できません。

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ 白黒 ] を選択します。[ 白黒 1 ] を作成します。

[ 白黒 1 ] を作成

[ プロパティ ] パネルで、以下の設定値を入力します。

[ 白黒 ] を設定

【設定値】

レッド系 : 30 %

イエロー系 : 89 %

グリーン系 : 59 %

シアン系 : 70 %

ブルー系 : 11 %

マゼンタ系 : 41 %

カラー写真をモノクロ化することができました。

カラーをモノクロ化する

輝度を優先させたモノクロ？

一般的なモノクロ化は、各チャンネルに、同じクレースケール値を振り分けます。そのため、異なる色でも、同じ明度を持つ色は、同じ濃度のグレースケール値が適用されます。

たとえば、黄色と青色の見た目の違いが、モノクロ化によって、現れにくい結果になります。輝度を優先させたモノクロ化は、色が持つ明るさに対して、人間の感じる量で調整します。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】 first appeared on psgips.

写真を加工する！ひび割れた土の肌を持つ女

古岡ひふみ — Sat, 03 Jun 2017 23:00:00 +0000

【Photoshop講座】画像を合成するとき、描画モードを設定すると、さまざまな結果が生成されます。異なる描画モードを片っ端から試してみるのもいいですが、描画モードの「中性色」を知っておくと、引き出しから取り出すスピードが速くなります。人物の肌にひび割れた土の画像を合成して、描画モードの特性を理解しましょう。

グレースケールで考える！

描画モードによる結果は、想像もつかないところが面白いですね。しかし、そのような「偶然の産物」を期待してばかりはいられません。

作例のようなひび割れた土の合成では、ひび割れの暗い部分がハッキリ出るように合成したいので、ここを最も暗いシャドウ点に調整します。

合成画像がカラーであってもグレースケールで考えて、詳細なディテールが白トビしないように階調を整えることがコツです。

描画モードの操作で合成する

描画モードは、画像の重なり条件を選択できる高度な機能です。背面 ( 基本色 ) のレイヤーに対して、前面 ( 合成色 ) のレイヤーの効果が反映されます。描画モードの [ オーバーレイ ] は、基本色のハイライト、シャドウを保ちながら、合成色を [ 乗算 ] する特性があるので、明るい部分をより明るく、暗い部分をより暗くできます。

２つの素材画像を開く

素材画像をダウンロードして開きます。女性の顔、ひび割れた土の素材画像は、[ 幅 : 1358 pixel ]、[ 高さ : 1920 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

女性の顔の素材画像をダウンロードしよう！ ( 750 KB )

ひび割れた土の素材画像をダウンロードしよう！ ( 1 MB )

女性の顔の素材画像を開く

ひび割れた土の素材画像を開く

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

グループを作成

女性の顔の素材画像を表示します。合成画像を複数の調整レイヤーで構成するので、それらをひとつにまとめる [ グループ ] をあらかじめ作成しておきます。

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックします。

[ 背景 ] の前面に [ グループ 1 ] が作成されたことを確認します。

[ グループ 1 ] を作成

通過と通常の違い！

グループの描画モードの初期設定は [ 通過 ] です。これはレイヤーの描画モードの初期設定である [ 通常 ] と同じ働きをするものです。しかし、グループ外にも影響を及ぼします。そのため、[ 通過 ] という差別化が行われています。

グループ内の描画モードや調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。 [ 通過 ] から [ 通常 ] に変更することで、すべての効果がグループ内で完結します。

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 写真を加工する！ひび割れた土の肌を持つ女 first appeared on psgips.

【色調補正】カラー写真をクールなモノクロにする方法【白黒】

古岡ひふみ — Sun, 21 May 2017 23:00:00 +0000

【Photoshop基本操作】カラー写真をモノクロにする場合、最も簡単な方法の [ 彩度を下げる ] を適用すると、印象的な赤い唇が薄くなってしまったり、肌の陰影が暗く、荒れてしまうことがあります。これは、単にカラー情報が破棄され、明度の情報だけで、グレースケールが構成されるためです。詳細な設定ができる [ 白黒 ] で、クールなモノクロに仕上げましょう。

輝度で色を感じさせる！

カラーでは識別できても、モノクロ化すると、識別しにくい色があります。それを印象的に操作しようとするのが、このレッスンのテーマです。

色相と彩度の違いを、「輝度」という概念でモノクロ化するには、さまざまな色系統で調整ができる [ 白黒 ] が便利です。補色関係にあるフィルターを適用してみると、モノクロにするしくみがわかりやすいですよ。

カラー写真を

クールなモノクロにする方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

赤い唇と白い肌を対比させる

これから行う操作は、カラー写真を印象的にモノクロ化する方法です。作例では、素材の色彩を排除して、情景や人物の表情を強調することを目的とします。そのため、女性の赤い唇と、白い肌を対比させることが主な内容となります。論理的な設定や直感的な操作を応用して、これからの作品づくりに役立てましょう。

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

調整レイヤーを作成する

カラー写真のモノクロ化を、さまざまな色系統で行うことができる、[ 白黒 ] 調整レイヤーを作成しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は [ 幅 : 2362 pixel ]、[ 高さ : 1576 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 960 KB )

素材画像を開く

photo by Nissor Abdourazakov

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ 白黒 ] を選択して、[ 白黒 1 ] を作成します。[ 属性 (プロパティ) ] パネルの [プリセット] に、[ 初期設定 ] が選択されていることを確認してください。

[ 白黒 1 ] を作成

[ 白黒 ] の [ 初期設定 ] は、[ 彩度を下げる ] に比べ、一般的な事例に基づき、色相の違いが出るよう改善されています。

[ 初期設定 ] の設定を確認

[ 白黒 ] の [ 初期設定 ] が適用されました。

彩度を下げるとの違い

モノクロ化する方法として、一般的に最も使用されているのは、[ イメージ ] – [ 色調補正 ] – [ 彩度を下げる ] を適用することだと思います。用途に応じて使い分けることが前提ですが、両者はアルゴリズム (計算方法) が異なります。彩度、明度が 100 % ( MAX 値) の異なる色相によって表した、カラーチップで比較してみましょう。

[ 彩度を下げる ] は、カラーモードを変更せず、各チャンネルに同じグレースケールを振り分けることで彩度を下げます。明度の情報で変換されるので、異なる色でも同じ明度を持つ色は、同じ濃度のモノクロになって見分けがつかなくなります。

輝度を優先させた場合の [ 白黒 ] の設定例

[ 白黒 ] は、６つの色系統で、すべてのグレースケール値に置き換えることができるので、たとえば、見た目の印象がいちばん近い、輝度を優先させた調整も行え、極端には、白いものも黒に置き換えられる、自由自在なモノクロ化が可能になります。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【色調補正】カラー写真をクールなモノクロにする方法【白黒】 first appeared on psgips.