楕円形選択ツール| psgips

最初に覚えたい！画像生成AI・ジェネレーティブ塗りつぶし(Beta)「キーワードだけでも生成できる！」

古岡ひふみ — Sun, 11 Jun 2023 23:00:00 +0000

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

テキストから画像へ！

「ジェネレーティブ塗りつぶし」は、プロンプトと呼ばれるテキストの命令文で画像生成します。ベータ版では、英語のみ対応しています。もちろん、キーワードだけでも動作しますが、形容詞、動詞、名詞などを組み合わせた方が、効率的であるとされています。現在は日本語に対応しています。

最初に覚えたい！

ジェネレーティブ塗りつぶし (Beta)

[ METHOD-01 ]

[ METHOD-02 ]

[ METHOD-03 ]

[ METHOD-04 ]

[ METHOD-05 ]

ジェネレーティブ塗りつぶしとは？

選択範囲内の塗りつぶしを、AI (人工知能) によって画像生成します。この処理は、クラウド上で行われるため、パソコンがインターネットに接続されている必要があります。[ ジェネレーティブ塗りつぶし ] は、[ 生成塗りつぶし ] に名称変更されました。

Adobe Firefly (Beta)

その技術は、Adobe がリリースした画像生成サービス「Firefly (ファイヤーフライ)」が使用されています。

「Firefly」は、著作権がクリアな画像を学習したAIで、商用利用が可能です。Adobe Creative Cloud において、無料で提供されています。 Firefly の詳細については、Adobe Web サイトを参照してください。

Photoshop (Beta)

「ジェネレーティブ塗りつぶし」ができることには、次の４つがあげられます。

不要なものを削除する

選択範囲やブラシ描画の領域を周囲に応じて塗りつぶします。

足りない領域を増やす

元画像を変形させることなくカンバスサイズを拡張します。

背景を置き換える

被写体の撮影条件を反映させた新しい背景を生成します。

オブジェクトを加える

そこに無かったものをプロンプトによって生成します。

まだ開発中ですが、画像の作成方法と使用方法に、革命をもたらす可能性があります。最初に覚えたい、基本的な操作をご紹介しましょう。

Photoshop (Beta)

目次に戻る

不要なものを削除する

プロンプトを省略 (空白) にすると、従来の [ コンテンツに応じた塗りつぶし ] のように、画像の範囲を塗りつぶして、オブジェクトを削除することができます。プロンプト : テキストの命令文

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

[ コンテンツに応じた塗りつぶし ] との違いは、よく似たピクセルを複製するのではなく、よく似たピクセルを予測して、AI が画像生成することです。削除したい人物の背景が、このような一点透視の場合でも、何事も無かったように処理できます。

目次に戻る

生成を開始

ここでは、[ なげなわツール ] を使用して、フリーハンドの領域を選択します。「ジェネレーティブ塗りつぶし」の操作は、コンテキストタスクバーで行うと効率的です。

【操作方法】

[ ツール ] パネルで、[ なげなわツール ] を選択します。他の選択ツールでも可能です。

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

削除したいオブジェクトを囲む、選択範囲を作成します。オブジェクトの周囲に 32 px 以上の領域が必要です。

選択範囲を作成すると、自動的にコンテキストタスクバーが表示されます。[ ウィンドウ ] – [ コンテキストタスクバー ]

選択範囲を作成

photo by Victoria_Regen

[ ジェネレーティブ塗りつぶし (生成塗りつぶし) ] をクリックします。[ 編集 ] – [ ジェネレーティブ塗りつぶし (生成塗りつぶし) ]

[ ジェネレーティブ塗りつぶし (生成塗りつぶし) ] をクリック

プロンプトを省略します。

[ 生成 ] をクリックします。

[ 生成 ] をクリック

すると、画像生成が始まります。クラウド処理のため時間がかかります。

画像生成を処理中

選択範囲から生成！

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

目次に戻る

レッスン動画を配信中！

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

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

バリエーションを選択

「ジェネレーティブ塗りつぶし」は、１回につき、３種類のバリエーションを生成します。プロンプトを変更することも可能です。いろいろ試してみましょう。

【操作方法】

画像生成が完了しました。

画像生成が完了

違和感のないパース生成！

画像生成が完了すると、ジェネレーティブレイヤー (生成レイヤー) が作成されます。[ ジェネレーティブレイヤー ] は、[ 生成レイヤー ] に名称変更されました。

ジェネレーティブレイヤーを確認

[ プロパティ ] パネルで、[ バリエーション ] を展開します。

生成された３種類の中から、適した画像を選択します。

バリエーションを選択

作例では、いずれの結果も良好でした。

適した結果が出ない？

ジェネレーティブレイヤー (生成レイヤー) を選択した状態で、コンテキストタスクバー、または、[ プロパティ ] の [ 生成 ] をクリックすると、その他のバリエーションを追加して、生成することができます。

その他のバリエーションを生成

境界線に違和感が出るようなら、最初に作成する選択範囲を見直すことも必要です。

パターン要素も生成

たとえば、建物の窓など、同じ形状が連続するパターン的な要素も、シームレスに生成されます。簡単そうに見えるかも知れませんが、この規則正しさが意外に、ごまかしが効きません。

photo by Victoria_Regen

パターン生成！

