逆光 (フィルター)| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Fri, 28 Jun 2024 11:11:50 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png 逆光 (フィルター)| psgips https://psgips.net 32 32 これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 https://psgips.net/photoshop-reference/precise-flare-center Sun, 01 Oct 2023 23:00:00 +0000 https://psgips.net/?p=19583 【Photoshop基本操作】まるで、本物のカメラで撮影したような、レンズフレアを加えることができるのが [ 逆光 ] フィルターです。しかし、思いどおりの位置に、設定できないと感じたことはありませんか？ 実は、小さなプ […]

The post これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 first appeared on psgips.]]> 【Photoshop基本操作】まるで、本物のカメラで撮影したような、レンズフレアを加えることができるのが [ 逆光 ] フィルターです。しかし、思いどおりの位置に、設定できないと感じたことはありませんか？ 実は、小さなプレビュー内に隠された詳細設定があります。
フレアの角度が変わる？
[ 逆光 ] フィルターでつくり出されるレンズフレアの角度は、光源の位置と、適用するドキュメントの大きさによって自動設定されます。たとえば、正方形のドキュメントでは、ダイナミックさに欠けるような結果になる場合もあります。
そんなときは、35 ミリフィルムの一般的なアスペクト比「 3 : 2 」で、疑似的な余白を加えましょう。適用後にトリミングすれば、意図した効果が期待できます。
これで解決！
逆光フィルターの位置は
こうやって設定する！
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
prevnext

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

これから行う操作は、輝く光源と、リアルなレンズフレアの効果が作成できる、[ 逆光 ] フィルターの設定方法です。逆光の位置の設定は、ダイアログ内のプレビューにおいて、光源をドラッグすることで行えます。しかし、プレビュー画面が小さいため、思いどおりの位置に、設定しにくい場合もあります。
元画像
レンズフレアの効果を加える
元画像
レンズフレアの効果を加える
通常では表示されていない、[ 詳細な光源の位置 ] オプションを使用すれば、ドキュメント上の座標値を入力することにより、正確な位置に設定することができます。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】
サムネールをクリックすると、
レッスン動画にリンクします。

光源の位置を読み取る

作例の素材画像は、建物の窓ガラスに太陽光が反射しています。最も明るい窓に、[ 逆光 ] フィルターの効果を適用すると、窓枠の領域が狭すぎて、適切な位置に配置できません。まず、光源の位置を読み取りましょう。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 825 KB )
素材画像を開く
素材画像を開く
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
目次に戻る

情報パネルを表示

[ 情報 ] パネルは、画像の座標や色情報を表示するパネルです。光源の座標値を調べる前に、定規単位の設定を確認してください。
【操作方法】
[ ウィンドウ ] メニューから、[ 情報 ] を選択します。すると、[ 情報 ] パネルが表示されます。
[情報]パネルを表示
[ 情報 ] パネルを表示
パネルメニューから [ パネルオプション ] を選択します。
[パネルオプション]を選択
[ パネルオプション ] を選択
[ 情報パネルオプション ] ダイアログで、[ マウスカーソルの座標軸 ] セクションの [ 定規単位 ] に [ pixel ] を選択します。
[ OK ] をクリックします。
[定規単位:pixel]
[ 定規単位 : pixel ]
単位にはpixelを選ぼう！
[ マウスカーソルの座標軸 ] に [ pixel ] を選択することで、[ 情報 ] パネルに表示される単位が [ pixel ] に変更されます。これから行う [ 逆光 ] の [ 詳細な光源の位置 ] オプションでは、単位に [ pixel ] が使用されています。
目次に戻る

座標値を調べる

画像内にマウスカーソルを合わせると、その位置の詳細な数値が、[ 情報 ] パネルに表示されます。光源の座標値を調べましょう。
【操作方法】
ドキュメント内で、光源を配置したい箇所に、マウスカーソルを合わせます。マウスカーソルの位置は、[ 情報 ] パネルから読み取るまで、そのままにしておきます。
[ 情報 ] パネルから、座標値をメモします。作例では、[ X ] が[ 1296 ]、[ Y ] が[ 530 ]という座標値でした。
座標値をメモ
座標値をメモ
横軸と縦軸のピクセル数
表示された座標値は、ドキュメントの左上を基点として、[ X ] が横軸、[ Y ] が縦軸のピクセル数を表しています。
カーソルを精細にしよう！
マウスカーソルは、現在、選択されているツールが表示されますが、詳細な箇所の座標値を読み取りたい場合は、[ caps lock ] キーを押して、マウスカーソルを [ 精細 ] に変更します。または、一時的な使用なら [ 長方形選択ツール ] でも代用できます。詳細な中心点がわかる、十字のマウスカーソルが表示されます。
目次に戻る
続きは↓下の番号をクリック！
123

The post これで解決！逆光フィルターの位置はこうやって設定する！「詳細な光源の位置」【2024】 first appeared on psgips.]]> 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 https://psgips.net/photoshop-tutorials/anime-landscape Mon, 27 Dec 2021 23:00:00 +0000 https://psgips.net/?p=22445 【Photoshop講座】都会の雑踏をテーマに、見上げた青空と、ジェット旅客機を合成します。アニメっぽく仕上げるコツは、影を明るくすることと、輪郭をハッキリさせることです。情緒的な光の演出を加えて、アニメ風景を完成させま […]

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 first appeared on psgips.]]> 【Photoshop講座】都会の雑踏をテーマに、見上げた青空と、ジェット旅客機を合成します。アニメっぽく仕上げるコツは、影を明るくすることと、輪郭をハッキリさせることです。情緒的な光の演出を加えて、アニメ風景を完成させましょう。
白色を重ねる技法！
描画モード [ ソフトライト ] の特性は、基本色に対して、合成色の明度が 50 % 反映されます。そのため、明度 100 % の完全な白色が合成されると、トレーシングペーパーを被せたような半調になります。この技法、アニメ風写真加工に最適ですね。
写真をイラスト調に！
アニメ風景の描き方
– 場面転換・都会の雑踏 –
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
[ STEP-06 ]
prevnext

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

