すっきり・クリア| psgips

写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】

古岡ひふみ — Thu, 20 Apr 2023 23:00:00 +0000

【Photoshop講座】木版画風のタッチは、輪郭から起こす、力強い黒い線で作成します。しかし、写真素材が逆光などで暗い場合は、色を付けたい部分まで黒くつぶされてしまいます。あらかじめ、影を明るく鮮やかにしておくと、検出できる輪郭線もシャープにできます。完成を予測して作業を組み立てましょう。

複雑な効果を構造化する！

色調補正やフィルターなどが再編集できる「スマートオブジェクト」は、ひとつのレイヤーに複数の効果が適用できます。しかし、すべてが順当に適用されるわけではありません。

たとえば、レイヤーの合成で得た効果に、フィルターを適用したい場合、あらかじめ、ひとつのレイヤーに、結合しておく必要がありますよね？このようなレイヤー結合も、スマートオブジェクトを構造化することで、再編集が可能な状態を保つことができます。

写真をイラスト調に！

江戸時代の手摺木版画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真を手摺木版画風に加工

これから行う操作は、写真を手摺木版画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

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

目次に戻る

レッスン動画を配信中！

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

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

空の色を合成する

手摺木版画の印象を高める効果として、鮮やかな空の色があります。素材画像の空の領域を選択して、それっぽい色彩のグラデーションを作成しましょう。

【操作方法】

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

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

素材画像を開く

最適な素材を選ぼう！

加工する素材は、人物や建物、小物の切り抜きなど、主体と背景 ( 壁や空など ) がはっきり区別できて、かつすべてにピントが合った遠景の写真が好ましいです。

[ 選択範囲 ] メニューから、[ 空を選択 ] を選択します。

空の領域に選択範囲を作成

空を選択とは？

機械学習テクノロジーにより、画像の空の領域を自動的に選択する機能です。空を置き換える画像合成に特化しているため、境界線は反射光で馴染ませるのが特徴です。

目次に戻る

グラデーションを作成

グラデーションは、塗りつぶしレイヤーで作成します。レイヤーマスクによる空の領域の修正や、グラデーションのカラーが再編集できます。

【操作方法】

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

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックしてグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、グラデーションを設定します。

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

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 33 % ] [ カラー : H : 55°/ S : 39 % / B : 100 % ]

[ 位置 : 66 % ] [ カラー : H : 327°/ S : 29 % / B : 86 % ]

[ 位置 : 100 % ] [ カラー : H : 203°/ S : 60 % / B : 92 % ]

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

[ OK ] をクリック

空のグラデーションが作成できました。

空のグラデーションが作成できた

レイヤーマスクを修正

作例では、[ 空を選択 ] による選択範囲が不十分だったので、レイヤーマスク上での修正を行いました。レイヤーマスクモードに切り替える操作は、以下を参考にしてください。

【操作方法】

[ レイヤー ] パネルで、[ グラデーション 1 ] レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリックします。レイヤーマスクモードに切り替え

[ option ( Alt ) ] + クリック

すると、ドキュメントが、レイヤーマスクモードに切り替わります。

レイヤーマスクモード

通常の画像描画モードに戻る場合は、レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリック、または、レイヤーをクリックします。画像描画モードに切り替え

画像描画モード

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】 first appeared on psgips.

これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】

古岡ひふみ — Sun, 12 Feb 2023 23:00:00 +0000

【Photoshop基本操作】カラーハーフトーンは、網点模様を作り出すフィルターです。しかし、仕上がりのイメージが、ちょっと違うと感じたことはありませんか？そもそも、印刷製版に用いられるスクリーンを、擬似的に再現する機能です。RGB カラーでは、うまくできるハズがありません。

ロゼッタを効果的に！

網点が規則正しく繰り返されると、小さな花のような模様が現れます。これが「ロゼッタパターン」と言われるモアレ現象です。本来は少しでも緩和する調整が行われるものですが、ここでは、それを逆手にとって、カラーハーフトーンの特徴的な効果として再現しましょう。

カラーハーフトーンを正しく適用する方法

これから行う操作は、カラーハーフトーンを正しく適用する方法です。素材が RGB カラーの場合は、CMYK カラーモードに変換して、スクリーン角度に、印刷製版の設定値を活用します。

