[Tips] Photoshop で画像を slice する方法

Fireworks がなくなってしまうので、やってみました。

ユーザー定義スライスを設定する

  • CS6 ではクロップツールの中にスライスツールがある。
  • スライスツールで作ったスライスは「ユーザー定義スライス」。青色のタブがつく。
  • グレーのタブは「自動スライス」。Photoshopが自動で作成する。
    ps 2013-12-10-6

ガイドに沿ってスライスする

  • 水色のラインはガイド(上図)。ガイドに沿って自動でスライスできる。但し、以前の設定が上書きされてしまう。

自動スライスの表示・非表示切り替え

ps 2013-12-10-5
* スライス選択ツールに変更すると、自動スライスを隠すトグルボタンが現れる。

スライスの分割、ユーザー定義スライスを設定する

ps 2013-12-10-2
* スライスを右クリックすると、メニューがあらわれる。

レイヤーに基づく新規スライスを作成する

ps 2013-12-10-3
* 切り出したいパーツをまとめたレイヤーを選択する。
ps 2013-12-10-4
* 「レイヤー」-「レイヤーに基づく新規スライス」で作成する。

スライスを消去する

ps 2013-12-10-1
* 「ビュー」-「スライスを消去」から、全てのスライスを消去できる。

補遺

CS6

CS6 を使っていると、プラグインをつかった今風のフローが実現できるみたい。

CC

Creative Cloud は、いろいろ用意されているよう。