Vlastní tvorba map (s bezplatnou šablonou)

Vlastní mapy vytvořit a navrhnout (s bezplatnou šablonou)

Dr. Jens Hammerschmidt
zveřejněno:

Kde se nachází vaše společnost a kde je nasazena? Pokud chcete vizuálně odpovědět na podobné otázky, jednoduše je vložte do mapy! Ukážeme vám, jak si můžete vytvořit vlastní mapy ve vašich preferovaných barvách a s odpovídajícími písmy pomocí našich vektorových šablon. Dostanete krok za krokem návod včetně videa a zdarma dostupné šablony k následování.


Rychlá navigace

TutKit in Action: Společnosti, které plně využívají náš design mapy!

Baví nás skutečně vidět aktiva a šablony z TutKit.com v reálném provozu - například naši mapy. V videu vám Matthias Petri ukáže několik příkladů společností, které plně upravují náš design mapy. Kromě toho získáte návod, jak můžete upravit mapy v Photoshopu sami...

Individuální mapy na firemních webových stránkách, na základě našich vzorů map.
Individuální mapy na webových stránkách podniků založené na našich šablonách map: vlevo warensberg.de, vpravo solar-landpacht.de (k 02/2023).
Individuální mapy na firemní webové stránce, na základě našich šablon map.
Individuální mapy na webové stránce společnosti založené na našich šablonách map: lenz-wild.de (k 02/2023).

Krok 1: Vyberte si svoji šablonu mapy

Pro imatrikulaci nebo sekci O nás na vašem webu - pro informační letáky, obrazové brožury nebo závěrečný snímek vaší příští prezentace: Pokud chcete zobrazit umístění nebo oblast působení vaší společnosti, doporučují se naše šablony map pro Německo, Rakousko a Švýcarsko a pro 16 německých spolkových zemí.

Mapy spolkových zemí je možné upravovat v Adobe Illustratoru a Adobe Photoshopu. Navíc jsou k dispozici jako PNG, SVG a EPS soubory.

Pro následující návod zvolíme mapu Hesenska. Rozhodneme se pro Photoshop šablonu, která obsahuje hesenské dálnice. Po stažení a rozbalení ZIP souboru otevřeme verzi RGB, protože mapa bude nakonec použita na webu. Pokud plánujete později svou mapu tisknout, měli byste použít variantu CMYK.

Stáhněte si mapy z TutKit.com.
Šablony map jsou k dispozici ve dvou designových variantách (s různě barevnými a jednobarevnými plochami) a s nebo bez dálnic. K dispozici jsou také pro Illustrator, Photoshop, jako EPS, PNG nebo SVG soubory. Po stažení si vyberete, zda chcete použít variantu RGB (pro digitál) nebo CMYK (pro tisk).

Krok 2: Jaký design chcete?

Pokud jste se také rozhodli pro mapu s dálnicemi, najdete po otevření v Photoshopu dvě designové varianty: Vlevo jsou plochy okresů s různými barvami od světle modré po tmavě modrou. Vpravo je jednobarevná varianta, ve které jsou plochy okresů odděleny konturami.

V podstatě je jedno, s jakou variantou budete pokračovat, protože nakonec můžete barevnou variantu také změnit na jednobarevnou a obráceně. Je však rychlejší, pokud už nyní víte, jak chcete mapu zobrazit, a rozhodnete se pro odpovídající variantu.

Předloha map ve dvou různých designech.
Chcete oddělit plochy okresů barvami nebo konturami? Vyberte si design. Dobře vědět: Skrze úpravy je možné každý design změnit na druhý, pokud změníte názor. Takže pokud začnete s barevnou variantou a později byste raději měli pouze kontury, můžete to jednoduše změnit.

Krok 3: Přesuňte mapu do vlastního souboru

