Понедельник, 23.09.2024, 15:26
Приветствую Вас Гость | RSS

Графика для вебмастера

Каталог статей

Главная » Статьи » Кнопки для сайта

Кнопка "Отправить сообщение"

Кнопка для формы комментариев

Давайте создадим простую кнопку, которую можно применить к форме обратной связи или к форме комментариев. Урок очень простой. Конечный результат выглядит так:
 
 
Создайте новый документ в программе Фотошоп и используя инструмент "Прямоугольник со скруглёнными углами", нарисуйте прямоугольник с радиусом закругления 5 рх. Залейте его необходимым цветом:
 
 
 
 
Далее работаем со стилями этого слоя. Выставим следующие настройки:
 
Тень:
 
Внутреннее свечение:
 
 
Наложение градиента:
 

Обводка:
 
 
Результат после применения всех стилей будет таким:
 
 
 
Теперь нарисуем на кнопке конверт. Для этого воспользуемся инструментом "Произвольная фигура" и  наверху в настройках выберем форму конверта:
 
 
Кнопка примет такой вид:
 
 
Теперь остаётся написать нужный текст, к примеру "Отправить сообщение", и добавить ему для контраста немного тени:
 
 
и небольшую обводку:
 

 

В итоге получится вот такая кнопка:

 
 
 
Вы можете добавить каких-то своих эффектов, главное чтобы цвет кнопки вписывался в дизайн шаблона сайта
Категория: Кнопки для сайта | Добавил: zuma307 (26.07.2015)
Просмотров: 446 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Категории раздела
Кнопки для сайта [6]
Вертикальное меню [2]
Горизонтальное меню [2]
Шапка для сайта [2]
Создание баннера [1]
Создание логотипа [2]
Эффекты для текста [2]
Вход на сайт
Продажа сайтов
Магазин сайтов Top-Bit
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz