Kart Illustrasjon: En trinnvis veiledning

Feb 2, 2026
hvordan

Kart Illustration har hatt en ekte gjenoppblomstring de siste årene. Et spennende alternativ til et tørt Google-kart, illustrerte kart kan fylles med karakter og morsom detalj for å virkelig fange atmosfæren i en by. Opprette dine egne kart Illustrasjoner er en utfordrende øvelse i sammensetningen, men kan være et flott tillegg til din Designportefølje .

Hvert kart er en forsiktig balanseringshandling av plottingelementer til deres geografiske beliggenhet, samtidig som det sikrer illustrasjonsoppsettet i harmoni. I denne opplæringen går jeg deg gjennom en trinnvis veiledning for hvordan du lager dine egne kartillustrasjoner, fra første layout til sluttbilde. Alt du trenger er tilgang til Google Maps og din Digital kunstprogramvare av valg.

01. Velg din plassering [1. 3]

Make sure there are enough landmarks to keep things interesting

Pass på at det er nok landemerker for å holde ting interessant (Bildekreditt: Google Maps)

Først må du bestemme plasseringen for ditt illustrerte kart. Dette kan være din favorittby eller kanskje ditt siste feriemål - bare sørg for at det er mange interessante ikoniske landemerker å velge mellom. I dette eksemplet vil jeg bruke et kart over Seattle jeg opprettet for besøket Seattle Tourist Board.

02. Bruk Google Maps til å lage en plan [1. 3]

Plot your chosen landmarks to check how they're spread out

Plot dine valgte landemerker for å sjekke hvordan de er spredt ut (Bilde Kreditt: Tom Woolley)

Google Maps gjør det enkelt å plotte landemerkene ut. Logg deg på Google Maps og velg 'Dine steder' fra hovedmenyen. Klikk på "Kart" -fanen og deretter "Opprett kart". Du kan nå søke etter ethvert landemerke, og når PIN-koden har falt på kartet, velger du 'Legg til i kart'.

Lag 6-8 pins på tvers av kartet og ta et skjermbilde. Det vil bidra til å velge landemerker som jevnt fordelt på kartet og tenk på om layoutet må være portrett, landskap eller firkant.

03. Legg til de viktigste arteriene i byen [1. 3]

Start with rivers, main roads and trainlines

Start med elver, hovedveier og trainlines (Bilde Kreditt: Tom Woolley)

Åpne Illustrator eller Photoshop (andre programvarepakker er tilgjengelige) og importer skjermbildet på Google-kartet. Sett gjennomsiktigheten til MAP-skjermbildet for å "multiplisere" og lås laget. Du kan nå lage nye lag under, og du vil alltid ha Google Map som en praktisk referanse.

Legg til en bakgrunnsfarge og begynn å tegne hovedarteriene i byen: veiene, elvene, toglinjene og så videre. Du begynner å se formen på kartet begynner å ta form.

04. Legg til etikettene dine [1. 3]

As well as being useful, labels are important design features

I tillegg til å være nyttig, er etiketter viktige designfunksjoner (Bilde Kreditt: Tom Woolley)

Tekst kan være en funksjon i seg selv, så legg til etikettene tidlig på å begynne å bygge opp tettheten på kartet. Håndskrevne etiketter kan virkelig bidra til å legge til tegnet av kunstverket.

05. Skisse ut og balansere ikonene dine [1. 3]

Start playing around with icon size and placement

Begynn å spille rundt med ikonstørrelse og plassering (Bilde Kreditt: Tom Woolley)

Forskning landemerkene og samle bilder av dem fra forskjellige vinkler. Tenk på hvilket synspunkt som fungerer best med kartet ditt. Jeg liker å skisse ut landemerkene på papir, skanne skissene i og importere dem til kartet mitt, men du kan gjøre alt dette digitalt hvis du foretrekker det.

Prøv forskjellige plasseringer og størrelser til du føler at layoutet er jevnt balansert. Hvis noen av landemerkene er alle gruppert sammen, prøv å finne dem ut og legge til pilene for å koble dem til deres geografiske plassering. Skjønnheten i illustrerte kart hvis de ikke trenger å være 100 prosent nøyaktige. En bit av kunstnerisk lisens oppfordres.

06. Velg fargepaletten din [1. 3]

Think about the mood you want to evoke when choosing your palette

Tenk på stemningen du vil fremkalle når du velger paletten din (Bilde Kreditt: Tom Woolley)

Prøv å velge farger som bidrar til å fange atmosfæren på stedet. Et solfylt feriedestinasjon kan ha en gul bakgrunn, og et landlig kart kan være overveiende grønt. Det kan også bidra til å basere fargepaletten på en av de ikoniske landemerkene og bruke dette til å sette tonen for resten av kartet.

