カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC(14.1以降)の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として[角丸長方形]ツールと[テキスト]ツールで作った以下のようなボタンを書き出してみましょう。 [角丸長方形]と[Button]の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した
![Webデザインが捗るPhotoshopの時短ワザ4つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b6756f020d4727d81553855722a91cdc18e5198/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2014%2F03%2F28%2F1588542%2Fl%2Fdca47da13e9ad0ae.jpg)