Skip to content

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.
  • Зберігає: Усі ваші розфарбовування та налаштування.
  • Крос-пристрої: Працює в різних браузерах і на різних пристроях.

Автозбереження ​

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

Режим попереднього перегляду ​

Перед експортом використовуйте Режим попереднього перегляду, щоб побачити вашу фінальну карту:

  • Приховує всі елементи керування редагуванням та інтерфейс.
  • Показує лише карту, легенду та кастомні елементи.
  • Дозволяє перетягувати легенду та заголовок для точного позиціонування.
  • Ідеально підходить для фінальної перевірки композиції.

Наступні кроки ​

Коли ваша карта виглядає ідеально, настав час експортувати! Продовжуйте до останнього розділу, щоб дізнатися, як зберігати та ділитися вашими творіннями.