Blog スタッフブログ

【入門】PhotoshopCCではじめるWebデザイン Vol.02

Category | Blog
/ 1,427views

どうも、お久しぶりです。Designerの松並です。
秋、なかったですね。
すごく寒い日が続いています、みなさん体調管理には気をつけて下さい。

それでは早速ですが今日は【PhotoshopCCではじめるWebデザイン】第2弾です。

photoshopには、無数のショートカットキーと呼ばれるものがあります。しかし、そんな膨大なショートカットキーをいきなり覚えるのは大変なので、私的ではありますが、本当によく使う便利なショートカットキーを紹介して行きたいと思います。

Table pf contents

  1. ショートカットキーとは?
  2. 一番初めの10個
  3. 基本の10個
  4. 知らない人も多そうな5個
  5. 最後に

ショートカットキーとは?

ショートカットキーとは、キーボードを使ってパソコンの操作を簡単に行うための機能です。 ショートカットキーを使用すると、キーボードから手を離してマウスに持ち替えてメニューを選んで、とする必要がないので、デザインの編集を行っている場合などに効率よく作業を行うことができ、デザイナー必須の能力だと思います。センスを磨くよりショートカットキー覚えたほうが、上達が早くなることは間違いないです。

一番初めの10個

MACWindows
作業を1つ元に戻すcommand+Zctrl+Z
作業をさらに前に戻すcommand+option+Zctrl+alt+Z
自由変形command+Tctrl+T
新規command+Nctrl+N
開くcommand+Octrl+O
保存command+Sctrl+S
別名で保存command+shift+Sctrl+shift+S
閉じるcommand+Wctrl+W
すべてを閉じるcommand+shift+Wctrl+shift+W
Photoshopを終了command+Qctrl+Q

まず初めに覚えるべきショートカットキー紹介しました。
まずは、この10個のショートカットキーを覚えれば格段に作業スピードは早くなると思います。

なれないうちはマウスで操作してしまいがちですが不慣れでも、ショートカットキーを使用していれば気づけば慣れていますし、意識してショートカットキーを使用することが大事です。

また、[command+W]と[command+Q]のちがいは、[command+W]では開いているウィンドウを閉じ、[command+Q]ではPhotoshop自体(アプリケーション)を終了させるショートカットキーになります。
ちなみに、[新規]以下のショートカットキーはPhotoshop以外でも、Adobeのアプリケーションならほぼこれで動作すると思います。(動作しないものがあったらごめんなさい)

基本の10個

MACWindows
コピーcommand+Cctrl+C
ペーストcommand+Vctrl+V
すべてを選択command+Actrl+A
選択を解除command+Dctrl+D
レイヤーを複製command+Jctrl+J
移動ツールVV
ペンツールPP
スポイトツールII
ブラシツールBB
プリントcommand+Pctrl+P

ここまで覚えてしまえば、その頃にはPhotoshopの基本的な操作にも慣れ、Photoshopと戯れることが楽しくなってくる頃だと思います。

Shiftを押しながら[移動ツール]や[ペンツール]等のツールごとのショートカットキーを連続で押すと、隠れているツールにアクセスすることができます。例えば、[移動ツール]なら[Shift(押したまま)+V]で[アートボードツール]に切り替わります。

知らない人も多そうな5個

MACWindows
HUDカラーピッカーcommand+option+control+クリックAlt+shift+クリック
バードアイビューH[押したまま]+クリックH[押したまま]+クリック
パネルの表示・非表示TabTab
トラッキング・カーニングoption+[←][→]Alt+[←][→]
全景色と背景色の変更XX

このショートカットキーは知らない人も多いのではないでしょうか?
役に立つものばかりですので、覚えておいて損はないでしょう。

ちなみにトラッキング・カーニングのショートカットキーは、文字間の調整に有効なショートカットで、1文字、1行、もしくは段落全てを選択した状態ではトラッキング調整ができ、2文字間を選択した状態ではカーニング調整が行えます。

最後に

これでショートカットキーの紹介は以上となります。
この他にも、今回だけでは伝えきれないたくさんのショートカットキーが存在します。

そしてここまであれこれと紹介しておきながらですが、Adobeさんがショートカットキー一覧の記事をはるか昔に紹介しておりました。早見表で見やすくまとめられており、とても参考になりますのでご紹介しておきます。

Adobe公式

本日は以上となります。ショートカットキーをいち早く覚えて、脱初心者を目指しましょう。
また次回の【PhotoshopCCではじめるWebデザイン】を楽しみにしていただける方がいらっしゃいますと幸いです。

ありがとうございました。

Category | Blog
Author | Takuto Matsunami / 1,427views

Company information

〒650-0024
神戸市中央区海岸通5 商船三井ビルディング4F

Contact us

WEBに関するお問い合わせは
078-977-8760 (10:00 - 18:00)