psgips

基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」

古岡ひふみ — Mon, 18 Nov 2024 23:00:00 +0000

【Photoshop基本操作】グラデーションとは、明るさや色の滑らかな変化です。ドラッグした距離でグラデーションを描画する [ グラデーションツール ] は、単にグラデーションを敷きつめるだけの役割でなく、選択範囲やマスクの作成など、さまざまな場面で活用される万能ツールです。

非破壊編集を身につけよう！

作業中のファイルは、再編集可能な状態で保存することが重要視されています。ここでキーワードとなるのが「非破壊編集」です。ドキュメントに直接描画する [ グラデーションツール ] は、あまり出番がないかも知れません。

基本がわかる！
グラデーションの作り方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

グラデーションツールの概要

グラデーションとは、明るさや色の滑らかな変化です。その活用は、イメージを彩るだけではなく、色調補正や型抜きなど、輪郭を和らげるためにも使われています。[ グラデーションツール ] を使って、グラデーションを描画しましょう。

グラデーションを描画する

目次に戻る

グラデーションツールを選択

ドキュメントの任意の箇所に、グラデーションを作成したい場合は、[ グラデーションツール ] を選択します。

【操作方法】

[ 幅 : 512 pixel ]、[ 高さ : 512 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー 8 bit ] の新規ドキュメントを作成します。

基本がわかる！新規ドキュメントの作成

新規ドキュメントを作成

[ ツール ] パネルで、[ グラデーションツール ] を選択します。

[ グラデーションツール ] を選択

どんなサイズでもOK！

[ グラデーションツール ] の対象となるドキュメントは、Photoshop で開くことができる画像なら、どんなサイズでも対応することができます。ここでは、これから作成するグラデーションが確認できる程度の、小さいドキュメントを作成しています。

目次に戻る

２つのメニュー

グラデーションツールには、オプションバーで選択する２つのメニューがあります。

【操作方法】

オプションバーのメニューをクリックホールドします。

２つのメニュー

グラデーション

グラデーションを作成した後でも、カラーやウィジェットが調整レイヤーで再編集できます。初期設定・オプションバーの表示が異なります。

[ グラデーション ] のオプションバー

クラシックグラデーション

従来のレガシー機能で、グラデーションをレイヤーに直接描画します。オプションバーの表示が異なります。

[ クラシックグラデーション ] のオプションバー

[ グラデーション ]、または、[ クラシックグラデーション ] を選択します。ここでは [ クラシックグラデーション ] を選択します。

メニューの選択

初歩的なのは？

[ グラデーション ] を選択すると、新しい調整レイヤーを自動的に作成します。カラーやウィジェットが再編集できるためとても便利です。しかし、操作方法が難しくて、調整レイヤーの機能も理解しなければならないため、初級ユーザーの方には、少しハードルが高いかも知れません。グラデーションツールとは何か？とにかく初歩的な直接描画を学びたい方は、[ クラシックグラデーション ] を選択しましょう。

目次に戻る

レッスン動画を配信中！

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

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

オプションバーを設定

[ グラデーションツール ] を選択すると、上部にオプションバーが表示されます。オプションバーの各部の働きについて簡単にご紹介しましょう。

[ グラデーションツール ] のオプションバー

ツールプリセット

現在の設定をツールプリセットとして保存できます。

現在のグラデーションを表示

現在設定されているグラデーションのカラーバーがプレビューされます。初期設定 : 黒、白

クリックでグラデーションを編集

[ グラデーションエディター ] ダイアログを開き、新規グラデーションの作成や編集を行います。クラシックグラデーション選択時に表示

[ グラデーションエディター ] ダイアログ

クリックでグラデーションピッカーを開く

[ プリセット ] からグラデーションを選択します。

グラデーションの種類を選択

５つのサブツールから、グラデーションの形を選びます。初期設定 : 線形グラデーション

５つのサブツール

[ グラデーションツール ] のオプションバー

描画モードを選択

画像 (基本色) に対して、グラデーション (合成色) の効果を反映させる描画モードを設定します。クラシックグラデーション選択時に表示・初期設定 : 通常

[ グラデーションツール ] のオプションバー

不透明度を設定

描画するグラデーションの不透明度を設定します。クラシックグラデーション選択時に表示・初期設定 : 100%

逆方向

有効にすると、グラデーションの開始点と終了点に設定した色が入れ替わります。初期設定 : 無効

ディザ

有効にすると、グラデーションにノイズを追加して、縞状の階調を最小限に抑えるディザ処理が適用されます。初期設定 : 有効

ディザを無効 (概念図)

ディザを有効 (概念図)

[ グラデーションツール ] のオプションバー

透明部分

有効にすると、透明部分が設定されているグラデーションの透明部分を有効にします。クラシックグラデーション選択時に表示・初期設定 : 有効

方法

グラデーションの補間方法を選択します。開始点から終了点までの色の変化が異なります。初期設定 : 知覚的

設定はいつ行う？

[ グラデーションツール ] のオプションバーは、グラデーションを描く前に設定します。たとえば、描画した後で、サブツールを [ 線形グラデーション ] から、[ 円形グラデーション ] に変更しても反映されません。

補間方法とは？

隣合う色を混ぜる関数が定義されたもので、従来の方法は [ クラシック ]、人が感じる見え方に近い [ 知覚的 ]、直線的な関数を用いた [ リニア ] などがあります。

クラシック

知覚的

リニア

初期設定では [ 知覚的 ] が選択されています。従来の [ クラシック ] と比較すると、混色による輝度が知覚的に改善されているため、より自然で明るい印象があります。

目次に戻る

グラデーションを描画

オプションバーの設定ができたら、ドキュメントにグラデーションを作成しましょう。解説は [ クラシックグラデーション ] を選択しています。

【操作方法】

ドキュメント内で、グラデーションの「開始点」をクリックホールドします。

グラデーションの方向にドラッグし、「終了点」でマウスボタンを離します。ドラッグした線の方向にグラデーションが描画されました。

グラデーションを描画する

カラーバーの開始点と終了点

[ グラデーションツール ] は、ドラッグを始める「開始点」、ドラッグを終える「終了点」の２点間で、設定したカラーのさまざまなグラデーションが描けます。カラーバーは、左側が開始点、右側が終了点です。このことをよく覚えておきましょう。

開始点から終了点までがグラデーション範囲

目次に戻る

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

The post 基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」 first appeared on psgips.

【ロゴ】フォントでつくる！3D風の押し出し文字「連続複製で作成する遠近法」【2024】

古岡ひふみ — Wed, 04 Sep 2024 23:00:00 +0000

【Photoshop講座】3D 機能を使わない擬似的な押し出しです。「隠しコマンド」を活用すれば、移動と複製を繰り返すことができます。ベースのフォントからシェイプを作成し、飛び出す方向にグングン押し出しましょう。

遠近法もできる！

連続複製の裏技は、変形の操作も加えることができます。奥行きがある遠近法の押し出しでは、次に来るステップに、左右１ピクセルの拡大率を設定しましょう。これを一度知っちゃうと、病付きになるかも？

フォントでつくる！

3D風の押し出し文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストを3D風の押し出し文字に加工

これから行う操作は、入力したテキストを、3D 風の押し出し文字に加工する方法です。ベースのフォントからシェイプを作成し、移動と複製を繰り返す裏技を使って、飛び出す方向にグングン押し出します。

ベースのフォントを入力

3D風の押し出し文字

奥行きがある遠近法の押し出しでは、次に来るステップに、左右１ピクセルの拡大率を設定しましょう。使用するフォントは、任意で設定しますが、押し出しの効果が十分に発揮できる、太い書体を選んでください。

目次に戻る

フォントを設定する

リボンバナーの素材画像を開いて、任意のフォントを入力しましょう。このドキュメントには、あらかじめ、カラーや立体的な効果が設定されています。

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、あらかじめ作成された、シェイプレイヤーを確認してください。

シェイプレイヤーを確認

[ 新規レイヤーを作成 ] をクリックします。

レイヤーの最前面に、[ レイヤー 1 ] が作成されたことを確認してください。

[ 新規レイヤーを作成 ] をクリック

新規レイヤーを作成？

あらかじめ、新規レイヤーを作成しておくと、これから作成するテキストレイヤーの操作が、このレイヤーに反映されます。テキストオプションの設定がスムーズに行えるほか、シェイプレイヤー選択時の、パステキストへの変換を回避することにも役立ちます。

目次に戻る

レッスン動画を配信中！

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

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

テキストを入力

新規レイヤーが作成できたら、押し出し文字のベースにするテキストを入力します。まず、任意のフォントを設定しましょう。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを設定

[ フォントサイズを設定 ] に [ 300 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスを設定: 滑らかに

[ 整列 ] に [ テキストの中央揃え ] を選択します。

[ テキストカラーを設定 ] に [ ブラック ] を選択します。初期設定

整列: テキストの中央揃え

任意のフォントを設定

作例では、「 Marvin Regular 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックします。

ポイントテキストで文字を入力します。

[ enter ] キーを押して、文字の編集を確定します。

任意のテキストを入力

ポイントテキストとは？

ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。アンカーポイントの位置は、整列オプションによって、左揃え、中央揃え、右揃えに設定できます。入力した文字列をひとつのオブジェクトとして配置できるので、単語や数行の文章など、短い文字列を入力する場合に適しています。

目次に戻る

水平比率を設定

後の操作で文字を扇形に変形するため、あらかじめ、水平比率を小さくしておきます。[ 文字 ] パネルを表示して、カーニングなどの設定も見直しましょう。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルの切り替え ] をクリックします。

[ 文字パネルと段落パネルの切り替え ] をクリック

[ 文字 ] パネルで、[ 文字間のカーニングを設定 ] に、[ オプティカル ] を選択します。

[ 水平比率 ] に、[ 75% ] を入力します。

基本がわかる！文字の入力と編集

水平比率: 75%

[ enter ] キーを押して、文字の編集を確定します。

文字の編集を確定

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。そのため、ペアカーニング値を持たないフォントの「応急策」として、適正値が割り当てられます。メトリクスとの比較は、歴然としてあります。しかし、使用するフォントや文字列によっては、優れている場合も少なくありません。

目次に戻る

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

The post 【ロゴ】フォントでつくる！3D風の押し出し文字「連続複製で作成する遠近法」【2024】 first appeared on psgips.

写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】

古岡ひふみ — Sat, 24 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をマーカーペンで描いたようなタッチに加工する方法です。緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。このレッスンでは、Ver.25.11.0 を使用しています。

塗り残しを再現！

粗いタッチを作成した後、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

写真をイラスト調に！

マーカーペンで描く肖像画

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

マーカーペンのタッチに加工

これから行う操作は、人物の写真を、マーカーペンで描いたようなタッチに加工する方法です。

元画像

マーカーペンのタッチに加工

緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。

マーカーペンの多彩なタッチ

粗いタッチを作成したあと、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。

塗り残し領域を再現

