ビネット効果| psgips

【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】

古岡ひふみ — Wed, 28 Jun 2023 23:00:00 +0000

【Photoshop講座】放射状に広がる光は、登場感や疾走感などをアカデミックに表現できるので、情報、科学、環境、エネルギーといったテクノロジー分野で、会社案内、製品カタログなどのイメージとしてよく使われています。宇宙空間を高速で移動しているような、光の抽象的な背景アートを作成しましょう。

空間の奥行き感じさせる！

空間は上下左右に広がっているだけでなく、前方にも後方にも広がっています。すべてが擬似的な、ゼロからつくるテクスチャでは、それらを忠実に再現することは難しいです。つまり、どこかで「ごまかす」テクニックを入れていきます。

明るい光源が中心の場合は、トンネル効果という「錯覚」を利用すれば、空間の奥行きを感じさせることができます。「放射状に広がる光」の背景に、ビネットと「渦巻き雲」を作成しましょう。

ゼロからつくる！

放射状に広がる光

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から放射光を描く

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

目次に戻る

ベースを作成する

「放射状に広がる光」の背景には、空間の奥行きを感じさせるビネットと「渦巻き雲」を作成します。[ 雲模様 1 ] の斑点模様は、ランダムに生成されるため、適した効果を選べるスマートオブジェクトに適用します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 1280 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定します。

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

基本がわかる！新規ドキュメントの作成

[新規ドキュメント] を設定

新規ドキュメントを作成します。

新規ドキュメントを作成

どんなサイズにも対応

ドキュメントサイズの [ 幅 ]、[ 高さ ] には、大きさや比率の制限は特にありません。たとえば、1280 x 720 pixel の長方形でも、同じ効果が得られます。しかし、放射状の適用範囲が正円のため、十分な効果を得るには正方形が最も適しています。

目次に戻る

スマートオブジェクトを作成

「放射状に広がる光」のベースになる、雲模様フィルターを適用するスマートオブジェクトを作成しましょう。まず、新規レイヤーを作成して、何もない、透明ピクセルのレイヤーを、スマートオブジェクトに変換します。

【操作方法】

[ レイヤー ] パネルで、[ 新規レイヤーを作成 ] をクリックして、[ レイヤー 1 ] を作成します。

[ 新規レイヤーを作成 ] をクリック

[ レイヤー 1 ] を右クリックします。

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

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

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

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

雲模様を適用

雲模様フィルターは、ランダムな斑点模様を生成します。スマートオブジェクトに適用すると、スマートフィルターの効果として、再編集が可能となります。

【操作方法】

[ ツール ] パネルで、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定します。

基本がわかる！描画色と背景色

描画色と背景色を初期設定に戻す

