ハロー (円光)| psgips

写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】

古岡ひふみ — Sat, 24 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をマーカーペンで描いたようなタッチに加工する方法です。緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。このレッスンでは、Ver.25.11.0 を使用しています。

塗り残しを再現！

粗いタッチを作成した後、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

写真をイラスト調に！

マーカーペンで描く肖像画

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

マーカーペンのタッチに加工

これから行う操作は、人物の写真を、マーカーペンで描いたようなタッチに加工する方法です。

元画像

マーカーペンのタッチに加工

緻密な筆先と太いフェルトを使い分ける技法は、水彩画のような淡いぼかしや、かすれた感じの風合いが混在します。

マーカーペンの多彩なタッチ

粗いタッチを作成したあと、その輪郭線を抜くことができれば、塗り残し領域を作成することができます。

塗り残し領域を再現

[ 塗料 ] フィルターの [ スパークル ] は、輪郭線を明るくする効果です。ランダムな色むらに適用すると、かすれた感じの風合いも同時に再現できます。

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

素材画像から人物を切り抜いて、背景に用紙の色を設定します。写真をイラスト調にする第一歩となる重要な作業です。レイヤー、レイヤーマスク、描画色の設定など、写真加工の基本操作を習得しましょう。

人物を切り抜く

背景色を設定

目次に戻る

人物を切り抜く

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

【操作方法】

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

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

素材画像を開く

photo by mostafa meraji

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

被写体を選択

選択方法を選ぶ！

[ 被写体を選択 (クラウド処理) ] は、デバイス上の処理よりも詳細な結果を取得できます。数ある選択方法の中にあって、最もパフォーマンスが高いコマンドです。被写体を選択のクラウド処理 : [ Photoshop (編集) ] - [ 環境設定 ] - [ 画像処理 ]

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

元画像のレイヤーに、レイヤーマスクが作成されていることを確認してください。

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

[ マスクを追加 ] をクリック

人物の背景が、透明ピクセルに変換されたことを確認してください。

透明ピクセルに変換

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

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

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

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

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

目次に戻る

塗りつぶしレイヤーを設定

人物の背景に、用紙の色を敷きましょう。背景色を塗りつぶしレイヤーで作成しておくと、いつでも編集が可能です。レイヤーサムネールをダブルクリックすると、[ カラーピッカー ] ダイアログが表示されます。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に、[ H: 0° / S: 0 % / B: 95 % ] を設定します。

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

カラーピッカーの使い方

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

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

[ レイヤー 0 ] を選択します。

[ レイヤー 0 ] を選択

人物の背景に、用紙の色が設定できました。

用紙の色が設定できた

用紙の色を反映する！

たとえば、古紙のような黄色を帯びた用紙を設定する場合は、[ レイヤー 0 ] の描画モードを [ 乗算 ] に設定してください。すると、画像のハイライト領域に、用紙の色が反映されます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】 first appeared on psgips.

これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】

古岡ひふみ — Sun, 01 Oct 2023 23:00:00 +0000

【Photoshop基本操作】まるで、本物のカメラで撮影したような、レンズフレアを加えることができるのが [ 逆光 ] フィルターです。しかし、思いどおりの位置に、設定できないと感じたことはありませんか？実は、小さなプレビュー内に隠された詳細設定があります。

フレアの角度が変わる？

[ 逆光 ] フィルターでつくり出されるレンズフレアの角度は、光源の位置と、適用するドキュメントの大きさによって自動設定されます。たとえば、正方形のドキュメントでは、ダイナミックさに欠けるような結果になる場合もあります。

そんなときは、35 ミリフィルムの一般的なアスペクト比「 3 : 2 」で、疑似的な余白を加えましょう。適用後にトリミングすれば、意図した効果が期待できます。

これで解決！

逆光フィルターの位置は

こうやって設定する！

[ STEP-01 ]

逆光の位置を読み取る

[ STEP-02 ]

逆光フィルターを適用する

[ STEP-03 ]

スノークロスを合成する

逆光を思いどおりの位置に！

