作成:2015/10/20更新:2016/07/03Webデザインワイヤーやデザインカンプを作る時に、IllustratorからSketchに変更したら便利だったのでメモ。Blur:画面平滑化(中心からぼかす)普通のボカシではなく画像を中心からぼかします。Blur」を選択すると中心から外側に向かって集中線が走っているかのようなボカシを入れることができます。ゲームで敵にエンカウントした時のようなイメージ。外に広がってしまうので、次で切り抜いてみます。Mask:選択範囲だけ表示ブラーなどで画像をぼかしたりすると広がってしまう、余分な箇所を切り取りたい。そんな時は「Mask」を使うと簡単です。画像の上に切り抜きたい図形(円や長方形)を配置し、画像と図形を選択後「Mask」を押せば切り抜き完了。Blurと組み合わせて、スタッフ紹介ページなんかで使えばインパクトを出せます。Style:オブジェクトを共有させる複数のオブジェクトに共通のスタイルを適用させます。複数の要素の外観を一発で変更したい時に便利。あっちこっち移動しなくて済みます。Style」を押し共有スタイル名をつけます。Style」を適用すればOK。Symbol」を押します。Grid」>カラム数を指定します。左のボックスの色を変更すると右のボックスも変更されます。Grid:任意のマージンを指定し整列させる例えば内側10pxのマージンで3カラムのボックスを配置したい・・・。Grid」をクリック後、Columnsでカラム数を入力。Boxedのチェックを外してArrangeを押します。任意のマージンで整列されました。最初から組み込まれているのでありがたいです。Layout」を押せば960グリッドシステムを表示。Settingsでグリッド幅とカラム数を指定して新たなグリッドを作成することもできます。デフォルトでは以下のように960pxの12カラム(カラム幅60px、マージン20px)で構成されています。outsideは外側の余白のこと。Path」をクリックします。Orderを選択すれば文字が反転します。Scale:%で拡大縮小するメニューバーの「Tools」>「Scale」を選択すると「px」や「%」で拡大縮小が出来ます。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。今回はシーンごとに使えるように、無料フォントをジャンル分けしました。まとめサイトをまとめ2013/11/18ノンデザイナーでも分かった!色に関する基本と配色に困ったときの知識まとめ先月、リーフレットを作ったときに「なぜか同じように印刷されない」とか、サイトを作るときにイメージが伝わりにくいと感じたことが多々ありました。Win/Mac対応Web制作に欠かせなくなった「Node.js」。デザイナーさんやフロントにおいてもgulpの環境を整えるのがトレンドとなっています。コメントデータの処理方法の詳細はこちらをご覧ください。