色域指定| psgips

【色調補正】緑の葉を秋らしく紅葉させる方法「色域指定と色相・彩度の使い方」【2022】

古岡ひふみ — Sat, 27 Aug 2022 23:00:00 +0000

【Photoshop基本操作】色の属性には、色相、彩度、明度があります。これらは数値によって表されます。それぞれの数値が関係し合って、ひとつの色が作られています。しかし、色変換の一般的な認識は、簡単な操作で大きく変わる「色相」だけで済まされていることが多いです。緑の葉を違和感のない鮮やかな紅葉に変えてみましょう。

色の系統を選択する！

[ 色相・彩度 ] には、対象とする色の系統が選択できる項目があります。緑の葉には、色の要素として、グリーン系のほか、イエロー系、シアン系なども含まれています。これらの色域を選択して、それぞれに調整を加えると、単調にならない、自然な仕上がりが見込めます。

緑の葉を秋らしく

紅葉させる方法

− 色相・彩度 −

[ STEP-01 ]

緑の葉を選択する

[ STEP-02 ]

調整レイヤーを作成する

[ STEP-03 ]

緑の葉を色変換する

指定の色域を変換する方法

これから行う操作は、緑の葉を赤色に色変換する方法です。[ 色域指定 ] を使用して、緑の葉の幅広い色域を指定します。指定した色域をマスクした、[ 色相・彩度 ] 調整レイヤーを作成して、その対象となる色域を、シアン系とグリーン系に分けることで、単調にならない色変換を行います。

目次に戻る

レッスン動画を配信中！

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

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

緑の葉を選択する

緑の葉の領域に選択範囲を作成しましょう。ここでは、画像内のカラーを指定して、その近似色の領域に、選択範囲を作成することができる、[ 色域指定 ] を使用します。

【操作方法】

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

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

素材画像を開く

複数箇所を抽出

この操作は、すべての葉に、選択範囲を作成することを目的とします。しかし、緑の葉の中にも、明るい部分や暗い部分があるので、最終的には、複数のサンプリングポイントから、抽出することになります。

葉の明るい部分と暗い部分

正確なピクセルをサンプリングするため、200 % 以上の表示倍率でズームインしてください。ズームイン : [ command ( Ctrl ) ] + [ + ]

200 % 以上の表示倍率でズームイン

目次に戻る

中間調をサンプリング

[ 色域指定 ] で、緑の葉の色をサンプリングしましょう。[ 許容量 ] により、近似色の領域の幅が広くなるので、複数のサンプリングは、中間調から始めると効率的です。

【操作方法】

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

[ スポイトツール ] を選択します。[ スポイトツール ] は初期設定で選択されています。

[ 許容量 : 100 ]

暫定値を設定

[ 色域指定 ] ダイアログの [ 許容量 ] は、サンプリングの強さを調整するものです。ここで設定している [ 100 ] は、中間値を示す数値であり、これから行うサンプリングの暫定値です。

カラークラスタを無効

[ カラークラスタ指定 ] は無効にしてください。有効にしておくと、サンプリングした箇所を中心とした、放射状の範囲に限定されます。

[ カラークラスタ指定 ] を無効

特定した一枚の葉の、明るい部分と暗い部分の中間調をクリックします。

すると、サンプリングした色域が、白い部分としてプレビューされます。

一枚の葉の中間調をクリック

目次に戻る

サンプルに追加

中間調のサンプリングカラーに、明るい色と暗い色を追加しましょう。[ サンプルに追加 ] は、初期設定の [ スポイトツール ] とは違い、複数箇所のサンプリングカラーが設定できます。

【操作方法】

[ 色域指定 ] ダイアログで、[ サンプルに追加 ] を選択します。

特定した一枚の葉の、最も明るい部分をクリックします。

最も暗い部分を数カ所クリック、または、ドラッグします。

すると、一度のサンプリングで、選択できなかった色域も、白い部分に含まれてプレビューされます。

サンプルに追加

目次に戻る

許容量を調整

[ 色域指定 ] によるサンプリング領域は、指定内に収まる傾向があるので、少し多めに調整しておきましょう。

【操作方法】

[ 許容量 ] のスライダーをドラッグして調整します。ここでは [ 120 ] に設定しました。

プレビューを確認してください。

すべての葉の領域が調整できたら、[ OK ] をクリックします。

[ 許容量 ] に [ 120 ] を設定

すると、[ 色域指定 ] でサンプリングした葉の領域に、選択範囲が作成されます。

