Шаблон карты Симнации
Для работы необходимо скачать приложение Figma и файл с шаблоном карты Симнации. Инструкция по импорту файлов в Figma
Шаблон карты состоит из четырех частей: вода, города, суша и учреждения. Подробно разберемся, как можно модифицировать каждую часть.
1. Вода
Для изменения воды или цвета фона необходимо слева в слоях нажать «Карта Симнации», а затем справа на заливку. В шаблоне установлен градиент, можно поменять его цвета, направление, сделать фон однотонным или поставить фотографию.
2. Города
На карте есть три типа городов. Распределила их по следующему принципу:
Для каждого типа настроен свой размер шрифта, изображения и т.д. Данные характеристики можно изменять следующим образом.
Для изменения шрифта и его размера при нажатии на зеленую область вокруг карты выберите справа в разделе "Styles" - "Text Styles" стиль и нажмите "Edit style". Данные изменения применятся сразу ко всем большим/ средним / маленьким городам в зависимости от измененного стиля.
Для изменения цвета текста, цвета и ширины обводки текста необходимо слева раскрыть "Город" - "... город" и нажать на элемент отмеченный буквой "Т". Далее справа произвести необходимые изменения.
Для изменения таких характеристик, как размер изображения города, начало обводки, ширина и высота области текста, необходимо при нажатии на зеленую области вокруг карты выбрать раздел "Variables" - "Open variables". При нажатии "Edit variable" в поле "Description" указано как вычислялось значение данного поля относительно размера изображения города. Изменить значение переменной можно щелкнув по ячейке в столбце "Value".
Чтобы изменить город, например, с большого на средний. Необходимо раскрыть элемент города, выбрать элемент выделенный фиолетовым ромбом и справа выбрать соответствующий тип в выпадающем списке.
Также необходимо выбрать обводку и изменить в разделе Layout на соответствующее значение. Затем необходимо отцентровать элемент обводки и города.
Теперь разберемся с перемещением городов по карте. Для этого необходимо раскрыть слева "Карту Симнации" и выбрать необходимый город. Затем на самой карте его можно перенести в любую нужную вам точку. Также город можно выбрать нажатием на него на карте, но следите чтобы элемент выделялся полностью (заметить это можно при раскрытии элемента города).
Чтобы расположить город над другим, необходимо в области слева переместить его элемент выше. При этом советую не обращать внимание на обводку (сушу), так как по завершению работы с картой она уйдет на задний план.
Также есть возможность расположения названия города сверху. Для этого слева раскройте элемент города и выберите текст. Затем справа в разделе "Typography" выберите "Align top".
3. Суша
Для удобства перемещения городов вместе с обводкой (сушей), она перемещена в элемент города, из-за чего карта будет выглядеть немного не так.
Справа в карте Симнации есть элементы областей (Север, Юг, Центр и т.д.). После расположения городов на карте переместите элементы областей над городами или под городами, которые вы решили объединить в один материк или область. Чтобы выбрать нужные города, зажмите ctrl и нажмите на города. Затем при перемещении одного, переместятся все выбранные.
Не обязательно заполнять городами каждую область. Лишние можно удалить, а оставшиеся переименовать, как вам удобно. Советую в одну область объединять небольшое количество городов, так как в дальнейшем так будет удобнее работать с сушей и ее цветом (особенно, если вы решите сделать градиент).
Затем необходимо раскрыть каждый элемент города и элемент области, с помощью ctrl выбрать элементы обводки и перенести в Union.
Для изменения размера суши вокруг города, необходимо выбрать обводку и справа в разделе "Stoke", перетягивая стрелку вправо или влево, увеличить или уменьшить размер.
Чтобы изменить переход между обводками городов, выберите элемент Union и справа в разделе "Appearance" увеличьте или уменьшите значение. Там же в разделе "Fill" можно изменить цвет суши.
В случае если вам нужно немного подправить расположение города, зажав ctrl, выберите элемент города и обводку, а затем перенесите его, как вам нужно.
После того как вы объедините суши всех городов в области и вас устроит результат, переместите элементы областей в самый низ, чтобы суша не перекрывала названия или изображения городов. После этого вы также можете менять цвет, ширину обводки или расположение городов, как описано выше.
4. Учреждения
Также в каждом городе можно указать какое-либо учреждение. В моем варианте это учебные учреждения. Для этого необходимо раскрыть в элементе города Учреждения. За 0° принимается крайнее правое положение.
Чтобы учреждение появилось, нажмите на закрытый глаз напротив расположения, которое вам нужно. Затем справа в выпадающем списке выберите его тип.
Для изменения существующих типов учреждения или добавления новых необходимо найти элемент Учреждения. Там можно добавить новый вариант, дать ему название и изменить изображение.
Также в элементе Город. Можно менять расположение учреждений. Заметьте, что для каждого города свои значения расположения учреждений.
В случае, если вы установили учреждение, а затем сменили тип города, учреждение останется только, если в другом типе есть такое же значение его расположения. Если такого значения в другом типе нет, будет необходимо опять установить расположение учреждения и его тип.
5. Добавление нового города
Чтобы добавить новый город проделайте следующие шаги:
1. Добавьте изображение города в image, через "Add variant". Переименуйте вариант в название города, чтобы в дальнейшем было удобно выбрать изображение.
2. В Variables в разделе "Названия городов" добавьте новую строковую переменную с названием и значением равным названию города.
3. Скопируйте необходимый тип города, нажмите на карту правой клавишей мыши и выберите "Paste here". НЕ используйте ctrl + V!
4. Из "Обводки для новых городов" скопируйте соответствующую обводку и вставьте ее рядом с городом.
5. Выберите город и обводку. Отцентруйте, нажав соответствующие клавиши. После этого нажмите ctrl + G или правой кнопкой мыши и "Group selection".
6. Переименуйте обводку и группу в название города для удобства работы с городом. Раскройте элемент Город и нажмите на image. Затем справа выберите название города из выпадающего списка.
7. Нажмите на элемент текста Город и справа на "Apply variable". Прокрутив вниз, выберите название города.
8. Затем расположите город на карте и перенесите его обводку в нужную область, как описано в разделе 2 - 3 данной статьи.
По всем возникающим вопросам можете обращаться в сообщения канала.