Help us understand the problem. What is going on with this article?

Sketchで少しだけ迷ったこと

More than 3 years have passed since last update.

はじめに

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

終わり

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

nogson
へっぽこWEBデザイナーです。
http://nogson2.hatenablog.com/
willgroup
個と組織をポジティブに変革する「チェンジエージェントグループ」
https://willgroup.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした