WebDesigner's Memorandumウェブデザイナーの備忘録

IllustratorとPhotoshopとXDのツール系のショートカットキーを統一させる

ショートカットキーを統一する

AdobeのIllustrator・Photoshop・XDは、似たようなツールなのにも関わらず、別のショートカットキーが設定されています。

似たような機能なのに、アプリケーションごとにショートカットキーが別だと覚えるのに苦労しますし、久しぶりに操作した時に戸惑います。

今はXDが一番最新のツールなので、XDにショートカットキーを合わせつつ、IllustratorとPhotoshopでツールのショートカットキーを合わせて使いやすいものにします。

デフォルトのツールのショートカットキー

まずはデフォルトのツールショートカットキーがどのようになっているのか、一覧にしてみました。

キーボードXDIllustratorPhotoshop
Q なげなわツール画像描画モード / クイックマスクモードの切り替え
W ブレンドツールクイック選択 / 自動選択ツール
E楕円形ツール自由変形ツール消しゴムツール / 背景消しゴムツール /
マジック消しゴムツール
R長方形ツール回転ツール回転ビューツール
Tテキストツール文字ツール横書き文字ツール / 縦書き文字ツール /
縦書き文字マスクツール / 縦書き文字マスクツール
Y 自動選択ツールヒストリーブラシツール / アートヒストリーブラシツール
U メッシュツール長方形ツール / 角丸長方形ツール / 楕円形ツール /
多角形ツール / ラインツール / カスタムシェイプツール
Iスポイトツールスポイトツールスポイトツール / 3Dマテリアルスポイトツール /
カラーサンプラーツール / ものさしツール / 注釈ツール / カウントツール
O リフレクトツール覆い焼きツール / 焼き込みツール /
スポンジツール
Pペンツールペンツールペンツール / フリーフォームペンツール
Aアートボードツールダイレクト選択ツールパスコンポーネント選択ツール / パス選択ツール
S 拡大・縮小ツールコピースタンプツール / パターンスタンプツール
D 初期設定の塗りと線ツール初期設定の描画色と背景色
F スクリーンモードを切り替えスクリーンモードの切り替え
G グラデーションツールグラデーションツール / 塗りつぶしツール /
3Dマテリアルドロップツール
H 手のひらツール手のひらツール
J 棒グラフツールスポット修正ブラシツール / 修復ブラシツール /
パッチツール / コンテンツに応じた移動ツール / 赤目修正ツール
K ライブペイントツール 
L線ツール楕円形ツールなげわ / 多角形選択 / マグネット選択ツール
Zズームツールズームツールズームツール
X 塗りと線を切り替え描画色と背景色を入れ替え
C はさみツール切り抜きツール / 遠近法の切り抜きツール /
スライスツール / スライス選択ツール
V選択ツール選択ツール移動ツール / アートボードツール
B ブラシツールブラシ / 鉛筆 / 色の置き換えツール /
混合ブラシツール
N 鉛筆ツール 
M 長方形ツール長方形 / 楕円形選択ツール

これらを統一していこうと思います。

XDをベースに考える

まずはXDをベースにツールの統一を考えます。XDのショートカットキーは非常に覚えやすいですし、とりあえずこれに合わせておきます。

キーボード機能備考
E楕円形ツールellips(楕円形)の頭文字
R長方形ツールrectangle(長方形)の頭文字
Tテキストツールtextの頭文字
Iスポイトツールeye dropper tool(目薬)のeye(音がI)
Pペンツールpenの頭文字
L線ツールlineの頭文字
Zズームツールzoomの頭文字
V選択ツール「V」の字がカーソルの形に似ているから?

ただ1点、Aのショートカットキーですが、XDはそもそものツールが少ないのでアートボードツールになっていますが、IllustratorやPhotoshopでは「ダイレクト選択ツール・パス選択ツール」があるので、それはそのままにしておきます。

覚えやすいキーから配置していく

XDにあるツールのショートカットキーは全て配置したので、次はIllustratorとPhotoshopで共通している機能を覚えやすいショートカットキーに配置していきます。
残ったキーボードに、本当に必要なツールをそれぞれ配置していけば完了です。

キーボード機能備考
D塗りと線のリセット 
Fスクリーンモードを切り替え 
Gグラデーションツールgradationの頭文字
H手のひらツールhandの頭文字
X線と塗りの入れ替え 
Cはさみツールcutの頭文字
Bブラシツールbrushの頭文字

まとめ

ある程度ショートカットキーを揃えておくと、アプリケーションが変わっても違和感なく使うことができます。面倒かもしれませんが、Adobe側で統一はされそうにないので自分で揃えるしかありません。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね