Иллюстрированный самоучитель по Web-графике

Создание кнопок

Создаем новый слой. На верхней кнопке делаем прямоугольное выделение так, чтобы до границ кнопки оставалось немного места. Заливаем выделение горизонтальным линейным градиентом серых оттенков.

Для большего эффекта можно добавить еще по углам черные точки – "винтики". Они выполняются с помощью простого карандаша.

Иллюстрированный самоучитель по Web-графике › Уроки Photoshop › Создание кнопок
Рис. 371. Для большего эффекта по углам кнопок расставляем черные точки – "винтики"

Используя команду Image › Adjust › Hue/Saturation (CTRL + U), изменяем цвет заливки кнопок. Затем, используя инструмент Type (Текст), набираем на каждой кнопке соответствующий текст.

Иллюстрированный самоучитель по Web-графике › Уроки Photoshop › Создание кнопок
Рис. 372. На заключительном этапе вписываем необходимые пункты меню

Вот все и готово. Полученную картинку можно использовать на Web-странице. Соответствующие текстовые ссылки можно сделать уже в HTML.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.