レッスン動画を配信中！

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

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

CMYKカラーに変換する

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

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

素材画像を開く

photo by Fotos pks

RGBの違和感？

カラーハーフトーンは、RGB カラーでも使えるフィルターですが、印刷製版のスクリーンを模したレガシー機能です。プロセスカラーによって分解される構造なので、CMYK カラーの減色混合によって、網点の色が表されます。減色混合 : C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性。

基本がわかる！RGBとCMYK

RGB カラーの加色混合は、真逆の性質を持っています。なのに、それは分解される R、G、B 色のみで、減色混合と同じく白地に乗算されます。おまけに、CMYK より１色足りない…。RGB カラーで、カラーハーフトーンを適用した時の違和感は、これが原因です。加色混合 : R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性。

網点の規則正しい重なりには、縞状の模様になってしまう「モアレ」が付きものです。これを緩和するために、影響力が大きい濃い色から角度を付けてずらすと、小さな花のような模様が浮かび上がります。これをロゼッタパターンといいます。雑誌風のロゼッタパターンは、CMYK カラーでないと上手く表せません。RGB カラーの場合は、加色混合によって、G+B=C / R+B=M / R+G=Y を表します。

カラーモードを変換

雑誌風のロゼッタパターンは、CMYK カラーで作成します。RGB カラーの画像を使用する場合は、あらかじめ、カラーモードの変換を行いましょう。

[ イメージ ] メニューから、[ モード ] – [ CMYK カラー ] を選択します。

ウィンドウタブで、CMYK カラーに変換されたことを確認してください。CMYK カラーに変換すると、画像の鮮やかさが失われます。

カラーモードを変換

プロファイルを指定！

カラーモードの変換は、現在、[ カラー設定 ] で指定されているプロファイルが用いられます。CMYK カラーは、一般的に [ Japan Color 2001 Coated ] が使用されています。

警告アラート

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

古岡ひふみ

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

psgips.net

The post これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】 first appeared on psgips.

これで解決！小さい画像の解像度はこうやって上げる！「スーパーズーム」【2023】

古岡ひふみ — Sat, 04 Feb 2023 23:00:00 +0000

【Photoshop基本操作】人物写真の解像度アップには、ニューラルフィルターの [ スーパーズーム ] が威力を発揮します。元画像の劣化を抑えて、最大16倍まで拡大できます。通常の [ 画像解像度 ] と違うところは、機械学習テクノロジーを使用しているところです。ワンクリックで、驚くような仕上がりが期待できます。

髪の毛に注目！

詳細なディテールを得意とする [ スーパーズーム ] は、人や動物の髪の毛を認識して、ピクセルの補間にストロークをかけているようです。これはスゴイ機能ですね。アップサンプリングという枠を超えて、ひとつの効果として昇華しています。

これで解決！

小さい画像の解像度は

こうやって上げる！

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

解像度をアップする方法

これから行う操作は、小さい画像の解像度をアップする方法です。解像度アップには、ニューラルフィルターの [ スーパーズーム ] という機能を活用します。

元画像 ( 480 x 320 px )

スーパーズーム ( 1920 x 1280 px )

スーパーズームを活用すれば、詳細なディテールを強調しながら、滑らかですっきりとしたアップサンプリングが行えます。アップサンプリング : 画像の解像度を上げる作業

スーパーズームは、最大16倍まで拡大できます。縦横比の16倍は、面積比に換算すると256倍です。変換前のサイズと変換後のサイズを比べてみれば、そのスゴさが実感できると思います。

しかし、スーパーズームと言えども、画質の劣化は顕著に現れます。アップサンプリングは、２倍、または４倍を基本としましょう。大きい倍率の処理には時間がかかります。

目次に戻る

レッスン動画を配信中！

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

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

スーパーズームを適用する

