Kartillustration: Ett steg för stegsguide

Feb 5, 2026

Hur

Kartillustration har haft en riktig återuppkomst under de senaste åren. Ett spännande alternativ till en torr google-karta, illustrerade kartor kan fyllas med karaktär och roliga detaljer för att verkligen fånga atmosfären i en stad. Att skapa egna kartillustrationer är en utmanande övning i kompositionen, men kan vara ett bra tillägg till din Designportfölj .

Varje karta är en noggrann balansering av plottande element till deras geografiska läge, samtidigt som man också säkerställer illustrationen i harmoni. I den här handledningen ska jag gå igenom en steg-för-steg-guide till hur man skapar dina egna kartillustrationer, från första layout till slutlig bild. Allt du behöver är tillgång till Google Maps och din Digital konstprogramvara av val.

01. Välj din plats

Make sure there are enough landmarks to keep things interesting — Se till att det finns tillräckligt med landmärken för att hålla sakerna intressanta (Bildkredit: Google Maps)

Först måste du bestämma platsen för din illustrerade karta. Detta kan vara din favoritstad eller kanske ditt senaste semestermål - bara se till att det finns många intressanta ikoniska landmärken att välja mellan. I det här exemplet ska jag använda en karta över Seattle som jag skapade för besöket Seattle Tourist Board.

02. Använd Google Maps för att göra en plan

Plot your chosen landmarks to check how they're spread out — Plot dina valda landmärken för att kontrollera hur de sprids ut (Bildkredit: Tom Woolley)

Google Maps gör det enkelt att plotta landmärkena. Logga in på Google Maps och välj "dina platser" från huvudmenyn. Klicka på fliken "Kartor" och sedan "Skapa karta". Du kan nu söka efter något landmärke och när PIN-koden har tappat på kartan, välj "Lägg till i karta".

Skapa 6-8 pins över din karta och ta en skärmdump. Det hjälper till att välja landmärken som är jämnt fördelade över kartan och tänker på om layouten behöver vara porträtt, landskap eller kvadrat.

03. Lägg till huvudartärerna i staden

Start with rivers, main roads and trainlines — Börja med floder, huvudvägar och tåglinjer (Bildkredit: Tom Woolley)

Öppna Illustratör eller Photoshop (andra programvarupaket finns tillgängliga) och importera skärmdumpen på Google-kartan. Ställ in transparensen i kartskärmdumpen för att "multiplicera" och lås skiktet. Du kan nu skapa nya lager under och du har alltid Google-kartan som en praktisk referens.

Lägg till en bakgrundsfärg och börja teckna huvudartärerna i staden: vägarna, floderna, tåglinjerna och så vidare. Du börjar se formen av kartan börja ta form.

04. Lägg till dina etiketter

As well as being useful, labels are important design features — Förutom att vara användbar är etiketter viktiga designfunktioner (Bildkredit: Tom Woolley)

Text kan vara en funktion i sig, så lägg till etiketterna tidigt på att börja bygga upp densiteten på kartan. Handskrivna etiketter kan verkligen hjälpa till att lägga till konstverkets karaktär.

05. Skissa ut och balansera dina ikoner

Start playing around with icon size and placement — Börja spela runt med ikonstorlek och placering (Bildkredit: Tom Woolley)

Forskning landmärken och samla bilder av dem från olika vinklar. Tänk på vilken synpunkt som fungerar bäst med din karta. Jag gillar att skissa ut landmärkena på papper och sedan skanna skisserna och importera dem till min karta, men du kan göra allt detta digitalt om du föredrar.

Prova olika placeringar och storlekar tills du känner att layouten är jämnt balanserad. Om några av de landmärkenna är alla kluster, försök att gå ut och lägga till pilar för att ansluta dem med deras geografiska läge. Skönheten i illustrerade kartor om de inte behöver vara 100 procent korrekta. En bit av konstnärlig licens uppmuntras.

06. Välj din färgpalett

Think about the mood you want to evoke when choosing your palette — Tänk på det humör du vill framkalla när du väljer din palett (Bildkredit: Tom Woolley)

Försök och välj färger som hjälper till att fånga atmosfären på platsen. Ett soligt semestermål kan ha en gul bakgrund och en lantlig karta kan vara övervägande grön. Det kan också bidra till att basera din färgpalett på ett av de ikoniska landmärkena och använda detta för att ställa in tonen för resten av kartan.

Experimentera med olika kombinationer och försök hitta en komplementär färg för ikonerna som hjälper dem att sticka ut från bakgrunden. Börja med att färga dina landmärken. Vid denna tidpunkt kan du behöva ändra storlek på dem igen, eftersom effekten av färgen kan ändra balansen i kompositionen.

07. Bygg upp detaljer

Add some people and animals alongside the buildings — Lägg till några människor och djur tillsammans med byggnaderna (Bildkredit: Tom Woolley)

Lägg till några personer och djur att andas lite liv i din karta. I Seattle-kartan ville klienten inkludera massor av olika sporter, som paddling och cykling, för att visa alla olika aktiviteter du kan göra i staden. Människor är också ett bra sätt att hjälpa till att fylla något tomt utrymme du kanske har. Lägg lite roligt och leka med karaktärens skala - de kan vara lika stora som en byggnad om du vill.

08. Forskning Det lokala köket

Local delicacies add more flavour — Lokala delikatesser lägger till mer smak (Bildkredit: Tom Woolley)

Ikoner av mat och dryck som är specifika för området är ett annat bra sätt att lägga till mer intressant detalj på din karta. Kaffekoppar och ölglas är en ständigt närvarande i många kartor jag skapar, men lägger till några ovanliga lokala delikatesser kommer att göra din karta mer minnesvärd.

09. Fyll i några luckor

A few trees and texture details help fill in any blank space — Några träd och textur detaljer hjälper till att fylla i något tomt utrymme (Bildkredit: Tom Woolley)

Små detaljer som byggnader, vägskyltar och träd hjälper till att fylla i kvarvarande utrymme och ta hela kartan tillsammans. Dubbelkontrollera dina färger och se till att allt harmoniserar. Ibland kan bara tillägget av några små träd ändra fokus. Zooma ut så att du kan se hela kartan på skärmen och tweak kompositionen och färgerna tills du har en välbalanserad slutkomposition.

Nedan kan du se min sista design för besöket Seattle Tourist Board Magazine.

Click the icon in the top right to enlarge the image — Klicka på ikonen längst upp till höger för att förstora bilden (Bildkredit: Tom Woolley)

Läs mer:

Dessa tutorials visar dig Hur man ritar bara om någonting
20 skiss tips som hjälper dig att göra dina första betyg
De bästa ritningsapparna för iPad

Kartillustration: Ett steg för stegsguide

01. Välj din plats

02. Använd Google Maps för att göra en plan

03. Lägg till huvudartärerna i staden

04. Lägg till dina etiketter

05. Skissa ut och balansera dina ikoner

06. Välj din färgpalett

07. Bygg upp detaljer

08. Forskning Det lokala köket

09. Fyll i några luckor

Hur - Mest populära artiklar

Allt du behöver veta om JavaScript-koduppdelning

Kom igång med tillgångar i affinitetsdesigner

Hur man monterar ditt konstverk

Hur man målar en zombie i klippstudiofärg

Hur man lägger till textur till dina pasteller med primers

Hur prototype en mobil app med Adobe XD

Den ultimata guiden för att kompositera bilder i Photoshop

Hur man gör en fotorealistisk himmel

Kategorier