カラーバランス| psgips

素材画像をダウンロードしよう！ ( 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 マゼンタとされています。

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

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

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

生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】

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

【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成塗りつぶし」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。画像の加工方法に、革命をもたらす可能性があります。足りない領域を補間して、ふたつの画像を合成しましょう。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

生成範囲を想像する！

「生成塗りつぶし」は、選択範囲内を生成するものです。たとえば、円形の選択範囲を作成すると、その円形に収まることを条件として、オブジェクトや背景などが生成されます。そのため、適切な生成範囲を想像することが、思い通りの結果を生み出す、重要なテクニックとなるワケです。

生成AIがふたつの画像を

一瞬で合成する！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ふたつの画像を合成する方法

これから行う操作は、「生成拡張」と「生成塗りつぶし」を使って、ふたつの画像を合成する方法です。生成拡張は、画像をトリミングする感覚で、足りない領域を補間することができます。垂直方向に並べた画像の境界線に、ふたつの画像を違和感なくつなぐ、波打った水の断面を生成しましょう。

足りない領域を補間する

ふたつの画像を合成する

作例では、完成サイズを、1280 x 1280 pixel (スクエア) とします。つまり、1/2 に分けた、ひとつの画像サイズは、幅 1280 pixel、高さ 640 pixel が必要になります。しかし、ふたつの素材画像は、この条件を満たしていません。

完成サイズ : 1280 x 1280 pixel (スクエア)

ここでは、ふたつの素材画像を、幅 1280 pixel、高さ 640 pixel にするため、足りない領域を補間する操作から始めます。

拡張サイズを設定する

生成拡張は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。

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

拡張サイズを設定する

作例の素材画像は、透明ピクセルを持たない [ 背景 ] です。そのため、元画像を保持したい場合は、あらかじめ、レイヤーに変換しておく必要があります。ここでは、元画像の非破壊編集も兼ねる、スマートオブジェクトに変換して対応します。

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

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

ひとつめの素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。

【操作方法】

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

素材画像を開く

photo by Pete Linforth

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

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

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

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

レッスン動画を配信中！

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

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

切り抜きツールを設定

[ 切り抜きツール ] で、拡張サイズを設定しましょう。拡張サイズとは、ひとつの画像サイズの、完成後のピクセル数です。

【操作方法】

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

[ 切り抜きツール ] を選択

[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。

バウンディングボックスを確認

オプションバーで、[ 縦横比のプリセットまたは切り抜きサイズを選択 ] をクリックし、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。

[ 幅 x 高さ x 解像度 ] を選択

[ 切り抜く画像の幅を設定 ] に、[ 1280 px ] を入力します。

[ 切り抜く画像の高さを設定 ] に、[ 640 px ] を入力します。

[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。

拡張サイズを設定

解像度ってなに？

画像解像度とは、画像データの「密度」です。画像データを構成する「ピクセル」を、一辺１インチあたりにいくつ含ませるかを示す単位「 pixel/inch ( ppi ) 」で表します。

切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。

拡張サイズの比率を確認

反映されるのは比率のみ

この時点では、画像に対して Max 値のバウンディングボックスが表示されるので、設定した数値に反映されているのは、[ 幅 ]、[ 高さ ] の「比率」のみです。オプションバーの設定は、以降の操作に反映されます。

切り抜きツール「生成拡張」の使い方

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

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

The post 生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】 first appeared on psgips.

【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】

古岡ひふみ — Mon, 11 Jul 2022 23:00:00 +0000

【Photoshop基本操作】画像を切り抜き合成すると、カラーに違和感が出ます。夜の街並みと、スタジオ撮影された人物では、その差は、ますます大きくなります。カラーの同調には、直感的な操作ができる、露光量とカラーバランスを中心に組み立てます。切り抜き合成のカラーを背景に馴染ませましょう。

補色の関係に着目！

補色とは、反対色です。これは、色相環の角度で対面する色です。たとえば、ブルーなら、イエローが補色となります。カラーバランスは、この補色を調整する機能です。一方を強めれば、その補色が弱まります。補色の関係に着目して、思い通りの結果を出しましょう。

背景に馴染む切り抜き合成

− 露光量とカラーバランスの調整 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景に馴染む切り抜き合成

これから行う操作は、切り抜き合成のカラーを、背景に馴染ませる方法です。夜の街並みと、スタジオ撮影された人物を合成します。

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

レッスン動画を配信中！

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

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

モデルを切り抜く

モデルの切り抜きには、人工知能が自動的に、選択範囲を作成してくれる、[ 被写体を選択 ] を活用しましょう。

【操作方法】

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

素材画像を開く

photo by soul chentu

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

選択範囲を作成

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

現在の選択範囲から、レイヤーマスクが作成されたことを確認してください。

[ レイヤーマスクを追加 ] をクリック

モデルを切り抜くことができました。

モデルを切り抜くことができた

レイヤー名を [ model ] に変更します。

レイヤー名を変更

マスクを修正しよう！

[ 被写体を選択 ] は、ピクセル単位で、正確な検知が行われます。そのため、切り抜きの境界線に出現する、フリンジ (白フチ) が出にくいです。しかし、微妙な階調の違いや、尖った部分、中マドなどで、不正確な部分もあります。これらを修正しておきましょう。

修正前と修正後

適切な結果が出なかったり、レイヤーマスクの修正が難しい場合は、ベーシックな方法で選択範囲を作成して、[ 選択とマスク ] を試してみましょう。

不要な領域をトリミング

切り抜き部分だけを残して、不要な領域をトリミングしましょう。画像サイズを最小限にすることは、メモリや容量の負担を軽減できるほか、変形のバウンディングボックスも最小化できるので、作業の効率化が図れます。

【操作方法】

[ イメージ ] メニューから、[ トリミング ] を選択します。[ トリミング ] ダイアログで、[ トリミング対象カラー ] に、[ 透明ピクセル ] を選択します。

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

[ トリミング ] を設定

透明ピクセルの不要な領域を、トリミングすることができました。

不要な領域をトリミング

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

モデルの切り抜きとトリミングができたら、レイヤーマスクを含めた、スマートオブジェクトに変換しましょう。

【操作方法】

レイヤー [ model ] を右クリックします。

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

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

スマートオブジェクトを確認してください。

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

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

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

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

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

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

The post 【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】 first appeared on psgips.

【画像の合成】素材を選ぶだけ！空をドラマチックに変える方法【空を置き換え】

古岡ひふみ — Wed, 28 Oct 2020 23:00:00 +0000

【Photoshop基本操作】空の領域を自動的に判別して、別の画像と合成できる [ 空を置き換え ] モードは、素材の色調に応じた適切な調整も、すべて AI で行うスゴイ機能です。もちろん、好みに合わせた手動調整もできるので、コツを掴めば、人物や小物の背景を変えることにも応用できます。

エッジに着目！

[ 空を置き換え ] モードの設定項目には、境界線を調整する [ エッジをシフト ] と [ エッジをフェード ] があります。これは自然な合成をするための「ぼかし」であり、不透明度の調整です。つまり、完全な切り抜き合成ではなく、元画像の階調や、色調を利用したテクニックが施されているワケです。

空を置き換えの操作方法

これから行う操作は、[ 空を置き換え ] モードの基本的な操作方法です。対象の素材画像を開いて、あらかじめ用意されている、置き換え画像を選ぶだけで、適切な自動調整が行われます。

後半では、[ 空を置き換え ] モードの応用として、新しく作成した素材に置き換え、それぞれの設定項目に、若干の調整を加える方法をご紹介します。

新しい素材を読み込む

レッスン動画を配信中！

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

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

【操作方法】

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

素材画像を開く

photo by Diego Ubiria

認識しやすい素材を選ぶ！

[ 空を置き換え ] は AI まかせなので、空の領域が極端に少なかったり、複雑なオブジェクトを背景にした素材画像には適していません。また、いろんな色が含まれている空も NG です。曇り空のような明るく、色の変化が少ない、AI が認識しやすい素材を選びましょう。

[ 編集 ] メニューから、[ 空を置き換え ] を選択します。[ 空を置き換え ] ダイアログで、[ 置き換えとなる空をクリックして選択 ] をクリックします。

[ 置き換えとなる空をクリックして選択 ] をクリック

ここでは、[ 壮観 ] – [ Spectacular004byRussellBrown ( 5000 x 2895 ピクセル ) ] を選択します。

置き換える空の素材を選択

[ 空を置き換え ] ダイアログで、[ 出力 ] セクションの [ 出力先 ] に [ 新規レイヤー ] を選択します。

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

[ 出力先 ] に [ 新規レイヤー ] を選択

空を置き換えることができました。

[ 空を置き換え ] 自動調整による適用

どこまでが自動調整？

[ 空を置き換え ] ダイアログの [ 前景の調整 ] セクションにある [ 照明の調整 ] と [ カラー調整 ] は、置き換え画像に合わせた元画像の調整であり、デフォルトでは、それぞれの組み合わせによって、適正値が割り出されています。

元画像の適正値が割り出されている

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

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

The post 【画像の合成】素材を選ぶだけ！空をドラマチックに変える方法【空を置き換え】 first appeared on psgips.

【選択範囲】明るさの違いで選択範囲を自動作成する方法「演算による色調変換」

古岡ひふみ — Thu, 21 Jun 2018 23:00:00 +0000

【Photoshop基本操作】選択範囲を作成するアプローチ方法は、色域 (色の違い) と、明度 (明るさの違い) に大別されます。[ 自動選択ツール ] などは、互いの要素から、定式化された数値を持ち寄っていますが、基本的には、色域を重視した選択範囲が作成されます。

色のない世界で抽出する！

たとえば、夕焼け空のように、赤色から青色に変化する領域を同じ領域として選択したい場合、その色の違いが大きいほど、[ 自動選択ツール ] などでは困難になってきます。

しかし、それらの異なる色の「明度」が近い数値なら、同じ領域として選択することができます。

わかりやすく言えば、色のない世界にすれば、明度だけで抽出できるのです。 [ 演算 ] を使用すると、さまざまな、チャンネルの組み合わせによって、画像を構成する特定の要素が抽出できます。

明るさの違いで

選択範囲を自動作成する方法

− 演算による色調変換 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

色が混在する空の色調変換

これから行う操作は、赤色から青色に変化する空だけを選択して、イメージ通りの色調変換をする方法です。主体の建物や木は、逆光によりシルエット化していますが、色調をできるだけ変えたくないという前提です。

特に細かい枝の詳細な部分は、色調変換を自然に、違和感なく行いたいので、明度による選択範囲が簡単に作成できる [ 演算 ] を使用します。

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

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

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

素材画像を開く

ここで使用している素材画像は、夕暮れの空をバッグに建物を撮影したものです。撮影時のイメージでは、空がもっと赤く感じていましたが、オートモードでの撮影だったので、全体に青っぽく写ってしまいました。

【操作方法】

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

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

素材画像を開く

コントラストが強い画像

[ 演算 ] による選択範囲の作成は、RGB 各チャンネルのグレースケールを利用するため、濃淡がはっきりした、コントラストが強い画像に向いています。用途としては、風景写真の空色の調整、金属やガラス製品の光沢の強調、髪の毛や繊維などの詳細なシルエット抽出などです。

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

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

サンゴ礁とウミガメの素材画像をダウンロードしよう！ ( 494 KB )

The post 【選択範囲】明るさの違いで選択範囲を自動作成する方法「演算による色調変換」 first appeared on psgips.

写真を加工する！パソコン画面から飛び出すウミガメ

古岡ひふみ — Sun, 04 Jun 2017 23:00:00 +0000

【Photoshop講座】はめ込み合成の一部を、フレームの外にはみ出させるだけで、トリッキーな効果が得られます。それはまるで、ノートパソコンの画面から飛び出してきたように感じます。チュートリアルの主なポイントは、自然な切り抜きと立体的に見せる光と影です。複雑な作業を効率的に組み立てましょう。

内側と外側の変化！

トリッキーな効果を得るには、オブジェクトを自然に切り抜くことはもちろんですが、それ以上に、光と影の演出が重要です。作例では、海中を泳ぐウミガメを使用しているので、画面の外側に切り出してみると、元の青味がかった影が目立ってしまいます。画面の内側と外側では、環境光の色が変わるワケです。画面から飛び出した部分の、色調を変える技を身につけましょう。

画像合成の総合テクニック

これから行う操作は、パソコン画面に素材画像をはめ込み、主体の一部を、画面の外側へはみ出させることにより、飛び出したような効果をつくり出す方法です。オブジェクトの選択や切り抜き、トリッキーなレイヤーマスクの作成、特定の色域を軽減させるカラーの調整方法など、画像合成に関わる、さまざまなテクニックが盛り込まれています。

はめ込み合成の位置を決める

素材画像をダウンロードして開きます。サンゴ礁とウミガメ、ノートパソコンの素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 800 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGBカラー ] を使用しています。

ノートパソコンの素材画像をダウンロードしよう！ ( 320 KB )

サンゴ礁とウミガメの素材画像を開く

ノートパソコンの素材画像を開く

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

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

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

ひとつにまとめる操作

サンゴ礁とウミガメの素材画像を、切り抜きレイヤーとして合成したいので、ノートパソコンの素材画像にコピー＆ペーストして、それぞれの画像をひとつのドキュメントにまとめます。

サンゴ礁とウミガメの素材画像を表示します。

[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択、[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

ノートパソコンの素材画像を表示します。

グループの作成

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

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

[ グループ 1 ] が作成されたことを確認します。

描画モードに [ 通常 ] を選択します。

[ グループ 1 ] を作成

[ command ( Ctrl ) ] + [ V ] キーを押して、コピーしたサンゴ礁とウミガメの素材画像をペーストします。

合成画像をペースト

通過と通常の違い！

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

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

不透明度の設定

合成する背景画像の位置をわかりやすくするため、ペーストしたサンゴ礁と、ウミガメのレイヤーを半透明にします。

[ レイヤー ] パネルで、[ 不透明度 ] に [ 50% ] を入力します。

[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示します。

[ 不透明度 : 50% ] を設定

大きさと位置の調整

オプションバーで、[ 基準点の位置 ] を中央上に設定します。

[ 縦横比を固定 ] をクリックします。

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

[ 水平比率を設定 : 75% ] を入力

バウンディングボックス内をドラッグして、パソコン画面との位置が調整できたら、[ enter ] キーを押して、変形を確定します。

ドラッグして合成画像の位置を調整する

不透明度は暫定的！

[ 不透明度 ] の設定は、合成する位置を確認するための、暫定的なものです。パソコン画面との位置が調整できたら、元の状態に戻しましょう。オプションバーで、[ 不透明度 ] に [ 100% ] を設定します。

[ 不透明度 : 100% ] を設定

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

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

The post 写真を加工する！パソコン画面から飛び出すウミガメ first appeared on psgips.

【画像合成】切り抜きの境界線をなじませる【フリンジ削除】

古岡ひふみ — Mon, 29 May 2017 23:00:00 +0000

【Photoshop基本操作】画像を形に切り抜いて合成する場合、直面する問題があります。それは、境界線に不自然な「白フチ」や「黒フチ」が残ることです。このような現象が起こる原因は、形に切り抜きする前の周辺画像が影響しています。そして、合成テクニックのひとつである境界線の「ぼかし」が深く関係しています。それらを自然になじませる方法を学びましょう。

周縁のピクセルを取り除く技！

切り抜き合成にとって、境界線の処理は大変重要です。それはわずか 0.5 ピクセルという詳細な範囲です。境界線を自然になじませるためには、[ フリンジ削除 ] という機能を使用することが効果的です。

そのためには、切り抜きレイヤーを作成する必要があり、正確なオブジェクトの選択範囲を作成するテクニックが必要です。周縁のピクセルを取り除く技を身につけましょう。

切り抜きの境界線をなじませる

− フリンジ削除 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

切り抜きレイヤーのマッティング

これから行う操作は、レイヤー上でオブジェクトを切り抜き、その境界線を自然になじませる方法です。ほとんどのケースで直面する白フチや黒フチが残る現象は、切り抜きレイヤーの [ マッティング ] で対応できることが多いです。

切り抜きレイヤーのマッティングには、用途に応じたさまざまな形式があります。その中でも活用範囲が広い [ フリンジ削除 ] は、境界線の色を自動的に判断して、不要なピクセルを取り除く機能です。

素材画像をダウンロードしよう！ ( 夕景の湖 : 644 KB )

合成画像をひとつにまとめる

木板に並べたフルーツの素材画像を、切り抜きレイヤーとして合成します。そのため、夕景の湖の素材画像にコピー＆ペーストして、それぞれの画像をひとつのドキュメントにまとめます。

【操作方法】

素材画像をダウンロードして開きます。夕景の湖、木板に並べたフルーツの素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 800 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 木板に並べたフルーツ : 653 KB )

夕景の湖の素材画像を開く

photo by skeeze

木板に並べたフルーツの素材画像を表示します。[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択、[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

木板に並べたフルーツの素材画像をコピー

photo by bretpit

ひとつのドキュメントに！

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

夕景の湖のドキュメントを表示します。[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックして、[ グループ 1 ] を作成します。

描画モードに [ 通常 ] を選択します。

[ 描画モード : 通常 ]

[ command ( Ctrl ) ] + [ V ] キーを押して、コピーしたフルーツの素材画像をペーストします。

合成画像をペースト

通過と通常の違い

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

グループ内の描画モードや、調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。

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

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

The post 【画像合成】切り抜きの境界線をなじませる【フリンジ削除】 first appeared on psgips.

写真をイラスト調に！ダークなパステル画風

古岡ひふみ — Mon, 25 May 2015 23:00:00 +0000

【Photoshop講座】パステルとは、顔料を棒状に固めた絵の具です。場所を選ばず、手軽に描くことができるため、デッサンやスケッチに用いられる場合が多いです。白色が効果的に使えるクラフト紙を背景にして、写真の人物を、ダークな色調のパステル画風に仕上げましょう。

選択範囲の作成テクニック！

選択範囲を保存すると、白黒の画像で境界線が編集できる「アルファチャンネル」が作成されます。不要な部分があっても、アルファチャンネルで黒く塗りつぶせば、簡単に修正ができるワケです。しかし、元の選択範囲がマズイと、アルファチャンネルを修正するのも大変になります。

「王道」とも言える選択範囲の作成テクニックは、[ クイック選択ツール ] で大まかな選択範囲を作成し、[ 境界線を調整 ] で曖昧な境界線を自動検出して、その選択範囲をアルファチャンネルに出力 (選択範囲を保存) することです。

写真をイラスト調に！

ダークなパステル画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ハイライトを起こす効果

これから行う操作は、写真をイラスト調に加工する方法です。パステル画の特徴は、粗くかすれたタッチですが、チョークやクレヨンと差別化するには、ハイライトを起こす効果で、それっぽくなるでしょう。そのためには、白色以外の用紙が必要です。

肌色に近い中間調のクラフト紙は、ザラッとした質感もあり、ダークな表現にはぴったりです。実際のクラフト紙に描くような感覚で、写真をダークなパステル風に加工しましょう。

レッスン動画を配信中！

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

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

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

ダークなパステル画風では、元画像から、２つの選択範囲を作成します。ひとつめは、人物を切り抜くシルエットです。そして、２つめは、ハイライトを起こす領域です。

【操作方法】

素材画像を開きます。素材画像は、[ 幅 : 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 ] を作成します。

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

２つめの選択範囲を、アルファチャンネルに作成しましょう。ハイライトを起こす領域は、[ 色域指定 ] の [ ハイライト ] から作成します。

【操作方法】

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ ハイライト ] を選択して、[ OK ] をクリックします。

[ 選択 : ハイライト ]

すると、ハイライトの選択範囲が作成されます。

ハイライトの選択範囲を確認

[ チャンネル ] パネルで、[ 選択範囲をチャンネルとして保存 ] をクリックして、[ アルファチャンネル 2 ] を作成します。

[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。２つのアルファチャンネルが作成できました。

[ 選択範囲をチャンネルとして保存 ] をクリック

選択範囲を保存する

[ 選択範囲をチャンネルとして保存 ] は、[ 選択範囲 ] メニューから選択する [ 選択範囲を保存 ] と同じ働きをするものです。

アルファチャンネルやレイヤーマスクを作成する基本操作として、「現在の選択範囲を保存する」という概念を身につけましょう。

２つのアルファチャンネル

２つのアルファチャンネルは、人物を切り抜くシルエットと、ハイライトを起こす領域です。最終的な仕上がりに影響を与えるものです。

人物を切り抜くシルエット

ハイライトを起こす領域

切り抜きの境界線やハイライト領域など、それぞれ最適な選択範囲が作成できるように、必要に応じて修正を加えておきましょう。

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

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

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

写真を絵画調に！ひび割れたテンペラ画風「ルネッサンス期の古典的な技法」

古岡ひふみ — Sun, 17 May 2015 23:00:00 +0000

【Photoshop講座】「テンペラ」とは、ルネッサンス期の壁画などに多く用いられた、古典的な西洋絵画の技法です。石膏を塗った板に、顔料と卵黄を混ぜ合わせて描くもので、写実的で筆のタッチがあまり見られないのが特徴です。テンペラ画の重厚な色調と、絵の具のひび割れ模様を演出してみましょう。

写真の生っぽさをなくす！

テンペラ画の特徴のひとつに、まるで、写真か？と思わせるような、写実主義があります。タッチを無くし、ひたすら光と影を追求する姿勢は、現代の写真を目指していたとも言えます。

優れた写真素材なら、そのままでも十分なのかも知れませんが、強いてあげるなら、写真の生っぽさを抑えることです。ディテールを崩しすぎないことが、古典的な絵画風を目指す上でのポイントだと思います。

写真を絵画調に！

ひび割れたテンペラ画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ひび割れたテンペラ画風に加工

これから行う操作は、写真を絵画調に加工する方法です。テンペラ画の特徴は、写実的で重厚な色彩を用いることです。重厚な色彩は、使用される絵の具の特性から、黄みがかっていることがひとつの原因です。

写真撮影で例えるなら「色かぶり」ですね。古い壁画っぽいひび割れの質感に、目を奪われがちになると思いますが、擬似的に引き起こす色かぶりの、テクニックに注目してください。

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

レッスン動画を配信中！

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

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

写実的な絵画タッチにする

複数のフィルターを掛け合わして、テンペラ画風のベースを作成しましょう。目指すのは、写実的ではあるけれど、写真ではない…という、ちょっと矛盾した効果です。

【操作方法】

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

素材画像を開く

画像の大きさに注意！

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

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

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

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

粗いノイズをつける設定

まず、絵画タッチの要素となる、点描のような効果を適用しましょう。ランダムなカラーノイズを発生させて、色を感じさせながら、少し不鮮明な印象にします。

【操作方法】

[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ テクスチャ ] – [ 粒状 ] を選択します。

[ 粒状 ] を選択

[ 粒状 ] ダイアログで、[ 粒子の種類 ] に [ 凝集 ] を選択します。

[ コントラスト ] に [ 50 ]、[ 密度 ] に [ 50 ] を入力します。

[ 粒状 ] を設定

すると、いろんな色を含む、点描のような効果が生まれます。

粗いノイズをつける

作例では、元画像の印象をできるだけ残します。そのため、[ 密度 ] に中間値の [ 50 ] を設定しました。初期設定は [ 40 ] です。[ コントラスト ] は、ノイズの差を調整するもので、数値が大きくなるほど強くなります。初期設定は [ 50 ] です。

ドライブラシを適用

[ ドライブラシ ] は、単体で使用しても、絵画調にできるパフォーマンスを持ったフィルターです。ここでは、ベースの効果として、[ ドライブラシ ] を中心に、作成方法を考えています。

【操作方法】

[ フィルターギャラリー ] 操作パネルで、[ 新しいエフェクトレイヤー ] をクリックします。

[ 粒状 ] の複製を確認してください。

[ アーティスティック ] – [ ドライブラシ ] を選択します。[ ドライブラシ ] ダイアログで、[ ブラシサイズ ] に [ 0 ]、[ ブラシの細かさ ] に [ 8 ]、[ テクスチャ ] に [ 1 ] を入力します。

[ 粒状 ] と [ ドライブラシ ] が設定できたら、[ OK ] をクリックします。

[ ドライブラシ ] を設定

[ ドライブラシ ] を適用することで、粗いランダムなタッチを作り出し、効果の無機質感を緩和させます。

[ ドライブラシ ] を適用

ドライブラシのコツ！

[ ドライブラシ ] の設定は、まず、[ ブラシサイズ ] を調整しましょう。[ ブラシサイズ ] は、ピクセルをブレンドする大きさを調整するもので、数値が大きくなるほど、単純化される範囲が広くなり、大きなブラシで描いたようなタッチになります。初期設定は [ 2 ] です。

[ ブラシの細かさ ] は、ブラシを強調するエッジの幅を調整するもので、数値が大きくなるほどエッジの幅が小さくなり、適用画像のディテールを残せます。初期設定は [ 8 ] です。

[ テクスチャ ] は、ブラシのハロー (光りがぼやけて見える現象) を調整するもので、数値が大きくなるほどハローが強くなり、ランダムなタッチが現れます。初期設定は [ 1 ]です。

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

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

The post 写真を絵画調に！ひび割れたテンペラ画風「ルネッサンス期の古典的な技法」 first appeared on psgips.

写真を絵画調に！色鮮やかな印象派風「複数のエフェクトを掛け合わせてつくる」【2021】

古岡ひふみ — Wed, 13 May 2015 23:00:00 +0000

【Photoshop講座】風景や人物などを鮮やかな色彩で描く「印象派」。その光と影を巧みに表現する粗いタッチは、近代絵画の先駆けとなりました。モネやシスレーになった気分で、夕日の風景写真を、色鮮やかな印象派風に加工してみましょう。

影を青くする！

影が黒いままだと、絵画調の効果は半減します。明るくしたり、鮮やかにすることも必要ですが、もともと、明度や彩度を含まない領域では、効果はさほど向上しません。

このような領域を [ 色域指定 ] で選択し、RGB のバランスを少し変えると、青っぽくなったり赤っぽくなったり、影に色を感じさせることができます。

写真を絵画調に！

色鮮やかな印象派風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

光と影を巧みに表現

これから行う操作は、写真を絵画調に加工する方法です。印象派の特徴は、モネやシスレーに代表されるような、鮮やかな色彩を持つ風景画です。

光と影を題材にしたものが多いので、対象の画像には夕景を選ぶとそれっぽくなるでしょう。そこで重要なテクニックとなるのが、絵画にはふさわしくない、黒色をいかに変換するかです。光と影を巧みに表現しましょう。

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

レッスン動画を配信中！

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

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

影を明るくする

絵画調の加工では、写真の影を明るくすることが必要です。それは、影の部分に潜む色を感じさせるためであり、光と影の対比により、巧みに補色を取り入れる技法でもあるからです。

【操作方法】

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

素材画像を開く

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグして、[ 背景コピー ] を作成します。

[ 背景コピー ] を作成

画像の大きさに注意！

シャドウ・ハイライトを設定

[ シャドウ・ハイライト ] は、影を明るくすることに特化した色調補正ツールです。ここでは、対象が暗い夕景であるため、明るくする量に、最大値を設定しましょう。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ シャドウ・ハイライト ] を選択します。[ シャドウ・ハイライト ] ダイアログで、[ シャドウ ] セクションの [ 量 ] に [ 100 ] % を入力して、[ OK ] をクリックします。

基本がわかる！シャドウ・ハイライト

[ シャドウ・ハイライト ] を設定

素材画像の影が明るくなりました。

シャドウ・ハイライトとは？

[ シャドウ・ハイライト ] とは、画像の暗い領域、または、明るい領域をそれぞれに調整できる機能です。たとえば、逆光で暗くなった被写体を明るくする場合に適しています。[ シャドウ ] セクションの [ 量 ] 大きくすると、暗い部分だけが明るくなります。

ブラックを選択する設定

[ シャドウ・ハイライト ] の適用によって、影の部分を明るくすることができましたが、さらに明るくするため、画像内のブラックの色域 (無彩色の主にシャドウ領域) を選択して、その部分に色を感じさせる補正を行います。

【操作方法】

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ 指定色域 ] を選択します。

スポイトツールを選択します。初期設定

[ ツール ] パネルで、描画色の [ ブラック ] をクリックします。

[ 色域指定 ] ダイアログで、[ 許容量 ] に [ 200 ] を設定して、[ OK ] をクリックします。

[ 色域指定 ] を設定

描画色の [ ブラック ] をクリック

[ ブラック ] の色域が選択されました。

選択範囲が表示されていると、補正の結果が確認しにくいので、[ 表示 ] メニューから、[ 表示・非表示 ] – [ 選択範囲の境界線 ] を選択して、選択範囲を非表示にします。

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

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

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

レベル補正を設定

ブラックの色域が選択できたら、その領域が青っぽくなるように調整します。[ レベル補正 ] は、明るさや暗さだけではなく、同時にカラーバランスも変えられるので便利です。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ レベル補正 ] を選択します。 [ レベル補正 ] ダイアログで、[ チャンネル ] に [ ブルー ] を選択します。

[ 出力 ] レベルのシャドウ点のスライダーをドラッグして、[ ブラック ] の色域に色を感じさせます。[ 64 ] に設定して、[ OK ] をクリックします。

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

[ レベル補正 ] ダイアログを設定

[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

影を明るくして、青っぽく色を感じさせることができました。

補色の影響力を弱める

チャンネル [ ブルー ] の [ 出力レベル ] に、上記のような設定を行うと、結果色は青っぽくなります。これは、[ ブルー ] を強めたわけではなく、[ レッド ]、[ グリーン ] に干渉する、[ ブルー ] の階調を浅くすることによって、カラーバランスを変えています。

RGB 画像の場合、カラーバランスは、チャンネルの補色に影響します。チャンネル [ レッド ] は [ シアン ]、チャンネル [ グリーン ] は [ マゼンタ ]、チャンネル [ ブルー ] は [ イエロー ] が補色になります。

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

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