-=ALL4US=-
Добро пожаловать на форум ALL4US!

Пожалуйста,зарегистрируйтесь или авторизируйтесь.



P.S. форумы "Всё для Web-мастеров" и "Заработок в сети" доступны только зарегистрированным.


На форуме проводится набор модераторов.Все заявки оставлять в этой теме


С уважением,администратор.


Join the forum, it's quick and easy

-=ALL4US=-
Добро пожаловать на форум ALL4US!

Пожалуйста,зарегистрируйтесь или авторизируйтесь.



P.S. форумы "Всё для Web-мастеров" и "Заработок в сети" доступны только зарегистрированным.


На форуме проводится набор модераторов.Все заявки оставлять в этой теме


С уважением,администратор.
-=ALL4US=-
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

Делаем кнопку Download

Перейти вниз

Делаем кнопку Download Empty Делаем кнопку Download

Сообщение автор GLADMAN Вт Июл 28, 2009 9:08 pm

Создаем стильную и красивую “вебдванольную” кнопку!

Делаем кнопку Download Web20_probutton_8


Приблизительное время выполнения: 6 минут

Создайте новый документ (я использовал размер 164х50). Нарисуйте на новом слое скругленный прямоугольник любого цвета (это будет главный цвет кнопки). Я решил выбрать черный цвет. Радиус угла установите на 5px в панели опций

Делаем кнопку Download Web20_probutton_1


Примените к слою следующие стили:

Делаем кнопку Download Web20_probutton_2

Делаем кнопку Download Web20_probutton_3


На новом слое создайте еще один скругленный прямоугольник с тем же радиусом угла (у меня 5px), который будет выполнять роль отблеска. Он должен быть меньше предыдущего. Я использовал цвет #dedede.

Делаем кнопку Download Web20_probutton_4


Теперь добавьте к этому слою маску, щелкнув по обозначенной кнопке внизу панели слоев:

Делаем кнопку Download Web20_probutton_5


Нажмите сначала клавишу D, затем клавишу X, чтобы сделать белый основным цветом, а черный - вспомогательным. Выбрав инструмент Gradient (G) проведите линию сверху маленького скругленного прямоугольника и до его низа. Должно получиться что-то вроде этого:

Делаем кнопку Download Web20_probutton_6


Теперь добавим текст на нашу кнопку. Шрифт, который я выбрал, называется Helvetica - Medium Condensed - 14pt - Sharp. Цвета текста: белый и красивый зеленый (#dcf414). Расположите текст в правой части кнопки, чтобы мы могли добавить небольшую картинку слева

Делаем кнопку Download Web20_probutton_7


Теперь вставьте автофигуру галочки слева от текста.

Делаем кнопку Download Web20_probutton_8


Готово!
GLADMAN
GLADMAN
Админ
Админ

Сообщения : 184
Очки : 384
Репутация : 2
Дата регистрации : 2009-05-31
Возраст : 31
Откуда : SnZ

http://snzteam.clan.su

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения