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

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

CS6 対象の動画。CS3 で試してみました。

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

  • 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 は、いろいろ用意されているよう。