2. Рисование и Настройка

Теперь, когда ваша карта загружена, пора вдохнуть в нее жизнь! Этот раздел охватывает основные функции рисования и настройки, которые делают PaintMyMap таким мощным инструментом, и точно соответствует тому, что вы видите в редакторе.

Как работает рисование

Рисование в PaintMyMap осуществляется путем назначения элементов карты (страны, регионы и т.д.) группам легенды. Каждая группа имеет свой цвет, необязательный узор и метку.

Рисование, стирание и изменение размера кисти

Основы рисования

1. Выберите группу легенды: Нажмите на группу в легенде (ее цвет станет активным цветом кисти).
2. Выберите кисть: Выберите одиночную кисть или круглый размер (S/M/L/XL).
3. Рисуйте: Щелкните или перетащите на элементы карты, чтобы назначить их выбранной группе.
4. Ластик: Переключитесь на ластик, чтобы удалить краску с элементов.

Горячие клавиши: B (Кисть), E (Ластик), ⌘/Ctrl+Z (Отменить), ⇧+⌘/Ctrl+Z (Повторить).

Управление легендой

Легенда — это сердце визуальной организации вашей карты. Каждый цвет на карте, которым вы хотите рисовать, должен быть назначен группе (элементу легенды).

Выбор элементов легенды, изменение порядка, скрытие/отображение, добавление заголовка легенды, изменение размера и перемещение легенды

Создание групп легенды

• Добавление групп: Нажмите + Добавить элемент, чтобы создать новую группу.
• Цвета и узоры групп: Нажмите на образец цвета, чтобы открыть меню цвета/узора.
• Метки групп: Введите текст прямо в поле метки каждой группы.
• Показать/Скрыть в легенде: Переключите видимость для любой группы.
• Изменение порядка: Перетащите с помощью ручки или используйте кнопки вверх/вниз.
• Удаление: Удалите группу (это не удалит окрашенные области; они вернутся в неокрашенное состояние).
• Заголовок легенды: Включите «Показать заголовок легенды» в Опциях, затем отредактируйте текст заголовка.

Позиционирование легенды

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

Хороплетные карты - создание цветового градиента

С помощью генератора хороплетов вы можете создать идеальный цветовой градиент всего за один клик! Выберите начальный и конечный цвет, количество шагов, и готово!

Создание цветового градиента с помощью генератора хороплетов

Инструмент кисти

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

Типы кистей

• Одиночная: Рисует один элемент за клик (точный контроль).
• Круглая: Рисует все элементы под радиусом кисти.
  • Размеры S/M/L/XL для быстрого заполнения.

Управление кистью

• Активная группа: Текущая выбранная группа легенды.
• Размер кисти: Выберите S/M/L/XL; предварительный круг показывает точный радиус.
• Предпросмотр цвета: Показывает цвет/узор активной группы.
• Ластик: Удаляет краску с элементов (E).

Совет: Используйте Отмену/Повтор свободно, экспериментируя с размерами.

Цвета кисти

Вы можете рисовать одним цветом или выбрать узор из двух или трех цветов.

Выбор сплошного цвета для кисти или одного из двух- или трехцветных узоров

Инструмент фигур

Используйте инструмент фигур для аннотирования, выделения или добавления дополнительного смысла поверх ваших окрашенных регионов.

Рисование фигур, изменение цвета, добавление текста, вращение и редактирование

Доступные типы фигур

Фигура	Назначение
Линия	Простая указка / подчеркивание; нажмите и перетащите для рисования.
Стрелка	Направленный указатель (автоматическая стрелка).
Прямоугольник	Стандартное выделение в виде коробки.
Закругленный прямоугольник	Мягкое выделение / контейнер для меток (закругленные углы).
Круг	Кольцо акцента или маркер.
Комментарий	Аннотация в стиле пузыря речи (овал + хвостик).
Прямоугольный комментарий	Прямоугольный вариант пузыря речи с перемещаемым хвостиком.
Выноска	Коробка + хвостик стрелки (хвостик стрелки — это треугольник/стрелка, указывающая на цель).

Рисование фигур

