Руководство по использованию Canvas Logo Maker

Автоматически создавать логотипы в браузере с помощью Canvas из HTML 5.

Совместимость: Firefox 9, Chrome 16, Safari, Edge .

Как сохранить созданный логотип

?

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

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

Изменить размер логотипа

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

Использование цветов

Couleurs dans l'éditeur de logo

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

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

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

Пример: 448800 или 480 соответствуют одному и тому же цвету .

Шрифт и положение текста

Текст смещается по каневасу нажатием кнопок и для положения x и y (горизонтальное и вертикальное).

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

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

Добавить тень

Установите флажок напротив «Тень», чтобы показать тень. Она может быть более или менее отделена от текста и более или менее распространена. Для этого введите значения в поля «Смещение» и «Размытие» в одной строке.

Добавить границу

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

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

Добавить изображение

Когда вы добавляете изображение, оно находится за текстом. Тем не менее, если фон имеет текстуру, изображение будет размещено перед ней.

При нажатии на кнопку можно выбрать изображение из локальной папки. Затем его можно использовать по-разному:

Изображение отображается как есть и вырезается, если оно превышает высоту или ширину.

Изображение изменяется на размер каневаса и служит фоном. Она может потерять свои пропорции.

Изображение добавляется к образцу текстур и может использоваться как таковое.

Использовать текстуры

Как и цвета, текстуры можно применить к тексту или фону логотипа. Установите соответствующий флажок и щелкните текстуру.

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

При выборе текстуры это заменяет цвет фона. И наоборот, если выбрать цвет фона, текстура будет удалена.

Редактор логотипов

Список того, что еще предстоит сделать

Любой вклад в Гитуб приветствуется...

Кредиты

Программа использует следующие библиотеки :

Лицензия

Публичная лицензия Mozilla. Совместим с GPL. Любая измененная версия должна оставаться под MPL.
http://www.mozilla.org/MPL/1.1/