Illustration-Tutorial: Ricette di workflow e design affilate

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

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

Nella parte finale ci concentreremo su come inserire i simboli rimanenti che mancano e posizionare la nostra posizione.

Integrare le strade mancanti

Ma prima di farlo, disegneremo ancora le strade mancanti residue. Se ora visualizziamo nuovamente la mappa nella vista in pianta, vedremo che mancano ancora alcune strade.

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

E ovviamente vogliamo ancora completarle. Lo faremo bloccando di nuovo i livelli non utilizzati e sbloccando le nostre strade principali. Poi prenderemo lo strumento Percorso e disegneremo le nostre strade.

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

Dato che avevamo salvato le nostre strade principali precedentemente come stile grafico, ora dobbiamo semplicemente selezionarle tutte e assegnare loro lo stile grafico per le strade.

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

Ora dobbiamo solo collegare le strade che abbiamo appena creato. Perché se guardiamo il tutto, la "Kaiserin-Augusta-Allee" si trova qui sotto la nostra nuova strada.

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

Le due strade le uniamo semplicemente sciogliendo prima il percorso composito nelle vecchie strade principali. Solo allora possiamo aggiungere le nuove strade create.

Quindi selezioniamo prima le strade principali composite e facciamo clic destro sul percorso stradale. Da lì selezioniamo nel menu contestuale Converti in percorso composto.

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

Ora abbiamo separato tutti i nostri percorsi. Per il controllo, vediamo nel pannello Livelli che tutti i percorsi sono di nuovo singolarmente presenti.

Cartografia (disegno di mappe di viaggio) con Illustrator - Parte 6

Ora possiamo di nuovo unire tutte le strade principali in un percorso composto, selezionandole tutte nel pannello Livelli, ...

Cartografia (disegno di mappe di navigazione) con Illustrator - Parte 6

... facendo clic con il tasto destro su uno dei percorsi nell'area di lavoro e selezionando Crea percorso composto.

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

E così tutti i percorsi sono nuovamente fusi insieme.

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

Infine, dovremmo solo integrare nuovamente le denominazioni delle strade.

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

Creare segnali - Metro

Adesso passeremo a creare i segnali. Inizieremo con un segnale della metropolitana. Per evitare di disegnare sulle nostre strade principali, blocchiamo tutti i livelli e sblocciamo il nostro livello "Icone". Innanzitutto avremo bisogno dello strumento Rettangolo arrotondato. Con esso disegneremo un quadrato arrotondato nella nostra area di lavoro e gli daremo i seguenti valori:

Contorno: nessuno
Colore di riempimento: #293176

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

Poi disegniamo un campo di testo con lo strumento Testo e scriviamo una "U" al suo interno. Possiamo ingrandirlo finché non si adatta al rettangolo. Questo può avere i seguenti valori:

Riempimento: bianco
Contorno: nessuno
Carattere: Tunga
Grassetto:
Dimensione carattere: 129 Pt

Cartografia (disegno di mappe di accesso) con Illustrator - Parte 6

Poi possiamo ridimensionare correttamente il simbolo.

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

Dopo di che zoomiamo e riduciamo il raggio degli angoli, poiché non si sono adattati durante il dimensionamento.

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

Volete evitare che ciò vi accada la prossima volta? Andate su Modifica>Preferenze e spuntate la casella Ridimensiona contorni ed effetti.

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

Dopodiché selezioniamo entrambe aree e le convertiamo in un gruppo con Ctrl+G.

Per salvare il cartello della metropolitana come Simbolo, lo selezioniamo completamente e premiamo il tasto F8. Nel menu che appare inseriamo quanto segue:

Nome: Metropolitana
Tipo: Grafica

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

Ora possiamo aprire la palette Simboli e trascinare altri simboli della metropolitana dal riquadro comandi all'area di lavoro.

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

E se pensiamo che i nostri simboli della metropolitana siano ancora un po' troppo grandi, possiamo regolare le dimensioni e il raggio degli angoli facendo doppio clic sull'icona della metropolitana nella palette Simboli.

Cartografia (creazione di mappe stradali) con Illustrator - Parte 6

Simbolo della metropolitana

