境界線を調整| 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, 09 Jul 2019 23:00:00 +0000

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

最初の選択範囲が肝心！

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

切り抜きを極める！

金髪くるくる巻きを

サクッと切り抜く方法

[ 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.

【選択範囲】オブジェクトの境界線を選択する方法【クイック選択ツール】

古岡ひふみ — Mon, 16 Jan 2017 23:00:00 +0000

【Photoshop基本操作】特定のオブジェクトだけを選択したい場合は、色や明るさの違いでアプローチしていくと効率的です。境界線を自動的に検知してくれる [ クイック選択ツール ] を使用して、詳細な切り抜きにも対応できる選択範囲を、どのように作成していくかを学びましょう。

「選択しやすい」から始める！

建物の領域を選択しようとすると、明るい部分や暗い部分が複雑に入り組んでいるので、すべてを選択するまでに手間がかかります。しかし、空の領域なら、大まかにドラッグするだけで、簡単に選択範囲を作成できます。選択しやすい部分を選択して、選択範囲を反転させればいいワケです。

オブジェクトの境界線を選択する方法

[ CHAPTER-01 ]

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

[ CHAPTER-02 ]

[ 選択とマスク ] の使い方

[ CHAPTER-03 ]

選択範囲を出力する

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

この課題は、建物の選択範囲を作成することです。しかし、建物には軒や窓などの暗い部分があり、色相、明度の差で選択する方法では手間がかかります。そこで、選択しやすい、空の領域を選択してから反転する方法を取ります。空のような広い領域を選択する場合、[ クイック選択ツール ] を使用すると、すばやく簡単に選択することができます。

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

素材画像を開く

【操作方法】

[ ツール ] パネルで、[ クイック選択ツール ] を選択します。[ クイック選択ツール ] を選択すると、画面上部のパネルに「ツールオプション」が表示されます。

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

オプションバーで、[ クリックでブラシプリセットピッカーを開く ] をクリックして、[ 直径 ] に [ 35 px ]、[ 硬さ ] に [ 100% ]、[ 間隔 ] に [ 25% ] を設定します。

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

ブラシの大きさを設定

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

選択したい画像の上を大まかにドラッグして、自動的に選択範囲を作成します。オプションバーの [ 選択範囲に追加 ]、[ 現在の選択範囲から一部削除 ] で選択範囲の編集ができます。

空の領域を大まかにドラッグして、選択範囲を作成します。ドラッグは一度に選択しようとせず、数回に分けて行いましょう。

空の領域をドラッグ

大まかな選択範囲が作成できた

エッジを使い分けよう！

[ エッジを強調 ] を有効にすると、[ クイック選択ツール ] で検知した、ピクセルに類似した領域まで、選択範囲を拡げます。その結果、オブジェクトに応じた境界線を、より滑らかにしてくれます。

しかし、曖昧な部分では歪さが際立ってしまう傾向があります。建物のように、はっきりした境界線を持つオブジェクトでは、チェックマークを外しておく方が、適当にぼけてよい結果が出るでしょう。

目次に戻る

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

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

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

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

選択範囲を反転

選択しやすい空の領域に選択範囲が作成できたら、選択範囲を反転して、今度は建物の選択範囲として調整していきます。選択範囲は破線のみの表示になるので、現在、どこが選択されているのか注意しましょう。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を反転 ] を選択して、選択範囲を反転します。選択範囲を反転 : [ shift ] + [ command ( Ctrl ) ] + [ I ]

空の領域の選択範囲を反転して建物を選択

詳細は後回し

ここでは、建物の大まかな選択範囲を作成するのが目的です。選択範囲がはみ出してしまった部分や、未選択部分があっても、選択範囲を反転させましょう。[ クイック選択ツール ] は、まず、大まかな選択範囲を作成してから、詳細な部分を修正するようにしましょう。

目次に戻る

選択範囲を確認

まず、現在の選択範囲を確認しましょう。突起物の先端に、未選択部分があります。[ クイック選択ツール ] で、自動的に検知された境界線を重視して、突起物のような建物の、特徴的な部分のみ修正を加えていきます。

【操作方法】

[ ツール ] パネルで、[ ズームツール ] を選択します。

建物の屋根の上にある突起物をクリック、または、ドラッグして、400% 以上に拡大表示します。

突起物を 400% 以上に拡大表示

動く破線は中間点

[ クイック選択ツール ] で作成した「動く破線」は、およその選択範囲を示すものです。境界線付近の未選択部分は、完全な未選択ではなく、徐々に選択が弱まっていく中間点として捉えましょう。

目次に戻る

選択範囲を広げる修正

未選択部分の修正は、ブラシサイズを小さくして、徐々に広げていくような感覚で行います。また操作も、広範囲な「ドラッグ」から詳細な「クリック」へ変えます。作例の場合は、突起物の先端が尖っているので、根元の太い部分からクリックしていきます。

【操作方法】

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

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

オプションバーで、[ クリックでブラシプリセットピッカーを開く ] をクリックします。ブラシプリセットピッカーで、[ 直径 ] に [ 4 px ]、[ 硬さ ] に [ 100% ]、[ 間隔 ] に [ 25% ] を設定します。

[ 直径 ] に [ 4 px ]を設定

突起物の未選択部分を数回クリックしながら、徐々に選択範囲を拡げていきます。

拡げすぎたら戻る

選択範囲を拡げ過ぎた場合は、[ option ( Alt ) ] + [ command ( Ctrl ) ] + [ Z ] キーで、操作を１段階戻る、または、オプションバーで、[ 現在の選択範囲から一部削除 ] を選択して、選択範囲を修正してください。

