読者です 読者をやめる 読者になる 読者になる

mzgkworks

iOSを中心にプログラミング関係について書く

【Sketch】Sketchの操作メモ

Sketch.appの操作をいくつかメモ。

環境

  • Sketch.app 3.9

ArtBoardの表示サイズ

  • 実際の大きさ : Cmd + 0(View -> Actual Size)
  • 画面中央 : Cmd + 1(View -> Center Canvas

オブジェクトの表示サイズ

  • 拡大 : Cmd + 2(View -> Zoom Selection)

レイヤー間でスタイルをコピペ

  • コピー : Cmd + Opt + c
  • ペースト : Cmd + Opt + v

レイヤーの上下階層移動

  • Cmd + Opt + ↑
  • Cmd + Opt + ↓

カラーピッカー

  • Ctrl + c

角丸の個別指定

  • Radiusの入力欄 : /区切りで左上からの時計回り

スタイルの作成と適用

同じスタイルのオブジェクトへの適用が楽になる。
形まで適用する場合はSymbolを利用。

  • オブジェクトを選択 -> 色や線などのスタイルを設定 -> No Shared Style -> Create New Shared Style -> 名前をつける
  • 適用したいオブジェクト -> No Shared Style -> 作成したスタイル -> 適用される
  • スタイルを変更したい場合 -> 変更後 -> Sytleに表示された更新マークを押す -> 同じスタイルのオブジェクトに反映される

オブジェクトのロック

  • ロックしたいオブジェクトを選択 -> Cmd + Shift + l

結合 : Combine

円を2つ重ねた状態の場合

  • Union : くっつく(重複部分の区別はなくなる) -> ピーナッツ型
  • Subtruct : 上に乗っているオブジェクトで下のオブジェクトをえぐる -> 三日月型
  • Intersect : 重複部分だけが残る
  • Difference : 重複部分だけが欠ける

Symbol : 同じオブジェクト作るためのベース

  • Symbolにしたいオブジェクトを選択 -> Create Symbol -> 名前をつける
  • 新しいオブジェクトを配置 -> 右クリック -> Replace With -> Symbolを選択
  • これで、姿形が同じになる(スタイルは色や線のみで形は適用されない)
  • 解除 : 解除したいオブジェクト -> 右クリック -> Detache from Symbol

画像をモノクロ化

  • Rectangleのシェイプを配置して色をグレーとかにする
  • Blending -> Colorを設定

テキストをアウトライン化

  • テキストを選択 -> Layer -> Convert to Outline