1. Выберите инструмент Фигуры (горячая клавиша: S).
2. Выберите тип фигуры из мини-палитры.
3. Щелкните и перетащите на карте, чтобы нарисовать.
4. Удерживайте Shift при перетаскивании, чтобы ограничить: идеальный круг, квадрат или шаги по 45° для линий/стрелок.
5. Удерживайте Option/Alt, чтобы рисовать от центра наружу (для кругов/прямоугольников).

Стилизация и опции фигур

• Толщина и цвет обводки: Настройте толщину и цвет контура.
• Масштабирование с зумом: Переключите, будет ли масштабироваться обводка/текст при увеличении (включите для относительного размера, отключите для постоянного визуального веса).
• Заливка: Включите заливку; выберите сплошной цвет или узор; настройте прозрачность с помощью ползунка.
• Узоры: Та же библиотека узоров, что и для групп легенды (линии, точки, полосы, трехцветные узоры).
• Текст: Включите наложение текста; настройте шрифт, размер, цвет и необязательную тень + цвет тени.
• Тень: (Для каждой фигуры) Включите тень, настройте размытие, непрозрачность, смещения и цвет для глубины/контраста.

Редактирование фигур

• Используйте инструмент Выбор (V), чтобы выбрать фигуру.
• Перетащите для перемещения; ручки появляются для изменения размера (углы) и вращения (контроль вращения / клавиша R при выборе).
• Дважды щелкните текст фигуры, чтобы отредактировать.
• Нажмите Delete / Backspace (или значок Удалить), чтобы удалить.
• Хвостик комментария/прямоугольного комментария/выноски: Перетащите круглый хвостик, чтобы переместить указатель независимо от тела пузыря/коробки.

Инструмент SVG (Импорт / Размещение)

Инструмент SVG открывает диалог Библиотека SVG для импорта повторно используемых векторных графиков.

Загрузка и размещение SVG, изменение цвета, размера, вращение и редактирование

Рабочий процесс

1. Нажмите SVG (Импорт / Размещение), чтобы открыть диалог.
2. Вставьте исходный код SVG или выберите один или несколько .svg файлов. Вы также можете просмотреть некоторые встроенные SVG в разделе Темы.
3. Нажмите Добавить в список, чтобы сохранить обработанную версию в разделе «Ваши SVG» (сохраняется в локальном хранилище до очистки).
4. Выберите элемент и нажмите Разместить, затем щелкните и перетащите на карте, чтобы позиционировать и масштабировать за один жест.
5. Используйте Выбор (V) для уточнения: перемещение, вращение, изменение размера, удаление.

Поведение и примечания

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

Примеры использования

Логотипы, значки, пиктограммы (население, климатические иконки), вставные маркеры, розы ветров, декоративные рамки.

Инструмент выбора

Инструмент Выбор (V) позволяет манипулировать нарисованными фигурами и размещенными SVG.

Выбор и множественный выбор

• Щелкните фигуру/SVG, чтобы выбрать; перетащите для перемещения.

Ручки трансформации

• Угловые ручки: изменение размера (удерживайте Shift, чтобы ограничить квадрат/круг, где это применимо).
• Ручка вращения или нажмите R при выборе для вращения.
• Хвостик комментария/прямоугольного комментария: перемещение якоря хвостика пузыря речи.

Редактирование текста

• Дважды щелкните текст фигуры (Комментарий/Прямоугольный комментарий/любая фигура с текстом), чтобы редактировать на месте.
• Используйте элементы управления стилем (шрифт, размер, цвет, тень) для уточнений.

Удаление

• Backspace / Delete или значок Удалить в интерфейсе удаляет выбранные фигуры.

Расширенная настройка

Выведите свои карты на новый уровень с помощью этих функций. Откройте Опции, чтобы получить доступ:

Настройки легенды

• Легенда: Показать/Скрыть легенду на карте.
• Фон легенды: Установить цвет фона легенды и настройки прозрачности.
• Установить заголовок легенды: Установить заголовок легенды или полностью скрыть его.

Карта