[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択して適用します。

[ 雲模様 1 ] を適用

フィルターの再実行

[ 雲模様 1 ] は、現在の描画色と背景色から、適用毎に異なるランダムな斑点模様を生成します。適した模様が生成されない場合は、フィルターの再実行を行います。フィルターの再実行[ control ( Alt ) ] + [ command ( Ctrl ) ] + [ F ]

前面の効果を非表示

スマートオブジェクトでは、フィルターの再実行を新しい効果として追加します。複数の効果から選択して適用することもできます。

目次に戻る

渦巻きを適用

ベースとする雲模様が決定したら、それを渦巻状に変形しましょう。ドキュメントの中心から、雲模様が渦巻き状に変形するので、白い部分が中心になる模様を選んでください。

【操作方法】

[ フィルター ] メニューから、[ 変形 ] – [ 渦巻き ] を選択します。[ 渦巻き ] ダイアログで、[ 角度 ] に [ 123 ]° を入力します。

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

[ 渦巻き ] を設定

ドキュメントの中心から、雲模様が渦巻き状に変形しました。

[ 渦巻き ] を適用

渦巻の中心に注意！

ベースの [ 雲模様 1 ] はランダムに生成されるため、斑点模様の位置が定まっていません。「放射状に広がる光」では、渦巻の中心に白い領域を配置させることがベストです。

フィルターの再実行で、[ 雲模様 1 ] の斑点模様を変更するほか、シームレスパターンの特性を活かして、[ フィルター ] – [ スクロール ] で、斑点模様の位置を調整することも可能です。

目次に戻る

周辺を暗くする設定

放射状の遠近感を出すため、画像の周辺を暗くして、中央が明るく見えるようにしましょう。詳細なグラデーションが設定できる、レイヤースタイルの [ グラデーションオーバーレイ ] を活用します。

【操作方法】

[ レイヤー ] パネルで、[ レイヤースタイルを追加 ] をクリックして、メニューから、[ グラデーションオーバーレイ ] を選択します。

[ グラデーションオーバーレイ ] を選択

[ レイヤースタイル ] ダイアログで、[ 描画モード ] に、[ 乗算 ] を選択します。

[ グラデーション ] に、[ 描画色から背景色 (黒、白) ] を設定します。

[ 逆方向 ] を有効にします。

[ スタイル ] に、[ 円形 ] を選択します。

[ 角度 ] に、[ 0 ]° を入力します。

[ 比率 ] に、[ 150 ] % を入力します。

[ 方法 ] に、[ クラシック ] を選択します。

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

[ グラデーションオーバーレイ ] を設定

画像の周辺を暗くすることができました。

グラデーションでビネットを設定

ビネットを調整

レイヤースタイルで設定するグラデーションには、すべてのオプションが揃っています。しかし、どこをどうすれば、イメージどおりに調整できるのか、そこが混乱するところですね。たとえば、周囲をもっと暗くしたいなら、[ 比率 ] を小さくします。明るくしたいなら、[ 不透明度 ] を小さくします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】 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.

風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」

古岡ひふみ — Tue, 07 Jun 2022 23:00:00 +0000

【Photoshop講座】風景写真をミニチュア化するポイントは、すっきりした明瞭な印象と、被写界深度の浅さです。被写界深度の浅さは、画像の周辺をぼかすことで表します。「虹彩絞りぼかし」と「チルトシフト」を同時に適用して、擬似的な遠近感を調整しましょう。パラメータだけの操作でカンタン！

望遠撮影を選ぶ！

ミニチュア化に適した素材は、望遠レンズで撮影されたものです。焦点距離が長いため、遠くのものが近くに見える圧縮効果があります。遠近感がないほど、それっぽく加工できます。広角レンズは NG です。

風景写真をミニチュア化する

これから行う操作は、風景写真を、ミニチュア化する方法です。明瞭な印象は、 Camera Raw を使用して、明るさ、コントラスト、彩度といった、複数の調整を組み合わせます。

被写界深度の浅さは、画像の周辺をぼかすことで表します。ディテールに関する最適な設定値は、対象となる画像のピクセル数によって異なります。応用する場合は、長辺に合わせてリサイズしてください。

レッスン動画を配信中！

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

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

補正作業の準備をする

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

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

素材画像を開く

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

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

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

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

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

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

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

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

Camera Rawを起動

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

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

Camera Raw を起動

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

[ Camera Raw ] 操作パネル

補正作業を快適に！

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ミニチュア化に適した調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

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

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

古岡ひふみ

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

psgips.net

The post 風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」 first appeared on psgips.

おしゃれな写真に！色あせたビンテージ風の加工「Camera Raw と Lightroom」

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

【Photoshop講座】画像に青みを加えると、肌色の生命感がなくなります。明るい部分に黄みを加えると、それはどんどん濁っていきます。ビンテージ風の加工は、赤みの関わり方が難しいですね。Camera Raw を使用して、色あせた写真プリントのような効果を再現しましょう。

色と明度を分けて考える！

ビンテージ風の特徴は、褪色していて階調が浅いことです。彩度を下げると、それっぽい雰囲気にはなりますが、現代版としてアレンジするには、色から受ける印象は、できるだけ残しておきたいものです。RGB をチャンネル別に設定すれば、色と明度を分けて考えることができます。

おしゃれなビンテージ風に加工

これから行う操作は、カラー写真をビンテージ風に加工する方法です。素材に適したコントロールが行える、Camera Raw を使用して、おしゃれなビンテージ風に加工しましょう。

レッスン動画を配信中！

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

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

補正作業の準備をする

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

素材画像を開く

photo by Engin Akyurt

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

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

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

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

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

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

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

Camera Rawを起動

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

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

Camera Raw を起動

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

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

[ Camera Raw ] 操作パネル

補正作業を快適に！

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ビンテージ風に加工する調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

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

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

ズームレベルの選択

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

古岡ひふみ

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

psgips.net

The post おしゃれな写真に！色あせたビンテージ風の加工「Camera Raw と Lightroom」 first appeared on psgips.

【効果】画像の周辺を暗くする「ビネット効果」の作り方「レンズ補正でディープとダークを両立」

古岡ひふみ — Sun, 14 Nov 2021 23:00:00 +0000

【Photoshop基本操作】「ビネット効果」とは、カメラレンズの特性により、画像の周辺が暗くなる現象です。「ケラレ」と呼ばれるレンズ性能の悪さを示すものですが、主体を際立たせたレトロな効果があります。彩度を濃くする「ディープ」。明度を暗くする「ダーク」。２種類の調整を両立させて、自然なビネット効果を作成しましょう。

ディープとダークを両立させる！

下手なビネット効果は、単にブラックを被せて、周辺を暗くすることです。この方法だと、鮮やかな色は汚くなるし、一律に暗くなるので、メリハリもなくなります。違和感が出るようではマイナスですね。素材画像に応じた、ディープ (濃さ) とダーク (暗さ) があってこそ、恥ずかしくない演出になるのではないでしょうか？

画像の周辺を暗くする

ビネット効果の作り方

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

ビネット効果の作り方

これから行う操作は、画像の周辺を暗くする、「ビネット効果」の作成方法です。基本設定から、暗くする領域や適用度が自由に変更できます。

元画像

画像の周辺を暗くする

また、効果はフィルターの設定値だけで再現されるので、テクニックを要する、フリーハンドの描画などは一切ありません。誰でも簡単に同じ効果が手早く作成できます。

レッスン動画を配信中！

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

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

目次に戻る

素材画像を開く

対象となる素材画像を開いて、ビネット効果の元になる、塗りつぶしレイヤーを作成します。塗りつぶしレイヤーを活用することで、どんな比率の画像にも対応できる効果が作成できます。

【操作方法】

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

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

素材画像を開く

photo by Digital_Works

どんなサイズにも対応

ドキュメントサイズや解像度はなんでもかまいません。RGB カラーモードなら、スクエア、ワイド (16 : 9) など、どんな比率の画像にも対応できます。

ワイドサイズでの適用例

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックします。

すると、[ 背景 ] の前面に、[ グループ 1 ] が作成されます。

[ グループ 1 ] を作成

グループ名を [ ビネット効果 ] に変更します。

グループ名を変更

グループとは？

グループは、複数のレイヤーをまとめる、フォルダーのようなものです。一括して管理・編集ができます。

目次に戻る

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

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

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

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

塗りつぶしレイヤーを作成

ここでは、50%グレーの塗りつぶしレイヤーを作成します。50%グレーは、すべての階調の中間調になり、描画モードでは、中性色となる重要な色です。これを１枚めの効果の元とします。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : 50% グレー ] を設定します。[ OK ] をクリックします。

