スケッチ| psgips

写真をイラスト調に！ラインアート生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

古岡ひふみ — Thu, 07 Sep 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真をラインアート風に加工する方法です。ラインアートとは、色を塗らずに、線だけで描かれたイラストのことを指します。元画像の印象を残して、できるだけ単純な線で構成できるように、生成をコントロールしましょう。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

ベースで寄せる！

元画像の印象を残す方法では、カラー情報や陰影なども、適用量に応じて反映されます。線だけで描かれたラインアート風にするには、あらかじめ、これらを消去しておく必要があります。つまり、２階調化した輪郭線のベースを作成しておけば、滑らかで単純な線は、AIが生成してくれるワケです。

写真をイラスト調に！

ラインアート生成AI

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真をラインアート風に加工

これから行う操作は、「生成塗りつぶし」を使って、人物の写真を、ラインアート風に加工する方法です。

元画像

ラインアート風に加工

「生成塗りつぶし」は、プロンプトと呼ばれるテキストの命令文で画像生成します。ベータ版では、英語のみ対応しています。現在は日本語に対応しています。

テキストの命令文を入力

「生成塗りつぶし」の画像生成は、選択範囲を塗りつぶすことで行われます。このとき、塗りつぶしの不透明度は 100 % です。つまり、100 % の適用量に換算されて、元画像から完全に置き換えられるワケです。

選択範囲の不透明度が大きくなるほど、適用量も大きくなります。作例では、適用量が 50 % 以上になると、元画像の影響を受けなくなりました。

このレッスンでは、元画像のイメージをそのままにして、人物をラインアート風に加工することを目的としています。応用する場合は、上記の適用量を参考にして、選択範囲の不透明度を調整してください。

目次に戻る

レッスンを始める前に

このレッスンでは、画像内のオブジェクトを、自動的に選択する機能を使用します。Photoshop を起動して、あらかじめ、設定を確認しておきましょう。

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] - [ 画像処理 ] を選択します。バージョン 2022 以降

[ 環境設定 ] ダイアログで、[「被写体を選択」処理 ] に [ クラウド (詳細な結果) ] を選択します。初期設定

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

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

作例の素材画像は、肌色に近い背景色が使用されています。このため、被写体との境界線に、不明瞭な箇所があります。輪郭線を抽出しやすくするには、背景色にホワイトを設定して、その差をわかりやすくしておきます。

元画像

背景色を設定

目次に戻る

べた塗りを設定

背景色は、[ 被写体を選択 ] で作成した選択範囲を反転して、塗りつぶしレイヤーの [ べた塗り ] を作成します。

【操作方法】

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

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

素材画像を開く

photo by Ania

コンテキストタスクバーで、[ 被写体を選択 ] をクリックします。[ 選択範囲 ] – [ 被写体を選択 ]

[ 被写体を選択 ] をクリック

被写体に選択範囲が作成されたら、[ 選択範囲を反転 ] をクリックします。[ 選択範囲 ] – [ 選択範囲を反転 ]

[ 選択範囲を反転 ] をクリック

背景に選択範囲が作成されていることを確認してください。

選択範囲を確認

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックして、メニューから、[ べた塗り ] を選択します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 0°/ S : 0 % / B : 100 % ] を設定します。カラー : ホワイト

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

カラーピッカーの使い方

[ カラーピッカー ] を設定

背景色を設定することができました。

背景色を設定

目次に戻る

レイヤーを結合

「生成塗りつぶし」は、統合イメージから生成されます。複数のレイヤーがある場合は、１枚に結合しておく方がスマートです。ここでは、元のレイヤー構造を保持した、スマートオブジェクトに変換することで、レイヤーを結合します。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を、[ shift ] キーを押しながらクリックします。２枚のレイヤーが、選択されていることを確認してください。

[ 背景 ] を右クリックします。コンテキストメニューを表示

コンテキストメニューから、[ スマートオブジェクトに変換 ] を選択します。

[ スマートオブジェクトに変換 ] を選択

２枚のレイヤーが結合され、スマートオブジェクトに変換されたことを確認してください。

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！ラインアート生成AI「生成塗りつぶしの活用方法」【2024ベータ版】 first appeared on psgips.

写真をイラスト調に！水彩画生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

古岡ひふみ — Sat, 15 Jul 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」は、選択範囲内の塗りつぶしを、AI (人工知能) によって処理します。しかし、元画像に対して、フィルターのような効果を加える機能は、現在のところ追加されていません。「生成塗りつぶし」を使って、人物の写真を水彩画風に加工しましょう。このレッスンでは、ベータ版 Ver.25.0.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

