生成拡張| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Wed, 24 Jul 2024 07:16:02 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png 生成拡張| psgips https://psgips.net 32 32 生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】 https://psgips.net/photoshop-reference/generative-fill-and-expand Sat, 19 Aug 2023 23:00:00 +0000 https://psgips.net/?p=26170 【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成塗りつぶし」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。画像の […]

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

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

これから行う操作は、「生成拡張」と「生成塗りつぶし」を使って、ふたつの画像を合成する方法です。生成拡張は、画像をトリミングする感覚で、足りない領域を補間することができます。垂直方向に並べた画像の境界線に、ふたつの画像を違和感なくつなぐ、波打った水の断面を生成しましょう。
足りない領域を補間する
ふたつの画像を合成する
足りない領域を補間する
ふたつの画像を合成する
作例では、完成サイズを、1280 x 1280 pixel (スクエア) とします。つまり、1/2 に分けた、ひとつの画像サイズは、幅 1280 pixel、高さ 640 pixel が必要になります。しかし、ふたつの素材画像は、この条件を満たしていません。
完成サイズ:1280x1280pixel(スクエア)
完成サイズ : 1280 x 1280 pixel (スクエア)
ここでは、ふたつの素材画像を、幅 1280 pixel、高さ 640 pixel にするため、足りない領域を補間する操作から始めます。
目次に戻る

拡張サイズを設定する

生成拡張は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。
スマートオブジェクトに変換
拡張サイズを設定する
スマートオブジェクトに変換
拡張サイズを設定する
作例の素材画像は、透明ピクセルを持たない [ 背景 ] です。そのため、元画像を保持したい場合は、あらかじめ、レイヤーに変換しておく必要があります。ここでは、元画像の非破壊編集も兼ねる、スマートオブジェクトに変換して対応します。
目次に戻る

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

ひとつめの素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 609 pixel ]、 [ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 237 KB )
素材画像を開く
素材画像を開く
photo by Pete Linforth
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】ふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】
サムネールをクリックすると、
レッスン動画にリンクします。

切り抜きツールを設定

[ 切り抜きツール ] で、拡張サイズを設定しましょう。拡張サイズとは、ひとつの画像サイズの、完成後のピクセル数です。
【操作方法】
[ ツール ] パネルで、[ 切り抜きツール ] を選択します。
[切り抜きツール]を選択
[ 切り抜きツール ] を選択
[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。
バウンディングボックスを確認
バウンディングボックスを確認
オプションバーで、[ 縦横比のプリセットまたは切り抜きサイズを選択 ] をクリックし、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。
[幅x高さx解像度]を選択
[ 幅 x 高さ x 解像度 ] を選択
[ 切り抜く画像の幅を設定 ] に、[ 1280 px ] を入力します。
[ 切り抜く画像の高さを設定 ] に、[ 640 px ] を入力します。
[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。
拡張サイズを設定
拡張サイズを設定
解像度ってなに？
画像解像度とは、画像データの「密度」です。画像データを構成する「ピクセル」を、一辺１インチあたりにいくつ含ませるかを示す単位「 pixel/inch ( ppi ) 」で表します。
基本がわかる！画像解像度の設定
切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。
拡張サイズの比率を確認
拡張サイズの比率を確認
反映されるのは比率のみ
この時点では、画像に対して Max 値のバウンディングボックスが表示されるので、設定した数値に反映されているのは、[ 幅 ]、[ 高さ ] の「比率」のみです。オプションバーの設定は、以降の操作に反映されます。
切り抜きツール「生成拡張」の使い方
目次に戻る
続きは↓下の番号をクリック！
12345

The post 生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】 first appeared on psgips.]]> 生成AIが足りない領域を一瞬で補間する！切り抜きツールの新機能「生成拡張」の使い方【2024ベータ版】 https://psgips.net/photoshop-reference/generative-expand Fri, 11 Aug 2023 23:00:00 +0000 https://psgips.net/?p=26100 【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成拡張」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのまま、切り抜きツールで使用できるようにしたものです。ボックス […]

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

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

「生成拡張」の操作は、切り抜きツール (ベータ版) に組み込まれています。何も考える必要はありません。カンバスサイズを拡大するとき、自動的に発動されます。ボックスをドラッグして、コンテキストタスクバーの [ 生成 ] をクリックするだけです。
Generative Expand
出典 : Adobe Blog
Adobe Photoshopに新しい「生成拡張（Generative Expand）」ワークフローを導入、Adobe Photoshopの生成AI機能は多言語に対応
【操作方法】
[ ツール ] パネルで、[ 切り抜きツール ] を選択します。
バウンディングボックスのセンター、または、コーナーハンドルをドラッグして、カンバスサイズを拡大します。
コンテキストタスクバーで、[ 生成 ] をクリック、または、任意のプロンプトを入力して、[ 生成 ] をクリックします。
このレッスンでは、仕上げサイズに合わせたトリミング方法をご紹介します。トリミングとは、画像の構図やバランスを整えて切り取ることです。ワイドテレビの縦横比率を想定して、カンバスの拡大・リサイズとトリミングを同時に行いましょう。
元画像・仕上げサイズでトリミング
目次に戻る
レッスン動画を配信中！
【Photoshop講座】足りない領域を一瞬で補間する！切り抜きツール「生成拡張」の使い方【2024ベータ版】
サムネールをクリックすると、
レッスン動画にリンクします。

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

