ビンテージ| psgips

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

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% グレー ] を設定

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

レイヤー名を変更

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

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

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

[ 削除 ] をクリック

直感的な操作で削除

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

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

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

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

【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」

古岡ひふみ — Mon, 24 Feb 2020 23:00:00 +0000

【Photoshop講座】筋入りクラフト紙とは、封筒や洋裁の型紙などに使用される、細かい縞模様が入ったクラフト紙の一種です。ハトロン紙とも呼ばれています。表面に紙のたわみを付け、繊細でレトロな風合いを再現してみましょう。ゼロからつくるテクスチャの利点は、色と風合いが自由に調整できることです。

本物よりもそれらしく！

特に用紙系の写真素材は、繊細な風合いが足りずフラットな印象になりがちです。そして、背景画像として用いることが多いため、その色調を調整するのにも手間がかかります。目的を見据えた誇張した表現で、本物よりもそれらしく見せるテクニックを身に付けましょう。

ゼロからつくる！

筋入りクラフト紙

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態からクラフト紙を描く

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

レッスン動画を配信中！

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

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

ベースを作成する

クラフト紙の色は、パルプ原料から漂白されていない自然な薄茶色です。明るすぎて暗すぎてもダメ。赤っぽくなったり青っぽくなったり、この微妙な調合には苦戦を強いられますが、色だけでそれっぽく見せることができれば、テクスチャの半分は出来たも同然です。

【操作方法】

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

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

[ 新規 ] を設定

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

新規ドキュメントを作成

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 37 / S : 49 / B : 65 ] を設定して、[ OK ] をクリックします。

カラーピッカーの使い方

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

クラフトペーパーやダンボールのような色で塗つぶせました。

ベースカラーを塗りつぶす

粒子を設定

塗りつぶしレイヤーで、ベースカラーが塗りつぶせたら、クラフト紙のザラザラした質感をつけます。質感と言っても、細かいものなので、ランダムなノイズのような効果を目指します。

【操作方法】

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

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

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ]をクリックします。

[ 塗りつぶし ] を設定

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

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

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

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

[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ アーティスティック ] – [ 粒状フィルム ] を選択します。

[ 粒状フィルム ] を選択

[ 粒状フィルム ] ダイアログで、[ 粒子 ] に [ 4 ]、[ 領域のハイライト ] に [ 0 ]、[ 密度 ] に [ 10 ] を入力して、[ OK ] をクリックします。初期設定

[ 粒状フィルム ] を設定

粒子の強さを設定

[ 粒状フィルム ] は、対象画像の明るさに対して、[ 粒子 ] を適用します。適用範囲を [ 領域のハイライト ] で調整して、[ 密度 ] で境界線の滑らかさを調整します。

作例では、明るさが均一なべた塗り画像に適用しているので、効果の強さを調整する [ 粒子 ] のみが有効です。[ 領域のハイライト ]、[ 密度 ] の設定値を変えても変化しません。

[ レイヤー ] パネルで、描画モードに [ オーバーレイ ] を選択します。

[ 描画モード : オーバーレイ ] を選択

少しザラつきがあるクラフト紙のベースができました。

下のレイヤーを反映する

描画モード [ オーバーレイ ] の中性色は「50% グレー」です。50% グレーの部分は、合成色として影響しないので、下のレイヤーの基本色がそのまま反映され、[ 粒状フィルム ] の粒子のみが適用されます。

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

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

The post 【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」 first appeared on psgips.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

素材画像を開く

phpto by Pezibear

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

警告アラート

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

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

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

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

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

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

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 ]

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

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

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

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

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

調整レイヤーを作成する

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

【操作方法】

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

素材画像を開く

photo by Nissor Abdourazakov

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

[ 白黒 1 ] を作成

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

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

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

彩度を下げるとの違い

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

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

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

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

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

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

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

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

【色調補正】ワンクリックでヴィンテージ風写真に変える【カラールックアップ】

古岡ひふみ — Thu, 10 Mar 2016 23:00:00 +0000

【Photoshop基本操作】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram (インスタグラム) 」のような機能が Photoshop にも搭載されています。それは、[ カラールックアップ ] という色調補正ツールです。あらかじめ、インストールされたプリセットファイルを選択するだけで、写真がドラマチックな色調に変換できます。

さまざまな効果を把握しておく！

[ カラールックアップ ] は、メニューから選択するだけで適用できるので、とにかく、片っ端から設定を変えてみるのもいいです。しかし、シャープ or フラット、暖色系 or 寒色系のように、効果の特徴で名前を覚えておくと、引き出しから取り出すスピードが速くなります。まず、お気に入りの効果を見つけておきましょう。

