Программы для создания кнопок. Кнопок

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

#1. Crystal Button.

При помощи данной программы вы сможете создать 2D, 3D, глянцевые, с металлическим и зеркальным эффектом кнопки в течении нескольких минут. В программе существует множество готовых шаблонов в которые вы можете вносить изменения при помощи инструментов программы. С помощью инструментов можно изменять текст, цвет, освещенность, форму, применить к кнопкам различные текстуры.

Сохранить готовую кнопку можно в форматах GIF, PNG, JPG, BMP, а также в прозрачном формате GIF и PNG. Хотя в бесплатной версии программы опция сохранения не доступна, вы можете сделать скриншот готовой кнопки в окне программы, а затем при помощи программы Photoshop вырезать ее и задать необходимый размер. Главный плюс данной программы то, что даже в бесплатной версии существует огромное количество готовых шаблонов. А инструментов для редактирования достаточно для того чтобы создать уникальную кнопку.

#2. Agama Web Buttons

Данная программа для создания кнопок позволяет создавать кнопки со стеклянным, пластиковым, металлическим, 2D и 3D эффектом. Программа содержит более 700 шаблонов кнопок. Правда в бесплатной версии большая часть их недоступна. При помощи инструментов программы можно изменять размер, цвет кнопки, редактировать размер и цвет текста. Кроме этого доступна возможность создания кнопки которая при наведении курсора изменяет свой вид. Оба вида кнопок настраиваются.

Из дополнительных функций следует выделить то что при редактировании кнопки, возможно задать ссылку для этой кнопки, а также то что при сохранении кнопки кроме графического файла, с самой кнопкой, в формате GIF, PNG, JPEG или BMP, возможно создать еще и HTML станицу в которую вставляется эта кнопка. Таким образом, если вы создали изменяющуюся при наведении курсора кнопку, вы сможете просмотреть, как она будет работать. А открыв данный файл при помощи HTML редактора, вы сможете скопировать код, при помощи которого она вставляется и работает. Это может пригодиться тем, кто не разбирается в HTML и CSS. В программе возможно создание как статических так и анимированных кнопок.

Вот некоторые шаблоны кнопок доступных в данной программе.

#3. Free Web Buttons

Данная программа имеет меньше инструментов редактирования и готовых шаблонов кнопок, чем две вышерассмотренные, однако она тоже заслуживает внимание. При помощи инструментов данной программы можно изменять текст надписи на кнопках, задавать ссылку для кнопки, а также создавать горизонтальные и вертикальные меню из кнопок. Изменять размер и цвет кнопки нельзя. Все кнопки, создаваемые при помощи данной программы, являются активными и изменяющими вид при наведении курсора. Сохранение кнопки возможно только в формате PNG и при этом создается HTML страница, открыв которую вас можете проверить работу кнопок. Из этой же страницы вы сможете взять код для вставки кнопок на веб-страницы своего сайта.

Вот некоторые шаблоны кнопок из данной программы.

Программа называется DeKnop. С помощью графической программы DeKnop, вы сможете создать кнопки для меню сайта.

Время от времени, у каждого веб-мастера возникает потребность в создании кнопок для меню сайта. Каждый из нас по-разному решает эту проблему. Здесь все зависит от собственного опыта.

Можно найти и скачать подходящую кнопку с Интернет, впоследствии доработать ее для себя в какой ни будь графической программе.

Если вы хорошо владеете графическими программами, то можно нарисовать кнопку в графическом редакторе.

Существует множество программ различной сложности, для создания и редактирования кнопок меню. Если вы освоите одну из таких программ, то у вас всегда под руками будет программный инструмент, с помощью которого вы в любой момент, будете готовы создать кнопки меню для Вашего сайта.

Бесплатная программа для создания очень качественных графических кнопок, которую я хочу Вам хочу представить, называется DeKnop.

DeKnop, совершенно бесплатно, вы сможете ниже, в конце статьи.

После установки, программа DeKnop занимает 1,21 Мб дискового пространства на жестком диске. Интерфейс программы английский. Но я нашел файл, с помощью которого, программа легко русифицируется. О русификации программы, я расскажу чуть ниже.

После запуска программы, открывается вкладка Размеры (Англ. - dimensions).

Можно сразу начать создавать кнопку меню, используя следующие параметры кнопки:

button - width - heigh

кнопка - ширина - высота

граница - ширина

скос - ширина

граница - цвет

Используя эти режимы, можно подобрать внешний вид кнопок меню, в соответствии с дизайном вашего сайта.

