JPEG| psgips

基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】

古岡ひふみ — Tue, 11 Jun 2024 23:00:00 +0000

【Photoshop基本操作】画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。画像が詳細になるほど、必要なピクセル数も多くなります。

物理的な大きさがない！

画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

基本がわかる！

画像解像度の設定

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

ピクセルの大きさ

画像解像度とは、画像データの「密度」です。これは、パソコンのディスプレイなどで使用される、「画面解像度」とは少し異なります。

解像度には「画像解像度」と「画面解像度」がある

画像解像度について、最初に知っておくべきことは、「ピクセル ( pixel )」です。画像をズームインしたときに現れる、ギザギザの “アレ” です。

画像をズームインすると確認できるピクセル ( pixel )

ピクセルとは、画像を構成する最小単位です。それらは、すべて均一なサイズで、規則的なパターンによって配置されています。ひとつのピクセルは、非常に小さいですが、さまざまな色の情報を含んでいます。

ピクセルは画像を構成する最小単位

パソコン画面の一辺１インチあたりに、ピクセルがいくつ並んでいるのかを表すのが「画像解像度」です。単位は「 pixel/inch (ピクセル・パー・インチ) 」です。

画像解像度は一辺１インチあたり密度を表す

画像が詳細になるほど、必要なピクセル数も多くなります。ひとつの画像に、どれくらいのピクセルが含まれているか？これを測る基準とするのが「画像解像度」です。

目次に戻る

レッスン動画を配信中！

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

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

１pixelは何センチ？

概念図で、画像解像度の違いを比較してみましょう。画像解像度が 72 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 72 個並んでいます。

画像解像度が 96 pixel/inch の場合は、画面の一辺１インチあたりに、ピクセルが 96 個並んでいます。96 pixel/inch は、72 pixel/inch に比べて、ピクセルの密度が細かくなります。

72 pixel/inch

96 pixel/inch

このように、画像解像度の数値が変わると、ピクセル１個の大きさも変わります。たとえば、何センチ？といったような、ピクセルの大きさを、物理的に知ることはできません。

物理的な大きさがない！

ピクセルの大きさは、割り当てられた画像解像度によって変化します。これって、大問題ですよね？

目次に戻る

ピクセルと画素の違い

「ピクセル」と「画素」は同意語ですが、ここでは解説の便宜上、あえて差別化します。似て非なるピクセルと画素の違いは、物理的な大きさがないデータと、物理的な大きさがあるデバイスの違いです。

物理的な大きさの有無で分けられる

デバイスとは、「電子部品」のことです。画素と関係するのは、パソコンのディスプレイです。ディスプレイは、人とパソコンの仲介者です。

まるで空気のような、当たり前の存在になっているディスプレイですが、その特性を知ることは、すべての理解につながります。

ピクセル情報をデバイスで表すと画素になる

画像解像度のピクセル

画像データを構成するピクセルには、物理的な大きさがありません。ビットマップ画像を、パソコン画面でズームイン (拡大表示) してみると、グリッド状のピクセルが確認できます。ピクセルがいくつ含まれているか？画像そのもの密度を表すのが画像解像度です。

ピクセルと画素の拡大表示

画面解像度の画素

パソコンのディスプレイを構成する画素には、物理的な大きさがあります。画素がいくつ含まれているか？デバイスの機能性を表すのが画面解像度です。

画面解像度は、使用している機器や設定により、統一されていません。一般的なデフォルト値は、72 dpi、または、96 dpi です。しかし、これらは伝統的な「画素密度」の数値であり、高精細化により、画面に表示される「総画素数」で表されることの方が多くなりました。

ppiとdpiの違い！

ピクセル（ pixel ）と画素（ dots ）のちがいは、単位についても使い分けられています。

画像解像度の単位には、pixel per inch (ピクセル・パー・インチ) を略した「 ppi 」が用いられます。

画面解像度の単位には、dots per inch (ドット・パー・インチ) を略した「 dpi 」が用いられます。

データの「 ppi 」とデバイスの「 dpi 」