カラールックアップの適用方法

カラールックアップは、色調補正ツールのひとつです。ドキュメントの単独レイヤー、または、選択範囲内に適用できるほか、調整レイヤーによる非破壊編集も可能です。ここでは、調整レイヤーの設定例をご紹介しましょう。

適用例一覧はこちら

【操作方法】

素材画像をダウンロードして開きます。[ カラーモード ] に [ RGB カラー ] が設定された素材画像を開きます。作例では、[ 幅 : 1280 pixel ]、[ 高さ : 1920 pixel ]、[ 解像度 : 72 pixel ] の画像を使用しています。

素材画像を開く

photo by 1103997

カラールックアップとは？

計算処理に基づいた色の配列 (ルックアップテーブル) を適用して、統一したカラー調整を行うものです。画像処理の分野では「 LUT 」と呼ばれます。

メディアに対して幅広く適用できるため、動画用の機能として活用されることが多いです。LUT は、対象のドキュメントやアプリケーションによって、形式が異なります。

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

[ カラールックアップ 1 ] を作成

[ 属性 (プロパティ) ] パネルで、[ 3D LUT ファイル ] のメニューから、任意のプリセットファイルを選択します。ここでは、[ filmstock_50.3dl ] を選択しました。各セクションのラジオボタンをクリックする必要はありません。

[ カラールックアップ ] を設定

[ カラールックアップ ] が適用できました。

[ 3D LUT ファイル ] とは？

統一したカラー調整を行うために、計算式が記述されたプリセットファイルです。RGB 各色のひとつの入力値に対して、ひとつの出力値を参照する「１次元 LUT 」では、たとえば、コントラストを強くすると、彩度も高くなってしまうことがあります。

RGB 各色の３つの入力値の組み合わせに対して、３つの出力値の組み合わせを参照する「３次元 LUT」では、たとえば、コントラストを強くしながら、彩度を抑えることができます。[ 3D LUT ファイル ] には、3dl、cube、csp というファイル形式 (拡張子) があります。

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

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

３つのセクション

[ カラールックアップ ] には、さまざまな 3D LUT ファイル、または、カラープロファイルが用意されています。[ 3D LUT ファイル ]、[ 抽象 ]、[ デバイスリンク ] といった３つのセクションがあり、それぞれのメニューから、3D LUT ファイル、または、カラープロファイルを選択します。

適用例一覧はこちら

[ カラールックアップ ] を設定

新しい 3D LUT を読み込む

各メニューの上にある [ 〜を読み込み ] を選択すると、新しい 3D LUT ファイル、または、カラープロファイルが読み込めます。

読み込めるファイルは、look、3dl、cube、csp、icc の拡張子が付いたもので、[ ファイル ] – [ 書き出し ] – [ カラールックアップテーブル ] を選択して、カラールックアップテーブルをエクスポートすると、[ カラールックアップ ] に適用できる、プリセットファイルが作成できます。

昇順と降順で効果を逆転

[ 3D LUT ファイル ] のセクションから、拡張子に [ 〜.cube ] が付いたプリセットファイルを選択すると、[ データの順序 ] と [ テーブルの順序 ] を選択できる、オプションが表示されます。

[ カラールックアップ ] を設定

[ RGB ] の順序を降順の [ BGR ] に設定すると、たとえば、暖色系のものが寒色系になります。降順、昇順がそれぞれ設定できるので、組み合わせによって、まったく違う効果が作成できます。

[ データの順序 ] と [ テーブルの順序 ] を入れ替えた例

ディザとは？

[ ディザ ] を有効にすると、グラデーションを限られた色のパターン (ピクセルドットで間引かれた粒子) にして、階調が段階的な縞状になってしまう現象「バウンディング」を防ぎます。

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

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

The post 【色調補正】ワンクリックでヴィンテージ風写真に変える【カラールックアップ】 first appeared on psgips.

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

古岡ひふみ — Mon, 22 Jun 2015 23:00:00 +0000

【Photoshop講座】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram 」。その多彩なフィルターの中から、色あせた写真プリントのような「 1977 」を再現してみましょう。「 1977 」は、元の白地を黄色く変色させながら、青色の退色により全体を赤みがかった印象にできます。

変色させながら明るくする！

色あせた表現は、シャドウ点を明るく、ハイライト点を暗くすることがポイントです。全体を赤みがからせるには、チャンネル [ レッド ] のシャドウ点を極端に明るくし、白地に黄みを付けるには、チャンネル [ ブルー ] のハイライト点を暗くします。