不透明度は適用量？

ここでは、選択範囲の不透明度に着目して、画像生成の適用量をコントロールします。クイックマスクには、塗りつぶしカラーの明度によって、選択率を変えられる機能があります。これを活用しましょう。

写真をイラスト調に！

水彩画生成AI

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真を水彩画風に加工

これから行う操作は、「生成塗りつぶし」を使って、人物の写真を、水彩画風に加工する方法です。

元画像

水彩画風に加工

テキストの命令文を入力

選択範囲の不透明度が大きくなるほど、適用量も大きくなります。作例では、適用量が 50 % 以上になると、元画像の影響を受けなくなりました。

このレッスンでは、元画像のイメージをそのままにして、水彩画のタッチを加えることを目的としています。応用する場合は、上記の適用量を参考にして、選択範囲の不透明度を調整してください。

目次に戻る

レッスンを始める前に

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] - [ 画像処理 ] を選択します。バージョン 2022 以降

[ 環境設定 ] ダイアログで、[「被写体を選択」処理 ] に [ クラウド (詳細な結果) ] を選択します。初期設定

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

レッスン動画を配信中！

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

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

被写体の背景を選択する

ここでは、被写体の背景に、絵の具が飛び散った効果を付けたいので、その領域に選択範囲を作成します。一連の操作は、コンテキストタスクバーを利用すると効率的に行えます。[ ウィンドウ ] – [ コンテキストタスクバー ]

【操作方法】

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

素材画像を開く

photo by Star Shadow

コンテキストタスクバーで、[ 被写体を選択 ] をクリックします。[ 選択範囲 ] – [ 被写体を選択 ]

[ 被写体を選択 ] をクリック

[ 選択範囲を反転 ] をクリックします。[ 選択範囲 ] – [ 選択範囲を反転 ]

[ 選択範囲を反転 ] をクリック

被写体の背景が、選択されていることを確認してください。

被写体の背景を選択

選択範囲から生成！

「生成塗りつぶし」の機能は、選択範囲を作成すると発動されます。選択範囲外は、隠す領域として、生成レイヤーにレイヤーマスクが自動的に追加されます。

目次に戻る

革命をもたらす新機能！

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！水彩画生成AI「生成塗りつぶしの活用方法」【2024ベータ版】 first appeared on psgips.

写真をイラスト調に！鉛筆で描いたスケッチ風「線より面を捉えるデッサン」【2023】

古岡ひふみ — Tue, 28 Mar 2023 23:00:00 +0000

【Photoshop講座】一瞬で特殊な効果を適用できるフィルター。でも、思うような結果が出ないことも多いですよね。そんなときは、少しだけの準備と、別の効果をプラスしてみましょう。素材に応じた設定ができてこそ、魔法のような機能は活かされます。

線より面を捉える！

一般的なイラスト風の加工には、輪郭線が欠かせません。しかし、スケッチでは、表面の陰影を捉えることが、重要な目的であると言われています。そのため、白黒写真と非常によく似た技法を使用しています。鉛筆のタッチと、紙のテクスチャを使用して、スケッチのように見せます。そして、写真のように見える、リアルな外観を減らします。

写真をイラスト調に！

鉛筆で描いたスケッチ風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真を鉛筆スケッチ風に加工

これから行う操作は、写真の人物を、鉛筆で描いたスケッチ風に加工する方法です。素材画像の背景は、人物の肌色より明るい無背景のものが適しています。素材画像は、カラーでもモノクロでも同様の効果を出すことができますが、カラーの方が詳細なディテールが出やすいです。

目次に戻る

レッスンを始める前に

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] - [ 画像処理 ] を選択します。バージョン 2022 以降

[ 環境設定 ] ダイアログで、[「被写体を選択」処理 ] に [ クラウド (詳細な結果) ] を選択します。初期設定

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

レッスン動画を配信中！

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

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

人物を切り抜く

素材画像の人物に背景がある場合は、人物を切り抜いて、背景を白地 (用紙の色や明るさ) にする必要があります。ここでは、背景をレイヤーマスクによって、透明ピクセルに変換する操作から始めます。

【操作方法】

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

素材画像を開く

photo by Rob Romig-Fox

効果に適した素材を選ぼう！

鉛筆スケッチ風に適した人物の素材は、白い壁などを背景に撮影したもの、または、オブジェクトを切り抜きしたものです。