たとえば、デジタル写真の入力解像度は「 ppi 」が用いられ、プリンターの出力解像度は「 dpi 」が用いられます。パソコン内に入るデータには、物理的な大きさがないのでピクセル。パソコン外に出るデバイスには、物理的な大きさがあるのでドット。…というワケです。

Photoshop では、pixel per inch を「 pixel/inch 」として表記されています。英語版では、pixel に複数形の S が付いた「 pixels/inch 」と表記されています。表記方法は、いまひとつ、定まっていないようですね。一般的には、略した「 ppi 」が多く使われています。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】 first appeared on psgips.

基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】

古岡ひふみ — Thu, 18 Jan 2024 23:00:00 +0000

【Photoshop基本操作】ドキュメントの保存とは、新しく作成したドキュメント (ファイル) や、編集を加えた画像をファイルに保存することをいいます。[ 保存 ]、または、[ 別名で保存 ] では、ファイルの保存場所、フォーマット (ファイル形式)、カラープロファイルの埋め込みなどが設定できます。

ファイル形式を学ぼう！

ファイル形式には、さまざまな種類があります。しかし、すべてを知る必要はありません。まず、一般的によく使われているファイル形式と、そのメリットやデメリット、主な用途について学びましょう。

基本がわかる！ドキュメントの保存

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

作業を始める前に

Photoshop のドキュメントは、Photoshop 形式 (PSD) と言う、専用のファイル形式が用いられます。ファイル形式の識別は、ドキュメントの名前の末尾に付く、「拡張子」で行われます。

拡張子とは、別のアプリケーションや、違うパソコンでも共通して、使えるようにするものです。

Photoshop のファイル形式

Photoshop 形式とは？

Photoshop は、PNG 形式、JPEG 形式、GIF 形式など、画像に関するファイル形式に対応しています。しかし、別のファイル形式で保存すると、レイヤーなどの作業内容が失われてしまいます。

対応できるファイル形式

作業内容が失われる！

そのため、Photoshop では、[ コピーを保存 ] という操作に移行して、元のドキュメント (PSD) を残す工夫がされています。

同じファイル名による、上書き防止にもつながる２段階操作ですが、ドキュメントの保存を、複雑にしている側面もあります。ここでは、PSD 未対応のファイル形式に対して、Photoshop ドキュメントからの、書き出しを推奨しています。

レッスン動画を配信中！

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

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

ストレージデバイスを選択

ドキュメントの保存は、現在の環境設定によって、表示方法が異なります。Creative Cloud に保存する方法と、コンピューター上に保存する方法があります。環境設定は、Photoshop の操作や、ダイアログの表示などに影響するため、この設定は、大変重要です。まず、[ 環境設定 ] – [ ファイル管理 ] を確認しましょう。

ストレージデバイスを選択

【操作方法】

[ Photoshop (編集) ] メニューから、[ 設定 ] – [ ファイル管理 ] を選択します。[ 環境設定 ] ダイアログで、[ ファイルの保存オプション ] セクションの、[ 初期設定のファイルの場所 ] を確認してください。

[ 初期設定のファイルの場所 ] を確認

メニューには、[ Creative Cloud ] と、[ コンピューター上 ] があります。

メニューを展開

ここでは、[ 初期設定のファイルの場所 ] に、[ コンピューター上 ] を選択します。

[ 初期設定のファイルの場所 : コンピューター上 ]

初期設定のファイルの場所

[ Creative Cloud ] を選択すると、ドキュメントをクラウド上に保存する、[ Creative Cloud に保存 ] が、初期設定として表示されます。

[ コンピューター上 ] を選択すると、ドキュメントをコンピューター上に保存する、[ 別名で保存 ] ダイアログが、初期設定として表示されます。

初期設定のファイルの場所

別名で保存

どちらの項目も、ダイアログ上で、保存場所を変更することができます。使用頻度の高い方を選択しておきましょう。

目次に戻る

従来のダイアログを無効

[ 環境設定 ] ダイアログで、[ 従来の「別名で保存」を有効にする ] を確認してください。初期設定では、無効とされています。

[ 従来の「別名で保存」を有効にする ] を確認

無効と有効の違い！

初期設定の [ 別名で保存 ] ダイアログでは、[ フォーマット ] のメニューに、Photoshop の機能が保存できる、ファイル形式のみが表示されます。