• Только окрашенные области: Скрыть неокрашенные области для чистого экспорта.
• Показать линии сетки.
• Показать географические линии.
• Показать линии часовых поясов с метками или без.

Метки и заголовок

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

Визуальные улучшения

• Цвет фона карты: Установить цвет холста.

• Цвет границ: Установить цвет границ стран.

• Тема карты: Нужна вдохновление? Выберите тему карты из встроенных цветовых палитр.

• Линии сетки: Показать сетку широты/долготы.

• Географические линии: Показать экватор, тропики, полярные круги, нулевой меридиан.

• Часовые пояса: Необязательные полигоны и метки часовых поясов (для поддерживаемых карт).

Стратегии цвета

• Категориальный: Используйте разные цвета для разных категорий.
• Последовательный: Используйте градиенты цветов для диапазонов данных.
• Дивергентный: Используйте цветовые схемы, подчеркивающие крайние значения.

Рисование узоров

Добавьте тонкую текстуру с помощью встроенных SVG-узоров:

• Линии/Полосы: Горизонтальные, вертикальные, диагональные; варианты с тремя линиями.
• Точки/Кроссхэтч: Сетка точек и стили кроссхэтч.
• Трехполосные: Сочетание основных/вторичных/третичных цветов.

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

Отмена и Повтор

Никогда не теряйте свою работу с помощью полного контроля истории:

Контроль истории

• Отмена/Повтор: Шаг назад/вперед (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z).
• Очистить все: Удалить все окрашенное (с подтверждением).

Копирование и вставка

Ускорьте свою работу с помощью функции Копировать/Вставить, которая работает с SVG и фигурами (⌘/Ctrl+C, ⌘/Ctrl+V).

Автосохранение

Ваша работа сохраняется в локальном хранилище вашего браузера, и вам будет предложено восстановить ее при возвращении.

Интерактивные функции

Масштабирование и панорамирование

• Колесо мыши: Увеличение/уменьшение масштаба в позиции курсора.
• Кнопки масштаба: Точное управление масштабом (+/−).
• Панорамирование: Перетащите, чтобы переместить вид карты.

Вращение и ориентация

• Поворот глобуса: Вращение глобуса (перетащите элемент управления поворотом).
• 2D Вращение: Вращение плоской карты (перетащите элемент управления вращением).
• Отражение: Горизонтальные и вертикальные зеркальные эффекты.

Фигуры и аннотации

Используйте инструмент фигур для добавления визуальных указателей:

• Типы: Линия, Стрелка, Прямоугольник, Закругленный прямоугольник, Круг, Комментарий, Прямоугольный комментарий, Выноска.
• Стиль: Установите ширину/цвет обводки и цвет/прозрачность заливки.
• Текст: Добавьте текст к фигурам (шрифт, размер, цвет, необязательная тень).
• Масштабирование с зумом: Выберите, будут ли фигуры масштабироваться при увеличении.

Сохранение и загрузка проектов

Экспорт состояния (Сохранение проекта)

• Сохранение прогресса: Экспортируйте весь проект в файл JSON.
• Включает: Все окрашенное, цвета, настройки и персонализации.
• Формат файла: .json файл, который можно открыть в любое время.
• Использование: Резервное копирование вашей работы или продолжение позже.

Импорт состояния (Загрузка проекта)

• Восстановление работы: Импортируйте ранее сохраненный файл JSON.
• Сохраняет: Все ваши окрашенные области и настройки персонализации.
• Кросс-устройства: Работает в разных браузерах и устройствах.

Автосохранение

• Автоматически: Ваша работа сохраняется в локальном хранилище браузера.
• Восстановление: Автоматически восстанавливает вашу последнюю сессию.
• Действия не требуются: Происходит в фоновом режиме.

Режим предварительного просмотра

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

• Скрывает все элементы управления и интерфейс редактирования.
• Показывает только карту, легенду и пользовательские элементы.
• Позволяет перетаскивать легенду и заголовок для точного позиционирования.
• Идеально подходит для проверки финальной композиции.

Следующие шаги

Когда ваша карта будет готова, пора экспортировать! Перейдите к финальному разделу, чтобы узнать, как сохранить и поделиться своими творениями.