アルファチャンネル| psgips

基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】

古岡ひふみ — Thu, 18 Jan 2024 23:00:00 +0000

【Photoshop基本操作】ドキュメントの保存とは、新しく作成したドキュメント (ファイル) や、編集を加えた画像をファイルに保存することをいいます。[ 保存 ]、または、[ 別名で保存 ] では、ファイルの保存場所、フォーマット (ファイル形式)、カラープロファイルの埋め込みなどが設定できます。

ファイル形式を学ぼう！

ファイル形式には、さまざまな種類があります。しかし、すべてを知る必要はありません。まず、一般的によく使われているファイル形式と、そのメリットやデメリット、主な用途について学びましょう。

基本がわかる！ドキュメントの保存

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

作業を始める前に

Photoshop のドキュメントは、Photoshop 形式 (PSD) と言う、専用のファイル形式が用いられます。ファイル形式の識別は、ドキュメントの名前の末尾に付く、「拡張子」で行われます。

拡張子とは、別のアプリケーションや、違うパソコンでも共通して、使えるようにするものです。

Photoshop のファイル形式

Photoshop 形式とは？

Photoshop は、PNG 形式、JPEG 形式、GIF 形式など、画像に関するファイル形式に対応しています。しかし、別のファイル形式で保存すると、レイヤーなどの作業内容が失われてしまいます。

対応できるファイル形式

作業内容が失われる！

そのため、Photoshop では、[ コピーを保存 ] という操作に移行して、元のドキュメント (PSD) を残す工夫がされています。

同じファイル名による、上書き防止にもつながる２段階操作ですが、ドキュメントの保存を、複雑にしている側面もあります。ここでは、PSD 未対応のファイル形式に対して、Photoshop ドキュメントからの、書き出しを推奨しています。

レッスン動画を配信中！

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

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

ストレージデバイスを選択

ドキュメントの保存は、現在の環境設定によって、表示方法が異なります。Creative Cloud に保存する方法と、コンピューター上に保存する方法があります。環境設定は、Photoshop の操作や、ダイアログの表示などに影響するため、この設定は、大変重要です。まず、[ 環境設定 ] – [ ファイル管理 ] を確認しましょう。

ストレージデバイスを選択

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] – [ ファイル管理 ] を選択します。[ 環境設定 ] ダイアログで、[ ファイルの保存オプション ] セクションの、[ 初期設定のファイルの場所 ] を確認してください。

[ 初期設定のファイルの場所 ] を確認

メニューには、[ Creative Cloud ] と、[ コンピューター上 ] があります。

メニューを展開

ここでは、[ 初期設定のファイルの場所 ] に、[ コンピューター上 ] を選択します。

[ 初期設定のファイルの場所 : コンピューター上 ]

初期設定のファイルの場所

[ Creative Cloud ] を選択すると、ドキュメントをクラウド上に保存する、[ Creative Cloud に保存 ] が、初期設定として表示されます。

[ コンピューター上 ] を選択すると、ドキュメントをコンピューター上に保存する、[ 別名で保存 ] ダイアログが、初期設定として表示されます。

初期設定のファイルの場所

別名で保存

どちらの項目も、ダイアログ上で、保存場所を変更することができます。使用頻度の高い方を選択しておきましょう。

目次に戻る

従来のダイアログを無効

[ 環境設定 ] ダイアログで、[ 従来の「別名で保存」を有効にする ] を確認してください。初期設定では、無効とされています。

[ 従来の「別名で保存」を有効にする ] を確認

無効と有効の違い！

初期設定の [ 別名で保存 ] ダイアログでは、[ フォーマット ] のメニューに、Photoshop の機能が保存できる、ファイル形式のみが表示されます。

Photoshop の機能が保存できるファイル形式

別名で保存

これは、他のファイル形式による、上書き保存を防止するためのものです。他のファイル形式で保存する場合は、[ コピーを保存 ] をクリックして、[ 複製を保存 ] ダイアログを表示させる方法があります。

コピーを保存

【有効にした場合】

[ 従来の「別名で保存」を有効にする ] を有効にすると、保存時のダイアログが、従来機能の表示に変わります。

[ 従来の「別名で保存」を有効にする ] を有効

すると、次のような警告アラートが表示されます。従来機能では、誤って上書き保存をして、作業内容を失ってしまう可能性があります。[ OK ] をクリックします。

警告アラート

有効 (従来機能) の場合は、[ フォーマット ] のメニューに、保存可能なファイル形式が表示されます。

