Hol ül a vállalatod, és hol van használatban? Ha ilyen és hasonló kérdésekre vizuálisan szeretnél válaszolni, akkor egyszerűen helyezd el a válaszokat a térképre! Megmutatjuk neked, hogyan hozhatsz létre és személyre szabottan alakíthatsz ki saját térképeket a kívánt színekben és a megfelelő betűtípussal vektor alapú sablonjainkkal. Lépésről lépésre bemutatjuk, videóval és ingyenes sablonnal az utánalkotáshoz.
Gyorsnavigáció
- Videó inspirációval és útmutatóval: Vállalatok, amelyek teljesen ránk támaszkodnak térképeik tervezésében
- Lépésről lépésre: Térképek létrehozása és tervezése Photoshopban (a Hessen térkép-mintájának példáján keresztül)
- Kitérő: Vállalatok jelenlétének ábrázolása térképeken
- Kitérő: Vállalatok helyszíneinek ábrázolása térképeken
- Ingyenes térkép sablon a Photoshophoz letöltésre
TutKit akcióban: Vállalatok, amelyek teljesen ránk támaszkodnak a tervezésben!
Igazán öröm számunkra látni a TutKit.com eszközök és sablonok valós életbeli használatát például a térképek. A videóban Matthias Petri néhány példát mutat be vállalatokról, amelyek teljesen ránk támaszkodnak a saját tervezésükben. Emellett útmutatót is kapsz, hogyan tudod saját magad tervezni a térképeket Photoshopban...


Lépés 1: Válaszd ki a térképed sablonját
A webhely Impresszumához vagy Rólunk oldalához - információs szórólapokhoz, imázs brosúrákhoz vagy a következő prezentációd záródiájához: Ha vállalatod helyét vagy területét szeretnéd ábrázolni, ajánljuk Németország, Ausztria és Svájc, valamint a 16 németországi tartomány számára készített térkép sablonjainkat.
A tartományok térképeit az Adobe Illustratorban és Adobe Photoshopban lehet szerkeszteni. Továbbá elérhetők PNG-, SVG- és EPS-fájlként is.
A következő útmutatóhoz a Hessen térképet választjuk. A Photoshop-sablont választjuk, amely tartalmazza a hesseni autópályákat. Letöltés és kicsomagolás után nyitjuk meg az RGB verziót, mivel a térkép végén weben lesz használva. Ha később a térképet nyomtatott anyagokban használnád, válaszd a CMYK verziót.

Lépés 2: Melyik dizájn lesz?
Ha te is az autópályákat tartalmazó térkép mellett döntöttél, akkor Photoshopban a térkép két különböző dizájnnal jelenik meg: Bal oldalon a megyék területei különböző színűek, világoskéktől sötétkékig. Jobb oldalon egyszínű változat található, a megyék területeit egyszerű kontúrok választják el egymástól.
Alapvetően mindegy, hogy melyik változattal folytatod, mert végül is a színes változatot is egyszínűvé alakíthatod és fordítva. De gyorsabb, ha most már tudod, hogyan szeretnéd megjeleníteni a térképed, és a megfelelő változat mellett döntesz.

3. lépés: Mozgassa a térképet egy különálló fájlba
Következő lépésként a Photoshopban egy új fájlt hozunk létre olyan értékekkel, amelyekre szükségünk van a térkép megjelenítéséhez. Az esetünkben ez egy 900x900 képpontos munkaterület lenne, 72 dpi felbontással. Ahogyan a beállítások, szabadon választhatod meg. A térképek vektorformákon alapulnak, és kicsiny vagy hatalmas méretben egyaránt éles minőséget biztosítanak.
A sablonfájl rétegmaszkjában kijelöljük a kívánt térkép tervezőmappát. Nyomva tartva az Ctrl-t, kattintsunk a térképre, majd húzzuk át az új fájlba a sablonfájlból. Ott a térkép méretét Átalakítással állítsuk be (Ctrl + T). A sablonfájlt be is zárhatjuk. Így az érintetlen marad, és később bármikor visszatérhetünk az eredeti tervezéshez.
Mielőtt nekiállnánk a szerkesztésnek, vessünk egy pillantást az egyes rétegekre: A németországi szövetségi tartományok térképein minden látható várost, járásokat valamint az autópályákat és azok számozását be- és kikapcsolhatod. Ha például a Kassel, Fulda és Frankfurt am Main városokat szeretnéd látni, az egyéb városokat egyszerűen ki tudod kapcsolni. De erről rögtön beszélünk. Nyugodtan kattints végig először a rendelkezésre álló mappák és rétegek között, hogy áttekintést szerezz.

