Tworzenie własnych map (z darmowym szablonem)

Twórz i projektuj własne mapy (z darmowym szablonem)

Dr. Jens Hammerschmidt
opublikowane:

Gdzie znajduje się twoja firma i gdzie jest używana? Jeśli chcesz przedstawić odpowiedzi na tego rodzaju i podobne pytania w sposób obrazowy, to po prostu umieść wszystko na mapie! Pokażemy ci, jak możesz stworzyć własne mapy w wybranych przez ciebie kolorach i z odpowiednimi czcionkami przy użyciu naszych szablonów wektorowych. Instrukcja krok po kroku, wideo i darmowy szablon do samodzielnego wykonania.


Szybka nawigacja

TutKit w akcji: Firmy, które w pełni wykorzystują swój design na naszych mapach!

Cieszymy się, że możemy zobaczyć aktywa i szablony z TutKit.com w prawdziwym użyciu, na przykład nasze mapy. W filmie Matthias Petri przedstawia kilka przykładów firm, które w pełni wykorzystują swój design na naszych mapach. Ponadto otrzymasz instrukcję, jak samodzielnie zaprojektować mapy w Photoshopie ...

Indywidualne mapy na stronach internetowych firm, oparte na naszych szablonach map.
Indywidualne mapy na stronach firmowych, oparte na naszych szablonach map: po lewej: warensberg.de, po prawej: solar-landpacht.de (stan na 02/2023).
Mapy indywidualne na stronie internetowej firmy, na podstawie naszych szablonów map.
Indywidualne mapy na stronie firmy, oparte na naszych szablonach map: lenz-wild.de (stan na 02/2023).

Krok 1: Wybierz swój szablon mapy

Dla informacji o firmie lub sekcji O nas na twojej stronie internetowej - do ulotek informacyjnych, broszur firmowych lub slajdu końcowego twojej następnej prezentacji: jeśli chcesz przedstawić lokalizację lub zakres działania swojej firmy, polecamy nasze szablony map dla Niemiec, Austrii, Szwajcarii oraz 16 niemieckich krajów związkowych.

Mapy krajów związkowych można edytować w programach Adobe Illustrator i Adobe Photoshop. Dodatkowo są one dostępne w formacie PNG, SVG i EPS.

W tej instrukcji skupimy się na mapie Hesji. Wybieramy szablon Photoshopa, zawierający autostrady Hesji. Po pobraniu i rozpakowaniu pliku ZIP otwieramy wersję w kolorze RGB, ponieważ mapa będzie używana w sieci. Jeśli planujesz użyć mapy w materiałach drukowanych, powinieneś skorzystać z wersji CMYK.

Pobierz mapy z TutKit.com.
Szablony map są dostępne w dwóch wariantach projektowych (z różnokolorowymi i jednokolorowymi obszarami) oraz z autostradami lub bez. Ponadto masz możliwość pobrania map w formatach Illustrator, Photoshop, jako pliki EPS, PNG lub SVG. Po pobraniu wybierasz, czy chcesz korzystać z wersji RGB (dla cyfrowego użytku) czy CMYK (dla druku).

Krok 2: Jakie ma być projektowanie?

Jeśli również zdecydowałeś się na mapę z autostradami, po otwarciu w Photoshopie dwie wersje projektowe są gotowe: po lewej stronie obszary powiatów mają różne kolory, od jasnoniebieskich do ciemnoniebieskich. Po prawej stronie znajduje się jednokolorowa wersja, w której obszary powiatów są odseparowane konturami.

Zasadniczo nie ma znaczenia, z którą wersją kontynuujesz, ponieważ na końcu możesz także zmienić kolorową wersję na jednokolorową i odwrotnie. Jednak szybciej pójdzie, jeśli już teraz wiesz, jak chcesz przedstawić swoją mapę i decydujesz się na odpowiednią wersję.

Szablony map w dwóch różnych wzorach.
Czy chcesz oddzielać obszary powiatów za pomocą kolorów czy konturów? Wybierz projekt. Ważne: Poprzez edycje możesz zmienić dowolny projekt na inny, jeśli zmienisz zdanie. Jeśli zatem zaczynasz od wersji kolorowej i później wolałbyś jednak tylko kontury, można to dostosować samodzielnie.

Krok 3: Przenieś mapę do osobnego pliku