これから行う操作は、輝く光源と、リアルなレンズフレアの効果が作成できる、[ 逆光 ] フィルターの設定方法です。逆光の位置の設定は、ダイアログ内のプレビューにおいて、光源をドラッグすることで行えます。しかし、プレビュー画面が小さいため、思いどおりの位置に、設定しにくい場合もあります。

元画像

レンズフレアの効果を加える

通常では表示されていない、[ 詳細な光源の位置 ] オプションを使用すれば、ドキュメント上の座標値を入力することにより、正確な位置に設定することができます。

目次に戻る

レッスン動画を配信中！

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

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

光源の位置を読み取る

作例の素材画像は、建物の窓ガラスに太陽光が反射しています。最も明るい窓に、[ 逆光 ] フィルターの効果を適用すると、窓枠の領域が狭すぎて、適切な位置に配置できません。まず、光源の位置を読み取りましょう。

【操作方法】

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

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

素材画像を開く

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

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

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

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

目次に戻る

情報パネルを表示

[ 情報 ] パネルは、画像の座標や色情報を表示するパネルです。光源の座標値を調べる前に、定規単位の設定を確認してください。

【操作方法】

[ ウィンドウ ] メニューから、[ 情報 ] を選択します。すると、[ 情報 ] パネルが表示されます。

[ 情報 ] パネルを表示

パネルメニューから [ パネルオプション ] を選択します。

[ パネルオプション ] を選択

[ 情報パネルオプション ] ダイアログで、[ マウスカーソルの座標軸 ] セクションの [ 定規単位 ] に [ pixel ] を選択します。

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

[ 定規単位 : pixel ]

単位にはpixelを選ぼう！

[ マウスカーソルの座標軸 ] に [ pixel ] を選択することで、[ 情報 ] パネルに表示される単位が [ pixel ] に変更されます。これから行う [ 逆光 ] の [ 詳細な光源の位置 ] オプションでは、単位に [ pixel ] が使用されています。

目次に戻る

座標値を調べる

画像内にマウスカーソルを合わせると、その位置の詳細な数値が、[ 情報 ] パネルに表示されます。光源の座標値を調べましょう。

【操作方法】

ドキュメント内で、光源を配置したい箇所に、マウスカーソルを合わせます。マウスカーソルの位置は、[ 情報 ] パネルから読み取るまで、そのままにしておきます。

[ 情報 ] パネルから、座標値をメモします。作例では、[ X ] が[ 1296 ]、[ Y ] が[ 530 ]という座標値でした。

座標値をメモ

横軸と縦軸のピクセル数

表示された座標値は、ドキュメントの左上を基点として、[ X ] が横軸、[ Y ] が縦軸のピクセル数を表しています。

カーソルを精細にしよう！

マウスカーソルは、現在、選択されているツールが表示されますが、詳細な箇所の座標値を読み取りたい場合は、[ caps lock ] キーを押して、マウスカーソルを [ 精細 ] に変更します。または、一時的な使用なら [ 長方形選択ツール ] でも代用できます。詳細な中心点がわかる、十字のマウスカーソルが表示されます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 first appeared on psgips.

写真をイラスト調に！ラインアート生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

古岡ひふみ — Thu, 07 Sep 2023 23:00:00 +0000

【Photoshop講座】Photoshop (Beta) の新機能「生成塗りつぶし」を使って、人物の写真をラインアート風に加工する方法です。ラインアートとは、色を塗らずに、線だけで描かれたイラストのことを指します。元画像の印象を残して、できるだけ単純な線で構成できるように、生成をコントロールしましょう。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

ベースで寄せる！

元画像の印象を残す方法では、カラー情報や陰影なども、適用量に応じて反映されます。線だけで描かれたラインアート風にするには、あらかじめ、これらを消去しておく必要があります。つまり、２階調化した輪郭線のベースを作成しておけば、滑らかで単純な線は、AIが生成してくれるワケです。

写真をイラスト調に！

ラインアート生成AI

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真をラインアート風に加工

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

元画像

ラインアート風に加工

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

テキストの命令文を入力

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

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

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

目次に戻る

レッスンを始める前に

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

