【Illustrator】CSS Sprites用に横並びのナビゲーションボダンを作る

150*40pxの横並びのボタンを5個作ります。

作り方

1. 環境設定で「プレビューの境界」にチェックを入れる。
2. 表示から「ピクセルプレビュー」にチェックを入れる。
3. 長方形ツールを使い、750px*40pxのオブジェクトを作る。
4. グラデーションツールでグラデーションを入れる。
5. 直線ツールで、ボタンの境界線を作る。
6. 文字数の多い項目を使って、ボタンの幅に合わせて、センタリングしていく。
7. ほかの項目の文字を打っていきます。
8. できたナビゲーションを全部選択して、下にコピーします。
9. 背景の色や文字の色を変えて、ホバー時のボタンを作ります。
10. できたオブジェクトをすべて選択し、「オブジェクト」メニュー＞アートボード＞選択オブジェクトにあわせる、で切り抜く