Скачать программу для создания кнопок

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

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

К примеру, 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-эффект имеет четкие контуры.

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

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

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

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

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

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

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

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

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

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

Вот мы и прошли весь путь по созданию кнопки с нуля в программе 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 формате. ... - Редактирует параметры кнопок : фигуру, размер, цвет, текстуру, ширину. ... - Добавляет новые шаблоны из списка.

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

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

Здесь на помощь приходят специализированные графические программы, предназначенные для создания кнопок. Уроки по созданию кнопок в программе 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 страница, открыв которую вас можете проверить работу кнопок. Из этой же страницы вы сможете взять код для вставки кнопок на веб-страницы своего сайта.

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

EximiousSoft Banner Maker — платная программа, имеется демо версия. Официальный сайт .

Начало работы в программе

В начале нам предлагается выбрать размеры нашего будущего проекта.

С работой программы можете ознакомиться по видео

Если вы хотите создать новый проект на основе готового шаблона, то используйте для создания проекта категории Select a Category и далее выбор шаблона Select a Template .

Если вы хотите создать кнопку или баннер с нуля, то обратите внимание на колонку справа — здесь вы найдете рекомендуемые размеры для баннеров и кнопок Common Web graffik size :

Вы можете выбрать один из этих размеров будущей заготовки. Если вам нужен нестандартный размер, то задайте его в категории Specified Custom Size , Поставьте галочку напротив New Blank Banner, если хотите создать «пустой» проект и укажите желаемый цвет или прозрачный фон (Transparent).

Теперь мы попадаем в окно редактирования графики в программе.

Справа вы видите клипарт, который добавляется на наш «чистый лист» обычным кликом мышкой. Чтобы удалить ненужный элемент с документа, нажмите клавишу Delete.

Рисуем кнопку с нуля:

Возьмите инструмент «Custom Shape» и обведите будущую кнопку по контуру:

Когда мы возвращаемся в исходную точку, то чтобы завершить фигуру (замкнуть её), дважды кликаем мышкой.

Теперь активировались остальные инструменты программы для работы с графикой. Вы можете залить кнопку любым цветом (инструмент Solid Color), наложить градиент (Gradient Colors), залить паттерном (Pattern) или сделать прозрачным (Transparent), добавить изображение (Image), убрать заливку (No Fill).

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

Чтобы залить кнопку градиентом , выберите инструмент Gradient Colors, откроется меню, спуститесь в самый его низ и нажмите на Custom Gradient. Вы попадете в редактор градиента. Здесь в трех категориях лежать стандартные градиенты. Вы можете выбрать один из них. Если вам не подходят такие цвета, то чуть ниже — шкала градиента. По ее краям находятся четыре маленьких квадратика. Верхние отвечают за прозрачность заливки (прозрачность меняем через Opacity), нижние — цвет. Левые — от какого цвета и прозрачности начальные точки градиента, а правые — конечный цвет и прозрачность). Кликайте на эти квадратики и меняйте цвет и прозрачность. В редакторе градиента вы можете задать вид градиента Gradient Mode:

• Linear — линейный,
• Radial — радиальный,
• Angle — ангулярный,
• Conic — конический,
• Diamond — ромбовидный,
• SqrXY

Reverse — инверсия градиента, т.е. когда начальные и конечные точки градиента меняются местами. Посмотрите на скриншот, он может вам прояснить мои объяснения.

Текст на кнопку добавляем с помощью инструмента Add text . Появляется окно, в которое вводим текст, форматируем его.

После того, как вы написали текст на кнопке, вы можете его перемещать (кликните по тексту в окне просмотра и потяните в нужное место документа), залить любым цветом или градиентов (клик по тексту на кнопке -> вкладка Drawing -> Sold Color или Gradient Colors), добавить эффекты тени, отражения, свечения, тиснения, текстуры (инструменты Drop Shadow, Reflection, Outer Glow, Bevel Adge, Texture соответственно).

Анимация кнопки или баннера

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

Если вы пока не сильны в создании , то перейдите во вкладку Effects и выберите один из эффектов анимации.

3

4

Trellian Button Factory

Trellian Button Factory v 3.00 (2003 г). Интерфейс и справка - на англ. языке. Вес 3,2 Мб. Бесплатная программа.
Назначение программы - создание кнопок, панелей навигации, эмблем. баннеров, карт ссылок, html-страниц.