保存可能なファイル形式

選択したファイル形式に、Photoshop の機能が対応している場合は、[ 保存 ] オプションに表示されます。

[ 保存 ] オプションに表示

ここでは、他のファイル形式に、書き出す方法を推奨します。そのため、[ 従来の「別名で保存」を有効にする ] を無効にしておきます。

[ 従来の「別名で保存」を有効にする ] を無効

すべての設定ができたら、[ OK ] をクリックします。

[ OK ] をクリック

無効の利便性は？

[ 従来の「別名で保存」を有効にする ] を無効にする設定は、主に上書き保存の防止です。そのため、あらゆる用途に対しての利便性が、向上するものではありません。初級ユーザーの方は、無効にしておくことをオススメします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】 first appeared on psgips.

これで解決！切り抜きの白フチはこうやって取る！「明るさの最小値」【2023】

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

【Photoshop基本操作】オブジェクトの切り抜きでは、境界線に白フチや黒フチが残ることがよくあります。これは、元画像の背景の色や明るさが境界線に残っているためです。[ 明るさの最小値 ] とは、境界線を収縮する機能です。現在のピクセルの明るさを調整して、黒い領域を広げ、白い領域を縮小します。

境界線をなじませる！

白フチや黒フチが除去できたら、背景とのなじみに着目しましょう。撮影条件が異なる画像合成では、色調を合わせることはもちろん、境界線を少しぼかして、違和感を無くすことも重要なテクニックです。

[ 選択とマスク ] は、オブジェクトの切り抜きを統合的に行える機能です。パラメーターを調整して、境界線をなじませましょう。

これで解決！

切り抜きの白フチは

こうやって取る！

[ STEP-01 ]

オブジェクトを切り抜く

[ STEP-02 ]

白フチを除去する

[ STEP-03 ]

境界線をなじませる

切り抜きの白フチを除去する方法

これから行う操作は、[ 明るさの最小値 ] を使用して、オブジェクトの切り抜きで残る、白フチを除去する方法です。初級ユーザーの方にもやさしいシンプル操作です。0.1 pixel 単位で、詳細に調整できることがポイントです。

オブジェクトを切り抜く

切り抜きの白フチを除去する

レッスン動画を配信中！

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

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

オブジェクトを切り抜く

境界線に白フチや黒フチが残る現象は、オブジェクトを切り抜いて、他の背景画像と合成したときに現れます。ここでは、レッスン用の画像を用いて、その現象が現れやすい設定を行います。

【操作方法】

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

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

素材画像を開く

photo by Tanya

目次に戻る

選択範囲を読み込む

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

【操作方法】

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

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

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

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

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

被写体を選択とは？

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

目次に戻る

レイヤーマスクを追加

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

【操作方法】

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

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

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

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

レイヤーマスクを確認

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

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

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

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

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

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

なぜ、白フチが残る？

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post これで解決！切り抜きの白フチはこうやって取る！「明るさの最小値」【2023】 first appeared on psgips.

【ロゴ】フォントでつくる！ひび割れたコンクリートの文字「マスク編集とレイヤースタイル」【2022】

古岡ひふみ — Tue, 03 May 2022 23:00:00 +0000

【Photoshop講座】元画像から切り取った文字の表面に、ひび割れ模様を描画したマスクを追加します。アルファチャンネルを使ったマスク編集は、オシャレなグランジ風の文字にも応用できます。レイヤースタイルの効果を加えて、退廃的なムードに仕上げましょう。

白黒でマスクを考える！

レイヤーマスクは、グレースケール画像の濃淡で、透過率が決定されます。ひび割れたコンクリートの文字では、素材のひび割れ模様をそのまま使用するため、白黒をはっきりさせるテクニックが必要です。

グレーな部分をできるだけ取り去るには、細かいノイズをブレンドする「ぼかし (表面)」を使用します。

フォントでつくる！

ひび割れたコンクリートの文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ひび割れたコンクリートの文字

これから行う操作は、スタンダードなフォントを、ひび割れたコンクリートの文字に加工する方法です。アルファチャンネルを使ったマスク編集で、複雑なひび割れ模様を型抜きします。使用するフォントは任意で設定しますが、サンセリフ系の太い書体が最適です。

目次に戻る

レッスン動画を配信中！

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

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

文字のマスクを作成する

文字の形状のマスクを作成するため、そのベースとなるフォントを素材画像に入力しましょう。入力する文字列には、適度な間隔が必要です。