Następnie w programie Photoshop tworzymy nowy plik z wartościami niezbędnymi do wyświetlenia mapy. W naszym przypadku będzie to powierzchnia robocza o rozmiarach 900 na 900 pikseli i rozdzielczości 72 dpi. Możesz dowolnie dostosować swoje ustawienia. Mapy opierają się na kształtach wektorowych i zachowują ostrość krawędzi zarówno przy małym, jak i dużym powiększeniu.

W masekach warstw w pliku szablonowym zaznaczamy folder z wymaganym projektem mapy. Trzymając wciśnięty klawisz Ctrl-, klikamy na mapę i przeciągamy ją z pliku szablonowego do nowego pliku. Następnie dostosowujemy rozmiar mapy za pomocą Transformowania (Ctrl + T). Możemy zamknąć plik szablonowy. Pozostanie on nietknięty, a my będziemy mogli później powrócić do pierwotnego projektu.

Przed przystąpieniem do edycji, zerknijmy na warstwy: W szablonach map dla niemieckich landów możesz włączać i wyłączać wyświetlane miasta, powiaty, autostrady oraz ich numeracje. Jeśli chcesz na przykład wyświetlić tylko Kassel, Fulda i Frankfurt nad Menem, wyłącz po prostu inne miasta. Ale do tego dojdziemy zaraz. Przejrzyj dostępne foldery i warstwy, aby zaznajomić się z dostępnymi elementami.

Edytować mapę w Photoshopie – przegląd
Najpierw zapoznaj się z strukturą warstw szablonu Photoshop.

Krok 4: Wyłącz to, czego nie potrzebujesz.

I przystępujemy teraz do właściwego projektowania map: Na początku wyłączmy wszystko, co dotyczy autostrad, zajmiemy się nimi później. Kliknij więc przed foldrem "Znaki drogowe" oraz warstwą "Autostrady" na ikonę oka, aby je ukryć. Możesz także wyłączyć warstwę "Granice krajów związkowych".

Stwórz mapę w Photoshopie - ukryj elementy.
Na początku wyłącz wszystko, czego nie potrzebujesz do pierwszych etapów edycji - np. autostrady.

W mapach landów mamy dla ciebie oznaczone pozycje jak największej liczby miast. Możesz więc łatwo zdecydować, które chcesz pokazać, a które nie.

Dla naszego przykładu wyobraźmy sobie fikcyjne przedsiębiorstwo, które ma siedzibę w niemieckim Grünbergu i działa głównie w średnich powiatach. Dlatego na mapie przedstawiamy więcej miast w tej okolicy niż w innych regionach. Większe miasta, takie jak Kassel, Wiesbaden, Darmstadt i Frankfurt nad Menem pozostają w celach orientacyjnych.

Aby włączać i wyłączać miasta, otwórz folder "Miasta" i kliknij ponownie na ikony oka przed odpowiednimi folderami.

Zaprojektuj mapę w programie Photoshop – wybierz miasta
W folderze "Miasta" możesz włączać i wyłączać ikonę lokalizacji oraz nazwę każdego miasta. Kliknij na ikonę oka przed odpowiednim folderem.

Krok 5: Mapy w Twojej firmowej czcionce

Jeśli dbasz o swój wizerunek korporacyjny, na pewno chciałbyś użyć swojej własnej czcionki firmowej na mapie. Aby dostosować wszystkie nazwy miast naraz, postępuj następująco: Aktywuj narzędzie Przenieś (Skrót V), przytrzymaj klawisz Shift i kliknij na każdą nazwę miasta. W ten sposób zaznaczysz wszystkie warstwy tekstowe z nazwami miast.

Następnie przejdź do narzędzia Tekst (Skrót T) i ustaw czcionkę, styl czcionki oraz rozmiar czcionki w pasku menu. W naszym przykładzie wybieramy czcionkę Rubik o stylu Medium w rozmiarze 18 punktów.

Przy zmianie czcionki nazwy miast na mapie mogą się nieco przesunąć. Mała wskazówka: Możesz już na wstępie przybliżenie dostosować nazwy Przenoszeniem. Ostateczne wyjustowanie nazw powinieneś jednak wykonać dopiero na samym końcu, kiedy zajdziesz do ostatnich poprawek mapy.

Tworzenie map w programie Photoshop - zmiana czcionki
Dostosowanie czcionki: Wybierz wszystkie nazwy miast. Aktywuj narzędzie tekstowe. Ustaw czcionkę za pomocą menu kontekstowego.

