ガラス| psgips

不要なものを削除する

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

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

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

生成を開始

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

【操作方法】

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

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

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

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

選択範囲を作成

photo by Victoria_Regen

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

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

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

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

[ 生成 ] をクリック

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

画像生成を処理中

選択範囲から生成！

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

レッスン動画を配信中！

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

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

バリエーションを選択

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

【操作方法】

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

画像生成が完了

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

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

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

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

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

バリエーションを選択

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

適した結果が出ない？

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

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

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

パターン要素も生成

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

photo by Victoria_Regen

パターン生成！

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

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

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

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

写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」

古岡ひふみ — Mon, 12 Apr 2021 23:00:00 +0000

【Photoshop講座】写真ではわかりにくい部分を精密に描き出す、テクニカル・イラストレーションは、自動車や家電製品などの技術的な情報を、視覚的に伝達するための技法です。クルマ好きを唸らせるポイントは、シャープな陰影と克明なディテール。写真の生っぽさを消して、エアブラシで描かれたような、精悍なタッチで仕上げましょう。

フラットと隈取りの最強タッグ！

写真を言い換えるなら「ノイズの集合体」です。一方、テクニカル・イラストレーションの特徴は、タッチを感じさせないリアルな描写です。

コントラストを強くすると階調が飛んでしまうし、誇張した補正はノイズの発生を招きます。この２つを解消させるにはどうしたらいいか？その答えが、このレッスンには含まれています。ノイズのないフラットな面に、トーンをつくる技を習得しましょう。

写真をイラスト調に！

精密なテクニカル・イラスト風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

面をぼかして輪郭をシャープに

これから行う操作は、写真をイラスト調に加工する方法です。テクニカル・イラストレーションとは、工業製品を精密に描き出した、立体図に用いられている様式です。写真ではわかりにくい情報を、視覚的に伝達する役目があります。タッチを感じさせないリアルな描写で、クルマ好きを唸らせる、一枚に仕上げましょう。

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

レッスン動画を配信中！

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

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

ボディを切り抜く

オープンカーのボディを切り抜いて、無地の背景を設定しましょう。下記に記載している URL から、素材画像をダウンロードしてください。

【操作方法】

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

素材画像を開く

photo by hostsh

[ パス ] パネルを表示します。

保存されているパスの [ ボディ ] を選択します。

基本がわかる！パスの作成と使い方

パスの [ ボディ ] を選択

すると、ドキュメントに、オープンカーのボディを、トレースしたパスが表示されます。

パスが表示される

切り抜きパス付

このレッスンでは、あらかじめ、作業に必要なパスを素材画像に保存しています。作品に応用する場合は、あらかじめ、主体を切り抜くパスを作成するか、レイヤーマスクなどで、正確な選択範囲を作成してください。

基本がわかる！レイヤーマスクの使い方

新規グループを作成

表示したパスは、この後の操作で、ベクトルマスクに適用します。オープンカーのボディ・カラーを切り抜くものです。複数のレイヤーで共有させるため、新しいグループを作成して、そこにベクトルマスクを追加します。

【操作方法】

[ レイヤー ] パネルを表示します。

[ 新規グループを作成 ] をクリックします。

すると、新規グループ [ グループ 1 ] が作成されます。

新規グループを作成

グループ名を変更

[ グループ 1 ] をダブルクリックして、グループ名を「ボディ・カラー」に変更します。グループ [ ボディ・カラー ] が、選択されていることを確認してください。

グループ名を変更

ベクトルマスクを追加

新しく作成したグループには、まだ、レイヤーが含まれていません。しかし、表示中のパスは、元画像の位置に合わされているので、先にベクトルマスクを追加しても、問題はありません。

【操作方法】

[ レイヤー ] メニューから、[ ベクトルマスク ] – [ 現在のパス ] を選択します。

[ 現在のパス ] を選択

すると、グループ [ ボディ・カラー ] に、ベクトルマスクが作成されます。

ベクトルマスクの作成を確認

[ プロパティ ] パネルで、[ ぼかし ] に [ 0.5 px ] を入力します。

[ ぼかし : 0.5 px ]

パスの境界線をぼかす

このベクトルマスクは、グループ内のオブジェクトを、まとめて、切り抜くために使用します。パスの境界線に、ぼかしを設定しておきましょう。ベクトルマスクを少しぼかすことで、切り抜きがより自然に見えます。

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

元画像の保持と、適用するフィルターなどが再編集できる、スマートオブジェクトに変換しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を選択します。

[ 背景 ] を選択

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

[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを、確認してください。

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

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

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

レイヤー名を変更

[ レイヤー 0 ] をダブルクリックして、レイヤー名を「1964 Turner Mk3」に変更します。

レイヤー名を変更

グループ内に格納

スマートオブジェクトに変換した元画像を、グループ内に格納しましょう。グループに追加したベクトルマスクが適用され、オープンカーの背景が、透明ピクセルに変換されます。

【操作方法】

グループ [ ボディ・カラー ] に、[ 1964 Turner Mk3 ] をドラッグ＆ドロップします。

[ 1964 Turner Mk3 ] が、グループ内に格納されたことを確認してください。

すると、オープンカーが切り抜かれ、その他の領域が、透明ピクセルに変換されます。

まとめて切り抜き

グループにベクトルマスクを追加すると、グループ内のレイヤーがまとめて切り抜けます。

背景色を設定

透明ピクセルに変換された背景に、背景色を設定しましょう。ここでは、用紙の色を想定して、ホワイトより少し暗いカラーを設定します。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 0° / S : 0 % / B : 95 % ] を入力して、[ OK ] をクリックします。

カラーピッカーの使い方

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

