なじませる| psgips

選択範囲を読み込む

レッスン用の素材画像には、あらかじめ、人物の選択範囲が保存されています。他の素材で応用する場合は、[ 選択範囲 ] – [ 被写体を選択 ] などで、対象オブジェクトに選択範囲を作成してください。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を読み込む ] を選択します。[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に、[ アルファチャンネル 1 ] を選択します。

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

[ 選択範囲を読み込む ] を設定

すると、あらかじめ作成した、選択範囲が読み込まれます。

読み込まれた選択範囲を確認

被写体を選択とは？

コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

レイヤーマスクを追加

オブジェクトの切り抜きには、レイヤーマスクを使用します。レイヤーマスクは、切り抜き後も、マスク領域の編集が自由に行えます。

【操作方法】

[ レイヤー ] パネルで、レイヤー [ モデル ] を選択します。

[ レイヤーマスクを追加 ] をクリックします。

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

追加されたレイヤーマスクを確認してください。

レイヤーマスクを確認

レイヤーマスクによる、オブジェクトの切り抜きができました。

オブジェクトの切り抜きを確認

[ レイヤー ] パネルで、[ 背景色 (ブラック) ] を表示します。

[ 背景色 (ブラック) ] を表示

作例では、背景色にブラックを敷いて、レイヤーマスクによる切り抜きを確認します。解説用に白フチを誇張しています。

背景色で切り抜きを確認 (部分)

なぜ、白フチが残る？

オブジェクトの切り抜きでは、境界線に白フチや、黒フチが残ることがよくあります。これは、元画像の背景の色や、明るさが境界線に残っているためで、素材によっては、上手に切り抜いても、解消できないことがあります。

元画像の背景が白フチの原因

詳細な切り抜き領域が設定できる [ パス ] を用いると、境界線の滑らかさが逆に作用して、白フチや黒フチが目立つ場合も少なくありません。

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

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

The post これで解決！切り抜きの白フチはこうやって取る！「明るさの最小値」【2023】 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 ] を右クリックします。

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

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

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

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

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

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

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

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

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

【画像の変形】円筒形の缶にラベルを貼る方法「円柱ワープの変形と合成」【2022】

古岡ひふみ — Tue, 28 Jun 2022 23:00:00 +0000

【Photoshop基本操作】バージョン 2022 (23.4) から、円柱ワープが追加されました。これは、パッケージデザイナー待望の機能です。円筒形に合わせた、画像の変形が簡単にできます。しかし、貼り付ける形状に、パースがついていると、難しいですね。そんなときは、遠近法の変形を組み合わせます。計画的な操作で、缶コーヒーにラベルを貼り付けましょう。

先にコーナーを決める！

配置された画像は、[ 自由変形 ] が初期設定されています。どんな形状のオブジェクトに対しても、４つの角がすべて等しい、バウンディングボックスが表示されます。そのため、その４つの角がどこにあるべきか？を判断して、まず、コーナーポイントの位置を決定しましょう。

円筒形の缶にラベルを貼る方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

円筒形の缶にラベルを貼る方法

これから行う操作は、缶コーヒーの写真素材に、平面のラベルデザインを、違和感なく貼り付ける方法です。あらかじめ、変形のポイントとなる、４つのコーナーを決定しておき、拡大・縮小や、遠近法などの変形を、一連の操作で行います。

元画像

円筒形の缶にラベルを貼る

円柱ワープは、円筒形に合わせた、画像の変形が簡単にできます。計画的な操作で、缶コーヒーにラベルを貼り付けましょう。円柱ワープ : [ 変形 ] – [ ワープ ] の種類 (バージョン 2022 以降)

円柱ワープ

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

レッスン動画を配信中！

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

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

ラベル領域を選択する

いきなり、ラベルデザインを合成しようとする方も多いと思います。しかし、これでは、いつまでたっても上達しません。面倒でも、ラベルデザインを合成する領域に、レイヤーマスクや、ベクトルマスクを作成しておきましょう。

【操作方法】

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

素材画像を開く

グループを作成

ラベルデザインをひとつにまとめる、グループを作成しましょう。作例では、複数のレイヤーに共通した、ベクトルマスクを追加する重要な役割もあります。