Ora ci manca solo il simbolo della metropolitana. Per questo usiamo il Strumento ellisse. Con esso tracciamo un cerchio e applichiamo un Gradiente attraverso Finestra>Sfumature. Clicchiamo sulla barra di sfumature e poi sul secchiello di vernice sinistro. Compare un piccolo menu a scomparsa con un piccolo triangolo rivolto verso il basso nell'angolo destro. Sulla barra andiamo su, per passare dall'impostazione in Scala di grigi a RGB, così da poter impostare i valori dei colori.

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

Colore: #007A3C

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

Nel secchiello di vernice destro (dopo aver impostato l'impostazione in RGB lì), inseriamo quanto segue:

Colore: #008B44

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

E un angolo di 90°.

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

Facendo clic con lo Strumento testo nel piano di lavoro, creiamo una "S" con il colore bianco e la posizioniamo all'interno del cerchio.

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

Nomi degli icona

Abbiamo creato le nostre icone, ora ci mancano solo le denominazioni corrispondenti delle stazioni. Prima entriamo nella nostra Palette Livelli e blocchiamo il livello "Icone". Poi creiamo un nuovo livello e lo chiamiamo "Nomi simboli".

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

Poi clicchiamo sul piano di lavoro e nominiamo il nostro stazione della metropolitana 18 Pt di dimensione "Berlino Westend". Poi assegniamo solo lo Stile dal nostro pannello Stili grafici per le denominazioni delle strade. Facciamo lo stesso anche con le stazioni della metropolitana.

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

Creare segnali autostradali

Ci manca solo un cartello autostradale che ci indichi di quale autostrada si tratta. Per questo prendiamo di nuovo lo Strumento rettangolo arrotondato e creiamo un cartello con un contorno di 3 Pt.

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

Diamo quindi all'area un Gradiente:

Colore a sinistra: Bianco (#ffffff)
Colore a destra: #dbdbdb
Angolo: 60°

E al Contorno diamo anche un Gradiente:

Colore a sinistra: #524c67
Colore a destra: #6c346e
Angolo: 60°
Spessore contorno: 3 Pt

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

Allora manca solo la denominazione. I miei valori sono i seguenti:

Carattere: Myriad Pro
Grassetto: Bold
Dimensione carattere: 14 Pt
Colore carattere: #515150

E abbiamo solo bisogno di inserire tutto correttamente nel simbolo.

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

Posizione

Creiamo la posizione nel seguente modo: prendiamo lo Strumento ellisse e disegniamo un cerchio con i seguenti valori:

Area: Nessuna
Colore contorno: #593055
Spessore contorno: 5 Pt

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

E con lo Strumento linea disegniamo la posizione. Per avere una punta della freccia andiamo nel pannello Contorno alla voce Punte delle frecce e selezioniamo la Freccia 5 alla seconda voce.

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

Visto che la punta è un po' troppo grande, possiamo selezionare la fine della freccia con lo Strumento selezione diretta e allungarla leggermente in lunghezza.

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

Se selezioniamo il cerchio, vediamo dov'è il centro del cerchio. Possiamo orientarci su questo e posizionare correttamente la punta della freccia al centro di conseguenza.

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

Ora la mappa delle indicazioni stradali è completa:

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

Esportazione

Per esportare la mappa, andiamo nel menu su File>Esporta, diamo un nome al file e impostiamo il tipo di file su JPEG (*.JPG).

Nome file: a piacere
Tipo file: JPEG (*.JPG)
Usa aree di disegno:

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

È importante spuntare la casella di Usa aree di disegno, perché se guardiamo il nostro documento Illustrator, vediamo che abbiamo un bordo nero intorno alla nostra mappa ...

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

... e abbiamo disegnato sopra di esso. Questo viene "ritagliato" pulitamente dal bordo dopo aver attivato questa opzione.

Impostiamo le Opzioni JPEG nel seguente modo:

Modello colore: RGB
Qualità: 6 (Alta)
Risoluzione: Media (150 ppi)
Includi profilo ICC:

Cartografia (disegno di mappe) con Illustrator - Parte 6

È molto importante incorporare il profilo colore. Altrimenti potrebbe capitare che i colori vengano visualizzati in modo distorto.

Dopo aver cliccato su OK, il nostro risultato apparirà come segue:

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

Spero che questo tutorial vi sia piaciuto. :)