CC 2019| psgips

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

切り抜きを極める！

金髪くるくる巻きを

サクッと切り抜く方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

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

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

目次に戻る

選択範囲を作成する

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

【操作方法】

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

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

素材画像を開く

photo by ivanovgood

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

[ 被写体を選択 ] を選択

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

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

どんな素材にも有効？

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

photo by Victoria_Borodinova

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

目次に戻る

レッスン動画を配信中！

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

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

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

古岡ひふみ

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

psgips.net

The post 切り抜きを極める！金髪くるくる巻きをサクッと切り抜く方法 first appeared on psgips.

基本がわかる！描画モードの種類と特性

古岡ひふみ — Thu, 10 Jan 2019 23:00:28 +0000

【Photoshop基本操作】レイヤーの重なり条件を選択できる高度な機能で、画像合成のさまざまな表現が設定できます。描画モードを設定できる画像は、Photoshop で現在作業中のレイヤーを含む画像、または、Photoshop 形式 ( .psd )で保存されたレイヤーを含む画像に限られます。

特性を大別して知ろう！

描画モードは片っ端から変えてみる…捉え方は、人により画像により千差万別です。描画モードはカンタンに変更できるから、それもまた適法でしょう。しかし、描画モードの特性を「中性色」で大別しておくと、引き出しから取り出すスピードは速いですよ。

描画モードの設定方法

これから行う操作は、レイヤーの重なり条件を [描画モード] で設定する方法です。基本色 (背面) に対して、合成色 (前面) のレイヤーの [ 描画モード ] が反映されます。

複数のレイヤーに設定することも可能で、その場合、常に背面までの合成結果を「基本色」として、前面のレイヤーが「合成色」となります。

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、描画モードを設定したい前面のレイヤーをクリックして選択します。

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

前面のレイヤーをクリックして選択

[ レイヤー ] パネル上部の [ レイヤーの描画モードを設定 ] をクリックし、表示されるメニューから、任意の描画モードを選択します。

任意の描画モードを選択

任意の描画モードを設定することができました。

描画モードを設定することができた

描画モードをすばやく変更！

選択レイヤーの描画モードを、メニューの昇順、または、降順に変更することができます。

[ レイヤーの描画モードを設定 ] をクリックしメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ – ] を連続して押すと、次々に描画モードが変更されるので、手早く効果を確認することができます。

メニュー順に変更することができる

このショートカットキーは、[ ブラシツール ] や [ グラデーションツール ] など、ペイント系ツールのオプションバーにある [ 描画モード ] にも使えます。

同様にメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ – ] を連続して押すと、次々に描画モードを変更することができます。

ただし、ペイント系ツールの描画モードは、描画する前に設定するものです。描画後に [ 描画モード ] を変更しても適用されません。

レイヤー操作を効率化する！ショートカットキー10選

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

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

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

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

描画モードの種類と特性

レイヤーの描画モードとは、基本色 (背面) と合成色 (前面) の重なり条件を選択できる機能です。描画モードの設定は、「基本色」に対して「合成色」で行い、合成された表示を「結果色」といいます。

描画モードの概念図

中性色 : なし

背面のレイヤーの色相、彩度から、前面のレイヤーの輝度を置き換えます。

通過

中性色 : なし

グループのみ表示される描画モードで、グループ内の描画モードが下のレイヤーにそのまま反映されます。

3つの描画モードを操る！

中性色がホワイトの [ 乗算 ]、ブラックの [ スクリーン ]、50% グレーの [ オーバーレイ ] が、描画モードの特徴を大まかに分けた「３つの描画モード」です。

透明水彩のようにカラーを重ねて暗くなるのが [ 乗算 ]、黒板にチョークを塗りつぶして明るくなるのが [ スクリーン ]、シャドウとハイライトに分け [ 乗算 ] と [ スクリーン ] の特性をドッキングさせたのが [ オーバーレイ ] …この３つの描画モードを攻略しましょう。

古岡ひふみ

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

psgips.net

The post 基本がわかる！描画モードの種類と特性 first appeared on psgips.