カラーピッカーの使い方

[ カラー : 50% グレー ] を設定

レイヤー名を [ ディープ ] に変更します。

レイヤー名を変更

自動的に作成された、レイヤーマスクは必要ありません。レイヤーマスクサムネールを、[ レイヤーを削除 ] にドラッグして、レイヤーマスクを削除します。

[ レイヤーを削除 ] にドラッグ

すると、警告アラートが表示されます。[ 削除 ] をクリックします。

[ 削除 ] をクリック

直感的な操作で削除

レイヤーマスクの削除は、誤操作を防ぐため、ゴミ箱へドラッグ＆ドロップする、直感的な操作方法をオススメします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【効果】画像の周辺を暗くする「ビネット効果」の作り方「レンズ補正でディープとダークを両立」 first appeared on psgips.

写真をイラスト調に！暗い画像を明るくしたHDR風「Camera Raw フィルターの活用」

古岡ひふみ — Tue, 08 Jan 2019 23:00:00 +0000

【Photoshop講座】HDR とは、露出を変えて撮影した３〜５枚の画像を合成して、幅広いダイナミックレンジを記録する手法です。暗い部分や明るい部分を、くっきり鮮明にできるので、非現実で不思議な作品に変える技法にも使われています。そんな「 HDR 風」を、一枚の JPEG 画像から、もっと簡単に作り出してみましょう。

