Этот раздел рассказывает, как пользоваться сервисом, создавать диаграммы аккордов и сохранять их в PNG и SVG. Не переживайте, всё очень просто!
Сервис состоит из трёх основных секций: Редактора диаграмм, Окна результатов и секции Скачивания и расшаривания в социальных сетях.
Как понятно из названия, Редактор предназначен для создания диаграмм гитарных аккордов. Любые изменения вносятся именно здесь. Редактор предлагает дополнительные настройки, подробнее о которых мы поговорим ниже.
В Окне результатов, обозначенном в интерфейсе надписью Диаграмма, отображается итоговая версия диаграммы.
В секции Скачивания и расшаривания располагаются кнопки для скачивания диаграммы в различных форматах, а также кнопки для расшаривания диаграммы в социальных сетях.
Добавление аппликатуры аккорда. Для отметки лада и указания схемы и аппликатуры аккорда, кликните в любом месте схемы гитарного грифа. Для удаления отметки кликните по ней ещё раз.
Приглушённые и открытые струны. Если кликнуть в начале лада (за верхним порожком), редактор отметит струну символом «О», что обозначит открытую (не зажатую) струну.
Чтобы отметить приглушённую струну, кликните по символу «О» ещё раз — редактор заменит его на символ «Х». Если кликнуть по символу «Х» ещё раз, редактор вернёт значок открытой струны.
Баррэ. Чтобы указать баррэ, зажмите левую кнопку мыши и проведите указатель по всем ладам грифа. При работе на смартфоне свайпните от одной струны к другой.
Вы можете указать баррэ любого размера. К примеру, для отметки малого баррэ (на три струны) достаточно провести зажатым указателем мыши или свайпнуть по трём ладам. Редактор позволяет отмечать баррэ на две, три, четыре, пять и шесть струн.
Для удаления баррэ на схеме, кликните на любой лад любой струны.
Подписи к аппликатуре. Для добавления цифр, обозначающих палец, которым зажимается струна на ладу, кликните по кнопке «Текст» под основным окном редактора. После нажатия на кнопку поверх иконки зажатого лада появится небольшое текстовое поле, в котором можно указать номер пальца.
В поле можно вводить цифры и текст. После окончания ввода текста кликните по кнопке «Ноты» для сохранения изменений и продолжения работы с диаграммой.
Изменение цвета элементов. Помимо указания ладов и ввода текста, редактор позволяет изменить цвет элементов диаграммы. Для изменения цвета кликните по кнопке «Цвет» — редактор откроет палитру выбора цветов. Вы можете указать любой цвет в рамках цветового диапазона RGB.
По окончанию выбора цвета, кликните по кнопке «Ноты» или «Текст» для сохранения изменений.
Изменение формы элементов. Редактор также позволяет изменить форму элементов на схеме. Кликните по кнопке «Форма» под основным окном редактора, чтобы изменить форму отображения элементов.
Чтобы вернуть к круглой форме элементов, кликните по иконке несколько раз.
Подписи к струнам. Чтобы указать подписи к струнам, необходимо ввести цифры в одно из шести полей. По умолчанию подписи не отображаются.
В секции результатов отображается итоговая диаграмма, созданная на основе данных и настроек Редактора. Любые изменения параметров и внешнего вида схемы аккорда моментально отображаются на итоговой диаграмме:
В секции скачивания отображаются несколько вариантов для сохранения результатов. Диаграммы экспортируются в виде изображений в форматах SVG или PNG.
При скачивании изображения в формате PNG сервис предлагает несколько размеров диаграммы. Несмотря на подпись о разрешении изображения, итоговая высота картинки напрямую зависит от расширенных настроек: количества струн, подписей, их размеров и других параметров.
В отличие от высоты, ширина изображения зафиксирована и не меняется исходя из заданных настроек.
Сервис также позволяет поделиться созданной диаграммой. Так, например, можно сгенерировать прямую ссылку на аккорд, чтобы поделиться ей с другими людьми.
Ссылка содержит ряд дополнительных параметров, благодаря чему открывший её пользователь увидит не только саму диаграмму, но и все настройки редактора.
Помимо прямых ссылок, сервис позволяет поделиться диаграммой в социальных сетях и мессенджерах. Принцип системы аналогичен: перешедший по ссылке пользователь увидит диаграмму и все заданные в редакторе параметры.