写真をイラスト調に！暗い画像を明るくしたHDR風「Camera Raw フィルターの活用」

古岡ひふみ — Tue, 08 Jan 2019 23:00:00 +0000

【Photoshop講座】HDR とは、露出を変えて撮影した３〜５枚の画像を合成して、幅広いダイナミックレンジを記録する手法です。暗い部分や明るい部分を、くっきり鮮明にできるので、非現実で不思議な作品に変える技法にも使われています。そんな「 HDR 風」を、一枚の JPEG 画像から、もっと簡単に作り出してみましょう。

写実的な違和感を狙う！

「無理な補正」と呼ばれていたものが、HDR の出現によって幅広いダイナミックレンジを獲得し「表現」に生まれ変わりました。しかし、写実的なイラストのようにも見える技法を特徴付けるものは、明瞭になった陰影の違和感ではないでしょうか。

このような表現なら、何も HDR に限定されるものではありませんよね。Photoshop なら、１枚の JPEG 画像からでも「HDR イラスト風」はつくり出せます。

写真をイラスト調に！

暗い画像を明るくしたHDR風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

１枚の画像からHDR風に加工

これから行う操作は、１枚の画像から HDR イラスト風に加工する方法です。レッスンでは、JPEG 形式の素材画像を使用します。もちろん、現像前の RAW データ、または、一般的な画像フォーマットで保存された RGB カラー画像でも、同じ効果がつくり出せます。非現実で不思議な作品に仕上げましょう。

目次に戻る

レッスン動画を配信中！

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

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

ノイズを軽減する

光量が不足した暗い画像には、粗いノイズが発生しやすいです。そもそも、写真にはノイズがつきものです。HDR イラスト風に限らず、ノイズを軽減するテクニックを身に付けておけば、幅広いシーンで役立ちます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。RAW データで応用する場合は、任意のファイルを [ Camera Raw ] で開いてください。

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

素材画像を開く

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

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

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

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

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。[ Camera Raw ] 操作パネルで、[ ディテール ] をクリックして表示します。

[ ズームレベルの選択 ] で、[ 100% ] 以上の表示倍率を選択します。

[ ディテール ] をクリックしてズームイン

[ ディテール ] パネルで、[ ノイズ軽減 ] セクションの [ カラー ] に [ 35 ] を入力します。

[ 輝度 ] に [ 75 ] を入力します。

[ 輝度のディテール ] に [ 60 ] を入力します。

[ ノイズ軽減 ] を設定

カラーノイズと輝度ノイズ

[ ノイズ軽減 ] セクションの [ カラー ] では、カラーノイズが均一に見えるように調整します。初期設定では、[ 25 ] が設定されています。

[ ノイズ軽減 ] の主な調整は、[ 輝度 ] で行います。数値を大きくしすぎると、輪郭がぼやけて精細さがなくなるので、できるだけ控えめな適正値を探りましょう。ぼやけた輪郭は、[ 輝度のディテール ] でハッキリさせることができます。

[ ディテール ] パネルで、[ シャープ ] セクションの [ 適用量 ] に [ 50 ] を入力します。

[ シャープ ] を設定

ノイズを軽減しながら、ディテールをハッキリさせることができました。

ノイズを軽減することができた

シャープの適正値は？

[ シャープ ] セクションでは、階調の輪郭を強調して、ディテールをハッキリ見せる調整が行えます。シャープは、HDR イラスト風の特徴のひとつではありますが、効果の繊細な部分でもあるので、ここでは標準的な調整に止めておきます。

[ 適用量 ] の初期設定には、[ 25 ] が設定されています。一般的な用途では、25 〜 50 程度が適正値でしょう。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！暗い画像を明るくしたHDR風「Camera Raw フィルターの活用」 first appeared on psgips.

【スタイル】レイヤースタイルの効果を移動する方法【パターン】

古岡ひふみ — Thu, 03 Jan 2019 23:00:00 +0000

