保存・別名で保存| 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.

基本がわかる！アクションの作り方「知っておきたい操作とバッチ処理」【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.

【画像の変形】置き換えるだけ！パッケージデザインをモックアップに貼る方法【ワープ】

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

【Photoshop基本操作】あなたのデザインに置き換えるだけ！実物イメージが簡単に視覚化できる、モックアップの雛形ファイルです。チョコレート菓子の個包装に、はめ込み合成しましょう。

分割をカスタマイズ！

より自然に見せる課題は、パースと膨らみです。自由な変形が行える [ ワープ ] は、複数のコントロールポイントで、自由な変形が行えます。でも、その自由さが、かえって操作を難しくしていますね。

[ 分割 ] オプションでは、対象物の基本構造に合わせたメッシュが作成できます。これなら、カンタンに操作できます。

置き換えるだけ！

パッケージデザインを

モックアップに貼る方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

パッケージデザインをモックアップに貼る方法

これから行う操作は、あらかじめ作成したパッケージデザインを、モックアップに貼る方法です。

モックアップの雛形ファイル

コンテンツを置き換える

モックアップとは、試作模型や見本品を指す呼称です。その目的は、実物のイメージに限りなく近づけて、機能や外観デザインを検討することにあります。

モックアップの元画像

このレッスンでは、チョコレート菓子の、個包装モックアップを使用します。コンテンツを置き換えるだけの基本操作と、簡単な編集方法をご紹介しましょう。

目次に戻る

レッスン動画を配信中！

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

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

コンテンツを置き換える

[ コンテンツを置き換え ] は、スマートオブジェクトの機能です。モックアップの雛形ファイルを使用して、 [ コンテンツを置き換え ] の基本操作を行いましょう。

モックアップの雛形ファイル

コンテンツを置き換える

目次に戻る

最初の置き換え

ひとつのスマートオブジェクトに対して、ひとつのコンテンツを置き換えることができます。モックアップの雛形ファイルを開いて、まず、左側の個包装モックアップ (グリッド画像) を、新しいデザインに置き換えましょう。

【操作方法】

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

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

素材画像を開く

雛形ファイルを確認しよう！

モックアップの雛形ファイルには、あらかじめ、光沢、ドロップシャドウ、背景などの効果が設定されています。

雛形ファイルのレイヤー構造

[ レイヤー ] パネルで、[ Your design here! ( graphic-a ) ] を選択します。このスマートオブジェクトの内容を、あなたのデザインに置き換えるだけで、リアルなモックアップの、はめ込み合成が完成します。

[ Your design here! ] を選択

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを置き換え ] を選択します。素材画像の [ giantbar-front.psd (平面デザイン-表) ] を選択します。ドキュメントのサイズ : 1206 px × 398 px

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

平面デザイン-表を選択

雛形ファイルのグリッド画像を、新しいデザインに置き換えることができました。

新しいデザインに置き換えることができた

置き換えるだけ！

目次に戻る

２つめの置き換え

同様にして、右側のグリッド画像も置き換えましょう。ここでは、「平面デザイン-裏」を選択します。

【操作方法】

[ レイヤー ] パネルで、[ Your design here! ( graphic-b ) ] を選択します。

[ Your design here! ] を選択

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを置き換え ] を選択します。素材画像の [ giantbar-back.psd (平面デザイン-裏) ] を選択します。ドキュメントのサイズ : 1206 px × 398 px

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

平面デザイン-裏を選択

パッケージデザインを、モックアップに貼ることができました。

パッケージデザインをモックアップに貼ることができた

雛形ファイルのしくみ

[ コンテンツを置き換え ] で選択するファイルは、モックアップに貼る、あなたのデザイン例です。ここでは、デザインの元となる変形前の画像を、「平面デザイン」と呼びます。

サンプル : 平面デザイン-表 ( 1206 px × 398 px )

サンプル : 平面デザイン-裏 ( 1206 px × 398 px )

雛形ファイルには、モックアップの形状に合わせた、変形の情報を含むスマートオブジェクトが作成されています。このスマートオブジェクトは、さまざまな効果をつけるレイヤー層にあり、その複製が [ Your design here! ] です。

雛形ファイルのしくみ

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【画像の変形】置き換えるだけ！パッケージデザインをモックアップに貼る方法【ワープ】 first appeared on psgips.

【描画色】よく使う色だけ！スウォッチをカスタマイズする方法【プリセット・読み込み・書き出し】

古岡ひふみ — Sun, 10 May 2020 23:00:00 +0000

【Photoshop基本操作】よく使う色だけで、[ スウォッチ ] パネルを構成すれば、作業効率は格段にスピードアップできます。たとえば、決められたポートレートカラーを追加しておけば、設定値を間違ってしまうミスもなくなるし、関連した複数のイメージカラーも一覧できます。指定色の面倒な設定や、探し出す手間を省きましょう。

プリセット単位で管理する！