Krok 6: Mapy w kolorach firmowych

Tak jak z czcionką, tak prawdopodobnie jest również z kolorami: Mają być zgodne z identyfikacją wizualną! Być może nie podoba ci się jednak dostępny przez nas kolor niebieski i chciałbyś zupełnie inny kolor map. Jeśli chcesz więc zmienić kolory, możesz na przykład użyć nakładania kolorów i masek. Jak to zrobić, pokazuje wam Matthias Petri w filmie na początku tego wpisu.

Dopasować kolorystykę map z nadrukami kolorów.
Aby dostosować kolory map, możesz użyć nakładania kolorów w Photoshopie. Jak to działa, opisuje wam Matthias Petri w filmie, który znajdziesz na początku tego wpisu.

Kolejną możliwością dostosowania kolorów, o którą opowiemy poniżej, jest przygotowanie czterech lub pięciu odcieni twojego koloru o zmiennej jasności. Optymalnie jest stworzyć własne pola kolorów. Aby to zrobić, kliknij w menu narzędziowym po lewej stronie na samym dole kwadrat dla koloru przedniego i otwórz okno Wybór koloru przedniego. Tutaj ustaw kolory i kliknij odpowiednio na Dodaj do pól kolorów. Po nadaniu nazwy pola koloru możesz w razie potrzeby posortować nowe pola kolorów w odpowiednim menu (Okno > Pola kolorów).

Tworzenie własnych pól kolorów w programie Photoshop
Tworzenie pól kolorów w Photoshopie: Kliknij na dole paska narzędziowego na kwadrat dla koloru przedniego. Ustaw kolor w oknie „Wybór koloru przedniego”. Kliknij tam „Dodaj do pól kolorów”. Swoje pola kolorów możesz dalej sortować w oknie „Pola kolorów”.

Czy wybrałeś odpowiednie odcienie? Wróć teraz do mapy: Tak jak wcześniej przy dostosowaniu nazw miast, wybierz teraz wszystkie powiaty, które chcesz zobaczyć w danej wersji kolorystycznej. Ponownie trzymając naciśnięty klawisz Shift, klikaj na mapie odpowiednie powiaty.

Aktywuj teraz jedno z narzędzi do rysowania kształtów za pomocą skrótu U. W górnym menu kontekstowym możesz teraz zmienić kolor obszarów i konturów wybranych powiatów. Kliknij za Obszar lub Kontur na ikony i wybierz z otwierającego się menu odpowiedni kolor z twoich przygotowanych pól kolorów. Jeśli nie chcesz pokazywać konturów, użyj tego samego koloru co dla obszaru.

Tworzenie map w programie Photoshop – zmiana koloru powiatów.
Zmiana kolorów map: (1) Naciśnij Shift i kliknij na wszystkie powiaty, które chcesz pokazać w tym samym kolorze. (2) Aktywuj narzędzie kształtów za pomocą skrótu U. (3) W górnym menu kontekstowym ustaw teraz kolory dla obszarów i konturów.

Następnie powtórz te same czynności z pozostałymi powiatami, aż nadasz całkowicie nowy wygląd swojej mapie...

Tworzenie map w programie Photoshop - zmiana koloru powiatów
Zaznacz powiaty, które chcesz pokazać w tym samym kolorze, i dostosuj kolory konturów i obszarów według swoich upodobań.

Krok 7: Szybkie dostosowanie autostrad

Pamiętasz jeszcze warstwę z autostradami i folder z oznakowaniami drogowymi, które na początku ukryliśmy? Dokładnie teraz je przywracamy. Wybierz warstwę autostrad i ponownie aktywuj narzędzie rysowania kształtów naciskając klawisz U. Poprzez menu kontekstowe można dostosować kolor, grubość linii oraz nawet strukturę linii.

Tworzenie map w programie Photoshop – edycja autostrad
Dostosowywanie autostrad: Przywróć warstwę. Aktywuj narzędzie kształtów za pomocą skrótu U. Ustaw wygląd autostrad za pomocą ustawień konturu.

Krok 8: Ostateczne dostosowania

Na zakończenie zalecamy jeszcze raz przyjrzeć się pozycjom nazw miast. Na przykład tutaj ponownie przesunęliśmy nazwę Frankfurt nad Menem. Gdy skończysz, możesz wyeksportować i zapisać spersonalizowaną mapę.