Настройками на вкладке Размеры (dimensions) можно настроить ширину и высоту кнопки, ширину и угол бордюра, а также угол скоса кнопки.

Далее в меню Цвета (colors) программы DeKnop - Вы подбираете цвет кнопки меню. Причем, в пункте Градиентная заливка (gradient) - для вас приготовлены всевозможные цветовые градиенты и графические фоновые вставки на Вашу кнопку.

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

Далее Вам остается только набрать текст кнопки в режиме ‘Текст’ и расположение (text and position) и выбрать положение текста на кнопке. После этого Вы подбираете шрифт и стиль текста, воспользовавшись режимом - Шрифт и стиль (font and style).

Таким образом, Вы можете создать кнопку меню, с внешним видом, который устроит самого придирчивого дизайнера! При этом напоминаю, что программа DeKnop, совершенно бесплатна!

Для русификации программы DeKnop, достаточно скопировать файл russian.ini в папку C:\Program Files\DeKnop\languages, а затем, запустив программу DeKnop, в меню Language выбрать - "Русский".

И для редактирования графических кнопок меню Вашего сайта, бесплатно, можно здесь:

Сайт разработчика программы DeKnop: http://deknop.sjfrancke.nl/

Программа для создания кнопок Button_Shop

Программа для создания кнопок, которые могут быть использованы в различных приложениях Web. Для работы с Button Shop не требуется специальных знаний HTML и javascript. В комплект поставки включено свыше 200 готовых шаблонов и текстур, используя которые можно быстро и легко скомпоновать нужные кнопки. Button Shop автоматически генерирует код, готовый к использованию в проектах. Поддерживаются графические форматы BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON, настройка цвета отдельных частей кнопок, прозрачность и другие эффекты При помощи программы Button Shop вы сможете за несколько минут создать невероятно красочные, анимированные и запоминающиеся кнопки в стиле Vista и WinXP, Mac и Aqua для своего веб-сайта. Этот мощный инструмент включает в себя все что необходимо для улучшения вашей домашней страницы. Выбирайте кнопки из более чем 200 профессионально разработанных шаблонов, модифицируйте и настраивайте их в соответствии со своими потребностями, добавляйте к ним текстуры, а так же такие эффекты, как сияние, обводка, пульсация, прозрачность, градиентный цвет, стиль шрифта, тень и другое. Вы можете сохранить свои кнопки как BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON, а так же анимированные GIF и TIFF файлы. Кроме этого Button Shop может создавать DHTML-код, необходимый для создания реагирующих на нажатие интерактивных кнопок. Основные характеристики: - Создание уникальных и стильных кнопок из изображений - Создание как прямоугольных, так и закругленных кнопок для веб-сайта - Создание кнопок в стиле Windows XP и Vista - Изменение цвета для каждой части кнопки - Установка уровня прозрачности для эффектов - Установка длины и высоты кнопки в пикселях - Настройка позиции текста, иконки, теней и др. - Указание типа градиентных заливок - Использование более 200 включенных шаблонов и текстур - Множество невероятных эффектов для кнопок - Генерация DHTML-кода для интерактивных кнопок - Поддержка множества графических форматов - BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON - Вставка иконок и изображений в кнопки.

СКАЧАТЬ

Free Buttons --еще одна программа.

Занимаясь созданием сайтов, приходится разрабатывать кнопки для сайта, а также их дизайн. Нельзя сказать, что эта работа является очень уж сложной, однако она требует немалых затрат времени и сил. Необходимо учиться пользоваться такой программой, как Фотошоп, чтобы сделать по-настоящему красивую и оригинальную кнопку. Но не все умеют пользоваться указанной программой, что заставляет искать другие варианты. К примеру, можно скачать специальную утилиту, посредством которой появляется возможность делать прекрасные кнопки для сайта. О таких приложениях, занимающихся созданием подобных объектов, и пойдет речь.

Программа для создания кнопок для сайта какие они бывают

В первую очередь следует отметить программу под названием Crystal Button, которая позволяет создавать двухмерные и трехмерные кнопки. Существует немало интересных эффектов, к примеру, зеркальные, металлические, глянцевые элементы, которые врежутся в память посетителей. При желании можно воспользоваться шаблоном, в противном случае лучше заняться созданием кнопок с нуля, внося по ходу изменения и коррективы.

