写真を絵画調に！ | 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 ]

油絵風を生成する

写真を油絵風に加工

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

元画像

油絵風に加工

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

テキストの命令文を入力

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

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

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

画像描画モード (通常)

クイックマスクモード

目次に戻る

クイックマスクモード

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

【操作方法】

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

素材画像をダウンロードしよう！ ( 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 % の適用量では、タッチの粗さや、抽象的な表現もよく出ています。これらの効果を残しながら、元画像の印象を残すことが、このレッスンの目的です。

目次に戻る

革命をもたらす新機能！

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

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

古岡ひふみ

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

psgips.net

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

写真を絵画調に！油絵の肖像画「大胆なタッチと重厚な色彩」【2023】

古岡ひふみ — Thu, 13 Apr 2023 23:00:00 +0000

【Photoshop講座】まるで、ゴッホが描いたような、大胆なタッチが作成できる [ 油彩 ] を活用して、写真の人物を、油絵の肖像画風に、加工する方法をご紹介しましょう。

人物の影を明るく！

油絵の肖像画で真っ先にイメージするのは、陰影の誇張ではないでしょうか？重厚な色彩の背景から、人物を浮かび上がらせたいですよね。しかし、色調補正の特性として、一度、暗くなったピクセルは、色彩の情報を失ってしまうものです。いろんな色を含む粗い粒子を取り出すため、最初に人物の影を明るくします。

写真を絵画調に！油絵の肖像画

– 大胆なタッチと重厚な色彩 –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

油絵の肖像画風に加工

これから行う操作は、写真の人物を油絵の肖像画風に加工する方法です。[ 油彩 ] フィルターは、大胆な油絵のタッチを作成することができます。しかし、そのまま適用すると、立体的に波打ったストロークが、綺麗すぎるように感じます。

そんな時は、少しだけの準備と、別の効果をプラスしてみましょう。パレットナイフで削り取ったような、油絵らしい質感が、簡単に作り出せます。

目次に戻る

レッスン動画を配信中！

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

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

影を明るくする

油絵らしさを演出しようとするとき、真っ先に、コントラストを上げることが浮かびます。しかし、写真の生っぽさを解消するには、影を明るくすることが効果的です。この矛盾する作業は、[ シャドウ・ハイライト ] を使用することで解決できます。

【操作方法】

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

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

素材画像を開く

photo by Anton Lovász

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

油絵の肖像画風に適した人物の素材は、暗い風景や壁などを背景に撮影したものです。

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

目次に戻る

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

元画像の保持やフィルターなどの効果を、いつでも再編集できるように、スマートオブジェクトに変換しておきましょう。

【操作方法】

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

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

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

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

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

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

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

シャドウ・ハイライトを設定

いろんな色を含む、粗い粒子を取り出すため、人物の影を明るくしましょう。[ シャドウ・ハイライト ] は、シャドウ領域とハイライト領域を個別に調整できます。たとえば、明るい部分を維持させながら、暗い部分を明るくすることができます。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ シャドウ・ハイライト ] を選択します。[ シャドウ・ハイライト ] ダイアログで、[ シャドウ ] セクションの [ 量 ] に、[ 75 ] % を入力します。

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

[ シャドウ・ハイライト ] を設定

人物の影を明るくすることができました。

明るくする基準は？

使用する素材によっては、最大値にしても足りないかも知れません。これは、[ シャドウ・ハイライト ] の初期設定で、黒点と白色点が維持されているからです。そんな時は、[ 調整 ] セクションの [ シャドウのクリップ ]、または、[ ハイライトのクリップ ] に [ 0 ] を入力してください。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真を絵画調に！油絵の肖像画「大胆なタッチと重厚な色彩」【2023】 first appeared on psgips.

写真を絵画調に！ひび割れたテンペラ画風「ルネッサンス期の古典的な技法」

古岡ひふみ — Sun, 17 May 2015 23:00:00 +0000

【Photoshop講座】「テンペラ」とは、ルネッサンス期の壁画などに多く用いられた、古典的な西洋絵画の技法です。石膏を塗った板に、顔料と卵黄を混ぜ合わせて描くもので、写実的で筆のタッチがあまり見られないのが特徴です。テンペラ画の重厚な色調と、絵の具のひび割れ模様を演出してみましょう。

写真の生っぽさをなくす！

テンペラ画の特徴のひとつに、まるで、写真か？と思わせるような、写実主義があります。タッチを無くし、ひたすら光と影を追求する姿勢は、現代の写真を目指していたとも言えます。

優れた写真素材なら、そのままでも十分なのかも知れませんが、強いてあげるなら、写真の生っぽさを抑えることです。ディテールを崩しすぎないことが、古典的な絵画風を目指す上でのポイントだと思います。

写真を絵画調に！

ひび割れたテンペラ画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ひび割れたテンペラ画風に加工