RGB チャンネルのカラーバランスでは、チャンネル [ レッド ] がいちばん明るくなるように設定し、[ ブルー ]、[ グリーン ] の順で、幅広い中間調を明るくします。

セピア調に変色させる技

これから行う操作は、Instagram 風に画像を加工する方法です。「 1977 」は、人の肌色の生命感をそのままに、寒色系が極端に抑えられるので、髪の毛などの暗い色のトーンが淡く茶色になります。

「 Instagram 」の中でも、効果が強いフィルターのひとつです。その特徴は、色あせたプリント写真のようなセピア調の変色ですが、このような大胆な色変換を [ トーンカーブ ] の操作だけで行います。

レッスン動画を配信中！

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

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

トーンカーブを設定する

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

素材画像を開く

photo by Philo Nordlund

作業を始める前に！

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

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

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

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

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

トーンカーブとは？

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

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

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

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

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

[ 入力 ] に [ 0 ]、[ 出力 ] に [ 80 ] を設定します。

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

トーンカーブを選択して設定

トーンカーブのシャドウ点が、左下コーナーからそのまま上へ移動すると、いちばん暗い部分が明るくなります。

いちばん暗い部分が明るくなる

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

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

【設定値】

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

[ 入力 : 32 ] [ 出力 : 80 ]

[ 入力 : 64 ] [ 出力 : 112 ]

[ 入力 : 96 ] [ 出力 : 144 ]

[ 入力 : 128 ] [ 出力 : 176 ]

[ 入力 : 160 ] [ 出力 : 216 ]

[ 入力 : 192 ] [ 出力 : 224 ]

[ 入力 : 224 ] [ 出力 : 224 ]

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

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

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

入力と出力の関係！

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

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

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

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

The post 写真を加工する！インスタグラム1977風 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 ] を作成

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

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

トーンカーブとは？

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

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

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

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

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

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

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

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

緑がかった色調に変わる

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

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

【設定値】

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

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

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

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

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

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

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

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

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 レベルまで暗くします。

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

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

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

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

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

古岡ひふみ — Sun, 14 Jun 2015 23:00:00 +0000

【Photoshop講座】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram 」。その多彩なフィルターの中から、彩度を落としてレトロな印象にする「 SUTRO 」を再現してみましょう。「 SUTRO 」は、周辺を暗くするビネット効果や、少しムラのある、古びた質感が特徴です。

対角線の下側が暗い領域！

トーンカーブのグラフは、対角線の上側が明るい領域、下側が暗い領域です。グラフの横軸が [ 入力 ]、縦軸が [ 出力 ] で、それぞれが同じ座標にあるとき、トーンカーブは対角線となります。

黒色は [ 入力 : 0 ] [ 出力 : 0 ]、50% グレーは [ 入力 : 128 ] [ 出力 : 128 ]、白色は [ 入力 : 255 ] [ 出力 : 255 ]。これらの設定値は、どんなときにも変わることがありません。たとえば、調整を暗くしたい場合は、対角線を下側の領域に設定すればいいのです。ただし、黒色の [ 入力 : 0 ] [ 出力 : 0 ] は、これ以上暗くなることはありません。

青空を損ねず彩度を落とす技法

これから行う操作は、Instagram 風に画像を加工する方法です。「 SUTRO 」は、サングラス越しに見たように鮮やか過ぎる色を抑え、重厚で落ち着いた雰囲気にできるので、色とりどりの草花や青空の風景などに効果が発揮できるフィルターのひとつです。

その特徴は、重厚で落ち着いた彩度と古びた質感ですが、実は青空の鮮やかさをキープすることにこだわっています。

寒色系は彩度を落とすと濁りやすくなるので、影響力のある青みを抑えて、赤みを引き上げておくことがギミックとなります。ローキーな効果に特定の色域の強みを加える技法を学びましょう。

レッスン動画を配信中！

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

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

トーンカーブを設定する

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

素材画像を開く

photo by APRISM

作業を始める前に！

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

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

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

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

トーンカーブとは？

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

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

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

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

[ 入力 ] に [ 255 ]、[ 出力 ] に [ 238 ] を入力します。

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

トーンカーブのポイントを選択して設定

チャンネル [ レッド ] のハイライト点を暗くすると、雲などの白色が青みがかった色調に変わります。

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

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

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

【設定値】

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

[ 入力 : 64 ] [ 出力 : 56 ]

[ 入力 : 128 ] [ 出力 : 136 ]

[ 入力 : 192 ] [ 出力 : 200 ]

[ 入力 : 224 ] [ 出力 : 224 ]

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

シャドウ領域を暗く、中間調を明るく、ハイライト点を暗くする設定ができました。

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

入力と出力の関係！

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

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

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

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