しめ鯖日記

swift, iPhoneアプリ開発, ruby on rails等のTipsや入門記事書いてます

Sketchでロングシャドウを付けてみる

Sketchでオブジェクトにロングシャドウを付ける方法です。

f:id:llcc:20160605180005p:plain

まずは影を付ける対象の他に1つ四角のオブジェクトを作ります。

f:id:llcc:20160605180104p:plain

Rotate機能を使って片方の角度を45度にします。
その後は幅と長さを調整して影のようにします。

f:id:llcc:20160605180208p:plain

片方だけ長さが足りない時などはEditを使ってパスを修正します。

f:id:llcc:20160605180321p:plain

次に影を再背面にします。

f:id:llcc:20160605180348p:plain

最後に影の線をなくした上で塗りの透過を強めます。

f:id:llcc:20160605180416p:plain

以上でロングシャドウは完成です。
ただ、この方法はテキストなどの形が複雑なオブジェクトには適用できないので別の方法を選ぶ必要がありそうです。

f:id:llcc:20160605180454p:plain