English
RSS-лента
Рассылка
(архив)
 

Создание кнопок

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

Программы на данной странице предназначены для создания графических кнопок для сайтов.


Версия
для печати

DeKnop 5.0

  • Размер: 1.2 МБ
  • Интерфейс: Русский/Английский
  • Платформа: Windows 2000/XP/Vista/7
  • Посмотреть: скриншот
  • Обновлено: 12.04.2010
  • Сайт разработчиков:  http://deknop.sjfrancke.nl/index.html
  • Платный аналог: Xara 3D Maker (1544 руб.)

Реклама на форуме. Тарифы на рекламу.

Скачать DeKnop 5.0 для Windows (32-bit)

Похожая программа: Редактор иконок icon suchi

DeKnop 5.0

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

Создание кнопок DeKnop 5.0Существует множество ситуаций, когда для того, чтобы получить какой-либо результат, удовлетворяющий нас, приходится потратить довольно много времени и сил. Взять хотя бы то же рисование на компьютере. Имея под рукой только графический редактор, можно в принципе создать изображение любой сложности. Но, во-первых, не у каждого может получиться все с первого раза, а во-вторых, даже на создание достаточно примитивных рисунков уйдет какое-то время. А время, как известно, — деньги :).

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

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

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


Особенности DeKnop GifArt's Button Maker
Стоимость бесплатно $69.95
Изменение формы кнопки только прямоугольник при наличии определенной библиотеки
Создание 2D и 3D кнопок + +
Управление цветами всех элементов + только использование шаблонов
Наложение текстур + +
Дополнительные эффекты тень, 3D-эффект тень, 3D-эффект, внешняя тень
Возможность подключения скриптов - +

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

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

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

Установка Создание кнопок DeKnop 5.0

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

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

Установка русского языка в программе Создание кнопок DeKnop 5.0


Интерфейс DeKnop

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

Окно программы Создание кнопок DeKnop 5.0

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

Задание размеров кнопки

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

Вкладка Размеры программы Создание кнопок DeKnop 5.0

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

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

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

Вкладка Цвет программы Создание кнопок DeKnop 5.0

Здесь можно установить цвета всех элементов создаваемой кнопки. Правда из-за некоторой неточности перевода, порой бывает трудно понять, к какому элементу относится тот или иной цвет. Смотрим по порядку. Группа «Цвета» отвечает за глобальный цвет шрифта («плоское» начертание), фоновый цвет кнопки, а также цвет фона, на котором находится создаваемая кнопка. Со «Скосом» мы уже знакомы, а вот смущает группа «Цвет». Если бы перевод был более точным, то название бы звучало, как «Стиль текста», что намного ближе к истине. Эта функция помогает сделать красивую обводку текста для имитации его объемности. Соответственно здесь можно выбрать цвета нижней и верхней обводки. Группа «Кнопка» должна бы была быть переведена, как «Градиент». При активированной опции градиентной заливки фона кнопки здесь можно установить нужные цвета. Группа «Надпись» подразумевает градиентную заливку текста (при включенной соответствующей опции). На этой вкладке мы можем активировать прозрачность всей кнопки (шкала «Прозрачность») или указать использование прозрачных цветов для одного из элементов кнопки (группа «Прозрачный цвет»). Идем дальше…

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

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

Вкладка Текст и расположение программы Создание кнопок DeKnop 5.0

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

Шрифт и стиль

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

Вкладка Шрифт и стиль программы Создание кнопок DeKnop 5.0

В группе «Шрифт» мы можем выбрать тип и гарнитуру шрифта. При этом тип можно выбирать двумя способами: быстрым (выпадающее меню) и расширенным (кнопка «Шрифт»). В последнем случае откроется системное окно «Шрифт», где помимо типа можно будет настроить размер, цвет и оформление шрифта. Группа «Стиль текста» отвечает за внешний вид надписи: однотонная (плоская), выпуклая или вдавленная. При выборе двух последних вариантов становится доступной возможность настройки цветов обводки текста. «3D-стиль» и «Тень» – это две похожие опции украшения текста, поэтому при выборе одной из них, вторая становится недоступной. Обе они дублируют надпись, делая подложку выбранного цвета. При этом тень создает нечеткий размытый фон, тогда как 3D-эффект имеет четкие контуры.

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

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