目次に戻る

はみ出した部分の修正

選択範囲がはみ出している部分の修正は、[ 現在の選択範囲から一部削除 ] を選択して行います。

【操作方法】

オプションバーで、[ 現在の選択範囲から一部削除 ] をクリック、または、[ option ( Alt ) ] キーを押すと、[ 選択範囲に追加 ] と [ 現在の選択範囲から一部削除 ] の切り替えが行えます。

[ 現在の選択範囲から一部削除 ] をクリック

[ 現在の選択範囲から一部削除 ] で、選択範囲の境界線をクリックします。すると、はみ出した部分の選択範囲が削除されます。一回のクリックで修正できない場合は、徐々に選択範囲を縮めるようにして数回クリックしてください。

ブラシの大きさを変える

詳細な部分は、ブラシの [ 直径 ] をさらに小さくして選択します。形状のすべてを選択するのではなく、ピクセル単位で暗い部分を優先させながら、明るい部分を省略するなどの工夫を加えると、より自然な仕上がりになります。

目次に戻る

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

古岡ひふみ

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

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, 01 Jun 2015 23:00:00 +0000

【Photoshop講座】イラストレーションは、自己表現する芸術とは違い、公共的な情報伝達を行うことが使命です。雑誌やポスターなどは、印象的で、わかりやすい効果が求められるため、イラストが用いられることも多いです。躍動的なスポーツ写真を、カラーマーカーで描いた商業広告風に加工してみましょう。

切り抜きで「らしさ」を演出！

スポーツ写真のように躍動するシーンは、背景から人物を切り抜くことが、イラスト風の第一歩です。複雑な背景だったり、境界線が不鮮明だったり、切り抜きには高度なテクニックを要しますが、そこはイラスト風。大まかで不正確な部分が、逆にいいこともあります。

レイヤーマスクで不要な部分をマスクしておくと、加工後にも再編集ができるので、効果に合った切り抜きが調整できます。グループにレイヤーマスクを作成すると、ひとつのレイヤーマスクで、複数のレイヤーに適用することができます。

写真をイラスト調に！

カラーマーカーで描いた商業広告風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

商業広告のイラスト風に

これから行う操作は、写真をイラスト調に加工する方法です。商業広告のイラスト風の特徴は、芸術性よりも直感的なアピール力です。多くのプロが愛用するカラーマーカーと、白色の背景を用いれば、それは意外と簡単に表現できます。

しかし、作り手にその意識がなければ、お茶を濁すようなイラストになってしまうでしょう。何を伝えたいか？イラストは、情報伝達の手段であることを意識しましょう。

目次に戻る

レッスン動画を配信中！

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

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

背景を透明にする

このレッスンは、写真をイラスト調にすることがテーマなので、人物の切り抜きについては省略しています。詳しくは、以下のページを参照してください。

【操作方法】

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

素材画像を開く

Ronaldinho / photo by Alex Carvalho

人物の選択範囲を作成します。

人物の選択範囲を作成

画像の大きさに注意！

Photoshop のフィルター効果は、対象画像のピクセル数に大きく影響されるので、他の素材画像で応用する場合は、あらかじめ適切な大きさにリサイズしてください。

目次に戻る

グループを作成

複数のレイヤーに共通の、レイヤーマスクを追加するため、グループを作成しましょう。

【操作方法】

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

[ グループ 1 ] が作成されたことを確認します。

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

[ 背景コピー ] が作成されたことを確認します。

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

グループを作成して [ 背景 ] を複製

まとめて切り抜き

複数のレイヤーに適用した効果を合成したい場合、単体の切り抜きレイヤー、または、レイヤーマスクを追加したレイヤーを合成することもできます。しかし、そこにエッジの変化を含む効果があれば、グループ単位での、一括した切り抜きの方がスマートです。

たとえば、オブジェクトの切り抜きを [ 選択とマスク ] で行い、レイヤーマスクありで出力したレイヤーなら、そのレイヤーマスクをグループ単位で使うこともできます。

目次に戻る

切り抜き用レイヤーを格納

[ 背景コピー ] が作成できたら、新しく作成したグループに格納しましょう。操作はドラッグ＆ドロップで行います。

【操作方法】

[ 背景コピー ] をドラッグ＆ドロップして、[ グループ 1 ] の中に入れます。

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

[ グループ 1 ] を選択します。

[ 背景コピー ] をグループの中に入れる

保護するための複製

元画像を保持できるスマートオブジェクトなら、[ 背景コピー ] を作成することなく、複数のエフェクトが適用できます。しかし、スマートオブジェクトのラスタライズは併用できません。念のため、[ 背景 ] を複製して、元画像を保護しておきましょう。

目次に戻る

レイヤーマスクを追加

グループに [ 背景コピー ] が格納できたら、レイヤーマスクを追加しましょう。あらかじめ、人物の切り抜き領域に、選択範囲を作成しているため、その他の領域を隠す、レイヤーマスクが作成されます。

【操作方法】

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

[ グループ 1 ] にレイヤーマスクが作成されたことを確認します。

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

人物の背景を透明にすることができました。

人物の背景が透明になった

レイヤーマスクとは？

レイヤーマスクとは、画像の一部を隠すことができる機能です。たとえば、人物の切り抜きなど、詳細で正確な境界線が求められる場合や、合成画像を段階的にぼかして、背景になじませたい場合に使用します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！カラーマーカーで描いた商業広告風 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

画像の大きさに注意！

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

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

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

オプションバーで、ブラシの [ 直径 ] に [ 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.