よく使う色や関連色を、[ スウォッチ ] パネルに作成しておけば、カラースウォッチをクリックするだけで、描画色をカンタンに設定することができます。プリセットへの登録は、[ スウォッチ ] パネルの [ 選択したスウォッチの書き出し ] を使用します。プリセットの読み込みや、削除、表示順、名前変更などが行えます。

よく使う色だけ！

スウォッチをカスタマイズする方法

[ CHAPTER-01 ]

指定色のスウォッチを作成する

[ CHAPTER-02 ]

スウォッチを書き出す

[ CHAPTER-03 ]

スウォッチを読み込む

指定色のスウォッチを作成する

これから行う操作は、よく使う指定色を、[ スウォッチ ] パネルに作成する方法です。指定色のサンプルからカラー情報を採取して、新しいカラースウォッチを作成します。作成した複数のカラースウォッチを、ひとつのグループとして、効率よく活用しましょう。

指定色のスウォッチを作成

【操作方法】

指定色のサンプルを表示します。サンプリングを行わず、描画色に直接、数値を設定することもできます。

指定色のサンプルを表示する

サンプリングとは？

サンプリングとは、既存の見本から要素を採取する操作です。[ スポイトツール ] によるサンプリングは、Web ページや PDF からでも行えます。サンプリングしたカラーは、現在の描画色として反映されます。カラースウォッチは、現在の描画色から作成できます。

Webブラウザからカラーをサンプリングする方法

[ ツール ] パネルで、[ スポイトツール ] を選択します。

[ スポイトツール ] を選択

サンプリングしたい色の領域をクリックします。

サンプリングしたい色の領域をクリック

[ ツール ] パネルの描画色が、サンプリングしたカラーに変更されたことを確認してください。

カラー情報を確認

サンプリングしたカラーの情報を確認したい場合は、色をサンプリングしたい箇所を [ shift ] + クリックします。すると、サンプリングポイントのアンカーが作成され、自動的に [ 情報 ] パネルが表示されます。

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

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

新しいスウォッチの作成

新しいスウォッチの、カラーがサンプリングできたら、[ スウォッチ ] パネルのライブラリに追加しましょう。スウォッチ名が必要なので、わかりやすい名前を準備してください。

【操作方法】

[ スウォッチ ] パネルを表示します。

[ 新規グループを作成 ] をクリックして、[ グループ名 ] ダイアログを表示します。

[ 新規グループを作成 ] をクリック

[ グループ名 ] ダイアログで、[ 名前 ] に [ (任意のグループ名) ] を入力して、[ OK ] をクリックします。

[ (任意のグループ名) ] を入力

新しいグループが作成されたことを確認します。

[ スウォッチを新規作成 ] をクリックして、[ スウォッチ名 ] ダイアログを表示します。

[ スウォッチを新規作成 ] をクリック

[ スウォッチ名 ] ダイアログで、[ 名前 ] に [ (任意のスウォッチ名) ] を入力して、[ OK ] をクリックします。

[ (任意のスウォッチ名) ]を入力

現在のライブラリに追加？

[ スウォッチ名 ] ダイアログには、[ 現在のライブラリに追加 ] というチェックボックスがあります。これを有効にすると、新しく作成したスウォッチが [ CC ライブラリ ] に追加されます。

[ 現在のライブラリに追加 ] を有効

[ CC ライブラリ ] とは、Adobe CC のアカウントで利用できるストレージ (保存場所) です。保存されたデータは、インターネットなどのネットワーク上で共有できます。カテゴリやグループの分類もパネル上で行えます。もうひとつの素材庫として、[ CC ライブラリ ] をうまく活用しましょう！

カラースウォッチが追加される

現在、設定されている描画色から、新しいカラースウォッチが作成されます。

新しいカラースウォッチが作成された

スウォッチの名前を表示

カラースウォッチにマウスカーソルを置くと、スウォッチの名前が表示されます。[ Photoshop ( 編集 ) ] – [ 環境設定 ] – [ ツール ] の [ ツールヒントを表示 ] が有効の場合

カラースウォッチをオンマウス

同様にして、他の指定色のカラースウォッチを作成します。

他のカラースウォッチを作成

グループの表示順を変える

[ スウォッチ ] パネルで、いずれかのグループが未選択のとき、新しいグループは、いちばん下に作成されます。グループをドラッグすると、移動先に青線が表示され、マウスボタンを離すと表示順を変えることができます。

グループをドラッグ

スウォッチを削除する

[ スウォッチ ] パネルで、削除したいカラースウォッチをクリックして選択して、[ スウォッチを削除 ] をクリックします。複数のカラースウォッチを選択したい場合は、[ shift ] キーを押しながらクリックします。

[ スウォッチを削除 ] をクリック

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【描画色】よく使う色だけ！スウォッチをカスタマイズする方法【プリセット・読み込み・書き出し】 first appeared on psgips.

【スマートオブジェクト】ひとつの修正ですべてのファイルを更新する方法【コンテンツを置き換え】

古岡ひふみ — Wed, 28 Nov 2018 23:00:00 +0000

【Photoshop基本操作】たとえば、ロゴタイプやシンボルマークなどは、複数のファイルに共通して配置されるものです。そのため、その内容が変更されたら、ひとつずつ修正するのは、大変面倒な作業となります。そんなときは、配置したひとつのコンテンツを書き出して、内容を修正したものに、一括して置き換えましょう。

修正を想定してつくる！

「これ、修正入るかも？」と想定できるコンテンツは、あらかじめ「スマートオブジェクト」に変換しておきましょう。

複数のコンテンツに、ドラッグ＆ドロップして配置しておくと、それらが共通コンテンツとして、ひとつの修正で、すべてのファイルを更新することができます。

共通コンテンツは、個別に拡大・縮小や効果を加えても、それらを維持しながら、最新のものに置き換えることができます。

ひとつの修正で

すべてのファイルを更新する方法

[ STEP-01 ]

修正用のファイルを書き出す

[ STEP-02 ]

書き出したファイルを修正する

[ STEP-03 ]

コンテンツを置き換える

共通コンテンツを一括して編集する方法

これから行う操作は、共通コンテンツとして、別のファイルに保存したものを、ひとつの修正で、一括して編集する方法です。

[ 配置 ] コマンドや、[ ペースト形式 ] で作成した [ スマートオブジェクト ] は、[ コンテンツを書き出し ] で内容を編集して、[ コンテンツを置き換え ] で、すべての保存ファイルに反映させることができます。

目次に戻る

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

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

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

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

修正用のファイルを書き出す

ここでは、モノクロのロゴをカラーにする修正を行いましょう。モノクロのロゴは、修正前の共通コンテンツです。これを、Illustrator 形式のファイルとして書き出します。

【操作方法】

Photoshop を起動、または、Dock でアイコンをクリックします。素材画像をダウンロードして開きます。素材画像は、[ 幅 : 640 pixel ]、[ 高さ : 425 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。PSD 形式 (低解像度)

Photoshop を起動

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

素材画像を開く

[ レイヤー ] パネルで、共通コンテンツのスマートオブジェクトを選択します。

共通コンテンツのスマートオブジェクトを選択

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

スマートオブジェクトとは、元画像を保持しながら、非破壊編集が行える機能です。対象のピクセルレイヤーやベクトルレイヤー、グループを選択して、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

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

作例では、Illustrator で作成したアートワークを、Photoshop のドキュメントへ配置したものを、共通コンテンツとしています。

【共通コンテンツを作成】

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

Illustrator 形式のファイルを選択して、[ 配置 ] をクリックします。

すると、自動的にスマートオブジェクトに変換されたレイヤーが作成されます。

Illustratorのアートワークをコピー＆ペーストする方法

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを書き出し ] を選択します。[ 保存 ] ダイアログで、[ 名前 ] に任意の名前を入力します。

[ 保存先 ] を選択します。

[ 保存 ] をクリックします。

[ 保存 ] をクリック

メニューが選択できない？

[ コンテンツを書き出し ] は、選択したレイヤーが、スマートオブジェクトでなければ行えません。

共通コンテンツにしたい対象のレイヤーが、シェイプレイヤー、または、ピクセルレイヤーの場合は、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

バージョンCS6以前

バージョン CS 6 以前では、Illustrator 形式で書き出す場合、[ "ai"を使用 ] をクリックします。

CS 6 では [ "ai"を使用 ] をクリック

標準拡張子PDFとは？

PDF (ピーディーエフ) とは、コンピュータ間でファイルを電子的に配布するための、ISO により標準化された保存形式です。Photoshop で作成したドキュメントも、[ Photoshop PDF ] として保存できます。ISO : 国際標準化機構

[ コンテンツを書き出し ] に選択したスマートオブジェクトが、ビットマップ画像の場合は、[ 名前 ] の拡張子に、JPEG 形式や PSD 形式などのファイルフォーマットを、自動的に判断して表示します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【スマートオブジェクト】ひとつの修正ですべてのファイルを更新する方法【コンテンツを置き換え】 first appeared on psgips.

【ドキュメントの保存】EPS形式で失敗しないオススメ設定【EPSオプション】

古岡ひふみ — Thu, 28 Jun 2018 23:00:00 +0000

【Photoshop基本操作】EPS 形式とは、ポストスクリプトプリンターで出力することを前提とした、主に印刷用の「古い伝統的」なファイル形式です。ドキュメントを保存するときに現れる [ EPS オプション ] は、DTP アプリケーションや出力先などの、作業を円滑に進めるための設定です。これを改善しましょう。

JPEGエンコードで圧縮する！

[ EPS オプション ] の [ エンコーディング ] は、画像を構成するドットを符号化します。初期設定では [ ASCII85 ]、または、[ バイナリ ] が選択されています。

