輝度 (明るさの指標)| psgips

写真をイラスト調に！マンガ風景の描き方「モノクロ・場面転換・都会の雑踏」

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

【Photoshop講座】漫画でよく見かける風景は、実際の写真をトレースしたものが多いです。場面転換のカットとして、都会の雑踏を感じさせるイメージを教材に選びました。スッキリ整理された線を素材から抽出して、ハーフトーンでそれっぽく仕上げましょう。墨入れバージョンも作れます。

白地を活かす！

写真の生っぽさを消すひとつの方法に、陰影を少なくして白地を活かすことがあげられます。あとは輪郭線と墨入れにメリハリを付ければ、「マンガ風景」のムードを、一気に高めることができるでしょう。

写真をイラスト調に！

マンガ風景の描き方

– モノクロ・場面転換・都会の雑踏 –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

漫画の風景カットのように加工

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

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

目次に戻る

レッスン動画を配信中！

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

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

暗い部分を明るくする

暗い部分を明るくする操作は、写真をイラスト調にする効果として、なくてはならないものです。写真の生っぽさをなくすには、ノイズを除去して、階調を滑らかにすることも効果的です。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1276 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、陰影がはっきりした建物や乗り物など、線画になっても形状がわかりやすい写真が好ましいです。

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

素材画像を開く

photo by Free-Photos

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

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

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

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

目次に戻る

ノイズの除去

後の手順で、ポスタリゼーションの効果と輪郭線を抽出するため、あらかじめ、写真素材に含まれているノイズを除去して、階調を滑らかにしておきます。

【操作方法】

[ フィルター ] メニューから、[ ぼかし ] – [ ぼかし (表面) ] を選択します。[ ぼかし (表面) ] ダイアログで、[ 半径 ] に [ 5 ] pixel、[ しきい値 ] に [ 10 ] pixel を入力して、[ OK ] をクリックします。

[ ぼかし (表面) ] を設定

写真素材のノイズを除去して、階調を滑らかにすることができました。

輪郭を残して表面をぼかす

[ ぼかし (表面) ] は、階調の段差ができている部分を中心線として、その周囲をブレンドすることにより、輪郭を残して表面をぼかします。[ 半径 ] はブレンドする距離で、[ しきい値 ] は残す輪郭の幅です。

[ 半径 ] の数値が大きいほど滑らかになります。[ しきい値 ] の数値で、輪郭の際立ちをコントロールできますが、大きくなりすぎると逆効果になるので気をつけましょう。

目次に戻る

シャドウ・ハイライトを設定

[ シャドウ・ハイライト ] は、影を明るくすることに特化した色調補正ツールです。明るくする量は、50% をベースとして、素材により、階調 (中間調) を調整することがコツになります。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ シャドウ・ハイライト ] を選択します。[ シャドウ・ハイライト ] ダイアログで、[ 調整 ] セクションの [ シャドウのクリップ ] に [ 10 ] % を入力します。

[ シャドウ ] セクションの [ 量 ] に [ 50 ] % を入力します。[ OK ] をクリックします。

基本がわかる！シャドウ・ハイライト

[ シャドウ・ハイライト ] を設定

暗い部分を明るくすることができました。

素材により適正値は違う！

[ シャドウ・ハイライト ] の適正値は、対象の素材により異なります。暗い部分を明るくする設定は共通しているので、素材が明るい場合には、[ 量 ] に [ 10 ] %、一般的には、[ 量 ] に [ 35 ] % を設定してください。再編集はいつでも行えます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！マンガ風景の描き方「モノクロ・場面転換・都会の雑踏」 first appeared on psgips.

写真をイラスト調に！コミック風のハーフトーン加工

古岡ひふみ — Thu, 24 Dec 2020 23:00:38 +0000

【Photoshop講座】イラストや漫画などに用いられるハーフトーンを合成して、ビートルの写真を、オシャレでポップなコミック風に加工しましょう。イラスト調の極意は、写真の生っぽさを消すことです。それは、複雑なピクセル情報を持つ画像から、形状や色数を、単純化していく技であると言えます。輪郭から抽出した線画も加えましょう。

単純化を身につけよう！

画像の単純化とは、複雑な線を滑らかにしたり、フルカラーから限定した色数に減らす作業です。ここでは、階調数を減らすことができる [ ポスタリゼーション ] を中心に、形状や色数を単純化する作業を組み立てましょう。

写真をイラスト調に！

コミック風のハーフトーン加工

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

コミック風のハーフトーン加工

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

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

目次に戻る

レッスン動画を配信中！

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

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

ハイキーな色調にする

