PNG| 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.

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

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

【自動処理】複数の画像にウォーターマークを入れる方法【プラグイン】

古岡ひふみ — Sun, 29 Nov 2020 23:00:00 +0000

【Photoshop基本操作】ウォーターマークとは、画像や動画に入れる著作権表示などの情報です。語源は「水滴のあと」で、紙の透かしを指すことから、半透明の技法が多く用いられています。Adobe Creative Cloud から提供されているプラグインを使って、複数の画像にウォーターマークを入れましょう。

ベクターを使う！

画像に入れるウォーターマークは、Illustrator などで作成したベクターデータを使用しましょう。ベクターデータは、拡大・縮小による画質の劣化がないので、対象となる画像の大きさには影響されません。どんなピクセルサイズでもキレイに挿入できます。

複数の画像に

ウォーターマークを入れる方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

ウォーターマークを自動化する

これから行う操作は、複数の画像にウォーターマークを入れる方法です。自動化の課題は、ピクセルサイズに適したウォーターマークを、複数の画像に一括して適用することです。画像には、縦長、横長の違いもあります。これらに合わせたバランスを、個別に演算することは、操作を再生する [ アクション ] だけでは難しいです。

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

Adobe Creative Cloud から提供されているプラグイン [ Watermark 3 ] は、対象となる画像のピクセルサイズに適した大きさを、３段階の基本サイズから選んで自動的に演算します。ウォーターマークには、９箇所の位置、不透明度、間隔が設定できます。Free 版は機能制限あり

ウォーターマークを自動化できる [ Watermark 3 ]

Watermark 3 インストールページ

【インストール方法】

[ Creative Cloud ] を起動して、[ マーケットプレイス ] – [ プラグイン ] – [ おすすめプラグイン ] を選択します。Creative Cloud アカウントでログイン

Creative Cloud

[ 基本プラグイン ] カテゴリから、[ Watermark 3 ] の [ 取得 ] をクリックします。

[ 取得 ] をクリック

[ Watermark 3 プラグインをインストール ] で [ OK ] をクリックします。

[ OK ] をクリック

[ Watermark 3 ] パネルで、[ Your email adress ] にメールアドレスを入力しします。Photoshop 起動時

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

[ OK ] をクリック

プラグインを管理

インストールしたプラグインは、[ Creative Cloud ] の [ プラグインを管理 ] で管理します。[ プラグインを管理 ] では、現在インストールしているプラグインが表示されるほか、アンインストールなどの操作が行えます。

[ アンインストール ] をクリック

目次に戻る

Watermark 3 の概要

[ Watermark 3 ] をインストールできたら、Photoshop を起動しましょう。新しいプラグイン情報が読み込まれ、[ Watermark 3 ] が使用できるようになります。

【操作方法】

[ プラグイン ] メニューから、[ Watermark 3 ] – [ Watermark 3 ] を選択します。

[ Watermark 3 ] を選択

すると、[ Watermark 3 ] パネルが表示されます。

[ Watermark 3 ] パネル

Single Image (単一の画像)

単一の画像 (開いたドキュメント) にウォーターマークを配置する場合に選択します。

Multiple Image (複数の画像)

複数の画像 (フォルダーを指定) にウォーターマークを配置する場合に選択します。

Source (ソース)

ウォーターマークのソースに関するタブです。

Size/Position (サイズ/位置)

ウォーターマークのサイズと位置に関するタブです。

Text (テキスト)

ウォーターマークにテキスト (フォント) を適用する場合に選択します。

Logo (ロゴ)

ウォーターマークにロゴ (画像) を適用する場合に選択します。

Add Watermark (ウォーターマークを適用)

クリックすると、設定内容のウォーターマークが適用されます。

フリー版は制限あり

[ Watermark 3 ] は、フリー (無料) 版とプロ (有料) 版があります。ウォーターマークの詳細なサイズや位置、プリセットの選択、他のアクションとの組み合わせ、出力方式の選択など、さらに上級を目指すなら、プロ版へグレードアップしましょう。

Watermark 3 インストールページ

目次に戻る

ウォーターマークの準備

[ Watermark 3 ] は、テキスト、または、ロゴを適用することができます。ロゴをウォーターマークとして使用する場合は、あらかじめ、ピクセル、または、ベクターファイルを準備しておきましょう。

ここでは、Illustrator で作成したロゴを使用します。ウォーターマークの配置は、アートワークの塗りがそのまま反映されるので、透明グリッドのアートボード上にロゴを作成します。カラーにも対応しますが、透かし効果と可読性を両立させるには、シンプルに白色、または、黒色が適しているでしょう。