【Photoshop基本操作】レイヤースタイルの効果を移動したいけど、そんなツールも、メニューも見当たらない…でも、その方法は、驚くほどカンタンです。[ レイヤースタイル ] ダイアログの表示中にドラッグするだけ。オブジェクトに適用した、パターンの位置が気に入らないときは、納得いくまで、調整する習慣をつけましょう。

パターンを思い通りに配置！

オブジェクトの位置や形を変えずに、レイヤースタイルの効果だけを移動することができます。移動できる効果は、ドロップシャドウ、シャドウ (内側)、ベベルとエンボスのテクスチャ、サテン、パターンオーバーレイです。

レイヤースタイルの

効果を移動する方法

[ STEP-01 ]

ダイアログを表示する

[ STEP-02 ]

効果をドラッグする

[ STEP-03 ]

移動を確定する

レイヤースタイルの効果を移動する方法

これから行う操作は、レイヤースタイルに含まれている [ パターンオーバーレイ ] と [ ドロップシャドウ ] を、直感的なドラッグ操作で最適な位置に移動する方法です。

パターンやテクスチャなどを適用すると、初期設定では、オブジェクトに対して、左上が基点になるよう配置されます。この位置を移動して、調整を行いたい場合は、対象となるオブジェクトの効果の、[ レイヤースタイル ] ダイアログを表示して、ドキュメント内を直接ドラッグして移動します。

目次に戻る

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

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

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

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

ダイアログを表示する

レイヤースタイルを含むドキュメントを開く、または、新規作成します。レイヤースタイルの効果を移動する操作は、いずれの場合も、[ レイヤースタイル ] ダイアログを表示して行います。

【操作方法】

素材画像を開きます。作例では、円形のシェイプレイヤーに適用した [ パターンオーバーレイ ] と [ ドロップシャドウ ] を対象としています。

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

レイヤースタイルを含むドキュメントを開く

[ レイヤー ] パネルで、移動したい [ レイヤー効果の名前 ] をダブルクリックして、[ レイヤースタイル ] ダイアログを表示します。

[ レイヤー効果の名前 ] をダブルクリック

すると、[ レイヤースタイル ] ダイアログが表示されます。移動したいレイヤー効果の名前が選択されていることを確認してください。

レイヤー効果の名前を確認

レイヤー効果の名前を選択

すでに [ レイヤースタイル ] ダイアログが表示中、または、別の効果を移動させたい場合は、レイヤー効果の名前をクリックして選択します。

レイヤー効果の名前をクリックして選択

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【スタイル】レイヤースタイルの効果を移動する方法【パターン】 first appeared on psgips.

【スマートオブジェクト】ひとつの修正ですべてのファイルを更新する方法【コンテンツを置き換え】

古岡ひふみ — Wed, 28 Nov 2018 23:00:00 +0000

【Photoshop基本操作】たとえば、ロゴタイプやシンボルマークなどは、複数のファイルに共通して配置されるものです。そのため、その内容が変更されたら、ひとつずつ修正するのは、大変面倒な作業となります。そんなときは、配置したひとつのコンテンツを書き出して、内容を修正したものに、一括して置き換えましょう。

修正を想定してつくる！

「これ、修正入るかも？」と想定できるコンテンツは、あらかじめ「スマートオブジェクト」に変換しておきましょう。

複数のコンテンツに、ドラッグ＆ドロップして配置しておくと、それらが共通コンテンツとして、ひとつの修正で、すべてのファイルを更新することができます。

共通コンテンツは、個別に拡大・縮小や効果を加えても、それらを維持しながら、最新のものに置き換えることができます。

ひとつの修正で

すべてのファイルを更新する方法

[ STEP-01 ]

修正用のファイルを書き出す

[ STEP-02 ]

書き出したファイルを修正する

[ STEP-03 ]

コンテンツを置き換える

共通コンテンツを一括して編集する方法

これから行う操作は、共通コンテンツとして、別のファイルに保存したものを、ひとつの修正で、一括して編集する方法です。

[ 配置 ] コマンドや、[ ペースト形式 ] で作成した [ スマートオブジェクト ] は、[ コンテンツを書き出し ] で内容を編集して、[ コンテンツを置き換え ] で、すべての保存ファイルに反映させることができます。

