Показаны сообщения с ярлыком кнопки. Показать все сообщения
Показаны сообщения с ярлыком кнопки. Показать все сообщения

пятница, 24 августа 2012 г.

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

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

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

Читайте статью на основном блоге: http://www.sngsnick.com/2012/08/blog-post_24.html

Приведу примеры кнопок, сделанных с помощью этого сервиса.

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

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

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

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

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

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

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

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

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

button

Статья перенесена на основной блог: http://www.sngsnick.com/2012/08/blog-post_24.html

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