これで解決！| psgips

素材画像を開く

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

【操作方法】

素材画像をダウンロードします。素材画像は、[ 幅 : 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】

古岡ひふみ — Sun, 22 Oct 2023 23:00:00 +0000

【Photoshop基本操作】無駄なレイヤーを増やさず、切り抜きオブジェクトを複製するには、[ 移動ツール ] のショートカットキーを使用します。元画像を残したまま、複製画像を自由に編集することができ、後々のレイヤー結合工程を省くことができます。

移動元の画像を残すオプション！

[ 移動ツール ] でドラッグすると、レイヤー上でオブジェクトが自由に移動できます。この基本的な操作に、移動元の画像を残すオプションを加えると、切り抜きオブジェクトを、同じレイヤー内で複製することができます。操作方法はカンタン。[ option ( Alt ) ] キーを押しながらドラッグするだけです。

これで解決！

レイヤーを増やさない複製は

こうやって作る！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

無駄なレイヤーを増やさない複製方法

これから行う操作は、画像の複製を同じレイヤー内で行う方法です。選択範囲の画像をコピー＆ペーストすると、切り抜きオブジェクトは、自動的に新しいレイヤーへ配置されます。

ドラッグ＆ドロップで画像を配置

配置した画像を同じレイヤー内で複製

レイヤーを作成せずオブジェクトを複製するには、[ 移動ツール ] のオプション機能を利用します。選択範囲内の画像をドラッグすると、移動元の画像がそのまま残せます。[ コピースタンプツール ] とよく似た使い方で、オブジェクトの複製を、同じレイヤー内で行うことができます。

通常の複製

同じレイヤー内で複製

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

レッスン動画を配信中！

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

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

ドラッグで画像を配置する

２つの素材画像を開いて、複製したいオブジェクトを、ドラッグ＆ドロップで配置しましょう。そして、一般的に行われている操作の、通常の複製を確認してください。レイヤーの自動作成は、用途を優先した初期設定です。その違いを体感しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。作例では、[ 幅 : 1920 pixel ] × [ 高さ : 1080 pixel ] の [ RGB カラー ] を使用しています。

素材画像を開く

photo by bess.hamiti@gmail.com

素材画像をダウンロードして開きます。作例では、[ 幅 : 547 pixel ] × [ 高さ : 640 pixel ] の [ RGB カラー ] を使用しています。

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

素材画像を開く

photo by PIRO

[ ウィンドウ ] メニューから、[ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。

[ ２分割表示 – 垂直方向 ] を選択

[ レイヤー ] パネルで、[ グループ ] フォルダー、または、対象のレイヤーを選択します。

[ レイヤー 1 ] を選択

レイヤーサムネールを配置する移動先に、ドラッグ＆ドロップします。

ドラッグ＆ドロップ

画像が配置されたことを確認してください。[ ウィンドウ ] メニューから、[ アレンジ ] – [ すべてをタブに統合 ] を選択します。

[ すべてをタブに統合 ] を選択

レイヤーを自動作成！

ドラッグ＆ドロップ、または、コピー＆ペーストで画像を配置すると、ドキュメントに新しいレイヤーが、自動的に作成されます。

自動作成されたレイヤーの名前を変更

自動的に作成されるレイヤーは、作成順に [ レイヤー 1 ]、[ レイヤー 2 ]…という連番が付けられます。ここでは、ドラッグ＆ドロップした元のレイヤーとして区別するため、レイヤー名を変更します。

通常の複製を確認

レイヤーには、数多くの利点がありますが、同じレイヤー内に、新しい画像をコピー＆ペーストすることができません。ここでは、一般的に行われている操作の、通常の複製を確認してみましょう。

【操作方法】

すべてを選択して、コピー＆ペーストします。すべてを選択 : [ command ( Ctrl ) ] + [ A ] コピー : [ command ( Ctrl ) ] + [ C ] ペースト : [ command ( Ctrl ) ] + [ V ]

新しい画像をコピー＆ペースト

[ レイヤー ] パネルで、新しいレイヤーが、自動作成されたことを確認してください。

新しいレイヤーを自動作成

ペーストを繰り返すと、再び、新しいレイヤーが自動作成されます。ペースト : [ command ( Ctrl ) ] + [ V ]

レイヤーの自動作成が確認できたら、操作を取り消します。操作の取り消し : [ command ( Ctrl ) ] + [ Z ]

ペーストを繰り返す

レイヤー独自の機能！

レイヤーの自動作成は、用途を優先した、レイヤー独自の機能によるものです。レイヤーマスクや、アルファチャンネルには適用されません。

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

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

The post これで解決！レイヤーを増やさない複製はこうやって作る！「複製オプションと再実行」【2024】 first appeared on psgips.

これで解決！特定の座標値はこうやって設定する！「オブジェクトの正確な配置」【2024】

古岡ひふみ — Sun, 15 Oct 2023 23:00:00 +0000

【Photoshop基本操作】正確な配置をスピーディに行うには、特定の座標値を入力するという方法があります。しかし、フリーハンドな操作が多い Photoshop では、画面上に、プロパティも見当たらないようだし、なんだか面倒くさそう…とあきらめていませんか？実は、とってもカンタンに、プロパティは表示できます。

変形ボックスを使う

Photoshop には、レイヤーオブジェクトなどの座標値や、サイズがわかる [ プロパティ ] パネルがあります。しかし、画像の配置で重宝する [ 基準点の位置 ] がありません。

[ 基準点の位置 ] が操作できるのは、[ 配置 ] コマンドと [ 変形 ] コマンドです。ドラッグ＆ドロップで、配置した画像の場合、[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示すると、オプションバーに、プロパティが表示されます。

これで解決！

特定の座標値は

こうやって設定する！

[ STEP-01 ]

特定の座標値を求める

[ STEP-02 ]

特定の座標値に合わせる

特定の座標値でオブジェクトを移動

これから行う操作は、ドラッグ＆ドロップで配置した画像を、正確な位置に移動する方法です。レイアウト設計に基づいた、マージンやパディングから、特定の座標値を入力して、基準点の位置にぴったり合わせることを目的とします。

複数のオブジェクトを中央に揃える方法

オブジェクトを配置

座標値を入力して移動

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

レッスン動画を配信中！

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

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

特定の座標値を求める

配置元のコンテンツ座標を確認しておきましょう。サンプルの素材画像では、マージンとパディングを合計した距離を、特定の座標値として求めます。特定の座標値が決まったら、Web ボタンのオブジェクトを配置します。

【操作方法】

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

配置元の画像を開く

コンテンツ座標を確認

作例では、アートボードの左上を起点として、左端から 64 px、上端から 64 px の距離に、マージンとパディングを合計した基準点があります。水平方向が X 軸、垂直方向が Y 軸です。ここでは、この基準点の座標に、配置する画像を合わせる操作を行います。

コンテンツ座標を確認

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

オブジェクトを配置

サンプルの素材画像は、透明部分を含む Web ボタンです。あらかじめ、適切なドキュメントサイズで作成されているので、ここでは、原寸 (等倍100%) のままで配置しましょう。

【操作方法】

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

素材画像を開く

[ ウィンドウ ] メニューから、[ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。オブジェクトのウィンドウを選択してください。

拡大作業と全体確認を２分割表示で行う方法

２つのドキュメントを並べて表示

[ レイヤー ] パネルで、[ グループ ] フォルダー、または、対象のレイヤーを選択します。オブジェクトのウィンドウを選択してください。

[ グループ ] フォルダーを選択

[ グループ ] フォルダーを、画像を配置する移動先に、ドラッグ＆ドロップします。

ファイルをドラッグ＆ドロップして直接配置する方法

ドラッグ＆ドロップ

オブジェクトが配置されたことを確認してください。

オブジェクトの配置を確認

[ レイヤー ] パネルで、ドラッグ＆ドロップしたオブジェクトのグループが、追加されたことを確認ししてください。

グループの追加を確認

配置方法は問わず!?

オブジェクトを配置する方法は問いません。ここでは、ドラッグ＆ドロップによる画像の配置を行っています。単体の画像であれば、[ 配置 ] コマンドでもコピー＆ペーストでも、特定の座標値に合わせることは可能です。

しかし、対象画像の形態によって、これらの方法がふさわしくない場合があります。ドキュメント間のドラッグ＆ドロップなら、どんな画像の形態でも、万能に配置することができます。

Illustratorのアートワークをコピー＆ペーストする方法

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

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

The post これで解決！特定の座標値はこうやって設定する！「オブジェクトの正確な配置」【2024】 first appeared on psgips.

どうする？埋め込まれたプロファイルの不一致「カラー設定とカラーマネジメント」【2024】

古岡ひふみ — Mon, 09 Oct 2023 23:00:00 +0000

【Photoshop基本操作】画像を開くと表示されるアラート [ 埋め込まれたプロファイルの不一致 ]。そのまま、[ OK ] していませんか？初期設定では、その画像に含まれている、埋め込みプロファイルを使用することが選択されています。しかし、この設定は、色が合わないトラブルに発展する危険性も持っています。

カラー値が変わる!?

画像を開いたとき、プロファイルが一致しなかったらどうするのか？を設定するのが、「カラーマネジメントシステム」と呼ばれる規定です。

これは、プロファイルを使用して、異なるデバイス間での「色の見え方」を統一しようとするものです。…ということは、プロファイルを変換すると、何かが変わるワケですよね？

たとえば、プロファイルを「 sRGB 」から「 Adobe RGB 」に変換すると、外観上の表示カラーはほとんど変わりません。しかし、個々のピクセルのカラー値は変更されてしまいます。これって、大問題ですよね？

どうする？埋め込まれた

プロファイルの不一致

[ METHOD-01 ]

[ METHOD-02 ]

[ METHOD-03 ]

[ METHOD-04 ]

[ METHOD-05 ]

プロファイル不一致の対処方法

これから行う操作は、画像を開くと表示されるアラート [ 埋め込まれたプロファイルの不一致 ] の対処方法です。ここでは、「 sRGB 」というカラープロファイルが埋め込まれた画像を、開いた場合を想定します。アラートの表示は、Photoshop の [ カラー設定 ] によるものです。このため、処理方法が自動的に選択される場合もあります。

アラート [ 埋め込まれたプロファイルの不一致 ] が表示

結論から言うと、ここで紹介する処理方法の選択は、以下のような位置付けになります。明確な答えはありません。ケースバイケースです。

sRGB→プロファイルを保持＝原則

sRGB→作業用スペースに変換＝推奨

sRGB→プロファイルを破棄＝非推奨

一般的には、プロファイルが埋め込まれた画像は、そのプロファイルを保持した状態で運用すべきだとされているので、これが原則となります。

sRGB の元画像

sRGB を使用

しかし、画像を加工する場合には、作業用スペースに変換した方が再現力が向上します。そのため、ここでは、Adobe RGB に変換することをオススメしています。その理由をわかりやすく解説しましょう。

レッスン動画を配信中！

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

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

カラー設定を行う

[ カラー設定 ] は、画像加工の一丁目一番地です。ここでは、プロの現場で設定されている一般的な、[ カラー設定 ] をご紹介しましょう。

レッスンを始める前に

【操作方法】

[ 編集 ] メニューから、[ カラー設定 ] を選択します。[ カラー設定 ] ダイアログで、[ 設定 ] に、[ プリプレス用 – 日本2 ] を選択します。

[ 作業用スペース ] セクションの [ RGB ] に、[ Adobe RGB (1998) ] が設定されていることを確認してください。

[ カラーマネジメントポリシー ] セクションの [ RGB ] に、[ 埋め込まれたプロファイルを保持 ] が設定されていることを確認してください。

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

[ プリプレス用 – 日本2 ] を選択

この [ カラー設定 ] によって、「 sRGB 」のカラープロファイルが埋め込まれた画像を開くと、アラート [ 埋め込まれたプロファイルの不一致 ] が表示されます。

言い換えると、[ プリプレス用 – 日本2 ] の選択が、[ 埋め込まれたプロファイルの不一致 ] の表示を多発させています。

印刷用のプリセット

「 Adobe RGB 」とは、Adobe Systems が定めた色空間で、国際標準規格の「 sRGB 」よりも広いカラーの再現領域を持ち、商業印刷などの専門的な分野で標準的に使われています。

プリセット [ プリプレス用 – 日本2 ] に設定すると、[ 作業用スペース ] の [ RGB ] に [ Adobe RGB (1998) ] の色空間が適用されます。

アラートを表示しない

アラート [ 埋め込まれたプロファイルの不一致 ] は重要な警告です。このため、初期設定で表示されることになっています。でも、いちいちうるさい！と思う人も多いので、その解除方法をご紹介しましょう。

すべてのチェックボックスを外す

[ 編集 ] メニューから、[ カラー設定 ] を選択します。[ カラー設定 ] ダイアログで、[ カラーマネジメントポリシー ] セクションの下段にあるチェックボックスを、すべて無効にしてください。すると、ドキュメントを開くときにアラートが表示されなくなります。

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

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

The post どうする？埋め込まれたプロファイルの不一致「カラー設定とカラーマネジメント」【2024】 first appeared on psgips.

これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】

古岡ひふみ — Sun, 01 Oct 2023 23:00:00 +0000

【Photoshop基本操作】まるで、本物のカメラで撮影したような、レンズフレアを加えることができるのが [ 逆光 ] フィルターです。しかし、思いどおりの位置に、設定できないと感じたことはありませんか？実は、小さなプレビュー内に隠された詳細設定があります。

フレアの角度が変わる？

[ 逆光 ] フィルターでつくり出されるレンズフレアの角度は、光源の位置と、適用するドキュメントの大きさによって自動設定されます。たとえば、正方形のドキュメントでは、ダイナミックさに欠けるような結果になる場合もあります。

そんなときは、35 ミリフィルムの一般的なアスペクト比「 3 : 2 」で、疑似的な余白を加えましょう。適用後にトリミングすれば、意図した効果が期待できます。

これで解決！

逆光フィルターの位置は

こうやって設定する！

[ STEP-01 ]

逆光の位置を読み取る

[ STEP-02 ]

逆光フィルターを適用する

[ STEP-03 ]

スノークロスを合成する

逆光を思いどおりの位置に！

これから行う操作は、輝く光源と、リアルなレンズフレアの効果が作成できる、[ 逆光 ] フィルターの設定方法です。逆光の位置の設定は、ダイアログ内のプレビューにおいて、光源をドラッグすることで行えます。しかし、プレビュー画面が小さいため、思いどおりの位置に、設定しにくい場合もあります。

元画像

レンズフレアの効果を加える

通常では表示されていない、[ 詳細な光源の位置 ] オプションを使用すれば、ドキュメント上の座標値を入力することにより、正確な位置に設定することができます。

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

レッスン動画を配信中！

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

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

光源の位置を読み取る

作例の素材画像は、建物の窓ガラスに太陽光が反射しています。最も明るい窓に、[ 逆光 ] フィルターの効果を適用すると、窓枠の領域が狭すぎて、適切な位置に配置できません。まず、光源の位置を読み取りましょう。

【操作方法】

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

素材画像を開く

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

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

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

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

情報パネルを表示

[ 情報 ] パネルは、画像の座標や色情報を表示するパネルです。光源の座標値を調べる前に、定規単位の設定を確認してください。

【操作方法】

[ ウィンドウ ] メニューから、[ 情報 ] を選択します。すると、[ 情報 ] パネルが表示されます。

[ 情報 ] パネルを表示

パネルメニューから [ パネルオプション ] を選択します。

[ パネルオプション ] を選択

[ 情報パネルオプション ] ダイアログで、[ マウスカーソルの座標軸 ] セクションの [ 定規単位 ] に [ pixel ] を選択します。

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

[ 定規単位 : pixel ]

単位にはpixelを選ぼう！

[ マウスカーソルの座標軸 ] に [ pixel ] を選択することで、[ 情報 ] パネルに表示される単位が [ pixel ] に変更されます。これから行う [ 逆光 ] の [ 詳細な光源の位置 ] オプションでは、単位に [ pixel ] が使用されています。

座標値を調べる

画像内にマウスカーソルを合わせると、その位置の詳細な数値が、[ 情報 ] パネルに表示されます。光源の座標値を調べましょう。

【操作方法】

ドキュメント内で、光源を配置したい箇所に、マウスカーソルを合わせます。マウスカーソルの位置は、[ 情報 ] パネルから読み取るまで、そのままにしておきます。

[ 情報 ] パネルから、座標値をメモします。作例では、[ X ] が[ 1296 ]、[ Y ] が[ 530 ]という座標値でした。

座標値をメモ

横軸と縦軸のピクセル数

表示された座標値は、ドキュメントの左上を基点として、[ X ] が横軸、[ Y ] が縦軸のピクセル数を表しています。

カーソルを精細にしよう！

マウスカーソルは、現在、選択されているツールが表示されますが、詳細な箇所の座標値を読み取りたい場合は、[ caps lock ] キーを押して、マウスカーソルを [ 精細 ] に変更します。または、一時的な使用なら [ 長方形選択ツール ] でも代用できます。詳細な中心点がわかる、十字のマウスカーソルが表示されます。

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

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

The post これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 first appeared on psgips.

これで解決！スポーツカーの色はこうやって変える！「色相・彩度の使い方」【2024】

古岡ひふみ — Sat, 23 Sep 2023 23:00:00 +0000

【Photoshop講座】「色相・彩度」を使えば、色は簡単に変えることができます。しかし、白色や黒色への変換に、苦戦している人も多いのではないでしょうか？色の見え方には、色相、彩度、明度という、色の三属性が深く関係しています。それぞれの特性を理解すれば、効率的で違和感のない色変換が行えます。これで解決！

明度には気をつけろ！

明度とは、色の明るさの度合いです。ひとつの色相は、256段階の明度で表されます。いちばん暗い色は黒、明るい色は白です。これらは「無彩色」と呼ばれ、色の情報を持っていません。しかし、色相や彩度がなくても、画像を構成することができるのが明度です。明度って、大変重要なものなんです。

これで解決！

スポーツカーの色は

こうやって変える！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

スポーツカーの色を変える方法

これから行う操作は、スポーツカーの色を変える方法です。元画像のカラーから、さまざまなボディカラーに変換します。ここでは、「色相・彩度」を使って、カラーサンプルの色を再現します。

カラーサンプルの色を再現

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

色変換のベースを作成する

変えたい色の領域を選択して、色変換のベースとなる [ 色相・彩度 ] 調整レイヤーを作成しましょう。このレッスンでは、あらかじめ作成した選択範囲を、素材画像に保存しています。

【操作方法】

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

素材画像を開く

photo by Damian Morys Foto

[ レイヤー ] パネルで、[ パス ] パネルを表示します。

[ パス 1 ] を選択します。

[ パスを選択範囲として読み込む ] をクリック

すると、ドキュメント内にパスが表示されます。

[ パスを選択範囲として読み込む ] をクリックします。

選択範囲が作成されたことを確認してください。

パスを確認

選択範囲が読み込まれる

変えたい色の領域を選択

変えたい色の領域とは、明るい部分も暗い部分も含んだ、その色が存在する領域です。たとえば、ボディカラーの部分であっても、明るくなると違和感が出る部分は、あらかじめ、領域外にしておきましょう。

レッスン動画を配信中！

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

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

色相・彩度を設定

変えたい色の選択範囲から、調整レイヤーを作成すると、自動的にレイヤーマスクが作成されます。これで、色変換のベースとなる [ 色相・彩度 ] が設定できるようになります。一旦、色がないグレースケールに変換してみましょう。

【操作方法】

[ レイヤー ] パネルを表示します。

[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ 色相・彩度 ] を選択します。すると、[ 色相・彩度 1 ] と、レイヤーマスクが自動的に作成されます。

[ 色相・彩度 1 ] を作成

色の三属性とは？

色の三属性とは、色を定義する３つの要素で、色相、彩度、明度のことです。

色相 : 円環状に変化する色の違い

彩度 : 色の鮮やかさの度合い

明度 : 色の明るさの度合い

HSB (エイチ・エス・ビー) は、色相 ( Hue )、彩度 ( Saturation )、明度 ( Brightness ) によって色情報を数値化したものです。色相は「色相環」による角度で指定し、彩度、明度はパーセント ( % ) 値で指定します。

[ プロパティ ] パネルで、[ 色彩の統一 ] を有効にします。

[ 色彩の統一 ] を有効

色彩の統一とは？

[ 色彩の統一 ] は、画像を一旦、グレースケールに変換して、そこから、それぞれの設定値を調整していくオプションです。明度ベースとなるので、変換後のカラーに「ねじれ」が起こりません。ねじれ : 元画像の階調に対して、明暗を逆転させてしまう調整

初期設定では、彩度のみ [ 25 ] に設定されているので、色相 [ 0 ] を受けて、このようなカラーが表示されています。

[ 色相・彩度 ] の効果を確認

[ 彩度 ] に [ 0 ] を入力します。

[ 彩度 : 0 ]

彩度を [ 0 ] にすると、現在の明度によるグレースケールが表示されます。

グレースケールを確認

元画像の明度を反映

グレースケールに変換された画像は、カラー情報を失います。色の三属性では、色相と彩度が失われたことになります。しかし、その情報は、明るさと合わせて変換されているので、元画像の明度を反映しています。

色相の読み方

色の種類を示す [ 色相 ] の数値は、「色相環」による角度を示し、数値によって色味が設定されます。[ 0 ] が「なし」ではありません。

マンセル表色系の色相環

RGB スペクトルの色相環

色相を定義した「マンセル表色系」では、360°を5等分して、[ 0° ] が赤色、[ 72° ] が黄色、[ 144° ] が緑色、[ 216° ] が青色、[ 288° ] が紫色とされています。

しかし、パソコンで使用される「 RGB スペクトル」では少し異なり、360°を6等分して、[ 0° ] が RGB レッド、[ 60° ] が RGB イエロー、[ 120° ] が RGB グリーン、[ 180° ] が RGB シアン、[ 240° ] が RGB ブルー、[ 300° ] が RGB マゼンタとされています。

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

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

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

The post これで解決！スポーツカーの色はこうやって変える！「色相・彩度の使い方」【2024】 first appeared on psgips.

これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】

古岡ひふみ — Sun, 12 Feb 2023 23:00:00 +0000

【Photoshop基本操作】カラーハーフトーンは、網点模様を作り出すフィルターです。しかし、仕上がりのイメージが、ちょっと違うと感じたことはありませんか？そもそも、印刷製版に用いられるスクリーンを、擬似的に再現する機能です。RGB カラーでは、うまくできるハズがありません。

ロゼッタを効果的に！

網点が規則正しく繰り返されると、小さな花のような模様が現れます。これが「ロゼッタパターン」と言われるモアレ現象です。本来は少しでも緩和する調整が行われるものですが、ここでは、それを逆手にとって、カラーハーフトーンの特徴的な効果として再現しましょう。

カラーハーフトーンを正しく適用する方法

これから行う操作は、カラーハーフトーンを正しく適用する方法です。素材が RGB カラーの場合は、CMYK カラーモードに変換して、スクリーン角度に、印刷製版の設定値を活用します。

レッスン動画を配信中！

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

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

CMYKカラーに変換する

素材画像を開く

photo by Fotos pks

RGBの違和感？

カラーハーフトーンは、RGB カラーでも使えるフィルターですが、印刷製版のスクリーンを模したレガシー機能です。プロセスカラーによって分解される構造なので、CMYK カラーの減色混合によって、網点の色が表されます。減色混合 : C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性。

基本がわかる！RGBとCMYK

RGB カラーの加色混合は、真逆の性質を持っています。なのに、それは分解される R、G、B 色のみで、減色混合と同じく白地に乗算されます。おまけに、CMYK より１色足りない…。RGB カラーで、カラーハーフトーンを適用した時の違和感は、これが原因です。加色混合 : R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性。

網点の規則正しい重なりには、縞状の模様になってしまう「モアレ」が付きものです。これを緩和するために、影響力が大きい濃い色から角度を付けてずらすと、小さな花のような模様が浮かび上がります。これをロゼッタパターンといいます。雑誌風のロゼッタパターンは、CMYK カラーでないと上手く表せません。RGB カラーの場合は、加色混合によって、G+B=C / R+B=M / R+G=Y を表します。

カラーモードを変換

雑誌風のロゼッタパターンは、CMYK カラーで作成します。RGB カラーの画像を使用する場合は、あらかじめ、カラーモードの変換を行いましょう。

[ イメージ ] メニューから、[ モード ] – [ CMYK カラー ] を選択します。

ウィンドウタブで、CMYK カラーに変換されたことを確認してください。CMYK カラーに変換すると、画像の鮮やかさが失われます。

カラーモードを変換

プロファイルを指定！

カラーモードの変換は、現在、[ カラー設定 ] で指定されているプロファイルが用いられます。CMYK カラーは、一般的に [ Japan Color 2001 Coated ] が使用されています。

警告アラート

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

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

The post これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】 first appeared on psgips.

これで解決！小さい画像の解像度はこうやって上げる！「スーパーズーム」【2023】

古岡ひふみ — Sat, 04 Feb 2023 23:00:00 +0000

【Photoshop基本操作】人物写真の解像度アップには、ニューラルフィルターの [ スーパーズーム ] が威力を発揮します。元画像の劣化を抑えて、最大16倍まで拡大できます。通常の [ 画像解像度 ] と違うところは、機械学習テクノロジーを使用しているところです。ワンクリックで、驚くような仕上がりが期待できます。

髪の毛に注目！

詳細なディテールを得意とする [ スーパーズーム ] は、人や動物の髪の毛を認識して、ピクセルの補間にストロークをかけているようです。これはスゴイ機能ですね。アップサンプリングという枠を超えて、ひとつの効果として昇華しています。

これで解決！

小さい画像の解像度は

こうやって上げる！

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

解像度をアップする方法

これから行う操作は、小さい画像の解像度をアップする方法です。解像度アップには、ニューラルフィルターの [ スーパーズーム ] という機能を活用します。

元画像 ( 480 x 320 px )

スーパーズーム ( 1920 x 1280 px )

スーパーズームを活用すれば、詳細なディテールを強調しながら、滑らかですっきりとしたアップサンプリングが行えます。アップサンプリング : 画像の解像度を上げる作業

スーパーズームは、最大16倍まで拡大できます。縦横比の16倍は、面積比に換算すると256倍です。変換前のサイズと変換後のサイズを比べてみれば、そのスゴさが実感できると思います。

しかし、スーパーズームと言えども、画質の劣化は顕著に現れます。アップサンプリングは、２倍、または４倍を基本としましょう。大きい倍率の処理には時間がかかります。

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

レッスン動画を配信中！

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

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

スーパーズームを適用する

オリジナルデータから、４分の１に縮小した素材画像を開いて、スーパーズームを適用してみましょう。ここでは、JPEG 高画質で再保存したものを使用しています。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 480 pixel ]、[ 高さ : 320 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。素材画像は、オリジナルデータから４分の１に縮小しています。

素材画像を開く

photo by Ron

変換前と変換後

変換前のドキュメントサイズは、480 x 320 pixel です。ここでは、４倍にアップサンプリングするので、スーパーズーム適用後のドキュメントサイズは、1920 x 1280 pixel に変換されます。

変換前のサイズ

変換後のサイズ

ニューラルフィルターを起動

スーパーズームは、[ ニューラルフィルター ] というフィルターカテゴリでリリースされた AI フィルターのひとつです。バージョン 2021 以降

【操作方法】

[ フィルター ] メニューから、[ ニューラルフィルター ] を選択します。起動時のプレビューに表示される青枠は、AI による顔認証エリアです。

ニューラルフィルターを起動

[ ニューラルフィルター ] パネルで、[ 写真 ] セクションの [ スーパーズーム ] を有効にします。クラウドからダウンロード

[ スーパーズーム ] を有効

ニューラルフィルターとは？

Photoshop 2021 ( 22.0.0 ) から実装された [ ニューラルフィルター ] は、GPU / AI 技術を活用した新機能です。さまざまなフィルター効果をクラウドからダウンロードして使用するのが特徴です。初めて使用するフィルターは、クラウドアイコンをクリックします。

クラウドからダウンロード

スーパーズームは、当初、元画像のドキュメント内から、拡大エリアを選択する方式でした。日本語の解説文はその名残りで、Photoshop 2023 ( 24.0.0 ) から、元画像のドキュメントをそのまま、16倍まで拡大できるようになりました。クラウド上で日々進化しているのも、ニューラルフィルターの特徴です。

ニューラルフィルターを初期化

ニューラルフィルターを初期化したい場合は、次のフォルダーを削除してください。Mac のユーザーライブラリフォルダーは、デフォルトで非表示なっています。[ option ] キーを押しながら、[ 移動 ] – [ ライブラリ ] を選択してください。パス中の「24」は、バージョン 2023 の番号です。

Mac

[ユーザー名]/ライブラリ/Application Support/Adobe/ UXP/PluginsStorage/PHSP/24/Internal/ com.adobe.nfp.gallery/PluginData

Windows

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\ UXP\PluginsStorage\PHSP\24\Internal\ com.adobe.nfp.gallery\PluginData

[ スーパーズーム ] を有効にすると、初期設定のパラメーターが表示されます。

パラメーターを確認

[ 画像のディテールを強調 ] を有効にします。初期設定

[ 顔のディテールを強調 ] を有効にします。

[ 顔のディテールを強調 ] を有効

人物の顔に特化

[ 画像のディテールを強調 ] は、隣接するピクセルの許容値を低くして、コントラストを高めるアルゴリズムです。初期設定では有効とされています。アルゴリズム : 画像処理に適用される計算方法

これを有効にしておかないと、スーパーズームの良さが発揮されません。

AI が顔だと判断できる素材は、[ 顔のディテールを強調 ] を有効にしておきましょう。パフォーマンスが向上します。

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

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

The post これで解決！小さい画像の解像度はこうやって上げる！「スーパーズーム」【2023】 first appeared on psgips.

これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】

古岡ひふみ — Sat, 21 Jan 2023 23:00:00 +0000

【Photoshop基本操作】調整量が大きくなると、通常の色調補正ツールでは、どうしても、仕上がりに違和感が出ました。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。逆光で暗くなった影を、より自然に明るく補正しましょう。

32ビットがスゴイ！

[ HDR トーン ] は、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。8 bit の 256 階調に対して、32 bit は、なんと、理論上 4.3G 階調…。これはもう、無限の階調ですね。無理な補正で悩まされていた、トーンジャンプやバンディングもなんのその。これで解決！

これで解決！

逆光で暗くなった影は

こうやって直す！

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

逆光の影を明るく補正する方法

これから行う操作は、逆光で暗くなった影を、明るく補正する方法です。補正方法には、[ HDR トーン ] という機能を活用します。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。

HDR とは、High Dynamic Range (ハイダイナミックレンジ) の略称です。ダイナミックレンジとは、画像の明るい部分と、暗い部分の範囲を示します。通常の画像が [ 8 bit : 256 階調 ] なのに対し、HDR は [ 32 bit : 4,294,967,296 階調 ] のダイナミックレンジを持っています。

ダイナミックレンジ比較

つまり、人間の視覚やディスプレイなどより、はるかに広い再現力を持った手法が、HDR というわけです。逆光で暗くなった影を、より自然に明るく補正しましょう。

通常の色調補正ツールと比較

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

レッスン動画を配信中！

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

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

影を明るくする

[ HDR トーン ] を活用して、影を明るくしましょう。ここで使用する素材画像は、逆光で暗くなったポートレートです。背景の明るさを、できるだけ維持しながら、人物をより自然に、明るく補正することを目的とします。

【操作方法】

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

素材画像を開く

photo by olcay ertem

補正前と補正後

あらかじめ、元画像を複製して同時に開きます。[ ウィンドウ ] – [ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。補正前と補正後の２画面を見比べながら、影を明るくする調整が行えます。

補正後のウィンドウを選択

HDRトーンを起動

[ HDR トーン ] とは、露出を変えて撮影した複数の画像から、適切な露出の１枚に自動合成する機能、[ HDR Pro に統合 ] を、色調補正ツールとして改良したものです。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ HDR トーン ] を選択します。

[ HDR トーン ] ダイアログで、[ 方法 ] に [ ローカル割り付け ] を選択します。初期設定

[ 方法 : ローカル割り付け ]

ローカル割り付けとは？

[ ローカル割り付け ] とは、複数の効果を合わせて、HDR の色調を調整する方法です。[ エッジ光彩 ]、[ トーンとディテール ]、[ トーンカーブおよびヒストグラム ] というセクションに分けられています。初期設定

[ HDR トーン ] を選択すると、初期設定の効果がプレビューされます。

初期設定をプレビュー

32ビットに変換

このツールは、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。ウィンドウタブのモード表示が [ (RGB/8) ] から [ (RGB/32*) ] に変更されています。

ウィンドウタブのモード表示

レイヤーやスマートオブジェクトがあるドキュメントは、一枚の [ 背景 ] へ統合されます。[ HDR トーン ] を実行する場合は、警告アラートで [ はい ] をクリックしてください。

警告アラート

トーンカーブを設定

操作方法は、[ トーンカーブ ] と同じですが、32 bit チャンネルに変換されているため、階調レベルは比率で表示されています。

【操作方法】

[ トーンカーブおよびヒストグラム ] を展開します。

対角線の上をクリックして、新しい調整ポイントを追加します。

[ 入力 ] に [ 25 % ]、[ 出力 ] に [ 35 % ] を設定します。

トーンカーブを設定

影を明るくすることができました。

影を明るくすることができた

トーンカーブとは？

トーンカーブは、画像補正の最強ツールです。自由な形に変化するカーブで、感覚的な操作が行えます。まず、カーブの変化がどのような結果をもたらすのか？　それを知ることから始めましょう。

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

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

The post これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】 first appeared on psgips.

これで解決！室内撮影の色かぶりはこうやって直す！「ホワイトバランスと色温度」【2023】

古岡ひふみ — Mon, 16 Jan 2023 23:00:00 +0000

【Photoshop基本操作】色かぶりとは、光源の色の違いにより起こる現象です。室内撮影では、暗いオレンジ色になることも多いです。色かぶりの除去は、まず、ホワイトバランスを自動で整える機能を利用します。そして、素材に合わせた、適切な調整を行いましょう。

ヒストグラムを読む！

ヒストグラムとは、画像内のピクセル分布を表すグラフです。R、G、B チャンネルの山型が、それぞれ、離れたレベルにあると、その画像は、色かぶりを起こしています。最も影響力のある中間調の調整は、ヒストグラムを参考にすると簡単です。

これで解決！

室内撮影の色かぶりは

こうやって直す！

[ STEP-01 ]

画像の状態を確認する

[ STEP-02 ]

ホワイトバランスを整える

[ STEP-03 ]

中間調を調整する

室内撮影の色かぶりを補正する方法

これから行う操作は、Camera Raw の [ ホワイトバランス ] を使用して、暗いオレンジ色に変色した、室内撮影の色かぶりを補正する方法です。初級ユーザーにもやさしいシンプル操作です。白色点と中間調に分けて調整することがポイントです。

元画像

室内撮影の色かぶりを除去

色かぶりの原因は、光源に含まれる色温度です。色温度とは、光の色を「 K (ケルビン) 」という単位で表したものです。値が小さくなるほど赤く、大きくなるほど、青い光の波長を放ちます。早朝や日陰などで撮影した写真が、青みがかっていたりするのは、この色温度のズレによるものです。

光源と色温度の概念図

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

レッスン動画を配信中！

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

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

画像の状態を確認する

室内撮影の色かぶりを補正する前に、対象となる画像の状態を確認しておきましょう。ヒストグラムでは、なぜ、色かぶりを起こしているのか？が、各チャンネルのピクセル分布によって確認できます。

【操作方法】

素材画像を開く

photo by Victoria Dupont

スマートオブジェクトに変換

素材画像を開くことができたら、[ 背景 ] をスマートオブジェクトに変換しましょう。複数のレイヤーで構成されたドキュメントの場合は、対象のレイヤーを選択してください。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を右クリックします。

コンテキストメニューから、[ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を選択

すると、[ 背景 ] がスマートオブジェクトに変換され、レイヤー名を自動的に [レイヤー 0 ] へ変更します。

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

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

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

Camera Raw を起動

【操作方法】

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

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。すると、補正前と補正後の２画面を見比べながら、色かぶりを除去する調整が行えます。

[ 補正前と補正後の表示を切り替え ] をクリック

ヒストグラムを確認

ヒストグラムとは、画像内のピクセル分布を表すグラフです。R、G、B チャンネルの山型が、それぞれ、離れたレベルにあります。これが、色かぶりを起こした画像の特徴です。特にブルーチャンネルが、大きくシャドウ側に離れています。

素材画像のヒストグラム (初期)

このことは、ブルーチャンネルの中間調が、他のチャンネルより暗いことを表しています。暗いオレンジ色に変色しているのは、このためです。

基本がわかる！色調補正の考え方

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

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