[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

素材画像から人物を切り抜いて、背景に用紙の色を設定します。写真をイラスト調にする第一歩となる重要な作業です。レイヤー、レイヤーマスク、描画色の設定など、写真加工の基本操作を習得しましょう。

人物を切り抜く

背景色を設定

目次に戻る

人物を切り抜く

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

【操作方法】

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

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

素材画像を開く

photo by mostafa meraji

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

被写体を選択

選択方法を選ぶ！

[ 被写体を選択 (クラウド処理) ] は、デバイス上の処理よりも詳細な結果を取得できます。数ある選択方法の中にあって、最もパフォーマンスが高いコマンドです。被写体を選択のクラウド処理 : [ Photoshop (編集) ] - [ 環境設定 ] - [ 画像処理 ]

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

元画像のレイヤーに、レイヤーマスクが作成されていることを確認してください。

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

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

人物の背景が、透明ピクセルに変換されたことを確認してください。

透明ピクセルに変換

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

[ レイヤー 0 ] が、スマートオブジェクトに変換されたことを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

塗りつぶしレイヤーを設定

人物の背景に、用紙の色を敷きましょう。背景色を塗りつぶしレイヤーで作成しておくと、いつでも編集が可能です。レイヤーサムネールをダブルクリックすると、[ カラーピッカー ] ダイアログが表示されます。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックして、メニューから、[ べた塗り ] を選択します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に、[ H: 0° / S: 0 % / B: 95 % ] を設定します。

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

カラーピッカーの使い方

[ カラーピッカー ] を設定

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

[ レイヤー 0 ] を選択します。

[ レイヤー 0 ] を選択

人物の背景に、用紙の色が設定できました。

用紙の色が設定できた

用紙の色を反映する！

たとえば、古紙のような黄色を帯びた用紙を設定する場合は、[ レイヤー 0 ] の描画モードを [ 乗算 ] に設定してください。すると、画像のハイライト領域に、用紙の色が反映されます。

目次に戻る

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

The post 写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】 first appeared on psgips.

写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】

古岡ひふみ — Sun, 11 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をポスタライズする方法です。ポスタリゼーションは、明るさや色の違いを簡略化して、段階的な層に分けることができます。パラメーターだけの簡単操作！このレッスンでは、Ver.25.11.0 を使用しています。

中間調でコントロール！

ここで行うポスタリゼーションは、４つの階調しかありません。ノイズを含む画像では、階調数が少なくなるほど、不要な粒子が目立つようになります。これは、明るさがわずかに異なるだけでも、別の階層に属する可能性が高くなるためです。階層の領域を制御するのは、[ シャドウ・ハイライト ] の中間調です。最も暗い階層を決めて、中間調をコントロールしましょう。

写真をイラスト調に！

４色ポスタライズ

[ STEP-01 ]

背景を白色に設定する

[ STEP-02 ]

写真の生っぽさをなくす

[ STEP-03 ]

ポスタリゼーションを適用する

人物写真をポスタライズ

これから行う操作は、人物の写真をポスタライズする方法です。ポスタリゼーションを使用すると、明るさと色の違いを段階的な階層に分けて簡略化できます。

元画像

４色ポスタライズ

主要なディテールを残しながらノイズを軽減して、階層を滑らかにする方法をご紹介しましょう。

目次に戻る

レッスン動画を配信中！

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

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

背景を白色に設定する

ここでは、数少ない４つの階層に分けたポスタライズを想定しています。そのため、人物のハイライト領域と同じ階層に属する白色の背景を、塗りつぶしレイヤーを使用して設定します。

人物を切り抜く

背景を白色に設定

目次に戻る

人物を切り抜く

人物を切り抜くための選択範囲を作成します。[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。ただし、この機能を活用できる素材は、画像内に、他の被写体がない場合に限ります。複数の被写体がある場合は、あらかじめ、必要な部分だけをトリミングしておきましょう。

【操作方法】

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

素材画像を開く

photo by Pexels

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

被写体を選択

選択方法を選ぶ！

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

レイヤーマスクが追加されたことを確認します。

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

レイヤーマスクを確認

人物写真のマスク領域が、透明ピクセルに変換されたことを確認してください。

透明ピクセルを確認

透明ピクセルとは？

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

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

目次に戻る

塗りつぶしレイヤーを設定

背景を透明ピクセルに置き換えることができたら、ホワイトを敷いて、切り抜きの状態を確認しましょう。

【操作方法】

[ レイヤー ] パネルで、 [ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから、[ べた塗り ] を選択して、[ べた塗り 1 ] を作成します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に [ ホワイト ] を設定します。H: 0° / S: 0 % / B: 100 %

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

カラーピッカーの使い方

[ カラーピッカー ] を設定

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

背面へ移動

人物の背景が白色になったことを確認してください。

背景を白色に設定

すべてのレイヤーを選択します。すべてのレイヤーを選択: [ command ( Ctrl ) ] + クリック

すべてのレイヤーを選択

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

スマートオブジェクトに変換されたことを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

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

The post 写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】 first appeared on psgips.

AIで焦点範囲を自動設定！背景をぼかす方法「レンズぼかしの使い方」【2024】

古岡ひふみ — Fri, 19 Jul 2024 23:00:00 +0000

【Photoshop基本操作】「レンズぼかし」は、AI 被写体検出を使用して、焦点範囲を自動的に設定します。たとえば、ポートレートの背景をぼかすのに適しています。簡単な操作で、アーティスティックな、ぼかし効果を加えることができます。このレッスンでは、Ver.25.9.1 ( Camera Raw 16.4 ) を使用しています。

ぼかしを強調する機能！

カメラの写真撮影では、必ず被写界深度というものが存在します。レンズぼかしは、元画像の被写界深度から、ピントの合った範囲を段階的に分割して、ぼかし効果を強調する機能です。そのため、焦点距離が深い画像では、効果が得られにくい場合があります。

AIで焦点範囲を自動設定！

背景をぼかす方法

[METHOD-01]

[METHOD-02]

焦点範囲を自動に設定する

これから行う操作は、Camera Raw に搭載されている AI 機能「レンズぼかし」による、被写体の背景をぼかす方法です。選択範囲の作成や、レイヤーマスクは不要です。素材画像を開いて、ワンクリックで適用できます。

元画像

レンズぼかしを適用

元画像の被写界深度を、AI が自動的に検出して、最適なぼかし効果を瞬時に作成します。任意の箇所にピントを合わす調整も行えます。ここでは、自動的に設定する方法と、手動で設定する方法をご紹介しましょう。

レッスン動画を配信中！

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

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

目次に戻る

素材画像を開く

対象となる素材画像を開いて、スマートオブジェクトに変換しましょう。レンズぼかしは、再編集が行えるスマートフィルターに対応しています。

【操作方法】

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

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

素材画像を開く

photo by Tung Lam

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

レンズぼかしを適用

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。Lightroom でも、同様に行えます。

【操作方法】

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

[ Camera Raw ] 操作パネルを表示

[ 補正前と補正後の表示を切り替え ] をクリックして、[ 補正前と補正後を左右に表示 ] を選択します。任意に設定

[ 補正前と補正後を左右に表示 ] を選択

プレビューを 100% 以上にズームインします。ズームイン: [ command ( Ctrl ) ] + [ + ]

ズームレベル: 100%

[ レンズぼかし ] を展開します。

[ レンズぼかし ] パネルで、[ 適用 ] を有効にすると、[ レンズぼかし ] による被写体検出が始まります。

[ 適用 ] を有効

インジケーター

AI 被写体検出による処理が行われている状態

ぼかし量

ぼかし効果の強度を調整初期設定: 50

ボケ

背景ぼかしの焦点が合っていない光源の形状初期設定: 円

ボケの種類

ボケの強調

焦点が合っていない光源の明るさを調整初期設定: 50

焦点範囲

焦点が合っている深度範囲の値を調整 [ 被写体へのフォーカス ] で自動設定

奥行きを可視化

焦点が合っている深度値の範囲をカラーで確認深度マップを表示

[ 奥行きを可視化 ] を有効

焦点範囲を調整

被写体へのフォーカス

AI 被写体検出を使用して焦点範囲を自動的に設定初期設定

[ 被写体へのフォーカス ] を選択

ポイント / 領域へのフォーカス

写真をクリックまたはドラッグして焦点範囲を手動で設定

ポイントフォーカスを設定

初期設定に戻す

[ レンズぼかし ] を適用すると、[ 被写体へのフォーカス ] が選択されています。焦点範囲を手動で調整した後に選択すると、AI 被写体検出による初期設定に戻ります。

目次に戻る

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

The post AIで焦点範囲を自動設定！背景をぼかす方法「レンズぼかしの使い方」【2024】 first appeared on psgips.

基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】

古岡ひふみ — Mon, 24 Jun 2024 23:00:00 +0000

【Photoshop基本操作】レイヤーマスクは不要な部分を隠す機能です。たとえば、オブジェクトを背景から切り抜くために使用されます。マスクを使用すると、自然で滑らかな境界線を作成できます。マスクの種類と、用途別の作り方をご紹介しましょう。

ピクセルとベクトル！

境界線をぼかしたり、曖昧にしたい場合は、ピクセル画像が適しています。正確な形状をトレースしたい場合は、ベクトル画像が適しています。ピクセルマスクとベクトルマスクは、このような境界線の違いによって使い分けます。

基本がわかる！

マスクの種類と作り方

[ METHOD-01 ]

[ METHOD-02 ]

[ METHOD-03 ]

[ METHOD-04 ]

レイヤーマスクとは？

レイヤーマスクは、不要な部分を隠す機能です。たとえば、オブジェクトを背景から切り抜くために使用されます。マスクを使用すると、自然で滑らかな境界線を作成できます。その仕組みは、画像の一部が型紙を通り抜けて、背面に投影されるようなイメージです。

マスクの種類には、レイヤーマスクの他に、一時的に使用できる「クイックマスク」、パスで作成する「ベクトルマスク」、レイヤー合成で行う「クリッピングマスク」があります。基本的な仕組みはどれも同じです。用途に応じて４つの機能を使い分けましょう。

レッスン動画を配信中！

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

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

レイヤーマスクの基本操作

レイヤーマスクを使用した、最もシンプルなレイヤー構造は、レイヤー (前面) + レイヤーマスク + 背景 (背面) です。レイヤーマスクには、前面のレイヤーが必要です。つまり、その背面にある画像と、合成する関係にあると考えてください。

オブジェクトを切り抜く場合、不要な部分を「マスク領域」といいます。ピクセルマスクは、マスク領域を白黒で塗り分け、その明度の違いによって、各ピクセルの不透明度に換算します。

たとえば、明度 0% の黒は、不透明度が 0% です。明度 100% の白は、不透明度が 100% です。ピクセルマスクの黒い領域は透明になり、白い領域はそのまま残ります。

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

目次に戻る

【操作方法】

レイヤーマスクの基本的な操作方法です。

選択範囲を作成

マスク領域の作成方法で、最も多く行われているのは、選択範囲からレイヤーマスクを作成することです。

元画像

オブジェクトを切り抜く

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

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

素材画像を開く

[ ツール ] パネルで、[ オブジェクト選択ツール ] を選択します。

[ オブジェクト選択ツール ] を選択

マグカップにマウスカーソルを置くと、オブジェクトエリアが表示されます。エリア内をクリックします。

すると、マグカップの選択範囲が自動的に作成されます。

オブジェクトエリアをクリック

選択範囲を確認

目次に戻る

マスクを追加

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

レイヤーに追加された、レイヤーマスクサムネールを確認してください。

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

選択範囲からレイヤーマスクを追加すると、マスクされた領域が透明なピクセルに置き換えられます。

透明部分を確認

目次に戻る

背景画像を合成

ここでは、マグカップの背景を、カラーで塗りつぶしましょう。

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックします。メニューから、[ べた塗り ] を選択します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H: 180°/ S: 25 % / B: 80 % ] を設定します。

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

カラーピッカーの使い方

[ カラーピッカー ] を設定

[ べた塗り 1 ] を背面へ移動します。背面へ: [ command ( Ctrl ) ] + [ [ ]

背面へ移動

背面に画像がある場合は、透明部分にその画像が表示され、前面のマスク画像（切り抜き画像）と合成されます。

背面画像と合成

目次に戻る

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

The post 基本がわかる！マスクの種類と作り方「用途に応じて使い分ける４つの機能」【2024】 first appeared on psgips.

これで解決！ディスプレイ表示を同じ大きさにする方法「プリントサイズとスクリーン解像度」【2024】

古岡ひふみ — Wed, 12 Jun 2024 23:00:00 +0000

【Photoshop基本操作】名刺やハガキなどの印刷物を作成するとき、パソコンのディスプレイ (モニタ) に、実物の大きさを表示して確認したいですよね？ Photoshop の［スクリーン解像度］を調整して、ディスプレイ表示を「実物大」や「原寸大」といった、同じ大きさにすることを目指しましょう。これで解決！

画面サイズと解像度を知ろう！

画面サイズとは、現在、使用しているディスプレイの仕様です。デスクトップパソコンでは、21 インチや 27 インチが多いですね。[ スクリーン解像度 ] の適正値を求めるには、この画面サイズと解像度が必要です。

プリントサイズで実物大を表示

[ 表示 ] メニューから、[ プリントサイズ ] を選択すると、ドキュメントの実物の大きさを表示することができます。作例のドキュメントは、幅が 148 mm、高さが 100 mm のはがきサイズです。しかし、画面を実際の定規で計測してみると、高さが 70 mm しかありません。一般的なディスプレイに表示される大きさは、実物より 80% から 70% くらい小さいハズです。高画素密度ディスプレイの場合は異なります。

ドキュメントの大きさが実物より小さい

これは、Photoshop の初期設定が「 72 ppi 」を対象としているのに対して、ディスプレイの画面解像度が、96 〜 218 ppi と高解像度化しているためです。たとえば、作業に使用しているディスプレイが 27 インチで、解像度が「 3008 x 1692 」なら、画素密度は論理上「 128 ppi 」です。つまり、この数値を基準に Photoshop を調整すれば、実物大に近い大きさで表示できるというワケです。

ディスプレイの画素密度に合わせると実物大に近づく

画面解像度とは？

パソコンのディスプレイは、「撮像素子」と呼ばれる小さな電子部品で構成されています。色情報を持つ最少単位のことを「画素」といい、単位は「ドット ( dot ) 」で表します。

画面解像度とは、ディスプレイを構成する「画素」を、１辺１インチあたりにいくつ含ませるかを示す単位「 dot/inch ( dpi ) 」で表します。数値が大きくなるほど、密度は細かくなり、小さくなるほど、密度は粗くなります。この概念は、画像解像度を示す単位「 pixel/inch ( ppi ) 」と同じです。そのため、これらを統一して「 ppi ( pixel per inch ) 」が多く用いられています。

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] – [ 単位・定規 ] を選択します。

[ 環境設定 ] ダイアログで、[ 新規ファイル解像度のプリセット ] セクションの [ スクリーン解像度 ] に、初期設定の [ 72 ] pixel/inch が設定されていることを確認してください。初期設定

[ スクリーン解像度 ] を確認

[ スクリーン解像度 ] に適正値を入力します。適正値は下記の「代表的な画面サイズと解像度による画素密度」を参照してください。

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

[ スクリーン解像度 ] に適正値を入力

プリントサイズで表示

[ スクリーン解像度 ] に適正値が設定できたら、任意のドキュメントを開いて、実物の大きさを表示してみましょう。

物理的なサイズを設定したドキュメントを開きます。作例では、148 mm x 100 mm、350 pixel/inch、CMYK カラーを設定しています。

ドキュメントを開く

[ 表示 ] メニューから、[ プリントサイズ ] を選択します。

[ プリントサイズ ] を選択

ドキュメントが、実物の大きさで表示されたことを確認してください。

実物の大きさで表示されたことを確認

実際の定規で計測してみよう！

対象のドキュメントを [ プリントサイズ ] で表示できたら、実際の定規をディスプレイに当てて、大きさを測定してみましょう。

作例では、画面サイズが 27 インチ、解像度が「 3008 x 1692 」の 4K ディスプレイを使用しているので、その画素密度の適正値、[ 128 ] pixel/inch を [ スクリーン解像度 ] に設定してみると、ほぼ実物大の表示にすることができました。

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

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

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

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

代表的な画面サイズと解像度による画素密度

現在、使用しているディスプレイの適正値は、以下の算式によって出すことができます。

画素密度 =√ (画面の幅^2 + 画面の高さ^2) ÷ 画面の大きさ

画素密度の単位 : ppi / 画面の幅、高さの単位 : pixel / 画面の大きさの単位 : inch

算式による適正値は、論理上からなるものです。このため、実際には少量の誤差があると思います。Photoshop の [ スクリーン解像度 ] に、算式で求めた「画素密度」を入力して調整してください。

以下の画面サイズに該当しない場合は、ディスプレイの画面サイズと解像度から [ スクリーン解像度 ] を計算できる Web サイトがあります。「画素密度計算」で検索して試してみてください。

12インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
12	1440 x 800	137
12	1440 x 900	142
12	2304 x 1440	226
12.1	1024 x 768	106
12.1	1280 x 800	125
12.5	1366 x 768	125

13インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
13.1	1600 x 900	140
13.1	1920 x 1080	168
13.3	1280 x 800	113
13.3	1440 x 900	128
13.3	1920 x 1080	166
13.3	2560 x 1600	227

15インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
15	1024 x 768	85
15	1200 x 1024	105
15	1366 x 768	104
15.4	1280 x 800	98
15.6	1366 x 768	100
15.6	1920 x 1080	141

17インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
17	1280 x 1024	96
17.3	1920 x 1080	127

19インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
19	1280 x 1024	86

20インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
20	1600 x 900	92
20	1680 x 1050	99
21.5	1920 x 1080	102
21.5	4096 x 2304	219

24インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
24	1920 x 1080	92
24	3840 x 2160	184
24	4480 x 2520	214

27インチ

画面サイズ (inch)	解像度 (pixel)	画素密度 (ppi)
27	1920 x 1080	82
27	2560 x 1440	109
27	3008 x 1692	128
27	3840 x 2160	163
27	5120 x 2880	218

Web限定の環境下ではNG？

[ プリントサイズ ] は、印刷物の実物大を表示するためのものです。そのため、Web 限定の環境下では、設定しても意味がありません。

初期設定のままでもいいし、[ スクリーン解像度 ] に適正値を入力、または、間違った数値を入力してしまっても、[ 画面サイズに合わせる ] やピクセル等倍表示には影響しません。できれば、使用しているディスプレイに合わせた適正値を設定してください。

[ Rosetta を使用して開く ] を有効にする

ピクセル等倍表示に影響するのは、Retina 4K などの高画素密度ディスプレイを使用している場合です。たとえば、Web ブラウザで表示されるサイズが、Photoshop のウィンドウでは、約半分の大きさになります。これでは困りますね。

どうしても、ピクセル等倍表示でなきゃダメという方は、Photoshop アプリケーションのアイコンを選択して、[ ファイル ] – [ 情報を見る ] を選択します。[ Rosetta を使用して開く (低解像度で開く) ] を有効にしてください。高画素密度ディスプレイでピクセル等倍表示が可能となります。

レッスン動画を配信中！

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

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

The post これで解決！ディスプレイ表示を同じ大きさにする方法「プリントサイズとスクリーン解像度」【2024】 first appeared on psgips.

基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】

古岡ひふみ — Tue, 11 Jun 2024 23:00:00 +0000

【Photoshop基本操作】画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。画像が詳細になるほど、必要なピクセル数も多くなります。

物理的な大きさがない！

画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

基本がわかる！

画像解像度の設定

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

ピクセルの大きさ

画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。

解像度には「画像解像度」と「画面解像度」がある

画像解像度について、最初に知っておくべきことは、「ピクセル ( pixel )」です。画像をズームインしたときに現れる、ギザギザの “アレ” です。

画像をズームインすると確認できるピクセル ( pixel )

ピクセルとは、画像を構成する最小単位です。それらは、すべて均一なサイズで、規則的なパターンによって配置されています。ひとつのピクセルは、非常に小さいですが、さまざまな色の情報を含んでいます。

ピクセルは画像を構成する最小単位

パソコン画面の一辺１インチあたりに、ピクセルがいくつ並んでいるのかを表すのが「画像解像度」です。単位は「 pixel/inch (ピクセル・パー・インチ) 」です。

画像解像度は一辺１インチあたり密度を表す

画像が詳細になるほど、必要なピクセル数も多くなります。ひとつの画像に、どれくらいのピクセルが含まれているか？これを測る基準とするのが「画像解像度」です。

目次に戻る

レッスン動画を配信中！

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

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

１pixelは何センチ？

概念図で、画像解像度の違いを比較してみましょう。画像解像度が 72 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 72 個並んでいます。

画像解像度が 96 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 96 個並んでいます。96 pixel/inch は、72 pixel/inch に比べて、ピクセルの密度が細かくなります。

72 pixel/inch

96 pixel/inch

このように、画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。

物理的な大きさがない！

ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

目次に戻る

ピクセルと画素の違い

「ピクセル」と「画素」は同意語ですが、ここでは解説の便宜上、あえて差別化します。似て非なるピクセルと画素の違いは、物理的な大きさがないデータと、物理的な大きさがあるデバイスの違いです。

物理的な大きさの有無で分けられる

デバイスとは、「電子部品」のことです。画素と関係するのは、パソコンのディスプレイです。ディスプレイは、人とパソコンの仲介者です。

まるで空気のような、当たり前の存在になっているディスプレイですが、その特性を知ることは、すべての理解につながります。

ピクセル情報をデバイスで表すと画素になる

画像解像度のピクセル

画像データを構成するピクセルには、物理的な大きさがありません。ビットマップ画像を、パソコン画面でズームイン (拡大表示) してみると、グリッド状のピクセルが確認できます。ピクセルがいくつ含まれているか？画像そのもの密度を表すのが画像解像度です。

ピクセルと画素の拡大表示

画面解像度の画素

パソコンのディスプレイを構成する画素には、物理的な大きさがあります。画素がいくつ含まれているか？デバイスの機能性を表すのが画面解像度です。

画面解像度は、使用している機器や設定により、統一されていません。一般的なデフォルト値は、72 dpi、または、96 dpi です。しかし、これらは伝統的な「画素密度」の数値であり、高精細化により、画面に表示される「総画素数」で表されることの方が多くなりました。

ppiとdpiの違い！

ピクセル（ pixel ）と画素（ dots ）のちがいは、単位についても使い分けられています。

画像解像度の単位には、pixel per inch (ピクセル・パー・インチ) を略した「 ppi 」が用いられます。

画面解像度の単位には、dots per inch (ドット・パー・インチ) を略した「 dpi 」が用いられます。

データの「 ppi 」とデバイスの「 dpi 」

たとえば、デジタル写真の入力解像度は「 ppi 」が用いられ、プリンターの出力解像度は「 dpi 」が用いられます。パソコン内に入るデータには、物理的な大きさがないのでピクセル。パソコン外に出るデバイスには、物理的な大きさがあるのでドット。…というワケです。

Photoshop では、pixel per inch を「 pixel/inch 」として表記されています。英語版では、pixel に複数形の S が付いた「 pixels/inch 」と表記されています。表記方法は、いまひとつ、定まっていないようですね。一般的には、略した「 ppi 」が多く使われています。

目次に戻る

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

The post 基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】 first appeared on psgips.

基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】

古岡ひふみ — Thu, 18 Jan 2024 23:00:00 +0000

【Photoshop基本操作】ドキュメントの保存とは、新しく作成したドキュメント (ファイル) や、編集を加えた画像をファイルに保存することをいいます。[ 保存 ]、または、[ 別名で保存 ] では、ファイルの保存場所、フォーマット (ファイル形式)、カラープロファイルの埋め込みなどが設定できます。

ファイル形式を学ぼう！

ファイル形式には、さまざまな種類があります。しかし、すべてを知る必要はありません。まず、一般的によく使われているファイル形式と、そのメリットやデメリット、主な用途について学びましょう。

基本がわかる！ドキュメントの保存

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

作業を始める前に

Photoshop のドキュメントは、Photoshop 形式 (PSD) と言う、専用のファイル形式が用いられます。ファイル形式の識別は、ドキュメントの名前の末尾に付く、「拡張子」で行われます。

拡張子とは、別のアプリケーションや、違うパソコンでも共通して、使えるようにするものです。

Photoshop のファイル形式

Photoshop 形式とは？

Photoshop は、PNG 形式、JPEG 形式、GIF 形式など、画像に関するファイル形式に対応しています。しかし、別のファイル形式で保存すると、レイヤーなどの作業内容が失われてしまいます。

対応できるファイル形式

作業内容が失われる！

そのため、Photoshop では、[ コピーを保存 ] という操作に移行して、元のドキュメント (PSD) を残す工夫がされています。

同じファイル名による、上書き防止にもつながる２段階操作ですが、ドキュメントの保存を、複雑にしている側面もあります。ここでは、PSD 未対応のファイル形式に対して、Photoshop ドキュメントからの、書き出しを推奨しています。

レッスン動画を配信中！

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

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

ストレージデバイスを選択

ドキュメントの保存は、現在の環境設定によって、表示方法が異なります。Creative Cloud に保存する方法と、コンピューター上に保存する方法があります。環境設定は、Photoshop の操作や、ダイアログの表示などに影響するため、この設定は、大変重要です。まず、[ 環境設定 ] – [ ファイル管理 ] を確認しましょう。

ストレージデバイスを選択

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] – [ ファイル管理 ] を選択します。[ 環境設定 ] ダイアログで、[ ファイルの保存オプション ] セクションの、[ 初期設定のファイルの場所 ] を確認してください。

[ 初期設定のファイルの場所 ] を確認

メニューには、[ Creative Cloud ] と、[ コンピューター上 ] があります。

メニューを展開

ここでは、[ 初期設定のファイルの場所 ] に、[ コンピューター上 ] を選択します。

[ 初期設定のファイルの場所 : コンピューター上 ]

初期設定のファイルの場所

[ Creative Cloud ] を選択すると、ドキュメントをクラウド上に保存する、[ Creative Cloud に保存 ] が、初期設定として表示されます。

[ コンピューター上 ] を選択すると、ドキュメントをコンピューター上に保存する、[ 別名で保存 ] ダイアログが、初期設定として表示されます。

初期設定のファイルの場所

別名で保存

どちらの項目も、ダイアログ上で、保存場所を変更することができます。使用頻度の高い方を選択しておきましょう。

目次に戻る

従来のダイアログを無効

[ 環境設定 ] ダイアログで、[ 従来の「別名で保存」を有効にする ] を確認してください。初期設定では、無効とされています。

[ 従来の「別名で保存」を有効にする ] を確認

無効と有効の違い！

初期設定の [ 別名で保存 ] ダイアログでは、[ フォーマット ] のメニューに、Photoshop の機能が保存できる、ファイル形式のみが表示されます。

Photoshop の機能が保存できるファイル形式

別名で保存

これは、他のファイル形式による、上書き保存を防止するためのものです。他のファイル形式で保存する場合は、[ コピーを保存 ] をクリックして、[ 複製を保存 ] ダイアログを表示させる方法があります。

コピーを保存

【有効にした場合】

[ 従来の「別名で保存」を有効にする ] を有効にすると、保存時のダイアログが、従来機能の表示に変わります。

[ 従来の「別名で保存」を有効にする ] を有効

すると、次のような警告アラートが表示されます。従来機能では、誤って上書き保存をして、作業内容を失ってしまう可能性があります。[ OK ] をクリックします。

警告アラート

有効 (従来機能) の場合は、[ フォーマット ] のメニューに、保存可能なファイル形式が表示されます。

保存可能なファイル形式

選択したファイル形式に、Photoshop の機能が対応している場合は、[ 保存 ] オプションに表示されます。

[ 保存 ] オプションに表示

ここでは、他のファイル形式に、書き出す方法を推奨します。そのため、[ 従来の「別名で保存」を有効にする ] を無効にしておきます。

[ 従来の「別名で保存」を有効にする ] を無効

すべての設定ができたら、[ OK ] をクリックします。

[ OK ] をクリック

無効の利便性は？

[ 従来の「別名で保存」を有効にする ] を無効にする設定は、主に上書き保存の防止です。そのため、あらゆる用途に対しての利便性が、向上するものではありません。初級ユーザーの方は、無効にしておくことをオススメします。

目次に戻る

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

The post 基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】 first appeared on psgips.

基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】

古岡ひふみ — Mon, 08 Jan 2024 23:00:00 +0000

【Photoshop基本操作】写真全体の色調が、特定の色に偏っていることを「色かぶり」といいます。色かぶりとは、光源の色の違いにより起こる現象です。そのため、光の３原色である「 RGB 」のバランスを整えれば、元の印象に戻すことができます。その原因と補正方法を学びましょう。

RGBの白色点を揃える！

光の３原色である RGB のバランスを整えることが、色かぶりの除去方法です。しかし、色調補正はケースバイケースなので、どのような場合でも当てはまる「明確な答え」みたいなものが欲しいところですね。

とりあえず、RGB の白色点を揃えておいて、対象画像に応じた微調整を行うというのが、これから紹介する色かぶりの除去方法です。

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

[ CHAPTER-01 ]

ホワイトバランスと色温度

[ CHAPTER-02 ]

色かぶりの自動補正

[ CHAPTER-03 ]

自動補正を緩和する

ホワイトバランスと色温度

写真の仕上がりが、撮影時の印象よりも青みがかってたり、赤みがかってたりすることはよくあります。しかし、このような「色かぶり」を、単なる「変色」だと捉えるのは間違いです。ある意味、自然に忠実であるからこそ、起こる現象なのです。その原因から探っていきましょう。

元画像

色かぶりの補正

レッスン動画を配信中！

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

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

ホワイトバランスとは？

ホワイトバランスとは、太陽光や、蛍光灯などの、光源の色の違いを調整することをいいます。撮影時に、適切なホワイトバランスが設定されていなければ、このような色かぶりは、顕著に現れます。

不適切なホワイトバランスで撮影

それは、AUTO [オート] で撮影しても同じです。さまざまな光源の色を、誤って認識する場合もあるので、カメラにおまかせで、人から見た印象に合わせるのは難しいです。

AUTO [オート] で撮影

あらかじめ、カメラに設定された、ホワイトバランスを適用して撮影すると、人から見た印象に最も近い結果になります。

適切なホワイトバランスで撮影

マニュアルWBとは？

カメラでホワイトバランスをマニュアル設定するには、撮影時の環境下で白い紙を置き、それをファインダーいっぱいに捉えて、WB (ホワイトバランス) とします。「マニュアル WB 」を設定することで、色かぶりはカンタンに防げます。機能名や操作方法は、ご使用のカメラによって異なります。

目次に戻る

色温度の値と色の関係

光の色を「 K (ケルビン) 」という単位で表したものが「色温度」です。実際の「色の温度」ではありません。早朝や日陰などで撮影した写真が、青みがかっていたり、屋内でのストロボ撮影が、赤みがかっていたりするのは、この色温度のズレによるものです。

光源と色温度の関係

色温度の値は、小さくなるほど赤く、大きくなるほど青い光の波長を放ちます。たとえば、ロウソクの炎は赤色、電球は黄色、太陽光は白色という、大まかな目安を持っておくといいでしょう。このような、光源の色の違いで起こる色かぶりを、カメラはホワイトバランスの設定値を変えることで、人から見た印象に近付けています。

太陽光の基準値は？

太陽光の基準値は、5500K 〜 6500K です。しかし、実際の太陽光は黄みがかって見えるので、少し青みがかる方が、白色として認識される傾向があります。

昼間の印象 ( 5500K )

夜間の印象 ( 13000K )

太陽光が白色だとすると、それは、明るさの Max 値となるので、ケルビン値が 6000K より大きくなると、青色の濃度が高まっていきます。つまり、曇天や夜間の印象が青色となるワケです。

目次に戻る

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

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

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

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

ホワイトバランスのしくみ

たとえば、カメラのホワイトバランスを 3000K に設定すると、その座標を白色点 (ハイライト点) として、RGB のバランスが整えられます。機能名や操作方法は、ご使用のカメラによって異なります。

ホワイトバランスを設定した座標が白色点になる

どこの座標でも同じです。光源の色の違いに応じた、ホワイトバランスを設定すると、色かぶりの影響は、ほとんど現れません。どんな光源に対しても、白色点を真っ白にすることが、色かぶりを未然に防ぐしくみなのです。Photoshop で色かぶりを除去する場合も、このしくみと同じです。

光源の色に対して RGB の白色点を整える

RGBのMAX値が白色！

光の３原色である RGB は、加色混合 (かしょくこんごう) という特性によって、R、G、B の光が、すべて Max 値で重なると白色になります。これは「スペキュラハイライト」という、キラリと輝く光源の部分などの白色です。

加色混合の特性

目次に戻る

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

The post 基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】 first appeared on psgips.