[картинка не сохранилась]
Учимся создавать кнопки навигации.
1. Создайте на новом слое прямоугольник инструментом Rectangle любого цвета (при необходимости растеризуйте):
[картинка не сохранилась]
2. Добавьте к слою стили:
Gradient Overlay:#252525, #595959 и #9a9a9a
[картинка не сохранилась]
3. Stroke: #424242
[картинка не сохранилась]
4. Зажмите CTRL, кликните по иконке слоя, чтобы выделить его содержимое. Затем снимите нижнюю половину выделения (выбрать инструмент Rectangular Marquee и, зажав ALT, выделить нижнюю половину прямоугольника). Далее Select > Modify > Contract и вводите 1px. Создавайте новый слой и заливайте выделение любым цветом, нажимайте CTRL+D, чтобы снять выделение и устанавливайте параметр Fill для данного слоя в позицию 0%
[картинка не сохранилась]
5. Добавьте Stroke градиентом от прозрачного к белому:
[картинка не сохранилась]
6. Кнопка должна сейчас выглядеть примерно так:
[картинка не сохранилась]
7. Создайте новый слой и выделенную на нем область высотой в 1px. Заполните ее круговым градиентом (Radial Gradient) от белого к прозрачному (White to Transparent) и снимите выделение
[картинка не сохранилась]
8. Теперь повторяем шаг 7, но заливаем выделенную область (она будет больше, как показано на рисунке) цветом градиента #4a4a4a
[картинка не сохранилась]
9. Должно получиться что-то вроде этого:
[картинка не сохранилась]
10. Создайте ноывй слой и выделите область, как показано на рисунке ниже. Залейте ее линейным градиентом от #dadada к прозрачному
[картинка не сохранилась]
11. Добавьте текст
[картинка не сохранилась]
Готово!
12. Также на основе этой кнопки Вы можете создать красивую навигационную панель.
Автор: Mac Style Web Button
Перевод: Joke83
Оригинал: снимок Wayback Machine от 14.01.2009.