ナビゲーション

ボタン制作…1時間(photoshop)
コーディング…40分
使用書体…ヒラギノ角ゴシックPro W6

1.ガイドを引いて文字を入力

2.グラデーションをかける

3. ボタンとボタンの境界に2px幅のグレーのグラデーション、1pxの白いグラデーョンを入れる。

4.hoverしたときのナビケーションをつくる。文字色を黒から水色に変更。下に水色のラインを入れる。

5. スライスツールで切り取った後、png形式で保存する。