Photoshop の機能が保存できるファイル形式

別名で保存

これは、他のファイル形式による、上書き保存を防止するためのものです。他のファイル形式で保存する場合は、[ コピーを保存 ] をクリックして、[ 複製を保存 ] ダイアログを表示させる方法があります。

コピーを保存

【有効にした場合】

[ 従来の「別名で保存」を有効にする ] を有効にすると、保存時のダイアログが、従来機能の表示に変わります。

[ 従来の「別名で保存」を有効にする ] を有効

すると、次のような警告アラートが表示されます。従来機能では、誤って上書き保存をして、作業内容を失ってしまう可能性があります。[ OK ] をクリックします。

警告アラート

有効 (従来機能) の場合は、[ フォーマット ] のメニューに、保存可能なファイル形式が表示されます。

保存可能なファイル形式

選択したファイル形式に、Photoshop の機能が対応している場合は、[ 保存 ] オプションに表示されます。

[ 保存 ] オプションに表示

ここでは、他のファイル形式に、書き出す方法を推奨します。そのため、[ 従来の「別名で保存」を有効にする ] を無効にしておきます。

[ 従来の「別名で保存」を有効にする ] を無効

すべての設定ができたら、[ OK ] をクリックします。

[ OK ] をクリック

無効の利便性は？

[ 従来の「別名で保存」を有効にする ] を無効にする設定は、主に上書き保存の防止です。そのため、あらゆる用途に対しての利便性が、向上するものではありません。初級ユーザーの方は、無効にしておくことをオススメします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！ドキュメントの保存「知っておきたいファイル形式と書き出し」【2024】 first appeared on psgips.

ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】

古岡ひふみ — Tue, 05 Dec 2023 23:00:00 +0000

【Photoshop基本操作】自動処理の「PDF スライドショー」には、複数のページ (画像) を、ひとつの PDF ファイルにまとめる機能が含まれています。PDF の作成は、Acrobat などの専用ツールを使用する方がポピュラーですが、これは、Photoshop で一括した作業を行う場合に便利です。

プリセットを理解する！

PDF ファイルの用途は多種多様です。たとえば、Web 環境での汎用性を求める場合もあれば、印刷出力での高品質を求める場合もあります。規格や互換性をクリアしなければならないし、RGB と CMYK カラーモードの違いなんかも大きな問題ですね。

[ Adobe PDF プリセット ] は、そんなややこしい設定を簡単にしてくれます。[ PDF/X-4:2010 ] と [ 高品質印刷 ] を理解して、そこからのカスタマイズで、さまざまな用途をカバーしましょう。

ひとつのファイルに！

複数ページのPDFを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

複数ページのPDFを作成

これから行う操作は、複数のファイルからひとつの PDF ドキュメントを作成する方法です。作例では、最もシンプルでポピュラーな、JPEG 形式の画像ファイルを結合する PDF ドキュメントを作成します。

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

JPEG 画像をひとつの PDF にまとめる

created by Peggy_Marco

対応できるソースファイルは、JPEG、PNG、TIFF、PSD などのラスターデータ、AI、EPS、SVG などのベクターデータです。

ドキュメントサイズは不揃いでも可能ですが、見やすさを重視するなら、あらかじめ共通台紙に貼るなどして、大きさを統一しておきましょう。

Photoshop で一括した作業を行う立場からいうと、カラーモードやレイヤーに関する対応も気になるところですね。

PSD 形式、AI 形式で保存されたファイルなら、RGB、CMYK カラーモードのアートワーク、レイヤーを含むドキュメントもオール OK です。ただし、透明部分は原則として白地に置き換えられます。基本的なドキュメントの解像度は、実物大 300 pixel 以上が目安です。

PDF 形式とは？

目次に戻る

レッスン動画を配信中！

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

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

ソースファイルを開く

ここでは、閉じた複数のファイルから、ひとつにまとめた PDF ドキュメントを自動処理で作成する方法を取ります。誤作動やエラーを防ぐため、現在、開いている画像や、作業中のドキュメントはすべて閉じてください。

【操作方法】

開いてるウィンドウをすべて閉じます。

開いてるウィンドウをすべて閉じる

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

