Привет, друзья! Решила затронуть тему кнопок, поскольку в Фотошопе или др. подобном редакторе мне сделать кнопку сложнее и дольше, онлайн-конструкторы – это оптимальный вариант. С ними все быстрее и проще любому новичку.

Первый и, на мой взгляд, самый удобный редактор – это dabuttonfactory.com. Вот так выглядит его интерфейс:

Он обладает самым нужным функционалом: позволяет редактировать текст, размеры, цвет, стиль кнопки, а на выходе загружать ее в png, jpeg, gif, ico форматах или использовать специальный CSS-код.

Помимо того, что здесь можно изготовить кнопочку полностью с нуля, сервис предлагает также несколько интересных заготовок, которые можно быстро отредактировать под себя.

Второй онлайн-конструктор — As Button Generator имеет похожие возможности редактирования, с некоторыми своими особенностями. Выглядит он вот так:

Например, здесь есть опция загрузки готовой картинки в качестве фона кнопки, фильтры, позволяющие настраивать разные эффекты, прозрачные переливы, полосы, тень, граница и т.д.

Важный нюанс в работе с редактором – фильтры нужно использовать после добавления на кнопку текста или загрузки изображения. Так как, после них эти элементы уже не редактируются.

И еще один сервис – cooltext.com – интересен тем, что предлагает разные дизайнерские заготовки, в том числе с анимированными эффектами. Их можно менять слегка, либо переделывать полностью. Конструктор подходит для изготовления кнопок, надписей, логотипов.

Минус в том, что не все шрифты в нем поддерживают русский текст, и менять их не очень удобно, так как открываются они, почему-то, на новой странице без предпросмотра. Готовые кнопки скачиваются в png или gif формате, а также для них можно сгенерировать код (если зарегистрироваться).

Серия сообщений "Уроки":
Часть 1 - ГЕНЕРАТОР ФОТО
Часть 2 - КОЛЛЕКЦИЯ ГЕНЕРАТОРОВ (очень много)
...
Часть 14 - Сервис создания открыток с Вашим участием!
Часть 15 - Защита изображения водяными знаками.
Часть 16 - Как создать кнопку для сайта онлайн: используем простой и удобный генератор
Часть 17 - Как я делаю схемы в программе Photo Editor (урок №2)-по просьбе
Часть 18 - Как поменять фон схемы(урок 3)
...
Часть 25 - Изменения в программе Photo editor Befunky Online-новый редактор.
Часть 26 - Код "глобуса визитов" и его установка в ваш блок
Часть 27 - Объемные рамки разной конфигурации. Без фотошопа!