Создание кнопок:(Как работать в программе DeKnop 5.0)

Понедельник, 23 Апреля 2012 г. 23:07 + в цитатник

Цитата сообщения Curious2010

Прочитать целиком В свой цитатник или сообщество!

Создание кнопок:(Как работать в программе DeKnop 5.0)

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

DeKnop 5.0

Скачать DeKnop 5.0 для Windows (32-bit)
Размер: 1.2 Мб
Интерфейс: Мультиязычный
Платформа: Windows 2000/XP/Vista/7

Обновлено: 12.04.2010
Сайт разработчиков: http://deknop.sjfrancke.nl/index.html
Платный аналог: GifArt s Button Maker ($69.95)

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

Полное описание

Создание кнопок 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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