目次に戻る

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

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

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

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

修正用のファイルを書き出す

ここでは、モノクロのロゴをカラーにする修正を行いましょう。モノクロのロゴは、修正前の共通コンテンツです。これを、Illustrator 形式のファイルとして書き出します。

【操作方法】

Photoshop を起動、または、Dock でアイコンをクリックします。素材画像をダウンロードして開きます。素材画像は、[ 幅 : 640 pixel ]、[ 高さ : 425 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。PSD 形式 (低解像度)

Photoshop を起動

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

素材画像を開く

[ レイヤー ] パネルで、共通コンテンツのスマートオブジェクトを選択します。

共通コンテンツのスマートオブジェクトを選択

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

スマートオブジェクトとは、元画像を保持しながら、非破壊編集が行える機能です。対象のピクセルレイヤーやベクトルレイヤー、グループを選択して、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

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

作例では、Illustrator で作成したアートワークを、Photoshop のドキュメントへ配置したものを、共通コンテンツとしています。

【共通コンテンツを作成】

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

Illustrator 形式のファイルを選択して、[ 配置 ] をクリックします。

すると、自動的にスマートオブジェクトに変換されたレイヤーが作成されます。

Illustratorのアートワークをコピー＆ペーストする方法

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを書き出し ] を選択します。[ 保存 ] ダイアログで、[ 名前 ] に任意の名前を入力します。

[ 保存先 ] を選択します。

[ 保存 ] をクリックします。

[ 保存 ] をクリック

メニューが選択できない？

[ コンテンツを書き出し ] は、選択したレイヤーが、スマートオブジェクトでなければ行えません。

共通コンテンツにしたい対象のレイヤーが、シェイプレイヤー、または、ピクセルレイヤーの場合は、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

バージョンCS6以前

バージョン CS 6 以前では、Illustrator 形式で書き出す場合、[ "ai"を使用 ] をクリックします。

CS 6 では [ "ai"を使用 ] をクリック

標準拡張子PDFとは？

PDF (ピーディーエフ) とは、コンピュータ間でファイルを電子的に配布するための、ISO により標準化された保存形式です。Photoshop で作成したドキュメントも、[ Photoshop PDF ] として保存できます。ISO : 国際標準化機構

[ コンテンツを書き出し ] に選択したスマートオブジェクトが、ビットマップ画像の場合は、[ 名前 ] の拡張子に、JPEG 形式や PSD 形式などのファイルフォーマットを、自動的に判断して表示します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【スマートオブジェクト】ひとつの修正ですべてのファイルを更新する方法【コンテンツを置き換え】 first appeared on psgips.

センター十字ガイドを速攻で引く裏技「切り抜きツールの基準点にスナップさせる！」

古岡ひふみ — Thu, 22 Nov 2018 06:11:00 +0000

【Photoshop基本操作】センター十字ガイドとは、ドキュメントの中央で「十字」に交差するガイドです。フリーハンドで手早く引きたいけど、座標値を計算するのが面倒ですね。そんなときは、[ 切り抜きツール ] を利用した裏技が便利です。バウンディングボックスの [ 基準点 ] に近づくと、ピッタリ正確にスナップされます。

基準点にスナップさせる！

スナップとは、配置するレイヤーオブジェクトをガイドやグリッドなどに吸着させる機能です。その働きが、[ 切り抜きツール ] のバウンディングボックス内に表示される、[ 基準点 ] にもあります。

[ 基準点 ] は、必ず、オブジェクトの中心にあるので、そこにスナップされたガイドは、正確な、センター十字の位置にあるというワケです。

センター十字ガイドを

速攻で引く裏技

[ STEP-01 ]

定規を表示する

[ STEP-02 ]

ボックスを表示する

[ STEP-03 ]

基準点にスナップさせる

センター十字ガイドを作成する方法

これから行う操作は、[ 切り抜きツール ] のバウンディングボックスを利用した、センター十字ガイドを作成する方法 (裏技) です。