写実的な違和感を狙う！

「無理な補正」と呼ばれていたものが、HDR の出現によって幅広いダイナミックレンジを獲得し「表現」に生まれ変わりました。しかし、写実的なイラストのようにも見える技法を特徴付けるものは、明瞭になった陰影の違和感ではないでしょうか。

このような表現なら、何も HDR に限定されるものではありませんよね。Photoshop なら、１枚の JPEG 画像からでも「HDR イラスト風」はつくり出せます。

写真をイラスト調に！

暗い画像を明るくしたHDR風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

１枚の画像からHDR風に加工

これから行う操作は、１枚の画像から HDR イラスト風に加工する方法です。レッスンでは、JPEG 形式の素材画像を使用します。もちろん、現像前の RAW データ、または、一般的な画像フォーマットで保存された RGB カラー画像でも、同じ効果がつくり出せます。非現実で不思議な作品に仕上げましょう。

目次に戻る

レッスン動画を配信中！

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

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

ノイズを軽減する

光量が不足した暗い画像には、粗いノイズが発生しやすいです。そもそも、写真にはノイズがつきものです。HDR イラスト風に限らず、ノイズを軽減するテクニックを身に付けておけば、幅広いシーンで役立ちます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。RAW データで応用する場合は、任意のファイルを [ Camera Raw ] で開いてください。

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

素材画像を開く

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

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

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

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

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。[ Camera Raw ] 操作パネルで、[ ディテール ] をクリックして表示します。

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

[ ディテール ] をクリックしてズームイン

[ ディテール ] パネルで、[ ノイズ軽減 ] セクションの [ カラー ] に [ 35 ] を入力します。

[ 輝度 ] に [ 75 ] を入力します。

[ 輝度のディテール ] に [ 60 ] を入力します。

[ ノイズ軽減 ] を設定

カラーノイズと輝度ノイズ

[ ノイズ軽減 ] セクションの [ カラー ] では、カラーノイズが均一に見えるように調整します。初期設定では、[ 25 ] が設定されています。

[ ノイズ軽減 ] の主な調整は、[ 輝度 ] で行います。数値を大きくしすぎると、輪郭がぼやけて精細さがなくなるので、できるだけ控えめな適正値を探りましょう。ぼやけた輪郭は、[ 輝度のディテール ] でハッキリさせることができます。

[ ディテール ] パネルで、[ シャープ ] セクションの [ 適用量 ] に [ 50 ] を入力します。

[ シャープ ] を設定

ノイズを軽減しながら、ディテールをハッキリさせることができました。

ノイズを軽減することができた

シャープの適正値は？

[ シャープ ] セクションでは、階調の輪郭を強調して、ディテールをハッキリ見せる調整が行えます。シャープは、HDR イラスト風の特徴のひとつではありますが、効果の繊細な部分でもあるので、ここでは標準的な調整に止めておきます。

[ 適用量 ] の初期設定には、[ 25 ] が設定されています。一般的な用途では、25 〜 50 程度が適正値でしょう。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！暗い画像を明るくしたHDR風「Camera Raw フィルターの活用」 first appeared on psgips.

【効果】フェード領域の調整で人物の周辺をぼかす方法【虹彩絞りぼかし】

古岡ひふみ — Thu, 25 May 2017 23:00:00 +0000

【Photoshop基本操作】写真の一部に焦点を合わせた効果は、それ以外の領域が大きくぼけるので、主体が強調できます。しかし、被写界深度を浅く撮影するには、それなりの機材とテクニックが必要です。画面四隅が暗くなる「ビネット効果」も加え、レトロなカメラで撮影した写真のように加工しましょう。

フェード領域を調整しよう！

[ 虹彩絞りぼかし ] は、ぼかし領域を同心円状に調整する機能です。鮮明な中心から、最大ぼかし境界線までには、フェード領域を示す「点ハンドル」があります。

