Photoshop爆速ショートカット集！

2021年1月13日

Photoshopを使っているけど、そろそろショートカットを使いこなして、作業スピードを上げたい！

そう！WEBデザインの作業効率とスピードアップに必須なのが、Photoshopのショートカットを覚えて使いこなす事！

ただし、デフォルト（初期値）のショートカットだけでは足りないので、新たに「独自のショートカット」を追加するのが、作業スピードアップにはマストなのだ！

今回はPhotoshopの「独自ショートカットの追加方法」と、WEBデザインのスピードが一気に上がる「WEBデザイナー必須ショートカット」を紹介しよう！

ちなみに毎年私も利用しているのだが、Photoshopを始めとしたAdobe CCは約45%OFFの金額で購入できる方法があるので、知らない方はこちらの記事でチェックしておこう↓

▶ Adobe Creative Cloud [54%OFF]学生価格で｢社会人｣が安く買う方法！(コンプリートプラン)

Photoshopの独自ショートカットの登録方法

まずは独自のショートカットの登録方法の紹介！

Photoshopの画面上部のアプリケーションバーの「編集　＞　キーボードショートカット（Alt + Shift + Ctrl + K）」をクリックすると次の画面が表示される！

Photoshopはアプリケーションバーのすべての操作をショートカット登録できる！

図の中の赤枠を見てもらえればわかるのですが、先ほどのクリックした画面上部アプリケーションバーのメニュー（下図）と同じ並びになっているのである！

つまりこの上部のアプリケーションバーの内容であれば、全て独自にショートカット登録ができるのだ！

では実際に「キーボードショートカット登録」の画面を開いた上で「表示 > 表示・非表示 > レイヤーの境界線」を【Ctrl (Cmd)+ H】で登録してみよう！

※ちなみに「レイヤーの境界線」は何の為に使うかというと、作業ウインドウ内で何かのオブジェクトを選択した時に、そのオブジェクトに青い線（デフォルト色）がつくので、そのオブジェクトが選択状態にあるということを明示する為に使っている。

同じ役目として「バウンディングボックス」を表示する方法もあるのだが、意図しない変形や回転が生じるので、僕はバウンディングボックスを非表示にしている

レイヤーの境界線をクリックすると「入力BOX」が表示されるので、この状態でキーボードで実際に【Ctrl（Cmd ）+ H】を押すだけでいい！

通常であれば、これで「確定」もしくは「OK」ボタンを押せばショートカット登録が完了なのだが、すでに【Ctrl（Cmd ）+ H】が別のキーワードに割り当てられている場合がある！

ちなみにこの【Ctrl（Cmd ）+ H】は、上部の図を見ればわかるとおり、すぐ上に「エクストラ」という操作がデフォルトで【Ctrl（Cmd ）+ H】が割り当てられているので次のように「Ctrl + Hは既に使用されています。確定すると、表示 > エクストラから削除されます。」という注意文が出るが、もし「エクストラ」をショートカットとして使わないのであれば、別に上書きしても問題ない！

これで「確定」を押せば無事登録完了になる！このように、普段使わないショートカットはどんどん上書きして、自分用にカスタマイズするといいだろう！

Photoshopの必須ショートカット「デフォルトショートカット編」

今回は一般的なアプリでも使用する「コピー／カット／ペースト／保存」などなど誰もが知っているようなものは割愛して、WEBデザイナーが使って便利なショートカットだけを厳選して紹介しょう！

※ショートカットの説明のカッコ（）内はMac場合の操作

レイヤーの複製
「Ctrl（Cmd） +J」

その名の通り、レイヤーをクリックしてアクティブにした状態で、「Ctrl（Cmd） +J」を押すと、同じ位置にオブジェクトを複製するという機能だ。

シェイプを結合
「Ctrl（Cmd）+ E」

長方形や丸やペンツールで書いた「２つ以上のシェイプを結合」するときにこのショートカットで結合できる。イラストレーターでお馴染みの「パスファインダーの中マド」のような加工（ドーナツのような）をする時もこのシェイプの結合ショートカットを使う事で実行できるのだ。

中マド（パスファインダー）のやり方

中マドのやり方を「ドーナツのような形をつくるという例」で解説しよう！

２つのシェイプを用意して「ドーナツの穴の方」をレイヤー上で上にしておく
２つのシェイプをレイヤー上で選択
パス選択ツール（白矢印）で２つのシェイプのパスを選択
上部のメニューに表示される「パスの操作」で中マドを選択
シェイプを結合「Ctrl（Cmd）+ E」する

自由変形
「Ctrl（Cmd） +T」

シェイプや写真やテキストを含め、すべてのもの「形や大きさを変更」するためのショートカット！「バウンディングボックス」を常に表示している人はあまり使わないかもしれないが、僕の場合はバウンディングボックスを常に表示すると、細かい作業をする時に、意図せぬ回転や変形のマークが表示されてしまい、かえって邪魔なので、バウンディングボックスは使わない。

必要な時だけこのショートカットを使って、自由変形をしたほうが楽なのだ。

レイヤーのロック／アンロック
「Ctrl（Cmd）+ /」

レイヤーのロックとは、レイヤーに鍵マークをつけてそのレイヤーが触れないようにする機能で、もはや無くてはならない存在。ほとんどの人が頻繁にロックを切り替えると思うので、ショートカットを覚えて作業スペードを上げよう！

ガイドの表示/非表示
「Ctrl（Cmd）+ :」

Photoshopのガイドはデザインの基準線として便利なのだが、デザインを俯瞰して見たい時には邪魔な時がある。ガイドの表示を頻繁に切り替える人はこのショートカットを使おう！

ガイドのロック/アンロック
「Ctrl（Cmd）+ Alt（option）+ :」

ガイドをロックしておかないと、意図しないガイドのズレが生じてしまう。ガイドのロックはファイルを開く度に解除されてしまうので、ファイルをひらいたら常にショートカットをつかってロックする癖をつけよう！

選択範囲の反転

「Ctrl（Cmd）+ Shift + I」

選択範囲の反転は、例えば「人物やロゴ素材など」で背景が切り抜かれてない素材を使う場合、背景を自動選択した方が手っ取り早く選択できる時などに、背景の選択範囲を作成した上で、選択範囲の反転を行ってから、人物やロゴをマスクするという手順で使う事が多い！

選択範囲の解除
「Ctrl（Cmd）+D」

選択範囲を作成した時に必ず必要な行為として、選択範囲を解除する作業。これもやはり頻繁に使うので、ショートカットを覚えよう！

レイヤーのグループ化
「Ctrl（Cmd）+G」

レイヤーのグループ化もレイヤーの整理などに頻繁に使うだろう。グループのGなので覚えやすいのではないだろうか。

Photoshopの必須ショートカット「独自ショートカット編」

さきほどは、Photoshopの初期状態で設定されている「デフォルトのショートカット」を紹介したが、次は「独自に作るショートカット」の紹介だ！デフォルトのショートカットはある程度みんな使うだろうが、独自のショートカットとなるとあまり登録している人も少ないだろう。ここでライバルに差をつけよう！

独自ショートカットの設定で一つ重要な事は、登録したい任意のショートカットのキーがすでに、デフォルト（初期設定）ショートカットで登録されている場合であっても、普段使わないショートカットであれば、躊躇せず上書きしてOKという点だ！