素材アートワークをダウンロードしよう！ ( 1.8 MB )

Illustrator でロゴを作成

透明部分を含む形式

ピクセルデータの場合は、PSD 形式のほか、EPS、GIF、JPEG、PNG、TIFF などの画像保存形式に対応しますが、透明部分をサポートしていない EPS、JPEG 形式では、ロゴの背景色が、そのまま反映されるので注意してください。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【自動処理】複数の画像にウォーターマークを入れる方法【プラグイン】 first appeared on psgips.

【自動処理】PNG形式のファイルをEPS形式に一括変換する方法【アクション】

古岡ひふみ — Mon, 29 Feb 2016 23:00:00 +0000

【Photoshop基本操作】PNG 形式の RGB 画像を、印刷用に使用する場合は、ファイルフォーマットの変換に加え、CMYK カラーモードの変換も行わなければなりません。処理する画像の量が多いと、これは、大変厄介な作業になります。アクションとバッチ処理で、互換性の高い EPS 形式に一括変換しましょう。

モード変換を組み込む！

EPS 形式のカラーモードは [ CMYK カラー ] です。そのため、アクションにモード変換を組み込むと、作業が大幅に効率化できます。しかし、そこで気を付けなければならないことは、現在の [ カラー設定 ] が適用されることです。

現在の [ カラー設定 ] が間違っていると、処理したすべてのファイルが、印刷入稿の規定に適合しません。つまり、危ういものは、できるだけ排除しておきましょう。

PNG → EPS

ファイルを一括変換する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

EPS 形式へのファイル変換を自動化する

これから行う [ アクション ] と [ バッチ ] を利用した自動処理は、PNG 形式 ( RGB カラー) から EPS 形式 ( CMYK カラー) へのファイル変換を行うものです。

たとえば、スクリーンショットの画像を、印刷用の入稿データに一括変換するときに便利です。CMYK カラーへのモード変換と、[ EPS オプション ] の設定をアクションに組み込みます。

目次に戻る

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

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

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

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

作業用スペースを設定する

まず、CMYK カラーへのモード変換に使用される、一般的なカラープロファイルを設定しておきます。カラープロファイルの設定は、Photoshop の作業用スペースに使用されるものです。つまり、大変重要な役割を担う設定なのです。

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

[ カラー設定 ] を設定

【操作方法】

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

すると、[ 作業用スペース ] セクションの [ RGB ] に [ Adobe RGB (1998) ]、[ CMYK ] に [ Japan Color 2001 Coated ] が設定されます。

[ 設定 ] に [ プリプレス用 – 日本2 ] を選択

[ カラーマネジメントポリシー ] のすべての項目のチェックマークを外して、[ OK ] をクリックします。

すべての項目を無効

プロファイルを破棄する！

[ カラーマネジメントポリシー ] のすべての項目を [ オフ ] に設定すると、それまで保持していたカラープロファイルは破棄されます。

このことにより、印刷所やプリンターなどの出力側は、プレーンな画像として扱えるので、効率的だと考えられる場合が多いです。

もちろん、これは任意の設定です。そのため、カラープロファイルを保持、または、確認する場合は、プリセット [ プリプレス用 – 日本2 ] を選択した状態にしてください。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【自動処理】PNG形式のファイルをEPS形式に一括変換する方法【アクション】 first appeared on psgips.

【自動処理】一括リサイズを画像の長辺で統一する方法【画像のフィット】

古岡ひふみ — Wed, 24 Feb 2016 23:00:00 +0000

【Photoshop基本操作】デジカメで撮影した画像ファイルを、自動的にリサイズしたい場合に直面する問題は、縦位置と横位置で撮影された画像が、不揃いに混在している点です。縦横、どちらかの長辺を、指定した大きさに一括変換できる、[ 画像のフィット ] を使用すれば、すべての画像が、統一した大きさにリサイズできます。

これを知らなきゃ損をする！

[ 画像のフィット ] は、縦横、いずれかの長辺を、自動的に判断してくれるので、さまざまなサイズが混在する、大量の画像データであっても、あっという間に処理ができます。画像のリサイズといえば、一般的には、[ 画像解像度 ] をすぐに思い浮かべます。しかし、[ 画像のフィット ] という選択肢を加えると、自動化の可能性もずいぶん広がることでしょう。

一括リサイズを

画像の長辺で統一する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]