「点ハンドル」は、ほぼ中間 (初期設定) にあり、ぼかし領域を変更すると、その大きさに対して連動します。最大ぼかし境界線が設定できたら、主体の形状に応じた、フェード領域を調整してみましょう。

ぼかし領域で主体を強調する

これから行う操作は、画像の周辺をぼかすことによって、主体をクローズアップする方法です。作例では、枯葉に埋まった人物の写真を使用して、[ 虹彩絞りぼかし ] のぼかし領域をコントロールします。

最大ぼかし境界線の形状や、フェード領域を操作して、ぼかしのバランスを変えてみましょう。

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

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

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

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

スマートフィルター用に変換する

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

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

素材画像を開く

phpto by Pezibear

[ フィルター ] メニューから、[ スマートフィルター用に変換 ] を適用します。

警告アラート

[ レイヤー ] パネルで、[ 背景 ] がスマートオブジェクトに変換されたことを確認します。レイヤー名は、自動的に [ レイヤー 0 ] へ変更されています。

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

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

[ スマートフィルター用に変換 ] を適用すると、選択したレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後のフィルターが再編集できます。

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

古岡ひふみ

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

psgips.net

The post 【効果】フェード領域の調整で人物の周辺をぼかす方法【虹彩絞りぼかし】 first appeared on psgips.

【色調補正】カラー写真をクールなモノクロにする方法【白黒】

古岡ひふみ — Sun, 21 May 2017 23:00:00 +0000

【Photoshop基本操作】カラー写真をモノクロにする場合、最も簡単な方法の [ 彩度を下げる ] を適用すると、印象的な赤い唇が薄くなってしまったり、肌の陰影が暗く、荒れてしまうことがあります。これは、単にカラー情報が破棄され、明度の情報だけで、グレースケールが構成されるためです。詳細な設定ができる [ 白黒 ] で、クールなモノクロに仕上げましょう。

輝度で色を感じさせる！

カラーでは識別できても、モノクロ化すると、識別しにくい色があります。それを印象的に操作しようとするのが、このレッスンのテーマです。

色相と彩度の違いを、「輝度」という概念でモノクロ化するには、さまざまな色系統で調整ができる [ 白黒 ] が便利です。補色関係にあるフィルターを適用してみると、モノクロにするしくみがわかりやすいですよ。

カラー写真を

クールなモノクロにする方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

赤い唇と白い肌を対比させる

これから行う操作は、カラー写真を印象的にモノクロ化する方法です。作例では、素材の色彩を排除して、情景や人物の表情を強調することを目的とします。そのため、女性の赤い唇と、白い肌を対比させることが主な内容となります。論理的な設定や直感的な操作を応用して、これからの作品づくりに役立てましょう。

目次に戻る

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

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

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

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

調整レイヤーを作成する

カラー写真のモノクロ化を、さまざまな色系統で行うことができる、[ 白黒 ] 調整レイヤーを作成しましょう。

【操作方法】

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

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

素材画像を開く

photo by Nissor Abdourazakov

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ 白黒 ] を選択して、[ 白黒 1 ] を作成します。[ 属性 (プロパティ) ] パネルの [プリセット] に、[ 初期設定 ] が選択されていることを確認してください。

[ 白黒 1 ] を作成

[ 白黒 ] の [ 初期設定 ] は、[ 彩度を下げる ] に比べ、一般的な事例に基づき、色相の違いが出るよう改善されています。

[ 初期設定 ] の設定を確認

[ 白黒 ] の [ 初期設定 ] が適用されました。

彩度を下げるとの違い

モノクロ化する方法として、一般的に最も使用されているのは、[ イメージ ] – [ 色調補正 ] – [ 彩度を下げる ] を適用することだと思います。用途に応じて使い分けることが前提ですが、両者はアルゴリズム (計算方法) が異なります。彩度、明度が 100 % ( MAX 値) の異なる色相によって表した、カラーチップで比較してみましょう。

[ 彩度を下げる ] は、カラーモードを変更せず、各チャンネルに同じグレースケールを振り分けることで彩度を下げます。明度の情報で変換されるので、異なる色でも同じ明度を持つ色は、同じ濃度のモノクロになって見分けがつかなくなります。

輝度を優先させた場合の [ 白黒 ] の設定例

[ 白黒 ] は、６つの色系統で、すべてのグレースケール値に置き換えることができるので、たとえば、見た目の印象がいちばん近い、輝度を優先させた調整も行え、極端には、白いものも黒に置き換えられる、自由自在なモノクロ化が可能になります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】カラー写真をクールなモノクロにする方法【白黒】 first appeared on psgips.

写真を加工する！インスタグラムX-PRO-II風

古岡ひふみ — Sat, 20 Jun 2015 23:00:00 +0000

【Photoshop講座】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram 」。その多彩なフィルターの中から、周辺を暗くコントラストを強くする「 X-PRO II 」を再現してみましょう。「 X-PRO II 」は、フィルム写真のような、ハイコントラスト、黄みがかった色調、ビネット効果が特徴です。

コントラストはＳ字型に設定！

色調補正では、コントラストを強くすることが多いです。このときトーンカーブの形状は、シャドウ領域を暗く、ハイライト領域を明るくする、Ｓ字型に設定します。グラフを対角線に割り、トーンカーブが右下の領域に入ると暗くなり、左上の領域に入ると明るくなります。

横軸 [ 入力 ] の階調レベルは 0 〜 255 まであり、[ 0 ] は黒色、[ 128 ] は中間調 ( 50% グレー )、[ 255 ] は白色です。縦軸 [ 出力 ] が同じ数値のとき、トーンカーブの調整は行われません。たとえば、中間調を明るくしたい場合は、トーンカーブを上部に膨らませ、[ 出力 ] の数値を [ 128 ] より大きくします。

フィルム写真の王道をゆく

これから行う操作は、Instagram 風に画像を加工する方法です。「 X-PRO II 」は、元のイメージを想像以上に変え、どんな素材も、それっぽく仕上げてくれる、人気の高いフィルターのひとつです。

その特徴は、色かぶり、ハイコントラスト、ビネット効果など、フィルム写真の王道ともいえる要素が、バランスよく盛り込まれていることです。黄みがかった色調と、青みがかった色あせとをうまく対比させましょう。

レッスン動画を配信中！

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

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

トーンカーブを設定する

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

素材画像を開く

photo by ちゃぁみい

作業を始める前に！

素材画像のトリミングやピクセルサイズの変更を行う場合は、作業を始める前に済ませておいてください。

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

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

すると、[ 属性 ( プロパティ ) ] パネルに、[ トーンカーブ ] の設定を行うダイアログボックスが表示されます。

[ トーンカーブ ] ダイアログ

トーンカーブとは？

トーンカーブの作成は、設定した後でも編集できる調整レイヤーを利用することが一般的です。基本的な操作は、正方形のグラフ ( ヒストグラム ) を対角線に横切る「線」の傾きを変えたり、曲げを加えたりすることで、画像の色調を補正します。

ここでは、カラーバランスに大きな変化を加えるため、RGB チャンネルごとに、それぞれトーンカーブの設定を行います。

チャンネル [ レッド ] の設定

チャンネルに [ レッド ] を選択します。

トーンカーブをクリックして、ポイントを追加します。

[ 入力 ] に [ 64 ]、[ 出力 ] に [ 48 ] を入力します。

トーンカーブの形状を確認します。

トーンカーブをクリックしてポイントを追加

トーンカーブの形状を下部に膨らませると、緑がかった色調に変わります。

緑がかった色調に変わる

さらに、ポイントを追加して、[ 入力 ] に [ 192 ]、[ 出力 ] に [ 208 ] を入力します。

ポイントを追加してそれぞれを設定

【設定値】

[ 入力 : 0 ] [ 出力 : 0 ]

[ 入力 : 64 ] [ 出力 : 48 ]

[ 入力 : 192 ] [ 出力 : 208 ]

[ 入力 : 255 ] [ 出力 : 255 ]

チャンネル [ レッド ] のシャドウ領域を暗く、ハイライト領域を明るくする設定ができました。

チャンネル [ レッド ] の設定ができた

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！インスタグラムX-PRO-II風 first appeared on psgips.

写真を加工する！インスタグラムHUDSON風

古岡ひふみ — Tue, 16 Jun 2015 23:00:00 +0000