エンコードは、互換を円滑にするためのものですが、そのためにデータ長が増加して、ファイルサイズが大きくなってしまうデメリットもあります。

JPEG エンコードは、データの欠落や改変があるものの、視覚的な影響を少なくして、大幅な圧縮が行われます。このため、ファイルサイズを小さくすることができます。

EPSの効率的な保存設定

これから行う操作は、PSD 形式のドキュメントを、EPS 形式で保存する効率的なオススメ設定です。推奨される設定は、それぞれの入稿先によって異なるので、事前に印刷所の入稿ガイドなどを確認しましょう。

EPS形式で保存する準備を行う

EPS 形式のような汎用フォーマット (幅広い用途で使われるファイル形式) では、Photoshop の作業内容を、保存ファイルに含めることができません。[ 画像を統合 ] と [ CMYK カラー ] を適用しましょう。

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

【操作方法】

EPS 形式で保存するドキュメントを開きます。ここでは、Photoshop 形式で作成したドキュメントを開きました。

EPS 形式で保存するドキュメントを開く

EPS保存の条件

EPS 形式では、アルファチャンネル、レイヤー、16 bit、32 bit がサポートされていません。また、用途が印刷用の場合は、カラーモードを RGB から CMYK に変換しておきます。

基本がわかる！RGBとCMYK

[ レイヤー ] メニューから、[ 画像を統合 ] を選択して、レイヤーを１枚の画像に統合します。

レイヤーを含むドキュメント

[ 画像を統合 ] を適用

[ イメージ ] メニューから、[ モード ] – [ CMYK カラー ] を選択して、画像を CMYK に変換します。警告アラートが表示されます。

警告アラート

[ イメージ ] メニューから、[ モード ] – [ 8 bit/チャンネル ] を選択します。

[ 8 bit/チャンネル ] を選択

なぜ、EPS形式なの？

EPS 形式は、古くから採用されている印刷入稿用のファイルフォーマットで、世界中の印刷所にある出力機が対応できる、互換性の優れたファイル形式です。

より効率的に、より安全に出力することを目的とされるため、「私は EPS 形式が嫌い！」なんてわがままは言っていられないのです。

しかし、Photoshop がスタンダードとなり、「 PSD 形式」に対応できる出力機も一般化されているので、何がなんでも、EPS 形式でなければならないということではありません。

たとえば、切り抜きで絶大な威力を発揮する透明部分は、ネイティブファイルの PSD 形式でないと保存できません。EPS 形式での切り抜きはクリッピングパスを使用します。

印刷所などからの指示や特別な規定がなく、入稿データのファイルサイズを気にしなくてよい条件なら、PSD 形式で統一した方がスマートです。このため、「 EPS 形式はできる限り使用しない」という考え方が適切なのかも知れません。

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

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

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

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

保存の設定

画像を統合と CMYK カラーに変換できたら、ドキュメントを保存します。Photoshop では、上書き保存を防止するための機能があり、PSD 形式のドキュメントのままでは、EPS 形式のメニューが選択できません。保存の操作をする前に、必ず、画像の統合を行ってください。

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

【操作方法】

[ ファイル ] メニューから、[ 別名で保存 ] を選択します。[ 別名で保存 ] ダイアログで、[ フォーマット ] に、[ Photoshop EPS ] を選択します。

[ カラープロファイルの埋め込み ] を有効にします。推奨設定

[ 保存 ] をクリックします。[ EPS オプション ] ダイアログが表示されます。

[ 別名で保存 ] を設定

埋め込まないこともある？

[ カラープロファイルの埋め込み ] は、ドキュメントを作成したカラーの「身上書」のようなものを付ける機能です。

ただし、これは、あくまでも推奨設定であり、入稿する印刷所によって、この項目を無効にしておくことを指示される場合がありますので、必ず確認するようにしてください。

「えっ？埋め込みしないの？」という疑問がわきますが、カラープロファイルの埋め込みをしないことで、大量の入稿データをプレーンに扱えるという、効率的なメリットがあるからです。

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

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

写真をイラスト調に！ポップアート生成AI

これで解決！小さい画像の解像度はこうやって上げる！

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

EPSオプションの設定

[ 別名で保存 ] ダイアログで、[ 保存 ] をクリックすると、自動的に、[ EPS オプション ] ダイアログが表示されます。EPS 形式では、この設定が極めて重要です。そのまま、[ OK ] をクリックしないでください。

【操作方法】

[ EPS オプション ] ダイアログで、[ プレビュー ] に、[ TIFF (8 bit/pixel) ] を選択します。初期設定

[ エンコーディング ] に、[ JPEG – 最高画質 (低圧縮率) ] を選択します。

[ EPS オプション ] ダイアログにあるチェックボックスは、すべて無効にしておきます。初期設定

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

[ EPS オプション ] を設定

EPSオプションとは？

作業の表示スピードやファイルサイズの大きさを改善して、適切な EPS 形式のデータを作成します。

