Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
覚えておきたいPhotoshopの便利なショートカット | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン

覚えておきたいPhotoshopの便利なショートカット

投稿日:

制作会社に入社して2ヶ月半。まだまだ私にとって、デザインの引き出しを増やすこと、作業スピードを上げることが大きな課題です。

「作業スピードを上げるためにすぐに出来ることは何だろう?」と考えたとき、まず思い浮かんだのはソフトのショートカットを覚えることでした。

 
ひとつのショートカットで削減できる時間は1、2秒程度で一見たいした差がないように思えますが、これが積み重なっていくと作業時間に雲泥の差がうまれます。
 

ということで今回は、便利なPhotoshopのショートカットについておさらいしていきたいと思います。command + S(保存)のようなお決まりのものを除いて、つい忘れがちなショートカットを10個ほど厳選してみました!

 

作業を1つ以上前に戻す

Mac : command option Z  Windows : ctrl alt Z

作業を1つ前に戻すショートカットは、Macの場合「command + Z」、Windowsの場合「ctrl + Z」ですね

そしてこちらのショートカットでは、1つよりずっと前の作業に戻すことができます。

 

作業を進ませる

Mac : command + shift + Z  Windows : ctrl + shift + Z

上記のショートカットで戻りすぎてしまったときに使えるショートカットです。押した分だけ作業を進ませることができます。

 

レイヤーを複製する

Mac : command J  Windows : ctrl J

今選択しているレイヤーや、選択範囲を複製するショートカットです。

ようはコピー&ペーストが一度にできてしまうわけですね。

またコピー&ペーストだと、レイヤーの真ん中などズレた所にペーストされてしまいますが、このショートカットを使うと元のレイヤーと全く同じ位置に複製することができます。

 

レイヤーを前面・背面に移動

Mac : command ]or[  Windows : ctrl + ]or[

] だと前面、[ だと背面に移動します。

 

レイヤーを最前面・最背面に移動

Mac : command + shift + ]or[  Windows : ctrl shift + ]or[

上記のショートカットにshiftをプラスすると、最前面・最背面に移動することができます。

 

ガイドを表示 or 非表示にする

Mac : command + :  Windows : ctrl + :

普通に操作した場合、メニューバーから「表示」→「表示・非表示」→「ガイド」と展開していかなければならず、けっこう手間なのですが、

こちらのショートカットを知っていると簡単にガイドを表示・非表示にすることができます。

 

文字サイズの変更

Mac : command shift .or,  Windows : ctrl shift .or,

[.]は文字を拡大、[,]は文字を縮小します。

サイズを変更したい文字を選択してからこのショートカットを押すと、簡単に1pxずつ文字サイズを変えることができます。

 

文字ツールから選択ツールへ切り替える

Mac : command + enter  Windows : ctrl enter

テキストの入力後、このショートカットで簡単に選択ツールに切り替えることができます。

ちなみにescボタンでも同様のことができますよ〜。

私は結構長いことこれを知らずに、一旦他のツールアイコンをクリックしてテキストモードから抜け出す…っていう面倒なことをしていたので、

もっと早く知っていたかったなあと思うショートカットです。

 

別名で保存

Mac : command +  shift + S  Windows : ctrl + shift + S

ファイルを別名で保存したい時には、こちらのショートカットが使えます。

 

WEB用に保存

Mac : command + option + shift + S Windows : ctrl + alt + shift + S

上記の「別名で保存」のショートカットにさらにoption(alt)キーを追加すると、「Web用に保存」することができます。

指を4本使うのでいまだに慣れないのですが、画像の書き出しはよく行う作業なので、しっかり覚えて使えるようになりたいショートカットです。

 

まとめ

いかがでしたでしょうか?

Photoshopには今回ご紹介した以外にも便利なショートカットがたくさんあります。

でもいきなり全てを覚えるのは難しいと思うので、意識的にショートカット使うようにして徐々に覚えていきたいと思います。目指せ効率化!!

-Webデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Illustrator】ドキュメントのタブが消えた時の対処法

突然ですが、みなさんはイラストレータを使用中にドキュメントのタブがいつの間にか消えてしまったことはありませんか? 通常だと開いたドキュメントはコントロールパネルの下にタブで表示されますよね。 ですが、 …

サイトの構成に迷ったら読んで欲しいお役立ち記事3選

今回は、サイトの構成を考えるときに役に立つ、おすすめの記事を3つご紹介します! 「ワイヤーフレームって何?」という方から、「サイトの内容がうまくまとめられない」とお悩みの方まで、きっと参考にしていただ …

かわいいデザインのサイトが集まったギャラリーサイト

一口に“かわいい系のサイト”と言っても、子供向けのポップな感じなのか、女性向けの柔らかい感じなのか…など、様々ですよね。 なので、WEBデザインでかわいいを表現するのはなかなか難しいなあとよく思います …

新米デザイナーが入社2ヶ月目で学んだこと

制作会社に入社して2ヶ月が経ち、徐々に仕事に慣れつつも、まだまだ奮闘中のぶちこです。 今日は2ヶ月目に学んだことを忘れないように、ここに書き留めていこうと思います。 自分の学習メモといった感じになりま …

【Illustrator】オブジェクトを等間隔にコピーしていく方法

Illustratorでオブジェクトを等間隔にコピーしていく方法をご紹介します。 イラレ使いには常識!?とも思われる機能ですが、これを知っていると、普通のコピー&ペーストに比べて断然作業が早く …