Создавать свои собственные карты (с бесплатным шаблоном)

Создавайте и оформляйте свои собственные карты (с бесплатным шаблоном)

Dr. Jens Hammerschmidt
Опубликовано:

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


Быстрая навигация

TutKit в действии: компании, в полной мере использующие наши карты!

Нам действительно приятно видеть активное использование ресурсов и шаблонов на TutKit.com – вот, например, наши карты. В видеоролике Маттиас Петри показывает вам несколько примеров компаний, которые в полной мере используют наши карты. Кроме того, вы получите инструкцию о том, как вы можете оформить карты в Photoshop...

Индивидуальные карты на веб-сайтах компаний на основе наших шаблонов карт.
Индивидуальные карты на веб-сайтах компаний на основе наших шаблонов карт: слева warensberg.de, справа solar-landpacht.de (на 02/2023 год).
Индивидуальные карты на странице веб-сайта компании на основе наших шаблонов карты.
Индивидуальные карты на веб-сайте компании на основе наших шаблонов карт: lenz-wild.de (на 02/2023 год).

Шаг 1: Выберите шаблон вашей карты

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

Карты федеральных земель можно редактировать в Adobe Illustrator и Adobe Photoshop. Помимо этого они доступны в форматах PNG, SVG и EPS.

Для данного руководства мы выбираем карту Гессена. Мы выбираем шаблон для Photoshop, который содержит автострады Гессена. После скачивания и распаковки ZIP-файла мы открываем RGB-версию, поскольку карта будет использоваться в сети. Если вы планируете позже использовать карту в печатных материалах, вам следует использовать вариант CMYK.

Скачать карты с TutKit.com
Вам доступны шаблоны карт в двух дизайнерских вариантах (с разноцветными и одноцветными областями) а также с и без автострад. Дополнительно вы можете выбрать, хотите ли вы скачать карты для Illustrator, Photoshop, в формате EPS, PNG или SVG. После загрузки выбирайте, хотите ли вы использовать RGB-версию (для цифрового использования) или CMYK-версию (для печати).

Шаг 2: Какой дизайн выбрать?

Если вы также выбрали карту с автострадами, после открытия ее в Photoshop у вас будет два готовых дизайна: слева области земель с разными цветами, от светло- до темно-синего. Справа вы найдете одноцветный вариант, в котором области земель отделены друг от друга контурами.

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

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

Шаг 3: Перемещение карты в отдельный файл

Далее в Photoshop мы создаем новый файл с теми параметрами, которые нам нужны для представления карты. В нашем случае это рабочая область 900 на 900 пикселей с разрешением 72 dpi. Вы можете выбрать любые настройки на ваше усмотрение. Карты основаны на векторных формах и сохраняют своё четкое качество при масштабировании как в меньшую, так и в большую сторону.

Затем в маске слоя исходного файла выделяем папку с желаемым дизайном карты. Удерживая клавишу Ctrl-, кликаем по карте и перетаскиваем её из исходного файла в новый. Там мы изменяем размер карты путем трансформации (Ctrl + T). Исходный файл можем закрыть. Так он останется нетронутым, и мы всегда сможем вернуться к изначальному дизайну.

Перед тем как приступить к редактированию, давайте кратко взглянем на слои: в шаблонах карт для немецких федеральных земель вы можете скрывать и отображать все показанные города, округа, а также автомагистрали и их номера. Если вы хотите показать только Кассель, Фульду и Франкфурт-на-Майне, просто скройте остальные города. Но об этом мы поговорим позже. Поэтому сначала рассмотрите доступные папки и слои, чтобы понять общую картину.

Редактирование карты в Photoshop - обзор
Сначала ознакомьтесь со структурой слоев шаблона Photoshop.

Шаг 4: Скрыть то, что вам не нужно.

Итак, теперь мы приступаем к оформлению карты: начнем с того, чтобы скрыть всё, что касается магистралей, потому что об этом мы поговорим позже. Поэтому перед папкой "Дорожные знаки" и слоем "Автодороги" кликните на значок глаза. Также можно скрыть слой "Границы федеральных земель".

Создание карты в Photoshop - скрытие элементов.
Сначала скройте все, что вам не нужно для первых шагов редактирования - например, автодороги.

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

Для нашего примера мы представляем себе вымышленный бизнес, который находится в Грюнберге (Гессен) и активно работает в средних округах. Поэтому мы отображаем там больше городов, чем в других регионах. Большие города, такие как Кассель, Висбаден, Дармштадт и Франкфурт-на-Майне, остаются для ориентации.

Чтобы скрыть и отобразить города, откройте папку "Города" и также кликните на значки глаз перед папками.

Создать карту в Photoshop - выбрать города.
В папке для городов вы можете скрыть или отобразить иконку местоположения и название каждого города. Просто нажмите на значок глаза перед соответствующей папкой.

Шаг 5: Карты в вашем фирменном стиле

Если вам дорого ваш фирменный стиль, то, вероятно, в собственной карте вы захотите использовать свой персональный шрифт. Чтобы изменить все названия городов сразу, лучше всего поступить так: активируйте инструмент перемещения (горячая клавиша V), удерживайте клавишу Shift и кликните на каждое название города. Так вы выберете все текстовые слои с названиями городов.

Затем переключитесь на инструмент текста (горячая клавиша T) и укажите в строке меню ваш шрифт, начертание и размер шрифта. В нашем примере мы используем шрифт Rubik Medium с размером 18 пунктов.

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