プレビュー

パソコン表示用の低解像度画像を設定するもので、一般的には Mac と Win が共有できる [ TIFF (8 bit/pixel) ] を選択します。パソコンでプレビューされる画像は、そのまま (高解像度) だと表示が重くなるので、この設定をもとに低解像度の画像を自動的に割り当てます。

エンコーディング

画像のデータを置き換える形式を設定するもので、初期設定では、[ ASCII85 ]、または、[ バイナリ ] が選択されています。これらの形式では、元データをそのまま置き換えられますが、ファイルサイズが大きくなり、現実的ではない場合も多くあります。

PostScript Level 2 以上のポストスクリプトプリンタに限り、JPEG エンコードが使用できるので、一般的には、[ JPEG-最高画質 (低圧縮率) ] が多く用いられています。

古岡ひふみ

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

psgips.net

The post 【ドキュメントの保存】EPS形式で失敗しないオススメ設定【EPSオプション】 first appeared on psgips.

基本がわかる！レイヤーの使い方「知っておきたいパネル操作と時短技」

古岡ひふみ — Tue, 08 Nov 2016 23:00:00 +0000

【Photoshop基本操作】レイヤーは、Photoshop の中心的な役割を果たす大変重要な機能です。オブジェクトの配置を自由に移動できるほか、レイヤー同士を透かしたり混ぜ合わせてみたり、さまざまな方法で表現できる描画モードを持っています。まずは、[ レイヤー ] パネルの基本的な操作を知ることから始めましょう。

時短技をマスターしよう！

レイヤーの操作は、そのほとんどが、[ レイヤー ] パネルに集約されています。レイヤーの選択や重ね順などを、サムネールで確認しながら直感的に操作できます。

頻繁に使う機能だからこそ、ショートカットキーも多く割り当てられています。何よりも先に、[ レイヤー ] パネルを使いこなせるようになりましょう。

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

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

[ CHAPTER-09 ]

レイヤーの概要

レイヤーとは、画像のパーツを層に分ける「透明シート」のようなものです。画像を含まない部分では、背面のレイヤーが透けて見えます。

レイヤーの概念図

[ Photoshop ] 操作パネル

レイヤーに含まれる画像や、レイヤーマスク、レイヤーグループなどを視覚的に管理できるのが、[ レイヤー ] パネルです。

[ レイヤー ] パネル

レイヤーパネルを表示！

画像を開く、または、ドキュメントウィンドウを選択すると、[ レイヤー ] パネルにそのドキュメントの内容 (レイヤー構造) が表示されます。

画面の構成に [ レイヤー ] パネルがない場合は、[ ウィンドウ ] メニューから、[ ワークスペース ] – [ 初期設定 ]、または、[ レイヤー ] を選択します。

レッスン動画を配信中！

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

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

レイヤーを選択

すべての操作は、レイヤーを選択してから行います。[ レイヤー ] パネルで、クリックしたレイヤーサムネールは、アクティブ (反転、または、強調) 表示され、現在の選択レイヤーであることを示します。

【操作方法】

[ レイヤー ] パネルで、最前面のレイヤーが選択されていることを確認してください。

選択したいレイヤーサムネール、または、レイヤー名をクリックします。

選択されたレイヤーは、アクティブ状態になり、描画モードや不透明度などのオプションが反映されます。

選択レイヤーを切り替え

レイヤーの選択は、キー操作でも切り替えることができます。現在の選択レイヤーが最前面、または、最背面の場合は、切り替える方向に巻き戻して選択されます。

【操作方法】

前面のレイヤーに選択を切り替える場合は、[ option ( Alt ) ] + [ ] ] キーを押します。