「生成拡張」は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。
スマートオブジェクトに変換
カンバスサイズを拡大する
スマートオブジェクトに変換
カンバスサイズを拡大する
作例の素材画像は、透明ピクセルを持たない [ 背景 ] です。そのため、元画像を保持したい場合は、あらかじめ、レイヤーに変換しておく必要があります。ここでは、元画像の非破壊編集も兼ねる、スマートオブジェクトに変換して対応します。
目次に戻る

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

素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1024 pixel ]、[ 高さ : 1024 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 226 KB )
素材画像を開く
素材画像を開く
photo by Hong daewoong
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
目次に戻る

仕上げサイズを設定

[ 切り抜きツール ] で、仕上げサイズを設定しましょう。仕上げサイズとは、足りない領域を補間した後の、仕上げとするピクセル数です。
【操作方法】
[ ツール ] パネルで、[ 切り抜きツール ] を選択します。
切り抜きサイズを指定する方法
[切り抜きツール]を選択
[ 切り抜きツール ] を選択
[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。
バウンディングボックスを確認
バウンディングボックスを確認
オプションバーで、[ 縦横比のプリセットまたは切り抜きサイズを選択 ] をクリックし、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。
[幅x高さx解像度]を選択
[ 幅 x 高さ x 解像度 ] を選択
[ 切り抜く画像の幅を設定 ] に、[ 1920 px ] を入力します。
[ 切り抜く画像の高さを設定 ] に、[ 1080 px ] を入力します。
[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。空欄、または、任意の数値を入力
仕上げサイズを設定
仕上げサイズを設定
解像度ってなに？
画像解像度とは、画像データの「密度」です。画像データを構成する「ピクセル」を、一辺１インチあたりにいくつ含ませるかを示す単位「 pixel/inch ( ppi ) 」で表します。
解像度の項目は、空欄、または、任意の数値を入力しても構いません。解像度の指定がない場合は、[ 72 ] px/in、または、[ 96 ] px/in を入力してください。
切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。
バウンディングボックスに比率が反映される
バウンディングボックスに比率が反映される
反映されるのは比率のみ！
この時点では、画像に対して Max 値のバウンディングボックスが表示されるので、設定した数値に反映されているのは、[ 幅 ]、[ 高さ ] の「比率」のみです。オプションバーの設定は、以降の操作に反映されます。
目次に戻る

ボックスを操作

[ 切り抜きツール ] のバウンディングボックスは、拡張サイズの比率が反映されています。作例の場合、被写体となる猫と背景の構図も変えたいので、まず、左右を引き伸ばした後、上辺を伸ばす操作を２段階で行います。
【操作方法】
右下のコーナーハンドルを [ option ( Alt ) ] キーを押しながら、右下へドラッグします。
[option(Alt)]+ドラッグ
[ option ( Alt ) ] + ドラッグ
基準点をアンカー！
コーナーハンドルを [ option ( Alt ) ] + ドラッグすると、バウンディングボックスの基準点を固定したコントロールができます。トリミングする部分が中央にある場合に効率的です。
ドラッグして拡大されたバウンディングボックスが、画像の上辺と下辺にスナップされたら、マウスボタンを離します。
マウスボタンを離す
マウスボタンを離す
上のセンターハンドルを、上へドラッグします。
センターハンドルをドラッグ
センターハンドルをドラッグ
上に拡大する位置が決まったら、マウスボタンを離します。
マウスボタンを離す
マウスボタンを離す
切り抜きを確定しない！
通常の操作では、[ 現在の切り抜き操作を確定 ] をクリック、または、[ enter ] キーを押して、切り抜きを確定しますが、「生成拡張」の場合は、バウンディングボックスを表示させたまま、画像生成の処理に入ります。切り抜きを確定しないでください。
目次に戻る
革命をもたらす新機能！
Photoshop (Beta) の新機能「生成塗りつぶし (ジェネレーティブ塗りつぶし) 」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。これまで、何時間もかかったような画像の修正や加工作業が、ほんの数分で仕上げることができます。しかも、驚くようなクオリティです。
生成(ジェネレーティブ)塗りつぶし
最初に覚えたい！画像生成AI・ジェネレーティブ塗りつぶし
続きは↓下の番号をクリック！
12

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