PhotoShop04(CSS Spriteボタン作成)
ボタン作成
- シェイプツールでボタン作成
- スタイルはダウンロード→ 220 Amazing Free Photoshop Layer Styles
- 文字ツールで文字間調整。カーニングをメトリクスに。
- ボタンのレイヤーと文字のレイヤーをパレット右上のメニューからグループ化し、複製。
- 各グループの絵を移動させ、適宜項目名・グループ名を変える。
- イメージ→切り抜きでアートボードを画像の大きさにしてから、Web用で保存。
テクニック
- 選択範囲をalt+方向キーで移動コピー。さらに+shiftで10px移動。
- レイヤー内サムネイルでctrl+クリックでオブジェクト選択。
- 複数レイヤーのオブジェクト選択するには、さらに+shift。