Následně vytvoříme v programu Photoshop nový soubor s hodnotami, které potřebujeme pro zobrazení mapy. V našem případě by to byla pracovní plocha o velikosti 900x900 pixelů s rozlišením 72 dpi. Jakékoliv nastavení si můžete vybrat sami. Mapy jsou založené na vektorových tvarech a zachovávají svou ostrou kvalitu i při zvětšení nebo zmenšení.

V maskách vrstvy vzorového souboru vybereme složku s požadovaným designem mapy. Držením stisknuté klávesy Ctrl klikneme na mapu a přesuneme ji ze vzorového souboru do nového souboru. Zde upravíme velikost mapy transformací (Ctrl + T). Vzorový soubor můžeme zavřít. Zůstane tak nedotčený a později se můžeme k původnímu designu vrátit.

Před začátkem úprav se podíváme na vrstvy: V mapách německých spolkových zemí můžete zobrazit všechna města, okresy, šipky dálnic a jejich označení. Proto pokud například chcete zobrazit pouze Kassel, Fulda a Frankfurt nad Mohanem, jednoduše vypnete ostatní města. Ale k tomu se dostaneme později. Nejprve si projděte dostupné složky a vrstvy, abyste získali přehled.

Editovat mapu v programu Photoshop - Přehled.
Nejprve si přehleďte strukturu vrstev vzorového souboru v programu Photoshop.

Krok 4: Vypněte to, co nepotřebujete.

A teď se pustíme do samotného designu map: Začněme tím, že vypneme vše, co se týká dálnic, protože se o ně postaráme později. Klikněte tedy před složkou "Dopravní značení" a vrstvou "Dálnice" na ikonu oka. Stejně tak můžete skrýt vrstvu "Hranice spolkových zemí".

Vytvořit mapu v programu Photoshop - skrýt prvky.
Nejprve skryjte vše, co v prvních krocích úprav nepotřebujete - např. dálnice.

V mapách spolkových zemí jsme pro vás označili polohu co nejvíce měst. Tak si můžete snadněji vybrat, která chcete zobrazit a která ne.

Pro naši představu si představme fiktivní firmu sídlící v hesenském Grünbergu, která je aktivní hlavně v středních okresech. Proto zde zobrazujeme více měst než v ostatních regionech. Velké města jako Kassel, Wiesbaden, Darmstadt a Frankfurt nad Mohanem zůstávají pro orientaci.

Chcete-li zapnout nebo vypnout města, otevřete složku "Města" a znovu klikněte na ikonu oka před příslušnými složkami.

Navrhnout mapu v programu Photoshop – vybrat města
V adresáři pro města můžete zapínat a vypínat ikony umístění a názvy každého jednotlivého města. K tomu klikněte na ikonu oka před příslušným adresářem.

Krok 5: Mapy ve vašem firemním designu

Pokud vám záleží na firemním designu, jistě chcete na vaší vlastní mapě použít vaši osobní písmo. Pro úpravu všech názvů měst najednou postupujte následovně: Aktivujte nástroj Posunout (zkratka V), podržte stisknutou klávesu Shift a klikněte na každý název města. Takto vyberete všechny textové vrstvy s názvy měst.

Přepněte pak na nástroj Text (zkratka T) a v horní nabídce zadejte požadovaný typ písma, styl písma a velikost. V našem příkladu používáme písmo Rubik ve stylu Medium a velikost 18 bodů.

Při změně písma se názvy měst na mapě trochu posunou. Malý tip: S nástrojem Posunout můžete grobovéji zarovnat názvy. Finální umístění byste si však měli vybrat až na konci, kdy dojde na detaily úprav mapy.

Vytváření map v programu Photoshop - změna písma
Upravte písmo: Vyberte všechny názvy měst. Aktivujte nástroj Text. Nastavte písmo prostřednictvím kontextové nabídky.

Krok 6: Mapy v barvách vaší značky

