その他の操作 | psgips

グラデーションツールを選択

ドキュメントの任意の箇所に、グラデーションを作成したい場合は、[ グラデーションツール ] を選択します。

【操作方法】

[ 幅 : 512 pixel ]、[ 高さ : 512 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー 8 bit ] の新規ドキュメントを作成します。

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

新規ドキュメントを作成

[ ツール ] パネルで、[ グラデーションツール ] を選択します。

[ グラデーションツール ] を選択

どんなサイズでもOK！

[ グラデーションツール ] の対象となるドキュメントは、Photoshop で開くことができる画像なら、どんなサイズでも対応することができます。ここでは、これから作成するグラデーションが確認できる程度の、小さいドキュメントを作成しています。

２つのメニュー

グラデーションツールには、オプションバーで選択する２つのメニューがあります。

【操作方法】

オプションバーのメニューをクリックホールドします。

２つのメニュー

グラデーション

グラデーションを作成した後でも、カラーやウィジェットが調整レイヤーで再編集できます。初期設定・オプションバーの表示が異なります。

[ グラデーション ] のオプションバー

クラシックグラデーション

従来のレガシー機能で、グラデーションをレイヤーに直接描画します。オプションバーの表示が異なります。

[ クラシックグラデーション ] のオプションバー

[ グラデーション ]、または、[ クラシックグラデーション ] を選択します。ここでは [ クラシックグラデーション ] を選択します。

メニューの選択

初歩的なのは？

[ グラデーション ] を選択すると、新しい調整レイヤーを自動的に作成します。カラーやウィジェットが再編集できるためとても便利です。しかし、操作方法が難しくて、調整レイヤーの機能も理解しなければならないため、初級ユーザーの方には、少しハードルが高いかも知れません。グラデーションツールとは何か？とにかく初歩的な直接描画を学びたい方は、[ クラシックグラデーション ] を選択しましょう。

レッスン動画を配信中！

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

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

オプションバーを設定

[ グラデーションツール ] を選択すると、上部にオプションバーが表示されます。オプションバーの各部の働きについて簡単にご紹介しましょう。

[ グラデーションツール ] のオプションバー

ツールプリセット

現在の設定をツールプリセットとして保存できます。

現在のグラデーションを表示

現在設定されているグラデーションのカラーバーがプレビューされます。初期設定 : 黒、白

クリックでグラデーションを編集

[ グラデーションエディター ] ダイアログを開き、新規グラデーションの作成や編集を行います。クラシックグラデーション選択時に表示

[ グラデーションエディター ] ダイアログ

クリックでグラデーションピッカーを開く

[ プリセット ] からグラデーションを選択します。

グラデーションの種類を選択

５つのサブツールから、グラデーションの形を選びます。初期設定 : 線形グラデーション

５つのサブツール

[ グラデーションツール ] のオプションバー

描画モードを選択

画像 (基本色) に対して、グラデーション (合成色) の効果を反映させる描画モードを設定します。クラシックグラデーション選択時に表示・初期設定 : 通常

[ グラデーションツール ] のオプションバー

不透明度を設定

描画するグラデーションの不透明度を設定します。クラシックグラデーション選択時に表示・初期設定 : 100%

逆方向

有効にすると、グラデーションの開始点と終了点に設定した色が入れ替わります。初期設定 : 無効

ディザ

有効にすると、グラデーションにノイズを追加して、縞状の階調を最小限に抑えるディザ処理が適用されます。初期設定 : 有効

ディザを無効 (概念図)

ディザを有効 (概念図)

[ グラデーションツール ] のオプションバー

透明部分

有効にすると、透明部分が設定されているグラデーションの透明部分を有効にします。クラシックグラデーション選択時に表示・初期設定 : 有効

方法

グラデーションの補間方法を選択します。開始点から終了点までの色の変化が異なります。初期設定 : 知覚的

設定はいつ行う？

[ グラデーションツール ] のオプションバーは、グラデーションを描く前に設定します。たとえば、描画した後で、サブツールを [ 線形グラデーション ] から、[ 円形グラデーション ] に変更しても反映されません。