【操作方法】

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

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

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

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

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

デバイス (高速)

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

クラウド (詳細な結果)

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

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定する

作例の素材画像は、肌色に近い背景色が使用されています。このため、被写体との境界線に、不明瞭な箇所があります。輪郭線を抽出しやすくするには、背景色にホワイトを設定して、その差をわかりやすくしておきます。

元画像

背景色を設定

目次に戻る

べた塗りを設定

背景色は、[ 被写体を選択 ] で作成した選択範囲を反転して、塗りつぶしレイヤーの [ べた塗り ] を作成します。

【操作方法】

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

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

素材画像を開く

photo by Ania

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

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

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

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

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

選択範囲を確認

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 0°/ S : 0 % / B : 100 % ] を設定します。カラー : ホワイト

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

カラーピッカーの使い方

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

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

背景色を設定

目次に戻る

レイヤーを結合

「生成塗りつぶし」は、統合イメージから生成されます。複数のレイヤーがある場合は、１枚に結合しておく方がスマートです。ここでは、元のレイヤー構造を保持した、スマートオブジェクトに変換することで、レイヤーを結合します。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を、[ shift ] キーを押しながらクリックします。２枚のレイヤーが、選択されていることを確認してください。

[ 背景 ] を右クリックします。コンテキストメニューを表示

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

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

２枚のレイヤーが結合され、スマートオブジェクトに変換されたことを確認してください。

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】

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

【Photoshop講座】木版画風のタッチは、輪郭から起こす、力強い黒い線で作成します。しかし、写真素材が逆光などで暗い場合は、色を付けたい部分まで黒くつぶされてしまいます。あらかじめ、影を明るく鮮やかにしておくと、検出できる輪郭線もシャープにできます。完成を予測して作業を組み立てましょう。

複雑な効果を構造化する！

色調補正やフィルターなどが再編集できる「スマートオブジェクト」は、ひとつのレイヤーに複数の効果が適用できます。しかし、すべてが順当に適用されるわけではありません。

たとえば、レイヤーの合成で得た効果に、フィルターを適用したい場合、あらかじめ、ひとつのレイヤーに、結合しておく必要がありますよね？このようなレイヤー結合も、スマートオブジェクトを構造化することで、再編集が可能な状態を保つことができます。

写真をイラスト調に！

江戸時代の手摺木版画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真を手摺木版画風に加工

これから行う操作は、写真を手摺木版画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

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

目次に戻る

レッスン動画を配信中！

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

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

空の色を合成する

手摺木版画の印象を高める効果として、鮮やかな空の色があります。素材画像の空の領域を選択して、それっぽい色彩のグラデーションを作成しましょう。

【操作方法】

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

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

素材画像を開く

最適な素材を選ぼう！

加工する素材は、人物や建物、小物の切り抜きなど、主体と背景 ( 壁や空など ) がはっきり区別できて、かつすべてにピントが合った遠景の写真が好ましいです。

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

空の領域に選択範囲を作成

空を選択とは？

機械学習テクノロジーにより、画像の空の領域を自動的に選択する機能です。空を置き換える画像合成に特化しているため、境界線は反射光で馴染ませるのが特徴です。

目次に戻る

グラデーションを作成

グラデーションは、塗りつぶしレイヤーで作成します。レイヤーマスクによる空の領域の修正や、グラデーションのカラーが再編集できます。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択して、[ グラデーション 1 ] を作成します。

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックしてグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、グラデーションを設定します。

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

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 33 % ] [ カラー : H : 55°/ S : 39 % / B : 100 % ]

[ 位置 : 66 % ] [ カラー : H : 327°/ S : 29 % / B : 86 % ]

[ 位置 : 100 % ] [ カラー : H : 203°/ S : 60 % / B : 92 % ]

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

[ OK ] をクリック

空のグラデーションが作成できました。

空のグラデーションが作成できた

レイヤーマスクを修正

作例では、[ 空を選択 ] による選択範囲が不十分だったので、レイヤーマスク上での修正を行いました。レイヤーマスクモードに切り替える操作は、以下を参考にしてください。

【操作方法】