【Photoshop講座】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram 」。その多彩なフィルターの中から、青みがかった色にする「 HUDSON 」を再現してみましょう。「 HUDSON 」は、人の肌色を損ねることなく、青みがからせることができるので、早朝の部屋や、高原の爽やかな空気感を演出するのに適しています。

不都合を改善する調整を行おう！

何の目的もなく、明るさや色調を調整する人なんていませんよね。明るくしたいとか暗くしたいとか、漠然としたものから一歩踏み込んで、特定の部分の明るさや色調を調整できるのが [ トーンカーブ ] です。

言ってみれば、青みがからせたり、赤みがからせたりすることは簡単。その調整での「不都合」を改善してこそ、[ トーンカーブ ] が発揮できるのです。「 HUDSON 」風では、人の肌色に青みの影響が出ないように、チャンネル [ レッド ] のシャドウ点を明るくしているところがポイントです。

寒色系の中に潜む赤みの陰影

これから行う操作は、Instagram 風に画像を加工する方法です。「 HUDSON 」の特徴は、何と言っても清々しい青みです。これはホワイトバランスによる青みを加える技法です。

「 HUDSON 」は、派手な効果ではありませんが、少しの変化でイメージが変わる、色調補正の重要さを教えてくれるフィルターのひとつです。

その特徴は、白色点を微量の薄紫色にすることで、全体の印象を青っぽくしています。しかし、青みは肌色にとって悪い影響を与えます。肌色の多くの階調は、中間調です。そのため、濁らない青みがキープできる、トーンカーブを描きましょう。

レッスン動画を配信中！

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

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

トーンカーブを作成する

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

素材画像を開く

photo by acworks

作業を始める前に！

素材画像のトリミングやピクセルサイズの変更を行う場合は、作業を始める前に済ませておいてください。

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

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

すると、[ 属性 (プロパティ) ] パネルに、[ トーンカーブ ] の設定を行うダイアログボックスが表示されます。

[ トーンカーブ ] ダイアログ

トーンカーブとは？

トーンカーブの作成は、設定した後でも編集できる調整レイヤーを利用することが一般的です。基本的な操作は、正方形のグラフ (ヒストグラム) を対角線に横切る「線」の傾きを変えたり、曲げを加えたりすることで、画像の色調を補正します。

ここでは、カラーバランスに大きな変化を加えるため、RGB チャンネルごとに、それぞれトーンカーブの設定を行います。

チャンネル [ レッド ] の設定

チャンネルに [ レッド ] を選択します。

トーンカーブの左側のポイントを選択します。

[ 入力 ] に [ 0 ]、[ 出力 ] に [ 24 ] を入力します。

トーンカーブの形状を確認します。

トーンカーブをクリックして選択

トーンカーブのシャドウ点をコーナーから上部に離すと、最も暗い黒色やシャドウ領域が赤みがかった色調に変わります。

赤みがかった色調に変わる

さらに、ポイントを追加して、それぞれを設定していきます。

ポイントを追加してそれぞれを設定

【設定値】

[ 入力 : 0 ] [ 出力 : 24 ]

[ 入力 : 64 ] [ 出力 : 80 ]

[ 入力 : 128 ] [ 出力 : 120 ]

[ 入力 : 192 ] [ 出力 : 184 ]

[ 入力 : 255 ] [ 出力 : 247 ]

チャンネル [ レッド ] のシャドウ点を明るく、中間調を少し暗く、ハイライト点を少し暗くする設定ができました。

チャンネル [ レッド ] の設定ができた

入力と出力の関係！

トーンカーブの [ 入力 ] は、補正前の階調レベルを設定する項目で、[ 出力 ] は、補正後の階調レベルを設定する項目です。たとえば、[ 入力 : 0 ]、[ 出力 : 24 ] なら、256 階調の 0 レベルを 24 レベルまで明るくします。[ 入力 : 255 ]、[ 出力 : 247 ] なら、256 階調の 255 レベルを 247 レベルまで暗くします。

入力と出力の関係は、入力値に対して、出力値が大きいか？小さいか？によって、明るさ・暗さが調整されるものと考えればいいでしょう。

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！インスタグラムHUDSON風 first appeared on psgips.