オリジナルデータから、４分の１に縮小した素材画像を開いて、スーパーズームを適用してみましょう。ここでは、JPEG 高画質で再保存したものを使用しています。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 480 pixel ]、[ 高さ : 320 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。素材画像は、オリジナルデータから４分の１に縮小しています。

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

素材画像を開く

photo by Ron

変換前と変換後

変換前のドキュメントサイズは、480 x 320 pixel です。ここでは、４倍にアップサンプリングするので、スーパーズーム適用後のドキュメントサイズは、1920 x 1280 pixel に変換されます。

変換前のサイズ

変換後のサイズ

目次に戻る

ニューラルフィルターを起動

スーパーズームは、[ ニューラルフィルター ] というフィルターカテゴリでリリースされた AI フィルターのひとつです。バージョン 2021 以降

【操作方法】

[ フィルター ] メニューから、[ ニューラルフィルター ] を選択します。起動時のプレビューに表示される青枠は、AI による顔認証エリアです。

ニューラルフィルターを起動

[ ニューラルフィルター ] パネルで、[ 写真 ] セクションの [ スーパーズーム ] を有効にします。クラウドからダウンロード

[ スーパーズーム ] を有効

ニューラルフィルターとは？

Photoshop 2021 ( 22.0.0 ) から実装された [ ニューラルフィルター ] は、GPU / AI 技術を活用した新機能です。さまざまなフィルター効果をクラウドからダウンロードして使用するのが特徴です。初めて使用するフィルターは、クラウドアイコンをクリックします。

クラウドからダウンロード

スーパーズームは、当初、元画像のドキュメント内から、拡大エリアを選択する方式でした。日本語の解説文はその名残りで、Photoshop 2023 ( 24.0.0 ) から、元画像のドキュメントをそのまま、16倍まで拡大できるようになりました。クラウド上で日々進化しているのも、ニューラルフィルターの特徴です。

ニューラルフィルターを初期化

ニューラルフィルターを初期化したい場合は、次のフォルダーを削除してください。Mac のユーザーライブラリフォルダーは、デフォルトで非表示なっています。[ option ] キーを押しながら、[ 移動 ] – [ ライブラリ ] を選択してください。パス中の「24」は、バージョン 2023 の番号です。

Mac

[ユーザー名]/ライブラリ/Application Support/Adobe/ UXP/PluginsStorage/PHSP/24/Internal/ com.adobe.nfp.gallery/PluginData

Windows

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\ UXP\PluginsStorage\PHSP\24\Internal\ com.adobe.nfp.gallery\PluginData

[ スーパーズーム ] を有効にすると、初期設定のパラメーターが表示されます。

パラメーターを確認

[ 画像のディテールを強調 ] を有効にします。初期設定

[ 顔のディテールを強調 ] を有効にします。

[ 顔のディテールを強調 ] を有効

人物の顔に特化

[ 画像のディテールを強調 ] は、隣接するピクセルの許容値を低くして、コントラストを高めるアルゴリズムです。初期設定では有効とされています。アルゴリズム : 画像処理に適用される計算方法

これを有効にしておかないと、スーパーズームの良さが発揮されません。

AI が顔だと判断できる素材は、[ 顔のディテールを強調 ] を有効にしておきましょう。パフォーマンスが向上します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post これで解決！小さい画像の解像度はこうやって上げる！「スーパーズーム」【2023】 first appeared on psgips.

これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【2023】

古岡ひふみ — Sat, 21 Jan 2023 23:00:00 +0000

【Photoshop基本操作】調整量が大きくなると、通常の色調補正ツールでは、どうしても、仕上がりに違和感が出ました。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。逆光で暗くなった影を、より自然に明るく補正しましょう。

32ビットがスゴイ！

[ HDR トーン ] は、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。8 bit の 256 階調に対して、32 bit は、なんと、理論上 4.3G 階調…。これはもう、無限の階調ですね。無理な補正で悩まされていた、トーンジャンプやバンディングもなんのその。これで解決！

これで解決！

逆光で暗くなった影は

こうやって直す！

[ STEP-01 ]

作業を始める前に

[ STEP-02 ]

保存操作の基本を知る

[ STEP-03 ]

PSDとPDFを保存する

逆光の影を明るく補正する方法

これから行う操作は、逆光で暗くなった影を、明るく補正する方法です。補正方法には、[ HDR トーン ] という機能を活用します。[ HDR トーン ] を活用すれば、明るい部分を維持しながら、暗い部分を明るくする調整が行えます。

HDR とは、High Dynamic Range (ハイダイナミックレンジ) の略称です。ダイナミックレンジとは、画像の明るい部分と、暗い部分の範囲を示します。通常の画像が [ 8 bit : 256 階調 ] なのに対し、HDR は [ 32 bit : 4,294,967,296 階調 ] のダイナミックレンジを持っています。

ダイナミックレンジ比較

つまり、人間の視覚やディスプレイなどより、はるかに広い再現力を持った手法が、HDR というわけです。逆光で暗くなった影を、より自然に明るく補正しましょう。

通常の色調補正ツールと比較

目次に戻る

レッスン動画を配信中！

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

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

影を明るくする

[ HDR トーン ] を活用して、影を明るくしましょう。ここで使用する素材画像は、逆光で暗くなったポートレートです。背景の明るさを、できるだけ維持しながら、人物をより自然に、明るく補正することを目的とします。

【操作方法】

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

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

素材画像を開く

photo by olcay ertem

補正前と補正後

あらかじめ、元画像を複製して同時に開きます。[ ウィンドウ ] – [ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。補正前と補正後の２画面を見比べながら、影を明るくする調整が行えます。

補正後のウィンドウを選択

目次に戻る

HDRトーンを起動

[ HDR トーン ] とは、露出を変えて撮影した複数の画像から、適切な露出の１枚に自動合成する機能、[ HDR Pro に統合 ] を、色調補正ツールとして改良したものです。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ HDR トーン ] を選択します。

[ HDR トーン ] ダイアログで、[ 方法 ] に [ ローカル割り付け ] を選択します。初期設定

[ 方法 : ローカル割り付け ]

ローカル割り付けとは？

[ ローカル割り付け ] とは、複数の効果を合わせて、HDR の色調を調整する方法です。[ エッジ光彩 ]、[ トーンとディテール ]、[ トーンカーブおよびヒストグラム ] というセクションに分けられています。初期設定

[ HDR トーン ] を選択すると、初期設定の効果がプレビューされます。

初期設定をプレビュー

32ビットに変換

このツールは、対象の画像を 32 bit チャンネルに変換して、各種の調整を行う構造になっています。ウィンドウタブのモード表示が [ (RGB/8) ] から [ (RGB/32*) ] に変更されています。

ウィンドウタブのモード表示

レイヤーやスマートオブジェクトがあるドキュメントは、一枚の [ 背景 ] へ統合されます。[ HDR トーン ] を実行する場合は、警告アラートで [ はい ] をクリックしてください。

警告アラート

目次に戻る

トーンカーブを設定

操作方法は、[ トーンカーブ ] と同じですが、32 bit チャンネルに変換されているため、階調レベルは比率で表示されています。

【操作方法】

[ トーンカーブおよびヒストグラム ] を展開します。

対角線の上をクリックして、新しい調整ポイントを追加します。

[ 入力 ] に [ 25 % ]、[ 出力 ] に [ 35 % ] を設定します。

トーンカーブを設定

影を明るくすることができました。

影を明るくすることができた

トーンカーブとは？

トーンカーブは、画像補正の最強ツールです。自由な形に変化するカーブで、感覚的な操作が行えます。まず、カーブの変化がどのような結果をもたらすのか？　それを知ることから始めましょう。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post これで解決！逆光で暗くなった影はこうやって直す！「HDRトーン」【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.

写真をイラスト調に！風刺の効いたカリカチュア風「面白い似顔絵の効果」【2022】

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

【Photoshop講座】カリカチュアとは、人物の性格や特徴を誇張した、似顔絵の技法です。このレッスンでは、人物の写真を２頭身化して、イラスト調に仕上げます。デフォルメする部分をひとつに絞って、風刺の効いた似顔絵風に加工しましょう。パラメータだけの操作でカンタン！

やりすぎない変形！

画像の変形に制限はありません。だから、ついつい、やりすぎてしまいますね。自動検知された部分を、パラメータだけの操作で行える「顔立ちを調整」には、変形率の最大値が設けられています。そのため、やりすぎることはありません。しかし、もっと誇張したい場合もあります。そんなときは、同じフィルターを重ねて増幅しましょう。

写真をイラスト調に！

風刺の効いたカリカチュア風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

風刺の効いた似顔絵風

これから行う操作は、人物の写真に、面白い似顔絵の効果をつける方法です。このレッスンでは、人物の写真を２頭身化して、イラスト調に仕上げます。

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

目次に戻る

レッスン動画を配信中！

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

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

人物を切り抜く

顔と体を切り抜いて、それぞれを別の、切り抜きレイヤーとして作成します。切り抜きレイヤーとは、透明部分を含むオブジェクトのピクセルレイヤーです。

【操作方法】

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

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

素材画像を開く

photo by Florin Radu

目次に戻る

切り抜きレイヤーを作成

素材画像には、このレッスンに必要な選択範囲を、アルファチャンネルに保存しています。選択範囲を読み込んで、切り抜きレイヤーを作成しましょう。

【操作方法】

[ 選択範囲 ] メニューから、[ 選択範囲を読み込む ] を選択します。[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に [ mask-face ] を選択します。

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

[ 選択範囲を読み込む ] を設定

顔の選択範囲が読み込まれました。この選択範囲で、顔だけの切り抜きレイヤーを作成します。

顔の選択範囲を作成

[ レイヤー ] メニューから、[ 新規 ] – [ 選択範囲をコピーしたレイヤー ] を選択します。

選択範囲をコピーしたレイヤーを作成

レイヤー名を変更

このレッスンでは、解説の便宜上、レイヤー名を変更しています。また、レイヤー [ face ] と同じ要領で、レイヤー [ body ] を作成します。

レイヤー名を変更

レイヤー [ body ] の作成は、[ 選択範囲を読み込む ] ダイアログで、[ チャンネル ] に [ mask-body ] を選択します。

[ チャンネル : mask-body ]

同じ要領で、レイヤー [ body ] を作成します。

[ 背景 ] を [ レイヤーを削除 ] にドラッグして、削除します。

[ 背景 ] を削除

人物が切り抜かれ、周囲が透明ピクセルに変換されました。

人物の切り抜きを確認

人物を切り抜くには？

コレだけで、いいんじゃない？って思うほど簡単な「被写体を選択」は、人工知能が自動的に作成してくれるゴキゲンな機能です。しかし、思うように選択してくれない場合だってあります。そんなときは、「選択とマスク」を活用しましょう。正しいアプローチで望めば、きっと威力を発揮できるハズです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！風刺の効いたカリカチュア風「面白い似顔絵の効果」【2022】 first appeared on psgips.

【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】

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

【Photoshop講座】ノイズを軽減するしくみは、いたってシンプルです。ピクセルをブレンドして、目立たなくするものです。しかし、やりすぎると画像がぼやけます。そのため、適度で控えめな、設定値を探ることが重要です。Camera Raw を使用して、画像に発生した高感度ノイズを軽減しましょう。

シャープに暫定値を！

設定項目の中にある「シャープ」は、ノイズを軽減して、ぼやけたディテールを引き締める役割です。でも、シャープをかけると、ザラザラが浮き出てきます。相反する両者のバランスを取るのは、なかなか難しくて面倒です。そこで、これ以上、シャープを強くしない状態を、先につくっておくワケです。これでバッチリ！

ザラザラをツルツルに！

ノイズを軽減する方法

− Camera Raw −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

Camera Raw でノイズを軽減

これから行う操作は、画像に発生したノイズを軽減する方法です。Camera Raw フィルターを使用して、ノイズを軽減する簡単な操作と応用、部分的に適用度を変える方法をご紹介します。

目次に戻る

レッスン動画を配信中！

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

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

補正作業の準備をする

ノイズを軽減する方法は、ピクセルのブレンドです。元画像を保持したい場合は、スマートオブジェクトに変換します。Camera Raw を起動して、補正前と補正後が表示できるウィンドウにアレンジしておきましょう。

【操作方法】

素材画像をダウンロードして開きましょう。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。オリジナルサイズから小さくしているため、解説の便宜上、擬似的なノイズを加えています。

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

素材画像を開く

RAW データで応用する場合は、任意のファイルを [ Camera Raw ] で開いてください。

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

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

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

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

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

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

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

目次に戻る

Camera Raw を起動

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

【操作方法】

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

Camera Raw を起動

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

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

[ Camera Raw ] 操作パネル

補正作業を快適に

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ノイズを軽減する調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

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

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

ズームレベルの選択

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】ザラザラをツルツルに！ノイズを軽減する方法「Camera Raw と Lightroom」【2022】 first appeared on psgips.

【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」

古岡ひふみ — Wed, 27 Apr 2022 23:00:00 +0000

【Photoshop講座】手早く塗りつぶしたタッチや、ラフな下書き線があると、鉛筆スケッチ風のムードは高まります。技法は、いたってシンプルです。塗りつぶしレイヤーを利用した、テキストのラスタライズや、スマートオブジェクトにフィルター効果を適用して、自由に再編集できる方法をマスターしましょう。

ぶれの輪郭線を検出する！

テクニックを要するフリーハンド操作を用いず、いかに文字型を崩すか？が、このレッスンのテーマです。ラフな下書き線は、実線の内側や外側へはみ出させる必要があるため、ラスタライズした文字に [ ぶれ ] を適用して、その輪郭線を検出します。すると、文字型の内側と外側にそれぞれ下書き線の元が作成できます。

フォントでつくる！

鉛筆スケッチ風の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

ラフな鉛筆スケッチ風に加工する

これから行う操作は、スタンダードなフォントをラフなスケッチ風に加工する方法です。文字の輪郭線をずらして重ね合わせ、再び外側を消去すると、それっぽい下書き線が作り出せます。すべての操作が設定だけで行えるので、初級ユーザーの方でも簡単に加工することができます。

目次に戻る

レッスン動画を配信中！

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

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

ベースの文字を入力する

ここでは、素材画像に文字を入力して、加工する方法を取ります。デコボコした用紙の風合いは、鉛筆スケッチ風の効果を高めることができます。

【操作方法】

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

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

素材画像を開く

目次に戻る

フォントの設定と入力

フォントの形状が、そのまま、鉛筆スケッチ風の効果になります。ここでは、スタンダードな書体を選択します。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

基本がわかる！文字の入力と編集

フォントサイズに [ 58 pt ] を入力

[ フォントサイズを設定 ] に [ 58 pt ] を入力します。

[ アンチエイリアスの種類を設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスに [ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Swiss 721 BT Bold 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

フォントの設定は任意ですが、効果が出やすいのはサンセリフ (ゴシック) 書体です。それは太い線の方が、タッチを多く取り入れることができるからです。しかし、隣り合う線との空間が狭すぎると、ラフなアウトラインを強調できないので、ほどよい太さの書体を選びましょう。

[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

ドキュメントの適当な箇所をクリックして、ポイントテキストで [ design ] を入力します。

基本がわかる！文字の入力と編集

ポイントテキストで文字を入力

文字が入力できたら、[ 現在の編集をすべて確定 ] をクリック、または、[ enter ] キーを押して、入力を確定します。

[enter] で入力を確定

ポイントテキストとは？

ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。アンカーポイントの位置は、整列オプションによって、左揃え、中央揃え、右揃えに設定できます。入力した文字列をひとつのオブジェクトとして配置できるので、単語や数行の文章など、短い文字列を入力する場合に適しています。

目次に戻る

カーニングとトラッキング

鉛筆スケッチ風の効果には、文字の太さに加えて、隣り合う文字との適度な間隔が必要です。ロゴとは、ひとかたまりの文字列を意味するので、付かず離れず、バランスのいい文字間を設定します。

【操作方法】

オプションバーで、[ 文字パネルと段落パネルの切り替え ] をクリックします。

[ 文字パネルと段落パネルの切り替え ] をクリック

[ 文字パネル ]で、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択します。

[ 選択した文字のトラッキングを設定 ] に [ 50 ] を選択します。

トラッキングに [ 50 ] を選択

カーニングで隣り合う文字間、トラッキングで全体の文字送りが設定できました。

オプティカルとは？

文字の形状に対して、隣り合う文字のカーニング値が自動的に設定される機能です。一般的な用途としては、ペアカーニング値を持たないフォントの「応急策」として、適正値を割り当てることに使用されます。

メトリクスとの比較は歴然としてありますが、使用するフォント、文字列によっては、優れている場合も少なくありません。

目次に戻る

オブジェクトの整列

ポイントテキストで入力した文字列をひとつのオブジェクトとして、ドキュメントのセンターに合わせて配置しましょう。[ 移動ツール ] の [ 整列 ] オプションを使用すれば、正確にすばやく配置することができます。

【操作方法】

[ command ( Ctrl ) ] + [ A ] キーを押して、すべてを選択します。

[ツール] パネルで、[ 移動ツール ] を選択します。

[ 移動ツール ] を選択

オプションバーで、[ 垂直方向中央揃え ] をクリックします。

続いて、[ 水平方向中央揃え ] をクリックします。

[ 垂直方向中央揃え ] と [ 水平方向中央揃え ] をクリック

文字列をセンターに合わすことができたら、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

オブジェクトの整列とは？

[ 移動ツール ] には、レイヤー内のオブジェクトを整列するオプションがあります。ドキュメントの範囲を基準に揃える方法と、選択範囲を基準に揃える方法があります。

ひとつのレイヤーオブジェクトを対象とする場合は、整列させる前に選択範囲を作成します。揃える方向を示す６種類の整列があり、２つを組み合わせることで９箇所の位置に移動することができます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！鉛筆スケッチ風の文字「塗りつぶしレイヤーを活用したラスタライズ」 first appeared on psgips.

写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」

古岡ひふみ — Sat, 01 Jan 2022 23:00:00 +0000

【Photoshop講座】ポスタリゼーションとは、画像の階調数を減らす処理です。地形図の等高線のように、陰影や色の違いが段階的な層になるので、写真をイラスト調にする手法としてよく用いられます。このポスタリゼーションに輪郭線をプラスして、スッキリ＆おしゃれな処理にバージョンアップしましょう。

油絵のタッチを利用する！

写真をイラスト調にする心構えは、生っぽさを消すことです。ポスタリゼーションの境界は、ぎこちない形状になりがちです。そのため、階調の段差をぼかして滑らかにします。しかし、輪郭線にとってぼかしは天敵です。ヒゲの男性ではさらに厄介ですね。作例では、詳細な輪郭線を維持させる方法として [ 油彩 ] フィルターを利用します。

写真をイラスト調に！

エッジの効いたポスタリゼーション

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ポスタリゼーション風イラストに加工

これから行う操作は、人物写真をポスタリゼーション風イラストに加工する方法です。ポピュラーな手法ですが、詳細なエッジを効かすことで、スッキリと洗練された印象にしましょう。

元画像

ポスタリゼーション風イラストに加工

目次に戻る

人物を切り抜く

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

【操作方法】

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

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

素材画像を開く

photo by theharpreetbatish

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

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

人物の選択範囲を作成

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

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

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

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

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

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

切り抜かなくてもOK !

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

元画像

背景を含めた適用例

photo by Free-Photos

目次に戻る

レッスン動画を配信中！

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

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

背景色を設定

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

【操作方法】

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

[ べた塗り 1 ] を作成

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

カラーピッカーの使い方

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

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

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

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

背景色を設定

被写体との対比を考える

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！エッジの効いたポスタリゼーション「詳細をストロークでぼかす」 first appeared on psgips.

【色調補正】CMYK→RGB変換を鮮やかに再現する方法【Labカラー】

古岡ひふみ — Tue, 22 Jun 2021 23:00:00 +0000

【Photoshop基本操作】CMYK 変換で失われた鮮やかな色は、RGB 変換するだけでは取り戻せません。彩度を上げるとトーンが弱くなってしまうし、元の状態に近付けるには大変苦戦します。そんなときは、Lab カラーモードを試してみましょう。今までの悩みが一気に解消できるかも？

階調を維持して彩度を上げる！

彩度を上げることで、鮮やかな色は再現できますが、過度な調整では、トーンジャンプ (階調トビ) を引き起こします。色情報を数値化した要素である「色相」、「彩度」、「明度」のうち、階調に大きな影響を与えるのは、明度 (コントラスト) です。階調を維持させながら、個別に彩度を上げる方法が [ Lab カラーモード ] なのです。

CMYK→RGB変換を

鮮やかに再現する方法

[ SATEP-01 ]

[ SATEP-02 ]

[ SATEP-03 ]

[ SATEP-04 ]

CMYK→RGBを鮮やかに再現

これから行う操作は、CMYK 画像を RGB 変換で鮮やかに再現する方法です。CMYK 特有の色の濁りを取って、すっきりした鮮やかさを再現します。色調補正に求められる解決方法は、対象画像により要因がそれぞれ異なるものなので、ある程度の論理的なアプローチが必要です。

CMYK カラーモードの元画像

RGB カラーモードで鮮やかに再現

CMYK カラーモードと RGB カラーモードは、まったく正反対な色の特性があるため、これらを同列に考えることはできません。すべては、アルゴリズム (定式化された計算方法) によって、導き出された結果に過ぎないのです。

Adobe RGB の色空間

CMYK の色空間

CMYK カラーは RGB カラーに比べ、再現できるカラースペースが極端に狭いため、その色の近似色に置き換えて表現します。その際、元画像に RGB カラー特有の輝度を持った発色のいい色があると、暗く濁ったような感じのする色に変換される場合があります。

RGBカラーモードの素材画像

CMYKカラーモードに変換

photo by Alexas_Fotos

変換によって失われた階調は、取り戻すことができません。RGB 変換後に彩度を上げるという対処方法を、安易に推奨しているような記事も見かけますが、これは大きな間違いです。無理な補正は、トーンジャンプの原因にもなります。

無理な補正はトーンジャンプする

ここでは、一般的な CMYK 変換のアルゴリズムを逆算することにより、元の RGB 画像に近づけていく考え方を取り入れているため、Lab カラーで「彩度」と「コントラスト」を個別に調整していきます。すべては論理的に説明できる操作方法です。

目次に戻る

レッスン動画を配信中！

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

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

Labカラーに変換する

CMYK 画像を RGB 変換する前に、失った階調や彩度を増幅しやすくするため、Lab カラーモードに変換します。Lab カラーに変換しても、画像の状態には、何の変化も起こりません。

CMYK カラーモードの元画像

Lab カラーモードに変換

【操作方法】

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

タイトルバーで、現在のモード [ CMYK/8 ] を確認してください。

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

素材画像を開く

photo by Alexas_Fotos

[ チャンネル ] タブをクリックして、[ チャンネル ] パネルの内容を確認してください。

[ チャンネル ] パネルの内容を確認

CMYK画像を確認

このレッスンでは、対象画像を CMYK カラーモードに限定しています。作例に使用している画像は、一般的な CMYK カラーモードのプロファイル「Japan Color 2001 Coated」で変換、EPS フォーマットで保存されています。

４つのチャンネルでひとつの画像を作成

CMYK カラーモードでは、[ シアン ]、[ マゼンタ ]、[ イエロー ]、[ ブラック ] の４つのチャンネルによって、ひとつの画像が作られています。プリント出力時には、それぞれのチャンネルが、インクの色に置き換えられます。CMYK カラーモードは、印刷用に最適化されたデータです。

[ イメージ ] メニューから、[ モード ] – [ 16bit/チャンネル ] を選択します。これは、これから行うカラーモード変換に対して、できる限りの階調を抽出するための設定です。16 bit/チャンネルは、8 bit/チャンネルの 256 階調を大きく上回った、65,536 階調の再現能力があります。

[ イメージ ] メニューから、[ モード ] – [ Lab カラー ] を選択します。タイトルバーで、[ Lab/16 ] を確認してください。

[ Lab/16 ] を確認

明度と色成分を分ける！

Lab カラーモードのチャンネル [ L ] は、明度です。チャンネル [ a ] は、グリーンからレッドの範囲の色成分、チャンネル [ b ] は、ブルーからイエローの範囲の色成分です。

CMYK カラーモードからの変換では、各チャンネルに分解された明度を合計して、チャンネル [ L ] に変換しています。

CMYK の各チャンネルに分解された明度を合計

チャンネル [ C ]、[ M ]、[ Y ] の色成分を、チャンネル [ a ]、[ b ] に変換しています。

CMY の緑から赤の色成分をチャンネル [ a ] に変換

CMY の青から黄の色成分をチャンネル [ b ] に変換

つまり、CMYK で減少した色成分だけを取り出して、それを調整することが可能になるわけです。

目次に戻る

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