フィルター効果の大半は、ピクセルを基準に考えられているので、適用する画像の大きさに影響します。大きい画像のままでは、細かくフラットなタッチになる場合があるので、ピクセル数を適度な大きさにスケールダウンしておきましょう。

ドキュメントサイズの目安

[ 解像度 ] の設定値は、適用結果に直接関係しません。スケールダウンする場合の [ ピクセル数 ] の目安は、ピクセル等倍で、パソコン画面に表示できる大きさです。作例では、1280 x 1280 pixel に設定しました。

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

目次に戻る

被写体を選択

背景を用紙の明るさにするため、人物を切り抜いて、新しいレイヤーを作成しましょう。選択範囲の作成には、機械学習テクノロジーによって自動的に解析する、[ 被写体を選択 ] を使用します。

【操作方法】

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

自動的に作成された、選択範囲を確認してください。処理時間を必要とする場合があります。

選択範囲を確認

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

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

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

[ マスクを追加 ] をクリック

人物を切り抜いて、新しいレイヤーを作成することができました。

人物を切り抜くことができた

透明ピクセルとは？

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！鉛筆で描いたスケッチ風「線より面を捉えるデッサン」【2023】 first appeared on psgips.

【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」

古岡ひふみ — Wed, 27 Apr 2022 23:00:00 +0000

【Photoshop講座】手早く塗りつぶしたタッチや、ラフな下書き線があると、鉛筆スケッチ風のムードは高まります。技法は、いたってシンプルです。塗りつぶしレイヤーを利用した、テキストのラスタライズや、スマートオブジェクトにフィルター効果を適用して、自由に再編集できる方法をマスターしましょう。

ぶれの輪郭線を検出する！

テクニックを要するフリーハンド操作を用いず、いかに文字型を崩すか？が、このレッスンのテーマです。ラフな下書き線は、実線の内側や外側へはみ出させる必要があるため、ラスタライズした文字に [ ぶれ ] を適用して、その輪郭線を検出します。すると、文字型の内側と外側にそれぞれ下書き線の元が作成できます。

フォントでつくる！

鉛筆スケッチ風の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

ラフな鉛筆スケッチ風に加工する

これから行う操作は、スタンダードなフォントをラフなスケッチ風に加工する方法です。文字の輪郭線をずらして重ね合わせ、再び外側を消去すると、それっぽい下書き線が作り出せます。すべての操作が設定だけで行えるので、初級ユーザーの方でも簡単に加工することができます。

目次に戻る

レッスン動画を配信中！

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

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

ベースの文字を入力する

ここでは、素材画像に文字を入力して、加工する方法を取ります。デコボコした用紙の風合いは、鉛筆スケッチ風の効果を高めることができます。

【操作方法】

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

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

素材画像を開く

目次に戻る

フォントの設定と入力

フォントの形状が、そのまま、鉛筆スケッチ風の効果になります。ここでは、スタンダードな書体を選択します。

【操作方法】

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

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

オプションバーで、任意のフォントを設定します。

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

フォントサイズに [ 58 pt ] を入力

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

