Tutorial do Illustrator: Receitas de fluxo de trabalho e design afiado

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 1

Todos os vídeos do tutorial Tutorial do Illustrator: Receitas de fluxo de trabalho e design nítidas

Neste tutorial, vou mostrar como criar um belo esboço de chegada no Illustrator.

Em cada site, ao descrever as orientações para chegar a um local, é utilizada um mapa de orientação. Normalmente, nesse caso, é utilizado o Google Maps. No entanto, quando se pretende disponibilizar um mapa de orientação em um folheto, não se pode simplesmente usar um print screen do Google Maps. Nesse caso, o mapa precisa ser desenhado manualmente. Vou mostrar agora como fazer isso:

1. Retirar o modelo

Em primeiro lugar, precisamos de um modelo de mapa do qual possamos desenhar o mapa. É mais seguro utilizar o OpenStreetMap em vez do Google Maps. O OpenStreetMap é um projeto livre que recolhe dados geográficos livremente utilizáveis para todos. Assim, é seguro utilizar isso como modelo para o nosso mapa individual colorido. Vamos primeiro para o openstreetmap.de e pesquisar nosso destino. Pressionamos uma vez a tecla Print para criar um print screen...

Cartografia (Desenho de mapas de localização) com o Illustrator - Parte 1

... e mudamos para o Illustrator.

2. Criar um novo documento

Aqui criamos um novo documento chamado "Mapa de Chegada", com uma largura de 1000 px e uma altura de 500 px.

Cartografia (desenhar mapas de localização) com o Illustrator - Parte 1.

... e pressionamos Ctrl+V para colar nosso mapa da área de transferência.

Cartografia (Desenho de mapas de localização) com Illustrator - Parte 1

O primeiro passo é criar as camadas apropriadas no painel de Camadas (por favor, siga a lista de baixo para cima):

• Nomes de ruas
• Ícones
• Autoestrada
• Estradas principais
• Ruas secundárias
• Ferrovia tracejada
• Linhas ferroviárias
• Corpos d'água
• Áreas verdes
• Área residencial
• HG
• Mapa

Para trabalhar mais facilmente, bloqueamos todas as camadas, exceto a das ruas secundárias.

Cartografia (desenho de mapas de localização) com Illustrator - Parte 1

Pegamos a Ferramenta de Desenho de Caminho (tecla P), selecionamos ...

• Cor do contorno: #593156
• Espessura do contorno: 7 pt

... e desativamos o preenchimento. No painel de Aparência e na barra de status acima, podemos inserir a espessura do contorno.

Cartografia (desenhar mapas de localização) com o Illustrator - Parte 1.

Criamos outro contorno no painel de Aparência...

Cartografia (desenho de mapas de localização) com Illustrator - Parte 1

... e definimos os seguintes valores:

• Cor do contorno: #ffffff
• Espessura do contorno: 5 pt

Para as extremidades arredondadas, clicamos no item Contorno no painel de Aparência para as seguintes configurações:

Terminação: Arredondada
Canto: Cantos arredondados

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 1

Repetimos o mesmo com o contorno na cor violeta, para que ele também seja fechado.

Cartografia (desenhar mapas de localização) com o Illustrator - Parte 1

3. Criar estilos gráficos

E para não ter que criar essa aparência novamente toda vez, vamos para a janela Estilos Gráficos e clicamos uma vez no ícone Novo Estilo Gráfico.

Cartografia (criação de mapas de localização) com Illustrator - Parte 1

Agora, sempre que eu desenhar outro caminho, posso simplesmente clicar nesse estilo e terei imediatamente a aparência correta que defini para as ruas secundárias.

Então, podemos começar a redesenhar as ruas no mapa. Aqui estão algumas dicas úteis para tornar isso mais fácil:

Ctrlmantenha pressionado ao terminar um caminho e clique na imagem para começar um novo
Altmantenha pressionado para aumentar e diminuir rapidamente no zoom com a roda do mouse
Barra de Espaçomantenha pressionado para temporariamente mudar para a Ferramenta de Mão e mover a visualização
Tabesconde todos os painéis > melhora a visualização durante o trabalho

 Estado atual:

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 1

4. Rotunda

Aqui nos deparamos com uma pequena dificuldade na forma de uma rotunda. Para lidar com isso, escolhemos a Ferramenta Elipse e desenhamos uma elipse do tamanho da rotunda. Ao manter pressionada a barra de espaço, também podemos mover nossa rotunda antes de soltar o botão do mouse.

Cartografia (desenho de mapas de direção) com Illustrator - Parte 1

Como uma rua passa por ali, simplesmente apagamos o contorno que se sobressai com a Ferramenta Deletar Ponto de Âncora, ...

Cartografia (desenho de mapas de localização) com Illustrator - Parte 1

... colocando o mouse no ponto inferior da rotunda e removendo o ponto de âncora ao clicar.

Cartografia (desenho de mapas de localização) com Illustrator - Parte 1

Clicamos no ponto mais baixo da rua da mesma forma, para que a parte excedente da rua seja completamente removida.

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 1

Depois, com a Ferramenta de Traçado, colocamos um ponto de ancoragem no ponto inferior da rotunda e assim podemos continuar a rua.

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 1

Depois de termos desenhado todas as ruas secundárias, só precisamos selecionar todas as ruas de nível, clicando à direita na camada "Ruas secundárias" ...

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 1

Em seguida, aplicamos nosso estilo pré-definido do Painel de Estilos Gráficos.

Cartografia (desenho de mapas de acesso) com Illustrator - Parte 1

E assim, com um clique, transformamos todas as ruas no estilo desejado.

Cartografia (desenhar mapas de localização) com Illustrator - Parte 1

No entanto, o que ainda incomoda é que as ruas não se fundem umas nas outras, mas se sobrepõem.

Cartografia (desenho de mapas de direções) com o Illustrator - Parte 1.

No entanto, lidamos com isso da seguinte forma: simplesmente selecionamos todas as ruas secundárias novamente, ...

Cartografia (desenho de mapas de direção) com o Illustrator - Parte 1.

... usamos a Ferramenta de Seleção, clicamos com o botão direito nos caminhos das ruas e selecionamos Criar um Caminho Composto.

Cartografia (desenho de mapas de direção) com Illustrator - Parte 1

E assim todas as ruas se fundem umas às outras:

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 1

Este é o nosso progresso atual:

Cartografia (desenho de mapas de localização) com o Illustrator - Parte 1

E no próximo passo, vamos lidar com as ruas principais, a autoestrada e a ferrovia.