AI・人工知能| psgips

素材画像を開く

対象となる素材画像を開いて、スマートオブジェクトに変換しましょう。レンズぼかしは、再編集が行えるスマートフィルターに対応しています。

【操作方法】

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

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

素材画像を開く

photo by Tung Lam

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

[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

レンズぼかしを適用

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。Lightroom でも、同様に行えます。

【操作方法】

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

[ Camera Raw ] 操作パネルを表示

[ 補正前と補正後の表示を切り替え ] をクリックして、[ 補正前と補正後を左右に表示 ] を選択します。任意に設定

[ 補正前と補正後を左右に表示 ] を選択

プレビューを 100% 以上にズームインします。ズームイン: [ command ( Ctrl ) ] + [ + ]

ズームレベル: 100%

[ レンズぼかし ] を展開します。

[ レンズぼかし ] パネルで、[ 適用 ] を有効にすると、[ レンズぼかし ] による被写体検出が始まります。

[ 適用 ] を有効

インジケーター

AI 被写体検出による処理が行われている状態

ぼかし量

ぼかし効果の強度を調整初期設定: 50

ボケ

背景ぼかしの焦点が合っていない光源の形状初期設定: 円

ボケの種類

ボケの強調

焦点が合っていない光源の明るさを調整初期設定: 50

焦点範囲

焦点が合っている深度範囲の値を調整 [ 被写体へのフォーカス ] で自動設定

奥行きを可視化

焦点が合っている深度値の範囲をカラーで確認深度マップを表示

[ 奥行きを可視化 ] を有効

焦点範囲を調整

被写体へのフォーカス

AI 被写体検出を使用して焦点範囲を自動的に設定初期設定

[ 被写体へのフォーカス ] を選択

ポイント / 領域へのフォーカス

写真をクリックまたはドラッグして焦点範囲を手動で設定

ポイントフォーカスを設定

初期設定に戻す

[ レンズぼかし ] を適用すると、[ 被写体へのフォーカス ] が選択されています。焦点範囲を手動で調整した後に選択すると、AI 被写体検出による初期設定に戻ります。

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

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

The post AIで焦点範囲を自動設定！背景をぼかす方法「レンズぼかしの使い方」【2024】 first appeared on psgips.

基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】

古岡ひふみ — Tue, 11 Jun 2024 23:00:00 +0000

【Photoshop基本操作】画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。画像が詳細になるほど、必要なピクセル数も多くなります。

物理的な大きさがない！

画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

基本がわかる！

画像解像度の設定

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

ピクセルの大きさ

画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。

解像度には「画像解像度」と「画面解像度」がある

画像解像度について、最初に知っておくべきことは、「ピクセル ( pixel )」です。画像をズームインしたときに現れる、ギザギザの “アレ” です。

画像をズームインすると確認できるピクセル ( pixel )

ピクセルとは、画像を構成する最小単位です。それらは、すべて均一なサイズで、規則的なパターンによって配置されています。ひとつのピクセルは、非常に小さいですが、さまざまな色の情報を含んでいます。

ピクセルは画像を構成する最小単位

パソコン画面の一辺１インチあたりに、ピクセルがいくつ並んでいるのかを表すのが「画像解像度」です。単位は「 pixel/inch (ピクセル・パー・インチ) 」です。

画像解像度は一辺１インチあたり密度を表す

画像が詳細になるほど、必要なピクセル数も多くなります。ひとつの画像に、どれくらいのピクセルが含まれているか？これを測る基準とするのが「画像解像度」です。

レッスン動画を配信中！

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

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

１pixelは何センチ？

概念図で、画像解像度の違いを比較してみましょう。画像解像度が 72 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 72 個並んでいます。

画像解像度が 96 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 96 個並んでいます。96 pixel/inch は、72 pixel/inch に比べて、ピクセルの密度が細かくなります。

72 pixel/inch

96 pixel/inch

このように、画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。

物理的な大きさがない！

ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

ピクセルと画素の違い

「ピクセル」と「画素」は同意語ですが、ここでは解説の便宜上、あえて差別化します。似て非なるピクセルと画素の違いは、物理的な大きさがないデータと、物理的な大きさがあるデバイスの違いです。

物理的な大きさの有無で分けられる

デバイスとは、「電子部品」のことです。画素と関係するのは、パソコンのディスプレイです。ディスプレイは、人とパソコンの仲介者です。

まるで空気のような、当たり前の存在になっているディスプレイですが、その特性を知ることは、すべての理解につながります。

ピクセル情報をデバイスで表すと画素になる

画像解像度のピクセル

画像データを構成するピクセルには、物理的な大きさがありません。ビットマップ画像を、パソコン画面でズームイン (拡大表示) してみると、グリッド状のピクセルが確認できます。ピクセルがいくつ含まれているか？画像そのもの密度を表すのが画像解像度です。

ピクセルと画素の拡大表示

画面解像度の画素

パソコンのディスプレイを構成する画素には、物理的な大きさがあります。画素がいくつ含まれているか？デバイスの機能性を表すのが画面解像度です。

画面解像度は、使用している機器や設定により、統一されていません。一般的なデフォルト値は、72 dpi、または、96 dpi です。しかし、これらは伝統的な「画素密度」の数値であり、高精細化により、画面に表示される「総画素数」で表されることの方が多くなりました。

ppiとdpiの違い！

ピクセル（ pixel ）と画素（ dots ）のちがいは、単位についても使い分けられています。

画像解像度の単位には、pixel per inch (ピクセル・パー・インチ) を略した「 ppi 」が用いられます。

画面解像度の単位には、dots per inch (ドット・パー・インチ) を略した「 dpi 」が用いられます。

データの「 ppi 」とデバイスの「 dpi 」

たとえば、デジタル写真の入力解像度は「 ppi 」が用いられ、プリンターの出力解像度は「 dpi 」が用いられます。パソコン内に入るデータには、物理的な大きさがないのでピクセル。パソコン外に出るデバイスには、物理的な大きさがあるのでドット。…というワケです。

Photoshop では、pixel per inch を「 pixel/inch 」として表記されています。英語版では、pixel に複数形の S が付いた「 pixels/inch 」と表記されています。表記方法は、いまひとつ、定まっていないようですね。一般的には、略した「 ppi 」が多く使われています。

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

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

The post 基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】 first appeared on 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 ] をクリックします。

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