Вкладка Градиентная заливка программы Создание кнопок DeKnop 5.0

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

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

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

Вкладка Текстуры программы Создание кнопок DeKnop 5.0

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

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

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

Вкладка Сохранение и загрузка программы Создание кнопок DeKnop 5.0

Здесь, как видите, можно сохранить всю нашу работу в виде проекта (чтобы можно было продолжить редактировать кнопку в дальнейшем) либо экспортировать кнопку в один из графических форматов (доступны png, bmp, gif и jpg). В группе «Имя файла кнопки» можно задать именование кнопок по маске с использованием префиксов и/или суффиксов к заданному имени. Далее находятся регуляторы качества картинки для каждого формата (кроме bmp) для того, чтобы регулировать размер исходящей кнопки в байтах.

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

Окно предпросмотра кнопок программы Создание кнопок DeKnop 5.0

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

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

P.P.S. Для того, чтобы создаваемая кнопка получилась красивой, иногда бывает нужно правильно подобрать цвета. С этой задачей Вам поможет следующая программа, которая позволяет «захватить» цвет с любой точки монитора:
HTML цвета http://gold-free.ru/soft/graph/html-colors.php

Магазин выживальщицких товаров. Товары для охотников и рыболовов на 60market.ru

СКАЧАТЬ DeKnop 5.0
для Windows (32-bit)



← кнопка для выражения благодарности :)




Похожие программы:
Редактор иконок: icon suchi Редактор иконок: icon suchi Небольшой редактор иконок. Поддерживаются альфа-каналы, иконки размером до 128х128, библиотеки, XP-иконки и все основные форматы: ICO, BMP, PNG, PSD, EXE, DLL, ICL и т.д.
Графический редактор: GIMP Графический редактор: GIMP Неплохой графический редактор растровых изображений с открытыми исходными кодами. Изначально был создан для Unix/Linux, а затем портирован и на Windows.
Фотоэффект: Magic Particles Фотоэффект: Magic Particles Программа для создания фотоэффектов, которые можно накладывать как на фотографии, так и на видео.
Редактор фотографий: Paint.NET Редактор фотографий: Paint.NET Редактор растровых изображений (фотографий и т.д.). Отлично заменит стандартный Paint от Windows. Умеет накладывать множество эффектов, убирать "красные глаза", работать со слоями, со сканером и камерой.
HTML цвета: АРЕ Цветик HTML цвета: АРЕ Цветик Программа подбора цвета для оформления HTML-страниц. Не требует установки, регистрации, да и вообще ничего не требует, только отдаёт.
Векторный редактор: Inkscape Векторный редактор: Inkscape Редактор векторной графики с открытым исходным кодом — для тех, кому не по карману Corel Draw.
Редактор программ: Resource Hacker Редактор программ: Resource Hacker Бесплатная программа для редактирования ресурсов приложений, библиотек и т.д.
Рисование: Artweaver Рисование: Artweaver Немецкая программа для рисования (по большей части), и для редактирования рисунков.
Подбор цвета: Color Set Подбор цвета: Color Set Маленькая, стильная и аккуратная программка подбора цветов для оформления HTML-страниц.


Лаборатория Хакера - Всё лучшее только для вас!

Правила добавления комментариев:

1. Все комментарии проходят цензуру, нет смысла спамить.
2. Однозначно будут удалены:
Бессмысленные, нецензурные, глупые комментарии, неаргументированная критика, а также ссылки на файлообменники и прочие сайты не в тему.
3. Приветствуются:
Аргументированные отзывы о данной программе, а также грамотность и умение формулировать свою мысль в рамках приличия.

Нэля 2012-04-23 22:59:16

↑ +1 ↓
Антон Иванов 2012-04-24 12:46:40

↑ +1 ↓
сергей 2012-06-18 18:07:50

↑ +1 ↓

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


Ваше имя:

RSS
 
Комментарий:
Введите символы: *
captcha
Обновить

 

Бесплатный софт:

Полезности:

Развлечения:

САМОРЕАЛИЗАЦИЯ
ГАДАНИЕ НА СОФТЕ
  
Мы в Google+
Надёжное место для Вашего сайта

Система Orphus