Stejně jako u písma je pravděpodobně i s barvami: Měly by odpovídat firemnímu designu! Možná se vám ale základní modrá, kterou jsme připravili, vůbec nelíbí a raději byste měli jinou barvu mapy. Pokud tedy chcete změnit barvy, můžete použít například překrývání barev a masky pro výřezy. Jak na to, ti ukáže Matthias Petri ve videu na začátku příspěvku na blogu, který najdete zde.

Přizpůsobit barvy map s překrývajícími se barvami.
Pro úpravu barev map můžete v programu Photoshop použít překrývání barev. Jak na to, vám vysvětlí Matthias Petri ve videu na začátku tohoto blogu.

Další možnost úpravy barev popíšeme níže: Připravte si čtyři až pět stupňů zároveň vaší preferované barvy v jasnosti. Nejlépe si vytvoříte vlastní barevné pole. K tomu klikněte v nástrojovém panelu dole nalevo na čtvereček pro barvu popředí a otevřete okno pro výběr barev (popředí). Zde nastavte barvy a klikněte na Přidat do barevných polí. Po zadání názvu barevného pole můžete nová pole v menu (Okno > Barevná pole) případně seřadit.

Vytvořte vlastní barevná pole v programu Photoshop.
Vytváření barevných polí v programu Photoshop: Klikněte v nástrojové liště dole na čtvereček pro barvu popředí. V okně „Výběr barev (popředí)“ nastavte barvu. Klikněte na „Přidat do barevných polí“. Vaše barevné pole můžete v dialogu „Barevná pole“ podle potřeby seřadit a řadit.

Udržují ty barvy správný odstín? Vraťme se k mapě: Stejně jako při úpravách písma pro názvy měst nyní vyberete všechny okresy, které chcete vidět ve stejné barvě. Opět podržíte Shift a klikněte na mapě na příslušné okresy.

Nyní aktivujete jedno z nástrojů tvaru s klávesovou zkratkou U. V kontextovém menu nahoře nyní můžete změnit barvu ploch a obrysů vybraných okresů. Za Plochou nebo Obrysem klikněte na ikony a vyberte ze seznamu vašich připravených barevných polí požadovanou barvu. Pokud nechcete zobrazovat obrysy, vyberte stejnou barvu jako pro plochu.

Vytvoření map v programu Photoshop – změna barev okresů.
Úprava barev na mapách: (1) Podržte Shift a klikněte na všechny okresy, které chcete zobrazit ve stejné barvě. (2) Aktivujte s klávesovou zkratkou U nástroj tvarů. (3) V kontextovém menu výš nastavíte barvy pro plochy a obrysy.

Poté zopakujte stejný postup s ostatními okresy, dokud nedáte své mapě úplně nový vzhled ...

Vytváření map v programu Photoshop – změna barev krajů.
Označte vždy okresy, které chcete zobrazit ve stejné barvě, a upravte barvy obrysů a ploch podle potřeby.

Krok 7: Rychle upravit dálnice

Pamatujete si ještě na vrstvu s dálnicemi a složku se dopravními značkami, které jsme na začátku skryli? Právě ty nyní znovu zobrazíme. Vyberte vrstvu dálnic a znovu aktivujte nástroj tvaru pomocí klávesové zkratky U. Přes kontextové menu můžete v nastavení za Obrys upravit barvu, tloušťku čáry a také strukturu čár.

Vytváření map v Photoshopu – Úprava dálnic
Upravte dálnice: Zobrazte vrstvu. Aktivujte nástroj tvaru klávesovou zkratkou U. Nastavte vzhled dálnic pomocí parametrů obrysu.

Krok 8: Závěrečné úpravy

Nakonec je vhodné ještě jednou pečlivě zkontrolovat umístění názvů měst. Například zde jsme ještě jednou posunuli název pro Frankfurt nad Mohanem. Jakmile jste hotovi, můžete individualizovanou mapu exportovat a uložit.

Vytvoření vlastních map v programu Photoshop - dokončení
Finalizace: Zkontrolujte vše ještě jednou a posuňte např. názvy měst na vhodná místa.

