Illustrator-handbok: Knivskarpa arbetsflöden och designrecept

Kartografi (ritning av körvägskartor) med Illustrator - Del 6

Alla videor i handledningen

I den sista delen ska vi lägga till de återstående symbolerna som saknas och placera vår plats.

Komplettera saknade gator

Innan vi gör det, ska vi rita in de återstående saknade gatorna. Om vi nu visar kartan igen i planvy ser vi att det fortfarande saknas några gator.

Kartografi (rita vägkartor) med Illustrator - Del 6

Och dessa vill vi naturligtvis fylla i. Det gör vi genom att låsa de oanvända lagren igen och låsa upp våra huvudgator. Sedan tar vi banverktyget och ritar våra gator.

Kartografi (rita vägbeskrivningar) med Illustrator - Del 6

Eftersom vi tidigare hade sparat våra huvudgator som Grafikstil, behöver vi bara markera dem alla och ge dem Grafikstilen för gatorna.

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Nu behöver vi bara ansluta de gator vi precis skapat. För om vi tittar på helheten, så löper "Kaiserin-Augusta-Allee" här under vår nyritade gata.

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Vi lägger helt enkelt ihop de två genom att först bryta upp den konkatenerade banan på de gamla huvudgatorna. Först då kan vi lägga till de nyritade gatorna.

Så vi markerar först de sammanfogade huvudgatorna och högerklickar på gatrutan. Där väljer vi i kontextmenyn Återvändande sammansatt bana.

Kartografi (rita kartor för vägbeskrivningar) med Illustrator - Del 6

Vi har nu separerat våra banor. För att kontrollera ser vi i lagerrutan att alla banor där återigen finns individuellt.

Kartografi (rita vägkartor) med Illustrator - Del 6

Nu kan vi igen slå samman alla huvudgator till en konkatenerad bana genom att i lagerrutan markera alla, ...

Kartografi (rita riktningskartor) med Illustrator - Del 6

... högerklicka på en av banorna på arbetsytan och välja Skapa sammanfogad bana.

Kartografi (rita kartor) med Illustrator - Del 6

Och nu är alla banor återigen förenade.

Kartografi (ritning av vägbeskrivningar) med Illustrator - Del 6

Till sist behöver vi bara återigen komplettera vägbeskrivningarna.

Kartografi (rita vägkartor) med Illustrator - Del 6

Skapa skyltar - Tunnelbana

Nästa steg är att skapa skyltar. Vi börjar med en tunnelbaneskylt. För att inte rita på våra huvudgator låser vi alla lager och låser upp vårt "Ikoner"-lager. Först behöver vi det Avtungade rektangel-verktyget. Med det ritar vi en avrundad fyrkant på arbetsytan och ger den följande värden:

Kontur: inget
Fyllfärg: #293176

Kartografi (rita vägkartor) med Illustrator - del 6

Sedan drar vi med Text-verktyget en Textruta och skriver in ett "U" där. Vi kan dra det så stort att det passar in i rektangeln. Denna kan få följande värden:

Fyllning: Vit
Kontur: Inget
Teckensnitt: Tunga
Teckensnittstil: Fet
Teckenstorlek: 129 pt

Kartografi (rita vägbeskrivningar) med Illustrator - Del 6

Därefter kan vi passa på att förminska symbolen.

Kartografi (rita vägkartor) med Illustrator - Del 6

Sedan zoomar vi in och minskar radiehörnen eftersom de inte har anpassats när de förminskades.

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Vill du att något sådant inte händer dig nästa gång? Gå bara till Redigera>Inställningar och kryssa i rutan för Skala konturer och effekter.

Kartografi (rita vägkartor) med Illustrator - Del 6

Därefter markerar vi båda områdena och grupperar dem med Ctrl+G.

För att spara tunnelbanesymbolen som en Symbol, markerar vi den helt och trycker på knappen F8. I den visas menyn skriver vi följande:

Namn: Tunnelbana
Typ: Grafik

Kartografi (rita riktningskartor) med Illustrator - Del 6

Nu kan vi öppna Symbol-panelen och dra fler tunnelbanesymboler från verktygsfältet till arbetsytan.

Och om vi tycker att våra tunnelbanesymboler är lite för stora, kan vi med en dubbelklick i Symbol-panelen på tunnelbanesymbolen justera storleken och hörnradie.

Kartografi (rita vägkartor) med Illustrator - Del 6

S-tågssymbol

Nu saknar vi bara en S-tågssymbol. Där använder vi Ellipsverktyget. Vi ritar en cirkel och ger den en Gradient via Fönster>Gradient. Vi klickar i gradientstången och sedan på den vänstra färgspannen. Då visas en liten flugmeny med en liten pil-ned-symbol i övre högra hörnet. Där klickar vi för att ändra inställningen från Gråskala till RGB så att vi kan justera färgvärdena.

Kartografi (rita vägkartor) med Illustrator - Del 6

Färg: #007A3C

Kartografi (rita vägkartor) med Illustrator - Del 6

På höger färgspannaren (efter att också ändrat till RGB där) anger vi:

Färg: #008B44

Kartografi (rita vägkartor) med Illustrator - Del 6

Och en vinkel på 90°.

Kartografi (ritning av färdvägskartor) med Illustrator - Del 6

Vi klickar med Textverktyget på arbetsytan, skapar en "S" med en vit fyllning och flyttar in den i cirkeln.

Kartografi (rita vägbeskrivningar) med Illustrator - Del 6

Beteckning för ikoner

Nu har vi skapat våra ikoner. Det enda som saknas är de lämpliga beteckningarna för stationerna. Först går vi till vårt Lager och låser "Ikoner"-lagret. Sedan skapar vi ett nytt lager och namnger det "Symbolbeteckningar".

Kartografi (rita vägkartor) med Illustrator - Del 6

Vi klickar på arbetsytan och namnger vår S-tågstation med storleken 18 pt till "Berlin Westend". Sedan tilldelar vi den stilen från vårt panel för grafikstilar för gatubeteckningar. Samma procedur gör vi även för tunnelbanestationerna.

Kartografi (rita vägkartor) med Illustrator - Del 6

Skapa motorvägsskyltar

Nu återstår det bara för oss att skapa en motorvägsskylt som informerar oss om vilken motorväg det är. Där använder vi igen Rundade rektangulära verktyget och skapar en skylt med en 3 pt-kontur.

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Sedan ger vi området en Gradient:

Färg till vänster: Vit (#ffffff)
Färg till höger: #dbdbdb
Vinkel: 60°

Och för Konturen ger vi också en Gradient:

Färg till vänster: #524c67
Färg till höger: #6c346e
Vinkel: 60°
Linjetjocklek: 3 pt

Kartografi (rita vägkartor) med Illustrator - Del 6

Då återstår bara benämningen. Mina värden är följande:

Typsnitt: Myriad Pro
Stil: Fet
Storlek: 14 Pt
Färg: #515150

Och så behöver vi bara placera detta passande i symbolen.

Kartografi (rita vägkartor) med Illustrator - Del 6

Plats

Vi gör platsen på följande sätt: Vi tar Ellipsverktyget och ritar en cirkel med följande värden:

Område: Ingen
Konturfärg: #593055
Konturstyrka: 5 Pt

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Och med Linje-verktyget ritar vi platsen. För en pilspets går vi till Kontur-panelen till Pilspetsar och väljer Pil 5 för den andra posten.

Kartografi (rita vägbeskrivningar) med Illustrator - Del 6

Eftersom spetsen är lite för stor, kan vi markera slutet av pilen med Direktval-verktyget och förlänga den längs kanten.

Kartografi (ritning av färdvägskartor) med Illustrator - Del 6

När vi markerar cirkeln ser vi var mitten av cirkeln är. Där kan vi orientera oss och placera pilspetsen på det rätt mellersta positionen.

Kartografi (rita vägkartor) med Illustrator - Del 6

Nu är vi klara med riktningsskissen:

Kartografi (ritning av vägkartor) med Illustrator - Del 6

Export

För att exportera kartan går vi till menyn Fil>Exportera, ger den ett filnamn och väljer filtypen JPEG (*.JPG).

Filnamn: valfritt
Filtyp: JPEG (*.JPG)
Använda konstverk: Ja

Kartografi (rita vägkartor) med Illustrator - Del 6

Det är viktigt att vi markerar rutan Använda konstverk, eftersom om vi tittar på vårt Illustrator-dokument ser vi att vi har en svart ram runt vår karta ...

Kartografi (ritning av anvisning) med Illustrator - Del 6

... och ritat över den. Detta kommer att skäras "rent" längs kanten efter att denna inställning har aktiverats.

Vi ställer in JPEG-alternativen enligt följande:

Färgmodell: RGB
Kvalitet: 6 (Hög)
Upplösning: Medel (150 ppi)
Bädda in ICC-profil: Ja

Kartografi (rita vägkartor) med Illustrator - Del 6

Här är det väldigt viktigt att vi bäddar in färgprofilen. Annars kan färgerna visas felaktigt.

Efter att ha klickat på OK ser vårt resultat ut som följande:

Kartografi (rita kartor) med Illustrator - Del 6

Jag hoppas att ni har haft roligt med denna handledning. :)