これから行う操作は、写真を絵画調に加工する方法です。テンペラ画の特徴は、写実的で重厚な色彩を用いることです。重厚な色彩は、使用される絵の具の特性から、黄みがかっていることがひとつの原因です。

写真撮影で例えるなら「色かぶり」ですね。古い壁画っぽいひび割れの質感に、目を奪われがちになると思いますが、擬似的に引き起こす色かぶりの、テクニックに注目してください。

目次に戻る

レッスン動画を配信中！

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

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

写実的な絵画タッチにする

複数のフィルターを掛け合わして、テンペラ画風のベースを作成しましょう。目指すのは、写実的ではあるけれど、写真ではない…という、ちょっと矛盾した効果です。

【操作方法】

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

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

素材画像を開く

画像の大きさに注意！

Photoshop のフィルター効果は、対象画像のピクセル数に大きく影響されるので、他の素材画像で応用する場合は、あらかじめ適切な大きさにリサイズしてください。

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

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

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

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

目次に戻る

粗いノイズをつける設定

まず、絵画タッチの要素となる、点描のような効果を適用しましょう。ランダムなカラーノイズを発生させて、色を感じさせながら、少し不鮮明な印象にします。

【操作方法】

[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ テクスチャ ] – [ 粒状 ] を選択します。

[ 粒状 ] を選択

[ 粒状 ] ダイアログで、[ 粒子の種類 ] に [ 凝集 ] を選択します。

[ コントラスト ] に [ 50 ]、[ 密度 ] に [ 50 ] を入力します。

[ 粒状 ] を設定

すると、いろんな色を含む、点描のような効果が生まれます。

粗いノイズをつける

作例では、元画像の印象をできるだけ残します。そのため、[ 密度 ] に中間値の [ 50 ] を設定しました。初期設定は [ 40 ] です。[ コントラスト ] は、ノイズの差を調整するもので、数値が大きくなるほど強くなります。初期設定は [ 50 ] です。

目次に戻る

ドライブラシを適用

[ ドライブラシ ] は、単体で使用しても、絵画調にできるパフォーマンスを持ったフィルターです。ここでは、ベースの効果として、[ ドライブラシ ] を中心に、作成方法を考えています。

【操作方法】

[ フィルターギャラリー ] 操作パネルで、[ 新しいエフェクトレイヤー ] をクリックします。

[ 粒状 ] の複製を確認してください。

[ アーティスティック ] – [ ドライブラシ ] を選択します。[ ドライブラシ ] ダイアログで、[ ブラシサイズ ] に [ 0 ]、[ ブラシの細かさ ] に [ 8 ]、[ テクスチャ ] に [ 1 ] を入力します。

[ 粒状 ] と [ ドライブラシ ] が設定できたら、[ OK ] をクリックします。

[ ドライブラシ ] を設定

[ ドライブラシ ] を適用することで、粗いランダムなタッチを作り出し、効果の無機質感を緩和させます。

[ ドライブラシ ] を適用

ドライブラシのコツ！

[ ドライブラシ ] の設定は、まず、[ ブラシサイズ ] を調整しましょう。[ ブラシサイズ ] は、ピクセルをブレンドする大きさを調整するもので、数値が大きくなるほど、単純化される範囲が広くなり、大きなブラシで描いたようなタッチになります。初期設定は [ 2 ] です。

[ ブラシの細かさ ] は、ブラシを強調するエッジの幅を調整するもので、数値が大きくなるほどエッジの幅が小さくなり、適用画像のディテールを残せます。初期設定は [ 8 ] です。

[ テクスチャ ] は、ブラシのハロー (光りがぼやけて見える現象) を調整するもので、数値が大きくなるほどハローが強くなり、ランダムなタッチが現れます。初期設定は [ 1 ]です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真を絵画調に！ひび割れたテンペラ画風「ルネッサンス期の古典的な技法」 first appeared on psgips.

写真を絵画調に！色鮮やかな印象派風「複数のエフェクトを掛け合わせてつくる」【2021】

古岡ひふみ — Wed, 13 May 2015 23:00:00 +0000

【Photoshop講座】風景や人物などを鮮やかな色彩で描く「印象派」。その光と影を巧みに表現する粗いタッチは、近代絵画の先駆けとなりました。モネやシスレーになった気分で、夕日の風景写真を、色鮮やかな印象派風に加工してみましょう。

影を青くする！

影が黒いままだと、絵画調の効果は半減します。明るくしたり、鮮やかにすることも必要ですが、もともと、明度や彩度を含まない領域では、効果はさほど向上しません。

このような領域を [ 色域指定 ] で選択し、RGB のバランスを少し変えると、青っぽくなったり赤っぽくなったり、影に色を感じさせることができます。

写真を絵画調に！

色鮮やかな印象派風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

光と影を巧みに表現

これから行う操作は、写真を絵画調に加工する方法です。印象派の特徴は、モネやシスレーに代表されるような、鮮やかな色彩を持つ風景画です。

