Saját térképek létrehozása (ingyenes sablonnal)

Saját térképeket készíteni és tervezni (ingyenes sablonnal)

Dr. Jens Hammerschmidt
közzétett:

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ó

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...

Egyedi térképek vállalati weboldalakon, a mi térképmintáink alapján.
Egyedi térképek vállalati webhelyeken, az általunk készített térképek: bal oldalon warensberg.de, jobb oldalon solar-landpacht.de (Állapot: 2023/02).
Egyedi térképek egy vállalati weboldalon, a mi térkép sablonjaink alapján.
Egyedi térképek egy vállalati webhelyen, az általunk készített térképek: lenz-wild.de (Állapot: 2023/02).

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.

Letöltés a TutKit.com oldalról térképek.
A térkép sablonok két dizájnvariációban állnak rendelkezésedre (különböző színű telített és egyszínű területekkel), valamint autópályákkal és autópálya nélkül. Emellett választhatsz, hogy az Illustrator, Photoshop, EPS-, PNG- vagy SVG-fájlokat szeretnéd-e letölteni. Letöltés után választhatsz az RGB verzió (digitális felhasználásra) vagy a CMYK verzió (nyomtatáshoz) között.

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.

Térkép sablon két különböző designban
Szeretnéd a megyék területeit színekkel vagy kontúrokkal választani el egymástól? Dönts egy dizájn mellett. Fontos tudni: A saját szerkesztéseid révén minden dizájnt át tudsz alakítani a másikba, ha meggondolod magad. Tehát ha a színes változattal kezdesz, és később inkább csak kontúrokat szeretnél, akkor magad is beállíthatod.

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.

Térképet szerkeszteni Photoshopban – Áttekintés
Először szerezz áttekintést a Photoshop sablon rétegstruktúrájáról.

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.

Térképet készíteni Photoshopban - Elemek elrejtése
Kapcsold ki azokat a tematikai elemeket, amikre az első szerkesztési lépések során nincs szükség - mint például az autópályák.

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.

Térképet készíteni Photoshopban - városok kiválasztása
A Városok mappában az egyes városok helyszín ikonját és nevét be- és kikapcsolhatod. Ehhez kattints a megfelelő mappa előtti szem ikonra.

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.

Térképek szerkesztése Photoshopban - Írás megváltoztatása.
Szövegmódosítás: Válassz ki minden városnevet. Aktiváld a Szöveg eszközt. Állítsd be a Menüben a betűtípust.

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.

Térképek színeinek átfestésekor a színmegkülönböztetés módosítása
Az egyes térképek színeinek beállításához átfedéseket használhatsz Photoshopban. Ahogyan ez működik, azt Matthias Petri bemutatja a videóban, amit megtalálsz 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.

Saját színmezők létrehozása Photoshopban.
Színminták létrehozása Photoshopban: Kattints az Eszköztár alján található "Foreground Color" négyzetére. Állítsd be a színt a "Color Picker (Foreground Color)" ablakban. Kattints itt a "Color Swatches hozzáadásához" szövegre. Az új színmintákat a "Swatches" párbeszédpanelben szükség szerint rendezheted és csoportosíthatod.

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.

Térképek készítése Photoshopban - Megváltoztatni a megyék színét
Térképek színeinek módosítása: (1) Nyomd le és tartsd nyomva a Shift billentyűt, majd kattints az összes megyére, amelyet ugyanazzal a színnel szeretnél megjeleníteni. (2) Aktiválj egy alakzat-rajzoló eszközt a U billentyű segítségével. (3) A fenti kontextusmenüben állítsd be a területek és körvonalak színét.

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

Térképeket készít Photoshopban - Változtasd meg a járások színét.
Jelöld ki azokat a megyéket, amelyeket ugyanazzal a színnel szeretnél megjeleníteni, és módosítsd a körvonalak és területek színeit a kívánt módon.

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.

Térképek készítése Photoshopban - autópályák szerkesztése.
Autópályák módosítása: Hozd elő a réteget. Aktiválj egy alakzat-rajzoló eszközt a U billentyűvel. Állítsd be az autópályák megjelenését a Vonal beállításokkal a felső kontextusmenüben.

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.

Saját térképek készítése Photoshopban - befejezés
Finalizálás: Ellenőrizd újra mindent és tologasd a városok neveit a megfelelő pozíciókba.

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.

Saját térképek készítése Photoshopban – területek kiemelése
Megyék árnyékolása, 1. lépés: Jelöld ki azokat a megyéket, amelyeket be szeretnél árnyékolni. Készíts róluk másolatokat. Helyezd ezeket a másolatokat egy új csoportba, amelynek a megyék minden más rétege fölött kell lennie az Egyéni tervezőeszköz palettán.

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).

Saját térképek készítése Photoshopban - Területek kiemelése
Megyék árnyékolása, 2. lépés: Vonjuk össze az összes másolt megyét a Ctrl + E segítségével egy rétegbe. Válaszd ki a területet és töltsd ki feketével. Végül csökkentsd az új réteg fedőrétegé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:

Saját térképek készítése Photoshopban - vállalatok helyszínének megjelenítése
Példa: Egyedi tervezésű térkép a Grünbergben található vállalati telephely és a megyék árnyékolásával történő felhasználás megjelölésével.

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:

Térképsablonok a TutKit.com-on.
Fedezd fel az összes térkép-mintát a TutKit.com weboldalon

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

Megjelent a a címről Dr. Jens Hammerschmidt
Megjelent a: A címről Dr. Jens Hammerschmidt
Minden nap a billentyűk mellett a TutKit.com-nál.
Vissza a áttekintéshez