フリンジ削除| psgips

選択範囲を読み込む

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

【操作方法】

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

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

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

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

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

被写体を選択とは？

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

レイヤーマスクを追加

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

【操作方法】

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

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

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

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

レイヤーマスクを確認

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

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

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

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

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

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

なぜ、白フチが残る？

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

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

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

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

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

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

The post これで解決！切り抜きの白フチはこうやって取る！「明るさの最小値」【2023】 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.

切り抜きを極める！境界線を調整する方法10選

古岡ひふみ — Sat, 07 May 2016 23:00:00 +0000

【Photoshop基本操作】切り抜きの良し悪しは、境界線の処理で決まります。しかも、それは 0.5 ピクセルという繊細な範囲で行われるものです。ひとつの切り抜き作業に対して、いろいろな方法を組み合わせて完成させることが前提ですが、どんな方法があるのか？それを知らなきゃ始まらないこともあるかと思います。その代表的な境界線を調整する方法の「概要」をご紹介しましょう。

「ぼかす」は素人テクニック？

切り抜きでよく見かけるのは、画像自体の境界線を大きくぼかしているものです。このような「ごまかしテクニック」が間違いとまでは言えませんが、ぼかしていい限度というものがありますね。せっかく習得したテクニックを、適材適所に使い分ける判断ができてこそ、上達への道が開けるのではないでしょうか？

切り抜きを極める！

境界線を調整する方法10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

髪の毛を色域で切り抜く

撮影時の背景に特定の色を用いると、その色域を指定するだけで効率よく切り抜きが行えます。青空を背景にした素材では、人物の肌や髪の毛の色とも相性がよく、キレイな仕上がりが期待できます。

【操作方法】

[ 背景 ] から [ レイヤー ] に変換して複製し、髪の毛以外の不透明部分の選択範囲を作成します。

[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。[ 選択範囲を保存 ] ダイアログで、[ チャンネル ] に [ 新規 ] を選択して、[ OK ] をクリックします。[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

クイック選択ツールの使い方

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 階調の反転 ] を有効にして、[ 選択範囲のプレビュー ] に [ 白マット ] を選択します。ドキュメント内で、髪の毛に近い青空の部分をクリックします。

[ 色域指定 ] でプレビューの設定を行う

髪の毛に近い青空の部分をクリック

カラークラスタ指定とは？

[ カラークラスタ指定 ] は、指定したポイントから隣接するピクセルの範囲を設定します。[ 範囲 ] に [ 100 ] % を設定しても、指定したポイントから離れた部分の適用量は、徐々に弱くなっていきます。

[ サンプルに追加 ] をクリックし、[ 許容量 ] に [ 25 ] を設定して、ドキュメント内で、青空の領域の選択されていない部分を数カ所クリックします。[ 許容量 ] に [ 100 ] を設定して、[ OK ] をクリックします。

確認しやすい [ 許容量 ] に変更して青空の領域を拡大

[ 許容量 ] を調整して [ 色域指定 ] を適用

[ レイヤー ] パネルで、前面のレイヤーを非表示にして、背面のレイヤーを選択します。[ レイヤーマスクを追加 ] をクリックします。

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

レイヤーマスクモード ( [ option ( Alt ) ] + クリック ) で、表示領域を塗り分ける編集を行い、[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

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

画像描画モード ( [ option ( Alt ) ] + クリック) に切り替え、レイヤーを選択します。

[ レイヤー ] メニューから、[ マッティング ] – [ 不要なカラーの除去 ] を選択します。[ 不要なカラーの除去 ] ダイアログで、[ 量 ] に [ 50% ] を設定して、[ OK ] をクリックします。

前面のレイヤーを表示して、[ アルファチャンネル 1 ] の選択範囲でレイヤーマスクを作成します。

不自然な部分があればレイヤーマスクを修正する

不要なカラーの除去とは？

[ マッティング ] から [ 不要なカラーの除去 ] を選択すると、境界線の外側の色が内側の色の系統に変換されます。[ 量 ] で自動補正の適用率が調整できます。作例では、最小値から最大値にすると、髪の毛に残る青みの変化が確認できます。最大値では青みは減少しますが、境界線が赤っぽくなり不自然さが感じられます。

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

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

続きは［＞］をクリック！

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