Kde je vaša spoločnosť umiestnená a kde je využívaná? Ak chcete vizuálne zodpovedať takýmto a podobným otázkam, jednoducho ich vložte na mapu! Ukážeme vám, ako si môžete pomocou našich vektorových šablón vlastné mapy vytvoriť a individuálne prispôsobiť vo farbách a písme podľa vašich predstáv. Krok za krokom vám ukážeme, ako si vytvoriť vlastné mapy v želaných farbách a s odpovedajúcimi písmami. Návod vrátane videa a bezplatnej šablóny na vyskúšanie.
Rýchla navigácia
- Video inšpirácie a návod: Spoločnosti, ktoré využívajú naše mapy vo svojom dizajne
- Krok za krokom: Vytvorenie a úprava máp v programe Photoshop (na príklade šablóny mapy pre Hesensko)
- Exkurzia: Zobrazenie oblastí použitia spoločností na mapách
- Exkurzia: Zobrazenie sídiel spoločností na mapách
- Bezplatná šablóna mapy pre Photoshop na stiahnutie
TutKit in Action: Spoločnosti, ktoré plne využívajú náš dizajn vo svojich mapách!
Je pre nás skutočným potešením vidieť aktíva a šablóny z webu TutKit.com v reálnom nasadení - napríklad na našich mapách. V videu vám Matthias Petri ukáže niekoľko príkladov spoločností, ktoré plne využívajú náš dizajn vo svojich mapách. Okrem toho dostanete návod, ako si môžete sami vytvoriť mapy v programe Photoshop ...
Krok 1: Vyberte si svoju šablónu mapy
Či už ide o impressum alebo sekciu O nás na vašej webovej stránke, o informačné letáky, reklamné brožúry alebo záverečnú snímku vašej ďalšej prezentácie: Ak chcete zobraziť umiestnenie alebo oblasť pôsobenia vašej spoločnosti, odporúčame naše šablóny máp pre Nemecko, Rakúsko a Švajčiarsko a 16 nemeckých spolkových krajín.
Šablóny spolkových krajín možno upraviť v programe Adobe Illustrator a Adobe Photoshop. Okrem toho sú k dispozícii ako súbory PNG, SVG a EPS.
Pre nasledujúce pokyny si vyberieme mapu Hesenska. Zvoľte si šablónu pre Photoshop, ktorá obsahuje hessenské diaľnice. Po stiahnutí a rozbalení ZIP súboru otvorte verziu RGB, pretože mapa sa nakoniec použije na internete. Ak chcete mapu vydať neskôr v tlačených médiách, mali by ste použiť verziu CMYK.
Krok 2: Aký dizajn má byť?
Ak ste sa rozhodli pre mapu s diaľnicami, po otvorení v programe Photoshop máte k dispozícii dve dizajnové varianty: Na ľavej strane sú plochy krajov s rôznymi farbami, od svetlo modrej po tmavo modrú. Napravo je jednofarebná verzia, kde sú plochy krajov od seba oddeľené kontúrami.
V podstate je jedno, s akou variantou budete pokračovať, pretože nakoniec môžete farebnú variantu premeniť na jednofarebnú a naopak. Ale pre rýchlejší postup je dobré, ak už viete, ako chcete svoju mapu zobraziť, a rozhnete sa pre príslušnú variantu.
Krok 3: Presuňte mapu do vlastného súboru
Ďalej vytvoríme v programe Photoshop nový súbor s hodnotami, ktoré potrebujeme pre zobrazenie mapy. V našom prípade to bude pracovná plocha 900 na 900 pixelov pri rozlíšení 72 dpi. Môžete si vybrať vlastné nastavenia. Mapy sú založené na vektorových tvaroch a zachovávajú svoju ostrú kvalitu pri zmenšení aj zväčšení.
V maskovaní vrstiev predlohy označíme zložku s požadovaným dizajnom mapy. Držaním stlačenej klávesy Ctrl klikneme na mapu a presunieme ju z predlohy do nového súboru. Dôjde k prispôsobeniu veľkosti mapy transformovaním (Ctrl + T). Predlohu môžeme zavrieť. Tak zostane neporušená a neskôr sa môžeme kedykoľvek vrátiť k pôvodnému dizajnu.
Pred začatím úprav sa pozrieme na vrstvy: V predlohách krajín pre nemecké spolkové krajiny môžete vypnúť alebo zapnúť všetky zobrazené mestá, okresy, diaľnice a ich označenia. Ak chcete napríklad vo vašom príklade zobraziť len Kassel, Fuldu a Frankfurt am Main, jednoducho vypnite ostatné mestá. K tomu však príde hneď. Pokojne sa najprv preklikajte cez dostupné zložky a vrstvy, aby ste si urobili prehľad.
Krok 4: Vypnite to, čo nepotrebujete
A teraz sa pustíme do úpravách mape: Začneme tak, že vypneme všetko, čo sa týka diaľníc, pretože sa tým zaoberieme neskôr. Kliknite teda pred zložkou „Dopravné značky“ a vrstvou „Diaľnice“ na ikonu oka. Taktiež môžete vypnúť vrstvu „Hranice spolkových krajín“.
V mapách spolkových krajín sme pre vás označili polohy čo najviac miest. Môžete jednoducho rozhodnúť, ktoré chcete zobraziť a ktoré nie.
Pre našu ukážkovú situáciu si predstavme fiktívnu spoločnosť sídlenu v hessenských Grünbergu, ktorá je aktívna predovšetkým v stredných okresoch. Preto tam zobrazujeme viac miest ako v ostatných regiónoch. Väčšie mestá ako Kassel, Wiesbaden, Darmstadt a Frankfurt am Main zostávajú na orientáciu.
Aby ste mohli mestá zobraziť alebo skryť, otvorte zložku „Mestá“ a opäť kliknite na ikony oka pred jednotlivými zložkami.
Krok 5: Mapy v tvojom firemnom písme
Ak pre vás záleží na vášom firemnom dizajne, iste sa rozhodnete použiť svoje osobné firemné písmo aj na vlastnej mape. Pre prispôsobenie všetkých názvov miest naraz postupujte nasledovne: Aktivujte nástroj na presúvanie (skratka V), podržte stlačenú klávesu Shift a kliknite na každý názov mesta. Takto vyberiete všetky textové vrstvy s názvami miest.
Potom prejdite na nástroj Text (skratka T) a nastavte v hornom paneli svoju písmo, rez a veľkosť. V našom príklade používame písmo Rubik v Medium s veľkosťou 18 bod.
Pri zmene písma sa názvy miest na mape trochu posunú. Malý tip: Môžete hrubo upraviť názvy pomocou nástroja na presúvanie. Ich finálne umiestnenie si však nechajte až na koniec, keď budete doladenie svojej mapy.
Krok 6: Mapy vo vašich firemných farbách
Ako s písmom, pravdepodobne aj s farbami: Majú byť v súlade s firemným dizajnom! Možno sa ti však základná modrá, ktorú sme predpripravili, vôbec nepáči a chcel by si úplne inú farebnú schému. Ak chceš zmeniť farby, môžeš napríklad použiť prekrytie farieb a masky. Ako to funguje, ukáže Matthias Petri vo videu na začiatku blogového príspevku.
Ďalšia možná varianta úpravy farieb, ktorú opisujeme nižšie, spočíva v tomto: Priprav si štyri až päť odtieňov tvojej preferovanej farby s rôznou intenzitou svetla. Ideálne je vytvoriť pre ne vlastné farby. K tomu klikni v ponuke nástrojov doľava úplne dole na štvorec pre predné pozadie a otvor okno pre Výber farby (predné pozadie). Nastav si farby a klikni na tlačidlá Pridať do farieb. Po priradení názvu pre farbu ich môžeš v príslušnom menu (Okno > Farby) prípadne zoradiť.
Našiel si správne odtiene farieb? Späť na mapu: Podobne ako pri úpravách písma pre názvy miest teraz vyberieš všetky okresy, ktoré chceš vidieť v určitej farbe. Takže znova stlač Shift a klikni na mape na príslušné oblasti.
Aktivuj teraz jedno z nástrojov na tvorbu tvaru pomocou skratky U. V kontextovom menu hore môžeš teraz zmeniť farbu plôch a obrysov vybraných okresov. Za pláň alebo kontúra klikni na ikony a vyber farbu zo svojich pripravených farebných políčok. Ak nechceš zobraziť obrysy, použi rovnakú farbu ako pre plochu.
Následne zopakuj celý proces s ostatnými okresmi, kým tvoja mapa nedostane úplne nový vzhľad ...
Krok 7: Rýchlo upraviť diaľnice
Pamätáš si ešte na vrstvu diaľnic a zložku s dopravnými značkami, ktoré sme na začiatku skryli? Presne tieto znova zobrazíme. Vyber vrstvu s diaľnicami a znova aktivuj nástroj na tvorbu tvaru stlačením klávesy U. V kontextovom menu môžeš nastaviť farbu, hrúbku či štruktúru čiar za obrysom.
Krok 8: Finálne úpravy
Napokon odporúčame ešte raz dôkladne prezrieť polohy názvov miest. Napríklad sme tu znova trochu posunuli názov Frankfurta nad Mohanom. Keď si s tým hotový, môžeš exportovať a uložiť individualizovanú mapu.
Exkurz: Zobrazenie použitia mapy
Ak chcete pomocou mapy ukázať, kde je vaša spoločnosť aktívna a kde menej, máme pre vás nápad: Zatieniť oblasti, v ktorých nie ste aktívni.
Aby ste to dosiahli, môžete napríklad nasledovať tento postup: Vyberte pomocou Shift a niekoľkých kliknutí všetky okresy, ktoré chcete zatieniť. Vytvorte z nich kópie stlačením Ctrl + J a umiestnite tieto kópie do vlastnej skupiny stlačením Ctrl + G. Teraz sa uistite, že skupina s kópiami v paneli s vrstvami má vyššiu pozíciu ako vrstvy s ostatnými okresmi.
Teraz to rýchlo ide: Stlačte Ctrl + E, aby sa skopírované okresy zlúčili do jednej vrstvy. Držte stlačenú klávesu Ctrl a kliknite na miniaturu vrstvy novej vrstvy, aby ste vybrali plochy okresov. Teraz vyplňte tieto plochy čiernou farbou (napríklad nastavením prednej farby na čiernu a potom stlačením klávesy Alt- a Delete). Nakoniec upravte hodnotu pri priehľadnosti vrstvy alebo plochy, kým sa vám zatienenie bude páčiť.
Tip: Samozrejme, môžete pre tento proces alternatívne pracovať aj so zmiešaním farieb (pozrite si napríklad video na začiatku blogového príspevku).
Exkurz: Zobrazenie lokalít na mape
Predpokladáme, že chcete tiež konkrétne zobraziť, kde sa nachádza vaša spoločnosť alebo kde sú prípadne pobočky. Môžete napríklad trochu zväčšiť písmo názvov miest a umiestniť tam svoje logo. Alebo použiť ikonu miesta. Dobré na tom je: V našich predlohách máp pre nemecké spolkové krajiny máte vždy k dispozícii vhodnú sadu ikon.
V našom príklade sa jednoducho predstierame, že naša vymyslená spoločnosť sídli v hesenskom Grünbergu a na to používame modrú ikonu miesta:
Stiahnite si bezplatnú mapu a vyskúšajte si sami
Ako sa hovorí: Ku individuálnej mape vedie veľa ciest. Vyššie opísaný je len jedným z nich. Ak chcete tento proces zopakovať alebo si vybrať vlastný spôsob, stiahnite si teraz zdarma predlohu mapy Hessenska pre Photoshop a vyskúšajte to. Stiahnutie obsahuje mapu Hessenska s okresmi v rôznych farebných odtieňoch, bez dálníc a pripravenú v režime RGB.
A ešte raz na pripomenutie: Všetky naše predlohy máp sú k dispozícii nielen pre Photoshop, ale aj pre Illustrator, Affinity Designer a pod. Kliknite si na našu kategóriu máp a vyberte si mapu, ktorú potrebujete:
Želáme ti príjemnú úpravnú cestu s tvojimi osobnými mapami!