[ レイヤー ] パネルで、[ グラデーション 1 ] レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリックします。レイヤーマスクモードに切り替え

[ option ( Alt ) ] + クリック

すると、ドキュメントが、レイヤーマスクモードに切り替わります。

レイヤーマスクモード

通常の画像描画モードに戻る場合は、レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリック、または、レイヤーをクリックします。画像描画モードに切り替え

画像描画モード

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】 first appeared on psgips.

これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】

古岡ひふみ — Sat, 21 Jan 2023 23:00:00 +0000

【Photoshop基本操作】調整量が大きくなると、通常の色調補正ツールでは、どうしても、仕上がりに違和感が出ました。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。逆光で暗くなった影を、より自然に明るく補正しましょう。

32ビットがスゴイ！

[ HDR トーン ] は、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。8 bit の 256 階調に対して、32 bit は、なんと、理論上 4.3G 階調…。これはもう、無限の階調ですね。無理な補正で悩まされていた、トーンジャンプやバンディングもなんのその。これで解決！

これで解決！

逆光で暗くなった影は

こうやって直す！

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

逆光の影を明るく補正する方法

これから行う操作は、逆光で暗くなった影を、明るく補正する方法です。補正方法には、[ HDR トーン ] という機能を活用します。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。

HDR とは、High Dynamic Range (ハイダイナミックレンジ) の略称です。ダイナミックレンジとは、画像の明るい部分と、暗い部分の範囲を示します。通常の画像が [ 8 bit : 256 階調 ] なのに対し、HDR は [ 32 bit : 4,294,967,296 階調 ] のダイナミックレンジを持っています。

ダイナミックレンジ比較

つまり、人間の視覚やディスプレイなどより、はるかに広い再現力を持った手法が、HDR というわけです。逆光で暗くなった影を、より自然に明るく補正しましょう。

通常の色調補正ツールと比較

目次に戻る

レッスン動画を配信中！

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

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

影を明るくする

[ HDR トーン ] を活用して、影を明るくしましょう。ここで使用する素材画像は、逆光で暗くなったポートレートです。背景の明るさを、できるだけ維持しながら、人物をより自然に、明るく補正することを目的とします。

【操作方法】

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

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

素材画像を開く

photo by olcay ertem

補正前と補正後

あらかじめ、元画像を複製して同時に開きます。[ ウィンドウ ] – [ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。補正前と補正後の２画面を見比べながら、影を明るくする調整が行えます。

補正後のウィンドウを選択

目次に戻る

HDRトーンを起動

[ HDR トーン ] とは、露出を変えて撮影した複数の画像から、適切な露出の１枚に自動合成する機能、[ HDR Pro に統合 ] を、色調補正ツールとして改良したものです。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ HDR トーン ] を選択します。

[ HDR トーン ] ダイアログで、[ 方法 ] に [ ローカル割り付け ] を選択します。初期設定

[ 方法 : ローカル割り付け ]

ローカル割り付けとは？

[ ローカル割り付け ] とは、複数の効果を合わせて、HDR の色調を調整する方法です。[ エッジ光彩 ]、[ トーンとディテール ]、[ トーンカーブおよびヒストグラム ] というセクションに分けられています。初期設定

[ HDR トーン ] を選択すると、初期設定の効果がプレビューされます。

初期設定をプレビュー

32ビットに変換

このツールは、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。ウィンドウタブのモード表示が [ (RGB/8) ] から [ (RGB/32*) ] に変更されています。

ウィンドウタブのモード表示

レイヤーやスマートオブジェクトがあるドキュメントは、一枚の [ 背景 ] へ統合されます。[ HDR トーン ] を実行する場合は、警告アラートで [ はい ] をクリックしてください。

警告アラート

目次に戻る

トーンカーブを設定

操作方法は、[ トーンカーブ ] と同じですが、32 bit チャンネルに変換されているため、階調レベルは比率で表示されています。

【操作方法】

[ トーンカーブおよびヒストグラム ] を展開します。

対角線の上をクリックして、新しい調整ポイントを追加します。