表示倍率を画面サイズ、または、100% にズームアウトします。ズームイン : [ command ( Ctrl ) ] + [ – ]

緑の葉の領域に選択範囲を作成

許容量で色域を調整

最初のサンプリングで、緑色の葉の中間調を選択しておいたので、[ 許容量 ] の数値を小さくすれば、選択される色域は減り、大きくすれば、選択される色域は増えます。

後の操作で、[ 色域指定 ] を反映させるレイヤーマスクは、設定した後でも修正できるので、多少白い部分が残っていてもかまいません。少し大きい数値に調整しておく方が、自然な仕上がりになります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】緑の葉を秋らしく紅葉させる方法「色域指定と色相・彩度の使い方」【2022】 first appeared on psgips.

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

目次に戻る

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

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

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

目次に戻る

レッスン動画を配信中！

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

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

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」 first appeared on psgips.

【テクスチャ】ゼロからつくる！廃工場の赤錆びた鉄板

古岡ひふみ — Thu, 30 Jul 2020 23:00:00 +0000

【Photoshop講座】廃退的な世界観を表現できる錆鉄は、映画やゲームなどのタイトルバックでよく見られます。ランダムな斑点模様から、粗い粒子を生成して、ゴツゴツと隆起した塗料の剥がれた様子を、[ ベベルとエンボス ] で立体的に表現しましょう。最初に生成する「雲模様」が、そのまま、赤錆びた鉄板に変身します。

錆色の観察力を身につける！

質感の表現は「陰影」と「光沢」が重要です。しかし、視覚的な影響力があるのは、なんと言っても「色」です。たとえば、青色なら空や海を連想したり、緑色なら葉や森を連想するように、人間の意識には潜在的なものがあります。

錆色も同じです。単調な赤茶色だけでは、赤錆を連想させることは難しいです。ここがゼロからつくるテクスチャの真骨頂です。実物よりも赤錆に見える、そんな観察力を身につけておきましょう。

ゼロからつくる！

廃工場の赤錆びた鉄板

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から赤錆を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から赤錆を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「赤錆びた鉄板」が作成できます。

目次に戻る

ベースを作成する