После окончания всех работ программа имеет возможность сохранить вашу кнопку для сайта в одном из многочисленных форматов. Инструментов для редактирования элементов также предостаточно, юзеры могут использовать необычные текстуры, менять форму, освещенность, цвет, а также добавлять текст. Следует отметить, что софт русифицирован, а также подходит для операционных систем различных категорий. В общем, очень удобная и полезная утилита, которая сделает превосходные кнопки для вашего сайта при минимуме затраченных сил.

Также очень известна и популярна программа Agama Web Buttons, возможности которой очень велики и разнообразны. Создание кнопок с 3D и 2В эффектом, а также металлическим, пластиковым или стеклянным оттенком. Здесь имеются многочисленные шаблоны, число которых достигает 700 экземпляров. Пользователь может поменять размеры кнопок, добавить текст, изменить цвет или форму.

Также ведется создание элементов сайта при помощи некоторых дополнительных опций. К примеру, готовую кнопку можно просто сохранить в традиционных графических расширениях, либо задать ссылку для данного объекта, а также создать страницу в формате HTML, где и будет расположен элемент. При желании можно создавать элементы, которые меняют свою форму при наведении курсора мыши. В специальном окне предпросмотра можно сразу же проверить, как будет изменяться ваша кнопка, будучи расположенной на сайте. Так что данная программа обязательно придется по вкусу всем начинающим конструкторам, с ее помощью создание кнопок для сайтов осуществляется очень быстро и бес каких-либо проблем.

Очень часто при создании сайта необходимо создать кнопки для того или иного элемента.

Однако не все умеют или хотят создавать эти кнопки при помощи программы Photoshop.

Здесь на помощь приходят специализированные графические программы, предназначенные для создания кнопок. Уроки по созданию кнопок в программе Photoshop, вы можете найти в рубрике . В этой статье будет произведен обзор трех наиболее популярных и мощных программ для создания кнопок.

#1. Crystal Button.

Вот некоторые шаблоны кнопок из данной программы.

#2. Agama Web Buttons

Таким образом, если вы создали изменяющуюся при наведении курсора кнопку, вы сможете просмотреть, как она будет работать. А открыв данный файл при помощи HTML редактора, вы сможете скопировать код, при помощи которого она вставляется и работает. Это может пригодиться тем, кто не разбирается в HTML и CSS. В программе возможно создание как статических так и анимированных кнопок.

Вот некоторые шаблоны кнопок доступных в данной программе.

#3. Free Web Buttons

Данная программа имеет меньше инструментов редактирования и готовых шаблонов кнопок, чем две вышерассмотренные, однако она тоже заслуживает внимание. При помощи инструментов данной программы можно изменять текст надписи на кнопках, задавать ссылку для кнопки, а также создавать горизонтальные и . Изменять размер и цвет кнопки нельзя. Все кнопки, создаваемые при помощи данной программы, являются активными и изменяющими вид при наведении курсора. Сохранение кнопки возможно только в формате PNG и при этом создается HTML страница, открыв которую вас можете проверить работу кнопок. Из этой же страницы вы сможете взять код для вставки кнопок на веб-страницы своего сайта.

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

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

К примеру, DeKnop может создать прямоугольную кнопку буквально за несколько кликов, применив к ней целый ряд эффектов. Давайте познакомимся с ним поближе.

По функционалу DeKnop очень напоминает платный аналог – GifArt"s Button Maker:

Сравнение программы DeKnop с платным аналогом GifArt"s Button Maker

Как уже было сказано — недостаток DeKnop в том, что нельзя управлять формой кнопки. Однако, при всем при этом, практически ни одна из платных программ не предоставляет возможности настройки любого элемента создаваемой кнопки.

Текстура - картинка, накладываемая на плоскость или 3D-фигуру.

Обычно, аналоги предоставляют готовые шаблоны кнопок для сайта, на которые можно наложить любой текст. DeKnop же подходит к вопросу по-иному: здесь можно самостоятельно установить все цвета и текстуры создаваемых кнопок.

Установка редактора кнопок DeKnop

Установка DeKnop состоит из двух частей. Первая — непосредственно инсталляция: нам просто потребуется запустить exe-файл, который Вы найдете в скачанном архиве, и выполнить все инструкции мастера установки.

Обратите внимание, что в окошке выбора языка нет русского, поэтому для начала пусть остается английский.

Второй этап — русификация. В архиве с инсталлятором Вы обнаружите файл russian.ini , который следует поместить в ту же папку, в которую Вы перед этим установили DeKnop.