レッスン動画を配信中！

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

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

背景色を設定する

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

元画像

背景色を設定

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

べた塗りを設定

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

【操作方法】

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

素材画像を開く

photo by Ania

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

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

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

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

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

選択範囲を確認

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

[ べた塗り 1 ] を作成

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

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

カラーピッカーの使い方

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

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

背景色を設定

レイヤーを結合

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

【操作方法】

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

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

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

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

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

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

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

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

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

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

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

生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】

古岡ひふみ — Sat, 19 Aug 2023 23:00:00 +0000

【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成塗りつぶし」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。画像の加工方法に、革命をもたらす可能性があります。足りない領域を補間して、ふたつの画像を合成しましょう。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

生成範囲を想像する！

「生成塗りつぶし」は、選択範囲内を生成するものです。たとえば、円形の選択範囲を作成すると、その円形に収まることを条件として、オブジェクトや背景などが生成されます。そのため、適切な生成範囲を想像することが、思い通りの結果を生み出す、重要なテクニックとなるワケです。

生成AIがふたつの画像を

一瞬で合成する！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ふたつの画像を合成する方法

これから行う操作は、「生成拡張」と「生成塗りつぶし」を使って、ふたつの画像を合成する方法です。生成拡張は、画像をトリミングする感覚で、足りない領域を補間することができます。垂直方向に並べた画像の境界線に、ふたつの画像を違和感なくつなぐ、波打った水の断面を生成しましょう。

足りない領域を補間する

ふたつの画像を合成する

作例では、完成サイズを、1280 x 1280 pixel (スクエア) とします。つまり、1/2 に分けた、ひとつの画像サイズは、幅 1280 pixel、高さ 640 pixel が必要になります。しかし、ふたつの素材画像は、この条件を満たしていません。

完成サイズ : 1280 x 1280 pixel (スクエア)

ここでは、ふたつの素材画像を、幅 1280 pixel、高さ 640 pixel にするため、足りない領域を補間する操作から始めます。