はっきり見やすいコミック風を強調するため、画像の明るい領域をハイキー (白く飛ばす) にします。ここでは、[ トーンカーブ ] を使用して、ビートルの丸っこいボディを、浮き立たせるように調整しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 2048 pixel ]、[ 高さ : 1536 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、陰影がはっきりした建物や乗り物など、線画になっても形状がわかりやすい写真が好ましいです。

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

素材画像を開く

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

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

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

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

[ イメージ ] メニューから、[ 色調補正 ] – [ トーンカーブ ] を選択します。[ トーンカーブ ] ダイアログで、カーブに調整ポイントを追加し、[ 入力 ] と [ 出力 ] に数値を入力して、[ OK ] をクリックします。

基本がわかる！トーンカーブの使い方

[ トーンカーブ ] を設定

【設定値】

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

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

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

ハイキーな色調に調整することができました。[ レイヤー ] パネルで、スマートフィルターに [ トーンカーブ ] が追加されたことを確認します。

[ トーンカーブ ] の追加を確認

中間調を維持する

ここで行うハイキーな調整は、シャドウ領域と中間調を維持しながら、ハイライト領域を明るくすることを目指しています。

[ トーンカーブ ] の操作は、まず、中間調 (入力 : 128, 出力 : 128 ) に調整ポイントを追加し、それをアンカーとしたカーブを作成することで、滑らかで違和感のないハイライト点を探ります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！コミック風のハーフトーン加工 first appeared on psgips.

基本がわかる！描画モードの種類と特性

古岡ひふみ — Thu, 10 Jan 2019 23:00:28 +0000

【Photoshop基本操作】レイヤーの重なり条件を選択できる高度な機能で、画像合成のさまざまな表現が設定できます。描画モードを設定できる画像は、Photoshop で現在作業中のレイヤーを含む画像、または、Photoshop 形式 ( .psd )で保存されたレイヤーを含む画像に限られます。

特性を大別して知ろう！

描画モードは片っ端から変えてみる…捉え方は、人により画像により千差万別です。描画モードはカンタンに変更できるから、それもまた適法でしょう。しかし、描画モードの特性を「中性色」で大別しておくと、引き出しから取り出すスピードは速いですよ。

描画モードの設定方法

これから行う操作は、レイヤーの重なり条件を [描画モード] で設定する方法です。基本色 (背面) に対して、合成色 (前面) のレイヤーの [ 描画モード ] が反映されます。

複数のレイヤーに設定することも可能で、その場合、常に背面までの合成結果を「基本色」として、前面のレイヤーが「合成色」となります。

【操作方法】

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

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

素材画像を開く

[ レイヤー ] パネルで、描画モードを設定したい前面のレイヤーをクリックして選択します。

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

前面のレイヤーをクリックして選択

[ レイヤー ] パネル上部の [ レイヤーの描画モードを設定 ] をクリックし、表示されるメニューから、任意の描画モードを選択します。

任意の描画モードを選択

任意の描画モードを設定することができました。

描画モードを設定することができた

描画モードをすばやく変更！

選択レイヤーの描画モードを、メニューの昇順、または、降順に変更することができます。

[ レイヤーの描画モードを設定 ] をクリックしメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ – ] を連続して押すと、次々に描画モードが変更されるので、手早く効果を確認することができます。

メニュー順に変更することができる

このショートカットキーは、[ ブラシツール ] や [ グラデーションツール ] など、ペイント系ツールのオプションバーにある [ 描画モード ] にも使えます。

同様にメニューを表示して、[ shift ] + [ + ] キー、または、[ shift ] + [ – ] を連続して押すと、次々に描画モードを変更することができます。

ただし、ペイント系ツールの描画モードは、描画する前に設定するものです。描画後に [ 描画モード ] を変更しても適用されません。

レイヤー操作を効率化する！ショートカットキー10選

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

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

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

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

描画モードの種類と特性

レイヤーの描画モードとは、基本色 (背面) と合成色 (前面) の重なり条件を選択できる機能です。描画モードの設定は、「基本色」に対して「合成色」で行い、合成された表示を「結果色」といいます。

描画モードの概念図

中性色 : なし

背面のレイヤーの色相、彩度から、前面のレイヤーの輝度を置き換えます。

通過

中性色 : なし

グループのみ表示される描画モードで、グループ内の描画モードが下のレイヤーにそのまま反映されます。

3つの描画モードを操る！

中性色がホワイトの [ 乗算 ]、ブラックの [ スクリーン ]、50% グレーの [ オーバーレイ ] が、描画モードの特徴を大まかに分けた「３つの描画モード」です。