【操作方法】

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

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

素材画像を開く

photo by EducatorST

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

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

[ レイヤーの表示/非表示 ] をクリックして、[ 背景 ] を非表示にします。

[ 背景のコピー ] を作成

文字の表面に使用

[ 背景のコピー ] は、文字の表面に使用するレイヤーです。これで、同じ画像が２枚重なりました。非表示にした背景は、後の作業で使用します。目のアイコンが、非表示になっていることを、確認してください。

目次に戻る

フォントの設定と入力

デザインの元になるフォントを、画像に入力しましょう。ドキュメント内をクリックして入力する「ポイントテキスト」という方法を取ります。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

[ 横書き文字ツール ] を選択

オプションバーで、[ フォントファミリーを設定 ]、[ フォントスタイルを設定 ] に、任意のフォントを設定します。

任意のフォントを設定

作例では、「 Swiss 721 BT 」を設定していますが、フォント環境は、ご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

[ フォントサイズを設定 ] に、[ 72 pt ] を入力します。暫定値

[ 72 pt ] を入力

ドキュメント内をクリックして、文字を入力します。

ここでは、[ CRACK ] を入力しました。

[ enter ] キーを押して、入力を確定します。

テキストを入力

テキストはブラック？

ここでは、[ テキストカラーを設定 ] に、[ ブラック ] を設定していますが、後の操作で、レイヤーマスクによるラスタライズを行うので、特に指定する必要はありません。素材画像に適した、確認しやすい色を設定してください。

[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

目次に戻る

カーニングとトラッキング

ひび割れたコンクリートの文字には、文字の太さに加えて、隣り合う文字との適度な間隔が必要です。カーニングとトラッキングは、[ 文字 ] パネル、または、[ プロパティ ] パネルで設定します。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルを切り替え ] をクリックします。

[ 文字パネルと段落パネルを切り替え ] をクリック

[ 文字 ] パネルで、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択します。

[ 選択した文字のトラッキングを設定 ] に、[ 100 ] を選択します。

[ 文字 ] パネルを設定

ベースの文字が入力できました。

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。そのため、ペアカーニング値を持たないフォントの「応急策」として、適正値が割り当てられます。メトリクスとの比較は、歴然としてあります。しかし、使用するフォントや文字列によっては、優れている場合も少なくありません。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！ひび割れたコンクリートの文字「マスク編集とレイヤースタイル」【2022】 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 ] をクリックします。

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

被写体を選択

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

元画像

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

目次に戻る

レッスン動画を配信中！

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

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

背景を透明にする

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

【操作方法】

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

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

素材画像を開く

photo by JasperSinn

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

選択範囲を作成

複数の被写体がある場合

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

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

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

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

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

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

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

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

透明ピクセルとは？

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

【色分解】カラー画像から２色刷りデータを作成する方法【チャンネルミキサー】

古岡ひふみ — Tue, 06 Jul 2021 23:00:00 +0000

【Photoshop基本操作】CMYK の４色から２色を選んで調整する「２色刷り」は、印刷コストを大幅に抑える技法として、古くから商業印刷の分野で行われています。Photoshop での色分解は、[ チャンネルミキサー ] を使って、CMYK の各チャンネルを調整します。

C と M を使う！

CMYK カラーモードへ変換した画像は、シアン版、マゼンタ版、イエロー版、そして、ブラック版 (キー・プレート) に色分解されています。どの版が欠けても、フルカラーは再現できません。しかし、シアン版とマゼンタ版をベースに調整すると、２色だけでも豊かな表現力を持たせることができます。

カラー画像から

２色刷りデータを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

２色刷りデータを作成する方法

これから行う操作は、カラー画像から２色刷りデータを作成する方法です。対象となる素材により、調整値は若干異なります。まず、[ チャンネルミキサー ] のしくみを知って、それぞれのケースで応用してみましょう。

元画像

C + M の２色刷りデータ

[ チャンネルミキサー ] は、画像を構成するカラーチャンネルを個別に調整できる機能です。２色刷りでは、CMYK カラーモードで４色分解されたチャンネルから、新しく２つのチャンネルを作成します。以下は概念的なチャンネルの調整を表したものです。

チャンネルミキサーを作成

CMYK カラーのチャンネル

C (シアン) と M (マゼンタ) を使用

プロセスカラーの色分解から、任意のカラーインキを指定することもできます。[ スポットカラー ] は、新しく作成したチャンネルに設定することができ、２色刷りの仕上がりを特色でプレビューすることができます。