拡張サイズを設定する

生成拡張は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。

スマートオブジェクトに変換

拡張サイズを設定する

作例の素材画像は、透明ピクセルを持たない [ 背景 ] です。そのため、元画像を保持したい場合は、あらかじめ、レイヤーに変換しておく必要があります。ここでは、元画像の非破壊編集も兼ねる、スマートオブジェクトに変換して対応します。

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

スマートオブジェクトに変換

ひとつめの素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。

【操作方法】

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

素材画像を開く

photo by Pete Linforth

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

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

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

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

レッスン動画を配信中！

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

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

切り抜きツールを設定

[ 切り抜きツール ] で、拡張サイズを設定しましょう。拡張サイズとは、ひとつの画像サイズの、完成後のピクセル数です。

【操作方法】

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

[ 切り抜きツール ] を選択

[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。

バウンディングボックスを確認

オプションバーで、[ 縦横比のプリセットまたは切り抜きサイズを選択 ] をクリックし、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。

[ 幅 x 高さ x 解像度 ] を選択

[ 切り抜く画像の幅を設定 ] に、[ 1280 px ] を入力します。

[ 切り抜く画像の高さを設定 ] に、[ 640 px ] を入力します。

[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。

拡張サイズを設定

解像度ってなに？

画像解像度とは、画像データの「密度」です。画像データを構成する「ピクセル」を、一辺１インチあたりにいくつ含ませるかを示す単位「 pixel/inch ( ppi ) 」で表します。

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

切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。

拡張サイズの比率を確認

反映されるのは比率のみ

この時点では、画像に対して Max 値のバウンディングボックスが表示されるので、設定した数値に反映されているのは、[ 幅 ]、[ 高さ ] の「比率」のみです。オプションバーの設定は、以降の操作に反映されます。

切り抜きツール「生成拡張」の使い方

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

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

Adobe Photoshopに新しい「生成拡張（Generative Expand）」ワークフローを導入、Adobe Photoshopの生成AI機能は多言語に対応

The post 生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】 first appeared on psgips.

生成AIが足りない領域を一瞬で補間する！切り抜きツールの新機能「生成拡張」の使い方【2024ベータ版】

古岡ひふみ — Fri, 11 Aug 2023 23:00:00 +0000

【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成拡張」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのまま、切り抜きツールで使用できるようにしたものです。ボックスをドラッグ操作するだけで、カンバスを拡大・リサイズして、足りない領域を一瞬で補間することができます。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

仕上げサイズで操作！

「生成拡張」を効率的に操作するには、仕上げサイズで操作することをオススメします。そもそも、現在のカンバスサイズが、仕上げサイズに足りないから使う機能ですよね？生成AIにとっても、処理時間の大幅な節約にもなりますし、シームレスなトリミングだって、いい感じに生成してくれるハズです。

生成AIが足りない領域を

一瞬で補間する！

[ STEP-01 ]

カンバスサイズを拡大する

[ STEP-02 ]

足りない領域を補間する

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

「生成拡張」の操作は、切り抜きツール (ベータ版) に組み込まれています。何も考える必要はありません。カンバスサイズを拡大するとき、自動的に発動されます。ボックスをドラッグして、コンテキストタスクバーの [ 生成 ] をクリックするだけです。

出典 : Adobe Blog

【操作方法】

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

バウンディングボックスのセンター、または、コーナーハンドルをドラッグして、カンバスサイズを拡大します。

コンテキストタスクバーで、[ 生成 ] をクリック、または、任意のプロンプトを入力して、[ 生成 ] をクリックします。

このレッスンでは、仕上げサイズに合わせたトリミング方法をご紹介します。トリミングとは、画像の構図やバランスを整えて切り取ることです。ワイドテレビの縦横比率を想定して、カンバスの拡大・リサイズとトリミングを同時に行いましょう。

レッスン動画を配信中！

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

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

カンバスサイズを拡大する

「生成拡張」は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。

スマートオブジェクトに変換

カンバスサイズを拡大する

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

スマートオブジェクトに変換

素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。

【操作方法】

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

素材画像を開く

photo by Hong daewoong

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

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

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

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

仕上げサイズを設定

[ 切り抜きツール ] で、仕上げサイズを設定しましょう。仕上げサイズとは、足りない領域を補間した後の、仕上げとするピクセル数です。

【操作方法】

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

切り抜きサイズを指定する方法

[ 切り抜きツール ] を選択

[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。

バウンディングボックスを確認

[ 幅 x 高さ x 解像度 ] を選択

[ 切り抜く画像の幅を設定 ] に、[ 1920 px ] を入力します。

[ 切り抜く画像の高さを設定 ] に、[ 1080 px ] を入力します。

[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。空欄、または、任意の数値を入力

仕上げサイズを設定

解像度ってなに？

解像度の項目は、空欄、または、任意の数値を入力しても構いません。解像度の指定がない場合は、[ 72 ] px/in、または、[ 96 ] px/in を入力してください。

切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。

バウンディングボックスに比率が反映される

反映されるのは比率のみ！

ボックスを操作

[ 切り抜きツール ] のバウンディングボックスは、拡張サイズの比率が反映されています。作例の場合、被写体となる猫と背景の構図も変えたいので、まず、左右を引き伸ばした後、上辺を伸ばす操作を２段階で行います。

【操作方法】

右下のコーナーハンドルを [ option ( Alt ) ] キーを押しながら、右下へドラッグします。

[ option ( Alt ) ] + ドラッグ

基準点をアンカー！

コーナーハンドルを [ option ( Alt ) ] + ドラッグすると、バウンディングボックスの基準点を固定したコントロールができます。トリミングする部分が中央にある場合に効率的です。

ドラッグして拡大されたバウンディングボックスが、画像の上辺と下辺にスナップされたら、マウスボタンを離します。

マウスボタンを離す

上のセンターハンドルを、上へドラッグします。

センターハンドルをドラッグ

上に拡大する位置が決まったら、マウスボタンを離します。

マウスボタンを離す

切り抜きを確定しない！

通常の操作では、[ 現在の切り抜き操作を確定 ] をクリック、または、[ enter ] キーを押して、切り抜きを確定しますが、「生成拡張」の場合は、バウンディングボックスを表示させたまま、画像生成の処理に入ります。切り抜きを確定しないでください。

革命をもたらす新機能！

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

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

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

The post 生成AIが足りない領域を一瞬で補間する！切り抜きツールの新機能「生成拡張」の使い方【2024ベータ版】 first appeared on psgips.

写真を絵画調に！油絵生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

古岡ひふみ — Tue, 08 Aug 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真を油絵風に加工する方法です。「oil painting」は、効果が出やすいプロンプトのひとつです。適用量をコントロールして、元画像の印象を残しながら、新しいプロンプトを追加して、生成に変化を加えてみましょう。このレッスンでは、ベータ版 Ver.25.0.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

表情を指定する！

油絵の粗いタッチによって、表情の生成はどんどん難しくなります。そんなときは、表情のプロンプトを追加しましょう。たとえば、「驚く」を追加すると、目を見開いた表情が多く生成されます。「笑う」を追加すると、目を細めた表情が多く生成されます。

写真を絵画調に！油絵生成AI

[ STEP-01 ]

選択範囲の不透明度を設定する

[ STEP-02 ]

油絵風を生成する

写真を油絵風に加工

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

元画像

油絵風に加工

テキストの命令文を入力

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

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

レッスン動画を配信中！

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

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

選択範囲の不透明度を設定する

選択範囲の不透明度は、クイックマスクを使用すると設定できます。クイックマスクは、赤い半透明のオーバーレイを重ね、一時的なマスクとして、選択範囲が編集できる表示モードです。

画像描画モード (通常)

クイックマスクモード

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

クイックマスクモード

クイックマスクモードでは、[ 塗りつぶし ] を実行します。これは、不透明度をコントロールする操作で、[ 生成塗りつぶし ] の適用率に換算されます。

【操作方法】

素材画像を開く

photo by Mehmet Turgut Kirkgoz

クイックマスクモードに切り替えます。すると、[ 背景 ] が、赤色のオーバーレイ表示に変わります。クイックマスクモード : [ Q ]

[ 背景 ] を選択 (初期設定)

赤色のオーバーレイ表示を確認

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ カラー ] を選択します。[ カラー ] を再選択して、[ カラーピッカー ] ダイアログを表示します。

[ 内容 : カラー ]

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

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

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

[ 塗りつぶし ] ダイアログで、[ OK ] をクリックします。

すると、クイックマスクモードのドキュメントが、赤いオーバーレイ表示に変わります。不透明度によって、オーバーレイカラーの濃度は変わります。

オーバーレイ表示を確認

画像描画モードに戻すと、オーバーレイ領域から、選択範囲が作成されます。画像描画モードに切り替えます。画像描画モード : [ Q ]

通常のドキュメント表示に戻ったことを確認

選択範囲が見えない？

50% 以上、選択されているピクセルがありません。そのため、選択範囲の境界線は表示されません。

不透明度でコントロール！

[ 塗りつぶし ] ダイアログで設定した [ カラー ] が、[ 生成塗りつぶし ] の適用量のような働きをします。

明度を適用率に換算

クイックマスクモードから、画像描画モードに切り替わると、マスク領域が選択範囲に変換されるため、明度 40 % のグレーから、不透明度 40 % の選択範囲が作成されます。

つまり、[ 生成塗りつぶし ] は、選択範囲を対象とするため、不透明度 40% の選択範囲を適用量に換算して、画像生成を行うワケです。

50 % グレーの生成例

たとえば、50 % グレーで生成すると、元画像のイメージから、離れた結果が多いようでした。100 % なら、元画像の影響をまったく受けません。

しかし、選択範囲の不透明度による適用量のコントロールは、入力するプロンプトによって、影響力が大きく変わります。「oil painting」は、効果が出やすいプロンプトのひとつです。

50 % の適用量では、タッチの粗さや、抽象的な表現もよく出ています。これらの効果を残しながら、元画像の印象を残すことが、このレッスンの目的です。

革命をもたらす新機能！

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

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

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

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

古岡ひふみ — Wed, 02 Aug 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真をポップアート風に加工する方法です。「ポップアート」とは、写真やコミックといった商業ベースの素材を扱った現代芸術です。ここでは、「スマートフォンを見て驚く女性」をテーマに、躍動感や色彩を重視して、さまざまな画像生成を試してみましょう。このレッスンでは、ベータ版 Ver.25.0.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

平坦な印象に近づける！

ポップアート風を明るく鮮やかに仕上げるには、元画像の影を明るくして、なるべく、平坦な印象に近づけておきましょう。あらかじめ、ノイズを軽減しておくと、さらに効率的です。[ Camera Raw ] には、ノイズを軽減して、ぼやけたディテールを引き締める機能が搭載されています。

写真をイラスト調に！

ポップアート生成AI

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真をポップアート風に加工

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

元画像

ポップアート風に加工

テキストの命令文を入力

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

このレッスンでは、「スマートフォンを見て驚く女性」をテーマに、躍動感や色彩を重視します。応用する場合は、上記の適用量を参考にして、選択範囲の不透明度を調整してください。

レッスンを始める前に

【操作方法】

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

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

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

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

レッスン動画を配信中！

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

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

被写体の背景を選択する

ここでは、被写体の背景に、ポップアートらしい効果線を敷きたいので、その領域に選択範囲を作成します。一連の操作は、コンテキストタスクバーを利用すると効率的に行えます。[ ウィンドウ ] – [ コンテキストタスクバー ]

【操作方法】

素材画像を開く

photo by Rocapurpura

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

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

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

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

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

被写体の背景を選択

選択範囲から生成！

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

革命をもたらす新機能！

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

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

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

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

古岡ひふみ — Thu, 27 Jul 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真をペーパークラフト風に加工する方法です。ここでは、選択範囲の不透明度に着目して、画像生成の適用量をコントロールします。クイックマスクには、塗りつぶしカラーの明度によって、選択率を変えられる機能があります。これを活用しましょう。このレッスンでは、ベータ版 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 ] をクリックします。

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

レッスン動画を配信中！

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

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

背景色を設定する

背景色は、[ 被写体を選択 ] で作成した選択範囲を反転して、塗りつぶしレイヤーの [ べた塗り ] を作成します。作例の素材画像は、少し暗めに撮影されています。なるべく、平坦な印象にするため、不要な影を削除しておきましょう。

不要な影を削除

背景色を設定

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

不要な影を削除

物体の形状を表す基本的な影は必要です。しかし、その形状を表す上で、邪魔する影がある場合もあります。作例では、人物の首筋にある影です。顎やシャツの形状を優先させるために、この不要な影を削除しておきましょう。

【操作方法】

素材画像を開く

photo by qiesnusantara26

[ ツール ] パネルで、[ 削除ツール ] を選択します。バージョン 2023 (ベータ版) 以降

[ 削除ツール ] を選択

オプションバーで、[ サイズ ] に [ 32 ] を入力します。

[ サイズ : 32 ] を入力

不要な影の領域をドラッグします。

マウスボタンを離すと、画像生成が開始されます。不要な影が削除できました。

不要な影の領域をドラッグ

マウスボタンを離すと生成を開始

修復も画像生成AI

「生成塗りつぶし」の機能は、[ 削除ツール ] にも搭載されています。用途や使用方法は、[ スポット修復ブラシツール ] と同じです。

最初に覚えたい！画像生成AI・ジェネレーティブ塗りつぶし (Beta)

べた塗りを設定

作例の背景は、白い壁です。「生成塗りつぶし」の画像生成は、選択範囲内の画像の情報が反映されるので、元の背景色にも影響されます。塗りつぶし調整レイヤーで設定しておきましょう。

【操作方法】

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

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

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

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

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

選択範囲を確認

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 176°/ S : 23 % / B : 79 % ] を設定します。

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

カラーピッカーの使い方

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

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

背景色を設定

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

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

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

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

古岡ひふみ — Fri, 21 Jul 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真をクレイドール風に加工する方法です。クイックマスクの塗りつぶしカラーの明度を調整することで、生成塗りつぶしの適用量をコントロールできます。元画像のイメージを残すには、適正な適用量を見つけることが重要です。このレッスンでは、ベータ版 Ver.25.0.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

生成で目を置き換える！

「生成塗りつぶし」は、部分的な修正にも使用できます。選択範囲の形状は、生成結果に大きく影響します。バランスよく生成するには、左右の大きさを合わせることがポイントです。

写真をイラスト調に！

クレイドール生成AI

[ STEP-01 ]

選択範囲の不透明度を設定する

[ STEP-02 ]

クレイドール風を生成する

[ STEP-03 ]

目を置き換える

写真をクレイドール風に加工

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

元画像

クレイドール風に加工

テキストの命令文を入力

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

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

レッスン動画を配信中！

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

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

選択範囲の不透明度を設定する

画像描画モード(通常)

クイックマスクモード

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

クイックマスクモード

【操作方法】

素材画像を開く

photo by Mahbub Hasan

クイックマスクモードに切り替えます。すると、[ 背景 ] が、赤色のオーバーレイ表示に変わります。クイックマスクモード : [ Q ]

[ 背景 ] を選択 (初期設定)

赤色のオーバーレイ表示を確認

[ 内容 : カラー ]

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

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

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

[ 塗りつぶし ] ダイアログで、[ OK ] をクリックします。

オーバーレイ表示を確認

画像描画モードに戻すと、オーバーレイ領域から、選択範囲が作成されます。画像描画モードに切り替えます。画像描画モード : [ Q ]

通常のドキュメント表示に戻ったことを確認

選択範囲が見えない？

50% 以上、選択されているピクセルがありません。そのため、選択範囲の境界線は表示されません。

不透明度でコントロール

[ 塗りつぶし ] ダイアログで設定した [ カラー ] が、[ 生成塗りつぶし ] の適用量のような働きをします。

明度を適用率に換算

つまり、[ 生成塗りつぶし ] は、選択範囲を対象とするため、不透明度 40% の選択範囲を適用量に換算して、画像生成を行うワケです。

50 % グレーの生成例

たとえば、50 % グレーで生成すると、元画像のイメージから、離れた結果が多いようでした。100 % なら、元画像の影響をまったく受けません。

革命をもたらす新機能！

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

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