【Photoshop】本当によく使うショートカット26選

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

Photoshop（フォトショップ）初心者の方にオススメ！
実際のフォトショ作業でよく使うショートカット26選です。

フォトショには数多くのショートカットが存在しますが、全てを覚えるのは大変。。。
数あるPhotoshopのショートカットの中で使用頻度が高くて便利なモノばかりを厳選しました。

これらを使いこなせるようになればフォトショ中級者以上！

この記事の目次

よく使うショートカット一覧

上がWindows用、下がMac用のショートカットです。
本当によく使います。

Photoshopを導入しましょう

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

新規作成・保存・プリント

新規ファイル作成のショートカットです。

Win [ Ctrl + N ]

Mac [ Command + N]

保存です。
別名保存したい場合は [ Ctrl + Shift + S ] です。

Win [ Ctrl + S ]

Mac [ Command + S ]

Web用に保存です。
Web制作してる人には超便利！

Win [ Ctrl + Alt +Shift + S ]

Mac [ Command + Option + Shift + S ]

印刷です。
よく使います。

Win [ Ctrl + P ]

Mac [ Command + P ]

画面操作

画面を拡大・縮小します。
ズームツールやナビゲーターは不要！

Win [ Ctrl + Space + ドラッグ ]

Mac [ Command + Space + ドラッグ ]

一時的に手のひらツールに。
基本中の基本です。

Win Mac [ Space ]

画面サイズを100%表示にします。
画面サイズをリセットしたい時に便利！

Win [ Ctrl + 1 ]

Mac [ Command + 1 ]

画面サイズを表示しているキャンバス内で100%表示にします。
こちらも画面サイズをリセットしたい時に便利！

Win [ Ctrl + 0 ]

Mac [ Command + 0 ]

ブラシ

ブラシツールに切り替えます。

Win Mac [ B ]

ブラシサイズを大きくします。
Enterキーの左にあります。

Win Mac [ ] ]

ブラシサイズを小さくします。
Enterキーの左にあります。

Win Mac [ [ ]

レイヤー

レイヤーパネルを表示・非表示します。

Win Mac [ F7 ]

レイヤーのコピー。

Win [ Ctrl + J ]

Mac [ Command + J ]

新規レイヤー作成。
[ Ctrl + N ] の新規ドキュメント作成と間違えないよう気を付けて下さい！

Win [ Ctrl + J ]

Mac [ Command + J ]

レイヤーをグループ化します。

Win [ Ctrl + G ]

Mac [ Command + G ]

選択範囲

なげなわツールです。
タブレットがあると超便利！

Win Mac [ L ]

長方形ツールです。

Win Mac [ M ]

クイック選択ツールです。

Win Mac [ W ]

選択範囲を解除します。

Win [ Ctrl + D ]

Mac [ Command + D ]

選択範囲を反転します。

Win [ Ctrl + Shift + I ]

Mac [ Command + Shift + I ]

他

移動ツールです。
よく使います。

Win Mac [ V ]

自動選択を一時的に有効化します。
自動選択のチェックは外しておき、必要な時だけ自動選択を有効にすると便利！

Win [ 移動ツール + Ctrl ]

Mac [ 移動ツール + Command ]

自由変形です。

Win [ Ctrl + T ]

Mac [ Command + T ]

消しゴムツールです。
基本ツールですね。

Win Mac [ E ]

横書き文字ツールです。
こちらも基本ツールですね。

Win Mac [ T ]

切り抜きツールです。

Win Mac [ C ]

Photoshopの全ショートカット

【Photoshop】フォトショのショートカット総まとめ

フォトショップの全ショートカットをまとめました。全て覚えたらPhotoshopマスターですよ！

簡易版便利ショートカット

ビギナーの方にオススメのよく使うショートカットです。
とりあえずこれらを押さえておくと効率化間違いなし！

※クリックで拡大します。

高品質なWEBデザインテンプレート

Photoshopで使える高品質なWEBデザインテンプレートです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのテンプレートです。

#01 Business Website Layout with Blue Accents

コーポレートサイトに向いているデザインカンプテンプレートです。
ブルーの差し色は簡単に別の色に変更できます。

ダウンロード

#02 4 Web Pages on a Smartphone Mockup

スマホ用のWebデザインカンプ4パターンセットです。
モバイル主体のサイトを考えられている方にオススメ！

ダウンロード

#03 Web Site Questionnaire Layout for Health Coach

フィットネス系のサイトデザインに適したテンプレートです。
もちろん画像とテキスト内容を変更するとフィットネス以外の分野でも活用が可能です。

ダウンロード

#04 User Interface E-Commerce Website Page Layout Set

通販サイトのデザインカンプです。
汎用的なレイアウトなのでどんなECサイトにも合うでしょう。

ダウンロード

#05 Personal Website Layout with Yellow Accents

様々なサイトで使える汎用的なWebサイトテンプレートです。
個人・企業、何でも使えます。

ダウンロード

Photoshop用とIllustrator用のバナーテンプレート

【商用可】Webサイトのデザインカンプ用テンプレート35選！サイトデザインを瞬殺【Photoshop・Illustrator】

フォトショップとイラストレーター用の高品質なWEBデザインテンプレート35選です。
全て商用利用可能！

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

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

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

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