トリミング| 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 にするため、足りない領域を補間する操作から始めます。

目次に戻る

拡張サイズを設定する

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

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

拡張サイズを設定する

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

目次に戻る

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

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

【操作方法】

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

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

素材画像を開く

photo by Pete Linforth

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

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

切り抜きツールを設定

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

【操作方法】

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

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

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

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

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

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

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

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

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

拡張サイズを設定

解像度ってなに？

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

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

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

拡張サイズの比率を確認

反映されるのは比率のみ

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

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

【操作方法】

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

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

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

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

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

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

目次に戻る

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

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

【操作方法】

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

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

素材画像を開く

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)」の機能を、そのままコンテンツ内で使用できるようにしたものです。これまで、何時間もかかったような画像の修正や加工作業が、ほんの数分で仕上げることができます。しかも、驚くようなクオリティです。

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

古岡ひふみ

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

psgips.net

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

【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】

古岡ひふみ — Wed, 28 Jun 2023 23:00:00 +0000

【Photoshop講座】放射状に広がる光は、登場感や疾走感などをアカデミックに表現できるので、情報、科学、環境、エネルギーといったテクノロジー分野で、会社案内、製品カタログなどのイメージとしてよく使われています。宇宙空間を高速で移動しているような、光の抽象的な背景アートを作成しましょう。

空間の奥行き感じさせる！

空間は上下左右に広がっているだけでなく、前方にも後方にも広がっています。すべてが擬似的な、ゼロからつくるテクスチャでは、それらを忠実に再現することは難しいです。つまり、どこかで「ごまかす」テクニックを入れていきます。

明るい光源が中心の場合は、トンネル効果という「錯覚」を利用すれば、空間の奥行きを感じさせることができます。「放射状に広がる光」の背景に、ビネットと「渦巻き雲」を作成しましょう。

ゼロからつくる！

放射状に広がる光

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から放射光を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から放射光を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「放射状に広がる光」が作成できます。

目次に戻る

ベースを作成する

「放射状に広がる光」の背景には、空間の奥行きを感じさせるビネットと「渦巻き雲」を作成します。[ 雲模様 1 ] の斑点模様は、ランダムに生成されるため、適した効果を選べるスマートオブジェクトに適用します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 1280 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定します。

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

基本がわかる！新規ドキュメントの作成

[新規ドキュメント] を設定

新規ドキュメントを作成します。

新規ドキュメントを作成

どんなサイズにも対応

ドキュメントサイズの [ 幅 ]、[ 高さ ] には、大きさや比率の制限は特にありません。たとえば、1280 x 720 pixel の長方形でも、同じ効果が得られます。しかし、放射状の適用範囲が正円のため、十分な効果を得るには正方形が最も適しています。

目次に戻る

スマートオブジェクトを作成

「放射状に広がる光」のベースになる、雲模様フィルターを適用するスマートオブジェクトを作成しましょう。まず、新規レイヤーを作成して、何もない、透明ピクセルのレイヤーを、スマートオブジェクトに変換します。

【操作方法】

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

[ 新規レイヤーを作成 ] をクリック

[ レイヤー 1 ] を右クリックします。

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

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

スマートオブジェクトに変換されたことを確認してください。

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

雲模様を適用

雲模様フィルターは、ランダムな斑点模様を生成します。スマートオブジェクトに適用すると、スマートフィルターの効果として、再編集が可能となります。

【操作方法】

[ ツール ] パネルで、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定します。

基本がわかる！描画色と背景色

描画色と背景色を初期設定に戻す

