Рисовать карту своими руками

Обновлено: 08.07.2024

Нарисовать авторскую колоду карт может быть проще, чем вам кажется! Главное – аккуратность и последовательность! Таким же образом можно нарисовать любые другие карты и картинки.

mk3-24

mk3-1

1) Сгоняем кошку и берём лист рисовальной бумаги (хорошо, когда это не просто ватман, а бумага с какой-то фактурой, например акварельная).

mk3-2

2) Чтобы нам было удобно рисовать, а картинки были ровные и не коробились, мы натягиваем бумагу на планшет. Для этого мы её хорошо пропитываем водой, кладём на планшет и разглаживаем, чтобы не оставалось пузырей воздуха.

mk3-3

3) Загибаем краешки бумаги и приклеиваем их к планшету клеем ПВА, Момент-кристаллом или Титаном. Сначала приклеиваем одну сторону, затем – противоположную ей (слегка натягивая). Затем по очереди приклеиваем две оставшиеся стороны.

mk3-4

4) Уголки аккуратно загибаем и тоже приклеиваем.

mk3-5

5) Планшет натянут и теперь его нужно затонировать в приятный оттенок старинного пергамента.

mk3-6

6) Для этого мы идём в ванную, чтобы не разводить грязь на рабочем столе. Опять выгоняем кошку, которая успела туда перебраться и млеет на тёплом полу.

mk3-7

7) В любой ёмкости разводим концентрированный раствор кофе. Чем дешевле кофе – тем лучше (там больше красителя)))

mk3-8

8) Мы можем взять губку и аккуратно промакнуть всю бумагу кофе, но мы же настоящие художники, поэтому кофе просто выплёскиваем на бумагу и размазываем его руками. Доктор, в этом пятне я вижу.

mk3-9

9) Бумага на планшете пойдёт небольшими волнами, но не переживайте об этом – после высыхания они разгладятся. В эти волны может затекать наш кофе, поэтому периодически нужно наклонять планшет в разные стороны, разгоняя эти лужицы.

mk3-10

10) Я поленилась это делать, поэтому кофе засохло потёками. Иногда они даже красивы, но в этот раз они мне не нужны и мокрым кусочком ватки я их размазываю.

mk3-11

11) Ха-ха! дальше мы расчерчиваем планшет на прямоугольники (я выбрала размер 85х125 мм) и рисуем карты (для примера можно взять настоящие карты и срисовывать с них, всё равно у вас не получится точно также и будет своя авторская интерпретация!) Сначала самое сложное – картинки. Рисуем чёрной тушью и пером, красим карандашиками (или красками, как вам удобно). Белым карандашом можно немного высветлять некоторые области (очень выигрышно смотрится на тонированной бумаге). Рисуйте свободно и спокойно, не стесняйтесь если вам кажется, что вы рисуете какую-то ерунду. Поверьте, что аккуратно сделанные, ровные карты будут хорошо смотреться с ЛЮБЫМИ картинками, лишь бы короля можно было отличить от дамы))) Хотя на этот случай в углу карты есть буквенное её обозначение.

mk3-12

12) Чтобы не мучиться со второй половинкой карт – я их сфотографировала и распечатала. Далее переводим их на планшет известным способом: обратную сторону картинки заштриховываем мягким карандашом, и обрисовываем сверху ручкой. От карандаша остаётся отпечаток.

mk3-13

13) Для пущей эффектности рисуем золотую обводку по краю карты (акриловой краской, маркером или гелевой ручкой). Карандашный рисунок ОБЯЗАТЕЛЬНО фиксируем специальным аэрозольным лаком.

mk3-14

14) После полного высыхания лака срезаем бумагу с планшета.

mk3-15

15) И лист получается идеально ровный!

mk3-16

16) Опять натягиваем планшет, нам нужно нарисовать карты с цифрами. Уверена, что вы никогда не обращали внимания на то, каким образом располагаются значки масти в десятках-восьмёрках-шестёрках и прочей мелюзге))) Изучаем этот вопрос, рисуем схемы для памяти.

