Mac Sketchでバックグラウンド素材を作る

2016年8月9日

sketch-software

Sketch 便利ですよね。軽いし最高です。

背景素材、でよく使われる格子状の背景画像もさくっと作れます。

Sketchで背景素材を作る

基本はPhotoshopとかで行う作業と同等です。

スクリーンショット 2016-08-09 11.57.37

スクリーンショット 2016-08-09 11.58.01

縦長ボックスをひたすら連結していく作業になります。グループ化してコピペで楽をしましょう。2色使う場合はボックス横幅が偶数pxでも奇数pxでも問題無いですね。

スクリーンショット 2016-08-09 11.58.18

色のことなるボックスを連結。

スクリーンショット 2016-08-09 12.00.07

ひたすら連結するとストライプ柄の背景素材が出来上がり。
ここから編みかけを作成していきます。

スクリーンショット 2016-08-09 12.00.46

同じ柄をコピー。

スクリーンショット 2016-08-09 12.01.16

45度、135度で重ねて透明度を調整。

スクリーンショット 2016-08-09 12.02.55

柄の切れ目を選択して切り取って完成です。すごく楽です。

主な著書

Django

Flask

Bottle