補間方法とは？

隣合う色を混ぜる関数が定義されたもので、従来の方法は [ クラシック ]、人が感じる見え方に近い [ 知覚的 ]、直線的な関数を用いた [ リニア ] などがあります。

クラシック

知覚的

リニア

初期設定では [ 知覚的 ] が選択されています。従来の [ クラシック ] と比較すると、混色による輝度が知覚的に改善されているため、より自然で明るい印象があります。

グラデーションを描画

オプションバーの設定ができたら、ドキュメントにグラデーションを作成しましょう。解説は [ クラシックグラデーション ] を選択しています。

【操作方法】

ドキュメント内で、グラデーションの「開始点」をクリックホールドします。

グラデーションの方向にドラッグし、「終了点」でマウスボタンを離します。ドラッグした線の方向にグラデーションが描画されました。

グラデーションを描画する

カラーバーの開始点と終了点

[ グラデーションツール ] は、ドラッグを始める「開始点」、ドラッグを終える「終了点」の２点間で、設定したカラーのさまざまなグラデーションが描けます。カラーバーは、左側が開始点、右側が終了点です。このことをよく覚えておきましょう。

開始点から終了点までがグラデーション範囲

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

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

The post 基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」 first appeared on 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 」が多く使われています。

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

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

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 ] をクリック

無効の利便性は？

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

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

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

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

【ウィンドウ】拡大作業と全体確認を２分割表示で行う方法【アレンジ】

古岡ひふみ — Thu, 22 Jun 2023 23:00:00 +0000

【Photoshop基本操作】作業用 (拡大) と確認用 (縮小) のウィンドウを、２画面で同時に表示しておけば、全体の仕上がりを確認しながら、細部の修正が効率よく行えます。ウィンドウの２分割表示は、作業の途中でも、縦と横を切り替えて、表示することができます。

新規ウィンドウで開く！

ウィンドウをアレンジするには、まず、対象となるドキュメントが開かれていなければなりません。ひとつのドキュメントの作業用 (拡大) と、確認用 (縮小) を２画面で同時に表示する場合は、対象となるドキュメントの、新規ウィンドウを表示します。

拡大作業と全体確認を

２分割表示で行う方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

同じドキュメントを２分割表示する方法

これから行う操作は、レタッチ作業を前提とした、効率的なドキュメントウィンドウの表示方法です。細かいキズや汚れを修正したいドキュメントを開き、全体の仕上がりを確認できる表示倍率の、ウィンドウを左側に、細部の作業ができる表示倍率の、ウィンドウを右側に並列して表示します。

素材画像を開く

ウィンドウの２分割表示

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

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

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

同じドキュメントを２つ開く

現在、開いているドキュメントには、新規ウィンドウとして開くメニューが追加されています。つまり、同じドキュメントを、同時に２つのウィンドウで開くことができるワケです。

【操作方法】

素材画像をダウンロードして開きます。素材画像は [ 幅 : 1200 pixel ]、[ 高さ : 1600 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。塗料の剥がれや細かいキズがある、マスコット人形の修復を行います。

素材画像を開く

ひとつのフレームに

Photoshop の初期設定では、作業で使うツールやパネルなどの要素を、ひとつのフレームにまとめた、[ アプリケーションフレーム ] で表示されています。

これから操作する２分割表示は、このアプリケーションフレームを前提としていますが、アプリケーションフレームを無効としたウィンドウを分離させた状態でも、同じドキュメントを並列して表示できます。

アプリケーションフレームの有効 / 無効の切り替えは、[ ウィンドウ ] メニューから、[ アプリケーションフレーム ] を選択します。

基本がわかる！Photoshopの基本画面

[ ウィンドウ ] メニューから、[ アレンジ ] – [ (ウィンドウに表示しているファイル名) の新規ウィンドウ ] を選択します。

ウィンドウに表示しているファイル名を選択

すると、ドキュメントウィンドウに表示していた、同じドキュメントが表示されます。アプリケーションフレームの場合は、同じウィンドウ内にタブグループ (タブを統合) として表示されます。新しく開かれた新規ウィンドウのタブを確認してください。

同じドキュメントが２つ！

新規ウィンドウのタブを確認

タブグループとは？

アプリケーションフレームの場合は、ひとつのドキュメントウィンドウに対して、常にひとつのドキュメントしか表示されません。ドキュメントには「タブ」と呼ばれる、本やノートの端に付けられた出っ張りのようなものがあり、タブをクリックすると、目的のドキュメントが表示される仕組みです。

タブグループとは、ひとつのウィンドウに、複数のドキュメントをまとめたものです。使用するドキュメントを、タブで切り替えることによって、作業スペースが確保できます。

基本がわかる！パネルの操作

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

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

The post 【ウィンドウ】拡大作業と全体確認を２分割表示で行う方法【アレンジ】 first appeared on psgips.

基本がわかる！描画色と背景色「最初に覚えたい操作と色の設定」【2022】

古岡ひふみ — Sat, 12 Feb 2022 23:00:00 +0000

【Photoshop基本操作】描画色とは、面を塗りつぶしたり、線を描いたりする指定色です。背景色とは、面で消去したり、線で消去したりする指定色です。これらの指定色は、さまざまなツールやパネルで、自由に設定することができます。描画色と背景色の設定方法をご紹介しましょう。

消す色が背景色

背景色は、下地の色として設定する色です。しかし、[ 消しゴムツール ] の描画色でもあるのです。透明ピクセルを持たない [ 背景 ] では、このような「塗って消す」動作が行われてます。

背景色の設定を見落としていると、あるとき、選択範囲内の画像を消去したら、とんでもない色が現れた…という失敗例もあります。描画色と同様、背景色の設定も、確認する習慣をつけましょう。

基本がわかる！描画色と背景色

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

色の確認と変更方法

[ ツール ] パネルの下にある重なった２つの正方形は、描画色 (左上) と背景色 (右下) を示し、それぞれのボックス内をクリックして、[ カラーピッカー ] ダイアログを表示させます。Photoshop の初期設定では、描画色に [ ブラック ]、背景色に [ ホワイト ] が設定されています。

描画色と背景色のカラーボックス

描画色と背景色を初期設定に戻す

[ 描画色と背景色を初期設定に戻す ] をクリックすると、描画色と背景色を初期設定 (黒と白) に戻ります。

初期設定に戻すのが基本

描画色と背景色は、現在の設定に変更を加えるまで継続されます。たとえば、描画色に赤を設定すると、その後の作業は、描画色が赤のまま進行します。ひとつの作業が終了したら、[ 描画色と背景色を初期設定に戻す ] をクリックする習慣をつけましょう。

描画色と背景色を入れ替え

[ 描画色と背景色を入れ替え ] をクリックすると、描画色と背景色が入れ替わります。

選択レイヤーによる違い

背景、または、描画レイヤーの選択時は、描画色のカラーボックスに [ ブラック ]、背景色のカラーボックスに [ ホワイト ] が表示されています。初期設定

調整レイヤーなど、レイヤーマスクの選択時は、描画色のカラーボックスに [ ホワイト ]、背景色のカラーボックスに [ ブラック ] が表示されています。初期設定

これは、[ 描画色と背景色を入れ替え ] とは異なり、レイヤーマスク領域を表示するのが [ ホワイト ]、レイヤーマスク領域を隠すのが [ ブラック ] を示します。

レイヤーマスクは、描画する部分が隠す領域となるので、初期設定では [ ホワイト ] のカンバスに、[ ブラック ] を描画する感覚です。レイヤーマスクは、グレースケール (黒から白の 256 階調) で表されます。

レッスン動画を配信中！

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

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

描画色を設定

数値化したカラーを設定したい場合は、[ カラーピッカー ] ダイアログを表示します。[ カラーピッカー ] ダイアログでは、４種類のカラーモデルから設定できます。

【操作方法】

[ 描画色を設定 ] をクリックすると、描画色の設定を行う [ カラーピッカー ] ダイアログが表示されます。

[ カラーピッカー ] ダイアログで、任意の描画色を設定します。

カラーピッカーの使い方

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

画像から色を採取する

[ ツール ] パネルで、[ スポイトツール ] を選択、または、[ option ( Alt ) ] キーを押しながら、ドキュメント内をクリックすると、クリックした箇所のカラーが描画色、または、背景色に設定できます。

サンプリング箇所でクリックホールド

背景色を設定

描画色と同様、背景色にも数値化したカラーが設定できます。背景色は通常、ホワイト (初期設定) を設定しておきます。

【操作方法】

[ 背景色を設定 ] をクリックすると、背景色の設定が行える [ カラーピッカー ] ダイアログが表示されます。

[ カラーピッカー ] ダイアログで、任意の背景色を設定します。

カラーピッカーの使い方

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

背景色って関係あるの？

背景色は、一部の描画系のフィルターを除き、レイヤー上で反映されることは少ないですが、大きく影響されるときがあります。それは、[ 消しゴムツール ] や、[ 選択範囲の消去 ] などのピクセルの消去を、[ 背景 ] で行った場合です。レイヤーの場合は、透明ピクセルで消去されます。

消す色が背景色 ( 概念図 )

ピクセルを消去すると、ドキュメントのカンバスカラー ( [ 新規 ] ダイアログで設定する下地色) ではなく、現在の背景色が適用されます。そのため背景色は、カンバスカラーと同じ色を設定しておくことが基本です。

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

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

The post 基本がわかる！描画色と背景色「最初に覚えたい操作と色の設定」【2022】 first appeared on psgips.

基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】

古岡ひふみ — Sun, 25 Oct 2020 23:00:00 +0000

【Photoshop基本操作】Photoshop のパネル機能は、作業スペースを確保したり、効率的に表示させたりする機能が備わっています。グループからの分離、ドッキングなど、用途に応じたカスタマイズも自由に組み合わせできます。

タブを掴んで移動する！

「タブ」とは、本やノートの端に付けられた出っ張りのことです。タブのおかげで、目的のページが素早く見つけられます。Photoshop のパネルにも、このようなタブが付けられていて、クリックすると、目的のパネルが表示される仕組みです。

しかし、それだけではありません。パネルを切り離したり、順番を入れ替えたり、自由自在のアレンジを可能にするのもタブなのです。操作はタブを掴んで移動する感覚です。

基本がわかる！パネルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

パネルの分離とドッキング

パネルの表示の切り替え、分離やドッキングは、パネル名を表示する上部のタブで行います。また、アイコン化して非表示にしたり、パネルメニューを表示するためのボタンもあります。まず、それらの位置と役割を確認しておきましょう。

Photoshop のパネル (タブグループ)

タブ

タブグループの表示されていないタブをクリックすると、パネルを切り替えることができます。タブをドラッグして、個別のパネルに分離したり、他のパネルにドッキングすることもできます。

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンとパネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルメニュー

クリックすると、それぞれのパネルに含まれるオプションが選択できる、パネルメニューが表示されます。

パネルメニュー

一部のパネルしか表示されていない！

初期設定では、一部のパネル (タブグループ) しか表示されていません。たとえば、[ アクション ] パネルや、[ ナビゲーター ] パネルなどを表示したい場合は、[ ウィンドウ ] メニューから選択します。

パネルの表示・非表示

現在、表示されていないパネルを表示したり、表示中のパネルを非表示にする操作です。

【操作方法】

[ ウィンドウ ] メニューから、[ (パネル名) ] を選択します。

選択したパネルは、あらかじめ設定されたタブグループで表示されます。

[ ナビゲーター ] を選択

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンと、パネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルの表示・非表示

アイコンをクリックすると、パネルの表示・非表示が切り替えられます。

使うときだけ現れる！

[ tab ] キーを押すと、パネルを完全に画面から消すことができます。非表示になったパネルは、マウスカーソルを画面の端に置くと表示され、離すと非表示になります。パネルが邪魔なときは便利ですね。再び、[ tab ] キーを押すと通常の表示に戻ります。

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

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

タブグループから分離

タブグループの中にあるパネルを、独立したひとつのパネルとして分離します。

【操作方法】

タブをクリックして、分離させたいパネルを表示します。

表示したタブをクリックホールド

タブの上でマウスボタンを押したままドラッグして、分離させたい位置まで移動します。

タブをパネルグループの外へドラッグ＆ドロップ

分離させたい位置で、マウスボタンを離します。

パネルをタブグループから分離できた

タブグループとは？

タブグループとは、ひとつのパネルに、複数のパネルをまとめたものです。使用するパネルをタブで切り替えることによって、作業スペースが確保できます。

タブグループにドッキング

独立したひとつのパネルを、タブグループにまとめます。タブグループの分離やドッキングは、タブとして開くドキュメントウィンドウでも、同様に行えます。

【操作方法】

ドッキングさせたいパネルの、タブをクリックして表示します。

表示したタブをクリックホールド

タブの上で、マウスボタンを押したままドラッグして、ドッキングさせたいパネルのタブスペースまで移動します。

ドッキングさせたいパネルまでタブをドラッグ＆ドロップ

移動先のパネルの枠が青くなったら、マウスボタンを離します。

タブグループにドッキングできた

ドキュメントの操作も同じ

複数のドキュメントを開くと、ドキュメントウィンドウがドッキングされて、それぞれのファイル名のタブが上部に表示されます。

タブを水平にドラッグして順番を入れ替え

このドキュメントウィンドウもパネルと同じく、タブをドラッグすることで、分離やドッキング、タブグループ内での順番の入れ替えが行えます。

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

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

Adobe Acrobat Reader – 最新版ダウンロード

The post 基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】 first appeared on psgips.

基本がわかる！PDFファイルの開き方「ページ内の配置画像を個別に取り出す方法」

古岡ひふみ — Sun, 20 Sep 2020 23:00:56 +0000

【Photoshop基本操作】PDF ファイルとは、電子文書のためのフォーマット (ファイル形式) で作成されたファイルです。Photoshop で PDF ファイルを開くと、文字や画像を含んだページ (レイアウト紙面) が、ひとつのビットマップ画像として読み込まれます。

PDF の配置画像を取り出す！

Photoshop は、DTP ソフトなどで作成した PDF ファイルも開くことができます。その際、ベクトル画像から、ビットマップ画像への変換が行われるわけですが、PDF ファイルに配置された画像を、個別に選択して開くこともできます。

基本がわかる！

PDFファイルの開き方

[ CHAPTER-01 ]

PDFファイルとは？

[ CHAPTER-02 ]

ページで開く

[ CHAPTER-03 ]

画像で開く

PDF ファイルとは？

PDF ファイルとは、電子文書のためのフォーマット (ファイル形式) で作成されたファイルです。Portable Document Format (ポータブル・ドキュメント・フォーマット) の略で、パソコン環境が違っても同様の形態で閲覧できるようにした、国際標準化機構によって定められた規格です。

PDF ファイルは、DTP ソフトで作成された印刷物データの校正紙 (閲覧・配布) を目的として、Adobe 社が開発した経緯があります。高解像度での出力や、プロセスカラーにも対応しているので、PDF ファイルがそのまま入稿データとして用いられることもあります。プロセスカラー：印刷用インキで定められた基本４色 ( CMYK )

PDF 形式とは？

PDF ファイルの閲覧は、Adobe 公式サイトで配布されている「 Acrobat Reader 」や、Web ブラウザ、OS の印刷機能を利用するなど、その方法は多種多様です。見るには困らないです。しかし、PDF を作成・編集するには、上位ソフトの「Acrobat」をはじめ、特定の PDF 作成ツールが必要です。Photoshop もそのひとつというワケです。

Adobe PDF を保存

PDFの閲覧ソフト

PDF の閲覧ソフト「 Acrobat Reader 」は、Adobe 公式サイトで配布されています。PDF ファイルを作成・編集するには「 Acrobat 」が必要です。こちらは、サブスクリプション「 Adobe Creative Cloud 」で利用可能です。

複数ページのPDFを作成

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

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

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

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

PhotoshopでPDFを開く

PDF ファイルを Photoshop で開く用途としては、PDF ファイルをラスタライズして、Web 用画像として使用する場合や、ページに含まれている画像を取り出す場合などです。ラスタライズ：ベクターデータをビットマップ化すること

Photoshop で PDF ファイルを開くと、[ PDF の読み込み ] ダイアログが表示されます。[ PDF の読み込み ] ダイアログには、[ ページ ] として開く、[ 画像 ] コンテンツとして開く選択があり、ラスタライズ後のファイルサイズを設定する項目があります。

[ PDF の読み込み ] ダイアログ

選択

[ ページ ]、[ 画像 ]、[ 3D ] のいずれかを選択すると、サムネールエリアにその内容が表示されます。PDF ドキュメントに複数の内容が含まれている場合は、読み込む内容のサムネールを選択します。

サムネールサイズ

サムネールエリアに表示されるサムネールの大きさを選択できます。PDF ファイルを開く設定には直接影響しないので、任意の設定でかまいません。

トリミング

サムネールエリアで選択した PDF ドキュメントから、読み込む部分を選択します。初期設定は [ バウンディングボックス ] です。

ファイルサイズ

ラスタライズ後のファイルサイズを設定します。ベクトル画像からビットマップ画像への変換が行われるので、通常では [ 解像度 ] の設定で対応します。[ モード ] に [ グレースケール ] が選択されていると、白黒画像に変換されるので注意してください。

開く目的を決める！

[ 選択 ] は、Photoshop から PDF ファイルを開く目的を選択するセクションです。ページ全体なら [ ページ ]、ページに含まれている画像なら [ 画像 ] です。

[ ページ ] と [ 画像 ] では、設定項目の表示が異なり、[ 画像 ] を選択すると、[ ページオプション ] セクション、[ ファイルサイズ ] セクションは表示されません。また、ページ内に画像が含まれていない場合は、[ 画像 ] を選択しても、サムネールエリアに何も表示されません。

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

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

The post 基本がわかる！PDFファイルの開き方「ページ内の配置画像を個別に取り出す方法」 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 ] キーを押しながらクリックします。

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

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

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

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