[ アンチエイリアスの種類を設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスに [ 滑らかに ] を選択

任意のフォントを設定

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

フォントの設定は任意ですが、効果が出やすいのはサンセリフ (ゴシック) 書体です。それは太い線の方が、タッチを多く取り入れることができるからです。しかし、隣り合う線との空間が狭すぎると、ラフなアウトラインを強調できないので、ほどよい太さの書体を選びましょう。

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

ドキュメントの適当な箇所をクリックして、ポイントテキストで [ design ] を入力します。

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

ポイントテキストで文字を入力

文字が入力できたら、[ 現在の編集をすべて確定 ] をクリック、または、[ enter ] キーを押して、入力を確定します。

[enter] で入力を確定

ポイントテキストとは？

ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。アンカーポイントの位置は、整列オプションによって、左揃え、中央揃え、右揃えに設定できます。入力した文字列をひとつのオブジェクトとして配置できるので、単語や数行の文章など、短い文字列を入力する場合に適しています。

目次に戻る

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

鉛筆スケッチ風の効果には、文字の太さに加えて、隣り合う文字との適度な間隔が必要です。ロゴとは、ひとかたまりの文字列を意味するので、付かず離れず、バランスのいい文字間を設定します。

【操作方法】

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

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

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

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

トラッキングに [ 50 ] を選択

カーニングで隣り合う文字間、トラッキングで全体の文字送りが設定できました。

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。一般的な用途としては、ペアカーニング値を持たないフォントの「応急策」として、適正値を割り当てることに使用されます。

メトリクスとの比較は歴然としてありますが、使用するフォント、文字列によっては、優れている場合も少なくありません。

目次に戻る

オブジェクトの整列

ポイントテキストで入力した文字列をひとつのオブジェクトとして、ドキュメントのセンターに合わせて配置しましょう。[ 移動ツール ] の [ 整列 ] オプションを使用すれば、正確にすばやく配置することができます。

【操作方法】

[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択します。

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

[ 移動ツール ] を選択

オプションバーで、[ 垂直方向中央揃え ] をクリックします。

続いて、[ 水平方向中央揃え ] をクリックします。

[ 垂直方向中央揃え ] と [ 水平方向中央揃え ] をクリック

文字列をセンターに合わすことができたら、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

オブジェクトの整列とは？

[ 移動ツール ] には、レイヤー内のオブジェクトを整列するオプションがあります。ドキュメントの範囲を基準に揃える方法と、選択範囲を基準に揃える方法があります。

ひとつのレイヤーオブジェクトを対象とする場合は、整列させる前に選択範囲を作成します。揃える方向を示す６種類の整列があり、２つを組み合わせることで９箇所の位置に移動することができます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」 first appeared on psgips.

写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」

古岡ひふみ — Sun, 09 Aug 2020 23:00:00 +0000

【Photoshop講座】水彩画の一般的なイメージは、顔料を薄くぼかしながら塗り重ねていく、透明水彩 (ウォーターカラー) という画法でしょう。不透明絵具を塗り重ねて行く画法との大きな違いは、用紙の地色を活かしながら彩色していくことです。風景写真を素朴な水彩画風に仕上げてみましょう。

絵具のにじみを再現しよう！

絵具が乾かないうちに他の色を塗ってにじませる「たらし込み技法」では、ぼかしやにじみの他に、境界線が際立った絵具溜めの効果も、水彩画のタッチを再現する大きなポイントだと思います。

[ ドライブラシ ] フィルターで、この絵具溜めの効果をプラスしたら、どんな風景写真だって、水彩画に早変わりします。

写真をイラスト調に！

水彩画の風景スケッチ

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

風景写真を水彩画風に加工

これから行う操作は、風景写真を水彩画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

元画像

風景写真を水彩画風に加工

「水彩画の風景スケッチ」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。

目次に戻る

マージン領域を塗りつぶす

水彩画タッチのフレーム効果を得るため、画像の周囲にマージンを設けます。元画像の内側にマージンを取ると、写体の構図などに影響が出るので、[ コンテンツに応じた塗りつぶし ] を使用して、領域を外側に増やす方法をとります。

元画像

マージン領域の塗りつぶし

目次に戻る

マージンガイドを作成

計画的に作業を進める上で、ガイドの作成は欠かせません。素材画像を開いて、まず、現在のドキュメントサイズを示すガイドを作成しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅：1024 pixel ]、[ 高さ：683 pixel ] 、[ 解像度：72 pixel/inch ]、[ カラーモード：RGB カラー ] を使用しています。加工する素材は、色彩を多く含む風景写真が好ましいです。

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

素材画像を開く

photo by juliacasado1

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 列 ] セクションの [ 数 ] に [ 1 ]、[ 行 ] セクションの [ 数 ] に [ 1 ] を入力して、[ OK ] をクリックします。

[ 新規ガイドレイアウトを作成 ] を設定

ドキュメントの端に、ガイドが作成されたことを確認します。

ガイドの作成を確認

元画像の領域を示す！

[ コンテンツに応じた塗りつぶし ] で、領域を外側に増やすと、元画像との境界線がわからなくなります。それほどスゴイ機能なんです。

ここでは、元画像の構図をそのまま残したいので、その位置の参考となるガイドを作成しておきます。

目次に戻る

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

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

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

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

カンバスサイズを設定

元画像の領域にガイドが作成できたら、カンバスサイズを大きくして、画像の周辺にマージン領域を増やします。本来のマージンの取り方とは逆ですが、Photoshop なら、足りない領域も簡単に増やすことができます。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] レイヤーサムネールをダブルクリックして、[ 新規レイヤー ] ダイアログを表示します。

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

[ 新規レイヤー ] ダイアログで、[ レイヤー名 ] に [ 彩色 ] を入力して、[ OK ] をクリックします。

