ファイル形式 (フォーマット)| 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.

基本がわかる！RGBとCMYK「知っておきたい色の見え方」【2024】

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

【Photoshop基本操作】パソコンのディスプレイから発する色に、疑問を抱いたことはありませんか？電源をオフにしてみてください。それまで黒だと信じていた色は、実はディスプレイの生の色だったのです。色ってなんだろう？この素朴な疑問から、デジタル画像の攻略は始まるのです。

光の色とモノの色！

色の見え方には２種類あって、ひとつは「透過する光の色」、もうひとつは「反射するモノの色」です。太陽光には虹色のスペクトルが含まれていて、光そのものはいろんな色に見えます。その光を受けて反射するモノにも色が存在します。これは光をどのように、どれだけ反射するかで色が決まります。たとえば、すべてを反射する色は白、まったく反射しない色は黒になります。

基本がわかる！RGBとCMYK

[ CHAPTER-01 ]

色の見え方のちがい

[ CHAPTER-02 ]

カラー設定

[ CHAPTER-03 ]

カラーモードの変換

色の見え方のちがい

色の見え方のちがいを、「パソコンのディスプレイ」と、「印刷物の紙」に分けて考えましょう。パソコンのディスプレイは、赤 ( Red )、緑 ( Green )、青 ( Blue ) という「光の３原色」によって、色が表現されています。印刷物の紙は、シアン ( Cyan )、マゼンタ ( Magenta )、イエロー ( Yellow ) という「色料の３原色」と、黒 ( Key plate ) を加えた４色によって、色が表現されています。

色の見え方を比較

この２つの色の見え方を簡単に言うと、パソコンのディスプレイは「透過する光の色」、印刷物の紙は「反射するモノの色」です。特性の大きな違いは「無色」の表し方にあります。

黒色は特別な色！

ここでは概念的な色の見え方に限定しているので、特別な色である「黒」は、頭の片隅に置いておいてください。概念的に黒色は「無色」とされています。

レッスン動画を配信中！

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

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

無色の表し方

パソコンのディスプレイでは、光の３原色が [ 0 ] の場合、黒色になります。これは電源をオフにした状態と同じです。つまり、厳密に言えば「透明」で、ディスプレイの生の色だということになります。印刷物の紙では、色料の３原色が [ 0 ] の場合、白色になります。これはカラーインキが印刷されていない状態と同じです。つまり、厳密に言えば「透明」で、印刷用紙の色だということになります。

対象的な無色の表し方

このような色の異なる特性を、加色混合 (かしょくこんごう)、減色混合 (げんしょくこんごう) といいます。

異なる色の特性

目次に戻る

加色混合と減色混合

加色混合とは、R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性です。減色混合とは、C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性です。

加色混合のRGBカラー

減色混合のCMYKカラー

目次に戻る

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

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

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

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

ふたつのカラーモード

Photoshop の作業は、すべてパソコンで行います。パソコンのディスプレイは、RGB カラーで表示されています。この Photoshop の作業環境は、どのような場合でも変わることはありません。たとえば、Web 用のドキュメントを作成した場合、インターネットのサーバーを介して、そのメディアである端末のディスプレイ (モニタ) に表示されます。

Web 用ドキュメントのカラーモード

パソコン作業が RGB、メディアが RGB ですから、作成したドキュメントのカラーモードが「 RGB カラー」なら、すべての色は同じ見え方になります。

では、印刷用はどうでしょう？入力が RGB、出力が CMYK ですから、画像データが印刷物になるまで、どこかで「 CMYK カラー」に変換しなくてはなりません。

印刷用ドキュメントのカラーモード (一般的な家庭用プリンターの場合)

一般的な家庭用プリンターの場合、機器によってインクの数や、色の再現方法が異なるので、独自の「 CMYK カラー」に変換する機能を持っています。つまり、「 RGB カラー」で作成したドキュメントでも、自動的に「 CMYK カラー」に変換されて出力されます。一般的な家庭用プリンターでは、異なる色の見え方「 CMYK 」を、特に意識する必要もないワケです。

印刷用ドキュメントのカラーモード (商業印刷用出力機の場合)

しかし、商業印刷の分野では、より正確な色の再現が求められるため、出力機に通す前の工程で、変換することが通例です。「 CMYK カラー」で作成した画像は、擬似的な見え方で、ディスプレイに表示されます。「 RGB カラー」で作成した画像を、「 CMYK カラー」に変換することも可能です。

印刷用はCMYKカラー

Photoshop で作成する画像が、Web 用なのか、印刷用なのかで、「適切なカラーモードが違う」ということをよく理解しておきましょう。

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 基本がわかる！RGBとCMYK「知っておきたい色の見え方」【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.

【Dimension】最初に覚えたい！基本操作10選「3DCGでモックアップをつくる」

古岡ひふみ — Sun, 07 Aug 2022 23:00:00 +0000

【Dimension基本操作】「 Dimension 」を簡単に言えば、立体物に画像を貼り付けるソフトです。3DCG のしくみや、操作がイマイチわからないというユーザーにとっては、取り組みやすいツールだと思います。最初に覚えたい基本操作を10項目に絞って、ひとつのモックアップ作品を作成してみましょう。新機能は Substance 3D に移行される予定

オブジェクトを正面で捉える！

一般的な 3DCG ソフトは、固定したモデルに対して、カメラ側の向きを変えるものです。そのため、背景との構図を決める作業が大変です。