基本がわかる！ガイドの作成「フリーハンド操作・定規の目盛りにピッタリ合わせる方法」

古岡ひふみ — Wed, 06 May 2020 23:00:00 +0000

【Photoshop基本操作】ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。正確さを必要とする作業には欠かせません。基本的なフリーハンドの操作方法をご紹介しましょう。

表示倍率により間引かれる？

たとえば、ドキュメントの表示倍率が 25 % のとき、100 % のときに比べ、定規の最小目盛りは 1/4 に間引かれます。これでは、定規の目盛りに合わせたガイドは作成できませんね。Photoshop では、ピクセルグリッドが基準とされるため、ドキュメントの表示倍率は、ピクセル等倍である 100 % 以上が推奨されます。

基本がわかる！ガイドの作成

− フリーハンド操作 −

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

フリーハンドでガイドを引く

ガイドの作成方法を大まかに分類すると、フリーハンド (手動方式) と、レイアウト (割付方式) があります。ここでは、基本的なフリーハンドの操作を解説します。

【操作方法】

[ 表示 ] メニューから、[定規] を選択、または、[ command ( Ctrl ) ] + [ R ] キーを押して、ドキュメントウィンドウ内に定規を表示します。

定規を表示 / 非表示 :

[ command ( Ctrl ) ] + [ R ]

定規を表示

ドキュメントを開く

ガイドの作成は、画像を開く、または、新規ドキュメントを作成して行います。対象のドキュメントは、[ カンバス ]、[ アートボード ] に同じ操作で適用できます。

水平方向のガイドを作成したい場合は、画面上側の定規からドラッグ、垂直方向のガイドを作成したい場合は、画面左側の定規からドラッグします。

マウスボタンを離すと、その位置にガイド (青い線) が作成されます。

shiftキーを併用すると？

ガイドを表示中の目盛りにスナップさせることができます。定規からドラッグしてガイドを引き出し、ドロップする直前に [ shift ] キーを押してもスナップします。[ shift ] キーを併用しない場合は、目盛りやピクセルグリッドにスナップしません。

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

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

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

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