[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択して適用します。

[ 雲模様 1 ] を適用

フィルターの再実行

[ 雲模様 1 ] は、現在の描画色と背景色から、適用毎に異なるランダムな斑点模様を生成します。適した模様が生成されない場合は、フィルターの再実行を行います。フィルターの再実行[ control ( Alt ) ] + [ command ( Ctrl ) ] + [ F ]

前面の効果を非表示

スマートオブジェクトでは、フィルターの再実行を新しい効果として追加します。複数の効果から選択して適用することもできます。

目次に戻る

渦巻きを適用

ベースとする雲模様が決定したら、それを渦巻状に変形しましょう。ドキュメントの中心から、雲模様が渦巻き状に変形するので、白い部分が中心になる模様を選んでください。

【操作方法】

[ フィルター ] メニューから、[ 変形 ] – [ 渦巻き ] を選択します。[ 渦巻き ] ダイアログで、[ 角度 ] に [ 123 ]° を入力します。

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

[ 渦巻き ] を設定

ドキュメントの中心から、雲模様が渦巻き状に変形しました。

[ 渦巻き ] を適用

渦巻の中心に注意！

ベースの [ 雲模様 1 ] はランダムに生成されるため、斑点模様の位置が定まっていません。「放射状に広がる光」では、渦巻の中心に白い領域を配置させることがベストです。

フィルターの再実行で、[ 雲模様 1 ] の斑点模様を変更するほか、シームレスパターンの特性を活かして、[ フィルター ] – [ スクロール ] で、斑点模様の位置を調整することも可能です。

目次に戻る

周辺を暗くする設定

放射状の遠近感を出すため、画像の周辺を暗くして、中央が明るく見えるようにしましょう。詳細なグラデーションが設定できる、レイヤースタイルの [ グラデーションオーバーレイ ] を活用します。

【操作方法】

[ レイヤー ] パネルで、[ レイヤースタイルを追加 ] をクリックして、メニューから、[ グラデーションオーバーレイ ] を選択します。

[ グラデーションオーバーレイ ] を選択

[ レイヤースタイル ] ダイアログで、[ 描画モード ] に、[ 乗算 ] を選択します。

[ グラデーション ] に、[ 描画色から背景色 (黒、白) ] を設定します。

[ 逆方向 ] を有効にします。

[ スタイル ] に、[ 円形 ] を選択します。

[ 角度 ] に、[ 0 ]° を入力します。

[ 比率 ] に、[ 150 ] % を入力します。

[ 方法 ] に、[ クラシック ] を選択します。

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

[ グラデーションオーバーレイ ] を設定

画像の周辺を暗くすることができました。

グラデーションでビネットを設定

ビネットを調整

レイヤースタイルで設定するグラデーションには、すべてのオプションが揃っています。しかし、どこをどうすれば、イメージどおりに調整できるのか、そこが混乱するところですね。たとえば、周囲をもっと暗くしたいなら、[ 比率 ] を小さくします。明るくしたいなら、[ 不透明度 ] を小さくします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】 first appeared on 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.

【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】

古岡ひふみ — Mon, 11 Jul 2022 23:00:00 +0000

【Photoshop基本操作】画像を切り抜き合成すると、カラーに違和感が出ます。夜の街並みと、スタジオ撮影された人物では、その差は、ますます大きくなります。カラーの同調には、直感的な操作ができる、露光量とカラーバランスを中心に組み立てます。切り抜き合成のカラーを背景に馴染ませましょう。

補色の関係に着目！

補色とは、反対色です。これは、色相環の角度で対面する色です。たとえば、ブルーなら、イエローが補色となります。カラーバランスは、この補色を調整する機能です。一方を強めれば、その補色が弱まります。補色の関係に着目して、思い通りの結果を出しましょう。

背景に馴染む切り抜き合成

− 露光量とカラーバランスの調整 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景に馴染む切り抜き合成

これから行う操作は、切り抜き合成のカラーを、背景に馴染ませる方法です。夜の街並みと、スタジオ撮影された人物を合成します。

目次に戻る

レッスン動画を配信中！

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

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

モデルを切り抜く

モデルの切り抜きには、人工知能が自動的に、選択範囲を作成してくれる、[ 被写体を選択 ] を活用しましょう。

【操作方法】

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

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

素材画像を開く

photo by soul chentu

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

選択範囲を作成

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

現在の選択範囲から、レイヤーマスクが作成されたことを確認してください。

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

モデルを切り抜くことができました。

モデルを切り抜くことができた

レイヤー名を [ model ] に変更します。

レイヤー名を変更

マスクを修正しよう！

[ 被写体を選択 ] は、ピクセル単位で、正確な検知が行われます。そのため、切り抜きの境界線に出現する、フリンジ (白フチ) が出にくいです。しかし、微妙な階調の違いや、尖った部分、中マドなどで、不正確な部分もあります。これらを修正しておきましょう。

修正前と修正後

適切な結果が出なかったり、レイヤーマスクの修正が難しい場合は、ベーシックな方法で選択範囲を作成して、[ 選択とマスク ] を試してみましょう。

目次に戻る

不要な領域をトリミング

切り抜き部分だけを残して、不要な領域をトリミングしましょう。画像サイズを最小限にすることは、メモリや容量の負担を軽減できるほか、変形のバウンディングボックスも最小化できるので、作業の効率化が図れます。

【操作方法】

[ イメージ ] メニューから、[ トリミング ] を選択します。[ トリミング ] ダイアログで、[ トリミング対象カラー ] に、[ 透明ピクセル ] を選択します。

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

[ トリミング ] を設定

透明ピクセルの不要な領域を、トリミングすることができました。

不要な領域をトリミング

目次に戻る

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

モデルの切り抜きとトリミングができたら、レイヤーマスクを含めた、スマートオブジェクトに変換しましょう。

【操作方法】

レイヤー [ model ] を右クリックします。

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

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

スマートオブジェクトを確認してください。

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】 first appeared on psgips.

写真をイラスト調に！風刺の効いたカリカチュア風「面白い似顔絵の効果」【2022】

古岡ひふみ — Tue, 31 May 2022 23:00:00 +0000

【Photoshop講座】カリカチュアとは、人物の性格や特徴を誇張した、似顔絵の技法です。このレッスンでは、人物の写真を２頭身化して、イラスト調に仕上げます。デフォルメする部分をひとつに絞って、風刺の効いた似顔絵風に加工しましょう。パラメータだけの操作でカンタン！

やりすぎない変形！

画像の変形に制限はありません。だから、ついつい、やりすぎてしまいますね。自動検知された部分を、パラメータだけの操作で行える「顔立ちを調整」には、変形率の最大値が設けられています。そのため、やりすぎることはありません。しかし、もっと誇張したい場合もあります。そんなときは、同じフィルターを重ねて増幅しましょう。

写真をイラスト調に！

風刺の効いたカリカチュア風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

風刺の効いた似顔絵風

これから行う操作は、人物の写真に、面白い似顔絵の効果をつける方法です。このレッスンでは、人物の写真を２頭身化して、イラスト調に仕上げます。

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

目次に戻る

レッスン動画を配信中！

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

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

人物を切り抜く

顔と体を切り抜いて、それぞれを別の、切り抜きレイヤーとして作成します。切り抜きレイヤーとは、透明部分を含むオブジェクトのピクセルレイヤーです。

【操作方法】

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

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

素材画像を開く

photo by Florin Radu

目次に戻る

切り抜きレイヤーを作成

素材画像には、このレッスンに必要な選択範囲を、アルファチャンネルに保存しています。選択範囲を読み込んで、切り抜きレイヤーを作成しましょう。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を読み込む ] を選択します。[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に [ mask-face ] を選択します。

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

[ 選択範囲を読み込む ] を設定

顔の選択範囲が読み込まれました。この選択範囲で、顔だけの切り抜きレイヤーを作成します。

顔の選択範囲を作成

[ レイヤー ] メニューから、[ 新規 ] – [ 選択範囲をコピーしたレイヤー ] を選択します。

選択範囲をコピーしたレイヤーを作成

レイヤー名を変更

このレッスンでは、解説の便宜上、レイヤー名を変更しています。また、レイヤー [ face ] と同じ要領で、レイヤー [ body ] を作成します。

レイヤー名を変更

レイヤー [ body ] の作成は、[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に [ mask-body ] を選択します。

[ チャンネル : mask-body ]

同じ要領で、レイヤー [ body ] を作成します。

[ 背景 ] を [ レイヤーを削除 ] にドラッグして、削除します。

[ 背景 ] を削除

人物が切り抜かれ、周囲が透明ピクセルに変換されました。

人物の切り抜きを確認

人物を切り抜くには？

コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！風刺の効いたカリカチュア風「面白い似顔絵の効果」【2022】 first appeared on psgips.

最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」

古岡ひふみ — Mon, 16 May 2022 23:00:00 +0000

【Photoshop基本操作】トリミングとは、画像の不要な部分を取り除く、または、必要な部分を切り抜いて、目的の形状内で、構図を整えることを言います。Photoshop には、画像のトリミングに関した操作が、数多くあります。その代表的なトリミング方法をご紹介しましょう。

目的のサイズを決めておく！

不要な部分を取り除くトリミング以外は、作業をフリーハンドで行うなんてナンセンスです。その理由は、トリミングを行う動機として、目的とする形状や、決まったサイズがあるハズだからです。そして、拡大・縮小による、画質の劣化にも気を付けなければなりません。失敗しないトリミングには、非破壊編集が常識です。

最初に覚えたい！

画像のトリミング方法10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

選択範囲で切り抜く

スクリーンショットの不要な部分を取り除く場合など、切り抜く境界線がハッキリした画像に適しています。直感的な操作で手早く切り抜くことができます。

【操作方法】

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

[ 長方形選択ツール ] を選択

ドキュメントの必要な部分をドラッグして、選択範囲を作成します。

必要な部分をドラッグ

[ イメージ ] メニューから、[ 切り抜き ] を選択して適用します。

選択範囲がそのまま残っているので、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

[ 切り抜き ] を適用

変形値表示の無敵ツール

[ 長方形選択ツール ] で選択範囲を作成するとき、カーソルの近くに状況に応じた変形値が表示されます。ピクセル単位の詳細な操作性と利便性は、他のツールの追随を許さないほどのパフォーマンスがあります。

目次に戻る

レッスン動画を配信中！

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

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

続きは［＞］をクリック！

古岡ひふみ

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

psgips.net

The post 最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」 first appeared on psgips.

【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」

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

【Photoshop基本操作】パスを最初から描画することは難しいです。しかし、コーヒーカップのような形状なら、基本図形の組み合わせだけで、簡単に作成できる場合があります。滑らかで明瞭な曲線を持つオブジェクトを、すばやくきれいに切り抜くメリットもあります。パスの基本的な機能と操作を学びましょう。

ガイドにスナップさせる！

パスの操作は、ピクセルグリッドにスナップ (吸着) させずに行うことが基本とされています。しかし、ここはスナップさせたい！と思うことも多いかと思います。

そんなときは、スナップさせたい箇所にガイドを作成します。パスには、ガイドにスナップする機能があり、たとえば、楕円形パスを囲む長方形の領域に、あらかじめ、ガイドを作成しておけば、簡単に素早く、パスを作成することができます。

コーヒーカップを

基本図形で切り抜く方法

– 楕円形パスの組み合わせ –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

コーヒーカップを基本図形で切り抜く

これから行う操作は、コーヒーカップを切り抜く方法です。切り抜きにはパスを使用して、選択範囲の作成から、レイヤーマスクの出力までを行います。大まかには、楕円形パスを２つ組み合わせることで、高品質な切り抜きの境界線をレイヤーマスクに出力します。

目次に戻る

レッスン動画を配信中！

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

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

ガイドを作成する

正確な操作を行うために、ガイドを作成しましょう。あらかじめ、ガイドを作成しておくと、ガイドにパスがスナップ (吸着) できます。

【操作方法】

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

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

素材画像を開く

[ 表示 ] メニューから、[ 定規 ] を選択して、[ 定規 ] を表示します。ショートカットキー : [ command ( Ctrl ) ] + [ R ]

[ 定規 ] からドキュメント内にドラッグして、コーヒーカップの円形の頂点に合わせて、ガイドを作成します。

センターとマージンにすばやくガイドを引く

[ 定規 ] からドラッグしてガイドを作成

続いて、円形の左右の側面に合わせてガイドを作成します。

コーヒーカップを囲む３点のガイドが作成できた

境界線の少し内側に作成

ドキュメントの表示をズームアップして、コーヒーカップの境界線の最大位置を約 1 pixel 内側にガイドを作成しましょう。作成するガイドは、左右の側面と上辺、または、下辺の３点です。ガイド作成時に [ shift ] キーを併用すると、目盛りにぴったり合わせることができます。

目次に戻る

ツールの環境設定

パスを作成する前に、ツールの環境設定 [ ベクトルツールと変形をピクセルグリッドにスナップ ] の有効 / 無効を確認しておきましょう。

[ Photoshop (編集) ] メニューから、[ 環境設定 ] – [ ツール ] を選択します。

[ 環境設定 ] ダイアログで、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にします。

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

[ 環境設定 ] を設定

スナップさせない！

これから作成するパスが、ピクセルグリッドにスナップすると、アンカーポイントの位置や方向線の角度が制限されるため、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にしておきます。

パスを作成後、このオプションを有効に戻しても、アンカーポイントの位置や方向線の角度は、そのまま保持されますが、移動や編集を加えると、ピクセルグリッドにスナップされるので、注意が必要です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 first appeared on psgips.

【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】

古岡ひふみ — Sun, 18 Jul 2021 23:00:00 +0000

【Photoshop基本操作】背景にもう少し余裕が欲しい場合、無敵の AI 機能 [コンテンツに応じて拡大・縮小] を使えば、違和感なく、一瞬で伸ばすことができます。しかし、遠近感のある構図では、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。そんなときは、画面を分割して、それぞれ個別に適用してみましょう。

画面を３分割する！

作例のような一点透視図法では、画面の中央から放射状に、オブジェクトの構造線が存在します。[ コンテンツに応じて拡大・縮小 ] は、そんな斜めのつながりも認識するスゴイ機能です。

しかし、そのシワ寄せが、比較的フラットな階調に展開されるので、部分的に過度な引き伸ばしが発生します。それは、対象領域が広いほど、どんどん大きくなっていきます。

その特性を最小限に抑えるため、適用しない保護領域と、左右の拡張領域に３分割しましょう。

足りない領域を一瞬で伸ばす方法

− パース編 −

[ STEP-01 ]

ガイドで画面を分割する

[ STEP-02 ]

比率でカンバスを伸ばす

[ STEP-03 ]

不足している領域を拡張する

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

これから行う操作は、不足している領域を違和感なく拡張する方法です。このレッスンでは、変形に伴う画質の劣化を最低限に抑えるため、まず、仕上げサイズの縦横比に合わせたカンバスサイズを決定し、[ コンテンツに応じて拡大・縮小 ] で不足している領域を拡張してから、任意の仕上げサイズにスケールダウンする方法を取ります。

[ コンテンツに応じて拡大・縮小 ] は、足りない領域を一瞬で伸ばすことができるゴキゲンな機能です。水平、または、垂直の変形なら、バウンディングボックスの簡単な操作で、素材画像に最適な引き伸ばしを、AI が自動的に適用してくれます。

足りない領域を一瞬で伸ばす方法「水平線編」

[ コンテンツに応じて拡大・縮小 ] は、斜めに構造線がある一点透視図法でも、つながりをしっかり認識してくれます。これは驚くべき機能です。

しかし、AI 機能に頼ってばかりはいられません。素材によっては、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。

[ コンテンツに応じて拡大・縮小 ] のパフォーマスを最大限に引き出すには、あなたの工夫も必要です。作例では、選択範囲内にも個別に適用できる機能をいかして、変形から守る保護領域と、左右に拡張する領域を、垂直にスパッと分割します。さて、斜めの構造線は、どのようにつながるのでしょうか？

画面を３分割する

目次に戻る

レッスン動画を配信中！

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

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

ガイドで画面を分割する

個別に変形を適用するため、画面を分割するガイドを引きましょう。ガイドの作成は、計算なしで画面を分割してくれる、[ 新規ガイドレイアウトを作成 ] を使用します。

【操作方法】

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

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

素材画像を開く

photo by marusya21111999

CMYKでもOK！

ここでは、一般的な RGB カラーモード、JPEG 形式の画像を使用していますが、CMYK カラーモード、PSD 形式のドキュメントでも同様に適用することができます。

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。

[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。

[ マージン ] を有効にして、[ 上 ] に、[ 64 px ]、[ 左 ] に、[ 96 px ]、[ 下 ] に、[ 64 px ]、[ 右 ] に、[ 96 px ] を入力します。

[ 列 ] を有効にして、[ 数 ] に、[ 3 ] を入力します。

[ 行 ] を有効にして、[ 数 ] に、[ 1 ] を入力します。[ OK ] をクリックします。

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

画面を３分割するガイドが作成できました。

画面を３分割するガイドが作成できた

ガイドを自動計算

[ 新規ガイドレイアウトを作成 ] を利用すれば、どんなサイズの画像にも、計算なしで瞬時にセンターガイドが引けます。

既存のガイドを消去

それまでに作成していたガイドが消去され、新しく設定するガイドのみを表示します。

マージン

ドキュメントの四辺に対して、レイアウトに必要な、余白領域が設定できます。作例では、マージンによって、構図のバランスを調整します。

列

ドキュメントを均等に縦割りする、数、幅、間隔を設定できます。ここでは、幅、間隔を使用しないので、[ 0 px ] を入力、または、[ delete ] キーを押して、数値を消去します。

行

ドキュメントを均等に横割りする、数、高さ、間隔を設定できます。

目次に戻る

背景からレイヤーへ

対象のドキュメントが、JPEG 形式などの画像の場合、足りない領域を透明ピクセル (透明部分) で伸ばしておく必要があります。そのため、背景からレイヤーへ、変換しておきましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] をダブルクリックします。

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

[ 新規レイヤー ] ダイアログで、[ OK ] をクリックします。

[ OK ] をクリック

背景からレイヤーへ、変換されたことを確認してください。

[ レイヤー 0 ] を確認

背景には適用できない！

[ コンテンツに応じて拡大・縮小 ] は、透明ピクセルを持たない [ 背景 ] には、適用できません。スマートオブジェクトに変換したレイヤーには、使用できません。

目次に戻る

人物のセンター合わせ

作例では、被写体の人物を、センターに合わせたいので、少し右方向へ移動しておきます。

【操作方法】

ドキュメント内にカーソルを置きます。

[ command ( Ctrl ) ] キーを押すと、[ 移動ツール ] のカーソルに切り替わります。

[ shift ] + [ command ( Ctrl ) ] キーを押しながら、右方向へドラッグすると、水平方向の移動ができます。

被写体の人物をセンターに合わせる

保護領域を最小限に

レイヤーの移動は、被写体の人物をセンターに合わせるだけではなく、保護領域内に含める作業も兼ねています。画面の左右にマージンを設けたのは、この保護領域を最小限に調整するためです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】 first appeared on psgips.

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

目次に戻る

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

[ 配置 ] をクリックします。

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

目次に戻る

レッスン動画を配信中！

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

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

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」 first appeared on psgips.