Tworzenie własnych map w programie Photoshop - finalizacja.
Finalizacja: Sprawdź wszystko jeszcze raz i np. przesuń nazwy miast na odpowiednie pozycje.

Wykład: Pokaż obszary zastosowań

Jeśli chcesz zaznaczyć na mapie, gdzie działa twoja firma i gdzie jest mniej aktywna, mamy dla ciebie pomysł: Zaciemnij regiony, w których nie prowadzisz działalności.

Aby to osiągnąć, możesz postępować w następujący sposób: Zaznacz kolejno wszystkie powiaty, które chcesz zaciemnić, przytrzymując klawisz Shift i klikając. Następnie utwórz kopie, naciskając Ctrl + J, i umieść te kopie w grupie za pomocą Ctrl + G. Upewnij się teraz, że grupa z kopiami znajduje się w oknie warstw powyżej warstw z innymi powiatami.

Tworzenie własnych map w programie Photoshop - Wyróżnianie obszarów działania.
Zaciemnij powiaty, krok 1: Zaznacz wszystkie powiaty, które chcesz zaciemnić. Utwórz kopie. Umieść te kopie w nowej grupie, która musi znajdować się w warstwach powyżej wszystkich innych powiatów.

Teraz przejdź do następnego kroku: Naciśnij Ctrl + E, aby połączyć skopiowane powiaty w jedną warstwę. Przytrzymując klawisz Ctrl, kliknij na miniaturę warstwy stworzonej właśnie warstwy, aby zaznaczyć obszary powiatów. Wypełnij teraz te obszary na czarno (możesz to zrobić, ustawiając kolor pierwszego planu na czarny, następnie trzymając klawisze Alt- i Usuń). Na koniec zmniejsz wartość w polu Przezroczystość lub Zakres, aż uzyskasz pożądane zaciemnienie.

Wskazówka: Oczywiście, możesz również pracować z nakładanymi kolorami dla tego procesu (zobacz wideo na początku bloga).

Tworzenie własnych map w programie Photoshop - podkreślanie obszarów zastosowań.
Zaciemnij powiaty, krok 2: Połącz wszystkie skopiowane powiaty za pomocą Ctrl + E w jedną warstwę. Zaznacz obszar i wypełnij go na czarno. Następnie zmniejsz przezroczystość warstwy.

Wykład: Pokazywanie lokalizacji na mapach

Pewnie chcesz również podać konkretne informacje, gdzie znajduje się twoja firma lub czy istnieją oddziały. Możesz na przykład nieco powiększyć czcionkę z nazwami miast i umieścić tam swoje logo. Lub użyć ikony lokalizacji. Dobrą stroną tego podejścia jest to, że w naszych szablonach map dla niemieckich krajów zawsze dostępny jest zestaw ikon.

W naszym przykładzie lokalizujemy nasze wymyślone przedsiębiorstwo w hescieńskim Grünbergu i używamy niebieskiej ikony lokalizacji:

Tworzenie własnych map w Photoshopie - pokazanie lokalizacji firm.
Przykład: Spersonalizowana mapa z widoczną lokalizacją firmy w Grünbergu oraz obszarem zastosowań poprzez zaciemnienie powiatów.

Pobierz darmową mapę i wypróbuj samodzielnie

Co zwykło mówić? Wiele dróg prowadzi do spersonalizowanej mapy. Opisana powyżej droga to tylko jedna z nich. Jeśli chcesz ją prześledzić lub wyznaczyć własne ścieżki: Pobierz teraz za darmo szablon mapy Hesji do Photoshopa i wypróbuj go. Pobranie obejmuje mapę Hesji z powiatami w różnych odcieniach kolorów, bez autostrad i przygotowaną w trybie RGB.

I jeszcze raz, aby przypomnieć: Wszystkie nasze szablony map są dostępne nie tylko dla Photoshopa, ale także dla Illustratora, Affinity Designer i innych. Kliknij w naszą kategorie map i wybierz potrzebną mapę:

Szablony map na TutKit.com.
Odkryj teraz wszystkie nasze szablony map na TutKit.com

Życzymy Ci udanego podróżowania po twoich osobistych mapach!

Opublikowano na z Dr. Jens Hammerschmidt
Opublikowano na:
Od Dr. Jens Hammerschmidt
Codziennie na klawiszach dla TutKit.com.
Powrót do przeglądu