Online Button Generator

Online Button Generator - бесплатная онлайн-программа, служит для создания кнопок. Настраиваются: вид кнопки (прямоугольная, с закругленными углами), размеры кнопок, вводится свой текст (выбирается шрифт, его размер, цвет, цвет тени и др.), к тексту можно добавить значок, настраиваются границы, цвет и расположение тени кнопки и другое.
Кнопка может быть создана с эффектом Rollover - для трехсостояний (Normal - нормальное состояние, Hover - при наведении курсора, Pressed - после нажатия). Имеется предварительный просмотр создаваемой кнопки.
Страница программы

3D Buttons Visual Editor

3D Buttons Visual Editor v 5.0 (2000 - 2009 гг). Интерфейс и справка на англ. языке. Вес 8,1 Мб.
Назначение программы - создание кнопок.
При создании кнопок можно использовать большой набор шаблонов, которые идут с программой. Можно создать собственную коллекцию шаблонов (используя функцию "Сохранить как шаблон"). Имеется много настроек создаваемой кнопки.

CSS-Tricks - бесплатная онлайн-программа для создания кнопок (только CSS). Настраивается: размер кнопок, форма кнопок (прямоугольная, с закругленными углами), цвет (в т.ч. градиентный), цвет границ, цвет текста и другое. Возможность создания кнопок с эффектом Rollover.
Страница программы

CSS Button Generator

CSS Button Generator - бесплатная онлайн-программа для создания кнопок (только CSS).
Определяется текст кнопки, шрифт (вид, цвет, размер шрифта), выравнивание текста на кнопке, радиус закругления углов, цвет фона (при создании эффекта Rollover - начальный и конечный цвет) и другое.
Страница программы

Action Button Generator

Action Button Generator - бесплатная онлайн-программа для создания кнопок. Настраивается цвет кнопки, вводится текст, настраивается тип шрифта, его размер и цвет, определяются границы (рамки) кнопки и другое.
Сохранение в форматах CSS и PNG.
Страница программы

Webestools

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

Button Maker - инструмент позволяет Вам создавать кнопки (X) HTML. Кнопки создаются с эффектом Rollover. Выберите стиль кнопки, введите название и URL. После этого нажмите на кнопку "Generate". Имеется предварительный просмотр. Вы получите код (X) HTML, который Вы должны скопировать и вставить на своем вебсайте, чтобы поместить кнопку.

CSS3 Button Generator - позволял Вам создавать кнопки CSS3, которые Вы можете очень легко настроить. Вы можете изменить цвета кнопок, размер шрифта текста, отступы, границы, тени и другое.
Будет создан код CSS3, который можно применить к кнопкам веб-форм ( submit), и к любому элементу, у которого есть класс "button" (кнопка). Произведенный код совместим со всеми главными браузерами: IE10+, Firefox, Google Chrome, Safari и Opera.

Flash Button Maker
Flash Button Maker - позволяет Вам создавать кнопки формата Flash (SWF) для размещения на веб-страницах. введите текст кнопки, URL, стиль кнопки. Затем нажмите на кнопку "Generate". Вставьте полученный код на свою веб-страницу.

Button Maker - бесплатная онлайн-программа для создания кнопок. Настройка цветов, текста и др. Недостаток программы - неправильное отображение русского текста.
Страница программы

Button Maker

Button Maker - бесплатная онлайн-программа для создания кнопок и значков. Настраиваются размеры, цвета, текст. Программа проста в использовании. Созданная кнопка сохраняется как изображение.
Страница программы

Button Generator

Button Generator - бесплатная онлайн-программа для создания кнопок. При создании кнопки используются шаблоны. Определяются размеры и цвета кнопки и текста, настраивается тень кнопки и текста, цвет и толщина границ и пр. В итоге выдается код CSS и HTML.
Страница программы

Android Button Maker

Android Button Maker - инструмент онлайн для создания кода кнопок для Приложений Андроида (Android Apps). Файл XML определяет геометрическую форму, включая цвета, границу и градиенты. Вы можете настроить свойства кнопки и получить исходный код.
Страница программы

Кнопки Flash

Онлайн-сервис FlashVortex позволяет бесплатно создавать кнопки, меню (панели навигации), анимированный текст и др. в формате Flash.

Слева - кнопка Flash (наведите курсор на кнопку).