Теперь запускаем программу и в меню «Language» обнаружим пункт «Русский (Russian)», который и выберем для завершения русификации.

Интерфейс DeKnop

Перед нами появится окно DeKnop с русским интерфейсом. Предлагаю заняться осмотром «поля боя»:).

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

А вот теперь внимание! Под панелью инструментов расположен целый арсенал вкладок, благодаря которым мы и сможем создавать наши кнопки для сайтов.

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

И, наконец, в самом низу пристроилось окно предпросмотра, в котором в режиме реального времени отображается внешний вид кнопки, что позволяет экспериментировать с разными ее параметрами и сразу же наблюдать за изменениями.

Задание размеров будущей кнопки для сайта

Освоение программы начнем с первой вкладки — «Размеры».

На этой вкладке мы можем задать размеры кнопки, ширину границ и скоса, а также выбрать тип кнопки и интенсивность цвета. Кроме того, здесь же есть возможность выбрать цвета для границ и скосов.

Отдельно стоит обратить внимание на нижнюю панель инструментов. В правой ее части находятся опции включения тени текста и окно сглаживания шрифтов. В это окно можно вводить значения, соответствующие желаемому качеству надписи.

Задание цвета кнопки

Следующая вкладка — «Цвет».

Здесь можно установить цвета всех элементов создаваемой кнопки. Правда из-за некоторой неточности перевода, порой бывает трудно понять, к какому элементу относится тот или иной цвет. Смотрим по порядку:

1. Группа «Цвета» отвечает за глобальный цвет шрифта («плоское» начертание), фоновый цвет кнопки, а также цвет фона, на котором находится создаваемая кнопка.

2. Со «Скосом» мы уже знакомы, а вот смущает группа «Цвет». Если бы перевод был более точным, то название бы звучало, как «Стиль текста» , что намного ближе к истине. Эта функция помогает сделать красивую обводку текста для имитации его объемности.

Соответственно здесь можно выбрать цвета нижней и верхней обводки.

Градиент - плавное перетекание одного цвета в другой.

3. Группу «Кнопка», по хорошему, стоило перевести как «Градиент». При активированной опции градиентной заливки фона кнопки здесь можно установить нужные цвета.

4. Группа «Надпись» подразумевает градиентную заливку текста (при включенной соответствующей опции).

На этой вкладке мы можем активировать прозрачность всей кнопки (шкала «Прозрачность») или указать использование прозрачных цветов для одного из элементов кнопки (группа «Прозрачный цвет»). Идем дальше…

Текст и его расположение

И следующая вкладка — «Текст и расположение».

Здесь, я думаю, все понятно. В окне слева мы вводим текст, который будет отображен на кнопке, а далее устанавливаем выравнивание текста. Обратите внимание на пункт «Перенос слов». Если он включен, то функции выравнивания текста будут недоступны.

Шрифт и стиль

Вкладка «Шрифт и стиль» предназначена для настройки вида надписи на кнопке.

Гарнитура - общий стиль семейства шрифтов.

В группе «Шрифт» мы можем выбрать тип и гарнитуру шрифта. При этом тип можно выбирать двумя способами: быстрым (выпадающее меню) и расширенным (кнопка «Шрифт»).

Кстати, набор красивых шрифтов можно скачать .

В последнем случае откроется системное окно «Шрифт», где помимо типа можно будет настроить размер, цвет и оформление шрифта.

Группа «Стиль текста» отвечает за внешний вид надписи: однотонная (плоская), выпуклая или вдавленная.

При выборе двух последних вариантов становится доступной возможность настройки цветов обводки текста. «3D-стиль» и «Тень» – это две похожие опции украшения текста, поэтому при выборе одной из них, вторая становится недоступной. Обе они дублируют надпись, делая подложку выбранного цвета.

При этом тень создает нечеткий размытый фон, тогда как 3D-эффект имеет четкие контуры.

Градиентная заливка кнопки

Помимо обычной заливки кнопки мы можем использовать градиентные. Для этого следует перейти во вкладку «Градиентная заливка».

Доступна заливка, как только основной области кнопки, так и текста надписи. Чтобы активировать градиент, отметьте флажком пункт «Использовать заливку». Теперь осталось только настроить цвета градиента и способ заливки.

Заливка текстурой

Кроме того, Вы можете использовать для заливки не только цвета и градиенты, но и текстуры. Для этого перейдем в следующую одноименную вкладку.

Чтобы наложить текстуру активируйте флажок «Использовать», после чего нажмите кнопку «Загрузить» и выберите нужную картинку на компьютере. При этом для кнопки доступно несколько вариантов заливки:

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

