艶消し・マットカラー| 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 ]

写真をペーパークラフト風に加工

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

元画像

ペーパークラフト風に加工

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

テキストの命令文を入力

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

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

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

目次に戻る

レッスンを始める前に

このレッスンでは、画像内のオブジェクトを、自動的に選択する機能を使用します。Photoshop を起動して、あらかじめ、設定を確認しておきましょう。

【操作方法】

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

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

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

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

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

不要な影を削除

背景色を設定

目次に戻る

不要な影を削除

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

【操作方法】

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

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

素材画像を開く

photo by qiesnusantara26

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

[ 削除ツール ] を選択

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

[ サイズ : 32 ] を入力

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

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

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

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

修復も画像生成AI

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

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

目次に戻る

べた塗りを設定

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

【操作方法】

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

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

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

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

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

選択範囲を確認

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

[ べた塗り 1 ] を作成

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

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

カラーピッカーの使い方

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

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

背景色を設定

目次に戻る

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

古岡ひふみ

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

psgips.net

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

【スタイル】ベベルとエンボスで質感をコントロールする方法【陰影・高度】

古岡ひふみ — Wed, 27 Jan 2021 23:00:00 +0000

【Photoshop基本操作】ベベルとエンボスとは、Photoshop 6.0 以降のバージョンに搭載されている「レイヤースタイル」の機能のひとつです。ベベルとは、平面を押し出して、立体的にしたような効果をつける機能です。エンボスとは、紙や金属板などから、図柄を浮き彫りにしたような効果をつける機能です。

陰影の高度にこだわろう！

ベベル (押し出し) の主な設定は、適用するオブジェクトのエッジから、どれくらいの幅で効果を適用するか…というものです。初期設定値からの調整で、ある程度の立体的な効果は出るでしょう。しかし、苦戦を強いられるのは「質感」を表現することです。

これには、立体的な効果を演出する「陰影」の設定が深く関係してきます。たとえば、光沢があるプラスチックの質感を得るには、まず、陰影の [ 高度 ] を高くして、その他の設定を調整すれば、比較的簡単に表現できます。

ベベルとエンボスで

質感をコントロールする方法

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

ベベルとエンボスで質感をコントロールする方法

これから行う操作は、レイヤースタイルの [ ベベルとエンボス ] で、ゴムやプラスチックなどの質感の違いを設定する方法です。[ レイヤースタイル ] ダイアログには、たくさんの設定項目があります。まず、[ 陰影 ] セクションにある [ 高度 ] に注目しましょう。エッジの光沢で質感を決めてから、その他の設定項目を調整することがポイントとなります。

艶消し (ゴムの質感)

光沢 (プラスチックの質感)

目次に戻る

レッスン動画を配信中！

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

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

基本設定から適性を探る

基本設定とは、効果の機能的な初期値を定義したものです。たとえば、陰影の角度や高度の数値は、フラットな影の付き方を定義しています。

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、レイヤー効果の名前 [ ベベルとエンボス ] をダブルクリックして、[ レイヤースタイル ] ダイアログを表示します。

[ ベベルとエンボス ] をダブルクリック

[ レイヤースタイル ] ダイアログで、[ 構造 ] セクション、[ 陰影 ] セクションの各設定を確認します。

各設定を確認

[ 構造 ] – [ 深さ ]

ベベル、または、エンボスの「適用度」にあたる設定で、効果のコントラストを調整することにより、浅く見えたり、深く見えたりします。

[ 構造 ] – [ サイズ ]

効果の領域を、エッジからの距離 ( px ) で設定します。設定値の外側には影響しません。

[ 陰影 ] – [ 高度 ]

光源の立体的な「角度」にあたる設定で、ハイライトとシャドウの効果を移動させ、強さ、弱さのバランスを変えることにより、陰影の高度を表しています。

[ 陰影 ] – [ ハイライト ]

ハイライトのカラーを合成する設定です。描画モードと不透明度により、オブジェクトに対する明るい部分を調整します。

[ 陰影 ] – [ シャドウ ]

シャドウのカラーを合成する設定です。描画モードと不透明度により、オブジェクトに対する暗い部分を調整します。

ベーシックを定義する

[ ベベルとエンボス ] で、「不動の設定」とも言える頼りになる基本設定は、[ 構造 ] セクションの [ 深さ ] と、[ 陰影 ] セクションの [ ハイライトのモード ]、[ シャドウのモード ] です。これらの設定値は、ほとんどの効果で共通して使えます。

[ 深さ : 100 % ] [ サイズ : 10 px ] [ 高度 : 30 ° ]

フォントサイズ : 200 pt ( 解像度 : 72 pixel/inch ) /48 pt ( 解像度 : 300 pixel/inch )

複雑な設定項目の中で最も理解しやすいのは、[ 構造 ] セクションの [ サイズ ] でしょう。設定値を変えれば、[ ベベルとエンボス ] の効果は面白いように変わります。

エッジからの距離を設定するため、最低でも [ 5 ] px なければ効果は望めません。[ 陰影 ] セクションの [ 高度 ] に大きな影響を受けるため、調整は質感を整えてから行う方が得策です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【スタイル】ベベルとエンボスで質感をコントロールする方法【陰影・高度】 first appeared on psgips.

【スタイル】岩石＆鉱物・クレイ（粘土）【フリー】

古岡ひふみ — Thu, 22 Jun 2017 23:10:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「クレイ（粘土）」は、手でこねたようなカラー粘土をイメージしました。石膏の表現にも使えるつや消しのホワイトと、少し艶のあるカラーバリエーション11色セットです。手書き風で丸いエッジのデザインフォントが似合います。

ご利用規約

レイヤースタイルの操作方法