Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 400 x 120 пикселей с разрешением 72 dpi. Создайте новый слой (Create New Layer) и назовите его ‘base’. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и настройте так:


Простые стильные web кнопки



Создайте такую фигуру:


Простые стильные web кнопки



2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) для кнопки и примените эти стили:

Внутренняя тень:



Простые стильные web кнопки


Наложение градиента:


Простые стильные web кнопки


Обводка:


Простые стильные web кнопки



Цвета, которые я использовал в настройках наложения градиента и обводки - #e1e817и #88a707.


Простые стильные web кнопки



3. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст. Ниже показаны настройки для текста:


Простые стильные web кнопки

Простые стильные web кнопки






4. Потом примените стиль Отбрасывание тени (Layer Style - Drop Shadow) к слою с текстом:


Простые стильные web кнопки

Простые стильные web кнопки

Простые стильные web кнопки





Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: