カテゴリー: Sketch

Sketch.appで画像や写真にマスクやグラデーションマスクをかける

sketch

画像や写真の切り抜きによく使うマスク(Mask)
PhotoshopやIllustratorを使ったことがある人にとってお馴染みのツールですが、使い方がPhotoshopやIllustratorに慣れているとちょっとややこしい。

普通にマスクをかけたつもりが他のオブジェクトが消えてしまったり、マスクをかけた画像がいつの間にか違うところに移動してしまったり。。

マスクはSketch上でデザインを作るのに重要な機能です。
ここではマスクのかけ方から、その注意点などについて詳しく解説していきます。

続きを読む

Webデザイナー必見!Sketchの背景パターンのデザインで使えるサイト4選

Bg-patterns

SketchはUIデザイン作成に特化したアプリでMacのみで使用できます(2017年8月現在)
フォトショップのように写真加工は無く、イラストレーターのように多機能ではないけど、両者と比べて圧倒的に軽量で、各デバイスごとに書き出せるのが便利!そして(アドビと比べて)安価!

筆者は案件によってSketchとフォトショップを使い分けていますが、それぞれアプリに特徴があって、

「なんでこの機能はフォトショップに無いんだろう。。」

「Sketchのこの機能をもう少し使いやすくしてほしいなぁ。。」

といったことがよくあります。
続きを読む

Sketch.appでわかりづらい日本語フォント一覧を選びやすくする方法

sketch

Mac向けのWebデザインツールで「Sketch」
Webデザイン向けに作られていて、ページ管理やアートボードに優れている上にPhotoshopより軽量でとても使いやすいのですが、海外で開発されたツールだけあって機能がすべて英語です。
特に使いづらいと思うのが、フォントを選ぶ時。
続きを読む

PhotoshopからSketch.appに乗り換える時に覚えておくと便利なショートカット一覧

sketch

僕は前からPhotoshopでデザインを行っていますし今もそうですが、最近Sketchもいいなぁと思って少しずつ使い出しています。乗り換える理由はいくつかありますが、ページ管理がしやすいことや、Retina用画像の書き出しやすさ、軽量など書き出したらきりがありません。Sketchのメリット・デメリットについては他の方がすでに記事にしていますので、僕は実際に使っている人、使う予定にしている人に向けて便利な機能、困ったときの対処法について書こうかと思います。

とりあえず今回はPhotoshopユーザーがSketchを使うときに「あれ?このショートカットはSketchだとどうやるんだ?」って思うショートカットをいくつか紹介します。

続きを読む