スポットカラーとは？

[ スポットカラー ] による２色刷り特色プレビュー

レッスンを始める前に

ドットゲインで変化する

目次に戻る

レッスンを始める前に

フルカラー画像から２色刷りデータを作成するには、必ず、CMYK カラーモードに変換する必要があります。CMYK カラーモード変換は、[ カラー設定 ] の [ CMYK ] で選択したプロファイルによって行われるので、この設定が違えば、後の調整値にも影響されます。

【操作方法】

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

[ 作業用スペース ] セクションの [ CMYK ] に、[ Japan Color 2001 Coated ] が選択されていることを確認してください。

[ スポット ] に、[ Dot Gain 15% ] が選択されていることを確認してください。

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

[ カラー設定 ] を設定 (部分)

ドットゲインで変化する

[ プリプレス用 – 日本2 ] で設定されている、[ Japan Color 2001 Coated ] は、日本における一般的な、プロセスカラー分解を行います。

ドットゲインとは、紙に吸収されるインキがにじみ広がり、印刷物の網点が、指定より大きくなってしまう現象です。

これらの設定は、２色刷りの調整値に大きく影響します。事前に、印刷所の入稿ガイドなどを確認しましょう。

トラブルを未然に防ぐ！カラー設定10選

目次に戻る

レッスン動画を配信中！

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

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

YとKの階調を無くす

CMYK カラーモードは、どのチャンネルが欠けても、フルカラーでの再現はできません。しかし、シアンとマゼンタをベースに調整すると、２色だけでも、豊かな表現力を持たせることができます。

元画像

Y と K の階調を無くす

CMYK カラーモードのチャンネルから、イエロー版とブラック版の階調を無くすことで、シアン版とマゼンタ版の２色刷りデータを作成しましょう。

CMYKカラーに変換

一般的な画像のほとんどは、RGB カラーで作成されています。作例の素材画像も、RGB カラーが使用されています。まず、CMYK カラーモードに変換しましょう。変換する前に [ カラー設定 ] を確認してください。

レッスンを始める前に

【操作方法】

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

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

素材画像を開く

photo by yaseryousef70

最適な２版を選ぶ

ここでは、プロセスカラーのシアン版とマゼンタ版を活用する方法を取ります。

しかし、商業印刷における２色刷りの場合、まず、特色 (スポットカラー) が決められて、その条件に応じた色分解が行われることも多いです。

たとえば、黄色がキーカラーの商品や、緑色がキーカラーの風景など、そのモチーフは多種多様です。

紙面を構成する上で、文字の要素も重要になってきますし、２色を掛け合わせるノウハウも必要です。効果的な特色を選びましょう。

[ チャンネル ] タブをクリックして、[ チャンネル ] パネルを表示します。

RGB カラーモードの、チャンネル内容を確認してください。

RGB カラーモード

CMYK カラーモード

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

[ チャンネル ] パネルで、CMYK カラーモードの、チャンネル内容を確認してください。

基本がわかる！RGBとCMYK

[ CMYK カラー ] を選択

プロセスカラー印刷は４色

２色刷りデータは、CMYK カラーモードでなければ作成できません。対象画像が RGB カラーモードの場合は、あらかじめ、変換しておく必要があります。

プロセスカラーの４色分解

CMYK カラーモードでは、[ シアン ]、[ マゼンタ ]、[ イエロー ]、[ ブラック ] の４つのチャンネルによって、ひとつの画像が作られています。

プリント出力時には、それぞれのチャンネルが、インクの色 (プロセスカラー) に置き換えられます。CMYK カラーモードは、印刷用に最適化されたデータです。

プロセスカラーでのKの働き

[ CMYK カラー ] にモード変換すると、いちばん暗い領域を K として分解します。本来、すべての色域は、C M Y によって分解できるものです。

商業印刷の分野では、ブラックインキを多用することから、ブラックを特別な色として K (キー・プレート) を設けています。

そのため、C M Y のいちばん暗い領域から差し引かれた階調が、ブラック版として使われています。

目次に戻る

チャンネルミキサーを作成

[ チャンネルミキサー ] とは、各チャンネルに分解された階調 (グレースケール) を個別に変えることで、全体の色調を調整する機能です。調整値は比率で行い、ひとつのチャンネルを 100% として、その他のチャンネルに配分する比率を設定します。

【操作方法】

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ チャンネルミキサー ] を選択して、[ チャンネルミキサー 1 ] を作成します。