mk3-17

17) Создаём себе в помощь некую модульную сетку. Здесь кстати все пики нарисованы в одном направлении и это ошибка. Одна половина пик должна быть перевёрнута в обратную сторону (крести и черви тоже, а вот с бубнами всё равно, они симметричные))).

mk3-18

18) Опять достаём чёрную и (ммммм!) – тёпло-красную карминовую тушь и отрисовываем все цифровые карты.

mk3-19

19) Далее с помощью ножа и железной линейки разделяем все карты друг от дружки. Как бы мы не отмеряли – идеально ровные они не получатся, не стремитесь к этому.

mk3-20

20) Для карточной рубашки можно или нарисовать картинку (затем отсканировать и размножить её) или подобрать подходящую в интернете. Я нашла подходящую картинку в узорах на обоях своей кухни)))

mk3-21

21) Распечатываем её на принтере в количестве 36 штук (влезает по четыре штуки на лист).

mk3-22

22) Размер рубашки пусть будет немного больше, чем сама карта – так мы лучше сможем проклеить края. Удобно клеить клеящим карандашом. Но лучше взять клей более дорогой фирмы, чтобы со временем клей не высох и рубашки ваших карт не облетели как осенние листья. Лишние краешки отрезаем потом ножницами, заодно скругляя уголки карт.

mk3-23

23) ОБЯЗАТЕЛЬНО кладём наши карты под пресс. Желательно на всю ночь.

mk3-35

24) Далее из гофрокартона делаем упаковку, подгоняем её под толщину колоды. Рисуем обложку, не ленимся (хотя силы уже на исходе).

mk3-26

27) Ну цифры они и есть цифры.

mk3-27

28) Романтичные юноши-валеты.

mk3-28

29) Дамочки в панамочках

mk3-29

30) Суровые корольки


Выйди из своей раковины. Проверьте наши шаги о том, как нарисовать карту мира. Карта мира в основном карта. На карте такого типа она иллюстрирует поверхности и места, присутствующие в мире. Умение читать и искать места на карте поможет вам легче путешествовать из одного места в другое. Это будет вашим лучшим другом, если вы путешественник. Всегда должно быть постоянное обновление местоположений поверхностей на карте, потому что всегда есть изменения в местоположениях, видимых на ней. Смотреть меньше

13250702343_e8acfe5a7c_o (2)

  • Горы.
  • Море.
  • Побережье.
  • Реки.
  • Трава на полях.
  • Песчаные дюны.

Ещё сюда относятся шрифты, рамки, декоративные элементы и прочие пояснения и красивости, но мы пока попробуем можно обойтись и без них.

гора2

Вот такой список (для демонстрации я поместил все элементы на пустой лист) получился у меня:

горы3

Пара слов об островах: побережье острова никогда не бывает гладким (впрочем зазубренным как пила тоже), поэтому просто плавно ведите мышью слегка покачивая рукой, чтобы добиться чего-то хотя бы отдаленно напоминающего очертания того, что можно увидеть на реальных географических картах. С первого раза может не получится, не отчаивайтесь, это дело тренировки.

гора4

гора5

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

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

гора6

Все вроде бы хорошо, но чего-то не хватает… Река, я думаю, отлично скрасит это недоразумение. И тут нам второй раз за этот урок (а может и в жизни) придется рисовать. Надо сказать, что изобразить правдоподобную реку ещё сложнее, чем побережье, но зная несколько правил и одну хитрость, мы справимся с этим без особых проблем.

Правила:

1. Реки никогда не бывают прямыми линиями, не изгибаются под прямыми и ломаными углами.

2. Реки текут строго с суши в море, а не наоборот. В большинстве своем они берут начало в гористой местности.

3. Верховья реки — место где река начинается (исток), низовье — место где заканчивается (устье).

