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

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

関連記事

CSSをゲーム感覚で学べる「CSSバトル」が面白い!

こんにちは、ぶちこです。 先日、CSSをゲーム感覚で楽しみながら学べる面白いサイトを見つけたのでご紹介したいと思います。   CSSバトルのご紹介 その名も「CSSBattle」という海外の …

Webデザイナーの面接で聞かれたこと

Webデザイナーの面接ではどのようなことを聞かれるのか、気になりますよね。 私も面接を受ける前は、どんなことを聞かれるんだろうとドキドキしてました。 そこで今日は、私が制作会社2社の面接を受けて聞かれ …

日本語のフリーフォントをまとめて試せるサイト「ためしがき」

以前、「wordmark.it」(自分のPC内にインストールされているフォントをブラウザ上で一覧表示してくれる無料のWEBサービス)についてご紹介しましたが、今回はダウンロードしていないフォントを一覧 …

【Webデザインおすすめ書籍】やってはいけないデザイン

今日はデザインの勉強を始めたばかりの方や、駆け出しのデザイナーさんにおすすめの書籍をご紹介します。   やってはいけないデザイン     こちらの本はノンデザイナー向けのデザイン入門書で、難しい専門用 …

タイピング練習におすすめのサービス3選

いきなりですが、みなさんはブラインドタッチ(タッチタイピング)はできますか?  お恥ずかしい話、私は今まで独自のタイピングできてしまったので、ある程度早く打つことはできますが、たまにキーボードを見ない …