ランダム的な要素はもちろん、線状の延長を予測した詳細な形状も、同一範囲内で処理できます。ベンチや柵のワイヤーパターンも、見事に予測して生成しています。これは凄いですね。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 最初に覚えたい！画像生成AI・ジェネレーティブ塗りつぶし(Beta)「キーワードだけでも生成できる！」 first appeared on psgips.

【レタッチ】ジャギーを除去して滑らかにする方法【２階調化】

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

【Photoshop基本操作】ビットマップ画像の特徴であるジャギー (ギザギザ線) は、曲線や斜線の輪郭に現れやすく、「２階調化」や「ポスタリゼーション」といった効果を加えると、それはさらに際立って、気になる存在となります。擬似的なアンチエイリアス処理でジャギーを除去して、輪郭を滑らかにする方法をご紹介しましょう。

ピクセル等倍で確認する！

デジタル画像にジャギーはつきものです。少しくらいギザギザしてたって、神経質になり過ぎる必要はありません。パソコン画面の高解像度化によって、ピクセルひとつ分の大きさは、ずいぶん小さくなってきています。画面表示をピクセル等倍 ( 100 % ) に設定して確認してみましょう。意外にジャギーは目立たないかも？

ジャギーを除去して

滑らかにする方法

[ STEP-01 ]

ジャギーを確認する

[ STEP-02 ]

ピクセルをブレンドする

[ STEP-03 ]

輪郭の階調を調整する

２階調化のジャギーを滑らかにする方法

これから行う操作は、[ ２階調化 ] を適用した解像度の低い素材画像を用いて、その輪郭に現れたジャギーを除去する方法です。[ ぼかし (ガウス) ] で、隣接するピクセルと干渉させ、コントラストを高めることで、滑らかな境界線に調整することができます。

[ ２階調化 ] を適用した元画像

ジャギーを滑らかにする

目次に戻る

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

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

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

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

ジャギーを確認する

作例のサンプルドキュメントを開いて、現在のジャギーを確認してください。画面をズームインすれば、等倍表示では気付かなかった、気になるギザギザがあります。これを除去して滑らかにしましょう。

【操作方法】

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

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

素材画像を開く

低解像度画像への対応策

ジャギーを除去する操作は、主に低解像度画像への対応策として使用します。たとえば、Web 用に作成した GIF 形式の画像などは、色数に制限があるため階調が少なくジャギーが目立ちます。高解像度画像でも、等倍表示 ( 100 % ) でジャギーが目立つ素材に適応します。

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

[ ズームツール ] を選択

ドキュメントの拡大したい箇所をドラッグ、または、数回クリックして、400 % 以上の拡大率にします。

400% 以上の拡大率にする

ピクセルグリッドで確認する

ジャギーは細かいピクセル (画素) の集合体です。そのため、ドキュメントの拡大表示は必須です。正確なピクセル単位で、ジャギーを確認したい場合は、501 % 以上にズームして、[ ピクセルグリッド ] を表示しましょう。高画素密度ディスプレイは、801 % 以上にズームすると表示されます。

501% 以上で表示される [ ピクセルグリッド ]

[ ピクセルグリッド ] の非表示は、[ 表示 ] メニューから、[ 表示・非表示 ] – [ ピクセルグリッド ] を選択して、メニュー項目のチェックマークを外します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】ジャギーを除去して滑らかにする方法【２階調化】 first appeared on psgips.

【選択範囲】正確な開始点をすばやく見つける方法【楕円形選択ツール】

古岡ひふみ — Tue, 11 Sep 2018 23:00:00 +0000

【Photoshop基本操作】選択範囲の開始点は、四角形のコーナーに設定されているため、球体などの円形を選択する場合は、オブジェクトの境界から離れた、何もないところを探さなくてはなりません。[ 定規 ] の交差点をドラッグすると表示される、十字線を活用すれば、見つけにくい開始点を、正確に知ることができます。

交差点を座標ゼロにする！

[ 定規 ] の交差点 (原点) は、移動することができます。選択範囲の開始点を、座標 0 (ゼロ) にしよう！…というのが、この裏技の着眼点です。そのため、座標を読む習慣は、身につけておきたいですね。

水平軸は [ X ]、垂直軸は [ Y ]。覚えておくのは、これだけです。[ 定規 ] の交差点を移動して、選択範囲の開始点を X : 0、Y : 0 に設定してみましょう。

球体に選択範囲を作成する方法

これから行う操作は、球体オブジェクトに、正確な選択範囲を作成する方法です。[ 楕円形選択ツール ] を使用しますが、選択範囲の開始点をすばやく見つけ出すところに「裏技」があります。

方法は極めてカンタンです。[ 定規 ] の交差点を移動して、座標値を X : 0、Y : 0 に設定します。

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

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

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

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

定規から十字線を引き出す

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

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

素材画像を開く

[ ツール ] パネルで、[ 楕円形選択ツール ] を選択します。

[ 楕円形選択ツール ] を選択

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

[ 定規 ] を表示

[ 定規 ] の交差点 (ドキュメントの左上) から、ドキュメント内へドラッグします。すると、マウスカーソルの位置を中心とした、十字線が表示されます。

[ 定規 ] の交差点をドラッグして十字線を表示

原点を設定する機能！

[ 定規 ] の交差点から引き出せる十字線は、[ 定規 ] の目盛りの原点 ( 0 の位置) を変更するためのものです。マウスボタンを離すと、[ 定規 ] の新しい原点が表示されます。

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】正確な開始点をすばやく見つける方法【楕円形選択ツール】 first appeared on psgips.