Создание карт в Photoshop - изменение шрифта
Изменение шрифта: выберите все названия городов. Активируйте инструмент текста. Укажите шрифт через контекстное меню.

Шаг 6: Карты в цветах вашего дома

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

Изменить цветовую схему карт с наложением цветов.
Um die Farben der Karten anzupassen, kannst du in Photoshop Farbüberlagerungen verwenden. Как это сделать, объясняет вам Маттиас Петри в видео, которое вы найдете в начале этого блога.

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

Создание собственных цветовых полей в Photoshop
Erstellen von Farbfeldern in Photoshop: Кликните на квадрат цвета переднего плана в панели инструментов. Установите цвет в окне «Выбор цвета (цвет переднего плана)». Нажмите на «Добавить в цветовые поля». Вы можете также отсортировать и упорядочить свои цветовые поля в диалоге «Цветовые поля».

Совпадают ли вами выбранные тона? Тогда вернемся к карте: Как и ранее при адаптации шрифтов для названий городов, вы теперь выбираете все округа, которые вы хотите увидеть в одной цветовой вариации. Снова удерживайте Shift и щелкните на карте нужные районы.

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

Создание карт в Photoshop - изменение цвета районов.
Изменение цветов карт: (1) Удерживайте Shift и щелкните на все районы, которые вы хотите показать в том же цвете. (2) Активируйте инструмент рисования форм с помощью сочетания клавиш U. (3) В верхнем контекстном меню вы теперь устанавливаете цвета для областей и контуров.

Затем повторите этот процесс с другими районами, пока вы полностью не измените внешний вид вашей карты...

Создание карт в Photoshop – изменение цвета районов.
Выделите районы, которые вы хотите отобразить в том же цвете, и настройте цвета контуров и областей по вашему желанию.

Шаг 7: Быстрые правки автомагистралей

Помните слой с автомагистралями и папку с дорожными знаками, которые мы в самом начале скрыли? Именно их мы снова отобразим. Выберите слой автомагистралей и снова активируйте инструмент рисования форм, нажав на клавишу U. Через контекстное меню вы можете настроить цвет, толщину и даже структуру линий за Контур.

Создание карт в Photoshop - редактирование автомагистралей.
Настройка автомагистралей: Отобразите слой. Активируйте инструмент рисования форм по горячим клавишам U. Настройте внешний вид автомагистралей через параметры контура.

Шаг 8: Финальные настройки

Наконец, рекомендуется еще раз внимательно посмотреть на позиции названий городов. Например, здесь мы снова немного передвинули название Франкфурта-на-Майне. Как только вы закончите, можете экспортировать и сохранить индивидуализированную карту.

Создание собственных карт в Photoshop - завершение.
Завершение: Проверьте все еще раз и, например, передвиньте названия городов на подходящие позиции.

Экскурс: Показать области применения

Если вы хотите показать на карте, где ваша компания активна, а где нет, вот идея: Затемните регионы, где вы не активны.

Чтобы достичь этого, вы можете, например, следовать такому плану: Выберите несколько округов снова, щелкая с зажатой клавишей Shift, которые вы хотите затемнить. Создайте копии, нажимая Ctrl + J, и поместите эти копии в отдельную группу, используя Ctrl + G. Теперь убедитесь, что группа с копиями находится в панели слоев над слоями с другими округами.

Создание собственных карт в Photoshop – выделение областей применения
Затемнение округов, Шаг 1: Выберите все округа, которые вы хотите затемнить. Создайте из них копии. Упакуйте эти копии в новую группу, которая должна находиться в панели слоев выше всех других округов.

Теперь это очень просто: Нажмите Ctrl + E, чтобы объединить скопированные округа в один слой. Удерживая Ctrl, щелкните на миниатюру слоя, которую вы только что создали, чтобы выбрать области округов. Теперь заполните эти области черным цветом (например, установив цвет переднего плана на черный, а затем нажав клавиши Alt и Delete). Наконец, уменьшите значение для Непрозрачность или Наполнения, пока вам не понравится интенсивность затемнения.

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

Создание собственных карт в Photoshop – выделение областей применения
Затемнение округов, Шаг 2: Объедините все скопированные округа с помощью Ctrl + E в один слой. Выберите область и заполните ее черным цветом. Затем уменьшите непрозрачность слоя.

Экскурс: Показать местоположения на картах

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

В нашем примере мы просто поместим наше вымышленное предприятие в Грюнберге в Гессене и используем для этого синюю иконку местоположения:

Создание собственных карт в Photoshop - отображение местоположения компаний
Пример: Индивидуально настроенная карта с указанием местоположения компании в Грюнберге и области применения путем затемнения округов.

Загрузите бесплатную карту и попробуйте ее самостоятельно

Как гласит поговорка, многие пути ведут к индивидуальной карте. Описанный выше - лишь один из них. Если вы хотите следовать этому или прокладывать собственные пути: Скачайте бесплатно шаблон карты Гессена для Photoshop и попробуйте сами. Загрузка включает карту Гессена с округами разных оттенков, без автострад и подготовленную в RGB.

И еще раз: Все наши шаблоны карт доступны не только для Photoshop, но и для Illustrator, Affinity Designer и др. Перейдите в нашу категорию карт и выберите нужную вам карту:

Шаблоны карт на сайте TutKit.com
Теперь откройте все шаблоны карт на TutKit.com

Желаем тебе удачного путешествия по обработке с твоими персональными картами!

Опубликовано от Dr. Jens Hammerschmidt
Опубликовано:
От Dr. Jens Hammerschmidt
Ежедневно за клавишами на TutKit.com.
Вернуться к обзору