【Photoshop】パネルとツールの名称を徹底解説forフォトショップビギナーズ

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

当Photoshop講座ではフォトショップの画面を構成しているパネル類やツールの名称ついて解説します。
フォトショの基本知識の一つ、サクッと目を通して今一度基本情報を再確認されてみませんか？

では早速始めていきましょう！

この記事の目次

Photoshopの基本画面

新規ドキュメントを作成すると使用不可能だったツール類が使用できるようになります。
Photoshopには様々な機能を持ったツールやパネル類が搭載されておりますので確認していきましょう。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,078円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

フォトショのメイン画面

ツールバー

画像の選択やブラシ等、アートボード内の画像を編集するツールが格納されています。

アートボード

新規書類作成時に指定した書類のサイズが実線で表示されています。

メニューバー

Photoshopの各種メニューが表示されています。

コントロールパネル

現在の操作に必要な項目だけをコンパクトにまとめ表示されています。

パネル

各種ツールの詳細設定等が表示されています。

タブ

複数のファイルを開いている際に、タブ切り替えで開いているファイルを切り替える事ができます。

名称を知っておくと便利

画面の名称を知っていると使い方に迷った際、調べやすくなります。

ツール一覧

色々とツールがありますね。

よく使うツールから使わないツールまで様々。
当サイトでは一般的なPhotoshop操作でよく使うツール、使えるツールを重点的に紹介していきます。

ツールバーを編集するには？

【Photoshop】ツールバーを編集する方法【ツールパネルをカスタマイズして非表示のツールを追加】

ツールバー内の [ … ] アイコンをクリックするとツールバーを編集できます。
お好みのツール、よく使うツールをご自身で選択して、お好みの作業画面を作成できますよ。

パネルの表示・非表示

[ ウィンドウ ] メニューから様々なパネルの表示・非表示ができます。
自身のお好みで表示非表示レイアウトができます。

ワークスペースの保存

表示させるパレットやツールをカスタマイズをしたワークスペースを保存することができます。

[ ウィンドウ ] → [ ワークスペース ] → [ 新規ワークスペース ] で任意の名前を入力し [ OK ] をクリック。
[ ワークスペースの管理 ] で保存したワークスペースの名前を変更したり削除ができます。

煙に変化する高品質なエフェクト

普通の写真や文字を煙のように変化させるモックアップです。
全て商用利用可能！
短時間で超高品質な作品に仕上げられますよ。

#01 Smoke Dispersion Effect

縦に範囲が広い煙が表現できるエフェクトです。
境界のボカシ方などが秀逸です。

ダウンロード

#02 Smoke Dispersion Photo Effect

他の煙と比べてややパキっとした表現ができるエフェクトです。
Photoshopと当PSDがあれば簡単に再現できます。

ダウンロード

#03 Smoke Text Effect Mockup

煙の質感が違うテキストエフェクトです。

ダウンロード

#04 Dispersion Photo Effect

対象画像の一部がバラバラの破片のように散らばる様子を再現できるエフェクトモックアップです。
非常に細かい所まで作り込まれたテンプレートです。

ダウンロード

#05 Pixel Dispersion Effect Mockup

ピクセル状になった写真がバラバラになるような様子が描けるエフェクトモックアップです。
ゲームキャラが消滅するようなシーンを高品質に再現できます。

ダウンロード

Photoshop用の高品質なエフェクト集

【Photoshop】商用可！人物が煙になる表現ができるエフェクトモックアップ

商用利用可能で高品質な煙エフェクトばかりを49点ピックアップしました。
制作の品質向上とスピードアップを同時に行える優秀素材ばかりです。

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshopのパネルやツールの名称についてでした。

ツールの詳細な使い方を調べる際に名称を知っておくと簡単に調べられるので是非覚えておきましょう。
おつかれさまでした。

次回の講座内容は、今回作成した真っ白なキャンバスに画像を読み込ませて色々と触ります。
まずはざっくりとPhotoshopの操作に慣れていきましょう。

【Photoshop】フォトショでよく使う基本操作に慣れてみよう【脱フォトショ初心者】

InDesignは活用されていますか？

Photoshopだけでなく、InDesign（インデザイン）も活用されていますか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はInDesign公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選はコチラ！

Photoshopの操作方法

フォトショ基本操作