[ 入力 ] に [ 25 % ]、[ 出力 ] に [ 35 % ] を設定します。

トーンカーブを設定

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

影を明るくすることができた

トーンカーブとは？

トーンカーブは、画像補正の最強ツールです。自由な形に変化するカーブで、感覚的な操作が行えます。まず、カーブの変化がどのような結果をもたらすのか？　それを知ることから始めましょう。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】 first appeared on psgips.

【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】

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

【Photoshop講座】ノイズを軽減するしくみは、いたってシンプルです。ピクセルをブレンドして、目立たなくするものです。しかし、やりすぎると画像がぼやけます。そのため、適度で控えめな、設定値を探ることが重要です。Camera Raw を使用して、画像に発生した高感度ノイズを軽減しましょう。

シャープに暫定値を！

設定項目の中にある「シャープ」は、ノイズを軽減して、ぼやけたディテールを引き締める役割です。でも、シャープをかけると、ザラザラが浮き出てきます。相反する両者のバランスを取るのは、なかなか難しくて面倒です。そこで、これ以上、シャープを強くしない状態を、先につくっておくワケです。これでバッチリ！

ザラザラをツルツルに！

ノイズを軽減する方法

− Camera Raw −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

Camera Raw でノイズを軽減

これから行う操作は、画像に発生したノイズを軽減する方法です。Camera Raw フィルターを使用して、ノイズを軽減する簡単な操作と応用、部分的に適用度を変える方法をご紹介します。

目次に戻る

レッスン動画を配信中！

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

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

補正作業の準備をする

ノイズを軽減する方法は、ピクセルのブレンドです。元画像を保持したい場合は、スマートオブジェクトに変換します。Camera Raw を起動して、補正前と補正後が表示できるウィンドウにアレンジしておきましょう。

【操作方法】

素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。オリジナルサイズから小さくしているため、解説の便宜上、擬似的なノイズを加えています。

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

素材画像を開く

RAW データで応用する場合は、任意のファイルを [ Camera Raw ] で開いてください。

[ レイヤー ] パネルで、[ 背景 ] を右クリックして、コンテキストメニューを表示します。

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

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

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

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

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

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

目次に戻る

Camera Raw を起動

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。Lightroom でも、同様に行えます。

【操作方法】

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。

[ ズームレベルの選択 ] に、[ 100% ] 以上の表示倍率を選択します。

[ Camera Raw ] 操作パネル

補正作業を快適に

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ノイズを軽減する調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

補正前と補正後の表示を切り替え

[ ズームレベルの選択 ] は、プレビューの表示倍率が選択できます。プレビューの精度を上げるには、このパネルのコントロールを調整するときに、プレビューのサイズを 100 % 以上までズームします。

ズームレベルの選択

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】 first appeared on psgips.

写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」

古岡ひふみ — Mon, 27 Dec 2021 23:00:00 +0000

【Photoshop講座】都会の雑踏をテーマに、見上げた青空と、ジェット旅客機を合成します。アニメっぽく仕上げるコツは、影を明るくすることと、輪郭をハッキリさせることです。情緒的な光の演出を加えて、アニメ風景を完成させましょう。

白色を重ねる技法！

描画モード [ ソフトライト ] の特性は、基本色に対して、合成色の明度が 50 % 反映されます。そのため、明度 100 % の完全な白色が合成されると、トレーシングペーパーを被せたような半調になります。この技法、アニメ風写真加工に最適ですね。

写真をイラスト調に！

アニメ風景の描き方

– 場面転換・都会の雑踏 –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

アニメ風景のように加工する

これから行う操作は、写真をアニメの風景カットのように加工する方法です。スマートオブジェクトに複数の色調補正やフィルターを加えて完成させます。

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

目次に戻る

レッスン動画を配信中！

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

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

３つの画像を合成する

ひとつのドキュメントに、合成する３つの素材画像を配置しましょう。アニメ風景のベースにするのは、空を見上げた信号機です。配置方法には、元画像の情報が保持できる、[ 埋め込みを配置 ] を使用します。

【操作方法】

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

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

素材画像を開く

photo by runrun2017