[ チャンネルミキサー 1 ] を作成

[ プロパティ ] パネルで、[ 出力先チャンネル ] に、[ イエロー ] を選択します。

[ イエロー ] に、[ 0 ] % を入力します。

[ イエロー : 0 % ] を入力

[ 出力先チャンネル ] に [ ブラック ] を選択します。

[ ブラック ] に、[ 0 ] % を入力します。

[ ブラック : 0 % ] を入力

イエロー版とブラック版の、階調を無くすことができました。

Y と K の階調を無くす

これで完成？

これが、最も簡単な２色刷りデータです。調整が不要の場合は、画像を統合して、PSD 形式、または、EPS 形式で保存します。事前に、印刷所の入稿ガイドなどを確認しましょう。

基本がわかる！ドキュメントの保存

別名で保存

入稿データのファイル形式

ここでは、基本的な暫定値から、対象画像に適した調整を加える方法をご紹介します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色分解】カラー画像から２色刷りデータを作成する方法【チャンネルミキサー】 first appeared on psgips.

【レタッチ】金網をなかったように消す方法【コンじる】

古岡ひふみ — Thu, 29 Apr 2021 23:00:00 +0000

【Photoshop基本操作】細部の修正はもちろん、広範囲をごっそり穴埋めできる [ コンテンツに応じた塗りつぶし ] は、初期設定のままでも、驚くような結果が期待できます。「コンじる」で、金網をなかったように消しちゃいましょう！ブラシサイズを金網の太さに合わせれば、意外とカンタンにトレースできますよ？

成功のカギは選択範囲！

無敵の AI 機能と言えども、まず最初に、選択範囲が必要です。広範囲の修正なら、一括りの操作で終わってしまいますが、被写体に重なった金網となると、ちょっと手間がかかっちゃいますね。

そんなときは、クイックマスクを使いましょう。細い金網をカバーする塗りつぶし領域だから、大まかな範囲でいいのです。ブラシサイズは、ショートカットキーを使えば、ドキュメント上でスピーディに調整できます。

金網をなかったように消す方法

[ STEP-01 ]

選択範囲を作成する

[ STEP-02 ]

選択範囲を塗りつぶす

[ STEP-03 ]

結果を出力する

金網をなかったように消す！

これから行う操作は、被写体に重なった金網を、何もなかったように消す方法です。

[ コンテンツに応じた塗りつぶし ] は、初期設定のままでも、驚くような結果が期待できます。その性能を最大限に引き出すには、適切な塗りつぶし領域が必要です。

クイックマスクによる、選択範囲の作成と合わせて、一連の操作を組み立てましょう。

元画像

金網をなかったように消す

目次に戻る

レッスン動画を配信中！

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

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

選択範囲を作成する

金網の領域に、大まかな選択範囲を作成します。選択範囲の作成は、クイックマスクを使用して、ブラシで塗りつぶした領域から、読み込む方法を取ります。

【操作方法】

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

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

素材画像を開く

photo by katerinavulcova

[ ツール ] パネルで、[ クイックマスクモードで編集 ] をクリックします。

[ クイックマスクモードで編集 ] をクリック

[ レイヤー ] パネルで、選択レイヤーの、赤いアクティブ表示を確認してください。

赤いアクティブ表示を確認

クイックマスクとは？

[ クイックマスクモードで編集 ] は、ブラシで塗りつぶした領域から、選択範囲を読み込むことができます。

クイックマスクの作業は、一時的に作成される、アルファチャンネル上で行われます。そのため、現在の選択レイヤーは、赤いアクティブ表示に変わり、描画などができない状態であることを示しています。

目次に戻る

ブラシの直径を調整

[ クイックマスクモードで編集 ] では、[ ブラシツール ] で、ドキュメント上を直接ドラッグして、修正したい箇所を塗りつぶします。金網のトレースを効率よく行うために、適切なブラシの直径を設定しましょう。

【操作方法】

[ ツール ] パネルで、[ ブラシツール ] を選択します。

[ ブラシツール ] を選択

オプションバーで、[ 不透明度 ] に [ 100% ]、[ 流量 ] に [ 100% ]、[ 滑らかさ ] に [ 0% ] を入力します。初期設定

ブラシオプションを設定

ドキュメント内に、マウスカーソルを置きます。初期設定のカーソルは、現在の、ブラシの大きさを表示します。このカーソルの大きさを、金網の太さの約２倍に調整します。初期設定 : [ Photoshop ( 編集 ) ] – [ 環境設定 ] – [ カーソル ] – [ ペイントカーソル ] – [ ブラシの先端 ( 標準サイズ ) ]

ドキュメントにオンマウス

Macintosh の場合は、[ control ] + [ option ] キーを押しながら、クリックしたままにします。Windows の場合は、[ Alt ] + 右クリックです。すると、現在の [ 直径 ]、[ 硬さ ]、[ 不透明度 ] の設定値がポップアップします。設定値がポップアップされたら、キーを離します。

ドキュメントにオンマウス

ドラッグで大きさを変更

ブラシサイズの大きさは、オプションバーにある [ ブラシプリセットピッカー ] で行いますが、ドキュメント上にポップアップすることもできます。目的の画像に合わせた大きさが、スピーディーに設定できます。

直径の変更

左右にドラッグすると、[ 直径 ] が変更できます。数値は、左方向にドラッグすると小さくなり、右方向にドラッグすると大きくなります。

左右のドラッグで [ 直径 ] が変更できる

硬さの変更

上下にドラッグすると、[ 硬さ ] が変更できます。数値は、上方向にドラッグすると小さくなり、下方向にドラッグすると大きくなります。

上下のドラッグで [ 硬さ ] が変更できる

ここでは、[ 直径 ] に [ 18 px ] を設定します。ブラシの [ 直径 ] が設定できたら、マウスボタンを離します。[ 直径 : 18 px ] [ 硬さ : 100% ] [ 不透明度 : 100% ]

[ 直径 : 18 px ] でドロップ

適切なブラシサイズとは？

ここでは、適切なブラシサイズとして、金網の太さの約２倍を推奨しています。これは、金網の直線部分をすべてカバーする大きさです。

[ コンテンツに応じた塗りつぶし ] は、塗りつぶし領域との境界線において、ピクセルの補間が行われます。そのため、半径には少なくとも、約 8 pixel が必要だと考えられます。しかし、塗りつぶす領域が小さいほど、最適な結果を出しやすくなるので、大きくなりすぎず、最小限の範囲が望ましいです。

作例のような金網や電線などのような、細い形状に適切なブラシサイズは、8 + 8 = 16 px 以上の直径であれば、すべてがカバーできる最小値がベストです。

目次に戻る

革命をもたらす新機能！

Photoshop (Beta) の新機能「生成塗りつぶし (ジェネレーティブ塗りつぶし) 」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。これまで、何時間もかかったような画像の修正や加工作業が、ほんの数分で仕上げることができます。しかも、驚くようなクオリティです。

直線部分の塗りつぶし

まず、金網の直線部分を、塗りつぶして行きましょう。直線部分と交差部分を分けることで、操作のリズムを掴み、作業の効率化を目指します。

【操作方法】

開始点をクリックします。

[ shift ] キーを押しながら、終了点をクリックします。すると、開始点と終了点を結ぶ、直線が引けます。

開始点をクリック

終了点を [ shift ] + クリック

同じ要領で、その他の直線部分を塗りつぶしましょう。

その他の直線部分を塗りつぶし

直線部分をカバーする

この塗りつぶし領域は、[ コンテンツに応じた塗りつぶし ] の、塗りつぶし領域 ( 修正箇所 ) になります。金網の直線部分を、すべてカバーしてください。

画像の端や、金網の交差部分は、直線部分が終わった後で、細部を修正しながら塗りつぶします。

少し曲がった金網は、２、３回に分けて塗りつぶしましょう。[ shift ] キーを押したまま、複数箇所をクリックして、終了点でキーを離します。

面倒な作業ですが、塗り残しのないように、注意してください。

目次に戻る

交差部分の塗りつぶし

続いて、画像の端や、金網の交差部分を、塗りつぶして行きましょう。金網の交差部分は、くの字のドラッグを組み合わせます。

【操作方法】

金網の交差部分を、形状に合わせてドラッグします。

直線部分とのつなぎ目に注意して、はみ出し部分を、できるだけ少なくしてください。

くの字のドラッグを組み合わせる

はみ出し部分を少なくする

金網の交差部分が塗りつぶせました。

交差部分の塗りつぶしが完了

目次に戻る

選択範囲を読み込む

クイックマスクの描画部分 ( 赤い部分 ) は、マスク領域 ( 隠す領域 ) です。ここでは、金網の形状をトレースする目的があったので、このままでは、選択範囲が逆になってしまいます。階調の反転を忘れずに行ってください。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ 階調の反転 ] を選択します。ショートカットキー : [ command ( Ctrl ) ] + [ I ]