透明水彩のようにカラーを重ねて暗くなるのが [ 乗算 ]、黒板にチョークを塗りつぶして明るくなるのが [ スクリーン ]、シャドウとハイライトに分け [ 乗算 ] と [ スクリーン ] の特性をドッキングさせたのが [ オーバーレイ ] …この３つの描画モードを攻略しましょう。

古岡ひふみ

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

psgips.net

The post 基本がわかる！描画モードの種類と特性 first appeared on psgips.

写真をイラスト調に！カラフルなアメリカン・ポップアート風

古岡ひふみ — Sun, 09 Dec 2018 23:00:00 +0000

【Photoshop講座】ポップアートとは、1960年代のアメリカで誕生した現代芸術です。「リキテンスタイン」や「ウォーホル」などが有名ですね。写真やコミックといった、商業ベースの素材を扱い、鮮やかな色で構成された、シルクスクリーン (孔版印刷) による技法が特徴です。あなたのプロフィール写真を、カラフルでアーティステックなアメリカン・ポップアート風にしましょう。

カラバリを無限に増やそう！

ポップアート風は、カラフルな配色も大きな特徴です。カラーバリエーションが簡単に増やせることができれば、配色が苦手な人でも、たくさん作った中から選べますよね。

スマートオブジェクトを活用すれば、カラーの設定が何度でもやり直せるので、お気に入りの配色がきっと見つかるハズです。各階調層に対して色が設定できる [ グラデーションマップ ] で、カラーバリエーションを無限に増やしましょう。

写真をイラスト調に！

カラフルなアメリカン・ポップアート風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真をアメリカン・ポップアート風に加工

これから行う操作は、写真をアメリカン・ポップアート風に加工する方法です。フィルターや描画モード、グラデーションマップなど、複数の操作を経て完成させます。

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

photo by modelpiece.com

目次に戻る

表面をフラットにする

写真の生っぽさを消すには、ノイズを軽減して、表面をフラットにしておきます。まず、元画像をスマートオブジェクトに変換しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、人物のプロフィールや小物の切り抜きなど、主体と背景がはっきり区別できて、かつ、明度が高い (白色) 写真が好ましいです。

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

素材画像を開く

photo by modelpiece.com

素材画像が開けたら、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。

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

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

[ レイヤー 0 のコピー ] を作成

[ レイヤーの表示 / 非表示 ] をクリックして、複製した上層の [ レイヤー 0 のコピー ] を非表示にします。

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

[ レイヤー 0 ] を選択

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

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

目次に戻る

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

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

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

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

ぼかし(表面)を設定

[ ぼかし (表面) ] の適用は、ディテールを簡略化するためのベースづくりです。画像の輪郭を残しながら、その他の領域をぼかすことによって、ノイズを軽減することができます。

【操作方法】

[ フィルター ] メニューから、[ ぼかし ] – [ ぼかし (表面) ] を選択します。[ ぼかし (表面) ] ダイアログで、[ 半径 ] に [ 10 ] pixel、[ しきい値 ] に [ 15 ] レベルを入力して、[ OK ] をクリックします。

[ ぼかし (表面) ] を設定

すると、大まかな輪郭を残した表面がブレンドされ、画像のノイズや細かいディテールがフラットになります。

ぼかしの適正値は？

設定値の [ 半径 ] は、表面を滑らかにするブレンドの距離で、数値が大きほどフラットになります。[ しきい値 ] は、境界線の太さに該当するもので、数値が大きいほど簡略になります。適正値は、対象の画像にもよりますが、ノイズの軽減に関しては、ピクセル単位のブレンドになるため、たとえば、[ 半径 : 1 pixel ] でも、効果が現れることもあります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！カラフルなアメリカン・ポップアート風 first appeared on psgips.

【色の校正】CMYK変換で再現できない色を確認する方法【色域外警告】

古岡ひふみ — Sun, 07 Oct 2018 23:00:00 +0000

【Photoshop基本操作】商業印刷の場合、RGB カラーの画像は、CMYK カラーへモード変換する必要があります。しかし、CMYK では、色の表現方法が異なり、RGB の色をすべて、再現できるわけではありません。色校正で大幅な修正をしなくて済むように、あらかじめ、[ 色域外警告 ] で確認しておきましょう。

色域外とは何か？を考える

たとえば、明度が同じでも、微妙に異なる色相で、陰影を表した箇所があるとします。その色が CMYK の色域外であったなら、同じ近似色に変換されて、フラットな印象になってしまう可能性があります。