レイヤー名を設定

[ 背景 ] が、レイヤー [ 彩色 ] に変換されたことを確認します。

レイヤーの変換を確認

[ イメージ ] メニューから、[ カンバスサイズ ] を選択します。[ カンバスサイズ ] ダイアログで、[ 単位 ] に [ % ] を選択します。[ 幅 ]、[ 高さ ] にそれぞれ [ 125 ] を入力して、[ OK ] をクリックします。

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

カンバスサイズを 125% 拡大することで、画像の周囲にマージン領域が作成されたことを確認します。

マージン領域を確認

透明ピクセルを選択範囲に！

[ コンテンツに応じた塗りつぶし ] の塗りつぶし領域は、透明ピクセルである必要はありません。透明ピクセルを含んだドキュメントにすることで、その足りない領域を効率的に選択するためです。

目次に戻る

マージン領域を選択

[ コンテンツに応じた塗りつぶし ] に必要な、選択範囲を作成しましょう。足りない領域は、画像の周辺に作成したマージン領域です。まず、描画ピクセルを選択して、それを反転すれば、簡単に選択することができます。

【操作方法】

[ レイヤー ] パネルで、[ 彩色 ] のレイヤーサムネールを、[ command ( Ctrl ) ] キーを押しながらクリックします。描画ピクセルを選択

[ command ( Ctrl ) ] + クリック

元画像の領域に、選択範囲が作成されたことを確認します。

選択範囲を確認

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

[ 選択範囲 ] メニューから、[ 選択範囲を変更 ] – [ 拡張 ] を選択します。[ 選択範囲を拡張 ] ダイアログで、[ 拡張量 ] に [ 1 ] pixel を入力して、[ OK ] をクリックします。

[ 選択範囲を拡張 ] を設定

マージン領域に拡張した選択範囲が作成されたことを確認します。

マージン領域の選択範囲を確認

なぜ選択を拡張するの？

元画像のエッジ部分には、ファイルの圧縮や拡大・縮小などが原因となる「ブレ線」が残っている場合があります。

足りない領域の穴埋め修正では、つなぎ目となるエッジ部分に、少しだけ重なる領域を設けてブレ線を隠します。

目次に戻る

コンテンツに応じた塗りつぶし

[ コンテンツに応じた塗りつぶし ] は、隣接する画像から情報を得て、足りない領域を穴埋めする機能です。ここでは、元画像の領域を最大限に活用するために塗りつぶします。そのため、詳細な精度は必要ありません。

【操作方法】

[ 編集 ] メニューから、[ コンテンツに応じた塗りつぶし ] を選択します。すると、[ コンテンツに応じた塗りつぶし ] プロパティパネルが表示されます。

[ コンテンツに応じた塗りつぶし ] プロパティパネル

プロパティパネルで、[ サンプリング領域のオプション ] に [ 自動 ] を選択します。

[ 塗りつぶしの設定 ] セクションの [ 回転適用 ] に [ なし ] を選択します。

サンプリング領域のオプション: 自動

[ 出力設定 ] セクションの [ 出力先 ] に、[ 現在のレイヤー ] を選択します。

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

出力先: 現在のレイヤー

[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

選択を解除

出力方法に注意！

[ 出力先 ] に [ 現在のレイヤー ] を選択すると、元画像がプレビュー画面の結果に書き換えられます。

他にも [ レイヤーを複製 ]、[ 新規レイヤー ] が選択できますが、ここでは、マージン領域を含めた１枚のレイヤーにしておく必要があります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」 first appeared on psgips.

スケッチ| psgips

写真をイラスト調に！ラインアート生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

写真をラインアート風に加工

レッスンを始める前に

背景色を設定する

べた塗りを設定

レイヤーを結合

写真をイラスト調に！水彩画生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

写真を水彩画風に加工

レッスンを始める前に

被写体の背景を選択する

写真をイラスト調に！鉛筆で描いたスケッチ風「線より面を捉えるデッサン」【2023】

写真を鉛筆スケッチ風に加工

レッスンを始める前に

人物を切り抜く

被写体を選択

【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」

ラフな鉛筆スケッチ風に加工する

ベースの文字を入力する

フォントの設定と入力

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

オブジェクトの整列

写真をイラスト調に！ 水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」

風景写真を水彩画風に加工

マージン領域を塗りつぶす

マージンガイドを作成

カンバスサイズを設定

マージン領域を選択

コンテンツに応じた塗りつぶし

写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」