カラールックアップ| psgips

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

人物を切り抜く

このレッスンは、写真をイラスト調にすることがテーマです。このため、人物の切り抜きについては省略しています。詳しくは、以下のページを参照してください。

【操作方法】

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

素材画像を開く

photo by theharpreetbatish

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

[ クイック選択ツール ] で選択範囲を修正します。

人物の選択範囲を作成

[ 選択範囲 ] メニューから、[ 選択とマスク ] を選択します。[ 境界線調整ブラシツール ] で、境界線を調整します。

[ 選択とマスク ] で境界線を調整

[ 選択とマスク ] セクションの [ 出力先 ] に [ 新規ドキュメント (レイヤーマスクあり) ] を選択して、[ OK ] をクリックします。

[ 新規ドキュメント (レイヤーマスクあり) ] を選択

出力された新規ドキュメント (レイヤーマスクあり) を確認します。

出力された新規ドキュメントを確認

切り抜かなくてもOK !

作例では、背景から人物を切り抜いていますが、そのままイラスト調にすることも可能です。被写体との境界が同系色であったり、不鮮明な場合を除けば、スッキリ＆おしゃれな、ポスタリゼーション風イラストに加工できます。

元画像

背景を含めた適用例

photo by Free-Photos

レッスン動画を配信中！

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

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

背景色を設定

人物を切り抜くことができたら、背景に敷く [ 塗りつぶしレイヤー ] を作成しましょう。[ 塗りつぶしレイヤー ] には、仕上がりを想定したカラーを設定します。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 40°/ S : 100 % / B : 80 % ] を設定して、[ OK ] をクリックします。

カラーピッカーの使い方

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

[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ、または、[ command ( Ctrl ) ] + [ [ ] キーを押して、[ べた塗り 1 ] を背面へ移動します。

[ べた塗り 1 ] を背面へ移動

人物の切り抜きの背景色が設定できました。

背景色を設定

被写体との対比を考える

背景色は自由に設定できますが、被写体との組み合わせにより、後に適用する、輪郭線の効果が出にくい色があります。輪郭の検出は、色の違いと明るさの違いから行われます。

たとえば、白い服と白い背景では、輪郭線の効果が出にくくなります。同系色と組み合わせる場合は、被写体を明るく、背景を暗くして対比させましょう。

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

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

The post 写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」 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 ]

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

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

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

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

レッスン動画を配信中！

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

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

３つの画像を合成する

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

【操作方法】

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

素材画像を開く

photo by runrun2017

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

合成に適した素材は？

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

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

埋め込みを配置

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

【操作方法】

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

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

[ uf035-plane.png ] を選択

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

３つの画像を配置

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

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

埋め込みを配置とは？

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

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

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

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

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

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

レイヤー名を変更

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

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

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

[ 削除 ] をクリック

直感的な操作で削除

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

素材画像を開く

phpto by Pezibear

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

警告アラート

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

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

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

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

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

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

素材画像をダウンロードしよう！ ( 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 ] に設定すると、たとえば、暖色系のものが寒色系になります。降順、昇順がそれぞれ設定できるので、組み合わせによって、まったく違う効果が作成できます。

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

ディザとは？

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

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

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