PhotoShop04（CSS Spriteボタン作成）

ボタン作成

• シェイプツールでボタン作成
• スタイルはダウンロード→ 220 Amazing Free Photoshop Layer Styles
• 文字ツールで文字間調整。カーニングをメトリクスに。
• ボタンのレイヤーと文字のレイヤーをパレット右上のメニューからグループ化し、複製。
• 各グループの絵を移動させ、適宜項目名・グループ名を変える。
• イメージ→切り抜きでアートボードを画像の大きさにしてから、Web用で保存。

テクニック

• 選択範囲をalt＋方向キーで移動コピー。さらに＋shiftで10px移動。
• レイヤー内サムネイルでctrl＋クリックでオブジェクト選択。
• 複数レイヤーのオブジェクト選択するには、さらに＋shift。