素材画像はRGB

作例で使用する素材画像は、印刷用のプルーフを想定し、A4 サイズ、300 pixel/inch で作成しています。

ソースファイル(1ページ)の仕様

元画像は CMYK カラーモードで作成していますが、さまざまな条件で活用しやすくするため、RGB カラーモードに変換し、JPEG 形式で保存しています。

基本がわかる！RGBとCMYK

[ ファイル ] メニューから、[ 自動処理 ] – [ PDF スライドショー ] を選択します。

[ PDF スライドショー ] を選択

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 参照 ] をクリックします。

[ 参照 ] をクリック

[ 開く ] ダイアログで、対象のソースファイルを、すべて選択します。作例では、全部で９ファイルです。

対象のソースファイルが選択できたら、[ 開く ] をクリックします。

対象のソースファイルを開く

[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションのファイル名を確認します。

PDF スライドショーに含めるファイル

開いているファイルを追加

PDF スライドショーに含めるファイルは、すでに開いているファイルを追加することもできます。[ PDF スライドショー ] ダイアログで、[ ソースファイル ] セクションの [ 開いているファイルを追加 ] を有効にします。

すでに開いている画像

[ 開いているファイルを追加 ] を有効

[ 名前順 ] をクリックすると、名前順でファイルリストを並べ替えます。任意の並べ替えは、ドラッグ＆ドロップで行います。[ 削除 ] をクリックすると、リストから選択したファイルを削除します。[ 複製 ] をクリックすると、リストから選択したファイルを複製します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post ひとつのファイルに！複数ページのPDFを作成する方法「PDFスライドショーによる自動処理」【2024】 first appeared on psgips.

基本がわかる！アクションの作り方「知っておきたい操作とバッチ処理」【2024】

古岡ひふみ — Wed, 29 Nov 2023 23:00:00 +0000

【Photoshop基本操作】アクションとは、Photoshop で行う一連の操作を、レコーダーで録音するような感覚で記録して、自動的に同じ操作を繰り返したり、他のファイルで再生することができる機能です。複数のファイルにアクションを実行したい場合は、詳細な設定が行える [ バッチ ] を活用します。

アクションの基本を習得しよう！

アクションの内容は、Photoshop の操作そのものです。自動化できる操作をアクションで行えば、工夫次第で、作業効率はぐんぐんアップします。まずは、アクションを記録して再生する、基本的な操作をマスターしましょう。

基本がわかる！アクションの作り方

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

アクションを作成する前に

アクションは、ひとつのファイルに対して行うものです。複数のファイルに実行する場合は、「バッチ処理」の中にアクションを組み込み、[ バッチ ] の設定により自動処理を行います。アクションを作成する前に、これらの関係を知っておきましょう。

[ バッチ ] の設定項目は、ソース / 実行 / 実行後に分けられ、アクションは、[ 実行 ] で選択する一連の操作の命令です。

たとえば、ファイルを開き、アクションを再生して、別名で保存する操作が、フォルダ単位で、複数のファイルに対して行えます。

新規セットを作成

新規アクションを作成

目次に戻る

レッスン動画を配信中！

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

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

新規セットを作成

練習用のアクションを作成しましょう。ここでは、ひとつのアクションに、３つの操作を記録していきます。まず、アクションを格納する [ アクションセット ] を作成します。

【操作方法】

アクション用の素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1600 pixel ]、[ 高さ : 1200 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。任意の素材画像でも可能です。

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

アクション用の素材画像を開く

画像サイズに気をつけよう！

アクションは、複数のファイルに実行する目的があるので、アクション用として開く画像は、実際に使う画像でも仮の画像でもかまいません。

アクションに組み込みたい効果が、ドキュメントサイズや解像度などに影響される場合は、同様の大きさの画像を用意しましょう。

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

[ ウィンドウ ] メニューから、[ アクション ] を選択します。[ アクション ] パネルで、[ 新規セットを作成 ] をクリックします。

[ 新規セットを作成 ] をクリック

[ 新規セット ] ダイアログで、[ アクションセット名 ] に任意の名前を入力します。ここでは、[ アクションの練習 ] というアクションセット名を入力しました。[ アクションセット名 ] が入力できたら、[ OK ] をクリックします。

[ アクションセット名 : (任意の名前) ]

アクションセット [ アクションの練習 ] が作成されたことを確認してください。

新規セットを確認

アクションセットとは？

アクションセットは、複数のアクションをまとめるフォルダのような働きをします。初期設定では、[ 初期設定のアクション ] が作成されていて、その中にさまざまなアクションが含まれています。

アクションを保存する際には、アクションセット単位になるので、[ 初期設定のアクション ] に含めるか、新規セットを作成しておく必要があります。

既存のアクションセットに含める場合は、アクションセットを選択して、[ 新規アクションを作成 ] をクリックします。

目次に戻る

新規アクションを作成

ドキュメントサイズの変更と、カラー画像をモノクロにする、簡単なアクションを作成しましょう。

【操作方法】

[ アクション ] パネルで、[ 新規アクションを作成 ] をクリックします。

[ 新規アクションを作成 ] をクリック

[ 新規アクション ] ダイアログで、[ アクション名 ] に任意の名前を入力します。ここでは、[ 800 x 800 フィット白黒 ] というアクション名を入力しました。

[ アクション名 ] が入力できたら、[ 記録 ] をクリックします。

[ アクション名 : (任意の名前) ]

すると、[ アクション ] パネルに、[ 800 x 800 フィット白黒 ] が作成されます。

同時に、[ 記録開始 ] が赤色になり、現在、アクションが記録中であることを表示します。ここから一連の操作の記録が開始されます。

[ 記録開始 ] が赤色になり記録開始

キーを押すだけで再生！

[ 新規アクション ] ダイアログで、[ ファンクションキー ] を設定すると、アクションを再生が、任意のキーで行えるようになります。初期設定では [ なし ] が選択されています。

[ ファンクションキー ] に任意のキーを選択

ここでは、[ ファンクションキー ] に [ F16 ] を選択しました。[ shift ] キー、[ command ( Ctrl ) ] キーを併用する場合は、どちらかのキーを有効にします。

この設定により、これから記録するアクションが、任意のキーを押すだけで再生されます。既存の登録キーがあると設定できないので注意しましょう。

設定後も追加・変更できる！

[ ファンクションキー ] は、[ 新規アクション ] ダイアログの設定後も、[ アクションオプション ] ダイアログで追加したり、変更することができます。

【操作方法】

[ アクション ] パネルで、[ ファンクションキー ] を追加・変更したいアクションを選択します。

パネル右上のパネルメニューアイコンをクリックして、メニューから [ アクションオプション ] を選択します。または、アクション名を [ option ( Alt ) ] キーを押しながらダブルクリックします。

目次に戻る

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

古岡ひふみ

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

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.

【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】

古岡ひふみ — Sun, 18 Jul 2021 23:00:00 +0000

【Photoshop基本操作】背景にもう少し余裕が欲しい場合、無敵の AI 機能 [コンテンツに応じて拡大・縮小] を使えば、違和感なく、一瞬で伸ばすことができます。しかし、遠近感のある構図では、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。そんなときは、画面を分割して、それぞれ個別に適用してみましょう。

画面を３分割する！

作例のような一点透視図法では、画面の中央から放射状に、オブジェクトの構造線が存在します。[ コンテンツに応じて拡大・縮小 ] は、そんな斜めのつながりも認識するスゴイ機能です。

しかし、そのシワ寄せが、比較的フラットな階調に展開されるので、部分的に過度な引き伸ばしが発生します。それは、対象領域が広いほど、どんどん大きくなっていきます。

その特性を最小限に抑えるため、適用しない保護領域と、左右の拡張領域に３分割しましょう。

足りない領域を一瞬で伸ばす方法

− パース編 −

[ STEP-01 ]

ガイドで画面を分割する

[ STEP-02 ]

比率でカンバスを伸ばす

[ STEP-03 ]

不足している領域を拡張する

不足領域を違和感なく拡張

これから行う操作は、不足している領域を違和感なく拡張する方法です。このレッスンでは、変形に伴う画質の劣化を最低限に抑えるため、まず、仕上げサイズの縦横比に合わせたカンバスサイズを決定し、[ コンテンツに応じて拡大・縮小 ] で不足している領域を拡張してから、任意の仕上げサイズにスケールダウンする方法を取ります。

[ コンテンツに応じて拡大・縮小 ] は、足りない領域を一瞬で伸ばすことができるゴキゲンな機能です。水平、または、垂直の変形なら、バウンディングボックスの簡単な操作で、素材画像に最適な引き伸ばしを、AI が自動的に適用してくれます。

足りない領域を一瞬で伸ばす方法「水平線編」

[ コンテンツに応じて拡大・縮小 ] は、斜めに構造線がある一点透視図法でも、つながりをしっかり認識してくれます。これは驚くべき機能です。

しかし、AI 機能に頼ってばかりはいられません。素材によっては、パースに段差が発生したり、偏った変形が加わったり、なかなか思うようにできません。

[ コンテンツに応じて拡大・縮小 ] のパフォーマスを最大限に引き出すには、あなたの工夫も必要です。作例では、選択範囲内にも個別に適用できる機能をいかして、変形から守る保護領域と、左右に拡張する領域を、垂直にスパッと分割します。さて、斜めの構造線は、どのようにつながるのでしょうか？

画面を３分割する

目次に戻る

レッスン動画を配信中！

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

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

ガイドで画面を分割する

個別に変形を適用するため、画面を分割するガイドを引きましょう。ガイドの作成は、計算なしで画面を分割してくれる、[ 新規ガイドレイアウトを作成 ] を使用します。

【操作方法】

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

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

素材画像を開く

photo by marusya21111999

CMYKでもOK！

ここでは、一般的な RGB カラーモード、JPEG 形式の画像を使用していますが、CMYK カラーモード、PSD 形式のドキュメントでも同様に適用することができます。

[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。

[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。

[ マージン ] を有効にして、[ 上 ] に、[ 64 px ]、[ 左 ] に、[ 96 px ]、[ 下 ] に、[ 64 px ]、[ 右 ] に、[ 96 px ] を入力します。

[ 列 ] を有効にして、[ 数 ] に、[ 3 ] を入力します。

[ 行 ] を有効にして、[ 数 ] に、[ 1 ] を入力します。[ OK ] をクリックします。

[ 新規ガイドレイアウトを作成 ] を設定

画面を３分割するガイドが作成できました。

画面を３分割するガイドが作成できた

ガイドを自動計算

[ 新規ガイドレイアウトを作成 ] を利用すれば、どんなサイズの画像にも、計算なしで瞬時にセンターガイドが引けます。

既存のガイドを消去

それまでに作成していたガイドが消去され、新しく設定するガイドのみを表示します。

マージン

ドキュメントの四辺に対して、レイアウトに必要な、余白領域が設定できます。作例では、マージンによって、構図のバランスを調整します。

列

ドキュメントを均等に縦割りする、数、幅、間隔を設定できます。ここでは、幅、間隔を使用しないので、[ 0 px ] を入力、または、[ delete ] キーを押して、数値を消去します。

行

ドキュメントを均等に横割りする、数、高さ、間隔を設定できます。

目次に戻る

背景からレイヤーへ

対象のドキュメントが、JPEG 形式などの画像の場合、足りない領域を透明ピクセル (透明部分) で伸ばしておく必要があります。そのため、背景からレイヤーへ、変換しておきましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] をダブルクリックします。

[ 背景 ] をダブルクリック

[ 新規レイヤー ] ダイアログで、[ OK ] をクリックします。

[ OK ] をクリック

背景からレイヤーへ、変換されたことを確認してください。

[ レイヤー 0 ] を確認

背景には適用できない！

[ コンテンツに応じて拡大・縮小 ] は、透明ピクセルを持たない [ 背景 ] には、適用できません。スマートオブジェクトに変換したレイヤーには、使用できません。

目次に戻る

人物のセンター合わせ

作例では、被写体の人物を、センターに合わせたいので、少し右方向へ移動しておきます。

【操作方法】

ドキュメント内にカーソルを置きます。

[ command ( Ctrl ) ] キーを押すと、[ 移動ツール ] のカーソルに切り替わります。

[ shift ] + [ command ( Ctrl ) ] キーを押しながら、右方向へドラッグすると、水平方向の移動ができます。

被写体の人物をセンターに合わせる

保護領域を最小限に

レイヤーの移動は、被写体の人物をセンターに合わせるだけではなく、保護領域内に含める作業も兼ねています。画面の左右にマージンを設けたのは、この保護領域を最小限に調整するためです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【トリミング】足りない領域を一瞬で伸ばす方法「パース編」【コンテンツに応じて拡大・縮小】 first appeared on psgips.

【色分解】カラー画像から２色刷りデータを作成する方法【チャンネルミキサー】

古岡ひふみ — Tue, 06 Jul 2021 23:00:00 +0000

【Photoshop基本操作】CMYK の４色から２色を選んで調整する「２色刷り」は、印刷コストを大幅に抑える技法として、古くから商業印刷の分野で行われています。Photoshop での色分解は、[ チャンネルミキサー ] を使って、CMYK の各チャンネルを調整します。

C と M を使う！

CMYK カラーモードへ変換した画像は、シアン版、マゼンタ版、イエロー版、そして、ブラック版 (キー・プレート) に色分解されています。どの版が欠けても、フルカラーは再現できません。しかし、シアン版とマゼンタ版をベースに調整すると、２色だけでも豊かな表現力を持たせることができます。

カラー画像から

２色刷りデータを作成する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

２色刷りデータを作成する方法

これから行う操作は、カラー画像から２色刷りデータを作成する方法です。対象となる素材により、調整値は若干異なります。まず、[ チャンネルミキサー ] のしくみを知って、それぞれのケースで応用してみましょう。

元画像

C + M の２色刷りデータ

[ チャンネルミキサー ] は、画像を構成するカラーチャンネルを個別に調整できる機能です。２色刷りでは、CMYK カラーモードで４色分解されたチャンネルから、新しく２つのチャンネルを作成します。以下は概念的なチャンネルの調整を表したものです。

チャンネルミキサーを作成

CMYK カラーのチャンネル

C (シアン) と M (マゼンタ) を使用

プロセスカラーの色分解から、任意のカラーインキを指定することもできます。[ スポットカラー ] は、新しく作成したチャンネルに設定することができ、２色刷りの仕上がりを特色でプレビューすることができます。

スポットカラーとは？

[ スポットカラー ] による２色刷り特色プレビュー

レッスンを始める前に

ドットゲインで変化する

目次に戻る

レッスンを始める前に

フルカラー画像から２色刷りデータを作成するには、必ず、CMYK カラーモードに変換する必要があります。CMYK カラーモード変換は、[ カラー設定 ] の [ CMYK ] で選択したプロファイルによって行われるので、この設定が違えば、後の調整値にも影響されます。

【操作方法】

[ 編集 ] メニューから、[ カラー設定 ] を選択します。[ カラー設定 ] ダイアログで、[ 設定 ] に [ プリプレス用 – 日本2 ] を選択します。

[ 作業用スペース ] セクションの [ CMYK ] に、[ Japan Color 2001 Coated ] が選択されていることを確認してください。

[ スポット ] に、[ Dot Gain 15% ] が選択されていることを確認してください。

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

[ カラー設定 ] を設定 (部分)

ドットゲインで変化する

[ プリプレス用 – 日本2 ] で設定されている、[ Japan Color 2001 Coated ] は、日本における一般的な、プロセスカラー分解を行います。

ドットゲインとは、紙に吸収されるインキがにじみ広がり、印刷物の網点が、指定より大きくなってしまう現象です。

これらの設定は、２色刷りの調整値に大きく影響します。事前に、印刷所の入稿ガイドなどを確認しましょう。

トラブルを未然に防ぐ！カラー設定10選

目次に戻る

レッスン動画を配信中！

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

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

YとKの階調を無くす

CMYK カラーモードは、どのチャンネルが欠けても、フルカラーでの再現はできません。しかし、シアンとマゼンタをベースに調整すると、２色だけでも、豊かな表現力を持たせることができます。

元画像

Y と K の階調を無くす

CMYK カラーモードのチャンネルから、イエロー版とブラック版の階調を無くすことで、シアン版とマゼンタ版の２色刷りデータを作成しましょう。

CMYKカラーに変換

一般的な画像のほとんどは、RGB カラーで作成されています。作例の素材画像も、RGB カラーが使用されています。まず、CMYK カラーモードに変換しましょう。変換する前に [ カラー設定 ] を確認してください。

レッスンを始める前に

【操作方法】

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

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

素材画像を開く

photo by yaseryousef70

最適な２版を選ぶ

ここでは、プロセスカラーのシアン版とマゼンタ版を活用する方法を取ります。

しかし、商業印刷における２色刷りの場合、まず、特色 (スポットカラー) が決められて、その条件に応じた色分解が行われることも多いです。

たとえば、黄色がキーカラーの商品や、緑色がキーカラーの風景など、そのモチーフは多種多様です。

紙面を構成する上で、文字の要素も重要になってきますし、２色を掛け合わせるノウハウも必要です。効果的な特色を選びましょう。

[ チャンネル ] タブをクリックして、[ チャンネル ] パネルを表示します。

RGB カラーモードの、チャンネル内容を確認してください。

RGB カラーモード

CMYK カラーモード

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

[ チャンネル ] パネルで、CMYK カラーモードの、チャンネル内容を確認してください。

基本がわかる！RGBとCMYK

[ CMYK カラー ] を選択

プロセスカラー印刷は４色

２色刷りデータは、CMYK カラーモードでなければ作成できません。対象画像が RGB カラーモードの場合は、あらかじめ、変換しておく必要があります。

プロセスカラーの４色分解

CMYK カラーモードでは、[ シアン ]、[ マゼンタ ]、[ イエロー ]、[ ブラック ] の４つのチャンネルによって、ひとつの画像が作られています。

プリント出力時には、それぞれのチャンネルが、インクの色 (プロセスカラー) に置き換えられます。CMYK カラーモードは、印刷用に最適化されたデータです。

プロセスカラーでのKの働き

[ CMYK カラー ] にモード変換すると、いちばん暗い領域を K として分解します。本来、すべての色域は、C M Y によって分解できるものです。

商業印刷の分野では、ブラックインキを多用することから、ブラックを特別な色として K (キー・プレート) を設けています。

そのため、C M Y のいちばん暗い領域から差し引かれた階調が、ブラック版として使われています。

目次に戻る

チャンネルミキサーを作成

[ チャンネルミキサー ] とは、各チャンネルに分解された階調 (グレースケール) を個別に変えることで、全体の色調を調整する機能です。調整値は比率で行い、ひとつのチャンネルを 100% として、その他のチャンネルに配分する比率を設定します。

【操作方法】

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックし、メニューから [ チャンネルミキサー ] を選択して、[ チャンネルミキサー 1 ] を作成します。

[ チャンネルミキサー 1 ] を作成

[ プロパティ ] パネルで、[ 出力先チャンネル ] に、[ イエロー ] を選択します。

[ イエロー ] に、[ 0 ] % を入力します。

[ イエロー : 0 % ] を入力

[ 出力先チャンネル ] に [ ブラック ] を選択します。

[ ブラック ] に、[ 0 ] % を入力します。

[ ブラック : 0 % ] を入力

イエロー版とブラック版の、階調を無くすことができました。

Y と K の階調を無くす

これで完成？

これが、最も簡単な２色刷りデータです。調整が不要の場合は、画像を統合して、PSD 形式、または、EPS 形式で保存します。事前に、印刷所の入稿ガイドなどを確認しましょう。

基本がわかる！ドキュメントの保存

別名で保存

入稿データのファイル形式

ここでは、基本的な暫定値から、対象画像に適した調整を加える方法をご紹介します。

目次に戻る

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

古岡ひふみ

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

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 で減少した色成分だけを取り出して、それを調整することが可能になるわけです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色調補正】CMYK→RGB変換を鮮やかに再現する方法【Labカラー】 first appeared on psgips.

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

目次に戻る

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

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

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

目次に戻る

レッスン動画を配信中！

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

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

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

目次に戻る

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

古岡ひふみ

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

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 ]

Camera Rawで開く

[ STEP-03 ]

プレビューを表示する

[ STEP-04 ]