合成する画像は、ベースの信号機 [ uf035-signal.jpg ]、青空と雲 [ uf035-sky.jpg ]、ジェット旅客機 [ uf035-plane.png ] です。応用する場合は、素材画像を準備してください。

合成に適した素材は？

このレッスンでは、３点合成を前提として、まず、光源の方向に注意を払いました。そして、光源を背にした「逆光」です。

アニメの背景画では、光と影のコントラストを強調する演出が多く見られます。写真をイラスト調にするテーマにおいては、影を明るく、輪郭をシャープにする技法を用いるので、ディテールが繊細で複雑な、電線を張り巡らせた信号機の素材を選びました。

目次に戻る

埋め込みを配置

ドキュメントに画像を配置するには、画像を開いて、コピー＆ペーストで配置する方法と、画像を開かずに配置する、配置コマンドを使用した方法、さらに、ファイルを直接、ドキュメントにドラッグ＆ドロップする方法もあります。ここでは、[ 埋め込みを配置 ] を用いましょう。

【操作方法】

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。青空と雲の画像 [ uf035-sky.jpg ]、続いて、ジェット旅客機の画像 [ uf035-plane.png ] を選択します。

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

[ uf035-plane.png ] を選択

[ enter ] キーを押して、変形を確定します。

３つの画像を配置

合成する３つの素材画像を、ひとつのドキュメントにまとめることができました。ラスタライズ不可

３つの画像をひとつのドキュメントにまとめる

埋め込みを配置とは？

[ 埋め込みを配置 ] で画像を配置すると、元画像の情報を保持した、スマートオブジェクトに変換したレイヤーが作成されます。

配置するドキュメントより、元画像のサイズが大きい場合は、ドキュメントサイズに合わせて自動縮小されます。もちろん、再編集可能なスマートオブジェクトなので、拡大・縮小などの変形が、画質を劣化させることなく、何度でもやり直せます。デメリットは、ファイル容量が大きくなることです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 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 ]

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

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

目次に戻る

レッスン動画を配信中！

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

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

ボディを切り抜く

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

【操作方法】

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

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

素材画像を開く

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 ] が、グループ外の最背面へ移動できたことを確認してください。

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

背景色を設定

背景色は変更可能

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」

古岡ひふみ — Sun, 09 Aug 2020 23:00:00 +0000

【Photoshop講座】水彩画の一般的なイメージは、顔料を薄くぼかしながら塗り重ねていく、透明水彩 (ウォーターカラー) という画法でしょう。不透明絵具を塗り重ねて行く画法との大きな違いは、用紙の地色を活かしながら彩色していくことです。風景写真を素朴な水彩画風に仕上げてみましょう。

絵具のにじみを再現しよう！

絵具が乾かないうちに他の色を塗ってにじませる「たらし込み技法」では、ぼかしやにじみの他に、境界線が際立った絵具溜めの効果も、水彩画のタッチを再現する大きなポイントだと思います。

[ ドライブラシ ] フィルターで、この絵具溜めの効果をプラスしたら、どんな風景写真だって、水彩画に早変わりします。

写真をイラスト調に！

水彩画の風景スケッチ

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

風景写真を水彩画風に加工

これから行う操作は、風景写真を水彩画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

元画像

風景写真を水彩画風に加工

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

目次に戻る

マージン領域を塗りつぶす

水彩画タッチのフレーム効果を得るため、画像の周囲にマージンを設けます。元画像の内側にマージンを取ると、写体の構図などに影響が出るので、[ コンテンツに応じた塗りつぶし ] を使用して、領域を外側に増やす方法をとります。

元画像

マージン領域の塗りつぶし

目次に戻る

マージンガイドを作成

計画的に作業を進める上で、ガイドの作成は欠かせません。素材画像を開いて、まず、現在のドキュメントサイズを示すガイドを作成しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅：1024 pixel ]、[ 高さ：683 pixel ] 、[ 解像度：72 pixel/inch ]、[ カラーモード：RGB カラー ] を使用しています。加工する素材は、色彩を多く含む風景写真が好ましいです。

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

素材画像を開く