これから行う操作は、写真をアニメの風景カットのように加工する方法です。スマートオブジェクトに複数の色調補正やフィルターを加えて完成させます。
アニメ風景のように加工する
「アニメ風景の描き方」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。
目次に戻る
レッスン動画を配信中！
写真をイラスト調に！アニメ風景の描き方【2022】
サムネールをクリックすると、
レッスン動画にリンクします。

３つの画像を合成する

ひとつのドキュメントに、合成する３つの素材画像を配置しましょう。アニメ風景のベースにするのは、空を見上げた信号機です。配置方法には、元画像の情報が保持できる、[ 埋め込みを配置 ] を使用します。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 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]を選択
[ uf035-plane.png ] を選択
[ enter ] キーを押して、変形を確定します。
３つの画像を配置
３つの画像を配置
合成する３つの素材画像を、ひとつのドキュメントにまとめることができました。ラスタライズ不可
３つの画像をひとつのドキュメントにまとめる
３つの画像をひとつのドキュメントにまとめる
埋め込みを配置とは？
[ 埋め込みを配置 ] で画像を配置すると、元画像の情報を保持した、スマートオブジェクトに変換したレイヤーが作成されます。
配置するドキュメントより、元画像のサイズが大きい場合は、ドキュメントサイズに合わせて自動縮小されます。もちろん、再編集可能なスマートオブジェクトなので、拡大・縮小などの変形が、画質を劣化させることなく、何度でもやり直せます。デメリットは、ファイル容量が大きくなることです。
目次に戻る
続きは↓下の番号をクリック！
123333

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 first appeared on psgips.]]> 【テクスチャ】ゼロからつくる！青空と逆光の雲「何もない状態から描くデジタル背景」 https://psgips.net/photoshop-tutorials/backlight-cloud Sat, 19 Dec 2020 23:00:00 +0000 https://psgips.net/?p=20535 【Photoshop講座】ランダムな斑点模様を生成する「雲模様」をベースに、太陽が照り返る、逆光の雲を描きます。ポイントは青空の色。驚くほど簡単に、しかもリアルに作れる方法をご紹介しましょう。最初に生成する「雲模様」がそ […]

The post 【テクスチャ】ゼロからつくる！青空と逆光の雲「何もない状態から描くデジタル背景」 first appeared on psgips.]]> 【Photoshop講座】ランダムな斑点模様を生成する「雲模様」をベースに、太陽が照り返る、逆光の雲を描きます。ポイントは青空の色。驚くほど簡単に、しかもリアルに作れる方法をご紹介しましょう。最初に生成する「雲模様」がそのまま、壮大な青空に変身しますよ。
雲模様にして雲にあらず？
ここで描く雲には、らしからぬ、黒い影があります。雲のエッジが光り輝く「逆光の雲」にとって、これが重要な要素となるワケです。しかし「雲模様」には、そんな黒い影など存在しません。
画像の明暗を表す階調は、大まかに、シャドウ、中間調、ハイライトに分けられます。しかし、この順序を入れ替えてやると、あら不思議？ もう「雲模様にして雲にあらず」とは言わせません。
ゼロからつくる！青空と逆光の雲
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
prevnext

何もない状態から雲を描く

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

雲のベースをつくる

新しいドキュメントに、[ 雲模様 1 ] フィルターを適用して、それを「逆光の雲」のベースにします。
【操作方法】
[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 720 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。
基本がわかる！新規ドキュメントの作成
[新規ドキュメント]を設定
[ 新規ドキュメント ] を設定
新規ドキュメントを作成します。
新規ドキュメントを開く
新規ドキュメントを作成
描画色に [ ブラック ]、背景色に [ ホワイト ] を設定して、[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択します。
基本がわかる！描画色と背景色
[雲模様1]を適用
[ 雲模様 1 ] を適用
フィルターを適用する前に
これから使用するフィルターは、描画色と背景色が反映されます。作例と同じ結果を得るには、あらかじめ、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定してください。
描画色と背景色を初期設定に戻す
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択して適用します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】ゼロからつくる！青空と逆光の雲
サムネールをクリックすると、
レッスン動画にリンクします。

遠近感をつける設定

ベースの [ 雲模様 1 ] が作成できたら、スマートオブジェクトを変形させて、遠近感をつけます。
遠近感をつける
【操作方法】
ドキュメントウィンドウの表示倍率を縮小して、画像の周囲に作業領域を確保します。
画像の周囲に作業領域を確保する
画像の周囲に作業領域を確保する
[ 編集 ] メニューから、[ 変形 ] – [ 遠近法 ] を選択して、変形のバウンディングボックスを表示します。
変形のバウンディングボックスを表示
変形のバウンディングボックスを表示
右上のハンドルを水平方向に右側へドラッグして、[ enter ] キーを押して変形を確定します。
ハンドルを右側へドラッグ
ハンドルを右側へドラッグ
適切な変形角度は？
[ 遠近法 ] の操作は、ドラッグする位置が遠いほど、ワイド端 ( 広角側 ) になります。しかし、あまり変形率が高いと画質が劣化してしまうので、ほどほどに。作例では、標準の [ -45°] に設定しています。
目次に戻る
続きは↓下の番号をクリック！
1234

The post 【テクスチャ】ゼロからつくる！青空と逆光の雲「何もない状態から描くデジタル背景」 first appeared on psgips.]]>