ディテール| psgips

写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】

古岡ひふみ — Sun, 11 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をポスタライズする方法です。ポスタリゼーションは、明るさや色の違いを簡略化して、段階的な層に分けることができます。パラメーターだけの簡単操作！このレッスンでは、Ver.25.11.0 を使用しています。

中間調でコントロール！

ここで行うポスタリゼーションは、４つの階調しかありません。ノイズを含む画像では、階調数が少なくなるほど、不要な粒子が目立つようになります。これは、明るさがわずかに異なるだけでも、別の階層に属する可能性が高くなるためです。階層の領域を制御するのは、[ シャドウ・ハイライト ] の中間調です。最も暗い階層を決めて、中間調をコントロールしましょう。

写真をイラスト調に！

４色ポスタライズ

[ STEP-01 ]

背景を白色に設定する

[ STEP-02 ]

写真の生っぽさをなくす

[ STEP-03 ]

ポスタリゼーションを適用する

人物写真をポスタライズ

これから行う操作は、人物の写真をポスタライズする方法です。ポスタリゼーションを使用すると、明るさと色の違いを段階的な階層に分けて簡略化できます。

元画像

４色ポスタライズ

主要なディテールを残しながらノイズを軽減して、階層を滑らかにする方法をご紹介しましょう。

目次に戻る

レッスン動画を配信中！

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

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

背景を白色に設定する

ここでは、数少ない４つの階層に分けたポスタライズを想定しています。そのため、人物のハイライト領域と同じ階層に属する白色の背景を、塗りつぶしレイヤーを使用して設定します。

人物を切り抜く

背景を白色に設定

目次に戻る

人物を切り抜く

人物を切り抜くための選択範囲を作成します。[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。ただし、この機能を活用できる素材は、画像内に、他の被写体がない場合に限ります。複数の被写体がある場合は、あらかじめ、必要な部分だけをトリミングしておきましょう。

【操作方法】

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

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

素材画像を開く

photo by Pexels

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

被写体を選択

選択方法を選ぶ！

[ 被写体を選択 (クラウド処理) ] は、デバイス上の処理よりも詳細な結果を取得できます。数ある選択方法の中にあって、最もパフォーマンスが高いコマンドです。被写体を選択のクラウド処理 : [ Photoshop (編集) ] - [ 環境設定 ] - [ 画像処理 ]

[ レイヤー ] パネルで、[ マスクを追加 ] をクリックします。

レイヤーマスクが追加されたことを確認します。

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

レイヤーマスクを確認

人物写真のマスク領域が、透明ピクセルに変換されたことを確認してください。

透明ピクセルを確認

透明ピクセルとは？

透明部分は、[ 環境設定 ] で設定された、グリッドが表示されます。レイヤーマスクで隠された部分は、見た目では透明ですが、元画像はそのまま、変わらずに残っています。レイヤーマスクを削除、または、効果を一時的に解除すれば、切り抜く前の状態に戻すことができます。

このような再編集を可能にするメリットが、レイヤーマスクにはあります。しかし、隠された部分が、そのまま保持されているので、データ容量が大きくなるデメリットも、持ち合わせています。

目次に戻る

塗りつぶしレイヤーを設定

背景を透明ピクセルに置き換えることができたら、ホワイトを敷いて、切り抜きの状態を確認しましょう。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に [ ホワイト ] を設定します。H: 0° / S: 0 % / B: 100 %

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

カラーピッカーの使い方

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

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

背面へ移動

人物の背景が白色になったことを確認してください。

背景を白色に設定

すべてのレイヤーを選択します。すべてのレイヤーを選択: [ command ( Ctrl ) ] + クリック

すべてのレイヤーを選択

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

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

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】 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.

写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」

古岡ひふみ — 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 )

素材画像を開く

photo by runrun2017

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

合成に適した素材は？

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

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

目次に戻る

埋め込みを配置

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

【操作方法】

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

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

[ uf035-plane.png ] を選択

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

３つの画像を配置

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

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

埋め込みを配置とは？

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 first appeared on psgips.

【レタッチ】低解像度から高解像度に変換する方法【ディテールを保持】

古岡ひふみ — Fri, 14 May 2021 23:00:00 +0000

【Photoshop基本操作】画像の解像度を上げる作業を「アップサンプリング」といいます。ここで使用する機能の [ ディテールを保持 2.0 ] は、Photoshop CC 2018 から追加された、ピクセル情報の補間方法です。人工知能によるアルゴリズムで画質の劣化を抑え、ジャギーのない滑らかな輪郭が再現できます。

２の倍数で大きくする！

アップサンプリングは、どのような方法を用いても画質が劣化します。たとえば、110 % といった少量の拡大なら、何もしない方が得策です。やるなら２倍、４倍、８倍…といった２の倍数がオススメです。その理由は、もともと足りないピクセルの補間が均等にブレンドできるからです。

低解像度から高解像度に

変換する方法

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

ディテールを保持 2.0 によるアップサンプリング