Сохранение результатов

И вот он наступил момент истины:). Я имею в виду, что мы, наконец, закончили ваять нашу кнопку для сайта и можем сохранить результаты наших трудов. Переходим к последней вкладке — «Сохранение и загрузка».

В группе «Имя файла кнопки» можно задать именование кнопок по маске с использованием префиксов и/или суффиксов к заданному имени.

Вот мы и прошли весь путь по созданию кнопки с нуля в программе DeKnop.

Единственное, на что можно еще обратить внимание — это на кнопку предпросмотра на верхней панели инструментов. Она выводит на экран горизонтальный и вертикальный ряды сгенерированных кнопок, чтобы можно было оценить, как они будут выглядеть на страничке сайта (помните, что можно менять фон?).

Чем еще полезна данная функция, так это тем, что под кнопками находится таблица, в которой отображаются размеры всех кнопок.

Выводы

Всё, господа:). Я надеюсь, что DeKnop пригодится Вам, если Вы захотите создать свой сайт. Данная программа позволяет создавать довольно красивые и оригинальные кнопки для сайтов, даже если Вы не обладаете достаточными навыками работы с графическими редакторами или хотите сэкономить свое время;).

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

Кнопки создаваемые в данной программе совместимы с IFrame и Frame. ... Предварительно просматривайте расположение вашей ссылки в режиме онлайн и структуру письма, перед тем как сохранять ваш код. ... Создавайте обычный текст, текст и иконку или просто кнопки из картинок. ... Кнопки привязанные к веб страницам могут открываться в IFrame или Frame (в родительском разделе, в отдельном окне...

... - Создание кнопок ссылок в меню. ... - Создание меню. ... Net, VB, VBScript, Web Page и VC++ примеры исходного текста. ... - Бесплатное распространение OCX файла. ...) - Включает VB. ... - Совместима со всеми языками программирования, которые поддерживают ActiveX (Access, Visual C++ , Visual Basic , Visual Foxpro, Delphi, . ... Особенности DVD Author ActiveX OCX SDK: - Конвертируйте DVD...

Отличная презентация – это все, улучшайте ваш веб сайт с помощью элегантных кнопок созданных с помощью программы создания веб кнопок - Web Button Maker Deluxe! ... Выбирайте между более чем 150 заранее разработанными дизайнами кнопок и 50 текстур или создавайте ваши собственные дизайны кнопок . ... Вы можете сохранять кнопки в качестве: BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON и даже...

Likno Web Button Maker это программа с удобным пользовательским интерфейсем для создания уникальных 2D и 3D веб кнопок для ваших Интернет страничек очень бытро и легко. ... Вы можете выбрать из огромного количества представленных форм и стилей для создания кнопок . ... С этой новой, инновационной программой вы сможете создать дизайн очень большого количества 2D и 3D веб кнопок придавая им...

Характеристики ImageSite Pro: - автоматическое создание эскизов рисунков на сайте - автоматическое создание эскизов индексированных HTML страниц - дополнительное создание Image Display HTML страниц для каждого рисунка на сайте - автоматическое создание кнопок к рисункам для индексов страниц - легко проводить изменения, включая поддержку вращающихся баннеров и ссылок - добавления...

Настраиваемая пакетное создание закодированных кнопок PayPal – быстрее, чем веб автоматизация и вы можете создавать десятки, сотни или тысячи кнопок , без траты времени. ... Полные создания набора кодированных платежных кнопок для товара со скидкой займет где-то 10 секунд. ... Renegade PayPal Batch Encrypted Button Generator пройдет сквозь весь процесс создания зашифрованных кнопок PayPal и...

Простой в использовании Редактор Меню имеет много документный интерфейс, отмену и отмену действия, интеллигентное размещение кнопок , полный Мастер Командных кнопок , позволяет использовать аргументы командной строки и даже компилирует ваши меню в одно приложение! ... Кнопки вашего меню могут выполнять множество задач, включая запуск программ или открывать веб сайты, директории в проводнике,...

Данная программа содержит широкий спектр фигур для создания уникальных кнопок для веб и презентаций. ... - Сохраняет созданные изображения в GIF, BMP, PNG и JPEG – файлах. ... - Копирует созданные изображения в буфер обмена в BMP формате. ... - Редактирует параметры кнопок : фигуру, размер, цвет, текстуру, ширину. ... - Добавляет новые шаблоны из списка.