CSSスプライト用画像の制作2

(線をパスのアウトライン化しているので塗りと線がグループ化されているのでダイレクト選択ツールで塗りの白を選択する)

グラデーションパネル→グラデーション

この時、カラースライダーが1色だったらグレースケールなのでRGBに変更する(左右)

全て選択して移動してコピー

下側の長方形を選択して水平にリフレクト

hoverと分かるように色を付ける

付けた色を移動→コピー

この時、右端は1px大きいことに注意。縮める

メニューバー→オブジェクト→アートボード→オブジェクト全体に合わせる

(ボタンサイズにアートボードの大きさが変更される)

Web用に保存。グラデーションがかかっているのでPNG-24

元ファイル(.ai)も保存しておく。その際、全てチェック外す。