Eksperimenter med forskjellige kombinasjoner og prøv å finne en komplementær farge for ikonene som hjelper dem med å skille seg ut fra bakgrunnen. Begynn å farge dine landemerker. På dette punktet må du kanskje endre størrelsen på dem igjen, da virkningen av fargen kan endre balansen i sammensetningen.

07. Bygg opp detaljer [1. 3]

Add some people and animals alongside the buildings

Legg til noen mennesker og dyr sammen med bygningene (Bilde Kreditt: Tom Woolley)

Legg til noen få mennesker og dyr for å puste litt liv i kartet ditt. I Seattle-kartet ønsket klienten å inkludere mange forskjellige idretter, for eksempel kanopadling og sykling, for å vise alle de forskjellige aktivitetene du kan gjøre i byen. Folk er også en god måte å hjelpe til med å fylle ut tomt rom du måtte ha. Legg litt moro og spill rundt med omfanget av tegnene - de kan være så store som en bygning hvis du vil.

08. Undersøk det lokale kjøkkenet [1. 3]

Local delicacies add more flavour

Lokale delikatesser Legg til mer smak (Bilde Kreditt: Tom Woolley)

Ikoner med mat og drikke spesifikk for området er en annen flott måte å legge til mer interessant detalj på kartet ditt. Kaffekopper og ølbriller er en evigvarende i mange kartene jeg lager, men legger til noen uvanlige lokale delikatesser, vil gjøre kartet mer minneverdig.

09. Fyll inn eventuelle hull [1. 3]

A few trees and texture details help fill in any blank space

Noen få trær og teksturdetaljer hjelper til med å fylle ut noe tomt mellomrom (Bilde Kreditt: Tom Woolley)

Små detaljer som bygninger, veiskilt og trær bidrar til å fylle gjenværende plass og bringe hele kartet sammen. Dobbeltklikk dine farger og sørg for at alt er harmoniserende. Noen ganger kan tillegget av noen få små trær endre fokuset. Zoom ut slik at du kan se hele kartet på skjermen og justere sammensetningen og fargene til du har en velbalansert sluttkomposisjon.

Nedenfor kan du se min endelige design for besøket Seattle Tourist Board Magazine.

Click the icon in the top right to enlarge the image

Klikk på ikonet øverst til høyre for å forstørre bildet (Bilde Kreditt: Tom Woolley)

Les mer:

  • Disse opplæringene viser deg Hvordan tegne omtrent alt
  • 20 Sketching Tips for å hjelpe deg med å gjøre dine første karakterer
  • De beste tegneappene til iPad


hvordan - Mest populære artikler

Kom i gang med Artrage

hvordan Feb 2, 2026

[1. 3] (Bilde Kreditt: Steve Goad) Kom i gang med Artrage 01. Få satt opp i artrag..


Lag en gammeldags anaglypheffende effekt

hvordan Feb 2, 2026

[1. 3] (Bilde Kreditt: Travis Knight) En anaglyph-effekt er riktig navn for den klassiske 3D-stilen der du må bære r..


Hvordan lage 3D-skanninger med realitetsfangst

hvordan Feb 2, 2026

[1. 3] (Bilde Kreditt: Phil Nolan) Reality Capture er en fin måte å lage dine egne 3D-skanninger på. Alt du trenger..


Stil et nettsted med SASS

hvordan Feb 2, 2026

[1. 3] Du kan gjøre mye med CSS - kanskje mer enn du kanskje tror - men det ærverdige stilarkspråket har sine begrensninger. I ..


17 måter å tegne bedre skapninger

hvordan Feb 2, 2026

[1. 3] Når du tegner skapninger, er det viktig at de er troverdige. Uansett hvor gal designene dine blir, bare husk at de alltid ..


Legg til flere språkstøtte til vinkel

hvordan Feb 2, 2026

[1. 3] I denne opplæringen skal vi ta deg gjennom prosessen med å gjøre appen din tilgjengelig og brukervennlig for folk rundt ..


Lag en wobbly tekst-effekt med JavaScript

hvordan Feb 2, 2026

[1. 3] Introduksjon av effekter på tekst og typografi kan legge til et helt nytt perspektiv på Brukererfaring på..


Slå bilder til 3D-animasjoner med Photoshop

hvordan Feb 2, 2026

[1. 3] Vi har alle en stor butikk med minner tatt som bilder, og det er flott å være i stand til å reminisce. Men hva om du kun..


Kategorier