LoginSignup
22
18

More than 5 years have passed since last update.

Sketchで少しだけ迷ったこと

Last updated at Posted at 2016-06-22

はじめに

Illustratorや、Fireworksでは簡単にできていたけど、
Sketchだとどうやるんだろう?と悩んだ機能についてメモしていきます。

文字をアウトライン化する

アウトラインをかけたい文字を選択し、
ツールバーの「Type」から「Convert Text to Outlines」を選択する。

スクリーンショット 2016-01-05 11.38.54.png

文字がアウトライン化される。

スクリーンショット 2016-01-05 11.39.18.png

塗でグラデーションを設定する

塗でグラデーションを設定する場合はまずインスペクターメニュー(右側のプロパティ設定とかするところ)から「Fill」を選択。

スクリーンショット 2016-01-14 16.53.16.png

表示されるメニューの中から、「Linear Gradient」を選択。

放射状のグラデーションがかけたい場合は「Radial Gradient」
円錐を描くようなグラデーションの場合は「Angular Gradient」

スクリーンショット 2016-01-14 16.55.40.png

「Linear Gradient」を選択することで、グラデーション設定用のメニューが表示される。
グラーデーションの角度を変えるには、オブジェクトに表示される、ポイントを移動させる。
(角度変更用のポイントは、Fillを選択しメニューが表示されている場合のみ表示される)

Untitled.png

画像をグレースケールにする

sketchは画像のレタッチはあまり得意ではないです。
グレースケールにするには、少し工夫が必要です。

画像の上にモノトーンのシェイプを置いて、 BlendingColorにすることで、グレースケール画像に見えます。

demo_sketch.png

オブジェクトをロック、ロック解除する方法

レイヤーにoptionを押しながらフォーカスすると、南京錠マークが表示されるので、南京錠マークをクリックします。

あ.png

ショートカットはcommand + shift + Lです。

全てのロックを解除したい場合には、全レイヤーを選択してcommand + shift + Lで解除できます。
ただ全レイヤーをつかむのが面倒なので、下記のプラグインが便利です。
Unlock all layers

シンボルを解除

sketchで便利なシンボル機能ですが、解除するのを少し悩みました。
解除はコンテキストメニューの「Detach from Symbol」からできます。

Untitled.png

シンボル便利

今回の趣旨とちょっと変わってしまいますが、モジュールを作る場合はシンボル便利です。

Untitled.png

画像を塗りで指定しておくと、シンボルのインスタンス毎に写真を変更することができます。

角丸を特定の角だけつける

10/10/0/0 のように設定することで、特定の角のみ角丸にすることができます。

Untitled.png

終わり

まだまだ使いこなしていないです。もっと便利に使えるはずなので、もっと調べたいと思います。

22
18
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
18