【操作方法】

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

[ グループ 1 ] が作成されたことを確認してください。

[ 新規グループを作成 ] をクリック

グループ名を [ ラベルデザイン ] に変更します。

グループ名を変更

[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグします。

[ 背景のコピー ] が作成されたことを確認してください。

[ 新規レイヤーを作成 ] にドラッグ

[ 背景のコピー ] をドラッグして、グループ [ ラベルデザイン ] に格納します。

レイヤー名を [ アルミの質感 ] に変更します。

グループに格納

質感を加える準備！

レイヤー [ アルミの質感 ] は、ラベル表面に、アルミの質感を加えるためのものです。ここでは、元画像を利用する方法を取りますが、元画像に質感が含まれていない場合、または、既存の図案などがある場合は、質感用のマップを作成する必要があります。

ベクトルマスクを追加

ラベル領域の選択は、境界線がはっきりしているので、ベクトルマスクを作成する方法を取ります。このレッスンでは、あらかじめ、作業に必要なパスを、素材画像に保存しています。

缶コーヒーのラベル領域

【操作方法】

[ パス ] パネルを表示します。

[ ラベル領域 ] を選択します。

[ ラベル領域 ] を選択

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

グループ [ ラベルデザイン ] を選択します。

[ command ( Ctrl ) ] キーを押しながら、[ ベクトルマスクを追加 ] をクリックします。

ベクトルマスクが追加されたことを確認してください。

[ ベクトルマスクを追加 ] をクリック

[ プロパティ ] パネルで、[ ぼかし ] に、[ 1.0 px ] を入力します。

[ ぼかし : 1.0 px ] を設定

境界線をなじませる準備！

ベクトルマスクを使った切り抜きやはめ込み合成は、境界線がはっきりしているので、合成元との違和感が出ます。ラベル領域の境界線を、少しぼかしておきましょう。

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

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

The post 【画像の変形】円筒形の缶にラベルを貼る方法「円柱ワープの変形と合成」【2022】 first appeared on psgips.

【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」

古岡ひふみ — Wed, 06 Apr 2022 23:00:00 +0000

【Photoshop基本操作】パスを最初から描画することは難しいです。しかし、コーヒーカップのような形状なら、基本図形の組み合わせだけで、簡単に作成できる場合があります。滑らかで明瞭な曲線を持つオブジェクトを、すばやくきれいに切り抜くメリットもあります。パスの基本的な機能と操作を学びましょう。

ガイドにスナップさせる！

パスの操作は、ピクセルグリッドにスナップ (吸着) させずに行うことが基本とされています。しかし、ここはスナップさせたい！と思うことも多いかと思います。

そんなときは、スナップさせたい箇所にガイドを作成します。パスには、ガイドにスナップする機能があり、たとえば、楕円形パスを囲む長方形の領域に、あらかじめ、ガイドを作成しておけば、簡単に素早く、パスを作成することができます。

コーヒーカップを

基本図形で切り抜く方法

– 楕円形パスの組み合わせ –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

コーヒーカップを基本図形で切り抜く

これから行う操作は、コーヒーカップを切り抜く方法です。切り抜きにはパスを使用して、選択範囲の作成から、レイヤーマスクの出力までを行います。大まかには、楕円形パスを２つ組み合わせることで、高品質な切り抜きの境界線をレイヤーマスクに出力します。

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

レッスン動画を配信中！

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

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

ガイドを作成する

正確な操作を行うために、ガイドを作成しましょう。あらかじめ、ガイドを作成しておくと、ガイドにパスがスナップ (吸着) できます。

【操作方法】

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

素材画像を開く

[ 表示 ] メニューから、[ 定規 ] を選択して、[ 定規 ] を表示します。ショートカットキー : [ command ( Ctrl ) ] + [ R ]

[ 定規 ] からドキュメント内にドラッグして、コーヒーカップの円形の頂点に合わせて、ガイドを作成します。

センターとマージンにすばやくガイドを引く

[ 定規 ] からドラッグしてガイドを作成

続いて、円形の左右の側面に合わせてガイドを作成します。

コーヒーカップを囲む３点のガイドが作成できた

境界線の少し内側に作成

ドキュメントの表示をズームアップして、コーヒーカップの境界線の最大位置を約 1 pixel 内側にガイドを作成しましょう。作成するガイドは、左右の側面と上辺、または、下辺の３点です。ガイド作成時に [ shift ] キーを併用すると、目盛りにぴったり合わせることができます。

ツールの環境設定

パスを作成する前に、ツールの環境設定 [ ベクトルツールと変形をピクセルグリッドにスナップ ] の有効 / 無効を確認しておきましょう。

[ Photoshop (編集) ] メニューから、[ 環境設定 ] – [ ツール ] を選択します。

[ 環境設定 ] ダイアログで、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にします。

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

[ 環境設定 ] を設定

スナップさせない！

これから作成するパスが、ピクセルグリッドにスナップすると、アンカーポイントの位置や方向線の角度が制限されるため、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にしておきます。

パスを作成後、このオプションを有効に戻しても、アンカーポイントの位置や方向線の角度は、そのまま保持されますが、移動や編集を加えると、ピクセルグリッドにスナップされるので、注意が必要です。

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

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

The post 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 first appeared on psgips.

基本がわかる！髪の毛の切り抜き「選択とマスクの使い方」【2022】

古岡ひふみ — Wed, 09 Mar 2022 23:00:00 +0000

【Photoshop基本操作】コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

検知エリアを見極める！

[ 選択とマスク ] は、任意に作成した検知エリアにも対応します。それは、大まかな範囲であっても、詳細に検出してくれます。しかし、何事にも限界があるように、意図した結果を得るには、その特性を理解しておかなければなりません。検知エリアに含めるか、含めないか…。ピクセル単位の見極めが必要です。

基本がわかる！髪の毛の切り抜き

選択とマスクの使い方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

レッスンを始める前に

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

【操作方法】

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

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

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

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

被写体を選択

作例の素材には、格子状の壁の背景があります。髪の毛も複雑で、切り抜きが難しそうに見えます。しかし、被写体が順光であり、背景との明るさに違いがあります。このような素材には、まず、[ 被写体を選択 ] を試してみましょう。

元画像

髪の毛の切り抜き (透明ピクセル)

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

レッスン動画を配信中！

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

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

背景を透明にする

オブジェクトの切り抜きには、用途に応じて、さまざまな方法があります。ここでは、背景を透明ピクセルに置き換える方法を取ります。

【操作方法】

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

素材画像を開く

photo by JasperSinn

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

選択範囲を作成

複数の被写体がある場合

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

必要な部分だけをトリミング

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

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

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

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

背景を透明ピクセルに、置き換えることができました。

背景を透明ピクセルに置き換える

透明ピクセルとは？

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

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

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

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

The post 基本がわかる！髪の毛の切り抜き「選択とマスクの使い方」【2022】 first appeared on psgips.

写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」

古岡ひふみ — Mon, 27 Dec 2021 23:00:00 +0000

【Photoshop講座】都会の雑踏をテーマに、見上げた青空と、ジェット旅客機を合成します。アニメっぽく仕上げるコツは、影を明るくすることと、輪郭をハッキリさせることです。情緒的な光の演出を加えて、アニメ風景を完成させましょう。

白色を重ねる技法！

描画モード [ ソフトライト ] の特性は、基本色に対して、合成色の明度が 50 % 反映されます。そのため、明度 100 % の完全な白色が合成されると、トレーシングペーパーを被せたような半調になります。この技法、アニメ風写真加工に最適ですね。

写真をイラスト調に！

アニメ風景の描き方

– 場面転換・都会の雑踏 –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

アニメ風景のように加工する

これから行う操作は、写真をアニメの風景カットのように加工する方法です。スマートオブジェクトに複数の色調補正やフィルターを加えて完成させます。

「アニメ風景の描き方」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。

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

レッスン動画を配信中！

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

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

３つの画像を合成する

ひとつのドキュメントに、合成する３つの素材画像を配置しましょう。アニメ風景のベースにするのは、空を見上げた信号機です。配置方法には、元画像の情報が保持できる、[ 埋め込みを配置 ] を使用します。

【操作方法】

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

素材画像を開く

photo by runrun2017

合成する画像は、ベースの信号機 [ uf035-signal.jpg ]、青空と雲 [ uf035-sky.jpg ]、ジェット旅客機 [ uf035-plane.png ] です。応用する場合は、素材画像を準備してください。

合成に適した素材は？

このレッスンでは、３点合成を前提として、まず、光源の方向に注意を払いました。そして、光源を背にした「逆光」です。

アニメの背景画では、光と影のコントラストを強調する演出が多く見られます。写真をイラスト調にするテーマにおいては、影を明るく、輪郭をシャープにする技法を用いるので、ディテールが繊細で複雑な、電線を張り巡らせた信号機の素材を選びました。

埋め込みを配置

ドキュメントに画像を配置するには、画像を開いて、コピー＆ペーストで配置する方法と、画像を開かずに配置する、配置コマンドを使用した方法、さらに、ファイルを直接、ドキュメントにドラッグ＆ドロップする方法もあります。ここでは、[ 埋め込みを配置 ] を用いましょう。

【操作方法】

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。青空と雲の画像 [ uf035-sky.jpg ]、続いて、ジェット旅客機の画像 [ uf035-plane.png ] を選択します。

[ 配置 ] をクリックします。

[ uf035-plane.png ] を選択

[ enter ] キーを押して、変形を確定します。

３つの画像を配置

合成する３つの素材画像を、ひとつのドキュメントにまとめることができました。ラスタライズ不可

３つの画像をひとつのドキュメントにまとめる

埋め込みを配置とは？

[ 埋め込みを配置 ] で画像を配置すると、元画像の情報を保持した、スマートオブジェクトに変換したレイヤーが作成されます。

配置するドキュメントより、元画像のサイズが大きい場合は、ドキュメントサイズに合わせて自動縮小されます。もちろん、再編集可能なスマートオブジェクトなので、拡大・縮小などの変形が、画質を劣化させることなく、何度でもやり直せます。デメリットは、ファイル容量が大きくなることです。

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

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

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 first appeared on psgips.

切り抜きを極める！金髪くるくる巻きをサクッと切り抜く方法

古岡ひふみ — Tue, 09 Jul 2019 23:00:00 +0000

【Photoshop基本操作】切り抜きのスゴイ機能 [ 被写体を選択 ] と [ 選択とマスク ] は、人工知能と機械学習を統合した「 Adobe Sensei 」で、絶大な威力を発揮します。髪の毛の中抜きもカンタン。金髪くるくる巻きをサクッと切り抜いてみましょう。

最初の選択範囲が肝心！

[ 選択とマスク ] が思うように操作できないのは、その前の操作である選択範囲の作成がマズイからです。それは技術や手間が必要というワケではなく、大まかであっても、適切な位置に「選択範囲を通す」見極めが必要だということです。自動検出をベースに「人の手」を加えることで、選択範囲の精度はグンと向上します。

切り抜きを極める！

金髪くるくる巻きを

サクッと切り抜く方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

髪の毛を自動検出で切り抜く方法

これから行う操作は、[ 被写体を選択 ] と [ 選択とマスク ] を使用して、髪の毛を切り抜く方法です。自動検出を最大限に活用した、初級ユーザーにもやさしいシンプル操作です。選択範囲の修正とマスクプレビューで、少しずつクリック修正することがポイントです。

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

選択範囲を作成する

[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。

【操作方法】

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

素材画像を開く

photo by ivanovgood

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

[ 被写体を選択 ] を選択

すると、自動検出された被写体の選択範囲が作成されます。

自動検出された被写体の選択範囲が作成

どんな素材にも有効？

[ 被写体を選択 ] は、無背景の被写体なら一瞬で選択範囲を作成してくれます。作例のように、背景と被写体が、補色関係にあるものも得意そうです。しかし、これで満足してはいけません。素材により自動検出の精度はさまざまですが、共通した弱点は「中抜き」です。

photo by Victoria_Borodinova

中抜きとは、ドーナツの穴やマグカップの取っ手など、オブジェクトがポッカリ抜けて空間になっている部分です。うまく選択される場合もありますが、中抜き箇所には特に注意しましょう。

レッスン動画を配信中！

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

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

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

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

サンゴ礁とウミガメの素材画像をダウンロードしよう！ ( 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, 13 Mar 2017 23:00:00 +0000

【Photoshop基本操作】オブジェクトの切り抜きにレイヤーマスクを使用すれば、透けている部分に階調を付けて、不透明度を変化させることができます。元画像の明度や色域から、それぞれ抽出した自然な階調をひとつに合成して、透けた布や女性の髪の毛をすばやく切り抜きましょう。

効率的なアプローチ方法を探る！

切り抜きで、最初に判断しなくてはならないのは、素材画像に応じた選択範囲を、いかに作成するか？というアプローチ方法です。

大別すると「明度」と「色域」があり、このいずれかの要素が、はっきりしている素材なら、詳細な部分でも簡単に、切り抜くことができます。さまざまなアプローチ方法を組み合わせて、効率的な作業を目指しましょう。

切り抜きを極める！

透けた布を

レイヤーマスクで切り抜く方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

階調の違いで不透明度を調整

これから行う操作は、半透明のオブジェクトに対する、ひとつの切り抜き方法です。作例の素材画像は、布 (ショール) を掲げている女性で、モノトーンの空と青い布の対比を意図した作品です。

photo by Klearchos Kapoutsis

布の透明度が高い部分はより明るく、暗い部分の色は濃くなっているので、その明度差で不透明度を調整できれば、同じような条件で切り抜けるはずです。

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

レッスン動画を配信中！

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

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

明度を抽出する

明度とは、「色の定義」のひとつで、画像に含まれているピクセルの、明るさを数値化したものです。明度で数値化された階調を「グレースケール」といいます。

【操作方法】

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

素材画像を開く

photo by Klearchos Kapoutsis

[ イメージ ] メニューから、[ 演算 ] を選択します。[ 演算 ] ダイアログで、[ 第 1 元画像 ] セクションの [ チャンネル ] に [ グレー ] を選択します。

[ 反転 ] を有効にします。

[ 第 1 元画像 ] セクションを設定

演算とは？

[ 演算 ] は、元画像の同一、または、異なる２つのチャンネルを合成して、ドキュメントやチャンネルに出力することができます。

ここでは [ 第 1 元画像 ] に、元画像のグレースケール (黒と白だけの階調で構成した画像に変換) を選択して、[ 反転 ] にチェックマークを付けることで、明るい部分を黒に、暗い部分を白に入れ替えています。

[ 第 2 元画像 ] セクションの [ チャンネル ] に [ グレー ] を選択します。

[ 反転 ] を有効にします。

[ 描画モード ] に [ 乗算 ] を選択します。

[ 第 2 元画像 ] セクションを設定

元画像の階調を利用する

[ 描画モード ] に [ 乗算 ] を選択すると、それぞれの階調が乗算されて暗くなるので、空の部分の反転した階調が真っ黒に近付き、髪の毛や布などのシルエットは、暗い部分の階調が真っ白のまま維持されます。白黒をはっきりさせると、切り抜きがよりきれいに行えます。

明るい空を背景にした素材では、布や髪の毛のような透けたシルエットを、ディテールを壊すことなく、簡単に強調することができます。白でもない黒でもない曖昧な階調を残すことで、合成すると背景が透けて見えるレイヤーマスクを作成することができます。

[ 演算 ] ダイアログで、[ 結果 ] に [ 新規チャンネル ] を選択して、[ OK ] をクリックします。

[ 結果 : 新規チャンネル ]

[ 演算 ] を実行すると、[ チャンネル ] パネルに [ アルファチャンネル 1 ] が作成され、ドキュメントウィンドウが自動的に、アルファチャンネル表示に切り替わります。

アルファチャンネルが表示される

[ チャンネル ] パネルに作成された、[ アルファチャンネル 1 ] を確認してください。

[ アルファチャンネル 1 ] を確認

アルファチャンネルとは？

画像を構成している「チャンネル」、たとえば RGB カラーならレッド、グリーン、ブルーの３つのチャンネルの他に、特殊な第４のチャンネルをプラスアルファすることです。

アルファチャンネルは複数作成することも可能で、元の画像には直接影響を与えない補助チャンネルです。選択範囲の領域を保存したり、編集を加えて新たな選択範囲を作成することなどに活用できます。

基本がわかる！マスクの種類と作り方

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

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