Делаем кнопку Download
Страница 1 из 1
Делаем кнопку Download
Создаем стильную и красивую “вебдванольную” кнопку!
Приблизительное время выполнения: 6 минут
Создайте новый документ (я использовал размер 164х50). Нарисуйте на новом слое скругленный прямоугольник любого цвета (это будет главный цвет кнопки). Я решил выбрать черный цвет. Радиус угла установите на 5px в панели опций
Примените к слою следующие стили:
На новом слое создайте еще один скругленный прямоугольник с тем же радиусом угла (у меня 5px), который будет выполнять роль отблеска. Он должен быть меньше предыдущего. Я использовал цвет #dedede.
Теперь добавьте к этому слою маску, щелкнув по обозначенной кнопке внизу панели слоев:
Нажмите сначала клавишу D, затем клавишу X, чтобы сделать белый основным цветом, а черный - вспомогательным. Выбрав инструмент Gradient (G) проведите линию сверху маленького скругленного прямоугольника и до его низа. Должно получиться что-то вроде этого:
Теперь добавим текст на нашу кнопку. Шрифт, который я выбрал, называется Helvetica - Medium Condensed - 14pt - Sharp. Цвета текста: белый и красивый зеленый (#dcf414). Расположите текст в правой части кнопки, чтобы мы могли добавить небольшую картинку слева
Теперь вставьте автофигуру галочки слева от текста.
Готово!
Приблизительное время выполнения: 6 минут
Создайте новый документ (я использовал размер 164х50). Нарисуйте на новом слое скругленный прямоугольник любого цвета (это будет главный цвет кнопки). Я решил выбрать черный цвет. Радиус угла установите на 5px в панели опций
Примените к слою следующие стили:
На новом слое создайте еще один скругленный прямоугольник с тем же радиусом угла (у меня 5px), который будет выполнять роль отблеска. Он должен быть меньше предыдущего. Я использовал цвет #dedede.
Теперь добавьте к этому слою маску, щелкнув по обозначенной кнопке внизу панели слоев:
Нажмите сначала клавишу D, затем клавишу X, чтобы сделать белый основным цветом, а черный - вспомогательным. Выбрав инструмент Gradient (G) проведите линию сверху маленького скругленного прямоугольника и до его низа. Должно получиться что-то вроде этого:
Теперь добавим текст на нашу кнопку. Шрифт, который я выбрал, называется Helvetica - Medium Condensed - 14pt - Sharp. Цвета текста: белый и красивый зеленый (#dcf414). Расположите текст в правой части кнопки, чтобы мы могли добавить небольшую картинку слева
Теперь вставьте автофигуру галочки слева от текста.
Готово!
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|