photo by juliacasado1

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 列 ] セクションの [ 数 ] に [ 1 ]、[ 行 ] セクションの [ 数 ] に [ 1 ] を入力して、[ OK ] をクリックします。

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

ドキュメントの端に、ガイドが作成されたことを確認します。

ガイドの作成を確認

元画像の領域を示す！

[ コンテンツに応じた塗りつぶし ] で、領域を外側に増やすと、元画像との境界線がわからなくなります。それほどスゴイ機能なんです。

ここでは、元画像の構図をそのまま残したいので、その位置の参考となるガイドを作成しておきます。

目次に戻る

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

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

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

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

カンバスサイズを設定

元画像の領域にガイドが作成できたら、カンバスサイズを大きくして、画像の周辺にマージン領域を増やします。本来のマージンの取り方とは逆ですが、Photoshop なら、足りない領域も簡単に増やすことができます。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] レイヤーサムネールをダブルクリックして、[ 新規レイヤー ] ダイアログを表示します。

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

[ 新規レイヤー ] ダイアログで、[ レイヤー名 ] に [ 彩色 ] を入力して、[ OK ] をクリックします。

レイヤー名を設定

[ 背景 ] が、レイヤー [ 彩色 ] に変換されたことを確認します。

レイヤーの変換を確認

[ イメージ ] メニューから、[ カンバスサイズ ] を選択します。[ カンバスサイズ ] ダイアログで、[ 単位 ] に [ % ] を選択します。[ 幅 ]、[ 高さ ] にそれぞれ [ 125 ] を入力して、[ OK ] をクリックします。

[ カンバスサイズ ] を設定

カンバスサイズを 125% 拡大することで、画像の周囲にマージン領域が作成されたことを確認します。

マージン領域を確認

透明ピクセルを選択範囲に！

[ コンテンツに応じた塗りつぶし ] の塗りつぶし領域は、透明ピクセルである必要はありません。透明ピクセルを含んだドキュメントにすることで、その足りない領域を効率的に選択するためです。

目次に戻る

マージン領域を選択

[ コンテンツに応じた塗りつぶし ] に必要な、選択範囲を作成しましょう。足りない領域は、画像の周辺に作成したマージン領域です。まず、描画ピクセルを選択して、それを反転すれば、簡単に選択することができます。

【操作方法】

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

[ command ( Ctrl ) ] + クリック

元画像の領域に、選択範囲が作成されたことを確認します。

選択範囲を確認

[ 選択範囲 ] メニューから、[ 選択範囲を反転 ] を選択して適用します。

[ 選択範囲 ] メニューから、[ 選択範囲を変更 ] – [ 拡張 ] を選択します。[ 選択範囲を拡張 ] ダイアログで、[ 拡張量 ] に [ 1 ] pixel を入力して、[ OK ] をクリックします。

[ 選択範囲を拡張 ] を設定

マージン領域に拡張した選択範囲が作成されたことを確認します。

マージン領域の選択範囲を確認

なぜ選択を拡張するの？

元画像のエッジ部分には、ファイルの圧縮や拡大・縮小などが原因となる「ブレ線」が残っている場合があります。

足りない領域の穴埋め修正では、つなぎ目となるエッジ部分に、少しだけ重なる領域を設けてブレ線を隠します。

目次に戻る

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

[ コンテンツに応じた塗りつぶし ] は、隣接する画像から情報を得て、足りない領域を穴埋めする機能です。ここでは、元画像の領域を最大限に活用するために塗りつぶします。そのため、詳細な精度は必要ありません。

【操作方法】

[ 編集 ] メニューから、[ コンテンツに応じた塗りつぶし ] を選択します。すると、[ コンテンツに応じた塗りつぶし ] プロパティパネルが表示されます。

[ コンテンツに応じた塗りつぶし ] プロパティパネル

プロパティパネルで、[ サンプリング領域のオプション ] に [ 自動 ] を選択します。

[ 塗りつぶしの設定 ] セクションの [ 回転適用 ] に [ なし ] を選択します。

サンプリング領域のオプション: 自動