光と影を題材にしたものが多いので、対象の画像には夕景を選ぶとそれっぽくなるでしょう。そこで重要なテクニックとなるのが、絵画にはふさわしくない、黒色をいかに変換するかです。光と影を巧みに表現しましょう。

目次に戻る

レッスン動画を配信中！

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

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

影を明るくする

絵画調の加工では、写真の影を明るくすることが必要です。それは、影の部分に潜む色を感じさせるためであり、光と影の対比により、巧みに補色を取り入れる技法でもあるからです。

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグして、[ 背景コピー ] を作成します。

[ 背景コピー ] を作成

画像の大きさに注意！

目次に戻る

シャドウ・ハイライトを設定

[ シャドウ・ハイライト ] は、影を明るくすることに特化した色調補正ツールです。ここでは、対象が暗い夕景であるため、明るくする量に、最大値を設定しましょう。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ シャドウ・ハイライト ] を選択します。[ シャドウ・ハイライト ] ダイアログで、[ シャドウ ] セクションの [ 量 ] に [ 100 ] % を入力して、[ OK ] をクリックします。

基本がわかる！シャドウ・ハイライト

[ シャドウ・ハイライト ] を設定

素材画像の影が明るくなりました。

シャドウ・ハイライトとは？

[ シャドウ・ハイライト ] とは、画像の暗い領域、または、明るい領域をそれぞれに調整できる機能です。たとえば、逆光で暗くなった被写体を明るくする場合に適しています。[ シャドウ ] セクションの [ 量 ] 大きくすると、暗い部分だけが明るくなります。

目次に戻る

ブラックを選択する設定

[ シャドウ・ハイライト ] の適用によって、影の部分を明るくすることができましたが、さらに明るくするため、画像内のブラックの色域 (無彩色の主にシャドウ領域) を選択して、その部分に色を感じさせる補正を行います。

【操作方法】

[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ 指定色域 ] を選択します。

スポイトツールを選択します。初期設定

[ ツール ] パネルで、描画色の [ ブラック ] をクリックします。

[ 色域指定 ] ダイアログで、[ 許容量 ] に [ 200 ] を設定して、[ OK ] をクリックします。

[ 色域指定 ] を設定

描画色の [ ブラック ] をクリック

[ ブラック ] の色域が選択されました。

選択範囲が表示されていると、補正の結果が確認しにくいので、[ 表示 ] メニューから、[ 表示・非表示 ] – [ 選択範囲の境界線 ] を選択して、選択範囲を非表示にします。

目次に戻る

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

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

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

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

レベル補正を設定

ブラックの色域が選択できたら、その領域が青っぽくなるように調整します。[ レベル補正 ] は、明るさや暗さだけではなく、同時にカラーバランスも変えられるので便利です。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ レベル補正 ] を選択します。 [ レベル補正 ] ダイアログで、[ チャンネル ] に [ ブルー ] を選択します。

[ 出力 ] レベルのシャドウ点のスライダーをドラッグして、[ ブラック ] の色域に色を感じさせます。[ 64 ] に設定して、[ OK ] をクリックします。

基本がわかる！色調補正の考え方

[ レベル補正 ] ダイアログを設定

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

影を明るくして、青っぽく色を感じさせることができました。

補色の影響力を弱める

チャンネル [ ブルー ] の [ 出力レベル ] に、上記のような設定を行うと、結果色は青っぽくなります。これは、[ ブルー ] を強めたわけではなく、[ レッド ]、[ グリーン ] に干渉する、[ ブルー ] の階調を浅くすることによって、カラーバランスを変えています。

RGB 画像の場合、カラーバランスは、チャンネルの補色に影響します。チャンネル [ レッド ] は [ シアン ]、チャンネル [ グリーン ] は [ マゼンタ ]、チャンネル [ ブルー ] は [ イエロー ] が補色になります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真を絵画調に！色鮮やかな印象派風「複数のエフェクトを掛け合わせてつくる」【2021】 first appeared on psgips.

写真を絵画調に！大胆なタッチの油絵風「複数のフィルターを掛け合わせて重厚な色に！」

古岡ひふみ — Fri, 08 May 2015 23:00:00 +0000

【Photoshop講座】まるで、ゴッホが描くような、大胆なタッチが作成できる [ 油彩 ] を活用して、写真を油絵風に加工する方法をご紹介しましょう。新フィルター名 [ Oil Paint ]

絵画調の定石？影を明るく！

[ シャドウ・ハイライト ] は、逆光で暗くなった写真を、明るく補正するツールです。しかし、影を明るくしていくと、トーンがどんどん平面的になっていくので、その特性を利用すれば、イラストっぽくすることができます。しかも、操作が簡単で、調整の振り幅も広いので、写真を絵画調にしたいときには、欠かせない機能になります。

写真を絵画調に！

大胆なタッチの油絵風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]