背面のレイヤーに選択を切り替える場合は、[ option ( Alt ) ] + [ [ ] キーを押します。

レイヤーを自動選択

レイヤーの自動選択とは、現在、選択中ではないレイヤーオブジェクトを、ドキュメント内で直接クリック、または、ドラッグして選択できる機能です。

初期設定では、[ 自動選択 ] が無効 (チェックマークが外された状態) とされているので、レイヤーが選択されていないオブジェクトを移動することはできません。

[ 自動選択 ] は、オプションバーで、有効 / 無効の設定を行うものですが、この機能を一時的に使用する操作方法をオススメします。

【操作方法】

[ ツール ] パネルで、[ 移動ツール ] を選択、または、[ V ] キーを押します。このとき、オプションバーの [ 自動選択 ] は、初期設定で無効です。

ドキュメント内で選択したいレイヤーオブジェクト (塗りの部分) を [ command ( Ctrl ) ] キーを押しながらクリックします。

すると、オプションバーの [ 自動選択 ] が、一時的に有効 (チェックマークが入った状態) となり、ドキュメントでクリックしたオブジェクトのレイヤーが選択されます。

オブジェクトを [ command ( Ctrl ) ] + クリック

[ レイヤー ] パネルで、選択中のレイヤーが切り替わったことを確認してください。

自動選択は無効にしておく！

初期設定時の [ 自動選択 ] は、無効 (チェックマークが外された状態) になっています。

通常の作業では、誤って他のレイヤーを選択してしまうかも知れないので、必要な場合はショートカットキーで操作するようにしましょう。

レイヤーの表示 / 非表示

レイヤー内容を一時的に見えなくすることができます。表示 / 非表示の設定と解除は、[ レイヤーの表示 / 非表示 ] をクリックして行います。この場合、レイヤーを選択する必要はありません。

【操作方法】

[ レイヤー ] パネルで、[ レイヤーの表示 / 非表示 ] をクリックします。

非表示の場合は、目アイコンが消えます。

目アイコンが消えているレイヤーは、ドキュメントウィンドウに表示されません。

内容を変更できない！

非表示のレイヤーは、アクティブレイヤーにしても、[ 画像ピクセルをロック ]、[ 位置をロック ] と同様で、レイヤー内容の変更ができません。

ほかのレイヤーをすべて非表示

一回のクリックで、ほかのレイヤーをすべて非表示にすることができます。レイヤーの表示を元の状態に戻すには、同じ操作を繰り返します。

【操作方法】

[ レイヤー ] パネルで、表示したいレイヤーの [ レイヤーの表示 / 非表示 ] を [ option ( Alt ) ] + クリックします。

ほかのレイヤーの目アイコンが消えます。

クリックしたレイヤーだけが表示されます。

ほかのレイヤーをすべて表示

複数の非表示レイヤーを、一回の操作ですべて表示することができます。ここでは、コンテキストメニューを表示して実行します。

【操作方法】

[ レイヤー ] パネルで、目アイコンを [ control ] キーを押しながらクリック、または、右クリックして、コンテキストメニューを表示します。

[ ほかのレイヤーをすべて表示 / 非表示 ] を選択します。

コンテキストメニューを表示

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

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

[ CHAPTER-09 ]

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

psgips.net

The post 基本がわかる！レイヤーの使い方「知っておきたいパネル操作と時短技」 first appeared on psgips.

最初に覚えたい！Photoshopショートカットキー20選「よく使う基本操作とカスタマイズ」【2024】

古岡ひふみ — Mon, 11 Apr 2016 06:56:41 +0000

【Photoshop基本操作】ショートカットキーとは、パソコンのキーボードを使う操作方法です。マウスカーソルで画面をクリックや、ドラッグする視覚的な操作と違って、１回のキー操作で、特定の機能が実行できるので、正確で速い操作が可能になります。ほとんどの操作に、ショートカットキーは初期設定されています。

コピペから始めよう！

Photoshop は直感的な操作ができるので、何が何でもショートカットキーを使わなければならない…というワケではありません。正確な操作が効率的に行えてこそのショートカットキーです。Photoshop の操作に少し慣れてきたら、よく使う基本操作から試していきましょう。

最初に覚えたい！

Photoshopショートカットキー20選

新規ドキュメントを作成・画像を開く・ウィンドウを閉じる・ドキュメントを保存・コピー・ペースト・操作の取り消し・カット・自由変形・すべてを選択・選択を解除・選択を反転・ズームイン / ズームアウト・表示をピクセル等倍・表示を画面サイズに合わせる・グリッドの表示/非表示・ガイドの表示 / 非表示・表示領域を移動・消去・実行 / 確定

ショートカットをカスタマイズ

よく使う基本操作とカスタマイズ

一般的によく使うショートカットキーは、[ Command ( Ctrl ) ] キーを押しながら、他のアルファベットキーを押すものです。そのため、左手の指の基本位置は、[ Command ( Ctrl ) ] キーの上に置いておくといいでしょう。よく使うキーは、[ Command ( Ctrl ) ] キーの近くにあります。

キーの位置とツールアイコン

目次に戻る

新規ドキュメントを作成

新規画像を作成する、[ 新規 ] ダイアログを表示します。覚え方は「 New 」の [ N ]。

[ ファイル ] – [ 新規 ]

ショートカットキー : [ Command ( Ctrl ) ] + [ N ]

基本がわかる！新規ドキュメントの作成

目次に戻る

画像を開く

開く画像を選択する [ 開く ] ダイアログを表示します。覚え方は「 Open 」の [ O ]。

[ ファイル ] – [ 開く ]

ショートカットキー : [ Command ( Ctrl ) ] + [ O ]

基本がわかる！画像の開き方

目次に戻る

ウィンドウを閉じる

アクティブウィンドウを閉じます。覚え方は「Window」の [ W ]。

[ ファイル ] – [ 閉じる ]

ショートカットキー : [ Command ( Ctrl ) ] + [ W ]

すべてのウィンドウを閉じます。覚え方は「 Window 」の [ W ]。

[ ファイル ] – [ すべてを閉じる ]

ショートカットキー : [ option ( Alt ) ] + [ Command ( Ctrl ) ] + [ W ]

目次に戻る

ドキュメントを保存

新規画像では [ 別名で保存 ] ダイアログを表示、その他は同じファイル形式で上書き保存します。覚え方は「 Save 」の [ S ]。

[ ファイル ] – [ 保存 ]

ショートカットキー : [ Command ( Ctrl ) ] + [ S ]

ドキュメントを保存する [ 別名で保存 ] ダイアログを表示します。覚え方は「 Save 」の [ S ]。

[ ファイル ] – [ 別名で保存 ]

ショートカットキー : [ shift ] + [ Command ( Ctrl ) ] + [ S ]

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

目次に戻る

コピー

選択範囲内の画像をコピーして、クリップボードに保存します。覚え方は「 Copy 」の [ C ]。

[ 編集 ] – [ コピー ]

ショートカットキー : [ Command ( Ctrl ) ] + [ C ]

目次に戻る

ペースト

クリップボードに保存された画像をペーストします。覚え方は [ C ] キーの隣。

[ 編集 ] – [ ペースト ]

ショートカットキー : [ Command ( Ctrl ) ] + [ V ]

目次に戻る

操作の取り消し

直前の操作を取り消し、または、やり直します。覚え方は左手前のアルファベットキー。

[ 編集 ] – [ 〜の取り消し / 〜のやり直し ]

ショートカットキー : [ Command ( Ctrl ) ] + [ Z ]

戻った操作から一段階進みます。

[ 編集 ] – [ 1段階進む ]

ショートカットキー : [ shift ] + [ Command ( Ctrl ) ] + [ Z ]

直前の操作から1段階戻ります。

[ 編集 ] – [ 1段階戻る ]

ショートカットキー : [ option ( Alt ) ] + [ Command ( Ctrl ) ] + [ Z ]

目次に戻る

カット

選択範囲の画像をカットします。覚え方は [ C ] キーの隣。

[ 編集 ] – [ カット ]

ショートカットキー : [ Command ( Ctrl ) ] + [ X ]

目次に戻る

自由変形

選択範囲の画像、または、レイヤーオブジェクトに、変形のバウンディングボックスを表示します。覚え方は「 Transform 」の [ T ]。

[ 編集 ] – [ 自由変形 ]

ショートカットキー : [ Command ( Ctrl ) ] + [ T ]

目次に戻る

すべてを選択

アクティブレイヤーのすべてを選択します。覚え方は「 All 」の [ A ]。

[ 選択範囲 ] – [ すべてを選択 ]

ショートカットキー : [ Command ( Ctrl ) ] + [ A ]

目次に戻る

選択を解除

現在表示中の選択範囲を解除します。覚え方は「 Deselect 」の [ D ]。

[ 選択範囲 ] – [ 選択を解除 ]

ショートカットキー : [ Command ( Ctrl ) ] + [ D ]

目次に戻る

選択範囲を反転

現在表示中の選択範囲を反転します。覚え方は「 Invert 」の [ I ]。

[ 選択範囲 ] – [ 選択範囲を反転 ]

ショートカットキー : [ shift ] + [ Command ( Ctrl ) ] + [ I ]

目次に戻る

ズームイン / ズームアウト

ドキュメントウィンドウの表示をズームインします。覚え方は「大きく」の [ + ]。

[ 表示 ] – [ ズームイン ]

ショートカットキー : [ Command ( Ctrl ) ] + [ + ]

ドキュメントウィンドウの表示をズームアウトします。覚え方は「小さく」の [ – ]。

[ 表示 ] – [ ズームアウト ]

ショートカットキー : [ Command ( Ctrl ) ] + [ – ]

目次に戻る

表示をピクセル等倍

ドキュメントウィンドウの表示を 100% ( ピクセル等倍 ) にします。覚え方は [ 100% ] の [ 1 ]。

[ 表示 ] – [ 100% ]

ショートカットキー : [ Command ( Ctrl ) ] + [ 1 ]

目次に戻る

表示を画面サイズに合わせる

ドキュメントウィンドウの表示を画面サイズに合わせます。覚え方は「ぴったり隙間なく」の [ 0 ] ( 数字のゼロ )。

[ 表示 ] – [ 画面サイズに合わせる ]

ショートカットキー : [ Command ( Ctrl ) ] + [ 0 ] (数字のゼロ)

目次に戻る

グリッドの表示 / 非表示

グリッドの表示 / 非表示を切り替えます。覚え方は「グリグリ記号」の [ @ ]。

[ 表示 ] – [ 表示/非表示 ] – [ グリッド ]

ショートカットキー : [ Command ( Ctrl ) ] + [ @ ]

目次に戻る

ガイドの表示 / 非表示

ガイドの表示 / 非表示を切り替えます。覚え方は「区切り記号」の [ : ]。

[ 表示 ] – [ 表示/非表示] – [ガイド]

ショートカットキー : [ Command ( Ctrl ) ] + [ : ]

目次に戻る

表示領域を移動

アクティブウィンドウ内で [ space ] キーを押すと、使用中のツールが [ 手のひらツール ] へ一時的に切り替わります。

ショートカットキー : [ space ] + ドラッグ

目次に戻る

消去

選択したレイヤーやマスクなどを消去します。

ショートカットキー : [ delete ]

目次に戻る

実行 / 確定

各種ダイアログの [ OK ] を実行したり、入力した設定値や変形の確定などに使用できます。

ショートカットキー : [ enter ]

目次に戻る

修飾キーの読み方

メニューからコマンドを選択するとき、ショートカットキーが使える機能には、機能名の右端に修飾キー ( Windows の場合はアルファベットキー ) が表示されています。各修飾キーは以下のキーを表しています。複数の修飾キーが表示されている場合は、それらを同時に押すことを示しています。

メニューの修飾キーを確認

【シフトキー】通常では、アルファベットの大文字の切り替えや複数選択に使用される修飾キーです。Photoshop では、直線や正円といった単純軌跡を描画する場合に、欠かすことができない重要なキーです。

【オプションキー】ショートカットキーによるコマンドの変化に使用されることが多い修飾キーです。単体では、クリックやドラッグとの併用で、機能の切り替えや拡張を行う場合に使用します。

【コマンドキー】他のキーと併用することで、さまざまなコマンドが実行できる修飾キーです。ショートカットキーでは、最も使用頻度の高いキーです。そのため、組み合わせの基本キーとして、位置づけしておくといいでしょう。

【コントロールキー】他のキーと併用することで、さまざまなコマンドが実行できる修飾キーです。Photoshop のメニューにはほとんど登場しませんが、テキスト入力のショートカットキーでは、使用頻度の高いキーです。

【デリートキー】テキスト入力の際に、カーソル直前の文字を削除するキーです。Photoshop では、画像を [ 消去 ] する場合に用い、選択部分をクリップボードに残す [ カット ] とは別の用途で使用します。

【エスケープキー】コマンド実行後の [ キャンセル ] に用いるキーです。他のキーと併用することは少ないですが、Photoshop を強制終了したい場合には、[ option ( Alt ) ] + [ Command ( Ctrl ) ] + [ esc ] キーを押します。

目次に戻る

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

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

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

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

ショートカットキーのカスタマイズ

現在設定されているショートカットキーは、[ キーボードショートカットとメニュー ] ダイアログで一覧表示することができます。初級ユーザーの方にはオススメできませんが、ショートカットキーは自由にカスタマイズすることができます。初期設定でショートカットが割り当てられていないメニューやツールもあるので、まず、そこから設定してみることにしましょう。

【操作方法】

[ 編集 ] メニューから、[ キーボードショートカット ] を選択します。すると、[ キーボードショートカットとメニュー ] ダイアログが表示されます。[ キーボードショートカット ] タブが、選択されていることを確認してください。

ショートカットメニューを表示

[ 新規セット ] をクリックします。

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

[ 保存 ] ダイアログで、ショートカットセットの任意の名前を入力します。

[ 保存 ] をクリックします。

[ 保存 ] ダイアログで名前を入力

保存場所はどこでもOK！

初期設定の保存フォルダ [ Keyboard Shortcuts ] は、[ ( ユーザー ) ] – [ ライブラリ ] – [ Application Support ] – [ Adobe ] – [ Adobe Photoshop XXX ] – [ Presets ] にあります。任意に設定した場所でもかまいません。

[ エリア ] に [ ( ショートカットの種類 ) ] を選択します。

ショートカットの種類を選択

ショートカットの種類とは？

ショートカットキーの種類とは、これからショートカットキーを設定したい操作の種類で、アプリケーションメニュー、パネルメニュー、ツールの中から選択します。ここでは [ ツール ] を選択しました。

任意の [ ( メニュー / ツール ) ] を選択します。

[ ショートカット ] に [ ( 定義キー ) ] を入力します。

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

定義キーを入力

無効なショートカット

現在、ショートカットキーが定義されていないコマンドにも、新しいショートカットキーを追加することができます。新しく定義したキーが、他のショートカットキーに割り当てられている場合は、[ 確定 ]、または、[ 変更の取り消し ] をクリックするアラートが表示されます。

アラートが表示される

定義した新しいショートカットキーを、メニューで確認します。ショートカットキーが表示されていたら成功です。ショートカットキーが編集できました。

ショートカットキーを確認

効率化を目指そう！

基本操作のショートカットがマスターできたら、キーとクリックを組み合わせた、レイヤー操作に挑戦してみましょう。コマンド操作ではできない重要な機能もあるので、必要に応じて覚えるようにしましょう。

描画ピクセルを選択

目次に戻る

古岡ひふみ

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

psgips.net

The post 最初に覚えたい！Photoshopショートカットキー20選「よく使う基本操作とカスタマイズ」【2024】 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.