Exkurze: Ukázat využití

Pokud chcete pomocí mapy ukázat, kde vaše firma působí a kde méně, zde je nápad: Zatlumte oblasti, kde nejste aktivní.

Pro dosažení tohoto cíle můžete např. postupovat takto: Znovu vyberte stisknutím Shift a kliknutím všechny okresy, které chcete zatmavit. Vytvořte z nich kopie stisknutím Ctrl + J a tyto kopie vložte do nové skupiny stisknutím Ctrl+G. Dávejte pozor, aby skupina s kopiemi byla ve vrchní části panelu vrstev oproti ostatním okresům.

Vytváření vlastních map v programu Photoshop - zvýrazňování oblastí použití.
Zatmavení okresů, krok 1: Vyberte všechny okresy, které chcete zatmavit. Vytvořte z nich kopie a vložte je do nové skupiny, která musí být ve vrstvě nad všemi ostatními okresy.

Nyní to bude rychlé: Stiskněte Ctrl + E, abyste spojili zkopírované okresy do jedné vrstvy. Držte stisknutou klávesu Ctrl a klikněte na miniaturu vrstvy, kterou jste právě vytvořili, abyste vybrali plochy okresů. Naplňte tyto plochy černou barvou (můžete např. nastavit černou jako přední barvu a poté stisknout klávesy Alt- a Smazat). Nakonec snižte hodnotu Průhlednost nebo Plnění, dokud se vám nebude líbit intenzita zatmavení.

Tip: Samozřejmě můžete pro tento proces také pracovat s překryvy barev (viz např. video na začátku blogového příspěvku).

Vytvářet vlastní mapy v programu Photoshop - zvýrazňovat oblasti použití.
Zatmavení okresů, krok 2: Slučte všechny zkopírované okresy pomocí Ctrl + E do jedné vrstvy. Vyberte plochu a vyplňte ji černou barvou. Následně snižte průhlednost vrstvy.

Exkurze: Zobrazování míst na mapách

Předpokládám, že chcete také okamžitě ukázat, kde se vaše firma nachází nebo kde jsou případně pobočky. K tomu můžete například trochu zvětšit text s názvem měst a umístit tam své logo. Nebo můžete použít ikonu stanoviště. Dobré na tom je, že v našich Šablonách map pro německé spolkové země máte vždy k dispozici vhodnou sadu ikon.

V našem příkladu umístíme naši vymyšlenou firmu do hessenského města Grünberg a použijeme k tomu modrou ikonu stanoviště:

Navrhněte vlastní mapy v programu Photoshop - ukázat polohu společností
Příklad: Individuálně upravená mapa s uvedením sídla firmy v Grünbergu a zvýrazněním oblasti tím, že se okresy zatmaví.

Stáhněte si zdarma mapu a vyzkoušejte si ji sami

Jak se říká, Existuje mnoho způsobů, jak vytvořit individuální mapu. Ten popsaný výše je pouze jeden z nich. Jestliže chcete tento postup dodržet nebo se vydat vlastními cestami: Stáhněte si nyní zdarma šablonu mapy Hesenska pro Photoshop a vyzkoušejte si to. Stažení obsahuje mapu Hesenska s okresy v různých barvách, bez dálnic a připravenou v režimu RGB.

A jako připomenutí: Všechny naše šablony map jsou k dispozici nejen pro Photoshop, ale také pro Illustrator, Affinity Designer atd. Navštivte naši kategorii map a vyberte si potřebnou mapu:

Vzory mapových podkladů na stránce TutKit.com.
Objevte nyní všechny šablony map na TutKit.com

Přejeme ti úspěšnou editační cestu s tvými osobními mapami!

Zveřejněno dne z Dr. Jens Hammerschmidt
Zveřejněno dne:
Ze Dr. Jens Hammerschmidt
Deně na klávesnici pro TutKit.com.
Zpět na přehled