無駄な作業時間を節約!Sketchの便利なショートカットまとめ

公開日:2015/12/28
更新日:
Sketchの使い方

thumbnail

こんにちは。Sketch大好き・デザイン大好きのデザイナーです。

みなさんは、デザインしていて「もうこんな時間・・」「時間足りない・・」と思ったことはありませんか?
作業を効率化すれば時間をぐっと短縮することができます。

今日は毎日デザインをしているあなたにSketchのショートカットキーをご紹介したいと思います。
Sketchの初心者の方もそうでない方も、是非見てみてください。
(そもそも「Sketchってなんぞ」という方は「Sketchでデザインをして気付いたPhotoshopより優れているポイント」と合わせてお読みください。)

目次

ワークスペース表示

まずはSketchのウィンドウ全体(レイヤーリストとインスペクタとワークスペース)にまつわるのショートカットキーのご紹介です。

アートボード追加

アートボード追加

レイヤーリスト表示・非表示

レイヤーリスト表示非表示

インスペクタ表示非表示

インスペクタ表示非表示

レイヤーリスト・インスペクタ表示非表示

レイヤーリスト・インスペクタ表示非表示

プレゼンテーションモード

プレゼンテーションモード

フルスクリーンモード

フルスクリーンモード

シェイプの編集

Sketchで重要素なシェイプの編集機能(ベクター機能も含む)のショートカットキーを紹介します。
特にシェイプの部分はマウスでツールバーを使っているのであれば、時間短縮できるポイントです!

四角形

四角形

角丸四角形

角丸四角形

円形

円形

  • 上記の図形はいずれもshiftを押しながら作ると縦横同じ比率で拡大縮小できます。

線

ベクターポイント

ベクターポイント

ペン

ペン

シェイプの回転

回転
ホバーすると回転のマークに変わるのでドラッグをしていつものように回転させられます。

シェイプ要素のマスク化

マスク

  • 当てはめたいものをマスク化します。通常クリッピングマスクしたいものをグループ化して使います。

複数シェイプの合体

(複数のシェイプ要素を選択して)
合体

前面オブジェクトで型抜き

前面オブジェクトで型抜き

複数シェイプを交差

交差

複数シェイプを中マド

中マド

ベクターポイントスタイルの切り替え

ベクターポイントスタイルの切り替え

オブジェクト同士の距離を確かめる

回転
c4c1242eba2efa31b075edb4fe79e165

複数のベクターポイントの整列

整列させたいポイントを複数選択して、インスペクタ上の整列を選択。
a4be294f07d1a1d0c7a2ad972fbe5925

オブジェクトのコピー・移動・リサイズ

手際よくオブジェクトをコピペして移動してリサイズするショートカットを説明していきます。

コピー&ペースト

コピー
コピー
ペースト
ペースト
または
コピペ

コピーしたオブジェクトの真上にペースト

コピーしたオブジェクトの真上にペースト

通常通りコピー&同間隔でペーストをしていく

同間隔ペースト
ペーストしたものから同間隔でいくつも大量生産できるショートカットです。便利。
7fdb44101da49b4348708ea593ba7d17
こんな感じ。

中央リサイズ

リサイズ

レイヤー一発選択

レイヤー一発選択

グループ・アートボード内で最前列・最後列に移動

グループ・アートボード内で最前列・最後列に移動

テキスト編集

テキスト編集のショートカットキーです。インスペクタをマウスで作業する部分をできるだけ減らしていきたいところ。

テキスト入力モード

テキストモード

文字をボールド化

ボールド化

  • フォントにボールドが含まれる場合のみ有効です。

文字をイタリック化

イタリック化

  • フォントにイタリック体が含まれる場合のみ有効です。

下線

下線

フォント切り替え

フォント切り替え

テキストをアウトラインにする

テキストをアウトラインにする copy 4

文字を左寄せ

テキスト左寄せ

文字を中央寄せ

テキスト中央揃え

文字を右寄せ

テキスト右揃え

絵文字・特殊文字入力モード

絵文字・特殊文字入力モード

レイヤー管理

オブジェクト・パス・テキスト要素からなる「レイヤー」にまつわるショートカットキーの解説

fill(塗り)のアクティブ・ノンアクティブ

オブジェクトを選択した状態で
塗りアクティブ

ボーダーのアクティブ・ノンアクティブ

オブジェクトを選択した状態で
ボーダーアクティブ

カラーピックモード

カラーピックモード

  • 色を抽出するモードです。アプリの外でも利用可能。

レイヤーの階層を前面(後面)に移動 

レイヤーの階層を前面(後面)に移動 

レイヤーロック

レイヤーロック

レイヤー表示・非表示

レイヤー表示・非表示

レイヤーをグループ化・グループ解除

グループ化
グループ化
グループ解除
グループ解除

グループ・レイヤー名変更

レイヤー・グループ名前変更

レイヤーを編集モード・抜け出しモード

編集モード
編集モード
テキストやシェイプのベクターモードなどで使います。
抜け出しモード
編集抜け出し

レイヤーの不透明度

不透明度
10%ごとの調整

スタイルのコピー&ペースト

コピー
スタイルコピー
ペースト
スタイルペースト

レイヤーのスライス

スライス

プラグインでもっと時間を短縮しよう!

プラグインを追加して便利なSketchをより便利にしましょう。たくさんプラグインがある中でもオススメなものをご紹介します。

content generator

デザインをつくっていくときに「ここにテキストが入ります。」を入れる代わりにダミーの文章を入れてくれるプラグインです。また、ダミー画像をシェイプに入れてくれます。画像はもともと入っているのを使ってもよし、入れ替えて使ってもよしです。
dd617ac5c70f8c1fc8e6d0de096ff95b
こんな感じです。
▷Content generatorへ

sketch measure

もしデザインの受け渡しをするのであれば、便利なプラグインです。
オブジェクトの幅や余白をメモしてくれます。
sketch measure
▷Sketch Measureへ

プラグインはSketch Toolboxで!

こちらはSketchにプラグインをダウンロードするのに便利なアプリです。アプリ上で落としたいプラグインを検索、インストールするだけで即使うことができるようになります。
toolbox
▷Sketch Toolboxへ

これでSketchのショートカットをマスター

いかがでしたか?

Sketchは本当に機能が直感的でシンプルで使いやすいですよね。
ショートカットはこれだけマスターするだけで無駄な作業時間を大分減らすことができると思います!
浮いた時間は別のアイデアを考えたりして有効に使っていきたいですね。

この記事が気に入ったら
いいね!しよう

creiveの最新情報をお届けします

この記事を書いた人

なおはやし
フォントが大好きなデザイナーです。フリーフォントの投稿サイトフォントフリーを運営しています。@n_a_o_96