ドキュメントの中央で交差する、センター十字ガイドを作成したいときに用います。ガイドの作成は、[ 定規 ] からドラッグして引き出して、バウンディングボックスの基準点に合わせてスナップさせるだけです。

目次に戻る

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

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

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

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

定規を表示する

ガイドをドラッグして引き出すには、[ 定規 ] を表示しておく必要があります。また、ガイドを吸着させる機能の確認も必要です。

【操作方法】

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

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

素材画像を開く

[ 表示 ] メニューから、[ 定規 ] を選択して、ドキュメントウィンドウに [ 定規 ] を表示します。

基本がわかる！ガイドの作成

[ 定規 ] を表示する

スナップを確認しよう！

初期設定では、[ スナップ ] が有効になっています。[ 表示 ] メニューの [ スナップ ] に、チェックマークが入っていれば OK です。

[ スナップ ] を確認する

チェックマークが入っていない場合は、[ スナップ ] を選択して有効にしてください。また、[ スナップ先 ] の項目にも、チェックマークが入っているかを確認してください。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post センター十字ガイドを速攻で引く裏技「切り抜きツールの基準点にスナップさせる！」 first appeared on psgips.

【画像の変形】人物のポーズを操り人形のように変える方法「パペットワープの使い方」

古岡ひふみ — Fri, 26 Oct 2018 23:00:00 +0000

【Photoshop基本操作】[ パペットワープ ] を使えば、人物のポーズを、操り人形のように変えることができます。しかし、身体に重なっている腕は、動かすことができません。そんなときは、選択範囲でパーツに分け、部分的に適用しましょう。

自然な動きのテクニック！

[ パペットワープ ] の変形は自在ですが、人物に関して言えば、トリッキーな動きは禁物です。動かす部分と動かさない部分。関節に調整ピンを配置して、少しずつ変形を加えていくこと。そして、調整ピンを回転させて、湾曲してしまいがちな関節部分を、「くの字」に成形することがコツです。

人物のポーズを

操り人形のように変える方法

− パペットワープ −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

ポーズを変えて自然な動きを加える方法

これから行う操作は、[ パペットワープ ] で、人物のポーズを変える方法です。頭や手足など、胴体から独立した部分を、動かすことは可能ですが、胴体と重なった部分は、動かすことができません。作例では、胴体とくっついた腕を切り離し、自然な動きを加えることに挑戦します。

photo by modelpiece.com

目次に戻る

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

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

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

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

密着した箇所を分離する

素材画像の人物は、胴体と左腕が密着しています。このような場合、[ パペットワープ ] では、左腕を動かすことができません。あらかじめ、密着した箇所を分離する、選択範囲を作成しておけば、この問題は解決できます。

【操作方法】

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

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

素材画像を開く

photo by modelpiece.com

切り抜きレイヤーが基本

[ パペットワープ ] を使用する対象画像は、背景から切り抜いた、透明ピクセルを含むレイヤー、通称、「切り抜きレイヤー」が基本です。不透明ピクセルであっても、選択範囲を作成すれば、[ パペットワープ ] は適用できます。しかし、切り抜きレイヤーでなければ、変形で移動した部分に、ポッカリ穴が空いてしまいます。

それが無背景なら、影響しない場合もあります。しかし、オブジェクトの輪郭をトレースする手間は同じです。あらかじめ、切り抜きレイヤーを作成しておきましょう。

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

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

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

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

[ レイヤー 0 のコピー ] を作成

元画像を保護する

元画像を保護するため、レイヤーを複製して保存しておきます。[ パペットワープ ] は、[ スマートオブジェクト ] に対応しているので、作例のように、切り離し部分や、修正する箇所がない場合は、できるだけ活用するようにしましょう。

[ ツール ] パネルで、[ なげなわツール ] を選択します。

[ なげなわツール ] を選択

胴体に密着した腕の部分をドラッグして選択します。

腕の部分をドラッグして選択

密着した箇所は詳細に！

選択範囲の作成は、密着した胴体から腕の部分を切り離すように、詳細な境界線をドラッグします。その他の部分は、すでに透明ピクセルで切り抜かれているので、アバウトにドラッグして 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.