[ 階調の反転 ] を選択

[ ツール ] パネルで、[ 画像描画モードで編集 ] をクリックします。

[ 画像描画モードで編集 ] をクリック

すると、選択範囲が作成されます。金網の領域に、選択範囲が作成されたことを確認してください。

金網の領域に選択範囲が作成されたことを確認

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】金網をなかったように消す方法【コンじる】 first appeared on psgips.

基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】

古岡ひふみ — Sun, 25 Oct 2020 23:00:00 +0000

【Photoshop基本操作】Photoshop のパネル機能は、作業スペースを確保したり、効率的に表示させたりする機能が備わっています。グループからの分離、ドッキングなど、用途に応じたカスタマイズも自由に組み合わせできます。

タブを掴んで移動する！

「タブ」とは、本やノートの端に付けられた出っ張りのことです。タブのおかげで、目的のページが素早く見つけられます。Photoshop のパネルにも、このようなタブが付けられていて、クリックすると、目的のパネルが表示される仕組みです。

しかし、それだけではありません。パネルを切り離したり、順番を入れ替えたり、自由自在のアレンジを可能にするのもタブなのです。操作はタブを掴んで移動する感覚です。

基本がわかる！パネルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

パネルの分離とドッキング

パネルの表示の切り替え、分離やドッキングは、パネル名を表示する上部のタブで行います。また、アイコン化して非表示にしたり、パネルメニューを表示するためのボタンもあります。まず、それらの位置と役割を確認しておきましょう。

Photoshop のパネル (タブグループ)

タブ

タブグループの表示されていないタブをクリックすると、パネルを切り替えることができます。タブをドラッグして、個別のパネルに分離したり、他のパネルにドッキングすることもできます。

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンとパネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルメニュー

クリックすると、それぞれのパネルに含まれるオプションが選択できる、パネルメニューが表示されます。

パネルメニュー

一部のパネルしか表示されていない！

初期設定では、一部のパネル (タブグループ) しか表示されていません。たとえば、[ アクション ] パネルや、[ ナビゲーター ] パネルなどを表示したい場合は、[ ウィンドウ ] メニューから選択します。

目次に戻る

パネルの表示・非表示

現在、表示されていないパネルを表示したり、表示中のパネルを非表示にする操作です。

【操作方法】

[ ウィンドウ ] メニューから、[ (パネル名) ] を選択します。

選択したパネルは、あらかじめ設定されたタブグループで表示されます。

[ ナビゲーター ] を選択

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンと、パネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルの表示・非表示

アイコンをクリックすると、パネルの表示・非表示が切り替えられます。

使うときだけ現れる！

[ tab ] キーを押すと、パネルを完全に画面から消すことができます。非表示になったパネルは、マウスカーソルを画面の端に置くと表示され、離すと非表示になります。パネルが邪魔なときは便利ですね。再び、[ tab ] キーを押すと通常の表示に戻ります。

目次に戻る

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

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

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

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

タブグループから分離

タブグループの中にあるパネルを、独立したひとつのパネルとして分離します。

【操作方法】

タブをクリックして、分離させたいパネルを表示します。

表示したタブをクリックホールド

タブの上でマウスボタンを押したままドラッグして、分離させたい位置まで移動します。

タブをパネルグループの外へドラッグ＆ドロップ

分離させたい位置で、マウスボタンを離します。

パネルをタブグループから分離できた

タブグループとは？

タブグループとは、ひとつのパネルに、複数のパネルをまとめたものです。使用するパネルをタブで切り替えることによって、作業スペースが確保できます。

目次に戻る

タブグループにドッキング

独立したひとつのパネルを、タブグループにまとめます。タブグループの分離やドッキングは、タブとして開くドキュメントウィンドウでも、同様に行えます。

【操作方法】

ドッキングさせたいパネルの、タブをクリックして表示します。

表示したタブをクリックホールド

タブの上で、マウスボタンを押したままドラッグして、ドッキングさせたいパネルのタブスペースまで移動します。

ドッキングさせたいパネルまでタブをドラッグ＆ドロップ

移動先のパネルの枠が青くなったら、マウスボタンを離します。

タブグループにドッキングできた

ドキュメントの操作も同じ

複数のドキュメントを開くと、ドキュメントウィンドウがドッキングされて、それぞれのファイル名のタブが上部に表示されます。