赤錆びた鉄板のベースとなる、粗い粒子を生成しましょう。テクスチャを適用するドキュメントサイズは、100 % 等倍表示で、画面内に収まる大きさを推奨します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1024 ] pixel、[ 高さ ] に [ 768 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。

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

[ 新規ドキュメント ] を設定

テクスチャを適用するサイズの、新規ドキュメントを作成します。

新規ドキュメントを作成

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

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

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

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

描画色に [ ブラック ]、背景色に [ ホワイト ] を設定します。

基本がわかる！描画色と背景色

[ 描画色と背景色を初期設定に戻す ] をクリック

[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択して適用します。

[ 雲模様 1 ] を適用

フィルターを適用する前に

これから使用するフィルターは、描画色と背景色が反映されます。作例と同じ結果を得るには、あらかじめ、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定してください。

目次に戻る

レッスン動画を配信中！

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

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

粗い粒子の生成

粗い粒子の生成には、[ メゾティント ] フィルターと、[ ノイズを加える ] フィルターを使用します。２つのフィルターを掛け合わせて、赤錆びた鉄板のベースを作成しましょう。

【操作方法】

[ フィルター ] メニューから、[ ピクセレート ] – [ メゾティント ] を選択します。[ メゾティント ] ダイアログで、[ 種類 ] に [ 粗いドット ] を選択して、[ OK ] をクリックします。

[ メゾティント ] を設定

スマートに模様替え！

[ 雲模様 1 ] や [ メゾティント ] などの効果は、適用するたびに異なる乱数が割り当てられるため、全く同じ結果にはなりません。

スマートオブジェクトにフィルターを適用すると、設定後も再編集が可能な「スマートフィルター」として適用されます。[ レイヤー ] パネルで、フィルター名をダブルクリックして、好みに模様替えすることができます。

[ フィルター ] メニューから、[ ノイズ ] – [ ノイズを加える ] を選択します。[ ノイズを加える ] ダイアログで、[ 量 ] に [ 150 ] % を入力します。[ 分布方法 ] に [ 均等に分布 ] を選択します。[ グレースケールノイズ ] を有効にして、[ OK ] をクリックします。

[ ノイズを加える ] を設定

２つのフィルターを掛け合わせて、赤錆びた鉄板のベースを作成することができました。

２つのフィルターで質感づくり

[ メゾティント ] で粗い質感を加え、[ ノイズを加える ] で細かい質感を加えます。[ メゾティント ] の効果は、白黒２色だけで構成されるため、大胆な粗い粒子を作成できますが、白黒それぞれの領域に階調が含まれないため、平坦な印象になりがちです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！廃工場の赤錆びた鉄板 first appeared on psgips.

【選択範囲】スムーズな階調で特定色を選択する方法【色域指定・カラークラスタ指定】

古岡ひふみ — Thu, 25 Oct 2018 23:00:00 +0000

【Photoshop基本操作】特定色を選択したい場合、[ 自動選択ツール ] を使用すると、選択されるピクセルが、はっきり分かれてしまう傾向があります。スムーズな階調で、特定色を選択したい場合は、系統別で選択できる [ 色域指定 ] が便利です。指定色域から明度の違いをプラスして、詳細な選択範囲が作成できます。

選択ポイントを強調する！

選択範囲の作成は、演出・効果の出発点となる重要な操作です。いかに自然に境界線をなじませるか？が課題となります。[ 色域指定 ] は、色の系統や指定色で選択範囲を作成する機能です。そのため、画像全体から抽出することはもちろん、選択ポイントを強調できる [ カラークラスタ指定 ] オプションもあります。課題を克服する技を身につけましょう。

スムーズな階調で

特定色を選択する方法

− 色域指定・カラークラスタ指定 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

スムーズな階調で特定色を選択する方法

これから行う操作は、反射色も含めた自然な色変換を目的とした、選択範囲の作成方法です。[ 色域指定 ] で、画像全体から特定色を選択して、[ 色相・彩度 ] で、赤色のカーペットから、緑色のカーペットへ、大胆な色変換を行います。[ カラークラスタ指定 ] オプションの活用方法をご紹介しましょう。

目次に戻る

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

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

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

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

対象の色系を判断する

[ 色域指定 ] には、色の系統で選択できるメニューがあります。対象のカラーに、いちばん近い色系を選んで、目的に沿った作業の対策を判断しましょう。

【操作方法】

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

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

素材画像を開く

プレビューで判断しよう！

赤色のカーペットには、明るい部分と暗い部分があり、白い扉や壁、ドアノブには、赤い色が広い範囲で反射しています。

色域は小さなピクセル単位で微妙に異なるため、見た目だけに頼らず、[ 色域指定 ] のプレビューを活用しましょう。まず、大まかな色系から、選択したい部分のイメージや、サンプルカラーのポイントを判断しましょう。

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

[ 選択範囲のプレビュー ] に [ グレースケール ] を選択します。

[ 色域指定 ] を設定

すると、ドキュメントがプレビューに切り替わり、グレースケールにより、選択した色系の領域が表示されます。最も白い部分を特定しましょう。

選択した色系の領域が表示される

色系から対策を練る！

作例では、赤色のカーペットを選択する目的があるため、[ 色域指定 ] ダイアログで、[ 選択 ] に [ レッド系 ] を選択しました。これにより、[ レッド系 ] の色要素を含むピクセルが「明度」の強さによって抽出されました。

プレビューの白い部分が選択範囲になります。結果では、鮮やかな赤色の部分でも、約 80% (明るいグレー) の選択率でした。つまり、十分な選択範囲に必要な 100% (真っ白) の部分が、抽出されていないことが確認できました。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】スムーズな階調で特定色を選択する方法【色域指定・カラークラスタ指定】 first appeared on psgips.

【色調補正】特定の色だけを残してモノクロにする方法【色域指定】

古岡ひふみ — Tue, 05 Jun 2018 23:00:00 +0000

【Photoshop基本操作】モノクロ写真の一部分だけの色を残す「パートカラー」は、色の印象や主体を強調できるので、雑誌や広告の分野ではポピュラーな手法です。素材画像の「効かし色」を決めて、違和感のないマスクをスピーディに作成しましょう。

３原色に絞る！

３原色とは、透過する光の色 (加色混合) では、赤、緑、青、反射するモノの色 (減色混合) では、シアン、マゼンタ、イエローです。パートカラーにする色は、この中のいずれかの色に絞りましょう。そもそもパートカラーは、特定の色を強調させる目的があるので、白や黒、グレーなどの無彩色を選択する必要もないですね。

３つのパートカラーをつくろう！

プリセットを利用する方法

これから行う操作は、プリセット (定義済みメニュー) から特定の色を選び、パートカラーを作成する方法です。パートカラーにしやすい色は、背景色と異なる「明度」が高い色です。反射するモノの色の中では、黄色がいちばん適しています。自動車のボディカラーだけを残して、他の領域をモノクロ化しましょう。

元画像

パートカラーを作成

レッスン動画を配信中！

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

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

黄色の色域を指定する

素材画像から、黄色の色域を指定しましょう。[ 色域指定 ] には、画像内のカラーを系統で選択できる定義済みメニューがあります。

【操作方法】

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

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

素材画像を開く

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

[ 階調の反転 ] を有効にして、[ OK ] をクリックします。

[ イエロー系 ] を選択して [ 階調の反転 ] を有効

選択した色の系統以外の領域に、選択範囲が作成されたことを確認してください。

選択範囲が作成されたことを確認

黄色は異質のカラー！

定義済みメニューは、RGB スペクトルの色相環を基に、色相が大別されています。[ 選択 ] では、指定したい色域に、最も近い色相を選択します。

RGBスペクトルの色相環

[ イエロー系 ] を指定

作例で選択した [ イエロー系 ] は、他の色域と比べて「明度」が高く、色の要素で最も検知しやすい異質のカラーです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】特定の色だけを残してモノクロにする方法【色域指定】 first appeared on psgips.

写真をイラスト調に！パスで作成する２階調化

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

【Photoshop講座】パスやシェイプで作成したベクトル画像は、ファイル容量を軽くできます。また、ドキュメントサイズを変更しても、画質が劣化しないというメリットもあります。しかし、パスやシェイプで、複雑なアートワークを作成するのは大変です。２階調化と同じような処理なら、選択範囲から簡単にパスやシェイプが作成できます。

曖昧な境界線を明確にできる！

選択範囲からパスを作成することはほとんどありません。なぜなら、パスには正確な境界線を求められることが多いからです。しかし、選択範囲から予測不能なパスが、一瞬で作成できることは痛快です。写真の陰影などのような、曖昧な境界線を明確な白黒に分けるパスが作成できれば、きっと、面白い作品づくりに役立つことでしょう。

写真をイラスト調に！

パスで作成する２階調化

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

選択範囲からパスやシェイプを作成

これから行う操作は、写真を２階調化イラストに加工する方法です。Photoshop なら、[ ２階調化 ] という機能を使えば、それは簡単にできてしまいます。しかし、ビットマップ画像特有のジャギーが気になったり、高解像度に対応しにくいデメリットもあります。白と黒の境界線にパスを自動作成して、Illustrator でも使えるアートワークに仕上げましょう。

元画像

パスで作成する２階調化

目次に戻る

選択範囲を作成する

２階調化に適した領域を選択するため、[ 色域指定 ] を活用した調整を行いましょう。定義済みのメニューから、[ シャドウ ] を選択すると、いいカンジのシャドウ領域を抽出してくれます。

【操作方法】

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

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

素材画像を開く

photo by Free-Photos

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

[ 選択範囲のプレビュー ] に、[ グレースケール ] を選択します。

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

プレビューで２階調化が確認できる

暗い領域を選択する操作

[ 色域指定 ] では、２階調化イラストの塗りの部分にあたる、暗い領域の選択範囲を作成することが目的です。

調整を確認するとき

[OK]をクリックするとき

しかし、選択範囲は白色の領域に作成されるので、[ 選択範囲のプレビュー ] では、[ 階調の反転 ] を有効にして、白黒を反転させた状態で設定値を確認してください。[ OK ] をクリックする前に、必ず [ 階調の反転 ] を無効にしてください。

目次に戻る

レッスン動画を配信中！

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

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

[ 色域指定 ] ダイアログで、[ 許容量 ] に、[ 20 ] %、[ 範囲 ] に、[ 88 ] を設定します。

[ 階調の反転 ] を無効にします。

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

[ 階調の反転 ] を無効にする

すると、暗い部分の色域から選択範囲が作成されます。

暗い部分の色域から選択範囲が作成できた

ジャギーのない２階調化

このレッスンの工法は、２階調化をパスでアウトライン化することを目的としています。[ ２階調化 ] との大きな違いは、ビットマップ画像特有のジャギーがないことです。パスを作成することで、ベクトル画像として、Illustrator への書き出しも可能になります。

[ ２階調化 ] ではジャギーが見られる

滑らかな選択範囲をパスに変更

[ 色域指定 ] の設定は、ジャギーのない滑らかな境界線を作成することを目的とします。色域に [ シャドウ ] を選択した場合、シャドウ点からの階調レベルを [ 範囲 ] で設定します。これは、[ ２階調化 ] の [ しきい値 ] と同じ働きをするもので、[ 範囲 ] の設定で、白と黒の領域が調整できます。

範囲: 65

範囲: 128

ジャギーのない滑らかな境界線は [ 許容量 ] で設定します。初期設定は [ 20 ] % で、これは境界線の隣接するピクセルをどこまで含めるかという量を示します。[ 0 ] % に近づくほどジャギーが目立つようになり、[ 100 ] % に近づくほど階調量は増えていきます。

許容量: 0%

許容量: 100%

目次に戻る

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

古岡ひふみ

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

psgips.net

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

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

目次に戻る

レッスン動画を配信中！

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

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

明度を抽出する

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

【操作方法】

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

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

素材画像を開く

photo by Klearchos Kapoutsis

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

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

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

演算とは？

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

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

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

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

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

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

元画像の階調を利用する

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

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

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

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

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

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

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

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

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

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 切り抜きを極める！透けた布をレイヤーマスクで切り抜く方法 first appeared on psgips.

切り抜きを極める！髪の毛を色域で切り抜く方法「色域指定の使い方」

古岡ひふみ — Tue, 13 Sep 2016 23:00:00 +0000

【Photoshop基本操作】映像を合成する技術「クロマキー合成」では、撮影時にブルーバックやグリーンバックが多く用いられています。背景が単色なら、髪の毛のような繊細な境界線も簡単に切り抜くことができます。でも、撮影スタジオやホリゾントを準備するのは大変です。そんな時は青空を背景に撮影してみましょう。青空の色域を指定するだけで、髪の毛が自然なカンジで切り抜けます。

パーツに分けて切り抜く！

髪の毛などの繊細で曖昧な境界線と、人物の顔や手など輪郭がはっきりした部分を一度に切り抜くのは難しいです。「急がば回れ」じゃないですが、それぞれに適した方法で切り抜き、レイヤーマスクで合成することが、何よりもの早道です。迷わず髪の毛をパーツに分けて切り抜く方法を取りましょう。

切り抜きを極める！

髪の毛を色域で切り抜く方法

− 色域指定 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

クロマキー合成を応用する

オブジェクトを効率よく切り抜くには、写真撮影時の背景が大きく影響してきます。そのため、映像を合成する技術では、青色のホリゾント (背景の壁や布) で撮影した「ブルーバック」、または、緑色のホリゾントで撮影した「グリーンバック」を使用した、クロマキー合成が多く用いられています。

ホリゾントが用意できない屋外撮影では、青空を背景にすると、同じような効果が得られます。青色と人物の肌色は補色 (反対色) になるので、切り抜きの境界線が抽出しやすくなるためです。

それでは、色域を指定して、素材画像の髪の毛を切り抜いてみましょう。

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

素材画像を開く

photo by AdinaVoicu

目次に戻る

レッスン動画を配信中！

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

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

不透明部分を選択する

人物の顔や手など輪郭がはっきりした部分と、髪の毛などの繊細な部分は、それぞれパーツに分けて、適切な方法で切り抜きます。パーツに分ける境界線は、透けているか透けていないかです。まず、髪の毛以外の不透明部分を選択しましょう。

【操作方法】

[ ツール ] パネルで、[ クイック選択ツール ] を選択します。

[ クイック選択ツール ] を選択

クイック選択ツールとは？

[ クイック選択ツール ] は、選択したい画像の上を大まかにドラッグして、自動的に選択範囲を作成します。

オプションバーで、[ クリックでブラシオプションを開く ] をクリックします。[ 直径 ] に [ 32 px ] を入力します。この数値は、対象のオブジェクトが選択できる最大値です。その他の項目は、初期設定のままにしておきます。

[ エッジを強調 ] を有効にします。

[ 直径 : 32 px ]

エッジを強調とは？

[ エッジを強調 ] を有効にした場合、はっきりした境界線のコントラストはより強くなり、ぼけた境界線のコントラストも強くなります。

境界線をレイヤーマスク (白黒) で比較してみると、[ エッジを強調 ] を有効にした場合の方が、あらゆる条件において優れていることがわかります。[ エッジを強調 ] を無効にした場合は、はっきりした境界線とぼけた境界線の違いがなく、選択範囲の境界線に対して均一な効果が適用されています。

人物の大まかな範囲をドラッグします。

岩の部分もすべて選択します。

大まかに選択がコツ！

[ クイック選択ツール ] でドラッグを開始すると、Photoshop が自動的に境界線を検出して選択範囲を作成します。違う色の領域を選択する場合は、数回に分けてドラッグします。

選択されていない領域があっても深追いはしません。とりあえずは大まかに選択することがコツです。大まかな選択範囲が作成できたら、選択範囲を徐々に広げていきます。

ショートカットを使おう！

[ クイック選択ツール ] を使用中に、ドキュメントウィンドウを拡大、または、縮小表示したい場合は、ショートカットキーが便利です。

ズームイン : [ space ] + [ command ( Ctrl ) ] + クリック

ズームアウト : [ space ] + [ option ( Alt ) ] + クリック

目次に戻る

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

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

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

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

選択範囲を修正

細部の修正は、ブラシの [ 直径 ] を小さくします。選択範囲が足りない部分や、はみ出した部分もあります。サブツールで、追加と一部削除を切り替えて行いましょう。

【操作方法】

オプションバーで、[ クリックでブラシオプションを開く ] をクリックします。[ 直径 ] に [ 8 px ] を入力します。

[ 直径 : 8 px ]

選択範囲がはみ出した部分は、[ option ( Alt ) ] キーを押しながらドラッグして消去します。選択範囲の外側から内側へ、徐々に消去していくことがコツです。さらに詳細な部分は、数回に分けてクリックしましょう。

髪の毛の選択範囲は、頭部のシルエットを残して消去します。ブラシの [ 直径 ] を大きくして、選択範囲の外側から内側へ、徐々に消去していくことがコツです。

髪の毛の透けた部分の選択範囲を消去

透けていない部分は、絶対に背景の影響がない部分なので、輪郭がわかりにくい場合でも、構造的な見方で抽出しておくと安心です。髪の毛の透けた部分が消去できていれば、曖昧な境界線の選択範囲でも OK です。

不透明部分の領域のみ選択範囲を残す

画面をスクロールする

[ クイック選択ツール ] を使用中に、ドキュメントウィンドウの拡大表示位置を移動 (スクロール) したい場合は、[ space ] キーを押しながらドラッグします。

不透明部分の選択範囲を作成することができました。

不透明部分を選択

目次に戻る

選択範囲を保存

選択範囲が作成できたら、選択範囲を保存しておきます。[ 選択範囲を保存 ] は、アルファチャンネルを作成し、その塗りつぶし領域によって行われます。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。

[ 選択範囲を保存 ] ダイアログで、[ チャンネル ] に [ 新規 ] を選択して、[ OK ] をクリックします。

[ 選択範囲 ] メニューから、[ 選択を解除 ] を選択、または、[ command ( Ctrl ) ] + [ D ] キーを押して、選択範囲を解除します。

[ チャンネル : 新規 ]

目次に戻る

保存した選択範囲を確認

保存した選択範囲は、アルファチャンネルに保存されています。選択範囲の領域が、どのような状態で保存されているかを確認しましょう。

【操作方法】

[ チャンネル ] パネルを表示します。

サムネールをクリックすると、ドキュメントウィンドウに [ アルファチャンネル 1 ] が表示されます。[ RGB ] をクリックすると、画像描画モードに戻ります。

[ アルファチャンネル 1 ] を選択

[ アルファチャンネル 1 ] を表示して、保存された選択範囲の領域を確認してください。

[ アルファチャンネル 1 ] を表示

アルファチャンネルモード

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

アルファチャンネルとは、同じドキュメント内に作成できる編集用のグレースケール画像です。元画像には影響を及ぼしません。

レイヤーマスクでの領域の働き

レイヤーマスクとして活用すると、白い部分が表示する領域で、黒い部分が隠す領域です。[ 選択範囲を読み込む ] では、白い部分が選択範囲として読み込まれます。

目次に戻る

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

古岡ひふみ

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

psgips.net

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 ] の選択範囲でレイヤーマスクを作成します。

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

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

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

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

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

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

古岡ひふみ

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

psgips.net

The post 切り抜きを極める！境界線を調整する方法10選 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 ] キーを押して、選択を解除します。２つのアルファチャンネルが作成できました。

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

選択範囲を保存する

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

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

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

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

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

ハイライトを起こす領域

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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