これをトーンジャンプ (階調トビ) といい、商業印刷では、最善の注意を払わなければならないポイントのひとつです。変換前に色域外を確認して、CMYK 変換で最大の効果が発揮できるようにしましょう。

CMYK変換で

再現できない色を確認する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

色域外警告を表示する方法

これから行う操作は、RGB カラーから CMYK カラーへモード変換するとき、あらかじめ注意する箇所を知り、改善するための校正機能である、[ 色域外警告 ] を表示する方法です。[ 色域外警告 ] は、CMYK カラーでプレビュー表示して、トーンジャンプを未然に防ぐための調整を行います。

目次に戻る

レッスン動画を配信中！

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

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

CMYKでプレビューする

RGB カラーから CMYK カラーへモード変換すると、元の RGB カラーの発色に戻すことができません。そのため、Photoshop では、CMYK でプレビューする機能があります。

【操作方法】

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

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

素材画像を開く

photo by P_and_A Internatinal

[ 表示 ] メニューから、[ 色の校正 ] を選択します。

[ 色の校正 ] を選択

すると、CMYK 変換後の画像がプレビューできます。

再現できる色が少ない！

CMYK カラーは RGB カラーに比べ、再現できるカラースペースが極端に狭いため、その色の近似色に置き換えて表現します。そのため、RGB カラー特有の鮮やかな色は、暗く濁ったような色に、変換される場合があります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色の校正】CMYK変換で再現できない色を確認する方法【色域外警告】 first appeared on psgips.

【効果】曇り空を夕焼けに！サンプル画像の色調に合わせる方法【カラーの適用】

古岡ひふみ — Mon, 27 Aug 2018 23:00:00 +0000

【Photoshop基本操作】一般的な色調補正は、元画像のカラー情報を増減させて行います。しかし、[ カラーの適用 ] では、別画像のカラー情報に置き換えて、全体の色調をまるごと変換します。たとえば、静寂な青い海を、エネルギッシュな夕景に変えることだって可能です。サンプル画像の色調に合わせましょう。

予測不能な面白さを狙う！

[ カラーの適用 ] は、複数の画像間でのカラーを一致させるための機能です。しかし、そのような微調整ではなくて、まったく異質な色調に変換したい場合、その予測不能な面白さは痛快です。彩度が高ければ、階調が失われがちになります。そのため、適切な [ 輝度 ] を、設定することがポイントとなります。

サンプル画像の色調に合わせる方法

これから行う操作は、ソース (サンプル) 画像のカラーで、ターゲット (加工対象) 画像のカラーを一致させる方法です。

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

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

夕日や白熱灯などで撮影した写真は、色温度の減少によって、赤みがかった印象になりやすいです。また、早朝や日陰などで撮影した写真は、色温度の増大によって、青みがかった印象になりやすいです。

このような色調の違いを、色調補正ツールで調整するのは、技術も労力も必要とします。もっと簡単に、色調を統一させたい…。そんなときは、[ カラーの適用 ] を試してみましょう。

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

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

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

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

２つの素材画像を開く

ソース画像とターゲット画像、２つの素材画像を開きます。

ソース画像 [ urban_sunrise.jpg ] をクリックして表示します。

ソース画像を表示

ソース画像の選び方！

[ カラーの適用 ] で重要なのは、ソース画像です。それは、ソース画像によって、結果が大きく異なるからです。たとえば、ターゲット画像に、多くのカラーが含まれている場合、ソース画像にモノトーンを選ぶと、比較的簡単に色調は統一できます。

しかし、ターゲット画像がモノトーンで、ソース画像に、多くのカラーが含まれている場合、色調の統一は非常に難しくなります。この場合、ソース画像には、ひとつの色系で統一されたものが適しています。

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

古岡ひふみ

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

psgips.net

The post 【効果】曇り空を夕焼けに！サンプル画像の色調に合わせる方法【カラーの適用】 first appeared on psgips.

写真をイラスト調に！クールなドットポスタリゼーション

古岡ひふみ — Thu, 01 Mar 2018 23:00:00 +0000

【Photoshop講座】印刷物などに用いられる「ハーフトーン (ドット) 」を誇張した表現方法は、写真をイラスト調にする技法としてよく使われています。大小のドットだけで構成される色彩や陰影は大変面白いですね。このハーフトーンの効果にプラスして、これもまたポピュラーな [ ポスタリゼーション ] を加えると、簡略化したディテールや階調で、おしゃれ度がアップします。

階調層の明度を読む！

イラスト調における最大の課題は、写真の生っぽさを消すことです。しかし、ディテールだけでは当然ダメです。いかに色彩を加えるかが腕の見せどころ。[ ポスタリゼーション ] フィルターは、粗い階調層をつくり出すことができます。しかし、この階調層のカラーを直接、調整することはできません。