4. lépés: Kapcsold ki, amire nincs szükséged.
És már kezdjük is a tényleges térképek megtervezését: Kezdjük el ki-ki kapcsolni mindent, ami az autópályákhoz kapcsolódik, mert arról később gondoskodunk majd. Tehát kattints a "Jelzőtáblák" mappára és az "Autópályák" rétegre az "Szem ikonra". Az "Egyes szövetségi tartományok határai" réteget is elrejtheted.

A szövetségi tartományok térképein a lehető legtöbb város pozícióját bejelöltük neked. Így egyszerűen magad döntheted el, melyiket szeretnéd megjeleníteni és melyiket nem.
Példánkban egy fiktív vállalkozást képzeljünk el, amely a hesseni Grünbergben található és főként a középső járásokban aktív. Ennek megfelelően több várost jelenítünk meg ott, mint más régiókban. Nagyobb városok, mint Kassel, Wiesbaden, Darmstadt és Frankfurt am Main maradnak az iránytűben.
Városok be- és kikapcsolásához kattints a "Városok" mappára, majd itt ismét az Agyféltekés ikonokra kattints a mappák előtt.

5. lépés: Térképek a saját betűtípusodban
Ha fontos számodra a Vállalati dizájn, bizonyára a saját térképeden is a személyes betűtípusodat fogod használni. Hogy az összes városnevet egyidejűleg megváltoztasd, a legkönnyebben a következőképpen tehetsz meg: Aktiváld az eltoló eszközt (Gyorsbillentyű V), tartsd lenyomva a Shift-et, majd kattints minden városnevre. Így kiválasztod az összes szöveg réteget a városnevekkel.
Ezt követően váltás a Szöveg eszközre (Gyorsbillentyű T), majd az Menüben állítsd be a betűtípust, a betűformát és a betűméretet. Példánkban a Rubik Medium betűméretet nagyságnál használjuk 18 pontot.
A betűtípus megváltoztatásakor a városnevek kissé elmozdulhatnak a térképen. Egy kis tipp hozzá: Az eltoló eszközzel grobálisan újra rendezheted a neveket. A végleges pozícionálásukat azonban a térkép finomítása során végezd el.

6. lépés: Térképek színei a házszíneidben
A betűtípussal való helyzet ugyanaz lehet a színekkel: Az arculati elemekhez igazodniuk kell! Talán az általunk előkészített kék szín sem tetszik neked alapvetően, és teljesen más térképszínt szeretnél. Ha tehát meg akarod változtatni a színeket, például átfedéseket és maszkokat is használhatsz ehhez. Hogy ez hogyan működik, az látható Matthias Petri videójában a blogposzt elején.

Egy másik lehetséges módszer a színek beállítására a következőképpen írható le: Készíts elő négy vagy öt a kívánt szín fényességében lévő változatot. Ideális esetben saját színmintákat készítesz. Ehhez kattints a bal oldalon található Eszköztárban a "Foreground Color" négyzetére, és nyisd meg a "Color Picker (Foreground Color)" ablakot. Állítsd be itt a színeket, majd kattints a "Color Swatches hozzáadásához" szövegre. A színminta nevének megadása után a szükséges menüben a színmintákat igény szerint rendezheted.

Elérted a megfelelő színmélységeket? Akkor vissza a térképhez: Mint korábban a városnevek beállításakor, most válaszd ki az összes megyét, amit egy színváltozatban szeretnél látni. Tehát ismét nyomd le az Shift gombot, és kattints azon a térképen azokra a megyékre.
Most aktiválj egyik a Formázás-jelek közül a U billentyűvel. A fenti kontextusmenüben most már be tudod állítani a kiválasztott megyék területeinek és körvonalainak színét. Kattints a Terület vagy a Kontúr mögötti ikonokra, majd válaszd ki az előkészített színmintáidból a kívánt színt az megnyíló menüből. Ha nem szeretnél körvonalakat megjeleníteni, akkor válaszd ugyanolyan színt, mint amit a területre választottál.