これから行う操作は、低解像度から高解像度にアップサンプリングする方法です。ピクセル情報の補間方法に [ ディテールを保持 2.0 ] を用いて、その適用結果を検証します。

低解像度の元画像

1600% に高解像度化

画質が劣化するので、一般的にアップサンプリングは推奨されません。また、作例で行う拡大率 ( 1600 % ) も現実的ではありません。この検証は、アップサンプリングの可能性を探るものです。

1600%ってどれくらい？

テクノロジープレビューの機能

目次に戻る

レッスン動画を配信中！

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

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

1600%ってどれくらい？

拡大率 1600 % を視覚的に表してみると下図のとおりです。画像の一辺の長さが 16 倍になると、面積比では 256 倍という、とてつもなくデカイ大きさになります。通常のアップサンプリングでは、２〜４倍くらいあれば十分でしょう。

元画像から16倍に拡大

目次に戻る

テクノロジープレビューの機能

[ ディテールを保持 2.0 ] は、まだ完全には実用レベルではない機能です。そのため、機能を有効 / 無効にするオプションが追加されています。

[ ディテールを保持 2.0 ] を有効に設定

初期設定では有効になりますが、これらの機能を無効にする場合は、[ Photoshop (編集) ] メニューから、[ 環境設定 ] – [ テクノロジープレビュー ] を選択します。[ ディテールを保持 2.0 アップスケールを有効にする ] を無効にします。

目次に戻る

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

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

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

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

ドキュメントサイズを確認する

低解像度から高解像度にアップサンプリングする前に、元のドキュメントサイズを確認しておきましょう。ドキュメントサイズの確認は、ウィンドウバーなどでも行えますが、詳細な情報を知るには、[ 画像解像度 ] ダイアログが適しています。

ドキュメントサイズとは？

【操作方法】

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

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

素材画像を開く

photo by Gromovataya

[ イメージ ] メニューから、[ 画像解像度 ] を選択します。[ 画像解像度 ] ダイアログで、[ 幅 ]、[ 高さ ]、[ 解像度 ] の数値を確認します。

現在の数値を確認

ドキュメントサイズとは？

Photoshop におけるドキュメントサイズは、画像データを構成するピクセル数で表すことが一般的です。単位には pixel を用い、一辺 1 インチあたりに含まれるピクセル数で、解像度 ( pixel/inch ) を表します。

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】低解像度から高解像度に変換する方法【ディテールを保持】 first appeared on psgips.

【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】

古岡ひふみ — Sun, 09 May 2021 23:00:00 +0000

【Photoshop基本操作】スーパー解像度とは、ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。しかし、Camera Raw に搭載されている機能なので、Photoshop で使えない、使い方がわからないなど、疑問だらけの機能でもあります。スーパー解像度を JPEG に適用して、その効果を検証してみましょう！

補間のしくみを知る！

低解像度から高解像度にするアップサンプリングは、画質が劣化するので推奨されません。ピクセル情報の補間方法は、その画質の劣化を最小限に抑える技術なのです。

そのため、対象となる画像に適した方法は、その作成や保存条件によって異なるものなのです。補間のしくみを知ることは、最適なアップサンプリング方法を導き出すことにつながります。

スーパー解像度を

JPEGに適用する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

スーパー解像度をJPEGに適用する方法

これから行う操作は、[ スーパー解像度 ] によるアップサンプリングを、JPEG 形式の画像に適用する方法です。高解像度化によって、元画像のディテールが、どのように変化するのでしょうか？ [ ディテールを保持 2.0 ] との比較も行いましょう。

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

スーパー解像度とは？

スーパー解像度とは、Camera Raw に搭載されている機能です。ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。

Raw 画像を高解像度化するものですが、JREG や TIFF 形式にも適用できます。[ スーパー解像度 ] で、効果を最大に発揮できる要素は、以下のとおりです。

大きく印刷または表示したい写真

ノイズが多く含まれる画像

微細なディテールを多く含む画像

[ スーパー解像度 ] の効果は、自動作成される DNG 形式のファイルに含まれます。適用後の画像を JPEG 画像として、上書き保存することはできません。JPEG 形式で保存したい場合は、Camera Raw で、[ コピーで開く ] を選択してください。

なぜ高解像度化？

たとえば、印刷用の大判ポスターで、写真を大きく引き伸ばしたいとき、低解像度データのままだと、モザイク状の不鮮明な仕上がりになってしまいます。

そこで、高解像度データが必要になるワケですが、印刷で推奨される画像解像度に足りない場合、その条件を満たすためのアップサンプリングが行われます。

一般的なオフセット印刷の紙面は、CMYK という４つの色と、小さな網点によって構成されています。さまざまな色は、４つの網点の重ね合わせで表現されているので、理論上、面積比で４倍、縦横比で２倍のピクセルが必要とされます。

具体的には、スクリーン線数 (網点の細かさ) を 175 dpi としたとき、画像解像度は、その縦横比２倍の 350 ppi が必要になります。

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

目次に戻る

レッスン動画を配信中！

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

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

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】 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 ] を入力します。