ここでは、モノクロ化した階調層に対して、[ グラデーションマップ ] で着色します。思い通りのカラーを設定するには、階調層の明度を読むことが必要になります。

写真をイラスト調に！

クールなドットポスタリゼーション

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真をドットポスタリゼーションに加工

これから行う操作は、写真をドットポスタリゼーションに加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

目次に戻る

明るさを調整する

このレッスンでは、ポスタリゼーションの階調層を生み出すことが、重要なカギとなります。素材画像が暗すぎると、その効果が十分に発揮できません。明るさを調整する前に、スマートオブジェクトに変換しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1281 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、陰影がはっきりした人物の顔や小物など、ディテールが単純な写真が好ましいです。

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

素材画像を開く

photo by Nissor Abdourazakov

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

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

これから複数のレイヤーで作業するので、それぞれの役割を確認しやすくするため、レイヤー名を [ ポスタリゼーション ] に変更します。

レイヤー名を [ ポスタリゼーション ] に変更

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

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

目次に戻る

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

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

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

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

レベル補正を設定

画像を明るくする調整は、[ レベル補正 ] で行います。ここでは、白色点をそのままにして、コントラストを弱める設定を行います。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ レベル補正 ] を選択します。[ レベル補正 ] ダイアログで、[入力レベル] に [ 0 ]、[ 1.30 ]、[ 255 ] を入力して、[ OK ] をクリックします。

[ レベル補正 ] を設定

元画像の明るさを調整することができました。

暗い素材画像は明るく補正

[ レベル補正 ] の設定は、これから適用する効果のための調整です。[ ポスタリゼーション ] や [ カラーハーフトーン ] の効果は、ディテールを簡略化するものです。素材画像が暗すぎると均一になる領域が多くなるので、[ レベル補正 ] で中間点のバランスを変え、全体的に明るい印象にしておきます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！クールなドットポスタリゼーション first appeared on psgips.

写真を加工する！ひび割れた土の肌を持つ女

古岡ひふみ — Sat, 03 Jun 2017 23:00:00 +0000

【Photoshop講座】画像を合成するとき、描画モードを設定すると、さまざまな結果が生成されます。異なる描画モードを片っ端から試してみるのもいいですが、描画モードの「中性色」を知っておくと、引き出しから取り出すスピードが速くなります。人物の肌にひび割れた土の画像を合成して、描画モードの特性を理解しましょう。

グレースケールで考える！

描画モードによる結果は、想像もつかないところが面白いですね。しかし、そのような「偶然の産物」を期待してばかりはいられません。

作例のようなひび割れた土の合成では、ひび割れの暗い部分がハッキリ出るように合成したいので、ここを最も暗いシャドウ点に調整します。

合成画像がカラーであってもグレースケールで考えて、詳細なディテールが白トビしないように階調を整えることがコツです。

描画モードの操作で合成する

描画モードは、画像の重なり条件を選択できる高度な機能です。背面 ( 基本色 ) のレイヤーに対して、前面 ( 合成色 ) のレイヤーの効果が反映されます。描画モードの [ オーバーレイ ] は、基本色のハイライト、シャドウを保ちながら、合成色を [ 乗算 ] する特性があるので、明るい部分をより明るく、暗い部分をより暗くできます。

２つの素材画像を開く

素材画像をダウンロードして開きます。女性の顔、ひび割れた土の素材画像は、[ 幅 : 1358 pixel ]、[ 高さ : 1920 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

女性の顔の素材画像をダウンロードしよう！ ( 750 KB )

ひび割れた土の素材画像をダウンロードしよう！ ( 1 MB )

女性の顔の素材画像を開く

ひび割れた土の素材画像を開く

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

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

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

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

グループを作成

女性の顔の素材画像を表示します。合成画像を複数の調整レイヤーで構成するので、それらをひとつにまとめる [ グループ ] をあらかじめ作成しておきます。

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

[ 背景 ] の前面に [ グループ 1 ] が作成されたことを確認します。

[ グループ 1 ] を作成

通過と通常の違い！

グループの描画モードの初期設定は [ 通過 ] です。これはレイヤーの描画モードの初期設定である [ 通常 ] と同じ働きをするものです。しかし、グループ外にも影響を及ぼします。そのため、[ 通過 ] という差別化が行われています。

グループ内の描画モードや調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。 [ 通過 ] から [ 通常 ] に変更することで、すべての効果がグループ内で完結します。

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

古岡ひふみ

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

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.