Ezután ismételd meg ugyanezt a többi megyével, amíg a térképed teljesen új külsőt nem kapott...

7. lépés: Az autópályák gyorsan alkalmazkodnak
Emlékszel még a rétegre a autópályákkal és azokkal a közlekedési jelzéseket tartalmazó mappára, amiket eleinte elrejtettünk? Ezeket most fel fogjuk hozni. Válaszd ki az autópálya réteget, és ismét aktiváld egy alakzat-rajzoló eszközt a U billentyű lenyomásával. A kontextusmenüben a Kontúr mögötti beállításokkal a színt, a vonal vastagságát és a vonal szerkezetét is módosíthatod.

8. lépés: Végső beállítások
Végül érdemes még egyszer alaposan megnézni a városnevek helyzeteit. Például itt ismét elmozdítottuk a Frankfurt am Main nevét kicsit. Ha kész vagy vele, egyéni térképet exportálhatsz és menthetsz.

Exkurs: Felhasználási területek megjelenítése
Ha térképen szeretnéd megjeleníteni, hol van jelen vállalatod és hol kevésbé, itt az ötlet: Ásd be azokat a régiókat, ahol nem vagy aktív.
Ehhez például így járhatsz el: Jelöld ki azokat a megyéket ismét Shift és többszöri kattintásos módszerrel, amelyeket be akarsz árnyékolni. Készíts róluk másolatokat Ctrl + J lenyomásával, és helyezd ezeket a másolatokat a Ctrl + G-vel egy új csoportba. Most ügyelj arra, hogy a csoport a másolatokkal az Egyéni tervezőeszköz palettán a többi megye rétege felett helyezkedjen el.

Már csak egy gyors mozdulat: Nyomj Ctrl + E-t, hogy az árnyékolt megyéket egy rétegbe vonjuk össze. Tartsd lenyomva a Ctrl-t, majd kattints a létrehozott réteg ikonjára, hogy kiválaszthasd a megyék területeit. Most töltsd ki ezeket a területeket feketével (például beállíthatod az előtérszínt feketére, majd nyomd meg az Alt- és Del- billentyűket). Végül csökkentsd a Fedőréteg vagy Terület értéket, amíg tetszik az árnyékolás intenzitása.
Tipp: Természetesen ebben a folyamatban lehet alternatívaként újra színharmóniát is alkalmazni (lásd ehhez a blokkbejegyzés elején található videót).

Exkurs: Telephelyek megjelenítése a térképen
Valószínűleg azt is szeretnéd egyből megjeleníteni, hol van a vállalatod székhelye vagy hol találhatóak esetleg fióktelepek. Ehhez például növeld meg a városnevek betűméretét és helyezd el ott a logódat. Vagy egy helyszínikon használhatsz. Az a jó ebben: A németországi tartományokhoz tartozó térkép-mintáinkban mindig egy összeillő ikon-készlet is rendelkezésedre áll.
Példaként helyként elképzelt vállalatunkat egyszerűen Hessiában, Grünbergben helyezzük el, és egy kék telephelyikonra támaszkodunk:

Töltsd le ingyenesen a térképet és próbáld ki magad
Mint mindig mondják, Sok út vezet az egyedi térképhez. A fent említett csak az egyik lehetőség. Ha ezt követni szeretnéd, vagy saját utakat járni: Töltsd le ingyen most a térkép mintáját Hessenhez Photoshophoz, és próbáld ki. A letöltés tartalmazza a Hessen térképét különböző színekben, autópályák nélkül és készen áll a RGB formában.
És megint emlékeztetőül: Az összes térképmintánk nem csak Photoshophoz elérhető, hanem Illustratorhoz, Affinity Designerhez és Co.-hoz is. Kattints a Térképek kategóriára és válaszd ki a számodra szükséges térképet:

Jó szerkesztést kívánunk neked a saját térképeiddel való utazásodhoz!