Dimension は、レンダリング後の合成 (２次元画像) を、主な用途としているところが大きな特徴です。オブジェクトを正面で捉えて、Photoshop 上で位置を編集する方がカンタンですね。レンダリング : 3DCG の数値データから画像化すること

Dimension

最初に覚えたい！基本操作10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

外部の3Dモデルを読み込む

「 Adobe Stock 」などの外部フリー 3D モデル素材を、Dimension に読み込む方法です。作例で使用している「コーヒー用のフタ付きドリンクカップ」は Adobe Stock で取得できます。3D モデルがなきゃ始まりません。まずは、素材をダウンロードしましょう。

Adobe Stock – 3D モデル – Coffee With Holder

目次に戻る

新しいドキュメントを作成

Photoshop などと同じように、Dimension も、新しいドキュメントから始めます。ただし、これは平面ではなく、3D 空間を見ている、カメラのファインダーからの視点です。

【操作方法】

起動画面で [ 新規作成 ] をクリックします。

Dimension を起動

[ 新規作成 ] をクリック

すると、接地面にグリッドが引かれた、新しいドキュメントが表示されます。接地面 : 3D 空間の底にあたる部分で、座標値が [ Y : 0 ] の平面

新しいドキュメントが表示される

基本学習ツアーに参加

Dimension を起動すると、起動画面が表示されます。[ ラーニング ] をクリックすると、Dimension を使った 3D 空間での作業の基本が学習できます。これにざっと目を通しておくと、より理解が深められるでしょう。

[ ツアーを開始 ] をクリック

カンバスサイズを設定

Dimension の [ 新規作成 ] をクリックすると、カンバスサイズが初期設定された新しいドキュメント ( 1,024 x 768 px ) が作成されます。自由なカンバスサイズを設定するには、[ 新規作成 ] の右側にある [ … ] をクリックします。カンバスサイズ : Dimension では、カメラのファインダーから見た画角サイズ

[ 新規ドキュメント ] を設定

[ 初期設定にする ] を有効にすると、新しいカンバスサイズが初期設定されます。使用する背景画像のピクセルサイズや縦横比に適した設定を行いましょう。

目次に戻る

レッスン動画を配信中！

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

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

3Dモデルを読み込む

ここでは、Adobe Stock で取得した、3D モデルを読み込みましょう。その他の 3D モデルを、外部から読み込む場合も同じ操作です。Dimension で読み込めるファイル形式に注意してください。

【操作方法】

[ ファイル ] メニューから、[ 読み込み ] – [ 3D モデル ] を選択します。読み込み : [ command ( Ctrl ) ] + [ I ]

Adobe Stock – 3D モデル – Coffee With Holder

[ 3D モデル ] を選択

3D モデルを読み込むダイアログで、Adobe Stock で取得した 3D モデルのファイル「 coffee_withHolder.obj 」を選択します。

[ 開く ] をクリックします。

OBJ 形式のファイルを選択

対応するファイル形式は？

Dimension が読み込める 3D モデルのファイル形式は、「Wavefront OBJ ( .obj )」です。その他の対応ファイル形式は、グラフィックが「 .jpg 」、「 .png 」、「 .psd 」。マテリアルが「 .mdl 」。ライトが「 .hdri 」、「 .exr 」、「 .ibl 」です。

読み込んだ 3D モデルが、カンバスの中央に配置されます。

読み込んだ 3D モデルが配置される

アセットから配置するには？

[ アセット ] パネルで、3D モデルをクリック、または、カンバスにドラッグして、好きな場所に配置することができます。

3D モデルをカンバスにドラッグ

接地面の座標を読む

[ プロパティ ] パネルの [ 位置 ] では、3D モデルの回転軸を起点とした座標が表示されます。[ 回転軸 ] に [ 下 ] を選択すると、3D モデルの底部が起点になります。たとえば、[ Y ] に [ 0 cm ] を設定すると、接地面のグリッドにぴったり合うので、オブジェクトが宙に浮いてしまう失敗を防げます。

[ プロパティ ] パネルで [ 位置 ] を確認

[ プロパティ ] パネルは、現在、選択されているシーンによって、表示される内容が異なります。[ シーン ] パネルの選択項目を確認してください。ひとつのオブジェクト全体の座標値を確認したい場合は、3D モデルのフォルダ [ coffee_withHolder ] を選択します。

目次に戻る

続きは［＞］をクリック！

古岡ひふみ

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

psgips.net

The post 【Dimension】最初に覚えたい！基本操作10選「3DCGでモックアップをつくる」 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.

【レタッチ】スーパー解像度を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.

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

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

【レタッチ】JPEG圧縮の劣化をキレイに修正する方法【JPEGのノイズを削除】

古岡ひふみ — Wed, 04 Nov 2020 23:00:00 +0000

【Photoshop基本操作】JPEG 形式の画像は、ファイル容量を少なくできる反面、画質が劣化してしまうので残念ですね。機械学習テクノロジーを使用した、[ JPEG のノイズを削除 ] を使用すれば、驚くほどカンタンに解決できます。PSD 形式から JPEG 形式へ出力して、適切な圧縮率で画質を維持させましょう。

JPEG出力で画質を維持する！

せっかく、ノイズが綺麗に削除できても、上書き保存すると、元の状態に戻ってしまいます。それは、元画像の圧縮率が、そのまま適用されるからです。[ JPEG のノイズを削除 ] を適用したら、一旦、PSD 形式で保存して、そのドキュメントから、JPEG 形式へ出力するようにしましょう。

JPEG圧縮の劣化を

キレイに修正する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]