[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ＆ドロップして、グループ外の最背面へ移動します。

[ べた塗り 1 ] が、グループ外の最背面へ移動できたことを確認してください。

ボディを切り抜いて、背景色を設定することができました。

背景色を設定

背景色は変更可能

この背景色は、暫定的なものです。カラーを再編集することや、別の素材画像を敷くこともできます。

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

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

The post 写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」 first appeared on psgips.

【スタイル】ドロップシャドウで輪郭の影をつくる方法【画質・輪郭】

古岡ひふみ — Mon, 01 Mar 2021 23:00:00 +0000

【Photoshop基本操作】ドロップシャドウとは、Photoshop に搭載されている「レイヤースタイル」の効果のひとつです。タイプフェイスの手法としても、ポピュラーな存在です。文字の形の影を落とすことで、読みやすく際立たせる効果があります。透明ガラスにできるような、光が屈折した輪郭の影もつくることができます。

カーブで輪郭の詳細を変える！

[ 画質 ] セクションの [ 輪郭 ] は、シャドウの階調をカーブで設定して、輪郭の詳細を変える機能です。プリセットの [ 円錐 ] を選択するだけで、輪郭の影をつくることができます。しかし、輪郭の内側が完全に抜けているので、少し暗くなるようにカスタマイズします。

ドロップシャドウで

輪郭の影をつくる方法

[ STEP-01 ]

基本設定から適正を探る

[ STEP-02 ]

オブジェクトを透明にする

[ STEP-03 ]

輪郭の影を設定する

影の輪郭をカスタマイズする

これから行う操作は、レイヤースタイルの [ ドロップシャドウ ] で、透明ガラスにできるような、光が屈折した輪郭の影を設定する方法です。[ レイヤースタイル ] ダイアログには、たくさんの設定項目があります。まず、[ 画質 ] セクションの [ 輪郭 ] に注目しましょう。シャドウの輪郭を決めてから、その他の設定項目を調整することがポイントとなります。

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

レッスン動画を配信中！

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

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

基本設定から適性を探る

レッスン用のドキュメントには、あらかじめ、レイヤースタイルにおける、一般的な設定が行われています。ドロップシャドウの各設定を確認してみましょう。

【操作方法】

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

素材画像を開く

[ レイヤー ] パネルで、レイヤー効果の名前 [ ドロップシャドウ ] をダブルクリックして、[ レイヤースタイル ] ダイアログを表示します。

基本がわかる！レイヤースタイルの操作

[ ドロップシャドウ ] をダブルクリック

[ レイヤースタイル ] ダイアログで、[ 構造 ] セクション、[ 画質 ] セクションの各設定を確認してください。

[ レイヤースタイル ] の各設定を確認

[ 構造 ] – [ 不透明度 ]

シャドウの不透明度を設定します。描画モードとシャドウのカラーに影響されます。

[ 構造 ] – [ 角度 ]

シャドウの角度を設定します。[ 包括光源を使用 ] を有効にすると、包括光源を使用した他の効果と連動して、同じ設定値に変更されます。

[ 構造 ] – [ 距離 ]

シャドウの領域を、エッジからの距離 ( px ) で設定します。

[ 構造 ] – [ サイズ ]

シャドウの境界を、中心線からぼかす幅 ( px ) で設定します。中心線はエッジからの [ 距離 ] が反映されます。

[ 画質 ] – [ 輪郭 ]

ドロップシャドウの輪郭をプリセットの中から選択できます。サムネールをクリックすると、[ 輪郭エディター ] ダイアログが表示されます。

[ レイヤーがドロップシャドウをノックアウト ]

チェックマークを付けると、オブジェクトと重なる部分のドロップシャドウが取り除かれます (初期設定)。「無効」は、オーバープリントなどの特殊な使い方に用います。

ベーシックを定義する

[ ドロップシャドウ ] で、「不動の設定」とも言える頼りになる基本設定は、[ 構造 ] セクションの [ 角度 ]、[ 距離 ]、[ サイズ ] です。これらの設定値は、ほとんどの効果で共通して使えます。

[ 角度 : 120°] [ 距離 : 8 px ] [ サイズ : 8 px ]

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

[ 角度 ] の設定値は、視覚心理として安定する「左斜め上」が [ 120 ]°です。これは、ドロップシャドウが光源の角度に等しく、真上の 90°から、左側に 30°傾いた角度です。しかし、これは平面的な角度です。そのため、３次元的な光源の高度については、[ 距離 ] で感じさせることになります。光源の高度は、60°くらいが基準ですね。

シャドウの距離の適正値を割り出す

[ 距離 ] の設定値は、対象オブジェクトの高さと、光源の高度で決まります。この場合は、90°、30°、60°の直角三角形の関係 (短辺 1 : 斜辺 2 : 長辺 √3 ) が成り立ちます。√3 は、計算が難しいので、1/2 ほどが適正値だと考えていいでしょう。[ サイズ ] の設定値は、[ 距離 ] を中心線とした「ぼかし幅」です。そのため、MAX 値は２倍まで。適正値は、50 % 〜 150 % の範囲です。

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

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

The post 【スタイル】ドロップシャドウで輪郭の影をつくる方法【画質・輪郭】 first appeared on psgips.

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

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

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

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

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

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

ベベルとエンボスで

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

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

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

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

艶消し (ゴムの質感)

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

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

レッスン動画を配信中！

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

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

基本設定から適性を探る

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

【操作方法】

素材画像を開く

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

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

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

各設定を確認

[ 構造 ] – [ 深さ ]

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

[ 構造 ] – [ サイズ ]

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

[ 陰影 ] – [ 高度 ]

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

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

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

[ 陰影 ] – [ シャドウ ]

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

ベーシックを定義する

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

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

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

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

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

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

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

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

【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】

古岡ひふみ — Thu, 18 Jul 2019 23:00:00 +0000

【Photoshop基本操作】画像にワイングラスを合成するには、不透明度で「半調」にしてはダメです。これじゃ幽霊みたいになってします (笑)。ガラスのくっきりした質感は、エッジの濃い部分と、光沢や映り込みの明るい部分を残しながら、背景が透けて見えるように調整しなければなりません。描画モードの「乗算」と「スクリーン」を活用してみましょう。

ブレンド条件で最終調整！

ブレンド条件とは、階調レベルで不透明度を調整する機能です。合成結果に反映させない境目 (隠す領域) が調整できます。言ってみれば、この機能だけで合成することも可能です。しかし、対象画像により、階調数が減ってしまうので「全能」ではありません。作例では、最終調整で不透明部分を削る目的に使用します。

背景が透ける！

切り抜きグラスの合成方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景が透けて見える合成方法

これから行う操作は、無背景で撮影したワイングラスを切り抜き、別の画像に合成する方法です。背景が透けて見える合成方法がテーマなので、素材画像のワイングラスには、すでに切り抜きパスが作成してあります。切り抜きが苦手な方でもカンタンにできるレッスンです。リアルな合成に挑戦してみましょう！

元画像

背景が透けて見える合成方法

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

切り抜きマスクを作成する

レッスン用のドキュメントには、あらかじめ、ワイングラスの形のパスが保存されています。そのパスから、選択範囲を読み込んで、切り抜き用のレイヤーマスクを作成しましょう。

【操作方法】

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

素材画像を開く

photo by adonyig

白色ホリゾントが原則！

素材に用いるワイングラスは、白色ホリゾント (背景の壁や布・紙など) で撮影されていることが原則です。背景があるものや黒っぽいホリゾントは NG です。

黒っぽい背景だと暗い部分が抽出しにくい

描画モードの [ 乗算 ] と [ スクリーン ] を活用する方法では、いちばん暗い部分と明るい部分がそれぞれ抽出できなくてはなりません。そのためには、中間調を起点とした明るめの背景に、透明なオブジェクトを置いた素材が適しています。

基本がわかる！描画モードの種類と特性

[ パス ] パネルを表示します。

[ パス 1 ] レイヤーサムネールを [ command ( Ctrl ) ] キーを押しながらクリックします。描画ピクセルを選択

基本がわかる！パスの作成と使い方

[ command ( Ctrl ) ] + クリック

すると、ワイングラスの選択範囲が作成されます。

切り抜きの選択範囲を確認

[ イメージ ] メニューから、[ 切り抜き ] を選択します。すると、選択範囲の領域でトリミングされ、カンバスサイズが最小限の大きさになります。

切り抜きを極める！画像のトリミング方法10選

選択範囲の領域でトリミング

[ レイヤー ] パネルを表示します。

[ 背景 ] サムネールを [ option ( Alt ) ] キーを押しながらダブルクリックします。すると、背景からレイヤーに変換されます。

基本がわかる！レイヤーの使い方

[ option ( Alt ) ] + ダブルクリック

背景からレイヤーに変換

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

基本がわかる！レイヤーマスクの使い方

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

ワイングラスの切り抜きが完了しました。

領域でトリミング

レイヤーマスクで切り抜き

切り抜きマスクをパーツで！

レイヤーマスクで切り抜きを行う場合、合成する別の画像にコピー＆ペーストしてから、そのドキュメントで作業する方がイメージしやすいかも知れません。

しかし、切り抜きの対象が小さかったり、レイヤーが複数で構成されているときは、無駄や混乱の原因にもなりかねません。作例では、切り抜きマスクをパーツの段階で作成しておくことで、後の作業の効率化を図ります。

レッスン動画を配信中！

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

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

合成用レイヤーの準備

背景が透けるグラスの合成では、描画モードが異なる２枚の合成用レイヤーが必要です。スマートオブジェクトを複製することで、再編集した場合も、その結果が連動するレイヤーを作成することができます。

【操作方法】

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

[ スマートオブジェクトに変換 ] を適用

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

レイヤーマスクを含むスマートオブジェクトは、リンクされたマスク領域が保持され、ドキュメントを開くことで、レイヤーマスクを編集することができます。

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

[ レイヤー 0 のコピー ] が作成されたことを確認します。

[ 新規レイヤーを作成 ] にドラッグ

[ レイヤー 0 のコピー ] を作成

それぞれのレイヤー名を上から [ グラス : スクリーン ]、[ グラス : 乗算 ] に変更します。

[ グラス : スクリーン ] を選択します。

[ グラス : 乗算 ] を非表示にします。

レイヤー名を変更

スマオブを複製すると？

同じドキュメント内で、スマートオブジェクトを複製すると、それぞれのコンテンツはリンクされます。

たとえば、元のスマートオブジェクトで行なったレイヤーマスクの編集は、複製したスマートオブジェクトにも反映されます。まったく同じ編集内容が共有されるワケです。

ひとつの修正ですべてのファイルを更新する方法

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

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

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

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

開口部を設定

ワイングラスの開口部を斜め上から見ると、後方が１枚、前方が２枚重なっています。不透明度は、１枚より２枚の方が高くなるので、その違いを設定する必要があります。

【操作方法】

[ パス ] パネルを表示し、[ パス 1 ] を選択します。

[ パス 1 ] を選択

[ ツール ] パネルで、[ パスコンポーネント選択ツール ] を選択します。

[ パスコンポーネント選択ツール ] を選択

ワイングラスの開口部をクリックして、楕円形の閉じたパスを選択します。

[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

開口部のパスをクリック＆コピー

[ パス ] パネルで、何もないところをクリックします。

すると、[ パス 1 ] の選択が解除されます。パスを非表示

何もないところをクリック

[ レイヤー ] パネルを表示して、[ command ( Ctrl ) ] + [ V ] キーを押してペーストします。

すると、[ グラス : スクリーン ] に、ベクトルマスクが作成されます。

基本がわかる！マスクの種類と作り方

[ レイヤー ] パネルを表示してペースト

ベクトルマスクを作成

オプションバーで、[ 前面シェイプを削除 ] を選択します。

[ 前面シェイプを削除 ] を選択

開口部がマスクされ、透明ピクセルに置き換えられました。

開口部がマスクされた

開口部の不透明度を調整！

グラスの開口部に設けたベクトルマスクは、後の操作で不透明度を調整するために用います。この部分は、グラスの中でもいちばん背景が透ける部分です。

しかし、撮影時による白色ホリゾントの影響も大きく、暗い背景に合成する場合は、その明るさを大幅に抑えなければ、他の部分との整合性が取れません。

グループを作成

２枚のレイヤーをひとつにまとめるグループを作成します。グループの作成は、対象レイヤーを選択してから行うと、フォルダーに入れる操作が省略できます。

【操作方法】

[ レイヤー ] パネルで、[ グラス : 乗算 ] を表示します。

[ shift ] キーを押しながら、[ グラス : 乗算 ] をクリックして、[ グラス : スクリーン ] と２枚同時に選択します。

[ グラス : 乗算 ] を表示

２枚同時に選択する

[ 新規グループを作成 ] をクリックします。

[ グループ 1 ] が作成されたことを確認します。

[ 新規グループを作成 ] をクリック

[ グループ 1 ] を作成

[ グループ 1 ] の名称を [ 切り抜きグラス ] に変更します。

グループ名を変更

複数のレイヤーを一括管理！

作例のように、切り抜き用レイヤーが複数で構成されている場合、グループフォルダーに入れておくと、移動や変形などの適用が、切り抜きオブジェクト単位で一括して行えるようになります。

乱雑になりがちな [ レイヤー ] パネルも整理できるので、一石二鳥ですね。

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

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

The post 【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】 first appeared on psgips.

【ロゴ】フォントでつくる！テーブルにこぼれた水滴の文字

古岡ひふみ — Fri, 23 Feb 2018 23:00:00 +0000

【Photoshop講座】ドキュメントに入力した文字を [ ワープテキスト ] で変形させて、テーブルの上に撒かれたような、水の形を描き加えます。[ レイヤースタイル ] の効果を組み合わせて、透明な水滴風に仕上げていきましょう。

屈折光と反射光を使い分ける！

水滴らしく見せるポイントは、透明の形に光と影をどのように配置するかにあります。立体化した形状そのものの光と影、透明部分に屈折した光と影は、それぞれ違った角度に明るい部分と暗い部分が現れます。

このような屈折光と反射光を、素材の光源の入射角に合わせて使い分ければ、リアルな水滴は簡単に表現できます。

フォントでつくる！

テーブルにこぼれた水滴の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストをこぼれた水滴風に加工

これから行う操作は、入力したテキストや塗りつぶしオブジェクトをこぼれた水滴風に加工する方法です。作例ではフォントを利用していますが、すべての形状をフリーハンドで描くことも可能です。ベースになるオブジェクトさえあれば、リアルな水滴の質感は、どんな形にでも応用できます。

レッスン動画を配信中！

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

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

ベースの文字を入力する

水滴の文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力しましょう。フォントの形状が、そのまま、水滴の文字の効果になります。ここでは、手書き風の書体を選択します。

【操作方法】

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

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

素材画像を開く

活かせる素材をチョイス

背景に敷く素材は、水滴の質感が活かせる木目やタイル地など、コントラストが高く、濃い色相のものが好ましいです。

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に [ 250 pt ] を入力します。

[ フォントサイズを設定 : 250 pt ] を入力

任意のフォントを設定

作例では、「 Comic Sans MS 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

ポイントテキストで文字を入力

文字の間隔を空けよう！

こぼれた水滴の効果は、隣接する文字との距離が近いほど、それっぽく見えます。あらかじめ、トラッキングなどで、文字の間隔を少し詰めておくと効果的です。

カーニングとトラッキングを設定

文字列が欧文の場合は、[ 選択した文字のトラッキングを設定 ] に [ -10 ] を設定して、「W」と「a」など、間隔が広い組み合わせは、[ 文字のカーニングを設定 ] で、個別に設定しておくといいでしょう。

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

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

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

The post 【ロゴ】フォントでつくる！テーブルにこぼれた水滴の文字 first appeared on psgips.

【色調補正】色かぶりをワンクリックで除去する方法【トーンカーブ】

古岡ひふみ — Sat, 10 Feb 2018 23:00:00 +0000

【Photoshop基本操作】色かぶりとは、撮影時の「光源の色の違い」により起こる現象で、写真全体の色調が赤っぽかったり、青っぽかったりすることです。自動で行える便利機能もありますが、素材によっては、あまり効果が出ないものもあります。適切なサンプリングポイントを見極めて、ワンクリックで除去する方法をご紹介しましょう。

真っ白にしたい部分をクリックするだけ！

このワンクリックは、自動に頼らない「白色点 (ハイライト点) 」を設定する操作です。白色点とは、R、G、B、それぞれを最大値にすることで「真っ白」にする階調レベルです。一般的には「スペキュラ (鏡面光) 」という、写真に含まれる階調の中で、いちばん明るい部分を指します。

しかし、強いスペキュラが存在する場合、すでにその箇所が白色点なら、自動による、色かぶりの除去は望めません。そんなときは、手動によるサンプリングが、有効な手段となるワケです。

色かぶりを

ワンクリックで除去する方法

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

トーンカーブで除去する

これから行う操作は、画像内をワンクリックして、色かぶりを除去する方法です。自動に頼らない順応性を持っているので、あらゆる場面で役立ちます。

色かぶりの主な原因は、撮影時による光源の色の影響や、「ホワイトバランス」が適切に働いていないことが考えられます。たとえば、電球下の被写体が乱反射して、別の光源 (青い光の波長) を放っていたりすると、赤っぽい写真になってしまいます。

ホワイトバランスは、R、G、B のバランスを変えれば改善できます。R、G、B の白色点を揃えるという概念で、色かぶりを除去しましょう。

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

【操作方法】

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

素材画像を開く

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから、[ トーンカーブ ] を選択して、[ トーンカーブ 1 ] を作成します。

[ トーンカーブ 1 ] を作成

調整レイヤーを作成すると、自動的に [ 属性 (プロパティ) ] パネルが表示されます。

[ 属性 (プロパティ) ] パネルを確認

調整レイヤーとは？

調整レイヤーとは、ドキュメントやレイヤー単位で、色調補正が行えるオプション機能です。調整レイヤーを作成することで、元画像の内容をそのまま保つことができ、設定した後でも再編集が可能になります。

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

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

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

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

白色点を設定

R、G、B の白色点を揃える色調補正は、一般的に「ホワイトバランス」と呼ばれています。Photoshop の [ トーンカーブ ] では、グラフの対角線の右上コーナーにある調整ポイントが「白色点」です。

【操作方法】

[ 属性 (プロパティ) ] パネルで、[ 画像内をサンプルして白色点を設定 ] をクリックします。以降 [ 白色点を設定 ] と略す・ホワイトバランスと同意

[ 白色点を設定 ] をクリック

画像内で特定したサンプリングポイント (真っ白にしたい部分) をクリックします。

色かぶりをワンクリックで除去することができました。

色かぶりをワンクリックで除去することができた

色かぶりが除去できない？

真っ白にしたい部分をクリックしたけど、色かぶりが除去できない、または、変化がない場合は、画像内で特定したサンプリングポイントが適切ではありません。

そのまま、クリックをやり直すか、または、[ トーンカーブ ] の [ 属性 (プロパティ) ] パネルで、[ プリセット ] に [ 初期設定 ] を選択して、もう一度やり直してください。

また、[ トーンカーブ ] には、[ 自動補正 ] を活用した補正方法もあります。スペキュラハイライトを含んでいない素材、人物の肌色を違和感なく補正したい場合などに試してみましょう。

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

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

The post 【色調補正】色かぶりをワンクリックで除去する方法【トーンカーブ】 first appeared on psgips.

【スタイル】ガラス・クリアガラス2「繊細なガラス細工の工芸品」【フリー】

古岡ひふみ — Sun, 03 Sep 2017 23:41:00 +0000

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「クリアガラス2」は、繊細なガラス細工の工芸品をイメージしました。エッジを薄く設定しているので、細い線でも効果が出やすいです。背景が透けて見える透過タイプの、カラーバリエーション６色セットです。

│No.091│ガラス│クリアガラス2│

クリア

マゼンタ

オレンジ

グリーン

ブルー

バイオレット

クリア

マゼンタ

オレンジ

グリーン

ブルー

バイオレット

カラーバリエーション：６色

レイヤースタイルの適用例（使用フォント：Times/Bold Italic/120 pt）

クリックでダウンロード！

ダウンロードされる際には必ず「ご利用規約」をお読みください。ダウンロードしたプリセットファイルをダブルクリックすると、[ スタイル ] パネルにレイヤースタイルのサムネールが表示されます。

その他、レイヤースタイルの詳しい使い方は、「レイヤースタイルの操作方法」ほかのページをご参照ください。

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

The post 【スタイル】ガラス・クリアガラス2「繊細なガラス細工の工芸品」【フリー】 first appeared on psgips.

【スタイル】ガラス・ネオンチューブ【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「ネオンチューブ」は、背景色が黒、または暗い素材画像に対して、ネオンの光る効果が現れます。カラーバリエーション12色セットです。ワイヤー形状の細いデザインフォントが適しています。

│No.041│ガラス│ネオンチューブ│

マゼンタ

レッドA

レッドB

オレンジ

イエローA

イエローB

イエローグリーン

グリーン

ブルーグリーン

ブルーA

ブルーB

バイオレット

カラーバリエーション：12色

レイヤースタイルの適用例（使用フォント：Coil/Bold/100 pt）

クリックでダウンロード！

その他、レイヤースタイルの詳しい使い方は、「レイヤースタイルの操作方法」ほかのページをご参照ください。

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

The post 【スタイル】ガラス・ネオンチューブ【フリー】 first appeared on psgips.

【スタイル】ガラス・クリスタルネーム【フリー】

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

【Photoshopレイヤースタイル】クリックひとつで、リアルな質感や陰影が適用できる「オリジナル・レイヤースタイル」です。「クリスタルネーム」は、背景に透過するタイプで、ガラスの光沢や屈折にこだわりました。フォントサイズで選べるスタイルバリエーション5種セットです。セリフ系の太いフォントに似合います。