WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

作る。

WEBCRE8.jpが作ったサービス、素材、サイトなどを
公開していくカテゴリです。

[Photoshop]新環境で真っ先に設定しているショートカット

この記事は約8分ぐらいで読めます

とっつきやすいPhotoshopのアイテム達
ショートカットって当然人(と言うより行う作業)によって全然違うとは思いますけど、webcre8がとりあえずこれやっとけば便利!というものを挙げてみます。

いつもお世話になっているPhotoshop。普通に使うだけでももちろん便利なんですけど、ソフトウェアのいいところはカスタマイズによってより引き出されます。

フォトショップの便利なカスタマイズ

その手法は以前[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう!で紹介したようなパターンやアクションの他にも、JavaScriptで作られたjsxファイルを用いたスクリプトや、今回紹介するショートカットがあります。

スクリプトに関してはwebクリエイタ@Daybreak_dawnさんのブログ、WEB Drawerで最近公開された以下の記事で便利なものが公開されています。

Photoshopの便利なスクリプトや拡張機能のまとめ|WEB Drawer

ショートカットは速さを生む

webcre8が本当に初心者の頃は効率化なんて考えておらず、ショートカットなんて覚えられない、なんて考えてましたが…。便利さに気付けば手放す事は出来ないもの、むしろ今では「なんでこれが最初からショートカットとして設定されてないんだ!」とか思ってしまうほどですw

それではここからまずは基本知識から説明した後、それに結びつける形でwebcre8が設定しているものを紹介します。

webcre8は完全Windowsユーザなのでよくわかりませんけど、マカーな人はCtrlCommandに、AltOptionに脳内変換して頂ければと思います★(でいいんですっけ…)

あと使っているソフトはPhotoshop CS4です。他のバージョンと初期設定が違ったりすることもあるとは思います。

最初から設定されている主なショートカット

まずは前提となるショートカットをよく使うモノだけ紹介。知っている人は飛ばしちゃってください。

基本的なショートカット

言うまでもないほど代表的なショートカットと、それから派生しているものを紹介。

Ctrl + S … 保存
Ctrl + Shift + S … 名前をつけて保存
Ctrl + Shift + Alt + S … web用に保存

Ctrl + C … コピー
Ctrl + X … 切り取り
Ctrl + V … 貼り付け

Ctrl + Z … 一つ戻る or やり直す
Ctrl + Alt + Z … ヒストリーを一つ戻る
Ctrl + Shift + Z … ヒストリーを一つ進む

Ctrl + A … 全てを選択
Ctrl + Alt + A … 全てのレイヤーを選択(背景レイヤー以外)

Photoshop特有のショートカット

基本的にPhotoshopやアドビソフト特有のもの。書きだしてみると使ってるものだけでも結構あるんですね…。今忘れてるだけで他にも多分全然あります。

Ctrl + J … レイヤーを複製

Ctrl + T … 変形
Shift + Ctrl + T … 直前の変形をもう一度実行

Ctrl + I … 階調の反転
Shift + Ctrl + I … 選択範囲の反転

Ctrl + D … 選択を解除
Ctrl + Shift + D … 再選択

Alt + Backspace … 描画色で塗りつぶす
Ctrl + Backspace … 背景色で塗りつぶす
Shift + F5 … 塗りつぶし(ダイアログを出す)

Ctrl + + … 表示を拡大
Ctrl + - … 表示を縮小

Ctrl + Alt + C … カンバスのサイズを変更
Ctrl + Alt + I … 解像度を変更

Ctrl + E … レイヤーを結合
Ctrl + Alt + E … 表示レイヤーを結合
Ctrl + Shift + Alt + E … 表示レイヤーを別レイヤに結合

Ctrl + F … フィルタの再実行

Ctrl + Shift + M … グループの作成
Ctrl + G … グループ化
Ctrl + Shift + G … グループを解除
Ctrl + Alt + G … クリッピングマスク

Ctrl + N … 新規ファイル
Ctrl + Shift + N … 新規レイヤー作成(ダイアログを出す)
Ctrl + Shift + Alt + N … 新規レイヤー作成

Ctrl + Enter … パスを選択範囲にする
※文字編集中もこれで確定できます

あとwebデザイナ@kazumissimiさんのブログkazumissimiweblogでたまたま見つけたので、CS5以降のみのものもありますがちょっとマニアックなショートカットを紹介している記事を紹介しておきます。

きっとあなたも知らないPhotoshopのスゴイショートカット25 | kazumissimiweblog

応用:webcre8オススメの機能とショートカット設定

基本的にこれ!と思ったキー操作に元々設定されてあるものがあってコンフリクトした場合も、別に気にせず設定しちゃえばいいと思います。どうせ覚えているものしか使わないので。

全部設定し終わったら確定してしまえばこれからはオリジナルのショートカットが使えます。

Ctrl + Q … 境界線を描く

何故Qにしたんだっけ…w よく分からないですがデフォルトではQは「終了」に割り当てられていて、うっかり使うとなんか怖い気もするので上書きしましょうw

Ctrl + Shift + Alt + C … 時計回りに90度回転

Cにしたのは多分Circular(円形の)から取ったと思われます(忘れた)。

Ctrl + Shift + Alt + H … 水平方向に反転

Horisontal(水平な)からHを当ててます。

Ctrl + Shift + Alt + V … 垂直方向に反転

その流れでVertical(垂直の)と言う事でV。

Ctrl + Shift + R … RGBカラーに変換

RGBのRから。よくGIF画像を開いたとき、インデックスカラーを解除して編集しやすくするときに使ってます。

Ctrl + Shift + Alt + J … レイヤーを一気に複製

選択したもの、グループごと、とにかくなんでもまとめて複製します。

更に応用:アクションを設定

他にも良く使う機能は思いついたらドンドン登録してしまっていいと思いますが、そのままのキーボードショートカットはワンアクションで済む操作しかこなせません。

それならアクションにキーボードショ-トカットを設定しましょう。

アクションについては[Photoshop]シームレスなテクスチャをワンクリックで作るアクションを作ったでも触れています。こちら一応200ダウンロードくらいされているアクションがあるので興味のある人はチェックしてみてください★

webcre8がまず必ずやるのは以下の二つ。

Ctrl + F2 … 画像補間方式をニアレストネイバーに
Ctrl + F3 … 画像補間方式をバイキュービックに
※見た目の変化がないので効いてるのか不安になります

webcre8はドット絵を描くなどのドットワークにもPhotoshopを使うので、例えば拡大や縮小時、変形時にエッジがぼかされるのを防ぐため、一時的に画像補間方式をニアレストネイバー法に切り替えたりしています。こうすると、画像を変形させても勝手にピクセルに不透明度を設定されることがありません

その代わり、普段それだと写真加工やリアルなパーツの制作時に困るので、終わったらバイキュービック法(いずれか好みで)に戻します。

編集 → 環境設定 → 一般

から同じ事が出来ます。

ちなみにこの画像補間方式については以下の記事で、実際にデザイナがこれを使うに当たって知っておくべきことが説明されています。よく知りたければチェックしてみてくださいね。

PhotoShopで最適な画像保存をする為に。ニアレストネイバー法やバイキュービック法でのリサイズやJPEG圧縮などを検証したよ。 / Maka-Veli .com

終わりに:ショートカットの「クセ」

ショートカットは便利ですが、「これを使ってないなんてヤバいの?」なんて考えて全部覚えようとする必要はありません。webcre8は印刷、DTPの仕事は思い出したようにしか触らないので、わざわざそれに関するショートカットを覚える必要性がありません。他の方から見れば「えっ、これ使ってないの?」というものもあるかもしれません。

むしろ基本的に独学だったので、普通なら教わるでしょってものもあるでしょうねー。あとそんな回りくどいことしてんの…とかw なんかあれば教えてもらえると幸いです★