Как создать красивую кнопку для HTML сайта

Хотите красивые кнопки на сайт? Легко.


Иногда требуется быстро сделать кнопку на сайт, на подписную страницу, на продающую страницу или еще куда-либо, а возиться с фотошопом ох, как не хочется! Есть, конечно, специальные программы типа "Button Shop""Crystal Button""Agama Web Buttons", предназначенные именно для изготовления кнопок, но они все платные.
К счастью, в интернете есть бесплатный онлайн сервис для изготовления нормальных красивых кнопок.
Приведу примеры кнопок, сделанных с помощью этого сервиса.

Кликните по картинке для увеличения
Primer_new

Все настройки внешнего вида кнопок доступны в 4-х рабочих окнах.

Вот первые два окна
Generator1

В первом окне вводим текст, который будет отображаться на кнопке, выбираем шрифт, его стиль, размер, цвет. Надписи можно придать объем за счет тени, у которой можно настроить цвет и расстояние от текста.
В окошке ниже выбираем, как мы будем сохранять созданную кнопку. Можно сохранять как картинку в нужном формате или в виде CSS - текста.

А здесь изображены еще два окна(из 4-х)
Generator2

В первом окне можно настроить форму кнопки: прямоугольник, прямоугольник с закругленными краями, прямоугольник с круглыми краями.
Можно выбрать различный фон: однородная заливка, двухцветная или градиентная. Здесь же можно добавить контур для кнопки (границу), а также тень.

В окошке ниже устанавливается размер кнопки и отступы текста.

Для сохранения кликните по самой кнопке.

Если использовать настройки, которые представлены на двух рисунках выше, то получается вот такая кнопка.

button

Адрес сервиса: Бесплатный сервис генерации кнопок

Пользуйтесь на здоровье. Удачи!

0 коммент.:

Отправить комментарий

 
mannevo.blogspot.ru