タブを水平にドラッグして順番を入れ替え

このドキュメントウィンドウもパネルと同じく、タブをドラッグすることで、分離やドッキング、タブグループ内での順番の入れ替えが行えます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】 first appeared on psgips.

【トリミング】足りない領域を一瞬で伸ばす方法「水平線編」【コンテンツに応じて拡大・縮小】

古岡ひふみ — Tue, 27 Mar 2018 23:00:00 +0000

【Photoshop基本操作】たとえば、主体と被らずにタイトルやロゴを配置したい場合、背景に「もう少し余裕が欲しい」と思うことがよくあります。このような素材画像の足りない領域を、水平方向、または、垂直方向に違和感なく伸ばすことができる [ コンテンツに応じて拡大・縮小 ] について学びましょう。

保護領域を設定しよう！

[ コンテンツに応じて拡大・縮小 ] は、足りない領域を一瞬で伸ばすことができるゴキゲンな機能です。しかし、素材によっては、主体に思わぬ変形が現れる場合もあります。

[ 保護 ] オプションを使用すると、変形させたくない領域を保護することができます。保護領域は、同じドキュメント内のアルファチャンネルに作成します。

足りない領域を一瞬で伸ばす方法

− 水平線編 −

[ STEP-01 ]

比率でカンバスを伸ばす

[ STEP-02 ]

変形から保護する

[ STEP-03 ]

不足領域を拡張する

不足領域を違和感なく拡張

これから行う操作は、不足している領域を違和感なく拡張する方法です。このレッスンでは、変形に伴う画質の劣化を最低限に抑えるため、まず、仕上げサイズの縦横比に合わせたカンバスサイズを決定し、[ コンテンツに応じて拡大・縮小 ] で不足している領域を拡張してから、任意の仕上げサイズにスケールダウンする方法を取ります。

目次に戻る

比率でカンバスを伸ばす

足りない領域を含めた仕上げサイズを算出して、ドキュメントのカンバスサイズに設定しましょう。対象のドキュメントが、JPEG 形式などの画像の場合、足りない領域を透明ピクセル (透明部分) で伸ばしておく必要があります。

【操作方法】

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

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

素材画像を開く

photo by pakutaso.com / you

CMYKでもOK！

ここでは、一般的な RGB カラーモード、JPEG 形式の画像を使用していますが、CMYK カラーモード、PSD 形式のドキュメントでも同様に適用することができます。

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

[ 背景 ] をダブルクリック

[ 新規レイヤー ] ダイアログで、[ OK ] をクリックします。

[ OK ] をクリック

[ 背景 ] が [ レイヤー 0 ] に変換されたことを確認してください。

[ レイヤー 0 ] に変換されたことを確認

背景には適用できない！

[ コンテンツに応じて拡大・縮小 ] は、透明ピクセルを持たない背景には適用できません。対象のドキュメントがアートボードの場合は、配置した画像がすでにレイヤーに変換されているので、そのまま適用することができます。スマートオブジェクトには非対応

目次に戻る

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

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

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

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

カンバスサイズの設定

仕上げサイズ (カンバスサイズ) の算出は、元のドキュメントサイズから割り出します。ここでは、水平方向に伸ばす操作を行うので、[ 幅 ] のピクセル数を増やす設定を行いましょう。

【操作方法】

[ イメージ ] メニューから、[ カンバスサイズ ] を選択します。[ カンバスサイズ ] ダイアログで、[ 幅 ] に「 2400 」pixel を入力して、[ OK ] をクリックします。

[ カンバスサイズ ] を設定

左右に透明ピクセルを含んだ、仕上げサイズのドキュメントに変更されました。

比率でカンバスを伸ばすことができた

縦横比で割り出す

このレッスンでは、仕上げサイズの縦横比に「 2 : 1 」を想定しています。変形率が大きすぎると違和感が出るので、最大値は縮小が 75%、拡大が 125% を目安にしましょう。仕上げサイズ ( カンバスサイズ ) のピクセル数を縦横比で割り出す計算式は以下のとおりです。

不足している方向が長辺の場合

( 短辺寸法 ) ÷ ( 短辺比 ) × ( 長辺比 ) ＝ ( カンバスサイズ )

不足している方向が短辺の場合

( 長辺寸法 ) ÷ ( 長辺比 ) × ( 短辺比 ) ＝ (カンバスサイズ)

目次に戻る

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

古岡ひふみ

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

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.