[ 出力設定 ] セクションの [ 出力先 ] に、[ 現在のレイヤー ] を選択します。

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

出力先: 現在のレイヤー

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

選択を解除

出力方法に注意！

[ 出力先 ] に [ 現在のレイヤー ] を選択すると、元画像がプレビュー画面の結果に書き換えられます。

他にも [ レイヤーを複製 ]、[ 新規レイヤー ] が選択できますが、ここでは、マージン領域を含めた１枚のレイヤーにしておく必要があります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」 first appeared on psgips.

【効果】ピントを変える！擬似的な被写界深度をつくる方法【ハイパス】

古岡ひふみ — Wed, 11 Jul 2018 23:00:00 +0000

【Photoshop基本操作】近くのものをハッキリと、遠くのものをボンヤリと見せたい場合、それぞれの領域で、シャープとブラーを、個別に適用することが考えられます。しかし、その境界線が不自然になったり、マスクで抽出したり、何かと操作が面倒そうですね。もっと簡単な方法があります。擬似的な被写界深度を調整しましょう。

シャープの反転はブラー？

[ ハイパス ] で行うシャープの効果は、ハロー (光がぼやけて見える現象) を設けてエッジを強調するものです。

ここでは、これを描画モード [ オーバーレイ ] で増幅させているので、画像の階調を反転すると負の値になり、シャープと正反対の効果、つまり、ブラー (ぼかし) の効果に変わります。これは、ちょっとした魔法ですね。操作の省力化はもちろん、シャープからブラーに切り替わる境界線も自然です。

擬似的な被写界深度をつくる方法

これから行う操作は、擬似的な被写界深度をつくる方法です。被写界深度とは、カメラレンズのピントが合う前後の範囲を表します。ピント範囲が広いことを「被写界深度が深い」といい、狭いことを「被写界深度が浅い」といいます。

作例では、近くにあるサボテンのトゲをより鮮明に補正しながら、同時に被写界深度を浅くして、手前から奥へ行くほど、ぼかしを強めていきます。

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

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

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

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

元画像を複製する

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

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

素材画像を開く

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

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

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

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

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、切り抜き後の画像が再編集できます。

[ 背景 ] に適用すると、レイヤー名が [ レイヤー 0 ] に変更され、[ 背景 ] では設定できなかった [ 描画モード ] や [ 不透明度 ]、[ 位置をロック ] などが有効になります。

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

古岡ひふみ

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

psgips.net

The post 【効果】ピントを変える！擬似的な被写界深度をつくる方法【ハイパス】 first appeared on psgips.

ハロー (円光)| psgips

写真をイラスト調に！マーカーペンで描く肖像画「緻密なタッチと粗いタッチ」【2024】

マーカーペンのタッチに加工

背景色を設定する

人物を切り抜く

塗りつぶしレイヤーを設定

これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】

逆光を思いどおりの位置に！

光源の位置を読み取る

情報パネルを表示

座標値を調べる

写真をイラスト調に！ラインアート生成AI「生成塗りつぶしの活用方法」【2024ベータ版】

写真をラインアート風に加工

レッスンを始める前に

背景色を設定する

べた塗りを設定

レイヤーを結合

写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】

写真を手摺木版画風に加工

空の色を合成する

グラデーションを作成

これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】

逆光の影を明るく補正する方法

影を明るくする

HDRトーンを起動

トーンカーブを設定

【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】

Camera Raw でノイズを軽減

補正作業の準備をする

Camera Raw を起動

写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」

アニメ風景のように加工する

３つの画像を合成する

埋め込みを配置

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

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

ボディを切り抜く

新規グループを作成

ベクトルマスクを追加

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

グループ内に格納

背景色を設定

写真をイラスト調に！ 水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」

風景写真を水彩画風に加工

マージン領域を塗りつぶす

マージンガイドを作成

カンバスサイズを設定

マージン領域を選択

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

【効果】ピントを変える！擬似的な被写界深度をつくる方法【ハイパス】

擬似的な被写界深度をつくる方法

元画像を複製する

写真をイラスト調に！水彩画の風景スケッチ「たらし込み技法と彩色ムラを再現」