Illustration-Tutorial: Ricette di workflow e design affilate

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Tutti i video del tutorial Tutorial dell'illustratore: Ricette di workflow e design taglienti

In questo tutorial vi mostrerò come creare una bella bozza di percorso con Illustrator.

Su ogni sito web, per una descrizione del percorso, viene utilizzata una mappa di percorso. Normalmente si utilizza Google Maps per questo. Tuttavia, se si desidera inserire una mappa di percorso in un volantino, non si può semplicemente utilizzare uno screenshot di Google Maps. In questo caso, la mappa deve essere disegnata manualmente. Vi mostrerò ora come fare:

1. Estrarre il modello

Per prima cosa abbiamo bisogno di un modello di mappa da cui disegnare la nostra mappa. Si è dalla parte sicura se si utilizza OpenStreetMap anziché Google Maps. OpenStreetMap è un progetto libero che raccoglie dati geografici liberamente utilizzabili da chiunque. Così, è sicuro utilizzare questi dati come modello per la nostra mappa personalizzata. Prima di tutto, visitiamo openstreetmap.de e cerchiamo la nostra destinazione. Premiamo una volta il tasto Stampa per creare uno screenshot...

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

...e cambiare poi a Illustrator.

2. Creare un nuovo documento

Qui creiamo un nuovo documento denominato "Mappa di percorso", con una larghezza di 1000 px e un'altezza di 500 px.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

...e premiamo Ctrl+V per incollare la nostra mappa dagli appunti.

Cartografia (disegnare mappe stradali) con Illustrator - Parte 1

Il primo passo è creare i livelli appropriati nel Pannello di gestione livelli (seguire la lista dall'alto verso il basso):

• Nomi delle strade
• Icone
• Autostrade
• Strade principali
• Strade secondarie
• Binario tratteggiato
• Binari ferroviari
• Corsi d'acqua
• Area verde
• Zona residenziale
• HG
• Mappa

Per poter lavorare meglio, bloccare tutti i livelli tranne quello delle strade secondarie.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Prendiamo lo Strumento penna (Tasto P), selezioniamo per la strada...

• Colore del contorno: #593156
• Spessore del contorno: 7 Pt

...e disabilitiamo la superficie. Nel Pannello Aspetto e nella barra delle applicazioni sopra possiamo inserire lo spessore del contorno.

Cartografia (disegnare mappe stradali) con Illustrator - Parte 1

Creiamo un altro contorno nel Pannello Aspetto ...

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

...e assegnamo i seguenti valori:

• Colore del contorno: #ffffff
• Spessore del contorno: 5 Pt

Per estremità arrotondate, premiamo sull'entrata Contorno nel Pannello Aspetto per i seguenti valori:

Fine: Arrotondato
Angolo: Angoli arrotondati

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Ripetiamo lo stesso procedimento con il contorno viola, così che anche questo venga chiuso.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1.

3. Creare gli stili grafici

E così, per non dover creare questo aspetto ogni volta da zero, andiamo alla finestra Stili grafici e clicchiamo una volta sull'icona Nuovo stile grafico.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Ora posso cliccare su quello stile ogni volta che ho disegnato un altro percorso e ottenere subito l'aspetto corretto che ho definito per le strade secondarie.

Quindi possiamo iniziare a ridisegnare le strade sulla mappa. Ecco alcuni consigli utili per facilitare il lavoro:

Ctrtieni premuto dopo aver completato un percorso e fare clic sull'immagine per iniziare un nuovo percorso
Alttieni premuto per zoomare rapidamente dentro e fuori con la rotellina del mouse
Barra spaziatricetieni premuto per passare temporaneamente al Strumento mano per spostare la vista
Tabnasconde tutti i riquadri di controllo > consente una migliore visuale per lavorare

  Stato attuale:

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

4. Rotatoria

Qui ci troviamo di fronte a una piccola difficoltà sotto forma di rotatoria. Affrontiamo questo problema selezionando lo strumento ellisse e disegnando un' ellisse delle dimensioni della rotatoria. Tenendo premuto il tasto spazio, possiamo spostare la nostra rotatoria nella posizione desiderata prima di rilasciare il pulsante del mouse.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Dato che passa una strada, eliminiamo semplicemente il contorno in eccesso con lo strumento elimina punto di ancoraggio, ...

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

... posizionando il cursore sul punto inferiore della rotatoria e rimuovendo il punto di ancoraggio cliccando.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Clicchiamo anche sul punto più in basso della strada per rimuovere completamente la parte in eccesso della strada.

Cartografia (disegno di mappe per indicazioni stradali) con Illustrator - Parte 1

Dopo, con lo strumento tracciato posizioniamo un punto di ancoraggio sul lato inferiore della rotatoria e possiamo così continuare la strada.

Cartografia (disegnare mappe stradali) con Illustrator - Parte 1

Dopo aver disegnato tutte le strade secondarie, dobbiamo semplicemente selezionare tutte le strade delle sezioni, facendo clic a destra sulla sezione "Strade secondarie" ...

Cartografia (disegnare mappe stradali) con Illustrator - Parte 1

Poi applichiamo dal pannello stile grafico lo stile prefissato.

Cartografia (disegno di mappe di percorso) con Illustrator - Parte 1

E con un solo clic convertiamo tutte le strade nel nostro stile desiderato.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Tuttavia, ciò che disturba è che le strade non si sovrappongono ma si sovrappongono l'una con l'altra.

Cartografia (disegnare mappe stradali) con Illustrator - Parte 1

Ma affrontiamo il problema nel seguente modo: selezioniamo nuovamente tutte le strade secondarie, ...

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

... passiamo allo strumento di selezione, facciamo clic destro sui percorsi stradali e selezioniamo crea percorso composto.

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

E così tutte le strade si fondono insieme:

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

Questo è il nostro risultato parziale:

Cartografia (disegno di mappe stradali) con Illustrator - Parte 1

E nel prossimo capitolo ci occuperemo delle strade principali, dell'autostrada e della ferrovia.