Хитрость:

1. Нарисуйте некую извилистую линию символизирующую реку. Той же кистью, что и побережье, но на 1-2 пикселя тоньше. Обязательно на новом слое.

3. Вновь дублируйте этот слой, и снова сдвиньте его в сторону.

гора7

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

Подписывайтесь на нашу группу Вконтакте и будьте в курсе всех изменений.

Free tools for map creation

Карты сейчас стали необходимым элементом. Они присутствуют практически на каждом веб-сайте. В интерфейсах многих мобильных приложений также часто можно найти карту местности. В Uber-like сервисах без карты и вовсе не обойтись. Как создать уникальную карту и при этом не потратить много времени на дизайн? Наша подборка инструментов для дизайнеров поможет легко создать карту в стиле сервиса, который он разрабатывает.

ТОП бесплатных инструментов для создания карт

Snazzy Maps


Бесплатный инструмент для создания карт Snazzy Maps предназначен для работы с Google Maps. Этот сервис для дизайнеров поможет придать нестандартный вид карте, чтобы сделать ваш дизайн уникальным. Сервис Snazzy Maps позволяет подобрать интересный дизайн карты из уже готовых образцов. Также здесь можно создавать свои уникальные стили для оформления карты местности.

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

Heat Map Tool

Само название этого инструмента для создания карт говорит за себя. Heat Map Tool предназначен для создания тепловых карт местности. Пользоваться инструментом проще простого — достаточно загрузить карту в формате CSV и выбрать нужные эффекты.


  • Цвета и градиенты тепловых зон;
  • Цвет фона;
  • Радиусы тепловых пятен;
  • Масштабы тепловых зон и т.д.

Free vector maps


Ресурс Free vector maps предоставляет бесплатные карты всех городов, регионов, стран и частей мира в векторном формате. На сайте каждый дизайнер может выбрать бесплатную карту для скачивания для вставки в макет, который он разрабатывает. Макеты карт доступны для скачивания бесплатно, достаточно отключить Adblock в браузере — ведь сайт спонсируется за счет рекламы.

Animaps

Пожалуй, один из самых известных ресурсов для создания карт. Правда тут дизайнеру понадобится пройти бесплатную регистрацию и дальше можно работать бесплатно. На Animaps дизайнеры могут создавать анимированные карты и даже делиться ими с друзьями — в таком случае карта будет видна другу в видео-формате. Благодаря возможностям, предоставленным на сайте, каждый дизайнер может создать свою уникальную анимированную карту, добавить к ней фото, значки и многое другое.


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

Scribble maps


ZeeMaps

Бесплатный инструмент для создания интерактивных карт ZeeMaps позволяет дизайнеру без особого труда создать уникальную карту под нужды его макета. Сервис не требует регистрации поддерживает бесплатную и продвинутую версии. В ZeeMaps можно выделять страны (города, зоны) цветами, а также добавлять уникальные маркеры.

Что интересно — этот сервис для дизайнеров позволяет даже вставлять видео на карту. Вы можете экспериментировать с вставками видео и аудио-маркеров, что придает карте особый вид и выделяет среди прочих.

Гитхаб аккаунт с векторными картами


В одной из предыдущих статей мы уже упоминали, что Гитхаб будет полезен не только разработчикам. Этот ресурс также содержит массу возможностей практически для всех сфер работы. Вот, например, ресурс, который собрал множество готовых векторных карт практически всех регионов и даже улиц из разных хранилищ Гитхаба. Дизайнеру нужно только лишь зарегистрироваться и огромное количество карт для работы будут доступны для скачивания в неограниченном количестве.

Создание карт в 2019: что будет актуально?

Современные возможности редактирования карт выходят далеко за рамки создания красивой картинки для макета. Мы можем делать карты удобней для пользователя конкретного продукта и эффективно имплементировать дизайн в продукт.


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

Читайте также: